@charset "UTF-8";
body {font-family: "M PLUS 1p", sans-serif;color:#333;}
a:hover{opacity: 0.6!important;}
.sp{display:none!important;}
.clr{clear:both;}


header{background-color:#00004B;width:100%;margin:0;}
header img{margin:0 0 0 3%;}

main{background-image: url("../img/bg_SP.webp");background-repeat: no-repeat;background-size:cover;}

h1{text-align: center;}
h1 img{width:100%;margin:0;}

.contents01{width:1000px;margin:120px auto;background-color:#FFFEF1;border-radius:30px;}
.cut_img{text-align: center;}
.cut_img img{width:85%;padding:30px 0;}
.cut_txt{width:85%;margin:0 auto;font-size:1.5em;line-height:1.8em;}

.contents02{width:1000px;margin:120px auto;text-align: center;}
.contents02 h2::before,.contents02 h2::after{content: '';
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url("../img/shopping004.png");
  background-size: contain;
  vertical-align: middle;background-repeat: no-repeat;}
.contents02 h2{font-size:2.5em;color:#208E45;font-weight:bold;text-shadow:5px 5px 0 #fff, -5px -5px 0 #fff,-5px 5px 0 #fff, 5px -5px 0 #fff,0px 5px 0 #fff,  0-5px 0 #fff,-5px 0 0 #fff, 5px 0 0 #fff;}
.present img{width:100%;margin:10px auto;}
.kikan{color:#E40012;margin:30px auto;font-size:1.8em;font-weight: bold;}
.btn a{color:#fff;font-size:1.8em;display:block;background-color:#E40012;width:350px;margin:20px auto;padding:40px;border-radius:40px;font-weight:bold;}

.contents03{background-color:#FFFEF1;padding:60px 0;}
.oubo_text_area,.cyuui_text_area{width:940px;margin:60px auto;background-color:#fff;border-radius:30px;padding:30px 30px 60px 30px;}
.contents03 h2{text-align: center;font-size:1.8em;padding:30px 0;}
.tit_01,.tit_02{background-color:#00004B;color:#fff;text-align: center;width:770px;margin:30px auto;padding:25px 30px;border-radius:30px;font-size:1.5em;}
.oubo_01{width:700px;margin:0 auto;}
.oubo_01 li,.oubo_01 dd{line-height:1.5em;text-indent:-1em;font-size:1.2em;padding:10px 0;}
.tit_02{background-color:#0A3241;}
.oubo_01 dt{font-size:1.5em;padding:10px 0;text-indent:-1em;}

.contents04{background-image: url("../img/qp_bakc.png");background-repeat: no-repeat;background-size:cover;}
.qb_txt{color:#fff;width:700px;margin:0 auto;padding:60px 0;}
.qb_txt h2{font-size:1.8em;text-align: center;padding:60px 0 30px 0;}
.qb_txt P{font-size:1.3em;line-height:2.5em;padding:0 0 30px 0;}
.qb_btn a{color:#fff;background-color:#0082CD;display: block;text-align: center;width:300px;margin:0 auto;border-radius:30px;padding:10px 0;}

.contents05{background-color:#FFFEF1;padding:60px 0 5px 0;}
.cyuui_text_area{padding-bottom:60px!important;}
.cyuui_text_area dl{padding:10px 10px 0 10px;}
.cyuui_text_area a{color:#333;}
.cyuui_text_area dt{font-size:1.2em;padding:30px 0;}
.cyuui_text_area dd{line-height:2em;text-indent:-1em;}


.form_area{background-color:#FFFEF1;padding-bottom:60px;}
form{width:1000px;margin:0 auto 0;text-align: center;padding:30px 0;}
.nya-check-button {
padding: 30px 15px;
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.8em;border-radius:40px;width:400px; 	
}
.nya-check-button a{color:#fff;font-weight:bold;}
/* ボタンが有効になったときのスタイル */
.nya-check-button:enabled {
background-color:#E40012; /* 有効時の背景色 */
cursor: pointer;
}

footer{color:#fff;text-align: center;background-color:#00004B;padding:30px 0;}



@media screen  and ( max-width:960px) {
.pc{display:none;}
.sp{display:block!important;}	
body {font-family: "M PLUS 1p", sans-serif;}

header p img{width:40%;}    
main{background-repeat: repeat-y;background-size: contain;}    
.contents01{width:90%;}
.contents02{width:95%;}    
form{width:100%;}    
.oubo_text_area,.cyuui_text_area,.tit_01,.tit_02,.oubo_01,.qb_txt{width:80%;}    
.btn a,.nya-check-button{width:70%;}    

.contents01,.contents02{margin:30px auto;}    
.cut_txt{font-size:4vw;}    

	
.contents02 h2::before,.contents02 h2::after{content: '';
display: none;}
	.present_tit{padding:10% 0 0 0;}	
.present_tit img{width:90%;}        
.kikan{font-size:4.3vw;line-height:1.5em;margin-top:5%;}    
.btn a{font-size:4vw;padding:20px;}    
    
.contents03{padding:30px 0;}    
.oubo_text_area{padding:20px 20px 40px 20px;}    
.contents03 h2{font-size:5.5vw;line-height:1.2em;}
.tit_01, .tit_02{font-size:4vw;line-height:1.5em;padding:20px;}    
.oubo_01 li, .oubo_01 dd{font-size:3.5vw;}  
.oubo_01 dt{font-size:3.7vw;}    

.contents04{background-size:contain;background-repeat:repeat-y;}    
.qb_txt h2{font-size:5vw;padding:30px 0;}
.qb_txt P{font-size:4vw;} 
.qb_btn a{width:90%;}    

    
    .contents05{padding:30px 0 5px 0;}
.cyuui_text_area dt{font-size:4vw;padding:15px 0;}    
.cyuui_text_area dd{font-size:4vw;}
form{font-size:3.5vw;line-height:0.5em;width:95%;}
.nya-check-button{font-size:5vw;}
    
footer{font-size:3vw;}    
    
}








@media screen  and ( max-width:767px) {
body {font-family: "M PLUS 1p", sans-serif;}
	
}