@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*                                                                          */
/*    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: #343434;
  --mcolor: #E86F80;
  --scolor: #999999;
  --container: 1470px;
  --f-number: "Alumni Sans SC", sans-serif;
  --f-poppins: "Poppins", sans-serif;
  --f-main : "Noto Sans JP", sans-serif;
  --f-vi: "Roboto", 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;}

/*==========================================================
                       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:2px;transition:all ease 0.15s;background-color:#000}
.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;}
h1{font-size:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 500px;}
.h_box{width:100%;position: fixed;background-color: #ffff;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;}
.header_top{display: flex;background: #E2E2E2;align-items: center;}
.h_social ul{display: flex;}
.h_social ul li{width: 30px;height: 30px;border-radius: 50%;background: #fff;}
.h_social ul li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.h_social ul li img{transition: .3s ease-in-out;}
.h_social ul li:not(:last-child){margin: 0 10px 0 0;}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;padding-top: 150px;}
.mv{position: relative;padding: 0;}
.mv_bg{position:relative;overflow:hidden;opacity:0;transition:all .3s;}
.mv_bg.init{opacity:1}
.mv_slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.mv_bg,.mv_slider_ite{width:100%;height:680px}
.mv_slider_ite .bg{position:absolute;width:100%;height:100%;z-index:0;top:0;left:0;background-size:cover;background-position:center}
.mv_slider_ite.zoomed .bg{animation-name:zoomImg;animation-duration:6s;animation-timing-function:linear;animation-fill-mode:forwards}

.mv_txt{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto}
.mv_txt h2{font-size:40px;font-weight:bold;text-align:center}

@keyframes zoomImg { 0%{transform:scale(1.2)} 100%{transform:scale(1.0)}}

/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.sec_ttl{}
.sec_ttl h3{display: flex;flex-direction: column;}
.sec_ttl h3 .ttl01{display: inline-block;font-size: 40px;letter-spacing: 0.05em;}
.sec_ttl h3 .ttl02{display: inline-block;font-size: 20px;color: var(--mcolor);font-family: var(--f-poppins);text-transform: uppercase;font-weight: 500;letter-spacing: 0.1em;}
/* DEFAUTL NAME BUTTON */
.under main .btn_contact_custom input,
.btn a{display: flex;align-items: center;width: 280px;height: 70px;border-radius: 999px;background: url(../images/btn_ic.svg) no-repeat right 23px center/ 22px 16px #fff;border: 1px solid var(--mcolor);font-size: 18px;font-weight: 500;padding: 10px 40px;letter-spacing: 0.05em;}
.btn.center a{margin-left: auto; margin-right: auto;}

.btn_box:not(:last-child){margin-bottom: 30px;}
.btn_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.btn_box .btn{margin: 10px;}

section{padding: 40px 0;}
.header_bot{display: flex;justify-content: space-between;align-items: center;}
.h_top_btn{width: 803px;height: 60px;min-width: 803px;}
.h_top_btn p{width: 100%;height: 100%;}
.h_top_btn a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: var(--mcolor);position: relative;}
.h_top_btn:nth-child(1) a::after{filter: brightness(0) invert(1);}
.h_top_btn a::after{content: '';position: absolute;top: calc((100% - 12px)/2);right: 17px;width: 8px;height: 12px;background: url(../images/h_top_btn_ic.svg) no-repeat center/100%;}
.h_top_btn:nth-child(2) a{background: #F0F1F3;}
.h_top_btn:nth-child(2) a span{color: #868686;}
.h_top_btn a span{font-size: 18px;color: #fff;font-weight: 500;letter-spacing: 0.1em;}
.h_top_plg{display: flex;margin: 0 0 0 41px;}
.h_language ul{display: flex;margin: -9px 0 0 0;}
.h_language li a{font-size: 14px;line-height: 1.5;font-weight: 500;display: inline-block;position: relative;padding: 0 0 7px 0;}
.h_language li a::before{content: '';position: absolute;bottom: 0;left: 0;width: 18px;height: 2px;background: var(--mcolor);opacity: 0;visibility: hidden;}
.h_language li.current a::before{opacity: 1;visibility: visible;}
.h_language li{position: relative;}
.h_language li::after{content: '';position: relative;top: 3px;right: 0;width: 1px;height: 14px;background: #343434;transform: rotate(20deg);margin: 0 5px 0 5px;display: inline-block;}
.h_language li:last-child::after{display: none;}
.h_language li.current a{color: var(--mcolor);}
.h_social{margin: 0px 0 0 37px;}
.h_logo{padding: 3px 0 0 40px;}
.h_bot_content{display: flex;padding: 20px 40px 20px 0;align-items: center;}
.h_contact a{display: flex;justify-content: center;align-items: center;width: 166px;height: 50px;background: url(../images/btn_ic.svg) no-repeat right 20px center/22px var(--mcolor);border-radius: 999px;color: #fff;font-size: 14px;border: 1px solid var(--mcolor);}
.h_contact{margin: 0 0 0 55px;}
/*============= SEC01 ==============*/
.sec01{padding: 0 0 80px 0;background: #fafafa;position: relative;overflow: hidden;}
.s1_bg{position: relative;}
.s1_bg::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #FFF;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);opacity: 30%;}
.s1_bg::after{content: '';position: absolute;top: -21px;right: -16px;width: 694px;height: 585px;background: url(../images/s01_img02.png) no-repeat center/100%;z-index: 1;pointer-events: none;}
.s1_flex{display: flex;}
.s1_content .ttl .big_ttl{font-size: 70px;font-family: var(--f-poppins);font-weight: 600;color: var(--mcolor);letter-spacing: 0;}
.s1_content .ttl .big_ttl .color{color: #3F63AF;}
.s1_img{flex-shrink: 0;position: relative;z-index: 2;}
.s1_img{width: 1294px;height: 710px;border-radius: 0 40px 40px 0;position: relative;box-shadow: 10px 10px 50px rgba(0,0,0,.06);margin: 10px 0 0 0;}
.s1_img img{border-radius: 0 40px 40px 0;}
.s1_img::after{content: '';position: absolute;top: 0;right: 0;width: 562px;height: 100%;background: #FFF;background: linear-gradient(270deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.01) 100%);border-radius: 0 38px 40px 0;}
.s1_content{position: absolute;top: 190px;right: 105px;z-index: 3;}
.s1_content .des p{font-size: 28px;font-weight: 500;letter-spacing: 0.1em;}
.vi .s1_content .des p{letter-spacing: 0;line-height: 1.5;}
.s1_content .des{padding: 5px 0 0 119px;}
.sec01 .btn_all{margin: 31px 0 0 118px;}
.sec01 .btn_all p:not(:last-child){margin: 0 0 24px 0;}
.s1_slide_txt p{font-family: var(--f-poppins);color: #fff;font-weight: 300;text-transform: uppercase;line-height: 1;font-size: 140px;letter-spacing: 0.2em;opacity: .5;animation: slideText 10s linear infinite;white-space: nowrap;}
.s1_slide_txt{position: absolute;bottom: -45px;left: 0;width: 100%;z-index: 3;pointer-events: none;}
@keyframes slideText {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-80%);
  }
}
.s1_scroll{position: absolute;bottom: 188px;right: 33px;}
.s1_scroll a{font-size: 14px;font-family: var(--f-poppins);color: #eb9ba6;font-weight: 400;text-transform: uppercase;letter-spacing: 0.2em;transform: rotate(90deg);position: relative;display: block;}
.s1_scroll::before{content: '';position: absolute;top: calc((100% + 30px));right: 33px;width: 1px;height: 160px;background: #eaeaea;pointer-events: none;}
.s1_scroll::after{content: '';position: absolute;top: calc((100% + 30px));right: 33px;width: 1px;height: 50px;background: var(--mcolor);animation: scrollText 2s linear infinite;pointer-events: none;}
@keyframes scrollText {
  0%{transform: translateY(-10%);}
  100%{transform: translateY(800%);}
}
.sec01 .btn_all .btn a{width: auto;height: auto;display: inline-block;min-width: 300px;padding: 10px 20px;}
/*============= SEC02 ==============*/
.sec02{padding: 90px 0 120px 0;position: relative;}
.sec02::after{content: '';position: absolute;bottom: 30px;right: 70px;width: 91px;height: 91px;background: url(../images/s2_before.png) no-repeat center/100%;}
.s2_ct01_head{display: flex;justify-content: space-between;padding: 0 79px 0 80px;}
.s2_content01{position: relative;padding: 41px 0 0 0;}
.s2_content01::before{content: '';position: absolute;top: 23px;left: 90px;width: 91px;height: 91px;background: url(../images/s2_before.png) no-repeat center/100%;}
.s2_content01 .sec_ttl .ttl02{color: #fff;background: var(--mcolor);border-radius: 5px;padding: 4px 0px 4px 8px;margin: 13px 0 0 0;font-family: var(--f-main);letter-spacing: 0.1em;font-size: 18px;}
.vi .s2_content01 .sec_ttl .ttl02{letter-spacing: 0;}
.s2_ct01_head .sec_ttl{position: relative;}
.s2_ct01_head .sec_ttl::before{content: 'Job opening';position: absolute;top: -80px;left: -78px;text-transform: uppercase;font-size: 120px;font-family: var(--f-poppins);font-weight: 300;color: #f6f6f6;white-space: nowrap;letter-spacing: 0.05em;z-index: -1;}
.s2_ct02_btn{margin: 19px 0 0 0;}
.job_section{border: 2px solid #e3e3e3;border-top: 0;border-right: 0;}
.s2_ct01_body{margin: 46px 0 0 0;}
.job_number_date{display: flex;justify-content: space-between;align-items: center;padding: 0 0 0 40px;}
.job_number p{font-size: 80px;font-weight: 500;font-family: var(--f-number);line-height: 1;position: relative;color: #77AAA3;padding: 9px 0 0 0;transition: .3s ease-in-out;}
.job_number p::before{content: '';position: absolute;top: 0;left: 0;width: 54px;height: 4px;background: #77AAA3;transition: .3s ease-in-out;}
.job_date p{display: inline-flex;width: 132px;height: 34px;border-radius: 999px;background: #F0F1F3;justify-content: center;align-items: center;font-size: 14px;font-weight: 300;color: #7c7c7c;letter-spacing: 0.05em;font-family: var(--f-poppins);transition: .3s ease-in-out;}
.job_date{margin: 16px 41px 0 0;}
.job_col{width: calc((100% / 3));padding: 0px 0 24px 0;position: relative;transition: .3s ease-in-out;}
.job_detail dl{display: flex;border-bottom: 1px solid #d9d9d9;padding: 0 0 12px 0;margin: 0 0 10px 0;}
.job_detail dt{font-size: 16px;font-weight: 500;min-width: 100px;letter-spacing: 0.03em;margin: 0 30px 0 0;line-height: 1.9;max-width: 100px;}
.vi .job_detail dt{letter-spacing: 0;line-height: 1.5;font-size: 14px;min-width: 120px;}
.job_detail .normal dt{font-weight: 400;}
.job_detail dd{font-size: 16px;letter-spacing: 0.04em;line-height: 1.8;}
.job_detail{margin: 14px 0 0 0;padding: 0 40px 0 40px;}
.job_detail dl:last-child{border-bottom: 0;margin: 0;}
.job_list{display: flex;flex-wrap: wrap;}
.job_col:nth-child(2) .job_number p{color: #5A7FA0;}
.job_col:nth-child(2) .job_number p::before{background: #5A7FA0;}
.job_col:nth-child(3) .job_number p{color: #C4975B;}
.job_col:nth-child(3) .job_number p::before{background: #C4975B;}
.job_col:nth-child(4) .job_number p{color: #9398A3;}
.job_col:nth-child(4) .job_number p::before{background: #9398A3;}
.job_col:nth-child(5) .job_number p{color: #B96168;}
.job_col:nth-child(5) .job_number p::before{background: #B96168;}
.job_col:nth-child(6) .job_number p{color: #81589F;}
.job_col:nth-child(6) .job_number p::before{background: #81589F;}
.job_col::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: #e3e3e3;}
.job_col::after{content: '';position: absolute;top: 0;right: 0;width: 2px;height: 100%;background: #e3e3e3;}
.job_btn{margin: 59px 0 0 0;}
.s2_ct02_box{width: 100%;height: auto;background: #F0F1F3;padding: 47px 60px 60px 60px;}
.s2_content02{margin: 80px 0 0 0;}
.s2_ct02_head{text-align: center;}
.s2_ct02_head .sec_ttl h3 .ttl01{margin: 0 0 7px 0;}
.s2_ct02_form{width: 100%;height: auto;background: #fff;position: relative;padding: 80px 60px 80px 60px;}
.s2_ct02_form::before{content: '';position: absolute;top: -55px;left: 71px;width: 218px;height: 151px;background: url(../images/s2_img01.png) no-repeat center/100%;}
.s2_ct02_head .sec_ttl{margin: 0 0 35px 0;}
.s2_form_flex{display: flex;height: 100%;width: 100%;align-items: center;padding: 0 0 0 45px;}
.s2_form_search_ttl{margin: 0 33px 0 0;}
.s2_form_search_ttl p{font-size: 20px;letter-spacing: 0.05em;}
.vi .s2_form_search_ttl p{font-size: 18px;letter-spacing: 0;}
.vi .s2_by_list_box .info .txt01 p{letter-spacing: 0;line-height: 1.5;font-size: 18px;}
.vi .s2_form_search_box input,
.vi .s2_form_search_box input::placeholder{font-family: var(--f-vi);}
.s2_form_search{width: 732px;height: 80px;border: 1px solid #d7d7d7;border-radius: 999px;margin: 0 auto 0 auto;}
.s2_form_search_box input{width: 499px;height: 60px;border: 0;background: #F0F1F3;border-radius: 999px;padding: 10px 70px 10px 20px;}
.s2_form_search_text{margin: 0px 0 0 0;position: relative;}
.s2_form_search_button{position: absolute;top: 0;right: 2px;width: 60px;height: 60px;}
.s2_form_search_button button{width: 100%;height: 100%;border-radius: 50%;background: var(--mcolor);border: 0;transition: .3s ease-in-out;cursor: pointer;}
.s2_form_search_button::before{content: '';position: absolute;top: calc((100% - 23px)/2);left: calc((100% - 23px)/2);width: 23px;height: 23px;background: url(../images/s2_button.svg) no-repeat center/100%;pointer-events: none;}
.s2_by_list{display: flex;margin: 0 0 40px 0;justify-content: space-between;}
.s2_by_list_col{width: 275px;height: 80px;background: #F0F1F3;border-radius: 5px;display: flex;align-items: center;padding: 0 0 0 17px;position: relative;z-index: 1;transition: .3s ease-in-out;cursor: pointer;}
.s2_by_list_col:nth-child(2).active{background: #81589f;}
.s2_by_list_col:nth-child(2).active::after{background: #81589f;}
.s2_by_list_col:nth-child(3).active{background: #77aaa3;}
.s2_by_list_col:nth-child(3).active::after{background: #77aaa3;}
.s2_by_list_col:nth-child(4).active{background: #5a7fa0;}
.s2_by_list_col:nth-child(4).active::after{background: #5a7fa0;}
.s2_by_list_col::after{content: '';position: absolute;top: calc((100% - 14px));left: calc((100% - 38px)/2);width: 38px;height: 44px;background: var(--mcolor);clip-path: polygon(50% 100%, 0 0, 100% 0);transition: .3s ease-in-out;opacity: 0;visibility: hidden;z-index: -1;transition-delay: .1s;}
.s2_by_list_col:not(:last-child){margin: 0 20px 0 0;}
.s2_form_list{margin: 35px 0 0 0;}
.s2_by_list_col.active{background: var(--mcolor);}
.s2_by_list_box{display: flex;}
.s2_by_list_box .icon{width: 46px;height: 46px;border-radius: 50%;background: #fff;margin: 0 18px 0 0;display: flex;justify-content: center;align-items: center;padding: 0 0 5px 0;}
.s2_by_list_box .info .txt01 p{font-size: 20px;letter-spacing: 0.05em;line-height: 1.2;transition: .3s ease-in-out;}
.s2_by_list_box .info .txt01{margin: 3px 0 6px 0;}
.s2_by_list_box .info .txt02 p{font-family: var(--f-poppins);font-size: 12px;line-height: 1.2;letter-spacing: 0.05em;transition: .3s ease-in-out;}
.s2_by_list_col:nth-child(2) .s2_by_list_box .info .txt02 p{color: #81589F;}
.s2_by_list_col:nth-child(3) .s2_by_list_box .info .txt02 p{color: #77AAA3;}
.s2_by_list_col:nth-child(4) .s2_by_list_box .info .txt02 p{color: #5A7FA0;}
.active .s2_by_list_box .info p{color: #fff;}
.s2_by_list_col:nth-child(2).active .s2_by_list_box .info .txt02 p{color: #fff;}
.s2_by_list_col:nth-child(3).active .s2_by_list_box .info .txt02 p{color: #fff;}
.s2_by_list_col:nth-child(4).active .s2_by_list_box .info .txt02 p{color: #fff;}
.s2_by_content_flex{display: flex;align-items: center;}
.s2_by_list_col.active::after{opacity: 1;visibility: visible;}
.s2_by_content_box{width: 100%;height: 120px;border-radius: 10px;background: var(--mcolor);padding: 30px 20px 30px 30px;max-width: 100%;position: relative;overflow: hidden;z-index: 1;}
.s2_by_content_box::before{content: '';position: absolute;top: -180px;left: -425px;width: 823px;height: 484px;background: rgba(0,0,0,.1);clip-path: ellipse(50% 50% at 50% 50%);z-index: -1;}
.s2_by_content_left{display: flex;align-items: center;margin: 0 40px 0 0;}
.s2_by_content_left .ttl p{font-size: 20px;letter-spacing: 0.05em;color: #fff;line-height: 1.5;white-space: nowrap;}
.input_txt{width: 135px;height: 60px;border: 1px solid #fff;border-radius: 999px;display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,.1);cursor: pointer;}
.input_txt label{font-size: 18px;color: #fff;pointer-events: none;}
.ttl{margin: 0 23px 0 0;}
.input_txt_check{position: relative;padding: 0 0 0 16px;}
.input_txt_check::before{content: '';position: absolute;top: 4px;left: 0;width: 20px;height: 20px;border: 2px solid #fff;border-radius: 5px;}
.input_txt_check::after{content: '';position: absolute;top: 8px;left: 4px;width: 12px;height: 12px;background: url(../images/tick_ic.svg) no-repeat center/100%;opacity: 0;visibility: hidden;}
.input_txt_check input{opacity: 0;visibility: hidden;}
.s2_by_content_box .input_txt_check::after{filter: brightness(0) invert(1);}
.input_txt.active .input_txt_check::after{opacity: 1;visibility: visible;}
#s2_tab01 .s2_by_content_box{background: var(--mcolor);}
#s2_tab02 .s2_by_content_box{background: #81589f;}
#s2_tab03 .s2_by_content_box{background: #77aaa3;}
#s2_tab04 .s2_by_content_box{background: #5a7fa0;}
.s2_by_content:nth-child(2) .s2_by_content_box .s2_right_button_search button{background: #fff url(../images/button_search_purple.svg) no-repeat center/23px;}
.s2_by_content:nth-child(3) .s2_by_content_box .s2_right_button_search button{background: #fff url(../images/button_search_green.svg) no-repeat center/23px;}
.s2_by_content:nth-child(4) .s2_by_content_box .s2_right_button_search button{background: #fff url(../images/button_search_blue.svg) no-repeat center/23px;}
.s2_by_content_right .input_txt_items_list{display: flex;}
.input_txt_item_checkbox label{font-size: 18px;color: #fff;display: inline-flex;}
.vi .input_txt_item_checkbox label{font-size: 16px;}
.input_txt_item_checkbox input{opacity: 0;visibility: hidden;position: absolute;}
.input_txt_item_checkbox{position: relative;padding: 0 0 0 25px;cursor: pointer;}
.input_txt_item_checkbox::before{content: '';position: absolute;top: 0px;left: 0;width: 20px;height: 20px;border: 2px solid #fff;border-radius: 5px;}
.input_txt_item_checkbox::after{content: '';position: absolute;top: 5px;left: 4px;width: 12px;height: 12px;background: url(../images/tick_ic.svg) no-repeat center/100%;opacity: 0;visibility: hidden;}
.input_txt_item_checkbox.active::after{opacity: 1;visibility: visible;}
.s2_by_content_right .input_txt_item_checkbox::after{filter: brightness(0) invert(1);}
.s2_by_content_right{padding: 0 0;display: flex;align-items: center;}
.s2_by_content_right .input_txt_items_list .input_txt_item_checkbox{margin: 0 30px 0 0;}
.s2_by_content_right .input_txt_items_list .input_txt_item_checkbox:last-child{margin: 0;}
.s2_right_button_search button{width: 172px;height: 60px;background: #fff url(../images/button_search.svg) no-repeat center/23px;border-radius: 999px;border: 0;position: relative;transition: .3s ease-in-out;cursor: pointer;}
.s2_right_button_search{margin: 0 0 0 47px;}
/*============= SEC03 ==============*/
.sec03{padding: 0 30px 30px 30px;position: relative;}
.sec03::after{content: '';position: absolute;bottom: -55px;right: 162px;width: 91px;height: 295px;background: url(../images/s3_after.png) no-repeat center/100%;z-index: 1;}
.s3_bg{width: 100%;border-radius: 40px;position: relative;overflow: hidden;padding: 135px 0 160px 0px;z-index: 1;}
/* .s3_bg::before{content: '';position: absolute;bottom: 0%;left: 0;width: 100%;height: 100%;background: #F0F1F3;background: linear-gradient(0deg, rgba(240, 241, 243, 1) 0%, rgba(240, 241, 243, 0) 100%);} */
.s3_bg::before{content: '';position: absolute;bottom: 0%;left: 0;width: 100%;height: 100%;background: url(../images/s3_before02.png) no-repeat center/cover}
/* .s3_bg::after{content: '';position: absolute;bottom: 44%;left: 0;width: 100%;height: 1684px;background: url(../images/s3_before.png) no-repeat center/cover;mix-blend-mode: multiply;z-index: -1;} */
.s3_head .sec_ttl{text-align: center;margin: 0 0 20px 0;position: relative;z-index: 1;}
.s3_head .sec_ttl::before{content: 'Career change';text-transform: uppercase;color: rgba(255,255,255,.5);white-space: nowrap;font-family: var(--f-poppins);font-weight: 400;text-align: center;position: absolute;top: -55px;left: 0;width: 100%;height: auto;font-size: 120px;line-height: 1;letter-spacing: 0.04em;z-index: -1;}
.s3_head .sec_ttl .ttl01{margin: 0 0 5px 0;text-align: center;}
.s3_head .sec_ttl .ttl02{text-align: center;}
.s3_des_all p{font-size: 18px;text-align: center;}
.s3_info_ttl .ja{margin: 0 0 4px 0;font-size: 32px;letter-spacing: 0.05em;line-height: 1.5;}
.s3_info_des p{font-size: 18px;letter-spacing: 0.05em;font-weight: 400;}
.s3_info_ttl .en{margin: 0;font-size: 16px;letter-spacing: 0.1em;font-family: var(--f-poppins);color: var(--mcolor);line-height: 1.5;text-transform: uppercase;}
.s3_info_ttl{margin: 0 0 23px 0;}
.s3_info{width: 630px;height: auto;background: #fff;border-radius: 10px;padding: 65px 80px 80px 80px;position: absolute;bottom: -80px;right: -12px;}
.s3_box{display: flex;position: relative;}
.s3_img{flex-shrink: 0;}
.s3_img{width: 1078px;height: 508px;}
.s3_img p{border-radius: 20px;overflow: hidden;box-shadow: 1px 6px 20px rgba(0,0,0,.3)}
.s3_list{padding: 0 86px;}
.s3_head{margin: 0 0 50px 0;}
.s3_info_btn{margin: 30px 0 0 0;}
.s3_row:not(:last-child){margin: 0 0 140px 0;}
/*============= SEC04 ==============*/
.sec04{padding: 0 0 0 0;position: relative;height: auto;pointer-events: none;}
.sec04::before{content: '';position: absolute;left: 0;width: 100%;height: 100%;background: url(../images/s4_before.png) no-repeat right 20px/cover;opacity: .6;}
.sec04::after{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 264px;background: url(../images/s4_after.png) repeat-x left/100%;}
.s4_bg{position: relative;height: auto;margin: -240px 0 0 0;padding: 365px 0 105px 0;z-index: 1;}
/* .s4_bg::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #FFF;background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);z-index: -1;pointer-events: none;} */
/* .s4_bg::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;} */
.s4_head .sec_ttl{position: relative;z-index: 1;}
.s4_head .sec_ttl::before{content: 'About us';position: absolute;top: -60px;left: -80px;width: 100%;height: auto;line-height: 1;font-size: 120px;font-family: var(--f-poppins);font-weight: 400;color: rgba(240, 241, 243, 1);letter-spacing: 0.04em;text-transform: uppercase;z-index: -1;}
.sec04 .inner{width: 100%;max-width: 1310px;z-index: 5;pointer-events: auto;}
.s4_body{display: flex;}
.s4_left{flex-shrink: 0;margin: 0 65px 0 0;}
.s4_head{margin: 0 0 40px 0;}
.sec04 .sec_ttl h3 .ttl01{margin: 0 0 4px 0;}
.s4_des p{font-size: 18px;letter-spacing: 0.05em;}
.s4_des p .color{color: var(--mcolor);font-weight: 700;display: inline-block;margin: 0 10px 0 0;}
.s4_des p:not(:last-child){margin: 0 0 10px 0;}
.vi .s4_des p{letter-spacing: 0;}
.s4_list{margin: 0 0 10px 0;}
.s4_list li{font-size: 18px;position: relative;padding: 0 0 0 28px;letter-spacing: 0.05em;}
.s4_list li::before{content: '';position: absolute;top: 20px;left: 12px;width: 4px;height: 4px;border-radius: 50%;background: var(--txt);}
.s4_list_logo{display: flex;margin: 50px 0 0 0;}
.s4_logo_col{width: 305px;height: 160px;border: 1px solid #dbdbdb;border-radius: 10px;display: flex;justify-content: center;align-items: center;background: #fff;}
.s4_logo_col p{line-height: 1;}
.s4_logo_col:not(:last-child){margin: 0 20px 0 0;}
/*============= SEC05 ==============*/
.sec05{padding: 0 0;position: relative;}
.s5_bg{padding: 135px 0 80px 0;}
.s5_bg::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 440px;background: url(../images/s5_bg.jpg) no-repeat center/cover}
.s5_head .sec_ttl span{color: #fff;text-align: center;}
.s5_head .sec_ttl .ttl01{margin: 0 0 5px 0;}
.s5_content_list{display: flex;justify-content: center;}
.s5_content_col{width: 412px;height: 570px;background: #fff;border-radius: 10px;border: 1px solid #c7c7c7;transition: .3s ease-in-out;padding: 10px 10px;}
.s5_content_col:not(:last-child){margin: 0 22px 0 0;}
.s5_content{margin: 56px 0 0 0;}
.s5_btn{margin: 60px 0 0 0;}
.s5_img{position: relative;height: 300px;}
.s5_btn_small{position: absolute;bottom: -20px;right: 20px;width: 40px;height: 40px;background: #fff;border-radius: 50%;box-shadow: 0px 6px 20px rgba(0,0,0,.1);transition: .3s ease-in-out;}
.s5_btn_small::before{content: '';position: absolute;top: calc((100% - 8px)/2);left: calc((100% - 17px)/2);width: 17px;height: 8px;background: url(../images/s5_btn.svg) no-repeat center/100%;transition: .3s ease-in-out;}
.s5_btn_small p,
.s5_btn_small a{width: 100%;height: 100%;}
.s5_img p{width: 100%;height: 100%;}
.s5_img img{border-radius: 5px;width: 100%;height: 100%;object-fit: cover;}
.s5_ct_box{position: relative;}
.s5_date{position: absolute;top: 0;left: 0;z-index: 1;width: 80px;height: 80px;background: var(--mcolor);border-radius: 5px;padding: 9px 0 0 0;}
.s5_date .month p{color: #fff;font-family: var(--f-number);font-size: 14px;line-height: 1;text-align: center;margin: 0 0 0px 0;}
.s5_date .day p{color: #fff;font-family: var(--f-number);font-size: 50px;line-height: 1;text-align: center;margin: -3px 0 0 0;}
.s5_info{padding: 38px 20px 0 20px;}
.s5_info .s5_ttl p{font-size: 20px;color: var(--txt);letter-spacing: 0.1em;line-height: 1.9;font-weight: 500;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;transition: .3s ease-in-out;}
.s5_info .s5_ttl{margin: 0 0 5px 0;}
.s5_info .des p{font-size: 18px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.sec05 .sec_ttl{position: relative;}
.sec05 .sec_ttl::before{content: 'Column';position: absolute;top: -85px;left: 0;font-size: 120px;letter-spacing: 0.04em;white-space: nowrap;width: 100%;text-align: center;color: rgba(255,255,255,.1);text-transform: uppercase;}
/*============= SEC06 ==============*/

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

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

.sec_contact{padding: 110px 0 0 0;height: 396px;background: url(../images/contact_bg.jpg) no-repeat center/cover;position: relative;}
.sec_contact::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(85, 79, 75, .6)}
.s_contact_flex{display: flex;justify-content: space-between;padding: 0 80px 0 80px;align-items: center;}
.s_contact_ttl h3 .ttl01{color: #fff;margin: 0 0 4px 0;}
.s_contact_ttl h3 .ttl02{color: #fff;}
.s_contact_ttl .sec_ttl{margin: 0 0 0 0;}
.s_contact_ttl{margin: 0 0 46px 0;}
.s_contact_des p{font-size: 18px;color: #fff;letter-spacing: 0.05em;}
.contact_btn a{display: flex;width: 609px;height: 140px;border-radius: 20px;background: #fff;overflow: hidden;align-items: center;position: relative;z-index: 1;}
/* .contact_btn a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--mcolor);z-index: -1;} */
.s_contact_right{margin: 10px 0 0 0;}
.contact_btn .icon_mail{width: 180px;height: 100%;background: #E86F801A;display: flex;margin: 0 65px 0 0;position: relative;transition: .3s ease-in-out;}
.contact_btn .icon_mail::after{content: '';position: absolute;top: calc((100% - 100px)/2);right: 0;width: 1px;height: 100px;background: var(--mcolor);transition: .3s ease-in-out;}
.contact_btn .icon_mail::before{content: '';position: absolute;top: calc((100% - 38px)/2);left: calc((100% - 53px)/2);width: 53px;height: 38px;background: url(../images/s_contact_mail.svg) no-repeat center/100%;transition: .3s ease-in-out;}
.contact_btn .txt{display: inline-block;font-size: 24px;font-weight: 500;letter-spacing: 0.05em;transition: .3s ease-in-out;}
.contact_btn .icon_btn{display: flex;width: 46px;height: 46px;border-radius: 50%;background: #F0F1F3;justify-content: center;align-items: center;position: relative;margin: 0 28px 0 auto;transition: .3s ease-in-out;}
.contact_btn .icon_btn::before{content: '';position: absolute;top: calc((100% - 16px)/2);left: calc((100% - 22px)/2);width: 22px;height: 16px;background: url(../images/s_contact_btn.svg) no-repeat center/100%;transition: .3s ease-in-out;}
/*==========================================================
                        F O O T E R
==========================================================*/
/* .plg_right{position: fixed;top: 548px;right: 0;z-index: 7;transform: translateY(-50%);} */
.plg_right{position: fixed;top: 420px;right: 0;z-index: 7;}
.plg_right a{display: flex;justify-content: center;/* align-items: center; */width: 60px;height: 189px;background: var(--mcolor);border-radius: 10px 0 0 10px;padding: 29px 0 20px 0;}
.plg_right a span{color: #fff;display: inline-block;font-size: 18px;font-weight: 600;line-height: 1;letter-spacing: 0.45em;position: relative;}
.ja .plg_right a span{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;}
.plg_right a span::before{content: '';position: absolute;bottom: 5px;left: -1px;width: 20px;height: 20px;border-radius: 50%;background: #fff;}
.plg_right a span::after{content: '';position: absolute;bottom: 11px;left: 7px;width: 5px;height: 9px;background: url(../images/plg_right_ic.svg) no-repeat center/100%;}
footer{position: relative;z-index: 3;padding: 0 0 0 0;}
.vi .plg_right a span{font-size: 16px;letter-spacing: 0;line-height: 1.5;text-align: center;}
.vi .plg_right a span::before{left: calc((100% - 20px)/2);}
.vi .plg_right a span::after{left: calc((100% - 5px)/2);}
.ft_cmp_list{}
.ft_cmp_list ul{}
.ft_cmp_list ul li{position: relative;padding: 0 0 0 35px;font-size: 18px;font-family: var(--f-poppins);letter-spacing: 0.02em;line-height: 1.65;}
.ft_cmp_list ul li.ft_location::before{content: '';position: absolute;top: 4px;left: 0;width: 18px;height: 22px;background: url(../images/ft_location.svg) no-repeat center/100%;}
.ft_cmp_list ul li.ft_mail::before{content: '';position: absolute;top: 6px;left: 0;width: 18px;height: 18px;background: url(../images/ft_mail.svg) no-repeat center/100%;}
.ft_cmp_list ul li.ft_tel::before{content: '';position: absolute;top: 8px;left: 0;width: 18px;height: 15px;background: url(../images/ft_tel.svg) no-repeat center/100%;}
.ft_cmp_list ul li:not(:last-child){margin: 0 0 13px 0;}
address{background-color: var(--mcolor);padding: 24px;color:#fff;text-align:center;font-size: 16px;font-family: var(--f-poppins);letter-spacing: 0.2em;font-weight: 400;}
.ft_main{position: relative;padding: 75px 0 80px 0;}
.ft_main::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url(../images/ft_main_after.png) no-repeat center/cover;}
.ft_list{display: flex;padding: 0 80px;}
.ft_logo{margin: 5px 0 33px 0;}
.ft_cmp_social ul{display: flex;}
.ft_cmp_social li{width: 40px;height: 40px;border-radius: 50%;background: #fff;box-shadow: 0px 4px 20px rgba(0,0,0,.05);transition: .3s ease-in-out;}
.ft_cmp_social li img{transition: .3s ease-in-out;}
.ft_cmp_social li a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.ft_cmp_social li:not(:last-child){margin: 0 12px 0 0;}
.ft_cmp_social{margin: 20px 0 0 0;}
.ft_menu_ttl p{font-size: 20px;font-weight: 500;letter-spacing: 0.05em;}
.vi .ft_menu_ttl p{line-height: 1.5;}
.ft_menu_ttl{margin: 0 0 7px 0;}
.ft_menu_item ul li:not(:last-child){margin: 0 0 15px 0;}
.ft_menu_item ul li a{display: inline-block;font-size: 18px;letter-spacing: 0.05em;color: #7c7c7c;padding: 0 0 0 26px;position: relative;}
.ft_menu_list_item:not(:last-child){margin: 0 0 65px 0;}
.ft_menu_item ul li a::before{content: '';position: absolute;top: 16px;left: 10px;width: 5px;height: 5px;border-radius: 50%;background: #7c7c7c;}
/* BACK TO TOP */
.to_top{position:fixed;z-index:7;width:80px;height:80px;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden;background: #fff;box-shadow: -10px 10px 40px rgba(0,0,0,.12);border-radius: 50%;}
.to_top::after{content: '';position: absolute;top: calc((100% - 22px)/2);left: calc((100% - 16px)/2);width: 16px;height: 22px;background: url(../images/to_top_ic.svg) no-repeat center/100%;}
.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) {}
body.vi,body.vi h2,body.vi h3,body.vi h4,body.vi h5,body.vi h6,body.vi p,body.vi span,body.vi dt,body.vi dd,body.vi th,body.vi td,body.vi address,body.vi li,body.vi label,body.vi input,body.vi textarea,body.vi select{font-family: var(--f-vi) !important;letter-spacing: 0 !important;}
.lang-switcher .bogoflags{display: none;}

.nav_list .not_yet a{color: #bdbdbd;pointer-events: none;}
.nav_list .not_yet{display: none;}
.none{display: none !important}

/* fix 251223 */
.job_detail dl.title{border-bottom: 2px solid var(--mcolor);}
.job_detail dl.title dt{display: none;}
.job_detail dl.title dd{font-size: 22px;font-weight: 700;color: var(--mcolor);-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}

@media screen and (max-width: 750px) {
    .job_detail dl.title dd{font-size: 18px;}
}