@charset "utf-8";
body{position: relative;}


/* 共通
---------------------------------------------------------------- */
.cl-white{color: #fff;}
.cl-yellow{color: #fffabe;}
.cl-pink{color: #ff4b7d;}
.cl-red{color: #EB1400;}
.cl-aqua{color: #00aeeb;}
.wd100 img{width: 100%;}
.img-abs{position: absolute;}
.bg-grid{
    background-image:
    linear-gradient(90deg, transparent 23px, rgb(211, 211, 211) 24px),
    linear-gradient(0deg, transparent 23px, rgb(211, 211, 211) 24px);
    background-size: 24px 24px;
}
.bg-gradation{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,224,182,1) 100%);}
.pd-tb{padding: 5em 0;}
@media only screen and (max-width: 768px){
    .pd-tb{padding: 10% 0;}
    .bg-grid{
        background-image:none;
    }
}

.small{font-size:14px;}

@media only screen and (max-width: 768px){
.iframe--wrap {
position: relative;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
}

.iframe--wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}

/* 固定バナー
---------------------------------------------------------------- */
.floating-banner {
    position: fixed;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    z-index: 9999;
    display: none;
    opacity:1;
}
.fl-bnr-img {position: relative;}
.fl-bnr-img img{width: 100%;}
.bnr-close {
    position: absolute;
    width: 6vw;
    height: 6vw;
    top: 1.5vw;
    right: 1.5vw;
}
.bnr-close img {display: block;}
.bnr-close:hover {cursor: pointer;}

.floating-banner a{opacity:1;}


/* Main
---------------------------------------------------------------- */
.top-hero{
    position: relative;
    width:100%;
    background:url(../images/top-bk.jpg) center top no-repeat;
    background-size: cover;
    line-height:1.4; 
    height:980px;
    overflow-y:hidden;
}
.header-logo{max-width:1200px;margin-left:auto;margin-right:auto;margin-top:10px;}
.top-hero div:first-of-type{text-align:center;max-width:1430px;margin-left:auto;margin-right:auto;position:absolute;top:0;left:0;right:0;}
.top-hero div:last-of-type{position:absolute;margin-left:auto;margin-right:auto;bottom:5px;max-width:1050px;left:0;right:0;}
.top-buy-btn{position:absolute;bottom:45px;right:45px;}

@media only screen and (max-width: 1250px){
.top-hero{height:900px;}
}
@media only screen and (max-width: 1150px){
.top-hero div:last-of-type{width:80%;}
.top-hero{height:800px;}
.top-buy-btn{width:40%;text-align:right;bottom:40px;right:40px;}
}
@media only screen and (max-width: 1050px){
.top-hero{height:750px;}
.top-buy-btn{bottom:30px;right:30px;}
}
@media only screen and (max-width: 950px){
.top-hero{height:700px;}
}
@media only screen and (max-width: 850px){
.top-hero{height:600px;}
}

@media only screen and (max-width: 768px){
    .top-hero{
        padding-top: 100%;
        background:url(../images/sp/main.png) center top no-repeat;
        background-size: contain;
        width:100%;
        height:1100px;
        line-height:1.4; 
    }
    .header-logo{width:140px;position:absolute;top:2px;left:10px;}
    .top-hero div:last-of-type{top:550px;}
    .top-buy-btn{width:80%;text-align:center;right:0;left:0;margin-left:auto;margin-right:auto;}
}
@media only screen and (max-width: 740px){
.top-hero div:last-of-type{position:relative;bottom:80px;margin-top:-50px;}
.top-hero{height:1000px;padding-top:0;}
}
@media only screen and (max-width: 675px){
.top-hero div:last-of-type{position:relative;bottom:80px;margin-top:-100px;}
.top-hero{height:920px;padding-top:0;}
}
@media only screen and (max-width: 635px){
.top-hero div:last-of-type{position:relative;bottom:80px;margin-top:-130px;}
.top-hero{height:900px;padding-top:0;}
}
@media only screen and (max-width: 600px){
.top-hero div:last-of-type{position:relative;bottom:80px;margin-top:-160px;}
.top-hero{height:820px;padding-top:0;}
}
@media only screen and (max-width: 550px){
.top-hero div:last-of-type{position:relative;bottom:80px;margin-top:-180px;}
.top-hero{height:780px;padding-top:0;}
}
@media only screen and (max-width: 520px){
.top-hero div:last-of-type{position:relative;bottom:80px;margin-top:-200px;}
.top-hero{height:720px;padding-top:0;}
}


@media only screen and (max-width: 480px){
 .header-logo{width:80px;position:absolute;top:2px;left:10px;margin-top:0;bottom:30px;}
 .top-hero{height:650px;padding-top:100%;}
 .top-hero div:last-of-type{top:70px;width:100%;}
 .top-buy-btn{bottom:20px;width:85%;}
}

@media only screen and (max-width: 380px){
.header-logo{width:80px;position:absolute;top:2px;left:10px;margin-top:0;bottom:30px;}
 .top-hero{height:580px;padding-top:100%;}
 .top-hero div:last-of-type{top:80px;width:100%;}
 .top-buy-btn{bottom:20px;width:85%;}
}

@media only screen and (max-width: 360px){
.top-hero{height:580px;}
.top-buy-btn{bottom:20px;}
}

@media only screen and (max-width: 320px){
.top-hero{height:500px;}
.top-hero div:last-of-type{top:90px;}
.top-buy-btn{bottom:15px;}
}

@media only screen and (max-width: 280px){
.top-hero{height:450px;}
.top-hero div:last-of-type{top:110px;}
.top-buy-btn{bottom:15px;}
}

/* se--01 */
.se--01{padding:80px 0;}

@media only screen and (max-width: 768px){
.se--01{padding:40px 0;}
}


/* se--02 */
.se--02{background:#e5f3ff;}

/* se--03 */
.se--03{padding:80px 0;background:#e5f3ff;}

@media only screen and (max-width: 768px){
.se--03{padding:40px 0;}
}

/* se--04 */
.se--04{padding:80px 0;background:#ffeff3;}
.se--04 h2{font-size:64px;}
.se--04 h3{font-size:44px;background:#ff4b7d;padding:10px 0;}
.se--04 h3 span{font-size:64px;display:block;}
.se--04 .se04--box{font-size:28px;background:#fff;padding:20px;}
.se--04 .se04--box > div{width:40%;}
.se--04 .se04--box p{padding-right:20px;width:60%;}

@media only screen and (max-width: 768px){
.se--04{padding:40px 0;}
.se--04 h2{font-size:44px;}
.se--04 h3{font-size:34px;}
.se--04 h3 span{font-size:44px;}
.se--04 .se04--box img{width:80%;}
.se--04 .se04--box > div{width:100%;}
.se--04 .se04--box p{width:100%;}
}

@media only screen and (max-width: 480px){
.se--04 h2{font-size:34px;}
.se--04 h3{font-size:24px;}
.se--04 h3 span{font-size:34px;}
.se--04 .se04--box{font-size:22px;padding:10px;}
.se--04 .se04--box p{padding-right:0;}
}

@media only screen and (max-width: 480px){
 .se--04 h2{font-size:28px;}
 .se--04 h3{font-size:22px;}
.se--04 h3 span{font-size:28px;}
}

@media only screen and (max-width: 320px){
 .se--04 h2{font-size:24px;}
 .se--04 h3{font-size:18px;}
.se--04 h3 span{font-size:24px;}
}



/* se--06 */
.se--06{padding:130px 0 80px;background: url(../images/bk01.jpg) top center no-repeat;background-size:contain;}
.banner-btn-area{position:relative;}
.banner-btn-area a{position:absolute;width: 60%;right: 1%;bottom: 10%;}

@media only screen and (max-width: 960px){
.banner-btn-area a{position:absolute;width: 50%;right: 7%;bottom: 10%;}
}

@media only screen and (max-width: 768px){
.se--06{padding:80px 0 40px;}
.se--06 img:first-of-type{width:70%;}
.se--06 img:nth-of-type(2){width:85%;}
.banner-btn-area a{width: 100%;right:0;left:0;margin-left:auto;margin-right:auto;bottom:7%;}
}

@media only screen and (max-width: 480px){
 .se--06 img:first-of-type{width:85%;}
.se--06 img:nth-of-type(2){width:100%;}
.se--06 .se06-img-s img{width:90%;}
}

/* se--07 */
.se--07{padding:80px 0;background:#ffeff3;}
.se--07 .se07--box{background:#ff4b7d;padding:40px;border-top:20px solid #ff96af;}
.se--07 .se07--box p{font-size:28px;}

@media only screen and (max-width: 768px){
.se--07{padding:40px 0;}
}

@media only screen and (max-width: 480px){
.se--07 .se07--box p{font-size:18px;}
.se--07 .se07--box{padding:10px;}
}

/* se--08 */
.se--08{padding:40px 0;background:#ffeff3;}
.se--08 .se08-inner{background: url(../images/masu.jpg) repeat;background-position:5% 5%;padding:0 2% 60px;}
.se08--box01{padding:0 60px;}
.se08--box01 p{font-size:32px;width:60%;}
.se08--box01 p{padding-right:40px;}
.se08--box01.se08-re p{padding-left:40px;padding-right:0;}

@media only screen and (max-width: 768px){
.se--08{padding:10px 0;}
.se--08 .se08-inner{background:#fff;}
.se08--box01{padding:0 20px;}
.se08--box01 p{font-size:28px;width:100%;padding:0 0 10px;}
.se08-sp-s-img img{width:80%;}
}

@media only screen and (max-width: 480px){
.se08--box01 p{font-size:18px;}
}

/* se--09 */
.se--09{padding:40px 0 80px;background:#ffeff3;}
.se09-inner{background: url(../images/se09-bk01.jpg) top center no-repeat, url(../images/se09-bk02.jpg) bottom center no-repeat, #fff;background-size:contain;padding:20% 40px;}
.se09-doc{font-size:24px;}
.se09-doc > div:first-of-type{width:55%;}
.se09-doc > div:last-of-type{width:45%;}
.se09-doc span{font-size:40px;padding-right:5px;}
.se09-com{font-size:28px;}

@media only screen and (max-width: 768px){
.se--09{padding:20px 0 40px;}
}

@media only screen and (max-width: 767px){
.se09-doc{font-size:16px;}
.se09-doc img{width:95%;}
.se09-doc > div:first-of-type{width:100%;}
.se09-doc > div:last-of-type{width:100%;}
.se09-doc span{font-size:24px;}
.se09-com{font-size:20px;}
.se09-inner{padding:20% 20px;}
}

/* se--10 */
.se--10{padding:80px 0;}

@media only screen and (max-width: 768px){
.se--10{padding:40px 0;}
.se--10 >div:first-of-type img{width:80%;}
}
.se--10 .voice-box{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 4%;
    border-radius: 20px;
    background: #fff;
    margin-top: 2em;
}
.se--10 .voice-box>div:nth-of-type(1){width: 20%;padding-right: 3%;}
.se--10 .voice-box>div:nth-of-type(2){width: 80%;}
.se--10 .voice-box h3{font-size: 32px;}
.se--10 .voice-box .read{font-size: 20px;font-weight: bold;margin-top: .5em;}
.se--10 .voice-box p{font-size: 18px;}
.se--10 .voice-box h4{font-size: 20px;width: 100%;color: #803C00;}
.se--10 .voice-box{border: #e974a7 4px solid;}
.se--10 .voice-b{border: #5a73ae 4px solid;}
.se--10 .voice-box h3{color: #e974a7;}
.se--10 .voice-b h3{color: #5a73ae;}

@media only screen and (max-width: 768px){
    .se--10 .voice-box{margin-top: 5%;}
    .se--10 .voice-box>div:nth-of-type(1){width: 100%;text-align: center;}
    .se--10 .voice-box>div:nth-of-type(2){width: 100%;}
    .se--10 .voice-box>div:nth-of-type(1) img{max-width: 30%;}
    .se--10 .voice-box h3{font-size: 5vw;margin-top: 5%;}
    .se--10 .voice-box .read{font-size: 20px;line-height: 1.6;}
}

@media only screen and (max-width: 480px){
    .se--10 .voice-box{ padding: 8% 5%;margin-top: 5%!important;}
    .se--10 .voice-box h3{font-size: 22px;}
    .se--10 .voice-box .read{font-size: 18px;}
    .se--10 .voice-box p{font-size: 16px;}
}

.se--11{padding:0 0 80px;}
.se--11 .se11-bnr-head{position:relative;}
.se--11 p{font-size:14px;position:absolute;bottom:20px;right:40px;max-width:400px;width:40%;}
.banner-btn-area2{position:relative;}
.banner-btn-area2 a{position:absolute;width: 60%;right: 0.5%;bottom: 8%;}

@media only screen and (max-width: 1000px){
.se--11 p{bottom:10px;}
}

@media only screen and (max-width: 960px){
.banner-btn-area2 a{position:absolute;width: 50%;right: 7%;bottom: 8%;}
.se--11 p{font-size:12px;bottom:5px;}
}

@media only screen and (max-width: 768px){
.se--11{padding:0 0 40px;}
.se--11 p{font-size:11px;}
}

@media only screen and (max-width: 480px){
.banner-btn-area2 a{width: 90%;right:0;left:0;margin-left:auto;margin-right:auto;bottom:7%;}
.se--11 p{width:90%;max-width:90%;margin-left:auto;margin-right:auto;left:0;right:0;}
.se--11 p span{padding-right:10px;}
}

@media only screen and (max-width: 320px){
.se--11 p{font-size:9px;bottom:2px;}
}

/* se--12 */
.se--12{padding:100px 0 80px;background:#ffeff3;}
.se--12 h2{padding:20px;background:#fff;border:2px solid #ff4b7d;border-radius:60px;font-size:54px;}
.se--12 .iframe--wrap{margin-top:60px;}

@media only screen and (max-width: 768px){
.se--12{padding:0px 0 20px;background:#fff;}
.se--12 h2{font-size:38px;}
.se--12 .iframe--wrap{margin-top:30px;}
}

@media only screen and (max-width: 480px){
.se--12 h2{font-size:28px;padding:10px;}
}

/* se--13 */
.se--13{padding:20px 0;background:#ffeff3;}
.se--13 > div > div{padding:60px;margin-left:auto;margin-right:auto;background:#fff;}
.se--13 h4{margin-top:80px;}
.se--13 h4:first-of-type{margin-top:30px;}
.se13-try{padding:30px 0;}

@media only screen and (max-width: 768px){
.se--13{padding:10px 0;background:#fff;}
.se--13 > div > div{padding:20px;}
.se--13 h4{margin-top:40px;}
.se--13 h4:first-of-type{margin-top:20px;}
}

@media only screen and (max-width: 480px){
.se--13 > div > div{padding:20px 0 0px;}
.se13-try{padding:30px 0;}
.se13-try img{width:15%;}
}

/* se--14 */
.se--14{padding:80px 0;background:#ffeff3;}
.se14-box{background:#fffde5;border:2px solid #ff4b7d;border-radius:20px;padding:60px;}
.se--14 h3{font-size:44px;}

@media only screen and (max-width: 768px){
.se--14{padding:40px 0;background:#fff;}
.se--14 h3{font-size:34px;}
}

@media only screen and (max-width: 480px){
.se--14 h3{font-size:24px;}
.se14-box{padding:20px;}
}

/* se--15 */
.se--15{padding:20px 0 80px;background:#ffeff3;}
.se15-box{background:#fff;border:2px solid #00aeeb;border-radius:20px;padding:60px;}
.se--15 p{font-size:24px;}

@media only screen and (max-width: 768px){
.se--15{padding:10px 0 40px;background:#fff;}
}

@media only screen and (max-width: 480px){
.se15-box{padding:20px;}
.se--15 p{font-size:18px;}
}

.se--16{padding:80px 0;background: url(../images/bk01.jpg) top center no-repeat;
    background-size: contain;}
.banner-btn-area3{position:relative;}
.banner-btn-area3 .form-wrap{position:absolute;width: 53%;right: 6%;bottom: 7%;}
.banner-btn-area3 form:first-of-type{border-bottom:1px solid #cdcdcd;padding-bottom:3%;margin-bottom:3%;}
.banner-btn-area3 table, .banner-btn-area3 table tr, .banner-btn-area3 table td{vertical-align: bottom;}
.banner-btn-area3 .table-right{width:40%;}
.banner-btn-area3 .table-left{width:60%;}
.banner-btn-area3 .table-right .size-area{font-size:32px;font-weight:bold;line-height:1.3;}
.banner-btn-area3 .table-right .size-area span{font-size:20px;font-weight:bold;padding-left:5px;}
.banner-btn-area3 .table-right .size-area p{font-size:18px;font-weight:normal;margin-top:0;}

.banner-btn-area3 form select {
 font-size: 1em;
	display: block;
	color: #444;
	line-height: 1.3;
	padding: .4em 1.4em .3em .8em;
	width:90%;
	box-sizing: border-box;
	margin:5px 0 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
background: url(../images/select.png) no-repeat right 10px center;
}
.banner-btn-area3 form select::-ms-expand {
	display: none;
}
.banner-btn-area3 form select:hover {
	border-color: #888;
}
.banner-btn-area3 form select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}
.banner-btn-area3 form select option {
	font-weight:normal;
}

.d--sp-pad{display:none;}

@media only screen and (max-width: 768px){
.se--16{padding:40px 0;}
.banner-btn-area3 .form-wrap{width:85%;position:absolute;right:55px;bottom:10%;}
.banner-btn-area3 table{margin-right:auto;margin-left:auto;}
.d--sp-pad{display:block;}
}

@media only screen and (max-width: 480px){
 .d--sp-pad{display:none;}
.banner-btn-area3 table, .banner-btn-area3 table tr, .banner-btn-area3 table td{display:block;}
.banner-btn-area3 .table-right{width:100%;display:flex;}
.banner-btn-area3 .table-right .size-area{width:57%;font-size:28px;}
.banner-btn-area3 .table-right .cp_ipselect{width:43%;}
.banner-btn-area3 .table-left{width:100%;}
.banner-btn-area3 .form-wrap{bottom:5%;right:25px;}
.banner-btn-area3 .table-right img{width:90%;}
.banner-btn-area3 .table-left{text-align:center;}
.banner-btn-area3 .table-left input{width:80%;margin-top:3px;}

}