@charset "UTF-8";
/*

CSS page.css */






/*//////////////////


Common


//////////////////*/

/* bnrlist */
#main .bnrlist{ display:flex; justify-content:center; }
#main .bnrlist>li:first-child{ margin-right:40px;}
#main .bnrlist>li .icon_line{ width:30px; height:28px; vertical-align:-7px; margin-left:10px;}
#main .bnrlist>li .icon_map{ width:22px; height:28px; vertical-align:-7px; margin-left:10px; }
#main .bnrlist .txtlink{ font-size:20px; font-weight:bold; color:#fff;}
@media screen and (max-width: 767px) {
	#main .bnrlist>li:first-child{ margin-right:20px;}
	#main .bnrlist>li .icon_line{ width:25px;}
	#main .bnrlist>li .icon_map{ width:25px;}
	#main .bnrlist .txtlink{font-size:16px;}
}


/* section */
#index #sec_5,
#index #sec_8{background:#0000ff;text-align:center;padding: 100px 0;}
@media screen and (max-width: 767px) {
	#index #sec_5,
	#index #sec_8{padding: 70px 0;}
}


/* #mainv.index */
#mainv.index{position:relative;background: #f7f7ff;padding-bottom: 20px;/* margin-bottom: 50px; */}
#mainv.index .bg{height:100%;width:100%;object-fit: cover;font-family: 'object-fit: cover;'; /*IE対策*/height: calc(100vh - 160px);}
#mainv.index .copybox{position:absolute;text-align:left;color: #fff;bottom: 20%;left: 13%;font-feature-settings: "palt";}
#mainv.index .copybox .subtxt{font-size:38px; font-weight:bold; letter-spacing:0.1em; line-height:1; margin-bottom:30px;}
#mainv.index .copybox .maincopy{font-size:80px;font-weight:bold;letter-spacing: 0.14em;line-height:1;margin-bottom:20px;}
#mainv.index .copybox .entitle{font-size:31px;font-family: 'Montserrat', sans-serif;letter-spacing: 0.5em;font-weight: 600;}
#mainv.index .scrollbox{color: #fff;position: absolute;bottom: 20px;left: 0;right: 0;margin-left: auto;margin-right: auto; text-align: center;}
#mainv.index .scrollbox .scrolltxt{ font-weight: bold; font-size: 14px; letter-spacing: 0.2em; }
#mainv.index .scrollbox .scrollarr{ width: 100%; height: 36px; position: relative; }
#mainv.index .scrollbox .scrollarr:after{ content:""; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0; width: 1px; background: #fff; height: 36px; animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite; }
#mainv.index .sidelink{ position: absolute; right: 0; bottom: 0; }
#mainv.index .sidelink>a{background: #00f;color: #fff;display: block;width: 290px;padding: 18px 20px 15px;margin-right: auto;position: relative;box-sizing: border-box;line-height: 1.8;font-weight: bold; }
#mainv.index .sidelink>a .linkmainbox{ padding-right: 40px; }
#mainv.index .sidelink>a .title{ font-weight: bold; }
#mainv.index .sidelink>a .pickuptxt{ padding-bottom: 5px; }
#mainv.index .sidelink>a .arr{ width: 24px; height: 12px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 20px; }
@media screen and (max-width: 1280px) {
	#mainv.index .copybox{ left:6%; }
}
@media screen and (max-width: 1040px) {
	#mainv.index{ padding-bottom: 0; }
	#mainv.index .mainbox{ position: relative; }
	#mainv.index .copybox .subtxt{font-size:18px;letter-spacing:0.1em;margin-bottom:15px;line-height: 1.6;}
	#mainv.index .copybox .maincopy{font-size:34px;letter-spacing: 0.14em;margin-bottom:10px;line-height: 1.4;}
	#mainv.index .copybox .entitle{font-size:18px;letter-spacing: 0.45em;}
	#mainv.index .bg{height: 450px;object-position: 0 50%;}
	#mainv.index .scrollbox{ bottom: 0; }
	#mainv.index .copybox{  bottom: 18%; }
	#mainv.index .sidelink{ position: static;width: 100%; height: 95px; }
	#mainv.index .sidelink>a{width: 100%;padding: 18px 30px 15px; }
	#mainv.index .sidelink>a .tablethide{ display: none; }
	#mainv.index .bg{height: calc(100vh - 255px);object-position: 56% 50%;}
}
@media screen and (max-width: 767px) {
	#mainv.index .scrollbox .scrolltxt{ font-size: 12px; letter-spacing: 0.1em; }
	#mainv.index .scrollbox .scrollarr{ height: 30px; }
	#mainv.index .scrollbox .scrollarr:after{ height: 30px; }
	#mainv.index .copybox .subtxt{font-size:14px; letter-spacing:0.1em; margin-bottom:10px;}
	#mainv.index .copybox .maincopy{font-size:30px;letter-spacing: 0.05em;margin-bottom:5px;}
	#mainv.index .copybox .entitle{font-size:10px;letter-spacing: 0.5em;}
	#mainv.index .sidelink>a{width: 100%; }
	#mainv.index .copybox{ right: 6%; }
	#mainv.index .bg{height: calc(100vh - 225px);}
}
@media screen and (max-width: 500px) {
	#mainv.index .copybox .maincopy{ font-size: 24px; }
	#mainv.index .sidelink{ height: auto; }
	#mainv.index .sidelink>a .tablethide{ display: block; }
	#mainv.index .bg{height: calc(100vh - 140px);}
}
@keyframes sdl {
	0% { opacity: 1; transform: scale(1, 0); transform-origin: 0 0; }
	30% { transform: scale(1, 1); transform-origin: 0 0; }
	30.1%, 70% { transform: scale(1, 1); transform-origin: 0 100%; }
	100% { opacity: 0; transform: scale(1, 0); transform-origin: 0 100%; }
}


/* #mainv.under */
#mainv.under{position:relative;height:400px;display:flex;justify-content:center;align-items:center; width: 100%;}
#mainv.under .bg{ position: absolute; top: 0; left: 0; object-fit: cover;font-family: 'object-fit: cover;'; /*IE対策*/width: 100%;height: 100%; z-index: -1;}
#mainv.under .pagetitle{ color: #fff; text-align: center;}
#mainv.under .pagetitle .main{font-size:54px; font-weight:bold; line-height:1.3; letter-spacing:0.1em; margin-top: 40px;}
#mainv.under .pagetitle .entitle{font-size:31px; font-family:'Montserrat', sans-serif; font-weight:600; letter-spacing:0.4em;}
@media screen and (max-width: 1040px) {
	#mainv.under{height:360px;}
}
@media screen and (max-width: 767px) {
	#mainv.under{height:200px;}
	#mainv.under .pagetitle .main{font-size:24px;margin-top: 20px; }
	#mainv.under .pagetitle .entitle{font-size:16px;letter-spacing:0.1em;}
}


/* #main */
#index #main{margin-bottom:50px;margin-top: 0px;}











/*//////////////////


#index


//////////////////*/

/* #sec_1 */
#index #swrap_1 {background: #f7f7ff;margin-bottom: 0; padding-top: 80px;padding-bottom: 85px;}
#index #sec_1 { margin-bottom: 0; }
#index #sec_1 .incnt .titlebox{display:flex;justify-content: space-between;margin-bottom: 30px;}
#index #sec_1 .incnt .sectitle{margin-bottom:0px;align-items: center;display: flex;margin-right: 5%;}
#index #sec_1 .incnt .sectitle .en{ margin-bottom:0px; }
#index #sec_1 .incnt .link{font-family: 'Montserrat', sans-serif;font-weight:bold;display: flex;align-items: center;/* margin-left: 7%; */width: 320px;justify-content: flex-end;}
@media screen and (max-width: 1040px) {
	#index #swrap_1{ padding-top: 100px; padding-bottom: 75px; }
	#index #sec_1 .incnt{display:block;}
	#index #sec_1 .incnt .sectitle{margin-bottom: 30px;}
	#index #sec_1 .incnt .link{margin-left:0%; width: auto;  display:block; }
	 
}
@media screen and (max-width: 767px) {
	#index #swrap_1{ padding-top: 60px; padding-bottom: 60px; }
	#index #sec_1 .incnt .sectitle{margin-bottom: 15px;}
}
@media screen and (max-width: 500px) {
}


/* #sec_2 */
#index #sec_2 {  }
#index #sec_2 {padding-top: 100px;}
@media screen and (max-width: 767px) {
	#index #sec_2 {padding-top: 60px;}
}


/* #sec_3 */
#index #sec_3{ padding-top: 100px; }
#index #sec_3 .sectitle{ text-align: center; }
#index #sec_3 .toptxt{ text-align: center; margin-bottom: 45px; }
#index #sec_3 .beforeaftercatlist>ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -50px; overflow: hidden; margin-bottom: -40px; }
#index #sec_3 .beforeaftercatlist>ul>li{ margin-left: 50px; width: calc(50% - 50px); display: flex; margin-bottom: 40px; }
#index #sec_3 .beforeaftercatlist>ul>li>a{ display: flex; position: relative;padding-left: 30px; width: 100%; color: #fff; text-align: center; box-sizing: border-box; }
#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercatimgbox{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; width: 224px; }
#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox{ padding-left: 224px; padding-top: 60px; padding-bottom: 60px; padding-right: 30px; position: relative; width: 100%; box-sizing: border-box; min-height: 320px;display: flex; flex-direction: column; justify-content: center; }
#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox .beforeaftercattitle{ font-size: 48px; line-height: 1.4; padding-bottom: 10px; margin-bottom: 20px; position: relative; }
#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox .beforeaftercattitle::after{ content: ""; background: #fff; display: inline-block; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; }
#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox .beforeaftercattxt{ font-size: 14px; }
#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; }
#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox::after{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat right; background-size: auto 10px; width: 40px; height: 14px; display: inline-block; position: absolute; bottom: 20px; right: 20px; transition: .4s; }
#index #sec_3 .beforeaftercatlist>ul>li>a:hover .beforeaftercattxtbox::after{ right: 15px; }
#index #sec_3 .link{ text-align: center; margin-top: 50px; }
#index #sec_3 .link>a{ max-width: 440px; width: 100%; display: inline-block; position: relative; font-size: 20px; padding: 20px 60px; background: #11114d;border-radius: 40px; color: #fff; border: 1px solid #11114d; transition: .4s; box-sizing: border-box; }
#index #sec_3 .link>a::after,
#index #sec_3 .link>a::before{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat right; background-size: auto 10px; width: 40px; height: 14px; display: inline-block; position: absolute; bottom: 0; top: 0; margin-top: auto; margin-bottom: auto; right: 30px; transition: .4s; }
#index #sec_3 .link>a::before{ background: url(../img/common/arr1_blue.svg) no-repeat right; background-size: auto 10px; opacity: 0; }
#index #sec_3 .link>a:hover{  background: #fff; color: #11114d;  }
#index #sec_3 .link>a:hover::after,
#index #sec_3 .link>a:hover::before{ right: 20px; }
#index #sec_3 .link>a:hover::after{ opacity: 0; }
#index #sec_3 .link>a:hover::before{ opacity: 1; }
@media screen and (max-width: 1040px) {
	#index #sec_3 .beforeaftercatlist{ padding-right: 30px; }
	#index #sec_3 .beforeaftercatlist>ul{ display: block;margin-left: -0; }
	#index #sec_3 .beforeaftercatlist>ul>li{ margin-left: 0; width: 100%; display: block; }
}
@media screen and (max-width: 767px) {
	#index #sec_3{ padding-top: 80px; }
	#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox .beforeaftercattitle{ font-size: 38px; }
	#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercatimgbox{ width: 180px; }
	#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox{ padding-left: 180px; min-height: 260px; }
	#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox .beforeaftercattxt{ font-size: 14px; }
	#index #sec_3 .link>a{ padding: 15px 60px; }
} 
@media screen and (max-width: 500px) {
	#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercatimgbox{ width: 40%; }
	#index #sec_3 .beforeaftercatlist>ul>li>a .beforeaftercattxtbox{ padding-left: 40%; }
} 
/* #index #sec_3 {position: relative;margin-bottom: 180px;}
#index #sec_3 .bg{background: #f7f7ff;width:524px;position: absolute;width: calc(50vw + 370px);height: 524px;top: 60px;}
#index #sec_3 .incnt.wide .img1{ width:900px; object-fit: cover;font-family: 'object-fit: cover;';}
#index #sec_3 .incnt.wide .img2{width:510px;object-fit: cover;font-family: 'object-fit: cover;';position: absolute;right: -60px;bottom: -80px;}
@media screen and (max-width: 1280px) {
	#index #sec_3 .incnt.wide .img1{ width:80%; }
	#index #sec_3 .incnt.wide .img2{width:40%; right: -2%;  }
	#index #sec_3 .bg{height: 100%;}
}
@media screen and (max-width: 1040px) {
	#index #sec_3{margin-bottom:140px;}
}
@media screen and (max-width: 767px) {
	#index #sec_3{margin-bottom:60px;}
	#index #sec_3 .bg{display:none;}
	#index #sec_3 .incnt.wide .img1{ width:100%;}
	#index #sec_3 .incnt.wide .img2{ width:100%;position: static;}
} */


/* #swrap_4 */
#index #swrap_4 {position: relative;background: #f7f7f7;}
#index #swrap_4 .bg{background: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 220px;z-index: 1;}
#index #sec_4 {position:relative;z-index: 10;}
#index #swrap_4 .incnt.wider {display:flex;justify-content: space-between;}
#index #swrap_4 .incnt.wider .imgbox{width: 45%;height: 60%;}
#index #swrap_4 .incnt.wider .imgbox img{object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
#index #swrap_4 .incnt.wider .txtbox{width: 40%;}
#index #swrap_4 .incnt.wider .txtbox .list>li{font-size:22px;font-weight:bold;letter-spacing: 0.05em;}
#index #swrap_4 .incnt.wider .txtbox .list>li .color{font-weight:bold;background: linear-gradient(transparent 50%, #faec00 40%);}
#index #swrap_4 .imglist{ margin-left: -30px; display: flex; flex-direction: row; margin-top: 60px; }
#index #swrap_4 .imglist>li{ margin-left: 30px; width: calc(33.33% - 30px); }
@media screen and (max-width: 1040px) {
	#index #swrap_4 .incnt.wider{display:block;}
	#index #swrap_4 .incnt.wider .imgbox{width:100%;margin-bottom: 50px;}
	#index #swrap_4 .incnt.wider .txtbox{width:100%;}
	#index #swrap_4 .incnt.wider .txtbox .copy.style1 br{display:none;}
	#index #swrap_4 .imglist{ margin-left: -20px; margin-top: 40px; }
	#index #swrap_4 .imglist>li{ margin-left: 20px; width: calc(33.33% - 20px); }
	#index #swrap_4 .incnt.wider .txtbox .list>li{ font-size: 20px; }
}
@media screen and (max-width: 767px) {
	#index #swrap_4 .incnt.wider .txtbox .list>li{font-size: 16px;}
}
@media screen and (max-width: 500px) {
	#index #swrap_4 .imglist{ margin-left: 0; display: block; margin-bottom: -10px; }
	#index #swrap_4 .imglist>li{ margin-left: 0; width: 100%; margin-bottom: 10px; }
}

/* #sec_6 */
#index #sec_6 {padding-top: 100px;margin-top: -100px;}
#index #sec_6 .list { margin-top:-40px; }
#index #sec_6 .list>li {position:relative;margin-bottom: 85px;}
#index #sec_6 .list>li:last-child{margin-bottom:0px;}
#index #sec_6 .list>li .subtitle{position:absolute;top: -32px;left: 50%;margin-left: -45px;}
#index #sec_6 .list>li .subtitle .num_1,
#index #sec_6 .list>li .subtitle .num_2,
#index #sec_6 .list>li .subtitle .num_3{width:50px; height:60px; margin-right: 20px;}
#index #sec_6 .list>li .subtitle p{background:#0000ff;display:inline-block;color:#fff;line-height:1;font-family: 'Montserrat', sans-serif;padding:5px;transform: skew(-10deg);}
#index #sec_6 .list>li .ebox{display:flex;}
#index #sec_6 .list>li:nth-child(even) .ebox {flex-direction:row-reverse;}
#index #sec_6 .list>li:nth-child(even) .ebox .imgbox {top: 0;left: 0;}
#index #sec_6 .list>li:nth-child(even) .ebox .txtbox{background:#f5f5ff;margin-right: 6%;}
#index #sec_6 .list>li .ebox .imgbox{position:absolute;z-index:-1;width:65%;top: 0;right: 0;height: calc(100% - 40px);overflow:hidden;}
#index #sec_6 .list>li .ebox .imgbox img{object-fit: cover;font-family: 'object-fit: cover;'; /*IE対策*/width: 100%;height: 100%;}
#index #sec_6 .list>li .ebox .txtbox{background:#f7f7f7;padding: 6%;width: 51%;margin-top: 110px;margin-left: 60px;box-sizing: border-box;}
#index #sec_6 .list>li .ebox .txtbox .copy.style2{ color:#0000ff; margin-bottom:20px;}
@media screen and (max-width: 1280px) {
	#index #sec_6 .list>li .ebox .txtbox .copy.style2 br{display:none;}
}
@media screen and (max-width: 1040px) {
    #index #sec_6 .list>li:nth-child(even) .ebox .txtbox{ margin-right: 0;}
    #index #sec_6 .list>li .ebox .txtbox{ margin-left: 0;}
    #index #sec_6 .list { margin-top:20px; }
}
@media screen and (max-width: 767px) {
	#index #sec_6 .subtxt{margin-bottom: 50px;}
    #index #sec_6 .list>li{position:relative;margin-bottom: 60px;}
	#index #sec_6 .list>li .ebox{display:block;}
	#index #sec_6 .list>li .ebox .imgbox{position:static;z-index:auto;width:100%;top:0;left:0;height: 40%;}
	#index #sec_6 .list>li .ebox .txtbox{width:100%;margin-top:0px;margin-left:0px;}
	#index #sec_6 .list>li .ebox .txtbox .copy.style2{margin-bottom:15px;}
	#index #sec_6 .list>li .subtitle{top:-28px;left: 20px;margin-left:0px;right:0;}
	#index #sec_6 .list>li .subtitle .num_1,
	#index #sec_6 .list>li .subtitle .num_2,
	#index #sec_6 .list>li .subtitle .num_3{width:40px; height:50px; margin-right: 10px;}
}


/* #sec_7 */
#index #swrap_7 { background:#191919;}
#index #sec_7{color:#fff;text-align:center;margin-bottom: 0px;}
#index #sec_7 .sectitle .en{color:#fff;}
#index #sec_7 .list{display:flex;justify-content:space-between;margin-bottom: 40px;}
#index #sec_7 .list>li{background:#fff;color:#191919;padding: 50px 2%;width: 45%;}
#index #sec_7 .txt.big1{color:#0000ff;font-size:24px;font-weight:bold;letter-spacing: 0.1em;margin-bottom: 30px;}
#index #sec_7 .list>li img{margin-bottom: 30px;width: 55%;}
#index #sec_7 .price{line-height:1;padding-bottom: 40px;position: relative;margin-bottom: 20px;font-feature-settings: "palt";}
#index #sec_7 .price:after {content:"";background:#191919;width: 110px;height: 2px;left: 50%;position: absolute;margin-left: -55px;bottom: 0;}
#index #sec_7 .price span{font-family:'Montserrat', sans-serif;font-size:36px;font-weight:bold;margin-left: 20px;margin-right: 3px;vertical-align: -2px;}
#index #sec_7 .txt1{font-size:20px;}
#index #sec_7 .link{font-size:24px;}
#index #sec_7 .link .btn_white{color:#fff;}
#index #sec_7 .box1{ margin-bottom: 30px;color: #191919; }
#index #sec_7 .box1 .title1{font-weight: bold;font-size: 20px;color: #fff;background: #00f;text-align: center;line-height: 1.4;padding: 21px 8%;letter-spacing: 0.1em;}
#index #sec_7 .box1 .title1+.inbox{ background: #fff; padding: 60px 8% 50px; text-align: center; }
#index #sec_7 .box1 .title1+.inbox .txt.big1{ margin-bottom: 20px; }
#index #sec_7 .box1 .title1+.inbox .price{ color: #00f; margin-top: 20px; }
#index #sec_7 .box1 .inlist{ margin-left: -20px; }
#index #sec_7 .box1 .inlist>li{ display: inline-block; margin-left: 20px; }
#index #sec_7 .box1 .inbox1{ padding-top: 15px; }
@media screen and (max-width: 1040px) {
	#index #sec_7 .list{margin-bottom: 20px;}
	#index #sec_7 .list>li span{margin-left: 10px;margin-right: 2px;}
}
@media screen and (max-width: 767px) {
	#index #sec_7 .list{display:block;}
	#index #sec_7 .list>li{padding: 30px 2%;width:100%;box-sizing: border-box;}
	#index #sec_7 .list>li:first-child{margin-bottom: 40px;}
	#index #sec_7 .txt.big1{font-size:18px; margin-bottom:0px;}
	#index #sec_7 .price span{font-size:30px; margin-left: 5px;}
	#index #sec_7 .txt1{font-size:16px;}
	#index #sec_7 .link{ font-size:18px;}
	#index #sec_7 .txt.para6 { text-align:left; }
	#index #sec_7 .txt br { display:none; }
	#index #sec_7 .box1 .title1{font-size: 18px;padding: 15px 8%;text-align: center;}
	#index #sec_7 .box1 .title1+.inbox{ padding: 40px 12%; text-align: left; }
	#index #sec_7 .box1 .title1+.inbox .txt.big1,
	#index #sec_7 .box1 .title1+.inbox .price{ text-align: center; }
	#index #sec_7 .box1 .inlist{ margin-left: 0;}
	#index #sec_7 .box1 .inlist>li{ display: block; margin-left: 0; }
}


/* #sec_8 */
#index #sec_8{ margin-bottom:0px;}


/* #sec_9 */
#index #swrap_9{background:#f7f7f7;}
#index #sec_9 {padding-top: 100px; margin-top: -100px;}
#index #sec_9 .sectitle{ text-align:center;}
#index #sec_9 .flowlist>li {display:flex;justify-content:space-between;margin-bottom:90px;position: relative;align-items: center;}
#index #sec_9 .flowlist>li:last-child{margin-bottom:0px;}
#index #sec_9 .flowlist>li .arr{position:absolute;width:11px;top: -75px;left: 60px;}
#index #sec_9 .flowlist>li .txtbox{width: 60%;}
#index #sec_9 .flowlist>li .txtbox .txt a{text-decoration:underline;}
#index #sec_9 .flowlist>li .num{color:#0000ff;font-style: italic;font-weight:bold;margin-bottom: 30px;align-items: center; display:flex; line-height:1.6;}
#index #sec_9 .flowlist>li .num_1{width:30px;height: 47px;margin-left: 3px;}
#index #sec_9 .flowlist>li .num_2{width: 34px;height: 45px;margin-left: 3px;}
#index #sec_9 .flowlist>li .num_3{width: 42px;height: 48px;margin-left: 3px;}
#index #sec_9 .flowlist>li .num_4{width: 33px;height: 47px;margin-left: 3px;}
#index #sec_9 .flowlist>li .num_5{width: 37px;height: 48px;margin-left: 3px;}
#index #sec_9 .flowlist>li .txt.big1{color:#0000ff;font-size:24px;font-weight:bold;margin-left: 40px;align-items: center;vertical-align: middle;font-feature-settings: "palt";letter-spacing: 0.1em;}
#index #sec_9 .flowlist>li .imgbox{width:35%;}
@media screen and (max-width: 767px) {
	#index #sec_9 .flowlist>li{display:block;}
	#index #sec_9 .flowlist>li .txtbox{width: 100%; margin-bottom:30px;}
	#index #sec_9 .flowlist>li .num{margin-bottom:15px;}
	#index #sec_9 .flowlist>li .num_1{width: 23px;height: 32px;}
	#index #sec_9 .flowlist>li .num_2{width: 26px;height: 34px;}
	#index #sec_9 .flowlist>li .num_3{width: 29px;height: 36px;}
	#index #sec_9 .flowlist>li .num_4{width: 30px;height: 34px;}
	#index #sec_9 .flowlist>li .num_5{width: 29px;height: 36px;}
	#index #sec_9 .flowlist>li .txt.big1{font-size:18px;margin-left: 20px;}
	#index #sec_9 .flowlist>li .imgbox{width:100%;}
	#index #sec_9 .flowlist>li .arr{width:11px;top: -66px;left: 50%;margin-left: -5px;}
}



/* #sec_10 */
#index #sec_10{}
#index #sec_10 {padding-top: 100px; margin-top: -100px;}
#index #sec_10 .sectitle{ text-align:center; }
#index #sec_10 .txt.big1{font-size:24px;font-weight:bold;text-align:center;font-feature-settings: "palt";letter-spacing: 0.05em;}
#index #sec_10 .acdbox{ background:#f7f7f7; margin-bottom:20px; padding:40px 60px;}
#index #sec_10 .acdbox .question{ margin-bottom:25px; display: flex; align-items: center; }
#index #sec_10 .acdbox .question .Q{ font-size:36px; font-weight:bold; font-family:'Montserrat', sans-serif; color:#0000ff;margin-right:15px;line-height:1;margin-top:-3px;}
#index #sec_10 .acdbox .question .txt{ flex:1;}
#index #sec_10 .acdbox .answer a{text-decoration:underline;}
@media screen and (max-width: 1040px) {
	#index #sec_10 .acdbox{ background:#f7f7f7; margin-bottom:20px; padding:40px 6%;}
}
@media screen and (max-width: 767px) {
	#index #sec_10 .acdbox{ background:#f7f7f7; margin-bottom:20px; padding:30px 6%;}
	#index #sec_10 .txt.big1{font-size:18px;}
    #index #sec_10 .acdbox .question{margin-bottom:15px;}
}
@media screen and (max-width: 500px) {
	#index #sec_10 .txt.big1{font-size:16px;}
}

/* #sec_11 */
#index #sec_11 .txt1 {text-align:center;font-size:20px;font-weight: bold;letter-spacing: 0.08em;line-height: 1.8;}
#index #sec_11 .imglist{display:flex; justify-content:space-between;}
#index #sec_11 .imglist>li{width:32%;}
#index #sec_11 .small{ margin-top: 70px; font-size: 13px; }
@media screen and (max-width: 767px) {
	#index #sec_11 .txt1{font-size:16px;}
	#index #sec_11 .imglist{display:block;}
	#index #sec_11 .imglist>li{width:100%;margin-bottom:40px;}
	#index #sec_11 .imglist>li:last-child{margin-bottom:0px;}
	#index #sec_11 .small{ margin-top: 40px; }
}
@media screen and (max-width: 500px) {
	#index #sec_11 .imglist>li{margin-bottom:20px;}
}











/*//////////////////


#price


//////////////////*/

/* common */
#price #main{margin-bottom:0px;}

#price .pricelist>li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0d0d0d;padding: 35px 0;box-sizing: border-box;}
#price .pricelist>li:first-child{padding-top:0px;}
#price .pricelist>li img{width:243px; height:240px; margin-right:40px;}
#price .pricelist>li .txt.big1{font-size:24px;font-weight:bold;text-align: left;flex: 1;line-height: 1.6;}
#price .pricelist>li .txt.big1 span.small{ font-size: 16px; }
#price .pricelist>li._set{ min-height: 200px; color: #00f; }
#price .pricelist>li._set .setcat{font-size: 14px;font-weight: bold;display: inline-block;line-height: 1;color: #fff;background: #00f;padding: 6px 12px;margin-right: 5px;vertical-align: 5px;}
#price .pricelist>li._set .pricebox{padding-bottom: 10px;}
#price .pricelist>li._set br._1{ display: none; }
#price .pricelist>li .pricebox .price{line-height:1;font-feature-settings: "palt"; margin-bottom:30px;}
#price .pricelist>li .pricebox .price span{font-family:'Montserrat', sans-serif;font-size:36px;font-weight:bold;margin-left: 20px;margin-right: 3px;vertical-align: -2px;}
#price .pricelist>li .pricebox .price .linethroughtxt{display: inline-block;position: relative;padding-right: 12px;color: #191919;}
#price .pricelist>li .pricebox .price .linethroughtxt::before{ content: ""; display: inline-block; background: #191919; width: 100%; height: 1px; position: absolute; top: 0; bottom: 0px; margin-top: auto; margin-bottom: auto; left: 0; }
#price .pricelist>li .pricebox .price .linethroughtxt::after{ content: ""; display: inline-block; width: 7px; height: 12px; background: linear-gradient(to bottom left, transparent 50%,#191919 51%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #191919 51%) no-repeat bottom left/100% 50%; position: absolute; top: 0; bottom: 2px; margin-top: auto; margin-bottom: auto; right: -2px; }
#price .pricelist>li .pricebox .price .linethroughtxt span{ font-size: 24px; margin-left: 3px; }
#price .pricelist>li .pricebox .point{text-align:right;}
@media screen and (max-width: 1040px) {
	#price .pricelist>li img{width:180px; height:180px;margin-right:40px;}
	#price .pricelist>li._set br._1{ display: block; }
	#price .pricelist>li._set .setcat{ margin-right: 0; margin-bottom: 5px; }
}
@media screen and (max-width: 767px) {
	#price .pricelist>li{display:block; text-align:center;}
	#price .pricelist>li img{margin-right:0px; margin-bottom:20px;}
	#price .pricelist>li .txt.big1{font-size:18px;text-align:center;margin-bottom: 5px;}
	#price .pricelist>li .pricebox .price{margin-bottom:15px;}
	#price .pricelist>li .pricebox .price span{font-size:30px;margin-left: 5px;}
	#price .pricelist>li .pricebox .price .linethroughtxt span{ font-size: 18px; }
	#price .pricelist>li .pricebox .point{text-align:center;}
	#price .pricelist>li._set{ min-height: inherit; }
}


/* #sec_1 */
#price #sec_1 .sectitle{text-align:center;}
#price #sec_1 .btnlist{display:flex;justify-content:space-between;border: solid 1px #0000ff;}
#price #sec_1 .btnlist>li{width: 33.33%;border-left: solid 1px #0000ff;}
#price #sec_1 .btnlist>li:first-child{border-left:none;}
#price #sec_1 .btnlist>li a{font-size:20px;color:#0000ff;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;border: 0;}
#price #sec_1 .btnlist>li a:after {content:"";margin-top: 7px;height: 7px;width: 12px; margin-left:10px;background: url(../img/common/arr3_blue.svg) no-repeat;}
@media screen and (max-width: 1040px) {
	#price #sec_1 .btnlist{ flex-wrap: wrap; }
	#price #sec_1 .btnlist>li{width: 50%; box-sizing: border-box;border-bottom: 1px solid #0000ff;}
	#price #sec_1 .btnlist>li:nth-child(n + 3){ border-bottom: 0; }
	#price #sec_1 .btnlist>li:nth-child(3){border-left:none;}
	#price #sec_1 .btnlist>li a{font-size:18px;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;}
	#price #sec_1 .btnlist>li a:after {margin-top: 5px;height: 7px;width: 12px;margin-left:10px;}
}
@media screen and (max-width: 767px) {
	#price #sec_1 .btnlist{display:block; border:none;}
	#price #sec_1 .btnlist>li{width:100%; border-left: none;margin-bottom:20px;border-bottom: 0;}
	#price #sec_1 .btnlist>li:last-child{margin-bottom:0px;}
	#price #sec_1 .btnlist>li a{padding: 0px;}
}
@media screen and (max-width: 500px) {
	#price #sec_1 .btnlist>li{width:100%; border-left: none;}
	#price #sec_1 .btnlist>li a{font-size:16px; padding: 0px;}
	#price #sec_1 .btnlist>li a:after {margin-top: 4px;height: 7px;width: 10px;margin-left: 5px;}
}

#price #sec_1 .agdwnlinkbox{ background: #00f; color: #fff; padding: 70px 4% 80px 8%; text-align: center; }
#price #sec_1 .agdwnlinkbox .link{ margin-top: 30px; }
#price #sec_1 .agdwnlinkbox .link a{font-size:20px;color:#0000ff;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;border: 0;background: #fff;max-width: 400px; width: 100%; margin-left: auto; margin-right: auto;border: 1px solid #0000ff; }
#price #sec_1 .agdwnlinkbox .link a:after {content:"";margin-top: 5px;height: 7px;width: 12px;margin-left:10px;background: url(../img/common/arr3_blue.svg) no-repeat;transform: rotate(-90deg);}
#price #sec_1 .agdwnlinkbox .link a:hover{ background: #f7f7ff; }
@media screen and (max-width: 1040px) {
	#price #sec_1 .agdwnlinkbox{ padding: 60px 8%; display: block; }
	#price #sec_1 .agdwnlinkbox .link a{font-size:18px;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;}
	#price #sec_1 .agdwnlinkbox .link a:after {margin-top: 5px;height: 7px;width: 12px;margin-left:10px;}
}
@media screen and (max-width: 767px) {
	#price #sec_1 .agdwnlinkbox{ padding: 50px 8%; }
	#price #sec_1 .agdwnlinkbox .txt{ text-align: justify; }
	#price #sec_1 .agdwnlinkbox .link{ margin-top: 25px; }
	#price #sec_1 .agdwnlinkbox .link a{ padding: 20px 0; }
	#price #sec_1 .agdwnlinkbox .link a:after {margin-top: 4px;height: 7px;width: 10px;margin-left: 5px;}
}


/* #sec_4 */
#price #sec_4 .pricelist>li:last-child{margin-bottom:40px;}
#price #sec_4 .txt.big2{font-size:24px; color:#0000ff; text-align:center; font-weight: bold;}
@media screen and (max-width: 767px) {
	#price #sec_4 .pricelist>li:last-child{margin-bottom:20px;}
	#price #sec_4 .txt.big2{font-size:18px;}
}


/* #sec_5 */
#price #sec_5{background:#0000ff;text-align:center;padding: 100px 0; margin-bottom:0px;}
@media screen and (max-width: 767px) {
	#price #sec_5{padding: 70px 0;}
}


/* #swrap_6 */
#price #swrap_6{background:#f7f7f7}


/* #sec_7 */
#price #sec_7 .box1 .title{ font-weight: bold; font-size: 18px; text-align: center; margin-bottom: 20px; }
#price #sec_7 .box1 .img{ text-align: center; }
#price #sec_7 .box1 .img img{ max-width: 387px; width: 100%; }
#price #sec_7 .box1 .txt{ text-align: center; margin-top: 20px; }
#price #sec_7 .txt1{ display: flex; align-items: center; justify-content: center; margin-left: -15px; margin-top:20px;}
#price #sec_7 .txt1 .txt2{ margin-left: 15px }
#price #sec_7 .txt1 .img1{ width: 104px; margin-left: 15px }
@media screen and (max-width: 479px){
	#price #sec_7 .box1 .title{ font-size: 16px; }
	#price #sec_7 .box1 .txt{ text-align: left; }
}


#price #sec_8 .incnt>.inwrap{ background: #00f; color: #fff; padding: 70px 4% 80px 8%; display: flex; flex-direction: row; justify-content: space-between; }
#price #sec_8 .incnt>.inwrap .txtbox .en{ color: #fff; }
#price #sec_8 .incnt>.inwrap .txtbox .title{ margin-top: 30px; }
#price #sec_8 .incnt>.inwrap .pricebox{ display: flex; justify-content: center; flex-direction: column; margin-left: 8%; flex-shrink: 0; }
#price #sec_8 .incnt>.inwrap .pricebox .title{background: #fff;color: #00f;line-height: 1.4;padding: 14px 27px;margin-bottom: 20px;font-size: 18px;font-weight: bold;}
#price #sec_8 .incnt>.inwrap .pricebox .price{line-height:1;font-feature-settings: "palt"; margin-bottom:35px;}
#price #sec_8 .incnt>.inwrap .pricebox .price span{font-family:'Montserrat', sans-serif;font-size:36px;font-weight:bold;margin-left: 20px;margin-right: 3px;vertical-align: -2px;}
@media screen and (max-width: 1040px) {
	#price #sec_8 .incnt>.inwrap{ padding: 60px 8%; display: block; }
	#price #sec_8 .incnt>.inwrap .pricebox{ margin-left: 0; margin-top: 40px; }
	#price #sec_8 .incnt>.inwrap .txtbox .en,
	#price #sec_8 .incnt>.inwrap .txtbox .title,
	#price #sec_8 .incnt>.inwrap .pricebox .title,
	#price #sec_8 .incnt>.inwrap .pricebox .price{ text-align: center; }
}
@media screen and (max-width: 767px) {
	#price #sec_8 .incnt>.inwrap{ padding: 50px 8%; }
	#price #sec_8 .incnt>.inwrap .pricebox .title{ font-size: 16px; }
	#price #sec_8 .incnt>.inwrap .pricebox .price{margin-bottom:15px;}
	#price #sec_8 .incnt>.inwrap .pricebox .price span{font-size:30px;margin-left: 5px;}
}

#price #sec_9 .optionbox{ border: 1px solid #00f; position: relative; padding: 100px 8% 60px; }
#price #sec_9 .optionbox .optiontitle{position: absolute;top: 0;left: 0;line-height: 1.4;background: #00f;color: #fff;font-size: 24px;font-weight: bold;font-family:'Montserrat', sans-serif;display: inline-block;padding: 5px 37px;letter-spacing: 0.15em;}
#price #sec_9 .optionbox .subtitle{ font-size: 18px; color: #00f; font-weight: bold; }
#price #sec_9 .optionbox .mainbox{ display: flex; flex-direction: row; justify-content: space-between; padding-top: 5px; padding-bottom: 10px; align-items: center; }
#price #sec_9 .optionbox .mainbox .title{ font-size: 24px; color: #00f; font-weight: bold; letter-spacing: 0.05em; }
#price #sec_9 .optionbox .mainbox .price{line-height:1;font-feature-settings: "palt"; }
#price #sec_9 .optionbox .mainbox .price span{font-family:'Montserrat', sans-serif;font-size:36px;font-weight:bold;margin-left: 20px;margin-right: 3px;vertical-align: -2px;}
#price #sec_9 .optionbox .txt{  }
@media screen and (max-width: 1040px) {
	#price #sec_9 .optionbox{ padding: 80px 8% 40px; }
}
@media screen and (max-width: 767px) {
	#price #sec_9 .optionbox .subtitle{ font-size: 16px; }
	#price #sec_9 .optionbox .mainbox{ display: block; text-align: center; padding-top: 10px; padding-bottom: 15px; }
	#price #sec_9 .optionbox .mainbox .title{ font-size: 20px; }
	#price #sec_9 .optionbox .mainbox .price{margin-bottom:15px;}
	#price #sec_9 .optionbox .mainbox .price span{font-size:30px;margin-left: 5px;}
}

/* #sec_1 */
#price #sec_10 .btnlist{display:flex;justify-content:space-between;border: solid 1px #0000ff;max-width: 400px;width: 100%;margin-left: auto;margin-right: auto; }
#price #sec_10 .btnlist>li{width: 100%;border-left: solid 1px #0000ff;}
#price #sec_10 .btnlist>li:first-child{border-left:none;}
#price #sec_10 .btnlist>li a{font-size:20px;color:#0000ff;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;border: 0;}
#price #sec_10 .btnlist>li a:after {content:"";margin-top: 7px;height: 7px;width: 12px; margin-left:10px;background: url(../img/common/arr3_blue.svg) no-repeat;}
@media screen and (max-width: 1040px) {
	#price #sec_10 .btnlist{ flex-wrap: wrap; }
	#price #sec_10 .btnlist>li{box-sizing: border-box;border-bottom: 1px solid #0000ff;}
	#price #sec_10 .btnlist>li:nth-child(n + 3){ border-bottom: 0; }
	#price #sec_10 .btnlist>li:nth-child(3){border-left:none;}
	#price #sec_10 .btnlist>li a{font-size:18px;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;}
	#price #sec_10 .btnlist>li a:after {margin-top: 5px;height: 7px;width: 12px;margin-left:10px;}
}
@media screen and (max-width: 767px) {
	#price #sec_10 .btnlist{display:block; border:none;}
	#price #sec_10 .btnlist>li{width:100%; border-left: none;margin-bottom:20px;border-bottom: 0;}
	#price #sec_10 .btnlist>li:last-child{margin-bottom:0px;}
	#price #sec_10 .btnlist>li a{padding: 0px;}
}
@media screen and (max-width: 500px) {
	#price #sec_10 .btnlist>li{width:100%; border-left: none;}
	#price #sec_10 .btnlist>li a{font-size:16px; padding: 0px;}
	#price #sec_10 .btnlist>li a:after {margin-top: 4px;height: 7px;width: 10px;margin-left: 5px;}
}


/*//////////////////


#news.index


//////////////////*/

/* common */
#news {  }
#news #main .ebox { display:flex; justify-content:space-between; }
#news #main .ebox .mainbox { flex:1; margin-bottom: 100px; }
#news #main .ebox .sidebox { width:240px; margin-left:60px; margin-bottom: 100px; }
#news #main .ebox .sidebox .en { font-family:'Montserrat', sans-serif; font-weight:600; font-size:24px; color:#0000ff; padding:15px 10px; border:solid 2px #0000ff; text-align:center; margin-bottom:30px; }
@media screen and (max-width: 1040px) {
	#news #main .ebox .sidebox{ width:100%; margin-left:0px; }
	#news #main .ebox .sidebox li{ display: inline-block; margin-right: 1em; }
}
@media screen and (max-width: 767px) {
	#news #main .ebox .sidebox .en{font-size:18px; color:#0000ff; padding:10px 0; margin-bottom:10px; }
}
@media screen and (max-width: 500px) {
	#news #main .ebox .mainbox { flex:1; margin-bottom: 60px; }
	#news #main .ebox .sidebox { margin-bottom: 60px; }
	#news #main .ebox .sidebox li{ display: block; margin-right: 0; }
}


/* #sec_1 */
#news.index #sec_1 .sectitle{ text-align:center; margin-bottom:50px; }
@media screen and (max-width: 1040px) {
	#news.index #sec_1 .ebox{display:block;}
}
@media screen and (max-width: 767px) {
	#news.index #sec_1 .sectitle{ margin-bottom:30px; }
}
@media screen and (max-width: 500px) {
}










/*//////////////////


#news.under


//////////////////*/

#news.under{  }

/* #sec_1 */
#news.under #sec_1 .sectitle{margin-bottom:20px;}
#news.under #sec_1 .txtnum { margin-bottom:60px;}
#news.under #sec_1 .txtnum span { margin-right: 1em; font-family: 'Montserrat', sans-serif; font-size: 16px; }
#news.under #sec_1 .incnt .ebox #mainbox a{text-decoration:underline;}
@media screen and (max-width: 1040px) {
	#news.under #sec_1 .ebox{display:block;}
}
@media screen and (max-width: 767px) {
	#news.under #sec_1 .sectitle{margin-bottom:20px;}
	#news.under #sec_1 .txtnum { margin-bottom:60px;}
	#news.under #sec_1 .txtnum span {font-size: 14px; }
}










/*//////////////////


#hydrogenpeel


//////////////////*/
/* #sec_1 */
#hydrogenpeel #sec_1 .btnlist{display:flex;justify-content:space-between;border: solid 1px #0000ff; max-width: 400px; width: 100%; margin-left: auto; margin-right: auto;}
#hydrogenpeel #sec_1 .btnlist>li{width: 100%;border-left: solid 1px #0000ff;}
#hydrogenpeel #sec_1 .btnlist>li:first-child{border-left:none;}
#hydrogenpeel #sec_1 .btnlist>li a{font-size:20px;color:#0000ff;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;border: 0;}
#hydrogenpeel #sec_1 .btnlist>li a:after {content:"";margin-top: 7px;height: 7px;width: 12px; margin-left:10px;background: url(../img/common/arr3_blue.svg) no-repeat;}
@media screen and (max-width: 1040px) {
	#hydrogenpeel #sec_1 .btnlist{ flex-wrap: wrap; }
	#hydrogenpeel #sec_1 .btnlist>li{box-sizing: border-box;border-bottom: 1px solid #0000ff;}
	#hydrogenpeel #sec_1 .btnlist>li:nth-child(n + 3){ border-bottom: 0; }
	#hydrogenpeel #sec_1 .btnlist>li:nth-child(3){border-left:none;}
	#hydrogenpeel #sec_1 .btnlist>li a{font-size:18px;padding: 30px 0;text-align: center;display: block;font-weight: bold;line-height: 1;display: flex;justify-content: center;}
	#hydrogenpeel #sec_1 .btnlist>li a:after {margin-top: 5px;height: 7px;width: 12px;margin-left:10px;}
}
@media screen and (max-width: 767px) {
	#hydrogenpeel #sec_1 .btnlist{display:block; border:none;}
	#hydrogenpeel #sec_1 .btnlist>li{width:100%; border-left: none;margin-bottom:20px;border-bottom: 0;}
	#hydrogenpeel #sec_1 .btnlist>li:last-child{margin-bottom:0px;}
	#hydrogenpeel #sec_1 .btnlist>li a{padding: 0px;}
}
@media screen and (max-width: 500px) {
	#hydrogenpeel #sec_1 .btnlist>li{width:100%; border-left: none;}
	#hydrogenpeel #sec_1 .btnlist>li a{font-size:16px; padding: 0px;}
	#hydrogenpeel #sec_1 .btnlist>li a:after {margin-top: 4px;height: 7px;width: 10px;margin-left: 5px;}
}

#hydrogenpeel #sec_2{ background: #f7f7ff; padding-top: 110px; padding-bottom: 120px; }
#hydrogenpeel #sec_2>.incnt{ max-width: 720px; }
#hydrogenpeel #sec_2 .title{font-size:38px; font-weight:bold; letter-spacing:0.1em; line-height:1; margin-bottom:30px;text-align: center;color: #00f;}
#hydrogenpeel #sec_2 .list1{ columns: 2; font-size: 22px; }
#hydrogenpeel #sec_2 .list1>li{ font-weight: bold; }
@media screen and (max-width: 1040px) {
	#hydrogenpeel #sec_2{ padding-top: 80px; padding-bottom: 80px; }
	#hydrogenpeel #sec_2 .title{ font-size:30px; }
}
@media screen and (max-width: 767px) {
	#hydrogenpeel #sec_2{ padding-top: 60px; padding-bottom: 60px; }
	#hydrogenpeel #sec_2 .title{ font-size: 26px;margin-bottom: 20px; text-align:left; }
	#hydrogenpeel #sec_2 .list1{ font-size:16px; }
	#hydrogenpeel #sec_2 .list1>li {text-align:left;}
}
@media screen and (max-width: 639px) {
	#hydrogenpeel #sec_2 .list1{ columns: inherit; text-align: center; }
}
@media screen and (max-width: 500px) {
	#hydrogenpeel #sec_2 .title{ font-size:20px; }
}

#hydrogenpeel #sec_3 .list1>li{ border: 1px solid #00f; margin-bottom: 40px; padding: 80px 8% 60px; }
#hydrogenpeel #sec_3 .list1>li:last-child{ margin-bottom: 0; }
#hydrogenpeel #sec_3 .list1>li .imglist{ display: flex; flex-direction: row; }
#hydrogenpeel #sec_3 .list1>li .imglist>li:not(:first-child){ padding-left: 95px; position: relative; }
#hydrogenpeel #sec_3 .list1>li .imglist>li:not(:first-child)::before{content: "";background: url("../img/common/arr2_black.svg") no-repeat;width: 11px;height: 48px;transform: rotate(-90deg);position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: 40px;}
#hydrogenpeel #sec_3 .list1>li .imglist>li{width: calc(50% - 47px);}
#hydrogenpeel #sec_3 .list1>li .txtbox{ margin-top: 30px; text-align: center; margin-left: -30px; }
#hydrogenpeel #sec_3 .list1>li .txtbox .title{color: #00f;font-size: 24px;font-weight: bold;display: inline-block;vertical-align: -9px;margin-left: 30px;}
#hydrogenpeel #sec_3 .list1>li .txtbox .price{ display: inline-block; vertical-align: middle; line-height:1;position: relative;font-feature-settings: "palt"; margin-left: 30px; }
#hydrogenpeel #sec_3 .list1>li .txtbox .price span{font-family:'Montserrat', sans-serif;font-size:36px;font-weight:bold;margin-left: 20px;margin-right: 3px;vertical-align: -2px;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#hydrogenpeel #sec_3 .list1>li{ margin-bottom: 30px; padding: 60px 8% 40px; }
	#hydrogenpeel #sec_3 .list1>li .txtbox .price span{font-size:30px; margin-left: 5px;}
	#hydrogenpeel #sec_3 .list1>li .txtbox .title{font-size: 20px;vertical-align: -5px;}
	#hydrogenpeel #sec_3 .list1>li .imglist{ display: block; }
	#hydrogenpeel #sec_3 .list1>li .imglist>li:not(:first-child){ padding-left: 0; margin-top: 80px; }
	#hydrogenpeel #sec_3 .list1>li .imglist>li:not(:first-child)::before{left: auto;transform: rotate(0);bottom: auto;top: -66px;left: 50%;margin-left: -5px;}
	#hydrogenpeel #sec_3 .list1>li .imglist>li{width: 100%;}
}
@media screen and (max-width: 500px) {
	#hydrogenpeel #sec_3 .list1>li{ padding: 40px 8% 40px; }
}


#hydrogenpeel #sec_4{ background: #00f; color: #fff; padding: 100px 0; }
#hydrogenpeel #sec_4 .title{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 20px;letter-spacing: 0.2em;}
#hydrogenpeel #sec_4 .link{ text-align: center; }
#hydrogenpeel #sec_4 .link>a{ display: inline-block; position: relative; color: #fff; }
#hydrogenpeel #sec_4 .link>a>svg{width: 26px;height: 26px;margin-right: 5px;vertical-align: -4px;}
#hydrogenpeel #sec_4 .link>a>svg .st0{ fill: #fff; }
#hydrogenpeel #sec_4 .link>a .txt{ font-family:'Montserrat', sans-serif; font-size: 24px; font-weight: bold; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#hydrogenpeel #sec_4{padding: 70px 0;}
	#hydrogenpeel #sec_4 .title{font-size: 24px;}
	#hydrogenpeel #sec_4 .link>a .txt{ font-size: 20px; }
}
@media screen and (max-width: 500px) {
	#hydrogenpeel #sec_4 .title{font-size: 20px;}
}


#hydrogenpeel #sec_5 .flowlist>li {margin-bottom:90px;position: relative;}
#hydrogenpeel #sec_5 .flowlist>li:last-child{margin-bottom:0px;}
#hydrogenpeel #sec_5 .flowlist>li .arr{position:absolute;width:11px;top: -75px;left: 60px;}
#hydrogenpeel #sec_5 .flowlist>li .num{color:#0000ff;font-style: italic;font-weight:bold;margin-bottom: 30px;align-items: center; display:flex; line-height:1.6;}
#hydrogenpeel #sec_5 .flowlist>li .num_1{width:30px;height: 47px;margin-left: 3px;}
#hydrogenpeel #sec_5 .flowlist>li .num_2{width: 34px;height: 45px;margin-left: 3px;}
#hydrogenpeel #sec_5 .flowlist>li .num_3{width: 42px;height: 48px;margin-left: 3px;}
#hydrogenpeel #sec_5 .flowlist>li .num_4{width: 33px;height: 47px;margin-left: 3px;}
#hydrogenpeel #sec_5 .flowlist>li .num_5{width: 37px;height: 48px;margin-left: 3px;}
#hydrogenpeel #sec_5 .flowlist>li .txt.big1{color:#0000ff;font-size:24px;font-weight:bold;margin-left: 40px;align-items: center;vertical-align: middle;font-feature-settings: "palt";letter-spacing: 0.1em;}

#hydrogenpeel #sec_5 .optionbox{ border: 1px solid #00f; position: relative; padding: 100px 8% 60px; margin-top: 40px; }
#hydrogenpeel #sec_5 .optionbox .title1{position:absolute; top:0; left:0; font-weight:bold; font-size:20px; color: #fff; background: #00f; text-align:center; line-height:1.4; padding:21px 8%;
letter-spacing:0.1em; display:inline-block; }
#hydrogenpeel #sec_5 .optionbox .subtitle{ font-size: 18px; color: #00f; font-weight: bold; }
#hydrogenpeel #sec_5 .optionbox  .list1>li:not(:last-child){ margin-bottom: 30px; }

#hydrogenpeel #sec_5 .box1 {display:flex;justify-content:space-between;margin-bottom:90px;position: relative;}
#hydrogenpeel #sec_5 .box1:not(:last-child){ margin-bottom: 20px; }
#hydrogenpeel #sec_5 .box1 .txtbox{width: 60%;}
#hydrogenpeel #sec_5 .box1 .imgbox{width:35%;}
#hydrogenpeel #sec_5 .list2{ margin-left: -40px; display: flex; flex-direction: row; margin-top: 20px; }
#hydrogenpeel #sec_5 .list2>li{ margin-left: 40px; width: calc(33.33% - 40px); }
#hydrogenpeel #sec_5 .list2>li img{ width: 100%; }
#hydrogenpeel #sec_5 .list2>li .title1{ font-weight: bold; color: #fff; background: #00f; padding: 10px 10px; width: 100%; box-sizing: border-box; display: block; }
#hydrogenpeel #sec_5 .list2>li .txtbox{ margin-top: 25px; }
#hydrogenpeel #sec_5 .list2>li .txtbox .title2{ margin-bottom: 10px; }
@media screen and (max-width: 1040px) {
	#hydrogenpeel #sec_5 .optionbox{ padding: 80px 8% 40px; }
	#hydrogenpeel #sec_5 .list2{ margin-left: -30px; }
	#hydrogenpeel #sec_5 .list2>li{ margin-left: 30px; width: calc(33.33% - 30px); }
	#hydrogenpeel #sec_5 .list2>li .title1{ font-size:18px; }
}

@media screen and (max-width: 767px) {
	#hydrogenpeel #sec_5 .flowlist>li{display:block;}
	#hydrogenpeel #sec_5 .flowlist>li .num{margin-bottom:15px;}
	#hydrogenpeel #sec_5 .flowlist>li .num_1{width: 23px;height: 32px;}
	#hydrogenpeel #sec_5 .flowlist>li .num_2{width: 26px;height: 34px;}
	#hydrogenpeel #sec_5 .flowlist>li .num_3{width: 29px;height: 36px;}
	#hydrogenpeel #sec_5 .flowlist>li .num_4{width: 30px;height: 34px;}
	#hydrogenpeel #sec_5 .flowlist>li .num_5{width: 29px;height: 36px;}
	#hydrogenpeel #sec_5 .flowlist>li .txt.big1{font-size:18px;margin-left: 20px;}
	#hydrogenpeel #sec_5 .flowlist>li .arr{width:11px;top: -66px;left: 50%;margin-left: -5px;}

	#hydrogenpeel #sec_5 .optionbox { margin-top: 30px; padding-top: 70px; padding-bottom: 40px; }
	#hydrogenpeel #sec_5 .optionbox .title1{font-size: 18px;padding: 15px 8%;text-align: center;}
	#hydrogenpeel #sec_5 .optionbox .subtitle{ font-size: 16px; }
	#hydrogenpeel #sec_5 .optionbox .mainbox{ display: block; text-align: center; padding-top: 10px; padding-bottom: 15px; }
	#hydrogenpeel #sec_5 .optionbox .mainbox .title{ font-size: 20px; }
	#hydrogenpeel #sec_5 .optionbox .mainbox .price{margin-bottom:15px;}
	#hydrogenpeel #sec_5 .optionbox .mainbox .price span{font-size:30px;margin-left: 5px;}

	#hydrogenpeel #sec_5 .box1 {display:block;}
	#hydrogenpeel #sec_5 .box1:not(:last-child){ margin-bottom: 30px; }
	#hydrogenpeel #sec_5 .box1 .txtbox{width: 100%;}
	#hydrogenpeel #sec_5 .box1 .imgbox{width:100%; margin-top: 20px;}

	#hydrogenpeel #sec_5 .list2{ margin-left: 0; display: block; }
	#hydrogenpeel #sec_5 .list2>li{ margin-left: 0; width: 100%; }
	#hydrogenpeel #sec_5 .list2>li:not(:last-child){ margin-bottom: 40px; }
	#hydrogenpeel #sec_5 .list2>li img{ width: 100%; }
	#hydrogenpeel #sec_5 .list2>li .txtbox{ margin-top: 20px; }
	#hydrogenpeel #sec_5 .list2>li .txtbox .title2{ margin-bottom: 5px; }

}



#beforeafter.index .sectitle{ text-align: center; }
#beforeafter.index .sectitle .title{ position: relative; padding-bottom: 25px; margin-bottom: 60px; }
#beforeafter.index .sectitle .title::after{ content: ""; background: #1A1AFF; width: 80px; height: 4px; display: inline-block; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; }

#beforeafter.index .beforeaftercatlist ._beard,
#beforeafter.index .beforeafterlist ._beard{ background: #40408e; border: 1px solid #40408e; }
#beforeafter.index .beforeaftercatlist ._body,
#beforeafter.index .beforeafterlist ._body{ background: #40bea7; border: 1px solid #40bea7; }

#beforeafter.index .beforeaftercatlist{ margin-bottom: 75px; }
#beforeafter.index .beforeaftercatlist>ul{ margin-left: -20px; margin-bottom: -15px; text-align: center; }
#beforeafter.index .beforeaftercatlist>ul>li{ margin-left: 20px; margin-bottom: 15px; display: inline-block; }
#beforeafter.index .beforeaftercatlist>ul>li>a{display: inline-block;width: 240px;padding: 15px 40px;font-size: 24px;font-weight: bold;background: #191919;border-radius: 40px;color: #fff;border: 1px solid #191919;}
#beforeafter.index .beforeaftercatlist>ul>li>a:hover{ color: #191919; background: #fff; }
#beforeafter.index .beforeaftercatlist ._beard:hover{ color: #40408e; }
#beforeafter.index .beforeaftercatlist ._body:hover{ color: #40bea7; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#beforeafter.index .beforeaftercatlist{ margin-bottom: 60px; }
	#beforeafter.index .sectitle .title{ margin-bottom: 40px; padding-bottom: 15px; }
	#beforeafter.index .sectitle .title::after{ width: 60px; height: 2px; }
	#beforeafter.index .beforeaftercatlist>ul>li>a{width: 140px;padding: 10px 30px;font-size: 16px;border-radius: 30px;}
}
@media screen and (max-width: 500px) {
}


#beforeafter.index .beforeafterlist>ul{ display: flex;flex-direction: row; margin-left: -40px; margin-bottom: -40px; overflow: hidden; flex-wrap: wrap; }
#beforeafter.index .beforeafterlist>ul>li{ display: flex; margin-left: 40px; margin-bottom: 40px; width: calc(33.33% - 40px); }
#beforeafter.index .beforeafterlist>ul>li>a{ display: flex; flex-direction: column; }
#beforeafter.index .beforeafterlist>ul>li>a .imgbox{ height: 280px; margin-bottom: 15px; position: relative; }
#beforeafter.index .beforeafterlist>ul>li>a .imgbox .icon{ position: absolute; top: 0; left: 0; }
#beforeafter.index .beforeafterlist>ul>li>a .imgbox .icon>span{ display: inline-block; color: #fff; width: 100px; box-sizing: border-box; padding: 0px 10px; font-size: 14px; text-align: center; }
#beforeafter.index .beforeafterlist>ul>li>a .imgbox img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
#beforeafter.index .beforeafterlist>ul>li>a .txtbox .beforeafterinfo ._mentype,
#beforeafter.index .beforeafterlist>ul>li>a .txtbox .beforeafterinfo ._site{ display: inline-block; vertical-align: middle; color: #999; }
#beforeafter.index .beforeafterlist>ul>li>a .txtbox .beforeafterinfo ._site::before{ content: "| ";  }
#beforeafter .pager{ margin-top: 100px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#beforeafter.index .beforeafterlist>ul{ margin-left: -20px; margin-bottom: -30px; }
	#beforeafter.index .beforeafterlist>ul>li{ margin-left: 20px; margin-bottom: 30px; width: calc(50% - 20px); }
	#beforeafter.index .beforeafterlist>ul>li>a .imgbox{ height: 160px; }
	#beforeafter .pager{ margin-top: 60px; }
}
@media screen and (max-width: 500px) {
}

#beforeafter.under{  }
#beforeafter.under .beforeaftersinglebox{ margin-bottom: 55px; }
#beforeafter.under .beforeaftersinglebox .incnt{ max-width: 1100px; }
#beforeafter.under .beforeaftersinglebox>.incnt>.inwrap{border-bottom: 1px solid #191919;padding-bottom: 25px;line-height: 1.4;}
#beforeafter.under .beforeaftersinglebox .incnt{ max-width: 1100px; }
#beforeafter.under .beforeaftersinglebox ._mentype,
#beforeafter.under .beforeaftersinglebox ._site{ display: inline-block; vertical-align: middle; color: #999; }
#beforeafter.under .beforeaftersinglebox ._site::before{ content: "| ";  }
#beforeafter.under .beforeaftersinglebox .singletitle{font-size: 24px;margin-top: 10px;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#beforeafter.under .beforeaftersinglebox .singletitle{ font-size: 20px; }
}
@media screen and (max-width: 500px) {
}


#beforeafter.under .beforeafterdesc{ padding-bottom: 20px; }
#beforeafter.under .beforeafterolbox,
#beforeafter.under .gallerybox,
#beforeafter.under .moviebox{margin-bottom: 100px;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#beforeafter.under .beforeafterolbox,
	#beforeafter.under .gallerybox,
	#beforeafter.under .moviebox{margin-bottom: 60px;}
}
@media screen and (max-width: 500px) {
}

#beforeafter.under .beforeafterolbox>.incnt{ max-width: 1100px; }
#beforeafter.under .beforeafterolbox>.incnt>ol{overflow: hidden;display: flex;flex-direction: row;}
#beforeafter.under .beforeafterolbox>.incnt>ol>li{ width: calc(50% - 30px); }
#beforeafter.under .beforeafterolbox>.incnt>ol>li>.inwrap{ background: #f7f7f7; padding: 20px 20px 60px;  }
#beforeafter.under .beforeafterolbox>.incnt>ol>li .icon{ margin-bottom: 10px; }
#beforeafter.under .beforeafterolbox>.incnt>ol>li .icon>span{display: inline-block;background: #191919;padding: 2px 20px;text-align: center;max-width: 140px;width: 100%;color: #fff;}
#beforeafter.under .beforeafterolbox>.incnt>ol>li:nth-child(2){ padding-left: 60px; position: relative;  }
#beforeafter.under .beforeafterolbox>.incnt>ol>li:nth-child(2):before{content: "";background: url(../img/common/arr3_blue.svg) no-repeat;background-size: contain;width: 30px;height: 40px;transform: rotate(-90deg);display: inline-block;position: absolute;top: calc(50% - 15px);margin-top: auto;margin-bottom: auto;left: 30px;}
#beforeafter.under .beforeafterolbox>.incnt>ol>li:nth-child(2) .icon>span{ background: #1a1aff; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#beforeafter.under .beforeafterolbox>.incnt>ol{display: block;}
	#beforeafter.under .beforeafterolbox>.incnt>ol>li{ width: 100%; }
	#beforeafter.under .beforeafterolbox>.incnt>ol>li:nth-child(2):before{transform: rotate(0deg);left: 0;right: 0;margin-left: auto;margin-right: auto;top: 12px;}
	#beforeafter.under .beforeafterolbox>.incnt>ol>li:nth-child(2){ padding-left: 0; padding-top: 40px;  }
	#beforeafter.under .beforeafterolbox>.incnt>ol>li>.inwrap{ padding-bottom: 40px; }
}
@media screen and (max-width: 500px) {
}

#beforeafter.under .singlesectitle{ font-size: 32px; color: #1a1aff; margin-bottom: 25px; text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#beforeafter.under .singlesectitle{ font-size: 24px; }
}
@media screen and (max-width: 500px) {
}

#beforeafter.under .gallerybox{ padding-bottom: 20px; }
#beforeafter.under .gallerybox .incnt{ max-width: 1180px;  } 
#beforeafter.under .gallery {margin-bottom: 20px;width: 100%;height: 480px;padding-left: 150px;padding-right: 150px;}
#beforeafter.under .gallery .slick-list,
#beforeafter.under .gallery .slick-track,
#beforeafter.under .gallery .slick-slide { width: 100%; height: 100%; background: #f7f7f7; }
#beforeafter.under .gallery .slick-slide img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; object-position: center center; vertical-align: bottom; }
#beforeafter.under .gallery .prev, 
#beforeafter.under .gallery .next { position: absolute; z-index: 3; top: calc(50% - 35px); cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; height: 70px; width: 70px; border-radius: 35px; transition: 0.3s; right: 50px; }
#beforeafter.under .gallery .prev { left: 50px; right: auto; }
#beforeafter.under .gallery .prev:after, 
#beforeafter.under .gallery .next:after {content: url(../img/common/arr3_black.svg);width: 40px;height: 30px;font-size: 0;transform: rotate(-90deg);}
#beforeafter.under .gallery .prev:after {transform: rotate(90deg);}
#beforeafter.under .gallery .prev:hover { left:45px; }
#beforeafter.under .gallery .next:hover { right:45px; }
@media screen and (max-width: 1040px) {
	#beforeafter.under .gallery {height: 327px;padding-left: 45px;padding-right: 45px;}
	#beforeafter.under .gallery .prev, 
	#beforeafter.under .gallery .next { top: calc(50% - 20px); height: 40px; width: 40px; border-radius: 20px; right: -10px; }
	#beforeafter.under .gallery .prev { left: -10px; right: auto; }
	#beforeafter.under .gallery .prev:hover { left:-10px; }
	#beforeafter.under .gallery .next:hover { right:-10px; }
	#beforeafter.under .gallery .prev:after, 
	#beforeafter.under .gallery .next:after { width: 20px; }
}
@media screen and (max-width: 767px) {
	#beforeafter.under .gallery {height: 218px;padding-left: 40px;padding-right: 40px;}
}

#beforeafter.under .choice-btn { display: flex; justify-content: space-between; align-items: center; position: relative; }
#beforeafter.under .choice-btn .slick-list { width: 100%; height: 200px; margin: 0 auto; }
#beforeafter.under .choice-btn .slick-track { width: 100%; height: 100%; }
#beforeafter.under .choice-btn .slick-slide { background: #000; }
#beforeafter.under .choice-btn .slick-slide img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; object-position: center center; cursor: pointer; transition: 0.5s; }
#beforeafter.under .choice-btn .slick-slide img:hover { opacity: 0.8; }
#beforeafter.under .choice-btn .prev, 
#beforeafter.under .choice-btn .next { cursor: pointer; outline: none; content: url(../img/common/arr2.svg); width: 33px; font-size: 0; transition: 0.3s; }
#beforeafter.under .choice-btn .prev { margin-left: 10px; transform: rotate(180deg); }
#beforeafter.under .choice-btn .next { margin-right: 10px; }
#beforeafter.under .choice-btn .prev:hover,
#beforeafter.under .choice-btn .next:hover { opacity: 0.5 }
@media screen and (max-width: 1040px) {
	#beforeafter.under .choice-btn .slick-list { height: 115px; }
}
@media screen and (max-width: 767px) {
	#beforeafter.under .choice-btn .slick-list { height: 74px; }
}

#beforeafter.under .moviebox>.incnt{ max-width: 800px; }
#beforeafter.under .moviebox>.incnt .movieiframe { clear: both; text-align: center; position: relative; width: 100%; padding-top: 56.25%; }
#beforeafter.under .moviebox>.incnt .movieiframe iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#beforeafter.under .chartbox{ padding-top: 120px; position: relative; }
#beforeafter.under .chartbox::before{ content: ""; background: #f7f7f7; width: 100%; height: calc(100% - 120px); position: absolute; top: 0; left: 0; }
#beforeafter.under .chartbox>.incnt{ max-width: 1100px; }
#beforeafter.under .chartbox>.incnt>.inwrap{ border: 1px solid #1a1aff; border-radius: 10px; padding: 70px 8%; background: #fff; }
#beforeafter.under .chartbox>.incnt>.inwrap .sectitle{ text-align: center; }
#beforeafter.under .chartbox>.incnt>.inwrap .sectitle .title{ position: relative; padding-bottom: 25px; margin-bottom: 60px; }
#beforeafter.under .chartbox>.incnt>.inwrap .sectitle .title::after{ content: ""; background: #1A1AFF; width: 60px; height: 4px; display: inline-block; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; }
#beforeafter.under .chartbox>.incnt>.inwrap .mainlist>ul>li{ padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px dashed #707070; }
#beforeafter.under .chartbox>.incnt>.inwrap .mainlist>ul>li>dl>dt{ margin-bottom: 15px;  }
#beforeafter.under .chartbox>.incnt>.inwrap .mainlist>ul>li>dl>dt>.inwrap{display: inline-block;font-size: 18px;color: #fff;background: #191919;width: 160px;text-align: center;}
@media screen and (max-width: 1040px) {
	#beforeafter.under .chartbox{ padding-top: 60px; }
}
@media screen and (max-width: 767px) {
	#beforeafter.under .chartbox{ padding-top: 30px; }
	#beforeafter.under .chartbox>.incnt>.inwrap{ padding: 60px 8%; }
	#beforeafter.under .chartbox>.incnt>.inwrap .mainlist>ul>li>dl>dt>.inwrap{ width: 136px; }
	#beforeafter.under .chartbox>.incnt>.inwrap .sectitle .title{ padding-bottom: 15px; margin-bottom: 30px; }
	#beforeafter.under .chartbox>.incnt>.inwrap .sectitle .title::after{ width: 40px; height: 2px; }
	#beforeafter.under .chartbox>.incnt>.inwrap .mainlist>ul>li>dl>dt>.inwrap{ font-size: 14px; }
}
@media screen and (max-width: 500px) {
	#beforeafter.under .chartbox>.incnt>.inwrap{ padding: 40px 8%; }
}