@charset "utf-8";
/* CSS Document */

/* 全体見出しフォント設定 */
.catch{
/*font-family: "TrajanPro-Regular";*/
}
/*　メインビジュアルのcss*/
/*-------------------------------------------------------*/


/* blk01
/*-------------------------------------------------------*/
.blk01{
  position: relative;
  }
.blk01 .title{
  position: absolute;
  top: 93px;
  left: 64px;
  font-size: 30px;
  text-shadow: 0 0 5px #fff;
  letter-spacing: 0.06em;
  line-height: 1;
  z-index: 2;
  }
.blk01 .mainBg{
  position: relative;
  background: url("../images/access/main_img_pc.jpg") no-repeat center bottom;
  min-height: 600px;
}
.blk01 .mainBg .caption{
  position: absolute;
  content: "岡山駅西口（徒歩6分／約420m※1）";
  color: #fff;
  background-color: rgba(17, 20, 19, 0.5);
  font-size: 12px;
  left: 0;
  bottom: 0;
  line-height: 1;
  padding: 4px;
}
.blk01 .mainBg .caption .sup {
  vertical-align: top;
}

.blk01 .mainBg img{
  width: 100%;
  visibility: hidden;
}

@media screen and (min-width:1366px){
  .blk01 .catch{
    margin: 6.589% 0 0 4.758%
    }

  .blk01 .mainBg{
    background-size: 100% auto;
    }
}
@media screen and (max-width: 1120px){
  .blk01 .title{
    top: 8.304%;
    left: 5.741%;
    font-size: 2.679vw;
    }
  .blk01 .mainBg{
    background-size: cover;
    min-height: 53.571vw;
  }
  .blk01 .mainBg::before{
    font-size: 1.071vw;
    padding: 0.357%;
  }
}

@media screen and (max-width: 768px){
  .blk01{
    margin-bottom: 8.667%;
    }
  .blk01 .title{
    top: 0;
    left: 0;
    margin: 8.464%  0 0 5.078%;
    font-size: 4.688vw;
    line-height: 1.2;
  } 
  .blk01 .mainBg{
    position: relative;
    background: none;
    min-height: 0;
    }
  .blk01 .mainBg .caption{
    color: #fff;
    background-color: rgba(17, 20, 19, 0.5);
    font-size: 2.604vw;
    left: 0;
    bottom: 0;
    line-height: 1;
    padding: 0.599%;
  }
  .blk01 .mainBg img{
    visibility: visible;
   }
}
/* blk02
/*-------------------------------------------------------*/
.blk02 .b01{
  width: 1110px;
  margin: 0 auto;
  text-align: center;
  }
.blk02 .catch{
  color: #111413;
  /*font-family: "FP-ヒラギノ明朝 ProN W3";*/
  font-size: 50px;
  letter-spacing: 0.2em;
  line-height: 0.72;
  margin-top: 115px;
  margin-bottom: 80px;
  }
.blk02 .copy{
  font-size: 30px;
  color: #111413;
  letter-spacing: 0.1em;
  line-height: 1.467;
  margin-bottom: 100px;
  }
.blk02 .sup{
    font-size: 14px;
    vertical-align: top;
  }
.blk02 .b02{
  background-color: #efefef;
  margin-bottom: 83px;
  }
.blk02 .mapBox{
  width: 1110px;
  margin: 0 auto;
  padding: 80px 0 84px;
  }
.blk02 .mapImg{
  width: 902px;
  margin: 0 auto;
  position: relative;
  }
.blk02 .mapImg::before{
  position: absolute;
  content: "アクセス概念図";
  color: #000;
  font-size: 12px;
  right: 0;
  bottom: 0;
  line-height: 1.333;
  z-index: 2;
  }
.blk02 .lnk{
  position: absolute;
  top: 0;
  left: 0;
  }
.blk02 .lnk.l01{
  top: 304px;
  left: 590px;
  width: 203px;
  }
.blk02 .lnk.l02{
  top: 42px;
  left: -103px;
  width: 273px;
  }
.blk02 .lnk.l03{
  top: 394px;
  left: -103px;
  width: 265px;
  }
.blk02 .notice {
  margin: 80px auto 0;
  font-size: 12px;
}

@media screen and (max-width: 1120px){
  .blk02 .b01{
    width: 99.107%;
  }
  .blk02 .catch{
    font-size: 4.464vw;
    margin-top: 10.268%;
    margin-bottom: 7.143%;
  }
  .blk02 .copy{
    font-size: 2.679vw;
    margin-bottom: 8.929%;
  }

  .blk02 .b02{
    margin-bottom: 7.411%;
  }
  .blk02 .mapBox{
    width: 99.107%;
    padding: 7.143% 0 7.5%;
  }
  .blk02 .mapImg{
    width: 81.261%;
  }
  .blk02 .mapImg::before{
    font-size: 1.071vw;
  }
  .blk02 .lnk.l01{
    width: 22.506%;
    top: 0;
    left: 65.410%;
    margin-top: 33.703%;
  }
  .blk02 .lnk.l02{
    top: 0;
    left: -11.419%;
    width: 30.266%;
    margin-top: 4.656%;
    }
  .blk02 .lnk.l03{
    top: 0;
    left: -11.419%;
    width: 29.379%;
    margin-top: 43.681%;
    }
  .blk02 .notice {
    margin: 7.142% auto 0;
  }
}
@media screen and (max-width: 768px){
  .blk02 .b01{
    width: 89.583%;
    margin: 0 auto;
    text-align: center;
  }
  .blk02 .catch{
    color: #111413;
    font-size: 6.51vw;
    letter-spacing: 0.2em;
    line-height: 1;
    margin-top: 11.628%;
    margin-bottom: 5.814%;
  }
  .blk02 .copy{
    font-size: 3.9061vw;
    color: #111413;
    line-height: 1.467;
    margin-bottom: 11.628%;
  }
  .blk02 .sup{
    font-size: 2.667vw;
  }
  .blk02 .b02{
    background-color: #efefef;
    margin-bottom: 11.677%;
  }
  .blk02 .mapBox{
    width: 89.583%;
    margin: 0 auto;
    padding: 11.228% 0 5.425%;
  }
  .blk02 .mapImg{
    width: 100%;
    padding-top: 23.438%;
    margin: 0 auto;
  }
  .blk02 .mapImg::before{
    margin-bottom: -4.478%;
    font-size: 2.604vw;
  }
  .blk02 .lnk.l01{
    top: 0;
    left: 0;
    width: 32.558%;
    margin-top: 0;
  }
  .blk02 .lnk.l02{
    top: 0;
    left: 33.721%;
    width: 32.558%;
    margin-top: 0;
    }
  .blk02 .lnk.l03{
    top: 0;
    left: 67.442%;
    width: 32.558%;
    margin-top: 0;
    }
    .blk02 .notice {
/*       width: 89.844%; */
      font-size: 2.604vw;
      margin-top: 18.644%;
  }
}


/* blk03 
/*-------------------------------------------------------*/
.blk03 .b01{
  width: 1110px;
  margin: 0 auto;
  text-align: center;
}
.blk03 .catch{
  color: #c9b94f;
  font-size: 20px;
  letter-spacing: 0.2em;
  line-height: 1.8;
  margin-bottom: 24px;
}
.blk03 .copy{
  font-size: 26px;
  color: #111413;
  letter-spacing: 0.1em;
  line-height: 1.692;
  margin-bottom: 81px;
}
.blk03 .b02{
  width: 1110px;
  margin: 0 auto;
  text-align: center;
}
.blk03 .ttl{
  font-size: 30px;
  color: #111413;
  letter-spacing: 0.01em;
  line-height: 1.333;
  border-bottom: 2px solid #c9b94f;
  margin-bottom: 50px;
}
.ttl .sup {
  vertical-align: top;
}
.blk03 .ttl .sm{
  font-size: 15px;
  color: #111413;
  letter-spacing: 0.01em;
  line-height: 3.333;
}
.blk03 .lineWrap{
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 100px;
}
.blk03 .lineBox{
  display: block;
  vertical-align: top;
  width: 360px;
  font-size: 0;
}
.blk03 .lineBox:nth-of-type(1),
.blk03 .lineBox:nth-of-type(2),
.blk03 .lineBox:nth-of-type(4),
.blk03 .lineBox:nth-of-type(5){
  padding-right:15px;
}
.blk03 .lineImg{
  position: relative;
}
.blk03 .cap{
  position: absolute;
  font-size: 12px;
  color: #fff;
  background-color: rgba(17, 20, 19, 0.5);
  left: 0;
  bottom: 0;
  line-height: 1;
  padding: 4px;
}
.blk03 .cap .sup{
  vertical-align: top;
  font-size: 71%;
}
.blk03 .lineCap{
  width: 250px;
  margin-bottom: 33px;
  padding: 20px 55px 0;
}
@media screen and (max-width: 1120px){
  .blk03 .b01{
    width: 99.107%;
  }
  .blk03 .catch{
    font-size: 1.786vw;
    margin-bottom: 2.143%;
  }
  .blk03 .copy{
    font-size: 2.321vw;
    margin-bottom: 7.232%;
  }
  .blk03 .b02{
    width: 99.107%;
  }
  .blk03 .ttl{
    font-size:2.679vw;
    margin-bottom: 4.464%;
  }
  .blk03 .ttl .sm{
    font-size: 1.339vw;
  }
  .blk03 .lineWrap{
    width: 100%;
    margin-bottom: 8.929%;
  }
  .blk03 .lineBox{
    width:32.143%;
  }
  .blk03 .lineBox:nth-of-type(1),
  .blk03 .lineBox:nth-of-type(2),
  .blk03 .lineBox:nth-of-type(4),
  .blk03 .lineBox:nth-of-type(5){
    padding-right:1.34%;
  }
  .blk03 .cap{
    font-size: 1.071vw;
    padding: 0.357%;
  }
  .blk03 .lineCap{
    width: 69.444%;
    margin-bottom: 9.167%;
    padding: 5.556% 15.278% 0;
  }
}

@media screen and (max-width: 768px){
  .blk03 .b01{
    width: 89.583%;
    margin: 0 auto;
    text-align: center;
  }
  .blk03 .catch{
    font-size: 3.125vw;
    letter-spacing: 0.2em;
    line-height: 1.5;
    margin-bottom: 2.994%;
  }
  .blk03 .copy{
    font-size: 3.646vw;
    line-height: 1.429;
    margin-bottom: 12.126%;
  }
  .blk03 .b02{
    width: 89.583%;
    margin: 0 auto;
    text-align: center;
  }
  .blk03 .ttl{
    font-size: 3.45vw;
    letter-spacing: 0.1em;
    line-height: 1.429;
    margin-bottom: 2.994%;
  }
  .blk03 .ttl .sm{
    font-size: 2.604vw;
    letter-spacing: 0.1em;
    line-height: 2;
  }
  .blk03 .lineWrap{
    display: inline-flex;
    width: 100%;
    margin-bottom: 10.174%;
  }
  .blk03 .lineBox{
    display:inline-block;
    vertical-align: top;
    width: 48.503%;
    font-size: 0;
    margin-bottom: 4.491%
  }
  .blk03 .lineBox:nth-of-type(1),
  .blk03 .lineBox:nth-of-type(2),
  .blk03 .lineBox:nth-of-type(4),
  .blk03 .lineBox:nth-of-type(5){
    padding-right:0;
  }
  .blk03 .lineBox:last-child{
    padding-left: 2.994%;
  }
  .blk03 .lineImg{
    position: relative;
  }
  .blk03 .cap{
    position: absolute;
    font-size: 2.604vw;
    color: #fff;
    background-color: rgba(17, 20, 19, 0.5);
    left: 0;
    bottom: 0;
    line-height: 1;
    padding: 0.898%;
  }
  .blk03 .lineCap{
    width: 87.425%;
    margin: 0 auto;
    padding: 5.988% 0 0;
  }
}

/* blk04
/*-------------------------------------------------------*/
.blk04{
 margin: 0 auto 120px;
}
.blk04 .b01{
  width: 1110px;
  margin: 0 auto;
  text-align: center;
}
.blk04 .catch{
  color: #c9b94f;
  font-size: 20px;
  letter-spacing: 0.2em;
  line-height: 1.8;
  margin-bottom: 30px;
}
.blk04 .copy{
  font-size: 26px;
  color: #111413;
  letter-spacing: 0.1em;
  line-height: 1.692;
  margin-bottom: 79px;
}
.blk04 .b02{
  width: 1110px;
  margin: 0 auto;
  text-align: center;
}
.blk04 .ttl{
  font-size: 30px;
  color: #111413;
  letter-spacing: 0.01em;
  line-height: 1.333;
  border-bottom: 2px solid #c9b94f;
  margin-bottom: 50px;
}
.blk04 .ttl .sm{
  font-size: 15px;
  color: #111413;
  letter-spacing: 0.01em;
  line-height: 3.333;
}
.blk04 .expressWrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.blk04 .expressWrap:nth-of-type(2){
  flex-direction: row-reverse;
}
.blk04 .Left{
  display: block;
  font-size: 0;
  position: relative;
  width: 540px;
}
.blk04 .cap{
  position: absolute;
  font-size: 12px;
  color: #fff;
  background-color: rgba(17, 20, 19, 0.5);
  left: 0;
  bottom: 0;
  line-height: 1;
  padding: 4px;
}
.blk04 .Right{
  display: block;
  width: 480px;
  padding: 0 37.5px;
  font-size: 0;
}
@media screen and (max-width: 1120px){
  .blk04{
   margin: 0 auto 10.714%;
  }
  .blk04 .b01{
    width: 99.107%;
  }
  .blk04 .catch{
    font-size: 1.986vw;
    margin-bottom: 2.679%;
  }
  .blk04 .copy{
    font-size: 2.321vw;
    margin-bottom: 7.053%;
  }
  .blk04 .b02{
    width: 99.107%;
  }
  .blk04 .ttl{
    font-size: 2.679vw;
    margin-bottom: 4.464%;
  }
  .blk04 .ttl .sm{
    font-size: 1.339vw;
  }
  .blk04 .expressWrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2.679%;
}
.blk04 .expressWrap:nth-of-type(2){
  flex-direction: row-reverse;
}
.blk04 .Left{
  display: block;
  font-size: 0;
  position: relative;
  width: 48.214%;
}
.Left .L02{
    margin-left: auto;
  }
.blk04 .Right{
  display: block;
  width: 43.304%;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
  }
  .blk04 .cap{
    font-size: 1.071vw;
    padding: 0.357%;
  }
}
@media screen and (max-width: 768px){
  .blk04{
   margin: 0 auto 13.473%;
  }
  .blk04 .b01{
    width: 89.583%;
    margin: 0 auto;
    text-align: center;
  }
  .blk04 .catch{
    font-size: 3.125vw;
    letter-spacing: 0.2em;
    line-height: 1.5;
    margin-bottom: 1.497%;
  }
  .blk04 .copy{
    font-size: 3.646vw;
    line-height: 1.429;
    margin-bottom: 10.901%;
  }
  .blk04 .b02{
    width: 89.583%;
    margin: 0 auto;
    text-align: center;
  }
  .blk04 .ttl{
    font-size: 3.646vw;
    letter-spacing: 0.01em;
    line-height: 1.429;
    margin-bottom: 2.994%;
  }
  .blk04 .ttl .sm{
    font-size: 2.604vw;
    letter-spacing: 0.1em;
    line-height: 2;
  }
  .blk04 .expressWrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 5.838%;
  }
  .blk04 .expressWrap:nth-of-type(2){
    flex-direction: column;
  }
  .blk04 .Left{
    display: block;
    width: 100%;
    font-size: 0;
  }
  .blk04 .expressImg{
    position: relative;
    width: 100%;
  }
  .blk04 .cap{
    font-size: 2.604vw;
    left: 0;
    bottom: 0;
    line-height: 1;
    padding: 0.599%;
  }
  .blk04 .Right{
    display: block;
    width: 85.629%;
    margin: 0 auto;
    padding-top: 4.341%;
    font-size: 0;
  }
  .blk04 .L01{
    padding-right: 0;
  }
  .blk04 .L02{
    padding-left: 0;
  }
}
/* blk05
/*-------------------------------------------------------*/
.blk05{
  display: flex;
  justify-content: space-between;
  width: 1110px;
  margin:0 auto 118px;
}
.blk05 .b01{
  padding-right: 15px;
}
.blk05 .b02{
  padding-left: 15px;
}
.blk05 .catch{
  color: #c9b94f;
  font-size: 16px;
  letter-spacing: 0.2em;
  line-height: 3;
}
.blk05 .copy{
  font-size: 22px;
  color: #111413;
  letter-spacing: 0.1em;
  line-height: 1.545;
  margin-bottom: 30px;
}
.blk05 .cap{
  position: absolute;
  font-size: 12px;
  color: #fff;
  background-color: rgba(17, 20, 19, 0.5);
  left: 0;
  bottom: 0;
  line-height: 1.2;
  padding: 4px;
}
.blk05 .carImg{
  position: relative;
}
.blk05 .carCap{
  width: 404px;
  margin: 0 auto;
  padding-top:33px; 
}
.blk05 .busImg{
  display: inline-block;
  position: relative;
  width: 265px;
  padding-right: 10px;
}
.blk05 .airImg{
  display: inline-block;
  position: relative;
  width: 265px;
}
.blk05 .airAccess{
  width: 541px;
  margin: 0 auto;
  margin-top:23px; 
}
.blk05 .airCopy{
  font-size: 18px;
  color: #111413;
  border-bottom: 2px solid #c9b94f;
  letter-spacing: 0.05em;
  line-height: 1.888;
  margin-top: 12px;
}
.blk05 .sup {
  vertical-align: top;
}
@media screen and (max-width: 1120px){
  .blk05{
  width: 99.107%;
  margin:0 auto 10.536%;
  }
  .blk05 .b01{
    padding-right: 2.679%;
  }
  .blk05 .b02{
    padding-left: 2.679%;
  }
  .blk05 .catch{
    font-size: 1.429vw;
  }
  .blk05 .copy{
    font-size: 1.964vw;
    margin-bottom: 5.358%;
  }
  .blk05 .cap{
    font-size: 1.071vw;
    padding: 0.357%;
  }

  .blk05 .carCap{
    width: 72.143%;
    padding-top:5.893%; 
  }
  .blk05 .busImg{
    width: 48.182%;
    padding-right: 3.636%;
  }
  .blk05 .airImg{
    width: 48.182%;
  }
  .blk05 .airAccess{
    width: 96.607%;
    margin-top:4.107%; 
  }
  .blk05 .airCopy{
    font-size: 1.607vw;
    margin-top: 1.071%;
  }
}
@media screen and (max-width: 768px){
  .blk05{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 89.583%;
    margin:0 auto 0;
  }
  .blk05 .b01{
    padding-right: 0;
    margin-bottom: 10.479%;
  }
  .blk05 .b02{
    width: 100%;
    padding-left: 0;
  }
  .blk05 .catch{
    display: block;
    font-size: 3.125vw;
    letter-spacing: 0.2em;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 2.994%;
  }
  .blk05 .copy{
    display: block;
    font-size: 3.646vw;
    color: #111413;
    line-height: 1.429;
    text-align: center;
    margin: 0 auto 5.988%;
  }
  .blk05 .cap{
    position: absolute;
    font-size: 2.604vw;
    left: 0;
    bottom: 0;
    line-height: 1;
    padding: 0.599%;
  }
  .blk05 .carImg{
    position: relative;
    width: 100%;
  }
  .blk05 .carCap{
    width: 72.455%;
    margin: 0 auto;
    padding-top:3.743%; 
  }
  .blk05 .busImg{
    display: inline-block;
    position: relative;
    width: 48.456%;
    padding-right: 3.088%;
  }
  .blk05 .airImg{
    display: inline-block;
    position: relative;
    width: 48.456%;
    background-color: aqua;
  }
  .blk05 .airAccess{
    width: 100%;
    margin: 0 auto;
    margin-top:3.144%; 
  }
  .blk05 .airCopy{
    font-size: 3.385vw;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.665;
    margin-top: 4.192%;
  }
}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
}

@media screen and (max-width: 768px){
}



.movBlk{
  width: 840px;
  margin: 0 auto;
  pointer-events: auto;
  }
.movBlk .title{
  margin: 0 auto;
  /*font-family: "TrajanPro-Regular";*/
  font-size: 50px;
  color: #c9b94f;
  text-align: center;
  letter-spacing: 0.2em;
  }
.movBlk .subTtl{
  margin-bottom: 40px;
  /*font-family: "FP-ヒラギノ明朝 ProN W3";*/
  font-size: 32px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 1;
  }
.movBlk .movFrame{
  position: relative;
  width: 800px;
  margin: 0 auto 40px;
}
.movBlk .movFrame .wrap{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%!important;
  }
.movBlk .frameMov{
  position: absolute;
  width: 100%!important;
  height: 100%!important;
  margin: 0;
  }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .movBlk .title{
    font-size: 4.464vw;
    }
  .movBlk .subTtl{
    margin-bottom: 3.571%;
    font-size: 2.857vw;
    }
}

@media screen and (max-width: 768px){
  .movBlk{
    width: 80.508%;
    }
  .movBlk .title{
    font-size: 9.115vw;
    }
  .movBlk .subTtl{
    margin-bottom: 7.161%;
    font-size: 5.208vw;
    line-height: 1.3;
    }
  .movBlk .movFrame{
    width: 100%;
    margin-bottom: 5.085%;
    }
}


/* 註釈PDFリンク */

.distance_pdf {
  /*   color: #4472C4; */
    border-bottom: solid 1px #000;
  }

.sup {
  vertical-align: top;
}




.photo-body{ position: relative; }
.photo-body .caption{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); padding: 3px; font-size: 12px; color: #fff; line-height: 1; }
.ext-sec01{ padding: 80px 0; background-color: #f6f6f6; }
.ext-sec01 .sec-ttl{ color: #c9b94f; font-size: 20px; letter-spacing: 0.2em; line-height: 1.8; text-align: center; font-family: 'EB Garamond', 'Cormorant Garamond', serif; }
.ext-sec01 .split-view{ display: flex; display: -ms-flex; justify-content: space-between; max-width: 1112px; margin: 30px auto 0; }
.ext-sec01 .split-view .l-item,
.ext-sec01 .split-view .r-item{ width: 48.56%; }
.ext-sec01 .split-view .l-item .min{ margin: 20px auto 0; max-width: 480px; width: 88.88%; }
.ext-sec01 .split-view .r-item .copy{ font-size: 26px; color: #111413; line-height: 1.692; }
.ext-sec01 .split-view .r-item .photo-body{ width: 62.22%; max-width: 336px; margin: 20px auto 0; }
.ext-sec02{ padding: 80px 0; background-color: #ffffff; }
.ext-sec02 .sec-ttl{ color: #c9b94f; font-size: 20px; letter-spacing: 0.2em; line-height: 1.8; text-align: center; font-family: 'EB Garamond', 'Cormorant Garamond', serif; }
.ext-sec02 .split-view{ display: flex; display: -ms-flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1112px; margin: 30px auto 0; }
.ext-sec02 .split-view .l-item,
.ext-sec02 .split-view .r-item{ width: 48.56%; }
.ext-sec02 .split-view .l-item .min{ margin: 40px 0 0 0; max-width: 404px; width: 74.81%; }
.ext-sec02 .split-view .l-item .copy{ font-size: 26px; color: #111413; line-height: 1.692; }
.ext-sec03{ padding: 80px 0; background-color: #f9f7ee; }
.ext-sec03 .sec-ttl{ color: #c9b94f; font-size: 20px; letter-spacing: 0.2em; line-height: 1.8; text-align: center; font-family: 'EB Garamond', 'Cormorant Garamond', serif; }
.ext-sec03 .split-view{ display: flex; display: -ms-flex; justify-content: space-between; max-width: 1112px; margin: 30px auto 0; }
.ext-sec03 .split-view .l-item,
.ext-sec03 .split-view .r-item{ width: 48.56%; }
.ext-sec03 .split-view .r-item .copy{ font-size: 26px; color: #111413; line-height: 1.692; }
.ext-sec03 .split-view .r-item .chart{ margin-top: 20px; }


@media screen and (max-width: 1120px){
	.photo-body .caption{ font-size: 1.071vw; }
	.ext-sec01 .sec-ttl{ font-size: 3.125vw; }
	.ext-sec01 .split-view .r-item .copy{ font-size: 2.321vw; }
	.ext-sec02 .sec-ttl{ font-size: 3.125vw; }
	.ext-sec02 .split-view .l-item .copy{ font-size: 2.321vw; }
	.ext-sec03 .sec-ttl{ font-size: 3.125vw; }
	.ext-sec03 .split-view .r-item .copy{ font-size: 2.321vw; }
}
@media screen and (max-width: 768px){
	.photo-body .caption{ font-size: 2.604vw; }
	.ext-sec01{ padding: 10% 5%; }
	.ext-sec01 .sec-ttl{ font-size: 3.125vw; }
	.ext-sec01 .split-view{ display: block; margin-top: 5%; }
	.ext-sec01 .split-view .l-item{ width: 100%; }
	.ext-sec01 .split-view .l-item .min{ margin-top: 5%; }
	.ext-sec01 .split-view .r-item{ width: 100%; margin-top: 5%; }
	.ext-sec01 .split-view .r-item .copy{ font-size: 3.646vw; line-height: 1.429; }
	.ext-sec01 .split-view .r-item .photo-body{ margin-top: 5%; }
	.ext-sec02{ padding: 10% 5%; }
	.ext-sec02 .sec-ttl{ font-size: 3.125vw; }
	.ext-sec02 .split-view{ display: block; margin-top: 5%; }
	.ext-sec02 .split-view .l-item{ width: 100%; margin-top: 5%; }
	.ext-sec02 .split-view .l-item .copy{ font-size: 3.646vw; line-height: 1.429; }
	.ext-sec02 .split-view .l-item .min{ margin-top: 5%; }
	.ext-sec02 .split-view .r-item{ width: 100%; }
	.ext-sec03{ padding: 10% 5%; }
	.ext-sec03 .sec-ttl{ font-size: 3.125vw; }
	.ext-sec03 .split-view{ display: block; margin-top: 5%; }
	.ext-sec03 .split-view .l-item{ width: 100%; }
	.ext-sec03 .split-view .r-item{ width: 100%; margin-top: 5%; }
	.ext-sec03 .split-view .r-item .copy{ font-size: 3.646vw; line-height: 1.429; }
	.ext-sec03 .split-view .r-item .chart{ margin-top: 5%; }
}





.hero{ position: relative; }
.hero .cap{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); padding: 3px; font-size: 12px; color: #fff; line-height: 1; }
@media screen and (max-width: 1120px){
	.hero .cap{ font-size: 1.071vw; }
}
@media screen and (max-width: 768px){
	.hero .cap{ font-size: 2.604vw; }
}