@charset "UTF-8";

@keyframes fadeInUp {
	from {transform:translate3d(0, 40px, 0);-webkit-transform:translate3d(0, 40px, 0);}
	to {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);opacity:1;}
}
@-webkit-keyframes fadeInUp {
	from {transform:translate3d(0, 40px, 0);-webkit-transform:translate3d(0, 40px, 0);}
	to {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes fadeIn {
    from {opacity:0;}
	to {opacity:1;}
}
.fadeInUp {position:relative;opacity:0;}
.fadeInUp.fade {animation:fadeInUp .7s both;-webkit-animation:fadeInUp .7s both;}
.fadeInUp.up1 {animation-delay:.1s;-webkit-animation-delay:.1s}
.fadeInUp.up2 {animation-delay:.2s;-webkit-animation-delay:.2s;}
.fadeInUp.up3 {animation-delay:.3s;-webkit-animation-delay:.3s;}
.fadeInUp.up4 {animation-delay:.4s;-webkit-animation-delay:.4s;}
.fadeInUp.up5 {animation-delay:.5s;-webkit-animation-delay:.5s;}
.fadeInUp.up6 {animation-delay:.6s;-webkit-animation-delay:.6s;}
.fadeInUp.up7 {animation-delay:.7s;-webkit-animation-delay:.7s;}


#page{position:relative;}
#page.page_padding{padding:100px 0;}
#page.page_padding_bottom_none{padding-bottom:0 !important;}

@media all and (max-width:1000px){
	#page.page_padding{padding:80px 0;}
}
@media all and (max-width:800px){
	#page.page_padding{padding:60px 0;}
}
@media all and (max-width:600px){
	#page.page_padding{padding:40px 0;}
}
@media all and (max-width:400px){
	#page.page_padding{padding:30px 0;}
}


#page .page_description{position:relative;font-size:35px;font-weight:300;color:#4D4D4D;line-height:1.65;}
#page .page_description b{font-weight:600;color:#007CAA;}

@media all and (max-width:1400px){
	#page .page_description{font-size:30px;}
	#page .page_description br{display:none;}
}
@media all and (max-width:1000px){
	#page .page_description{font-size:26px;}
}
@media all and (max-width:800px){
	#page .page_description{font-size:23px;}
}
@media all and (max-width:600px){
	#page .page_description{font-size:20px;}
}
@media all and (max-width:400px){
	#page .page_description{font-size:18px;}
}


#page .page_tab{position:relative;}
#page .page_tab .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;column-gap:30px;row-gap:15px;}
#page .page_tab .item{position:relative;padding:5px 10px;min-height:88px;min-width:280px;max-width:340px;font-size:22px;font-weight:500;color:#636363;line-height:1.4;letter-spacing:0.04em;text-decoration:none;text-align:center;background-color:#ECECEC;box-sizing:border-box;cursor:pointer;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;border-radius:50px;}
#page .page_tab .item.active{background-color:#585858;color:#FFFFFF;font-weight:400;}
#page * + .page_tab{margin-top:100px;}

@media all and (max-width:1000px){
	#page .page_tab{font-size:18px;}
	#page .page_tab .inner{display:grid;grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:10px;}
	#page .page_tab .item{font-size:1.1em;min-height:4em;min-width:0;max-width:100%;border-radius:2.27em;}
	#page * + .page_tab{margin-top:80px;}
}
@media all and (max-width:800px){
	#page .page_tab{font-size:16px;}
	#page * + .page_tab{margin-top:60px;}
}
@media all and (max-width:600px){
	#page .page_tab{font-size:14px;}
	#page * + .page_tab{margin-top:40px;}
}
@media all and (max-width:400px){
	#page .page_tab{font-size:13px;}
	#page * + .page_tab{margin-top:30px;}
}


#page .page_content{position:relative;}
#page .page_content .page_section{position:relative;}
#page .page_content .page_section + .page_section{margin-top:130px;}
#page .page_content .page_section .section_title{position:relative;}
#page .page_content .page_section .section_title .title{position:relative;margin:0;padding:0;font-size:24px;font-weight:600;line-height:1.4;letter-spacing:0.03em;color:#616161;}
#page .page_content .page_section .section_content{position:relative;font-size:22px;font-weight:400;color:#616161;line-height:1.4;letter-spacing:0.015em;}
#page .page_content .page_section .section_content p{margin:0;padding:0;}
#page .page_content .page_section .section_content .features{position:relative;line-height:1.6;}
#page .page_content .page_section .section_content .features ul{position:relative;margin:0;padding:0;list-style:none;}
#page .page_content .page_section .section_content .features ul li{position:relative;padding-left:0.5em;word-break:keep-all;}
#page .page_content .page_section .section_content .features ul li:before{content:"";display:block;position:absolute;left:0;top:calc(0.8em - 2px);width:3px;height:3px;border-radius:50%;background-color:#616161;}
#page .page_content .page_section .section_content .order{position:relative;line-height:1.6;}
#page .page_content .page_section .section_content .order ol{position:relative;margin:0;padding:0;list-style:none;counter-reset:order_list;}
#page .page_content .page_section .section_content .order ol li{position:relative;padding-left:1.25em;word-break:keep-all;counter-increment:order_list;}
#page .page_content .page_section .section_content .order ol li:before{content:counter(order_list)")";display:block;position:absolute;left:0;top:0;width:1em;}
#page .page_content .page_section .section_content .figure{position:relative;}
#page .page_content .page_section .section_content .figure .image{position:relative;margin:0 auto;background-color:#EEEEEE;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .page_content .page_section .section_content .figure .image:before{content:"";display:block;padding-bottom:60%;}
#page .page_content .page_section .section_content * + .figure{margin-top:50px;}
#page .page_content .page_section .section_content .images{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;column-gap:35px;row-gap:35px;}
#page .page_content .page_section .section_content .images .item{position:relative;flex:1;}
#page .page_content .page_section .section_content .images .item .image{position:relative;background-color:#EEEEEE;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .page_content .page_section .section_content .images .item .image:before{content:"";display:block;padding-bottom:60%;}
#page .page_content .page_section .section_content .images .item .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:0.015em;color:#757575;margin-top:20px;text-align:center;}
#page .page_content .page_section .section_content * + .images{margin-top:100px;}
#page .page_content .page_section .section_title + .section_content{margin-top:40px;}
#page * + .page_content{margin-top:100px;}

@media all and (max-width:1000px){
	#page .page_content .page_section{font-size:18px;}
	#page .page_content .page_section + .page_section{margin-top:6.5em;}
	#page .page_content .page_section .section_title .title{font-size:1.2em;}
	#page .page_content .page_section .section_content{font-size:1.1em;}
	#page .page_content .page_section .section_content * + .figure{margin-top:2.5em;}
	#page .page_content .page_section .section_content .images{column-gap:10px;row-gap:10px;}
	#page .page_content .page_section .section_content .images .item .title{font-size:15px;margin-top:1.2em;}
	#page .page_content .page_section .section_content * + .images{margin-top:80px;}
	#page .page_content .page_section .section_title + .section_content{margin-top:35px;}
	#page * + .page_content{margin-top:80px;}
}
@media all and (max-width:800px){
	#page .page_content .page_section{font-size:16px;}
	#page .page_content .page_section .section_content * + .figure{margin-top:60px;}
	#page .page_content .page_section .section_content .images .item .title{font-size:14px;}
	#page .page_content .page_section .section_title + .section_content{margin-top:30px;}
	#page * + .page_content{margin-top:60px;}
}
@media all and (max-width:600px){
	#page .page_content .page_section{font-size:14px;}
	#page .page_content .page_section .section_content * + .figure{margin-top:40px;}
	#page .page_content .page_section .section_content .images .item .title{font-size:13px;}
	#page .page_content .page_section .section_title + .section_content{margin-top:25px;}
	#page * + .page_content{margin-top:40px;}
}
@media all and (max-width:400px){
	#page .page_content .page_section{font-size:13px;}
	#page .page_content .page_section .section_content * + .figure{margin-top:30px;}
	#page .page_content .page_section .section_content .images .item .title{font-size:12px;}
	#page .page_content .page_section .section_title + .section_content{margin-top:20px;}
	#page * + .page_content{margin-top:30px;}
}


#page .page_products_footer{position:relative;height:305px;background-size:1920px;background-position:center center;background-repeat:no-repeat;background-image:url(../img/page/page_products_footer.jpg);}

@media all and (max-width:1000px){
	#page .page_products_footer{height:auto;background-size:cover;}
	#page .page_products_footer:before{content:"";display:block;padding-bottom:30%;}
}


#page .common_terms{position:relative;font-size:20px;font-weight:400;color:#000000;line-height:1.6;}
#page .common_terms h3{margin:0;padding:0;font-size:1.15em;font-weight:700;word-break:keep-all;}
#page .common_terms p{margin:0;padding:0;font-size:1em;word-break:keep-all;}
#page .common_terms ul{margin:0;font-size:1em;padding:0;list-style:none;}
#page .common_terms ul li{position:relative;padding-left:15px;word-break:keep-all;}
#page .common_terms ul li:before{content:"";display:block;position:absolute;left:0;top:0.65em;width:0.25em;height:0.25em;border-radius:50%;background-color:#000000;}
#page .common_terms h3 + *{margin-top:0.5em;}
#page .common_terms * + h3{margin-top:1.5em;}
#page .common_terms p + ul{margin-top:0.5em;}
#page .common_terms ul + p{margin-top:1em;}

@media all and (max-width:1000px){
	#page .common_terms{font-size:18px;}
}

@media all and (max-width:800px){
	#page .common_terms{font-size:16px;}
}

@media all and (max-width:600px){
	#page .common_terms{font-size:14px;}
}

@media all and (max-width:400px){
	#page .common_terms{font-size:13px;}
}



#page_about{position:relative;padding-bottom:200px;overflow:hidden;}
#page_about:before{content:"";display:block;position:absolute;z-index:1;left:50%;top:0;transform:translateX(-50%);max-width:1920px;width:100%;height:2200px;background-size:100%;background-repeat:no-repeat;background-position:center top;}
#page_about:after{content:"";display:block;position:absolute;z-index:0;left:50%;bottom:0;transform:translateX(-50%);max-width:1920px;width:100%;height:2200px;background-size:100%;background-repeat:no-repeat;background-position:center bottom;}

@media all and (max-width:1000px){
	#page_about{padding-bottom:160px;}
}
@media all and (max-width:800px){
	#page_about{padding-bottom:120px;}
}
@media all and (max-width:600px){
	#page_about{padding-bottom:80px;}
}
@media all and (max-width:400px){
	#page_about{padding-bottom:60px;}
}


#page_about .page_header{position:relative;z-index:2;height:640px;}
#page_about .page_header .inner{position:relative;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page_about .page_header .title{position:relative;margin:0;padding:0;font-size:50px;font-weight:400;line-height:1.4;letter-spacing:0.2em;color:#FFFFFF;}
#page_about .page_header .title b{font-weight:900;}

@media all and (max-width:1000px){
	#page_about .page_header{height:550px;font-size:18px;}
	#page_about .page_header .title{font-size:2em;}
}	
@media all and (max-width:800px){
	#page_about .page_header{height:450px;font-size:16px;}
}
@media all and (max-width:600px){
	#page_about .page_header{height:350px;font-size:14px;}
}
@media all and (max-width:400px){
	#page_about .page_header{height:300px;font-size:13px;}
}


#page_about .page_content{position:relative;z-index:2;}
#page_about .page_content .page_box{position:relative;padding:100px 30px 200px;border-radius:20px;background-color:#ffffff;}
#page_about .page_content .page_box .inner{position:relative;margin:0 auto;max-width:1585px;}
#page_about .page_content .page_direction{position:relative;margin-bottom:160px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;}
#page_about .page_content .page_direction .title{position:relative;margin:0;padding:0;font-size:30px;font-weight:500;line-height:1.4;letter-spacing:0.2em;color:#919191;text-align:center;flex-grow:1;}
#page_about .page_content .page_direction .button{position:relative;margin:0;padding:0;width:24px;font-size:0;color:transparent;background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page_about .page_content .page_direction .button:before{content:"";display:block;padding-bottom:162.5%;}
#page_about .page_content .page_direction .button.prev{background-image:url(../img/page/page_direction_icon_arrow_prev.svg);}
#page_about .page_content .page_direction .button.next{background-image:url(../img/page/page_direction_icon_arrow_next.svg);}
#page_about .page_content .page_section{position:relative;}
#page_about .page_content .page_section + .page_section{margin-top:160px;}
#page_about .page_content .page_section .section_title{position:relative;text-align:center;}
#page_about .page_content .page_section .section_title .title{position:relative;margin:0;padding:0;font-size:34px;font-weight:700;line-height:1.4;letter-spacing:0.04em;color:#007CAA;}
#page_about .page_content .page_section .section_content{position:relative;font-size:22px;font-weight:400;color:#000000;line-height:1.4;letter-spacing:0.02em;}
#page_about .page_content .page_section .section_content p{margin:0;padding:0;}
#page_about .page_content .page_section .section_content .features{position:relative;line-height:1.6;}
#page_about .page_content .page_section .section_content .features ul{position:relative;margin:0;padding:0;list-style:none;}
#page_about .page_content .page_section .section_content .features ul li{position:relative;padding-left:0.75em;word-break:keep-all;}
#page_about .page_content .page_section .section_content .features ul li:before{content:"";display:block;position:absolute;left:0;top:calc(0.8em - 3px);width:5px;height:5px;border-radius:50%;background-color:#000000;}
#page_about .page_content .page_section .section_content .order{position:relative;line-height:1.6;}
#page_about .page_content .page_section .section_content .order ol{position:relative;margin:0;padding:0;list-style:none;counter-reset:order_list;}
#page_about .page_content .page_section .section_content .order ol li{position:relative;padding-left:1.25em;word-break:keep-all;counter-increment:order_list;}
#page_about .page_content .page_section .section_content .order ol li:before{content:counter(order_list)")";display:block;position:absolute;left:0;top:0;width:1em;}
#page_about .page_content .page_section .section_content .images{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;column-gap:35px;row-gap:35px;}
#page_about .page_content .page_section .section_content .images .image{position:relative;flex:1;background-color:#EEEEEE;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page_about .page_content .page_section .section_content .images .image:before{content:"";display:block;padding-bottom:60%;}
#page_about .page_content .page_section .section_content * + .images{margin-top:100px;}
#page_about .page_content .page_section .section_title + .section_content{margin-top:50px;}

@media all and (max-width:1000px){
	#page_about .page_content .page_box{padding:80px 15px 160px;border-radius:10px;}
	#page_about .page_content .page_direction{margin-bottom:120px;font-size:18px;}
	#page_about .page_content .page_direction .title{font-size:1.5em;}
	#page_about .page_content .page_direction .button{width:15px;}
	#page_about .page_content .page_section{font-size:18px;}
	#page_about .page_content .page_section .section_title .title{font-size:1.7em;}
	#page_about .page_content .page_section .section_content{font-size:1.1em;}
	#page_about .page_content .page_section + .page_section{margin-top:140px;}
	#page_about .page_content .page_section .section_content .images{column-gap:10px;row-gap:10px;}
	#page_about .page_content .page_section .section_content * + .images{margin-top:80px;}
	#page_about .page_content .page_section .section_title + .section_content{margin-top:45px;}
}
@media all and (max-width:800px){
	#page_about .page_content .page_box{padding:60px 15px 120px;}
	#page_about .page_content .page_direction{margin-bottom:80px;font-size:16px;}
	#page_about .page_content .page_section{font-size:16px;}
	#page_about .page_content .page_section + .page_section{margin-top:120px;}
	#page_about .page_content .page_section .section_content * + .images{margin-top:60px;}
	#page_about .page_content .page_section .section_title + .section_content{margin-top:40px;}
}
@media all and (max-width:600px){
	#page_about .page_content .page_box{padding:40px 15px 80px;}
	#page_about .page_content .page_direction{margin-bottom:40px;font-size:14px;}
	#page_about .page_content .page_direction .title{font-size:1.3em;}
	#page_about .page_content .page_section{font-size:14px;}
	#page_about .page_content .page_section + .page_section{margin-top:100px;}
	#page_about .page_content .page_section .section_content * + .images{margin-top:40px;}
	#page_about .page_content .page_section .section_title + .section_content{margin-top:35px;}
}
@media all and (max-width:400px){
	#page_about .page_content .page_box{padding:30px 15px 60px;}
	#page_about .page_content .page_direction{margin-bottom:30px;font-size:13px;}
	#page_about .page_content .page_section{font-size:13px;}
	#page_about .page_content .page_section + .page_section{margin-top:80px;}
	#page_about .page_content .page_section .section_content * + .images{margin-top:30px;}
	#page_about .page_content .page_section .section_title + .section_content{margin-top:30px;}
}