body {
min-width: 1200px !important;
}
.hdrMiddle .gNav > ul > li > a{
  font-size: 12px;
}
.hdrMiddle .gNav > ul > li > a, .hdrMiddle .gNav > ul > li > span {
    height: 120px !important;
}

table.tbl_calendar {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}
table.tbl_calendar caption{
  font-weight: bold;
  margin: 10px auto;
}

.fav-item{
  position: absolute;
  right: 25px;
  top: 10px;
}
.fav-item button {
    animation: none;
    border: none;
    background: none;
    padding: 0;
    color: rgba(0,0,0, 0.5);
   cursor: pointer;
}
.fav-item button.is-added {
    color: rgba(255, 115, 115, 0.5);
}

h2.h2A, h2.h2B, h2.h2C, h2.h2D, h2.h2E, h2.h2F, h2.h2G{
      font-weight: 500;
}
#modalDetailSearch {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modalDetailSearch.open {
  opacity: 1;
  pointer-events: all;
  transition: 0.15s;
}

#modalDetailSearch > form {
  width: 600px;
  max-width: calc(100% - 30px);
  max-height: 90vh;
  padding: 30px;
  background: #fff;
  z-index: 3;
  position: relative;
}

#modalDetailSearch ul.ccSearch > li {
  max-width: 100%;
  flex: 0 0 100%;
  margin-bottom: 20px;
}

#mdsBg,
#mdsClose {
  position: absolute;
  cursor: pointer;
  text-align: right;
}

#mdsBg i,
#mdsClose i {
  display: inline-block;
}

#mdsBg {
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

#mdsClose {
  z-index: 2;
  text-align: right;
  background: transparent;
  border: none;
  color: #fff;
  top: -40px;
  right: 0px;
}

.contentsSlider .slick-prev{
    left: -60px!important;
}
.contentsSlider .slick-next{
    right: -60px!important;
}

.cateList--typeC{
    justify-content: center;
}

#hdr .hdrMiddle {
  background: rgba(255,255,255,0.9);
  border-bottom: 1.5px solid #dadada;
}

/* ■■■■■　fp　■■■■■ */

#container {
    overflow: hidden;
}
.sec_main{
  margin-bottom: 0;
}
.sec0 h2{
  margin-bottom:50px;
}
.sec0 p{
  font-size:12px;
  line-height: 32px;
  letter-spacing: 1px;
}

/* .container.sec1_custom {
    max-width: 1920px !important;
} */

.sec1{
  position: relative;
}
@media (max-width: 1160px) {
  .sec1{
    width: calc(100% + 40px);
    margin: 0 - 20px;
  }
  .sec1 .container{
    padding: 0;
  }
}
.sec1:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #F5F5F5;
  height: 380px;
  width: calc(50% + 40px);
}
.sec1_custom {
  position: relative;
  z-index: 3;
}
.sec1 .row{
  margin-left: 0;
  margin-right: 0;
}

.sec1_custom_img {
    width: 50%;
    /* text-align: right; */
    /* background: linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 60%, #fff 40%, #fff 100%); */
}
.sec1_custom_img img {
    margin-top: 100px;
    /* margin-right: 60px; */
}
.sec1_custom_text {
    display: flex;
    align-items: center;
    margin: 160px 0 0 40px;
}
.sec1_custom_text .h2C {
    margin-left: 60px;
    margin-bottom: 0;
    /* font-size: 24px; */
}


.container.sec2_custom {
    max-width: 1920px !important;
}

.sec2_custom_img {
      width: 50%;
    text-align: left;
    background: linear-gradient(180deg, #FFF 0%, #FFF 40%, #F5F5F5 0%, #F5F5F5 100%);
}
.sec2_custom_img img {
    margin-bottom: 100px;
    margin-left: 60px;
}
.sec2_custom_text {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.sec2_custom_text .h2C {
    margin-right: 150px;
    line-height: 32px;
    margin-bottom: 20px;
}
.sec2_custom_text p {
    width: 520px;
    line-height: 32px !important;
}

.container.sec3_custom_text {
    margin-left: auto;
    margin-right: 870px;
    width: 560px;
    padding: 120px 60px!important;
}
.sec3_custom_text p{
  line-height: 38px;
  letter-spacing: 1px;
}
section.conceptA.sec3_custom {
    padding: 0;
}

section.sec4_custom{
  margin-bottom: 0;
}
.conceptB__textWrap.sec4_custom_text {
    margin-left: 100px;
}
.sec4_custom_text p{
  font-size: 12px;
  line-height: 32px;
  letter-spacing: 1px;
}
.conceptB__textWrap.sec5_custom_text {
    margin-left: 100px;
}
.sec5_custom_text p{
  font-size: 12px;
  line-height: 32px;
  letter-spacing: 1px;
}

.container.sec6_custom_text {
    margin-left: 640px;
    margin-right: auto;
    width: 560px;
    padding: 120px 60px!important;
}
.sec6_custom_text p{
  line-height: 38px;
  letter-spacing: 1px;
}
section.conceptA.sec6_custom {
    padding: 0;
}

.sec9_custom h2 small{
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 6px;

}


.sec9_custom .container >p{
  border-top: 1px solid #848484;
  border-bottom: 1px solid #848484;
  padding:10px 0;
}

.sec9_custom .button {
    text-align: right!important;
    background: #fff;
    color:#1b1b1b;
    border:0;
    border-top: 1px solid #F5F5F5;
}
.sec9_custom .button.arrow::after{
  border-color:#1b1b1b;
}

@media (max-width:1200px){

  .container.sec6_custom_text {
    margin-left: 640px;
  }
}

@media (max-width:750px){
  .sec_main{
    margin-bottom: 50px;
  }
  .sec1 .container {
    padding: 0;
  }
  .sec1_custom .row{
    justify-content: center;
  }
  .sec1_custom_img{
    width: 100%;
  }
  .sec1_custom_img img{
    max-width: 90%;
    margin-top:50px;
  }
  .sec1_custom_text{
    margin-top: 20px;
    align-content: center;
  }
  .sec1_custom_text .h2C{
    margin:0;
    text-align: center!important;
  }


  .sec2 .container {
    padding: 0;
  }
  .sec2_custom .row{
    justify-content: center;
  }
  .sec2_custom_text{
    margin-top: 20px;
    width: 100%;
    order:2;
    align-items: center;
  }
  .sec2_custom_text .h2C{
    margin:0;
    text-align: center!important;
  }
  .sec2_custom_text p{
    width: initial;
    text-align: center!important;
  }
  .sec2_custom_img{
    width: 100%;
    background: #FFF;
    order: 1;
    text-align: end;
  }
  .sec2_custom_img img{
    max-width: 90%;
    margin: 0;
  }

  section.sec3_custom{
    background: #F5F5F5!important;
  }
  .sec3_custom .conceptA__bg{
    position: relative;
  }
  .sec3_custom_sptext {
      display: flex;
      margin-top: 40px;

  }
  .sec3_custom_sptext p{
      font-size: 24px;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: 3px;
      margin-left: 15px;
  }
  .sec3_custom_sptext img{
    max-width: 240px;
    margin-right: 15px;
  }
  .container.sec3_custom_text{
    margin:0;
    padding: 0!important;
    background: #F5F5F5!important;
  }
  .sec3_custom_text h2{
    margin-top: 20px;
    text-align: center!important;
  }
  .sec3_custom_text p{
    text-align: center!important;
    margin-bottom: 40px;
  }


  .sec4_custom .container{
    padding: 0;
  }
  .conceptB__textWrap.sec4_custom_text{
    margin:0;
  }
  .conceptB__textWrap.sec4_custom_text h2{
    text-align: center!important;
  }
  .conceptB__textWrap.sec4_custom_text p{
    text-align: center;
  }


  .sec5_custom .container{
    padding: 0;
  }
  .sec5_custom_order1{
    order:2;
  }
  .sec5_custom_order2{
    order:1;
  }
  .conceptB__textWrap.sec5_custom_text{
    margin:0;
  }
  .conceptB__textWrap.sec5_custom_text h2{
    text-align: center!important;
  }
  .conceptB__textWrap.sec5_custom_text p{
    text-align: center;
  }


  section.sec6_custom{
    background: #F5F5F5!important;
  }
  .sec6_custom .conceptA__bg{
    position: relative;
  }
  .sec6_custom_sptext {
      display: flex;
      margin-top: 40px;
  }
  .sec6_custom_sptext p{
      font-size: 24px;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: 3px;
      margin-left: 15px;
  }
  .sec6_custom_sptext img{
    max-width: 240px;
    margin-left: 15px;
  }
  .container.sec6_custom_text{
    margin:0;
    padding: 0!important;
    background: #F5F5F5!important;
  }
  .sec6_custom_text h2{
    margin-top: 20px;
    text-align: center!important;
  }
  .sec6_custom_text p{
    text-align: center!important;
    margin-bottom: 40px;
  }
}

/* 211115追記→241122追記font-size 14pxから12pxに変更してMENUタブ入れました */
.hdrMiddle .gNav > ul > li > a, .hdrMiddle .gNav > ul > li > span{
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
  font-size: 12px !important;

}

.hdrMiddle.hdrMiddle--logoLeft .hdrMiddle__center{
  padding: 0 25px!important;
}

.iconNav a{
  padding: 0 !important;
}

label small, .iconNav a small{
  font-weight: 100 !important;
}