@charset "UTF-8";
/*contact*/

.breadcrumbsBox{background-color:#eaeaea !important;}


#mitumori{padding:0 4% 90px 4%;}
#mitumori .nagare{margin:0 auto 60px; max-width: 1000px;width:100%; position: relative;}
#mitumori .nagare dt{text-align: center; margin-bottom:10px;}
#mitumori .nagare dt img{max-width: 110px; width:100%;}
#mitumori .nagare dl dd span img{width: 100%;}
#mitumori .nagare dl dd span{display: block; text-align: center; width:100%; margin-bottom:10px;}
#mitumori .nagare dl:first-child dd span img{max-width:190px;}
#mitumori .nagare dl:nth-child(2) dd span img{max-width:214.5px;}
#mitumori .nagare dl:nth-child(3) dd span img{max-width:113px;}
#mitumori .nagare dl:nth-child(4) dd span img{max-width:110.5px;}
#mitumori .nagare dl dd p{
	font-size: 1.5rem;
text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */
}
@media only screen and (min-width:813px){
#mitumori .nagare::after{
content: "";
width: 77.6%;
height: 6px;
background-color: #d02714;
position: absolute;
left: 0;
right: 0;
top: 15%;
margin: 0 auto;
z-index: -1;}
#mitumori .nagare{display: flex; justify-content: space-between;}
#mitumori .nagare dl{width:21%;}
#mitumori .nagare dl:not(:nth-child(4)){margin-right:5.2%;}

	.btn_tel_sp{display: none !important;}	
	.btn_oisogi{width:100%; max-width:702px; margin:0 auto; display:block !important;}
}

@media only screen and (max-width:812px){
#mitumori .nagare dl:not(:last-child){margin-bottom:40px;}
	
.btn_tel_sp{width:100%; max-width:100%; padding:10px;background-color: #ffef00;text-align: center;color:#d02714;
position: relative;display: inline-block !important;line-height: 1.2; margin-bottom: 45px;}
.btn_tel_sp i{font-size: 2.2rem;margin-right: 5px;}
.btn_tel_sp span.no{ font-size: 2.9rem;
	font-family: 'Montserrat', sans-serif; font-weight:800;
	color: #d02714;
	letter-spacing: 1.6px;
	display: block;
	margin-top: 5px;
}
.btn_tel_sp span:last-of-type{font-size: 1.4rem;line-height: 1;}
	#bnrlist .btn_flyey{width:103%;}
	#bnrlist .btn_flyey{margin-left: -3%;}

}

#contact{padding:60px 4%;background-color:#eaeaea;width: 100%;}
#contact .textBox{margin-bottom: 60px;}
#contact .textBox p{font-size: 1.4rem; line-height:2.4;}


.contact_flow{margin:0 auto; max-width:1000px;}
.contact_flow{display: flex; justify-content: space-between; margin-bottom:30px;}
.contact_flow li{width:33.2%; background-color:#aaaaaa; color:#FFF; text-align: center; padding:10px;}
.contact_flow li.ac{background-color:#d02714;}

#contact .contentBox{font-size: 1.4rem; margin-bottom:40px; }


#contact .formBox{ font-size:1.5rem;}

.FormTable th{width:100%; padding:20px 0 5px 0; display: inline-block; text-align: left; font-weight: 900;}
.FormTable td{width:100%; padding:5px 0 10px 0; display: inline-block; text-align: left;}

.FormTable th span{line-height: 1.2; margin-right:8px; color:#fff; background-color:#666666; padding:5px 8px; font-size: 1.2rem; text-align: center; display: inline-block;}
.FormTable th span.check{line-height: 1.2; margin-right:8px; color:#111; padding:3px 8px; font-size: 1.2rem; text-align: center; display: inline-block;background-color: none !important;}
.FormTable span.hisu{font-weight: 900; line-height: 1.2; margin-right:8px; color:#fff; background-color:#cc0010; padding:5px 8px; font-size: 1.2rem; text-align: center; display: inline-block;}
ul.contact-list{padding-left:2.5rem; margin-bottom:40px;}
ul.contact-list li{list-style-type:disc; line-height:1.5em; margin:5px 0; }
#contact textarea{
    height: 100%;
    min-height: 300px;
}
#contact .btn05{ margin-right:20px;}
#contact .btnBox{text-align: center;}
.douisuru{text-align: center; margin-bottom:30px;}
/*.inputwrap {display: flex;width: 100%;}*/
input#choice01,input#choice02,input#choice03 {
    padding: 8px 20px;
    width: 80% !important;
}
input#choice01::placeholder,input#choice02::placeholder,input#choice03::placeholder {
    color: #111;
}
select.time {
    width: 100%;
    -webkit-appearance: none;
    appearance: none; /* デフォルトのスタイルを無効 */
}
select.time::-ms-expand {
    display: none; /* デフォルトのスタイルを無効(IE用) */
}

.formcord {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
main.form{margin:80px 0 0}
.checkbox input[type=checkbox]{ 
    border: 0.5px solid #000;
}

.FormTable input[type="text"][disabled] {
    background: #eee;
	cursor: not-allowed;}
.sendBtn {
display: block;
}
.formTxt {
	max-width: 1000px;
	margin: 0 auto 40px;
    line-height: 4rem;
}
.formTxt li:before {
    content: '・';
}
.formTxt li {
    display: flex;
}
.btn_form{
display: inline-block;
position: relative;
font-weight: 400;
background-color: #d02714;
max-width: 440px;
width: 100%;
padding: 15px;
color: #fff;
font-size: 1.6rem;
line-height: 40px;
text-align: center;
min-height: 60px;
font-weight: bold;
}
.btn_form::after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    font-family: 'icomoon' !important;
    content: "\f061";
    font-size: 1.6rem;
    font-weight: normal;
}
.btn_tel02 {
    font-size: 2.4rem;
    margin-top: 8px;
    font-weight: 900;
    color: #103454;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 6px 20px;
    color: #103454;
    text-align: center;
    min-height: 40px;
    border: 1px solid #103454;
}
.top_select1 {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	/*margin-left: -30px;*/
}

#c_day {width: 40%;}
td.days {display: flex;align-items: center;justify-content: flex-start;/*! justify-content: flex-end; */}
td.days > p {font-weight: bold;width: 14%;margin-right: auto;}
td.days > .inputwrap{width:85%; display: flex; justify-content: flex-end; align-items: center;}
td.days > .inputwrap .select_label{display: inline-block; width:70%; margin-left: 1%;} 
td.confirmDay>p {font-weight: bold; margin-right: 20px;}
p.conf{font-weight: normal !important;}
td.confirmDay {display: flex;align-items: center;}





p.time {font-size: 14px;font-weight: normal;}
#jobdescription {margin-bottom: 100px;}

.btn_form:hover{opacity: 0.6;}

.renraku_list{display: flex; flex-wrap: wrap;}
.renraku_list li{padding:3px 5% 3px 0;}


.family_list{display: flex; flex-wrap: wrap;}
.family_list li{padding:3px 5% 3px 0;}

.qualification_list{display: flex; flex-wrap: wrap;}
.qualification_list li{padding:3px 5% 3px 0;}

.c_workstyle_list{display: flex; flex-wrap: wrap;}
.c_workstyle_list li{padding:3px 5% 3px 0;}

li.ck_text{width:100%; padding:3px 0 3px 0;}
li.ck_text label{vertical-align: middle;}
li.ck_text input[type="text"]{margin-left:23px; width:80%; margin-top: 5px;}


.maxcontact .contactBox{padding: 40px;}

.contactBox {background-color: #fff;padding: 40px; margin:0 auto; max-width:1000px;}

@media only screen and (min-width:813px){
#contact .tableBox{display:flex; justify-content: space-between; align-items: flex-start; margin-bottom:40px; }
#contact .textBox{text-align: center;}
#contact .tableBox table{max-width:48%; width:100%;}
.tableBox {
    display: block;
}
}
/* @media (max-width: 1024px) {
    td.days::after {
        right: 300px;
    } */

@media only screen and (max-width:812px){
     .maxcontact .contactBox{padding: 40px 4% !important;}
   .contactBox {padding: 25px 4%;}
	.btn_form {margin-top: 40px;}
    td.days > .inputwrap{width:100%;}
    td.days > p{margin-right:0; width:100%;}
    td.days{display: inline-block;}
	td.days > p {}
	#contact .formBox{padding:0 0 60px;}
	.FormTable{width:100%;}
.FormTable th{width:100%; padding:10px 0 5px 0;}
	.FormTable td{width:100%; padding:0 0 10px 0;}
	#contact .btnBox .btn05{min-width:inherit; max-width:100%; width:35%; margin-right:3%}
    #contact .btnBox .btn04{min-width:inherit; max-width:100%; width:50%; }
    .formTxt {
        line-height: 3rem;
    }
    .formTxt li {
        margin-bottom: 10px;
    }

    input#choice01,input#choice02,input#choice03 {
        padding: 8px 20px;
    }
    td.confirmDay>p {font-weight: bold; margin-right: 10px;}
    main.form {margin: 0;}
    td.days::after {
        right: 25px;
        font-size: 10px;
    }
    input#choice01::placeholder,input#choice02::placeholder,input#choice03::placeholder {
        color: #111 !important;
    }
	
.renraku_list{display: block;}
.renraku_list li{display: inline-block;}
	
.family_list{display: block;}
.family_list li{display: inline-block;}

.qualification_list{display: block;}
.qualification_list li{display: inline-block;}

.c_workstyle_list{display: block;}
.c_workstyle_list li{display: inline-block;}
    li.ck_text input[type="text"]{margin-left:5px; margin-left: 23px;}
    .contact_flow li{width:33%;}
}

    .ui-widget-content .ui-datepicker-today { opacity: 1 !important; }
    .ui-widget-content .ui-datepicker-today > .ui-state-default { border: 1px solid #FAD42E; background: #FAF3D4; color: #CCAD25; font-weight: bold; }

.telBox{color:#103454;}

@media only screen and (min-width:813px){
.telBox .btn_tel{
color:#103454 !important;
}
.telBox .btn_tel span{font-size: 3.0rem; margin-top:8px; font-weight:900; color:#103454; font-family: 'Montserrat',sans-serif; letter-spacing: 0.1em}
.telBox .btn_tel i{font-size:2.6rem; margin-right:5px; color:#103454;}
}
@media only screen and (max-width:812px){
.telBox .btn_tel i {
 font-size:2rem;
 margin-right:5px;
    color: #103454;
}
.telBox .btn_tel{
  display:inline-block;
  position:relative;
  width:100%;
  padding:6px 20px;
  text-align:center;
  min-height:40px;
border:1px solid #103454;
     color: #103454;
}
.telBox .btn_tel span {
 font-size:2.4rem;
 margin-top:8px;
 font-family:'Montserrat',sans-serif;
 font-weight:700;
 color:#103454;
 letter-spacing:2.4px
}
}


/* ショールーム */
#showroom{padding:0 4% 60px 4%;}

#showroom .main_img{
	padding:60px 4%;
width: 100vw;
margin: 0 calc(50% - 50vw);
}

#showroom .main_img ul img{width:100%;}

#showroom .main_img ul:first-child{display: flex; margin:0 auto 20px; max-width: 1000px; width:100%; justify-content: space-between;}
#showroom .main_img ul:first-child img{max-width:235px;}
#showroom .main_img ul:nth-of-type(2) img{max-width: 320px;}
#showroom .nagare{margin:60px auto 40px; max-width: 760px;width:100%; position: relative;}

#showroom .nagare dt{text-align: center; margin-bottom:10px;}
#showroom .nagare dt img{max-width: 110px; width:100%;}
#showroom .nagare dl dd span img{width: 100%;}
#showroom .nagare dl dd span{display: block; text-align: center; width:100%; margin-bottom:10px;}
#showroom .nagare dl:first-child dd span img{max-width:190px;}
#showroom .nagare dl:nth-child(2) dd span img{max-width:214.5px;}
#showroom .nagare dl:nth-child(3) dd span img{max-width:78.5px;}
#showroom .nagare dl dd p{
	font-size: 1.6rem;
text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */
}
@media only screen and (min-width:813px){
#showroom .main_img{
	background: url(../img/reserve/bg.jpg) no-repeat center top;
	background-size: cover;
}
#showroom .main_img ul:first-child li{width:23.5%;}	
	
	
#showroom .main_img ul:nth-of-type(2){display: flex; max-width: 1000px; width:100%; justify-content: space-between; margin: 0 auto;}
#showroom .main_img ul:nth-of-type(2) li{width:32%; }

#showroom .nagare::after{
content: "";
width: 77.6%;
height: 6px;
background-color: #d02714;
position: absolute;
left: 0;
right: 0;
top: 15%;
margin: 0 auto;
z-index: -1;}
#showroom .nagare{display: flex; justify-content: space-between;}
#showroom .nagare dl{width:220px;}
#showroom .nagare dl:not(:nth-child(3)){margin-right:50px;}
}

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

#showroom .main_img{
	background: url(../img/reserve/bg.jpg) no-repeat center top;
	background-size:auto 100%;
}
	#showroom .main_img ul:first-child{flex-wrap: wrap;}
	#showroom .main_img ul:first-child li{width:50%; text-align: center; padding:10px;}
	#showroom .main_img ul:nth-of-type(2) li{text-align: center;}
	#showroom .main_img ul:nth-of-type(2) li:not(:last-child){margin-bottom: 15px;}
#showroom .main_img ul:nth-of-type(2) img{max-width: 222px;}
#showroom .nagare dl:not(:last-child){margin-bottom:40px;}
}

/*button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: none;
  border-radius: 0;
}*/

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}

.modal-window {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 60%;
background-color: #fff;
border-radius: 3px;
z-index: 11;
padding: 2rem;
overflow-y: auto;
}

.button-close {
width: 200px;
padding: 1em;
background-color: #d02714;
color: #fff;
cursor: pointer;
margin-top: 40px;
}


.section-title {
  text-align: center;
  margin: 2em;
  font-size: 20px;
}

.button-open {
  display:inline-block;
  cursor: pointer;
 text-decoration: underline;
}

.button-open:hover{text-decoration:none;}

.wrap {
  padding: 100px 0;
}

/* 表示領域外へはスクロールさせない */
.no_scroll {
  overflow: hidden;
}