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






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


#index


//////////////////*/
#main_index{  }
#main_index #secwrap_1{ padding: 0; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) { 
	#main_index #content{  }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#main_index #secwrap_1{  }
}


#index #sec_1{ padding-top: 90px; padding-bottom: 100px; margin-bottom: 0; }
#index #sec_1 .txt{ font-size: 1.8rem; line-height: 2.2; text-align: center; }
@media screen and (max-width: 1040px){
	#index #sec_1{ padding-top: 70px; padding-bottom: 80px; }
}
@media screen and (max-width: 767px) { 
	#index #sec_1{ padding-top: 40px; padding-bottom: 50px; }
	#index #sec_1 .txt{ font-size: 1.6rem; text-align: left; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}



#index #sec_2{  margin-bottom: 0;  }
#index #sec_2>.inwrap{ position: relative; }
#index #sec_2 .txtbox{ background: rgba(25,25,25,.4); padding-top: 100px; padding-bottom: 100px; width: 100%;}
#index #sec_2 .txtbox>.incnt{  }
#index #sec_2 .txtbox>.incnt>.inwrap{ background: #fff; padding: 70px 6%; display: inline-block; width: 50%; max-width: 480px; box-sizing: border-box; }
#index #sec_2 .txtbox .list1{  }
#index #sec_2 .txtbox .list1>li{ font-size: 2.2rem; letter-spacing: 0.1em; padding-left: 1em!important; text-indent: -1em; }
#index #sec_2 .txtbox .bottomlink{  }
#index #sec_2 .bglist{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; flex-direction: row; z-index: -1 }
#index #sec_2 .bglist .bg1{ width: 67%; height: 100%; display: flex; }
#index #sec_2 .bglist .bg1>img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
#index #sec_2 .bglist .bg2list{ height: 100%; display: flex; width:33%; }
#index #sec_2 .bglist .bg2list>ul{ width: 100%; height: 100%; }
#index #sec_2 .bglist .bg2list>ul>li{ height: 50%; width: 100%; position: relative; }
#index #sec_2 .bglist .bg2list>ul>li>img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; position: absolute; top: 0; bottom: 0; left: 0; right: 0;  }
@media screen and (max-width: 1040px){
	#index #sec_2 .txtbox>.incnt>.inwrap{ padding-top: 60px; padding-bottom: 60px; width: 100% }
}
@media screen and (max-width: 767px) { 
	#index #sec_2 .txtbox{ padding-top: 40px; padding-bottom: 40px }
	#index #sec_2 .txtbox>.incnt>.inwrap{ padding-top: 50px; padding-bottom: 50px; max-width: 100%; background: rgba(255,255,255,.9); }
	#index #sec_2 .txtbox .list1>li{ font-size: 1.8rem }
	#index #sec_2 .txtbox .bottomlink{ text-align: center; }
	#index #sec_2 .bglist .bg1{ width: 60%; }
	#index #sec_2 .bglist .bg2list{ width: 40% }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#index #sec_3{ padding-top: 120px; margin-bottom: 110px; position: relative; }
#index #sec_3:before{ content: ""; background: #f2f2f2; position: absolute; right: 0; top: 42%; /*max-width: 1188px; width: 80%;*/ width: calc(50% + 400px); height: 700px; z-index: -1 }
#index #sec_3 .txt{ text-align: center; }
#index #sec_3 .list1{ margin-top: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-left: -40px }
#index #sec_3 .list1>li{ padding-bottom: 20px; margin-left: 40px; width: calc(50% - 40px) }
#index #sec_3 .list1>li:nth-child(1){ padding-top: 20px; padding-bottom: 0 }
#index #sec_3 .list1>li>.inwrap{ position: relative; color: #fff; text-decoration: none; display: flex;  height: 600px }
#index #sec_3 .list1>li>.inwrap .titlebox{ position: relative; z-index: 2; padding: 20px 8%; box-sizing: border-box; background: rgba(25,25,25,.4); height: 100%; display: flex; width: 100%; transition: 0.3s }
#index #sec_3 .list1>li>.inwrap .titlebox>.inwrap{ max-width: 300px; margin-left: auto; margin-right: auto; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#index #sec_3 .list1>li>.inwrap .titlebox .title{ font-weight: 900; font-size: 2.5rem; line-height: 1.8; margin-bottom: 30px; text-align: center; letter-spacing: 0.2em }
#index #sec_3 .list1>li>.inwrap .titlebox .bottomlink{ margin-top: 70px; width: 100% }
#index #sec_3 .list1>li>.inwrap span.btnlink{ transition: 0.3s }
#index #sec_3 .list1>li>.inwrap>img{  position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; z-index: 1 }
#index #sec_3 .list1>li>.inwrap:hover{  }
#index #sec_3 .list1>li>.inwrap:hover .titlebox{ background: rgba(3,65,80,.3); }
#index #sec_3 .list1>li>.inwrap:hover span.btnlink{ background: #034150; color: #fff; border: 1px solid #034150 }
@media screen and (max-width: 1040px){
	#index #sec_3{ padding-top: 70px; margin-bottom: 90px; }
	#index #sec_3:before{ content: none; }
	#index #sec_3 .list1{ margin-top: 30px; display: block; margin-left: 0; margin-bottom: -20px }
	#index #sec_3 .list1>li{ padding-bottom: 0; margin-left: 0; width: 100%; margin-bottom: 20px }
	#index #sec_3 .list1>li:nth-child(1){ padding-top: 0 }
	#index #sec_3 .list1>li>.inwrap{ display: block; height: auto }
	#index #sec_3 .list1>li>.inwrap .titlebox{ padding: 50px 6%; }
	#index #sec_3 .list1>li>.inwrap .titlebox>.inwrap{ max-width: 100%; display: block; }
	#index #sec_3 .list1>li>.inwrap .titlebox .bottomlink{ margin-top: 30px }
}
@media screen and (max-width: 767px) { 
	#index #sec_3{ padding-top: 40px; margin-bottom: 60px; }
	#index #sec_3 .txt{ text-align: left; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#index #sec_4{ margin-bottom: 100px }
#index #sec_4 .mainbox{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-left: 10%;  }
#index #sec_4 .mainbox .txtbox{ flex-shrink: 0; margin-right: 17% }
#index #sec_4 .mainbox .txtbox{  }
#index #sec_4 .mainbox .gallerylist{  position: relative; margin-left: 0 }
#index #sec_4 .mainbox .gallerylist:before{ content: ""; background: rgba(0,0,0,.15); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10 }
#index #sec_4 .mainbox .gallerylist>ul{ display: flex; flex-direction: row; flex-wrap: wrap; z-index: 1; position: relative; }
#index #sec_4 .mainbox .gallerylist>ul>li{ width: 33.33% }
#index #sec_4 .mainbox .gallerylist>ul>li img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;';  }
@media screen and (max-width: 1040px){
	#index #sec_4{ margin-bottom: 80px; }
	#index #sec_4 .mainbox{ display: block; padding-left: 6%; padding-right: 6% }
	#index #sec_4 .mainbox .txtbox{ margin-right: 0; margin-bottom: 50px }
}
@media screen and (max-width: 767px) { 
	#index #sec_4{ margin-bottom: 60px; }
	#index #sec_4 .mainbox .gallerylist>ul>li{ position: relative; }
	#index #sec_4 .mainbox .gallerylist>ul>li:before{content: ""; display: block; padding-top: 100%; }
	#index #sec_4 .mainbox .gallerylist>ul>li img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; }

}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#index #sec_5{ padding-top: 110px; padding-bottom: 100px; margin-bottom: 0; background: #f2f2f2 }
#index #sec_5 .mainbox{ display: flex; flex-direction: row; align-items: center; }
#index #sec_5 .titlebox{ flex-shrink: 0; margin-right: 10% }
#index #sec_5 .listbox{ flex-grow: 1 }
@media screen and (max-width: 1040px){
	#index #sec_5{ padding-top: 70px; padding-bottom: 80px; }
	#index #sec_5 .mainbox{ display: block; }
	#index #sec_5 .titlebox{ margin-right: 0; margin-bottom: 20px }
}
@media screen and (max-width: 767px) { 
	#index #sec_5{ padding-top: 40px; padding-bottom: 50px; }
	#index #sec_5 .bottomlink{ margin-top: 35px }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







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


#about.strength


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

#about.strength{  }
#about.strength #sec_1{  }
#about.strength #sec_1 .sectitle{ text-align: center; line-height: 2; margin-bottom: 20px }
#about.strength #sec_1 .txt1{ font-size: 1.8rem; text-align: center; line-height: 2.2 }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) { 
	#about.strength #sec_1 .sectitle{ text-align: left; }
	#about.strength #sec_1 .txt1{ text-align: left; font-size: 1.6rem }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#about.strength #sec_2{ position: relative; padding-bottom: 100px }
#about.strength #sec_2:before{ content: ""; background: #f2f5f6; position: absolute; bottom: 0; top: 70px; left: 0; right: 0; width: 100%; z-index: -1 }
#about.strength #sec_2 .list{  }
#about.strength #sec_2 .list>li{  }
#about.strength #sec_2 .list>li>.inwrap{  display: flex; flex-direction: row; position: relative; padding-top: 70px; }
#about.strength #sec_2 .list>li>.inwrap .txtbox{ background: #ffffff; padding-top: 70px; padding-right: 60px; padding-left: 13%; width: 31%; padding-bottom: 70px }
#about.strength #sec_2 .list>li>.inwrap .txtbox .titlebox{ margin-bottom: 20px }
#about.strength #sec_2 .list>li>.inwrap .txtbox .titlebox .num{ text-align: center; color: #1c5461; font-size: 6rem; line-height: 1.4; letter-spacing: 0.05em }
#about.strength #sec_2 .list>li>.inwrap .txtbox .titlebox .sectitle{ text-align: center; }
#about.strength #sec_2 .list>li>.inwrap .imgbox{ position: absolute;  margin-left: -20%; top: 0; right: 0; bottom: 0; width: 67% }
#about.strength #sec_2 .list>li>.inwrap .imgbox img{ width: 100%; height: calc(100% - 80px); object-fit: cover; font-family: 'object-fit: cover;'; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1 }
#about.strength #sec_2 .list>li:nth-child(even)>.inwrap{ flex-direction: row-reverse; }
#about.strength #sec_2 .list>li:nth-child(even)>.inwrap .txtbox{ padding-right: 13%; padding-left: 60px; }
#about.strength #sec_2 .list>li:nth-child(even)>.inwrap  .imgbox{ margin-right: -20%; right: auto; left: 0; margin-left: 0; }
@media screen and (max-width: 1040px){
	#about.strength #sec_2{ padding-bottom: 0 }
	#about.strength #sec_2:before{ content: none }
	#about.strength #sec_2 .list>li{ margin-bottom: 40px }
	#about.strength #sec_2 .list>li>.inwrap{ display: block; padding-top: 0; }
	#about.strength #sec_2 .list>li:nth-child(even)>.inwrap .txtbox,
	#about.strength #sec_2 .list>li>.inwrap .txtbox{ padding-top: 0; padding-right: 6%; padding-left: 6%; width: 100%; padding-bottom: 0; margin-bottom: 30px; box-sizing: border-box; background: rgba(255,255,255,.7);  }
	#about.strength #sec_2 .list>li:nth-child(even)>.inwrap  .imgbox,
	#about.strength #sec_2 .list>li>.inwrap .imgbox{ position: static; margin-left: 0; width: 100% }
	#about.strength #sec_2 .list>li>.inwrap .imgbox img{ position: static; }
}
@media screen and (max-width: 767px) { 
	#about.strength #sec_2 .list>li>.inwrap .txtbox .titlebox .num{ font-size: 5rem;  }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







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


#about.machinery


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

#about.machinery{  }
#about.machinery #sec_1{  }
#about.machinery #sec_1 #s1_insec2 .list1{ border-top: 1px solid #cccccc }
#about.machinery #sec_1 #s1_insec2 .list1>li{ border-bottom: 1px solid #cccccc; padding-top: 55px; padding-bottom: 65px }
#about.machinery #sec_1 #s1_insec2 .list1>li>.inwrap{  }
#about.machinery #sec_1 #s1_insec2 .list1 .txtbox{ float:left; width: 44% }
#about.machinery #sec_1 #s1_insec2 .list1 .txtbox .box1{ margin-bottom: 20px }
#about.machinery #sec_1 #s1_insec2 .list1 .txtbox .box1>dl{ border: 1px solid #688d96; display: flex; flex-direction: row; }
#about.machinery #sec_1 #s1_insec2 .list1 .txtbox .box1>dl>dt{ color: #fff; background: #688d96; padding: 9px 31px }
#about.machinery #sec_1 #s1_insec2 .list1 .txtbox .box1>dl>dd{ padding: 9px 31px }
#about.machinery #sec_1 #s1_insec2 .list1 .imgbox{ float: right; width: 49.5%; }
@media screen and (max-width: 1040px){
	#about.machinery #sec_1 #s1_insec2 .list1 .txtbox{ width: 54%; }
	#about.machinery #sec_1 #s1_insec2 .list1 .imgbox{ width: 40%; }
}
@media screen and (max-width: 767px) { 
	#about.machinery #sec_1 #s1_insec2 .list1>li{ padding-top: 35px; padding-bottom: 45px }
	#about.machinery #sec_1 #s1_insec2 .list1 .txtbox{ width: 100%; float: none;  }
	#about.machinery #sec_1 #s1_insec2 .list1 .imgbox{ margin-top: 30px }
	#about.machinery #sec_1 #s1_insec2 .list1 .imgbox{ width: 100%; float: none;  }
}
@media screen and (max-width: 639px){
	#about.machinery #sec_1 #s1_insec2 .list1 .txtbox .box1>dl{ display: block; }
	#about.machinery #sec_1 #s1_insec2 .list1 .txtbox .box1>dl>dt{ padding: 10px 6% }
	#about.machinery #sec_1 #s1_insec2 .list1 .txtbox .box1>dl>dd{ padding: 10px 6% }
}
@media screen and (max-width: 479px){
}




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


#about.guide


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

#about.guide{  }
#about.guide #sec_1{  }
#about.guide #sec_1 .box1{ background: #f2f5f6; padding-top: 70px; padding-bottom: 50px; font-size: 1.8rem; line-height: 2.2 }
#about.guide #sec_1 .box1 .name{ text-align: right; margin-top: 40px; letter-spacing: 0.1em }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) {
	#about.guide #sec_1 .box1{ font-size: 1.6rem; padding-top: 40px; padding-bottom: 30px }
	#about.guide #sec_1 .box1 .name{ margin-top: 20px }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#about.guide #sec_2{  }
#about.guide #sec_2 .list1{ margin-bottom: -10px }
#about.guide #sec_2 .list1>li{ margin-bottom: 10px }
#about.guide #sec_2 .list1>li>.inwrap{ display: flex; flex-direction: row; background: #e6eced; padding: 40px 40px }
#about.guide #sec_2 .list1>li:nth-child(even)>.inwrap{ background: #f2f5f6; }
#about.guide #sec_2 .list1>li .numbox{ margin-right: 3%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
#about.guide #sec_2 .list1>li .numbox>.inwrap{ background: url(../img/common/numround.svg) no-repeat center center; display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; font-weight: bold; color: #034150; font-size: 4rem; letter-spacing: 0 }
#about.guide #sec_2 .list1>li .txtbox{ display: flex; flex-direction: column; padding-top: 15px }
#about.guide #sec_2 .list1>li .title{ margin-bottom: 20px }
#about.guide #sec_2 .list1>li .title>.inwrap{ font-weight: 900; font-size: 2.5rem; color: #034150; line-height: 1.6; padding: 4px 9px; display: inline-block; background: #fff; letter-spacing: 0.2em; }
#about.guide #sec_2 .list1>li .imgbox{ margin-left: 4%; display: flex; flex-shrink: 0; width: 33.3% }
#about.guide #sec_2 .list1>li:nth-child(4) .imgbox{ background: #fff; text-align: center; padding: 10px; justify-content: center; align-items: center; box-sizing: border-box; }
#about.guide #sec_2 .list1>li:nth-child(4) .imgbox img{ width: 248px; object-fit: inherit; height: auto; display: inline-block; }
#about.guide #sec_2 .list1>li .imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100% }
@media screen and (max-width: 1040px){
	#about.guide #sec_2 .list1>li>.inwrap{ display: block; }
	#about.guide #sec_2 .list1>li .numbox{ margin-right: 0;  margin-bottom: 30px; align-items: center; justify-content: flex-start; }
	#about.guide #sec_2 .list1>li .numbox>.inwrap{ width: 60px; height: 60px; font-size: 3rem; }
	#about.guide #sec_2 .list1>li .title{ margin-left: 20px; display: flex; margin-bottom: 0 }
	#about.guide #sec_2 .list1>li .txtbox{ display: block; padding-top: 0; }
	#about.guide #sec_2 .list1>li .imgbox{ margin-left: 0; display: block; width: 100%; margin-top: 30px }
}
@media screen and (max-width: 767px) {
	#about.guide #sec_2 .list1>li>.inwrap{ padding: 30px 6% }
	#about.guide #sec_2 .list1>li .numbox{ margin-bottom: 15px }
	#about.guide #sec_2 .list1>li .title>.inwrap{ font-size: 2rem;  }
	#about.guide #sec_2 .list1>li .numbox>.inwrap{ width: 50px; height: 50px; font-size: 2.5rem; }
	#about.guide #sec_2 .list1>li .imgbox{ margin-top: 20px }
}
@media screen and (max-width: 639px){
	#about.guide #sec_2 .list1>li>.inwrap{ padding: 20px 6% }
}
@media screen and (max-width: 479px){
}


#about.guide #sec_4{  }
#about.guide #sec_4 .addressbox{ display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 10px }
#about.guide #sec_4 .addressbox .address{ letter-spacing: 0.1em }
#about.guide #sec_4 .addressbox .link{ font-size: 1.4rem }
#about.guide #sec_4 .map{ margin-bottom: 10px }
#about.guide #sec_4 .map iframe{  }
#about.guide #sec_4 .list1{ margin-top: 40px }
#about.guide #sec_4 .list1>ul{ display: flex; flex-direction: row; margin-left: -80px }
#about.guide #sec_4 .list1>ul>li{ margin-left: 80px; width: calc(50% - 80px) }
#about.guide #sec_4 .list1>ul>li .title{ font-weight: 900; color: #1c5461; background: #f2f5f6; padding: 10px 6%; border-left: 6px solid #1c5461; margin-bottom: 10px; letter-spacing: 0.2em }
@media screen and (max-width: 1040px){
	#about.guide #sec_4 .list1>ul{ margin-left: -40px }
	#about.guide #sec_4 .list1>ul>li{ margin-left: 40px; width: calc(50% - 40px) }
}
@media screen and (max-width: 767px) {
	#about.guide #sec_4 .addressbox{ display: block; }
	#about.guide #sec_4 .addressbox .link{ text-align: right; }
	#about.guide #sec_4 .list1>ul{ display: block; margin-left: 0; margin-bottom: -30px }
	#about.guide #sec_4 .list1>ul>li{ margin-left: 0; width: 100%; margin-bottom: 30px }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#about.guide #sec_5{  }
#about.guide #sec_5 .dllist>li dt{ width: 304px; padding-left: 7%; padding-right: 7%; align-items: center; }
@media screen and (max-width: 1040px){
	#about.guide #sec_5 .dllist>li dt{ padding-left: 6%; padding-right: 6%; width: 30% }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
	#about.guide #sec_5 .dllist>li dt{ width: 40% }
}
@media screen and (max-width: 479px){
}


#about.guide #sec_5 .imglist{ display: flex; flex-direction: row; margin-top: 80px }
#about.guide #sec_5 .imglist>li{ width: 33.33% }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) {
	#about.guide #sec_5 .imglist{ display: block; margin-top: 40px }
	#about.guide #sec_5 .imglist>li{ width: 100% }
	#about.guide #sec_5 .imglist>li img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 150px }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}




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


#ability.processing


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

#ability.processing #sec_1{ margin-bottom: 110px }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) { 
	#ability.processing #sec_1{ margin-bottom: 80px }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#ability.processing .section:nth-child(n+2){  }
#ability.processing .section:nth-child(n+2) .mainbox{ display: flex; flex-direction: row; }
#ability.processing .section:nth-child(n+2) .mainbox .txtbox{  }
#ability.processing .section:nth-child(n+2) .mainbox .txtbox .sectitle{  }
#ability.processing .section:nth-child(n+2) .mainbox .txtbox .catlist{ margin-bottom: 40px }
#ability.processing .section:nth-child(n+2) .mainbox .txtbox .catlist>ul{ margin-left: -5px; text-align: left; margin-bottom: -10px }
#ability.processing .section:nth-child(n+2) .mainbox .txtbox .catlist>ul>li{ display: inline-block; margin-left: 5px; margin-bottom: 10px }
#ability.processing .section:nth-child(n+2) .mainbox .txtbox .catlist>ul>li>span{ font-weight: 900; color: #fff; background: #688d96; padding: 13px 18px; line-height: 1.4; display: inline-block; }
#ability.processing .section:nth-child(n+2) .mainbox .imgbox{ flex-shrink: 0; width: 50%; margin-left: 8% }
#ability.processing .section:nth-child(n+2) .gallerybox{ margin-top: 50px }
#ability.processing .section:nth-child(n+2) .gallerybox .imglist{ display: flex; flex-direction: row; margin-left: -40px }
#ability.processing .section:nth-child(n+2) .gallerybox .imglist>li{ margin-left: 40px }
#ability.processing .section:nth-child(n+2) .gallerybox{  }
@media screen and (max-width: 1040px){
	#ability.processing .section:nth-child(n+2) .mainbox .imgbox{ width: 40%; margin-left: 6% }
	#ability.processing .section:nth-child(n+2) .gallerybox .imglist{ margin-left: -30px }
	#ability.processing .section:nth-child(n+2) .gallerybox .imglist>li{ margin-left: 30px }
}
@media screen and (max-width: 767px) { 
	#ability.processing .section:nth-child(n+2) .mainbox{ display: block; }
	#ability.processing .section:nth-child(n+2) .mainbox .imgbox{ width: 100%; margin-left: 0; margin-top: 30px }
	#ability.processing .section:nth-child(n+2) .mainbox .txtbox .catlist{ margin-bottom: 30px }
	#ability.processing .section:nth-child(n+2) .mainbox .txtbox .catlist>ul>li>span{ padding: 8px 13px; font-size: 1.4rem }
	#ability.processing .section:nth-child(n+2) .gallerybox .imglist{ display: block; margin-bottom: -20px; margin-left: -20px }
	#ability.processing .section:nth-child(n+2) .gallerybox .imglist>li{ margin-left: 20px; margin-bottom: 20px }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}




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


#ability.handling


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

#ability.handling #sec_1{  }
#ability.handling #sec_1 .list1{  }
#ability.handling #sec_1 .list1>li{ background: #f2f5f6; padding: 60px 60px }
#ability.handling #sec_1 .list1>li:nth-child(even){ background: transparent; }
#ability.handling #sec_1 .list1>li>.inwrap{  }
#ability.handling #sec_1 .list1>li>.inwrap .txtbox{ float:left; width: 44%; padding-top: 40px }
#ability.handling #sec_1 .list1>li>.inwrap .imgbox{ float: right; width: 49.5%; }
@media screen and (max-width: 1040px){
	#ability.handling #sec_1 .list1>li{ padding: 40px 40px }
	#ability.handling #sec_1 .list1>li>.inwrap .txtbox{ width: 54%; padding-top: 0 }
	#ability.handling #sec_1 .list1>li>.inwrap .imgbox{ width: 40%; }
}
@media screen and (max-width: 767px) { 
	#ability.handling #sec_1 .list1>li{ padding: 30px 6% }
	#ability.handling #sec_1 .list1>li>.inwrap .txtbox{ width: 100%; float: none; }
	#ability.handling #sec_1 .list1>li>.inwrap .imgbox{ margin-top: 30px }
	#ability.handling #sec_1 .list1>li>.inwrap .imgbox{ width: 100%; float: none;  }
}
@media screen and (max-width: 639px){
	#ability.handling #sec_1 .list1>li{ padding: 30px 8% }
}
@media screen and (max-width: 479px){
}






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


#contact.index


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

#contact.index #sec_1{  }
#contact.index #sec_1 .contactlist{ margin-top: 30px }
#contact.index #sec_1 .contactlist>ul{ display: flex; flex-direction: row; margin-left: -20px }
#contact.index #sec_1 .contactlist>ul>li{ margin-left: 20px; display: flex; width: calc(50% - 20px) }
#contact.index #sec_1 .contactlist>ul>li>.inwrap{ background: #ebf0f1; padding: 50px 6%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; box-sizing: border-box; }
#contact.index #sec_1 .contactlist>ul>li .title{ color: #1c5461; font-size: 2rem; margin-bottom: 20px; letter-spacing: 0.1em }
#contact.index #sec_1 .contactlist>ul>li .teltxt{  }
#contact.index #sec_1 .contactlist>ul>li .teltxt>img,
#contact.index #sec_1 .contactlist>ul>li .faxtxt>img{ display: inline-block; vertical-align: middle; margin-left: 15px }
#contact.index #sec_1 .contactlist>ul>li .teltxt>img{ width: 36px; height: 32px; }
#contact.index #sec_1 .contactlist>ul>li .faxtxt>img{ width: 34px; height: 34px }
#contact.index #sec_1 .contactlist>ul>li .teltxt>a,
#contact.index #sec_1 .contactlist>ul>li .faxtxt>p{ font-size: 4rem; line-height: 1.4; color: #034150; display: inline-block; vertical-align: middle; margin-left: 15px ; }
#contact.index #sec_1 .contactlist>ul>li .teltxt>a span,
#contact.index #sec_1 .contactlist>ul>li .faxtxt>p span{ font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-left: 5px; margin-right: 5px }
@media screen and (max-width: 1040px){
	#contact.index #sec_1 .contactlist>ul{ display: block; margin-left: 0; margin-bottom: -20px }
	#contact.index #sec_1 .contactlist>ul>li{ margin-left: 0; display: block; width: 100%; margin-bottom: 20px }
	#contact.index #sec_1 .contactlist>ul>li>.inwrap{ padding: 30px 6% }
	#contact.index #sec_1 .contactlist>ul>li .teltxt>a,
	#contact.index #sec_1 .contactlist>ul>li .faxtxt>p{ font-size: 3rem }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_1 .contactlist>ul>li .title{ font-size: 1.8rem }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#contact.index #sec_2{  }
#contact.index #sec_2 .title{ color: #1c5461; font-weight: 900; font-size: 1.8rem; margin-bottom: 20px }
#contact.index #sec_2 .txt{ font-size: 1.3rem; margin-bottom: 50px }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) {
	#contact.index #sec_2 .txt{ margin-bottom: 30px }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}