@charset "utf-8";


/* =================================================================
		layout
================================================================= */
body{
	background:#ffffff;
	-webkit-text-size-adjust:none;
}

#contents {
	max-width: 640px;
	margin: 0 auto;
}

#contents img {
	max-width: 100%;
	height: auto;
}

#footer p{
	margin:6.2% 0;
	text-align: center;
}

.color{
	color:#d21148;
	font-weight:bold;
}

.hide {
	position:relative;
	margin-top:-1px;
	height:1px;
	overflow:hidden;
	z-index: -1;
}

.open {
	position:relative;
	padding:2.9% 2.9% 0;
}

p.memo{
	margin: 0px 10px 0px 0px;
	text-align: right;
	background:#ffffff;
}


/* cv
-------------------- */

.cv .btn01{
	padding:0 6.87% 5% 5.93%; 
	background:url(../img/mb/cv_bg_01.png) no-repeat center bottom;
	background-size: cover;
}
.cv .btn02{
	padding:0 6.87% 5% 5.93%; 
	background:url(../img/mb/cv_bg_02.png) no-repeat center bottom;
	background-size: cover;
}
.cv .btn03{
	padding:0 6.87% 5% 5.93%; 
	background:url(../img/mb/cv_bg_03.png) no-repeat center bottom;
	background-size: cover;
}
.cv .btn04{
	padding:0 6.87% 6.2% 5.93%; 
	background:url(../img/mb/cv_bg_04.png) no-repeat center bottom;
	background-size: cover;
}
.cv .note{
	margin:1.5% 3.1% 0;
	padding-left:1em;
	font-size:84%;
}
.cv .note span{
	display: inline-block;
	width: 1em;
	margin-left:-1em;
	text-align: right;
}



/* introduce
-------------------- */
.intro{
	margin-top:7.8%;
}
.intro h2{
	margin-bottom:2.5%;
}
.intro .img{
	margin-bottom:4.6%;
}


/* reason
-------------------- */
.reason{
	margin:6.2% 0;
}
.reason .detail{
	padding-bottom:2px;
	background:url(../img/mb/reason_bg_01.png) repeat-y;
	background-size: contain;
}
.reason .box{
	margin:0 1.5% 1.2%;
	padding:3% 1.5% 0;
	border:1px solid #cec288;
	background:#ffffff;
	overflow: hidden;
}
.reason .box h3{
	margin-bottom:4.1%;
}
.reason .box p{
	margin:0 3.3% 3.3%;
}
.reason .box .img{
	margin:0 0 3.3%;
}
.reason .box .cap{
	display:inline-block;
	padding:0 1.5%;
	text-align: right;
	font-size:84%;
}

.reason .reason01 h4{
	margin: 6.6% 0 4.1%;
}
.reason .reason01 .cap{
	width:47%;
}

.reason .reason02 h3{
	margin-bottom:0;
}
.reason .reason02 p{
	margin-top:3.3%;
}
.reason .reason02 .img{
	position: relative;
	float: right;
	width:42.7%;
	margin:-2% 0 0;
	padding-bottom: 3.3%;
	text-align: right;
}

.reason .reason04{
	padding:3% 0 0;
}
.reason .reason04 h3{
	margin:0 1.5%;
}
.reason .reason04 p{
	margin-right: 27.6%;
}
.reason .reason04 .bg{
	margin-top:1.6%;
	padding:3.2% 0 1px;
	background:url(../img/mb/reason04_bg_01.png) no-repeat right bottom;
	background-size: contain;
}


/* interview
-------------------- */
.interview{
	position: relative;
	margin-top:3.1%;
	padding-bottom:1.5%;
	background:#213b72 url(../img/mb/interview_bg_01.png) repeat-y;
	background-size: contain;
}
.interview p.lead{
	padding:1.5% 1.5% 0;
	color:#ffffff;
	font-size:84%;
}
.interview .detail{
	margin:1.5% 1.5% 0;
	padding:0.7%;
	background:#ffffff;
}
.interview .detail .line{
	border:1px solid #d4be73;
}
.interview .detail h3{
	padding:2.9% 2.9% 0;
}
.interview .detail dl{
	padding: 3.2% 2.9% 0;
}
.interview .detail dl dt{
	margin-bottom:1.7%;
}
.interview .detail dl dd{
	position:relative;
	padding:0 0 4.8% 7.7%;
}
.interview .detail dl dd img{
	position:absolute;
	top:0;
	left:0;
	width:6.3%;
	margin-top:0.2em;
}


/* marriage
-------------------- */
.marriage{
	margin-top:-6.2%;
	background:url(../img/mb/marriage_bg_01.png) repeat-y;
	background-size: contain;
}
.marriage .detail{
	background:url(../img/mb/marriage_bg_02.jpg) no-repeat center bottom;
	background-size: contain;
}
.marriage .detail dl{
	margin-top:1.8%;
}
.marriage .detail dl dt{
	padding: 0 22.1% 0 7.5%;
}
.marriage .detail dl dd{
	margin: 0 8.4% 3.1%;
	padding: 0.7% 0 1.4%;
	border-bottom: 1px dotted #d4c98c;
}
.marriage .detail dl dd:last-child{
	margin-bottom: 0;
	padding-bottom: 6.2%;
	border-bottom: none;
}
.marriage .detail dl dd  p{
	margin-top: 0.6%;
	padding-left: 4.5em;
}
.marriage .detail dl dd span{
	display:inline-block;
	width:4.5em;
	margin-left:-4.5em;
}
.marriage .detail dl dd .name02{
	color:#10275d;
}
.marriage .detail dl dd .name02{
	color:#d21148;
}


/* result
-------------------- */
.result{
	margin:3.7% 0 7.1%;
}
.result p.txt{
	margin:3.7%;
}
.result p.note{
	position: relative;
	float: right;
	width:50%;
	margin-top:-4.5em;
	font-size:84%;
}
.result dl{
	margin: 5.4% 3.1% 0;
	border:1px solid #d4c15a;
	background: #fdfae8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.result dl dt{
	text-align:center;
}
.result dl dd{
	padding:3.3% 0;
}
.result dl li{
	margin: 0 3.3% 0 8.4%;
	padding-left: 6%;
	background:url(../img/mb/result_ico_01.png) no-repeat 0 .2em;
}


/* service
-------------------- */
.service{
	padding:0 0 1.5%;
	background:#f9f0be;
}
.service h2{
	position:relative;
	margin-bottom:-5.4%;
}
.service .box{
	width:93.4%;
	margin:0 auto 1.5%;
	background:#ffffff url(../img/mb/service_bg_01.png) repeat-y;
	background-size: contain;
	-webkit-box-shadow: 0 0 4px #d4c479;
	box-shadow: 0 0 4px #d4c479;
}
.service .box p{
	margin: 0 5% 0 8.3%;
}
.service .box .img{
	margin: 3.3% 6% 0 6.6%;
}
.service .box h4{
	margin: 6.6% 6% 0 6.6%;
}
.service .box .qa{
	padding: 0 6% 8.3% 6.6%;
	background:url(../img/mb/service_bg_02.png) no-repeat left bottom;
	background-size: contain;
}
.service .box .qa dt{
	margin-top:2.6%;
}
.service .box .qa dd{
	position:relative;
	margin-top:2.6%;
	padding-left:11.4%;
}
.service .box .qa dd img{
	position:absolute;
	top:0;
	left:0;
	width:8.4%;
	margin-top:0.2em;
}


/* faq
-------------------- */
.faq{
	margin-top:12.5%;
	overflow:hidden;
}
.faq h2{
	margin-bottom:5.3%;
}
.faq h3{
	position:relative;
	padding: 0 2.8%;
	border-bottom:1px solid #d2bd76;
	background: #af9b57;
	color:#ffffff;
	font-weight:bold;
	z-index: 5;
}
.faq dt{
	position:relative;
	border-bottom:1px solid #d2bd76;
	background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #ffffff),color-stop(0.76, #faf5e4),color-stop(1, #fbf5e0));
	background:-moz-linear-gradient(#ffffff 0%,#faf5e4 76%,#fbf5e0 100%);
	background:linear-gradient(#ffffff 0%,#faf5e4 76%,#fbf5e0 100%);
	-webkit-box-shadow: 0 3px 3px #e2e0d5;
	box-shadow: 0 3px 3px #e2e0d5;
	font-size:117%;
	line-height:1.3;
	font-weight:bold;
}
.faq dt img {
	width:5.6%;
	margin:2.5% 2.5% 2.5% 3.1%;
	vertical-align: middle;
}
.faq dt span {
	display: inline-block;
	width:80.6%;
	padding:0.7% 4.6% 0.7% 0;
	background:url(../img/mb/faq_ico_02.png) no-repeat right center;
	background-size: 5.1%;
	vertical-align: middle;
	overflow: hidden;
}
.faq dd{
	border-bottom:1px solid #d2bd76;
	background:#f8f1d9;
}
.faq dd p{
	padding: 4.6% 5.4% 3.9% 6.2%;
}


/* office
-------------------- */
.office{
	width:93.7%;
	margin:10.9% auto 0;
}

.office .box{
	margin-top: 6.6%;
	overflow: hidden;
}

.office .box h3,
.office .box p {
	float: right;
	width: 77%;
}

.office .box h3 {
	margin-bottom: 0.5%;
	font-weight:bold;
}

.office .box .img {
	float: left;
	width:12.6%;
	margin-left:5%;
	padding:1px;
	border:1px solid #d0d0d0;
	-webkit-box-shadow: 0 0 2px #d0d0d0;
	box-shadow: 0 0 2px #d0d0d0;
}


/* staff
-------------------- */
.staff{
	width:93.7%;
	margin:10.9% auto 0;
}

.staff .box{
	margin-top: 10.1%;
	overflow: hidden;
}

.staff .box h3 {
	float: left;
	width:23.6%;
	margin-left:0.5%;
	text-align: center;
}

.staff .box h3 span {
	display: block;
	margin-bottom: 6%;
	padding:3px;
	border:1px solid #dfdedb;
	-webkit-box-shadow: 0 0 3px #dfdedb;
	box-shadow: 0 0 3px #dfdedb;
}

.staff .box p {
	float: right;
	width: 70%;
}

.staff .box p img {
	margin-bottom: 3.5%;
}


/* flow
-------------------- */
.flow{
	width:93.7%;
	margin:7.8% auto 0;
}

.flow h2{
	margin-bottom: 6.6%;
}


/* comment
-------------------- */
.comment{
	margin:7.8% auto 11.7%;
}

.comment h2{
	margin-bottom: 7.8%;
}

.comment h3{
	margin-top: 4.2%;
}

.comment .bg{
	padding: 4.6% 3.7% 7%;
	background: #fff9ed;
}


/* form
-------------------- */
.form{
	width:93.7%;
	margin:6.2% auto 0;
}

.form h1{
	margin-bottom: 1.6%;
}

.form .note{
	margin:4%;
	padding-left:1.5em;
	font-size:84%;
}
.form .note span{
	display: inline-block;
	width: 1.5em;
	margin-left:-1.5em;
	text-align: right;
}

.form .formTxt{
	font-size:84%;
}

.form .formTxt span,
.form .box h2 span{
	color:#d70303;
}

.form .box{
	margin-top: 3.3%;
	border: 1px solid #dcc87d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.form .box h2{
	padding: 3.3% 5%;
	border: 2px solid #ffffff;
	background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #ffffff),color-stop(0.76, #faf5e4),color-stop(1, #fbf5e0));
	background:-moz-linear-gradient(#ffffff 0%,#faf5e4 76%,#fbf5e0 100%);
	background:linear-gradient(#ffffff 0%,#faf5e4 76%,#fbf5e0 100%);
	font-size:100%;
	font-weight: bold;
}
.form .box h2:first-child{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.form .box .formArea{
	padding: 0 5% 3.3%;
	border-top: 1px solid #dcc87d;
	border-bottom: 1px solid #dcc87d;
}
.form .box .formArea:last-child{
	border-bottom: none;
}

.form .box .formArea p{
	margin-top:3.7%;
}

.form .box .formArea p input{
	width: 100%;
	padding:0.8em 1em;
	border:1px solid #dcc87d;
	-moz-border-radius: 4p;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 2px #e1e1e1 inset;
	box-shadow: 2px 2px 2px #e1e1e1 inset;
}

.form .box .formArea .tel{
	color:#dcc87d;
}
.form .box .formArea .tel input{
	width:100%;
}

.form .box .formArea textarea{
	width:100%;
	height: 50px;
}

.form .box .formArea .checkList{
	margin-top:3.7%;
	border: 1px solid #dcc87d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.form .box .formArea .checkList:nth-child(2){
	margin-top: 1.8%;
}
.form .box .formArea .checkList li{
	padding: 2.2% 3.5%;
	border-top: 1px solid #dcc87d;
}
.form .box .formArea .checkList li:first-child{
	border-top: none;
}
.form .box .formArea .checkList li input{
	margin:-2px 5px 0 0;
	vertical-align:middle;
}

.form .box .formArea select{
	width: 70%;
	padding:.5em 0 .5em 1em;
	border:1px solid #dcc87d;
	-moz-border-radius: 4p;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 2px #e1e1e1 inset;
	box-shadow: 2px 2px 2px #e1e1e1 inset;
	line-height:3em;
}
.form .box .formArea select.long{
	width:100%;
}

.form .formbtn{
	width:93%;
	margin: 3% auto 0;
	text-align: center;
}
.form .formbtn input{
	max-width: 100%;
	height: auto;
	
}

.form .privacyLink{
	margin: 5% 0 8.3%;
}


div.formBox{
	padding: 0px 0px 60px 0px;

}



/* privacy
-------------------- */
#privacy{
	width:93.7%;
	margin:17.8% auto;
}

#privacy h2{
	padding:1px 0;
	border-top:2px solid #0f2964;
	border-bottom:2px solid #0f2964;
	font-size:100%;
	font-weight: bold;
}

#privacy h2 span{
	display: block;
	padding: 2.3% 0;
	border-top:1px solid #0f2964;
	border-bottom:1px solid #0f2964;
}

#privacy p,
#privacy ul{
	margin-top:3.3%;
}

#privacy .dotList {
	margin:0;
}

#privacy .dotList li{
	margin:5% 3.3% 0 0;
	padding-left: 1em;
}

#privacy .dotList li span{
	display: inline-block;
	width:2em;
	margin-left:-2em;
	text-align: center;
	vertical-align:middle;
	font-size:50%;
	color:#c2af5b;
}

#privacy h3{
	margin: 8.3% 0 -3.3%;
	font-size: 100%;
	font-weight: bold;
}



/*---------- end [layout] ----------*/



#form table{
  margin:20px auto;
  width:90%;
}

#form table th{
  background-color:#fff;
  width:25%;
  text-align:left;
  padding:7px 5px;
  border-top:1px solid #f6f6f6;
}

#form table td{
  background-color:#fff;
  width:75%;
  text-align:left;
  padding:7px 5px;
  border-top:1px solid #f6f6f6;
}

.error{
  color:blue; font-weight:bolder; background-color:#ffe6e6; padding:3px; width:98%;
}



/* ::::::::::::::::::::::::::::::: ボタン */
.btn-wrap {
  display:flex;
  justify-content: center;
  margin-top:20px;
}

.btn-switch {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;

  margin:10px auto;
  border: 1px solid #ddd;
  border-radius: 100vh;
  background: #fbfbfc;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fbfbfc),
    to(#dcddde)
  );
  background: -webkit-linear-gradient(top, #fbfbfc 0%, #dcddde 100%);
  background: linear-gradient(180deg, #fbfbfc 0%, #dcddde 100%);
  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);

  font-family:"Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.btn-switch span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-switch:hover {
  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
    inset 0 3px 3px rgba(0, 0, 0, 0.18);
  box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
    inset 0 3px 3px rgba(0, 0, 0, 0.18);

  color:#333631;
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}
/* ::::::::::::::::::::::::::::::: /ボタン */




/* ::::::::::::::::::::::::::::::: SUBMITボタン */
.submit_ok{
  background-color:#28a7e1;
  cursor: pointer;
  border:none;
  padding:0px;
  width:150px;
}
.submit_bk{
  background-color:#666;
  cursor: pointer;
  border:none;
  padding:0px;
  width:97px;
}
.submit_ok:hover, .submit_bk:hover{
  background-color:#999;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.submit_ok img, .submit_bk img{
  border:none;
  width:100%;
}
/* ::::::::::::::::::::::::::::::: /SUBMITボタン */