@charset "utf-8";

/* 固有技術
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
.facility_main { 
background-image : url(../images/facility/facility_main.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
padding: 0 15px;
}

.facility_box {
max-width: 1200px;
height: 200px;
margin: 0 auto;
}

.facility_box h2 {
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-size: 36px;
line-height: 1.5em;
color: #fff;
margin: 0;
padding-top: 70px;
text-shadow: 1px 2px 3px #111;
}

.back_introduction { 
background: #00A0FF;
position: relative;
height: 180px;
}

.introduction { 
width: 100%;
max-width: 900px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.introduction h2 { font-size: 30px; line-height: 1.5em; text-align: center; color: #fff; margin-top: 0; margin-bottom: 0; padding: 0 15px; }

@media screen and (max-width: 767px) {
.facility_box h2 { text-align: center; }
.introduction h2 { font-size: 24px; }
}



/* 押出加工成形、加工・摩擦攪拌接合・表面処理、大容量容器加工 
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
.link_back {
padding: 80px 0;
}

.link_wrap {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.link_box {
max-width: 1000px;
margin: 0 auto;
display: flex;
}

.box {
width: 25%;
border-left: 1px solid #fff;
padding: 30px 15px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.box:nth-child(4) { border-right: 1px solid #fff; }
.box h2 { font-size: 30px; line-height: 1.5em; margin-top: 0; margin-bottom: 0; height: 100px; }
.box p { font-size: 16px; line-height: 2em; height: 160px; }
.box a { color: #fff; }

.link01 { 
width: 50px;
margin: 0 auto;
}

.link02_box { display: flex; justify-content: space-around; }
.link02 {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.link02 img { width: 50px; margin-top: 10px; }

@media screen and (max-width: 900px) {
.link_box { display: block; max-width: 450px; padding-right: 30px; }
.box { width: 100%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.box:nth-child(4) { border-right: 1px solid #fff; border-bottom: none; }
.box h2 { margin-bottom: 20px; height: 100%; }
.box h2 br { display: none; }
.box p { height: 100%; }
}
@media screen and (max-width: 500px) {
.box h2 { font-size: 24px; }
}