@charset "utf-8";
/* CSS Document */

body{ background-color:#FAFAFA}
.head{display: flex; flex-flow: row wrap; margin:20px 0 }
.head div:nth-child(1) { width:70%; text-align:right;   }
.head div:nth-child(1) img { width:100%; max-width:900px}
.head div:nth-child(2) { width:30%; }
.head div:nth-child(2) ul { list-style:none; padding:0; margin:0; position:relative; width:100%; height:100%; box-sizing:border-box}
.head div:nth-child(2) ul li { padding:0; margin:0; position:absolute; left:5%; box-sizing:border-box}
.int1{ top:0; font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:40px; line-height:40px }
.int2{ top:40px; font-family:"noto"; font-size:12px; line-height:16px;color:#43B8A6 }
.int3{ top:50%; font-size:30px; line-height:30px;color:#43B8A6 }
.int4{ font-size:25px !important; line-height:25px !important; }
.int5{ bottom:0; font-size:12px; line-height:16px }
.interview { width:100%; margin:40px 0}
.interview dt{background: linear-gradient(90deg, #43B8A6 0%, #43B8A6 1%, #FAFAFA 1%, #FAFAFA 1.5%, #FFFFFF 1.5%, #FFFFFF 100%); padding:10px 0 10px 3%; margin:0; box-sizing:border-box}
.interview dd{padding:10px 50px 50px 50px; box-sizing:border-box; margin:0; font-size:1.4rem; line-height:3.0rem}
.intlink{ width:100% !important; margin:0 !important; background-color:#EEEEEE}
.intlink ul{ list-style:none;display: flex;justify-content: center; margin:0; 
padding:50px 5%; box-sizing:border-box }
/*.intlink ul li{ width:10%; background-color:#B61B56;display: inline-block;}
.intlink ul li img{ width:100%;opacity: 0.8;display: block;} */
.intlink ul li{ width:10%; padding:0 0.5%; margin:0 }
.intlink ul li img{ width:100%;filter: sepia(50%)}
.intlink ul li div{ width:100%; position: relative; box-sizing:border-box; text-align:center; font-size:12px !important;
  margin:5px 0; padding: 7px 10px; color: #555; font-size: 16px; background:#FFF}
.intlink ul li div:before { content: ""; position: absolute; top: -30px; left: 50%;
  margin-left: -15px; border: 15px solid transparent; border-bottom: 15px solid #FFF;}

@media only screen and (max-width: 1024px) {
.head div:nth-child(1) { width:50%; }
.head div:nth-child(2) { width:50%; }
.head div:nth-child(2) ul { position:static}
.head div:nth-child(2) ul li { position:static; padding:0 0 0 10px}
.int1{ font-size:30px; line-height:30px }
.int3{ padding-top:20px !important; font-size:25px; line-height:25px;}
.int4{ font-size:20px !important; line-height:20px !important; }
.int5{ padding-top:20px !important}
.interview dd{padding:30px; }

}
@media only screen and (max-width: 768px) {
.head div:nth-child(1) { width:100%; }
.head div:nth-child(2) { width:100%; }
.interview dt{padding:10px; }
.interview dd{padding:10px 20px; }
.intlink ul li img { border:#F60 1px solid}
.intlink ul li div { display:none}
}