@charset "utf-8";

/* form-p
----------------------------------------------- */

.page-lead {
  margin-bottom: 35px;
}

.form-top{
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:20px;

}


.form-top .banner{
	width:289px;
}
.form-top .banner a{
	display:block;
}

@media print, screen and (min-width: 1024px) {

.form-top .text{
	width:50%;
}

.sp-only{
	display:none!important;
}


}

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

.pc-only{
	display:none!important;
}


.form-section *{
	max-width:100%;
}

.form-top{
	display:block;
}
.form-top .banner{
	margin:15px auto 0 auto;
}



}

.red{color:#c00;}


.m0{margin-bottom:0px!important;}
.m5{margin-bottom:5px!important;}
.m10{margin-bottom:10px!important;}
.m15{margin-bottom:15px!important;}
.m20{margin-bottom:20px!important;}
.m25{margin-bottom:25px!important;}
.m30{margin-bottom:30px!important;}
.m35{margin-bottom:35px!important;}
.m40{margin-bottom:40px!important;}
.m45{margin-bottom:45px!important;}
.m50{margin-bottom:50px!important;}
.m55{margin-bottom:55px!important;}
.m60{margin-bottom:60px!important;}
.m65{margin-bottom:65px!important;}
.m70{margin-bottom:70px!important;}
.m75{margin-bottom:75px!important;}
.m80{margin-bottom:80px!important;}
.m85{margin-bottom:85px!important;}
.m90{margin-bottom:90px!important;}
.m95{margin-bottom:95px!important;}
.m100{margin-bottom:100px!important;}


.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}




.float-l{float:left; margin:0 25px 15px 0;}
.float-l2{float:left;}
.float-r{float:right; margin:0 0 15px 25px;}
.float-r2{float:right;}
.clear{clear:both; min-height:1px;}




.float-text{
	overflow: hidden;
	zoom: 1;
}




/*
===== form =====
*/

.form-p .page-title{
	color:#333;
	font-size:3.0rem;
}


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

.form-p .page-title{
	font-size:2.0rem;
}

}


.form-address{
	width:100%;
	border:1px solid #E3E3E3;
	margin-bottom:25px;
}

.form-address th,
.form-address td{
	vertical-align:middle;
	border:0;
}
.form-address th{
	background:#E3E3E3;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	width:160px;
}
.form-address td{
	padding-top:10px;
	padding-bottom:10px;
}

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

.form-address,
.form-address tbody,
.form-address tr,
.form-address th,
.form-address td{
	display:block;
	width:100%;
}
.form-address th{
	padding:15px 0;
}


}

.form-address img{
	vertical-align:middle;
	margin-right:5px;
}
.form-address .tel{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
	padding-right:50px;
}

.form-address td a{
	text-decoration:underline;
}
.form-address td a:hover{
	text-decoration:none;
}





.mitsumori{
	border-top:1px solid #CDC8EC;
	border-bottom:1px solid #CDC8EC;
	background:#FCFBFE;
	padding:30px 0 1px 0;
}

.mitsumori .group-off{
}

.mitsumori .inner .group{
}


.form-inner{
	position:relative;
	left:40px;
	width:880px;
}

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

.form-inner{
	left:auto;
	width:auto;
	padding:0 10px;
}


}

.irai{
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
}
.irai th,
.irai td{
	border:1px solid #DCD8F2;
	padding:15px;
}
.irai th{
	background:#E6E3F9;
	font-weight:bold;
	width:40%;
	font-size:117%;
}
.irai td{
	background:#fff;
	width:60%;
}

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

.irai,
.irai tbody,
.irai tr,
.irai th,
.irai td{
	display:block;
	width:100%;
}

.irai th,
.irai td{
}


}


.seihin{
	margin-top:5px;
	position:relative;
}
.form2 .seihin{
	margin:0;
}
.form2 .seihin{
	margin-bottom:15px;
}
.form2 .seihin table{
	border-collapse:collapse;
}
.form2 .seihin td{
	padding-bottom:0!important;
	padding-right:7px;
}

#seihin1{
	margin-top:0;
}


.seihin .delete{
	text-decoration:underline;
	cursor:pointer;
	color:#555;
	font-size:90%;
}
.seihin .delete:hover{
	text-decoration: none;
}


.mitsumori .plus{
	padding:3px;
	background:#F6F6F6;
	text-align:center;
}
.mitsumori .plus span{
	background:url(../images/support/form/plus.jpg) left no-repeat;
	padding-left:12px;
	cursor:pointer;
	text-decoration:underline;
	color:#0000FF;
}
.mitsumori .plus span:hover{
	text-decoration:none;
}
.count10 .plus span{
	cursor:default;
	opacity:0.3;
	filter: alpha(opacity=30);
	background:none;
	text-decoration:none;
	color:#555;

}


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


#mitsumori-table .seihin table,
#mitsumori-table .seihin tbody,
#mitsumori-table .seihin tr,
#mitsumori-table .seihin td{
	display:block;
	width:100%;
}
#mitsumori-table .seihin td{
	margin-bottom:10px;
}

#mitsumori-table .seihin select,
#mitsumori-table .seihin input{
	width:100%;

	max-width: initial;

}

.seihin .delete-cell{
	text-align:right;
}


}




.form-head{
	margin-left:10px;
	background:url(../images/support/form/head.jpg) left no-repeat;
	padding-left:13px;
	font-size:16px;
	margin-bottom:15px;
}

a.ext{
	background:url(../images/support/form/ext.gif) right no-repeat;
	padding-right:11px;
	text-decoration: underline;
}

.table-form th .exp{
	font-weight:normal;
	font-size:11px;
}


.customer{
	padding:25px 0 20px 0;
	background:#FAFAFA;
	zoom:1;
}
.form2 .customer{
	padding-top:20px;
	padding-bottom:1px;
}




.table-form{
	margin-bottom:25px;
	width:100%;
	border-collapse:collapse;
}

.table-form th,
.table-form td{
	border:1px solid #D1D1D1;
	vertical-align:middle;
}

.table-form th{
	background:#E3E3E3;
	width:30%;
	font-weight:bold;
	font-size:14px;
	padding:15px;
}

.table-form td{
	background:#fff;
	width:70%;
	padding:15px 15px 15px 30px;
}


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

.table-form{
	background:#fff;
}

.table-form,
.table-form > tbody,
.table-form > tbody > tr,
.table-form > tbody > tr > th,
.table-form > tbody > tr > td{
	display:block;
	width:100%;
}

.table-form > tbody > tr > th,
.table-form > tbody > tr > td{
	margin-top:-1px;
}

.table-form td{
	padding:15px ;
}


}


.form2 .table-form th,
.form2 .table-form td{
	padding-top:10px;
	padding-bottom:10px;
}
.form2 .table-form td th,
.form2 .table-form td td{
	padding-top:0;
}

.table-form table{
	width:auto;
}


.otoiawasenaiyou th{
	width:26%;
	padding-right:1px;
	
}

#otoiawasenaiyou .head1 td{
	padding-bottom:3px;
}

.otoiawasenaiyou td{
	width:74%;
	padding-left:15px;
}
.taishogas td{
	font-size:12px;
	padding-right:5px;
}
.taishogas .group{
	margin-bottom:10px;
}

.form2 .taishogas .group{
	margin-bottom:15px;
}
.form2 .taishogas .group table{
	border-collapse:collapse;
}
.form2 .taishogas .group td{
	padding-bottom:0!important;
	padding-right:7px;
}
.taishogas select{
	max-width:130px;
}



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

.taishogas .group table{
}

.taishogas .group table,
.taishogas .group table tbody,
.taishogas .group table tr,
.taishogas .group table td{
	display:block;
	width:100%;
}

.taishogas .group table td{
	margin-bottom:10px;
}

.taishogas .group .head1{
	display:none!important;
}

.taishogas .group table td select{
	width:100%;
	max-width: initial;

}

.taishogas .sp-label{
	margin-bottom:5px;
}




}




.otoiawasenaiyou .gasplus{
	padding:3px!important;
	background:#F6F6F6;
	text-align:center;
}
.otoiawasenaiyou .gasplus span{
	background:url(../images/support/form/plus.jpg) left no-repeat;
	padding-left:12px;
	cursor:pointer;
	text-decoration:underline;
	color:#0000FF;
}
.otoiawasenaiyou .gasplus span:hover{
	text-decoration:none;
}


#otoiawasenaiyou.count-max .gasplus span{
	cursor:default;
	opacity:0.3;
	filter: alpha(opacity=30);
	background:none;
	text-decoration:none;
	color:#555;

}

#otoiawasenaiyou .group2,
#otoiawasenaiyou .group3,
#otoiawasenaiyou .group4,
#otoiawasenaiyou .group5{
	display:none;
}

/*


#otoiawasenaiyou.count2 .group2,
#otoiawasenaiyou.count3 .group3,
#otoiawasenaiyou.count4 .group4,
#otoiawasenaiyou.count5 .group5{
	display:block;
}
*/

.delete2{
text-decoration: underline;
cursor: pointer;
color: #555;
font-size: 90%;
}


.mokuteki-table td{
	padding-right:15px!important;
}

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

.otoiawasenaiyou .gasplus{
	width:auto;
	padding:10px!important;
}


.mokuteki-table,
.mokuteki-table tbody,
.mokuteki-table tr,
.mokuteki-table td{
	display: block;
}
.mokuteki-table td{
	margin-bottom:10px;
	padding:0!important;
}
.mokuteki-table tr:last-child td:last-child{
	margin-bottom:0;
}




}


.otoiawasenaiyou .is-blue{ color: #1400F6; }
.otoiawasenaiyou .is-bold{ font-weight: bold; }
.otoiawasenaiyou .is-ul{ text-decoration: underline; }
.otoiawasenaiyou .head-square-multiline{
	position: relative;
	color: #1400F6;
	font-weight: bold;
	padding-left: 1.5em;
}
.otoiawasenaiyou .head-square-multiline:before{
	position: absolute;
	display: table;
	top: 0.35em;
	left: 0;
	content: '';
	width: 0.9em;
	height: 0.9em;
	background-color: #1400F6;
}

#otoiawasenaiyou .group2,
#otoiawasenaiyou .group3,
#otoiawasenaiyou .group4,
#otoiawasenaiyou .group5{
	display:none;
}

#otoiawasenaiyou.count2 .group2,
#otoiawasenaiyou.count3 .group3,
#otoiawasenaiyou.count4 .group4,
#otoiawasenaiyou.count5 .group5{
	display:block;
}





.table-form th th,
.table-form th td,
.table-form td th,
.table-form td td{
	width:auto;
	background:none;
	border:0;
	padding:0 5px 10px 0;
}
.table-form th th,
.table-form th td{
	padding:0 5px 5px 0;
	vertical-align:top;
}


.table-form th span{
}

.table-form th img{vertical-align:middle;}


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

.address-table,
.address-table tbody,
.address-table tr,
.address-table td{
	display:block;
	width:100%;
}

.address-table tr{
	margin-bottom:5px;
}

}

.must{
	color:#d00;
}



img.must{
	vertical-align:middle;
	margin-right:5px;
	width:34px;
}

form input{margin-right:5px;}

.v-short{width:px;}

form .input{
	height:20px;
	line-height:20px;
	padding:2px 5px;
}

form .short{width:70px;}
form .middle{width:120px;}
form .long{width:330px;}


.w50{width:50px;}
.w60{width:60px;}


form textarea{
	width:540px;
	height:150px;
	padding:5px;
	max-width:100%;
}

.form2 form textarea{
	height:100px;
}

form select{
-moz-appearance: auto;
-webkit-appearance: auto;
cursor:pointer;
}


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

form .input{
	height:auto;
	line-height:1.6;
	padding:5px;
}
form select{
	padding:5px;
}

form .middle{width:220px;}
form .long{width:100%;}

form textarea{
	width:100%;
}



}

.hankaku{ime-mode:disabled;}


#error-messagebox{
	border:2px solid #D34746;
	background:#FBE4E4;
	padding:10px 15px;
	margin-bottom:25px;
	color:#E05454;
	font-weight:bold;
	display:none;
}


.error-box{
}
.error-box-half{
	float:left;
	width:200px;
	margin-right:10px;
}
.error-box-25per{
	float:left;
	width:23%;
	margin-right:5px;
}

/*
.error{
	background:#FBE4E4;
}
*/

label.error{
	background:url(../images/support/form/error-arrow.jpg) 35px bottom no-repeat;
	padding-bottom:5px;
	display:block;
	margin:0 5px 5px 0;
}
label.error span{
	display:block;
	border:1px solid #CE4B4B;
	background:url(../images/support/form/error-box.jpg) left repeat-x;
	border-radius: 5px;

	color:#fff;
	padding:5px 5px;
	line-height:19px;
	font-weight:bold;
	display:block;
}


.error_coution{
	font-weight:bold;
	color:#a00;
}

.form-button{
	margin-bottom:20px;
	text-align:center;
	position:relative;
	height:px;
}

@media print, screen and (min-width: 1024px) {

.form-button input,
.form-button img{
	margin:0 20px;
	vertical-align:middle;
}

.form-button .back,
.form-button .send{
	position:absolute;
	top:0px;
	vertical-align:top;
}


}

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

.form-button{
	clear:both;
}

.form-button input,
.form-button img{
	margin-bottom:20px;
}

}


.validation-advice{
	margin-bottom:30px;
	padding:15px 14px 10px 20px;
	border:1px solid #EEC2C2;
	background-color:#FBE4E4;
}
.question-wrap .validation-advice{
	margin:10px 0 0 0;
	color:#ce3131;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/support/form/error.jpg) 10px no-repeat #FBE4E4;
}


.validation-advice li{
	margin-bottom:5px;
	color:#ce3131;
	font-weight:bold;
	padding-left:20px;
	background:url(../images/support/form/error.jpg) left no-repeat;
}



#thanks{
	border:1px solid #CCCCCC;
	padding:65px 15px;
	text-align:center;
	margin-bottom:50px;
}
#thanks h2{
	font-size:26px;
	margin-bottom:20px;
}
#thanks p{
	margin-bottom:30px;
}
#thanks .back a{
	background:url(../images/support/form/back.jpg) left no-repeat;
	padding-left:18px;
}


.privacy-box{
	border:1px solid #D1D1D1;
	padding:10px;
	height:120px;
	overflow-y:scroll;
	margin-bottom:35px;
	background:#fff;
}
.privacy-box h3{
	font-size:117%;
	border-bottom:1px solid #D0D0D0;
	margin-bottom:3px;
}

.privacy-box .lead{
        padding-left:22px;
        margin-bottom:25px;
    }
    
.privacy-box dt{
        background:url(../images/common/line.jpg) left bottom repeat-x;
        font-size:16px;
        margin-bottom:12px;
        font-weight:bold;
        padding-bottom:3px;
    }
.privacy-box dd{
        margin-bottom:25px;
        padding-left:22px;
    }

.privacy-box img {
  margin-top: 0;
  vertical-align: text-bottom;
} 

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

.privacy-box{	
	height:200px;

}


}



/*
===== alcohol_checker =====
*/


.alcohol_checker-table{
	border-collapse:collapse;
	margin-bottom:30px;
	width:100%;
}

.alcohol_checker-table th,
.alcohol_checker-table td{
	border:1px solid #cccccc;
	vertical-align:middle;
	text-align:center;
}

.alcohol_checker-table thead th{
	background:#dddddd;
	font-weight:bold;
	padding:10px 5px;
}

.alcohol_checker-table td.keijo{
	width: 13%;
}

.alcohol_checker-table td{
	background:#fff;
	padding: 8px 7px;
	word-break: break-all;
}

.alcohol_checker-table .kataban{
}
.nowrap{
	white-space: nowrap;
}

.alcohol_checker-table .kataban a{
	color:#4A3C93;
	display:block;
	text-decoration:underline;
}
.alcohol_checker-table .kataban a:hover{
	text-decoration:none;
}


.alcohol_checker-table td.tokucho{
	text-align:left;
}
.alcohol_checker-table.ver-gas td.tokucho{
	width:230px;
}
.alcohol_checker-table td.kudou{
	text-align:left;
	width: 140px;
}

.alcohol_checker-table td.kudou div{
	line-height: 1.60;
}

.alcohol_checker-table td.kenchi span{
	white-space:nowrap;
	display:block;
}
.alcohol_checker-table td.kenchi span:after{
	content:",";
	display:inline;
}
.alcohol_checker-table td.kenchi span:last-child:after{
	display:none;
}
.alcohol_checker-table td.noudo{
	white-space:nowrap;
}

.alcohol_checker-table td.keijo{
	white-space:nowrap;
}


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

.alcohol_checker-table,
.alcohol_checker-table tbody,
.alcohol_checker-table tr,
.alcohol_checker-table td{
	display:block;
	width:100%;
}
.alcohol_checker-table tr{
	margin-bottom:15px;
}

.alcohol_checker-table td{
	margin-top:-1px;
}

.alcohol_checker-table thead,
.alcohol_checker-table .kataban,
.alcohol_checker-table .gaikan,
.alcohol_checker-table .keijo,
.alcohol_checker-table .meisho{
	display:none;
}

.alcohol_checker-table .sp-head{
	background:#dddddd;
	text-align:left;
}


.alcohol_checker-table .sp-data{
	margin-bottom:10px;
    display:flex;
    flex-wrap:wrap;
	align-items:center;


}

.alcohol_checker-table .sp-data .sp-gaikan{
	width:91px;
	margin-right:10px;
}
.alcohol_checker-table .sp-data .sp-keijo{
}

.alcohol_checker-table .quantity{
	text-align:right;
}


}


.alcohol_checker-table .img img{
	margin-bottom: -14px;
	margin-top: -5px;
	width: 65px;
}
.alcohol_checker-table.ver-alcohol .img img,
.alcohol_checker-table.ver-hyouka .img img{
	margin:0;
}

.alcohol_checker-table .name{
	/* font-weight:bold; */
	/* font-size:114%; */
}

.alcohol_checker-table.ver-hyouka .gaikan{
	width:100px;
}



/* en */

.form-faq .link2{
	margin-top:10px;
}
.form-faq .link2 a{
	display:inline-block;
	margin-right:10px;
}
.form-faq .link2 img{
	width:140px;
}