@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;}
.clr{clear:both;}

header{background-color:#000;text-align: center;position: fixed;width:100%;}
header p{padding:15px 0 0 0;}
.btn a{color:#fff;font-weight:bold;background-color:#ff0000;padding:15px 20px;border-radius:10px;display:inline-block;position: absolute;top:10%;right:5%;}

h1{background-color:#005BAC;text-align: center;padding:60px 0 0 0;}
h1 img{width:900px;vertical-align:top;}
.h2_01{padding:10px 0 0 0;background-color:#ff0000;width:100%;text-align: center;height:50px;}
.h2_01 img{margin:-5% auto 0 auto;padding:0;}
main{padding:60px 0 0 0;}

h2{width:840px;border-bottom:solid 1px #ff0000;text-align: center;margin:0 auto;font-size:2.5em;color:#ff0000;padding:20px;}
h2 img{padding:0 20px 0 0;}

.btn_area{width:840px; margin:60px auto 100px auto;}
.btn_area ul{display: flex;flex-wrap: wrap;justify-content:center;align-content:center;}
.btn_area li{padding:10px;}


.box_area{width:840px ;margin:60px auto;display: flex;flex-wrap: wrap;justify-content:center;align-content:center;}
.box_area ul{width:360px;margin:0 auto 60px auto;}
.box_area ul li:nth-child(1)::before {
	content: url("../img/check.png");margin:0 5% 0 15%;}
.box_area ul li:nth-child(1){background-color:#005bac;color:#fff;font-size:1.7em;font-weight:bold;padding:20px 0;}
.box_area ul li:nth-child(2){width:300px;margin:40px auto;line-height:1.8em;}
.box_area ul li:nth-child(3){text-align: center;}
.cyousei{padding:2em 0 0 0;}

.h2_02{width:100%;background-color:#ff0000;color:#ffff00;padding:30px 0;font-size:2.8em;}
.txt_area{width:766px;margin:40px auto;font-size:1.4em;line-height:1.8em;}
.txt_area span{color:#ff0000;font-weight:bold;background-color:#ffff00;padding:5px;}
.img{text-align: center;padding:60px 0;}

.nagare_area{background-color:#ffff00;padding:60px 0;}
.nagare_area h3{background-color:#005bac;color:#fff;width:810px;margin:0 auto;text-align: center;padding:20px 0;font-size:2em;font-weight:bold;border-radius: 30px;}
.nagare_area p{text-align: center;margin:80px 0 0 12%;}

.other_area{padding:90px 0;background-color:#f7fafd; }
.other_area h2{text-align: left;}
.other_area h3{background-color:#005bac;color:#fff;width:640px;margin:60px auto;padding:15px 0 15px 20px;font-size:1.5em;font-weight:bold;border-radius: 20px;}
.p_img{text-align: center;padding:0!important;}
.other_area ul{width:640px;margin:-3% auto 3% auto;}
.other_area ul li{font-size:1.1em;line-height: 2em;}
.other_area p{width:640px;margin:30px auto;line-height: 1.8em;}
.s_txt{font-size:0.9em;line-height: 1.5em;text-indent:-1em;padding:0 0 0 2em;}
.red_txt{color:#ff0000;width:640px;font-size:1.2em!important;font-weight:bold;text-decoration: underline;text-decoration-color:#ffff00;text-underline-offset: -5px;text-decoration-thickness: 8px;}

.form_area{width:860px;margin:0 auto;padding:60px 0;}
.h2_03{border:none;background-color:#ff0000;color:#fff;width:350px;border-radius:10px; }
.form_inter{padding:60px 0;}


footer{background-color:#000;color:#fff;text-align: center;padding:20px 0;}


.pagetop {
    display: none;
    position: fixed;
    bottom: 5%;
    right: -2%;
}
.pagetop img{width:35%;}
.pagetop a {
	
    display: block;
	text-align: center;
   }
.pagetop a:hover {
    display: block;
	text-align: center;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


@media screen  and ( max-width:960px) {
.pc{display:none;}
.sp{display:block;}	
	
	
header p{padding:20px 0 0 0;}	
header p img{width:20%;}	
h1{padding:70px 0 0 0 ;}	
h1 img,.btn_area,.box_area{width:100%;}	
	
.txt_area{width:90%;}	
.img img,.nagare_area img,.p_img img,.other_area h3,.other_area p,.other_area p img,.other_area ul{width:90%;}	
h2{width:85%;}	
	
h2{font-size:5.5vw;text-align: left;line-height:1.5em;text-indent:-1.8em;padding:0 0 0 1.9em;}	
h2 img{width:5%;}
.btn_area li{width:44%;}
.btn_area li img{width:100%;}	
.btn_area ul{justify-content:left;padding:0 0 0 2%;}	
	
.box_area ul li:nth-child(1){font-size:5.8vw;}	
.h2_02{font-size:5.5vw;text-align: left;line-height:1.5em;text-indent:1.8em;}	
.txt_area{font-size:4vw;}	
	
.nagare_area{padding:30px 0;}	
.nagare_area p{margin:0 auto;}

.other_area{padding:30px 0;}	
.other_area h3{font-size:5.5vw;margin:30px auto;}	
.other_area ul{margin:0 auto;font-size:4vw;}
.s_txt{font-size:3vw;}	

		
.red_txt,.other_area p{font-size:4vw!important;}	
	
	
	.form_area{width:80%;}	
	.h2_03{width:80%;text-align: center;padding:10px 0;text-indent:0;}
	
.pagetop {
    display: none;
    position: fixed;
    bottom: 1%;
    right: -12%;
}	
	
	
}







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

	
}