@charset "UTF-8";

#LB231027outer {

  --font_en-01: "athena", sans-serif;;
  --font_en-02: "neue-haas-unica", sans-serif; ;
  --font_jp: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --ttl_color-blue: #457FA0;
  --ttl_color-orange: #D1664E;
  --ttl_color-navy: #135068;
  --ttl_color-purple: #555158;
  --ttl_color-black: #414347;
  --ttl_color-green: #326B66;
  --back_color-03: #EAE8E4;
  --back_color-02: #F0BF96;
  --back_color-03: #CED7D8;
  --back_color-04: #B7B3AE;
  --back_color-05: #6E809A;
  --back_color-06: #D2D6D5;
  color: #000;
}

.main-inner {
  margin-top: 9.8rem;
  width: 100% !important;
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}

@media only screen and (min-width: 1401px) {
  html {
    font-size: 62.5%;
  }
}

#LB231027outer {
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  width: 100%;
  z-index: 5;
}

#LB231027outer h2 {
  white-space: nowrap;
  font-style: normal;
  line-height: 1;
  color: #000;
}

#LB231027outer li {
  list-style: none;
  display: inline-block;
}

#LB231027outer img,
#LB231027outer svg {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 3;
}

#LB231027outer picture,
#LB231027outer span {
  display: block;
}


#LB231027outer a {
  display: block;
  text-decoration: none;
  color: inherit;
}

#LB231027outer .sec__tax{
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
}

#LB231027outer .pc {
  display: none !important;
}

@media only screen and (min-width: 768px), print {
  #LB231027outer .sp {
    display: none !important;
  }
  #LB231027outer .pc {
    display: block !important;
  }
  #LB231027outer .pc_inline {
    display: inline !important;
  }
}



@media only screen and (max-width: 767px) {
  #LB231027outer{
    padding-bottom: calc(197* (100vw / 750 ));
  }
  #LB231027outer .sec__ttl {
    font-family: var(--font_en-01);
    font-size: calc(82* (100vw / 750 ));
  }
  #LB231027outer .sec__text_wrap p {
    font-size: calc(24* (100vw / 750 ));
    line-height: 1.9;
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  #LB231027outer .sec__tax {
    font-family: var(--font_en-02);
    font-size: calc(24* (100vw / 750 ));
    line-height: 1.9;
    letter-spacing: 0.04em;
    gap: 0 calc(20* (100vw / 750 )) ;
  }

  /* mv */
  #LB231027outer .mv {
    width: calc(650* (100vw / 750 ));
    margin: auto;
    margin-top: calc(52* (100vw / 750 ));
  }
  #LB231027outer .mv__text {
    font-size: calc(26* (100vw / 750 ));
    letter-spacing: 0.025em;
    margin-top: calc(70* (100vw / 750 ));
    line-height: 2.27;
    text-align: center;
    font-weight: 500;
  }

  /* section --01 */
  #LB231027outer .sec.--01 {
    margin-top: calc(100* (100vw / 750 ));
  }
  #LB231027outer .sec.--01 .sec__ttl{
    color: #D8C4B6;
    margin-left: calc(28* (100vw / 750 ));
  }
  #LB231027outer .sec.--01 .sec__img__wrap{
    position: relative;
    z-index: 10;
    width: calc(540* (100vw / 750 ));
    margin: auto;
    margin-top: calc(20* (100vw / 750 ));
  }
  #LB231027outer .sec.--01 .sec__text_wrap{
    position: relative;
    z-index: 2;
    margin-top: calc(60* (100vw / 750 ));
    margin-left: calc(48* (100vw / 750 ));
  }
  #LB231027outer .sec.--01 .sec__text_wrap::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: calc(-550* (100vw / 750 ));
    right: calc(-320* (100vw / 750 ));
    background: #D8C4B6;
    width: calc(900* (100vw / 750 ));
    height: calc(900* (100vw / 750 ));
    opacity: 0.6;
    border-radius: 50%;
  }
  #LB231027outer .sec.--01 .sec__tax{
    width: calc(426* (100vw / 750 ));
    margin-top: calc(30* (100vw / 750 ));
  }
  
  /* section --02 */
  #LB231027outer .sec.--02 {
    margin-top: calc(120* (100vw / 750 ));
  }
  #LB231027outer .sec.--02 .sec__ttl{
    color: #213555;
    text-align: right;
    margin-right: calc(50* (100vw / 750 ));
  }
  #LB231027outer .sec.--02 .sec__img01 > a{
    width: calc(500* (100vw / 750 ));
    margin-left: auto;
    margin-top: calc(30* (100vw / 750 ));

  }
  #LB231027outer .sec.--02 .sec__text_wrap{
    margin-top: calc(60* (100vw / 750 ));
    margin-left: calc(180* (100vw / 750 ));
  }

  #LB231027outer .sec.--02 .sec__img02{
    position: relative;
  }

  #LB231027outer .sec.--02 .sec__img02 > a{
    width: calc(620* (100vw / 750 ));
    margin-top: calc(90* (100vw / 750 ));
    position: relative;
    z-index: 1;
  }

  #LB231027outer .sec.--02 .sec__tax{
    position: absolute;
    flex-direction: column;
    top: calc(636* (100vw / 750 ));
    right: calc(34* (100vw / 750 ));
    z-index: 2;
  }

  /* section --03 */
  #LB231027outer .sec.--03 {
    margin-top: calc(130* (100vw / 750 ));
  }
  #LB231027outer .sec.--03 .sec__ttl{
    color: #4F709C;
    text-align: center;
  }
  #LB231027outer .sec.--03 .sec__img01 > a{
    position: relative;
    z-index: 10;
    width: calc(576* (100vw / 750 ));
    margin: auto;
    margin-top: calc(38* (100vw / 750 ));
  }
  #LB231027outer .sec.--03 .sec__text_wrap{
    position: relative;
    margin-top: calc(60* (100vw / 750 ));
    text-align: center;
    z-index: 2;
  }
  #LB231027outer .sec.--03 .sec__text_wrap::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: calc(-505* (100vw / 750 ));
    right: calc(0* (100vw / 750 ));
    background: #F5EFE7;
    pointer-events: none;
    width: calc(750* (100vw / 750 ));
    height: calc(946* (100vw / 750 ));
    opacity: 0.6;
  }
  #LB231027outer .sec.--03 .sec__tax{
    width: calc(527* (100vw / 750 ));
    margin: auto;
    margin-top: calc(32* (100vw / 750 ));
    text-align: center;
    justify-content: center;
  }

  /* section --04 */
  #LB231027outer .sec.--04 {
    margin-top: calc(196* (100vw / 750 ));
  }
  #LB231027outer .sec.--04 .sec__ttl{
    color: #DAC0A3;
    margin-left: calc(43* (100vw / 750 ));
  }
  #LB231027outer .sec.--04 .sec__img01  a{
    width: calc(460* (100vw / 750 ));
    margin-left: auto;
    margin-right: calc(40* (100vw / 750 ));
    margin-top: calc(35* (100vw / 750 ));
  }
  #LB231027outer .sec.--04 .sec__img02{
    position: relative;
  }
  #LB231027outer .sec.--04 .sec__img02 > a{
    position: relative;
    z-index: 1;
    width: calc(532* (100vw / 750 ));
    margin-top: calc(20* (100vw / 750 ));
  }
  
  #LB231027outer .sec.--04 .sec__tax{
    position: absolute;
    flex-direction: column;
    top: calc(491* (100vw / 750 ));
    right: calc(20* (100vw / 750 ));
  }
  
  #LB231027outer .sec.--04 .sec__img03 > a{
    position: relative;
    width: calc(594* (100vw / 750 ));
    margin-left: auto;
    margin-top: calc(118* (100vw / 750 ));
  }
  #LB231027outer .sec.--04 .sec__img03 a::before{
    content: "";
    position: absolute;
    background-image: url(../img/04_02_bg.jpg);
    width: 100%;
    height: 100%;
    left: calc(-157* (100vw / 750 ));
    top: calc(160* (100vw / 750 ));
  }

  #LB231027outer .sec.--04 .sec__text_wrap{
    position: relative;
    z-index: 1;
    margin-top: calc(52* (100vw / 750 ));
    margin-left: calc(106* (100vw / 750 ));
  }
  
  /* section --05 */
  #LB231027outer .sec.--05 {
    margin-top: calc(130* (100vw / 750 ));
  }

  #LB231027outer .sec.--05 .sec__img__wrap{
    position: relative;
    z-index: 10;
  }

  #LB231027outer .sec.--05 .sec__img01 > a{
    width: calc(560* (100vw / 750 ));
    margin-left: auto;
    margin-right: calc(50* (100vw / 750 ));
    position: relative;
    z-index: 2;
  }

  #LB231027outer .sec.--05 .sec__text_wrap{
    position: relative;
    margin-top: calc(64* (100vw / 750 ));
    margin-left: calc(59* (100vw / 750 ));
  }
  #LB231027outer .sec.--05 .sec__text_wrap p{
    margin-top: calc(54* (100vw / 750 ));

  }
  #LB231027outer .sec.--05 .sec__text_wrap::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: calc(-340* (100vw / 750 ));
    right: calc(-50* (100vw / 750 ));
    background: #4F709C;
    width: calc(980* (100vw / 750 ));
    height: calc(980* (100vw / 750 ));
    opacity: 0.2;
    border-radius: 50%;
    pointer-events: none;
  }

  #LB231027outer .sec.--05 .sec__ttl{
    color: #4F709C;
  }
  #LB231027outer .sec.--05 .sec__tax{
    width: calc(656* (100vw / 750 ));
    margin-top: calc(25* (100vw / 750 ));
  }

  /* section --06 */
  #LB231027outer .sec.--06 {
    margin-top: calc(162* (100vw / 750 ));
  }
  #LB231027outer .sec.--06 .sec__ttl{
    color: #D8C4B6;
    text-align: right;
    margin-right: calc(18* (100vw / 750 ));
  }
  #LB231027outer .sec.--06 .sec__img01 > a{
    width: calc(560* (100vw / 750 ));
    margin-top: calc(28* (100vw / 750 ));
  }
  #LB231027outer .sec.--06 .sec__img02 > a{
    width: calc(560* (100vw / 750 ));
    margin-left: auto;
    margin-top: calc(20* (100vw / 750 ));
  }
  #LB231027outer .sec.--06 .sec__text_wrap{
    position: relative;
    z-index: 2;
    margin-top: calc(60* (100vw / 750 ));
    margin-left: calc(59* (100vw / 750 ));
  }

  #LB231027outer .sec.--06 .sec__tax{
    width: calc(528* (100vw / 750 ));
    margin-top: calc(27* (100vw / 750 ));
  }


  /* btm */
  #LB231027outer .all_btn_warp{
    margin-top: calc(175* (100vw / 750 ));
    display: flex;
    flex-direction: column;
    gap: calc(30* (100vw / 750 ));
  }
  #LB231027outer .all_btn{
    width: calc(675* (100vw / 750 ));
    height: calc(146* (100vw / 750 ));
    line-height: calc(146* (100vw / 750 ));
    text-align: center;
    margin: auto;
    font-family: var(--font_en-01);
    border: 1px solid #000;
    font-size: calc(36* (100vw / 750 ));
  }
}

@media only screen and (min-width: 768px) {
  
  #LB231027outer{
    padding-bottom: 15rem;
  }
  #LB231027outer a{
    -webkit-transition: .3s;
    transition: .3s;
  }
  #LB231027outer a:hover{
    opacity: .7;
  }

  #LB231027outer .sec__ttl {
    font-family: var(--font_en-01);
    font-size:5.5rem;
  }
  #LB231027outer .sec__text_wrap p {
    font-size: 1.3rem;
    line-height: 1.9;
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  #LB231027outer .sec__tax {
    font-family: var(--font_en-02);
    font-size: 1.2rem;
    line-height: 1.9;
    letter-spacing: 0.04em;
    display: flex;
    gap: 0 1rem;
  }

  #LB231027outer .sec .sec__wrap{
    width: 140rem;
    margin: auto;
  }

  /* mv */
  #LB231027outer .mv picture{
    width: 45.8rem;
    margin: auto;
  }
  #LB231027outer .mv__text {
    font-size: 1.5rem;
    letter-spacing: 0.08em;
    margin-top: 4rem;
    line-height: 2.27;
    text-align: center;
    font-weight: 500;
  }

  /* section --01 */
  #LB231027outer .sec.--01 {
    margin-top: 7rem;
  }
  #LB231027outer .sec.--01 .sec__inner{
    width: 86.5rem;
    margin-left: 36.7rem;
  }
  #LB231027outer .sec.--01 .sec__ttl{
    color: #D8C4B6;
  }
  #LB231027outer .sec.--01 .sec__img__wrap{
    position: relative;
    z-index: 10;
    width: 40rem;
    margin-left: 13.5rem;
    margin-top: 1.8rem;
  }
  #LB231027outer .sec.--01 .sec__text_wrap{
    width: fit-content;
    margin-left: auto;
    margin-right: 4rem;
    margin-top: 6.6rem;
    position: relative;
    z-index: 2;
  }
  #LB231027outer .sec.--01 .sec__text_wrap::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: -46.9rem;
    right: -0.8rem;
    background: #D8C4B6;
    width: 60rem;
    height: 60rem;
    opacity: 0.6;
    border-radius: 50%;
    pointer-events: none;
  }

  #LB231027outer .sec.--01 .sec__tax{
    width: 22rem;
    margin-top: 2.5rem;
  }

  /* section --02 */
  #LB231027outer .sec.--02 {
    margin-top: 9.2rem;
  }
  #LB231027outer .sec.--02 .sec__inner{
    position: relative;
    width: 115.6rem;
    margin-left: 18rem;
  }

  #LB231027outer .sec.--02 .sec__ttl{
    color: #213555;
    position: absolute;
    top: 2.2rem;
    right: 0;
  }
  #LB231027outer .sec.--02 .sec__img__wrap{
    display: flex;
    column-gap: 5rem;
  }

  #LB231027outer .sec.--02 .sec__img01 > a{
    width: 40rem;
    margin-left: 7rem;
  }
  #LB231027outer .sec.--02 .sec__text_wrap{
    margin-top: 6.7rem;
  }

  #LB231027outer .sec.--02 .sec__img02{
    position: relative;
  }

  #LB231027outer .sec.--02 .sec__img02 > a{
    width:50rem;
    margin-top: 10rem;
    position: relative;
    z-index: 1;
  }

  #LB231027outer .sec.--02 .sec__tax{
    flex-direction: column;
    text-align: right;
    margin-top: 2.6rem;
  }

  /* section --03 */
  #LB231027outer .sec.--03 {
    margin-top: 9.7rem;
    overflow: hidden;
  }
  
  #LB231027outer .sec.--03 .sec__inner{
    position: relative;
    width: 100%;
    padding-bottom: 5.4rem;
  }
  #LB231027outer .sec.--03 .sec__inner::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 34rem;
    left: 50%;
    transform: translateX(-50%);
    background: #F5EFE7;
    width:100vw;
    height: 100%;
    opacity: 0.6;
  }

  #LB231027outer .sec.--03 .sec__ttl{
    color: #4F709C;
    text-align: center;
  }
  #LB231027outer .sec.--03 .sec__img01 > a{
    width: 48rem;
    margin: auto;
    margin-top: 2.8rem;
  }
  #LB231027outer .sec.--03 .sec__text_wrap{
    position: relative;
    margin-top: 4.5rem;
    text-align: center;
    z-index: 2;
  }

  #LB231027outer .sec.--03 .sec__tax{
    width: 41.8rem;
    margin: auto;
    margin-top: 2.2rem;
    text-align: center;
    justify-content: center;
  }

  /* section --04 */
  #LB231027outer .sec.--04 {
    margin-top: 12rem;
  }
  #LB231027outer .sec.--04 .sec__inner{
    position: relative;
    width: 118rem;
    margin-left: auto;
    margin-right: 4.5rem;
  }

  #LB231027outer .sec.--04 .sec__ttl{
    color: #DAC0A3;
    position: absolute;
    top: 4.6rem;
    right: 0;
  }
  #LB231027outer .sec.--04 .sec__img__wrap{
    display: flex;
    gap: 20rem;
  }

  #LB231027outer .sec.--04 .sec__img01 > a{
    width: 36rem;
    margin-left: 10.6rem;
  }
  #LB231027outer .sec.--04 .sec__img02{
    position: relative;
  }

  #LB231027outer .sec.--04 .sec__img02 > a{
    position: relative;
    z-index: 1;
    width: 38rem;
    margin-top: 1rem;
    margin-left: 0.5rem;
  }
  
  #LB231027outer .sec.--04 .sec__tax{
    width: 36.7rem;
    position: absolute;
    right: -31.6rem;
    bottom: -0.8rem;
  }
  
  #LB231027outer .sec.--04 .sec__tax li:nth-of-type(2){
    margin-right: 6rem;
  }
  
  #LB231027outer .sec.--04 .sec__img03 > a{
    position: relative;
    width: 44rem;
    margin-top: 14rem;
  }
  #LB231027outer .sec.--04 .sec__img03 a::before{
    content: "";
    position: absolute;
    background-image: url(../img/04_02_bg.jpg);
    width: 100%;
    height: 100%;
    left: -8.2rem;
    top: 12rem;
  }

  #LB231027outer .sec.--04 .sec__text_wrap{
    position: relative;
    z-index: 1;
    margin-top:3.8rem;
    margin-left: -17.3rem;
  }
  
  /* section --05 */
  #LB231027outer .sec.--05 {
    margin-top: 12rem;
  }

  #LB231027outer .sec.--05 .sec__inner{
    position: relative;
    margin-left: 15rem;
  }

  #LB231027outer .sec.--05 .sec__img__wrap{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;

  }

  #LB231027outer .sec.--05 .sec__img01{
    position: relative;
    z-index: 10;
  }
  #LB231027outer .sec.--05 .sec__img01 > a{
    width: 44rem;
    margin-left: 5.6rem;
  }
  #LB231027outer .sec.--05 .sec__text_wrap{
    position: relative;
    z-index: 2;
    margin-top: 30.5rem;
  }


  #LB231027outer .sec.--05 .sec__text_wrap p{
    margin-top: 11rem;
    margin-left: 6rem;

  }
  #LB231027outer .sec.--05 .sec__text_wrap::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: -11rem;
    left: 0rem;
    background: #4F709C;
    width: 68rem;
    height: 68rem;
    opacity: 0.2;
    border-radius: 50%;
    pointer-events: none;
  }

  #LB231027outer .sec.--05 .sec__ttl{
    color: #4F709C;
  }
  #LB231027outer .sec.--05 .sec__tax{
    width: 33.4rem;
    margin-top: 2.3rem;
    margin-left: 6rem;

  }

  /* section --06 */
  #LB231027outer .sec.--06 {
    margin-top: 17.5rem;
  }

  #LB231027outer .sec.--06 .sec__inner{
    position: relative;
    width: 81rem;
    margin: auto;
  }
  #LB231027outer .sec.--06 .sec__img__wrap{
    display: flex;
    gap: 1rem;

  }

  #LB231027outer .sec.--06 .sec__ttl{
    color: #D8C4B6;
    position: absolute;
    right: -22rem;
    top: 4rem;
  }
  #LB231027outer .sec.--06 .sec__img01 > a{
    width: 40rem;
  }
  #LB231027outer .sec.--06 .sec__img02 > a{
    width: 40rem;
    margin-top: 12rem;
  }
  #LB231027outer .sec.--06 .sec__text_wrap{
    position: relative;
    z-index: 2;
    margin-top: 4.5rem;
    text-align: center;
  }

  #LB231027outer .sec.--06 .sec__tax{
    width: 38rem;
    justify-content: center;
    margin: auto;
    margin-top: 2.3rem;
  }


  /* btm */
  #LB231027outer .all_btn_warp{
    margin-top:11.4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  #LB231027outer .all_btn{
    width: 42rem;
    height: 7.4rem;
    line-height: 7.4rem;
    text-align: center;
    margin: auto;
    font-family: var(--font_en-01);
    border: 1px solid #000;
    font-size: 1.9rem;
  }

  
}


/***************************** section-06 *****************************/

/***************************** animation *****************************/
#LB231027outer .js_fade,
#LB231027outer .js_mv_fade {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 40px);
  transition: all ease 1.5s;
}
#LB231027outer .js_fade.active,
#LB231027outer .js_mv_fade.active {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
#LB231027outer span.js_fade.active,
#LB231027outer span.js_mv_fade.active {
  opacity: 0.5;
}

/***************************** animation *****************************/