@charset "utf-8";

/* メイン */

h2 {
	margin: 0.5em 0 0 30px;
}

#main {
	text-align: left !important;
}

#box-catchimage {
    background-image: url("../img/inquiry_main.png");
}
#box-catchimage h1 {
    margin-top: 180px;
    color: black;
}

#inquiry {
    max-width: 860px;
    margin: 30px auto 0 auto;
    text-align: left;
    font-weight: 300;
		color: black;
}
#inquiry h2 {
	text-align: center;
}

.header {
	position: static;
}

main.info {
	background-color: white;
	color: black;
	padding-bottom:1%;
	overflow: hidden;
	text-align: left;
}

main.info a:link, main.info a:visited {
	color: black;
}

.box-i-1 {
}
.box-i-1:before{
    padding-top: 30%;
}
.box-i-1 .fit-box-inner {
	background-image:url(../img/info_title.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.box-i-1 h2 {
	text-align:center;
	margin:0;
	padding:0;
}

.box-i-2 {
	max-width: 1000px;
	margin: 60px auto 0;
}
.box-i-2 h2{
	margin: 0 auto 1em;
	text-align:center;
	}
.request {
	background:white;
	margin: 0;
	padding:0;
}
.form-row {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  justify-content:space-between;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap:nowrap;
	align-items: flex-start; 
	border-color: #999999;
	color: black;
	border-top: 1px solid #dedede;
	margin:0 5px;
    line-height: 1.8em;
	height: auto;
	box-sizing: border-box; 
}
.form-row input,
.form-row textarea,
.form-row select,
.form-row option {
	font-size: 1.4rem;
	padding:0;
	margin:0;
}
.form-row input,
.form-row textarea,
.form-row select{
	border: 1px solid #dedede;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
	padding:5px 0;
}
.form-row input,
.form-row textarea{
	margin-right:-5px;
	}
.form-row input.form_radio{
	margin-right:0;
	}
.form-row.zip select{
	margin:0.5em 0;
	}
.form-row:nth-last-child(2){
	border-bottom: 1px solid #dedede;
	}
.form-row.check {
	border-top: none;
	}
.form-row.check input{
	border: none;
	padding:0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
display:inline-block;
width:100%;
max-width:480px;
height:auto;
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1.0; /* FF , Netscape */
-khtml-opacity: 1.0; /* Safari 1.x */
opacity:1.0;
zoom:1; /*IE*/
  filter: saturate(100%);
	}
.form-row.check input:hover,
.form-row.check input:focus{
filter:alpha(opacity=60); /* IE 6,7*/
-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
-moz-opacity:0.6; /* FF , Netscape */
-khtml-opacity: 0.6; /* Safari 1.x */
opacity:0.6;
zoom:1; /*IE*/
  filter: saturate(100%);
	}
.form-row.check input:disabled{
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1.0; /* FF , Netscape */
-khtml-opacity: 1.0; /* Safari 1.x */
opacity:1.0;
zoom:1; /*IE*/
  filter: saturate(0%);
	}
.form-row.check div{
	width:100%;
	text-align:center;
	}
.form-row.check .inq_check input{
	width:90%;
max-width:191px;
	}
.form-row.check .inq_check input:nth-child(1){
	margin-right:5%;
	}
.form-row.check .inq_check input:nth-child(2){
	margin-left:5%;
	}

.form-row>div {
	padding:1em 0;
}
.form-col-name {
	width:30%;
	flex-grow: 3;
}
.form-col-require {
	width:3.5em;
	color:#fff;
	font-size:small;
	box-sizing: border-box; 
	padding:0 0.5em 0 0;
}
.form-col-require span{
	background-color:#fc7a4f;
	color:#fff;
	font-size:small;
	display:inline-block;
	padding:0 0.5em;
	}
.form-col-input {
	width:60%;
	flex-grow: 6;
}
.form-col-input span{
	margin-right:1em;
	}
.form-col-input span:last-child{
	margin-right:0;
	}
.form-row .pry{
	display:block;
	overflow-y: scroll;
	overflow-x: hidden;
	width:100%;
	height:200px;
	border:1px solid #666;
	}
.form-row .pry h4,
.form-row .pry h5{
	font-size:large;
	font-weight: bold;
	text-align:center;
	margin: 1em 0;
	}
.form-row .pry .box{
	width:100%;
	box-sizing:border-box;
	padding:0.5em;
	}
.form-row .pry .box h4{
	font-size:x-large;
	text-align:center;
	margin:0 0 1em 0;
	line-height:1.5;
	}
.form-row .pry .box h5{
	font-size:large;
	text-align:center;
	margin:0 0 0.8em 0;
	}
.form-row .pry .box p + h5{
	margin:1em 0 0.8em 0;
	}
@media screen and (max-width: 768px) {
	.box-i-2{
		margin-top: 3vw;
	}
.form-row {
	flex-wrap:wrap;
	}
.form-row>div {
	padding:10px 0;
}
.form-col-require {
	width:auto;
	color:#fff;
	font-size:small;
	}
.form-col-input {
	width:100%;
	flex-grow: 6;
	}
}

.backtoindex {
	text-align: right;
	padding-right: 10px;
}

a.btn_inquiry {
	display: none;
}

.footer {
	padding-bottom: 30px;
}

/*.request a:link, .request a:visited {
	color: blue;
}*/

@media screen and (max-width: 1024px){
	.form-row input,.form-row textarea,.form-row select, .form-row option {
		font-size: 1.4rem;
	}
}



@media screen and (max-width: 640px){
	.box-i-2{
		margin-top: 3vw;
	}
	.form-row input,.form-row textarea,.form-row select, .form-row option {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 360px){
	.box-i-2{
		margin-top: 3vw;
	}
}