@charset "UTF-8";
/*▽▽▽▽▽▽---------- max-width: 1280px ----------▽▽▽▽▽▽*/
@media only screen and (max-width: 1280px) {
  /*--------------------- .header ---------------------*/
  .hbox_inr {
    padding: 10px 15px;
  }
  .gnav {
    padding-left: 30px;
  }
  .dropdwn_menu .dropdwn_menu_inr {
    padding: 10px 20px;
  }
  .dropdwn_menu .dropdwn_menu_inr .menu li {
    margin-right: 20px;
  }
  .dropdwn_menu .dropdwn_menu_inr .menu li a {
    font-size: 12px;
  }
  
  /*--------------------- .main_contents ---------------------*/
  .section {
    padding: 80px 15px;
  }
  
  
  /*--------------------- .inr ---------------------*/
  .inr_w {
    width: 100%;
  }
}


/*▽▽▽▽▽▽---------- max-width: 1080px ----------▽▽▽▽▽▽*/
@media only screen and (max-width: 1080px) {
  /*--------------------- .inr ---------------------*/
  .inr {
    width: 100%;
  }
  
  
  /*--------------------- .footer ---------------------*/
  .footer_inr {
    padding: 50px 15px 30px;
    width: 100%;
  }
  
  
  /*--------------------- .footer_gnav ---------------------*/
  .footer_gnav {
    margin: 0;
  }
  .footer_gnav .clm3 {
    padding: 0 10px;
  }
  
  
  /*--------------------- #page_top ---------------------*/
  #page_top a {
    height: 100px;
    width: 100px;
  }
}


/*▽▽▽▽▽▽---------- max-width: 960px ----------▽▽▽▽▽▽*/
@media only screen and (max-width: 960px) {
  /*--------------------- .header ---------------------*/
  .header {
    padding-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
  }
  .hbox {
    padding: 8px 70px 8px 20px;
  }
  .header_logo a {
    width: 200px;
  }
  
  /*--------------------- .gnav ---------------------*/
  .gnav, .gnav li, .link_btn {
    display: none;
  }
  
  /*--------------------- .hamburger ---------------------*/
  .scroll-prevent {
    overflow: hidden;
  }
  
  .menu_trigger {
    display: inline-block;
    cursor: pointer;
    height: 25px;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 23px;
    vertical-align: middle;
    z-index: 111;
  }
  .menu_trigger::before {
    background-color: #f4810b;
    content: "";
    display: block;
    height: 66px;
    position: fixed;
    top: 0;
    right: 0;
    transition: background 0.5s ease;
    width: 64px;
  }
  .menu_trigger.active::before {
    background-color: #fff;
  }
  .menu_trigger span {
    background-color: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    height: 1px;
    transition: transform 0.5s;
    width: 100%;
  }
  .menu_trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu_trigger.active span:nth-of-type(1) {
    background-color: #4d4d4d;
    transform: translateY(12px) rotate(-45deg);
  }
  .menu_trigger span:nth-of-type(2) {
    top: 12px;
  }
  .menu_trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu_trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu_trigger.active span:nth-of-type(3) {
    background-color: #000;
    transform: translateY(-12px) rotate(45deg);
  }

  /*--------------------- .ham_menu ---------------------*/
  .ham_menu {
    background-color: #fff;
    display: block;
    height: 100%;
    overflow: scroll;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    width: 320px;
/*
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    visibility: hidden;
*/
    z-index: 110;
  }
  .ham_menu.open {
    right: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
/*
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    visibility: visible;
*/
  }
  .ham_menu_inr {
    padding: 70px 15px;
  }
  .ham_menu_list li {
    border-bottom: 1px solid #e0e0e0;
  }
  .ham_menu_list li:first-child {
    border-top: 1px solid #e0e0e0;
  }
  .ham_menu_list li a {
    display: block;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: 15px 10px;
    position: relative;
    transition: background 0.3s ease-in;
  }
  .ham_menu_list li a .en {
    font-size: 12px;
    margin-left: 10px;
  }
  .ham_menu_list li a:hover {
    background-color: #ffecd9;
  }
  .ham_menu_list .next a::before {
    content: "\f061";
    color: #f4810b;
    font-family: FontAwesome;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    right: 7px;
  }

  /*--------------------- .overlay ---------------------*/
  .overlay {
    background-color: rgba(0, 0, 0, 0.8);
    content: "";
    display: block;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity .5s;
    width: 0;
    z-index: 51;
  }
  .overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1;
  }


  /*--------------------- .f_acr ---------------------*/
  .accordion .ac_list {
    position: relative;
  }
  .accordion .ac_inr {
    display: none;
  }
  .accordion .ac_box {
    cursor: pointer;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: 15px 10px;
  }
  .accordion .ac_box .en {
    font-size: 12px;
    margin-left: 10px;
  }
  .accordion .ac_inr .ac_content {
    border: none;
  }
  .c_l_list {
    border-top: 1px solid #e0e0e0;
    display: block;
  }
  .c_l_list a {
    background-color: #ffecd9;
    font-size: 14px;
    padding: 15px 20px !important;
    position: relative;
  }
  .c_l_list a::before {
    content: "\f061";
    color: #f4810b;
    font-family: FontAwesome;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 10px;
  }

  /*--------------------- .ac_icon ---------------------*/
  .ac_icon, .ac_icon span {
    display: inline-block;
    transition: all 0.4s;
  }
  .ac_icon {
    height: 15px;
    position: absolute;
    top: 16px;
    right: 7px;
    width: 15px;
  }
  .ac_icon span {
    background-color: #f4810b;
    height: 3px;
    position: absolute;
    right: 0;
    width: 100%;
  }
  .ac_icon span:nth-of-type(1) {
    top: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  .ac_icon span:nth-of-type(2) {
    top: 10px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  .ac_icon.active span:nth-of-type(1) {
    display: none;
  }
  .ac_icon.active span:nth-of-type(2) {
    top: 10px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  
  
  /*--------------------- .sp_link_btn ---------------------*/
  .sp_link_btn {
    margin-top: 20px;
  }
  .sp_link_btn a {
    background-color: #f4810b;
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
  }
  
  
  /*--------------------- .wrap ---------------------*/
  .wrap {
    padding-top: 66px;
  }
  
  
  /*--------------------- .inr ---------------------*/
  .inr_s {
    width: 100%;
  }
  
  
  /*--------------------- .breadcrumbs ---------------------*/
  .breadcrumbs {
    top: 380px;
    left: 15px;
  }
}


/*▽▽▽▽▽▽---------- SP ----------▽▽▽▽▽▽*/
@media only screen and (max-width: 768px) {
  /*--------------------- .breadcrumbs ---------------------*/
  .breadcrumbs ul li, .breadcrumbs ul li::before {
    font-size: 12px;
  }
  .breadcrumbs ul li:first-child::before {
    display: none;
  }
  
  
  /*--------------------- .footer_box ---------------------*/
  .footer_box {
    border-bottom: none;
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  
  /*--------------------- .info_box ---------------------*/
  .info_box {
    display: block;
    width: 100%;
  }
  .info_box .info_txt {
    margin: 20px 0 0 0;
  }
  
  
  /*--------------------- ..contact_link_list ---------------------*/
  .contact_link_list {
    justify-content: flex-start;
    margin-top: 20px;
    width: 100%;
  }
  .contact_link_list li {
    height: 50px;
    margin: 0 20px 0 0;
    width: 50px;
  }
  
  
  /*--------------------- .footer_gnav ---------------------*/
  .footer_gnav {
    display: none;
  }
  
  
  /*--------------------- .f_menu ---------------------*/
  .f_menu_list {
    padding: 0 15px 120px;
  }
  .f_menu_list li {
    border-bottom: 1px solid #e0e0e0;
  }
  .f_menu_list li:first-child {
    border-top: 1px solid #e0e0e0;
  }
  .f_menu_list li a {
    display: block;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: 15px 10px;
  }
  .f_menu_list li .en {
    font-size: 12px;
    margin-left: 10px;
  }
  .f_menu_list li.next a {
    position: relative;
  }
  .f_menu_list li.next a::before {
    content: "\f061";
    color: #f4810b;
    font-family: FontAwesome;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 7px;
  }
  
  .copy_txt {
    font-size: 12px;
    text-align: left;
  }
  
  
  /*--------------------- #page_top ---------------------*/
  #page_top {
    right: 15px;
    bottom: 58px;
  }
}

@media only screen and (max-width: 600px) {
  /*--------------------- .breadcrumbs ---------------------*/
  .breadcrumbs {
    top: 325px;
  }
  
  
  /*--------------------- .header ---------------------*/
  .hbox {
    padding-right: 0;
  }
}