@charset "utf-8";


form#mail_form{
	width : 100%;
	max-width:768px;
	margin : 1.5em auto 0;
}


.dl_tbl01{
/*	border-color:#ccc;
	border-width:0 1px 1px;
	border-style:solid;*/
	border-bottom:#ccc 2px solid ;
	padding-bottom:5ex;
}


form#mail_form .dl_tbl01 dl{
	width : 100%;
	margin : 0 auto;
/*	font-size:1rem;
	overflow : hidden;
	border-top : 1px solid #cccccc;
	display:table;*/
}
form#mail_form dl dt,
form#mail_form dl dd{
/*	display:table-cell;
	vertical-align:middle;*/
	line-height:1.5;
	font-size:28px;

}
@media screen and (max-width: 768px) {
	form#mail_form{
	width : 95%;
}
form#mail_form dl dt,
form#mail_form dl dd{
/*	font-size:28px;*/
	font-size:3.64vw;
	font-size:4.5vw;

}

}
form#mail_form dl dt{
	width : 100%;
	padding : 1ex 0 1ex;
	text-align : left;
	overflow : hidden;

	font-weight : bold;
	display:block;
}



form#mail_form dl dd{
	width : 100%;
	float : none;
	display:block;

	padding : 0 0 1ex;
}




/*
form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{
	border : none;
}
*/
form#mail_form dl dt span{
	display : block;
	font-size : 85%;
	color : #3377ff;
	font-weight : normal;
}

/* 背景画像対応　（未使用）
form#mail_form dl dt.bg_req{
	background-image:url(../img/form_obj01.png);
	background-repeat:no-repeat;
	background-position:center right 1em;
	background-size:2.5em auto;
}

form#mail_form dl dt.bg_any{
	background-image:url(../img/form_obj02.png);
	background-repeat:no-repeat;
	background-position:center right 1em;
	background-size:2.5em auto;
}
*/

form#mail_form dl dd#main_be {
	width: 100%;
}
dd#main_be ul {
	width: 100%;
	display:table;
}
dd#main_be li {
	display:table-cell;
	width: 45%;
	width: calc(50% - 1ex);
	padding-left:1ex;
	padding-right: 0;
}
form#mail_form dl dd#main_be li:first-child {
	padding-left: 0;
	padding-right: 1ex;
}


form#mail_form dl #main_bg dt {
	display: none;
}
.urikake01 ,
.kamei01 {
	display: none;
}
.urikake01 + .radio_txt ,
.kamei01 + .radio_txt {
	display:inline-block;
	text-align:center;
/*	display:block;*/

	height:2.5em;
	line-height:2.25;
    border: 4px solid #ccc;
border-radius: 0.5em;
width : 100%;



/*	width:1.5em;
	height:1.5em;
	overflow:hidden;
	background-image:url(../img/form_obj04.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	margin-right:0.5em;*/
	background-color:#fff;
}
.urikake01:checked + .radio_txt ,
.kamei01:checked + .radio_txt {
	color:#fff;
	background-color:#004b36;
    border: 4px solid #004b36;
}

/*test*/
/*
form#mail_form select { color: red; }
form#mail_form select option:not(:checked) { color: tan; }
*/
/*
.urikake01 + .radio_image + .radio_txt {
	display:none;
}
*/
/*
.urikake01 + .radio_image + .radio_txt:after {
	content:"→";
	padding-left:1em;
}

@media screen and (max-width : 640px ){
.urikake01 + .radio_image + .radio_txt:after {
	content:"↓";
}
}
.urikake01:checked + .radio_image + .radio_txt {
	display:inline;
}
*/

/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional{
/*	display : inline-block;
	float : right;*/
	float : left;
	line-height : 1;
	font-size:24px;
	font-weight: normal;
	padding :0.2em 0.4em;
	border-radius : 3px;

	margin-top:0.25em;

	margin-right : 0.8em;
	margin-bottom : 0.5em;	
}

form#mail_form dl dt span.required{
	background : #c4272d;
	border : 2px solid #c4272d;
	color : #ffffff;
}

form#mail_form dl dt span.optional{
	color : #fff;
	background : #63b6f2;
	border : 2px solid #63b6f2;
}

form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match{
	display : block;
	color : #ff0000;
	margin-top : 3px;
	font-weight:normal;
	font-weight:300;
}

/*
span.loading{
	width : 50px;
	height : 50px;
	border-radius : 50%;
	border-top : 5px solid rgba( 255, 255, 255, 0.2 );
	border-right : 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom : 5px solid rgba( 255, 255, 255, 0.2 );
	border-left : 5px solid #ffffff;
	-webkit-transform : translateZ( 0 );
	-ms-transform : translateZ( 0 );
	transform : translateZ( 0 );
	-webkit-animation : load-circle 1.0s linear infinite;
	animation : load-circle 1.0s linear infinite;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-top : -25px;
	margin-left : -25px;
}

@-webkit-keyframes load-circle{
	0%{
		-webkit-transform : rotate( 0deg );
		transform : rotate( 0deg );
	}
	100%{
		-webkit-transform : rotate( 360deg );
		transform : rotate( 360deg );
	}
}

@keyframes load-circle{
	0%{
		-webkit-transform : rotate( 0deg );
		transform : rotate( 0deg );
	}
	100%{
		-webkit-transform : rotate( 360deg );
		transform : rotate( 360deg );
	}
}
*/
@media screen and (max-width: 768px) {
form#mail_form dl dt span.required,
form#mail_form dl dt span.optional{
/*	font-size:28px;*/
	font-size:3.64vw;

}

}
/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */


form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"]{
/*	max-width : 90% ;
	max-width : calc(100% - 1em) ;*/
	
	width : 100% ;
	height : 3em;
	padding : 2px 2%;

    border: 4px solid #ccc;
border-radius: 0.5em;

	-webkit-appearance : none;
	font-size : 100%;
	font-family : inherit;
/*	margin-top : 5px;*/
}
/*
form#mail_form input[type="text"]{
	width:95%;
	width : calc(100% - 1em) ;
}*/
form#mail_form input[type="text"]#yearsales{
	width:10em;
}

form#mail_form input[type="text"]:focus,
form#mail_form input[type="email"]:focus,
form#mail_form input[type="tel"]:focus,
form#mail_form textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}

form#mail_form ul li input[type="radio"],
form#mail_form ul li input[type="checkbox"]{
	margin-right : 10px;
	margin-top : 7px;
}

form#mail_form ul li:first-child input[type="radio"],
form#mail_form ul li:first-child input[type="checkbox"]{
	margin-top : 0px;
}

form#mail_form select{
	font-size : 100%;
	
    background-repeat: no-repeat;
    background-image:url(../../common/pict/select_img01off.svg) ;
    background-position: top 50% right 0.5em;
    background-size: 1.5em auto;
	height:2.5em;
    border: 4px solid #ccc;
border-radius: 0.5em;
width : 100%;
}
form#mail_form select.sele_act_ckd{
    background-image:url(../../common/pict/select_img01on.svg);
    border: 4px solid #ccc;
}

form#mail_form textarea{
/*	max-width : 90%;
	max-width : calc(100% - 1em) ;*/
	width : 100%;
	display : block;
	height : 200px;
	padding : 2px 2%;
	resize : vertical;
	
    border: 4px solid #ccc;
border-radius: 0.5em;

	-webkit-appearance : none;
	font-size : 100%;
	font-family : inherit;
}


form#mail_form ul{
	list-style-type : none;
}

form#mail_form ul li label:hover{
	cursor : pointer;
}

/*
form#mail_form input#company{
	width : 80%;
}
form#mail_form input#name{
	width : 50%;
}
*/
/*
form#mail_form input#name,
form#mail_form input#name_2,
form#mail_form input#phone,
*/
form#mail_form input#postal,
form#mail_form input#schedule{
	width : 30%;
}

form#mail_form input#mail_address01{
	width : 100%;
}

form#mail_form input#postal+a{
	display : inline-block;
	padding : 9px 15px;
	vertical-align : middle;
	line-height : 1;
	background : #5bc0de;
	border : 1px solid #46b8da;
	border-radius : 3px;
	color : #ffffff;
	font-family : inherit;
	text-decoration : none;
	position : relative;
	top : -1px;
}

form#mail_form input#postal+a:hover{
	cursor : pointer;
	background : #31b0d5;
	border : 1px solid #269abc;
}

form#mail_form input#address{
	width : 90%;
}


#form_submit_bg{
	width : 100%;
	margin : 0 auto 0;
	padding : 3em 0 5em;
/*	border-top : 1px solid #cccccc;*/
}
#form_submit_bg p{
	color:#C30D23;
	text-align:center;
	font-size:24px;
	padding:1em 0 0;

}
@media screen and (max-width: 768px) {
#form_submit_bg p{
/*	font-size:28px;*/
	font-size:3.64vw;

}

form#mail_form select ,
form#mail_form select.sele_act_ckd ,
form#mail_form textarea ,
form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"] ,
	.urikake01 + .radio_txt,
	.kamei01 + .radio_txt {

/*	border-width:4px;*/
	border-width:0.52vw;
}
#mainform li.sele_act_on select{
/*	border-width:7px;*/
	border-width:0.91vw;
}



}
form#mail_form input[type="button"]{
	padding : 9px 15px;
	vertical-align : middle;
	border: none 0 transparent;
	-webkit-appearance : none;
	
	line-height : 0;
	overflow:hidden;
	text-indent:-200em;
	
	display:block;
	margin:0 auto;
	opacity:1.0;
	background-color:#fff;
}

form#mail_form input[type="button"]:hover{
	cursor : pointer;
	opacity:0.8;
}

form#mail_form input#form_submit_button{
	background-image:url(../img/form_btn02.png);
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	max-width:688px;
/*	width:89.58vw;
	max-height:150px;
	height:19.23vw;*/

	max-width:768px;
	width:100%;
	max-height:167px;
	height:21.74vw;
}


/*注釈関連*/
::placeholder{
  color:#ccc;
  font-weight:300;
}
.chu01{}
.chu01:after{
	content:"（屋号でも可）";
}
.chu02{}
.chu02:after{
	content:"（半角英数）";
/*	display:block;*/
	font-size:0.7em;
	color:#999;
}
/*form#mail_form dl dt.chu01 span.required,
form#mail_form dl dt.chu01 span.optional ,*/
/*
form#mail_form dl dt.chu02 span.required,
form#mail_form dl dt.chu02 span.optional {
	margin-top:1.25em;
}
*/

/*個人情報の取り扱い*/
#privacy_box {
	border:4px #ccc solid;
	margin-top:4ex;
	padding:1.5em;
border-radius: 0.5em;
color:#001916;
font-size:28px;
}

#privacy_box h3{
	text-align:center;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:1em;
	font-size:107%;
}
.frame_box {
	overflow: auto;
	height: 18em;
	margin: 0 auto;
	width: 100%;
/*	border: 2px solid #cccccc;
	margin-bottom: 1em;*/
}

/*スクロールバーの横幅指定*/
.frame_box::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色*/
.frame_box::-webkit-scrollbar-track {
	background: #f3f3f3;
}
/*スクロールバーの色*/
.frame_box::-webkit-scrollbar-thumb {
	background:#004b36;
}

@media screen and (max-width: 768px) {
#privacy_box {
/*	font-size:28px;*/
	font-size:3.64vw;

}

}

#contents .frame_box p {
	padding: 1.5em 1em;
}
.frame_box p strong {
	display: block;
	font-weight: normal;
}