.sp360,
.sp375{display: none;}
@media screen and (min-width: 1560px) {
  .about_content_flex .btn a{padding: 3px 5px 0px}
}
@media screen and (min-width: 769px) {
.sp{display:none}

/*  FOOTER */
.ft_bnn li:not(:last-child){margin-right: 30px;}

/* hover */
.ft_link ul li > a:hover,
.nav_list>li:hover>a>span{color: var(--txt);}
.nav_list>li>a>span{transition: .3s}
.parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
.sub a:hover{background-color:var(--scolor);text-decoration: none;}
.h_contact_mail a:hover{background: var(--scolor)}
.to_top:hover{text-decoration: underline;}
.btn_single a:hover::before,
.btn_hvr:hover::before,
.btn a:hover::before {height: 100%; }
.list_archive .item_ttl_link a:hover{color: var(--mcolor);}
.list_archive .item_img a:hover{opacity: 0.8}
.btn-back:hover,
.btn-form:hover{background: var(--scolor);}
.ft_link a:hover{color: var(--mcolor);}
.link{text-decoration: underline;}

}

@media screen and (min-width: 1101px) and (max-width: 1800px){
  .wrapper_container{padding-top: 50px}
  #logo{width: 120px}
  .logo_box{margin-bottom: 40px}
  .nav_list>li{margin-bottom: 15px}
  .common_l_top{top: 20px}
  .common_l_bot{font-size: 36px;bottom: 20px}
  .common_r_bot{bottom: 20px}
}
/* screen-min:1100px latop - mobile*/
@media screen and (max-width: 1100px) {
img{max-width:100%; height: auto;}
.swap img{width:auto;}
#wrapper,
main,
footer,
.inner{width:100%!important;min-width:unset!important}
.pc{display:none!important}

/* NAV */
nav{position:fixed;top:100%;left:0;width:100%;height:calc(100vh - 60px);overflow:auto;z-index:100;visibility: hidden;transition: .4s;opacity: 0;}
nav.is_active{opacity: 1;top: 175px;visibility: visible;}
nav .container{padding: 0;}
.nav_list{flex-direction:column;width: 414px;max-width: 100%;margin: 0 auto;background: var(--mcolor);padding: 30px 15px;height: 100%;justify-content: flex-start;}

.hamburger{font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101}
.hamburger_box{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;mix-blend-mode: difference;}
.hamburger_container{width: 414px;max-width: 100%;margin: 0 auto;display: flex;justify-content: flex-end;padding: 0 15px}
.common_l_top{z-index: 5}

/*=====================================================
                      C U S T O M
======================================================*/

/*============ HEADER ============*/
.h_box{height:60px}
.h_inner{padding: 0 10px;}
.h_left{width: 200px}
header.show .h_inner{display: flex;}
.logo_box,
.common_l_bot,
.common_r_bot{display: none;}
.wrapper_container{padding-top: 0px}

.fixed_bottom{transform: translateY(0);}

}

/* screen-max:768px */
@media screen and (max-width: 767px) {
  .wrapper_bg{padding: 0;border-radius: 0}
  header{left: 0;width: 100%;top: 0}
  .fixed_bottom .container{width: 100%;}
  .s02_ttl_en_txt{font-size: 79px}
  .sec04{background-image: url(../images/s04_bg.jpg);margin-bottom: 25px}
  .sec04::before{content: '';position: absolute;z-index: -1;left: 20px;top: 0;width: calc(100% - 40px);height: 20px;background: url(../images/s04_bg_bor_top.png) top left /cover repeat-x;opacity: .6}
  .sec04::after{content: '';position: absolute;z-index: -1;left: 20px;bottom: 0;width: calc(100% - 40px);height: 20px;background: url(../images/s04_bg_bor_bottom.png) top left /cover repeat-x;opacity: .6}
  .sec04 .ic_t,
  .sec04 .ic_b,
  .sec04 .border_sp{display: block;margin: 0;padding: 0;opacity: .6}
  .sec04 .border_sp::before{content: '';position: absolute;z-index: -1;left: 0;top: 20px;width: 20px;height: calc(100% - 40px);background: url(../images/s04_bg_bor_left.png) top left /cover repeat-y;}
  .sec04 .border_sp::after{content: '';position: absolute;z-index: -1;right: 0;top: 20px;width: 20px;height: calc(100% - 40px);background: url(../images/s04_bg_bor_right.png) top left /cover repeat-y;}
  .sec04 .ic_t::before,
  .sec04 .ic_t::after{content: '';position: absolute;width: 20px;height: 20px;top: 0}

  .sec04 .ic_b::before,
  .sec04 .ic_b::after{content: '';position: absolute;width: 20px;height: 20px;bottom: 0}
  .sec04 .ic_t::before{left: 0;background: url(../images/s04_bg_tl.png) center /cover no-repeat;}
  .sec04 .ic_t::after{right: 0;background: url(../images/s04_bg_tr.png) center /cover no-repeat;}
  .sec04 .ic_b::before{left: 0;background: url(../images/s04_bg_bl.png) center /cover no-repeat;}
  .sec04 .ic_b::after{right: 0;background: url(../images/s04_bg_br.png) center /cover no-repeat;}
	.s05_btn_accor{padding-top:6px;padding-bottom: 7px;font-weight: bold}
}

/* screen-max:460px */
@media screen and (max-width: 479px) {
  .container{padding-left: 15px;padding-right: 15px}
  .fixed_btn_bottom .fixed_btn{font-size: 13px}
  .fixed_btn_bottom .fixed_btn a{margin-left: -12px;padding-right: 11px}
  .fixed_btn_bottom .fixed_btn01 .sm{font-size: 2vw}
  .fixed_list_post_box::before{top: 1px;left: 5px;width: calc(100% + 3px)}
  .fixed_btn_bottom .fixed_btn::before{left: -8px}
  .fixed_btn_bottom .fixed_btn02::before{width: calc(100% + 4px);left: -9px}
  .ft_address{padding-bottom: 76px}
  .s02_ttl_en_txt{font-size: 18vw}
}

@media screen and (max-width: 375px) {
  .sp375{display: block;}
  .s02_content{padding-top: 100px}
}
/* screen-max: 360px */
@media screen and (max-width: 360px) {
  .sp360{display: block;}
  .about_info{gap: 10px}
}

@media screen and (max-width: 320px) {
html,
  body {
    min-width: 320px;
    overflow-x: hidden;
  }
  .s-ttl .en{font-size: 25px}
  .mv_logo img{width: 112px}
  .mv_txt_box{padding-bottom: 260px}
  .s02_content{padding-top: 90px}
}