@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
  font-size: 160%;
  -webkit-text-size-adjust: none;
  font-weight: 400;
}
/* html:focus-within {scroll-behavior: smooth;} */
*,::before,::after{box-sizing:border-box;outline: none;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
select { visibility: visible !important; }
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff}
body{-webkit-text-size-adjust:none;min-width:320px;color:var(--txt);font-family: var(--f-main)}
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.4;}
p,dd,dt,li,th,td,address{line-height: 2em;letter-spacing: 0;}
p{margin: 0 0 30px;}
p:last-child{margin-bottom: 0}

.bold{font-weight: bold;}
.left{text-align:left}
.right{text-align: right;}
.auto{margin-left: auto; margin-right: auto;}
.red{color: var(--red);}
.txt_line{text-decoration: underline;}
.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.m0a{display: block;margin-left: auto;margin-right: auto;}

:root {
  --txt: #010100;
  --mcolor: #d72526;
  --scolor: #999999;
  --container: 1430px;
  --f-en : "Arial", "Helvetica Neue", Helvetica, sans-serif;
  --f-main: "Noto Sans JP", sans-serif;
}

#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto}
.inner{width: var(--container);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}
main{padding: 237px 0 0 0;}
/*==========================================================
                       H E A D E R
==========================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 8px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width:35px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:35px;height: 4px;transition:all ease 0.15s;background-color:#000;border-radius: 10px;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before{transition:transform cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is_active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}
.hamburger--3dxy.is_active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}

header{position: relative; z-index:9;}
.h_box{width:100%;position: fixed;background-color: #fff;transition: .3s ease-in-out;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;position: relative;z-index: 1;}
.h_inner::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 76px;background: var(--mcolor);z-index: -1;transition: .3s ease-in-out;}
.h_inner::after{content: '';position: absolute;top: 60px;left: 0;width: 100%;height: 16px;background: #bcbdbf;transition: .3s ease-in-out;}
.h_logo{width: 192px;height: 237px;display: flex;justify-content: center;align-items: center;padding: 0 0 85px 5px;background: #fff;transition: .3s ease-in-out;}
.h_left{display: flex;transition: .3s ease-in-out;}
.h_menu_item_row li{font-size: 24px;font-weight: 700;font-family: var(--f-en);line-height: 1.5;position: relative;}
.h_menu_item_row li a{font-size: 24px;font-weight: 700;font-family: var(--f-en);line-height: 1.5;}
.h_menu_item_row li.active > a,.h_menu_item_row li.active .hook{color: var(--mcolor);}
.h_flex{display: flex;position: relative;z-index: 2;width: 100%;justify-content: space-between;transition: .3s ease-in-out;}
.h_flex::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0px 10px 20px rgba(0,0,0,.25);pointer-events: none;transition: .3s ease-in-out;}
.h_menu_item_row ul {display: flex;}
.h_menu_item_row ul li:not(:last-child){margin: 0 88px 0 0;}
.h_menu_item_row .sub ul{display: block;}
.h_menu_item_row .sub ul li{margin: 0;}
.h_menu{padding: 102px 0 0 0;transition: .3s ease-in-out;}
.h_menu_item_row:not(:last-child){margin: 0 0 20px 0;}
.h_right_text{display: flex;}
.h_right_text .txt{color: #fff;font-family: var(--f-en);font-weight: 700;font-size: 18px;margin: 0 0 0 0;position: relative;line-height: 1.5;letter-spacing: 0;}
.h_right_text .txt:not(:last-child){margin: 0 0px 0 0;}
.h_right_text .txt:not(:last-child)::after{content: '';background: url(../images/header_ic_next.png) no-repeat center/17px 14px;display: inline-block;width: 17px;height: 14px;margin: 0 1px 0 3px;position: relative;top: 0px;}
.h_right{padding: 17px 40px 0 0;transition: .3s ease-in-out;}
.language_ttl p{font-size: 24px;font-family: var(--f-en);font-weight: 700;}
.language_ttl p .color{color: var(--mcolor);font-size: 19px;display: inline-block;margin: 0px 0px 0 0;transform: translate(0, -1px);}
.h_right_language{padding: 52px 0 0 0;width: 165px;transition: .3s ease-in-out;}
.language_country ul{display: flex;justify-content: flex-end;}
.language_country ul li:not(:last-child){margin: 0 15px 0 0;}
.language_country{margin: 12px 7px 0 0;}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/


/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
/* DEFAUTL NAME BUTTON */


section{padding: 40px 0;}

/*============= SEC01 ==============*/
.sec01{padding: 145px 0 97px 0;}
.s1_news{width: 100%;height: auto;border-radius: 30px;box-shadow: 0px 15px 23px rgba(0,0,0,.25);padding: 36px 83px 45px 83px;}
.s1_ttl_en h3{font-size: 50px;font-family: var(--f-en);color: var(--mcolor);font-weight: 700;text-transform: uppercase;}
.s1_ttl_en{margin: 0 57px 0 0;}
.s1_head{display: flex;padding: 0 5px;}
.s1_ttl_ja .txt_bold{font-size: 25px;font-weight: 600;margin: 7px 0 5px 0;line-height: 1.5;}
.s1_ttl_ja .txt_regular{font-size: 23px;margin: 0;line-height: 1.5;}
.s1_col_img{display: flex;}
.s1_body{margin: 35px 0 0 0;}
.s1_foot_flex{display: flex;padding: 0 1px;}
.s1_foot_en{width: 155px;height: 33px;background: var(--mcolor);border-radius: 999px;display: flex;justify-content: center;align-items: center;padding: 0px 0 2px 0;}
.s1_foot_en p{color: #fff;font-size: 20px;font-weight: 600;line-height: 1.5;}
.s1_foot_content dl{display: flex;}
.s1_foot_content dl:not(:last-child){margin: 0 0 10px 0;}
.s1_foot_content dt{font-size: 23px;font-weight: 600;line-height: 1.5;margin: 0 45px 0 0;}
.s1_foot_content dd{font-size: 23px;font-weight: 600;line-height: 1.5;}
.s1_foot{margin: 37px 0 0 0;}
.s1_foot_head{margin: 0 58px 0 0;}
.s1_foot_content{margin: -3px 0 0 0;}
/*============= SEC02 ==============*/
.sec02{padding: 100px 0;}
.s2_bg{background: url(../images/s2_bg.jpg) no-repeat center/cover;width: 100%;height: 501px;}
.s2_flex{display: flex;}
.s2_ttl_en h3{font-size: 50px;font-family: var(--f-en);color: var(--mcolor);font-weight: 700;text-transform: uppercase;}
.s2_ttl_en_small{width: 216px;height: 40px;background: var(--mcolor);display: flex;justify-content: center;align-items: center;margin: 0 0 0 2px;}
.s2_ttl_en_small p{line-height: 1.5;font-size: 24px;font-weight: 700;color: #fff;font-weight: 700;}
.s2_content dl{display: flex;}
.s2_content dl:not(:last-child){margin: 0 0 26px 0;}
.s2_content dt{font-size: 31px;font-weight: 500;line-height: 1.5;letter-spacing: 0.23em;margin: 0 50px 0 0;}
.s2_content dd{font-size: 31px;font-weight: 500;line-height: 1.5;}
.s2_padding{padding: 95px 0 0 82px;}
.s2_content{margin: 11px 0 0 160px;}
/*============= SEC03 ==============*/
.sec03{padding: 100px 0;}
.s3_ttl{position: relative;margin: 0 0 70px 0;}
.s3_ttl::before{content: '';position: absolute;top: 38px;left: 490px;width: calc((100% - 490px));height: 2px;background: var(--mcolor);}
.s3_ttl h3{font-size: 44px;font-weight: 600;color: var(--mcolor);}
.s3_ttl h3 .color{color: var(--txt);display: inline-block;margin: 0 7px;}
.s3_padding{padding: 0 80px;}
.s3_content_ttl{display: flex;}
.s3_content_ttl .number p{font-size: 76px;font-weight: 700;font-style: italic;color: var(--mcolor);font-family: var(--f-en);line-height: 1;}
.s3_content_ttl .ttl p{font-size: 38px;font-weight: 600;line-height: 1.5;}
.s3_content_ttl .ttl{margin: 26px 0 0 23px;}
.s3_content_des p{font-size: 29px;line-height: 1.5;position: relative;padding: 0 0 0 90px;}
.s3_content_des{margin: 0px 0 0 70px;}
.s3_content_des p::before{content: '';position: absolute;top: 9px;left: 0;width: 62px;height: 30px;background: url(../images/s3_content_des.png) no-repeat center/100%;}
.s3_content_row:not(:last-child){margin: 0 0 50px 0;}
/*============= SEC04 ==============*/
.sec04{padding: 55px 0 117px 0;}

/*============= SEC05 ==============*/

/*============= SEC06 ==============*/

/*============= SEC07 ==============*/

/*============= SEC08 ==============*/

/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;}
.ft_main{background: var(--mcolor);padding: 87px 0 91px 0;}
.ft_flex{display: flex;justify-content: space-between;}
.ft_menu ul{display: flex;}
.ft_menu ul li{line-height: 1.5;font-size: 20px;color: #fff;font-family: var(--f-en);}
.ft_menu ul li:not(:last-child){margin: 0 77px 0 0;}
.ft_menu ul li a{line-height: 1.5;font-size: 20px;color: #fff;font-weight: 700;font-family: var(--f-en);position: relative;}
.ft_menu ul li a::before{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background: #fff;transition: .3s ease-in-out;}
.ft_logo{display: flex;margin: -35px 0 0 0;/* align-items: center; */}
.ft_logo_txt .logo_txt p{font-size: 41px;font-family: var(--f-en);color: #fff;font-weight: 700;line-height: 1.5;}
.ft_logo_txt .logo_txt{margin: 0 0 20px 0;}
.ft_logo_txt{text-align: right;margin: 14px 0 0 0;}
.ft_logo_txt .address p{line-height: 1.5;color: #fff;font-size: 16px;font-family: var(--f-en);}
footer .inner{width: 100%;max-width: 100%;padding: 0 280px 0 185px;}
.ft_logo_img{margin: 0 0 0 59px;}

address{background-color: #fff;padding: 15px;color:var(--mcolor);text-align:center;font-family: var(--f-en);color: var(--mcolor);line-height: 1.5;}

/* BACK TO TOP */
.to_top{position:fixed;z-index:7;width:70px;height:70px;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden;width: 70px;height: 70px;background: var(--mcolor);border: 1px solid #fff;}
.to_top::after{content: '';position: absolute;top: calc((100% - 12px)/2);left: calc((100% - 26px)/2);background: url(../images/btn_top.png) no-repeat center/100%;width: 26px;height: 12px;}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}

.btn a{display: flex;justify-content: center;align-items: center;width: 433px;height: 75px;border-radius: 20px;background: var(--mcolor);color: #fff;font-size: 29px;font-weight: 700;font-family: var(--f-en);}
.btn a span{position: relative;padding: 0 40px 0 15px;letter-spacing: 0.05em;}
.btn a span::before{content: '';position: absolute;top: calc((100% - 28px)/2);right: 0;width: 29px;height: 28px;background: url(../images/s5_btn.png) no-repeat center/100%;}
.btn.center{display: flex;justify-content: center;}

.area_click_box{position: absolute;width: 100%;height: 100%;}
.click_area{width: 200px;height: 100px;position: absolute;top: 0;left: 0;}
/* .click_area::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.3);transition: .3s ease-in-out;opacity: 0;visibility: hidden;border-radius: 999px;} */
.click_area.korea{top: 14%;left: 53%;}
.click_area.japan{top: 28%;left: 63%;}
.click_area.thailand{top: 60%;left: 15.5%;}
.s4_bg{position: relative;}

@media screen and (min-width: 751px) {
  .click_area:hover::before{opacity: 1;visibility: visible;}
}

@media screen and (max-width: 1600px) {
  .click_area{width: 130px;height: 100px;}
}

@media screen and (max-width: 750px) {
  .click_area{width: 100px;height: 40px;}
  .click_area.click_area.korea{top: 10%;left: 62%;}
  .click_area.japan{top: 19%;left: 75%;}
  .click_area.thailand{top: 40%;left: 5.5%;}
  .s4_bg{width: 100%;max-width: 600px;margin: 0 auto;}
}

@media screen and (max-width: 600px) {
  .click_area{width: 70px;height: 30px;}
  .click_area.japan{top: 19%;left: 75%;}
  .click_area.japan{top: 19%;left: 75%;}
  .click_area.thailand{top: 40%;left: 5.5%;}
}