@charset "UTF-8";
.site-content .wrap .wrap-main-img .main-img h2 span {
  font-size: 75%;
}
.site-content .wrap .content-area .site-main .container h2.ttl02 {
  color: #215389;/*#f8b500*/
}
.site-content .wrap .content-area .site-main .eachcontent.two {
  /*タブ切り替え全体のスタイル*/
}
.site-content .wrap .content-area .site-main .eachcontent.two .container {
  /*タブのスタイル*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/
}
.site-content .wrap .content-area .site-main .eachcontent.two .container label.tab-item {
  width: calc(100%/2);
  background-position: calc(50% + 7em) 50%;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp {
  margin-bottom: 60px;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp .detail {
  width: 910px;
  margin-bottom: 1.5em;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp .detail h3 {
  font-weight: 700;
  color: #215389;/*#f8b500*/
  font-size: 130%;
  margin-bottom: 1em;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright {
  width: 910px;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft {
  display: block;
  width: 16em;
  line-height: 3.6;
  border: 1px solid #c5c5c5;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: url(../images/pages/document/arrow01.png) no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 10px auto;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft.dp {
  margin-right: 1em;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft.pdf {
  position: relative;
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft.pdf:before {
  content: "";
  display: block;
  width: 18px;
  height: 24px;
  background: url(../images/pages/document/icon01.png) no-repeat left top;
  background-size: cover;
  position: absolute;
  left: 2em;
  top: calc(50% - 12px);
}
.site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content h2.ttl03 {
  font-size: 180%;
  font-weight: 700;
  border-bottom: 1px solid #333;
  margin-bottom: 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.two .container input:checked + label.tab-item {
  background-position: calc(50% + 7em) 50%;
}

@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 .wrap-main-img .main-img h2 {
    top: 24%;
  }
  body .site .site-content .wrap .wrap-main-img .main-img h2 span {
    display: block;
  }
  body .site .site-content .wrap .content-area .site-main .container {
    width: 100%;
    margin: 0;
  }
  body .site .site-content .wrap .content-area .site-main .container h2.ttl01 {
    font-size: 6vw;
    margin-bottom: 2%;
  }
  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 .eachcontent.one .container ul.fbox {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.one .container ul.fbox li {
    width: 100%;
    margin-bottom: 5%;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.one .container ul.fbox li a img {
    margin-bottom: 1%;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two {
    /*タブ切り替え全体のスタイル*/
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container {
    /*タブのスタイル*/
    /*タブ切り替えの中身のスタイル*/
    /*選択されているタブのコンテンツのみを表示*/
    /*選択されているタブのスタイルを変える*/
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container label.tab-item {
    width: calc(100%/2);
    background: url(../images/pages/outline/icon-arrow-right.png) no-repeat;
    background-position: calc(50% + 4em) 50%;
    background-size: 8% auto;
    background-color: #bddafa;/*#fff7e3*/
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp {
    width: 90%;
    margin: 0 auto 10% auto;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp .photo {
    width: 20%;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp .photo img {
    width: 100%;
    height: auto;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp .detail {
    width: 75%;
    margin-bottom: 0;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp .detail h3 {
    font-size: 4vw;
    margin-bottom: 1em;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright {
    width: 90%;
    margin: 0 auto;
    float: none;
    padding-top: 3%;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft {
    float: none;
    width: 100%;
    font-size: 4vw;
    line-height: 3.6;
    background: url(../images/pages/document/arrow01.png) no-repeat;
    background-position: right 0.5em top 50%;
    background-size: 5% auto;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft.dp {
    margin-right: 0;
    margin-bottom: 3%;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft.pdf {
    position: relative;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content .row.pamp > .row.fright a.fleft.pdf:before {
    width: 9.5%;
    height: 50%;
    background: url(../images/pages/document/icon01.png) no-repeat left top;
    background-size: cover;
    position: absolute;
    left: 18%;
    top: 23%;
  }
  body .site .site-content .wrap .content-area .site-main .eachcontent.two .container .tab-content h2.ttl03 {
    font-size: 6vw;
    width: 90%;
    margin: 0 auto 5% 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.two .container input:checked + label.tab-item {
    background: url(../images/pages/outline/icon-arrow-down.png) no-repeat;
    background-position: calc(50% + 4em) 50%;
    background-size: 8% auto;
    background-color: #215389;/*#f8b500*/
  }
}