@charset "utf-8";

/* キービジュアル
--------------------------------------- */
.gsp_wrapper{
  width:100%;
  max-width:initial;
  margin:auto;
  background-color:#fffcdb;
}
.gsp_content_box{
  overflow-y:visible;
  background-color:#fffcdb;
  height:initial;
  max-height:initial;
}
.sec_content_flex{}

.sec_title{
  position:relative;
  width:100%;
  max-height:380px;
  overflow:hidden;
}
.sec_title .bg{
  width:100%;
  height:100%;
  overflow:hidden;
}
.sec_title .bg img{
  width:100%;
  height:auto;
}
.sec_title h2{
  position:absolute;
  top:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  font-size:50px;
  color:#fff;
  line-height:1.2;
}
.sec_title h2 .h2-wrap{
  display:block;
  width:470px;
  margin:0;
  padding:10px;
  text-align:center;
}
.gold .sec_title h2 .h2-wrap{background-color:#371e0a;}
.silver .sec_title h2 .h2-wrap{background-color:#171616;}
.platinum .sec_title h2 .h2-wrap{background-color:#404040;}
.sec_title h2 .t1{
  display:block;
}
.sec_title h2 .t2{
  display:block;
  font-weight:500;
}

.sec_content_wrap{
  display:block;
  justify-content:normal;
  align-items:normal;
  margin:auto;
  padding:50px 0 80px;
}
.sec_content_wrap h3{
  margin-bottom:20px;
  font-size:38px;
  font-weight:500;
  color:#3c0000;
}
@media(max-width: 1200px){
  .sec_title .bg img{
    width:1200px;
    height:190px;
    object-fit:cover;
  }
  .sec_title h2{
    font-size:40px;
  }
}
@media(max-width: 980px){
  .sec_title .bg img{
    width:1000px;
    height:158px;
    object-fit:cover;
  }
  .sec_title h2{
    font-size:36px;
  }
}
@media(max-width: 768px){
  .sec_title .bg img{
    width:768px;
    height:122px;
  }
  .sec_title h2{
    font-size:28px;
  }
  .sec_title h2 .h2-wrap{
    width:70vw;
  }
  .sec_content_wrap{
    display:block;
    justify-content:normal;
    align-items:normal;
    padding:6vw 0 9vw;
  }
  .sec_content_wrap h3{
    font-size:28px;
  }
}

/* ページ内リンク
--------------------------------------- */
.sec_content_flex ul.sub_link{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:flex-start;
  gap:5%;
  max-width:1000px;
  margin:20px auto 0;
  font-size:1.222em;
}
.sec_content_flex ul.sub_link li{
  width:30%;
}
.sec_content_flex ul.sub_link li a{
  display:block;
  width:100%;
  padding:8px;
  color:#000;
  line-height:1.2;
  text-align:center;
  background-color:#fff;
  border-radius:0px;
  border:1px solid #ccc;
  transition:color 300ms, background-color 300ms;
}
.sec_content_flex ul.sub_link li.current a,
.sec_content_flex ul.sub_link li a:hover{
  color:#fff;
  background-color:#d6bc5e;
}/*
.sec_content_flex ul.sub_link li.current:nth-child(1) a,
.sec_content_flex ul.sub_link li:nth-child(1) a:hover{
  color:#fff;
  background-color:#371e0a;
}
.sec_content_flex ul.sub_link li.current:nth-child(2) a,
.sec_content_flex ul.sub_link li:nth-child(2) a:hover{
  color:#fff;
  background-color:#171616;
}
.sec_content_flex ul.sub_link li.current:nth-child(3) a,
.sec_content_flex ul.sub_link li:nth-child(3) a:hover{
  color:#fff;
  background-color:#404040;
}*/
@media(max-width: 768px){
  .sec_content_flex ul.sub_link li a{
    transition:none;
  }
  .sec_content_flex ul.sub_link li a:hover{
    color:#000;
    background-color:#fff;
  }
  .sec_content_flex ul.sub_link li.current a:hover{
    color:#fff;
    background-color:#d6bc5e;
  }/*
  .sec_content_flex ul.sub_link li:nth-child(1) a:hover,
  .sec_content_flex ul.sub_link li:nth-child(2) a:hover,
  .sec_content_flex ul.sub_link li:nth-child(3) a:hover{
    color:#000;
    background-color:#fff;
  }
  .sec_content_flex ul.sub_link li.current:nth-child(1) a:hover{
    color:#fff;
    background-color:#371e0a;
  }
  .sec_content_flex ul.sub_link li.current:nth-child(2) a:hover{
    color:#fff;
    background-color:#171616;
  }
  .sec_content_flex ul.sub_link li.current:nth-child(3) a:hover{
    color:#fff;
    background-color:#404040;
  }*/
}

/* 内部リンク
--------------------------------------- */
.box-edge{
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  margin-bottom:90px;
}
.box-edge .box-left{width:40%;}
.box-edge .box-right{width:58%;}
.box-edge .box-left,
.box-edge .box-right{
  padding:20px;
  border:1px solid #000;
}
.box-edge h4{
  font-size:1.222em;
  font-weight:500;
}
.box-edge a:hover{text-decoration:underline;}
@media(max-width: 1000px){
  .box-edge .box-left{width:46%;}
  .box-edge .box-right{width:52%;}
}
@media(max-width: 920px){
  .box-edge .box-left{width:52%;}
  .box-edge .box-right{width:46%;}
}
@media(max-width: 768px){
  .box-edge{
    display:block;
    justify-content:normal;
    align-items:normal;
    margin-bottom:50px;
  }
  .box-edge .box-left{width:100%;margin-bottom:20px;}
  .box-edge .box-right{width:100%;}
  .box-edge h4{font-size:16px;}
  .box-edge a:hover{text-decoration:none;}
}

/* コンテンツ メイン
--------------------------------------- */
.sec_content_inner{}
.sec_content_inner .sec_content{
  margin-bottom:80px;
}
.sec_content_inner .sec_content:last-of-type{
  margin-bottom:40px;
}
.sec_content_inner .sect_title{
  display:flex;
  justify-content:flex-start;
  margin-bottom:36px;
}
.sec_content_inner .sect_title .title_left{
  width:50%;
}
.sec_content_inner .sect_title .title_left h4{
  width:100%;
  margin-bottom:36px;
  padding:20px;
  color:#fff;
  line-height:1.2;
}
.sec_content_inner .sect_title .title_left a h4{
  transition:opacity 300ms;
}
.sec_content_inner .sect_title .title_left a:hover h4 {opacity:0.7;}
.silver .sec_content_inner .sect_title .title_left{width:53%;}
.platinum .sec_content_inner .sect_title .title_left{width:68%;}
  .sec_content_inner #reference1 .sect_title .title_left{width:50%;}
.gold .sec_content_inner .sect_title .title_left h4{background-color:#371e0a;}
.silver .sec_content_inner .sect_title .title_left h4{background-color:#171616;}
.platinum .sec_content_inner .sect_title .title_left h4{background-color:#404040;}
.sec_content_inner .sect_title .title_left h4 .en{
  margin-right:10px;
  font-size:58px;
  font-weight:400;
}
.sec_content_inner .sect_title .title_left h4 .jp{
  font-size:38px;
}
.sec_content_inner .sect_title .title_left .info{}
.sec_content_inner .sect_title .title_left .info ul{
  font-size:1.333em
  font-weight:500;
}
.sec_content_inner .sect_title .img{
  width:50%;
}
.sec_content_inner .box{}
.sec_content_inner .box h5{
  margin-bottom:30px;
  font-size:36px;
  font-weight:500;
  line-height:1.2;
}
.sec_content_inner .box p,
.sec_content_inner .box ul,
.sec_content_inner .box dl{
  text-align:justify;
  text-justify:inter-ideograph;
}
.sec_content_inner .box dl dt{
  font-size:1.222em;
  font-weight:500;
}
.sec_content_inner .box .note{font-size:0.888em;}
@media(max-width: 1000px){
  .sec_content_inner .sect_title .title_left h4{
    margin-bottom:2vw;
    padding:20px 10px;
  }
}
@media(max-width: 920px){
  .sec_content_inner .sect_title .title_left h4 .en{
    font-size:46px;
  }
  .sec_content_inner .sect_title .title_left h4 .jp{
    font-size:32px;
  }
  .sec_content_inner .sect_title .title_left .info ul{
    font-size:1.1666em;
  }
}
@media(max-width: 920px){
  .sec_content_inner #reference1 .sect_title .title_left{width:63%;}
}
@media(max-width: 768px){
  .sec_content_inner .sec_content{
    margin-bottom:40px;
  }
  .sec_content_inner .sec_content:last-of-type{
    margin-bottom:20px;
  }
  .sec_content_inner .sect_title{
    display:block;
    justify-content:normal;
    margin-bottom:40px;
  }
  .sec_content_inner .sect_title .title_left{
    width:100% !important;
    margin-bottom:20px;
  }
  .sec_content_inner .sect_title .title_left h4{
    padding:12px 10px;
  }
  .sec_content_inner .sect_title .title_left h4 .en{
    font-size:28px;
  }
  .sec_content_inner .sect_title .title_left h4 .jp{
    font-size:18px;
  }
  .sec_content_inner .sect_title .title_left .info ul{
    font-size:1.000em;
  }
  .sec_content_inner .sect_title .title_left h4 a{transition:none;}
  .sec_content_inner .sect_title .title_left h4 a:hover{opacity:1.0;}
  .sec_content_inner .sect_title .img{
    width:100%;
    margin:auto;
  }
  .sec_content_inner .box h5{font-size:1.1666em;}
  .sec_content_inner .box dl dt{font-size:16px;}
}


.block.factors h4{
  margin-bottom:10px;
  font-size:1.222em;
  font-weight:500;
}
.block.factors .box{margin-bottom:30px;}
.block.factors .box:last-of-type{margin-bottom:0;}
.block.factors .img1{margin-bottom:20px;border:1px solid #bbbbbc;}
.block.factors .box h5{
  width:100%;
  margin-bottom:20px;
  padding:10px;
  font-size:1.111em;
  font-weight:500;
  color:#fff;
  line-height:1.2;
  background-color:#371e0a;
}

.block.factors .box_flex{
  display:flex;
  justify-content:space-between;
}
.block.factors .box_flex .l-img{width:30%;}/*
.block.factors .box_flex .l-img .img{border:1px solid #bbbbbc;}*/
.block.factors .box_flex .r-txt{
  width:68%;
  line-height:2.0;
  letter-spacing:-0.01em;
  text-align:justify;
  text-justify:inter-ideograph;
}
@media(max-width: 768px){
  .block.factors{margin-bottom:40px;}
  .block.factors:last-of-type{margin-bottom:0;}
  .block.factors h3{padding:12px 10px;font-size:18px;}
  .block.factors h4{font-size:16px;}
  .block.factors .box h5{font-size:16px;}
  .block.factors .box_flex{
    display:block;
    justify-content:normal;
  }
  .block.factors .box_flex .l-img{
    width:80vw;
    max-width:768px;
    margin:0 auto 10px;
  }
  .block.factors .box_flex .r-txt{
    width:100%;
    line-height:1.8;
    letter-spacing:0;
  }
}