@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd, pre { font-size: 160%; -webkit-text-size-adjust: none; font-weight: 400; }
*, ::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: #05101A; }
a.underline{text-decoration: underline;}
a[href^="tel:"] { word-break: keep-all; }
:root {
    --txt: #05101A;
    --mcolor: #007A4C;
    --blcolor: #015AAB;
    --blcolor02: #1778D0;
    --scolor: #999999;
    --container: 1000px;
    --f-main: "Noto Sans JP", sans-serif;
    --f-rbt : "Roboto", sans-serif;
    --f-rubik : "Rubik", sans-serif;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-900: 900;
}
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;font-size: 15px;}
p:empty{display:none;}
p:last-child{margin-bottom: 0}
.mb0{margin-bottom: 0;}
.mb30{margin-bottom: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.bold{font-weight:var(--fw-700);}
.lh0{line-height:0;}
.radius10{border-radius:10px;}
.fs-16{font-size:16px;}
.fs-22{font-size:22px;}
.fs-23{font-size:23px;}
.br_pc{display:block;}
.fw-500{font-weight: var(--fw-500);}
#wrapper{min-width:1000px;overflow:hidden;margin:0 auto;}
.container{width:var(--container);margin:0 auto;position:relative;}
.inner{width:100%;max-width:1340px;margin:0 auto;padding:0 20px;}
.w900{width:100%;max-width:900px;margin:0 auto;}
.w1000{width:100%;max-width:1000px;margin:0 auto;}
.w1100{width:100%;max-width:1100px;margin:0 auto;}
.w1200{width:100%;max-width:1200px;margin:0 auto;}
.d-flex{display:flex;}
.d-flex.wrap{flex-wrap:wrap;}
.d-flex.between{justify-content:space-between;}
.d-flex.align-center{align-items:center;}
.d-flex.align-end{align-items:end;}
.d-flex.align-baseline{align-items:baseline;}
.d-flex.flex-start{align-items: flex-start;}
.d-flex.gap15{gap:15px;}
#main{padding-top:90px;}
.hamburger{display:none;}

/*==========================================================================*/
/*                                  HEADER                                  */
/*==========================================================================*/
.main_h{width:100%;max-width:95%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;padding:15px 20px;}
#header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,.95);transition:all 0.3s ease;z-index:10;}
#header.is_scroll{box-shadow:0 0 5px rgba(0,0,0,.2);}
.gnavi_h{margin-right: 30px;}
.gnavi_h,.menu_h{display:flex;align-items:center;}
.menu_h .gnavi_h li{padding:0 15px;}
.menu_h .gnavi_h li a{font-size:15px;font-weight:var(--fw-600);position:relative;}
.menu_h .gnavi_h li a:after{width:8px;left:0px;right:0;border-radius:10px;background:var(--blcolor02);position:absolute;content:"";height:8px;bottom:-12px;transform:scaleX(0);margin:0 auto;}
.menu_h .gnavi_h li a:hover:after{transform:scaleX(1);transform-origin:bottom left}
.menu_h .gnavi_h li.active a,.menu_h .gnavi_h li a:hover{color:var(--blcolor02);}
.menu_h .gnavi_h li.active a:after{transform:scaleX(1);transform-origin:bottom left}
.lang_h{position:relative;}
.lang_h .menu_lang{position:absolute;top:calc((100% + 0px));left:calc((100% - 130px)/2);background:#fff;border-radius:10px;padding:15px 20px;width:130px;text-align:center;opacity:0;visibility:hidden;z-index:3;box-shadow:0 4px 10px rgba(0,0,0,.2);}
.lang_h .menu_lang .bogoflags{display:none;}
.lang_h .menu_lang .bogo-language-switcher{display:flex;flex-wrap:wrap;}
.lang_h .menu_lang .bogo-language-switcher li.ja{order:1;}
.lang_h .menu_lang .bogo-language-switcher li.en{order:2;}
.lang_h .menu_lang .bogo-language-switcher li.vi{order:3;}
.lang_h:hover .menu_lang{opacity:1;visibility:visible;}
.lang_h .icon_lang{cursor:pointer;}
.lang_h .menu_lang li,.lang_h .menu_lang li a{font-size:14px;text-align:left;font-weight:var(--fw-500);}
.lang_h .menu_lang li.current,.lang_h .menu_lang li.current a{color:var(--blcolor02);text-decoration:underline;}
.lang_h .menu_lang li a{position:relative;padding:2px 0 2px 20px;display:block;}
.lang_h .menu_lang li a:after{left:0;width:11px;height:11px;border-radius:50%;position:absolute;background:#DDE2E7;content:"";top:50%;transform:translateY(-50%);}
.lang_h .menu_lang li.current a:after{background:var(--blcolor02);}
.lang_h .menu_lang li a:hover{color:var(--blcolor02);}
.lang_h .menu_lang li a:hover:after,.lang_h .menu_lang li.active a:after{background:var(--blcolor02);}
.language_boxsp{display:none;}
#header .btn_h a{width:150px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;margin-right:20px;overflow:hidden;background:#1F87E7;background:linear-gradient(135deg,#1F87E7,#015AAB);position:relative;}
#header .btn_h a::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#53ADFF;background:linear-gradient(117deg,rgba(83,173,255,1) 30%,rgba(1,83,158,1) 100%);opacity:0;transition:opacity 0.6s ease;z-index:1;}
#header .btn_h a:hover::before{opacity:1;}
#header .btn_h a span{background:url(../images/ic_mail.svg) no-repeat 0px 4px;background-size:16px auto;padding-left:22px;position:relative;z-index:2;padding-bottom:2px;}
#header .btn_h a:hover span{background:url(../images/ic_mail_on.svg) no-repeat 0px 4px;background-size:16px auto;}

/*==========================================================================*/
/*                                 FOOTER                                   */
/*==========================================================================*/
#footer .sec_contact{width:100%;max-width:1200px;padding:100px 0;background:#E5F0FA;border-radius:10px;margin:0 auto;}
#footer .sec_contact .d-flex{justify-content:center;}
#footer .sec_contact .ttl_ja_en{display:inline-block;}
#footer .sec_contact .ttl_ja_en .en{font-size:60px;font-family:var(--f-rubik);font-weight:var(--fw-600);margin-bottom:5px;color:#005AAA;line-height:1;}
#footer .sec_contact .ttl_ja_en .ja{font-size:14px;line-height:1.6;}
#footer .sec_contact .ft_contact{padding:0 50px 0 70px;}
#footer .sec_contact .ft_contact a{width:260px;height:70px;border-radius:45px;background:#1F87E7;overflow:hidden;background:linear-gradient(135deg,#1F87E7,#015AAB);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-right:10px;font-weight:var(--fw-500);}
#footer .sec_contact .ft_contact a::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#53ADFF;background:linear-gradient(117deg,rgba(83,173,255,1) 30%,rgba(1,83,158,1) 100%);opacity:0;transition:opacity 0.6s ease;z-index:1;}
#footer .sec_contact .ft_contact a:hover::before{opacity:1;}
#footer .sec_contact .ft_contact a span{background:url(../images/ic_mail.svg) no-repeat 0px 5px;background-size:22px auto;padding-left:32px;position:relative;z-index:2;padding-bottom:2px;}
#footer .sec_contact .ft_contact a:hover span{background:url(../images/ic_mail_on.svg) no-repeat 0px 5px;background-size:22px auto;}
#footer .sec_contact .ft_tel a{display:flex;align-items:center;justify-content:center;gap:15px;pointer-events:none;}
#footer .sec_contact .ft_tel a .icon_tel{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1F87E7;background:linear-gradient(135deg,#1F87E7,#015AAB);position:relative;opacity:hidden;}
#footer .sec_contact .ft_tel a .icon_tel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#53ADFF;background:linear-gradient(117deg,rgba(83,173,255,1) 30%,rgba(1,83,158,1) 100%);opacity:0;transition:opacity 0.6s ease;z-index:1;}
#footer .sec_contact .ft_tel:hover a .icon_tel::before{opacity:1;}
#footer .sec_contact .ft_tel a .icon_tel img{max-width:28px;position:relative;z-index:2;}
#footer .sec_contact .ft_tel a .txt{font-size:15px;font-weight:var(--fw-700);color:#005AAA;}
#footer .sec_contact .ft_tel a .txt span{display:block;font-size:19px;font-family:var(--f-rubik);}
#footer .sec_ft{padding:85px 0 45px 0;}
#footer .sec_ft .container{width:100%;max-width:1200px;padding:0 30px;}
#footer .sec_ft .box_ft{gap:80px;justify-content:flex-start;}
#footer .sec_ft .menu_ft{width:calc(100% - 200px);padding-right:70px;}
#footer .sec_ft .menu_ft ul li a{font-size:16px;position:relative;z-index:1;font-weight:var(--fw-500);}
#footer .sec_ft .menu_ft ul li a:after{width:100%;left:0px;background:var(--blcolor02);position:absolute;content:"";height:1px;bottom:-2px;transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.86,0,.07,1);}
#footer .sec_ft .menu_ft ul li a:hover:after{transform:scaleX(1);}
#footer .sec_ft .menu_ft ul li a:hover{color:var(--blcolor02);}
#footer .sec_ft .box_ft p.adr{font-size:14px;font-family:var(--f-rubik);border-top:1px solid #005AAA;width:100%;padding-top:10px;margin-top:20px;margin-bottom:0;}
#footer .sec_ft .box_ft p.adr img{margin-right:5px;}
#footer .sec_ft address{font-size:14px;color:#05101A;padding-top:15px;}
#totop{transform:translateX(300px);transition:transform 0.2s ease-out;position:fixed;bottom:40px;right:20px;z-index:3;}
#totop.show{transform:translateX(0);}
#totop a:hover{opacity:.65;}

/*==========================================================================*/
/*                                   MV                                     */
/*==========================================================================*/
.mv{width:100%;position:relative;padding-bottom:30px;}
.mv:before{height:280px;background:#E5F0FA;position:absolute;right:0;width:74%;content:"";bottom:0;border-radius:10px 0 0 10px;}
.mv .mv_sl{max-width:98%;margin:0 auto;position:relative;}
.mv .mv_sl .item{position:relative;border-radius:10px;overflow:hidden;}
.mv .mv_sl .item:before{background:linear-gradient(to top,rgba(255,255,255,0) 30%,#015AAB 100%);position:absolute;top:0;width:100%;height:100%;left:0;content:"";}
.mv .mv_sl .text_h2{font-size:28px;position:absolute;top:75px;left:100px;color:#fff;font-weight:var(--fw-900);line-height:1.8;letter-spacing:0.05em;}
.mv .mv_sl .text_h2 .fs_l{font-size:40px;display:block;}
.mv .slick-dots{display:flex;align-items:center;gap:15px;margin-top:15px;margin-left:20px;}
.mv .slick-dots li{line-height:0;}
.mv .slick-dots li button{border:none;font-size:0;width:10px;height:10px;background:#D9D9D9;border:2px solid #fff;border-radius:50%;cursor:pointer;}
.mv .slick-dots li.slick-active button{background:#D01327;border:2px solid #D01327;}
/*==========================================================================*/
/*                                   TOP                                    */
/*==========================================================================*/

/*===================== sec_about ========================*/
.sec_about{padding:120px 0;}
.sec_about .item.col_left{width:430px;}
.sec_about .item.col_right{width:calc(100% - 490px);padding-top: 5px;}
.sec_about .ttl_blue{font-size:30px;font-weight:900;color:var(--blcolor);line-height:1.65;}
.sec_about h3{font-family:var(--f-rubik);font-weight:var(--fw-700);font-size:20px;margin-bottom:30px;}

/*========================= BTN ==========================*/
.btn a{font-size:20px;font-weight:var(--fw-700);margin-top:40px;display:inline-flex;position:relative;align-items:center;}
.btn a span.txt{margin-right:20px;}
.btn a span.arr{width:50px;height:50px;border-radius:50%;border:1px solid var(--blcolor);display:flex;align-items:center;position:relative;overflow:hidden;transition:transform 0.2s ease;display:block;}
.btn a span.arr:before,.btn a span.arr:after{position:absolute;top:50%;left:50%;width:50px;height:50px;content:"";transform:translate(-50%,-50%);transition:all 0.4s ease;}
.btn a span.arr:before{background:url(../images/arr_blue.svg) no-repeat;background-size:cover;}
.btn a span.arr:after{background:url(../images/arr_blue.svg) no-repeat;transform:translate(-150%,-50%);opacity:0;background-size:cover;}
.btn a:hover span.arr:before{transform:translate(50%,-50%);opacity:0;}
.btn a:hover span.arr:after{transform:translate(-50%,-50%);opacity:1;}
.btn a:hover span.arr{border-width:2px;border-color:#3591e5;transform:scale(1.15);background:#ebf2fb;}
.btn a:hover{color:var(--blcolor02);}
.btn.btn_w a{margin-top:0;}
.btn.btn_w a span.txt{color:#fff;}
.btn.btn_w a span.arr:before{background:url(../images/arr_white.svg) no-repeat;background-size:cover;}
.btn.btn_w a span.arr:after{background:url(../images/arr_white.svg) no-repeat;background-size:cover;}
.btn.btn_w span.arr{border-color:#fff;}
.btn.btn_w a:hover span.arr{border-width:2px;border-color:#fff;background:#2467a5;}
/*===================== End sec_about ====================*/

/*===================== sec_services =====================*/
.sec_services{border-radius:0;background:#1F87E7;background:linear-gradient(135deg,rgba(31,135,231,1) 0%,rgba(1,90,171,1) 100%);position:relative;overflow:hidden;width:100%;max-width:100%;margin:0 auto;}
.sec_services .thumb_services{width:46vw;text-align:right;}
.sec_services .container{width:580px;margin:0;padding-left:67px;}
.sec_services .ttl_ja_en{color:#fff;margin-bottom:45px;}
.sec_services .ttl_ja_en .en{font-size:20px;font-family:var(--f-rubik);font-weight:var(--fw-700);margin-bottom:0;}
.sec_services .ttl_ja_en .ja{font-size:30px;font-weight:var(--fw-900);}
.sec_services .txt p{color:#fff;font-weight:var(--fw-600);font-size:17px;letter-spacing: 0.05em}
.sec_services .btn{font-size:20px;font-weight:var(--fw-600);display:flex;justify-content:flex-end;text-align:right;margin-top:50px;}
/*===================== End sec_services =================*/

/*===================== sec_our ==========================*/
.sec_our{padding:120px 0 280px 0;}
.sec_our .our_img svg{position:absolute;right:0;top:20px;max-width:864px;}
.sec_our .ttl_ja_en{display:inline-block;max-width:280px;}
.sec_our .ttl_ja_en .en{font-size:20px;font-family:var(--f-rubik);font-weight:var(--fw-600);margin-bottom:0;}
.sec_our .ttl_ja_en .ja{font-size:30px;font-weight:var(--fw-900);color:var(--blcolor);margin-bottom:30px;line-height: 1.4;}
.sec_our .ttl_ja_en .text_number p{margin-bottom:0;}
.sec_our .ttl_ja_en .text_number .txt_top{border:1px solid #000;padding:2px 10px;font-size:14px;font-weight:var(--fw-500);}
.sec_our .ttl_ja_en .text_number .txt_no{font-size:100px;font-family:var(--f-rbt);font-weight:var(--fw-700);line-height:1.2;}
.sec_our .ttl_ja_en .text_number .txt_no span{font-family:var(--f-main);font-size:30px;}
.sec_our .ttl_ja_en .text_number .txt_notes{font-size:12px;}
.sec_our .txt_our{width:calc(100% - 280px);padding-left:80px;}
.sec_our .txt_our p{max-width:300px;margin-top:40px;}
/*===================== End sec_our ======================*/

/*===================== sec_topics =======================*/
.sec_topics{position:relative;padding:50px 0 50px 0;}
.sec_topics:before{position:absolute;top:0;left:0;width:82%;height:285px;background:#e5f0fa;content:"";border-radius:0 10px 10px 0;z-index:-1;}
.sec_topics .ttl_ja_en .en{font-size:55px;font-weight:var(--fw-700);color:var(--blcolor);font-family:var(--f-rubik);margin-bottom:0;line-height:1.5;}
.sec_topics .ttl_ja_en .ja{font-size:20px;font-weight:var(--fw-600);}
.cate_topics ul{gap:5px;}
.cate_topics ul li a{border-radius:30px;padding:7px 20px;border:1px solid var(--blcolor);background:#fff;color:var(--blcolor);font-weight:var(--fw-500);font-size:15px;}
.cate_topics ul li a:hover{background:#c9dcee;}
.cate_topics ul li.active a{background: var(--blcolor);color: #fff;}
.cate_topics .btn a{margin-top: 0;margin-left: 40px;}
.cate_topics .btn a span.txt{font-size: 16px;}
#index .sec_topics_new{position:relative;z-index:2;margin:40px auto 0;width:100%;left:calc(50% - 570px);overflow:hidden;display:inline-block;padding-left: 15px;}
.sec_topics_new .item{max-width:330px;background:#fff;border-radius:10px;overflow:hidden;position:relative;}
.sec_topics_new  .slick-slide{padding:0 15px;}
.sec_topics_new .item a{position:absolute;top:0;left:0;right:0;width:100%;height:100%;}
.sec_topics_new .item .text .ttl{font-weight:var(--fw-700);font-size:17px;margin-top:20px;line-height:1.6;margin-bottom:20px;}
.sec_topics_new .item:hover .ttl{color:var(--blcolor02);}
.sec_topics_new .item .thumb{position:relative;overflow:hidden;height: 212px;}
.sec_topics_new .item .thumb img{transition:0.3s ease-in-out;width:100%;height:100%;object-fit:cover;}
.sec_topics_new .item:hover .thumb img{transform:scale(1.1);}
.sec_topics_new .item .thumb .ic-new{position:absolute;top:20px;left:20px;}
.sec_topics_new .item .date_cate{background:#fff;position:absolute;left:0;bottom:0;font-size:12px;padding:11px 15px;gap:10px;}
.sec_topics_new .item .date_cate .date{font-family:var(--f-rubik);font-size:13px;line-height:1;}
.sec_topics_new .item .date_cate .cate{background:url(../images/ic-cate.svg) no-repeat left center;padding-left:18px;}
.sec_topics_new .slick-dots{display:flex;align-items:center;gap:15px;margin-top:50px;margin-left:30px;}
.sec_topics_new .slick-dots li{line-height:0;}
.sec_topics_new .slick-dots li button{border:none;font-size:0;width:10px;height:10px;background:#D9D9D9;border-radius:50%;cursor:pointer;}
.sec_topics_new .slick-dots li.slick-active button{background:#015AAB;width:45px;border-radius:8px;}
.sec_topics_new .topics_sl{max-width:1080px;}
.sec_topics_new .topics_sl .slick-list{overflow:inherit;}
.sec_topics_new .topics_sl .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:888;width:65px;height:65px;border:1px solid var(--blcolor);border-radius:50%;cursor:pointer;font-size:0;transition:all 0.4s ease;opacity:0;}
.sec_topics_new .topics_sl:hover .slick-arrow{opacity:1;}
.sec_topics_new .topics_sl .slick-arrow:hover{top:50%;transform:translateY(-50%) scale(1.1);border:none;}
.sec_topics_new .topics_sl .slick-prev{left:-10px;background:rgba(255,255,255,.65) url(../images/arr_prev_off.svg) no-repeat center center;}
.sec_topics_new .topics_sl .slick-next{right:-10px;background:rgba(255,255,255,.65) url(../images/arr_next_off.svg) no-repeat center center;}
.sec_topics_new .topics_sl .slick-prev:hover{background:rgba(23,120,208,.8) url(../images/arr_prev_on.svg) no-repeat center center;border:none;}
.sec_topics_new .topics_sl .slick-next:hover{background:rgba(23,120,208,.8) url(../images/arr_next_on.svg) no-repeat center center;border:none;}
/*===================== End sec_topics ===================*/

/*===================== sec_partner ======================*/
.sec_partner{padding:80px 0;position:relative;}
.sec_partner:before{width:100%;height:1px;background:#005AAA;position:absolute;top:50%;content:"";z-index:-1;}
.box_partner{background:#fff;position:relative;z-index:1;gap:100px;justify-content:center;}
/*===================== End sec_partner ==================*/

/*==========================================================================*/
/*                                   UNDER                                  */
/*==========================================================================*/
.under #topic_path ul li a,.under #topic_path ul li span{font-size:13px;}
.under #topic_path ul li a{padding-right:20px;margin-right:8px;background:url(../images/arr-caret.svg) no-repeat right center;background-size:16px 16px;}
.under #topic_path ul li a:hover{color:var(--blcolor02);}
.under .ttl_under{margin-bottom:50px;}
.under .ttl_under .en{font-size:55px;font-weight:var(--fw-700);font-family:var(--f-rubik);color:var(--blcolor);line-height:1.4;}
.under .ttl_under .ja{font-size:20px;font-weight:var(--fw-600);}
.under .h2_mv .en{font-size:70px;font-weight:var(--fw-700);font-family:var(--f-rubik);color:var(--blcolor);line-height:1.4;}
.under .ttl_under.line .en{position:relative;}
.under .ttl_under.line .en span{background:#fff;padding-right:20px;}
.under .ttl_under.line .en:before{position:absolute;left:0;width:100%;height:1px;background:var(--blcolor);top:50%;content:"";z-index:-1;}
.under .ttl_under.line .en:after{position:absolute;left:100%;width:100vw;height:1px;background:var(--blcolor);top:50%;content:"";z-index:-1;}
.under .h2_mv .ja{color:var(--blcolor);font-size:20px;font-weight: var(--fw-500);}
.under .h3_ttl{padding-bottom:50px;}
.under .box-mv .h3_ttl{padding-bottom:30px;}
.under .h3_ttl .en{font-size:22px;font-weight:var(--fw-600);font-family:var(--f-rubik);}
.under .h3_ttl .txt{font-size:20px;font-weight:var(--fw-600);}
.under .h3_ttl .ja{font-weight:var(--fw-900);font-size:28px;color:var(--blcolor);}
.under #mv-visual .container{width:100%;max-width:1100px;}
.under .box-mv{margin-top:-80px;}
.under .box-mv .thumb{width:650px;height:380px;position:relative;overflow:hidden;border-radius:10px;}
.under .box-mv .thumb img{width:100%;height:100%;object-fit:cover;}
.under .box-mv .thumb:before{background-image:linear-gradient(to bottom,rgba(40,50,60,0) 10%,rgba(0,66,124,.9) 100%);position:absolute;width:100%;height:40%;content:"";bottom:0;}
.under .box-mv .thumb.none_shadow:before{display:none;}
.under .box-mv .thumb .name{position:absolute;bottom:25px;left:25px;color:#fff;font-weight:var(--fw-500);font-size:17px;line-height:1.4;font-family:var(--f-rubik);}
.under .box-mv .thumb .name span{font-family:var(--f-main);padding-left:15px;font-size:20px;}
.under .box-mv .ttl{width:calc(100% - 710px);padding-top:115px;}
.under #main .desc .aligncenter{margin:0 auto;display:block;}
/*===================== company ============================*/
.under .box_director{padding:65px 0;}
.under .box_director .en{font-size:15px;font-family:var(--f-rubik);position: relative;bottom: -1px;}
.under .box_director .ja{font-size:16px;}
.under .company_mp4{position:relative;padding-bottom:40px;}
.under .company_mp4:before{position:absolute;bottom:0;left:0;width:75%;height:130px;background:#e5f0fa;content:"";border-radius:0 10px 10px 0;z-index:-1;}
.under .company_mp4 .video_mp4 video{border-radius:10px;overflow:hidden;}
.under .company_history{padding:100px 0 60px 0;}
.under .company_history .ttl{margin-bottom:50px;}
.under .company_history .ttl .en{font-size:55px;font-weight:var(--fw-700);font-family:var(--f-rubik);color:var(--blcolor);line-height:1.4;}
.under .company_history .ttl .ja{font-size:20px;font-weight:var(--fw-600);}
.under .box_outline{padding:100px 0;}
.under .box_outline .d-flex{padding-left:100px;gap:40px;}
.under .box_outline .list_adr{width:530px;}
.map_iframe{width:calc(100% - 570px);}
.map_iframe iframe{border-radius:10px;overflow:hidden;}
.under .box_outline .list_adr dl{display:flex;flex-wrap:wrap;border-bottom:1px solid #d9d9d9;}
.under .box_outline .list_adr dl dt{width:180px;}
.under .box_outline .list_adr dl dd{width:calc(100% - 180px);}
.under .box_outline .list_adr dl dd,.under .box_outline .list_adr dl dt{padding:5px;font-size:16px;font-weight:var(--fw-500);}
.under .box_outline .list_adr dl dd{font-weight:var(--fw-400);}
.under .box_his .his_url{padding-left:100px;}
.under .box_his .his_url ul{border-left:5px solid var(--blcolor02);padding-left:25px;}
.under .box_his .his_url ul li{padding:5px 0;font-size:16px;display:flex;flex-wrap:wrap;}
.under .box_his .his_url ul li span{font-size:20px;font-family:var(--f-rubik);font-weight:var(--fw-600);padding-right:60px;}

/*===================== service ============================*/
.under .under_option{padding:80px 0;}
.under .under_option .col-3 .item{width:calc((100% - 85px) / 3);}
.under .under_option .col-3 .item .ttl{font-size:18px;color:var(--blcolor);}
.under .under_process{padding:0 0 100px 0;}
.under .under_process .col-3 .item{width:calc((100% - 40px) / 3);}
.under .under_process .col-3 .item ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;}
.under .under_process .col-3 .item ul li{width:calc((100% - 20px) / 2);border-radius:10px;border:5px solid #D9D9D9;text-align:center;min-height:165px;padding:35px 0;}
.under .under_process .col-3 .item ul li.fix-pd{padding:20px 0;}
.under .under_process .col-3 .item ul li.bor-blue{border:5px solid #3591E5;}
.under .under_process .col-3 .item ul li img{margin:0 auto;}
.under .under_process .col-3 .item ul li p{line-height:1.4;width:100%;padding-top:10px;}
.under .under_process .col-3 .item.col-2{margin-top:30px;}
.under .under_process .col-3 .item.col-3{margin-top:60px;}
.under .under_process .col-3 .arr_pro{width:100%;background:url(../images/arr_pro_bg01.svg) no-repeat right;background-size:cover;margin-top:30px;padding:8px 30px 8px 10px;text-align:center;}
.under .under_process .col-3 .arr_pro p{margin-bottom:0;}
.under .under_process .col-3 .item.col-2 .arr_pro{background:url(../images/arr_pro_bg02.svg) no-repeat right;background-size:cover;}
.under .under_process .col-3 .item.col-3 .arr_pro{background:url(../images/arr_pro_bg03.svg) no-repeat right;background-size:cover;}
.under .under_process .col-3 .arr_pro span{background:#fff;padding:3px 20px;border-radius:30px;font-weight:var(--fw-600);display:inline-block;line-height:1.5;}
.under .btn02{max-width:250px;}
.under .btn02.btn_lager{margin:50px auto 0;max-width:350px;}
.under .btn02 a{border:1px solid var(--blcolor);border-radius:30px;padding:13px 20px;width:100%;display:block;font-weight:var(--fw-500);text-align:center;color:var(--blcolor);}
.under .btn02.btn_lager a{border-radius:50px;padding:26px 20px;font-size:18px;}
.under .btn02 a:hover{background:#C9DCEE;}
.under .btn02 a img{position:relative;top:-1px;}
.under .btn02 a span{padding-left:10px;}

/*===================== recruit ============================*/
.under .under_kobo{padding:80px 0;}
.under .under_kobo .item{border-radius:40px;background:#E5F0FA;min-width:266px;text-align:center;padding:25px 30px 15px 30px;max-width:266px;}
.under .under_kobo .item p{line-height:1.5;margin:0 0 15px 0;font-size:18px;color:var(--blcolor);}
.under .under_kobo .item p img{max-width: 65px;}
.under .box_interview.bottom{padding-top:100px;align-items: flex-start;}
.under .box_interview .thumb{width:340px;position:relative;overflow:hidden;border-radius:10px;}
.under .box_interview.bottom .thumb{order:2;}
.under .box_interview .thumb:before{background-image:linear-gradient(to bottom,rgba(40,50,60,0) 10%,rgba(0,66,124,.9) 100%);position:absolute;width:100%;height:40%;content:"";bottom:0;}
.under .box_interview .thumb .name{position:absolute;bottom:40px;left:30px;color:#fff;font-weight:var(--fw-700);font-size:14px;line-height:1.4;}
.under .box_interview .thumb .name .text{display:block;font-size:20px;}
.under .box_interview .txt{width:calc(100% - 390px);}
.under .box_interview .txt h4{font-size:22px;font-weight:var(--fw-900);color:var(--blcolor);margin-bottom:30px;}
.under .box_interview .txt dl{padding-left:40px;}
.under .box_interview .txt dl dt{background:url(../images/ic_message.svg) no-repeat left top 8px;padding-left:28px;}
.under .box_interview .txt dl dd{line-height:1.75;}
.under .bg_line_full{width:100%;height:1px;background:var(--blcolor);margin:100px 0;}
.under .box_benefits{padding-bottom:120px;}
.under .box_benefits .item{width:calc((100% - 60px) / 3);}
.under .box_benefits .col-2 .item.right{width:calc((100% - 30px) / 2);}
.under .box_benefits h4{font-size:22px;font-weight:var(--fw-700);color:var(--blcolor);}
.under .box_benefits .item .thumb{position:relative;margin-bottom:15px;overflow:hidden;}
.under .box_benefits .item .thumb img{border-radius:10px 10px 10px 0;}
.under .box_benefits .item .thumb .date{background:#fff;padding:5px 30px;position:absolute;bottom:0;left:0;font-size:14px;font-weight:var(--fw-700);color:var(--blcolor);}
.under .box_benefits .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.under .box_benefits .block.travel{grid-column:span 2;}
.under .box_benefits .block.hobby{grid-column:span 1;}
.under .box_benefits .block.company{grid-column:span 3;}
.under .box_benefits .block.travel .images{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}
.under .box_benefits .block.hobby .images{display:grid;}
.under .box_benefits .block.hobby .img{grid-column:span 1;}
.under .box_benefits .block.company .images{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.under .box_benefits .block .thumb{position:relative;}
.under .box_benefits .img img{border-radius:10px;}
.under .box_benefits .label{font-weight:var(--fw-700);color:var(--blcolor);font-size:14px;position:absolute;bottom:0;left:0;background:#fff;padding:5px 20px;}
.under .box_benefits .desc{font-size:15px;line-height:1.8;padding-top:15px;}

/*===================== topics ===========================*/
#topics .sec_topics_new{margin:40px auto 0;}
#topics .wrapp_topics{padding:80px 0 120px 0;}
#topics .topics_under{gap:55px;}
#topics .topics_under .item{width:calc((100% - 20px) / 3);margin-bottom:0;}
#topics .btn_archive{position:relative;}
#topics .btn_archive p{margin-bottom:0;cursor:pointer;}
#topics .btn_archive:hover p{color:var(--blcolor02);}
#topics .btn_archive:hover p img{transform:rotate(180deg);}
#topics .btn_archive .news_year{display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:15px;border-radius:10px;z-index:22;background:#fff;}
#topics .btn_archive:hover .news_year{display:block;}
#topics .btn_archive .news_year li a{padding:4px 20px;}
.pagination{text-align:center;padding-top:60px;}
.page-numbers{display:flex;align-items:center;justify-content:center;gap:5px;}
.page-numbers li a.prev,.page-numbers li a.next{width:70px;height:70px;font-size:0;}
.page-numbers li a.next{background:url(../images/next.svg) no-repeat;}
.page-numbers li a.next:hover{background:#D0E6FA url(../images/next.svg) no-repeat;}
.page-numbers li a.prev{background:url(../images/prev.svg) no-repeat;}
.page-numbers li a.prev:hover{background:#D0E6FA url(../images/prev.svg) no-repeat;}
.page-numbers li span,.page-numbers li a{font-family:var(--f-rubik);font-size:16px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.page-numbers li a:hover,.page-numbers li .current{background:#D0E6FA;}

/*===================== topic_detail ======================*/
#topic_detail .h3_ttl .ja{font-size:25px;color:#000;font-weight:var(--fw-700);position:relative;padding-bottom:20px;}
#topic_detail .h3_ttl .ja:before{width:60px;height:6px;position:absolute;left:0;bottom:0;background:var(--blcolor02);content:"";border-radius:3px;}
#topic_detail .ttl .date_cate{gap:20px;margin-bottom:20px;}
#topic_detail .ttl .date_cate .date{font-size:15px;}
#topic_detail .ttl .date_cate .cate{background:url(../images/ic-cate02.svg) no-repeat left center;padding-left:22px;font-size:15px;}
#topic_detail .wrapp-detail{padding:30px 0 120px 0;}
#topic_detail .wrapp-detail .desc{width:730px;}
#topic_detail .wrapp-detail .sidebar{width:calc(100% - 820px);}
#topic_detail .wrapp-detail .desc h3{background:#C9DCEE;font-size:18px;padding:16px 20px;font-weight:var(--fw-700);margin:50px 0 30px;}
#topic_detail .wrapp-detail .desc h4{font-size:16px;font-weight:var(--fw-700);margin:50px 0 30px;border-bottom:2px solid #000;padding-bottom:10px;}
#topic_detail .wrapp-detail .desc p{font-size:16px;}
#topic_detail .btn_list{text-align:center;}
#topic_detail .btn_list a{margin-top: 30px;}
#topic_detail .sidebar h3{font-size:20px;font-weight:var(--fw-700);margin-bottom:20px;}
#topic_detail .sidebar .list_sidebar li{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px;position:relative;}
#topic_detail .sidebar .list_sidebar li a{position:absolute;left:0;right:0;top:0;width:100%;height:100%;content:"";}
#topic_detail .sidebar .list_sidebar li .img{width:70px;height:70px;border-radius:10px;overflow:hidden;}
#topic_detail .sidebar .list_sidebar li .img img{object-fit:cover;width:100%;height:100%;}
#topic_detail .sidebar .list_sidebar li .txt{width:calc(100% - 85px);}
#topic_detail .sidebar .list_sidebar li .txt .date_cate{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:0;}
#topic_detail .sidebar .list_sidebar li .txt .date_cate .cate{background:url(../images/ic-cate.svg) no-repeat left center;padding-left:18px;}
#topic_detail .sidebar .list_sidebar li .txt .ttl{font-size:13px;line-height:1.65;font-weight:var(--fw-700);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;}
#topic_detail .sidebar .list_sidebar li:hover{opacity:.85;}
#topic_detail .sidebar .list_sidebar li:hover .ttl{color:var(--blcolor02);}

/*===================== contact ============================*/
.under .sec_contact{padding:80px 0 120px 0;}
.under .mail_form dl{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:15px;}
.under .mail_form dl dt p{font-weight:var(--fw-500);font-size:16px;width:220px;display:flex;align-items:center;flex-wrap:wrap;}
.under .mail_form dl dt .must{background:#CE1527;padding:10px 5px 12px 5px;border-radius:3px;color:#fff;font-size:12px;line-height:0;margin-right:10px;font-weight:300;}
.under .mail_form dl dt label{line-height:1.5;}
.under .mail_form dl dd{width:calc(100% - 220px);}
.under .mail_form .form-control{border:1px solid #999999;padding:10px 15px;border-radius:5px;width:100%;max-width:500px;font-size:16px;font-family:var(--f-main);}
.under .mail_form .form-control.input-file{max-width:100%;border-color:#000;border-radius:10px;}
.under .mail_form dl.item-file dd p.mb0{margin-bottom:0;}
.under .mail_form .txt_notes{font-size:12px;line-height:1.6;padding-top:5px;}
.under .mail_form textarea.form-control{max-width:100%;min-height:200px;}
.under .mail_form dl.item-file{margin-bottom:40px;}
.under .mail_form dl.item-inquiry dd p{line-height:0;}
.under .mail_form .wpcf7-not-valid{border:1px solid #D71E27;}
.under .mail_form .wpcf7-not-valid-tip{font-size:14px;color:#D71E27;display:block;line-height:1.85;}
.under .mail_form .form-checkbox .wpcf7-list-item{position:relative;padding:0 0 0 0;width:100%;margin:0;}
.under .mail_form .form-checkbox input{width:0;height:0;border:0;background:transparent;position:relative;margin:0 0 0 60px;font-weight:500;}
.under .mail_form .form-checkbox .wpcf7-list-item::before{content:'';position:absolute;top:2px;left:0;width:28px;height:28px;background:transparent;border:1px solid #ccc;border-radius:3px;}
.under .mail_form .form-checkbox .wpcf7-list-item.first{margin-bottom:10px;}
.under .mail_form .form-checkbox .wpcf7-list-item::after{content:'';position:absolute;top:11px;left:7px;width:16px;height:14px;background:url(../images/check.svg) no-repeat center/14px 13px;opacity:0;visibility:hidden;}
.under .mail_form .form-checkbox .wpcf7-list-item.click::after{opacity:1;visibility:visible;}
.under .mail_form .form-checkbox .wpcf7-list-item.click::before{border-color:var(--blcolor02);}
.under .mail_form .form-checkbox.wpcf7-not-valid{border:none;}
.under .mail_form .form-checkbox  input[type="checkbox"]:checked + .wpcf7-list-item-label::before{border-color:var(--blcolor02);}
.under .mail_form .form-checkbox input[type="checkbox"]{position:absolute;opacity:0;z-index:1;}
.under .mail_form .form-checkbox .wpcf7-list-item::before,.under .mail_form .form-checkbox .wpcf7-list-item::after{pointer-events:none;}
.under .mail_form .form-checkbox .wpcf7-list-item{position:relative;}
.under .mail_form .form-checkbox label{padding-left:40px;font-size:16px;display:inline-block;}
.under .mail_form .box_policy_fix .form-checkbox a{text-decoration:underline;color:var(--blcolor02);}
.under .mail_form .box_policy_fix.policy_js{margin-bottom:0;}
.under .mail_form .class_submit p{width:260px;height:70px;border-radius:999px;background:#1F87E7;background:linear-gradient(135deg,rgba(31,135,231,1) 0%,rgba(1,90,171,1) 100%);position:relative;margin:0 auto;text-align:center;}
.under .mail_form .wpcf7-spinner{margin:10px 24px;}
.under .mail_form .class_submit p:hover{background:#53ADFF;background:linear-gradient(135deg,rgba(83,173,255,1) 0%,rgba(1,83,158,1) 100%);}
.under .mail_form .class_submit input{width:100%;height:100%;border-radius:999px;outline:0;border:0;appearance:none;position:relative;z-index:1;padding:0 0 0 30px;cursor:pointer;background:transparent url(../images/ic_mail.svg) no-repeat 33% 55% / 22px 19px;font-size:18px;font-weight:var(--fw-500);color:#fff;font-family:var(--f-main);}
.under .mail_form .file-wrap{position:relative;max-width:100%;border:1px solid #000;border-radius:10px;padding:10px;box-sizing:border-box;overflow: hidden;}
.under .mail_form .input-file{opacity:0;position:absolute;left:0;top:-3px;width:auto;height:32px;cursor:pointer;-webkit-appearance:none;appearance:none;}
.under .mail_form .file-wrap .wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.input-file.wpcf7-not-valid{top:100%;height:100%;}
.under .mail_form .file-label{display:inline-block;background:linear-gradient(135deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.65) 100%);color:#fff;padding:0px 12px;cursor:pointer;font-size:14px;border-radius:5px;cursor:pointer;}
.under .mail_form .file-name{margin-left:10px;font-size:14px;}
.under .mail_form .wpcf7-submit{margin-top:40px;display:block;}
.under .cf7sr-recaptcha span.wpcf7-not-valid-tip,.under .cf7sr-g-recaptcha{display:flex;justify-content:center;margin:0 auto 0;text-align:center;}
.under .cf7sr-recaptcha span.wpcf7-not-valid-tip{display:none;}
.under .cf7sr-recaptcha span.wpcf7-not-valid-tip.lang{display:block;}
.under .cf7sr-g-recaptcha{margin-top:30px;}
.under .wpcf7-response-output{text-align:center;padding:15px!important;font-size:14px!important;}
#privacy-policy .sec_policy{padding:80px 0 120px 0;}
#privacy-policy .sec_policy h3{font-size:22px;font-weight:var(--fw-700);color:var(--blcolor02);margin-bottom:30px;}
.under .sec-under{padding:40px 0 90px 0;}


.under .mail_form .wpcf7-form-control{transition:all 0.3s ease;}
.under .mail_form .is-valid{border-color:#4caf50;background:url('../images/check-valid.svg') no-repeat right 10px center;background-size:16px;}
.under .mail_form .is-error{border-color:#ff4d4f;background:url('../images/close-valid.svg') no-repeat right 10px center;background-size:16px;}
.under .mail_form .wpcf7-not-valid-tip{color:#ff4d4f;font-size:12px;position:relative;z-index:-1;}
.under .mail_form .is-valid,.is-error{animation:fadeIn 0.2s ease;}
.under .mail_form .item-file .is-valid{animation:unset;}
@keyframes fadeIn{
    from{opacity:0;transform:translateX(5px);}
    to{opacity:1;transform:translateX(0);}
}
.under .mail_form .wpcf7-form-control.is-error{border-color:#ff4d4f!important;}
.under .mail_form .wpcf7-form-control.is-valid{border-color:var(--blcolor02)!important;}
.under .mail_form .notes_top{font-size:16px;}
.under .mail_form .notes_top a{text-decoration:underline;color:var(--blcolor02);}
.page_404 h2{text-align:center;font-size:60px;font-weight:var(--fw-700);font-family:var(--f-rubik);color:var(--blcolor);line-height:1.4;text-align:center;text-transform:uppercase;}
.page_404 .btn_404{margin-bottom:60px;}
/*==========================================================================*/
/*                                 FIX LANG                                 */
/*==========================================================================*/
body.en #footer .sec_ft .menu_ft ul li a,body.en #header .btn_h a span,body.en .gnavi_h li a{font-family:var(--f-rubik);font-weight:var(--fw-500);}
body.en .sec_our .ttl_ja_en .text_number .txt_no span{font-size:20px;}
body.en .sec_our .our_img svg{top:40px;}
body.en .box-mv .h3_ttl .txt{line-height:1.5;margin-bottom:10px;}
body.en .box-mv .h3_ttl{padding-bottom:30px;}
body.en .sec_services .txt p{font-weight:var(--fw-500);}
body.en .box_his .his_url ul li span{min-width:200px;padding-right:30px;}
body.en .box_benefits .desc,body.en .box_benefits .block  p{font-size:15px;line-height:1.8;}
body.en .box_benefits .block  p.txt{font-size:14px;}
body.en .box_benefits .block p.label{padding: 5px 10px;font-size: 13px;}
body.en .under_kobo .item p{font-size:17px;}
body.en .box_benefits .label{line-height:1.5;}
body.en .sec_services .ttl_ja_en{margin-bottom:25px;}
body.en .cate_topics .btn a,body.en .cate_topics ul li a,body.en .sec_our .ttl_ja_en .text_number .txt_no span,body.en .sec_our .ttl_ja_en .ja,body.en .sec_services .btn,body.en .sec_about .btn a,body.en .sec_services .ttl_ja_en .ja,body.en .sec_about .ttl_blue,body.en .mv .mv_sl .text_h2,.sec_topics .ttl_ja_en .ja{font-family:var(--f-rubik);font-weight:var(--fw-600);}
body.en .under_process .col-3 .item ul li p{font-size:90%;}
body.en .under_process .col-3 .item.col-3 li .bold{min-height:51px;}
body.en.under .under_option .col-3 .item .ttl{line-height: 1.5;margin-bottom: 5px;min-height: 54px;}
body.en .sec_services .txt p{letter-spacing: 0}
body.en.under .mail_form dl dt .must{font-weight: 400;font-size: 11px;}
body.en .sec_about .item.col_right{padding-top: 7px;}


body.vi .mv .mv_sl .text_h2{font-weight:var(--fw-700);}
body.vi #footer .sec_ft .menu_ft ul li a,body.vi #header .btn_h a span,body.vi .gnavi_h li a{font-weight:var(--fw-500);}
body.vi .h3_ttl .en,body.vi .sec_our .ttl_ja_en .en,body.vi .sec_services .ttl_ja_en .en{font-family:var(--f-main);}
body.vi .sec_services .btn,body.vi .sec_services .txt p,{font-weight:var(--fw-500);}
body.vi .btn a{font-weight:var(--fw-600);}
body.vi .sec_our .ttl_ja_en .text_number .txt_no span{font-size:20px;}
body.vi .sec_our .our_img svg{top:75px;}
body.vi .box-mv .h3_ttl .txt{line-height:1.5;margin-bottom:10px;}
body.vi .box_benefits h4{font-size:18px;}
body.vi .box_benefits .desc,body.vi .box_benefits .block  p{font-size:15px;line-height:1.8;}
body.vi .under_kobo .item p{font-size:17px;}
body.vi .box_benefits .label{line-height:1.5;}
body.under.vi .mail_form .class_submit input{padding:0 0 0 20px;background:transparent url(../images/ic_mail.svg) no-repeat 40% 53% / 22px 19px;}
body.vi .sec_services .ttl_ja_en{margin-bottom:25px;}
body.vi #footer .sec_ft .menu_ft ul li a{font-size:15px;}
body.vi.under .under_option .col-3 .item .ttl{font-size: 16px}
body.vi.under .box_interview .thumb .name .date{font-size: 13px;margin-bottom: 5px;display: block;}
body.vi.under .box_interview .thumb .name .text{font-size: 16px;}
body.vi .sec_services .txt p{letter-spacing: 0}
body.under.vi .box-mv .thumb .name{font-family: var(--f-rbt);}
body.vi.under .mail_form dl dt .must{font-weight: 400;font-size: 11px;}
body.vi .sec_about .item.col_right{padding-top: 3px;}