@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

*, *:before, *:after { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: "CeraProMedium"; src: url("../fonts/CeraProMedium.woff2") format("woff2"); font-display: swap; }

@font-face { font-family: "CeraProBlack"; src: url("../fonts/CeraProBlack.woff2") format("woff2"); font-display: swap; }

html { height: initial; width: 100%; }

body, input, select, textarea { color: #000; font-family: "CeraProMedium", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; -webkit-text-size-adjust: 100%; font-size: 3.73vw; font-weight: 500; letter-spacing: .12em; line-height: 1.85; padding: 0 0 0; font-feature-settings: "palt"; }

@media (min-width: 769px) { body, input, select, textarea { font-size: 14px; line-height: 2; } }

@media (max-width: 768px) { .pc { display: none; } }

@media (min-width: 769px) { .sp { display: none; } }

.tb { display: none; }

@media (min-width: 769px) and (max-width: 1206px) { .tb { display: block; } }

@media (min-width: 1207px) { .sptb { display: none; } }

img { height: auto; vertical-align: bottom; width: auto; }

@media (max-width: 1206px) { img { max-width: 100%; } }

a { text-decoration: none; transition: background-color 0.5s, opacity 0.5s, transform 0.5s; }

a:hover { opacity: .6; }

@media (min-width: 769px) { a[href^="tel:"] { pointer-events: none; } }

p { text-align: justify; text-justify: inter-ideograph; }

.wrap { position: relative; }

@media (max-width: 768px) { .wrap { padding: 0 6.66vw; } }

@media (min-width: 769px) { .wrap { margin: 0 auto; max-width: 1206px; width: 100%; } }

@media (min-width: 769px) and (max-width: 1206px) { .wrap { padding: 0 6.66vw; } }

.ttl-a { color: #00489d; font-family: "CeraProBlack", "CeraProMedium", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; letter-spacing: .04em; font-weight: 900; line-height: 1.3; text-align: center; }

.ttl-a .en { display: block; font-size: 4.26vw; }

@media (min-width: 769px) { .ttl-a .en { font-size: 26px; } }

.ttl-a .jp { display: block; font-size: 6.93vw; letter-spacing: .09em; margin: 2.66vw 0 0; }

@media (min-width: 769px) { .ttl-a .jp { font-size: 42px; margin: 30px 0 0; } }

.ttl-a .jp b { font-size: 8.53vw; }

@media (min-width: 769px) { .ttl-a .jp b { font-size: 52px; } }

.ttl-b { color: #00489d; letter-spacing: .04em; line-height: 1.3; text-align: center; }

.ttl-b .en { font-family: "CeraProBlack", "CeraProMedium", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size: 8vw; font-weight: 900; }

@media (min-width: 769px) { .ttl-b .en { font-size: 50px; } }

.ttl-b .jp { font-size: 3.2vw; letter-spacing: .09em; }

@media (min-width: 769px) { .ttl-b .jp { font-size: 20px; margin: 0 0 0 30px; } }

.btn-white { align-items: center; background-color: #fff; border: 2px solid #fff; border-radius: 7.19vw; color: #00489d !important; display: flex; font-size: 3.73vw; font-weight: 700; height: 14.39vw; justify-content: center; transition: background-color .5s, opacity .5s, transform .5s; width: 86.66vw; }

@media (min-width: 769px) { .btn-white { border-radius: 24px; font-size: 16px; height: 48px; width: 240px; } }

@media (min-width: 769px) and (max-width: 1206px) { .btn-white { margin: 0 auto; } }

.btn-white:hover { background-color: #00489d; color: #fff !important; opacity: 1; }

.btn-blue { align-items: center; background-color: #00489d; border: 2px solid #fff; border-radius: 7.19vw; color: #fff !important; display: flex; font-size: 3.73vw; font-weight: 700; height: 14.39vw; justify-content: center; transition: background-color .5s, opacity .5s, transform .5s; width: 86.66vw; }

@media (min-width: 769px) { .btn-blue { border-radius: 26px; font-size: 16px; height: 52px; width: 244px; } }

.btn-blue:hover { background-color: #fff; color: #00489d !important; opacity: 1; }

article .btn-white:hover, article .btn-blue:hover { transform: scale(1.1); }

.link-arrow-white { align-items: center; color: #fff; display: inline-flex; font-size: 3.2vw; justify-content: flex-end; }

@media (min-width: 769px) { .link-arrow-white { font-size: 14px; } }

.link-arrow-white::after { background: url("../img/common/btn-circle-white.png") no-repeat 0 0/contain; content: ''; display: block; height: 8vw; margin-left: 2.66vw; width: 8vw; }

@media (min-width: 769px) { .link-arrow-white::after { height: 30px; margin-left: 10px; width: 30px; } }

.ceram { font-family: "CeraProMedium", "CeraProMedium", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; letter-spacing: .04em; }

.cerab { font-family: "CeraProBlack", "CeraProMedium", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; letter-spacing: .04em; }

.fade-up { opacity: 0; transform: translate3d(0, 30px, 0); transition: opacity 1.5s, transform 1.5s; }

.fade-up.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }

.slide-updown { transform: translate3d(0, 30px, 0); transition: opacity 1.5s, transform 1.5s; }

.slide-updown.is-visible { transform: translate3d(0, 0, 0); }

.slick-dots { display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; width: 100%; }

.slick-dots li { position: relative; display: block; height: 2.66vw; margin: 0 3.2vw; padding: 0; width: 2.66vw; }

.slick-dots li button { border: 0; border-radius: 50%; background-color: #fff; cursor: pointer; display: block; font-size: 0; height: 2.66vw; line-height: 0; outline: none; padding: 0; width: 2.66vw; }

.slick-dots li.slick-active button { background-color: #00489d; }

.header { align-items: center; background-color: #00489d; display: flex; position: sticky; top: 0; z-index: 10000; }

.header .wrap { align-items: center; display: flex; height: 60px; justify-content: space-between; max-width: 1326px; width: 100%; }

@media (min-width: 1025px) { .header .wrap { height: 100px; padding: 0 20px; } }

@media (max-width: 1024px) { .header .logo img { width: 65px; } }

.header .sp-header-nav { align-items: flex-end; display: flex; }

@media (min-width: 1025px) { .header .sp-header-nav { display: none; } }

.header .sp-header-nav div + div { margin-left: 5.33vw; }

.header .sp-header-nav a { display: flex; }

.header .sp-header-nav [src*="contact"] { width: 24px; }

.header .sp-header-nav [src*="download"] { width: 23px; }

.header .sp-header-nav .btn-nav { cursor: pointer; height: 19px; position: relative; width: 22px; }

.header .sp-header-nav .btn-nav i, .header .sp-header-nav .btn-nav::before, .header .sp-header-nav .btn-nav::after { background-color: #fff; content: ''; display: block; height: 1px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }

.header .sp-header-nav .btn-nav::before { top: calc(50% - 8px); }

.header .sp-header-nav .btn-nav::after { top: calc(50% + 8px); }

.header .sp-header-nav .btn-nav.open i { opacity: 0; }

.header .sp-header-nav .btn-nav.open::before { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }

.header .sp-header-nav .btn-nav.open::after { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }

.header .header-nav { background-color: #00489d; color: #fff; }

@media (max-width: 1024px) { .header .header-nav { left: 0; padding: 0 0 25px; position: fixed; top: 60px; transform: translate3d(100%, 0, 0); transition: 0.8s cubic-bezier(0.6, 0.05, 0.05, 0.9); width: 100%; z-index: 1000; } }

@media (min-width: 1025px) { .header .header-nav { align-items: center; display: flex; justify-content: flex-end; } }

@media (max-width: 1024px) { .header .header-nav.open { transform: translate3d(0, 0, 0); } }

.header .nav-global { align-items: center; display: flex; }

@media (max-width: 1024px) { .header .nav-global { flex-wrap: wrap; } }

@media (min-width: 1025px) { .header .nav-global { font-size: 18px; justify-content: flex-end; } }

@media (max-width: 1024px) { .header .nav-global li { width: 100%; } }

@media (min-width: 1025px) { .header .nav-global li + li { margin-left: 30px; } }

@media (min-width: 1025px) and (max-width: 1206px) { .header .nav-global li + li { margin-left: 3%; } }

@media (max-width: 1024px) { .header .nav-global li:nth-of-type(n+6) { width: 50%; } }

@media (max-width: 1024px) { .header .nav-global li:nth-of-type(7), .header .nav-global li:nth-of-type(9) { border-left: 1px solid #fff; } }

.header .nav-global li.sp { display: block; }

@media (min-width: 1025px) { .header .nav-global li.sp { display: none; } }

.header .nav-global a { color: #fff; position: relative; transition: background-color 0.5s, opacity 0.5s, transform 0.5s; }

@media (max-width: 1024px) { .header .nav-global a { align-items: center; border-bottom: 1px solid #fff; display: flex; font-size: 18px; height: 55px; padding: 0 0 0 25px; } }

@media (min-width: 1025px) { .header .nav-global a::after { background-color: #fff; bottom: -5px; content: ''; left: 50%; position: absolute; height: 2px; transform: translate(-50%, 0) scale(0, 1); transition: background-color 0.5s, opacity 0.5s, transform 0.5s; width: 100%; } }

.header .nav-global a:hover { opacity: 1; }

@media (max-width: 1024px) { .header .nav-global a:hover { background-color: #fff; color: #00489d; } }

@media (min-width: 1025px) { .header .nav-global a:hover::after { transform: translate(-50%, 0) scale(1, 1); } }

.header .nav-contact { align-items: center; display: flex; justify-content: center; margin: 30px 0 0; }

@media (min-width: 1025px) { .header .nav-contact { justify-content: space-between; margin: 0 0 0 30px; } }

@media (min-width: 1025px) and (max-width: 1206px) { .header .nav-contact { margin-left: 3%; } }

.header .nav-contact .btn-white, .header .nav-contact .btn-blue { width: 42.66vw; border-radius: 24px; font-size: 16px; height: 48px; }

@media (min-width: 1025px) { .header .nav-contact .btn-white, .header .nav-contact .btn-blue { border-radius: 17px; font-size: 12px; height: 34px; width: 124px; } }

.header .nav-contact .btn-blue { margin-left: 1.33vw; }

@media (min-width: 1025px) { .header .nav-contact .btn-blue { margin-left: 10px; } }

.header .nav-sns { align-items: center; display: flex; justify-content: center; margin: 25px 0 0; }

@media (min-width: 1025px) { .header .nav-sns { display: none; } }

.header .nav-sns li + li { margin: 0 0 0 15px; }

.header .nav-policy { font-size: 10px; line-height: 1.8; margin: 25px 0 0; text-align: center; }

@media (min-width: 1025px) { .header .nav-policy { display: none; } }

.header .nav-policy a { color: #fff; text-decoration: underline; }

.footer { background-color: #00489d; color: #fff; padding: 10.66vw 0 0; }

@media (min-width: 769px) { .footer { padding: 80px 0 30px; } }

.footer a { color: #fff; }

@media (max-width: 768px) { .footer .wrap { padding: 0 4vw; } }

@media (min-width: 1207px) { .footer .wrap { max-width: 1246px; padding: 0 20px; } }

@media (min-width: 769px) { .footer .box { align-items: flex-start; display: flex; font-size: 18px; justify-content: space-between; } }

@media (min-width: 769px) and (max-width: 1206px) { .footer .box { gap: 30px; } }

@media (max-width: 768px) { .footer .logo { width: 100%; } }

@media (max-width: 768px) { .footer .logo img { width: 29.33vw; } }

@media (min-width: 769px) { .footer .footer-nav { align-items: flex-start; display: flex; gap: 50px; justify-content: space-between; } }

@media (min-width: 769px) and (max-width: 1206px) { .footer .footer-nav { gap: 20px; flex-wrap: wrap; justify-content: flex-end; } }

.footer .footer-global { display: flex; }

@media (max-width: 768px) { .footer .footer-global { margin: 8vw 0 0; } }

@media (min-width: 769px) { .footer .footer-global { gap: 50px; } }

@media (min-width: 769px) and (max-width: 1206px) { .footer .footer-global { gap: 20px; } }

@media (max-width: 768px) { .footer .footer-global ul { font-size: 4.26vw; width: 50%; } }

.footer .footer-global a { align-items: center; display: inline-flex; position: relative; }

@media (max-width: 768px) { .footer .footer-global a { display: flex; height: 10.66vw; padding: 0 0 0 2.66vw; } }

@media (max-width: 768px) { .footer .footer-global a::after { border-right: 2px solid #fff; border-top: 2px solid #fff; content: ''; display: block; height: 1.6vw; position: absolute; right: 4vw; top: 50%; transform: translate(0, -50%) rotate(45deg); width: 1.6vw; } }

@media (min-width: 769px) { .footer .footer-global a::after { background-color: #fff; bottom: 0; content: ''; left: 0; position: absolute; height: 2px; transition: background-color 0.5s, opacity 0.5s, transform 0.5s; transform: scale(0, 1); transform-origin: center left; width: 100%; } }

@media (min-width: 769px) { .footer .footer-global a:hover::after { transform: scale(1, 1); } }

.footer .footer-policy { display: flex; }

@media (max-width: 768px) { .footer .footer-policy { border-top: 1px solid #fff; font-size: 3.2vw; justify-content: space-between; letter-spacing: .08em; margin: 5.33vw 0 0; padding: 5.33vw 0 0; } }

@media (min-width: 769px) { .footer .footer-policy { flex-direction: column; } }

.footer .footer-policy a { align-items: center; display: inline-flex; position: relative; }

@media (max-width: 768px) { .footer .footer-policy a { height: 10.66vw; padding: 0 2.66vw; } }

@media (min-width: 769px) { .footer .footer-policy a::after { background-color: #fff; bottom: 0; content: ''; left: 0; position: absolute; height: 2px; transition: background-color 0.5s, opacity 0.5s, transform 0.5s; transform: scale(0, 1); transform-origin: center left; width: 100%; } }

@media (min-width: 769px) { .footer .footer-policy a:hover::after { transform: scale(1, 1); } }

@media (max-width: 1206px) { .footer .footer-contact { display: flex; justify-content: center; margin: 8vw 0 0; } }

@media (min-width: 769px) and (max-width: 1206px) { .footer .footer-contact { gap: 20px; margin: 0; } }

.footer .footer-contact .btn-blue, .footer .footer-contact .btn-white { border-radius: 6.66vw; height: 13.33vw; width: 42.66vw; }

@media (min-width: 769px) { .footer .footer-contact .btn-blue, .footer .footer-contact .btn-white { border-radius: 24px; height: 48px; width: 222px; } }

.footer .footer-contact .btn-blue { border: 2px solid #fff; margin: 0 0 0 1.33vw; }

@media (min-width: 769px) { .footer .footer-contact .btn-blue { margin: 20px 0 0; } }

@media (min-width: 769px) and (max-width: 1206px) { .footer .footer-contact .btn-blue { margin: 0; } }

.footer .nav-sns { display: flex; justify-content: flex-end; }

@media (max-width: 768px) { .footer .nav-sns { justify-content: center; margin: 10.66vw 0 0; } }

@media (min-width: 769px) and (max-width: 1206px) { .footer .nav-sns { justify-content: center; margin: 40px 0 0; } }

@media (min-width: 769px) { .footer .nav-sns li { margin-left: 18px; } }

@media (max-width: 768px) { .footer .nav-sns li + li { margin-left: 4vw; } }

@media (max-width: 768px) { .footer .nav-sns img { width: 7.73vw; } }

@media (max-width: 768px) { .footer .nav-sns [src*="yt"] { width: 9.6vw; } }

@media (max-width: 768px) { .footer .nav-sns [src*="tw"] { width: 8.79vw; } }

.footer .nav-foot { font-size: 2.66vw; margin: 10.66vw 0 0; }

@media (max-width: 768px) { .footer .nav-foot { text-align: center; } }

@media (min-width: 769px) { .footer .nav-foot { display: flex; font-size: 14px; justify-content: space-between; margin: 40px 0 0; } }

@media (min-width: 769px) and (max-width: 1206px) { .footer .nav-foot { display: block; text-align: center; } }

@media (min-width: 769px) { .footer .nav-foot .policy { font-size: 12px; } }

.footer .nav-foot .policy a { text-decoration: underline; }

@media (max-width: 768px) { .footer .nav-foot .copyright { border-top: 1px solid #fff; margin: 10.66vw 0 0; padding: 5.33vw 0; } }

@media (min-width: 769px) { .footer .nav-foot .copyright { font-size: 14px; } }

.sec-kv { background-color: #00489d; color: #fff; padding: 5.33vw 0 0; }

@media (min-width: 769px) { .sec-kv { font-size: 16px; padding: 30px 0 0; } }

.sec-kv .wrap { position: relative; }

@media (min-width: 769px) { .sec-kv .box { display: flex; justify-content: space-between; } }

@media (min-width: 769px) { .sec-kv .box .txt { font-size: 16px; } }

.sec-kv .box .txt .cerab { font-size: 12.26vw; line-height: 1; }

@media (min-width: 769px) { .sec-kv .box .txt .cerab { font-size: 70px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-kv .box .txt .cerab { font-size: 6vw; } }

@media (max-width: 768px) { .sec-kv .box .txt p { font-size: 3.2vw; margin: 8vw 0 0; } }

@media (min-width: 769px) { .sec-kv .box .txt p { margin: 30px 0 0; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-kv .box .txt p { margin: 2.66vw 0 0; } }

.sec-kv .box .img { position: relative; }

@media (max-width: 1206px) { .sec-kv .box .img { margin: 8vw 0 0; } }

.sec-kv .box .img .kv-mask { left: 0; position: absolute; top: 0; z-index: 10; }

@media (min-width: 769px) { .sec-kv .kv-slider { width: 748px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-kv .kv-slider { width: 47vw; } }

.sec-kv .scroll { align-items: center; bottom: 30px; color: #fff; display: flex; left: 0; position: absolute; z-index: 100; }

@media (max-width: 768px) { .sec-kv .scroll { bottom: 2.66vw; flex-direction: column; font-size: 3.2vw; width: 100%; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-kv .scroll { bottom: 0; left: 6.66vw; } }

@media (min-width: 769px) { .sec-kv .scroll::before { background: url("../img/home/kv-scroll.png") no-repeat 0 0/contain; content: ''; display: block; height: 30px; margin-right: 10px; width: 30px; } }

@media (max-width: 768px) { .sec-kv .scroll::after { background: url("../img/home/kv-scroll.png") no-repeat 0 0/contain; content: ''; display: block; height: 5.33vw; width: 5.33vw; } }

.sec-lead { background-color: #00489d; color: #fff; overflow: hidden; padding: 16vw 0; }

@media (min-width: 769px) { .sec-lead { padding: 100px 0; } }

@media (min-width: 769px) { .sec-lead .box { display: flex; justify-content: space-between; position: relative; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-lead .box { display: block; } }

.sec-lead .txt { margin: 0 -2.67vw 0 0; }

@media (min-width: 769px) { .sec-lead .txt { margin: 0; padding: 0 0 100px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-lead .txt { padding: 0; } }

.sec-lead .txt .cerab { font-size: 9.6vw; line-height: 1.26; }

@media (min-width: 769px) { .sec-lead .txt .cerab { font-size: 60px; } }

@media (max-width: 768px) { .sec-lead .txt p { font-size: 3.2vw; line-height: 2; margin: 6.66vw 0 0; } }

@media (min-width: 769px) { .sec-lead .txt p { line-height: 2.28; margin: 30px 0 0; } }

.sec-lead .img { margin: 13.33vw -29.34vw 0 0; }

@media (min-width: 769px) { .sec-lead .img { margin: 70px -315px 0 0; } }

@media (max-width: 768px) { .sec-lead .img img { width: 115.99vw; } }

@media (min-width: 769px) { .sec-lead .more { bottom: 0; left: 0; position: absolute; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-lead .more { margin: 60px 0 0; position: relative; } }

@media (max-width: 768px) { .sec-lead .more .btn-white { border-radius: 5.86vw; height: 11.73vw; margin: 13.33vw auto 0; width: 73.33vw; } }

.sec-value { padding: 16vw 0; }

@media (min-width: 769px) { .sec-value { padding: 100px 0; } }

.sec-value .box { background-color: #00489d; color: #fff; margin: 8vw 0 0; padding: 8vw 6.66vw 10.66vw; }

@media (min-width: 769px) { .sec-value .box { display: flex; gap: 45px; justify-content: space-between; margin: 90px 0 0; padding: 60px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-value .box { display: block; padding: 6vw; } }

@media (min-width: 769px) { .sec-value .box .txt { font-size: 16px; } }

.sec-value .box .txt .ttl { font-weight: 900; line-height: 1.3; }

.sec-value .box .txt .ttl .en { display: block; font-family: "CeraProBlack", "CeraProMedium", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size: 3.73vw; }

@media (min-width: 769px) { .sec-value .box .txt .ttl .en { font-size: 26px; } }

.sec-value .box .txt .ttl .jp { display: block; font-size: 5.86vw; letter-spacing: .09em; margin: 2.66vw 0 0; }

@media (max-width: 768px) { .sec-value .box .txt .ttl .jp { line-height: 1.63; } }

@media (min-width: 769px) { .sec-value .box .txt .ttl .jp { font-size: 42px; margin: 30px 0 0; } }

.sec-value .box .txt p { margin: 5.33vw 0 0; }

@media (min-width: 769px) { .sec-value .box .txt p { margin: 30px 0 0; } }

.sec-value .box .img { align-items: flex-end; display: flex; }

@media (max-width: 768px) { .sec-value .box .img { margin: 8vw 0 0; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-value .box .img { justify-content: center; margin: 30px 0 0; } }

@media (max-width: 1206px) { .sec-value .box .img img { width: 100%; } }

.sec-features { background-color: #f1f1f1; padding: 16vw 0; }

@media (min-width: 769px) { .sec-features { padding: 100px 0; } }

@media (max-width: 768px) { .sec-features .wrap { padding: 0 3.33vw; } }

.sec-features .list { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media (max-width: 768px) { .sec-features .list { margin: 10.66vw 0 0; } }

.sec-features .features-slider { position: relative; }

@media (max-width: 768px) { .sec-features .features-slider .slick-slide { margin: 0 3.33vw; } }

@media (max-width: 768px) { .sec-features .features-slider .slick-dots { margin: 8vw 0 0; } }

.sec-features .item { background-color: #fff; border-radius: 2.66vw; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.16); overflow: hidden; width: 40vw; }

@media (max-width: 768px) { .sec-features .item { height: 64vw; } }

@media (min-width: 769px) { .sec-features .item { border-radius: 10px; margin: 80px 0 0; width: 190px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-features .item { width: 30%; } }

.sec-features .item .img img { height: 38.66vw; object-fit: cover; width: 100%; }

@media (min-width: 769px) { .sec-features .item .img img { height: 190px; } }

.sec-features .item .txt { line-height: 1.57; padding: 4vw 2.66vw; }

@media (min-width: 769px) { .sec-features .item .txt { padding: 10px 15px; } }

.sec-features .item .txt .ttl { font-weight: 900; font-size: 3.2vw; }

@media (min-width: 769px) { .sec-features .item .txt .ttl { font-size: 16px; } }

@media (max-width: 768px) { .sec-features .item .txt p { font-size: 2.66vw; margin: 1.33vw 0 0; } }

@media (min-width: 769px) { .sec-features .item .txt p { margin: 5px 0 0; } }

.sec-function { padding: 16vw 0; }

@media (min-width: 769px) { .sec-function { padding: 100px 0; } }

@media (max-width: 768px) { .sec-function .wrap { padding: 0; } }

.sec-function .list { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }

@media (max-width: 768px) { .sec-function .list { margin: 10.66vw 0 0; } }

@media (max-width: 768px) { .sec-function .function-slider .slick-slide { margin: 2.66vw 2.66vw 0; } }

@media (max-width: 768px) { .sec-function .function-slider .slick-dots { margin: 8vw 0 0; } }

.sec-function .function-slider .slick-dots li button { background-color: #d2d2d2; }

.sec-function .function-slider .slick-dots li.slick-active button { background-color: #00489d; }

.sec-function .item { width: 74.66vw; }

@media (min-width: 769px) { .sec-function .item { margin: 80px 0 0; width: 367px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-function .item { width: 30%; } }

.sec-function .item .img img { border-radius: 10px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); width: 100%; }

@media (min-width: 769px) { .sec-function .item .img img { object-fit: cover; } }

.sec-function .item .txt { line-height: 1.7; padding: 5.33vw 2.66vw; }

@media (min-width: 769px) { .sec-function .item .txt { padding: 30px 20px; } }

.sec-function .item .txt .ttl { border-bottom: 2px solid #00489d; color: #00489d; font-weight: 900; }

@media (max-width: 768px) { .sec-function .item .txt .ttl { font-size: 4.26vw; } }

@media (min-width: 769px) { .sec-function .item .txt .ttl { font-size: 25px; } }

@media (max-width: 768px) { .sec-function .item .txt p { font-size: 3.2vw; margin: 5.33vw 0 0; } }

@media (min-width: 769px) { .sec-function .item .txt p { margin: 10px 0 0; } }

.sec-function .btn-blue { border-color: #00489d; margin: 50px auto 0; }

@media (min-width: 769px) { .sec-function .btn-blue { border-radius: 30px; height: 60px; width: 306px; } }

.sec-case { background-color: #00489d; color: #fff; padding: 16vw 0; }

@media (min-width: 769px) { .sec-case { padding: 100px 0; } }

.sec-case .ttl-a { color: #fff; }

@media (max-width: 768px) { .sec-case .list-wrap { margin: 0 -6.67vw; overflow-x: scroll; } }

@media (max-width: 768px) { .sec-case .list-wrap:nth-of-type(n+2) { display: none; } }

.sec-case .list { display: flex; flex-wrap: wrap; width: 296vw; }

@media (max-width: 768px) { .sec-case .list { padding: 0 0 0 5.33vw; } }

@media (min-width: 769px) { .sec-case .list { width: 100%; } }

.sec-case .item { align-items: flex-end; border-radius: 2.66vw; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); color: #fff; display: flex; height: 58.66vw; margin: 5.33vw 0 0; overflow: hidden; position: relative; width: 67.33vw; }

@media (min-width: 769px) { .sec-case .item { border-radius: 10px; height: 243px; margin: 28px 0 0; width: 275px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-case .item { width: 22.75%; } }

.sec-case .item .img { bottom: 0; left: 0; position: absolute; width: 100%; z-index: 1; }

.sec-case .item .img img { height: 58.66vw; object-fit: cover; transition: background-color 0.5s, opacity 0.5s, transform 0.5s; width: 69.33vw; }

@media (min-width: 769px) { .sec-case .item .img img { height: 243px; width: 275px; } }

.sec-case .item .txt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); padding: 4vw 6.66vw; position: relative; width: 100%; z-index: 2; }

@media (min-width: 769px) { .sec-case .item .txt { padding: 20px; } }

.sec-case .item .txt .ttl { font-size: 4.8vw; line-height: 1.3; }

@media (min-width: 769px) { .sec-case .item .txt .ttl { font-size: 22px; } }

.sec-case .item .txt p { font-size: 3.2vw; line-height: 1.3; margin: 1.33vw 0 0; }

@media (min-width: 769px) { .sec-case .item .txt p { font-size: 16px; margin: 5px 0 0; } }

.sec-case .item:nth-child(n+2) { margin-left: 5.33vw; }

@media (min-width: 769px) { .sec-case .item:nth-child(n+2) { margin-left: 35.33px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-case .item:nth-child(n+2) { margin-left: 3%; } }

.sec-case .item:nth-child(n+5) { height: 49.6vw; margin-left: 5.33vw; width: 52.8vw; }

@media (min-width: 769px) { .sec-case .item:nth-child(n+5) { height: 193px; margin-left: 27.75px; width: 219px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-case .item:nth-child(n+5) { margin-left: 3%; width: 17.6%; } }

.sec-case .item:nth-child(n+5) .txt .ttl { font-size: 4.26vw; }

@media (min-width: 769px) { .sec-case .item:nth-child(n+5) .txt .ttl { font-size: 20px; } }

.sec-case .item:nth-child(n+5) .txt p { font-size: 3.2vw; }

@media (min-width: 769px) { .sec-case .item:nth-child(n+5) .txt p { font-size: 14px; } }

.sec-case .item:nth-child(5) { margin-left: 0; }

.sec-case .item:hover .img img { transform: scale(1.1); }

.sec-case .btn-white { border-color: #fff; margin: 50px auto 0; }

@media (min-width: 769px) { .sec-case .btn-white { border-radius: 30px; height: 60px; width: 306px; } }

.sec-case .case-slider { padding: 50px 0 0; position: relative; }

.sec-case .case-slider .slick-prev, .sec-case .case-slider .slick-next { background: url("../img/common/btn-slider.png") no-repeat 0 0/contain; border: none; cursor: pointer; color: transparent; display: block; line-height: 0; font-size: 0; padding: 0; position: absolute; outline: none; top: 0; transition: background-color 0.5s, opacity 0.5s, transform 0.5s; }

@media (min-width: 769px) { .sec-case .case-slider .slick-prev, .sec-case .case-slider .slick-next { height: 48px; width: 48px; } }

.sec-case .case-slider .slick-prev:hover, .sec-case .case-slider .slick-next:hover { opacity: .7; }

.sec-case .case-slider .slick-prev.slick-disabled, .sec-case .case-slider .slick-next.slick-disabled { cursor: default; opacity: .5; }

.sec-case .case-slider .slick-prev { transform: scale(-1); right: 68px; }

.sec-case .case-slider .slick-next { right: 0; }

.sec-interview { padding: 16vw 0; }

@media (min-width: 769px) { .sec-interview { padding: 100px 0; } }

@media (max-width: 768px) { .sec-interview .wrap { padding: 0; } }

.sec-interview .list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.sec-interview .interview-slider { position: relative; }

@media (max-width: 768px) { .sec-interview .interview-slider .slick-slide { margin: 2.66vw 2.66vw 0; } }

@media (max-width: 768px) { .sec-interview .interview-slider .slick-dots { margin: 8vw 0 0; } }

.sec-interview .interview-slider .slick-dots li button { background-color: #d2d2d2; }

.sec-interview .interview-slider .slick-dots li.slick-active button { background-color: #00489d; }

.sec-interview .item { background-color: #f1f1f1; border-radius: 1.33vw; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); color: #000; overflow: hidden; padding: 4vw; width: 73.33vw; }

@media (max-width: 768px) { .sec-interview .item { height: 72vw; } }

@media (min-width: 769px) { .sec-interview .item { border-radius: 10px; margin: 80px 0 0; padding: 20px; width: 380px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-interview .item { width: 30%; } }

.sec-interview .item .img { border-radius: 1.33vw; height: 36.26vw; overflow: hidden; width: 100%; }

@media (min-width: 769px) { .sec-interview .item .img { border-radius: 5px; height: 190px; } }

.sec-interview .item .img img { height: 36.26vw; object-fit: cover; transition: background-color 0.5s, opacity 0.5s, transform 0.5s; width: 100%; }

@media (min-width: 769px) { .sec-interview .item .img img { border-radius: 5px; height: 190px; } }

@media (max-width: 768px) { .sec-interview .item .txt { padding: 0 2.66vw; } }

.sec-interview .item .txt .date { font-family: "CeraProBlack", "CeraProMedium", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size: 3.2vw; margin: 4vw 0 0; }

@media (min-width: 769px) { .sec-interview .item .txt .date { font-size: 16px; margin: 10px 0 0; } }

.sec-interview .item .txt p { font-weight: 700; line-height: 1.55; margin: 1.33vw 0 0; }

@media (min-width: 769px) { .sec-interview .item .txt p { font-size: 22px; margin: 5px 0 0; } }

.sec-interview .item:hover .img img { transform: scale(1.1); }

.sec-interview .btn-blue { border-color: #00489d; margin: 50px auto 0; }

@media (min-width: 769px) { .sec-interview .btn-blue { border-radius: 30px; height: 60px; width: 306px; } }

.sec-info { background-color: #00489d; color: #fff; padding: 16vw 0; }

@media (min-width: 769px) { .sec-info { padding: 100px 0; } }

.sec-info .head { align-items: flex-end; display: flex; justify-content: space-between; }

.sec-info .ttl-b { color: #fff; }

.sec-info .list { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media (max-width: 768px) { .sec-info .list { border-top: 1px solid #fff; margin: 6.66vw 0 0; } }

@media (min-width: 769px) { .sec-info .list { margin: 30px 0 0; } }

.sec-info .item { color: #fff; }

@media (max-width: 768px) { .sec-info .item { border-bottom: 1px solid #fff; padding: 5.33vw 4vw; } }

@media (min-width: 769px) { .sec-info .item { width: 367px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-info .item { width: 30%; } }

@media (max-width: 768px) { .sec-info .item .img { display: none; } }

@media (min-width: 769px) { .sec-info .item .img { border-radius: 10px; overflow: hidden; } }

.sec-info .item .img img { transition: background-color 0.5s, opacity 0.5s, transform 0.5s; }

.sec-info .item .txt .ttl { overflow: hidden; }

@media (max-width: 768px) { .sec-info .item .txt .ttl { text-overflow: ellipsis; white-space: nowrap; width: 78.66vw; } }

@media (min-width: 769px) { .sec-info .item .txt .ttl { font-size: 22px; display: -webkit-box; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 2; line-height: 1.55; margin: 20px 0 0; } }

.sec-info .item .txt p { overflow: hidden; }

@media (max-width: 768px) { .sec-info .item .txt p { font-size: 3.2vw; text-overflow: ellipsis; white-space: nowrap; width: 78.66vw; } }

@media (min-width: 769px) { .sec-info .item .txt p { display: -webkit-box; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 2; line-height: 1.7; margin: 10px 0 0; } }

.sec-info .item .txt .date { font-weight: 700; }

@media (min-width: 769px) { .sec-info .item .txt .date { font-weight: 16px; margin: 10px 0 0; } }

.sec-info .item:hover .img img { transform: scale(1.1); }

.sec-info .btn-white { border-color: #fff; margin: 50px auto 0; }

@media (min-width: 769px) { .sec-info .btn-white { border-radius: 30px; height: 60px; width: 306px; } }

.sec-info .more { margin: 5.33vw 0 0; text-align: right; }

@media (min-width: 769px) { .sec-info .more { margin: 30px 0 0; position: absolute; right: 0; top: 0; } }

.sec-info .sec-blog { position: relative; }

.sec-info .sec-news { margin: 13.33vw 0 0; position: relative; }

@media (min-width: 769px) { .sec-info .sec-news { margin: 60px 0 0; } }

.sec-contact { padding: 16vw 0; }

@media (min-width: 769px) { .sec-contact { padding: 100px 0; } }

.sec-contact .box { display: flex; justify-content: center; position: relative; }

@media (max-width: 768px) { .sec-contact .box { flex-direction: column; } }

@media (min-width: 769px) { .sec-contact .box { margin: 70px 0 0; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-contact .box { display: block; } }

.sec-contact .box .img { text-align: center; }

@media (max-width: 768px) { .sec-contact .box .img { margin: 6.66vw 0 0; order: 2; } }

@media (max-width: 768px) { .sec-contact .box .txt { margin: 6.66vw 0 0; order: 1; } }

@media (min-width: 769px) { .sec-contact .box .txt { font-size: 20px; margin: 20px 0 0 40px; width: 500px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-contact .box .txt { width: auto; } }

@media (max-width: 768px) { .sec-contact .box .more { margin: 13.33vw 0 0; order: 3; } }

@media (min-width: 769px) { .sec-contact .box .more { bottom: 0; position: absolute; right: 95px; } }

@media (min-width: 769px) and (max-width: 1206px) { .sec-contact .box .more { position: relative; right: 0; } }

.sec-contact .box .more .btn-blue, .sec-contact .box .more .btn-white { border-color: #00489d; }

@media (min-width: 769px) { .sec-contact .box .more .btn-blue, .sec-contact .box .more .btn-white { border-radius: 35px; font-size: 22px; height: 70px; margin: 50px auto 0; width: 400px; } }

.sec-contact .box .more .btn-white { margin: 3.2vw 0 0; }

@media (min-width: 769px) { .sec-contact .box .more .btn-white { margin: 20px auto 0; } }
/*# sourceMappingURL=style.css.map */