div.header{text-align:center;background-color:#dcd7cd}div.header h2{letter-spacing:0.075em}div.main_wrapper{background:-webkit-linear-gradient(#dcd7cd 30%, #fff);background:-o-linear-gradient(#dcd7cd 30%, #fff);background:linear-gradient(#dcd7cd 30%, #fff)}div.main_wrapper div.wrapper{display:flex;overflow:hidden}div.main_wrapper div.wrapper div.text p.title{text-align:center;color:#000;margin-left:auto;margin-right:auto;position:relative;border-top:1px solid #333;border-left:1px solid #333}div.main_wrapper div.wrapper div.text p.title::after{content:"";background-image:url("../../../images/kado.png");background-size:contain;background-repeat:no-repeat;width:18px;height:18px;position:absolute;bottom:0px;right:0px}div.main_wrapper div.wrapper div.text p.title span.border::before,div.main_wrapper div.wrapper div.text p.title span.border::after{content:"";background-color:#333;position:absolute;z-index:10}div.main_wrapper div.wrapper div.text p.title span.border::before{width:calc(100% - 18px);height:1px;bottom:0;left:0}div.main_wrapper div.wrapper div.text p.title span.border::after{width:1px;height:calc(100% - 18px);top:0;right:0}div.main_wrapper div.wrapper div.text p.title span.border span.character{font-family:"Quattrocento", serif;background-color:#e6e1d7;display:block;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);padding-left:24px;padding-right:24px}@media screen and (min-width: 768px), print{.js-scroll-appear{transform:translateY(40px);opacity:0;transform-origin:bottom;transition:2s transform, 2s opacity}.js-scroll-appear.delay{transition-delay:0.5s}.js-scroll-appear.is-animated{transform:translateY(0);opacity:1}#content{border-top:120px solid #dcd7cd;padding-bottom:60px}div.header{height:calc(70dvh - 120px);min-height:500px;display:flex;flex-direction:column;justify-content:center}div.header h2{font-size:40px}div.header p.lead{padding-left:64px;padding-right:64px;margin-top:70px;line-height:36px}div.main_wrapper{padding-top:40px}div.main_wrapper div.wrapper{padding-left:32px;padding-right:32px;margin:0 auto;max-width:1144px;justify-content:space-between;align-items:center;padding-bottom:140px}div.main_wrapper div.wrapper:nth-child(odd){flex-direction:row-reverse}div.main_wrapper div.wrapper:nth-child(odd) div.text{padding-left:16px}div.main_wrapper div.wrapper:nth-child(even) div.text{padding-right:16px}div.main_wrapper div.wrapper div.text{max-width:560px;min-width:356px;line-height:32px}div.main_wrapper div.wrapper div.text p.title{font-size:20px;max-width:300px;margin-bottom:36px}div.main_wrapper div.wrapper div.text p.title span.character{padding-top:14px;padding-bottom:14px}div.main_wrapper div.wrapper.history_02 div.text p.title,div.main_wrapper div.wrapper.history_03 div.text p.title{max-width:400px}div.main_wrapper div.wrapper p.img img{max-width:500px;min-width:400px}}@media screen and (max-width: 767px){.js-scroll-appear{transform:translateY(8px);opacity:0;transform-origin:bottom;transition:1.5s transform, 1.5s opacity}.js-scroll-appear.is-animated{transform:translateY(0);opacity:1}#content{border-top:80px solid #dcd7cd;padding-bottom:110px}div.header{height:calc(80dvh - 80px);min-height:400px;max-height:500px;padding-left:28px;padding-right:28px;display:flex;flex-direction:column;justify-content:center}div.header h2{font-size:30px}div.header p.lead{margin:60px auto 0;line-height:28px;max-width:550px}div.main_wrapper{margin-top:0}div.main_wrapper div.wrapper{flex-direction:column-reverse}div.main_wrapper div.wrapper div.text{padding-left:28px;padding-right:28px;line-height:28px;position:relative;z-index:5;top:-40px}div.main_wrapper div.wrapper div.text p.title{font-size:18px;max-width:270px;margin-bottom:20px}div.main_wrapper div.wrapper div.text p.title span.character{padding-top:8px;padding-bottom:8px}div.main_wrapper div.wrapper.history_02 div.text p.title{max-width:360px}div.main_wrapper div.wrapper.history_03 div.text p.title{max-width:480px}div.main_wrapper div.wrapper p.img{position:relative;top:0}div.main_wrapper div.wrapper p.img img{max-width:440px}div.main_wrapper div.wrapper:nth-child(odd) p.img{left:-20px}div.main_wrapper div.wrapper:nth-child(even) p.img{right:-20px}div.main_wrapper div.wrapper:nth-child(even) p.img img{margin-left:auto;margin-right:0}div.main_wrapper div.wrapper.history_02{padding-top:24px}div.main_wrapper div.wrapper.history_02 p.img{top:-24px;right:auto}div.main_wrapper div.wrapper.history_02 p.img img{margin-right:auto}}