@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500;600;700&family=Oswald:wght@400;500&display=swap');

.pc-only { display: block!important; }
.sp-only { display: none!important; }

section, main {position: relative;}
body, html { width: 100%; overflow-x: hidden; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

@media screen and (max-width: 767px) {
	.pc-only { display: none!important; }
	.sp-only { display: block!important; }
}

/*loading*/
#loading {width: 100%;height: 100vh;position: fixed;background: #fff;top: 0;left: 0;z-index: 10010;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-name: slideUp2;
    animation-name: slideUp2;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;}
@-webkit-keyframes slideUp2{
	0%{opacity: 1;}
	to{opacity: 0;}
}
@keyframes slideUp2{
	0%{opacity: 1;}
	to{opacity: 0;}
}

/*fade*/
.js-scroll-fade { opacity: 0; }
.isActive {
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
	to{opacity:1;-webkit-transform:none;transform:none}
}

/*navi*/
.btn_humberger_box, .global_nav_fix { display: none; }

@media screen and (max-width: 767px) {
    .global_nav_pc { display: none; }
    
    .btn_humberger_box { width: 28px; height: 20px; border-radius: 50%; position: fixed; right: 20px; top: 22px; z-index: 10000; cursor: pointer; }
    .btn_humberger { width: 28px; height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2; }
    .btn_humberger .line { display: block; position: relative; width: 28px; height: 20px; }
    .btn_humberger .line span { width: 28px; height: 3px; display: block; -webkit-transition: all 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: all 0.5s cubic-bezier(0.36, 0.14, 0, 1); position: absolute; background: #1D4294; border-radius: 1.5px; }

    .btn_humberger .line span:nth-child(1){ left: 0; top: 0px; }
    .btn_humberger .line span:nth-child(2){ left: 0; top: 9px; }
    .btn_humberger .line span:nth-child(3){ left: 0; bottom: 0px; }
    body.open .btn_humberger .line span:nth-child(1){ transform: rotate(45deg); top: 50%; }
    body.open .btn_humberger .line span:nth-child(2){ opacity: 0; }
    body.open .btn_humberger .line span:nth-child(3){ transform: rotate(-45deg); top: 50%; }

    .nav_logo { width: 10vw; max-width: 65px; position: absolute; top: 27px; left: 6.67vw; z-index: 2; }
    .global_nav_fix { display: block; opacity: 0; width: 100%; height: calc(100vh - 64px); position: fixed; left: 0; top: 64px; z-index: -1; transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: opacity 0.3s ease-in-out; background: #fff; overflow-y: scroll; visibility: hidden; }
    .global_nav_fix .inner { padding-bottom: 50px; }
    body.open .global_nav_fix { opacity: 1; z-index: 9999; visibility: visible; }
    .nav_body { margin: 145px 16vw 0; }
    .nav_main { display: block; justify-content: space-between; margin: 0 30px; }
    .nav_main > li { font-size: 1.6rem; color: #1D4294; font-weight: 700; line-height: 1.5; }
    .nav_main > li .font_nt { font-size: 1.0rem; display: block; }
    .nav_main > li li { font-size: 1.4rem; color: #1D4294; font-weight: 700; }
    .nav_main > li { margin-top: 30px; }
    .nav_main > li ul { margin: 15px 0 0 20px; }
    .nav_main > li li + li { margin-top: 10px; }

}

/* menu */
.header_function { display: flex; justify-content: space-between; padding: 18px 2.04vw; font-size: 1.4rem; align-items: center; }
.header-menu { display: flex; align-items: center; }
.header-menu li { margin-left: 20px; line-height: 1; }
.header-menu.pc li.entry,
.header-menu.pc li.mypage { width: 19px; }
.header-menu.pc li.cart { width: 24px; }
.header-menu li img { width: 100%; }
.header-menu.sp { display: none; }
.h_right { display: flex; align-items: center; }
.menubtn {width: 19px;height: 19px;text-align: center;position: absolute;right: 40px; }
.menubtn { display: none; }
.menubtn a {display: block;}

@media screen and (max-width: 1024px) {
    
}

/*header*/
header { width: 100%; height: 82px; padding: 20px 4.69%; background: #fff; box-sizing: border-box; position: fixed; z-index: 10; }
.header_logo { width: 133px; }
.header_logo img { width: 100%;}

.header_fix { display: flex; justify-content: space-between; align-items: center; }
.global_nav_pc { display: flex; align-items: center; }
.global_nav_pc .main_nav { display: flex; }
.global_nav_pc .main_nav { display: flex; }
.global_nav_pc .main_nav > li { padding: 0 20px; text-align: center; }
.global_nav_pc .main_nav > li > a { display: block; font-size: 1.0rem; color: #1D4294; letter-spacing: 0.05em;  }
.global_nav_pc .main_nav > li > a > span { display: block; font-size: 1.5rem; color: inherit; line-height: 1; margin-bottom: 5px; font-weight: 700; }
.global_nav_pc .func_nav { display: flex; margin-left: 20px; }
.global_nav_pc .func_nav li + li { margin-left: 16px; }
.global_nav_pc .func_nav a { display: block; width: 40px; height: 40px; background: #1D4294; position: relative; }
.global_nav_pc .func_nav span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); line-height: 0;}
.global_nav_pc .func_nav .font_en { font-size: 1.7rem; }
.global_nav_pc .func_nav select { -webkit-appearance:none; appearance:none; display: block; width: 40px; height: 40px; background: #1D4294; position: relative; color: #fff; text-align: center; }
.global_nav_pc .func_nav option { color: #fff; text-align: center; }
.global_nav_pc .func_nav option em {  border-bottom: 1px solid #fff;  color: #fff; font-weight: 400; }

.btn_humberger_box { display: none; }

/*.l-header-gnav__dropdown{position:absolute;z-index:-1;top:70px;left:50%;visibility:hidden;width:100%;max-width:1200px;padding-top:50px;-webkit-transition:top .3s;transition:top .3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.2));filter:drop-shadow(0 0 10px rgba(0,0,0,.2))}*/
.l-header-gnav__menu-item.is-open .l-header-gnav__dropdown{z-index:5000;visibility:visible;opacity:1}

.l-header-gnav__dropdown {z-index:-1;visibility:hidden;opacity:0; width: 93.7%; position: absolute; padding-top: 72px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.l-header-gnav__dropdown-wrap { height: 340px; padding: 36px 43px; background: rgba(244,246,248,0.95); box-sizing: border-box; display: flex; }
.l-header-gnav__dropdown-wrap * { color: #1D4294; }
.l-header-gnav__dropdown-heading { text-align: center;  }
.l-header-gnav__dropdown-heading-en { font-size: 4.0rem; font-weight: 600; display: block; line-height: 1.5; }
.l-header-gnav__dropdown-heading-jp { font-size: 1.8rem; font-weight: 700; display: block; }
.l-header-gnav__dropdown-header { width: 210px; align-self: center; }
.l-header-gnav__dropdown-body { display: flex; text-align: left; }
.l-header-gnav__dropdown-menu { margin-left: 82px; }
.l-header-gnav__dropdown-menu-item + li { margin-top: 20px; }
.l-header-gnav__dropdown-menu-item > a { font-size: 2.0rem; font-weight: 700; display: block; padding-left: 40px; position: relative; line-height: 1.5; }
.l-header-gnav__dropdown-menu-item > a:before { content: ""; display: block; width: 24px; height: 2px; position: absolute; left: 0; top: 15px; background: #1D4294; }
.l-header-gnav__dropdown-menu-item ul { margin-left: 40px; }
.l-header-gnav__dropdown-menu-item li a { display: block; font-size: 1.2rem; padding-left: 30px; position: relative; line-height: 1.5; }
.l-header-gnav__dropdown-menu-item li a:before { content: ""; display: block; width: 16px; height: 2px; position: absolute; left: 0; top: 8px; background: #1D4294; }
.l-header-gnav__dropdown-menu-item li { margin-top: 16px; }

@media screen and (max-width: 1023px) {
    .global_nav_pc .main_nav > li { padding: 0 10px; text-align: center; }
    .global_nav_pc .main_nav > li > a { display: block; font-size: 0.9rem; color: #1D4294; letter-spacing: 0.05em;  }
    .global_nav_pc .main_nav > li > a > span { display: block; font-size: 1.3rem; color: inherit; line-height: 1; margin-bottom: 5px; font-weight: 700; }
    .global_nav_pc .func_nav { display: flex; margin-left: 15px; }
    
    .l-header-gnav__dropdown-heading-en { font-size: 3.0rem; font-weight: 600; display: block; line-height: 1.5; }
    .l-header-gnav__dropdown-heading-jp { font-size: 1.4rem; font-weight: 700; display: block; }
    .l-header-gnav__dropdown-header { width: 180px; align-self: center; }
    .l-header-gnav__dropdown-menu { margin-left: 41px; }
    .l-header-gnav__dropdown-menu-item > a { font-size: 1.6rem; font-weight: 700; display: block; padding-left: 40px; position: relative; line-height: 1.5; }
    .l-header-gnav__dropdown-menu-item > a:before { content: ""; display: block; width: 24px; height: 2px; position: absolute; left: 0; top: 10px; background: #1D4294 }
    .l-header-gnav__dropdown-menu-item ul { margin-left: 30px; }
    .l-header-gnav__dropdown-menu-item li a { display: block; font-size: 1.0rem; padding-left: 20px; position: relative; line-height: 1.5; }
    .l-header-gnav__dropdown-menu-item li a:before { content: ""; display: block; width: 16px; height: 2px; position: absolute; left: 0; top: 6px; background: #1D4294; }
}

@media screen and (max-width: 767px) {
    header { width: 100%; height: 64px; padding: 20px 20px; background: #fff; box-sizing: border-box; position: fixed; z-index: 10; }
    .header_logo { width: 101px; }
.header_logo img { width: 100%;}

.header_fix { display: flex; justify-content: space-between; align-items: center; }
    .global_nav_pc { display: none; }

    .btn_humberger_box { display: block; }

}

/*footer*/
footer { position: relative; }
.common_pagelink + footer, .common_pagelink + p, .column_one_footer + footer, .column_one_footer + p { margin-top: -72px; }
.footer_btn { display: flex; }
.footer_btn li a { display: block; width: 220px; padding: 20px 0; background: #0F256F; font-size: 1.6rem; color: #fff; font-weight: 700; text-align: center; }
.footer_btn span { position: relative; }
.footer_btn span:after { content: ""; display: block; width: 40px; height: 2px; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff; }

.footer_main { background: #0F256F; display: flex; justify-content: space-between; flex-direction: row-reverse; padding: 60px 4.69%; }
.footer_main * { color: #fff; }
.footer_logo { width: 312px; margin-bottom: 20px; }
.footer_logo  img { width: 100%; }
address { font-style: normal; font-size: 1.0rem; line-height: 1.5; }
.footer_nav { display: flex; justify-content: flex-end; }
.footer_nav ul + ul { margin-left: 90px; }
.footer_nav li { font-size: 1.4rem; font-weight: bold; }

.footer_sub { background: #0F256F; display: flex; justify-content: flex-end; align-items: center; padding: 0 4.69% 20px; }
.footer_sub * { color: #fff; }
.footer_link { display: flex; }
.footer_link li { font-size: 1.2rem; border-right: 1px solid #fff; line-height: 1; }
.footer_link li a { display: block; padding: 0 7px; letter-spacing: -0.1em; }
.footer_link li:first-child { border-left: 1px solid #fff; }
.copyrights { color: #848FB5; font-weight: 700; margin-left: 50px; }
.pagetop { width: 66px; height: 66px; border-radius: 50%; background: #C6C7CB; position: absolute; right: 4.69%; top: 0; color: #fff; text-align: center; font-size: 1.5rem; font-weight: 600; }
.pagetop span { width: 26px; display: block; margin: 0 auto; }
.pagetop .st0 {fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

@media screen and (max-width: 767px) {
    footer { position: relative;/* margin-top: 80px;*/ }
    .home footer { margin-top: 80px; }
    .common_pagelink + footer, .common_pagelink + p, .column_one_footer + footer, .column_one_footer + p { margin-top: -140px; }
    .footer_btn { display: block; padding: 24px; background: #0F256F; width: calc(100% - 97px);  max-width: 270px; box-sizing: border-box; }
    .footer_btn li + li { margin-top: 10px; }
    .footer_btn li a { display: block; padding: 0; background: #0F256F; font-size: 1.6rem; color: #fff; font-weight: 700; text-align: left; box-sizing: border-box; line-height: 1.5; }
.footer_btn span { position: relative; }
    .footer_btn span:after { display: none; }

    .footer_main { background: #0F256F; display: block; justify-content: space-between;  padding: 24px 20px 40px; }
.footer_main * { color: #fff; }
    .footer_logo { width: 312px; margin: 48px 0 20px; }
address { font-style: normal; font-size: 1.0rem; line-height: 1.5; }
    .footer_nav { display: flex; }
    .footer_nav ul { width: 50%; }
    .footer_nav ul + ul { margin-left: 0; }
    .footer_nav li { font-size: 1.2rem; font-weight: bold; }
    .footer_nav li + li { margin-top: 8px;}

    .footer_sub { background: #0F256F; display: block; justify-content: flex-end; align-items: center; padding: 0 20px 10px; }
.footer_link { display: flex; justify-content: center; }
.footer_link li { font-size: 1.2rem; border-right: 1px solid #fff; line-height: 1; }
.footer_link li a { display: block; padding: 0 7px; }
    .copyrights { color: #848FB5; font-weight: 700; margin-left: 0; text-align: center; margin-top: 10px; }
    .pagetop { width: 57px; height: 57px; border-radius: 50%; background: #C6C7CB; position: absolute; right: 20px; top: 45px; color: #fff; text-align: center; font-size: 1.2rem; font-weight: 600; }
    .pagetop span { width: 23px; display: block; margin: 13px auto 0; line-height: 0; }
.pagetop .st0 {fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
}

/*top*/
main { margin-bottom: 137px; }
.top_main { width: 100%; position: relative; }

.top_main_bg { width: 100%; }
.top_main_bg video { min-height: 100%;min-height: 100vh;min-width: 100%;min-width: 100vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }

.top_main_bg > div { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; overflow: hidden; }
.top_main_bg.is-fixed > div { position: fixed; top: 0;}
.top_main_bg.is-fixend > div { position: absolute; bottom: 0; top: auto; }

.top_main_filter { width: 100%; height: 100vh; background: #000; position: absolute; left: 0; z-index: 2; opacity: 0; }
.top_main_read { width: 455px; position: absolute; left: 14.64%; top: calc(50% + 41px); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; font-size: 3.66vw; font-weight: bold; color: #fff; line-height: 1.0; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.top_main_read img { width: 100%; }
.top_main_news { position: absolute!important; right: 0; bottom: 40px; background: #fff; z-index: 3; width: 683px; padding: 14px 120px 14px 0; font-size: 1.4rem; border-radius: 3px 0 0 3px; box-sizing: border-box; }
.top_main_news .slick-slide { padding-left: 28px; margin-right: 28px; overflow: hidden;}
.top_news_cat { font-size: 1.2rem; color: #3762CF; margin: 0 30px 0 15px; font-weight: 700; }
.ico_news_arrow {fill:none;stroke:#707070;stroke-width:2;stroke-linejoin:bevel;}
.news_arrow_prev { display: block; width: 60px; height: 56px; line-height: 0; position: absolute; right: 60px; top: 0; border: 1px solid #D8D8D8; box-sizing: border-box; }
.news_arrow_next { display: block; width: 60px; height: 56px; line-height: 0; position: absolute; right: 0; top: 0; border: 1px solid #D8D8D8; border-left: none; box-sizing: border-box;  }
.news_arrow_prev svg, .news_arrow_next svg { width: 23.52px; height: 7.5px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.top_head { width: 100%; height: 100vh; position: relative; }

.top_concept { min-height: 100vh; position: relative; z-index: 2; }
.top_concept .inner { padding: 120px 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top_concept a { color: #fff; }
.top_concept_read { font-size: 6.4rem; line-height: 1.5; margin-bottom: 35px; font-weight: 700; color: #fff; }
.top_concept p { font-weight: 700; color: #fff; }

.link_more  { text-align: right; margin-top: 40px; font-weight: 700; }
.link_more > * { font-size: 1.8rem; position: relative; padding-right: 76px; color: #0F256F; }
.link_more .st0{fill:none;stroke:#0F256F;stroke-width:2;stroke-linecap:round;}
.link_more .st1{fill:none;stroke:#0F256F;stroke-width:2.001;stroke-linecap:round;stroke-miterlimit:4.0021;}
.top_concept .link_more .st0, .top_concept .link_more .st1 {stroke:#fff;}
.link_more span { display: block; width: 52px; height: 40px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; }
.link_more svg { width: 100%; }

.top_product { position: relative; margin: 120px 0; }
.top_product .inner { margin: 0 8.78%; height: 50vw; max-height: 670px; min-height: 465px; }
.top_product_img { max-width: 1000px; width: 75.48%; position: absolute; left: 42.99%; top: -50px; z-index: -1; }
.top_product_img img { width: 100%; }
.top_product_en { font-size: 7.0rem; font-weight: 700; color: #0F256F; line-height: 1.0; margin-bottom: 26px; }
.top_common_ttl { font-size: 3.0rem; font-weight: 700; color: #0F256F; line-height: 1.0; margin-top: 16px; }
.top_product_read { font-size: 3.0rem; margin: 120px 0 20px; line-height: 1.5; font-weight: 700; }

.top_common_hd { position: absolute; left: 4.69%; top: 10px; width: 17px; }
.top_common_hd .num { position: relative; text-align: center; }
.top_common_hd .num:after { content: ""; display: block; width: 1px; height: 40px; background: #393D4B; position: absolute; left: 50%; top: 20px;}
.top_common_hd .hd { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; position: absolute; left: 0; top: 60px; line-height: 1; }

.top_common_head { position: relative; text-align: center; position: relative; padding-bottom: 32px; }
.top_common_head:after { content: ""; display: block; width: 55px; height: 2px; background: #0F256F; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.common_hd { font-size: 7.0rem; font-weight: 700; color: #0F256F; line-height: 1.0;}
.top_pickup .common_hd, .top_example .common_hd, .product_cat .common_hd { font-size: 6.0rem; }

.top_pickup { position: relative; margin: 120px 0; }
.slide-arrow { width: 3.66vw; height: 3.66vw; -webkit-transform: translateY(1.83vw); transform: translateY(1.83vw);}
.slide-arrow .st0{fill:#0F256F;}
.slide-arrow .st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.slide-arrow svg { width: 100%;}
.prev-arrow { position: absolute; top: 25%; left: 30vw; z-index: 2; }
.next-arrow { position: absolute; top: 25%; right: 30vw; z-index: 2; }
.slide_item_ph { position: relative; padding-bottom: 100%; margin: 30% 0; transition: all 300ms ease; overflow: hidden; }
.slide_item_ph img { width: 150%!important; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slick-center .slide_item_ph { transform: scale(1.4); }
.slide_item { margin: 0 8.78vw; text-align: center; }
.slide_item_type { font-size: 1.6rem; font-weight: 700; line-height: 1.5; margin-top: 50%; position: relative; }
.slide_item_type:before { content: ""; display: block; width: 3px; height: 24px; position: absolute; top: -40px; left: 50%; background: #0F256F; -webkit-transform: translateX(-2px); transform: translateX(-2px); }
.slide_item_name { font-size: 2.4rem; font-weight: 700; line-height: 1.5; }
.top_pickup .slick-list { position: relative; }
.top_pickup .slick-list:after { content: ""; display: block; width: 100%; height: 7.32vw; background: #F4F6F8; position: absolute; top: 25%; left: 0; z-index: -1; }
.top_pickup .link_more { margin: 100px 8.78% 0 0; }

.top_example { position: relative; margin: 120px 0; padding: 0 0 40px; background: #F4F6F8; }
.top_example .inner { margin: 0 8.78%; }
.top_example .top_common_head { position: relative; top: -36px; }
.top_pickup_list { display: flex; margin-top: 20px; }
.pickup_item { width: 30.9%; margin-left: 3.65%; background: #fff; }
.pickup_item_ph > div { padding-bottom: 113.79%; position: relative; overflow: hidden; }
.pickup_item_ph > div img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1.82); transform: translate(-50%, -50%)scale(1.82); }
.pickup_item:first-child { margin-left: 0; }
.pickup_item_ph img { width: 100%; }
.pickup_item_txt { padding: 24px 16px 48px; }
.pickup_item_ttl { font-size: 2.0rem; color: #0F256F; line-height: 1.5; font-weight: 700; }
.pickup_item_cat { font-size: 1.6rem; margin-top: 10px; }

.top_support { position: relative; margin: 120px 0; padding-bottom: 60px; }
.top_support .inner { margin: 0 8.78%; }
.top_support .ph { height: 35.06vw; min-height: 479px; background: url("../img/top_spt_ph.jpg") no-repeat center / cover; position: relative; }
.top_support .ph:after { content: ""; display: block; width: 100%; height: 35.06vw; min-height: 479px; background: #EFF7FB; position: absolute; left: -10.65%; top: 60px; z-index: -1; }
.top_support .txt { display: block; width: 369px; padding: 48px; position: absolute; bottom: -40px; left: 24px; background: #fff; box-sizing: border-box; z-index: 2; }
.top_support .top_common_hd { left: auto; right: 4.69%; }
.top_support .common_hd { text-align: right; }
.top_support .top_common_box { position: relative; padding-left: 5.69%; margin-top: 32px; }

.top_recruit { position: relative; margin: 120px 0; padding-bottom: 60px; }
.top_recruit .inner { margin: 0 8.78%; }
.top_recruit .ph { height: 35.06vw; min-height: 479px; background: url("../img/top_rct_ph.jpg") no-repeat center / cover; position: relative; }
.top_recruit .ph:after { content: ""; display: block; width: 100%; height: 35.06vw; min-height: 479px; background: #EFF7FB; position: absolute; right: -10.65%; top: 60px; z-index: -1; }
.top_recruit .txt { display: block; width: 369px; padding: 48px; position: absolute; bottom: -40px; right: 24px; background: #fff; box-sizing: border-box; z-index: 2; }
.top_recruit .top_common_hd { left: auto; left: 4.69%; }
.top_recruit .top_common_box { position: relative; padding-right: 5.69%; margin-top: 32px; }

.top_common_box h2 { font-size: 3.0rem; color: #0F256F; line-height: 1.5; position: relative; margin-bottom: 32px; }
.top_common_box h2:after { content: ""; display: block; width: 56px; height: 2px; background: #0F256F; position: absolute; bottom: -5px; left: 0;}

.top_news { position: relative; margin: 120px 0 0; }
.top_news .inner { margin: 0 8.78%; }
.top_news_head { position: relative; text-align: center; position: relative; }

.top_news_body { margin-top: 56px; }
.tab_menu { display: flex; }
.tab_menu li { width: 144px; font-weight: 700; color: #3762CF; text-align: center; font-size: 1.8rem; padding: 10px 0; cursor: pointer; transition: .3s; }
.tab_menu li.selected { background: #3762CF; color: #fff; }
.select_menu_container { display: none; }

.top_news_tab { border-top: 1px solid #D6D6D6; }
.top_news_tab li { border-bottom: 1px solid #D6D6D6; }
.top_news_tab li a { font-size: 1.6rem; display: block; padding: 24px 50px 24px 0; line-height: 1.5; background: url("../img/ico_arrow_news.svg") no-repeat 96.94% center / 10px;}
.tab_body .tab_panel { display: none; }
.tab_body .tab_panel.is-show { display: block; }

@media screen and (max-width: 1023px) {
    .top_concept_read { font-size: 5.1rem; line-height: 1.5; margin-bottom: 35px; }
    
    .top_product_en { font-size: 5.6rem; font-weight: 700; color: #0F256F; line-height: 1.0; margin-bottom: 26px; }
    
    .common_hd { font-size: 4.8rem; font-weight: 700; color: #0F256F; line-height: 1.0;}
    
    .top_example .top_common_head { position: relative; top: -24px; }
    .pickup_item_ttl { font-size: 1.6rem; color: #0F256F; line-height: 1.5; font-weight: 700; }
    .pickup_item_cat { font-size: 1.4rem; margin-top: 10px; }
    
    .top_common_box h2 { font-size: 2.4rem; color: #0F256F; line-height: 1.5; position: relative; margin-bottom: 32px; }
    
    .top_support .ph { height: 35.06vw; min-height: 390px; background: url("../img/top_spt_ph.jpg") no-repeat center / cover; position: relative; }
    .top_support .ph:after { content: ""; display: block; width: 100%; height: 35.06vw; min-height: 390px; background: #EFF7FB; position: absolute; left: -10.65%; top: 60px; z-index: -1; }
    .top_support .txt { width: 369px; padding: 36px; position: absolute; bottom: -40px; left: 24px; background: #fff; box-sizing: border-box; z-index: 2; }
    .top_recruit .ph { height: 35.06vw; min-height: 390px; background: url("../img/top_rct_ph.jpg") no-repeat center / cover; position: relative; }
    .top_recruit .ph:after { content: ""; display: block; width: 100%; height: 35.06vw; min-height: 390px; background: #EFF7FB; position: absolute; right: -10.65%; top: 60px; z-index: -1; }
    .top_recruit .txt { width: 369px; padding: 36px; position: absolute; bottom: -40px; right: 24px; background: #fff; box-sizing: border-box; z-index: 2; }
}

@media screen and (max-width: 767px) {
    main { margin-bottom: 56px; }
.top_main { width: 100%; position: relative; }
    
.top_main_bg { width: 100%; }
.top_main_bg video { min-height: 100%;min-height: 100vh;min-width: 100%;min-width: 100vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }

.top_main_bg > div { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; overflow: hidden; }
.top_main_bg.is-fixed > div { position: fixed; top: 0;}
.top_main_bg.is-fixend > div { position: absolute; bottom: 0; top: auto; }
    
    .top_main_read { width: 190px; position: absolute; left: 27px; z-index: 3; font-size: 3.8rem; font-weight: bold; color: #fff; line-height: 1.35; font-feature-settings: "palt"; letter-spacing: 0.05em; }
    .top_main_read span { font-size: 3.8rem; }
.top_main_read img { width: 100%; }
    .top_main_read .pc { display: none; }
    .top_main_news { display: none!important; }

.top_concept { min-height: 100vh; position: relative; }
    .top_concept .inner { width: 100%; padding: 120px 20px; position: absolute; top: 50%; left: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); box-sizing: border-box;}
.top_concept .inner * { color: #fff; }
    .top_concept_read { font-size: 3.8rem; line-height: 1.5; margin-bottom: 35px; }
    .top_concept p { margin-right: 10%; }

    .link_more  { text-align: right; margin-top: 24px; }
    .link_more > * { font-size: 1.4rem; position: relative; padding-right: 50px; color: #0F256F; }
.link_more .st0{fill:none;stroke:#0F256F;stroke-width:2;stroke-linecap:round;}
.link_more .st1{fill:none;stroke:#0F256F;stroke-width:2.001;stroke-linecap:round;stroke-miterlimit:4.0021;}
.top_concept .link_more .st0, .top_concept .link_more .st1 {stroke:#fff;}
.link_more span { display: block; width: 35px; height: 26px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; }
.link_more svg { width: 100%; }

    .top_product { position: relative; margin: 96px 0; }
    .top_product .inner { margin: 0 20px; height: auto; max-height: auto; min-height: auto; }
    .top_product_img { max-width: 545px; width: 139.48%; position: absolute; left: 39.74%; top: -80px; z-index: -1; }
.top_product_img img { width: 100%; }
    .top_product_en { font-size: 3.8rem; font-weight: 700; color: #0F256F; line-height: 1.0; margin-bottom: 16px; }
    .top_common_ttl { font-size: 2.0rem; color: #0F256F; line-height: 1.0; margin-top: 8px; }
    .top_example .top_common_ttl { font-size: 1.5rem; }
    .top_product_read { font-size: 2.0rem; margin: 96px 0 24px; line-height: 1.3; }

    .top_common_hd { display: none; }
.top_common_hd .num { position: relative; text-align: center; }
.top_common_hd .num:after { content: ""; display: block; width: 1px; height: 40px; background: #393D4B; position: absolute; left: 50%; top: 20px;}
.top_common_hd .hd { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; position: absolute; left: 0; top: 60px; line-height: 1; }

    .top_common_head { position: relative; text-align: center; position: relative; padding-bottom: 14px; }
.top_common_head:after { content: ""; display: block; width: 55px; height: 2px; background: #0F256F; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .common_hd { font-size: 3.8rem; font-weight: 700; color: #0F256F; line-height: 1.0;}
    .top_common_head .common_hd { font-size: 3.0rem; }

    .top_pickup { position: relative; margin: 96px 0; }
    .slide-arrow { width: 8.2vw; height: 8.2vw; -webkit-transform: translateY(4.1vw); transform: translateY(4.1vw);}
.slide-arrow svg { width: 100%;}
    .prev-arrow { position: absolute; top: 28.5%; left: 9vw; z-index: 2; }
    .next-arrow { position: absolute; top: 28.5%; right: 9vw; z-index: 2; }
.slide_item_ph { position: relative; padding-bottom: 100%; margin: 30% 0; transition: all 300ms ease; }
.slide_item_ph img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .slick-center .slide_item_ph { transform: scale(1.4); }
    .slide_item { margin: 0 15.0vw; text-align: center; }
    .slide_item_type { font-size: 1.4rem; font-weight: 700; line-height: 1.5; margin-top: 50%; position: relative; }
.slide_item_type:before { content: ""; display: block; width: 3px; height: 24px; position: absolute; top: -40px; left: 50%; background: #0F256F; -webkit-transform: translateX(-2px); transform: translateX(-2px); }
    .slide_item_name { font-size: 2.0rem; font-weight: 700; line-height: 1.5; }
.top_pickup .slick-list { position: relative; }
    .top_pickup .slick-list:after { content: ""; display: block; width: 100%; height: 26.41vw; background: #F4F6F8; position: absolute; top: 22%; left: 0; z-index: -1; }
    .top_pickup .link_more { margin: 66px 8.78% 0 0; }

    .top_example { position: relative; margin: 96px 0; padding: 0 0 24px; background: #F4F6F8; }
    .top_example .inner { margin: 0 20px; }
    .top_example .top_common_head { position: relative; top: -15px; }
    .top_pickup_list { display: block; margin-top: 20px; }
    .pickup_item { display: block; width: auto; margin-left: 0; background: #fff; }
    .pickup_item_ph > div { padding-bottom: 62.85%; position: relative; overflow: hidden; }
    .pickup_item_ph > div img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%)scale(1); }
    .pickup_item + .pickup_item { margin-top: 10px; }
.pickup_item:first-child { margin-left: 0; }


    .pickup_item_txt { padding: 20px 10px; }
    .pickup_item_ttl { font-size: 1.5rem; color: #0F256F; line-height: 1.5; font-weight: 700; }
    .pickup_item_cat { font-size: 1.4rem; margin-top: 8px; }

    .top_support { position: relative; margin: 96px 0; padding-bottom: 0; }
    .top_support .inner { margin: 0 20px; }
    .top_support .ph { height: 50.25vw; min-height: auto; background: url("../img/top_spt_ph.jpg") no-repeat center / cover; position: relative; }
    .top_support .ph:after { display: none; }
    .top_support .txt { width: auto; margin: -70px 20px 0; padding: 32px 20px; position: relative; bottom: auto; left: auto; background: #fff; box-sizing: border-box; z-index: 2; }
    .top_support .top_common_hd { left: 0; right: auto; }
    .top_support .common_hd { text-align: left; }
    .top_support .top_common_box { position: relative; padding: 0 0 32px 0; margin: 0 -20px; background: #EFF7FB; }

    .top_recruit { position: relative; margin: 96px 0; padding-bottom: 0; }
    .top_recruit .inner { margin: 0 20px; }
    .top_recruit .ph { height: 50.25vw; min-height: auto; background: url("../img/top_rct_ph_sp.jpg") no-repeat center / cover; position: relative; }
    .top_recruit .ph:after { display: none; }
    .top_recruit .txt { width: auto; margin: -70px 20px 0; padding: 32px 20px; position: relative; bottom: auto; right: auto; background: #fff; box-sizing: border-box; z-index: 2;     }
.top_recruit .top_common_hd { left: 0; left: auto; }
    .top_recruit .top_common_box { position: relative; padding: 0 0 32px 0; margin: 0 -20px; background: #EFF7FB; }

    .top_common_box h2 { font-size: 2.0rem; color: #0F256F; line-height: 1.5; position: relative; margin-bottom: 24px; }
    .top_common_box h2:after { display: none; }

    .top_news { position: relative; margin: 96px 0 0; }
    .top_news .common_hd { text-align: left; }
    .top_news .top_common_ttl { display: none; }
    .top_news .inner { margin: 0 20px; }
    .top_news_head { position: relative; text-align: center; position: relative; }
    
    .top_news_body { margin-top: 24px; }
    .tab_menu { display: none; }
    .select_menu_container { display: block; margin-top: 24px; }
    
    .top_news_tab li a { font-size: 1.4rem; display: block; padding: 24px 0; line-height: 1.5; background: none; }
    
    .select_menu_container {overflow: hidden;width: 100%;text-align: center;position: relative;background: #3762CF; }
    .select_menu_container select {width: 100%;padding-right: 1em;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;border-radius: 0;padding: 10px 38px 10px 20px;color: #fff;font-size: 1.5rem;}
    .select_menu_container select::-ms-expand {display: none;}
    .select_menu_container::before {position: absolute;top: 50%;right: 20px;width: 0;height: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);padding: 0;content: '';border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #fff;pointer-events: none;}
}  

/*common*/
.common_temp { background: #F4F6F8; padding-top: 172px; margin-bottom: 0; }
.common_temp > .inner { background: #fff; padding: 0 10.98% 0 4.68%; }
.common_temp > .column_one { background: #fff; padding: 0 4.68% 120px; }
.common_temp > .product_detail_head { padding-bottom: 0; }

.page_top_head { position: relative; top: -45px; height: 130px; }
.page_top_en { font-size: 7.0rem; line-height: 1.2; color: #0F256F; font-weight: 700; }
.page_top_ttl { font-size: 2.4rem; line-height: 1.2; color: #0F256F; font-weight: 700; margin-top: 15px; }

.column_two { display: flex; position: relative; }
.column_two .sidebar { width: 20.83%; min-width: 160px; position: relative; top: -120px; padding: 120px 40px 0 0; box-sizing: border-box; }
.column_two .contents { width: 78.29%; min-width: 520px; position: relative; top: -120px; padding: 0; }
.column_one .contents { width: 70.69%; max-width: 900px; min-width: 520px; position: relative; margin: 0 auto; }
.column_two section { padding-top: 120px; }
a.txt_link { color: #3762CF; border-bottom: 1px solid; }

.common_h2 { font-size: 3.2rem; color: #0F256F; line-height: 1.5; position: relative; padding-bottom: 14px; margin-bottom: 32px; }
.common_h2:after { content: ""; display: block; width: 30px; height: 2px; background: #11276B; position: absolute; bottom: 0px; }

.common_h3 { font-size: 2.4rem; color: #102670; line-height: 1.5; margin: 56px 0 24px; }
.common_h2 + .common_h3 { margin-top: 32px; }

.common_h4 { font-size: 2.0rem; line-height: 1.5; margin: 24px 0 24px; }
.common_h3 + .common_h4 { margin-top: 32px; }

.sidebar li { font-size: 1.5rem; font-weight: 700; line-height: 1.5; }
.sidebar li + li { margin-top: 40px; }

.sidebar > ul,
.sidebar > .sidebar_producets { position: relative; width: 210px; }
.sidebar.is-fixed > ul,
.sidebar.is-fixed > .sidebar_producets { position: fixed; top: 120px; }
.sidebar.is-fixend > ul,
.sidebar.is-fixend > .sidebar_producets { position: absolute; bottom: 0; top: auto; }

.font_lg { font-size: 2.0rem; line-height: 1.67; }

.common_pagelink { background: #F4F6F8; padding: 90px 0 137px; }
.common_pagelink .inner { margin: 0 9.15%; }
.common_pagelink .common_pagelink_hd { margin: -40px 0 26px; font-size: 2.0rem; color: #001DFF; font-weight: 500; }
.relation_page { display: flex; flex-wrap: wrap; }
.relation_page_item { width: 31.36%; margin-left: 2.96%; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; background: #fff; position: relative; font-size: 1.8rem; font-weight: bold; color: #102670; line-height: 1.5; }
.relation_page_item:nth-child(3n+1) { margin-left: 0; }
.relation_page_ttl { padding: 0 0 0 30px; white-space: nowrap;}
.relation_page_ph { width: 30%; }
.relation_page_ph span { position: relative; display: block; padding-bottom: 81.9%; overflow: hidden; }
.relation_page_ph img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.relation_page_ico { width: 32px; height: 32px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
.relation_page_ico img { width: 18px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.column_one_footer { background: #F4F6F8; padding: 0 0 146px; }

@media screen and (max-width: 1200px) {
    .sidebar > ul { width: 160px; }
}

@media screen and (max-width: 1023px) {
    .relation_page_item { width: 48.52%; margin-left: 2.96%; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; background: #fff; position: relative; font-size: 1.8rem; font-weight: bold; color: #102670; }
    .relation_page_item:nth-child(3n+1) { margin-left: 2.96%; }
    .relation_page_item:nth-child(2n+1) { margin-left: 0; }
}

@media screen and (max-width: 767px) {
    .common_temp { background: #F4F6F8; padding-top: 112px; }
    .common_temp > .inner { background: #fff; padding: 0 20px; }

    .page_top_head { position: relative; top: -25px; height: auto; }
    .page_top_en { font-size: 3.8rem; line-height: 1.2; color: #0F256F; font-weight: bold; }
    .page_top_ttl { font-size: 1.8rem; line-height: 1.2; color: #0F256F; font-weight: bold; margin-top: 0; }

    .column_two { display: block; position: relative; margin: 25px 0 80px; }
    .column_two .sidebar { display: none; }
    .column_two .contents { width: auto; min-width: auto; position: relative; top: 0; padding: 0; }
    .column_one { margin: 0 0 80px; }
    .column_one .contents { width: auto; max-width: 900px; min-width: auto; position: relative; margin: 25px auto 0; }
    .column_two section { padding-top: 0; }
    .column_two section + section { padding-top: 80px; }

    .common_h2 { font-size: 2.0rem; font-weight: bold; color: #0F256F; line-height: 1.5; position: relative; padding-bottom: 5px; margin-bottom: 16px;  }
    .common_h2:after { content: ""; display: block; width: 20px; height: 2px; background: #11276B; position: absolute; bottom: 0px; }

    .common_h3 { font-size: 2.0rem; font-weight: bold; color: #102670; line-height: 1.5; margin: 56px 0 16px; text-align: center; }
    .common_h2 + .common_h3 { margin-top: 16px; }

    .font_lg { font-size: 1.4rem; line-height: 1.67; font-weight: 700; }
    .font_lg.sp_ct { text-align: center; }

    .common_pagelink { background: #F4F6F8; padding: 80px 0 168px; }
    .common_pagelink .inner { margin: 0 20px; }
    .common_pagelink .common_pagelink_hd { display: none; }
    .relation_page { display: block; }
    .relation_page_item { width: auto; margin-left: 0; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; background: #fff; position: relative; font-size: 1.5rem; font-weight: bold; color: #102670; }
    .relation_page_item:nth-child(3n+1) { margin-left: 0; }
.relation_page_ttl { padding: 0 0 0 30px; white-space: nowrap;}
    .relation_page_ph { width: 30%; max-width: 120px; }
.relation_page_ph img { width: 100%; }
.relation_page_ico { width: 32px; height: 32px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
.relation_page_ico img { width: 18px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
    
    .column_one_footer { background: #F4F6F8; padding: 0 0 188px; }
}

/*common 2nd*/
.page_common_head { position: relative; top: -25px; height: 130px; }
.page_common_en { font-size: 3.8rem; line-height: 1.2; color: #6A7188; font-weight: 600; }
.page_common_ttl { font-size: 1.4rem; line-height: 1.2; color: #102670; font-weight: 700; margin-top: 15px; position: relative; padding-left: 15px; }
.page_common_ttl:before { content: ""; display: block; width: 10px; height: 1px; position: absolute; left: 0; top: 50%; background: #102670; }
.page_common_ttl span + span:before { content: " , "; }

.page_common_body ul li { font-size: 1.6rem; padding-left: 25px; position: relative; line-height: 1.5; }
.page_common_body ul li:before { content: ""; display: block; width: 10px; height: 10px; background: #3762CF; border-radius: 50%; position: absolute; top: 7px; left: 5px; } 
.page_common_body ul li + li { margin-top: 15px; }
.page_common_body * + ul { margin-top: 43px; }

.page_common_body ol { counter-reset: ol_li; }
.page_common_body ol li { font-size: 1.6rem; margin-left: 5px; line-height: 1.5;  }
.page_common_body ol li:before { counter-increment: ol_li;   content: counter(ol_li);   color: #3762CF; font-size: 1.4rem; margin-right: 10px; }
.page_common_body ol li + li { margin-top: 15px; }

.common_title_ph { margin-bottom: 40px; padding-bottom: 24%; position: relative; overflow: hidden; }
.common_title_ph img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.breadcrumbs { font-size: 1.4rem; font-weight: 700; color: #102670; position: absolute; top: -55px;}
.breadcrumbs .cat + .cat:before { content: " , "; }


@media screen and (max-width: 767px) {
    .page_common_head { position: relative; top: -20px; height: auto; }
    .page_common_en { font-size: 3.0rem; line-height: 1.2; color: #6A7188; font-weight: 600; }
    .page_common_ttl { font-size: 1.5rem; line-height: 1.2; color: #102670; font-weight: 700; margin-top: 0; position: relative; padding-left: 0; }
    .page_common_ttl:before { display: none; }
    
    .page_common_body ul li { font-size: 1.4rem; padding-left: 25px; position: relative; line-height: 1.5; }
    .page_common_body ol li { font-size: 1.4rem; margin-left: 5px; line-height: 1.5;  }

    .common_title_ph { margin: 0 -20px 20px; padding-bottom: 55.40%; }
.common_title_ph img { width: 100%; }
    .company_contents section { padding-top: 0; }
    .company_contents section + section { padding-top: 80px; }
    
    .breadcrumbs { display: none; }
}


/*company*/
.greeting_box { display: block; margin-top: 32px; }/*{ display: flex; flex-direction: row-reverse; justify-content: space-between; margin-top: 32px; }*/
.greeting_ph { width: auto; position: relative; }/*{ width: 28.41%; }*/
.greeting_ph img { width: 100%; }
.greeting_txt { width: auto; margin-top: 32px;}/*{ width: 61.82%; }*/
.greeting_txt p + p { margin-top: 2em; }
.greeting_ceo_name { display: block; max-width: 143px; margin: 27px auto 0; position: absolute; right: 30px; bottom: 15px;}

.will_img { text-align: center; margin-bottom: 56px; }
.will_img img { max-width: 100%; }
.will_img figcaption { font-size: 2.4rem; line-height: 1.67; }

.common_list { margin-top: 12px; }
.common_list li { font-size: 2.0rem; position: relative; padding-left: 20px; line-height: 1.67; }
.common_list li:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: #3762CF; position: absolute; left: 0; top: 10px; }
.common_list li + li { margin-top: 12px; }

.common_tb { width: 100%; font-size: 1.6rem; margin-top: 30px; }
.common_tb th, .common_tb td { border-bottom: 1px solid #A8A8A8; padding: 20px 0; line-height: 2.0; }
.common_tb th { width: 173px; }

@media screen and (max-width: 767px) {
    .greeting_box { display: block; margin-top: 16px; }
    .greeting_ph { width: auto; position: relative; }
    .greeting_txt { width: auto; margin-top: 24px; }
    .greeting_ceo_name { display: block; max-width: 97px; margin: 0; position: absolute; right: 30px; bottom: 15px; }

    #will { margin-top: 80px; }
    .will_img { text-align: center; margin: 0 auto 56px; max-width: 390px; }
    .will_img figcaption { font-size: 1.4rem; line-height: 1.67; font-weight: 700; }

    .common_list { margin-top: 16px; }
    .common_list li { font-size: 1.4rem; position: relative; padding-left: 20px; line-height: 1.67; }
    .common_list li:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: #3762CF; position: absolute; left: 0; top: 5px; }
.common_list li + li { margin-top: 12px; }

    #profile, #officer { margin-top: 80px; }
    .common_tb { width: 100%; font-size: 1.4rem; margin-top: 9px; }
    .common_tb tr:first-child th { padding-top: 0; }
    .common_tb tr, .common_tb th, .common_tb td { display: block; }
    .common_tb th, .common_tb td { border-bottom: 1px solid #A8A8A8; padding: 15px 0; line-height: 1.7; }
    .common_tb th { border-bottom: none; padding-bottom: 0;}
    .common_tb td { padding-top: 0; }
    .common_tb th { width: auto; }
}

/*sustainability*/
.sus_sdg_img { margin-top: 24px; }

.common_ol li { font-size: 1.6rem; list-style-type: decimal; margin-left: 2.0rem; }
.common_ol li + li { margin-top: 15px;}
.common_ul li { font-size: 1.6rem; }
.common_ul li:before { content: "・"; display: inline-block; }
.company_contents p + *, .company_contents ol + *, .company_contents ul + * { margin-top: 2em; }
.notes { font-size: 1.2rem; }
.txt_r { text-align: right; }

.sdgs_tb_pc { margin-top: 80px!important; }
.sdgs_tb_pc tr { border-bottom: 1px solid #707070; }
.sdgs_tb_pc thead th { font-size: 1.4rem; font-weight: 700; text-align: center; color: #0F256F; padding-bottom: 10px; }
.sdgs_tb_pc tbody th { font-size: 2.0rem; font-weight: 700; white-space: nowrap; vertical-align: middle; padding: 30px 15px; color: #0F256F; }
.sdgs_tb_pc tbody td { font-size: 1.6rem; white-space: nowrap; vertical-align: middle; padding: 30px 15px; }
.sdgs_tb_pc tbody td:last-child { white-space: normal; }
.sdgs_tb_pc tbody td img { width: 181px; }

.sdgs_tb_sp { display: none; }

.notes_sdgs { margin-top: 80px!important; }

@media screen and (max-width: 767px) {
    .common_ol li { font-size: 1.4rem; }
    .notes { font-size: 1.1rem; }
}

@media screen and (max-width: 1023px) {
    .sdgs_tb_pc { display: none; }
    
    .sdgs_tb_sp { display: block; margin-top: 56px!important; }
    .sdgs_tb_sp tr:nth-child(3n+1) { border-top: 1px solid #707070; }
    .sdgs_tb_sp tr:nth-child(3n) { border-bottom: 1px solid #707070; }
    .sdgs_tb_sp tr:nth-child(3n+1) th { font-size: 2.0rem; font-weight: 700; text-align: left; color: #0F256F; padding: 26px 10px 10px; }
    .sdgs_tb_sp tbody th { font-size: 1.4rem; font-weight: 700; white-space: nowrap; vertical-align: middle; padding: 0 15px; color: #0F256F; }
    .sdgs_tb_sp tbody td { font-size: 1.4rem; vertical-align: middle; padding: 10px; }
    .sdgs_tb_sp tbody td img { width: 100%; }
    .sdgs_tb_sp tr:nth-child(3n) td { padding-bottom: 20px; }

    .notes_sdgs { margin-top: 36px!important; }
}

/*about*/
.about_top_logo { width: 80%; max-width: 440px; margin: 0 auto 80px;}
.about_top_logo img { width: 100%; }
.about_top_read { text-align: center; }
.about_top_read p + p { margin-top: 2em; }
.about_top_hd { font-size: 1.8rem; margin: 80px 0 28px; font-weight: 700; line-height: 1.5; }

.about_top_movie { text-align: center; margin-top: 40px;}
.about_top_movie video { width: 100%; }

.about_img { margin-top: 40px; }
.about_img img { width: 100%; }

.photo_slide_box { background: #F4F6F8; padding: 60px 0 88px; margin-top: 40px; }
.photo_slide .slick-slide { margin: 0 8px; }
.photo_slide .slick-dots { bottom: -28px; }

@media screen and (max-width: 767px) {
    .about_top_logo { width: 100%; max-width: 241px; margin: 0 auto 56px;}
    .about_top_hd { font-size: 2.0rem; margin: 56px 0 16px; }

    .about_top_movie { text-align: center; margin-top: 40px;}
    .about_top_movie video { width: 100%; }
    
.about_img { margin-top: 40px; }
.about_img img { width: 100%; }
    .about_flow_img { margin: 40px -20px 0; }

    .photo_slide_box { background: #F4F6F8; padding: 40px 0 46px; margin: 40px -20px 0; }
.photo_slide .slick-slide { margin: 0 8px; }
.photo_slide .slick-dots { bottom: -28px; }
}

/*history*/
.history_item { display: flex; margin-left: 7px; }
.history_item_ico { width: 1px; background: #3762CF; position: relative; }
.history_item:last-child .history_item_ico { background: none; }
.history_item_ico:before { content: ""; display: block; width: 14px; height: 14px; background: #3762CF; border-radius: 50%; position: absolute; top: 0; left: -7px; }
.history_item_main { margin-left: 24px;}
.history_item_main dt { font-size: 1.6rem; font-weight: 700; color: #3762CF; line-height: 1.5; margin: -3px 0 18px; }
.history_item_main dd { font-size: 1.6rem; margin: 0 0 24px 64px; line-height: 1.5; }
.history_item_main dd.ph_y { display: flex; align-items: center; }
.history_item_main dd .ph { width: 126px; margin-right: 24px; }
.history_item_main dd .ph + .ph { margin-left: -8px; }
.history_item_main dd img { width: 100%; }
.font_bl { display: block; color: #3762CF; margin-top: 5px; }

@media screen and (max-width: 767px) {
.history_item { display: flex; margin-left: 7px; }
.history_item_ico { width: 1px; background: #3762CF; position: relative; }
.history_item:last-child .history_item_ico { background: none; }
.history_item_ico:before { content: ""; display: block; width: 14px; height: 14px; background: #3762CF; border-radius: 50%; position: absolute; top: 0; left: -7px; }
.history_item_main { margin-left: 24px;}
.history_item_main dt { font-size: 1.6rem; font-weight: 700; color: #3762CF; line-height: 1.5; margin: -3px 0 18px; }
    .history_item_main dd { font-size: 1.4rem; margin: 0 0 24px 24px; line-height: 1.5; }
.history_item_main dd.ph_y { display: block; }
.history_item_main dd .ph { width: 126px; margin-right: 24px; margin-bottom: 16px; }
.history_item_main dd .ph + .ph { margin-left: -8px; }
}

/*network*/
.network_h2 { font-size: 3.2rem; font-weight: bold; color: #0F256F; line-height: 1.5; position: relative; padding-bottom: 5px; margin-bottom: 48px; border-bottom: 2px solid #11276B; }
.network_item { display: flex; justify-content: space-between; align-items: flex-start; }
.network_item + .network_item { margin-top: 30px; }
.network_item_hd { display: flex; align-items: flex-start; }
.network_item_ico { font-size: 1.6rem; font-weight: 700; width: 75px; margin-right: 16px; padding: 2px 0; border: 2px solid #3762CF; color: #3762CF; text-align: center; line-height: 1.5; }
.network_item_hd h3 { font-size: 2.4rem; font-weight: 700; color: #393D4B; line-height: 1.5; }
.network_item_address { font-size: 1.5rem; font-weight: 700; color: #707070; margin-top: 16px; line-height: 1.35; }
.network_item_map { color: #fff; font-size: 1.8rem; font-weight: 700; width: 120px; min-width: 120px; margin-left: 35px; padding: 12px 0; background: #3762CF; text-align: center;}

.network_page_nav { display: none; }

@media screen and (max-width: 767px) {
    .network_h2 { font-size: 2.0rem; font-weight: bold; color: #0F256F; line-height: 1.5; position: relative; padding-bottom: 5px; margin-bottom: 32px; border-bottom: 2px solid #11276B; }
.network_item { display: flex; justify-content: space-between; align-items: flex-start; }
.network_item + .network_item { margin-top: 30px; }
.network_item_hd { display: flex; align-items: flex-start; }
    .network_item_ico { font-size: 1.2rem; font-weight: 700; width: 75px; margin-right: 8px; padding: 2px 0; border: 2px solid #3762CF; color: #3762CF; text-align: center; line-height: 1.5; }
    .network_item_hd h3 { font-size: 1.8rem; font-weight: 700; color: #393D4B; line-height: 1.5; }
    .network_item_address { font-size: 1.4rem; font-weight: 500; color: #707070; margin-top: 12px; }
    .network_item_map { color: #fff; font-size: 1.4rem; font-weight: 700; width: 80px; min-width: 80px; margin-left: 35px; padding: 12px 0; background: #3762CF; text-align: center;}
    
    .network_page_nav { display: block; margin: 30px 0 80px; }
    .network_page_nav ul { display: flex; flex-wrap: wrap; }
    .network_page_nav ul li { width: 48%; margin-bottom: 16px; }
    .network_page_nav ul li:nth-child(2n) { margin-left: 4%; }
    .network_page_nav ul li a { display: block; font-size: 1.2rem; font-weight: bold; color: #fff; background: #3E65C8; padding: 12px 12px; }
}

/*product top*/
.product_top { position: relative; margin: 0 0 128px; padding-top: 128px; }
.product_top .inner { margin: 0 10.54%; height: 50vw; max-height: 670px; min-height: 465px; }
.product_top .top_product_img { top: 78px; }

.product_cat { position: relative; margin: 120px 0 0; }
.product_cat .inner { margin: 0 10.54%; }

.product_index { display: flex; flex-wrap: wrap; position: relative; margin-top: 65px; }
.product_index:after { content: ""; display: block; position: absolute; right: -13.35%; top: 48px; width: 107.79%; height: 93%; background: #EAECF2; z-index: -1; }
.product_index_item { width: 48.88%; margin-bottom: 32px; display: flex; background: #fff; position: relative; font-weight: bold; color: #102670; overflow: hidden; }
.product_index_item:nth-child(2n) { margin-left: 2.24%; }
.product_index_txt { width: 50.28%; margin-left: 24px; padding: 15px 0; color: #102670;}
.product_index_ttl { font-size: 1.8rem; font-weight: 700; color: inherit; line-height: 1.6; }
.product_index_txt p  { font-size: 1.2rem; font-weight: 700; color: inherit; }
.product_index_ph { width: 30%; position: relative; overflow: hidden; background-position: center; background-size: cover; }
.product_index_ph img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.product_index_ico { width: 54px; height: 54px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
.product_index_ico img { width: 33px; height: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.product_recommend { position: relative; margin: 66px 0 0; }
.product_recommend .inner { margin: 0 10.54%; }
.recommend_banner { position: relative; display: block; overflow: hidden; }
.recommend_banner_ph img { width: 100%; }
.recommend_banner_ico { width: 59px; height: 59px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
.recommend_banner_ico img { width: 33px; height: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

@media screen and (max-width: 767px) {
    .product_top { position: relative; padding-top: 80px; margin: 0 0 120px; }
    .product_top .inner { margin: 0 20px; height: auto; max-height: auto; min-height: auto; }
    .product_top .top_product_img { top: 12px; opacity: 0.34; }
    .product_top .top_product_read { margin-top: 56px; }
    
    .product_top + .top_pickup { margin-top: 80px; }

    .product_cat { position: relative; margin: 80px 0 0; padding-bottom: 48px; background: #EAECF2; }
    .product_cat .inner { margin: 0 20px; }
    .product_cat .top_common_head { position: relative; top: -15px; }

    .product_index { display: block; flex-wrap: wrap; position: relative; margin-top: 20px; }
    .product_index:after { display: none; }
    .product_index_item { width: auto; margin-bottom: 16px; display: flex; flex-direction: row-reverse; justify-content: space-between; background: #fff; position: relative; font-weight: bold; color: #102670; }
    .product_index_item:last-child { margin-bottom: 0; }
    .product_index_item:nth-child(2n) { margin-left: 0; }
.product_index_txt { width: 60.58%; margin-left: 0; padding: 15px 18px; box-sizing: border-box; }
    .product_index_ttl { font-size: 1.5rem; font-weight: 700; }
.product_index_txt p  { font-size: 1.2rem; font-weight: 700; }
    .product_index_ph { width: 39.42%; }
    .product_index_ico { width: 32px; height: 32px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
    .product_index_ico img { width: 18px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

    .product_recommend { position: relative; margin: 48px 0 0; }
    .product_recommend .inner { margin: 0 20px; }
.recommend_banner { position: relative; display: block; }
    .recommend_banner_ico { width: 32px; height: 32px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
    .recommend_banner_ico img { width: 18px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
}

/*product list*/
.product_item_list { display: flex; flex-wrap: wrap; }
.product_item { width: 31.66%; margin-left: 2.51%; margin-bottom: 24px; border: 2px solid #F4F6F8; box-sizing: border-box; }
.product_item:nth-child(3n+1) { margin-left: 0; } 
.product_item_ph  { position: relative; }
.product_item_ph div {  overflow: hidden; position: relative; padding-bottom: 66%; }
.product_item_ph img { width: 100%; height: auto!important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.product_item_ico { width: 32px; height: 32px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
.product_item_ico img { width: 18px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.product_item_txt { padding: 20px; }
.product_item_txt h2 { font-size: 1.8rem; font-weight: 700; line-height: 1.5; }
.product_item_txt ul { margin-top: 14px; display: flex; flex-wrap: wrap; margin-left: -10px; }
.product_item_txt li { font-size: 1.0rem; font-weight: 700; color: #3762CF; margin-left: 10px; letter-spacing: -0.08em; }

.btn_more a { display: block; width: 505px; margin: 40px auto 0;padding: 20px 0; font-size: 2.4rem; font-weight: 700; line-height: 1.5; position: relative; background: #0F256F; color: #fff; text-align: center; }
.btn_more .btn_more_ico { display: block; width: 22px; height: 16px;line-height: 0; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.btn_more .btn_more_ico_svg { fill: #FFFFFF; }
.btn_more .btn_more_ico_svg svg { width: 100%;  }

.btn_more_w a { max-width: 640px; width: 100%; margin:32px auto 0; }
.btn_more_w .btn_more_ico02 { display: block; width: 33px; height: 15px;line-height: 0; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.search_box { border-bottom: 2px solid #707070; width: 143px; display: flex; padding-bottom: 14px; margin-bottom: 60px; }
.input_search { border: none; }
.btn_search { width: 20px; padding: 0; background: #fff; }
.input_search { width: 120px; box-sizing: border-box; }

.product_category_select { display: none; }

.no_search { margin-bottom: 300px;}

@media screen and (max-width: 1023px) {
    .product_item { width: 48.57%; margin-left: 2.86%; margin-bottom: 16px; }
    .product_item:nth-child(3n+1) { margin-left: 2.86%; } 
    .product_item:nth-child(2n+1) { margin-left: 0; } 
}
    
@media screen and (max-width: 767px) {
    .product_item_txt { border-top: none; padding: 10px; }
    .product_item_txt h2 { font-size: 1.4rem; font-weight: 700; line-height: 1.5; }
    .product_item_txt li { display: none; }
    .product_item_txt li:nth-child(1), .product_item_txt li:nth-child(2), .product_item_txt li:nth-child(3) { display: block; }
    
    .btn_more a { display: block; width: auto; margin: 26px auto 0;padding: 15px 0; font-size: 1.4rem; font-weight: 700; line-height: 1.5; position: relative; background: #0F256F; color: #fff; text-align: center; }
    
    .btn_more_w a { font-size: 2.0rem; max-width: 640px; width: 100%; margin:32px auto 0; }
    .btn_more_w .btn_more_ico02 { display: block; width: 33px; height: 15px;line-height: 0; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    
    .product_category_list { display: none; }
    .product_category_select { display: block!important; width: 100%; margin-bottom: 20px;  box-sizing: border-box; font-size: 1.6rem; font-weight: 700; padding: 10px; border-radius: 0;}
    
    .no_search { margin-bottom: 100px;}
}

/*product category*/
.product_category_read { font-size: 2.4rem; font-weight: 700; line-height: 1.5; margin-bottom: 80px; }
.product_category_item { display: flex; margin-top: 65px; }
.product_category_ph { width: 43.44%; margin-left: 2.79%; }
.product_category_ph img { width: 100%; }
.product_category_txt { width: 53.77%; }
.product_category_hd { font-size: 1.8rem; font-weight: 700; line-height: 1.5; margin-bottom: 50px; }
.product_category_img { margin-top: 80px; }
.product_category_img img { width: 100%; }
.product_category_section + .product_category_section { margin-top: 120px; }

@media screen and (max-width: 767px) {
    .product_category_read { font-size: 1.4rem; font-weight: 700; line-height: 1.5; margin-bottom: 75px; }
    .product_category_item { display: block; margin-top: 40px; }
    .product_category_item + .product_category_item { margin-top: 56px; }
    .product_category_ph { width: auto; max-width: 215px; margin: 40px auto 0; }
    .product_category_ph.ph-common { width: auto; max-width: 100%; margin: 40px auto 0; }
    .product_category_txt { width: auto; }
    .product_category_hd { font-size: 2.0rem; font-weight: 700; line-height: 1.5; margin-bottom: 9px; }
    .product_category_img { margin: 40px -20px 0; }
    .product_category_section + .product_category_section { margin-top: 80px; }
}

/*product detail*/
.product_slide_box { background: #fff; padding: 64px 0 124px; }
.product_slide { width: 70.69%;max-width: 900px;min-width: 520px; margin: 0 auto; }
.product_slide_box .slick-list { overflow: visible!important; }
.product_slide_box .slick-slide { margin: 0 0.8vw; }

.product_detail_en { font-size: 4.5rem; }
.product_detail_name { font-size: 1.6rem; line-height: 1.2; color: #102670; font-weight: 700; margin-bottom: 8px; }
.product_detail_keywords a { font-size: 1.2rem; border: 1px solid #3762CF; display: inline-block; padding: 5px 15px; color: #3762CF; line-height: 1.5; }
.product_detail_keywords { margin-bottom: 15px; }
.product_detail_keywords li { display: inline-block; margin: 0 10px 10px 0; }

.product_slide_box .prev-arrow { position: absolute; top: 50%; left: 14px; z-index: 2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4)); }
.product_slide_box .next-arrow { position: absolute; top: 50%; right: 14px; z-index: 2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4)); }
.product_slide_box .slick-slide > div { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.product_slide_box img { width: auto!important; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.product_slide_box video { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.product_slide_box .slick-dots { bottom: -44px; }

.product_detail_item { position: relative; z-index: 1; }
.product_detail_item + .product_detail_item { margin-top: 59px; }
.product_detail_hd { font-size: 1.6rem; line-height: 1.2; color: #102670; font-weight: 700; position: relative; padding-left: 15px; margin-bottom: 16px; }
.product_detail_hd:before { content: ""; display: block; width: 10px; height: 1px; position: absolute; left: 0; top: 50%; background: #102670; }
.product_detail_item h2 { font-size: 3.2rem; color: #0F256F; line-height: 1.5; margin-bottom: 21px; }

.product_detail_num { font-size: 12.0rem; color: #F4F6F8; font-weight: 700; position: absolute; right: 0; top: 80px; line-height: 0; z-index: -1; }
.product_detail_size { font-size: 2.4rem; font-weight: 700; color: #3762CF;  }
.product_detail_size_notes { font-size: 1.4rem; color: #3762CF; line-height: 1.7; margin-top: 5px; }

.product_detail_recommend .news_item:nth-child(4) { display: none; }

.product_detail_contents section + section { margin-top: 120px; }

@media screen and (max-width: 1023px) {
    .product_detail_recommend .news_item:nth-child(4) { display: block; }
}

@media screen and (max-width: 767px) {
    .product_slide_box { background: #fff; padding: 32px 0 104px; }
    .product_slide { width: auto;max-width: 900px;min-width: auto; margin: 0 auto; }
    .product_slide_box .slick-slide { margin: 0; }
    
    .column_one + .product_slide_box { margin-top: -80px;}
    .product_slide_box + .column_one { margin-top: -25px; }

    .product_detail_en { font-size: 3.8rem; }
    .product_detail_name { font-size: 1.4rem; line-height: 1.2; color: #102670; font-weight: 700; margin-bottom: 8px; }

    .product_slide_box .prev-arrow { width: 25px; position: absolute; top: 50%; left: 20px; z-index: 2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .product_slide_box .next-arrow { width: 25px; position: absolute; top: 50%; right: 20px; z-index: 2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .product_slide_box .slick-slide > div { position: relative; padding-bottom: 100.28%; overflow: hidden; }
.product_slide_box img { width: 100%; }
    .product_slide_box .slick-dots { bottom: -37px; }

.product_detail_item { position: relative; z-index: 1; }
.product_detail_item + .product_detail_item { margin-top: 59px; }
    .product_detail_hd { font-size: 1.4rem; line-height: 1.2; color: #102670; font-weight: 700; position: relative; padding-left: 15px; margin-bottom: 8px; }
.product_detail_hd:before { content: ""; display: block; width: 10px; height: 1px; position: absolute; left: 0; top: 50%; background: #102670; }
    .product_detail_item h2 { font-size: 2.0rem; color: #0F256F; line-height: 1.5; margin-bottom: 9px; margin-right: 50px; }

    .product_detail_num { font-size: 8.0rem; color: #F4F6F8; font-weight: 700; position: absolute; right: 35px; top: 50px; line-height: 0; z-index: -1; }
    .product_detail_size { font-size: 1.8rem; font-weight: 700; color: #3762CF;  }

    .product_detail_contents section + section { margin-top: 80px; }
    .product_detail_contents02 section:last-child { margin-bottom: 80px; }
    
    .product_acc_head { position: relative; }
    .product_acc_head:after { content: ""; display: block; width: 35px; height: 35px; position: absolute; right: 0; bottom: 0; background: url("../img/ico_accordion_arrow.svg") no-repeat center / 35px; }
    .product_acc_head.active:after { transform: scaleY(-1); }
    .product_acc_body { display: none; }
}


/*service top*/
.service_top_read { font-size: 3.2rem; font-weight: 700; line-height: 1.5; margin-bottom: 24px;}
.service_contents img { width: 100%; }

.service_top_list li { font-size: 2.0rem; color: #707070; font-weight: 700; }
.service_top_list li + li { margin-top: 33px; }

.font_bg { font-size: 3.2rem; font-weight: bold; color: #0F256F; line-height: 1.5; margin-bottom: 24px; }
.service_top_hd { font-size: 2.0rem; color: #707070; font-weight: 700; }
.service_engineer_item p { color: #707070; }
.service_engineer_item + .service_engineer_item { margin-top: 40px; }

@media screen and (max-width: 767px) {
    .service_top_read { font-size: 2.0rem; font-weight: 700; line-height: 1.5; margin-bottom: 20px;}

    .service_top_list li { font-size: 1.4rem; color: #393D4B; font-weight: 500; }
    .service_top_list li + li { margin-top: 11px; }

    .font_bg { font-size: 2.0rem; font-weight: bold; color: #0F256F; line-height: 1.5; margin-bottom: 16px; }
    .service_top_hd { font-size: 1.4rem; color: #393D4B; font-weight: 500; }
    .service_engineer_item p { color: #393D4B; }
    .service_engineer_item + .service_engineer_item { margin-top: 20px; }
}


/*news top*/
.news_item_list { display: flex; flex-wrap: wrap; }
.news_item { width: 31.66%; margin-left: 2.51%; margin-bottom: 24px; border: 2px solid #F4F6F8; box-sizing: border-box; }
.news_item:nth-child(3n+1) { margin-left: 0; } 
.news_item_ph  { position: relative; }
.news_item_ph div { overflow: hidden; position: relative; padding-bottom: 66%; }
.news_item_ph img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.news_item_ico { width: 32px; height: 32px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
.news_item_ico img { width: 18px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.news_item_txt { padding: 20px; }
.news_item_txt h2 { font-size: 1.6rem; font-weight: 700; line-height: 1.5; }
.news_item_date { font-size: 1.4rem; font-weight: 600; color: #3762CF; margin-top: 10px; }
.news_item_cat { position: absolute; left: 0; top: 16px; background: #393D4B; color: #fff; line-height: 1.5; padding: 6px 8px; display: inline-block; font-size: 1.1rem; font-weight: 700; }

.product_category_select { display: none; }

.news_tab { padding-top: 64px; border-top: 1px solid #D6D6D6; }

.select_news_container { display: none; }


@media screen and (max-width: 1023px) {
    .news_item { width: 48.57%; margin-left: 2.86%; margin-bottom: 16px; }
    .news_item:nth-child(3n+1) { margin-left: 2.86%; } 
    .news_item:nth-child(2n+1) { margin-left: 0; } 
}
    
@media screen and (max-width: 767px) {
    .news_archive .news_item_ph { display: none; }
    .news_archive .news_item_list { display: block; }
    .news_archive .news_item { display: block; width: 100%; margin: 0; border-left: none; border-right: none; }
    .news_archive .news_item_txt { padding: 16px 0; }
    .news_archive .news_item h2 { display: block; font-size: 1.4rem; font-weight: 700; line-height: 1.5; }
    .news_item_date { margin-top: 0; font-weight: 700; }
    .news_item_cat { position: absolute; left: 0; top: 6px; background: #393D4B; color: #fff; line-height: 1.5; padding: 6px 8px; display: inline-block; font-size: 0.9rem; font-weight: 700; }
    
    .news_category_list { display: none; }
    .news_category_select { display: block; width: 100%; margin-bottom: 20px;  box-sizing: border-box; font-size: 1.6rem; font-weight: 700; padding: 10px; border-radius: 0;}
    
    .news_tab { padding-top: 32px; border-top: none; }
    
    .select_news_container { display: flex; justify-content: space-between; }
    .select_news_container select { width: 48%; font-size: 1.4rem; font-weight: 700; padding: 10px; border-radius: 0; }
    .select_news_container select + select { margin-left: 4%; }
}

/*news single*/
.news_single_header { display: flex; }
.news_single_cat { display: inline-block; padding: 4px 20px; font-size: 1.8rem; font-weight: 700; line-height: 1.5; background: #393D4B; color: #fff; }
.news_single_date { font-size: 1.8rem; font-weight: 600; color: #3762CF; margin-left: 8px; }
.news_single { font-size: 1.6rem; }
.news_single h1 { font-size: 3.2rem; font-weight: bold; line-height: 1.5; border-bottom: 1px solid #707070; margin: 24px 0 44px; padding-bottom: 12px; }
.news_single h2 { 
    padding: 1rem 2rem;
    border-left: 5px solid #3762CF;
    background: #f4f4f4;
    font-size: 2.4rem; 
    font-weight: bold; 
    line-height: 1.5; 
    margin-bottom: 32px; }
.news_single h3 { 
    padding: 1rem 2rem;
    border-left: 4px solid #3762CF;
    font-size: 2.2rem; 
    font-weight: bold; 
    line-height: 1.5; 
    margin-bottom: 28px; }
.news_single h4 { font-size: 1.8rem; font-weight: bold; line-height: 1.5; margin-bottom: 24px; }
.news_single * + h2 {margin-top: 56px;}
.news_single * + h3 { margin-top: 44px; }
.news_single * + h4 { margin-top: 24px; }
.news_single img { width: 100%; height: auto!important;}
.news_ph_w, .news_single figure {margin-top: 80px; }
.news_ph_half { display: flex; justify-content: space-between; margin-top: 48px; }
.news_ph_half .news_ph { width: 48%; }

.news_single ul li { font-size: 1.6rem; padding-left: 25px; position: relative; line-height: 1.5; }
.news_single ul li:before { content: ""; display: block; width: 10px; height: 10px; background: #3762CF; border-radius: 50%; position: absolute; top: 7px; left: 5px; } 
.news_single ul li + li { margin-top: 15px; }
.news_single * + ul { margin-top: 43px; }

.news_single ol { counter-reset: ol_li; }
.news_single ol li { font-size: 1.6rem; margin-left: 5px; line-height: 1.5;  }
.news_single ol li:before { counter-increment: ol_li;   content: counter(ol_li);   color: #3762CF; font-size: 1.4rem; margin-right: 10px; }
.news_single ol li + li { margin-top: 15px; }

.news_single * + ol { margin-top: 43px; }

.news_recommend { margin-top: 120px;}
.news_recommend .news_item:nth-child(4) { display: none; }

@media screen and (max-width: 767px) {
    .news_single_header { display: flex; }
    .news_single_cat { display: inline-block; padding: 4px 20px; font-size: 1.4rem; font-weight: 700; line-height: 1.5; background: #393D4B; color: #fff; }
    .news_single_date { font-size: 1.4rem; font-weight: 600; color: #3762CF; margin-left: 8px; }
    .news_single { font-size: 1.4rem; }
    .news_single h1 { font-size: 2.0rem; font-weight: bold; line-height: 1.5; border-bottom: 1px solid #707070; margin: 20px 0 24px; }
    .news_single h2 { 
        padding: 1rem 2rem;
        border-left: 5px solid #3762CF;
        background: #f4f4f4;
        font-size: 2.0rem; 
        font-weight: bold; 
        line-height: 1.5; 
        margin-bottom: 32px; }
    .news_single h3 { 
        padding: 1rem 2rem;
        border-left: 4px solid #3762CF;
        font-size: 1.8rem; 
        font-weight: bold; 
        line-height: 1.5; 
        margin-bottom: 16px; }
    .news_single h4 { font-size: 1.6rem; font-weight: bold; line-height: 1.5; margin-bottom: 16px; }
    .news_single * + h2 {margin-top: 56px;}
    .news_single * + h3, .news_single * + h4 { margin-top: 40px; }
    .news_ph_w, .news_single figure {margin-top: 40px; }
    .news_ph_half { display: flex; justify-content: space-between; margin-top: 24px; }
.news_ph_half .news_ph { width: 48%; }
    
    .news_single ul li { font-size: 1.4rem; padding-left: 25px; position: relative; line-height: 1.5; }
    .news_single ol li { font-size: 1.4rem; margin-left: 5px; line-height: 1.5;  }

    .news_recommend { margin-top: 80px;}
    .news_recommend .news_item:nth-child(4) { display: block; }
}

/*case*/
.case_archive_product { font-size: 1.4rem; font-weight: 700; }
.news_single h1.case_single_title { font-size: 3.2rem; font-weight: bold; line-height: 1.5; margin: 24px 0 0; padding-bottom: 4px; border-bottom: none; }
.case_single_product span { font-size: 1.6rem; font-weight: 700; }
.case_single_product { font-size: 1.4rem; font-weight: 700; border-bottom: 1px solid #707070; padding-bottom: 8px; margin-bottom: 44px; }
.case_single_product a { color: #3762CF; position: relative; padding-left: 20px; }
.case_single_product .ico_link_arrow { display: inline-block; width: 8px; height: 12px; position: absolute; left: 6px; top: 50%; line-height: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.case_single_product .ico_link_arrow_img { fill:#3762CF;}

/*recruit*/
.recruit_contents section + section { margin-top: 120px; }
.recruit_contents img { width: 100%; }

.recruit_banner { position: relative; display: block; overflow: hidden; }
.recruit_banner_ph img { width: 100%; }
.recruit_banner_ico { width: 59px; height: 59px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
.recruit_banner_ico img { width: 33px; height: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.recruit_message + .recruit_message { margin-top: 64px; }

@media screen and (max-width: 767px) {
    .recruit_contents section + section { margin-top: 56px; }

    .recruit_banner { position: relative; display: block; overflow: hidden; }
    .recruit_banner_ico { width: 32px; height: 32px; position: absolute; right: 0; bottom: 0; background: #0F256F; }
    .recruit_banner_ico img { width: 18px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

    .recruit_message + .recruit_message { margin-top: 50px; }
    
}

/*contact*/
.attention_hd { font-size: 1.6rem; font-weight: 700; margin-bottom: 11px; }

.sm_font { font-size: 1.2rem; margin-top: 5px; }
.font_required { color: #CF376C; }
.error_txt { font-size: 1.6rem; font-weight: 700; color: #CF376C; margin-top: 5px; }

.form_body { border-top: 1px solid #707070; margin-top: 44px; padding-top: 9px; }
.error_box { background: #FDF6F9; padding: 20px 24px; margin: 20px 0; }
.error_box * { font-size: 1.6rem; color: #CF376C; }
.error_box ul { margin-top: 9px; }
.error_box li { font-weight: 700; line-height: 1.5; }
.error_box li + li { margin-top: 9px; }

.form_item dt { font-size: 2.0rem; font-weight: 700; color: #102670; }
.form_item dt .font_required  { display: inline-block; font-size: 1.4rem; margin-left: 10px; }
.form_item dd { margin-top: 11px; }
.form_item dd + dt { margin-top: 32px; }

.wpcf7-form { margin-top: 20px; }

.input_txt { width: 500px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.input_full { width: 100%; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.input_zip { width: 300px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.select_type { width: 474px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.select_work { width: 500px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.textarea_full { width: 100%; max-width: 100%; height: 285px; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
select { padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }

.contact_privacy { border: 1px solid #707070; height: 300px; padding: 56px 48px; margin: 52px 0 32px; box-sizing: border-box; overflow-y: scroll; }
.contact_privacy h2 { font-size: 3.2rem; font-weight: 700; color: #102670; line-height: 1.5; }
.contact_privacy p { margin-top: 20px; }
.contact_privacy > div { font-size: 1.6rem; margin-top: 20px; }
.contact_privacy > div h3 { font-size: 1.6rem; font-weight: 400; }

.contact_contents section + section { margin-top: 70px; padding-top: 58px; border-top: 1px solid #707070; }

.check_privacy { text-align: center; }
.check_privacy label { font-size: 2.4rem; font-weight: 700!important; color: #102670; }

.btn_submit { display: block; width: 505px; margin: 48px auto 0; padding: 20px 0; background: #0F256F url("../img/ico_arrow_link_gr_on.svg") no-repeat 90% center / 33px; border: none; font-size: 2.4rem; font-weight: 700; color: #fff; text-align: center; }
.btn_submit:disabled { background: #E0E0E0 url("../img/ico_arrow_link_gr.svg") no-repeat 90% center / 33px; color: #868686; }

.btn_network { text-align: right; display: flex; justify-content: flex-end; margin-top: 52px; }
.btn_network a { width: 307px; font-size: 2.4rem; font-weight: 700; color: #102670; display: flex; justify-content: space-between; border: 3px solid #0F256F;}
.btn_network .txt { padding: 18px 45px; line-height: 1.5; }
.btn_network .ico { width: 71px; position: relative; background: #0F256F; }
.btn_network .ico img { width: 33px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.ssl_box { margin-top: 60px; display: flex; }
.ssl_mark { min-width: 56px; width: 56px; float: right; margin: 0 0 0 30px; }
.ssl_txt h3 { font-size: 1.6rem; }

@media screen and (max-width: 767px) {
    .attention_hd { font-size: 1.4rem; font-weight: 700; margin-bottom: 8px; }

    .sm_font { font-size: 1.1rem; }
.error_txt { font-size: 1.6rem; font-weight: 700; color: #CF376C; margin-top: 5px; }

.form_body { border-top: 1px solid #707070; margin-top: 44px; padding-top: 9px; }
.error_box { background: #FDF6F9; padding: 20px 24px; margin: 20px 0; }
.error_box * { font-size: 1.6rem; color: #CF376C; }
.error_box ul { margin-top: 9px; }
.error_box li { font-weight: 700; line-height: 1.5; }
.error_box li + li { margin-top: 9px; }

    .form_item dt { font-size: 1.6rem; font-weight: 700; color: #102670; }
.form_item dt .font_required  { display: inline-block; font-size: 1.4rem; margin-left: 10px; }
    .form_item dd { margin-top: 6px; }
.form_item dd + dt { margin-top: 32px; }

.input_txt { width: 500px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.input_full { width: 100%; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.input_zip { width: 300px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.select_type { width: 474px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.select_work { width: 500px; max-width: 100%; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }
.textarea_full { width: 100%; max-width: 100%; height: 285px; padding: 8px; border: 1px solid #707070; border-radius: 0; box-sizing: border-box; }

    .contact_privacy { border: 1px solid #707070; padding: 30px; margin: 44px 0 32px; }
    .contact_privacy h2 { font-size: 1.6rem; font-weight: 700; color: #102670; line-height: 1.5; }

    .contact_contents section + section { margin: 32px -20px 0; padding: 32px 20px 0; border-top: 1px solid #707070; }

    .check_privacy { text-align: left; }
    .check_privacy label { font-size: 1.6rem; font-weight: 700; color: #102670; }

    .btn_submit { display: block; width: 100%; margin: 32px auto 0; padding: 20px 0; background: #0F256F url("../img/ico_arrow_link_gr_on.svg") no-repeat 90% center / 33px; border: none; font-size: 2.0rem; font-weight: 700; color: #fff; text-align: center; }
.btn_submit:disabled { background: #E0E0E0 url("../img/ico_arrow_link_gr.svg") no-repeat 90% center / 33px; color: #868686; }

    .btn_network { text-align: right; display: block; margin-top: 52px; }
    .btn_network a { width: auto; font-size: 1.4rem; font-weight: 700; color: #102670; display: flex; justify-content: flex-end; align-items: center; border: none;}
    .btn_network .txt { padding: 0 10px 0 0; line-height: 1.5; }
    .btn_network .ico { width: 37px; position: relative; background: none; display: inline-block; }
    
    .btn_network .st0{fill:none;stroke:#0F256F;stroke-width:2;stroke-linecap:round;}
    .btn_network .st1{fill:none;stroke:#0F256F;stroke-width:2.001;stroke-linecap:round;stroke-miterlimit:4.0021;}
    
    .ssl_box { margin-top: 45px; display: flex; }
    .ssl_txt h3 { font-size: 1.4rem; }
}

/*contact confirm*/
.confirm_body { border-top: 1px solid #707070; margin-top: 20px; padding-top: 16px; }
.confirm_body .wpcf7-spinner { display: none; }
.confirm_item { display: flex; flex-wrap: wrap; font-size: 1.6rem; }
.confirm_item dt { width: 30%; font-weight: 700; border-bottom: 1px solid #707070; padding: 20px 0; }
.confirm_item dd { width: 70%; border-bottom: 1px solid #707070; padding: 20px 0; word-wrap:break-word; }

.confirm_btn { display: flex; justify-content: center; flex-direction: row-reverse; margin-top: 48px; }
.confirm_btn .btn_submit { margin: 0 0 0 80px; }
.mw_wp_form_input .confirm_btn .btn_submit { margin: 0; }
.mw_wp_form_input .confirm_btn .btn_submit:disabled { cursor: not-allowed; }
.confirm_btn .btn_back { width: 218px; border: 1px solid #0F256F; color: #0F256F; background: #fff; text-align: center; box-sizing: border-box; }

.mw_wp_form_confirm .form_item { display: flex; flex-wrap: wrap; font-size: 1.6rem; }
.mw_wp_form_confirm dt { font-size: 1.6rem; width: 30%; font-weight: 700; border-bottom: 1px solid #707070; padding: 20px 0; }
.mw_wp_form_confirm dd { font-size: 1.6rem; width: 70%; border-bottom: 1px solid #707070; margin-top: 0; padding: 20px 0; word-wrap:break-word; }
.mw_wp_form_confirm .input_disp { display: none; }
.mw_wp_form_confirm .form_item dd + dt { margin-top: 0; }

.error_disp { display: none; }
.mw_wp_form_error .error_disp { display: block; background: #FDF6F9; padding: 20px; margin: 20px 0; }
.error_disp_txt { color: #BF456C; font-size: 1.8rem; line-height: 2; margin-bottom: 10px; display: block;}
.mw_wp_form.mw_wp_form_error .error { font-size: 1.6rem; font-weight: 700; }
.mw_wp_form.mw_wp_form_error .error_disp .error { font-size: 1.6rem; font-weight: 700; line-height: 1.8; }
.mw_wp_form.mw_wp_form_error .error_disp .error:before { content: "・"; display: inline-block; color: #BF456C; }

@media screen and (max-width: 767px) {
    .confirm_item { display: block; flex-wrap: wrap; font-size: 1.4rem; }
    .confirm_item dt { width: auto; font-weight: 700; border-bottom: none; padding: 13px 0 0; }
    .confirm_item dd { width: auto; border-bottom: 1px solid #707070; padding: 0 0 13px; }

    .confirm_btn { display: block; justify-content: center; flex-direction: row-reverse; margin-top: 40px; text-align: center; }
    .confirm_btn .btn_submit { margin: 0; }
    .confirm_btn .btn_back { width: 142px; font-size: 1.4rem; border: 1px solid #0F256F; color: #0F256F; text-align: center; padding: 14px 0; margin: 24px 0; }
    
    .mw_wp_form_confirm .form_item { display: block; font-size: 1.4rem; }
    .mw_wp_form_confirm dt { font-size: 1.4rem; width: auto; font-weight: 700; border-bottom: none; padding: 13px 0 0; }
    .mw_wp_form_confirm dd { font-size: 1.4rem; width: auto; border-bottom: 1px solid #707070; margin-top: 0; padding:0 0 13px; word-wrap:break-word; }
    
.mw_wp_form_error .error_disp { display: block; background: #FDF6F9; padding: 20px; margin: 20px 0; }
    .error_disp_txt { color: #BF456C; font-size: 1.4rem; line-height: 1.5; }
.mw_wp_form.mw_wp_form_error .error { font-size: 1.6rem; font-weight: 700; }
    .mw_wp_form.mw_wp_form_error .error_disp .error { font-size: 1.4rem; font-weight: 700; line-height: 1.5; }
}

/*contact thanks*/
.thanks_read { font-weight: 700; margin-bottom: 27px; }

/*page*/
.page_contents img { max-width: 100%; }
.ph_right { max-width: 50%; float: right; margin: 0 0 35px 24px; }
.ph_left { max-width: 50%; float: left; margin: 0 24px 35px 0; } 
.ph_right img, .ph_left img { width: 100%; }
.ph_right + p, .ph_left + p { margin-top: 20px; }
.page_contents p + p { margin-top: 2em; }
.page_contents section { position: relative; }
.page_contents section + section { margin-top: 120px; }
.section_num { font-size: 12.0rem; color: #F4F6F8; font-weight: 700; position: absolute; right: 0; top: 130px; line-height: 0; }

.page_common_body > * + * { margin-top: 2em; }

@media screen and (max-width: 767px) {
    .page_contents img { max-width: 100%; display: block; margin: 0 auto 2em; }
    .ph_right { max-width: 100%; float: none; margin: 0; }
    .ph_left { max-width: 100%; float: none; margin: 0; }
.page_contents p + p { margin-top: 2em; }
.page_contents section { position: relative; }
    .page_contents section + section { margin-top: 80px; padding-top: 0; }
    .section_num { font-size: 8.0rem; color: #F4F6F8; font-weight: 700; position: absolute; right: 0; top: 0; line-height: 0; }
}

/*form item*/
.wpcf7-not-valid-tip { display: none!important; }
.formError .formErrorContent { font-size: 1.6rem!important; color: #CF376C!important; margin-top: 5px; background: none!important; display: block!important; font-weight: 700; color: #CF376C; max-width: auto; line-height: 1.5; }
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output { display: none!important; }

.wpcf7-not-valid { background: #FFEFEF; }

.formError.inline { opacity: 1!important; }

.grecaptcha-badge { visibility: hidden; }
.notes_privacy { font-size: 1.2rem; color: #999; text-align: center; margin-top: 30px; }

.wpcf7-spinner { display: none; }

/*guide*/
.guide_hd { font-size: 2.0rem; color: #707070; font-weight: 700; margin: 35px 0 0; }

@media screen and (max-width: 767px) {
    .guide_hd { font-size: 1.4rem; color: #393D4B; font-weight: 400; margin: 19px 0 0; }
}

/*sitemap*/
.sitemap_contents section + section { margin-top: 80px; }
.top_level { font-size: 2.0rem; font-weight: 700; }
.top_level a { display: block; padding-left: 20px; background: url("../img/ico_arrow_sitemap.svg") no-repeat left center; }
.second_level { display: flex; flex-wrap: wrap; font-size: 1.6rem; margin: 15px 0 0; padding: 20px 25px 0; border-top: 1px solid #707070; }
.second_level li { margin-right: 38px; margin-bottom: 12px; line-height: 1.5; }
.second_level a { display: block; padding-left: 20px; background: url("../img/ico_arrow_sitemap.svg") no-repeat left center; }

@media screen and (max-width: 767px) {
    .sitemap_contents section + section { margin-top: 40px; }
    .top_level { font-size: 1.2rem; color: #fff; font-weight: 700; }
    .top_level a { display: block; padding: 10px 20px; background: #3E65C8 url("../img/ico_arrow_sitemap_sp.svg") no-repeat 95% center; }
    .second_level { display: flex; flex-wrap: wrap; font-size: 1.4rem; margin: 15px 0 0; padding: 0; border-top: none; }
    .second_level li { margin-right: 38px; margin-bottom: 8px; line-height: 1.7; }
    .second_level a { display: block; padding-left: 20px; background: url("../img/ico_arrow_sitemap.svg") no-repeat left center / 9px 15px; }
}

/*404*/
.nf_read { font-size: 2.0rem; color: #707070; font-weight: 700; line-height: 1.35; margin-bottom: 32px; }
.nf_btn { margin-top: 64px; }

@media screen and (max-width: 767px) {
    .nf_read { font-size: 1.4rem; color: #393D4B; font-weight: 700; line-height: 1.7; margin-bottom: 30px; }
    .nf_btn { margin-top: 56px; }
}

/*link*/
.xtx_link,
.wp-block-file a { color: #3E65C8; text-decoration: underline; }
.xtx_link *,
.wp-block-file a *{ color: inherit; }
.xtx_link:hover,
.wp-block-file a:hover { text-decoration: none; }

@media screen and (min-width: 768px) {   
    .global_nav_pc .main_nav > li > a { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .global_nav_pc .main_nav > li > a:hover { color: #3E65C8; }
    
    .global_nav_pc .func_nav a { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .global_nav_pc .func_nav a:hover { background: #3E65C8; }
    
    .l-header-gnav__dropdown-wrap a { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .l-header-gnav__dropdown-wrap a:hover { color: #3E65C8; }
    
    .l-header-gnav__dropdown-menu-item a:before { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .l-header-gnav__dropdown-menu-item a:hover:before { background: #3E65C8; }
    
    .footer_nav a, .footer_link a { -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: center; transform-origin: center; }
    .footer_nav a:hover, .footer_link a:hover { opacity: 0.7; }
    
    .pickup_item_ph > div { -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: center; transform-origin: center; }
    .pickup_item:hover .pickup_item_ph > div { -webkit-transform: scale(1.015); transform: scale(1.015); opacity: 0.7; }
    
    .pickup_item_ttl { -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: center; transform-origin: center; }
    .pickup_item:hover .pickup_item_ttl { color: #3E65C8; }
    
    .ico_news_arrow { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .news_arrow_prev:hover .ico_news_arrow, .news_arrow_next:hover .ico_news_arrow {fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:bevel;}
    .news_arrow_prev, .news_arrow_next { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .news_arrow_prev:hover, .news_arrow_next:hover { background: #3E65C8; }
    
    .link_more a { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .link_more a:hover { color: #3E65C8; }
    .link_more a .st0, .link_more a .st1 { -webkit-transition: stroke 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: stroke 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .link_more a:hover .st0, .link_more a:hover .st1 { stroke:#3E65C8; }
    
    .slide-arrow .st0 { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .slide-arrow:hover .st0{fill:#3E65C8;}
    
    .top_common_box .txt h2 { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .top_common_box .txt:hover h2 { color: #3E65C8; }
    .top_common_box .txt h2:after { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .top_common_box .txt:hover h2:after { width: 100%; background: #3E65C8; }
    .top_common_box .txt .link_more b { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .top_common_box .txt:hover .link_more b { color: #3E65C8; }
    .top_common_box .txt .link_more b .top_common_box .txt .link_more b .st1 { -webkit-transition: stroke 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: stroke 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .top_common_box .txt:hover .link_more b .st0, .top_common_box .txt:hover .link_more b .st1 { stroke:#3E65C8; }
    
    .tab_menu li { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .tab_menu li:hover {background: #3762CF;color: #fff;}
    
    .tab_panel li a { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .tab_panel li a:hover { color: #3E65C8; }
    
    .footer_btn li a { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .footer_btn li a:hover { background: #3E65C8; }
    
    .network_item_map{ -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
    .network_item_map:hover { background: #4378FF; }
    
    .relation_page_item .relation_page_ph img { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: center; transform-origin: center; }
    .relation_page_item:hover .relation_page_ph img { -webkit-transform: translate(-50%,-50%) scale(1.05); transform: translate(-50%,-50%) scale(1.05); opacity: 0.7; }
    .relation_page_item .relation_page_ttl { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .relation_page_item:hover .relation_page_ttl { color: #3E65C8; }
    .relation_page_item .relation_page_ico { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .relation_page_item:hover .relation_page_ico { background: #3E65C8; }
    
    .product_index_item .product_index_ph { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: center; transform-origin: center; }
    .product_index_item:hover .product_index_ph { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.7; }
    .product_index_item .product_index_txt { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .product_index_item:hover .product_index_txt { color: #3E65C8; }
    .product_index_item .product_index_ico { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .product_index_item:hover .product_index_ico { background: #3E65C8; }
    
    .product_item .product_item_ph div > img { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: left; transform-origin: left; }
    .product_item:hover .product_item_ph div > img { -webkit-transform: scale(1.05) translate(-50%,-50%); transform: scale(1.05) translate(-50%,-50%); opacity: 0.7; }
    .product_item .product_item_txt h2 { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .product_item:hover .product_item_txt h2 { color: #3E65C8; }
    .product_item .product_item_ico { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .product_item:hover .product_item_ico { background: #3E65C8; }
    
    .news_item .news_item_ph div > img { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: left; transform-origin: left; }
    .news_item:hover .news_item_ph div > img { -webkit-transform: scale(1.05) translate(-50%,-50%); transform: scale(1.05) translate(-50%,-50%); opacity: 0.7; }
    .news_item .news_item_txt h2 { -webkit-transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .news_item:hover .news_item_txt h2 { color: #3E65C8; }
    .news_item .news_item_ico { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .news_item:hover .news_item_ico { background: #3E65C8; }
    
    .recommend_banner .recommend_banner_ph img, .recruit_banner .recruit_banner_ph img { -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: center; transform-origin: center; }
    .recommend_banner:hover .recommend_banner_ph img, .recruit_banner:hover .recruit_banner_ph img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.7; }
    .recommend_banner .recommend_banner_ico, .recruit_banner .recruit_banner_ico { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .recommend_banner:hover .recommend_banner_ico, .recruit_banner:hover .recruit_banner_ico { background: #3E65C8; }
    
    .sidebar a, .sidebar a:before { position: relative; -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
    .sidebar a.current { padding-left: 20px; line-height: 1.5; color: #3762CF; display: block;}
    .sidebar a:hover { color: #3762CF; }
    .sidebar a.current:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: #3762CF; position: absolute; left: 0; top: 4px; }
    
    .btn_more a { -webkit-transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
    .btn_more a:hover { background: #3762CF; }
    
    .btn_network .ico { -webkit-transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
    .btn_network a:hover .ico { background: #3762CF; }
    .btn_network a { -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
    .btn_network a:hover { border: 3px solid #3762CF; color: #3762CF;  }
    
    .btn_back { -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .btn_back:hover { opacity: 0.7; }
    
    .btn_submit._on { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .btn_submit._on:hover { background: #3762CF url("../img/ico_arrow_link_gr_on.svg") no-repeat 90% center / 33px; }
    
    .btn_submit { -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .btn_submit:hover { background: #3E65C8 url("../img/ico_arrow_link_gr_hover.svg") no-repeat 90.5% center / 38px; }
    .btn_submit:disabled:hover { background: #E0E0E0 url("../img/ico_arrow_link_gr.svg") no-repeat 90% center / 33px; color: #868686; }
}

/*cookie banner*/
#ot-sdk-btn.ot-sdk-show-settings { font-size: 1.6rem!important; background-color: #3E65C8!important;border-color: #3E65C8!important;color: #FFFFFF!important; padding: 0.8em 2.4em!important; margin-top: 50px; border-radius: 3px; }

@media screen and (max-width: 768px) { 
    #ot-sdk-btn.ot-sdk-show-settings { font-size: 1.4rem!important; margin-top: 35px; }
}