@charset "UTF-8";
/* ==========================================================================//
//
//　contents
//
// ========================================================================== */
/** -------------------------------- **
	main
*** ----------------------------------------------------------------- ***/
.cOrang {
  color: #f38a2f; }

/** -------------------------------- **
	main
*** ----------------------------------------------------------------- ***/
/* ページタイトル */
.pageTitle {
  background-color: #f38a2f; }

/* セクション */
.secTitle span::before {
  background-color: #f38a2f; }

/** -------------------------------- **
	検索方法
*** ----------------------------------------------------------------- ***/
.searchBox {
  margin-top: 80px; }
  .searchBox .inner {
    padding: 80px 100px; }
    .searchBox .inner + .inner {
      border-top: 2px solid #fff; }
  @media only screen and (max-width: 767px) {
    .searchBox {
      margin-top: calc((80 / 750) * 100vw); }
      .searchBox .inner {
        padding: calc((80 / 750) * 100vw) calc((30 / 750) * 100vw); }
        .searchBox .inner + .inner {
          border-top: calc((2 / 750) * 100vw) solid #fff; } }

/* ==========================================================================//
//
//　top
//
// ========================================================================== */
.top .archiveLead {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 100px; }
  .top .archiveLead::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc((100% - 250px) / 2);
    width: 250px;
    height: 2px;
    background-color: #f38a2f; }
  .top .archiveLead p {
    font-size: 2rem;
    line-height: 2.5;
    text-align: center; }
.top .archiveList li {
  width: calc((100% - 40px) / 2);
  margin-top: 0;
  padding-top: 0; }
  .top .archiveList li:nth-of-type(2n) {
    padding-top: 50px; }
    .top .archiveList li:nth-of-type(2n) .txtArea {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin: -40px -10px 0 auto; }
  .top .archiveList li a {
    position: relative; }
    .top .archiveList li a:hover .txtArea h4 {
      text-decoration: none; }
    .top .archiveList li a:hover .explanArea {
      opacity: 1; }
  .top .archiveList li .txtArea {
    width: 500px;
    min-height: 50px;
    margin: -40px 0 0 -10px;
    padding: 10px 30px; }
    .top .archiveList li .txtArea h4 {
      margin-bottom: 0;
      color: #fff; }
  .top .archiveList li .explanArea {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 200px;
    padding: 20px 30px;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity .5s; }
    .top .archiveList li .explanArea p {
      color: #fff;
      font-size: 2rem;
      line-height: 1.3; }
@media only screen and (max-width: 767px) {
  .top .archiveLead {
    padding-bottom: calc((40 / 750) * 100vw);
    margin-bottom: calc((60 / 750) * 100vw); }
    .top .archiveLead::after {
      left: calc((100% - ((250 / 750) * 100vw)) / 2);
      width: calc((250 / 750) * 100vw);
      height: calc((3 / 750) * 100vw); }
    .top .archiveLead p {
      font-size: calc((28 / 750) * 100vw);
      line-height: 2em; }
      .top .archiveLead p .space {
        display: block;
        height: 1em; }
  .top .archiveList li {
    width: 100%;
    padding: 0 0 0 calc((15 / 750) * 100vw); }
    .top .archiveList li:nth-of-type(n + 2) {
      margin-top: calc((50 / 750) * 100vw);
      padding-top: 0; }
    .top .archiveList li:nth-of-type(2n) {
      padding: 0 calc((15 / 750) * 100vw) 0 0; }
      .top .archiveList li:nth-of-type(2n) .txtArea {
        margin: calc((-50 / 750) * 100vw) calc((-15 / 750) * 100vw) 0 auto; }
      .top .archiveList li:nth-of-type(2n) .explanArea {
        margin: 0 calc((-15 / 750) * 100vw) 0 0; }
    .top .archiveList li .imgArea {
      height: calc((210 / 520) * 100vw); }
      .top .archiveList li .imgArea .thumb {
        height: calc((210 / 520) * 100vw);
        background-size: 100% auto !important; }
    .top .archiveList li .txtArea {
      width: calc(100% - ((40 / 750) * 100vw));
      min-height: calc((65 / 750) * 100vw);
      margin: calc((-50 / 750) * 100vw) 0 0 calc((-15 / 750) * 100vw);
      padding: calc((20 / 750) * 100vw) calc((30 / 750) * 100vw); }
    .top .archiveList li .explanArea {
      position: static;
      display: flex;
      height: auto;
      margin: 0 0 0 calc((-15 / 750) * 100vw);
      padding: calc((20 / 750) * 100vw) calc((30 / 750) * 100vw);
      background-color: inherit;
      opacity: 1; }
      .top .archiveList li .explanArea p {
        color: inherit;
        font-size: calc((32 / 750) * 100vw); } }

/* ==========================================================================//
//
//　list
//
// ========================================================================== */
.list .archiveLead {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 60px; }
.list .archiveList li .txtArea {
  height: 95px; }
@media only screen and (max-width: 767px) {
  .list .archiveLead {
    font-size: calc((28 / 750) * 100vw);
    margin-bottom: calc((60 / 750) * 100vw); }
  .list .archiveList li .txtArea {
    height: calc((180 / 750) * 100vw); } }

@media only screen and (max-width: 320px) {
  .list .archiveList li .imgArea {
    height: calc((330 / 690) * 100vw); }
    .list .archiveList li .imgArea .thumb {
      height: calc((330 / 690) * 100vw);
      background-size: 100% auto !important; } }
/** -------------------------------- **
	STORY
*** ----------------------------------------------------------------- ***/
.list.story .archiveList li .txtArea {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: auto;
  min-height: 115px; }
  .list.story .archiveList li .txtArea h4 {
    color: #f38a2f; }
@media only screen and (max-width: 767px) {
  .list.story .archiveList li .txtArea {
    height: auto;
    min-height: calc((190 / 750) * 100vw); } }

#story .sec {
  margin-top: 50px; }
@media only screen and (max-width: 767px) {
  #story .sec {
    margin-top: calc((50 / 750) * 100vw); } }

/* ==========================================================================//
//
//　detail
//
// ========================================================================== */
.detail .wrapper {
  margin-bottom: 0; }
.detail .mainImage .date {
  font-size: 1.6rem; }
  .detail .mainImage .date span {
    margin-left: 1em;
    font-weight: 700; }
.detail .mainImage .articleTitle {
  margin-top: 10px;
  font-size: 3.2rem;
  line-height: 1.3; }
.detail .mainImage figure {
  margin-top: 25px; }
.detail .infoBox {
  margin-top: -110px; }
  .detail .infoBox.noMainImage {
    margin-top: 0; }
  .detail .infoBox .inner {
    position: relative;
    width: 940px;
    padding: 40px 50px 0;
    background-color: #fff; }
  .detail .infoBox .lead {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.785; }
  .detail .infoBox h1,
  .detail .infoBox .headTitle01 {
    margin-top: 50px;
    padding: 10px 15px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    border-top: 5px solid #f38a2f;
    border-bottom: 5px solid #f38a2f;
    background-color: #ffffe1; }
  .detail .infoBox h2,
  .detail .infoBox .headTitle02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 55px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5; }
    .detail .infoBox h2::before,
    .detail .infoBox .headTitle02::before {
      content: "";
      display: inline-block;
      width: 8px;
      min-height: 36px;
      margin-right: 15px;
      background-color: #f38a2f; }
  .detail .infoBox h3,
  .detail .infoBox .headTitle03 {
    margin-top: 45px;
    padding-bottom: 10px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 1px solid #f38a2f; }
  .detail .infoBox h4,
  .detail .infoBox .headTitle04 {
    margin-top: 45px;
    padding-left: 1.2em;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    text-indent: -1.2em; }
    .detail .infoBox h4::before,
    .detail .infoBox .headTitle04::before {
      content: "■ ";
      display: inline;
      color: #f38a2f; }
  .detail .infoBox h5,
  .detail .infoBox .headTitle05 {
    margin-top: 45px;
    color: #f38a2f;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5; }
  .detail .infoBox strong {
    font-weight: bold !important; }
  .detail .infoBox .txtBox {
    margin-top: 15px; }
    .detail .infoBox .txtBox p {
      font-size: 1.8rem;
      line-height: 2.5; }
  .detail .infoBox .grayBox {
    margin-top: 30px;
    padding: 25px 35px; }
    .detail .infoBox .grayBox p {
      font-size: 1.8rem;
      line-height: 2.5; }
  .detail .infoBox .imageCont {
    margin: 50px auto 0;
    text-align: center; }
    .detail .infoBox .imageCont .imageBox {
      display: inline-block; }
      .detail .infoBox .imageCont .imageBox img {
        max-width: 100%;
        height: auto; }
      .detail .infoBox .imageCont .imageBox figcaption {
        margin-top: 5px;
        text-align: left;
        font-size: 1.6rem;
        line-height: 1.5; }
    @media only screen and (max-width: 767px) {
      .detail .infoBox .imageCont {
        margin: 0 auto; }
        .detail .infoBox .imageCont img {
          max-width: 100%;
          height: auto; } }
  .detail .infoBox .imageList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 20px; }
    .detail .infoBox .imageList figure img {
      max-width: 100%;
      height: auto; }
    .detail .infoBox .imageList figure figcaption {
      margin-top: 5px;
      font-size: 1.6rem;
      line-height: 1.5; }
    .detail .infoBox .imageList.col2 li {
      max-width: 410px;
      margin-right: 20px; }
      .detail .infoBox .imageList.col2 li:last-child {
        margin-right: 0; }
      .detail .infoBox .imageList.col2 li:nth-of-type(n + 3) {
        margin-top: 15px; }
    .detail .infoBox .imageList.col3 li {
      max-width: 266px;
      margin-right: 21px; }
      .detail .infoBox .imageList.col3 li:last-child {
        margin-right: 0; }
      .detail .infoBox .imageList.col3 li:nth-of-type(n + 4) {
        margin-top: 15px; }
  .detail .infoBox .imageList02 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 20px; }
    .detail .infoBox .imageList02 figure img {
      max-width: 100%;
      height: auto; }
    .detail .infoBox .imageList02 figure figcaption {
      margin-top: 5px;
      font-size: 1.6rem;
      line-height: 1.5; }
    .detail .infoBox .imageList02.col2 li {
      width: 39%;
      margin-right: 20px; }
      .detail .infoBox .imageList02.col2 li:last-child {
        margin-right: 0; }
      .detail .infoBox .imageList02.col2 li.text {
        width: 60%; }
      .detail .infoBox .imageList02.col2 li p {
        font-size: 1.8rem;
        line-height: 2.5; }
        .detail .infoBox .imageList02.col2 li p strong {
          font-weight: bold; }
  .detail .infoBox .bdrGrayBox {
    margin-top: 50px;
    padding: 25px 35px;
    border: 1px solid #c6c6c6; }
    .detail .infoBox .bdrGrayBox p {
      font-size: 1.8rem;
      line-height: 2.5; }
@media only screen and (max-width: 767px) {
  .detail .wrapper {
    margin-bottom: calc((115 / 750) * 100vw); }
  .detail .mainImage .date {
    font-size: calc((24 / 750) * 100vw); }
  .detail .mainImage .articleTitle {
    margin-top: calc((15 / 750) * 100vw);
    font-size: calc((38 / 750) * 100vw);
    line-height: 1.685; }
  .detail .mainImage figure {
    margin: calc((25 / 750) * 100vw) calc((-30 / 750) * 100vw) 0; }
  .detail .infoBox {
    margin-top: calc((-65 / 750) * 100vw); }
    .detail .infoBox.noMainImage {
      margin-top: 0; }
    .detail .infoBox .inner {
      width: calc((690 / 750) * 100vw);
      padding: calc((25 / 750) * 100vw) 0 0; }
    .detail .infoBox .lead {
      padding: 0 calc((35 / 750) * 100vw);
      font-size: calc((32 / 750) * 100vw);
      line-height: 1.875; }
    .detail .infoBox .headTitle01 {
      margin-top: calc((70 / 750) * 100vw);
      padding: calc((10 / 750) * 100vw) calc((15 / 750) * 100vw);
      font-size: calc((32 / 750) * 100vw);
      border-top: calc((5 / 750) * 100vw) solid #f38a2f;
      border-bottom: calc((5 / 750) * 100vw) solid #f38a2f; }
    .detail .infoBox .headTitle02 {
      margin-top: calc((65 / 750) * 100vw);
      font-size: calc((32 / 750) * 100vw); }
      .detail .infoBox .headTitle02::before {
        width: calc((10 / 750) * 100vw);
        min-height: calc((48 / 750) * 100vw);
        margin-right: calc((15 / 750) * 100vw); }
    .detail .infoBox .headTitle03 {
      margin-top: calc((65 / 750) * 100vw);
      padding-bottom: calc((10 / 750) * 100vw);
      font-size: calc((32 / 750) * 100vw); }
    .detail .infoBox .headTitle04 {
      margin-top: calc((60 / 750) * 100vw);
      font-size: calc((30 / 750) * 100vw); }
    .detail .infoBox .headTitle05 {
      margin-top: calc((55 / 750) * 100vw);
      font-size: calc((30 / 750) * 100vw); }
    .detail .infoBox .txtBox {
      margin-top: calc((30 / 750) * 100vw); }
      .detail .infoBox .txtBox p {
        font-size: calc((28 / 750) * 100vw);
        line-height: 2; }
    .detail .infoBox .grayBox {
      margin-top: calc((30 / 750) * 100vw);
      padding: calc((25 / 750) * 100vw) calc((35 / 750) * 100vw); }
      .detail .infoBox .grayBox p {
        font-size: calc((28 / 750) * 100vw);
        line-height: 2; }
    .detail .infoBox .imageBox {
      margin-top: calc((55 / 750) * 100vw); }
      .detail .infoBox .imageBox figcaption {
        margin-top: calc((5 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw); }
    .detail .infoBox .imageList {
      margin-top: calc((35 / 750) * 100vw); }
      .detail .infoBox .imageList figure figcaption {
        margin-top: calc((5 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw); }
      .detail .infoBox .imageList.col2 li {
        width: 48%; }
      .detail .infoBox .imageList.col3 li {
        width: 32%; }
    .detail .infoBox .imageList02 {
      display: block;
      margin-top: calc((35 / 750) * 100vw); }
      .detail .infoBox .imageList02 figure figcaption {
        margin-top: calc((5 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw); }
      .detail .infoBox .imageList02.col2 li {
        display: block;
        width: 100%; }
        .detail .infoBox .imageList02.col2 li:last-child {
          margin-top: calc((20 / 750) * 100vw); }
        .detail .infoBox .imageList02.col2 li.text {
          width: 100%; }
        .detail .infoBox .imageList02.col2 li p {
          font-size: calc((28 / 750) * 100vw);
          line-height: 2; }
    .detail .infoBox .bdrGrayBox {
      margin-top: calc((65 / 750) * 100vw);
      padding: calc((25 / 750) * 100vw) calc((35 / 750) * 100vw); }
      .detail .infoBox .bdrGrayBox p {
        font-size: calc((28 / 750) * 100vw);
        line-height: 2; } }