@charset "utf-8";

/*------Biz_Nav_Box-------*/
.biz_nav_box dt a{
color:#333333;
}
.biz_nav_box .here dt a{
color:#006953;
pointer-events:none;
}
.biz_nav_box li a{
display:block;
background:#808080;
color:#ffffff;
line-height:1.5;
text-indent:-1.5em;
padding-left:1.5em;
}
.biz_nav_box li a:before{
content:'';
display:inline-block;
width:0.4em;
height:0.4em;
margin:0 0.5em;
margin-top:-0.2em;
border-right:1px #ffffff solid;
border-top:1px #ffffff solid;
transform:rotate(45deg);
vertical-align:middle;
}
.biz_nav_box .here li a{
background:#006953;
}
.biz_nav_box .here li a:before{
margin-top:-0.4em;
transform:rotate(135deg);
}
.biz_nav_box li:last-child a,
.biz_nav_box .here li:last-child a{
border:1px #000000 solid;
background:#ffffff;
color:#333333;
}
.biz_nav_box li:last-child a:before,
.biz_nav_box .here li:last-child a:before{
border-right:1px #000000 solid;
border-top:1px #000000 solid;
}
@media screen and (min-width:768px){
.biz_nav_box{
display:flex;
justify-content:space-between;
padding:40px 0;
}
.biz_nav_box dl{
width:20%;
}
.biz_nav_box dt a{
font-size:2.1rem;
line-height:1.2;
}
.biz_nav_box .here dt a{
font-weight:700;
}
.biz_nav_box dt .small{
font-size:1.4rem;
}
.biz_nav_box dd{
margin-top:15px;
}
.biz_nav_box li+li{
margin-top:10px;
}
.biz_nav_box li+li:last-child{
margin-top:20px;
}
}
@media screen and (max-width:767px){
.biz_nav_box{
display:flex;
flex-wrap:wrap;
padding:0.3vw 0 7vw;
}
.biz_nav_box a{
font-size:4.8vw;
text-decoration:none;
}
.biz_nav_box dl{
width:100%;
margin-top:6.7vw;
}
.biz_nav_box dl.here{
order:-1;
}
.biz_nav_box dt a{
line-height:1;
font-weight:700;
color:#808080;
position:relative;
}
.biz_nav_box dt a:before{
content:'';
display:inline-block;
width:1em;
height:1em;
margin-right:0.5em;
background:#808080;
vertical-align:middle;
}
.biz_nav_box dt a:after{
content:'';
display:inline-block;
position:absolute;
left:0.2em;
top:0;
width:0.4em;
height:0.4em;
margin-top:0.4em;
border-right:1px #ffffff solid;
border-top:1px #ffffff solid;
transform:rotate(45deg);
}
.biz_nav_box .here dt a:before,
.biz_nav_box .here dt a:after{
display:none;
}
.biz_nav_box dd{
display:none;
margin-top:5vw;
}
.biz_nav_box .here dd{
display:block;
}
.biz_nav_box li+li{
margin-top:5vw;
}
.biz_nav_box li a{
line-height:1.7;
}
}


/*------Biz_Image_Box-------*/
.biz_img_box{
position:relative;
margin-top:70px;
}
.biz_img_box h2{
position:absolute;
top:0;
left:0;
display:flex;
align-items:center;
width:100%;
height:58vw;
}
.biz_img_box h2 img{
width:87.8%;
margin:auto;
}
.biz_img_box .img_box{
display:flex;
flex-direction:column;
justify-content:space-between;
width:100%;
height:58vw;
}
.biz_img_box ul{
width:100%;
display:flex;
justify-content:center;
}
.biz_img_box li{
width:15%;
}
.biz_img_box li+li{
margin-left:2%;
}
@media screen and (min-width:1200px){
.biz_img_box,
.biz_img_box h2,
.biz_img_box .img_box{
height:660px;
}
}
@media screen and (max-width:767px){
.biz_img_box{
margin-top:7vw;
}
}


/*------Biz_Contents_Box-------*/
.biz_box .cnt_box{
padding:50px 0;
}
.biz_box .cnt_box+.cnt_box,
.biz_box .equip_list{
position:relative;
}
.biz_box .cnt_box+.cnt_box:before,
.biz_box .equip_list:before{
content:'';
position:absolute;
top:0;
left:50%;
right:50%;
display:block;
width:100vw;
height:0;
margin-left:-50vw;
margin-right:-50vw;
border-bottom:2px #000000 dashed;
}
@media screen and (max-width:767px){
.biz_box .cnt_box{
padding:6.7vw 0;
}
.biz_box .cnt_box+.cnt_box:before,
.biz_box .equip_list:before{
border-bottom:1px #000000 dashed;
}
}


/*------Biz_Box/txt & title(H3)-------*/
@media screen and (min-width:768px){
.biz_box .cnt_box .txt,
.biz_box .cnt_box h3{
margin-bottom:25px;
}
.biz_box .cnt_box .txt dl{
display:flex;
}
.biz_box .cnt_box .txt dt{
min-width:170px;
padding-right:20px;
}
.biz_box .cnt_box .txt dt,
.biz_box .cnt_box h3{
font-size:2.4rem;
line-height:1.2;
}
.biz_box .cnt_box .txt dd{
max-width:490px;
}
}
@media screen and (max-width:767px){
.biz_box .cnt_box .txt,
.biz_box .cnt_box h3{
margin-bottom:2vw;
}
.biz_box .cnt_box .txt dt,
.biz_box .cnt_box h3{
font-size:4.8vw;
line-height:1.2;
font-weight:700;
}
.biz_box .cnt_box .txt dd{
margin-top:2.7vw;
}
}


/*------Biz_Contnts_Box/img_List & Equip_List(5column)-------*/
.biz_box .img_list,
.biz_box .equip_list ul{
display:flex;
flex-wrap:wrap;
width:100%;
}
@media screen and (min-width:768px){
.biz_box .img_main+.img_list{
margin-top:15px;
}
.biz_box .equip_list{
padding:50px 0;
}
.biz_box .equip_list h3{
font-size:2.4rem;
margin-bottom:10px;
}
.biz_box .img_list li,
.biz_box .equip_list li{
width:18%;
margin-left:2.5%;
margin-top:15px;
}
.biz_box .img_list li:nth-child(5n+1),
.biz_box .equip_list li:nth-child(5n+1){
margin-left:0;
}
.biz_box .img_list .cap,
.biz_box .equip_list .cap{
margin-top:10px;
font-size:1.2rem;
line-height:1.2;
}
}
@media screen and (max-width:767px){
.biz_box .img_main+.img_list{
margin-top:2vw;
}
.biz_box .img_list{
justify-content:space-between;
}
.biz_box .img_list li{
width:46.3%;
margin-top:2vw;
}
.biz_box .img_list li:nth-child(2n+1){
margin-left:0;
}
.biz_box .equip_list{
padding:5vw 0;
}
.biz_box .equip_list h3{
margin-bottom:2vw;
font-size:4.8vw;
line-height:1.2;
}
.biz_box .equip_list li{
width:30%;
margin-left:5%;
margin-top:2vw;
}
.biz_box .equip_list li:nth-child(3n+1){
margin-left:0;
}
.biz_box .img_list .cap,
.biz_box .equip_list .cap{
margin-top:1vw;
font-size:2.8vw;
line-height:1.2;
}
}


/*------Biz_Contnts_Box/Cnt_List-------*/
@media screen and (min-width:768px){
.biz_box .cnt_list ul{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
}
}


/*------Biz_Contnts_Box/TableBase-------*/
@media screen and (max-width:767px){
.biz_box table,
.biz_box tr,
.biz_box th,
.biz_box td{
display:block;
margin-top:-1px;
}
}


/*------biz/Technology-------*/
#technology.biz_box .cnt_list li{
display:flex;
justify-content:space-between;
align-items:flex-start;
}
#technology.biz_box .cnt_list li .txt .indent{
margin-top:0;
}
#technology.biz_box .cnt_list li .txt .indent li{
justify-content:flex-start;
width:100%;
margin-top:0;
}
#technology.biz_box .cnt_list li .txt .indent li:before{
content:'・';
display:inline-block;
width:1em;
vertical-align:middle;
}
#technology.biz_box .nav_box a{
display:inline-block;
width:120px;
margin-top:15px;
padding:0.8em 2em 0.8em 1em;
background:#006953;
border-radius:0 1.4em 1.4em 0;
color:#ffffff;
font-size:1.2rem;
line-height:1;
font-weight:700;
}
#technology.biz_box .cnt_list li .img{
flex-shrink:0;
}
#technology.biz_box #tech_eco .cnt_list li dl{
width:100%;
}
#technology.biz_box #tech_eco .cnt_list li .name{
background:#4d4d4d;
color:#ffffff;
}
#technology.biz_box #tech_eco .cnt_list li .subname{
font-weight:700;
}
@media screen and (min-width:768px){
#technology.biz_box .cnt_box.no_line{
padding-top:10px;
}
#technology.biz_box .cnt_box.no_line:before{
display:none;
}
#technology.biz_box .cnt_list{
margin-top:-25px;
}
#technology.biz_box .cnt_list li{
width:48%;
margin-top:20px;
}
#technology.biz_box .cnt_list li .img{
width:48%;
margin-right:4%;
}
#technology.biz_box .cnt_list li .name{
font-size:1.8rem;
font-weight:700;
}
#technology.biz_box .cnt_list li .name .small{
font-size:1.4rem;
}
#technology.biz_box .cnt_list li .txt{
margin-top:10px;
}
#technology.biz_box .cnt_list li .txt::after{
content:'';
display:block;
clear:both;
}
#technology.biz_box .cnt_list li .txt a.arw{
float:right;
}
#technology.biz_box .cnt_list li .txt a.arw::after{
display:inline-block;
content:'';
width:6px;
height:6px;
margin-top:-3px;
margin-left:0.5em;
margin-right:0.5em;
border-right:1px #006953 solid;
border-top:1px #006953 solid;
transform:rotate(45deg);
vertical-align:middle;
}
#technology.biz_box #tech_eco .cnt_list li .name{
padding:0 10px;
}
#technology.biz_box #tech_eco .cnt_list li .subname{
margin-top:5px;
font-size:1.4rem;
}
#technology.biz_box #tech_eco .cnt_list li .txt,
#technology.biz_box #tech_other .cnt_list li .txt{
margin:5px 0;
}
#technology.biz_box #tech_eco .nav_box{
margin-top:30px;
}
}
@media screen and (max-width:767px){
#technology.biz_box .cnt_list{
margin-top:-2vw;
}
#technology.biz_box .cnt_list li{
width:100%;
margin-top:5vw;
}
#technology.biz_box .cnt_list li .img{
width:46.3%;
margin-right:3.7%;
}
#technology.biz_box .cnt_list li .name{
font-weight:700;
}
#technology.biz_box .cnt_list li .txt::after{
content:'';
display:block;
clear:both;
}
#technology.biz_box .cnt_list li .txt a.arw{
float:right;
text-decoration:none;
}
#technology.biz_box .cnt_list li .txt a.arw::after{
display:inline-block;
content:'';
width:0.6em;
height:0.6em;
margin-top:-0.3em;
margin-left:0.5em;
margin-right:0.5em;
border-right:1px #006953 solid;
border-top:1px #006953 solid;
transform:rotate(45deg);
vertical-align:middle;
}
#technology.biz_box #tech_eco .cnt_list>ul>li{
margin-top:3vw;
}
#technology.biz_box #tech_eco .cnt_list li .txt{
margin:1vw 0 0;
}
#technology.biz_box #tech_eco .cnt_list li .name{
padding:0.5vw 0.5em;
}
#technology.biz_box #tech_eco .cnt_list li .subname{
margin-top:2vw;
}
#technology.biz_box .nav_box{
margin-top:7vw;
}
#technology.biz_box .nav_box a{
width:32vw;
margin-top:2.7vw;
font-size:3.2vw;
text-decoration:none;
}
}


/*------biz/Planning-------*/
#planning.biz_box .cnt_list li{
display:flex;
justify-content:space-between;
width:100%;
}

@media screen and (min-width:768px){
#planning.biz_box .cnt_list li+li{
margin-top:50px;
}
#planning.biz_box .cnt_list li .img{
width:59%;
}
#planning.biz_box .cnt_list li dl{
width:38.5%;
}
#planning.biz_box .cnt_list li .name{
font-size:2.4rem;
}
#planning.biz_box .cnt_list li .txt{
margin-top:20px;
}
}
@media screen and (max-width:767px){
#planning.biz_box .cnt_list li{
flex-wrap:wrap;
}
#planning.biz_box .cnt_list li+li{
margin-top:6vw;
}
#planning.biz_box .cnt_list li .img{
width:100%;
order:2;
margin-top:3vw;
}
#planning.biz_box .cnt_list li dl{
width:100%;
order:1;
}
#planning.biz_box .cnt_list li .name{
font-size:4.8vw;
font-weight:700;
}
#planning.biz_box .cnt_list li .txt{
margin-top:2vw;
}
}


/*------biz/Coating-------*/
#coating.biz_box .canvas_box{
width:100%;
margin-top:45px;
text-align:center;
}
#coating.biz_box .canvas_box .if_iina{
width:100%;
height:19.2vw;
max-height:230px;
}
#coating.biz_box .movie_box{
margin-top:50px;
}
#coating.biz_box .movie_box::after{
content:'';
display:block;
clear:both;
}
#coating.biz_box .movie_box .img{
float:left;
margin-right:30px;
}
#coating.biz_box .movie_box .nav_box{
margin-top:30px;
}
#coating.biz_box .movie_box .nav_box .btn{
position:relative;
display:inline-block;
width:120px;
padding:0.8em 2em 0.8em 1em;
background:#006953;
border-radius:0 1.4em 1.4em 0;
color:#ffffff;
font-size:1.2rem;
line-height:1;
font-weight:700;
}
#coating.biz_box .movie_box .nav_box .btn:after{
position:absolute;
right:12px;
top:50%;
display:block;
content:'';
width:10px;
height:10px;
margin-top:-5px;
background:url(../img/ico_link_w.png) no-repeat;
background-size:100%;
}
#coating.biz_box .movie_box .nav_box .cap{
margin-top:10px;
font-size:1.2rem;
}
#coating.biz_box .btn_box{
margin:50px 0;
text-align:center;
}
#coating.biz_box .btn_box p{
font-weight:700;
}
#coating.biz_box .btn_box .btn{
position:relative;
display:inline-block;
width:400px;
margin-top:10px;
padding:15px;
background:#006953;
font-size:1.8rem;
color:#ffffff;
}
#coating.biz_box .btn_box .btn:after{
position:absolute;
right:1.5em;
top:50%;
display:block;
content:'';
width:0.5em;
height:0.5em;
margin-top:-0.25em;
border-right:1px #ffffff solid;
border-top:1px #ffffff solid;
transform:rotate(45deg);
}
#coating.biz_box table+p{
margin-top:20px;
}
#coating.biz_box table+h3{
margin-top:50px;
}
#coating.biz_box th,
#coating.biz_box td{
padding:15px 30px;
line-height:1.4;
}
#coating.biz_box td p+p{
margin-top:1em;
}
@media screen and (min-width:768px){
#coating.biz_box th{
width:260px;
}
}
@media screen and (max-width:767px){
#coating.biz_box .canvas_box{
margin-top:7vw;
}
#coating.biz_box .canvas_box .if_iina{
width:88vw;
height:20.24vw;
}
#coating.biz_box .movie_box{
margin-top:7vw;
}
#coating.biz_box .movie_box .img{
width:40%;
margin-right:0;
}
#coating.biz_box .movie_box h3{
margin-left:42%;
font-size:4.7vw;
letter-spacing:-0.05em;
}
#coating.biz_box .movie_box .txt{
margin-left:45%;
font-size:2.8vw;
line-height:1.3;
}
#coating.biz_box .movie_box .nav_box{
clear:both;
}
#coating.biz_box .movie_box .nav_box .btn{
margin-top:3vw;
width:32vw;
font-size:3.2vw;
text-decoration:none;
}
#coating.biz_box .movie_box .nav_box .btn:after{
right:3.2vw;
width:3.2vw;
height:3.2vw;
margin-top:-1.6vw;
}
#coating.biz_box .movie_box .nav_box .cap{
margin-top:0.5em;
font-size:2.8vw;
}
#coating.biz_box .btn_box{
margin:4vw 0 15vw;
}
#coating.biz_box .btn_box .btn{
width:100%;
margin-top:0.5em;
padding:0.6em;
font-size:4.2vw;
text-decoration:none;
}
#coating.biz_box h3{
font-weight:500;
margin-bottom:3vw;
}
#coating.biz_box table+p{
margin-top:3.5vw;
}
#coating.biz_box table+h3{
margin-top:7vw;
}
#coating.biz_box th{
padding:0 0.5em;
line-height:1.5;
}
#coating.biz_box td{
padding:0.5em;
}
}


/*------biz/MapBox-------*/
.biz_box .map_box{
display:flex;
justify-content:space-between;
width:100%;
}
.biz_box .map_box+.map_box{
margin-top:40px;
}
.biz_box .map{
overflow:hidden;
position:relative;
aspect-ratio:59/36;
width:59%;
height:auto;
}
.biz_box .map iframe{
aspect-ratio:59/108;
width:100%;
height:auto;
transform:translateY(-33.3%);
}
.biz_box .gmap_link{
position:absolute;
right:0;
top:0;
display:inline-block;
padding:0.1em 0.5em;
background:#ffffff;
}
.biz_box .gmap_link a{
color:#333333;
font-size:80%;
line-height:1;
text-decoration:none;
}
.biz_box .map_box .txt{
width:38.5%;
}

@media screen and (max-width:767px){
.biz_box .map_box{
flex-wrap:wrap;
}
.biz_box .map_box+.map_box{
margin-top:5vw;
}
.biz_box .map_box .map{
width:100%;
}
.biz_box .map_box .txt{
width:100%;
order:-1;
}
.biz_box .map_box .txt h3{
font-weight:500;
}
}


/*------biz/main_box(3:2)-------*/
.biz_box .main_box{
display:flex;
justify-content:space-between;
width:100%;
}
.biz_box .main_box .img_box ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-top:-20px;
}
.biz_box .main_box .txt{
margin-bottom:0;
}
.biz_box .main_box .txt+*{
margin-top:1em;
}
.biz_box .main_box .txt h3{
line-height:1.5;
}
.biz_box .main_box .certificate h4{
font-weight:700;
}
.biz_box .main_box .certificate ul{
display:flex;
flex-wrap:wrap;
}
.biz_box .main_box .certificate li{
width:31%;
margin-left:3.5%;
margin-top:0.5em;
}
.biz_box .main_box .certificate li:nth-child(3n+1){
margin-left:0;
}
@media screen and (min-width:768px){
.biz_box .main_box>.img,
.biz_box .main_box>.img_box{
width:59%;
}
.biz_box .main_box>.txt,
.biz_box .main_box>.txt_box{
width:38.5%;
}
.biz_box .main_box .img+.img{
margin-top:1em;
}
.biz_box .main_box .img_box ul{
margin-top:-20px;
}
.biz_box .main_box .img_box li{
width:47%;
margin-top:20px;
}
.biz_box .main_box .img_box li .cap{
margin-top:10px;
font-size:1.2rem;
}
.biz_box .main_box .txt h3 .small{
display:block;
margin-bottom:-20px;
font-size:1.8rem;
}
.biz_box .main_box+.img_list{
margin-top:0.5em;
}
}
@media screen and (max-width:767px){
.biz_box .main_box{
flex-wrap:wrap;
}
.biz_box .main_box>.img,
.biz_box .main_box>.img_box{
width:100%;
margin-top:0.75em;
}
.biz_box .main_box>.txt,
.biz_box .main_box>.txt_box{
width:100%;
order:-1;
}
.biz_box .main_box .img+.img{
margin-top:0.75em;
}
.biz_box .main_box .img_box ul{
margin-top:-0.75em;
}
.biz_box .main_box .img_box li{
width:46.3%;
margin-top:0.75em;
}
.biz_box .main_box .img_box li .cap{
margin-top:0.5em;
font-size:2.8vw;
line-height:1.3;
}
.biz_box .main_box .txt h3 .small{
display:inline;
font-size:3.6vw;
font-weight:500;
}
.biz_box .main_box+.img_list{
margin-top:0;
}
}


/*------biz/Overseas-------*/
#vietnam.biz_box .img_list li.none{
width:0;
margin:0;
}
@media screen and (min-width:768px){
#vietnam.biz_box .img_list li.wide_2{
width:38.5%;
}
}
@media screen and (max-width:767px){
#vietnam.biz_box .img_list li.wide_2{
width:100%;
}
}

@media screen and (max-width:767px){
#vietnam.biz_box .img_list li,
#thailand.biz_box .img_list li,
#material.biz_box .img_list li{
margin-top:1.5em;
}
}


/*------biz/Material-------*/
@media screen and (min-width:768px){
}
@media screen and (max-width:767px){
#material.biz_box .cnt_box>h3{
font-weight:500;
}
#material_other .img_box{
display:flex;
flex-wrap:wrap;
margin-top:0;
}
#material_other .img_box .img{
margin-top:2em;
}
#material_other .img_box .img:nth-child(2){
order:-1;
}
}


/*------biz/Assemble-------*/
#assemble.biz_box .img_list li.none{
width:0;
margin:0;
}
@media screen and (min-width:768px){
#assemble.biz_box .img_list li.wide_2{
width:38.5%;
}
}
@media screen and (max-width:767px){
#assemble.biz_box .img_list li.wide_2{
width:100%;
}
}


/*------biz/Others-------*/
@media screen and (min-width:768px){
#other.biz_box .main_box ul{
margin-top:-2em;
}
#other.biz_box .main_box ul li{
float:left;
width:36.4%;
margin-top:2em;
}
#other.biz_box .main_box ul li.img{
width:28%;
margin-right:3%;
}
#other.biz_box .main_box ul li:nth-child(5){
clear:both;
}
#other.biz_box .main_box ul li h3{
margin-bottom:0;
}
#other.biz_box .main_box ul li p{
margin-top:1em;
}
}
@media screen and (max-width:767px){
#other.biz_box .main_box ul{
display:flex;
flex-wrap:wrap;
margin-top:-2em;
}
#other.biz_box .main_box li{
width:100%;
margin-top:2em;
}
#other.biz_box .main_box li h3{
margin-bottom:0;
}
#other.biz_box .main_box li p+h3{
margin-top:0.5em;
}
#other.biz_box .main_box li.img{
width:46.3%;
margin-top:0.5em;
}
#other.biz_box .main_box li:nth-child(1){order:2;}
#other.biz_box .main_box li:nth-child(2){order:4;}
#other.biz_box .main_box li:nth-child(3){order:1;}
#other.biz_box .main_box li:nth-child(4){order:3;}
#other.biz_box .main_box li:nth-child(5){order:6;}
#other.biz_box .main_box li:nth-child(6){order:8;}
#other.biz_box .main_box li:nth-child(7){order:5;}
#other.biz_box .main_box li:nth-child(8){order:7;}
}