@charset "UTF-8"; 

/* あまり触らないcssは管理 */
@import url("common_base.css");

@media screen and (min-width: 768px),print {

      main{
              overflow-x: clip;
      }

 /* ★ body */
body { 
max-width: 1920px;
width: 100%;
margin: 0 auto!important;
        overflow-x: clip;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 30px;
text-align: left;
color: #212121;
}
/* ★ header */
header {
      width: 100%;
      height: 80px;
      position: relative;
.h-logo{
      width: 180px;
      position: absolute;
      top: 20px;
      left: 40px;
      img{
            width: 100%;
      }
}

.h-btn{
position: absolute;
top: 15px;
right: 140px;
width: 200px;
}

}

/* ★ メガメニュー関係 */
.pc-menu { position: fixed; top: 0; right: 0; z-index: 99; }
.pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
#pc-menu-open {display: none;background: #A39E7E;width: 100vw;height: 100vh;position: fixed;top: 0;z-index: 100;overflow: scroll;overflow-x: auto;}
#pc-menu-open .open-close-01 { position: absolute; top: 0; right: 0; }
#pc-menu-open .open-close-01:hover { opacity: 0.8; cursor: pointer; cursor: hand; }

#pc-menu-open .open-main-Box {margin: 0 auto;padding: 164px 0 80px;text-align: center;line-height: 2.5;background-color: #A39E7E;/* min-height: 100vw; *//* height: 100vw; */}
#pc-menu-open .open-main-Box .ttl { margin-bottom: 30px; }
#pc-menu-open .open-main-Box .con-Box { margin-bottom: 30px; }
#pc-menu-open .list-Box .con-Box { margin-bottom: 30px; }
#pc-menu-open .open-close-02 { width: 300px; line-height: 1; cursor: pointer; font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; background: #000; }

#pc-menu-open .open-main-Box .copyright{
display: none;
}
#pc-menu-open .open-main-Box .itasuto-deco{
      width: 272px;
      position: absolute;
      bottom: 0;
      right: 0;
}
#pc-menu-open .open-main-Box .itasuto-deco img{
      width: 100%;
      height: auto;
}

#pc-menu-open .open-main-Box {
.c-flex { width: 1600px; margin: 0 auto; margin-bottom: 25px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.c-flex .c-f-link-b {font-weight: bold;font-size: 36px;letter-spacing: 0.05em;line-height: 73px;text-align: left;color: #fff;margin-bottom: 14px;}
.c-flex .c-link-list li { margin-bottom: 15px; }
.c-flex .c-link-list li a {color: #fff;display: block;background-image: url(../images/common/f-list-deco.png);background-repeat: no-repeat;background-position: 1px 25px;padding-left: 24px;font-weight: 500;font-size: 20px;letter-spacing: 0.05em;text-align: left;color: #fff;}
.c-flex .c-box-l { width: 977px; display: flex; flex-wrap: wrap; }
.c-flex .c-box-l .c-link-l { margin-right: 132px; width: 300px; }
.c-flex .c-box-l .c-link-l .c-link-list-b {font-weight: bold;font-size: 36px;letter-spacing: 0.05em;line-height: 73px;text-align: left;color: #fff;}
.c-flex .c-box-l .c-link-l .c-link-list-b a { display: block; color: #fff; margin-bottom: 19px; }
.c-flex .c-box-l .c-link-m { width: 171px; margin-right: 140px; }
.c-flex .c-box-r .c-bnr-list { width: 480px; margin-top: 7px; }
.c-flex .c-box-r .c-bnr-list li { margin-bottom: 20px; }
.c-rel { width: 1600px; margin: 0 auto; position: relative; }
.c-rel .f-logo { width: 610px; }
.c-rel .c-area { font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; position: absolute; left: 650px; top: -3px; }
.c-rel .c-sns-list { width: 110px; position: absolute; left: 650px; top: 78px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
}


/* ★ 下層 h1 エリア */
h1.main-title {
      width: 1200px;
      margin: 0 auto;
      background: #fff;
      color: #212121;
      padding: 30px 0 47px;
      }
h1.main-title .en {display: block;font-weight: 900;font-size: 40px;letter-spacing: 0.05em;text-align: left;color: #d1ca9f;margin-bottom: 19px;text-transform: uppercase;}
h1.main-title .jp { display: block;
font-weight: bold;
font-size: 26px;
letter-spacing: 0.05em;
line-height: 44px;
text-align: left;
color: #212121;
}

h2.sub-title { background: #525252; padding: 25px 20px; color: #fff; margin-bottom: 30px; font-size: 28px; font-weight: bold; letter-spacing: 7px; text-align: center; }
/* ★ パンくず */
.seo_bread_list {max-width: 1200px;width: 100%;padding: 0px 0;margin: 0 auto 30px;font-size: 14px;line-height: 1.4;text-align: right;color: #212121;margin-top: 17px;}
.seo_bread_list li { margin-right: 20px; float: left; }
.seo_bread_list li::after { content: " >"; }
.seo_bread_list li:last-child::after { content: ""; }
.seo_bread_list li a{
      color: #212121;
}


/* ★ グローバルメニュー */
#g-nav { width: 1100px; margin: 0px auto 10px auto; padding: 20px 0; text-align: center; font-size: 0.875em; }
#g-nav li.list { position: relative; display: inline-block; margin-right: 2px; }
#g-nav li.list span { cursor: pointer; }
#g-nav li.list span,
#g-nav li.list a { border-right: 1px solid #999; display: block; text-align: center; padding: 10px 20px; }
#g-nav li.list:first-child a { border-left: 1px solid #999; }
#g-nav .dropmenu li.list ul.sub { visibility: hidden; opacity: 0; transition: 0s; position: absolute; top: 35px; left: 0; margin: 0; padding: 0; z-index: 500; width: 220px; }
#g-nav .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
#g-nav .dropmenu li.list ul li:last-child a { border-bottom: 1px solid #ccc; }
#g-nav .dropmenu li.list ul li a { visibility: hidden; opacity: 0; transition: 0.9s; background: #fff; display: block; width: 220px; padding: 10px; color: #000; border: 1px solid #ccc; border-bottom: none; }
#g-nav .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }
/* ★ サイドバナー */
.side-fix { position: fixed; top: 150px; right: 0; z-index: 10; }
/* ★ エンドバナー */
.no-t .common-bg-ki{
margin-top: 0;
}

.common-bg-ki{background-image: url(../images/common/gurade.png);background-repeat: no-repeat;background-position: center bottom;padding-top: 140px;
margin-top: 129px;
overflow-x: clip;
}

#ee { }
/* ★ page-top */
.page-top { }

.nagare-move-en { --nagare-w: 4780px; --nagare-h: 197px; --nagare-speed: 80s; background-image: url(../images/common/nagare-en.png); background-repeat: repeat-x; background-position: 0 0; background-size: auto var(--nagare-h); width: 100%; height: var(--nagare-h); animation: nagare-left var(--nagare-speed) linear infinite; will-change: background-position; }
.ki {margin-top: -178px;margin-left: -7px;}
.f-bg { background-color: #A39E7E; padding-top: 50px; padding-bottom: 80px; }

.f-bg .itasuto-deco{
      display: none; 
}

.c-flex { width: 1600px; margin: 0 auto; margin-bottom: 25px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.c-flex .c-f-link-b { font-weight: bold; font-size: 40px; letter-spacing: 0.05em; line-height: 73px; text-align: left; color: #fff; margin-bottom: 26px; }
.c-flex .c-link-list li { margin-bottom: 15px; }
.c-flex .c-link-list li a {color: #fff;display: block;background-image: url(../images/common/f-list-deco.png);background-repeat: no-repeat;background-position: 1px 17px;padding-left: 25px;font-weight: 500;font-size: 20px;letter-spacing: 0.05em;text-align: left;color: #fff;}
.c-flex .c-box-l {width: 980px;display: flex;flex-wrap: wrap;}
.c-flex .c-box-l .c-link-l { margin-right: 132px; width: 300px; }
.c-flex .c-box-l .c-link-l .c-link-list-b { font-weight: bold; font-size: 40px; letter-spacing: 0.05em; line-height: 73px; text-align: left; color: #fff; }
.c-flex .c-box-l .c-link-l .c-link-list-b a { display: block; color: #fff; margin-bottom: 19px; }
.c-flex .c-box-l .c-link-m {width: 175px;margin-right: 136px;}
.c-flex .c-box-r .c-bnr-list { width: 480px; margin-top: 7px; }
.c-flex .c-box-r .c-bnr-list li { margin-bottom: 20px; }
.c-rel { width: 1600px; margin: 0 auto; position: relative; }
.c-rel .f-logo { width: 610px; }
.c-rel .c-area { font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; position: absolute; left: 650px; top: -3px; }
.c-rel .c-sns-list { width: 110px; position: absolute; left: 650px; top: 78px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.copyright { font-weight: bold; font-size: 12px; letter-spacing: 0.05em; line-height: 30px; text-align: right; color: #ede7d7; position: absolute; right: 0; bottom: 23px; }


@keyframes nagare-left {
  from { background-position-x: 0; }
  to { background-position-x: calc(-1 * var(--nagare-w)); }
}
@media (prefers-reduced-motion: reduce) {
  .nagare-move-en { animation: none; }
}

.sp-fix-bnr{
      display: none;
}

 }
 
@media screen and (min-width: 766px) and (max-width: 1600px) {
      .c-flex{
            width: 1200px;
            margin-bottom: 72px;
      }
      .c-flex .c-box-l{
                    width: 820px;
      }

      .c-flex .c-box-r .c-bnr-list{
            width: 320px;
      }
      .c-flex .c-box-r .c-bnr-list img{
            width: 100%;
      }
          .c-flex .c-box-l .c-link-l {
        margin-right: 80px;
        width: 240px;
    }
          .c-flex .c-box-l .c-link-l .c-link-list-b{
            font-size: 32px;
      }
      .c-flex .c-f-link-b {
        font-weight: bold;
        font-size: 32px;
        letter-spacing: 0.05em;
        line-height: 73px;
        text-align: left;
        color: #fff;
        margin-bottom: 26px;
    }
        .c-flex .c-box-l .c-link-m {
        width: 171px;
        margin-right: 90px;
    }


    .c-rel{
      width: 1200px;
    }
    .c-rel .f-logo{
       width: 480px;
    }
    .c-rel .f-logo img{
      width: 100%;
    }
    .c-rel .c-area{
    left: 522px;
    top: -12px;
}
    .c-rel .c-sns-list{
    left: 522px;
    top: 59px;
}
.copyright{
              bottom: -9px;
}

    #pc-menu-open .open-main-Box{
            .c-flex{
            width: 1200px;
            margin-bottom: 72px;
      }
      .c-flex .c-box-l{
                    width: 820px;
      }

      .c-flex .c-box-r .c-bnr-list{
            width: 320px;
      }
      .c-flex .c-box-r .c-bnr-list img{
            width: 100%;
      }
          .c-flex .c-box-l .c-link-l {
        margin-right: 80px;
        width: 240px;
    }
          .c-flex .c-box-l .c-link-l .c-link-list-b{
            font-size: 32px;
      }
      .c-flex .c-f-link-b {
        font-weight: bold;
        font-size: 32px;
        letter-spacing: 0.05em;
        line-height: 73px;
        text-align: left;
        color: #fff;
        margin-bottom: 26px;
    }
        .c-flex .c-box-l .c-link-m {
        width: 171px;
        margin-right: 90px;
    }


    .c-rel{
      width: 1200px;
    }
    .c-rel .f-logo{
       width: 480px;
    }
    .c-rel .f-logo img{
      width: 100%;
    }
    .c-rel .c-area{
    left: 522px;
    top: -12px;
}
    .c-rel .c-sns-list{
    left: 522px;
    top: 59px;
}
    }

.c-flex .c-link-list li a {
        font-size: 18px !important;
    }

}

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

  .oda1 { width: 100%; -webkit-box-ordinal-group: -5; -webkit-flex-order: -5; -moz-flex-order: -5; -moz-order: -5; -ms-flex-order: -5; order: -5; }
  .oda2 { width: 100%; -webkit-box-ordinal-group: -4; -webkit-flex-order: -4; -moz-flex-order: -4; -moz-order: -4; -ms-flex-order: -4; order: -4; }
  .oda3 { width: 100%; -webkit-box-ordinal-group: -3; -webkit-flex-order: -3; -moz-flex-order: -3; -moz-order: -3; -ms-flex-order: -3; order: -3; }
  .oda4 { width: 100%; -webkit-box-ordinal-group: -2; -webkit-flex-order: -2; -moz-flex-order: -2; -moz-order: -2; -ms-flex-order: -2; order: -2; }
  .oda5 { width: 100%; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; }
  .dc { display: contents; }

 /* ★ body */
 body { overflow: hidden; font-size: 3.865vw; font-family: sans-serif; -webkit-text-size-adjust: 100%; line-height: 1.6; 
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
line-height: 7.246vw;
color: #212121;
}



/* ★ header */
.sp-header .h-logo {position: relative;width: 25.362vw;margin-top: 3.14vw;margin-left: 4.106vw;margin-bottom: 0px;}
.sp-header .h-menu {position: fixed;top: 0;right: 0;width: 14.976vw;z-index: 99;}
/* ★ メガメニュー関係 */

nav#sp-global-nav .h-logo {position: relative;width: 25.362vw;margin-top: 3.14vw;margin-left: 4.106vw;margin-bottom: 16.667vw;

}
nav#sp-global-nav {font-size: 1.4rem;z-index: 100;overflow: scroll;position: fixed;top: 0;width: 100vw;height: 100vh;display: none;background-color: #A39E7E;box-sizing: 
border-box;color: #fff;padding-bottom: 41.546vw;}

nav#sp-global-nav .open-close-01 {position: fixed;top: 0;right: 0;width: 14.976vw;z-index: 998;}
nav#sp-global-nav .open-close-01 img { }
nav#sp-global-nav .list { margin: 12.077vw 0 4.831vw; }
nav#sp-global-nav .list li a { color: #fff; line-height: 1.4; text-decoration: none; padding: 5%; display: block; border-bottom: 1px solid #fff; }



nav#sp-global-nav {
.c-flex {
      display: flex;
      flex-wrap: wrap;
      width: 91.787vw;
      margin: 0 auto;
}
.c-flex .c-f-link-b {font-weight: bold;font-size: 5.797vw;letter-spacing: 0.05em;line-height: 17.633vw;text-align: left;color: #fff;margin-bottom: -0.242vw;}
.c-flex .c-link-list li {margin-bottom: 2.415vw;}
.c-flex .c-link-list li a {color: #fff;display: block;background-image: url(../images/common/f-list-deco.png);background-repeat: no-repeat;background-position: 0.483vw 3.623vw;padding-left: 6.039vw;font-weight: 500;font-size: 3.865vw;letter-spacing: 0.05em;text-align: left;color: #fff;}

.c-flex .c-box-l {width: 100%;display: flex;flex-wrap: wrap;margin-left: 4.831vw;margin-bottom: 15.7vw;}
.c-flex .c-box-l .c-link-l {/* margin-right: 31.884vw; */width: 100%;}
.c-flex .c-box-l .c-link-l .c-link-list-b {font-weight: bold;font-size: 5.797vw;letter-spacing: 0.05em;line-height: 17.633vw;text-align: left;color: #fff;}
.c-flex .c-box-l .c-link-l .c-link-list-b a {display: block;color: #fff;margin-bottom: -3.14vw;}
.c-flex .c-box-l .c-link-m {width: 100%;/* margin-right: 33.816vw; */margin-bottom: 1.932vw;}
.c-flex .c-box-r{
order: -1;
}
.c-flex .c-box-r .c-bnr-list {width: 91.787vw;margin: 0 auto;margin-top: 0.483vw;margin-bottom: 10.386vw;}
.c-flex .c-box-r .c-bnr-list li {margin-bottom: 3.382vw;}

.c-rel {width: 82.126vw;margin: 0 auto;position: relative;}
.c-rel .f-logo {width: 48.551vw;margin: 0 auto;}
.c-rel .c-area {font-weight: bold;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 7.246vw;text-align: left;color: #212121;margin-bottom: 6.28vw;}
.c-rel .c-sns-list {width: 26.57vw;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 9.662vw;}

.c-rel .c-sns-list li{
width: 12.077vw;
}

.itasuto-deco{
      display: none;
}

.copyright{
      display: none;
}

}



/* ★ 下層 h1 エリア */

h1.main-title {width: 100%;background: #FFFFFF;color: #212121;padding: 8.454vw 0 3.865vw;text-align: center;margin-bottom: 4%;}

h1.main-title .en {display: block;text-transform: uppercase;font-weight: 900;font-size: 5.314vw;letter-spacing: 0.05em;line-height: normal;text-align: center;color: #d1ca9f;margin-bottom: -1.449vw;}
h1.main-title .jp { display: block; font-weight: bold;
font-weight: bold;
font-size: 5.314vw;
letter-spacing: 0.05em;
line-height: 10.628vw;
text-align: center;
color: #212121;
}

h2.sub-title { background: #525252; font-weight: bold; padding: 3%; color: #fff; margin-bottom: 5%; font-size: 5vw; letter-spacing: 0.966vw; text-align: center; }
/* ★ パンくず */
.seo_bread_list { 
      display: none;
      width: 100%; padding: 5% 5.797vw; margin: 0 auto; font-size: 1.2rem; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
      'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: normal; font-size: 2.899vw; line-height: 5.797vw; text-align: left; color: #a4a4a4; a { color: #a4a4a4; }
 }
/* ★ サイドバナー */
.sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; }
/* ★ エンドバナー */
.no-t .common-bg-ki{
margin-top: 0;
}
.common-bg-ki{background-image: url(../images/common/sp-gurade.png);background-repeat: no-repeat;background-position: center bottom;padding-top: 28.019vw;
margin-top: 12.9vw;
}

#ee { }
/* ★ sp-page-top */
.sp-page-top {
    width: 17.874vw;
}
/* ★ フッター */
.nagare-move-en {--nagare-w: 380.193vw;--nagare-h: 15.7vw;--nagare-speed: 50s;background-image: url(../images/common/sp-nagare-en.png);background-repeat: repeat-x;background-position: 0 0;background-size: auto var(--nagare-h);width: 100%;height: var(--nagare-h);animation: nagare-left var(--nagare-speed) linear infinite;will-change: background-position;}
.ki {margin-top: -9.179vw;}

.rel-page-top-box{
      position: relative;
}

.rel-page-top-box .sp-page-top{
      position: absolute;
      top: -22.947vw;
      right: 4.106vw;
}

.f-bg {background-color: #A39E7E;padding-top: 2.899vw;padding-bottom: 41.546vw;}
.f-bg .c-flex {width: 100%;margin: 0 auto;margin-bottom: 10.386vw;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.f-bg .c-flex .c-f-link-b { font-weight: bold; font-size: 9.662vw; letter-spacing: 0.05em; line-height: 17.633vw; text-align: left; color: #fff; margin-bottom: 6.28vw; }
.f-bg .c-flex .c-link-list li { margin-bottom: 3.623vw; }
.f-bg .c-flex .c-link-list li a { color: #fff; display: block; background-image: url(../images/common/f-list-deco.png); background-repeat: no-repeat; background-position: 0.242vw 4.106vw; padding-left: 5.797vw; font-weight: 500; font-size: 4.831vw; letter-spacing: 0.05em; text-align: left; color: #fff; }
.f-bg .c-flex .c-box-l {width: 100%;display: flex;flex-wrap: wrap;display: none;}
.f-bg .c-flex .c-box-l .c-link-l { margin-right: 31.884vw; width: 100%; }
.f-bg .c-flex .c-box-l .c-link-l .c-link-list-b { font-weight: bold; font-size: 9.662vw; letter-spacing: 0.05em; line-height: 17.633vw; text-align: left; color: #fff; }
.f-bg .c-flex .c-box-l .c-link-l .c-link-list-b a { display: block; color: #fff; margin-bottom: 4.589vw; }
.f-bg .c-flex .c-box-l .c-link-m { width: 100%; margin-right: 33.816vw; }

.f-bg .c-flex .c-box-r {
      width: 91.787vw;
      margin: 0 auto;
}

.f-bg .c-flex .c-box-r .c-bnr-list {width: 100%;margin-top: 2.174vw;}
.f-bg .c-flex .c-box-r .c-bnr-list li {margin-bottom: 3.382vw;}
.f-bg .c-rel {width: 82.126vw;margin: 0 auto;position: relative;}
.f-bg .c-rel .f-logo {width: 48.551vw;margin: 0 auto;margin-bottom: 6.28vw;}
.f-bg .c-rel .c-area {font-weight: bold;text-align: left;color: #212121;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 7.246vw;margin-bottom: 6.522vw;}
.f-bg .c-rel .c-sns-list {width: 26.57vw;margin-bottom: 12.077vw;/* position: absolute; */left: 157.005vw;top: 18.841vw;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}

.f-bg .c-rel .c-sns-list li{
      width: 12.077vw;
}
.f-bg .itasuto-deco{
      display: none; 
}

.copyright {font-weight: bold;font-size: 2.899vw;letter-spacing: 0.05em;line-height: 7.246vw;text-align: center;color: #ede7d7;/* position: absolute; */right: 0;bottom: 5.556vw;}

@keyframes nagare-left {
  from { background-position-x: 0; }
  to { background-position-x: calc(-1 * var(--nagare-w)); }
}
@media (prefers-reduced-motion: reduce) {
  .nagare-move-en { animation: none; }
}

/* ★ コピーライト */
.copyright {font-size: 1.2rem;line-height: 1.6;padding: 10% 3% 0%;display: block;}


.sp-fix-bnr{
      width: 77.295vw;
      margin: 0 auto;
      position: fixed;
      bottom: 3.865vw;
      left: 0;
      right: 0;
      width: 77.295vw;
      height: 14.493vw;
      border-radius: 7.246vw;
      box-shadow: 0px 8px 16px rgba(33, 33, 33, 0.32);
      z-index: 99;
}


 }