@charset "UTF-8";
/* 
	
CSS page.css */






/*//////////////////


#index


//////////////////*/

/* common */
#index {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#index #sec_1 { padding: 50px 0; margin: 0; background: #eee; }
#index #sec_1 .insec { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
#index #sec_1 .insec .link { width: 100px; text-align: right; }
#index #sec_1 .newslist{ width: calc(100% - 150px) }
#index #sec_1 .newslist li dl dt { padding: 0; border-bottom: none; margin-bottom: 15px; }
#index #sec_1 .newslist li dl dd { padding: 0; border-bottom: none; margin-bottom: 15px; }
#index #sec_1 .newslist li:first-child dt,
#index #sec_1 .newslist li:first-child dd { border-top: none; }
#index #sec_1 .newslist li:last-child dt,
#index #sec_1 .newslist li:last-child dd { margin-bottom: 0; }
@media screen and (max-width: 767px) {
	#index #sec_1 .insec{ display: block; }
	#index #sec_1 .insec .link { width: 100%; text-align: center; }
	#index #sec_1 .newslist{ width: 100%; margin-bottom: 30px; }
	#index #sec_1 .newslist li dl dt { margin-bottom: 0; }
}


/* #sec_2 */
#index #secwrap_2 { background-image: url(../img/index/s1_bg.jpg); background-size: cover; background-position: center center; }
#index #sec_2 { }
#index #sec_2 .copybox { text-align: center; width: 100%; }
#index #sec_2 .copybox p { font-size: 30px; padding: 20px 0 50px; color: #fff; }
#index #sec_2 .txt { color: #fff; text-align: center; line-height: 2.25em; font-size: 18px; }
@media screen and (max-width: 1040px) {
	#index #sec_2 .txt { font-size: 16px; }
}
@media screen and (max-width: 767px) {
	#index #sec_2 .copybox { text-align: center; width: 100%; }
	#index #sec_2 .copybox p { font-size: 20px; padding-bottom: 30px; }
	#index #sec_2 .txt { text-align: left; line-height: 2.0em; font-size: 15px; }	
	#index #sec_2 .txt br:not(.bolock) { display: none; }
}
@media screen and (max-width: 767px) {
}

/* #sec_3 */
#index #sec_3 .txt1 { text-align: center; }
#index #sec_3 .insec .list>li{ display: flex; flex-wrap: wrap; align-items: center; background: #f7f7f7; }
#index #sec_3 .insec .list>li:nth-child(even){ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
#index #sec_3 .insec .list>li div.imgbox { width: 50%; }
#index #sec_3 .insec .list>li div.imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 300px;  }
#index #sec_3 .insec .list>li div.txtbox { width: 50%; padding: 30px 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#index #sec_3 .insec .list>li div.txtbox .boxtitle { font-size: 32px; padding-bottom: 5px; text-align: center;}
@media screen and (max-width: 1280px) {
	#index #sec_3 .list>li .insec div.txtbox { width: 50%; padding: 0px 2%; }
	#index #sec_3 .list>li .insec div.txtbox .boxtitle { font-size: 28px; }
	#index #sec_3 .list>li .insec div.txtbox p { font-size: 15px; }
}
@media screen and (max-width: 1040px) {
	#index #sec_3 .insec { display: block; background: none; }
	/*#index #sec_3 .insec .list>li div:not(.txtbox) { display: none; }*/
	#index #sec_3 .insec .list>li,
	#index #sec_3 .insec .list>li:nth-child(even){ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	#index #sec_3 .insec .list>li div.txtbox { width: 100%; padding: 30px 8%; margin-bottom: 10px; background: #f7f7f7; }
	#index #sec_3 .insec .list>li div.imgbox{ width: 100%; }
	#index #sec_3 .insec .list>li div.imgbox img{  height: 200px; }
}
@media screen and (max-width: 767px) {
	#index #sec_3 .insec .list>li div.txtbox .boxtitle { font-size: 20px; }
}
@media screen and (max-width: 639px) {
	#index #sec_3 .insec .list>li div.txtbox p { text-align: left; }
	
}

/* #sec_4 */
#index #secwrap_4 { background-image: url(../img/index/s4_bg.jpg); background-size: cover; background-position: center center; margin-bottom: 60px; }
#index #sec_4 { text-align: center; }
#index #sec_4 .title { width: 530px; margin: -20px auto 30px; }
#index #sec_4 .copy { font-size: 28px; color: #fff; font-weight: bold; line-height: 1; }
#index #sec_4 .txt { color: #fff;}
@media screen and (max-width: 767px) {
	#index #sec_4 .title { width: 320px; margin: -20px auto 30px; max-width: 100%; }
	#index #sec_4 .copy { font-size: 20px; line-height: 1.6; }
	#index #sec_4 .txt { text-align: left; }	
}







/*//////////////////


#company


//////////////////*/

/* common */
#company {  }
#company ul.list1 { }
#company ul.list1 li dl { display: flex; justify-content: space-between;  }
#company ul.list1 li dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#company ul.list1 li dl dt { padding: 25px 0; border-bottom: 1px solid #191919; width: 220px; }
#company ul.list1 li dl dd { padding: 25px 0; border-bottom: 1px solid #191919; width: calc(100% - 240px);    margin-left: 20px; }
#company ul.list1 li:first-child dt,
#company ul.list1 li:first-child dd { border-top: 1px solid #191919; }
@media screen and (max-width: 767px) { 
	#company ul.list1 li dl { display: block;  }
	#company ul.list1 li dl dt { padding: 0; padding-top: 15px; border-bottom: none; width: 100%; font-weight: bold; }
	#company ul.list1 li dl dd { padding: 0; padding-bottom: 15px; width: 100%; margin-left: 0; }	
	#company ul.list1 li:first-child dd { border-top: none; }
}

/* #mainv */
#company #mainv { background-image: url(../img/company/mainv.jpg); }
	
/* #sec_1 */
#company #sec_1 { }
#company #sec_1 .txtstyle1 { text-align: center; font-feature-settings: "palt"; }
#company #sec_1 .txt1 { margin-bottom: 20px; }
#company #sec_1 .txt2 { display: flex; justify-content: flex-end; align-items:center; }
#company #sec_1 .txt2 span { padding-right: 20px; }
#company #sec_1 .txt2 img { width: 190px; line-height: 1; }
#company #sec_1 .inblock { margin-bottom: 30px; }
#company #sec_1 .title { font-size: 28px; text-align: center; font-weight: bold; margin-bottom: 10px; }
#company #sec_1 .bgbox p { font-size: 18px; text-align: center; }
#company #sec_1 .imgbox { display: flex; }
#company #sec_1 .imgbox img { flex : 1 1 auto; width: 0%; }
@media screen and (max-width: 767px) { 
	#company #sec_1 .txt1 { margin-bottom: 10px; }
	#company #sec_1 .txt2 { display: block; text-align: right; }
	#company #sec_1 .txt2 span { padding-right: 0; margin-bottom: 10px; display: block;}
	#company #sec_1 .txt2 img { width: 160px; }
	#company #sec_1 .inblock { margin-bottom: 20px; }
	#company #sec_1 .title { font-size: 18px; }
	#company #sec_1 .bgbox p { font-size: 15px; text-align: center; }
	#company #sec_1 .imgbox { display: block; }
	#company #sec_1 .imgbox img { width: 100%; }
}

/* #sec_2 */
#company #sec_2 { }
#company #sec_2 .map iframe { height: 530px; margin-bottom: 20px; }
#company #sec_2 .map .txt1 { text-align: center; margin-bottom: 30px; }
#company #sec_2 .map .txt1 span.none { white-space: pre-wrap; }
#company #sec_2 .map .txt1 span:not(.none) { display: inline-block; }
@media screen and (max-width: 1040px) { 
	#company #sec_2 .map incnt { width: 100%; margin: 0; }
}
@media screen and (max-width: 767px) { 
	#company #sec_2 .map iframe { height: 300px; }
	#company #sec_2 .map .txt1 span { display: inline-block; }
	#company #sec_2 .map .txt1 span.none { display: none; }
}









/*//////////////////


#business.index


//////////////////*/

/* common */
#business.index {  }
@media screen and (max-width: 767px) { 
}

/* #mainv */
#business.index #mainv { background-image: url(../img/business/mainv.jpg); }


/* #sec_1 */
#business.index #sec_1 .txt1 { text-align: center; }
#business.index #sec_1 .insec { display: flex; flex-wrap: wrap; align-items: center; background: #f7f7f7; }
#business.index #sec_1 .insec div { width: 50%; }
#business.index #sec_1 .insec div.txtbox { width: 42%; padding: 0 4%; }
#business.index #sec_1 .insec div img { max-width: 100%; }
#business.index #sec_1 .insec div.txtbox .en { font-size: 18px; padding-bottom: 10px;}
#business.index #sec_1 .insec div.txtbox .copy { font-size: 28px; margin-bottom: 15px; line-height: 1.7; font-weight: bold; }
#business.index #sec_1 .insec div.imgbox { display: none; }
@media screen and (max-width: 1280px) {
	#business.index #sec_1 .insec div.txtbox .en { padding-bottom: 5px;}
	#business.index #sec_1 .insec div.txtbox .copy { font-size: 24px; }
	#business.index #sec_1 .insec div.txtbox .txt { font-size: 15px; }
}
@media screen and (max-width: 1040px) {
	#business.index #sec_1 .insec { display: block; background: none; }
	#business.index #sec_1 .insec div:not(.txtbox) { display: none; }
	#business.index #sec_1 .insec div.txtbox { width: 84%; padding: 30px 8%; margin-bottom: 10px; text-align: center; background: #f7f7f7; }
	#business.index #sec_1 .insec div.txtbox .txt { font-size: 16px; }
	#business.index #sec_1 .insec div.imgbox { display: flex; width: 100%; }
	#business.index #sec_1 .insec div.imgbox .item { flex : 1 1 auto; width: 0%; display: block; }
}
@media screen and (max-width: 767px) {
	#business.index #sec_1 .insec div.imgbox { display: block; width: 100%; text-align: center; }
	#business.index #sec_1 .insec div.imgbox .item { width: 100%; }
	#business.index #sec_1 .insec div.txtbox .en { font-size: 16px; padding-bottom: 5px;}
	#business.index #sec_1 .insec div.txtbox .copy { font-size: 18px; text-align: left; }
	#business.index #sec_1 .insec div.txtbox p { text-align: left; }	
	#business.index #sec_1 .insec div.txtbox .txt { font-size: 15px; }
	#business.index #sec_1 .insec div.imgbox { display: block; width: 100%; text-align: center; }
	#business.index #sec_1 .insec div.imgbox .item { width: 100%; }
}


/* #sec_2 */
#business.index #secwrap_2 { background: #f7f7f7; }
#business.index #sec_2 .insec { margin-bottom: 60px; }
#business.index #sec_2 .box {padding: 40px 8%;background: #fff;margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;}
#business.index #sec_2 .box .title { font-size: 28px; width: 280px; font-weight: bold; line-height: 1.6; }
#business.index #sec_2 .box .txt {width: calc(100% - 280px);}
#business.index #sec_2 .imgbox { display: flex; }
#business.index #sec_2 .imgbox .item { flex : 1 1 auto; width: 0%; }
#business.index #sec_2 .box:last-child { display:block; }
#business.index #sec_2 .box_2 { display:flex; }
#business.index #sec_2 .box_2 .txtbox {width: calc(100% - 280px);}
#business.index #sec_2 .box_2 .txtbox .txt { width:100%; }
#business.index #sec_2 .box_2 .txtbox .btnbox { text-align:left; } 
@media screen and (max-width: 1040px) { 
	#business.index #sec_2 .box { display: block; }
	#business.index #sec_2 .box .title { width: 100%; text-align: center; }
	#business.index #sec_2 .box .txt {  width: 100%; }
	#business.index #sec_2 .box_2 { display: block; }
	#business.index #sec_2 .box_2 .title { width: 100%; text-align: center; }
	#business.index #sec_2 .box_2 .txtbox {width:100%;}
	#business.index #sec_2 .box_2 .txtbox .btnbox { text-align:center; } 
}
@media screen and (max-width: 767px) { 
	#business.index #sec_2 .insec { margin-bottom: 10px; }
	#business.index #sec_2 .box { padding: 8%; margin-bottom: 10px; }
	#business.index #sec_2 .box .title { font-size: 18px; }
	#business.index #sec_2 .imgbox { display: block; }
	#business.index #sec_2 .imgbox .item { width: 100%; }
}











/*//////////////////


#business.equipment


//////////////////*/

/* #mainv */
#business.equipment #mainv { background-image: url(../img/business/equipment/mainv.jpg); }

/* #sec_1 */
#business.equipment #sec_1 .insec { margin-bottom: 100px; }
#business.equipment #sec_1 .list1 li { text-align: center; font-size: 24px; font-weight: bold; line-height: 1.7; }
#business.equipment #sec_1 .txt2 { text-align: center; }
#business.equipment #sec_1 .box { padding: 40px 8%; background: #fff; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; background: #f7f7f7; }
#business.equipment #sec_1 .box .title { font-size: 28px; width: 280px; font-weight: bold; }
#business.equipment #sec_1 .box .txt {  width: calc(100% - 280px); }
@media screen and (max-width: 1040px) { 
	#business.equipment #sec_1 .box { display: block; }
	#business.equipment #sec_1 .box .title { width: 100%; text-align: center; }
	#business.equipment #sec_1 .box .txt {  width: 100%; }
}

@media screen and (max-width: 767px) { 	
	#business.equipment #sec_1 .insec { margin-bottom: 60px; }
	#business.equipment #sec_1 .list1 li { font-size: 15px; display: block; margin-bottom: 5px; padding-left: 0.5em; text-indent: -0.5em; }
	#business.equipment #sec_1 .list1 li:before { content:'・'; }
	#business.equipment #sec_1 .txt2 { text-align: left; }
	#business.equipment #sec_1 .box { padding: 8%; margin-bottom: 10px; }
	#business.equipment #sec_1 .box .title { font-size: 18px; }
}

/* #sec_2 */
#business.equipment #sec_2 .list{ display: flex; flex-direction: row; margin-left: -10px; margin-bottom: -10px; }
#business.equipment #sec_2 .list>li{ width: calc(33.33% - 10px); margin-left: 10px; margin-bottom: 10px; }
@media screen and (max-width: 1040px) { 
}
@media screen and (max-width: 767px) { 
	#business.equipment #sec_2 .list{ display: block; margin-left: 0; }
	#business.equipment #sec_2 .list>li{ width: 100%; margin-left: 0;}
}

#business.equipment #sec_3 { margin-bottom: 60px; }
#business.equipment #sec_3 .txt{ font-size: 18px; margin-bottom: 40px; text-align: center; }
#business.equipment #sec_3 .copy { font-size: 34px; margin-bottom: 20px; letter-spacing: -0.1em; text-align: center;  }
#business.equipment #sec_3 .box { display: flex; justify-content: center; }
#business.equipment #sec_3 .box .tel {  }
#business.equipment #sec_3 .box .tel span { font-size: 34px; margin-right: 3px; vertical-align: middle; }
#business.equipment #sec_3 .box .btn { display: inline-block; margin-left: 30px; }
#business.equipment #sec_3 .box .btn svg { width: 25px; height: 18px; margin-right: 5px; vertical-align: middle;}

#business.equipment #sec_3 .map{ margin-top: 40px; }
#business.equipment #sec_3 .map iframe { height: 530px; margin-bottom: 20px; }
#business.equipment #sec_3 .map .txt1 { text-align: center; margin-bottom: 30px; }
#business.equipment #sec_3 .map .txt1 span.none { white-space: pre-wrap; }
#business.equipment #sec_3 .map .txt1 span:not(.none) { display: inline-block; }
@media screen and (max-width: 1040px) {
	#business.equipment #sec_3 .copy { font-size: 28px; }
	#business.equipment #sec_3 .box { display: block; text-align: center;  }
	#business.equipment #sec_3 .box .btn { display: inline-block; width: auto; margin-left: 0px; margin-top: 10px; width: 350px;}
	#business.equipment #sec_3 .box .btn svg { width: 25px; margin-right: 5px; vertical-align: text-top;  }
	#business.equipment #sec_3 .box .btn span { vertical-align: middle; }
}
@media screen and (max-width: 767px) {
	#business.equipment #sec_3 .txt{ font-size: 16px; text-align: left; }
	#business.equipment #sec_3 .copy { font-size: 20px; }
	#business.equipment #sec_3 .box .tel { line-height: 1.5; margin-bottom: 10px; }
	#business.equipment #sec_3 .box .tel span { font-size: 30px; margin-right: 0px; display: block; }
	#business.equipment #sec_3 .box .btn { width: auto;}
	#business.equipment #sec_3 .box .btn span span { display: none; }
	#business.equipment #sec_3 .map iframe { height: 300px; }
	#business.equipment #sec_3 .map .txt1 span { display: inline-block; }
	#business.equipment #sec_3 .map .txt1 span.none { display: none; }
}



/*//////////////////


#recruit


//////////////////*/

/* common */
#recruit {  }
#recruit ul.list1 { }
#recruit ul.list1 li dl { display: flex; justify-content: space-between;  }
#recruit ul.list1 li dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#recruit ul.list1 li dl dt { padding: 25px 0; border-bottom: 1px solid #191919; width: 220px; }
#recruit ul.list1 li dl dd { padding: 25px 0; border-bottom: 1px solid #191919; width: calc(100% - 240px);    margin-left: 20px; }
#recruit ul.list1 li:first-child dt,
#recruit ul.list1 li:first-child dd { border-top: 1px solid #191919; }
@media screen and (max-width: 767px) { 
	#recruit ul.list1 li dl { display: block;  }
	#recruit ul.list1 li dl dt { padding: 0; padding-top: 15px; border-bottom: none; width: 100%; font-weight: bold; }
	#recruit ul.list1 li dl dd { padding: 0; padding-bottom: 15px; width: 100%; margin-left: 0; }	
	#recruit ul.list1 li:first-child dd { border-top: none; }
}


/* #mainv */
#recruit #mainv { background-image: url(../img/recruit/mainv.jpg); }


/* #sec_1 */
#recruit #sec_1 .insec { margin-bottom: 100px; }
#recruit #sec_1 .list1 li { text-align: center; font-size: 24px; font-weight: bold; line-height: 1.7; }
#recruit #sec_1 .txt2 { text-align: center; }
#recruit #sec_1 .box { padding: 40px 8%; background: #fff; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; background: #f7f7f7; }
#recruit #sec_1 .box .title { font-size: 28px; width: 280px; font-weight: bold; }
#recruit #sec_1 .box .txt {  width: calc(100% - 280px); }
#recruit #sec_1 .imgbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#recruit #sec_1 .imgbox>img { float: left; width: 33.333%; }
@media screen and (max-width: 1040px) { 
	#recruit #sec_1 .box { display: block; }
	#recruit #sec_1 .box .title { width: 100%; text-align: center; }
	#recruit #sec_1 .box .txt {  width: 100%; }
}

@media screen and (max-width: 767px) { 	
	#recruit #sec_1 .insec { margin-bottom: 60px; }
	#recruit #sec_1 .list1 li { font-size: 15px; display: block; margin-bottom: 5px; padding-left: 0.5em; text-indent: -0.5em; }
	#recruit #sec_1 .list1 li:before { content:'・'; }
	#recruit #sec_1 .txt2 { text-align: left; }
	#recruit #sec_1 .box { padding: 8%; margin-bottom: 10px; }
	#recruit #sec_1 .box .title { font-size: 18px; }
	#recruit #sec_1 .imgbox { display: block; }
	#recruit #sec_1 .imgbox>img { width: 50%; }
}


/* #sec_1 */
#recruit #sec_2 .list1 { margin-bottom: 40px; }
@media screen and (max-width: 767px) { 	
	#recruit #sec_2 .list1 { margin-bottom: 30px; }
}












/*//////////////////


#news


//////////////////*/

/* common */
#news {  }
@media screen and (max-width: 767px) { 
}

/* #mainv */
#news #mainv { background-image: url(../img/news/mainv.jpg); }













/*//////////////////


#contact


//////////////////*/

/* common */
form .formbox>ul { }
form .formbox>ul>li { margin-bottom: 20px; }
form .formbox>ul>li:last-child { margin-bottom: 0 }
form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
form .formbox>ul>li>dl>dt { width: 180px; padding-top: 25px }
form .formbox>ul>li>dl>dt { padding-top: 25px; }
form .formbox.check>ul>li>dl>dt { padding-top: 0; }
form .formbox>ul>li>dl>dd { width: calc(100% - 200px); }
form .formbox>ul>li>dl>dd>ul.tategroup>li { margin-bottom: 10px }
form .formbox>ul>li>dl>dd>ul.tategroup>li:last-child { margin-bottom: 0; }
form .formbox>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
form .formbox>ul>li>dl>dd>ul.yoko{ margin-left: -20px }
form .policy { padding: 40px; background: #f7f7f7; height: 200px; overflow: scroll; margin-bottom: 60px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li>dl{ flex-direction: column }
	form .formbox>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	form .formbox>ul>li>dl>dd{ width: 100%; }
	form .policy { padding: 8%; }
}
@media screen and (max-width: 639px) { 
	form .formbox>ul>li>dl>dd>ul.yoko>li{ display: block; }
}

/* radiocheck */
form .formbox>ul>li.radiocheck { padding: 35px 0; }
form .formbox>ul>li.radiocheck>dl { padding-bottom: 45px; }
form .formbox>ul>li.radiocheck>dl:last-child { padding-bottom: 0px; }
form .formbox>ul>li.radiocheck>dl>dt { padding-top: 0; }
form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li.radiocheck { padding: 20px 0; }
	form .formbox>ul>li.radiocheck>dl { padding-bottom: 30px; }
	form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
}

/* #sec_intro */
#contact #sec_intro .box { margin-top: 40px; text-align: center; }
#contact #sec_intro .tel { font-size: 38px; line-height: 1.5; }
#contact #sec_intro .txt_thanks { font-size: 18px; text-align: center; }
@media screen and (max-width: 767px) { 
	#contact #sec_intro .box { margin-top: 30px; }
	#contact #sec_intro .tel { font-size: 28px; }
	#contact #sec_intro .txt_thanks { font-size: 15px; }
}

/* #mainv */
#contact #mainv { background-image: url(../img/contact/mainv.jpg); }

/* #sec_form */
#contact #sec_form .txt1 { margin-bottom: 40px; }
@media screen and (max-width: 767px) { 
	#contact #sec_form .txt1 { margin-bottom: 20px; }
}



/*//////////////////


#privacy


//////////////////*/
/* #mainv */
#privacy #mainv { background-image: url(../img/privacy/mainv.jpg); }