@charset "utf-8";
/* CSS Document */
html{width:100%; overflow-x: hidden;}
body{font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif; font-weight:400; font-style:normal; font-size:18px; line-height: 150%; background: #fff; margin: 0;}
h1{display: none;}
p{font-size: 18px; line-height: 150%; color: #4f4f4f;}
/*----------
link
-----------*/
a{display:inline; text-decoration:none; color:#333;}
a:hover{opacity: 0.5;}

/*switch */
.forpc{display:block !important;}
.forsp{display:none !important;}

/*----------
position
-----------*/
.pt1{padding-top:18px;}
.pt2{padding-top:36px;}
.pt3{padding-top:54px;}
.pb1{padding-bottom:18px;}
.pb2{padding-bottom:36px;}
.pb3{padding-bottom:54px;}
.pl1{padding-left:20px;}
.pl2{padding-left:40px;}
.pl3{padding-left:60px;}


.mt1{margin-top:18px;}
.mt2{margin-top:36px;}
.mt3{margin-top:54px;}
.mb1{margin-bottom:18px;}
.mb2{margin-bottom:36px;}
.mb3{margin-bottom:54px;}

.img_right{float: right; padding: 0 0 40px 40px;}
.clear{clear: both;}
/*----------
bg-color
-----------*/
.b-black{background:#333;}
.b-gray{background:#E3E3E3;}
.b-white{background:#fff;}
.b-blue{background:#0B7CAE;}
.b-red{background:#FE0000;}
.b-orange{background:#FE6600;}
.b-dblue{background:#2157B4;}

/*----------
txt
-----------*/
.red{color:#d10000;}
.blue{color:#0B7CAE;}
.white{color:#fff;}
.green{color:#00ae29;}
.bold{font-weight:bold;}
.f-red{color:#FE0000;}
.fontS{font-size: 12px; line-height: 120%;}
.fontL{font-size: 22px; line-height: 200%;}
.fontLL{font-size: 30px; line-height: 200%;}
.fontLLL{font-size: 36px; line-height: 200%;}
strong{font-weight: 800;}
.link_blue{color:#0B7CAE; font-weight: bold;}
.small{font-size:14px;}
.under{text-decoration: underline;}
.dot-text{position: relative;}
.dot-text::before{position: absolute; top: -10px; left: 0; right: 0; margin: auto; content: ""; padding-top: 10px; background: -webkit-radial-gradient(circle 5px,black 50%,transparent 50%); background: radial-gradient(circle 5px,black 50%,transparent 50%); background: -moz-radial-gradient(circle 5px,black 50%,transparent 50%);}
.flex-box{display: flex; justify-content: space-between;}
.d-s{box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.6); border-radius: 10px;}
.d-s:hover{box-shadow:none;}
.marker{background: linear-gradient(transparent 50%, #FFFD00 50%);}
.hiragino-italic { font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; font-style: italic; font-size: 20px; font-weight: 800;}
.al_jus{text-align: justify !important;}
/*----------
txt-position
-----------*/
h2{background: url("images/title_bg.png") top center; padding: 30px 0; text-align: center; font-size: 30px; line-height: 150%; font-weight: bold; color: #000;}
h3{border-left: 10px solid #ce0202; background:#f9c3c8; text-align: justify; font-size: 20px; font-weight: bold; color: #000; padding:10px 15px;}
.t_center{text-align: center;}
.btn_submit{margin: 50px auto; display: block;}
.btn_submit img{margin: 0 auto;}
.line_sidebtn{position: fixed; right: 0; top:30%; z-index: 300;}
.bottom_line{display: none;}
.title_pic2{margin-bottom: 30px;}
.img_center{margin: 0 auto;}


.att{padding:20px; background: #fff; text-align: center; border: 7px solid #ce0202; margin: 0;}
.att p{text-align: center !important; margin-bottom: 50px !important;}
.wrap{width: 700px; margin: 0 auto;}
header{background: url("images/header_bg.jpg") top center; background-size: cover; text-align: center; padding: 30px 0;}
header img{margin: 0 auto;}
.kiyaku{width: calc(100% - 40px); height: 150px; overflow: auto; background: rgba(255,255,255,0.80); border: 1px solid #333; margin: 20px auto; padding: 20px;}
.kiyaku p{font-size: 13px; text-align: left !important; font-weight: 400 !important; margin: 0 !important;}
.sec1{padding: 50px 0; background: url("images/sec01_bg.jpg") top center; background-size: cover; text-align: center;}
.sec1 img{margin:0 auto 40px auto;}
.sec1 .wrap{ }
.sec1 .wrap p{color: #000; text-align: justify; margin-bottom: 40px;}

.sec2{background: #fff; padding: 50px 0; text-align: center;}
.sec2 img.title_pic{display: block; margin: 0 auto 40px auto ;}
.sec2 .wrap{ width: 750px;}
.sec2 .wrap p{text-align:justify; margin-bottom: 40px;}

.sec3{background: url("images/sec03_bg.jpg") top center no-repeat; padding: 50px 0; text-align: center;}
.sec3 .wrap{ margin: 40px auto;}
.sec3 .wrap img.title_pic{display: block; margin: 0 auto 50px auto;}

.sec4{background: #ebf9fe; padding: 50px 0; text-align: center;}

.sec5{background: linear-gradient(180deg, rgba(235,249,254,1) 0%, rgba(255,163,178,1) 100%); padding: 50px 0; text-align: center;}
.sec5 img{margin:0 auto 40px auto;}

.sec6{background: #fff; padding: 50px 0; text-align: center;}
.sec6 img.title_pic{display: block; margin: 0 auto 40px auto ;}
.sec6 .wrap p{text-align:justify; margin-bottom: 40px;}

.sec7{background: #fff; padding: 50px 0; text-align: center;}
.sec7 img.title_pic{display: block; margin: 0 auto 40px auto ;}
.sec7 .wrap p{text-align:center; margin-bottom: 40px;}

.sec8{background: url("images/sec08_bg.jpg") top center no-repeat; padding: 50px 0; text-align: center;}
.sec8 img.title_pic{display: block; margin: 0 auto 40px auto ;}
.sec8 .wrap p{text-align:justify; margin-bottom: 40px;}


.ques{background: #ebebff; padding: 20px; border-radius: 20px 20px 0 0;}
.ques p{background: url("images/Q.png") top left no-repeat; padding: 5px 40px; margin-bottom: 0 !important;}
.ans{background: #fcffeb; padding: 20px; border-radius:0 0 20px 20px; margin-bottom: 30px;}
.ans p{background: url("images/A.png") top left no-repeat; padding: 5px 40px; margin-bottom: 0 !important;}


.bullet1{list-style: disc; background: url("images/bullet_bg.jpg") bottom center; background-size: cover; padding: 50px 50px 50px 120px; margin-bottom: 20px;}
.bullet1 li{margin: 0 0 15px 0; font-size: 20px; color: #fff;}

table{width:100%; margin: 20px 0 40px 0; font-size: 18px; text-align: center; border-collapse: separate; border-spacing: 1px; border: 1px solid #cdcdcd; line-height: 150%;}
th{background: #cdcdcd; font-weight: bold; color: #333; border: 1px solid #333; padding: 10px; }
td{background: #fff; color: #333; border: 1px solid #333; padding: 10px;}
.t-red{background: #ffa8a8;}
.t-blue{background: #a8c1ff;}

table.tb2{width:100%; margin: 20px 0 40px 0; font-size: 18px; border-collapse: separate; border-spacing: 1px; border: 1px solid #cdcdcd; line-height: 150%;}
table.tb2 th{background: #616161; font-weight: bold; color: #FFF; border: 1px solid #333; padding: 10px; text-align: center; }
table.tb2 td{background: #fff; color: #333; border: 1px solid #333; padding: 10px; text-align: left;}


/* form */
.form-box{margin:30px auto; text-align: center; }
.form-box2{margin:0 auto; text-align: center; background: url("images/form2_bg.png") top center #fff no-repeat; padding: 60px 0;}
.form-box2 p{color: #4f4f4f; text-align: center; font-weight: 700; margin-top: 20px;}
.form-box3{margin:0 auto; text-align: center; background: url("images/form3_bg.png") top center #f4f4f4 no-repeat; padding: 60px 0;}
.form-box3 h2{font-size: 30px; margin-bottom: 30px; font-weight: 800; line-height: 150%;}
.form-box3 p{color: #4f4f4f; text-align: center; font-weight: 700; margin-top: 20px;}
.form-box4{margin:0 auto; text-align: center; background: url("images/form3_bg.png") top center #f4f4f4 no-repeat; padding: 70px 0;}
.form-box4 .warp p{text-align: center;}
.form-box4 p{color: #4f4f4f; text-align: center; font-weight: 700; margin-top: 20px;}
.input-txt{padding: 15px; width: 610px; border: 1px solid #333; font-size: 24px; background: #fff; margin-top: 10px;}
button{width:640px; margin: 20px auto 0 auto; background:#c30d23; padding: 20px; text-align:center; font-size: 24px; color: #fff; border-bottom: 5px solid #810113; border-top: none; border-left: none; border-right: none; border-radius: 10px;  cursor: pointer}


/*footer*/
footer {background-color: #333;margin: 0 auto;padding:0 0 2rem 0;}
footer p {padding:2rem 10px 0 10px;text-align: center; line-height: 150%;font-size: 14px; line-height: 150%; color: #fff;}
footer a, footer a:active, footer a:visited {color: #fff;text-decoration: underline;}
footer a:hover {color: #bbb;}

@media screen and (max-width: 720px) {
.fontL{font-size: 20px; line-height: 150%;}
.fontLL{font-size: 26px; line-height: 150%;}
.fontLLL{font-size: 30px; line-height: 150%;}
.bottom_line{position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 15px; background: rgba(255,255,255,0.50); text-align: center; display: none;}
.line_sidebtn{display: none;}
.img_right{float: none; padding: 0 0 15px 0; margin: 0 auto;}
img{max-width: 100%;}
p{text-align: justify;}
.top{display: none;}
header{background:none; margin: 0; padding: 0;}
h2{padding: 20px;}
h3{margin-bottom: 20px;}
.wrap{width: 95%; margin: 20px auto;}
.kiyaku{width: calc(100% - 20px); height: 150px; overflow: auto; background: rgba(255,255,255,0.80); border: 1px solid #333; margin: 20px auto; padding: 10px;}

.att{padding:20px; background: #fff; text-align: center; border: 7px solid #ce0202; margin: 0;}
.att p{text-align: justify!important; margin-bottom: 30px !important;}

.sec1{padding: 20px 0; background: url("images/sec01_bg_sp.jpg") top center; background-size: cover; text-align: center;}
.sec1 img{margin-bottom: 30px;}
.sec1 .wrap{ }
.sec1 .wrap p{color: #000; text-align: justify; margin-bottom: 30px;}

.sec2{background: #fff; padding: 20px 0; text-align: center;}
.sec2 img.title_pic{display: block; margin: 0 auto 30px auto ;}
.sec2 .wrap{ width: 95%;}
.sec2 .wrap p{text-align:justify; margin-bottom: 30px;}

.sec3{background: url("images/sec03_bg.jpg") top center no-repeat; padding: 20px 0; text-align: center;}
.sec3 .wrap{ margin: 40px auto;}
.sec3 .wrap img.title_pic{display: block; margin: 0 auto 20px auto;}

.sec4{background: #ebf9fe; padding: 20px 0; text-align: center;}

.sec5{background: linear-gradient(180deg, rgba(235,249,254,1) 0%, rgba(255,163,178,1) 100%); padding: 20px 0; text-align: center;}
.sec5 img{margin:0 auto 0 auto;}

.sec6{background: #fff; padding: 20px 0; text-align: center;}
.sec6 img.title_pic{display: block; margin: 0 auto 40px auto ;}
.sec6 .wrap p{text-align:justify; margin-bottom: 20px;}

.sec7{background: #fff; padding: 20px 0; text-align: center;}
.sec7 img.title_pic{display: block; margin: 0 auto 20px auto ;}
.sec7 .wrap p{text-align:center; margin-bottom: 20px;}

.sec8{background: url("images/sec08_bg.jpg") top center no-repeat; padding: 20px 0; text-align: center;}
.sec8 img.title_pic{display: block; margin: 0 auto 20px auto ;}
.sec8 .wrap p{text-align:justify; margin-bottom: 20px;}

table{width:100%; margin: 20px 0; font-size: 16px; text-align: left; border-collapse: separate; border-spacing: 1px; border: 1px solid #cdcdcd; line-height: 120%;}
th{background: #cdcdcd; font-weight: bold; color: #333; border: 1px solid #333; padding: 10px; width: calc(100% - 20px); display: block;}
td{background: #fff;color: #333; border: 1px solid #333; padding: 10px; width: calc(100% - 20px); display: block;}

    
/* form */
.form-box{margin:15px auto; text-align: center; }
.form-box2{margin:0 auto; text-align: center; background: #fff; padding: 30px 0;}
.form-box2 p{color: #4f4f4f; text-align: center; font-weight: 700; margin-top: 20px;}
.form-box3{margin:0 auto; text-align: center; background: #f4f4f4; padding: 30px 0;}
.form-box3 h2{font-size: 20px; margin-bottom: 10px; font-weight: 800; line-height: 150%;}
.form-box3 p{color: #4f4f4f; text-align: center; font-weight: 700; margin-top: 20px;}
.form-box4{margin:0 auto; text-align: center; background: #f4f4f4;  padding: 30px 0;}
.form-box4 p{color: #4f4f4f; text-align: center; font-weight: 700; margin-top: 20px;}
    
.input-txt{padding: 15px; width: calc(100% - 30px); font-size: 18px;}
button{width:100%; margin: 10px auto 0 auto; padding: 15px;}

    
    
/*switch */
.forpc{display:none !important;}
.forsp{display:block !important;}

}