/*! Writen  by SCSS */
@media screen and (max-width: 480px) {
  .mdl_btn_small {
    width: 54.22%; } }

main {
  padding-top: 0;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    main {
      padding-top: 0; } }
  @media screen and (max-width: 768px) {
    main {
      padding-top: 0; } }

.header {
  background: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out 0s; }
  body.scrolled .header {
    background: white; }

.headerWrap .head_logo a .bk {
  opacity: 0; }
  body.scrolled .headerWrap .head_logo a .bk {
    opacity: 1; }
.headerWrap .head_logo a .wh {
  opacity: 1; }
  body.scrolled .headerWrap .head_logo a .wh {
    opacity: 0; }

.headerWrap .btnBlock .head_btnOther li a {
  color: #fff; }
  body.scrolled .headerWrap .btnBlock .head_btnOther li a {
    color: #575757; }

.headerWrap .btnBlock .head_btnOther li a .icon .bk {
  opacity: 0; }
  body.scrolled .headerWrap .btnBlock .head_btnOther li a .icon .bk {
    opacity: 1; }
.headerWrap .btnBlock .head_btnOther li a .icon .wh {
  opacity: 1; }
  body.scrolled .headerWrap .btnBlock .head_btnOther li a .icon .wh {
    opacity: 0; }

@media screen and (max-width: 480px) {
  .main_sec .mbg0 video {
    object-position: 38% 50%;
    object-position: 45% 50%; } }

/*.sec01,
.sec02 {
	position: relative;
	.anq {
		position: absolute;
		top: -100px;
		@include mq($br_tb){
			top: -50px;
		}
	}
}*/
.en_ttl {
  color: #000;
  margin-bottom: 0.6em; }
  @media screen and (max-width: 480px) {
    .en_ttl {
      line-height: 1; } }

.inner {
  max-width: 1120px; }

.sec00 {
  padding-top: clamp(40px, 5.84%, 70px);
  position: relative; }
  .sec00 .read {
    font-size: clamp(14px, 1.824vw, 24px); }
    @media screen and (max-width: 480px) {
      .sec00 .read {
        font-size: calc(16vw / 3.9); } }

.sec .t1 {
  font-size: clamp(12px, 1.608vw, 18px);
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 0.3em;
  display: flex;
  align-items: baseline; }
  @media screen and (max-width: 480px) {
    .sec .t1 {
      font-size: calc(13vw / 3.9);
      letter-spacing: -0.03em; } }
  .sec .t1 .name {
    flex: 1; }
    .sec .t1 .name.small {
      font-size: 95%; }
      @media screen and (max-width: 480px) {
        .sec .t1 .name.small {
          font-size: 100%; } }
    @media screen and (max-width: 480px) {
      .sec .t1 .name.small_sp {
        font-size: 95%;
        letter-spacing: -0.05em; } }
    @media screen and (max-width: 480px) {
      .sec .t1 .name.small_sp .sp_ex {
        width: 107%;
        display: inline-block;
        transform: scale(0.95, 1);
        transform-origin: top left; } }
  .sec .t1 .no {
    font-size: 80%;
    background: #ad8a59;
    width: 1.5em;
    height: 1.5em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.15em;
    border-radius: 50%; }
  .sec .t1 .s1 {
    font-size: 70%; }
  .sec .t1 .s2 {
    font-size: 60%; }
.sec .t2 {
  font-size: clamp(10px, 1.34vw, 15px);
  line-height: 1.3; }
  @media screen and (max-width: 480px) {
    .sec .t2 {
      letter-spacing: -0.05em;
      font-size: calc(11vw / 3.9); } }
.sec .t3 {
  padding-top: 0.5em;
  margin-top: 0.6em;
  border-top: solid 1px #747474;
  font-size: clamp(10px, 1.429vw, 16px);
  line-height: 1.5;
  letter-spacing: 0.03em; }
  @media screen and (max-width: 480px) {
    .sec .t3 {
      font-size: calc(12vw / 3.9); } }
  .sec .t3.line {
    padding-bottom: 0.5em;
    border-bottom: solid 1px #747474; }
.sec .t4 {
  padding-top: 0.8em;
  margin-top: 0.9em;
  border-top: solid 1px #747474;
  font-size: clamp(10px, 1.161vw, 13px);
  line-height: 1.4; }
  @media screen and (max-width: 480px) {
    .sec .t4 {
      padding-top: 0.5em;
      font-size: calc(11vw / 3.9); } }
  @media screen and (max-width: 480px) {
    .sec .t4.mb01 {
      margin-top: 2.4em; } }
.sec .box21 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec .box21 {
      display: block; } }
  .sec .box21 .l {
    width: calc(564% / 11.2); }
    @media screen and (max-width: 480px) {
      .sec .box21 .l {
        width: 100%;
        margin-bottom: 25px; } }
  .sec .box21 .col {
    gap: 40px calc(24% / 5.64); }
    @media screen and (max-width: 480px) {
      .sec .box21 .col {
        gap: 35px 2%; } }
    .sec .box21 .col li {
      width: calc(270% / 5.64); }
      @media screen and (max-width: 480px) {
        .sec .box21 .col li {
          width: 48%; } }
    .sec .box21 .col.pc_col {
      width: 100%; }
      .sec .box21 .col.pc_col .img {
        width: calc(290% / 5.64);
        margin-bottom: 0; }
      .sec .box21 .col.pc_col .txt {
        width: calc(240% / 5.64); }
      @media screen and (max-width: 480px) {
        .sec .box21 .col.pc_col {
          width: 48%;
          display: block; }
          .sec .box21 .col.pc_col .img {
            width: 100%;
            margin-bottom: 15px; }
            .sec .box21 .col.pc_col .img .txt {
              width: 100%; } }
  .sec .box21 .map {
    width: calc(522% / 11.2); }
    @media screen and (max-width: 480px) {
      .sec .box21 .map {
        width: 100%; } }
.sec .col {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  .sec .col.line {
    padding: 30px 0;
    border-bottom: solid 1px  #747474;
    border-top: solid 1px  #747474; }
    @media screen and (max-width: 480px) {
      .sec .col.line {
        padding: 20px 0; } }
  .sec .col > li .img {
    position: relative;
    margin-bottom: 10px; }
    .sec .col > li .img .icon {
      position: absolute;
      width: 100px;
      top: -18px;
      left: -18px; }
      .sec .col > li .img .icon.s {
        width: 90px; }
      @media screen and (max-width: 480px) {
        .sec .col > li .img .icon {
          width: 60px;
          top: -10px;
          left: -10px;
          top: -20px; }
          .sec .col > li .img .icon.s {
            width: 50px;
            top: -6px;
            top: -10px;
            left: -6px; } }
    .sec .col > li .img.cl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: 10px;
      /*display: grid;
      grid-template-columns: repeat(2, calc(165% / 3.4));
      grid-template-rows: repeat(2, auto);
      grid-row-gap: 10px;
      grid-column-gap: calc(10% / 3.4);
      @include mq($br_sp){
      	grid-template-columns: calc(340% / 5.15) calc(165% / 5.15);
      	grid-template-rows: repeat(2, auto);
      	grid-column-gap: calc(10% / 5.15);
      	grid-row-gap: calc(10% / 2.55);
      }
      li {
      	&:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
      	&:nth-child(2)  { grid-area: 2 / 1 / 3 / 2; }
      	&:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
      @include mq($br_sp){
      	&:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
      	&:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
      	&:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
      	}
      }*/ }
      @media screen and (max-width: 480px) {
        .sec .col > li .img.cl {
          row-gap: 10px; } }
      .sec .col > li .img.cl li {
        width: calc(165% / 3.4); }
        @media screen and (max-width: 480px) {
          .sec .col > li .img.cl li {
            width: 48%; } }
        .sec .col > li .img.cl li:first-child {
          width: 100%; }
  .sec .col > li.pc_col {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .sec .col > li.pc_col .img {
      width: 48%;
      margin-bottom: 0; }
    .sec .col > li.pc_col .txt {
      width: 48%; }
    @media screen and (max-width: 480px) {
      .sec .col > li.pc_col {
        width: 48%;
        display: block; }
        .sec .col > li.pc_col .img {
          width: 100%;
          margin-bottom: 15px; }
        .sec .col > li.pc_col .txt {
          width: 100%; } }
  @media screen and (max-width: 480px) {
    .sec .col > li.sp_col {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      .sec .col > li.sp_col .img {
        width: 48%;
        margin-bottom: 0; }
      .sec .col > li.sp_col .txt {
        width: 48%; } }
  .sec .col.col3 {
    gap: 40px calc(50% / 11.2); }
    @media screen and (max-width: 480px) {
      .sec .col.col3 {
        gap: 40px 2%; } }
    .sec .col.col3 > li {
      width: calc(340% / 11.2); }
      .sec .col.col3 > li.w1 {
        width: 100%; }
      @media screen and (max-width: 480px) {
        .sec .col.col3 > li {
          width: 48%; }
          .sec .col.col3 > li.w1 {
            width: 100%; }
          .sec .col.col3 > li.sp_w1 {
            width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec .col.col3.no_img_list {
        gap: 20px 4%; } }

.sec01 {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(40px, 5.84%, 70px);
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding-bottom: 50px; } }
  .sec01 .sec_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(1200%/16);
    max-width: 1330px; }
    @media screen and (max-width: 480px) {
      .sec01 .sec_bg {
        width: 100%; } }
  .sec01 .inner {
    position: relative;
    z-index: 2; }
  .sec01 .col > li.ex11 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec01 .col > li.ex11 {
        display: block; } }
    .sec01 .col > li.ex11 .img {
      width: calc(498% / 11.2);
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        .sec01 .col > li.ex11 .img {
          width: 100%;
          margin-bottom: 10px; } }
    .sec01 .col > li.ex11 .txt {
      width: calc(570% / 11.2); }
      @media screen and (max-width: 480px) {
        .sec01 .col > li.ex11 .txt {
          width: 100%; } }
      .sec01 .col > li.ex11 .txt .bg {
        background: #ad8a59;
        padding: 17px 20px;
        color: #fff; }
        @media screen and (max-width: 480px) {
          .sec01 .col > li.ex11 .txt .bg {
            padding: 10px 15px; } }
        .sec01 .col > li.ex11 .txt .bg .ttl {
          font-size: clamp(13px, 1.518vw, 17px);
          display: flex;
          align-items: center; }
          @media screen and (max-width: 480px) {
            .sec01 .col > li.ex11 .txt .bg .ttl {
              font-size: calc(12vw / 3.9);
              line-height: 1.4; } }
          .sec01 .col > li.ex11 .txt .bg .ttl::after {
            content: "";
            height: 1px;
            flex: 1;
            margin-left: 0.8em;
            background: #fff; }
        .sec01 .col > li.ex11 .txt .bg ul {
          font-size: clamp(12px, 1.34vw, 15px);
          display: flex;
          flex-wrap: wrap;
          gap: 0.2em 1em; }
          @media screen and (max-width: 480px) {
            .sec01 .col > li.ex11 .txt .bg ul {
              font-size: calc(11vw / 3.9);
              gap: 0.1em 1em; } }
          .sec01 .col > li.ex11 .txt .bg ul li {
            letter-spacing: 0.08em; }

.sec02 {
  padding: calc(60% / 16) 0;
  background-color: #cfbfab;
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding: 50px 0; } }
  .sec02 .sec_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(1500%/16);
    max-width: 1600px; }
    @media screen and (max-width: 480px) {
      .sec02 .sec_bg {
        width: 120%; } }
  .sec02 .inner {
    position: relative;
    z-index: 2; }
    .sec02 .inner .en_ttl {
      color: #555; }
  @media screen and (max-width: 480px) {
    .sec02 .t3 {
      font-size: calc(13vw / 3.9); } }
  @media screen and (max-width: 480px) {
    .sec02 .col > li.sp_col {
      align-items: flex-end; } }

.sec03 {
  padding: calc(60% / 16) 0;
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding: 50px 0; } }
  .sec03 .sec_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(1116%/16);
    max-width: 1202px; }
    @media screen and (max-width: 480px) {
      .sec03 .sec_bg {
        width: 100%; } }
  .sec03 .inner {
    position: relative;
    z-index: 2; }
  @media screen and (max-width: 480px) {
    .sec03 .col > .sp_w1 .img .icon.s {
      width: 70px;
      top: -18px; } }
  @media screen and (max-width: 480px) {
    .sec03 .box22 {
      row-gap: 15px !important; } }
  @media screen and (max-width: 480px) {
    .sec03 .box22 li {
      width: 100% !important; } }
  @media screen and (max-width: 480px) {
    .sec03 .box22 .t4 {
      border: 0 !important;
      margin-top: 0 !important; } }

.sec04 {
  padding: calc(60% / 16) 0 0;
  background-color: #cfbfab;
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec04 {
      padding: 50px 0 0; } }
  .sec04 .sec_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(1250%/16);
    max-width: 1400px; }
    @media screen and (max-width: 480px) {
      .sec04 .sec_bg {
        width: 120%; } }
  .sec04 .inner {
    position: relative;
    z-index: 2; }
    .sec04 .inner .en_ttl {
      color: #555; }
  .sec04 .col > li.ex41 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 480px) {
      .sec04 .col > li.ex41 {
        display: block; } }
    .sec04 .col > li.ex41 .img {
      width: calc(510% / 11.2);
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        .sec04 .col > li.ex41 .img {
          width: 100%;
          margin-bottom: 10px; } }
    .sec04 .col > li.ex41 .txt {
      width: calc(570% / 11.2); }
      @media screen and (max-width: 480px) {
        .sec04 .col > li.ex41 .txt {
          width: 100%; } }
      .sec04 .col > li.ex41 .txt .ft {
        display: flex;
        align-items: baseline;
        column-gap: 20px; }
        @media screen and (max-width: 480px) {
          .sec04 .col > li.ex41 .txt .ft {
            flex-direction: column; } }
        @media screen and (max-width: 480px) {
          .sec04 .col > li.ex41 .txt .ft .t2 {
            padding-left: 1.6em; } }
      @media screen and (max-width: 480px) {
        .sec04 .col > li.ex41 .txt .t3 {
          font-size: calc(13vw / 3.9); } }
    .sec04 .col > li.ex41 .clm {
      width: 100%;
      margin-top: 20px; }
      .sec04 .col > li.ex41 .clm .ttl {
        font-size: clamp(12px, 1.518vw, 17px);
        letter-spacing: 0.05em;
        line-height: 1;
        margin-bottom: 0.5em;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .sec04 .col > li.ex41 .clm .ttl {
            font-size: calc(13vw / 3.9); } }
        .sec04 .col > li.ex41 .clm .ttl::after {
          content: "";
          height: 1px;
          flex: 1;
          background: #747474;
          margin-left: 1em; }
      .sec04 .col > li.ex41 .clm ul {
        margin-top: 15px;
        padding-bottom: 15px;
        border-bottom: solid 1px #747474;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 480px) {
          .sec04 .col > li.ex41 .clm ul {
            gap: 10px;
            flex-wrap: wrap; } }
        .sec04 .col > li.ex41 .clm ul li {
          width: 32%;
          font-size: clamp(11px, 1.34vw, 15px);
          line-height: 1.5; }
          @media screen and (max-width: 480px) {
            .sec04 .col > li.ex41 .clm ul li {
              font-size: calc(12vw / 3.9);
              width: 100%; } }
          .sec04 .col > li.ex41 .clm ul li .cttl {
            font-size: clamp(12px, 1.697vw, 19px);
            line-height: 1;
            margin-bottom: 0.6em;
            font-weight: bold;
            font-weight: 500; }
            @media screen and (max-width: 480px) {
              .sec04 .col > li.ex41 .clm ul li .cttl {
                font-size: calc(14vw / 3.9); } }
  @media screen and (max-width: 480px) {
    .sec04 .sc .t_cap {
      text-align: left;
      font-size: 7px; } }
  @media screen and (max-width: 480px) {
    .sec04 .box21 .col04 {
      flex-direction: column;
      row-gap: 20px; } }
  @media screen and (max-width: 480px) {
    .sec04 .box21 .col04 li {
      width: 100% !important; } }
  .sec04 .swipe10 {
    width: 100%; }
    @media screen and (max-width: 480px) {
      .sec04 .swipe10 img {
        width: 650px;
        max-width: 650px; } }

.mov_mdl li {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999;
  width: 100%;
  height: 100%;
  background: #e7e7e7;
  display: none; }
  .mov_mdl li .mbg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .mov_mdl li .inn {
    width: calc(100% - 20px);
    position: relative;
    max-height: calc(100vh - 100px); }
    .mov_mdl li .inn .close {
      font-size: 36px;
      line-height: 1;
      position: absolute;
      left: 0;
      top: -40px;
      cursor: pointer; }
    .mov_mdl li .inn .sld1 {
      /*				@include mq_min($br_pc) {
      					max-height: calc(100vh - 100px);
      					overflow-y: auto;
      				}
      				@include mq(1280){
      					overflow-x: auto;
      					img {
      						width: 1400px;
      						max-width: 1400px;
      					}
      				}*/ }
      @media screen and (max-width: 480px) {
        .mov_mdl li .inn .sld1 {
          overflow-x: auto; }
          .mov_mdl li .inn .sld1 img {
            width: 750px;
            max-width: 750px; } }
    @media screen and (max-width: 480px) {
      .mov_mdl li .inn .sld2 img {
        width: 600px;
        max-width: 600px; } }

@media screen and (max-width: 480px) {
  .cap01 {
    font-size: 7px !important;
    bottom: 45px; } }

@media screen and (max-width: 480px) {
  .it {
    padding-left: 1em;
    text-indent: -1em;
    display: block; } }

@media screen and (max-width: 480px) {
  .it02_sp {
    text-indent: 6em;
    display: inline-block; } }

.it03 {
  padding-left: 1em; }
  @media screen and (max-width: 480px) {
    .it03 {
      padding-left: 0; } }

.ls_01 {
  letter-spacing: -0.01em; }

.ls_02 {
  letter-spacing: -0.02em; }

.ls_03 {
  letter-spacing: -0.03em; }

.ls_04 {
  letter-spacing: -0.04em; }

.ls_05 {
  letter-spacing: -0.05em; }

.ls_06 {
  letter-spacing: -0.06em; }

.ls_07 {
  letter-spacing: -0.07em; }

.ls_08 {
  letter-spacing: -0.08em; }

.ls_09 {
  letter-spacing: -0.09em; }

@media screen and (max-width: 480px) {
  .ls_01_sp {
    letter-spacing: -0.01em; }

  .ls_02_sp {
    letter-spacing: -0.02em; }

  .ls_03_sp {
    letter-spacing: -0.03em; }

  .ls_04_sp {
    letter-spacing: -0.04em; }

  .ls_05_sp {
    letter-spacing: -0.05em; }

  .ls_06_sp {
    letter-spacing: -0.06em; }

  .ls_07_sp {
    letter-spacing: -0.07em; }

  .ls_08_sp {
    letter-spacing: -0.08em; }

  .ls_09_sp {
    letter-spacing: -0.09em; } }

/*# sourceMappingURL=location.css.map */