@charset "UTF-8";
/* CSS Document */

.scale{ animation: scale 2s infinite;}
@keyframes scale{
  0%{ transform: scale(1,1);}
  50%{transform: scale(1.1,1.1);}
  100%{ transform: scale(1,1);
    }
  }
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1,1);
	}
	50% {
		-webkit-transform: scale(1.1,1.1);
	}	
	100% {
		-webkit-transform: scale(1,1);
	}			
}

body{ font-size: 3.6vw; background: #000; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}

img,video{ width: 100%;}
img{ display: block;}

.img_wa{
	margin: 0 auto;
	width: 80%;
}

.img_wb{
	margin: 0 auto;
}

.img_wc{
	height: 97%;
	margin: 0 auto;
	width: 100%;
}

img.women, img.man, img.kikon, img.mikon{
	margin: 0 auto;
	width: 90%;
}

.img_d{
	margin: 0 auto 37px;
	position: relative;
	text-align: center;
	width: 80%;
}

.img_e{
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 60%;
}

#wrap{ margin: 0 auto; width: 900px; }

video{object-fit: cover;}
header{ background: #000; color: #fff;}
header h1{ font-size: 55px; text-align: center; padding: .5em 0; font-weight: bold;}

.fnt-gsc{font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.key-vis{ height: 880px; overflow-x: hidden;}
.key-vis #video{ width: auto; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); height: 100%;}
/*.key-img{ display: none;}*/

.top-contents{ background: url("../img/main-wp.jpg") top/cover;}
p.wp-cloud{ position: absolute; top: -710px;}
p.cloud-txt{ position: absolute; top: -100px; left: 50%; transform: translate(-50%,0); width: 90%;}
.key-btn{ padding: 150px 0 100px; display: flex; justify-content: center;}
.key-btn a{ display: block; width: 85%;}

.sec01-block{ display: flex; flex-direction: column; align-items: center; padding-bottom: 128px;}
.sec01-block > div + div{ margin-top: 5vw;}

/* sec01-box*/
.sec01-box{ background: rgba(0,0,0,.4); color: #fff; width: 92%; padding: 46px 24px; border-radius: 10px;}
.sec01-box_a{ background: rgba(0,0,0,.4); color: #fff; width: 92%; padding: 46px 24px; border-radius: 10px; height: 539.8px;}
.sec01-box_b{ background: rgba(0,0,0,.4); color: #fff; width: 92%; padding: 46px 24px; border-radius: 10px; height: 586.2px;}

.sec01-box p.inttl, .sec01-box_a p.inttl, .sec01-box_b p.inttl{ text-align: center; font-size: 76px; font-weight: bold;/* line-height: 1.6;*/ height: 76px;}
.sec01-box p.inttl span, .sec01-box_a p.inttl span, .sec01-box_b p.inttl span{ border-bottom: 1px solid #8b8b8b; padding: 0 95px 19px;}
.sec01-box .inbox, .sec01-box_a .inbox, .sec01-box_b .inbox{ display: flex; margin-top: 47px; height: 324.8px;}
.sec01-box .inbox p.intxt, .sec01-box_a .inbox p.intxt, .sec01-box_b .inbox p.intxt{ padding-right: .88em; width: 62%; text-align: justify; line-height: 1.6; font-size: 29px;}
.sec01-box .inbox p.inimg, .sec01-box_a .inbox p.inimg, .sec01-box_b .inbox p.inimg{ width: 38%;}



.sec01-block > div:nth-child(2) > .inbox{ flex-direction: row-reverse;}
.sec01-block > div:nth-child(2) > .inbox p.intxt{ padding-right: 0; padding-left: .88em;}

.sec-review{ background: url("../img/sec-review-bk.jpg") no-repeat top/cover; padding: 8vw 0 3vw;}
.sec-review p.ttl{ text-align: center; font-size: 92px; font-weight: bold; width: 100%;}
.sec-review-block{ display: flex; flex-direction: column; align-items: center;}
.sec-review-block > div + div{ border-top: 1px solid #898989;}
.sec-review-box{ width: 92%; padding: 5vw 0;}

.review-head{ display: flex; justify-content: space-between; align-items: center;}
.review-head .deta{ width: 50%; font-weight: bold; font-size: 57px; line-height: 1.4;}
.review-head .thum{ width: 50%; display: flex; justify-content: space-between;}
.review-head .thum p{ width: 47%;}

.sec-review-box p.cmnt{ text-align: justify; line-height: 1.6; padding: 1em 0 0; font-size: 29px;}

.sec-foot-area{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: url("../img/foot-area-wp.jpg") no-repeat top center/cover; padding: 25vw 0 10vw;}
.sec-foot-area_a{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: url("../img/main-wp.jpg") no-repeat top center/cover; padding: 30px 0 128px;}
.sec-foot-block{ display: flex; flex-direction: column; align-items: center;}

.sec-foot-block p.intxt{ filter: drop-shadow(2px 2px 4px rgba(0,0,0,1)); color: #fff; text-align: center; font-size: 47px; line-height: 1.6; font-weight: bold;}

/*Form
=================================================================*/

::placeholder{color: #b2b2b2;}
input disabled{ opacity: .8;}

#form > p.sec-ttl{ color: #06fc8b; text-align: center; font-size: 65px; font-weight: bold; filter: drop-shadow(2px 2px 4px rgba(0,0,0,1)); padding-bottom: .5em; line-height: 1.4;}

.form-block{ width: 90%; padding: 100px 0 0; color: #333;}
.form-block_a{ width: 90%; padding: 0px 0 0; color: #333;}
#prof{
	width: 100%;
	/*height: 60vw;*/
	margin: 0 auto;
	padding: 1.5em 0 2em;
	background: rgba(255,255,255,0.74);
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}

div.f_input {
    margin: 0 auto;
    padding-bottom: 6px;
    padding-left: 100px;
    padding-top: 24px;
    text-align: left;
    width: 898px;
}

div.f_input_a {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-left: 70px;
    padding-top: 0px;
    text-align: left;
    /*width: 898px;*/
}

div.f_input_a:before {
	background: red;	
	content: "";
	height: 40px;
	margin: 11px 0 0 -20px;
	position: absolute;
	width: 7px;
}

div.f_input_b {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-left: 70px;
    padding-top: 0px;
    text-align: left;
    /*width: 898px;*/
}

div.f_input_b:before {
	background: red;	
	content: "";
	height: 40px;
	margin: 25px 0 0 -20px;
	position: absolute;
	width: 7px;
}

div.f_input_c {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-left: 70px;
    padding-top: 0px;
    text-align: left;
    /*width: 898px;*/
}

div.f_input_c:before {
	background: red;	
	content: "";
	height: 40px;
	margin: 18px 0 0 -20px;
	position: absolute;
	width: 7px;
}

div.f_input_d {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-left: 70px;
    padding-top: 15px;
    text-align: left;
    /*width: 898px;*/
}

div.f_input_d:before {
	background: red;	
	content: "";
	height: 40px;
	margin: 1px 0 0 -20px;
	position: absolute;
	width: 7px;
}

div.f_input_e {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-left: 70px;
    padding-top: 30px;
    text-align: left;
    /*width: 898px;*/
}

div.f_input_e:before {
	background: red;	
	content: "";
	height: 40px;
	margin: 5px 0 0 -20px;
	position: absolute;
	width: 7px;
}

.form_text_a {
	font-size: 37px;
	margin: 0 20px 0 0;
	text-align: center;
}

.form_text_a_b {
	font-size: 37px;
	/*margin: 0 15px 0 0;*/
	text-align: center;
}

.form_text_a_c {
	font-size: 37px;
	margin: 0 0 0 0;
	text-align: center;
}

.form_text_b {
	font-size: 37px;
	margin: 0 77px 0 0;
	text-align: center;
}

.form_text_c {
	font-size: 37px;
	margin: 0 120px 0 0;
	text-align: center;
}

.form_text_d {
	font-size: 37px;
	margin: 0 30px 0 0;
	text-align: center;
}

.form_text_e {
	font-size: 23px;
	margin: 0 30px 0 0;
	text-align: center;
}

.y_select {
    font-size: 29px;
	/*height: 49px;*/
    margin: 0 0 0 0;
    padding: 15px 10px 17px 15px;
    position: relative;
    top: -5px;
    width: 170px;
}

img.y {
    left: 2px;
    margin: 0 auto;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.m_select {
    font-size: 29px;
	/*height: 49px;*/
    margin: 0 0 0 0;
    padding: 15px 10px 17px 13px;
    position: relative;
    top: -5px;
    width: 111px;
}

img.m {
    left: 1px;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
}

.d_select {
    font-size: 29px;
	/*height: 49px;*/
    margin: 0 0 0 0;
    padding: 15px 10px 17px 13px;
    position: relative;
    top: -5px;
    width: 111px;
}

img.d {
    margin: 0 0 0 -2px;
    vertical-align: middle;
}

/* ラジオボタン指定 */
.radio-group {
	margin:0 auto 0 -9px;
	display:inline-block;
}

.radio-group input {
	display:none;
}

/* ラジオボタン指定 */
.radio-group2 {
	margin:0 auto 0 -17px;
	display:inline-block;
}

.radio-group2 input {
	display:none;
}

/* ラジオボタン指定 */
.radio-group3 {
	margin:0 auto 0 -17px;
	display:inline-block;
	position: relative;
	top: 2px;
}

.radio-group3 input {
	display:none;
}

label.bl{
	background-image: url(../img/p_a0_off.png);
	background-repeat:no-repeat;
	background-size: 100%;
	color: #fff;
	display:inline-block;
	font-size: 37px;
	padding: 27px 0 27px 0;
	position:relative;
	text-align:center;
	width:110px;
}

label.bl.checked {
	background-image: url(../img/p_a0_on.png);
	/*background-repeat:no-repeat;*/
	/*background-size: 100%;*/
	/*color: #fff;*/
	/*display:inline-block;*/
	/*padding: 35px 0 35px 0;*/
	/*position:relative;*/
	/*width:137px;*/
}   

label.sex,label.married{
	background-image: url(../img/p_b0_off.png);
	background-repeat:no-repeat;
	background-size: 100%;
	color: #fff;
	display:inline-block;
	font-size: 37px;
	padding: 20px 0 26px 0;
	position:relative;
	text-align:center;
	width:235px;
}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
  label.sex,label.married{
    font-size: 37px;
  }
}

label.sex.checked,label.married.checked {
	background-image: url(../img/p_b0_on.png);
	/*background-repeat:no-repeat;
	background-size: 100%;
	color: #fff;
	position:relative;
	padding: 30px 0 35px 0;
	text-align:center;
	width:300px;*/
}

/* ニックネーム入力 */
.textarea_1{
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border:thin;
border-style:solid;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
font-size: 29px;
height:50px;
margin:0 auto 0 -19px;
	padding: 0 20px;
width:425px;
}

/* ニックネーム入力 */
.textarea_2{
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #fff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#fff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#fff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border:thin;
border-style:solid;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
font-size: 29px;
font-weight: bold;
height: 50px;
margin: 0 auto 0 -16px;
padding: 0 20px;
width: 425px;
}

/* メールアドレス入力 */
.textnamebox{
margin: -46px 0 0 210px;
position: relative
}

/* メールアドレス入力 */
.textmailbox{
margin: -46px 0 0 207px;
position: relative
}

.form_text_at {
	font-size: 37px;
	margin: 0 0 0 -18px;
	position: relative;
	text-align: center;
	top: 5px;
}

.mail_select {
    font-size: 29px;
	/*height: 49px;*/
    margin: 0 0 0 0;
    padding: 15px 10px 17px 15px;
    position: relative;
    top: 5px;
    width: 300px;
}

.sec04_btn{
	margin: 0 auto;
}

.btn_conf_a{
	margin: 50px auto 0px;
	width: 305px;	
}

.ati2 {
    color: #000;
    margin: 25px auto 23px auto;
    font-size: 25px;
}

.domain{
	display: flex;
	margin: 0 auto;
	width: 200px;		
}

.domain_icon{
	margin: 0 auto;
}

input.btn_fix_a{
	height: 116.067px;
	margin: 0 auto 37px;
	position: relative;
	text-align: center;
	width: 80%;
}

img.p_mark{
	height: 133.55px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 60%;
}
























.qbox{ display: flex;}

p.form-ttl{ color: #fbd45c; text-align: center; font-size: 1.28em;}
p.dot{ color: #8e8d8d; font-size: 23px; text-align: center;}
p.dot span.rd{ color: #ff0078;}
p.dot span + span{ padding-left: .5em;}
p.quest{ padding: 47px 0; font-size: 47px; text-align: center;}

.q1 .qbox{ flex-direction: column; align-items: center;}
.q1_btn{ width: 40%; margin: 50px auto 0;}
.q1 label + span{ font-weight: bold;}

#prof select{
	background: linear-gradient(#fbfbfb,#918b8f);
	border: 1px solid #000;
	/*font-size: 1.25em;*/
	padding: .5em;
}

/*#prof select{
	background: #eee;
	background: url( "../img/select.png") no-repeat top right/auto 100%, -webkit-linear-gradient(top, #fbfbfb 0%,#918b8f 100%);
	background: url("../img/select.png") no-repeat top right/auto 100%, linear-gradient(#fbfbfb,#918b8f);
	border: 1px solid #000;
	font-size: 1.25em;
	padding: .5em;
}*/
#prof select{
	background: #eee;
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#918b8f 100%);
	background: linear-gradient(#fbfbfb,#918b8f);
	border: 1px solid #000;
	/*font-size: 1.25em;*/
	padding: .5em;
}

.q01 select{padding: 5px 0 5px 0;height: 40px;font-size: 1.1em;}
select.by{ font-size: 37px; width:23%;}
select.bm{ font-size: 37px; width:22%;}
select.bd{ font-size: 37px; width:20%;}

.q2 .qbox{ justify-content: space-around; padding: 0 5%;}
/*.q2 p.quest{ padding: 47px 0; font-size: 47px; text-align: center;}*/
.q2 input{display: none;}
.q2 label{ width: 20%;}

/*.q3 input{display: none;}*/

.q3 .qbox{ justify-content: space-around; padding: 0 5%;}
/*.q3 p.quest{ padding: 47px 0; font-size: 47px; text-align: center;}*/
.q3 input{display: none;}
.q3 label{ width: 45%;}

.q4 .qbox{ justify-content: space-around; padding: 0 5%;}
/*.q4 p.quest{ padding: 47px 0; font-size: 47px; text-align: center;}*/
.q4 input{display: none;}
.q4 label{ width: 45%;}

.q5 .qbox{ width: 100%; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center;}
/*.q5 p.quest{ padding: 47px 0; font-size: 47px; text-align: center;}*/

/*input.h-name{
	width: 80%;
	padding: 1em .5em;
	font-size: 16px;
	border-radius:4px;
	border: 1px solid #4c4c4c;
	box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.5);
}*/

input.h-name{
	border-radius:4px;
	border: 1px solid #4c4c4c;
	box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.5);
	font-size: 30px;
	margin-bottom: 25px;
	padding: 10px 10px;
	width: 80%;
}

/*input.h-mail{  width: 38%; padding: 1em .5em; font-size: 16px; border-radius:3px;}*/
.q5 #submit{ width: 40%; margin-top: 50px;}

.adress{
	font-size: 30px;
	margin-right: 7px;
	padding: 10px 10px;
	width:47%;
}

.at{
  font-size: 20px;
  display: inline-block;
}

.adress02{
	bottom: 3px;
	font-size: 25px;
	/*height: 65px;*/
	margin-left: 10px;
	/*padding: 10px 10px;*/
	position: relative;
	width: 28%;
}

.font_a{
	font-size: 47px;
	font-weight: bold;
}

/* 確認ページ
====================================*/

.kakunin-block{ background: url("../img/kakunin-wp.jpg") no-repeat top center/cover; padding: 10vw 0;}
.kakunin-block h2{ width: 70%; margin: 0 auto;}

/*.kakunin-box{ padding: 5vw 0 0;}
.kakunin-box > div{ background: #fff; width: 90%; margin: 0 auto; padding: 5vw; border-radius: 10px;}*/

.kakunin-box{
	background: #fff;
	border-radius: 10px;
	margin: 0 auto;
	padding: 64px 32px;
	position: relative;
	width: 100%;
}

.kakunin-box dd{ display: flex; justify-content: center; border-bottom: 1px solid #377160; padding: .88em 0;}
.kakunin-box dd p{font-size: 30px;}
.kakunin-box dd p.ttl{ width: 20%; color: #858585;}
/*.kakunin-box dd p.deta::before{ content: "：";color: #858585; padding-right: .35em;}*/
.kakunin-box dd p.deta::before { color: #858585; padding-right: .35em;}

.kakunin-box dd p.deta{ width: 60%;}
.kakunin-box p.inttl{ color: #06fc8b; text-align: center; font-size: 1.66em; font-weight: bold; filter: drop-shadow(2px 2px 4px rgba(0,0,0,1)); padding-bottom: .5em; line-height: 1.4;}

.kakunin-box dd p.colon {
    width: 3%;
    color: #858585;
}

.kakunin-box .btn{
	margin: 37px auto;
	position: relative;
	text-align: center;
	width: 100%;
}

.kakunin-box .send{ margin: 6vw auto 0; width: 95%;}
.kakunin-box p.att{ color: #98193e; text-align: center; padding-top: 1em; line-height: 1.4;}

.kakunin-box_b_a{ background: rgba(0,0,0,.4); border-radius: 10px; color: #fff; margin: 50px auto 0px; width: 100%; padding: 2.5vw 2.5vw 3.5vw; position: relative;}

.kakunin-box_b_a p.inttl{ text-align: center; font-size: 1em; font-weight: bold; line-height: 1.6;}
.kakunin-box_b_a p.inttl span{ border-bottom: 1px solid #8b8b8b;/* padding: 0 1.25em .25em;*/}
.kakunin-box_b_a .inbox{ display: flex; margin-top: 20px;}
.kakunin-box_b_a .inbox p.intxt{ font-size: 19px; /*padding-right: .88em; */width: 100%; text-align: center; line-height: 1.6;}
.kakunin-box_b_a .inbox p.inimg{ width: 38%;}
.kakunin-box_b > div:nth-child(2) > .inbox{ flex-direction: row-reverse;}
.kakunin-box_b > div:nth-child(2) > .inbox p.intxt{ padding-right: 0; padding-left: .88em;}

/* フッターナビゲーション
====================================*/

.foot-nav{ background: url("../img/nav-bk.jpg") top center/cover;}
.foot-nav dl{ background: rgba(0,0,0,.30); border-top: 1px solid #fff; font-size: 15px;}
.foot-nav dl dd{ display: flex;}
.foot-nav dl dd + dd{ border-top: 1px solid #fff;}
.foot-nav dl dd a + a{ border-left: 1px solid #fff;}
.foot-nav a{ width: 50%; color: #fff; display: block; padding: 1em; font-size: 1.15em;}
.foot-nav a::after{ content: ">"; transform: scale(.8,1); position: absolute; right: .5em;}

footer{ background: #000; font-size: 15px; margin: 6px auto 0;}
footer p{ color: #afafaf; text-align: center; padding: 1em 0 2em; font-size: .85em;}

.fix-box{
	background: #fff;
	border-radius: 10px;
	line-height: 60px;
	margin: 0 auto;
	padding: 5vw 2.5vw;
	position: relative;
	width: 85%;
}

.fix_text_a{
	font-size: 19px;
	line-height: 37px;
	text-align: left;
}

.fix_text_b{
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}

.fix_text_red{
	color: #db114b;
	font-size: 37px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
}

.text_red_a{
	color: #db114b;
}

.text_a{
	font-size: 37px;
	font-weight: bold;
	margin: 0 auto;
	text-align: left;
}

.text_b{
	font-size: 23px;
	font-weight: bold;
	line-height: 37px;
	text-align: left;
}

.text_c{
	font-size: 19px;
	line-height: 37px;
	text-align: left;
}

.text_d{
	font-size: 19px;
	line-height: 37px;
	margin: 0 auto 20px;
	text-align: left;
}

.font_size_a{
	bottom: 18px;	
	font-size: 0.8em;
	position: relative;
}