@charset "UTF-8";

/* Maritime Industry Special Program: colors from the Japanese page / Faculty of Engineering kaiji green */
/* primary: #91b122 / light: #e1e8c1 */

.site-content .wrap .content-area .site-main .container h2.ttl01 {
  color: #91b122;
}
.site-content .wrap .content-area .site-main .container h2.ttl02 {
  color: #91b122;
}
.site-content .wrap .content-area .site-main .container h5.ttl02 a {
  color: #91b122;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content#left-content > img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 20px;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container #tab-left:checked ~ #left-content,
.site-content .wrap .content-area .site-main .eachcontent.two .container #tab-mid:checked ~ #mid-content,
.site-content .wrap .content-area .site-main .eachcontent.two .container #tab-right:checked ~ #right-content {
  display: block;
}
.site-content .wrap .content-area .site-main .eachcontent.three {
  background: #91b122;
}
.site-content .wrap .content-area .site-main .eachcontent.three .container.row {
  width: 1080px;
  display: flex;
  justify-content: center;
}
.site-content .wrap .content-area .site-main .eachcontent.three .container.row .fleft {
  float: none;
  margin-right: 0;
}
.site-content .wrap .content-area .site-main .eachcontent.three .container.row .fleft a,
.site-content .wrap .content-area .site-main .eachcontent.three .container.row .fright a {
  background: url(../../images/pages/maritime/icon-target.png) no-repeat #fff;
  background-position: right 3em top 50%;
  background-size: 24px auto;
}

@media screen and (min-width: 0px) and (max-width: 750px) {
  body img {
    width: 100%;
    height: auto;
  }
  body .sp {
    display: block;
  }
  body .pc {
    display: none;
  }
  body .site .site-content {
    margin: 0;
    float: none;
    padding: 0;
  }
  body .site .site-content .wrap .content-area .site-main .container {
    width: 100%;
    margin: 0;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.one {
    padding: 5% 0;
    background: #fff;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.one .container {
    padding: 0;
  }
  body .site .site-content .wrap .content-area .site-main .container h2.ttl01 {
    width: 90%;
    margin: 0 auto 3% auto;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.one .container p {
    width: 90%;
    margin: 0 auto;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container #tab-left:checked ~ #left-content,
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container #tab-mid:checked ~ #mid-content,
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container #tab-right:checked ~ #right-content {
    display: block;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.three .container.row .fleft a,
  body .site .site-content .wrap .content-area .site-main .eachcontent.three .container.row .fright a {
    background: url(../../images/pages/maritime/icon-target.png) no-repeat #fff;
    background-position: right 3em top 50%;
    background-size: 7% auto;
  }
}