@charset "UTF-8";
body { font-family: "Helvetica Neue",
    Arial,"Hiragino Kaku Gothic ProN",
    "Hiragino Sans",Meiryo,sans-serif;color:#333;}    
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
a:hover{opacity: 0.6!important;}
.sp{display:none!important;}
.clr{clear:both;}

.wapper {
  background-image: url("../img/back.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}

main{background-image:url("../img/main_back.png");background-repeat: no-repeat; background-size:cover;width:900px;margin:0 auto;}

h1{text-align: center;}
h1 img{width:89%;padding:2% 0 0 0;}

.setumei_area,.oubo_area{width:790px;margin:60px auto;}
.setumei_area h2,.oubo_area h2{background-color:#fff100;width:90%;padding:15px 10px;color:#00a0e9;font-size:1.5em;margin:60px auto 0 auto;border-radius:15px;box-shadow: 18px 14px 1px -1px #00a0e8;border-radius: 10px;}
.syohin_img{width:98%;display:flex;justify-content:center;margin:0 auto;}
.syohin_img li{padding:8% 5% 0 5%;}
.syohin_img  img{width:100%;}
.syohin_p{padding:5% 0 0 0!important;}
.setumei_area p{text-align: center;padding:10% 0 0 0;}
.setumei_area p img{width:90%;}
.kikan{font-size:2em;font-weight:bold;}
.tenpo_tit{color:#00a0e9;font-size:3em;font-weight:bold;background-color:#b9e3f9;width:60px;padding:20px 15px !important;border-radius:60px;margin:5%;}
.tenpo_01{display:flex;flex-wrap: wrap;margin:0 auto;width:70%;}
.tenpo_01 ul{width:50%;}
.tenpo_01 li{font-size:1.2em;text-align: left!important;line-height:2em;padding:2%;}
.s-txt{font-size:0.9em;padding:1% 0 0 17%!important;text-align:left!important;width:60%;line-height:1.5em;}
hr{background-color:#00a0e9;width:90%;margin:5% auto;}

.cyousei02{margin:120px auto 60px auto!important;}
.oubo_txt{width:75%;margin:0 auto;font-size:1.2em;font-weight: bold;line-height: 1.5em;}
.oubo_img,.arrow{text-align: center;margin:30px auto;}
.oubo_img img{width:60%;}
.arrow img{width:8%;}
.img02 img{width:25%;}

.caution_area{width:790px;margin:40px auto;}
.caution_area h2{background-color:#E60012;width:90%;padding:15px 10px;color:#FFFFFF;font-size:1.5em;margin:60px auto 0 auto;border-radius:15px;box-shadow: 18px 14px 1px -1px #FFF000;border-radius: 10px;}
.caution_kikan{margin:50px auto 10px auto;border:3px solid #E60012;color: #333;padding:20px 20px 20px 0;border-radius: 20px;font-weight:bold;font-size:1.1em;width:600px;}
.caution_kikan span{background-color:#E60012;padding:21px;border-radius: 20px 0 0 20px;color:#fff;}
.caution_area ul,.caution_area dl{width:550px;margin:30px auto;line-height:1.5em;text-indent:-1em;}
.caution_area li{padding:3px 0;}
.caution_area dd{text-indent:1em;padding:2px 0;font-size:0.9em;}
.receipt_img{text-align: center;}
.receipt_img img{width:60%;}


.kiyaku_tit{text-align: center;margin:60px auto 0 auto;font-size:1.2em;}
.kiyaku_tit::before {
    content: url('../img/sunflower_himawari.png');
	display:inline-block;
    width: 50px;
	height: 50px;}
.kiyaku_tit::after {
    content: url('../img/sunflower_himawari.png');
	display:inline-block;
    width: 50px;
    height: 50px;	
}
.q-a_tit{font-size:1.2em;text-align: center;padding:30px 0;font-weight:bold;}
.q_a_area{width:70%;margin:60px auto}
.qa-1{border-bottom: 1px solid #ccc}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
	line-height: 1.5em;
}

.qa-1 span{font-size:0.8em;}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-1 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-1[open] summary::after {
    transform: rotate(225deg);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
	line-height: 1.5em;
}

.qa-1 p::before {
    color: #ff8d8d;
    line-height: 1;
    content: "A";
}
.kiyaku_area{width:750px;margin:0 auto;overflow: scroll;height:300px;background-color:#00A0E8;padding:30px 0;border-radius: 30px;color:#fff;}
.kiyaku_area p{width:650px;margin:20px auto;line-height: 1.5em;font-size:0.9em;}
.kiyaku_area dl{width:650px;margin:10px auto;line-height: 1.5em;font-size:0.8em;}
.kiyaku_area dt{margin:20px 0;}
.kiyaku_area dd{line-height:2em;padding-left:1em;}
.s-text{font-size:0.85em;padding-left:3em!important;text-indent:-1em;}



form{width:350px;margin:60px auto 0 auto;text-align: center;padding:0 0 30px 0;}
.nya-check-button {
padding: 15px 40px;
background-color: #ccc; /* 初期状態の背景色 */
border: none;
border-radius: 5px;
color: #fff;
cursor: not-allowed;
transition: background-color 0.3s, cursor 0.3s;
display: block;
margin:30px auto 30px auto;
font-size:1.2em;	
}
.nya-check-button a{color:#fff;}
/* ボタンが有効になったときのスタイル */
.nya-check-button:enabled {
background-color:#00A0E8; /* 有効時の背景色 */
cursor: pointer;
}

footer{background-color: #00A0E8;width:800px;margin:0 auto;padding:40px 0;color:#fff;text-align: center;border-radius:90px 90px 0 0 }
footer h2{font-size:1.2em;margin:30px auto;}
footer p{font-size:0.9em;line-height:1.8em;padding:0 0 10px 0;margin: 0 auto;}




@media screen  and ( max-width:960px) {
.pc{display:none;}
.sp{display:block!important;}	

.wapper {
  background-image: url("../img/back.png");
  background-repeat: repeat-y;
  background-attachment:local;
  background-position: top center;
}	
	

	
main{background-image:url("../img/main_back_sp.png");background-repeat: no-repeat; background-size:cover;width:100%;margin:0 auto;}	
	
.setumei_area,.oubo_area,.caution_area,.caution_kikan,.kiyaku_area{width:85%;}	
.caution_area ul, .caution_area dl{width:75%;font-size:4vw;}	

.setumei_area, .oubo_area{margin:30px auto;}	
.setumei_area h2, .oubo_area h2{margin:60px auto 20px auto;font-size:4vw;box-shadow: 9px 7px 1px -1px #00a0e8;}	
	

.kikan{font-size:5vw;}	

.tenpo_tit{font-size:5vw;width:30px;}	
.tenpo_01{width:95%;}	
.tenpo_01 li{font-size:3.5vw;}	
.s-txt{font-size:3vw;padding: 2% 0 0 5%!important;width:90%;}	

.cyousei02{margin:40px auto 20px auto !important;}	

.oubo_txt{font-size:3.8vw;width:85%;}	
.oubo_img img{width:80%;}	
.img02 img{width:50%;}	
.arrow img{width:15%;}	
	
.caution_area h2{;box-shadow: 9px 7px 1px -1px #FFF000;font-size:4vw;margin:60px auto 20px auto;}	
.caution_kikan{font-size:2.5vw;}		

.caution_area dd{padding-left:0.5em;text-indent:0;}	
.receipt_img img{width:67%;}
	
	
.q_a_area{width:80%;}		
.qa-1 summary,.qa-1 p{font-size:3.5vw;line-height:1.2em;}	
.arrow_chiousei::after{width: 9px!important;}
.arrow_chiousei02::after{width: 15px!important;height:7px!important;}	
.kiyaku_area p,.kiyaku_area dl{width:90%;font-size:3.5vw;}
.qa-1 p::before {
    line-height: 1.2;
    content: "A";
}	
	
footer,footer h2,footer p{width:90%;}		
footer{border-radius:60px 60px 0 0;padding:20px 0;}	
footer h2,footer p{font-size:3.4vw;}


}








@media screen  and ( max-width:767px) {

	
}