*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  overflow-x: hidden !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/

}




body {
    overflow-x: hidden !important;
    font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
  }



   
  h1 {
      font-size : 48px; 
      line-height : 1;    
      /* 要素の高さ：48px（要素を配置するときの高さの基準の2倍）*/
  }
   
  h2 {
      font-size : 36px;
      line-height : 1.3333;   
      margin:0 auto;
      text-align:center;
      padding: 10px 0 30px 0 ;
      letter-spacing: 0.3rem;
      z-index: 10;
  }

  h3 {
      font-size : 24px;
      line-height : 1.5rem;    
    
  }

  .sub_tit{
    font-size:2.5rem;
    font-weight: bold;
    line-height: 3.5rem;
    padding-bottom:30px;
 
  }
  

p {
    font-size : 16px;
    line-height : 2.5rem;
    margin:0 auto;
    text-align: center;
    padding:30px;
    letter-spacing: 0.1rem;
}

a:link {
    color: #333;
    text-decoration: none;
}


a:visited {
    color: #333;
    text-decoration: none;
}


a:hover {
  opacity:0.7;
    text-decoration: none;
}

a img {
    border-width: 0px;
    border-style: none;
    border-color: #fff;
    background: transparent;
}

th{
  font-size: 1.5rem;

}

.left{
  text-align: left;
  letter-spacing: 0.1rem;
}


section{

  padding-top: 70px;

}
.cp_hr06 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#cfd2ee 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#4f4f50 50%,transparent 100%);
}

@media screen and (max-width:680px) {
h2 {
  font-size : 3rem;
  line-height : 3.5rem;   
  margin:0 auto;
  text-align:center;
  padding:30px 10px;
  letter-spacing: 0.15rem;
}

.sub_tit{
  font-size:2.5rem;
  font-weight: bold;
  line-height: 3.5rem;
}

}


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


h2 {
  font-size : 2.8rem;
  line-height : 3.5rem;   
  margin:0 auto;
  text-align:center;
  padding:30px 10px;
}

.sub_tit{
  font-size:2rem;
  font-weight: bold;
  line-height: 3rem;
}


p {
  font-size : 16px;
  line-height : 2.5rem;
  margin:0 auto;
  text-align: left;
  padding: 20px 15px;
  letter-spacing: 0.1rem;
}
}



/*///


/*
btnのいろいろ
*/
footer .btn_area {
  width: 100%;
  margin: 0 auto;
}
.btn_area{width: 100%; margin:0 auto; text-align: center; }
.btn_area ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_area .button_01{
	display: inline-block;
	width: 200px;
	height: 54px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
  }

  .btn_area .button_01::before,
  .btn_area .button_01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
  }
  .btn_area .button_01,
  .btn_area .button_01::before,
  .btn_area .button_01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
  }

  .btn_area .button_01 {
  background-color: rgba(175, 139, 82,);

  border: 1px solid #ffffff;
  border-radius: 0;
	color: #fff;

  }
  .btn_area .button_01:hover {
	background-color: rgba(175, 139, 82, 0.7);
  border: 1px solid #ffffff;
  border-color: #ffffff;
	color: #fff;
  }


  .btn_area .button_02{
    display: inline-block;
    width: 100%;
    height: 54px;
    margin: 5px auto;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    }
    .btn_area .button_02::before,
    .btn_area .button_02::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    }
    .btn_area .button_02,
    .btn_area .button_02::before,
    .btn_area .button_02::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    }
  
    .btn_area .button_02 {
    background-color: #a02323;
    border: 2px solid #a02323;
    border-radius: 5px;
    color: #fff;
  
    }
    .btn_area .button_02:hover {
    opacity: 0.8;  
    background-color: #a02323;
    border-color: #a02323;
    color: #fff;
    }

    a.s_btn {color:#a02323;}


    .btn_area .button_03 {
      display: inline-block;
      width: 270px;
      height: 30px;
      margin: 5px;
      text-align: center;
      text-decoration: none;
      line-height: 30px;
      outline: none;
      }
      .btn_area .button_03::before,
      .btn_area .button_03::after {
      position: absolute;
      z-index: -1;
      display: block;
      content: '';
      }
      .btn_area .button_03,
      .btn_area .button_03::before,
      .btn_area .button_03::after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all .3s;
      transition: all .3s;
      }
    
      .btn_area .button_03 {
      background-color: #a02323;
      border: 1px solid #a02323;
      border-radius: 5px;
      color: #fff;
    
      }
      .btn_area .button_03:hover {
      opacity: 0.8;
      background-color: #a02323;
      border-color: #a02323;
      color: #fff;
      }
 

      
.btn_area .button_04{
	display: inline-block;
	width: 200px;
	height: 54px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
  }
  .btn_area .button_04::before,
  .btn_area .button_04::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
  }
  .btn_area .button_04,
  .btn_area .button_04::before,
  .btn_area .button_04::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
  }

  .btn_area .button_04 {
	background-color: #a02323;
  border: 2px solid #a02323;
  border-radius: 5px;
	color: #fff;

  }
  .btn_area .button_04:hover {
  opacity: 0.8;
	background-color: #a02323;
  border-color: #a02323;
	color: #fff;
  }
    
  @media screen and (max-width:480px) {
    .btn_area ul{
      display:block;
      justify-content: center;
      align-items: center;
    }


  }



    /* アニメーション設定 */
    .arrowWrap {
      position: relative; 
      margin-top: -120px;
      padding-bottom:50px;
      text-align: center;
     z-index: 9999;
    }
    .arrowWrap p{
      max-width: 100px;
padding:40px 0 0 10px;
color:#fff ;
text-shadow:2px 2px 2px #161616;
font-size: 1rem;
letter-spacing: 0.2rem;
bottom:100px;
margin:0 auto ;
    }
    .arrow1 {
      width: 15px;
      margin: 0 auto;
      -webkit-animation: arrow1 2s linear 0s infinite normal;
      animation: arrow1 2s linear 0s infinite normal;
    }
    
    .arrow2 {
      width: 15px;
      margin: 0 auto;
      -webkit-animation: arrow2 2s linear 0s infinite;
      animation: arrow2 2s linear 0s infinite;
    }
    
    .arrow1 span,
    .arrow2 span {
      position: relative;
      display: block;
      left: 50%;
    }
    
    .arrow1 span {
      margin-top: -10px;
    }
    
    .arrow1 span:before,
    .arrow2 span:before {
      content: '';
      width: 20px;
      height: 20px;
      border: 0;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      box-sizing: border-box;
    }
    
    @keyframes arrow1 {
      0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
      }
    
      20% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
      }
    
      40% {
        -webkit-transform: translate3d(-50%, 10px, 0);
        transform: translate3d(-50%, 10px, 0);
      }
    
      60% {
        -webkit-transform: translate3d(-50%, 10px, 0);
        transform: translate3d(-50%, 10px, 0);
      }
    
      80% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
      }
    
      100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
      }
    }
    
    @keyframes arrow2 {
      0% {
        -webkit-transform: translate3d(-50%, 10px, 0);
        transform: translate3d(-50%, 10px, 0);
      }
    
      20% {
        -webkit-transform: translate3d(-50%, 20px, 0);
        transform: translate3d(-50%, 20px, 0);
      }
    
      40% {
        -webkit-transform: translate3d(-50%, 20px, 0);
        transform: translate3d(-50%, 20px, 0);
      }
    
      60% {
        -webkit-transform: translate3d(-50%, 20px, 0);
        transform: translate3d(-50%, 20px, 0);
      }
    
      80% {
        -webkit-transform: translate3d(-50%, 10px, 0);
        transform: translate3d(-50%, 10px, 0);
      }
    
      100% {
        -webkit-transform: translate3d(-50%, 10px, 0);
        transform: translate3d(-50%, 10px, 0);
      }
    }


    .fadein {
      opacity : 0;
      transform: translateY(20px);
      transition: all 1s;
    }

    a .arrow01{
  width: 14px;
  transition: transform 0.4s;
}
a .arrow01:hover{
transform: translateX(5px); 
}


.oshirase{
border-radius:10px ;
border:2px dotted #a02323;
padding:10px;
font-size: 1rem;

}

.bg_sec_tit{
  width: 100%;
  max-width: 150px;
  margin:0 auto;

}


.bg_sec_tit img{
  margin-top:-140px;
  width: 200px;
  height: 200px;
  object-fit: contain;

}


main .btn_area {
  max-width: 300px;
  margin: 0 auto;
}

a.btn_06 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background: repeating-linear-gradient(45deg, #ffffff, #ffffff 3px, #e7e7e7 3px, #e7e7e7 30px);
  color: #333;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-decoration: none;
  position: relative;
  margin-bottom:20px;
}
a.btn_06 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  position: absolute;
  top: -6px;
  left: -6px;
  transition-duration: 0.2s;
}
a.btn_06:hover span {
  left: -1px;
  top: -1px;
}


#wrap .head_img{width: 100%; object-fit: cover; height: 400px; object-position: 50% 40%;}

@media screen and (max-width:480px) {
  #wrap .head_img{width: 100%; object-fit: cover; height:300px;}
}
/* /// 共通エリア /*







/*
* MAIN CONTENTS
******************************************************/

#oshirase{
  position: relative;
  width: 100%;

}

.content_wrap{
  line-height:1.5rem;
  background: url("../img/bg06.png")no-repeat ;
background-size:100%;

}



.main-content__wrapper {
	width:100%;
	overflow:hidden;
}
.main-content__outer {
	background: #FFFFFF;
	overflow: hidden;
}
.main-content__outer-stripe {
	background: url(../img/common/bg-border.png) repeat;
}
.main-content {
	max-width:980px;
	margin:auto;
}
.main-content__inner {
	max-width: 980px;
	margin: auto;
}

.con_nav nav{
  width: 100%;
  overflow:hidden;
  padding:0;
  background-color:#222;
}

.con_nav nav ul {

  display:flex;
  list-style: none;
  width: 100%;
  max-width:750px;
  background-color:#222;
/*justify-content: center;*/
  margin:0px auto ;
  transition: 0.24s all ease;
  padding:10px 0;
}
.con_nav nav ul li {
  display: inline-block;
text-align: center;
width: 100%;
  font-size:1.1rem;
  margin:0 auto;
  padding:5px 0;
  color:#fff;

}

.con_nav nav ul li a {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all  0.7s ease;
color:#fff;
}

.con_nav li a:hover
{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-decoration: none;
position: relative;
transition: .24s all ease;
background: url('../img/common/menu-hover.png')no-repeat;
color: #f1cbcb;
padding: 3px 0;
}
a .arrow01{
  width: 14px;
  transition: transform 0.4s;
}
a .arrow01:hover{
transform: translateX(5px); 
}
@media screen and (max-width:480px) {

  .con_nav nav{
    width: 100%;
    
    padding:0;
    background-color:#222;
  }
  .con_nav nav ul{
  display: block;
}

  .con_nav nav ul li {
   
   width: 100%;
    font-size:1.0rem;
    margin:0 auto;
  text-align:center;
  
  }
}
/* content_tit*/ 

.en-title{
    width:100%;
    max-width: 250px;
    margin: 10px auto 30px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
    
    }
    
  
    
    .head-border:before,
    .head-border:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 50px;
        height: 5px;
        background-color: #666;
    }
    
    .head-border:before {
        left: 0;
    }
    
    .head-border:after {
        right: 0;
    }
 /* ///content_tit*/   





    
    .head-border {
        position: relative;
    }
    
    .head-border:before,
    .head-border:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 50px;
        height: 1px;
        background-color: #aa8f8f;
    }
    
    .head-border:before {
        left: 0;
    }
    
    .head-border:after {
        right: 0;
    }
 
    


      
    @media screen and (max-width: 680px) {
        h3{	
            width: 100%;
            text-align:center;
            font-size: 2.5rem;
            line-height: 2rem;
        
        }
        .en-title{
            width:100%;
            margin:0 auto 30px;
            font-size: 1.6rem;
            text-align: center;
            }
        .head-border {
            position: relative;
           
        }
        
      }
/* contact */
#contact{width: 100%;
  
	background:#f9f9f9;
  }
  
  #contact .content_h{
width: 100%;    
  }
  #contact .content_h img{
    width: 100%;  
    height:200px;
    object-fit: cover;
      }
  .contact_box{
   
    margin: 40px auto 50px ;
	
	}

   #contact .contact_txt{
     max-width: 600px;
     padding:30px 0 ;
     margin:0 auto;
   }
   

   
  @media screen and (max-width: 640px) {
    #contact .contact_txt{
      padding:30px 0;
      margin:0 1rem;
    }
 }
 
  /* ///contact */





/* パソコンで見た時はclass名pc-onlyだけ表示 */
.pc-only{
    display: block;
}
.sp-only{
    display: none;
}

/* スマホで見た時はclass名sp-onlyだけ表示 */
@media screen and (max-width: 768px){
    .pc-only{
        display: none;
    }
    .sp-only{
        display: block;
    } 
}  

@media screen and (max-width:640px) {
	.pc {
		display: none;
	}
}
@media screen and (min-width:641px) {
	.sp {
		display: none;
	}
}




/* bn_area */
#bn_area{ width:100%; max-width: 900px; margin: 0 auto; background: #fff;}
.bn_box {width:100%; text-align: center; }

.bn_box img{
	width:98%;
	max-width:851px;
    margin:5px auto;
}
/*
.gradient {
    border: 3px solid #bdbdbc;
    border-image: linear-gradient(to right, #f7e581 0%, #a58109 100%);
    border-image-slice: 1;
  }
*/
	@media screen and (max-width: 768px) {
		.bn_box img{
			width:100%;
			margin:5px auto;}
		
	  }

    #bn_area02{ width:100%; max-width: 865px; margin: 0 auto; background: #fff; text-align: center; display: flex; justify-content: center;}
    .bn_box02 { margin: 0 auto; }
    
    .bn_box02 img{
      width:100%;
      max-width:420px;
        margin:5px auto;
    }
    /*
    .gradient {
        border: 3px solid #bdbdbc;
        border-image: linear-gradient(to right, #f7e581 0%, #a58109 100%);
        border-image-slice: 1;
      }
    */
      @media screen and (max-width: 768px) {
        .bn_box02 img{
          width:100%;
          margin:5px auto;}
        
        }
    

/* ///bn_area */



.left{
  text-align: left;
  letter-spacing: 0.1rem;
}









   /* TOPへ戻る */
   .pagetop-button{display: inline-block; width: 100%; margin:0 auto; text-align: center; background: #fff;} 
   .pagetop-button .top_btn{width:100%; margin:0 0 40px 0; }
   .arrow{
    position: relative;
    display: inline-block;
    padding:0 0 60px 0;
  }
  
  .arrow::before{
    content: '';
    width:30px;
    height:30px;
    border: 0px;
    border-left: solid 2px #666;
    border-top: solid 2px #666;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: -20px;
    bottom:30px;

  }
   /*.arrow {
     width: 100px;
     height: 100px;
     border-right: solid 2px #000;
     border-top: solid 2px #000;
     -ms-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     transform:
     rotate(-45deg)
       skew(
         calc((90deg - 30deg) / 2),
         calc((90deg - 30deg) / 2)
       ); 
     background-color: none; 
     margin: auto;
   }
   
  /* ///TOPへ戻る */  
 


 /*
 * FOOTER
 ******************************************************/
 footer{
  background: url("../img/bg_footer.jpg") no-repeat;
  color: #fff;
  clear: both;
  width: 100%;
  padding: 20px 0 0 0;
  font-size: 1.5rem;
  
}



 .global-footer__wrapper {
   width:100%;
   background: none;
   overflow:hidden;
   padding-top:50px;
 }
 .global-footer__container {
   max-width:1100px;
   margin:auto;
   text-align: center;
 }
 .global-footer__inner {
   display: -ms-flexbox;
   display: flex;
 }

/*===============================================
footer navi
===============================================*/


.f_gnavi.sub_gnavi{
 
  width: 100%;
  max-width: 950px;
  margin:0 auto;
  overflow:hidden;
  padding:10px 0 30px 0;

}

.f_gnavi.sub_gnavi ul {
  display:flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  margin:0px 0 0 0 ;
  transition: 0.24s all ease;
  padding:20px 10px 0;
}
.f_gnavi.sub_gnavi li {
  display: inline-block;
  text-align: center;
  font-weight: 400;
  font-size:1.5rem;
  padding:0 10px;
  letter-spacing:0.1rem;
  margin:10px 0 ;

}
.f_gnavi.sub_gnavi li+ li {
  border-left: 1px solid #fff; /*liの間の区切り線*/
}
.f_gnavi.sub_gnavi li a {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all  0.7s ease;
color: #fff;

}
.f_gnavi.sub_gnavi li a:visited {
text-decoration: none;
color: #fff;
display: block;
padding: 3px 0;
}
.f_gnavi.sub_gnavi.sub_gnavi li a::after,
.f_gnavi.sub_gnavi li a:hover,
.f_gnavi.sub_gnavi li a:active,
.f_gnavi.sub_gnavi li a:focus,
.f_gnavi.sub_gnavi li a.is_active {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-decoration: none;
position: relative;
transition: .24s all ease;
background: url('../img/common/menu-hover.png')no-repeat;
color: #eeedea;
padding: 3px 0;
}


 .footer-navi {
   display: table;
   width:100%;
     margin: auto;
 }
 .footer-navi ul {
   display: table-cell;
   width:31%;
   letter-spacing: 0.175em;
 }
 .footer-navi li:first-child {
   padding: 0;
   margin-bottom: 5px;
   font-size: 1.4rem;
   margin-right: 50px;
   letter-spacing: 2px;
   position: relative;
   border-left:none;
 
 }
 .footer-navi li {
   display:inline-block;
   padding: 10px 0 0 0;
   font-size:1.3rem;
   text-decoration: none;
   border-left:1px solid #000;
 }
 .footer-navi li a {
   color: #fff;
   display: block;
   font-size:1.3rem;
 }
 .footer-navi li a:hover {
   color: #333;
   font-size:1.3rem;
 }
 
 .f_logo{
  width: 100%; margin:0 auto; padding:0 0 30px;
 }

 address {
  font-style: inherit;
  margin-bottom:30px;
  letter-spacing: 0.1px;

}

address p.add_txt{
  line-height: 2rem;
  font-size: 1.3rem;
  text-align: center;
 }
address p.add_txt a { color:#fff !important;}
address p.add_txt a:hover { color:#fff; opacity: 0.8 !important;}
 
 #page-top {
    position: fixed;
    bottom: 30px;
    right: 10px;
    font-size: 77%;
}
#page-top a {
    background: #c5a9a9;
    text-decoration: none;
    color: #fff;
    width: 30px;
    padding: 10px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}





 .footer-en {
   /*font-family: 'Josefin Sans', sans-serif;*/
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
 }
 
 
 .footer-navi-bottom {
   width:100%;
   padding: 15px 0;
   border-top: 2px solid #333333;
   margin-top:10px;
 }
 .footer-navi-bottom li {
   display:inline-block;
 
   padding: 5px 20px;
   text-decoration: none;
   border-right:1px #b6b5b5 solid;
   text-align: center;
 }
 
 .footer-navi-bottom li:first-child {
   border-left:1px #b6b5b5 solid;
 }
 .footer-navi-bottom li a {
   color: #000;
   display: block;
 }
 .footer-navi-bottom li a:hover {
   color: #333;
 }


 .global-footer__outer .sns_box ul {
  display:flex;
  width: 100%;
  max-width: 100px;
  list-style: none;
  justify-content: center;
  margin:0 auto 30px;
  transition: 0.24s all ease;


 }

 .global-footer__outer .sns_box{
margin:50px auto;

 }

.global-footer__outer .sns_box li {
  display: inline-block;
  max-width:80px;
text-align: center;
font-weight: 400;
  font-size:0.8rem;
  margin:0 auto;
  padding:20px 10px 10px ;


}
.global-footer__outer .sns_box li img {

max-width:50px;
padding:3px;

}

.global-footer-copyright__wrapper {
  background: #333;
  padding:15px;
  text-align:center;

}
 .global-footer-copyright {
  color: #ffffff;
  letter-spacing: 0.2px;
  font-size: 0.8rem;
  margin:0;
}


 
 @media screen and (max-width:480px) {
   .global-footer__wrapper {
       width: 100%;
       padding-top: 15px;
   }
   .global-footer__inner {
     display: block;
     padding:15px;
   }


   .global-footer__outer .sns_box{
    margin:30px auto;
    
     }
    
    .global-footer__outer .sns_box li {
      display: inline-block;
    text-align: center;
    font-weight: none;
      font-size:0.5rem;
      margin:0 auto;
      padding:20px 10px 10px ;
    
    
    }
    .global-footer__outer .sns_box li img {
    
    max-width:45px;
    padding:3px;
    
    }


   .footer-navi {
     display: block;
     width:100%;
   }
   .footer-navi ul {
     display: block;
     width:100%;
     padding-bottom:30px;
   }
   .f_gnavi.sub_gnavi li {
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-size:1.3rem;
    padding:0 10px;
    letter-spacing:0.1rem;
    margin:10px 0 ;
  
  }
   .footer-navi li:first-child {
     margin-right:0;
   }
   .global-footer-copyright {
      text-align: center;
  }
   
 }