/*=======================================================
==========================================================
　　　　　　　　　　　　　PCstart
==========================================================
memo
========================================================*/
@media screen and (min-width:1026px) {

body {
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-style: normal;
width:100%;
min-width: 1100px;
min-height: 835px;
padding:0; margin:0;
background-color: #0F0703;
z-index:0;
}

p{
color: #CBCBCB;
font-size:14px;
margin:13px 0px;
letter-spacing: 0.1em;
line-height: 1.7em;}

img{width:100%;
display: block;}

a:link, a:visited, a:hover, a:active{
    color: #000;
    text-decoration: none;
}

ul {
  list-style: none;
  margin:0;
  padding:0;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.sp-none { display: block; }
.pc-none { display: none; }

.bold{font-weight: bold;}
.relative{position:relative;}

.pc-br::before {
	content: "\A" ;
	white-space: pre ;
}

#main{
min-width: 1100px;
}



.content-width{
  width:1100px;
  margin:0 auto;
  position: relative;
}

h1{
  font-size: 50px;
  letter-spacing: 1px;
  color: #957C5F;
  padding: 80px 0 0;
  font-family: 'Mongolian Baiti','Iowan Old Style';
}

h1.h1-2{
  font-size: 60px;
  color:#957C5F;
  padding: 0 0 60px;
  margin: 0;
  font-family: 'Mongolian Baiti','Iowan Old Style';
  text-align: center;
}


h2{
  font-size: 35px;
  color:#957C5F;
  letter-spacing: .1em;
  margin:30px 0 0;
}

h3{
  font-size:30px;
  letter-spacing: .1em;
  margin:30px 0 0;
  color:#CBCBCB;
}
h4{
  font-size:25px;
  letter-spacing: .1em;
  margin:2% 0 0;
  color:#CBCBCB;
}

#footer{
  position:relative;
  width:100%;
  height:450px;
  margin-top: 80px;
  background: linear-gradient(#0F0703, #423322);
}
.footer-logo-img{
  width:160px;
  margin:0 auto;
}
.yoyaku-button2{
  width:22%;
  color:#fff;
  padding:25px 0;
  font-size: 19px;
  letter-spacing: .1em;
  background-color: #0F0703;
  transition: .3s;
  cursor: pointer;
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  text-align: center;
  margin:30px 0 0;
}
.yoyaku-button2:hover{
  background-color: #957C5F;
}
.footer-copy2{
  position: absolute;
  bottom:20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin:0 auto;
  color:#fff;
  font-size:12px;
  width:70%;
  letter-spacing: .1em;
  text-align: center;
}
.footer-right2{
  width:40%;
  position: absolute;
  bottom:30px;
  right:0;
  padding:3% 5% 0 0;
}
.footer-right2 img{
  width:30px;
  float:right;
  margin:17px;
}



.header-box-sub{
  position: relative;
  width:100%;
  height:200px;
}

.header-subtitle{
  position: fixed;
  top:70px;
  right: 1.7%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color:#CCBEB0;
  font-size:16px;
  letter-spacing: .12em;
  margin:0;
  z-index: 55;
}
.header-sublogo{
  position: fixed;
  top:30px;
  left:28px;
  width:70px;
  z-index: 99;
}

.header-box-sub h1{
  text-align: center;
  margin:70px auto;
}


.view{
  display: flex;
  align-items: center; /* 垂直中心 */
  font-size: 13px;
  color: #CBCBCB;
  float: right;
  transition: all .3s;
}
.view::before{
  border-top: 1px solid #CBCBCB;
  content: "";
  width: 12em; /* 線の長さ */
  margin-right:10px;
}
.view:hover{
  opacity:0.6;
}



.item{
  display: flex;
  justify-content: space-between;
}
}/*=======================================================
==========================================================
　　　　　　　　　　　　　PCend
==========================================================
========================================================*/


/*=======================================================
==========================================================
　　　　　　　　　　　　　SPstart
==========================================================
========================================================*/
@media screen and (max-width:600px) {

body {
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
width:100%;
min-width:300px;
padding:0; margin:0;
z-index:0;
background-color: #0F0703;
}

p{font-size: clamp(11px,3.3vw,15px);
    color: #CBCBCB;
  }

img{width:100%;
display: block;}


a{transition: 0.2s; text-decoration: none;}
a:link{color: inherit;}
.relative{position:relative;}
a:hover{
  opacity: 0.7;
}
a:visited {color: inherit;}
a:hover {color: inherit;}
a:active {color: inherit;}

ul {
  list-style: none;
  margin:0;
  padding:0;
}

.sp-none { display: none; }
.pc-none { display: block; }

.bold{font-weight: bold;}
.relative{position:relative;}

.sp-br::before {
	content: "\A" ;
	white-space: pre ;
}

.content-width{
  width:98%;
  margin:0 auto;
  position: relative;
}

h1{
    font-size: clamp(16px,6vw,30px);
  color:#957C5F;
  padding:50px 0 0 5px;
  margin:0;
  line-height: 1em;
  font-family: 'Mongolian Baiti','Iowan Old Style';
}

h1.h1-2{
  font-size:max(10vw,40px);
  color:#957C5F;
  padding:80px 0 10px;
  margin:0;
  line-height: 1em;
  font-family: 'Mongolian Baiti','Iowan Old Style';
  text-align: center;
}

h2{
  font-size: 16px;
  color:#957C5F;
  letter-spacing: .1em;
  margin:10px 0 0;
}

h3{
  font-size: clamp(15px,5vw,27px);
  letter-spacing: .1em;
  margin:2% 0 0;
  color:#CBCBCB;
}

h4{
  font-size:3vw;
  letter-spacing: .1em;
  margin:2% 0 0;
  color:#CBCBCB;
}


#footer{
  position:relative;
  width:100%;
  height:490px;
  margin-top: 80px;
  background: linear-gradient(#0F0703, #423322);
}
.footer-logo-img{
  width:140px;
  margin:0 auto;
}
.yoyaku-button2{
  width: 250px;
  color: #fff;
  padding: 25px 0;
  font-size: 14px;
  letter-spacing: .1em;
  background-color: #0F0703;
  transition: .3s;
  cursor: pointer;
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  text-align: center;
  margin: 40px auto 20px;
}
.yoyaku-button2:hover{
  background-color: #957C5F;
}
.footer-copy2{
  position: absolute;
  bottom:20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin:0 auto;
  color:#fff;
  font-size:9px;
  width:100%;
  letter-spacing: .1em;
  text-align: center;
}
.footer-right2{
  width:101px;
  height:50px;
  margin:0 auto;
}
.footer-right2 img{
  width:20px;
  float:left;
  margin:15px;
}

.header-back{
  background-color:#0F0703;
  position:fixed;
  top:0;
  height:80px;
  width:100%;
  opacity: 0.7;
  z-index: 99;
}
.header-box-sub{
  position: relative;
  width:100%;
  height:150px;
}

.header-subtitle{
  position: fixed;
  top: 28px;
  right: 70px;
  -ms-writing-mode: tb-rl;
  /* writing-mode: vertical-rl; */
  color: #CCBEB0;
  font-size: 16px;
  letter-spacing: .12em;
  margin: 0;
  z-index: 100;
}
.header-sublogo{
  position: absolute;
  top: -55px;
  left: 15px;
  width: 60px;
  z-index: 100;
}

.header-box-sub h1{
  text-align: center;
  margin:70px auto;
  line-height: 1em;
}


  .view{
    display: flex;
    align-items: center; /* 垂直中心 */
    font-size: 13px;
    color: #CBCBCB;
    float: right;
    transition: all .3s;
    margin: 10px 10px 15px 0;
  }
  .view::before{
    border-top: 1px solid #CBCBCB;
    content: "";
    width: 12em; /* 線の長さ */
    margin-right:10px;
  }
  .view:hover{
    opacity:0.6;
  }

}/*=======================================================
==========================================================
　　　　　　　　　　　　　SPend
==========================================================
========================================================*/
/*=======================================================
==========================================================
　　　　　　　　　　　　　ipad start
==========================================================
========================================================*/
@media screen and (min-width:601px) and (max-width:1025px) {
  body {
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  font-style: normal;
  width:100%;
  min-width: 650px;
  min-height: 500px;
  padding:0; margin:0;
  background-color: #0F0703;
  z-index:0;
  }

  p{
  color: #CBCBCB;
  font-size:14px;
  margin:13px 0px;
  letter-spacing: 0.1em;
  line-height: 1.7em;}

  img{width:100%;
  display: block;}

  a:link, a:visited, a:hover, a:active{
      color: #000;
      text-decoration: none;
  }

  ul {
    list-style: none;
    margin:0;
    padding:0;
  }

  table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
  }

  .sp-none { display: block; }
  .pc-none { display: none; }
  .ip-none{ display: none; }

  .bold{font-weight: bold;}
  .relative{position:relative;}

  .pc-br::before {
  	content: "\A" ;
  	white-space: pre ;
  }

  #main{
    min-width:750px;
  }



  .content-width{
    width:80%;
    min-width:750px;
    margin:0 auto;
    position: relative;
  }

  h1{
    font-size: 40px;
    color:#957C5F;
    padding:80px 0 0;
    font-family: 'Mongolian Baiti','Iowan Old Style';
  }

  h1.h1-2{
    font-size: 60px;
    color:#957C5F;
    padding: 0 0 60px;
    margin: 0;
    font-family: 'Mongolian Baiti','Iowan Old Style';
    text-align: center;
  }


  h2{
    font-size: 35px;
    color:#957C5F;
    letter-spacing: .1em;
    margin:30px 0 0;
  }

  h3{
    font-size:27px;
    letter-spacing: .1em;
    margin:30px 0 0;
    color:#CBCBCB;
  }
  h4{
    font-size:25px;
    letter-spacing: .1em;
    margin:2% 0 0;
    color:#CBCBCB;
  }

  #footer{
    position:relative;
    width:100%;
    height:450px;
    margin-top: 80px;
    background: linear-gradient(#0F0703, #423322);
  }
  .footer-logo-img{
    width:160px;
    margin:0 auto;
  }
  .yoyaku-button2{
    width:22%;
    color:#fff;
    padding:25px 0;
    font-size: 19px;
    letter-spacing: .1em;
    background-color: #0F0703;
    transition: .3s;
    cursor: pointer;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin:30px 0 0;
  }
  .yoyaku-button2:hover{
    background-color: #957C5F;
  }
  .footer-copy2{
    position: absolute;
    bottom:20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin:0 auto;
    color:#fff;
    font-size:12px;
    width:70%;
    letter-spacing: .1em;
    text-align: center;
  }
  .footer-right2{
    width:40%;
    position: absolute;
    bottom:30px;
    right:0;
    padding:3% 5% 0 0;
  }
  .footer-right2 img{
    width:30px;
    float:right;
    margin:17px;
  }



  .header-box-sub{
    position: relative;
    width:100%;
    height:200px;
  }

  .header-subtitle{
    position: fixed;
    top:70px;
    right: 2.3%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color:#CCBEB0;
    font-size:16px;
    letter-spacing: .12em;
    margin:0;
    z-index: 55;
  }
  .header-sublogo{
    position: fixed;
    top:30px;
    left:28px;
    width:70px;
    z-index: 99;
  }

  .header-box-sub h1{
    text-align: center;
    margin:70px auto;
  }


  .view{
    display: flex;
    align-items: center; /* 垂直中心 */
    font-size: 13px;
    color: #CBCBCB;
    float: right;
    transition: all .3s;
  }
  .view::before{
    border-top: 1px solid #CBCBCB;
    content: "";
    width: 12em; /* 線の長さ */
    margin-right:10px;
  }
  .view:hover{
    opacity:0.6;
  }



  .item{
    display: flex;
    justify-content: space-between;
  }

  }/*=======================================================
  ==========================================================
  　　　　　　　　　　　　　ipadend
  ==========================================================
  ==========================================================
  ========================================================*/

/*=======================================================
==========================================================
　　　　　　　　　　　　　共通コード
==========================================================
========================================================*/

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}
/*パディングとボーダーを幅と高さに含める*/
* {
box-sizing: border-box;
}


@media screen and (min-width:1401px) {


  /*ハンバーガーメニュー*/

  .hamburger {
    display : block;
    position: fixed;
    z-index: 101;
    right : 20px;
    top   : 20px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #E9C486;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }

  /* スマホメニューを開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 16px;
    left: 6px;
    background :#E9C486;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 16px;
    background :#E9C486;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }

  /* メニュー背景　*/
  nav.globalMenuSp {
    position: fixed;
    z-index : 2;
    top  : 0;
    left : 0;
    color: #fff;
    background: #0F0703;
    width: 100%;
    height:100vh;
    transform: translateY(-100%);
    transition: all .3s;
    opacity: 0;
  }

  .logo-menu{
    width:8%;
    margin:2% 2% 0 2%;
    float:left;
  }
  .top-global{
    width:39%;
    margin: 3% 4% 3% 2%;
    float:left;
  }
  .yoyaku-button{
    padding:8% 20%;
    color:#fff;
    font-size: 19px;
    letter-spacing: .1em;
    background-color: #957C5F;
    border-top:1px solid #957C5F;
    border-bottom:1px solid #957C5F;
    border-right:1px solid #957C5F;
    border-left:1px solid #957C5F;
    transition: .3s;
    cursor: pointer;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  }
  .yoyaku-button:hover{
    background-color: #0F0703;
    border-top:1px solid #957C5F;
    border-bottom:1px solid #957C5F;
    border-right:1px solid #957C5F;
    border-left:1px solid #0F0703;
  }


  .footer-left{
    width:300px;
    position: absolute;
    left: 0;
    bottom:50px;
  }
  .footer-copy{
    position: absolute;
    bottom:20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin:0 auto;
    color:#fff;
    font-size:12px;
    width:70%;
    letter-spacing: .1em;
    text-align: center;
  }
  .footer-right{
    width:40%;
    position: absolute;
    bottom:30px;
    right:0;
    padding:3% 5% 0 0;
  }
  .footer-right img{
    width:30px;
    float:right;
    margin:17px;
  }


  nav.globalMenuSp ul {
    margin: 5% 0 0 1%;
    padding: 0;
    float:left;
  }

  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: max(2.3vw, 20px);
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }

  nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    letter-spacing: .03em;
    padding: .3em 0;
    text-decoration :none;
    transition: .5s all;
  }
  nav.globalMenuSp ul li a:hover{
    color:#957C5F;
  }

  /* クリックでjQueryで追加・削除 */
  nav.globalMenuSp.active {
    opacity: 100;
    display: block;
     transform: translateY(0%);
     z-index: 100;
  }
  /*ハンバーガーメニュー*/




}
@media screen and (min-width:601px) and (max-width:1400px) {
  /*ハンバーガーメニュー*/

  .hamburger {
    display : block;
    position: fixed;
    z-index : 105;
    right : 15px;
    top   : 20px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #E9C486;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }

  /* スマホメニューを開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 16px;
    left: 6px;
    background :#E9C486;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 16px;
    background :#E9C486;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }

  /* メニュー背景　*/
  nav.globalMenuSp {
    position: fixed;
    z-index : 101;
    top  : 0;
    left : 0;
    color: #fff;
    width: 100%;
    height:100vh;
    transform: translateY(-100%);
    transition: all .3s;
    opacity: 0;
    min-height: 600px;
  }

  nav.globalMenuSp::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url('../img/top-sp.jpg') center no-repeat;
    background-size:cover;
}
  .logo-menu{
    width: 18%;
    max-width: 100px;
    margin:5% 0 0 5%;
    float:left;
  }
  .top-global{
    display:none;
  }
  .yoyaku-button{
    width:100%;
    padding:8% 0;
    color:#fff;
    font-size: 19px;
    letter-spacing: .1em;
    background-color: #957C5F;
    border:1px solid #957C5F;
    transition: .3s;
    cursor: pointer;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  }



  .footer-left{
    width:260px;
    position: absolute;
    left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
    bottom:24%;
  }
  .footer-copy{
    position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin: 0 auto;
        color: #fff;
        font-size: 10px;
        width: 100%;
        letter-spacing: 0;
        text-align: center;
  }
  .footer-right{
    width: 118px;
    position: absolute;
    bottom:10%;
    left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  .footer-right img{
    width:25px;
    float:right;
    margin:17px;
  }


  nav.globalMenuSp ul {
    width: 65%;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    padding: 0;
  }

  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: clamp(22px,2.3vw, 25px);
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }

  nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    letter-spacing: .1em;
    padding: .3em 0;
    text-decoration :none;
    transition: .5s all;
  }
  nav.globalMenuSp ul li a:hover{
    color:#957C5F;
  }

  /* クリックでjQueryで追加・削除 */
  nav.globalMenuSp.active {
    opacity: 100;
    display: block;
     transform: translateY(0%);
     height: 100%;
  }
  /*ハンバーガーメニュー*/
}



@media screen and (max-width:600px) {
  /*ハンバーガーメニュー*/

  .hamburger {
    display : block;
    position: fixed;
    z-index : 105;
    right : 15px;
    top   : 20px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #E9C486;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }

  /* スマホメニューを開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 16px;
    left: 6px;
    background :#E9C486;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 16px;
    background :#E9C486;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }

  /* メニュー背景　*/
  nav.globalMenuSp {
    position: fixed;
    z-index : 101;
    top  : 0;
    left : 0;
    color: #fff;
    width: 100%;
    height:100vh;
    transform: translateY(-100%);
    transition: all .3s;
    opacity: 0;
    min-height: 600px;
  }

  nav.globalMenuSp::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url('../img/top-sp.jpg') center no-repeat;
    background-size:cover;
}

  .logo-menu{
    width:18%;
    margin:5% 0 0 5%;
    float:left;
  }
  .top-global{
    display:none;
  }
  .yoyaku-button{
    width:100%;
    padding:8% 0;
    color:#fff;
    font-size: 19px;
    letter-spacing: .1em;
    background-color: #957C5F;
    border:1px solid #957C5F;
    transition: .3s;
    cursor: pointer;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  }



  .footer-left{
    width:260px;
    position: absolute;
    left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
    bottom:24%;
  }
  .footer-copy{
    position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin: 0 auto;
        color: #fff;
        font-size: 10px;
        width: 100%;
        letter-spacing: 0;
        text-align: center;
  }
  .footer-right{
    width: 118px;
    position: absolute;
    bottom:10%;
    left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  .footer-right img{
    width:25px;
    float:right;
    margin:17px;
  }


  nav.globalMenuSp ul {
    width: 65%;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    padding: 0;
  }

  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: max(2.3vw, 20px);
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }

  nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    letter-spacing: .1em;
    padding: .3em 0;
    text-decoration :none;
    transition: .5s all;
  }
  nav.globalMenuSp ul li a:hover{
    color:#957C5F;
  }

  /* クリックでjQueryで追加・削除 */
  nav.globalMenuSp.active {
    opacity: 100;
    display: block;
     transform: translateY(0%);
  }
  /*ハンバーガーメニュー*/
}





.clear{
  clear:both;
}






/*=======================================================
==========================================================
　　　　　　　　　　　　　共通end
==========================================================
========================================================*/