@charset "utf-8";
.pc-only {
  display: block!important;
}
.sp-only {
  display: none!important;
}
#content {
  width: 980px;
  margin: 0 auto 30px;
}
#content .column-main {
  box-sizing: border-box;
  padding: 30px;
}
#content .column-main#partnership {
  background-color: #F2E6E6;
}
#content .column-main#domestic {
  background-color: #E1F4DC;
}
#content .column-main#abroad {
  background-color: #FAF5D2;
}
#board-detail * {
  box-sizing: border-box;
  color: #4d4d4d;
}
#board-detail {
  padding: 30px;
  background-color: #fff;
  border-radius: 20px;
}
#board-detail a:hover {
  opacity: 0.8;
}
#board-detail section {
  margin-bottom: 0;
}

/*heading*/
#board-detail .heading {
  display: flex;
  align-self: center;
}
#board-detail .heading h1 {
  width: 80%;
  font-size: 18px;
  font-weight: 600;
}
#board-detail .heading .date {
  width: 20%;
  font-size: 14px;
  text-align: right;
}
#board-detail .title {
  margin: 20px 0 35px;
  padding: 15px 0;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  font-size: 22px;
  font-weight: 600;
}
#board-detail h3.heading-three {
  margin-top: 25px;
  margin-bottom: 20px;
  font-size: 20px;
}
#board-detail h4.heading-four {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 16px;
}

/*text*/
#board-detail .weight-bold {
  font-weight: bold !important;
}
#board-detail .color-strong {
  color: #ee3900 !important;
}
#board-detail .text-underline {
  text-decoration: underline; !important;
}

/*align*/
#board-detail .align-top {
  vertical-align: top !important;
}
#board-detail .align-middle {
  vertical-align: middle !important;
}
#board-detail .align-bottom {
  vertical-align: bottom !important;
}
#board-detail .align-left {
  text-align: left !important;
}
#board-detail .align-center {
  text-align: center !important;
}
#board-detail .align-right {
  text-align: right !important;
}

/*margin-top*/
.mt0 {
  margin-top: 0!important;
}
.mt5 {
  margin-top: 5px!important;
}
.mt10 {
  margin-top: 10px!important;
}
.mt15 {
  margin-top: 15px!important;
}
.mt20 {
  margin-top: 20px!important;
}
.mt25 {
  margin-top: 25px!important;
}
.mt30 {
  margin-top: 30px!important;
}
.mt35 {
  margin-top: 35px!important;
}
.mt40 {
  margin-top: 40px!important;
}
.mt45 {
  margin-top: 45px!important;
}
.mt50 {
  margin-top: 50px!important;
}
.mt60 {
  margin-top: 60px!important;
}
.mt70 {
  margin-top: 70px!important;
}
.mt80 {
  margin-top: 80px!important;
}
.mt90 {
  margin-top: 90px!important;
}
.mt100 {
  margin-top: 100px!important;
}

/*image*/
#board-detail .image {
  margin-bottom: 30px;
}
#board-detail .image img {
  width: 100%;
  border-radius: 20px;
}
#board-detail .image.v2 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#board-detail .image.v3 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/*caption*/
#board-detail .caption {
  margin-top: 5px;
  font-size: 14px;
}

/*--list--*/
/*mod-ul*/
#board-detail .mod-ul li {
  font-size: 14px;
}
/*mod-ol*/
#board-detail .mod-ol li {
  font-size: 14px;
}
#board-detail .mod-ol > li {
  margin: 0 0 0 18px;
}
/*mod-ol-index*/
#board-detail .mod-ol-index li {
  font-size: 14px;
}
/*list-indent*/
#board-detail .list-indent li {
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
}

/*--table--*/
/*mod-table*/
#board-detail .mod-table {
  margin-bottom: 30px;
}
#board-detail .mod-table th,
#board-detail .mod-table td {
  font-size: 14px;
}

/*--button--*/
/*region-button*/
#board-detail .region-button {
  display: inline-flex;
  margin: auto 0 30px;
}
#board-detail .region-button a {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 2px 25px 2px 20px;
  background-color: #fff;
  border: 2px solid #D88F8F;
  border-radius: 50px;
  color: #D95656;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
#board-detail .region-button a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 2px solid #D88F8F;
  border-right: 2px solid #D88F8F;
  transform: rotate(45deg);
}
#board-detail .region-button a:hover {
  background-color: #D88F8F;
  border: 2px solid #D88F8F;
  color: #fff;
}
#board-detail .region-button a:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
/*v2*/
#board-detail .region-button.v2 a {
  border: 2px solid #A2DB93;
  color: #69985D;
}
#board-detail .region-button.v2 a::after {
  border-top: 2px solid #A2DB93;
  border-right: 2px solid #A2DB93;
}
#board-detail .region-button.v2 a:hover {
  background-color: #A2DB93;
  border: 2px solid #A2DB93;
}
/*v3*/
#board-detail .region-button.v3 a {
  border: 2px solid #F3E585;
  color: #D4C13A;
}
#board-detail .region-button.v3 a::after {
  border-top: 2px solid #F3E585;
  border-right: 2px solid #F3E585;
}
#board-detail .region-button.v3 a:hover {
  background-color: #F3E585;
  border: 2px solid #F3E585;
}
/*big*/
#board-detail .region-button.big a {
  padding: 5px 50px 5px 40px;
  font-size: 18px;
}
#board-detail .region-button.big a::after {
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}

/*content-box*/
#board-detail .content-box .text-detail {
  font-size: 14px;
}
#board-detail .content-box .text-detail + .text-detail {
  margin-top: 10px;
}

/*item-box*/
#board-detail .item-box {
  display: flex;
  justify-content: space-between;
}
#board-detail .item-box .left {
  width: 35%;
}
#board-detail .item-box .right {
  width: 60%;
}

/*menu*/
#board-detail .menu {
  padding: 15px 25px;
  margin-top: 30px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
}
#board-detail .menu .menu-title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

/*overview*/
#board-detail .overview {
  padding: 15px 25px;
  margin-top: 30px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
}
#board-detail .overview .overview-title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

/*contact*/
#board-detail .contact {
  margin-top: 30px;
  padding: 15px 25px;
  background-color: #F1F1F1;
  border-radius: 20px;
}
#board-detail .contact .contact-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
#board-detail .contact .contact-company {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
}
#board-detail .contact .contact-text {
  margin-top: 5px;
  font-size: 16px;
}

/*--column--*/
#board-detail .col .image {
  margin-bottom: 0;
}
/*column-two*/
#board-detail .column-two {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
#board-detail .column-two .col {
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}
#board-detail .column-two .col:nth-of-type(2n) {
  margin-right: 0
}
#board-detail .column-two .col:nth-of-type(n+3) {
  margin-top: 20px;
}
/*column-three*/
#board-detail .column-three {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
#board-detail .column-three .col {
  width: calc((100% - 40px) / 3);
  margin-right: 20px;
}
#board-detail .column-three .col:nth-of-type(3n) {
  margin-right: 0
}
#board-detail .column-three .col:nth-of-type(n+4) {
  margin-top: 20px;
}
/*column-four*/
#board-detail .column-four {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
#board-detail .column-four .col {
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
}
#board-detail .column-four .col:nth-of-type(4n) {
  margin-right: 0
}
#board-detail .column-four .col:nth-of-type(n+5) {
  margin-top: 20px;
}
/*column-five*/
#board-detail .column-five {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
#board-detail .column-five .col {
  width: calc((100% - 80px) / 5);
  margin-right: 20px;
}
#board-detail .column-five .col:nth-of-type(5n) {
  margin-right: 0
}
#board-detail .column-five .col:nth-of-type(n+6) {
  margin-top: 20px;
}
/*column-six*/
#board-detail .column-six {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
#board-detail .column-six .col {
  width: calc((100% - 100px) / 6);
  margin-right: 20px;
}
#board-detail .column-six .col:nth-of-type(6n) {
  margin-right: 0
}
#board-detail .column-six .col:nth-of-type(n+7) {
  margin-top: 20px;
}

/*archive*/
#board-detail .archive {
  margin-top: 65px;
  padding-bottom: 40px;
  border-bottom: 1px solid #999999;
}
#board-detail .archive .archive-heading {
  align-items: center;
  display: flex;
  margin-bottom: 30px;
  font-size: 25px;
  font-family: "Futura PT", sans-serif;
  font-weight: 500;
  font-style: italic;
}
#board-detail .archive .archive-heading::before,
#board-detail .archive .archive-heading::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #999999;
}
#board-detail .archive .archive-heading::before {
  margin-right: 25px;
}
#board-detail .archive .archive-heading::after {
  margin-left: 25px;
}
#board-detail .archive .archive-box {
  display: flex;
  flex-wrap: wrap;
}
#board-detail .archive .archive-box .archive-item {
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
}
#board-detail .archive .archive-box .archive-item:nth-of-type(n+5) {
  margin-top: 30px;
}
#board-detail .archive .archive-box .archive-item:nth-of-type(4n) {
  margin-right: 0;
}
#board-detail .archive .archive-box .archive-item .archive-image {
  border-radius: 20px;
  overflow: hidden;
}
#board-detail .archive .archive-box .archive-item a {
  text-decoration: none;
  opacity: 1;
}
#board-detail .archive .archive-box .archive-item a:hover .archive-image img {
  transform:scale(1.1,1.1);
  transition: 0.5s all;
  opacity: 1;
}
#board-detail .archive .archive-box .archive-item .archive-label {
  width: 60px;
  margin-top: 10px;
  padding: 2px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
#board-detail .archive .archive-box .archive-item .archive-label.partnership {
  background-color: #F6E1E1;
}
#board-detail .archive .archive-box .archive-item .archive-label.domestic {
  background-color: #E3FFDB;
}
#board-detail .archive .archive-box .archive-item .archive-label.abroad {
  background-color: #F8EFAF;
}
#board-detail .archive .archive-box .archive-item .archive-title {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 23px;
}


@media screen and (max-width: 701px){
  .pc-only {
    display: none!important;
  }
  .sp-only {
    display: block!important;
  }
  #content {
    width: auto;
    padding: 0;
  }
  #breadcrumbs {
    padding: 0 10px 10px;
  }
  #content .column-main {
    width: auto;
    padding: 20px 10px;
  }
  #board-detail {
    padding: 15px 15px 20px;
    border-radius: 10px;
  }

  /*heading*/
  #board-detail .heading {
    display: block;
  }
  #board-detail .heading h1 {
    width: 100%;
    font-size: 16px;
  }
  #board-detail .heading .date {
    width: 100%;
    font-size: 14px;
  }
  #board-detail .title {
    margin: 10px 0 20px;
    padding: 10px 0;
    font-size: 16px;
  }
  #board-detail h3.heading-three {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  #board-detail h4.heading-four {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  /*image*/
  #board-detail .image {
    margin-bottom: 20px;
  }
  #board-detail .image img {
    border-radius: 10px;
  }
  #board-detail .image.v2 {
    width: 100%;
  }
  #board-detail .image.v3 {
    width: 100%;
  }

  /*caption*/
  #board-detail .caption {
    margin-top: 3px;
    font-size: 12px;
  }

  /*--list--*/
  /*list-indent*/
  #board-detail .list-indent {
    font-size: 16px;
  }
  #board-detail .list-indent li {
    font-size: 14px;
  }
  
  /*--table--*/
  /*mod-table*/
  #board-detail .mod-table {
    margin-bottom: 20px;
  }
  
  /*--button--*/
  /*region-button*/
  #board-detail .region-button {
    margin: auto 0 20px;
  }
  
  /*content-box*/
  #board-detail .content-box .text-detail {
    font-size: 14px;
  }

  /*item-box*/
  #board-detail .item-box {
    display: block;
  }
  #board-detail .item-box .left {
    width: 100%;
  }
  #board-detail .item-box .right {
    width: 100%;
    margin-top: 20px;
  }

  /*menu*/
  #board-detail .menu {
    padding: 10px 15px;
    margin-top: 20px;
    border-radius: 10px;
  }

  /*overview*/
  #board-detail .overview {
    padding: 10px 15px;
    margin-top: 20px;
    border-radius: 10px;
  }
  #board-detail .overview .overview-title {
    font-size: 16px;
  }

  /*contact*/
  #board-detail .contact {
    margin-top: 20px;
    padding: 10px 15px;
    border-radius: 10px;
  }
  #board-detail .contact .contact-title {
    margin-bottom: 0;
    font-size: 16px;
  }
  #board-detail .contact .contact-company {
    font-size: 14px;
  }
  #board-detail .contact .contact-text {
    font-size: 14px;
  }
  
  /*--column--*/
  /*column-two*/
  #board-detail .column-two {
    margin-top: 10px;
  }
  #board-detail .column-two .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  #board-detail .column-two .col:nth-of-type(n+3) {
    margin-top: 15px;
  }
  /*column-three*/
  #board-detail .column-three {
    margin-top: 10px;
  }
  #board-detail .column-three .col {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
  }
  #board-detail .column-three .col:nth-of-type(n+4) {
    margin-top: 15px;
  }
  /*column-four*/
  #board-detail .column-four {
    margin-top: 10px;
  }
  #board-detail .column-four .col {
    width: calc((100% - 30px) / 4);
    margin-right: 10px;
  }
  #board-detail .column-four .col:nth-of-type(n+5) {
    margin-top: 15px;
  }
  /*column-five*/
  #board-detail .column-five {
    margin-top: 10px;
  }
  #board-detail .column-five .col {
    width: calc((100% - 40px) / 5);
    margin-right: 10px;
  }
  #board-detail .column-five .col:nth-of-type(n+6) {
    margin-top: 15px;
  }
  /*column-six*/
  #board-detail .column-six {
    margin-top: 10px;
  }
  #board-detail .column-six .col {
    width: calc((100% - 50px) / 6);
    margin-right: 10px;
  }
  #board-detail .column-six .col:nth-of-type(n+7) {
    margin-top: 15px;
  }
  
  /*--sp-column-one--*/
  #board-detail .sp-column-one {
    display: block;
  }
  /*column-two*/
  #board-detail .column-two.sp-column-one .col {
    width: 100%;
    margin-right: 0;
  }
  #board-detail .column-two.sp-column-one .col:nth-of-type(n+2) {
    margin-top: 15px;
  }
  /*column-three*/
  #board-detail .column-three.sp-column-one .col {
    width: 100%;
    margin-right: 0;
  }
  #board-detail .column-three.sp-column-one .col:nth-of-type(n+2) {
    margin-top: 15px;
  }
  /*column-four*/
  #board-detail .column-four.sp-column-one .col {
    width: 100%;
    margin-right: 0;
  }
  #board-detail .column-four.sp-column-one .col:nth-of-type(n+2) {
    margin-top: 15px;
  }
  /*column-five*/
  #board-detail .column-five.sp-column-one .col {
    width: 100%;
    margin-right: 0;
  }
  #board-detail .column-five.sp-column-one .col:nth-of-type(n+2) {
    margin-top: 15px;
  }
  /*column-six*/
  #board-detail .column-six.sp-column-one .col {
    width: 100%;
    margin-right: 0;
  }
  #board-detail .column-six.sp-column-one .col:nth-of-type(n+2) {
    margin-top: 15px;
  }

  /*--sp-column-two--*/
  /*column-three*/
  #board-detail .column-three.sp-column-two .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  #board-detail .column-three.sp-column-two .col:nth-of-type(n+3) {
    margin-top: 15px;
  }
  #board-detail .column-three.sp-column-two .col:nth-of-type(2n) {
    margin-right: 0;
  }
  /*column-four*/
  #board-detail .column-four.sp-column-two .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  #board-detail .column-four.sp-column-two .col:nth-of-type(n+3) {
    margin-top: 15px;
  }
  #board-detail .column-four.sp-column-two .col:nth-of-type(2n) {
    margin-right: 0;
  }
  /*column-five*/
  #board-detail .column-five.sp-column-two .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  #board-detail .column-five.sp-column-two .col:nth-of-type(n+3) {
    margin-top: 15px;
  }
  #board-detail .column-five.sp-column-two .col:nth-of-type(2n) {
    margin-right: 0;
  }
  /*column-six*/
  #board-detail .column-six.sp-column-two .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  #board-detail .column-six.sp-column-two .col:nth-of-type(n+3) {
    margin-top: 15px;
  }
  #board-detail .column-six.sp-column-two .col:nth-of-type(2n) {
    margin-right: 0;
  }
  

  /*archive*/
  #board-detail .archive {
    margin-top: 30px;
    padding-bottom: 20px;
  }
  #board-detail .archive .archive-heading {
    margin-bottom: 15px;
    font-size: 20px;
  }
  #board-detail .archive .archive-heading::before {
    margin-right: 15px;
  }
  #board-detail .archive .archive-heading::after {
    margin-left: 15px;
  }
  #board-detail .archive .archive-box .archive-item {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  #board-detail .archive .archive-box .archive-item:nth-of-type(n+3) {
    margin-top: 15px;
  }
  #board-detail .archive .archive-box .archive-item:nth-of-type(4n) {
    margin-right: 15px;
  }
  #board-detail .archive .archive-box .archive-item:nth-of-type(2n) {
    margin-right: 0;
  }
  #board-detail .archive .archive-box .archive-item .archive-image {
    border-radius: 10px;
  }
  #board-detail .archive .archive-box .archive-item .archive-label {
    margin-top: 8px;
    font-size: 12px;
  }
  #board-detail .archive .archive-box .archive-item .archive-title {
    margin-top: 3px;
    font-size: 14px;
  }
}