@charset "utf-8";

#mainvd{text-align: center;background-repeat: no-repeat;background-size: cover; margin-bottom:20px; z-index: 0; position: relative; color:rgba(255,255,255,1.00)}
#mainvd h1{color:#333; font-size:33px; padding:0px;border:none;text-shadow:
	rgba(255,255,255,0.5) 1px 0px 3px,  rgba(255,255,255,0.5) -1px 0px 3px,
	rgba(255,255,255,0.5) 0px -1px 3px, rgba(255,255,255,0.5) 0px 1px 3px,
    rgba(255,255,255,0.5) 1px 1px 3px , rgba(255,255,255,0.5) -1px 1px 3px,
    rgba(255,255,255,0.5) 1px -1px 3px, rgba(255,255,255,0.5) -1px -1px 3px,
    rgba(255,255,255,0.3) 0px 1px,  rgba(255,255,255,0.3) -0px 1px,
    rgba(255,255,255,0.3) 0px -1px, rgba(255,255,255,0.3) -0px -1px,
    rgba(255,255,255,0.3) 1px 0px,  rgba(255,255,255,0.3) -1px 0px,
    rgba(255,255,255,0.3) 1px -0px, rgba(255,255,255,0.3) -1px -0px;line-height:35px;}
.flexslider .slides li:first-child{background: url(../img/main/main_vd.png);background-repeat: no-repeat;background-size:cover; background-position: 0% 20%; }
.flexslider .slides li:first-child p,.flexslider .slides li:nth-child(2) p{font-size:16px; font-weight:500;color:#333;text-shadow:  rgba(255,255,255,0.5) 1px 0px 3px,  rgba(255,255,255,0.18) -1px 0px 3px,
	rgba(255,255,255,0.18) 0px -1px 3px, rgba(255,255,255,0.18) 0px 1px 3px,
    rgba(255,255,255,0.18) 1px 1px 3px , rgba(255,255,255,0.18) -1px 1px 3px,
    rgba(255,255,255,0.18) 1px -1px 3px, rgba(255,255,255,0.18) -1px -1px 3px,
    rgba(255,255,255,0.18) 0px 1px,  rgba(255,255,255,0.18) -0px 1px,
    rgba(255,255,255,0.18) 0px -1px, rgba(255,255,255,0.18) -0px -1px,
    rgba(255,255,255,0.18) 1px 0px,  rgba(255,255,255,0.18) -1px 0px,
    rgba(255,255,255,0.18) 1px -0px, rgba(255,255,255,0.18) -1px -0px;border-top:1px solid #fff; display: inline-block;padding:8px 15px 0px; margin-top:10px;}
.flexslider .slides li:nth-child(2){background: url(../img/main/main_vd01.png); background-repeat: no-repeat;background-size:cover; background-position: 0% 30%; }
#mainvd .contens01{width:1060px; padding:150px 0 185px; margin:0 auto; box-sizing: border-box;}
#mainvd .contens02{width:1060px; padding:150px 0 185px; margin:0 auto; box-sizing: border-box;}

#one{margin:-110px 0 30px 0; z-index: 100; position: relative;}
#one ul{text-align: center; margin-bottom:10px;}
#one ul li{margin-right:1.5%; width:23%; box-sizing: border-box;  background: #fff; border:4px solid #fff; box-shadow: 0 0 4px gray; border-radius: 50%; text-align: center; background-repeat: no-repeat; background-size:cover; background-position: center;padding:110px 0px !important;}
#one ul li:first-child{background: url(../img/main/main_img01.png);background-position:0% 55%;background-size: 99%;}
#one ul li:nth-child(2){background: url(../img/main/main_img02.png);background-position: 5% 45%;background-size: 99%;}
#one ul li:last-child{margin-right:0px;background: url(../img/main/main_img03.png);background-position: 5% 45%;}

#one .under_on img{width:55%; margin-top:20px;}
#one .under_on h3 {font-size:16.5px;text-align:center;padding-top:0px;color:#fff;}

#two span,#three span,#four span,#five span{color:#DD0003; border:1px solid #DD0003; background:#FFF; font-weight:500; padding:2px 28px; border-radius:15px; margin-bottom:21px; display: inline-block;}
#two h1 ,#three h1,#four h1,#five h1{font-size:22px; font-weight:500;color:#252525; margin-bottom:20px;}
#two{margin-bottom:15px;}
#two .inner>div{ background: url(../img/main/bk_img01.png);text-align: center;background-repeat: no-repeat;background-size:cover; background-position: 10% 0%;}
#two .white_mask{background: rgba(255,255,255,0.39);padding:150px 0 150px;}
#two h1{width:50%; margin:0 auto;}
#two h3{font-size:16px; font-weight:500;}
#two .underline{color: #3DAE2B; font-size:20px;font-weight:500; margin-bottom:45px;}
#two .underline:before{width: 62px; height: 3px;background-color: #3DAE2B;}
#two ul{text-align: center; margin-bottom:15px;}
#two ul li{padding:5px 10px;text-align: center;width:18.5%;box-sizing: border-box;margin-right:1%; vertical-align: top;}
#two li img{width:75%;}
#two .mask{padding:20px 0; border:1px solid rgba(61,174,43,0.50); box-sizing: border-box; }

#three{margin:0 0 40px;padding:0;}
#three li{width:49%; text-align: center; box-sizing: border-box;}
#three li:first-child{margin-right:2%; background-image: url(../img/main/bk_img02.png); background-repeat: no-repeat; background-size: cover; background-position: 0% 50%;}
#three li:first-child .white_mask{background: rgba(255,255,255,0.5); padding:50px 0px;}
#three .contents02 p{padding:50px 20px 0; margin-bottom:10px;}

#three li:nth-child(2){background-image: url(../img/main/bk_img03.png); background-repeat: no-repeat; background-size: cover; background-position: 0% 50%;}
#three li:nth-child(2) .white_mask{background: rgba(255,255,255,0.5); padding:50px 0px;}
#three .contents03 p{padding:50px 20px 0; margin-bottom:10px;}
#three .mask{border:1px solid rgba(61,174,43,0.50);; box-sizing: border-box;}

#four{margin:50px 0 0 0; padding:60px 0 55px; text-align: center; background: rgba(225,225,225,1.00);border-bottom: solid 3px #d7d7d7;}
#four .inner{width:60%;}
#four h1{color:#3DAE2B; font-weight:700;font-size:28px; line-height:41px; position: relative;margin-bottom:15px;}
#four h1:before{margin:0 5px 0 0;content:"";display:inline-block;width:210px; height:32px;background:url(../img/main_img_logo.png);background-size:contain;vertical-align:-14%; background-repeat: no-repeat;}
#four p{font-size:16px;}

#five{margin:50px 0 30px; text-align:center;}
#five h1{color:#252525; font-weight:700;font-size:33px; margin-bottom:60px; line-height:37px;}
#five .underline:before{width: 92px; top:60px; height: 4px;background-color: #00AEE6;}
#five h3{margin-bottom:10px;}
#five ul li{width:45%; margin-right:5%; vertical-align: top; text-align: left;}
#five ul li:last-child{margin-right:0px;}
#five li img{width:100%;margin-bottom:10px;}
#five li span{display:block;}

#six{margin:50px 0 10px; padding:50px 0 0 0;text-align: center; border-top:1px solid rgba(205,205,205,1.00);}
#six small{font-size:10px;}
#six h1{color:#333; font-weight:700;font-size:33px; margin-bottom:10px;line-height:37px;}
#six h4{font-size:18px;margin-bottom:20px;font-weight:500;}
#six .inner>ul{border-radius: 5px; padding:2px 2px;margin:0 auto; width:68%;text-align: left; }
#six .inner>ul .red{font-size:55px;font-weight:600;}
#six .inner>ul strong{font-size:30px; margin-right:10px;letter-spacing: -8px;}
#six .inlineBlock>li{vertical-align: middle;}
#six li:first-child{display: inline-block;color:#fff; width:19%; padding:30px 35px; font-size:25px; font-weight:400; border-radius: 4px; margin-right:90px; text-align: center;}
#six li:nth-child(2){padding:10px 0 0 0;}
#six ul.cost01{border:2px solid #3DAE2B;margin-bottom:10px;}
#six ul.cost01 li:first-child{background:#3DAE2B;}
#six ul.cost02{border:2px solid  #54babe;margin-bottom:10px;}
#six ul.cost02 li:first-child{background: #54babe;}
#six ul.cost03{border:2px solid #78a8d6;margin-bottom:10px;}
#six ul.cost03 li:first-child{background: #78a8d6;}
#six .caption{width:70%; text-align: right; margin:0 auto;}

#six ul.fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }
/* 3つ目の要素に400msのdelayをかける */
#six ul.fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }

#seven{text-align:center; margin-bottom:50px;}
#seven .inner>div{border-top:1px solid #ccc; padding:30px 20px 0px; box-sizing:border-box; max-width:650px; margin:20px auto 0;}
#seven p{font-size:17px;}
#seven .arrow_btn{margin-top:20px;}


.banner_camp202110{
    width: 1000px;
    margin: 0 auto;
    height: 70px;
    padding-bottom: 30px;
}
.banner_camp202110 a{
    display: block;
    text-align: center;
    transition: all 0.2s;
}
.banner_camp202110 a img{
    border: solid 4px #f5e24f;
}
.banner_camp202110 a:hover{
    transition: all 0.2s;
	transform: translateY(3px);
}

.banner_trial{
    width: 1000px;
    margin: 0 auto;
    height: 126px;
    padding-bottom: 10px;
}
.banner_trial a{
    display: block;
    text-align: center;
    transition: all 0.2s;
}
.banner_trial a img{
}
.banner_trial a:hover{
    transition: all 0.2s;
	transform: translateY(3px);
}