/* ////////////////////////////////////////
共通 
////////////////////////////////////////*/


#form .hisu {
	background:#F29702;
	font-size:70%;
	color:#fff;
	padding:3px;
	margin-left:5px;
}


#form ul li{
	list-style:none;
	float:left;
	margin-right:10px;
}

p.red{
	color:#ff0000;
	font-size:80%;
}




#form .thanks {
	border:4px #ccc solid;
	text-align:center;
	padding:20px;
}
#form .thanks em {
	display:block;
	color:#000;
	font-size:1.6em;
	font-weight:bold;
	line-height:120%;
	margin-bottom:10px;
}


#kiyaku-wrap {
   margin:0 auto;
}
#kiyaku-wrap strong {
   text-align:center;
   display:block;
   padding:0 0 12px;
   font-size:22px;
}
#kiyaku-wrap #cyui {
   font-size:12px;
   line-height:150%;
   margin:16px 0 42px;
}
#kiyaku-wrap #cyui span{
   display:block;
   font-style:normal;
   font-weight :bold;
}
#kiyaku {
   width:90%;
   height:250px;
   overflow:auto;
   border:1px solid #eee;
   padding:0 12px;
}
#kiyaku dt {
   background-color:#909090;
   color:#fff;

}
#kiyaku dd {
   font-size:0.9em;

}

#doui{
	margin:24px 0;
	}


/*プルダウン表示*/
.mod_form{
 width:90%;
 font-size:16px;
}
.mod_form_select {
 overflow: hidden;
 width:90%;
 box-sizing:border-box;
 border-radius: 3px;
 padding:3px 0 3px 10px;
 margin: 10px 0 10px 0;
 border: 1px solid #3f3f3f;
 vertical-align: middle;
 background: #efefef url(../img/img-arrow-down.png) no-repeat 95% 50%;
}
.mod_form_select select {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 border-radius: 0;
 border: 0;
 margin: 0;
 padding:0;
 background: none transparent;
 vertical-align: middle;
 font-size: inherit;
 color: inherit;
 box-sizing: content-box;
 width: 130%;
 height:35px;
}

/*生年月日　プルダウン表示*/
.mod_form2{
 width:100%;
 font-size:23px;
	float: left;
	margin-right: 5px;
}
.mod_form2_select {
 overflow: hidden;
 box-sizing:border-box;
 border-radius: 3px;
 padding:3px 0 3px 10px;
 margin: 3px 0 10px 0;
 border: 1px solid #3f3f3f;
 vertical-align: middle;
 background: #efefef url(../img/img-arrow-down.png) no-repeat 95% 50%;
}
.mod_form2_select select {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 border-radius: 0;
 border: 0;
 margin: 0;
 padding:0;
 background: none transparent;
 vertical-align: middle;
 font-size: inherit;
 color: inherit;
 box-sizing: content-box;
 width: 80%;
 height:30px;
}


/*フォーム用のボタン*/
div.mfp_buttons input{
	width: 75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding:20px;
	display: block;
	text-align: center;
	border:1px solid #ff9913;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-size:100% !important;
	cursor:pointer;

	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}

/*ラジオボックス*/
input[ type=radio ] {
	margin-right:3px;
}

/*チェックボックス*/
input[ type=checkbox ] {
	margin-right:3px;
}



p.error_messe{
	color:#ff0000;
}

p#len01{
	margin-bottom: 20px;
	font-size: 80%;
}

/* ////////////////////////////////////////
スマートフォン向けのスタイル：(481px)736px以下（iPhone6 Plusを横位置にすると736pxなので）
////////////////////////////////////////*/
@media screen and (max-width: 736px) {

div.sub-cnt h2{
	height:100px;
	background:#444444;
	color:#fff;
	font-size:160%;
	text-align:center;
	line-height:100px;
	margin-top:10px;
}

div.sub-cnt img{
	width:100%;
}

div.sub-cnt p{
	margin-left:auto;
	margin-right:auto;
}


div.center-p{
	padding:10px;
}



#form {
	font-size:14px;
	text-align:left;
	height:auto;
	border: 5px solid #ec6600;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px 0px 100px 0px;
}

	
	p#form-title{
		background: #ec6600;
		font-size: 200%;
		padding: 15px 5px 15px 5px;
		margin-bottom: 20px;
		text-align: center;
		color:#fff;
		font-weight: bold;
	}
	
	
/*ラジオボックス*/
input[ type=radio ] {
	-webkit-tap-highlight-color:rgba(0,0,0,0); /*一部Android機種枠線のズレ対応*/
	-moz-transform-origin: right bottom;
	-moz-transform: scale(2.2);
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale(2.2);
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
}

/*チェックボックス*/
input[ type=checkbox ] {
	-webkit-tap-highlight-color:rgba(0,0,0,0); /*一部Android機種枠線のズレ対応*/
	-moz-transform-origin: right bottom;
	-moz-transform: scale( 2 , 2 );
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale( 2 , 2 );
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
}


/*生年月日　プルダウン表示*/
.mod_form2{
 font-size:170%!important;
}

/*テーブル用*/
div.table-container{
	width:100%;

	text-align: center;
}

div.th-left{
	padding:5px 5px 0px 15px;
	font-size: 200%;
}
	
/*袋の枠*/
div.td-right2025{
	float: left;
	width:270px;
	font-size: 180%;
	margin-left: 30px;
}
	
	p#may-2025{
		float: left;
		width: 200px;
		border: 10px solid #fdb47c;
		padding: 10px 0px;
		
	}
	p#may-2025-02{
		float: left;
		margin-left: 10px;
		margin-top: 25px;
	}
	#text-w01-202505{
		width:84%;
		height:35px;
		font-size:140%;
	}
	
	
	
	
	
		

	

div.td-right{
	padding:10px;
}

div.td-right p{
	float: left;
	width:270px;
	font-size: 180%;
}
	
div.td-right span{
	display: block;
	width:230px;
	text-align: left;
	margin-left: 10px;
	font-size: 110%;
	font-weight: bold;
	border: 1px solid #666;
	padding: 8px;
}

	
div.td-right p.text-left{
	float: left;
	margin-top: 12px;
	width:30px;
}
	
	

/*テーブル用02*/
div.table-container02{
	text-align: center;
	width:140px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

div.th-left02{
	padding:5px 5px 0px 0px;
	font-size: 200%;
}
	

div.td-right02{
	padding:10px;
	margin-bottom:px;
}
	
div.td-right02 p{
	width:100px;
	font-size: 180%;
}

/*テーブル用03*/
div.table-container03{
	width:250px;
	text-align: center;
	margin-left: 25px;
}

div.th-left03{
	padding:30px 5px 15px 25px;
	font-size: 200%;
	border-top:1px dotted #333;
	margin-top: 30px;
}

div.td-right03{
	padding:0px;
}

div.td-right03 p{
	width:200px;
	font-size: 180%;
}
	
/*計算式*/
	p.p-auto{
		width:20px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom:25px;
		font-size: 300%;
		font-weight: bold;
		color:#999;
	}

	p.p-auto02{
		width:230px;
		margin-left: 25px;
		margin-top: 0px;
		font-size: 210%;
		font-weight: bold;
		border: 1px solid #000;
		padding: 8px;
	}
	
	p.p-auto-img{
		width:50px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-left: 5px;
	}
	
	p.p-auto-img img{
		width: 100%;
	}
	
	
	p#loss{
		text-align: center;
		font-size: 110%;
		margin-top: 20px;
	}

	
	

/*プライバシー*/
div#privacy-container{
	padding:20px;
}





div#header-inner h1{
	display:none;
}

#text-w04,#text-w05{
	width:50%;
}

p{
	margin-bottom:0px;
}

div#form h2{
	background:#ccc;
	padding:10px;
	margin-top:10px;
	margin-bottom:30px;
	font-weight:bold;
	font-size:160%;
	color:#fff;
}

div#form h3{
	font-weight:bold;
	font-size:160%;
	padding:10px;
	margin-top:40px;
	margin-bottom:20px;
}

p#price-a{
	margin-top:15px;
}

p#price-a a{
	margin-top:30px;
	padding-left:20px;
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
}

p#privacy{
	margin-top:35px;
}
p#privacy a{
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px;
}

p#privacy-l{
	float:left;
}

p#privacy-r{
	float:left;
}


/*重複チェック*/
div#res-container{
	background:#f0f0f0;
	padding:15px;
}

div#res-container span{
	color:#f00;
	clear:both;
}

div#res-container p{
	color:#00f;
	clear:both;
}


/*幅等の設定追記ここから*/

.text-w01{
	width:90%;
	height:50px;
	font-size:140%;
}


.text-w02{
	width:30%;
	height:50px;
	font-size:140%;
}

.t-area{
	width:90% !important;
	height:200px;
	font-size:140%;
}

/*エラー表記*/

div#form h4{
	margin-top:30px;
	margin-bottom:20px;
}

p.error_messe{
}
	
	
p#contact-btn a{
	width: 75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:45px;
	padding:20px;
	display: block;
	text-align: center;
	border:1px solid #ff9913;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-size:120% !important;
	font-weight: bold;
	cursor:pointer;

	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);	
}


	
	
	
	
	
	
	
	
/*cnt02*/
	section#cnt02{
		width:96%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
	}
	section#cnt02 h3{
		font-weight: bold;
		font-size: 160%;
		margin-top: 70px;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}

	

	div#table-cnt{
		width:96%;
		margin-left: auto;
		margin-right: auto;
	}
	
	table{
		width:100%;
		border: 1px solid #ccc;
		font-size: 70%;
	}
	
	table th {
		background: #edeceb;
		padding: 5px;
		border: 1px solid #ccc;
	}
	table td {
		padding: 5px;
		border: 1px solid #ccc;
		border-bottom: 1px solid #ccc!important;
	}
	
	div#table-cnt p{
		margin-top: 10px;
		line-height: 1.3;
	}
	
	
	
	
	p#p-link-a{
		border: 3px solid #ff000;
		margin-top: 50px;
	}	
	p#p-link-a a{
		background: url(../img/arrow.png) no-repeat 10px center;
		background-size:13px 13px;	
		border: 1px solid #000;
		border-radius: 10px;
		padding-left: 30px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 80%;
	}
	
	
	
	
	
	
}







/*////////////////////////////////////////
 タブレット向けのスタイル：737px ～ 768px（iPhone6 Plusを横位置にすると736pxで一番需要が多いiPadの縦位置は768pxなので）
////////////////////////////////////////*/
@media only screen and (min-width: 737px) {


#form {
	font-size:14px;
	text-align:left;
	margin-top:0px;
	margin-bottom:50px;
	border: 5px solid #ec6600;
	height:auto;
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
	
	p#form-title{
		background: #ec6600;
		font-size: 200%;
		padding: 15px 5px 15px 5px;
		margin-bottom: 20px;
		text-align: center;
		color:#fff;
		font-weight: bold;
	}

/*ラジオボックス*/
input[ type=radio ] {
	-webkit-tap-highlight-color:rgba(0,0,0,0); /*一部Android機種枠線のズレ対応*/
	-moz-transform-origin: right bottom;
	-moz-transform: scale(2.2);
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale(2.2);
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
}

/*チェックボックス*/
input[ type=checkbox ] {
	-webkit-tap-highlight-color:rgba(0,0,0,0); /*一部Android機種枠線のズレ対応*/
	-moz-transform-origin: right bottom;
	-moz-transform: scale( 2 , 2 );
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale( 2 , 2 );
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
}



/*テーブル用*/
div.table-container{
	width:100%;

	text-align: center;
}

div.th-left{
	padding:5px 5px 0px 15px;
	font-size: 200%;
}
	
/*袋の枠*/
div.td-right2025{
	float: left;
	width:270px;
	font-size: 180%;
	margin-left: 30px;
}
	
	p#may-2025{
		float: left;
		width: 200px;
		border: 10px solid #fdb47c;
		padding: 10px 0px;
		
	}
	p#may-2025-02{
		float: left;
		margin-left: 10px;
		margin-top: 25px;
	}
	#text-w01-202505{
		width:84%;
		height:35px;
		font-size:140%;
	}
	
	
	
	
	
		


div.td-right{
	padding:10px;
}

div.td-right p{
	float: left;
	width:270px;
	font-size: 180%;
}
	
div.td-right span{
	display: block;
	width:230px;
	text-align: left;
	margin-left: 10px;
	font-size: 110%;
	font-weight: bold;
	border: 1px solid #666;
	padding: 8px;
}

	
div.td-right p.text-left{
	float: left;
	margin-top: 12px;
	width:30px;
}
	
	

/*テーブル用02*/
div.table-container02{
	text-align: center;
	width:140px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

div.th-left02{
	padding:5px 5px 0px 0px;
	font-size: 200%;
}
	

div.td-right02{
	padding:10px;
	margin-bottom:px;
}
	
div.td-right02 p{
	width:100px;
	font-size: 180%;
}

/*テーブル用03*/
div.table-container03{
	width:250px;
	text-align: center;
	margin-left: 25px;
}

div.th-left03{
	padding:30px 5px 15px 25px;
	font-size: 200%;
	border-top:1px dotted #333;
	margin-top: 30px;
}

div.td-right03{
	padding:0px;
}

div.td-right03 p{
	width:200px;
	font-size: 180%;
}
	
/*計算式*/
	p.p-auto{
		width:20px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom:25px;
		font-size: 300%;
		font-weight: bold;
		color:#999;
	}

	p.p-auto02{
		width:230px;
		margin-left: 25px;
		margin-top: 0px;
		font-size: 210%;
		font-weight: bold;
		border: 1px solid #000;
		padding: 8px;
	}
	
	p.p-auto-img{
		width:50px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-left: 5px;
	}
	
	p.p-auto-img img{
		width: 100%;
	}
	
	
	p#loss{
		text-align: center;
		font-size: 110%;
		margin-top: 20px;
	}


/*幅等の設定追記ここから*/

.text-w01{
	width:90%;
	height:35px;
	font-size:140%;
}


.text-w02{
	width:30%;
	height:50px;
	font-size:140%;
}

.t-area{
	width:90% !important;
	height:200px;
	font-size:140%;
}



/*エラー表記*/

div#form h4{
	margin-top:30px;
	margin-bottom:20px;
}

p.error_messe{
}

	
p#contact-btn a{	
	width: 75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	padding:20px;
	display: block;
	text-align: center;
	border:1px solid #ff9913;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-size:120% !important;
	font-weight: bold;
	cursor:pointer;

	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
	
	
	

	


/*cnt02*/
	section#cnt02{
		width:700px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
	
	}
	section#cnt02 h3{
		font-weight: bold;
		font-size: 160%;
		margin-top: 70px;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}
	
	
	div#table-cnt{
	}
	
	table{
		width:700px;
		border: 1px solid #ccc;
	}
	
	table th {
		background: #edeceb;
		padding: 15px;
		border: 1px solid #ccc;
	}
	table td {
		padding: 15px;
		border: 1px solid #ccc;
		border-bottom: 1px solid #ccc!important;
	}
	
	div#table-cnt p{
		margin-top: 10px;
	}
	
	
	
	p#p-link-a{
		border: 3px solid #ff000;
		margin-top: 50px;
	}	
	p#p-link-a a{
		background: url(../img/arrow.png) no-repeat 10px center;
		background-size:13px 13px;	
		border: 1px solid #000;
		border-radius: 10px;
		padding-left: 30px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	

}



/*////////////////////////////////////////
PC向けのスタイル：769px～960px（実際は769px～という指定なので横幅の制限はかけていない） 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {




}