@charset "utf-8";
/*
Theme Name: teppay-solution
Theme URI: http://www.solution-sy.com/
Author: Xiez
Author URI: https://xiezsama.com/
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

/* Start Reset Css */
*{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html{font-size:100%;overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body{margin:0 auto;max-width:1920px;width:100%;font-size:18px;color:#000;font-weight:400;background:#fff;line-height:1.8;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,"sans-serif";
}
@media screen and (max-width:1520px){
	body{font-size:18px;}
}
@media screen and (max-width:1080px){
	body{font-size:16px;}
}

address,caption,code,figcaption,pre,th{font-size:1em;font-weight:normal;font-style:normal;}

blockquote,q{quotes:none;}

blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}

fieldset,iframe,img{border:0;}

ins{background-color:#ff9;color:#000;text-decoration:none;}

caption,th{text-align:left;}

table{border-collapse:collapse;border-spacing:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;}

input,select{vertical-align:middle;}

button{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

button:disabled{cursor:default;}

audio:not([controls]){display:none;}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),:focus[data-focus-method=touch]:not(input):not(textarea):not(select){outline:0;}

::-moz-focus-inner{border:0;padding:0;}

a,a:link,a:visited{text-decoration:none;}

a:hover,a:active{text-decoration:none;}

ul{list-style:none;}

img{display:block;height:auto;max-width:100%;}

:-moz-placeholder{
  /* Mozilla Firefox 4 to 18 */
  color:#999;opacity:1;}

::-moz-placeholder{
  /* Mozilla Firefox 19+ */
  color:#999;opacity:1;}

input:-ms-input-placeholder{color:#999;opacity:1;}

input::-webkit-input-placeholder{color:#999;opacity:1;}

::-webkit-scrollbar{width:6px;background-color:#f3f3f3;border-left:1px solid #dddddd;}

::-webkit-scrollbar:hover{background-color:transparent;}

::-webkit-scrollbar-thumb{cursor:pointer;background-color:#666;}

::-webkit-scrollbar-thumb:hover{background-color:#333;}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}

.f-fl{float:left;}
.f-fr{float:right;}
.f-cb:after{content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;}
.f-cb{zoom:1;}

.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}

em{font-style:normal;}
i{font-style:normal;}
/* Start Reset Css */

/*wrapper*/
.wrapper{position:relative;left:0;z-index:20;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
    transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.wrapper .wrapperbg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:rgba(0,0,0,0.5);}
.wrapper-move{left:-200px;overflow:hidden;}

/*mobile-btn*/
.mobile-btn{display:none;}
.mobile-btn div{position:relative;right:0;top:0;display:block;width:30px;height:20px;background:none;cursor:pointer;
  	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
    transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.mobile-btn div span{position:absolute;left:50%;top:9px;z-index:5;display:block;margin:0 0 0 -15px;width:30px;height:2px;background:#00a79f;   
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;    
    transform-origin:center;
    
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.mobile-btn div span:nth-child(1){    
    -webkit-transform:translateY(-9px);
    -moz-transform:translateY(-9px);
    -ms-transform:translateY(-9px);
    -o-transform:translateY(-9px);    
    transform:translateY(-9px);
}
.mobile-btn div span:nth-child(3){    
    -webkit-transform:translateY(9px);
    -moz-transform:translateY(9px);
    -ms-transform:translateY(9px);
    -o-transform:translateY(9px);    
    transform:translateY(9px);
}
.mobile-btn .active{
    transform:translateX(0) rotate(180deg);
}
.mobile-btn .active span:nth-child(1){width:20px !important;
  	transform-origin:0.71429px center !important;
    transform:rotate3d(0,0,1,-40deg) !important;
}	
.mobile-btn .active span:nth-child(3){width:20px !important;
    transform:rotate3d(0,0,1,40deg) !important;
    transform-origin:0.71429px center !important;    
}
@media screen and (max-width:780px){
	.mobile-btn{display:block;}
}

/*sp-wrapper*/
.sp-wrapper{display:none;position:fixed;top:0;right:0;z-index:60;display:block;padding:3em 10px 0 10px;width:200px;text-align:center;height:100vh;background:#333;
	-webkit-transform:translateX(200px);
    transform:translateX(200px);
    -webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
    transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.sp-wrapper.sp-wrapper-move{
	transform:translateX(0px) !important;
}
.sp-wrapper h2{width:100%;text-align:center;font-size:24px;text-transform:uppercase;color:#fff;letter-spacing:1px;font-weight:normal;}
.sp-wrapperul{margin-top:1.5em;width:100%;}
.sp-wrapperul>li{text-align:center;border-top:1px solid #5d5d5d;}
.sp-wrapperul>li>a{display:block;padding:10px 0;font-size:14px;color:#fff;letter-spacing:1px;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.sp-wrapperul>li>a:hover{background:#fff;color:#002e63;}

/*bkt*/
.bkt{position:fixed;right:40px;bottom:40px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;z-index:999;background:#0075c1;border-radius:50%;cursor:pointer;transition:.3s;}
.bkt:hover{opacity:0.8;}
.bkt svg{width:15px;height:15px;fill:#ffffff;}
@media screen and (max-width:1080px){
	.bkt{right:20px;}
}


.common_tit{color:#1cb5ae;line-height:1;text-align:center;}
.common_tit>h2{font-size:58px;font-weight:900;}
@media screen and (max-width:1520px){
	.common_tit{letter-spacing:0px;}
	.common_tit>h2{font-size:48px;font-weight:900;}
	.common_tit>p{margin-top:10px;font-size:20px;}
}
@media screen and (max-width:1080px){
	.common_tit>h2{font-size:38px;font-weight:900;}
	.common_tit>p{font-size:16px;}
}
@media screen and (max-width:780px){
	.common_tit>h2{font-size:28px;font-weight:900;}
	.common_tit>p{font-size:14px;}

}

/*more*/
.more{margin-top:60px;display:flex;align-items:center;justify-content:center;line-height:1;}
.more a{display:flex;align-items:center;position:relative;padding:16px 60px;line-height:1;overflow:hidden;font-size:18px;color:#fff;text-transform:uppercase;border:2px solid #fff;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.more img{margin-left:10px;transition:.3s;}
.more:hover img{transform:translateX(10px);}
@media screen and (max-width:1520px){
	.more{margin-top:50px;}
	.more a{padding:15px 30px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.more{margin-top:40px;}
	.more a{padding:12px 20px;font-size:14px;}
	.more img{width:34px;}
}
@media screen and (max-width:780px){
	.more{margin-top:20px;}
	.more img{width:28px;}
}


.more2{display:flex;align-items:center;justify-content:flex-end;line-height:1;}
.more2 a{display:flex;align-items:center;padding:25px 60px;line-height:1;overflow:hidden;font-size:30px;color:#fff;letter-spacing:2px;text-transform:uppercase;background-image:linear-gradient(to right,#bd0725,#75142d,#3b1f34);
	-webkit-transition:0.3s;
    transition:0.3s;
}
.more2 img{margin-left:30px;transition:.3s;}
.more2 a:hover img{transform:translateX(10px);}
@media screen and (max-width:1520px){
	.more2 a{padding:20px 40px;font-size:26px;letter-spacing:1px;}
	.more2 img{margin-left:20px;width:44px;}
}
@media screen and (max-width:1080px){
	.more2 a{padding:18px 30px;font-size:22px;letter-spacing:0px;}
	.more2 img{margin-left:15px;width:38px;}
}
@media screen and (max-width:780px){
	.more2 a{padding:15px 20px;font-size:18px;}
	.more2 img{margin-left:10px;width:32px;}
}


@font-face {
  font-family:'iconfont';
  src: url('icon/iconfont.eot');
  src: url('icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('icon/iconfont.woff2') format('woff2'),
      url('icon/iconfont.woff') format('woff'),
      url('icon/iconfont.ttf') format('truetype'),
      url('icon/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size:26px;
  color:#fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* header */
/*@-webkit-keyframes headermove{
	0%{
	    top:-30px;
	}
	100%{
	    top:0px;
	}
}*/
.header.header_fixed{position:fixed;top:0;left:0;z-index:9999;box-shadow:0 0 5px rgba(0,0,0,0.5);
	/*-webkit-animation:headermove .5s linear 1 0s;
  	-moz-animation:headermove .5s linear 1 0s;
  	-ms-animation:headermove .5s linear 1 0s;
  	-o-animation:headermove .5s linear 1 0s;
  	animation:headermove .5s linear 1 0s;*/
}
.header{position:relative;z-index:9999;width:100%;padding:15px 40px;background:#fff;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);}
.headercon{position:relative;display:flex;align-items:center;justify-content:space-between;transition:all 0.8s;}
.headercon .logo{display:block;width:159px;}
.headercon .header_right{display:flex;align-items:center;justify-content:flex-end;max-width:calc(100% - 300px);width:100%;}
.headercon .header_right .main-navigation{max-width:920px;}
.headercon .header_right .main-navigation>ul{display:flex;justify-content:space-between;width:100%;}
.headercon .header_right .main-navigation>ul>li{margin-left:50px;text-align:center;line-height:1;}
.headercon .header_right .main-navigation>ul>li>a{position:relative;display:flex;align-items:flex-end;font-size:18px;color:#00a79f;font-weight:bold;}
.headercon .header_right .main-navigation>ul>li>a:after{content:"";display:block;width:100%;height:2px;background:#00a79f;opacity:0;visibility:hidden;transform:scaleX(0);transition:.4s ease-in-out;position:absolute;left:0;bottom:-3px;}
.headercon .header_right .main-navigation>ul>li>a:hover:after{opacity: 0.8;visibility:visible;transform:scaleX(1);}
@media screen and (max-width:1520px){
	.header{padding:10px 20px;}
	.headercon .logo{width:130px;}
	.headercon .header_right{max-width:calc(100% - 250px);}
	.headercon .header_right .main-navigation>ul>li{margin-left:40px;}
	.headercon .header_right .main-navigation>ul>li>a{font-size:16px;}
}
@media screen and (max-width:1080px){
	.headercon .logo{width:120px;}
	.headercon .header_right{max-width:calc(100% - 200px);}
	.headercon .header_right .main-navigation>ul>li{margin-left:30px;}
	.headercon .header_right .main-navigation>ul>li>a{font-size:14px;}
}
@media screen and (max-width:780px){
	.headercon .logo{width:90px;}
	/*.headercon .header_right{max-width:calc(100% - 100px);}
	.headercon .header_right .main-navigation>ul>li{margin-left:5px;}
	.headercon .header_right .main-navigation>ul>li>a{font-size:10px;}*/
	.headercon .header_right .main-navigation{display:none;}
}


/*banner*/
.banner{position:relative;overflow:hidden;z-index:1;}
.banner .bannercon{position:absolute;top:0;left:0;z-index:9;padding:0 20px;display:flex;align-items:center;justify-content:center;width:50%;height:100%;color:#525050;line-height:1.4;background-image:linear-gradient(to right,#1cb5ae 40%,rgba(28,180,174,.9) 60%,rgba(28,180,174,.5) 75%,rgba(28,180,174,.0) 100%);}
.banner .bannercon>hgroup{margin-bottom:100px;padding:100px;background:url(../img/banbg.png)no-repeat center top;background-size:100%;text-align:center;}
.banner .bannercon>hgroup>ul{display:flex;justify-content:space-between;margin:0 auto;max-width:460px;}
.banner .bannercon>hgroup>ul>li{width:calc(50% - 10px);}
.banner .bannercon>hgroup>p{margin:20px 0 0;text-align:center;color:#fff;font-size:13px;}
.banner .bannercon>hgroup>p>span{font-size:24px;font-weight:bold;}
.banner .bannercon>hgroup>figure>img{margin:20px auto 0;max-width:460px;}
.banner .bannercon>hgroup>h1{margin-top:30px;font-size:100px;text-align:center;color:#fff;font-weight:900;line-height:1.1;font-family:"Noto Sans JP",sans-serif;}.banner .bannercon>hgroup>h1 .h1line1{font-size:0.82em;}.banner .bannercon>hgroup>h1 .h1line2{font-size:1em;letter-spacing:0;}
.bannercon>hgroup>div{margin-top:20px;padding:12px 20px;font-size:26px;color:#2f3b4a;font-weight:bold;text-align:center;background:#fff;border:3px solid #fff000;border-radius:10px;display:inline-block;}
.bannercon>hgroup>div>span{display:block;color:#00a99d;font-size:24px;font-weight:bold;text-align:center;white-space:nowrap;}
.bannercon>hgroup>div>span>em{font-size:13px;font-weight:bold;font-style:normal;color:#00a99d;}
.banner>figure:after{padding-top:1100px;}
@media screen and (max-width:1520px){
	.banner .bannercon>hgroup{margin-bottom:100px;padding:50px;}
	.banner .bannercon>hgroup>ul{max-width:400px;}
	.banner .bannercon>hgroup>p>span{font-size:22px;}
	.banner .bannercon>hgroup>figure>img{max-width:460px;}
	.banner .bannercon>hgroup>h1{margin-top:20px;font-size:80px;}
	.bannercon>hgroup>div{font-size:22px;padding:10px 14px;}
	.bannercon>hgroup>div>span>em{font-size:18px;}
	.banner>figure:after{padding-top:1000px;}
}
@media screen and (max-width:1080px){
	.banner .bannercon>hgroup{margin-bottom:100px;padding:20px;background-size:100%;}
	.banner .bannercon>hgroup>ul{max-width:300px;}
	.banner .bannercon>hgroup>p>span{font-size:18px;}
	.banner .bannercon>hgroup>figure>img{max-width:300px;}
	.banner .bannercon>hgroup>h1{font-size:60px;}
	.bannercon>hgroup>div{font-size:16px;padding:8px 12px;}
	.bannercon>hgroup>div>span>em{font-size:14px;}
	.banner>figure:after{padding-top:800px;}
}
@media screen and (max-width:780px){
	.banner{padding-bottom:170px;background:#1cb5ae;}
	.banner>figure{background-position:calc(95%);}
	.banner>figure:after{padding-top:120%;}
	.banner .bannercon{position:relative;top:-100px;width:100%;background-image:linear-gradient(to bottom,rgba(28,180,174,.1),#1cb5ae,#1cb5ae,#1cb5ae,#1cb5ae,#1cb5ae);}
	.banner .bannercon>hgroup{margin-bottom:0;padding:40px 20px;}
	.banner .bannercon>hgroup>ul>li{width:calc(50% - 5px);}
	.bannercon>hgroup>div{display:inline-block;font-size:4.8vw;padding:12px 16px;margin:0 15px;white-space:nowrap;box-sizing:border-box;}
	.bannercon>hgroup>div>span{white-space:nowrap;font-size:4.2vw;}
	.bannercon>hgroup>div>span>em{font-size:3.6vw;}
}


.boxwidth{margin:0 auto;max-width:1520px;width:100%;}
.boxwidth2{margin:0 auto;max-width:1080px;width:100%;}

.imgs{position:relative;z-index:2;margin-top:-150px;}
.imgs:after{padding-top:186px;}
.indexone{position:relative;z-index:3;}
.indexone>div{padding:0px 40px 50px;background:#1cb5ae;}
.indexone>div>img{position:relative;z-index:3;margin:-40px auto 0;max-width:320px;width:100%;transform:translateY(-220px);}
.indexonecon{margin-top:-140px;background:#fff url(../img/bg05.jpg)no-repeat top left !important;border-radius:30px;}
.indexonecon>hgroup{padding:0 50px 50px;}
.indexonecon>hgroup>figure{margin-top:-120px;display:flex;justify-content:flex-end;}
.indexonecon>hgroup>figure .imgsp{display:none;}
.indexonecon>hgroup>dl{margin:50px auto 0 !important;}
.indexonecon>hgroup>p{margin-top:40px;font-size:18px;text-align:center;}
@media screen and (max-width:780px){
	.indexonecon>hgroup>p{text-align:left;}
}
@media screen and (max-width:1520px){
	.imgs{margin-top:-130px;}
	.imgs:after{padding-top:150px;}
	.indexone>div{padding:0px 20px 40px;}
	.indexone>div>img{margin:-50px auto 0;max-width:250px;transform:translateY(-160px);}
	.indexonecon{margin-top:-120px;}
	.indexonecon>hgroup{padding:0 40px 40px;}
	.indexonecon>hgroup>figure{margin-top:-100px;}
	.indexonecon>hgroup>dl{margin:40px auto 0 !important;}
	.indexonecon>hgroup>p{margin-top:30px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.imgs:after{padding-top:120px;}
	.indexone>div{padding:0px 20px 60px;}
	.indexone>div>img{margin:-40px auto 0;max-width:200px;transform:translateY(-120px);}
	.indexonecon{margin-top:-80px;background:#fff url(../img/bg05.jpg)no-repeat top left !important;background-size:296px 80px !important;}
	.indexonecon>hgroup{padding:0 30px 30px;}
	.indexonecon>hgroup>figure{margin-top:-80px;}
	.indexonecon>hgroup>figure>img{max-width:400px;width:100%;}
	.indexonecon>hgroup>dl{margin:40px auto 0 !important;}
	.indexonecon>hgroup>p{margin-top:30px;font-size:16px;}
}
@media screen and (max-width:780px){
	.indexone{background:#1cb5ae;}
	.imgs{background-color:#1cb5ae;}
	.imgs:after{padding-top:90px;}
	.indexone>div>img{margin:0px auto;max-width:200px;transform:translateY(-230px);}
	.indexonecon{margin-top:-190px;background:#fff url(../img/bg05.jpg)no-repeat top left !important;background-size:200px 54px !important;}
	.indexonecon>h2{transform:translateY(-15%);margin-bottom:-3px;}
	.indexonecon>hgroup{padding:0 20px 20px;}
	.indexonecon>hgroup>figure{margin-top:20px;justify-content:center;}
	.indexonecon>hgroup>figure>img{max-width:260px;width:100%;}
	.indexonecon>hgroup>figure .imgsp{display:block;}
	.indexonecon>hgroup>figure .imgpc{display:none;}
	.indexonecon>hgroup>dl{margin:30px auto 0 !important;}
	.indexonecon>hgroup>dl>dt{max-width:200px;}
	.indexonecon>hgroup>p{margin-top:20px;}
}

.indextwo{padding:100px 40px;}
.indextwocon>h2{display:flex;justify-content:center;}
.indextwocon>ul{margin:0 0 0 -100px;display:flex;flex-flow:wrap;justify-content:space-between;}
.indextwocon>ul>li{margin:60px 0 0 100px;width:calc(50% - 100px);}
.indextwocon>ul>li>h3{margin-top:-50px;font-size:28px;line-height:1.6;font-weight:normal;}
.indextwocon>ul>li>h3>span{position:relative;z-index:1;font-weight:normal;}
.indextwocon>ul>li>h3>span:before{position:absolute;bottom:2px;left:0;z-index:1;content:"";width:100%;height:10px;background:#fff000;}
.indextwocon>ul>li>h3>span>em{position:relative;z-index:2;font-weight:bold;}
.indextwocon>ul>li>p{margin-top:20px;}
.indextwocon>p{margin-top:60px;font-size:18px;}
@media screen and (max-width:1520px){
	.indextwo{padding:80px 20px;}
	.indextwocon>ul{margin:0 0 0 -50px;}
	.indextwocon>ul>li{margin:40px 0 0 50px;width:calc(50% - 50px);}
	.indextwocon>ul>li>h3{margin-top:-40px;font-size:24px;}
	.indextwocon>ul>li>h3>span:before{height:9px;}
	.indextwocon>p{margin-top:50px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.indextwo{padding:60px 20px;}
	.indextwocon>ul{margin:0 0 0 -30px;}
	.indextwocon>ul>li{margin:30px 0 0 30px;width:calc(50% - 30px);}
	.indextwocon>ul>li>h3{margin-top:-30px;font-size:20px;}
	.indextwocon>ul>li>h3>span:before{height:8px;}
	.indextwocon>p{margin-top:40px;}
}
@media screen and (max-width:780px){
	.indextwocon>ul{margin:0;}
	.indextwocon>ul>li{margin:20px 0 0 0;width:100%;}
	.indextwocon>ul>li>h3{margin-top:-20px;font-size:20px;}
	.indextwocon>ul>li>h3>span:before{height:6px;}
	.indextwocon>ul>li>p{margin-top:10px;}
	.indextwocon>p{margin-top:30px;}
}


.indexthree{padding:100px 40px;background:url(../img/bg03.jpg)no-repeat center top;}
.indexthreecon{background:#fff url(../img/bg04.jpg)no-repeat top left;border-radius:30px;}
.indexthreecon>h2{padding:10px 20px;font-size:42px;color:#fff;letter-spacing:1px;font-weight:900;display:flex;align-items:center;gap:12px;background:transparent;}.indexthreecon>h2::before{content:"";display:none;width:40px;height:5px;background:#fff;flex-shrink:0;margin-bottom:2px;}
.indexthreecon>hgroup{padding:50px;}
.indexthreecon>hgroup>h3{padding-bottom:10px;font-size:44px;color:#e96da0;text-align:center;border-bottom:2px solid #50b7aa;}
.indexthreecon>hgroup>h3>span{display:block;font-size:34px;color:#17212e;}
.indexthreecon>hgroup>div{margin-top:20px;font-size:48px;color:#222b38;text-align:center;font-weight:bold;line-height:1.4;}
.indexthreecon>hgroup>div>span{position:relative;z-index:1;font-size:56px;color:#1ab4ae;font-weight:bold;}
.indexthreecon>hgroup>div>span:before{position:absolute;bottom:4px;left:0;z-index:1;content:"";width:100%;height:18px;background:#fff000;}
.indexthreecon>hgroup>div>span>em{position:relative;z-index:2;letter-spacing:2px;}
.sp-br{display:none;}
.pc-br{display:inline;}
.indexthreecon>hgroup>dl{margin:30px auto 0;max-width:850px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;}
.indexthreecon>hgroup>dl>dt{width:50%;font-size:22px;}
.indexthreecon>hgroup>dl>dd{width:calc(50% - 50px);}
.indexthreecon2{margin-top:50px;}
.indexthreecon2>hgroup>h3{font-size:46px;color:#1ab4ae;font-weight:bold;}
.indexthreecon2>hgroup>h3>span{display:inline-block;font-size:46px;}
.indexthreecon2>hgroup>.divbox01{display:flex;align-items:flex-start;justify-content:center;}
.indexthreecon2>hgroup>.divbox01>h3{font-size:44px;letter-spacing:2px;}
.indexthreecon2>hgroup>.divbox01>div{margin-left:10px;font-size:48px;color:#222b38;font-weight:bold;}
.indexthreecon2>hgroup>.divbox01>div>span{position:relative;z-index:1;font-size:120px;color:#1ab4ae;line-height:1;font-weight:bold;}
.indexthreecon2>hgroup>.divbox01>div>span:before{position:absolute;bottom:15px;left:0;z-index:1;content:"";width:100%;height:18px;background:#fff000;}
.indexthreecon2>hgroup>.divbox01>div>span>em{position:relative;z-index:2;letter-spacing:2px;font-family:"Figtree","Noto Sans JP",sans-serif;}
.indexthreecon2>hgroup>.divbox01>div>span>em>i{font-size:110px;font-family:"Noto Sans JP",sans-serif;}
.indexthreecon2>hgroup>.divbox01>div>small{display:block;text-align:right;font-size:16px;color:#333;font-weight:normal;}
.indexthreecon2>hgroup>p{margin-top:40px;text-align:center;font-size:22px;}
.indexthreecon2>hgroup>dl{margin-top:40px;justify-content:center;max-width:600px;width:100%;text-align:center;}
.indexthreecon2>hgroup>dl img{margin:0 auto 10px;}
.indexthreecon3{margin-top:50px;}
.indexthreecon3>hgroup>h3{font-size:52px;color:#1ab4ae;line-height:1.4;}
.indexthreecon3>hgroup>h3>span{font-size:52px;}
.indexthreecon3>hgroup>dl>dt{width:55%;}
.indexthreecon3>hgroup>dl>dt>p{font-size:16px;}
.indexthreecon3>hgroup>dl>dt>div{margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fdfce2;border-radius:10px;}
.indexthreecon3>hgroup>dl>dt>div>p{width:calc(100% - 180px);font-weight:bold;font-size:18px;}
.indexthreecon3>hgroup>dl>dt>div>p>span{color:#e96ea1;font-weight:bold;}
.indexthreecon3>hgroup>dl>dt>div>div{display:flex;align-items:center;width:180px;font-size:16px;line-height:1.2;}
.indexthreecon3>hgroup>dl>dt>div>div>span{margin-right:5px;font-size:70px;font-weight:bold;font-family:"Figtree",sans-serif;background:-webkit-linear-gradient(#fbcc6a,#eb789a,#e96b9f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.indexthreecon3>hgroup>dl>dt>div>div>span>em{font-size:46px;font-family:"Figtree",sans-serif;}
.indexthreecon3>hgroup>dl>dt>div:last-child>p>span{color:#00a6a4;}
.indexthreecon3>hgroup>dl>dt>div:last-child>div>span{background:-webkit-linear-gradient(#fbcc6a,#2bb8aa,#1cb5af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.indexthreecon3>hgroup>dl>dd{width:calc(45% - 20px);position:relative;}
.indexthreecon3>hgroup>dl>dd>p{position:absolute;top:30px;right:0;text-align:center;font-weight:bold;font-size:22px;width:65%;line-height:1.4;}
.indexthreecon3>hgroup>dl>dd>img{display:block;width:100%;padding-top:170px;box-sizing:border-box;}
.indexthree>p{margin:40px auto 0;max-width:1080px;width:100%;color:#fff;}
.indexthreecon3>hgroup>dl>dd>img.imgsp{display:none;}
@media screen and (max-width:1520px){
	.indexthree{padding:80px 20px;}
	.indexthreecon{background-size:500px 96px;}
	.indexthreecon>h2{padding:6px 0;font-size:38px;letter-spacing:1px;}
	.indexthreecon>hgroup{padding:40px;}
	.indexthreecon>hgroup>h3{font-size:38px;}
	.indexthreecon>hgroup>h3>span{font-size:30px;}
	.indexthreecon>hgroup>div{font-size:44px;}
	.indexthreecon>hgroup>div>span{font-size:54px;}
	.indexthreecon>hgroup>div>span:before{bottom:4px;height:16px;}
	.indexthreecon>hgroup>div>span>em{letter-spacing:1px;}
	.indexthreecon>hgroup>dl>dt{font-size:20px;}
	.indexthreecon2{margin-top:30px;}
	.indexthreecon2>hgroup>.divbox01>h3{font-size:38px;letter-spacing:1px;}
	.indexthreecon2>hgroup>.divbox01>h3>img{width:210px;}
	.indexthreecon2>hgroup>.divbox01>div{font-size:46px;}
	.indexthreecon2>hgroup>.divbox01>div>span{font-size:90px;}
	.indexthreecon2>hgroup>.divbox01>div>span:before{bottom:15px;height:16px;}
	.indexthreecon2>hgroup>.divbox01>div>span>em{letter-spacing:1px;}
	.indexthreecon2>hgroup>.divbox01>div>span>em>i{font-size:80px;}
	.indexthreecon2>hgroup>.divbox01>div>small{font-size:14px;}
	.indexthreecon2>hgroup>p{margin-top:30px;}
	.indexthreecon2>hgroup>dl{margin-top:30px;max-width:500px;}
	.indexthreecon3{margin-top:40px;}
	.indexthreecon3>hgroup>h3{font-size:46px;}
	.indexthreecon3>hgroup>h3>span{font-size:46px;}
	.indexthreecon3>hgroup>dl>dt>p{font-size:14px;}
	.indexthreecon3>hgroup>dl>dt>div{padding:15px;}
	.indexthreecon3>hgroup>dl>dt>div>p{width:calc(100% - 160px);font-size:16px;}
	.indexthreecon3>hgroup>dl>dt>div>div{width:150px;font-size:14px;}
	.indexthreecon3>hgroup>dl>dt>div>div>span{font-size:70px;}
	.indexthreecon3>hgroup>dl>dt>div>div>span>em{font-size:46px;}
	.indexthree>p{margin:30px auto 0;}
}
@media screen and (max-width:1080px){
	.indexthree{padding:60px 20px;}
	.indexthreecon{background-size:400px 77px;}
	.indexthreecon>h2{padding:5px 0;font-size:32px;letter-spacing:0px;}
	.indexthreecon>hgroup{padding:30px;}
	.indexthreecon>hgroup>h3{font-size:32px;}
	.indexthreecon>hgroup>h3>span{font-size:26px;}
	.indexthreecon>hgroup>div{font-size:36px;}
	.indexthreecon>hgroup>div>span{font-size:46px;}
	.indexthreecon>hgroup>div>span:before{bottom:2px;height:14px;}
	.indexthreecon>hgroup>div>span>em{letter-spacing:0px;}
	.indexthreecon>hgroup>dl>dt{font-size:16px;}
	.indexthreecon2{margin-top:30px;}
	.indexthreecon2>hgroup>.divbox01>h3{font-size:32px;letter-spacing:0px;}
	.indexthreecon2>hgroup>.divbox01>h3>img{width:180px;}
	.indexthreecon2>hgroup>.divbox01>div{font-size:40px;}
	.indexthreecon2>hgroup>.divbox01>div>span{font-size:80px;}
	.indexthreecon2>hgroup>.divbox01>div>span:before{bottom:12px;height:14px;}
	.indexthreecon2>hgroup>.divbox01>div>span>em{letter-spacing:0px;}
	.indexthreecon2>hgroup>.divbox01>div>span>em>i{font-size:65px;}
	.indexthreecon2>hgroup>p{margin-top:20px;}
	.indexthreecon2>hgroup>dl{margin-top:20px;max-width:400px;}
	.indexthreecon2>hgroup>dl img{width:120px;}
	.indexthreecon3{margin-top:30px;}
	.indexthreecon3>hgroup>h3{font-size:38px;}
	.indexthreecon3>hgroup>h3>span{font-size:38px;}
	.indexthreecon3>hgroup>dl>dt>div{display:block;padding:10px;}
	.indexthreecon3>hgroup>dl>dt>div>p{width:calc(100% - 100px);font-size:14px;}
	.indexthreecon3>hgroup>dl>dt>div>div{width:90px;}
	.indexthreecon3>hgroup>dl>dt>div>div>span{font-size:40px;}
	.indexthreecon3>hgroup>dl>dt>div>div>span>em{font-size:28px;}
	.indexthree>p{margin:30px auto 0;}
}
@media screen and (max-width:780px){
	.indexthree{background:url(../img/bg06.jpg)no-repeat top left;}
	.indexthreecon{background-size:300px 58px;}
	.indexthreecon>h2{padding:2px 5px;font-size:5.2vw;}
	.indexthreecon>hgroup{padding:20px;}
	.indexthreecon>hgroup>h3{font-size:6vw;}
	.indexthreecon>hgroup>h3>span{display:block;font-size:4.5vw;}
	.indexthreecon>hgroup>div{font-size:5.5vw;}
	.indexthreecon>hgroup>div>span{font-size:8vw;}
	.pc-br{display:none;}
	.sp-br{display:inline;}
	.indexthreecon>hgroup>div>span:before{bottom:0px;height:12px;}
	.indexthreecon>hgroup>dl{display:block;}
	.indexthreecon>hgroup>dl>dt{width:100%;font-size:14px;text-align:center;}
	.indexthreecon>hgroup>dl>dd{margin-top:20px;width:100%;}
	.indexthreecon2{margin-top:20px;}
	.indexthreecon2>hgroup>h3{font-size:7vw;}
	.indexthreecon2>hgroup>h3>span{font-size:7vw;}
	.indexthreecon2>hgroup>.divbox01{display:block;}
	.indexthreecon2>hgroup>.divbox01>h3{font-size:18px;}
	.indexthreecon2>hgroup>.divbox01>h3>img{margin:0 auto 5px;width:140px;}
	.indexthreecon2>hgroup>.divbox01>div{font-size:26px;}
	.indexthreecon2>hgroup>.divbox01>div>span{font-size:60px;}
	.indexthreecon2>hgroup>.divbox01>div>span:before{bottom:10px;height:12px;}
	.indexthreecon2>hgroup>.divbox01>div>span>em{letter-spacing:0px;}
	.indexthreecon2>hgroup>.divbox01>div>span>em>i{font-size:50px;}
	.indexthreecon2>hgroup>.divbox01>div>small{text-align:center;}
	.indexthreecon2>hgroup>p{margin-top:20px;font-size:4.2vw;}
	.indexthreecon2>hgroup>dl{display:flex;flex-wrap:wrap;max-width:100%;}
	.indexthreecon2>hgroup>dl>dt{width:50%;}
	.indexthreecon2>hgroup>dl>dd{width:50%;}
	.indexthreecon3{margin-top:20px;}
	.indexthreecon3>hgroup>h3{font-size:7vw;}
	.indexthreecon3>hgroup>h3>span{font-size:5.5vw;}
	.indexthreecon3>hgroup>dl>dt>div>p{width:100%;font-size:20px;text-align:center;}
	.indexthreecon3>hgroup>dl>dt>div>div{width:100%;justify-content:center;}
	.indexthreecon3>hgroup>dl>dt>div>div>span{font-size:50px;}
	.indexthreecon3>hgroup>dl>dt>div>div>span>em{font-size:36px;}
	.indexthreecon3>hgroup>dl>dd>p{display:none;text-align:center;}
	.indexthreecon3>hgroup>dl>dd>img.imgsp{display:block;width:auto;max-width:80%;height:auto;padding-top:0;margin:0 auto;}
	.indexthreecon3>hgroup>dl>dd>img.imgpc{display:none;}
	.indexthree>p{margin:20px auto 0;font-size:13px;}
}

.indexfour{padding:100px 40px;background:#fafafa;}
.indexfourcon>p{margin-top:40px;text-align:center;font-size:22px;}
.indexfourcon>dl{margin-top:100px;display:flex;align-items:flex-start;justify-content:space-between;}
.indexfourcon>dl>dt{width:52%;}
.indexfourcon>dl>dt>h3{display:flex;align-items:center;font-size:40px;color:#1cb5ae;}
.indexfourcon>dl>dt>h3>span{position:relative;margin-right:10px;display:inline-block;width:54px;height:6px;background:#1cb5ae;border-radius:6px;}
.indexfourcon>dl>dt>h3>span:after{position:absolute;right:0;top:0;content:"";width:50%;height:100%;background:#0f1d2f;border-radius:0 6px 6px 0;}
.indexfourcon>dl>dt>h3>em{font-size:48px;font-family:"Ubuntu",sans-serif;}
.indexfourcon>dl>dt>h2{margin-top:10px;font-size:34px;color:#222b38;line-height:1.4;}
.indexfourcon>dl>dt>div{font-size:28px;color:#222b38;font-weight:bold;line-height:1.3;white-space:nowrap;}
.indexfourcon>dl>dt>div>span{position:relative;z-index:1;font-size:54px;color:#1ab4ae;font-weight:bold;}
.indexfourcon>dl>dt>div>span:before{position:absolute;bottom:0px;left:0;z-index:1;content:"";width:100%;height:18px;background:#fff000;}
.indexfourcon>dl>dt>div>span>em{position:relative;z-index:2;letter-spacing:2px;}
.indexfourcon>dl>dt>p{margin-top:20px;}
.indexfourcon>dl>dt>p>span{color:#1ab4ae;font-weight:bold;}
.indexfourcon>dl>dd{width:calc(48% - 80px);padding-top:60px;}
@media screen and (max-width:1520px){
	.indexfour{padding:80px 20px;}
	.indexfourcon>p{margin-top:30px;font-size:20px;}
	.indexfourcon>dl{margin-top:80px;}
	.indexfourcon>dl>dt>h3{font-size:36px;}
	.indexfourcon>dl>dt>h3>span{width:50px;height:5px;}
	.indexfourcon>dl>dt>h3>em{font-size:42px;}
	.indexfourcon>dl>dt>h2{font-size:30px;}
	.indexfourcon>dl>dt>div{font-size:24px;white-space:nowrap;}
	.indexfourcon>dl>dt>div>span{font-size:48px;}
	.indexfourcon>dl>dt>div>span:before{height:16px;}
	.indexfourcon>dl>dt>div>span>em{letter-spacing:1px;}
	.indexfourcon>dl>dd{width:calc(48% - 50px);padding-top:50px;}
}
@media screen and (max-width:1080px){
	.indexfour{padding:60px 20px;}
	.indexfourcon>p{margin-top:20px;font-size:18px;}
	.indexfourcon>dl{margin-top:60px;}
	.indexfourcon>dl>dt>h3{font-size:30px;}
	.indexfourcon>dl>dt>h3>span{width:40px;height:4px;}
	.indexfourcon>dl>dt>h3>em{font-size:34px;}
	.indexfourcon>dl>dt>h2{font-size:26px;}
	.indexfourcon>dl>dt>div{font-size:20px;white-space:nowrap;}
	.indexfourcon>dl>dt>div>span{font-size:42px;}
	.indexfourcon>dl>dt>div>span:before{height:14px;}
	.indexfourcon>dl>dt>div>span>em{letter-spacing:0px;}
	.indexfourcon>dl>dd{width:calc(48% - 30px);padding-top:40px;}
}
@media screen and (max-width:780px){
	.indexfourcon>dl{margin-top:40px;display:flex;flex-wrap:wrap;}
	.indexfourcon>dl>dt{display:contents;}
	.indexfourcon>dl>dt>h3{order:1;width:100%;font-size:7vw;}
	.indexfourcon>dl>dt>h3>span{width:8vw;height:5px;}
	.indexfourcon>dl>dt>h3>em{font-size:8vw;}
	.indexfourcon>dl>dt>h2{order:2;width:100%;font-size:6vw;}
	.indexfourcon>dl>dt>div{order:3;width:100%;font-size:5.5vw;white-space:normal;}
	.indexfourcon>dl>dt>div>span{font-size:9vw;}
	.indexfourcon>dl>dt>div>span:before{height:12px;}
	.indexfourcon>dl>dt>p{order:5;width:100%;margin-top:10px;}
	.indexfourcon>dl>dd{order:4;margin-top:20px;width:100%;}
}

.indexfive{position:relative;padding:100px 40px 150px;background:#1cb5ae url(../img/bg01.png)repeat-x top;}
.indexfive:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:20px;background: url(../img/bg01.png)repeat-x bottom;}
.indexfivecon{padding-top:40px;text-align:center;line-height:1;background:url(../img/bg02.jpg)no-repeat center center;background-size:cover;}
.indexfivecon>h3{font-size:34px;color:#fff;font-weight:500;}
.indexfivecon>h2{margin-top:10px;font-size:68px;color:#ffff00;font-weight:900;}
.indexfivecon>h2>span{position:relative;z-index:1;}
.indexfivecon>h2>span:before{position:absolute;bottom:7px;left:0;z-index:1;content:"";width:100%;height:10px;background:#008384;}
.indexfivecon>h2>br{display:none;}
.indexfivecon>h2>span>em{position:relative;z-index:2;letter-spacing:2px;}
.indexfivecon>div{margin-top:10px;font-size:84px;color:#fff;font-weight:bold;}
.indexfivecon>div>br{display:none;}
.indexfivecon>p{margin-top:20px;font-size:34px;color:#fff;letter-spacing:4px;}
@media screen and (max-width:1520px){
	.indexfive{padding:60px 20px 70px;}
	.indexfive:after{height:18px;}
	.indexfivecon{padding-top:30px;}
	.indexfivecon>h3{font-size:30px;}
	.indexfivecon>h2{margin-top:8px;font-size:58px;}
	.indexfivecon>h2>span>em{letter-spacing:1px;}
	.indexfivecon>div{margin-top:8px;font-size:70px;}
	.indexfivecon>p{margin-top:15px;font-size:30px;letter-spacing:3px;}
}
@media screen and (max-width:1080px){
	.indexfive{padding:50px 20px 60px;}
	.indexfive:after{height:16px;}
	.indexfivecon{padding-top:25px;}
	.indexfivecon>h3{font-size:26px;}
	.indexfivecon>h2{font-size:48px;}
	.indexfivecon>h2>span>em{letter-spacing:0px;}
	.indexfivecon>div{font-size:58px;}
	.indexfivecon>p{font-size:26px;letter-spacing:2px;}
}
@media screen and (max-width:780px){
	.indexfive{padding:40px 20px 30px;background-size:auto 10px;}
	.indexfive:after{height:10px;background-size:auto 10px;}
	.indexfivecon{padding:40px 10px;background:url(../img/bg02.jpg)repeat center center;background-size:100% auto;}
	.indexfivecon>h3{font-size:5vw;line-height:1.4;}
	.indexfivecon>h3>span{display:block;}
	.indexfivecon>h2>br{display:block;}
	.indexfivecon>h2{font-size:11vw;line-height:1.3;}
	.indexfivecon>h2>span:before{height:6px;bottom:4px;}
	.indexfivecon>div{font-size:12vw;line-height:1.2;}
	.indexfivecon>div>br{display:block;}
	.indexfivecon>p{font-size:5vw;letter-spacing:1px;}
}

/* footer */
.footer{padding-top:80px;padding:0 40px 10px;}
.footercon>dl{margin-top:60px;display:flex;align-items:center;justify-content:space-between;}
.footercon>dl>dt{width:500px;}
.footercon>dl>dt>a{display:block;width:130px;transition:.3s;}
.footercon>dl>dt>a:hover{opacity:.7;}
.footercon>dl>dd{width:calc(100% - 400px);}
.footercon>dl>dd>ul{display:flex;justify-content:flex-end;}
.footercon>dl>dd>ul>li{margin-left:50px;margin-left:33px;line-height:1;}
.footercon>dl>dd>ul>li>a{position:relative;color:#222b38;}
.footercon>dl>dd>ul>li>a:after{content:"";display:block;width:100%;height:1px;background:#000;opacity:0;visibility:hidden;transform: scaleX(0);transition:.4s ease-in-out;position:absolute;left:0;bottom:-2px;}
.footercon>dl>dd>ul>li>a:hover:after{opacity:0.8;visibility:visible;transform:scaleX(1);}
.footercon>p{margin-top:40px;font-size:16px;color:#000;font-weight:300;}
@media screen and (max-width:1520px){
	.footer{padding-top:60px;padding:0 20px 10px;}
	.footercon>dl{margin-top:50px;}
	.footercon>dl>dt{width:300px;}
	.footercon>dl>dt>a{width:110px;}
	.footercon>dl>dd{max-width:650px;width:100%;}
	.footercon>dl>dd>ul>li{margin-left:40px;}
	.footercon>p{margin-top:30px;font-size:14px;}
}
@media screen and (max-width:1080px){
	.footer{padding-top:40px;}
	.footercon>dl{margin-top:40px;}
	.footercon>dl>dt{width:240px;}
	.footercon>dl>dt>a{width:100px;}
	.footercon>dl>dd>ul>li{margin-left:30px;}
	.footer>p{font-size:12px;}
}
@media screen and (max-width:780px){
	.footercon>.p01{margin-top:0;text-align:left;}
	.footercon>dl{display:block;}
	.footercon>dl>dt{width:100%;}
	.footercon>dl>dt>a{margin:0 auto;width:100px;}
	.footercon>dl>dd{margin-top:20px;}
	.footercon>dl>dd>ul{justify-content:center;}
	.footercon>dl>dd>ul>li{margin:0px 10px;}
	.footercon>p{text-align:center;}
}