@charset "UTF-8";

@media only screen and (min-width: 979px) {
  a[href^="tel:"] {
    pointer-events: none;
    display: inline-block;/*IE用*/
  }
}

/*レスポンシブ　表示切替*/

.pc_only{display: block;}
.pc_none{display: none;}
.tab_only{display: none;}
.tab_none{display: block;}
.sp_only{display: none;}
.sp_none{display: block;}

@media only screen and (max-width: 979px) {
  .pc_only{display: none;}
  .pc_none{display: block;}
  .tab_only{display: block;}
  .tab_none{display: none;}
  .sp_none{display: block;}
}

@media only screen and (max-width: 690px) {
  .tab_only{display: none;}
  .tab_none{display: block;}
  .sp_only{display: block;}
  .sp_none{display: none;}
}

/*br　レスポンシブ切り分け*/

br.pc, br.pc.tab, br.pc.sp{
  display: block;
}
br.tab, br.sp, br.tab.sp{
  display: none;
}
@media only screen and (max-width: 979px) {
  br.pc, br.pc.sp{
    display: none;
  }
  br.tab, br.pc.tab, br.tab.sp{
    display: block;
  }

}
@media only screen and (max-width: 690px) {
  br.tab, br.pc.tab{
    display: none;
  }
  br.sp, br.pc.sp{
    display: block;
  }
}

/*ブロック2個並び*/

.col2_m_222, .col2_m_221,
.col2_m_212, .col2_m_211,
.col2_222, .col2_221,
.col2_212, .col2_211, .col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col2_m_222 .col, .col2_m_221 .col,
.col2_m_212 .col, .col2_m_211 .col {
  width: calc(50% - 12px);
  margin-left: 24px;
  margin-bottom: 32px; 
}
.col2_m_222 .col:nth-child(2n + 1),
.col2_m_221 .col:nth-child(2n + 1),
.col2_m_212 .col:nth-child(2n + 1),
.col2_m_211 .col:nth-child(2n + 1) {
  margin-left: 0; 
}
.col2_222 .col, .col2_221 .col,
.col2_212 .col, .col2_211 .col,
.col2 .col {
  width: calc(50% - 0.5px);
  margin-left: 1px;
  margin-bottom: 1px; 
}
.col2_222 .col:nth-child(2n + 1),
.col2_221 .col:nth-child(2n + 1),
.col2_212 .col:nth-child(2n + 1),
.col2_211 .col:nth-child(2n + 1),
.col2 .col:nth-child(2n + 1) {
  margin-left: 0; 
}
@media only screen and (max-width: 979px) {
  .col2_m_212 .col,
  .col2_m_211 .col,
  .col2_212 .col,
  .col2_211 .col,
  .col2 .col {
    width: 100%;
    margin-left: 0; 
  } 
}
@media only screen and (max-width: 690px) {
  .col2_m_212 .col {
    width: calc(50% - 8px);
    margin-left: 16px;
    margin-bottom: 16px; 
  }
  .col2_m_212 .col:nth-child(2n + 1) {
    margin-left: 0; 
  }
  .col2_212 .col {
    width: calc(50% - 0.5px);
    margin-left: 1px;
    margin-bottom: 1px; 
  }
  .col2_212 .col:nth-child(2n + 1) {
    margin-left: 0; 
  }
  .col2_m_221 .col,
  .col2_221 .col {
    width: 100%;
    margin-left: 0; 
  }
}
/**/
.col2_m_222 .col:last-child,
.col2_m_221 .col:last-child,
.col2_m_212 .col:last-child,
.col2_m_211 .col:last-child,
.col2_222 .col:last-child,
.col2_221 .col:last-child,
.col2_212 .col:last-child,
.col2_211 .col:last-child,
.col2 .col:last-child {
  margin-right: 0;
}


#top_box03.trigger {
  opacity: 0;
}

#top_box03.trigger.inview {
  animation-name: mainimgAnimate;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: forwards;
  animation-fill-mode: forwards;
}
@keyframes mainimgAnimate {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

#top_box03 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: .5%;
  z-index: 0;
}

#top_box03 .kizuna:before {
  content: "";
  position: absolute;
  background-color: #3daae6;
  width: 100%;
  height: 100%;
  opacity: .3;
  left: 0;
  top: 0;
  z-index: -1;
}

.kizuna {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 0;
  margin-left: .5%;
  margin-right: .5%;
}

.kizuna .title {
  color: #FFF;
  font-size: 34px;
  /* font-weight: bold; */
  text-align: center;
  margin-bottom: 10px;
  text-shadow: 0px 3px 5px #019864;
}

.kizuna .info {
  color: #FFF;
  font-size: 22px;
  text-align: center;
}

.kizuna .btn_top a {
  display: block;
  margin: 20px auto 10px;
  max-width: 300px;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 747px) {
  .kizuna .title{
    font-size: 4.5vw;
  }
}
@media only screen and (max-width: 690px) {
  .kizuna .title{
    font-size: 27px;
    line-height: 1.4;
  }
  .kizuna .info {
    font-size: 19px;
  }
}


.kizuna_col .col2_m_221 {
  align-items: center;
}

.kizuna_col .col2_m_221 .col {
  margin-bottom: 0;
}

.kizuna_col .col:first-child {
  width: calc(70% - 20px);
  margin-right: 50px;
}
.kizuna_col .col:last-child {
  width: calc(30% - 30px);
  margin-left: 0;
}

@media only screen and (max-width: 690px) {
  .kizuna_col .col2_m_221 {
    margin-bottom: 10px;
  }
  .kizuna_col .col:first-child, 
  .kizuna_col .col:last-child {
    text-align:center;
    width:100%;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .kizuna_col .col:last-child{
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  .btn_fs_s a{
    display: block;
    margin: 0 auto;
  }
}

.kizuna_table table {
  table-layout: fixed;
  word-break: break-all;
}

.kizuna_table table td {
  padding: 5px;
  text-align: center;
  font-size: 15px;
}

.kizuna_table table thead td {
  background-color: #32908f;
  color: #FFF;
  text-align: center;
}

.kizuna_table tbody td:first-child, 
.kizuna_table tbody td:nth-child(3), 
.kizuna_table tbody td:nth-child(4) {
  text-align: left;
} 

.kizuna_table thead td:nth-child(1) {
  width: 18%;
}
.kizuna_table thead td:nth-child(2) {
  width: 7%;
}
.kizuna_table thead td:nth-child(3) {
  width: 17%;
}
.kizuna_table thead td:nth-child(4) {
  width: 15%;
}
.kizuna_table thead td:nth-child(5), .kizuna_table thead td:nth-child(6) {
  width: 13%;
}
.kizuna_table thead td:nth-child(7) {
  width: 11%;
}

.kizuna_table tbody tr:nth-child(even) td {
  background-color: rgba(50, 155, 210, 0.1);
}

.kizuna_table tbody td:nth-child(4) a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 95%;
}

@media only screen and (max-width: 979px) {
  .kizuna_table.table_wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .kizuna_table.table_wrap table {
    width: 960px;
  }

  .kizuna_table table td {
    font-size: 14px;
  }
  .kizuna_table thead td:nth-child(1) {
    width: 21%;
  }
  .kizuna_table thead td:nth-child(3) {
    width: 19%;
  }
  .kizuna_table thead td:nth-child(7) {
    width: 12%;
  }

}