/* Web fonts */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");


*{
	margin:0;
	padding:0;
}
body{
	background:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "Noto Sans Japanese";
	font-family: "Arial","Helvetica","游ゴシック Medium","Yu Gothic Medium","YuGothicM","游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	-webkit-appearance: none;
}


/* 緊急・季節ものインフォメーション
=======================================================================*/
.emergency_info {
	font-size: 14px;
	margin: 30px 0;
    border: 1px solid #898989;
    padding: 20px;
}
.emergency_info span {
    display: block;
    margin: 3px 0 0 0;
}
.emergency_info strong {
	font-weight:bold;
}


/* 隣接インプット
=======================================================================*/
#zip,
#zip2 {
	margin:0 0 15px 0;
}














/*-----------------------
       annotation 
-----------------------*/

.annotation{
	display:block;
	width:90%;
	max-width:840px;
	font-size:13px;
	color:#EE0000;
	margin:4px auto;
}
.required{
	background-color:#ffddda;	
}








/*-----------------------
     required object
-----------------------*/

.any_tx,.required_tx{
	font-size:12px !important;
	color:#FFFFFF !important;
	text-align:center;
	display:inline-block;
	padding:0 8px;
	height:25px;
	line-height:25px;
	position:absolute;
	top:16px;
	right:10px;
}
.any_tx{
	background:#7C94A8;
	border:solid 1px #2F5A6F;
}
.required_tx{
	background:#eb5e01;
}
.any_tx.min,.required_tx.min{
	font-size:10px !important;
	height:12px;
	padding:0 2px;
	line-height:12px;
	margin:-2px 4px 0 0;
	vertical-align: middle;
}









/*-----------------------
       Subheading
-----------------------*/

.Inputarea .Captx{
	clear:both;
	font-size:14px;
	display:block;
	line-height: normal !important;
	padding:12px 0 5px 0;
}
.Inputarea .Captx.Captx_first{
	padding-top:0;
}










/*-----------------------
        Mail area 
-----------------------*/

#Mail_area{
	width:96%;
	margin:auto;
	max-width:780px;
}
/*
#Mail_areas{
	width:96%;
	margin:0 auto 0 0;
	max-width:720px;
}
*/

/* Input Wrap */
.Inputarea{
	width:auto;
	overflow:hidden;
	height:auto;
	display:flex;
	display:-webkit-flex;
	margin-bottom:4px;
}
.Inputleft{
	width:40%;
	background-color:#F4F4F4;
	position:relative;
}
.Inputright{
	width:55%;
	padding:0 2.5%;
}

/* Input inner */
.Inputleft div{
	height:auto;
	line-height:54px;
	padding:0 8px;
}
.Inputleft div p{
	margin:0 !important;
	text-align:left;
	font-size:15px;
	line-height:27px;
	padding-top:12px;
}
.Inputright div{
	height:auto;
	padding: 12px 15px;
}
.Inputright div .conf{
	width:90%;
	height:auto;
	font-size:16px !important;
	padding:7px 8px;
	margin-top:7px;
	background:#FFFFFF !important;
	border:solid 1px #CCCCCC;
	border-radius:3px;
}









/*-----------------------
    Input Type Style
-----------------------*/

/* text */
input:focus,textarea:focus{
	background:#F7EBCA;
}
.Inputright div input[type="text"],.Inputright div input[type="tel"],.Inputright div input[type="email"]{
	width:90%;
	font-size:14px;
	padding:10px 13px;
	border-radius:1px;
	border:solid 1px #CCCCCC;
}
.w75{ width:75% !important; }
.w50{ width:50% !important; }
.w25{ width:25% !important; }



/* radio */
.Inputright div input[type="radio"]{
  display: none;
}
.radio_area.cen label{
	width:100%;
	margin: 15px 0;
	display:block;
	font-size:14px;
}
.radio_area label span{
	transition:.4s;
	padding-left: 32px;
	position:relative;
	margin-right: 20px;
	cursor:pointer;
}
.Inputright div input[type="radio"]:checked + span{
	color: #e47829;
  }
.radio_area label span::before{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border:solid 1px #D3D3D3;
  background:#FFFFFF;
}
.radio_area label span::after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background:#e47829;
  transition:.4s;
  opacity:0;
}

.Inputright div input[type="radio"]:checked + span::after{
  border-radius: 50%;
  background: #e47829;
  opacity:1;
}



/* check box */

.Checklist{
	width:100%;
	overflow:hidden;
}

/* 元のボタン非表示 */
.Inputright div input[type="checkbox"]{
  display: none;
}

/* 通常チェックリスト */
.Checklist li{
	width:100%;
	float:left;
	list-style-type:none;
	height:30px;
}

.check_area label span{
transition:.4s;
	padding-left: 32px;
  position:relative;
  margin-right: 20px;
  cursor:pointer;
}
.check_area input[type="checkbox"]:checked + span{
  color: #e47829;
}
.check_area label span::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border:solid 1px #D3D3D3;
  background:#FFFFFF;
}
.check_area label span::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #e47829;
  border-right: 3px solid #e47829;
  transition:.4s;
  opacity:0;
}
.check_area input[type="checkbox"]:checked + span::after{
  opacity:1;
}
.check_area textarea{
	width:60%;
	height:50px;
}






/* check box カタログ*/

/* 通常チェックリスト */
.check_area_cata .Checklist li{
	width:32%;
	float:left;
	list-style-type:none;
	margin:0 0.66666666%;
	height:auto;
}
.check_area_cata .Checklist li input{
	display:none;
}

.check_area_cata label img{
	width:100%;
	margin-top:10px;
}
.check_area_cata label span{
transition:.4s;


	padding-left: 32px;
	width:85%;
	display:block;
  position:relative;
  margin-right: 0;
  cursor:pointer;
  font-size:15px;
}
.check_area_cata label{
	background:#e1e1e0;
	padding:10px;
	display: block;
	cursor:pointer;
	min-height:160px;
}
.check_area_cata label.chk{
	background:#d4e8f8;
	color:#09528f;
}
.check_area_cata input[type="radio"]:checked + span{
  color: #09528f;
}
.check_area_cata label span::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  border:solid 1px #D3D3D3;
  background:#FFFFFF;
}
.check_area_cata label span::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transition:.4s;
  opacity:0;
}
.check_area_cata label.chk span::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  border:solid 1px #D3D3D3;
  background:#09528f;
}
.check_area_cata label.chk span::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transition:.4s;
  opacity:0;
}
.check_area_cata input[type="radio"]:checked + span::after{
  opacity:1;
}
.check_area_cata textarea{
	width:60%;
	height:50px;
}

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

/* 通常チェックリスト */
.check_area_cata .Checklist li{
	width:96%;
	float:none;
	list-style-type:none;
	margin:0 2%;
	height:auto;
	margin-bottom:10px;
}
.check_area_cata .Checklist li input{
	display:none;
}

.check_area_cata label img{
	width:60%;
	margin:auto;
	display:block;
	margin-top:10px;
}
.check_area_cata label span{
transition:.4s;


	padding-left: 32px;
	width:85%;
	display:block;
  position:relative;
  margin-right: 0;
  cursor:pointer;
  font-size:15px;
}
.check_area_cata label{
	background:#e1e1e0;
	padding:10px;
	display: block;
	cursor:pointer;
	min-height: inherit;
}
.check_area_cata label.chk{
	background:#d4e8f8;
	color:#09528f;
}
.check_area_cata input[type="radio"]:checked + span{
  color: #09528f;
}
.check_area_cata label span::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  border:solid 1px #D3D3D3;
  background:#FFFFFF;
}
.check_area_cata label span::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transition:.4s;
  opacity:0;
}
.check_area_cata label.chk span::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  border:solid 1px #D3D3D3;
  background:#09528f;
}
.check_area_cata label.chk span::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transition:.4s;
  opacity:0;
}
.check_area_cata input[type="radio"]:checked + span::after{
  opacity:1;
}
.check_area_cata textarea{
	width:60%;
	height:50px;
}
}







/* select */
.select_label{
	display:inline-block;
	position:relative;
}
select{
	width:240px;
	font-size:16px;
	padding: 10px;
	border:solid 1px #CCCCCC;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
	background:#FFFFFF url(../_img/select_allow.png) no-repeat center right;
	background-size:15px;
}



/* select custom [birth] */
.sw20{ width:100px !important; display:inline !important; }
.sw10{ width:70px !important; margin-left:0 !important; }


/* text custom [yoyaku] */
.Inputarea input[name="yoyaku"]{
	width:160px !important;
	margin-left:0;
	margin-right:10px !important;
}



/* select custom [ytime] */
.Inputarea select[name="ytime"]{
	width:160px;
	margin-left:0;
	display:inline;
}



/* textarea */
textarea{
	width:90%;
	height:140px;
	font-size:16px;
	padding:15px;
	border:solid 1px #CCCCCC;
}

/* check box custom [agreement] */
.agreement_tx{
	border-top:dotted 2px #CCCCCC;
	padding:8px 10px;
	font-size:14px;
	line-height:145%;
	color:#6A1A1B;
	margin-top:10px;
}
.agreement_check{
	display:block;
	width:90%;
	
}

.SubmitBtn{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* submit [input] */
#Submit{
	width:242px;
	height:62px;
	margin:30px auto;
	position:relative;
	padding-bottom:30px;
}
#Submit .SubmitBtn{
	text-align:center;
	border:solid 1px #092955;
	border-radius:3px;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	background:#183A7F;
	box-shadow:1px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);
	margin:30px auto;
	display:block;
	width:240px;
	height:60px;
	line-height:60px;
	transition:background 0.5s,color 0.5s;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
}
#Submit .SubmitBtn:hover{
	color:#183A7F;
	border:solid 1px #183A7F;
	background:#FAFAFA;
	box-shadow:1px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);
}
#Submit div.SubmitBtn,#Submit div.SubmitBtn:hover{
	border-color:#CCCCCC;
	background:#EAEAEA;
	color:#AEAEAE;
	z-index:9;
	cursor:default;
}



/* submit [confirm] */
#SubmitConfirm{
	width:242px;
	margin:30px auto;
}
#SubmitConfirm .SubmitBtn{
	text-align:center;
	border:solid 1px #092955;
	border-radius:3px;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	background:#183A7F;
	box-shadow:1px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);
	margin:30px auto;
	display:block;
	width:240px;
	height:60px;
	line-height:60px;
	transition:background 0.5s,color 0.5s;
	cursor:pointer;
}
#SubmitConfirm .SubmitBtn:hover{
	color:#183A7F;
	border:solid 1px #183A7F;
	background:#FAFAFA;
}
#SubmitConfirm .SubmitBtn_min{
	text-align:center;
	border:solid 1px #092955;
	border-radius:3px;
	font-size:13px;
	color:#183A7F;
	background:#F4F4F4;
	box-shadow:1px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);
	margin:30px auto;
	display:block;
	width:140px;
	height:36px;
	line-height:36px;
	transition:background 0.5s,color 0.5s;
	cursor:pointer;
}
#SubmitConfirm .SubmitBtn_min:hover{
	color:#19427A;
	border:solid 1px #19427A;
	background:#D2DAE7;
}










/*-----------------------
          error
-----------------------*/

.form_err{
	background-color:#EBC1C2 !important;
}
.form_err_radio label{
	background-color:#EBC1C2 !important;
	border-radius:3px !important;
}
.send_err{
	background-color:#EDD7D7 !important;
	width:80%;
	max-width:810px;
	margin:15px auto;
	padding:15px;
	border:solid 1px #DD2124;
	color:#DD2124;
}

.input_err{
	font-size:13px;
	color:#EE0000;
	margin:4px;
	display:none;
}






/* 必須項目数メッセージ */
.message {
	background-color:#eb5e01;
	width: 160px;
	height: auto;
	padding: 15px 10px;
	text-align: center;
	position: fixed;
	top:20px;
	right: 20px;
	font-size: 16px;
	line-height: 1.8em;
	font-weight: bold;
	z-index:10000;
	color:#FFF;
}
.message span{
	font-size:26px !important;

}
























/*-------------------- 
  width 0 - 640px
--------------------*/
@media screen and (max-width:640px) {
.Remaining .allow p{
	font-size:12px;
}
.Remaining .allow.one p{
	left:10px;
}
.Remaining .allow.two p{
	left:45px;
}
.Remaining .allow.three p{
	left:45px;
}




}





































/*-------------------- 
  width 0 - 480px
--------------------*/
@media screen and (max-width:480px) {























	
	
	
	
	
	
	
	/*-----------------------
			Mail area 
	-----------------------*/
	
	/* Input Wrap */
	.Inputarea{
		display: block;
	}
	.Inputleft{
		width:100%;
		border-right:none;
		background:#EFEFEF;
		padding-top:10px;
	}
	.Inputright{
		width:100%;
		background:#EFEFEF;
		padding-bottom:20px;
	}
	
	/* Input inner */
	.Inputleft div{
		line-height:normal;
		padding:0 8px 10px 8px;
	}
	.Inputleft div p{
		padding-top:10px;
	}
	.Inputright div{
		padding:0px 8px;
	}
	.Inputright div .conf{
		margin-top:0;
	}
	
	
	
	
	
	
	
	/*-----------------------
		Input Type Style
	-----------------------*/
	
	#name,#kana,#tel{ width:92%; }
	#zip{ width:50%; }
	#add1,#add2,#add3,#mail,#mail_con{ width:92%; }
	
	#pref,#ytime{ width:180px; }
	
	/* text custom [yoyaku] */
	.Inputarea input[name="yoyaku"]{
		width:60% !important;
		margin:0 0 10px 0 !important;
		display:block;
	}
	
	/* select custom [ytime] */
	.Inputarea select[name="ytime"]{
		width:40%;
		display:block;
	}
	
	/* check box */
	.Checklist li{
		width:100%;
		float:none;
		margin:0;
	}
	
	/* textarea */
	textarea{
		width:92%;
	}
	
	/* submit [input] */
	#Submit{
		width:202px;
		height:52px;
		margin:0 auto 100px auto;
	}
	#Submit .SubmitBtn,#Submit .SubmitBtn:hover{
		margin:30px auto;
		width:200px;
		height:50px;
		line-height:50px;
	}



	/* submit [confirm] */
	#SubmitConfirm{
		width:202px;
		margin:30px auto;
	}
	#SubmitConfirm .SubmitBtn,#SubmitConfirm .SubmitBtn:hover{
		margin:30px auto;
		width:200px;
		height:50px;
		line-height:50px;
	}








	/* 必須項目数メッセージ */
	.message {
		width: 100%;
		height: auto;
		padding: 10px 0;
		text-align: center;
		position: fixed;
		bottom:0;
		left:0;
		top:auto;
		font-size: 15px;
		line-height: 1.8em;
		font-weight: bold;
		border-radius:0;
		z-index:10000;
		border:none;
		border-top:solid 1px #CCCCCC;
	}
	.message span{
		font-size:22px !important;
		margin:0 4px;
	}
	.message br{
		display:none;
	}




	
	

}















































.Headtitle{
	border-top: solid 5px #09528f;
	background:#FCFCFC;
	padding:30px 0;
	border-bottom:solid 1px #CCC;
	margin-bottom:20px;
}
.Headtitle h1{
	text-align:center;
	font-size:28px;
	font-family: "UD Shin Go Conde90 R", "A-OTF UD新ゴコンデ90 Pr6 R", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-weight:normal;
}
.Headtitle h1 span{
	display:block;
	font-size:12px;
	letter-spacing:2px;
}








.my-flow {
    max-width: 1220px;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 16px;
    letter-spacing: 0.08em;
    font-weight: bold;
    text-align: center;
}

.my-flow ul {
    background-color: #f4f4f4;
    border: solid 1px #e1e1e0;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.my-flow li {
    display: table-cell;
    vertical-align: middle;
    padding: 14px 0;
    position: relative;
    list-style: none;
    box-sizing: border-box;
}
.my-flow li.active {
    background-color: #3d7db1;
    color: #fff;
}

.my-flow li:first-child {
    z-index: 100;
}
.my-flow li:nth-child(2) {
    padding-left: 38px;
    z-index: 10;
}

.my-flow li:last-child {
    padding-left: 38px;
}

.my-flow li:not(:last-child):after {
    content: "";
    background-image: url(../_img/arrow_flow.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -38px;
    width: 38px;
}
.my-flow li.active:not(:last-child):after {
    background-image: url(../_img/arrow_flow_active.svg);
}


@media only screen and (max-width: 640px){
	.my-flow {
    margin-bottom: 20px;
}
.my-flow li {
    padding-top: 20px;
    padding-bottom: 20px;
}

.my-flow li span {
    display: none;
}
.my-flow li:not(:last-child):after {
    width: 24px;
    right: -24px;
}
.my-flow li:nth-child(2) {
    padding-left: 24px;
}
.my-flow li:last-child {
    padding-left: 24px;
}
}




.my-title1 {
    border-bottom: solid 2px #898989;
    margin:30px 0 10px 0;
	font-weight:normal;
}
.my-title1 > span {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    font-size: 26px;
    font-family: "UD Shin Go Conde90 R", "A-OTF UD新ゴコンデ90 Pr6 R", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

.my-title1 .num {
    margin-right: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #09318f;
    font-style: italic;
}
.my-title1 > span::after {
    content: "";
    background-color: #09318f;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
}

p.tx{
	font-size:14px;
	margin:15px auto;
	
}
p.tx_g{
	font-size:15px;
	text-align:center;
	margin:15px auto;
	padding:20px;
	background:#f4f4f4;
	
}



.NextBtn{
	background:#09528f;
	color:#FFF;
	font-size:24px;
	padding:10px 20px;
	position:relative;
	cursor:pointer;
	margin:15px 0;
}
.NextBtn span{
	width:30px;
	height:30px;
	background:url(../_img/allow_b.png) no-repeat left top;
	position:absolute;
	top:15px;
	right:10px;
}
.NextBtn.b span{
	width:30px;
	height:30px;
	background:url(../_img/allow_u.png) no-repeat left top;
}
.NextBtn i{
	font-style:normal;
	font-size:12px;
	display:block;
}

.hide{
	display:none;
	
}


.min_tit{
	font-size:18px;
	color:#09318f;
	margin:15px 0 3px 0;
	
}


.Foottx{
	font-size:11px;
	text-align:center;
	padding:30px ;
	margin-top:60px;
	border-top:solid 1px #CCC;
}