@charset "utf-8";
@media screen and (max-width : 767.9999px ){
/*--------------------------------------------

	 BASE

--------------------------------------------*/
body {
	min-width:inherit;
    font-size: 14px;
    margin: 0;
}
.secInner{
    max-width: 100%;
    padding:0 6.9%;
}
#wrapper{
    width: 100%;
	}
/*--------------------------------------------

	drawer

--------------------------------------------*/
.drawer-hamburger{
    width: 75px;
    padding:24px 25px 59px 28px;
    background-color: #e4e4e4;
    box-sizing: border-box;
    top: -2px;
}
.under .drawer-hamburger{
    padding:34px 23px 34px 30px;
}
.drawer-open .drawer-hamburger{
    background-color: transparent;
}
.drawer-hamburger:after {
    content: "MENU";
    display: block;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #333;
    letter-spacing: 0.05em;
    writing-mode:tb-rl;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}
.under .drawer-hamburger:after {
    content: "";
}
.drawer-open .drawer-hamburger:after{
    content: "";
}
.drawer-hamburger-icon{
    background-color:#333;
    margin-top: 0;
}
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
    width: 120%;
    background-color:#333;
    left: inherit;
    right: 0;
}
.drawer--top.drawer-open .drawer-nav{
    background-color: #fff;
    height: 100%;
}
.drawer-menu{
    padding:7.6% 6.6% 28%;
    box-sizing: border-box;
    position: relative;
}
.drawer-menu:after{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #14cf97 45%,#dcfa34);
}
.drawer_logo{
    margin-bottom: 60px;
    padding-right: 50px;
}
.drawer_logo img{
    width: 245px;
}
.drawer-menu .dw_list{
    margin-bottom: 50px;
}
.drawer-menu li{
    border: 0;
    margin-bottom: 0;
    text-align: center;
}
.drawer-menu li{
    border-bottom: 2px dotted #333
}
.drawer-menu li a,.dw_list .blognavi{
    color: #333;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding:26px 0 22px;
    display: block;
}
    .dw_list .blog{
        font-size: 12px;
        padding-left: 1em;
    }
.drawer-menu  .address-box{
    font-size: 13px;
    color: #333;
}
/*--------------------------------------------

	HEADER

--------------------------------------------*/
.common_line_floating{
  width: 200px;
}
#header{
    padding: 15px 0 15px 25px;
    box-sizing: border-box;
    height: 70px;
}
.under #header{
    background-color: #fff;
}
.under #header:before {
    width: 10px;
}
#header .header_nav{
    padding: 0;
}
.under #header .header_nav{
    padding: 0;
}
.under #header .navi_headBox {
    margin-bottom: 0;
}
#header .navi_list{
   display: none;
}
#header .navi_logo{
    width: 210px;
}
#header .navi_logo .logo_img{
    width: 210px;
    height: 40px;
}
.under #header .navi_logo .logo_img{
    background-image: url("../image/PC/common/taniguchi-logo-bk.svg");
}
#header .nav-tel{
    display: none;
}
#header .navi_mail {
    width: 75px;
    position: absolute;
    top: 82px;
    right: 0;
    padding: 10px;
    }
.under #header .navi_mail{
    width: 75px;
    top: 70px;
    background-color: #fff;
    padding: 10px;
}
#header .navi_mail-img img{
    width: 20px;
}
#header .navi_mail-text{
    font-size: 12px;
}
.mail-icon{
    padding-bottom: 10px;
}
.under .mail-icon{
    display: none;
}
.tel-icon{
padding-top: 10px;
border-top: 1px solid #000;
}
.under .tel-icon{
padding-top: 0;
border-top: 0;
}
.mv-icon{
    position: absolute;
    font-size: 1.6rem;
    bottom: 2%;
    right: 5%;
    width: 50%;
}
.mv-icon-list{
    flex-direction: column;
}
.mv-icon-item{
    position: relative;
    letter-spacing: 0.04em;
    width: 100%;
    font-size:1.2rem;
    padding: 0.8em 0.6em;
}
.mv-icon-item:not(:last-child){
    margin-right: 0;
}
.mv-icon-item:not(:last-child){
    margin-bottom: 10px;
}
.mv-icon-item-line{
    position: relative;
}
.mv-icon-item-line:after{
    height: 20px;
    bottom:20px;
}
    .mv-icon-item-number{
        line-height: 1;
    }
/*--------------------------------------------

	FOOTER

--------------------------------------------*/
#footer .ft_Inner{
    max-width: 100%;
    padding:10.7% 8.2% 16%;
}
#footer .head{
    flex-direction: column-reverse;
    margin-bottom: 55px;
}
#footer .ft_navi .ft_navi-list{
    margin-right: 15%;
}
#footer .ft_navi .ft_navi-list li:not(:last-child){
    margin-bottom: 16px;
}
#footer .ft_navi .ft_navi-item01 a{
    font-size: 13px;
}
#footer .ft_navi .ft_navi-item02 a{
    font-size: 12px;
    padding-left: 22px;
}
#footer .ft_navi .ft_navi-item02 a:before{
    width:8px;
}
#footer .ft_navi .ft_navi-list02 li:not(:last-child){
    margin-bottom: 14px;
}
#footer .ft_logo{
    margin-bottom: 45px;
}
#footer .logo_img img{
    width: 220px;
}
#footer .ft_info{
    flex-direction: column;
    font-size: 13px;
}
 .ft_bottom-left{
    margin-right: 0;
    margin-bottom: 34px;
}
.ft_office{
    margin-bottom:10px;
}
 .ft_zip{
    margin-bottom: 8px;
}
.ft_address{
    margin-bottom: 11px;
}
 .ft_tel{
    font-size: 13px;
}
#footer .logo-sns-item img{
    width: 120px;
}
.ft_logo-ikubos{
  width: 140px;
}
.ft_logo-hutatsuboshi{
  width: 72px;
}
#footer .copyright{
    font-size: 10px;
    padding: 15px 0;
}
/*--------------------------------------------

　共通

--------------------------------------------*/
.secInner{
    padding: 0 8.2%;
}
.secInner{
    max-width: 100%;
}
.under  #mainimage{
    width: 100%;
    background:url("../image/SP/asbesto-mainimage.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 475px;
}
.ttl_box01:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 64px;
    background: url("../image/PC/top/top-business.svg")no-repeat center top;
    background-size: contain;
    z-index: 1;
}
.ttl_box01-jpn{
    font-size: 13px;
    margin-bottom: 14px;
}
.ttl_box01-eng{
    font-size: 35px;
}
.ttl_box02{
    color: #fff;
    position: absolute;
    left: 6.6%;
    top: 245px;
}
.under_ttl_02-jpn{
    font-size: 13px;
    padding-bottom: 16px;
    margin-bottom: 10px;
}
.under_ttl_02-jpn:after{
    width: 20px;
    height: 2px;
}
.under_sub-eng{
    font-size: 30px;
}
.under_sub-eng:after{
    content: "";
    display: block;
    width: 102px;
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    background:url("../image/PC/csr/csr.svg")no-repeat center top;
    background-size: contain;
}
.lead{
    font-size: 13px;
    letter-spacing: 0.04em;
    line-height:1.8;
}
.breadcrumb{
    font-size: 12px;
    padding: 10px 10px 10px 25px;
}
.breadcrumb  .arrow{
    padding-right: 25px;
}
.breadcrumb  .arrow:after{
    right: 10px;
}
.Sec_ttl01{
    padding-bottom: 20px;
}
.Sec_ttl01:after{
    width: 60px;
}
.Sec_ttl01-jpn{
    font-size: 13px;
    margin-bottom: 20px;
}
.Sec_ttl01-eng{
    font-size: 24px;
}
.conts_ttl{
    font-size: 15px;
    padding-left: 18px;
}
.conts_ttl:before{
    width: 5px;
    height: 33px;
    top: -8px;
}
.conts_ttl:after{
    width: 70px;
    height: 30px;
    left: 146px;
    top: 3px;
}
.totop{
  bottom: 80px;
    right: 10px;
}
.totop img{
    width: 40px;
}
/*--------------------------------------------

	TOP_MV

--------------------------------------------*/
.top_contents .mv_container{
    padding-bottom:0;
}
#top .top_contents .mv_container:after{
   display: none;
}
.top_contents #mainimage{
    width: 100%;
    position: relative;
    background:url("../image/PC/top/top_mainimage.jpg") ;
    background-position: left 20% bottom;
    padding-top: 160%;
}
.top_contents #mainimage:before{
    width: 10px;
}
.top_contents  #mainimage .ttl_box{
    top: 42%;
    left:9%;
}
.top_contents  #mainimage .mainimage_sub-eng{
    font-size: 50px;
}
.top_contents  #mainimage .mainimage_ttl_02-jpn{
    font-size: 13px;
}
.top_contents .side_bar{
    display: none;
}
/*--------------------------------------------

	TOP-top_business

--------------------------------------------*/
#top_business{
	padding-top: 55px ;
}
#top_business .secInner{
    max-width: 100%;
    padding: 0;
}
#top_business .ttl_box01{
    margin-bottom: 38px;
    padding-bottom: 25px;
}
#top_business  .ttl_box01:after{
    left: calc(50% - 64px);
    width: 186px;
    height: 38px;
}
#top_business .top_business-slider{
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
#top_business .top_business-slider:before{
    height: 10px;
    top:inherit;
    bottom: -10px;
}
#top_business .top_business-item{
     width:50%;
}
#top_business .top_business-item a{
    padding: 74px 0 80px;
}
#top_business .top_business-item a:hover:after{
    height: 100%;
    transform: none;
}
#top_business .top_business-number{
    font-size: 40px;
    margin-bottom: 10px;
}
#top_business .top_business-sub{
    font-size: 13px;
    margin-bottom: 33px;
    font-weight: 200;
}
#top_business .top_business-main{
    font-size: 13px;
}
#top_business .slick-prev{
    display: none;
    }
/*--------------------------------------------

   TOP-	ABOUT 

--------------------------------------------*/
#top_about{
    padding: 60px 0 66px 0;
}
#top_about .secInner{
    max-width: 100%;
}
#top_about  .ttl_box01{
    padding-bottom: 22px;
    margin-bottom: 34px;
    text-align: center;
}
#top_about .ttl_box01:after{
    width:163px;
    height: 40px;
    left: calc(50% - 32px);
}
#top_about .lead{
    margin-bottom: 46px;
}
#top_about .top_about-list{
    flex-wrap: wrap;
}
#top_about .top_about-item{
     width: 100%;
}
#top_about .top_about-item:not(:last-child){
    margin-bottom: 16px;
}
#top_about .top_about-item a{
    padding: 20px 0 54px 20px;
    box-sizing: border-box;
}
#top_about .top_about-jpn{
    font-size: 13px;
    padding-bottom: 12px;
    margin-bottom: 8px;
}
#top_about .top_about-jpn:after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
}
#top_about .top_about-eng{
    font-size:25px;
    margin-bottom: 12px;
}
#top_about  .top_about-more{
    font-size: 13px;
}
/*--------------------------------------------

    TOP- DEMOLITION

--------------------------------------------*/
#top_demolition {
    padding-top: 30px;
}
#top_demolition .top_demolition-inner{
    flex-direction: column;
}
#top_demolition .ttl_box01{
    padding-bottom: 36px;
    margin-bottom: 20px;
}
#top_demolition .ttl_box01-jpn{
    margin-bottom: 20px;
}
#top_demolition .ttl_box01:after{
    left: 48px;
    bottom: 6px;
    width: 184px;
    height: 44px;
}
#top_demolition .top_demolition-left{
    width: 100%;
}
#top_demolition .top_demolition-left{
    padding-top: 66%;
}
#top_demolition .top_demolition-right{
    width: 100%;
    padding: 59px 25px 52px;
    box-sizing: border-box;
}
#top_demolition .lead{
    margin-bottom: 40px;
}
#top_demolition .top_demolition-btn a{
    position: relative;
    width: 210px;
    padding: 12px 0 12px 22px ;
    font-size: 13px;
}
#top_demolition .top_demolition-btn a:after{
    width: 12px;
    right: 10%;
}
/*--------------------------------------------

	-BUSINESS MAINIMAGE

--------------------------------------------*/
#business #mainimage{
    background-image:url("../image/SP/business-mainimage.jpg");
}
#business .under_sub-eng:after{
    width: 240px;
    height: 60px;
    left: 50px;
}
/*--------------------------------------------

	-BUSINESS SEC01

--------------------------------------------*/
#business #Sec_01{
    padding: 12.3% 0 13%;
}
#business #Sec_01 .Sec_ttl01{
    margin-bottom: 40px;
}
#business  .business_navi-list{
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
    #business  .business_navi-item{
        width: 45%;
    }
#business  .business_navi-item a{
    width: 100%;
    font-size: 13px;
    padding: 12px 0;
}
#business  .business_navi-item:not(:last-child){
    margin-right: 0;
}
#business  .business_navi-item:nth-child(n + 3){
    margin-top:6px;
}
#business  .business_navi-item:nth-child(2n){
    margin-left: 6px;
}
#business .business-BottomBox-item{
    width: 100%;
    padding-top: 24px ;
}
#business .business-BottomBox-item:nth-child(2) {
    padding-top: 40px ;
}
#business .business-BottomBox-item:nth-child(n + 3){
    margin-top: 10px;
}
#business .business-BottomBox-item:nth-child(2n){
    margin-left: 0;
}
#business .business-BottomBox-item:after{
    border-width: 0 0 8px 8px;
}
#business .BottomBox-imgBox{
    margin-bottom:28px;
}
#business .BottomBox-textBox{
    margin-bottom:54px;
}
#business .BottomBox-ttl{
    font-size: 15px; 
    padding-left: 20px;
    margin-bottom: 20px;
}
#business .BottomBox-ttl:before{
    width: 6px;
    height: 40px;
}
#business  .more_btn{
    bottom: 20px;
    right: 10px;
}
#business  .more_btn a{
    font-size: 14px;
}
#business .more_btn a:after {
  bottom: -6px;
}
/*--------------------------------------------

	DEMOLITION-WORKS MAINIMAGE

--------------------------------------------*/
#demolition-works #mainimage{
    background-image:url("../image/SP/demolidtion-mainimage.jpg");
}
#demolition-works .under_sub-eng:after{
    width: 136px;
    height: 35px;
    bottom:-24px;
    left:152px;
}
/*--------------------------------------------

	DEMOLITION-WORKS Sec01

--------------------------------------------*/
#demolition-works #Sec_01{
    padding:12.6% 0 15.2%;
}
#demolition-works .Sec_ttl01{
    margin-bottom: 20px;
}
#demolition-works .textBox .textBox-box01:first-child{
    margin-bottom: 25px;
}
#demolition-works .textBox-guide{
    padding: 10px 10px 10px 14px;
    font-size: 15px;
    margin-bottom: 12px;
}
#demolition-works .price-Box{
    margin-top: 30px;
}
#demolition-works .price-ttl{
    font-size: 15px;
    display: block;
    text-align: center;
}
#demolition-works .table-scroll{
    overflow: auto;
    white-space: nowrap;
    width: 100%;
}
#demolition-works .price-Box .price-list{
    font-size: 13px;
}
#demolition-works .price-Box th{
    width: 140px;
}
/*--------------------------------------------

	DEMOLITION-WORKS Sec01

--------------------------------------------*/
#demolition-works #Sec_02{
    padding-bottom:0;
}
#demolition-works #Sec_02 .conts_ttl{
    margin-bottom: 30px;
}
#demolition-works .flow_inner .itemBox{
    padding: 0;
    flex-direction: column;
}
#demolition-works .flow_inner .itemBox:nth-child(2),#demolition-works .flow_inner .itemBox:nth-child(8){
    padding-bottom: 0;
}
#demolition-works .flow_inner .itemBox:nth-child(odd):before{
    right: 140px;
}
#demolition-works .flow_inner .itemBox:nth-child(even):before{
    left: 140px;
}
#demolition-works .flow_inner .itemBox:after{
    display: none;
}
#demolition-works .flow_inner .itemBox:nth-child(odd):after{
    right: 0;
}
#demolition-works .flow_inner .itemBox:nth-child(even):after{
    left: 0;
}
#demolition-works .flow_inner .itemBox:nth-child(odd){
    padding-right: 0;
    flex-direction: column;
}
#demolition-works .flow_inner .itemBox:nth-child(even){
    padding-left: 0;
}
#demolition-works .flow_inner .itemBox:not(:last-child){
    margin-bottom: 0;
}
#demolition-works .flow-imgBox{
    width: 100%;
    height: 175px;
    position: inherit;
    background: url("../image/PC/demolition/demolidtion-flow-01.jpg")no-repeat center top;
    background-size: cover;
}
#demolition-works .flow-02 .flow-imgBox,
#demolition-works .flow-03 .flow-imgBox,
#demolition-works .flow-04 .flow-imgBox,
#demolition-works .flow-05 .flow-imgBox,
#demolition-works .flow-06 .flow-imgBox,
#demolition-works .flow-07 .flow-imgBox,
#demolition-works .flow-08 .flow-imgBox,
#demolition-works .flow-09 .flow-imgBox,
#demolition-works .flow-10 .flow-imgBox{
    height: 175px;
}
#demolition-works .itemBox:nth-child(odd) .flow-imgBox{
    left: 0;
}
#demolition-works .itemBox:nth-child(even) .flow-imgBox{
    right: 0;
}
#demolition-works .itemBox .flow-textbox{
    width: 100%;
    padding:20px 25px 42px;
    margin-top: 0;
}
#demolition-works .itemBox:nth-child(odd) .flow-textbox{
    padding-right: 25px;
}
#demolition-works .itemBox:nth-child(even) .flow-textbox{
    padding-left: 25px;
    padding-right: 25px;
    background-color: #eee;
}
#demolition-works .flow-07 .flow-textbox{
    padding-bottom: 42px;
}
#demolition-works .flow-09 .flow-textbox{
    padding-bottom:42px;
}
#demolition-works .flow_ttlbox{
    padding-bottom: 20px;
    margin-bottom: 17px;
}
#demolition-works .flow_ttlbox:after{;
    width: 23px;
}
#demolition-works .flow-02 .flow_ttlbox:after{
    display: none;
}
#demolition-works .flow-08 .flow_ttlbox:after{
    display: none;
}
#demolition-works .flow-number{
    width: 70px;
    margin-bottom: 10px;
}
#demolition-works .flow_ttl{
    font-size: 15px;
    margin-bottom: 12px;
}
#demolition-works .itemBox:nth-child(even) .flow_ttl{
    text-align: left;
}
#demolition-works .itemBox:nth-child(even) .flow-number{
    margin: 0 0 15px 0;
}
#demolition-works .flow_ttlbox .flow_ttl-under{
    margin-bottom: 0;
}
#demolition-works .flow-02 .flow_ttlbox .lead:not(:last-child){
    margin-bottom: 22px;
}
#demolition-works .flow-05 .flow_ttlbox .lead:not(:last-child){
    margin-bottom: 10px;
}
#demolition-works .flow-06 .flow_ttlbox .lead:not(:last-child){
    margin-bottom: 10px;
}
#demolition-works .flow_field-text{
    font-size: 13px;
    margin-bottom: 18px;
}
#demolition-works .dot{
    padding-left: 24px;
}
#demolition-works .dot:before{
    width: 10px;
    height: 10px;
    top: 6px;
}
#demolition-works .flow_field-under{
    margin-bottom: 50px;
}
#demolition-works .flow_field-list{
    text-align: center;
    margin-bottom: 40px;
}
#demolition-works .flow_field-list .flow_field-item{
    background-color: #fff;
    font-size: 13px;

    padding:8px 0;
}
#demolition-works .flow_field-list .flow_field-item:not(:last-child){
    margin-bottom: 18px;
}
#demolition-works .flow_field-list .flow_field-item:not(:last-child):after{
    width: 16px;
    bottom: -12px;
}
#demolition-works .lead_bottom{
    margin-top: 38px;
}
#demolition-works .flow_tel{
    margin-top: 10px;
}
#demolition-works .flow_tel a{
    font-size: 14px;
}
/*--------------------------------------------

	DEMOLITION-WORKS Sec03

--------------------------------------------*/
#demolition-works #Sec_03{
    padding:13.2% 0;
}
#demolition-works #Sec_03 .Sec_03-ttlBox{
    margin-bottom: 45px;
}
#demolition-works #Sec_03 .conts_ttl:after{
    left: 80px;
}
#demolition-works .voice-catch{
    font-size: 15px;
}
#demolition-works .voice-item{
    flex-direction: column;
}
#demolition-works .voice-item:not(:first-child){
    padding-top: 26px;
}
#demolition-works .voice-item:not(:last-child){
    padding-bottom: 26px;
    border-bottom: 1px solid #eee;
}
#demolition-works .voice-wrap .imgBox{
    width: 100%;
    margin: 0 auto 20px;
}
#demolition-works .voice-wrap .textBox{
    width: 100%;
}
#demolition-works .voice-wrap .textBox .lead{
    margin-bottom: 30px;
}
#demolition-works .voice-name,#demolition-works .voice-label{
    font-size: 13px;
    white-space: nowrap;
}
#demolition-works #Sec_03 .comimt {
    margin-top:30px;
}
#demolition-works #Sec_03 .comimt a{
    font-size: 16px;
}
/*--------------------------------------------

	DEMOLITION-WORKS Sec_04

--------------------------------------------*/
#demolition-works #Sec_04{
    padding: 14% 0 11%;
    background-color:#eee;
}
#demolition-works #Sec_04 .conts_ttl{
    margin-bottom: 44px;
}
#demolition-works .Sec_04-headBox{
    margin-bottom: 28px;
}
#demolition-works .Sec_04-headBox .lead{
    font-size: 13px;
    letter-spacing: 0.04em;
    margin-bottom: 0;
}
#demolition-works .Sec_04-middleBox{
    padding-bottom:  24px;
}
#demolition-works .Sec_04-middleBox .secInner{
    padding: 0 4.2%;
    }
#demolition-works .bottomBox-text{
    font-size: 13px;
    margin-bottom: 26px;
}
#demolition-works .bottomBox-list{
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 11px;
}
#demolition-works .bottomBox-item{
    width: 31.5%;
    padding: 30px 0 34px;
    font-size: 12px;
}
#demolition-works .bottomBox-item:after{
    font-size: 10px;
    bottom: -21px;
}
#demolition-works .bottomBox-item:first-child{
    padding: 38px 0 45px;
}
#demolition-works .bottomBox-item:not(:nth-child(3)){
margin-right: 6px;
}
#demolition-works .bottomBox-item:nth-child(n + 4){
    margin-top: 24px;
}
#demolition-works  .Sec_04-caution{
    padding:0;
}
#demolition-works .caution-item{
    font-size: 12px;
}
/*--------------------------------------------

	COMMITMENT MAINIMAGE

--------------------------------------------*/
#commitment #mainimage{
    background-image:url("../image/SP/commitment-mainimag.jpg");
}
#commitment .under_sub-eng:after{
    width: 155px;
    height: 35px;
    bottom: -18px;
    left: 84px;
}
/*--------------------------------------------

	BUSINESS - COMMITMENT - SEC01

--------------------------------------------*/
#commitment #Sec_01{
    padding: 12.3% 0 14%;
}
#commitment  .Sec_ttl01{
    margin-bottom: 26px;
}
#commitment .textBox-box .lead{
    text-align: left;
}
#commitment .textBox-box{
    margin-bottom: 62px;
}
#commitment .itemBox{
    z-index: 10;
    padding: 94px 0 26px;
}
#commitment .itemBox:before{
    width: 60px;
    height: 73px;
    top: -12px;
    right: 15px;
}
#commitment .itemBox:nth-child(even):before{
    left: 15px;
}
#commitment .itemBox:after{
    width: 100%;  
    right: inherit;
    left: 13%;
}
#commitment .itemBox:nth-child(even):after{
    left: inherit;
    right: 13%;
}
#commitment .itemBox:nth-child(odd){
    right: 0;
    flex-direction: row-reverse;
}
#commitment .itemBox:not(:last-child){
    margin-bottom: 35px;
}
#commitment .itemBox .commit-imgBox{
    width: 57.3%;
    height:125px;
    top: 15px;
}
#commitment .itemBox:nth-child(odd) .commit-imgBox{
    left: 0;
}
#commitment .itemBox:nth-child(even) .commit-imgBox{
    right: 0;
}
#commitment .itemBox .commit-textbox{
    width: 70%;
    height: auto;
    padding: 25px 15px 20px;
}
#commitment .itemBox:nth-child(odd) .commit-textbox{
    margin-right: 8.2%;
}
#commitment .itemBox:nth-child(even) .commit-textbox{
     margin-left: 8.2%;
}
#commitment .commit_ttl{
    font-size:13px;
    padding-bottom:14px;
    margin-bottom: 12px;
}
#commitment .commit_ttl:after{
    width: 14px;
}
#commitment .commit_ttl-jpn{
    font-size: 15px;
    margin-bottom: 16px;
}
#commitment  .commit-01-addBox{
    flex-direction: column;
}
#commitment .company-pdf{
    margin-right: 0;
}
#commitment .company-pdf a{
    width: 198px;
    font-size: 14px;
    padding: 0.8em 0.8em 0.8em 1em;
}
#commitment .company-pdf a:after{
    width: 24px;
    right: 24px;
}
#commitment .lead-links a{
    font-size: 14px;
}
#commitment .demolition a {
    width: 180px;
    font-size: 16px;
    padding: 0.8em;
}
/*---------------------.----------------------

	BUSINESS - INDUSTRIAL WORKS

--------------------------------------------*/
#industrial-works #mainimage{
    background-image:url("../image/SP/industrial-mainimage.jpg");
}
#industrial-works .under_sub-eng:after{
    width: 136px;
    height: 35px;
    bottom: -24px;
}
/*--------------------------------------------

	BUSINESS - CINDUSTRIALIVIL WORKS Sec01

--------------------------------------------*/
#industrial-works #Sec_01{
    padding:12.6% 0 18.2%;
}
#industrial-works .Sec_01-headBox{
    margin-bottom: 34px;
}
#industrial-works .Sec_ttl01{
    margin-bottom: 20px;
}
#industrial-works .Sec_01-bottomBox .industrial_contBox{
    flex-direction: column;
}
#industrial-works .Sec_01-bottomBox .industrial_contBox:nth-child(2){
    flex-direction: column;
}
#industrial-works .Sec_01-bottomBox .industrial_contBox:not(:last-child){
    margin-bottom: 50px;
}
#industrial-works .industrial_contBox-left{
    width: 100%;
    margin-bottom: 26px;
}
#industrial-works  .cont-ttlBox{
    margin-bottom: 20px;
}
#industrial-works .conts_ttl{
    margin-bottom:30px;
}
#industrial-works  .conts_ttl:after{
    width: 243px;
    left: 35px;
}
#industrial-works  .dot{
    padding-left: 26px;
}
#industrial-works  .dot:before{
    width: 10px;
    height: 10px;
    top: 4px;
}
#industrial-works .cont-table{
    margin: 35px 0;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
#industrial-works .cont-table th,#industrial-works .cont-table td{
    font-size: 13px;
}
#industrial-works .cont-table .mode{
    padding: 22px 6.5px 22px 6.5px;
}
#industrial-works .cont-table td{
    padding: 16px 8px;
}
#industrial-works .textBox01{
    margin-bottom: 20px;
}
#industrial-works .industrial_contBox-right{
    width: 100%;
    margin-left:0;
}
#industrial-works .industrial_contBox:nth-child(2) .industrial_contBox-right{
    margin-right:0;
    margin-left: 0;
}
#industrial-works .contBox-img01{
    margin-bottom: 20px;
}
/*--------------------------------------------

	BUSINESS - INDUSTRIAL WORKS SEC02

--------------------------------------------*/
#industrial-works  #Sec_02{
    padding:12.8% 0 16.5%;
    }
#industrial-works  .flow_ttlBox{
    padding-bottom: 20px;
    margin-bottom: 38px;
}
#industrial-works  .flow_ttlBox:after{
    width: 95px;
}
#industrial-works .flow_ttl-jpn{
    font-size: 15px;
    margin-bottom: 16px;
}
#industrial-works .flow_ttl-eng{
    font-size: 24px;
}
#industrial-works .collection_flow-list{
    padding: 30px 25px;
    box-sizing: border-box;
    width: 100%;
}
#industrial-works .collection_flow-imgBox{
    width: 100%;
    margin: 0 0 20px 0;
}
#industrial-works .collection_flow-textbox{
    width: 100%;
}
#industrial-works .collection_flow-item{
    flex-direction: column;
}
#industrial-works .collection_flow-item:not(:last-child){
    margin-bottom: 48px;    
}
#industrial-works .flow_text-number{
    font-size: 15px;
    padding-bottom: 16px;
    margin-bottom: 14px;
}
#industrial-works .flow_text-number:after{
    width:30px;
}
#industrial-works .flow_text-ttl{
    font-size: 18px;
    margin-bottom: 13px;
}
#industrial-works  .caution{
    font-size: 13px;
    line-height: 1.6;
    margin-top: 10px;
}
/*--------------------------------------------

	BUSINESS - Common

--------------------------------------------*/
.intoroductionBox{
    flex-direction: column;
}
.intoroduction-textBox{
    flex: 1;
    margin-bottom: 30px;
}
.intoroduction-textBox .intoroduction-name{
    font-size: 18px;
    margin-bottom: 20px;
}
.intoroductionBox .lead{
    line-height: 1.8;
}
.intoroduction-imgBox{
    width: 100%;
    margin-left: 0;
}
/*--------------------------------------------

	BUSINESS - CIVIL WORKS

--------------------------------------------*/
#civil-works #mainimage{
    background-image:url("../image/SP/civil-work-mainimage.jpg");
}
#civil-works .under_sub-eng:after{
    width: 136px;
    height: 35px;
    bottom: -24px;
    left: 104px;
}
/*--------------------------------------------

	BUSINESS - CIVIL WORKS Sec01

--------------------------------------------*/
#civil-works #Sec_01{
    padding:12.6% 0 16.2%;
}
#civil-works .Sec_ttl01{
    margin-bottom: 40px;
}
/*--------------------------------------------

	BUSINESS -ASBESTO

--------------------------------------------*/
#asbesto #mainimage{
    background-image:url("../image/SP/asbesto-mainimage.jpg");
}
#asbesto .under_sub-eng:after{
    width: 136px;
    height: 35px;
    bottom: -24px;
    left: 174px;
}
/*--------------------------------------------

	BUSINESS - ASBESTO Sec01

--------------------------------------------*/
#asbesto #Sec_01{
    padding:12.6% 0 16.2%;
}
#asbesto .Sec_ttl01{
    margin-bottom: 40px;
}
/*--------------------------------------------

	BUSINESS - PRODUCT SALE

--------------------------------------------*/
#product-sale #mainimage{
    background-image:url("../image/SP/producr-sale-mainimage.jpg");
}
#product-sale .under_sub-eng:after{
    width: 136px;
    height: 35px;
    bottom: -24px;
    left: 133px;
}
/*--------------------------------------------

	BUSINESS - PRODUCT SALE Sec01

--------------------------------------------*/
#product-sale #Sec_01{
    padding:12.6% 0 16.2%;
}
#product-sale .Sec_ttl01{
    margin-bottom: 40px;
}
#product-sale .intoroduction-textBox .intoroduction-name{
    margin-bottom: 25px;
}
#product-sale .intoroduction_box01:not(:last-of-type){
    margin-bottom:15px; 
}
#product-sale .intoroduction_box01-sub{
    font-size: 15px;
    margin-bottom: 16px;
}
#product-sale .dot{
    padding-left: 20px;
}
#product-sale .dot:after{
    width: 10px;
    height: 10px;
    top: 7px;
}
#product-sale .intoroduction-imgBox .intoroduction-imgBox01:first-child{
    margin-bottom: 16px;
}
/*--------------------------------------------

	BUSINESS -SOLAR POWER

--------------------------------------------*/
#solar-power #mainimage{
    background-image:url("../image/SP/solar-mainimage.jpg");
}
#solar-power .under_sub-eng:after{
    width: 126px;
    height: 35px;
    bottom: -24px;
    left:200px;
}
/*--------------------------------------------

	BUSINESS - ASBESTO Sec01

--------------------------------------------*/
#solar-power #Sec_01{
    padding:12.6% 0 16.2%;
}
#solar-power .Sec_ttl01{
    margin-bottom: 40px;
}
/*--------------------------------------------

	CSR MAINIMAGE

--------------------------------------------*/
#csr #mainimage{
    background-image:url("../image/SP/csr-mainimage.jpg");
}
#csr #mainimage .under_sub-eng:after{
    width: 140px;
    height: 35px;
    bottom:-24px;
    left: 10px;
}
/*--------------------------------------------

	CSR SEC01

--------------------------------------------*/
#csr #Sec_01{
    padding: 12.3% 0 16.7%;
}
#csr #Sec_01 .Sec_ttl01{
    margin-bottom: 40px;
}
#csr .policy_box01{
    margin-bottom: 20px;
}
#csr .policy_ttl{
    font-size: 15px;
    margin-bottom: 20px;
}
#csr .policy_box01 .lead{
    line-height: 2.3;
    text-align: left;
}
#csr .policy_lead{
    font-size: 13px;
    line-height: 1.8;
}
#csr .policy_text_box .policy_lead:not(:last-child){
    margin-bottom: 14px;
}
#csr .policy_lead .side{
    margin-top: 10px;
}
/*--------------------------------------------

	CSR SEC02

--------------------------------------------*/
#csr #Sec_02{
    padding: 12.3% 0 15%;
}
#csr #Sec_02 .Sec_ttl01{
    margin-bottom: 40px;
} 
#csr #Sec_02 .Sec_ttl01 .Sec_ttl01-eng{
    font-size: 20px;
}
#csr .csr_box{
    flex-direction: column;
    margin-bottom: 50px;
}
#csr .csr_box-ttl{
    font-size: 15px;;
    margin-bottom: 20px;
}
#csr .csr_box0-left, #csr .csr_box0-right{
    width: 90%;
    margin: 0 auto;
}
#csr .csr_box0-left{
    margin-bottom: 20px;
}
#csr .ISo_ttl{
    font-size:15px;
    margin-bottom: 20px; 
}
#csr .Iso_box-left,#csr .Iso_box-right{
    width: 100%;
}
#csr .Iso_box-left{
    margin-bottom: 20px;
}
/*--------------------------------------------

	WORKS MAINIMAGE

--------------------------------------------*/
#works #mainimage{
    background-image:url("../image/SP/works-mainimage.jpg");
}
#works .under_sub-eng:after{
    width: 217px;
    height: 30px;
    bottom: -20px;
    left: 20px;
}
/*--------------------------------------------

	WORKS SEC01

--------------------------------------------*/
#works #Sec_01{
    padding: 12.3% 0 16.5%;
}
#works .Sec_ttl01{
    margin-bottom: 35px;
}
#works .Sec_ttl01-eng{
    margin-bottom: 20px;
}
#works .works-caution{
    font-size: 13px;
    line-height: 1.8;
}
#works .works-caution .small{
    font-size: 12px;
}
#works .works-nav{
    padding: 0;
    margin-bottom: 20px;
    justify-content: flex-start;
}
#works .works-nav-item{
    width: 23%;
    margin-right: 4px;
}
#works .works-nav-item:nth-child(4),#works .works-nav-item:nth-child(8){
    margin-right: 0;
}
#works .works-nav-item:nth-child( n + 6){
    margin-top: 0;
}
#works .works-nav-item:nth-child( n + 5){
    margin-top: 4px;
}
#works .works-nav-item a{
    padding: 8px 0;
    font-size: 12px;
}
#works .works-nav-item:first-child a,#works .works-nav-item:nth-child(6) a{
    background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(2) a{
   background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(3) a{
   background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(4) a{
    background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(5) a{
    background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(7) a{
    background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(8) a{
    background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(9) a{
    background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-nav-item:nth-child(10) a{
    background-image: url("../image/PC/works/green-bg01.jpg");
}
#works .works-bottomBox .worksBox{
    padding-top: 30px;
}
#works .works-bottomBox .worksBox:not(:last-child){
    margin-bottom:30px;
}
#works .works_container01{
    margin-bottom: 30px;
}
#works .works-ttl{
    font-size: 15px;
    margin-bottom: 20px;
}
#works .works-year{
    font-size: 13px;
    margin-bottom: 10px;
}
#works .sheet01{
    font-size: 13px;
}
#works .sheet01 th{
     border: 1px solid  #333;
}
/*
#works .sheet01 th:first-child{
    border-right: 1px solid  #333;
}*/
#works .sheet01 td{
    padding: 12px 12px;
    line-height: 1.8;
}
#works .sheet01 td:nth-child(2){
    text-align: left;
    }
#works .sheet-top th:first-child{
    width: 80px;
    padding: 13px 0;
    background-color: #14cf97;
}
/*--------------------------------------------

	COMPANY MAINIMAGE

--------------------------------------------*/
#company #mainimage{
    background-image:url("../image/SP/company-mainimage.jpg");
}
#company .under_sub-eng:after{
    background-image: url("../image/PC/company/aboutus.svg");
    width: 180px;
    height:40px;
    bottom: -20px;
    left: 42px;
}
/*--------------------------------------------

	Company SEC01

--------------------------------------------*/
#company #Sec_01{
    padding: 12.3% 0 8%;
}
#company #Sec_01 .Sec_ttl01{
    margin-bottom: 40px;
}
#company #Sec_01 .company_navi-list{
    justify-content: center;
    flex-wrap: wrap;
}
#company .company_navi-item{
    width: 23%;
}
#company .company_navi-item:not(:nth-child(4)){
    margin-right: 4px;
}
#company .company_navi-item:nth-child( n +5){
    margin-top: 6px;
}
#company .company_navi-item a{
    width: 100%;
    font-size: 2.4vw;
    padding: 12px 0;
}
/*--------------------------------------------

	Company message

--------------------------------------------*/
#company #message {
    padding:6% 0 12%;
}
#company #message .conts_ttl{
    margin-bottom: 35px;
}
#company #message .conts_ttl:after{
    width:106px;
    height: 32px;
    top:8px;
    left: 34px;
    }
#company .message_box{
    flex-direction: column;
}
#company .message_left{
    width: 100%;
    margin-bottom: 20px;
}
#company .message_right{
    width: 100%;
    margin-left: 0;
}
#company .message_right p{
    line-height: 2;
}
#company .message_right p:not(:last-child){
    margin-bottom: 14px;
}
/*--------------------------------------------

	Company philosophy

--------------------------------------------*/
#company #philosophy {
    padding:12.3% 0;
    background-color: #ebebeb;
}
#company .philosophy_ttlbox{
    margin-bottom: 30px;
}
#company .philosophy_ttl-jpn{
    font-size: 15px;
    margin-bottom: 15px;
}
#company .philosophy_ttl-eng{
    font-size: 24px;
    padding-bottom: 30px;
}
#company .philosophy_ttl-eng:after{
    width: 100px;
    height: 2px;
}
#company .philosophy_box{
    padding: 24px 24px;
}
#company .philosophy_box:nth-child(2){
    margin-bottom: 40px;
}
#company .philosophy_box-ttl{
    font-size: 16px;
    margin-bottom: 20px;
}
#company .philosophy_box .lead{
    text-align: left;
}
#company .philosophy_box:nth-child(2) .lead:last-child{
    margin-top: 14px;
}
#company .philosophy_box:nth-child(3) .lead{
    margin-bottom: 2px;
}
#company .philosophy_list{
    flex-direction: column;
    margin-top: 24px;
}
#company .philosophy_item{
    width: 200px;
    padding:20px 0;
    margin:0 auto;
}
#company .philosophy_item:not(:last-child){
    margin:0 auto 14px;
}
#company  .philosophy_item-top{
    font-size: 15px;
    margin-bottom: 12px;
}
#company  .philosophy_item-top{
    font-size: 16px;
    letter-spacing: 0.05em;
}
/*--------------------------------------------

	Company philosophy

--------------------------------------------*/
#company #companyinfo {
    padding: 12.3% 0 13%;
}
#company #companyinfo .conts_ttl{
    margin-bottom: 35px;
}
#company #companyinfo .conts_ttl:after{
    width: 180px;
    height: 35px;
    top:3px;
    left: 50px;
}
.company-table{
    max-width: 100%;
    font-size: 13px;
}
#company #companyinfo .company-table{
    margin-bottom: 45px;
}
.company-table th{
    width: 100px;
}
#company .companyinfo-field{
    padding-bottom: 12px;
}  
.company-table td{
    padding:12px;
    line-height: 1.8;
}
#company #history .companyinfo-item-box,#company .companyinfo-item-box{
    margin-bottom: 0;
}
#company .companyinfo-item-box p:not(:last-child){
    margin-bottom: 10px;
}
#company .companyinfo-item-box .white{
    padding-left: 1em;
}
#company .companyinfo-pdf{
    text-align: center;
}
#company .companyinfo-pdf a{
    width: 200px;
    font-size: 13px;
    padding: 14px 30px 14px 30px;
}
#company .companyinfo-pdf a:after{
    width: 14px;
    right: 30px;
    }
/*--------------------------------------------

	Company history

--------------------------------------------*/
#company #history {
    padding: 12.3% 0 12.9%;
}
#company #history .conts_ttl{
    margin-bottom: 35px;
}
#company #history .conts_ttl:after{
    width: 130px;
    height: 24px;
    top:4px;
    left: 15px;
}
#company .history-field{
    padding: 20px;
}
#company tr:last-child .history-field{
    padding-bottom: 0;
}
#company .companyinfo-item-box .companyinfo-text:first-child{
    margin-bottom: 10px;
}
/*--------------------------------------------

	Company authorization

--------------------------------------------*/
#company #authorization {
    padding: 12.3% 0 13%;
}
#company #authorization .conts_ttl{
    margin-bottom: 35px;
}
#company #authorization .conts_ttl:after{
    width: 180px;
    height: 34px;
    top:0;
    left: 40px;
}
#company .authori-container .authori-box:not(:last-child){
    border-bottom: 1px solid #333;
}
#company .authori-box{
    padding:30px 25px 15px;
}
#company .authori-container .authori-box:first-child{
    padding:0 25px 15px;
}
#company .authori-ttl{
    font-size: 14px;
    margin-bottom: 10px;
}
#company .authori-ttl .dot:before{
    width: 10px;
    height: 10px;
    top: 6px;
    left: -20px;
}
#company .authori-box .bottom{
    margin-bottom: 16px;
}
#company .authori-box-list{
    justify-content: space-between;
    margin-top: 30px;
}
#company .authori-box-item{
    width: 48%;
}
#company .authori-box-item .lead{
    font-size: 13px;
}
/*--------------------------------------------

	Company facility

--------------------------------------------*/
#company #facility {
    padding: 12.3% 0 13%;
}
#company #facility .conts_ttl{
    margin-bottom: 35px;
}
#company #facility .conts_ttl:after{
    width: 106px;
    height: 34px;
    top:6px;
    left: 50px;
}
#company .slider_box{
    flex-direction: column;
    margin-bottom: 40px;
}
#company .slider_box-left{
    width: 100%;
    margin-bottom: 20px;
}
#company .slider_box-right{
    width: 100%;
}
#company .slider_box-right .slick-slide{
    margin-right: 0;
}
#company .facility-list{
    justify-content: center;
    flex-wrap: wrap;
}
#company .facility-item{
    width: 100%;
    padding: 24px 34px;
}
#company .facility-item:nth-child(2){
    padding-left: 34px;;
}
#company .facility-item:nth-child(3){
    padding-left: 34px;
}
#company .facility-item:not(:last-child){
    margin-right: 0;
    margin-bottom: 20px;
}
#company .facility-item-ttl{
    font-size: 14px;
    margin-bottom: 20px;
}
#company .facility-item-ttl .dot{
    padding-left: 20px;
}
#company .facility-item-ttl .dot:after{
    width: 10px;
    height: 10px;
    top: 6px;
    left: 0;
}
/*--------------------------------------------

	Company facility

--------------------------------------------*/
#company #license {
    padding: 12.3% 0 13%;
}
#company #license .conts_ttl{
    margin-bottom: 35px;
}
#company #license .conts_ttl:after{
    width: 106px;
    height: 34px;
    top:3px;
    left: 50px;
}
#company #license .licenseBox{
    flex-direction: column;
    font-size: 12px;
}
#company .licenseBox-left,#company .licenseBox-right{
    width: 100%;
    box-sizing: border-box;
}
#company .licenseBox-left{
    padding-left: 0;
    border-right: 0;
}
#company .licenseBox-left .license-list:nth-child(2){
    margin-top: 40px;
}
 #company .license-item:not(:last-child){
    margin-bottom: 20px;
} 
#company  .licenseBox-right{
    padding-left: 0;
    margin-top: 40px;
}
/*--------------------------------------------

	Company facility

--------------------------------------------*/
#company #access {
    padding: 12.3% 0 16%;
}
#company #access .conts_ttl{
    margin-bottom: 40px;
    }
#company #access .conts_ttl:after{
    width: 105px;
    height: 36px;
    top:6px;
    left: 42px;
}
#company .access_box{
    flex-direction: column;
}
#company .access_box-inner{
    width: 100%;
    padding: 34px 26px;
}
#company .access_box-inner:first-child{
    margin-right: 0;
}
#company .access_box-ttl{
    font-size: 15px;
    margin-bottom: 20px;
}
#company .access_box-img{
    margin-bottom: 20px;
}
#company .access_box-info{
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.8;
}
#company .access_box-text:first-child{
    margin-bottom: 12px;
    line-height: 1;
}
#company .access_box-text:nth-child(2){
    margin-bottom: 12px;
    line-height: 1.8;
}
#company .access_box-map iframe{
    width: 100%;
    height: 200px;
}
/*--------------------------------------------

	STAFF MAINIMAGE

--------------------------------------------*/
#staff #mainimage{
    background-image: url("../image/SP/staff-mainimage.jpg");
}
#staff .under_sub-eng:after{
    width: 213px;
    height: 36px;
    top: 15px;
    left:30px;
}
/*--------------------------------------------

	contact sec01

--------------------------------------------*/
#staff  #Sec_01{
    padding:12.4% 0 14.4%;
}
#staff .Sec_ttl01{
    margin-bottom: 34px;
}
#staff .Sec_ttl01_box01{
    margin-bottom: 34px;
}
.staff_intro-list{
    flex-wrap: wrap;
}
.staff_intro-item{
    width:100%;
    font-size: 1.3rem;
}
.staff_intro-item:nth-child(2n){
    margin-left: 0;
}
.staff_intro-item:nth-child(n + 3){
    margin-top: 0;
}
.staff_intro-item:nth-child(n + 2){
margin-top: 50px;
}
.staff_intro-inner{
    margin-bottom: 1em;
    flex-direction: column;
}
.staff_intro-imgBox{
    width: 85%;
    margin: 0 auto 10px;
}
.staff_intro-profile{
    width: 100%;
    padding: 1em 0 0.3em;
    margin:0;
}
.staff_intro-name{
    font-size: 1.6rem;
    margin-bottom: 1em;
}
.staff_intro-cts:not(:last-child){
    margin-bottom: 1em;
}
.staff_intro-field{
    margin-right: 1.4em;
}
.staff_intro-comment{
    padding-left: 0;
}
.staff_intro-comment-ttl{
    padding-left: 1.4em;
    margin-bottom: 0.7em;
}
.staff_intro-comment-ttl:before{
    height: 24px;
    left: 0;
}
.staff_intro-lead{
    line-height: 1.8;
}
/*--------------------------------------------

	STAFF MAINIMAGE

--------------------------------------------*/
#recruit #mainimage{
    background-image: url("../image/SP/recruit-mainimage.jpg");
}
#recruit .under_sub-eng:after{
    width: 243px;
    height: 53px;
    top: 6px;
    left:16px;
}
/*--------------------------------------------

	contact sec01

--------------------------------------------*/
#recruit  #Sec_01{
    padding:12.4% 0 16.5%;
}
#recruit .Sec_ttl01{
    margin-bottom: 22px;
}
#recruit .Sec_ttl01_box01{
    margin-bottom: 34px;
}
.recruit_Box{
    font-size: 1.4rem;
}
.recruit_Box-required{
    padding: 1.3rem;
    margin-bottom: 2em;
}
.recruit_Box-item{
    border: 0;
    flex-direction: column;
 }
    .recruit_Box-item:not(:last-child){
    margin-bottom: 15px;
}
.recruit_Box-field{
    width: 100%;
    background-color: #14cf97;
    color: #fff;
    padding: 1em;
    box-sizing: border-box;
}
.recruit_Box-detail{
    width: 100%;
    padding: 1em;
    border: 1px solid #333;
    box-sizing: border-box;
}
/*--------------------------------------------

	recruit sec02

--------------------------------------------*/
#recruit #Sec_02 {
    padding-bottom: 10.5%;
}
#recruit #Sec_02 .Sec_ttl01_box01{
    text-align: left;
}
.recruit_contact-Box{
    padding: 16px;
}
.recruit_contact-inner{
    font-size: 1.3rem;
    padding: 2em 1em 2em;
}
.recruit_contact-tel{
    font-size: 2rem;
}
.recruit_tel-icon:before{
    width: 20px;
    height: 20px;
}
.recruit_contact-company{
    line-height: 1.8;
}
.recruit_contact-hour{
    margin-bottom: 1em;
}
/*--------------------------------------------

	COMPANY MAINIMAGE

--------------------------------------------*/
#contact .under_sub-eng:after{
    background-image: url("../image/PC/contact/contact.svg");
    width: 230px;
    height: 45px;
    top: 15px;
    left:24px;
}
/*--------------------------------------------

	contact sec01

--------------------------------------------*/
#contact  #Sec_01{
    padding:12.3% 0 14.8%;
}
#contact .Sec_ttl01{
    margin-bottom: 40px;
}
#contact .textBox{
    margin-bottom: 30px;
}
#contact .contactBox{
    margin-bottom: 46px;
}
#contact  .formBox{
    flex-direction: column;
}
#contact .formBox:not(:last-child){
    margin-bottom: 20px;
}
#contact .form_item{
    width: 100%;
    font-size: 13px;
    padding: 14px 0;
    display: flex;
    justify-content: center;
    border-bottom: 0;
}
#contact .must{
    margin-left: 1em;
    margin-top: 0;
}
#contact .form_field{
    width: 100%;
    padding: 14px 20px;
    border-bottom: 0;
}
#contact  .formtext{
    padding:14px 0;
}
#contact input[type="text"], #contact input[type="tel"], #contact input[type="email"], #contact textarea{
    font-size: 12px;
    padding: 8px;
}
#contact textarea{
    height: 140px;
}
#contact .upload{
    font-size: 13px;
    line-height: 1.6;
}
#contact .form_check{
    margin-bottom: 25px;
}
#contact .praivacy{
    font-size: 13px;
}
#contact .submit_btn{
    text-align: center;
}
#contact .error{
    font-size: 12px;
    margin-top: 8px;
}
#contact input[type="submit"]{
    width: 200px;
    font-size: 16px;
    padding: 14px 0;
}
}
/*=========== M E D I A Q U E R Y ==========*/