@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-transition: border-box; box-sizing: border-box; overflow-x: hidden; }

body { -webkit-text-size-adjust: 100%; }

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; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; }

h1 { font-size: 2em; }

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; }

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: bold !important; }

code, kbd, pre, samp, tt { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

small { font-size: 80%; }

sub, sup { font-size: 75%; position: relative; vertical-align: baseline; border: 0; outline: 0; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ }

button, input { /* 1 */ overflow: visible; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }

button, select { /* 1 */ text-transform: none; }

input, select { vertical-align: middle; }

input:focus { outline: 0; }

textarea { overflow: auto; }

fieldset { padding: 0.35em 0.75em 0.625em; }

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

progress { vertical-align: baseline; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

summary { display: list-item; }

template, [hidden], .hidden { display: none; }

blockquote, q { quotes: none; }

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

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; }

img { vertical-align: top; border-style: none; line-height: 0; font-size: 0; -ms-interpolation-mode: bicubic; background: 0 0; zoom: 1; }

ol, ul { list-style: none; }

a { background-color: transparent; text-decoration: none; font-size: 100%; vertical-align: baseline; text-decoration: none; background: 0 0; }

a:focus { outline: 0; }

a img { opacity: 1; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; }

a img:hover { opacity: 0.5; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

a, button, input { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

/*====================================================================================
■01.MARGIN DEFAULT
====================================================================================*/
.m00 { margin: 0px !important; }

.m05 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.m55 { margin: 55px !important; }

.m60 { margin: 60px !important; }

.mt00 { margin-top: 0px !important; }

.mt01 { margin-top: 1px !important; }

.mt02 { margin-top: 2px !important; }

.mt03 { margin-top: 3px !important; }

.mt04 { margin-top: 4px !important; }

.mt05 { margin-top: 5px !important; }

.mt06 { margin-top: 6px !important; }

.mt07 { margin-top: 7px !important; }

.mt08 { margin-top: 8px !important; }

.mt09 { margin-top: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

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

.mt90 { margin-top: 90px !important; }

.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0px !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb00 { margin-bottom: 0px !important; }

.mb01 { margin-bottom: 1px !important; }

.mb02 { margin-bottom: 2px !important; }

.mb03 { margin-bottom: 3px !important; }

.mb04 { margin-bottom: 4px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb06 { margin-bottom: 6px !important; }

.mb07 { margin-bottom: 7px !important; }

.mb08 { margin-bottom: 8px !important; }

.mb09 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml00 { margin-left: 0px !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

/*====================================================================================
■PADDING DEFAULT
====================================================================================*/
.p00 { padding: 0px !important; }

.p01 { padding: 1px !important; }

.p02 { padding: 2px !important; }

.p03 { padding: 3px !important; }

.p04 { padding: 4px !important; }

.p05 { padding: 5px !important; }

.p06 { padding: 6px !important; }

.p07 { padding: 7px !important; }

.p08 { padding: 8px !important; }

.p09 { padding: 9px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p55 { padding: 55px !important; }

.p60 { padding: 60px !important; }

.pl00 { padding-left: 0px !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pr00 { padding-right: 0px !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pb00 { padding-bottom: 0px !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pt00 { padding-top: 0px !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

/*====================================================================================
■WIDTH DEFAULT
====================================================================================*/
.w5 { width: 5% !important; }

.w10 { width: 10% !important; }

.w15 { width: 15% !important; }

.w20 { width: 20% !important; }

.w25 { width: 25% !important; }

.w30 { width: 30% !important; }

.w35 { width: 35% !important; }

.w40 { width: 40% !important; }

.w45 { width: 45% !important; }

.w49 { width: 49% !important; }

.w50 { width: 50% !important; }

.w55 { width: 55% !important; }

.w59 { width: 59% !important; }

.w60 { width: 60% !important; }

.w65 { width: 65% !important; }

.w70 { width: 70% !important; }

.w80 { width: 80% !important; }

.w90 { width: 90% !important; }

.w100 { width: 100% !important; }

/*====================================================================================
■MARGIN% DEFAULT
====================================================================================*/
.ml1per { margin-left: 1%; }

.ml2per { margin-left: 2%; }

.ml3per { margin-left: 3%; }

.ml4per { margin-left: 4%; }

.mr1per { margin-right: 1%; }

.mr2per { margin-right: 2%; }

.mr3per { margin-right: 3%; }

.mr4per { margin-right: 4%; }

.mt1per { margin-top: 1%; }

.mt2per { margin-top: 2%; }

.mt3per { margin-top: 3%; }

.mt4per { margin-top: 4%; }

.mt5per { margin-top: 5%; }

.mt6per { margin-top: 6%; }

.mt7per { margin-top: 7%; }

.mt8per { margin-top: 8%; }

.mt9per { margin-top: 9%; }

.mt10per { margin-top: 10%; }

.pd1per { padding: 1%; }

.pd2per { padding: 2%; }

.pd3per { padding: 3%; }

.pd4per { padding: 4%; }

.pull_left { float: left; }

.pull_right { float: right; }

.text_left { text-align: left !important; }

.text_right { text-align: right !important; }

.text_center { text-align: center !important; }

.text_justify { text-align: justify !important; }

.text_nowrap { white-space: nowrap !important; }

.text_lower { text-transform: lowercase !important; }

.text_upper { text-transform: uppercase !important; }

.text_capitalize { text-transform: capitalize !important; }

.text_normal { font-weight: normal !important; }

.text_bold { font-weight: bold !important; }

.text_line { text-decoration: underline; }

.text_noline { text-decoration: none !important; }

.text_over { overflow: hidden !important; }

.fz10 { font-size: 10px !important; }

.fz11 { font-size: 11px !important; }

.fz12 { font-size: 12px !important; }

.fz13 { font-size: 13px !important; }

.fz14 { font-size: 14px !important; }

.fz15 { font-size: 15px !important; }

.fz16 { font-size: 16px !important; }

.fz17 { font-size: 17px !important; }

.fz18 { font-size: 18px !important; }

.fz19 { font-size: 19px !important; }

.fz20 { font-size: 20px; }

.fz22 { font-size: 22px !important; }

.fz24 { font-size: 24px !important; }

.lhnm { line-height: normal !important; }

.lh00 { line-height: 0 !important; }

.lh12 { line-height: 1.2 !important; }

.lh13 { line-height: 1.3 !important; }

.lh14 { line-height: 1.4 !important; }

.lh15 { line-height: 1.5 !important; }

.lh16 { line-height: 1.6 !important; }

.lh17 { line-height: 1.7 !important; }

.lh18 { line-height: 1.8 !important; }

.lh20 { line-height: 2 !important; }

.lh23 { line-height: 2.3 !important; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.visible { visibility: visible; }

.visible-hidden { visibility: hidden; }

.dispc, .breakpc { display: block; }

@media all and (max-width: 960px) { .dispc, .breakpc { display: none; } }

.dissp, .breaksp { display: block; }

@media all and (min-width: 961px) { .dissp, .breaksp { display: none; } }

.flexFont { font-size: 100%; }

.obj__fit, .imgfit { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

.overflow { overflow: hidden; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:after, .slick-track:before { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir=rtl] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-next, .slick-prev { position: absolute; display: block; height: 48px; width: 48px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; bottom: -24px; padding: 0; border: none; outline: none; }

@media all and (max-width: 960px) { .slick-next, .slick-prev { width: 24px; height: 24px; } }

.slick-next:hover, .slick-prev:hover { opacity: 0.5; }

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25; }

.slick-prev { right: 80px; background: url(../images/arrleft.svg) no-repeat center center; background-size: 48px; }

@media all and (max-width: 960px) { .slick-prev { background-size: 24px; } }

[dir=rtl] .slick-prev { left: auto; right: 0; }

.slick-next { right: 20px; background: url(../images/arrright.svg) no-repeat center center; background-size: 48px; }

@media all and (max-width: 960px) { .slick-next { background-size: 24px; } }

[dir=rtl] .slick-next { left: 0; right: auto; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; left: 20px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: calc(100% - 180px); border-bottom: 1px solid #0E6EB8; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:focus, .slick-dots li button:hover { outline: none; }

.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.belleaurore { font-family: "La Belle Aurore", cursive; font-weight: 400; font-style: normal; }

.hammersmith { font-family: "Hammersmith One", sans-serif; font-weight: 400; font-style: normal; }

.tsukimi { font-family: "Tsukimi Rounded", sans-serif; font-weight: 500; font-style: normal; }

.plusrounded { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; font-style: normal; }

.keania { font-family: "Keania One", sans-serif; font-weight: 400; font-style: normal; }

html { scroll-behavior: smooth; }

.scroller { scrollbar-width: auto; /* auto | thin | none */ scrollbar-color: #fff; /* thumb color track color */ }

/* For Chrome, Safari, Edge, and Opera */
.scroller::-webkit-scrollbar { width: 4px; /* vertical scrollbar width */ height: 4px; /* thickness of the vertical scrollbar */ }

.scroller::-webkit-scrollbar-track { background: #fff; }

.scroller::-webkit-scrollbar-thumb { background-color: #9F9F9F; }

.scroller::-webkit-scrollbar-thumb:hover { background: #fff; /* color on hover */ }

body { color: #1E1E1E; font-family: 'Noto Sans JP', sans-serif; overflow-x: hidden; }

body .fontnoto { font-family: 'Noto Serif JP', serif; }

body .fontgrape { font-family: 'Grape Nuts', cursive; }

body .fonttsukimi { font-family: "Tsukimi Rounded", sans-serif; font-weight: 500; }

body .fontrounded { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; }

body p { font-size: 16px; line-height: 1.8; color: #1E1E1E; font-weight: 400; }

body a { color: #1E1E1E; line-height: normal; }

body img, body iframe { max-width: 100%; line-height: 0; }

.clpage { color: #0E6EB8; }

@media all and (min-width: 961px) { .over_150 .header { padding-top: 15px; } }

.dflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.dflex-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.dflex-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.dflex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

@media all and (max-width: 960px) { .container { padding: 0 15px; } }

@media all and (max-width: 639px) { .container { padding: 0 3%; } }

.container-large { max-width: 1420px; margin: 0 auto; padding: 0 20px; }

@media all and (max-width: 960px) { .container-large { padding: 0 15px; } }

@media all and (max-width: 639px) { .container-large { padding: 0 3%; } }

/* -----------------------------------------------
/* HEADER
-------------------------------------------------- */
.header { padding: 40px 15px 15px; -webkit-transition: all .3s; transition: all .3s; position: fixed; width: 100%; left: 0; top: 0; z-index: 9; }

@media all and (max-width: 960px) { .header { padding-top: 10px; padding-bottom: 10px; background: #fff; } }

.header-top { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 1680px; margin: 0 auto; }

.header-top--logo { position: relative; z-index: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 190px; -ms-flex: 0 0 190px; flex: 0 0 190px; }

@media all and (max-width: 960px) { .header-top--logo { -webkit-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; } }

.header-top--menu { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header-top--menu .header-nav { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: inherit; }

.header-nav { position: relative; z-index: 98; }

@media all and (max-width: 1140px) { .header-nav--inside { display: none; } }

.header-nav--sp { background: rgba(244, 252, 255, 0.9); position: fixed; right: -100%; top: 0; height: 100vh; visibility: hidden; max-width: 860px; width: 100%; -webkit-transition: all .3s; transition: all .3s; overflow: auto; padding: 60px 0; }

@media all and (max-width: 960px) { .header-nav--sp { padding: 80px 0; } }

.header .icon-inside, .header .icon-hamburger { position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 42px; height: 42px; -webkit-transition: all .3s; transition: all .3s; }

.header .icon-hamburger { z-index: 99; }

.header .icon-hamburger span { left: 0; height: 3px; position: absolute; background: #0E6EB8; display: inline-block; width: 100%; border-radius: 3px; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

.header .icon-hamburger span:first-child { top: 0; }

.header .icon-hamburger span:nth-child(2) { top: 0; bottom: 0; margin: auto; position: absolute; }

@media all and (max-width: 960px) { .header .icon-hamburger span:nth-child(2) { background: #3187BD; } }

.header .icon-hamburger span:last-child { bottom: 0; }

@media all and (max-width: 960px) { .header .icon-hamburger span:last-child { background: #419DC4; } }

.header .icon--bar { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 58%; width: 80%; }

/* -----------------------------------------------
/* MENU
-------------------------------------------------- */
@media all and (min-width: 961px) { .menu { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

@media all and (max-width: 960px) { .menu { height: auto; padding: 0 45px; overflow: hidden; } }

@media all and (max-width: 400px) { .menu { padding: 0 30px; } }

.menu--item a { font-family: 'Noto Serif JP', serif; font-size: 20px; font-weight: bold; line-height: 1; color: #1E1E1E; text-decoration: none; display: block; padding: 0 15px; text-align: center; }

@media all and (min-width: 961px) { .menu--item a:hover { opacity: 0.5; color: #0E6EB8; } }

@media all and (max-width: 1400px) { .menu--item a { font-size: 16px; } }

@media all and (max-width: 1200px) { .menu--item a { padding: 11px 10px; } }

.menu--item:nth-last-child(2) { background: #369DC6; border-radius: 20px; min-width: 200px; margin-left: 15px; -webkit-transition: all .3s; transition: all .3s; }

.menu--item:nth-last-child(2) a { color: #fff; font-size: 16px; line-height: 1; padding: 13px 40px; }

@media all and (min-width: 961px) { .menu--item:nth-last-child(2):hover { opacity: 0.5; }
  .menu--item:nth-last-child(2):hover a { opacity: 1; } }

@media all and (max-width: 1400px) { .menu--item:nth-last-child(2) { min-width: 160px; margin-left: 10px; }
  .menu--item:nth-last-child(2) a { font-size: 14px; } }

@media all and (max-width: 1200px) { .menu--item:nth-last-child(2) { min-width: 140px; }
  .menu--item:nth-last-child(2) a { padding: 13px 0; } }

.menu--item:last-child { background: #E37A28; border-radius: 20px; min-width: 200px; margin-left: 25px; margin-right: 25px; -webkit-transition: all .3s; transition: all .3s; }

.menu--item:last-child a { color: #fff; font-size: 16px; line-height: 1; padding: 13px 40px; }

@media all and (min-width: 961px) { .menu--item:last-child:hover { opacity: 0.5; }
  .menu--item:last-child:hover a { opacity: 1; } }

@media all and (max-width: 1400px) { .menu--item:last-child { min-width: 160px; margin: 0 20px; }
  .menu--item:last-child a { font-size: 14px; } }

@media all and (max-width: 1200px) { .menu--item:last-child { min-width: 140px; }
  .menu--item:last-child a { padding: 13px 0; } }

.menu-sp { display: block; max-width: 470px; margin: 0 auto; height: auto; }

.menu-sp li { padding: 22px 0; border-bottom: 1px dashed #0E6EB8; }

@media all and (max-width: 960px) { .menu-sp li { padding: 16px 0; } }

.menu-sp li a { font-size: 32px; font-weight: bold; color: #0E6EB8; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.menu-sp li a span { font-family: "Hammersmith One", sans-serif; font-weight: 400; font-style: normal; }

.menu-sp li a small { color: #369DC6; font-size: 20px; margin-left: 20px; }

@media all and (min-width: 961px) { .menu-sp li a:hover { opacity: 0.5; } }

@media all and (max-width: 960px) { .menu-sp li a { font-size: 24px; width: 100%; }
  .menu-sp li a small { font-size: 16px; margin-left: 15px; } }

@media all and (max-width: 640px) { .menu-sp li a { font-size: 22px; }
  .menu-sp li a small { font-size: 14px; } }

.menu-sp li:nth-child(7), .menu-sp li:nth-child(8) { border-bottom: 0; }

.menu-sp li:last-child { border-bottom: 0; }

.menu-sp li:last-child a { font-size: 16px; font-weight: normal; }

.menu-sp li:last-child a:first-child { margin-right: 30px; }

@media all and (max-width: 960px) { .menu-sp li:last-child a { font-size: 13px; } }

@media all and (max-width: 960px) { .menu-sp li.last { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .menu-sp li.last a { margin: 0 !important; display: block; text-align: center; } }

@media all and (max-width: 640px) { .menu-sp li a span { -webkit-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; }
  .menu-sp li a span + small { margin-left: 0; } }

/* -----------------------------------------------
/* MENU OPEN
-------------------------------------------------- */
.open--menu { position: relative; }

.open--menu .header-nav.show .header-nav--sp { right: 0; opacity: 1; visibility: visible; }

.open--menu .icon-hamburger { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.open--menu .icon-hamburger span { background: #369DC6; }

.open--menu .icon-hamburger span:nth-child(1) { -webkit-transform: translateY(10px) rotate(-225deg); -ms-transform: translateY(10px) rotate(-225deg); transform: translateY(10px) rotate(-225deg); }

.open--menu .icon-hamburger span:nth-child(2) { -webkit-transform: translateY(0) rotate(225deg); -ms-transform: translateY(0) rotate(225deg); transform: translateY(0) rotate(225deg); width: 100%; }

.open--menu .icon-hamburger span:nth-child(3) { opacity: 0; }

.recruitTop .header-top--logo { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.recruitTop .header-top--logo a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.recruitTop .header-top--logo a img { width: 190px; }

@media all and (max-width: 960px) { .recruitTop .header-top--logo a img { width: 130px; } }

.recruitTop .header-top--logo a span { font-size: 16px; margin-left: 30px; }

@media all and (max-width: 1600px) { .recruitTop .header-top--logo a span { margin-left: 20px; } }

@media all and (max-width: 1480px) { .recruitTop .header-top--logo a span { display: none; } }

@media all and (max-width: 960px) { .recruitTop .header-top--logo a span { display: block; font-size: 14px; } }

.recruitTop .menu--item a { font-family: "Hammersmith One", sans-serif; font-weight: 400; }

@media all and (max-width: 1550px) { .recruitTop .menu--item a { padding-left: 12px; padding-right: 12px; } }

@media all and (min-width: 1480px) { .recruitTop .menu--item:nth-child(1) a, .recruitTop .menu--item:nth-child(2) a, .recruitTop .menu--item:nth-child(3) a, .recruitTop .menu--item:nth-child(4) a, .recruitTop .menu--item:nth-child(5) a, .recruitTop .menu--item:nth-child(6) a, .recruitTop .menu--item:nth-child(7) a { padding-top: 3px; } }

.recruitTop .menu--item:nth-last-child(2) a { font-family: 'Noto Serif JP', serif; }

.recruitTop .menu--item:nth-last-child(3) a { color: #0E6EB8; }

.recruitTop .menu--item:last-child { background: rgba(235, 23, 23, 0.64); }

.recruitTop .header-nav--sp { background: rgba(54, 157, 198, 0.9); max-width: 1600px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (min-width: 961px) { .recruitTop .header-nav--sp { padding-left: 70px; padding-right: 150px; } }

@media all and (max-width: 960px) { .recruitTop .header-nav--sp { padding: 80px 30px; display: block; } }

.recruitTop .header-nav--sp .navleft, .recruitTop .header-nav--sp .navright { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; }

@media all and (max-width: 1280px) { .recruitTop .header-nav--sp .navleft, .recruitTop .header-nav--sp .navright { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } }

@media all and (max-width: 960px) { .recruitTop .header-nav--sp .navleft, .recruitTop .header-nav--sp .navright { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

@media all and (max-width: 1540px) { .recruitTop .header-nav--sp { padding-right: 70px; } }

@media all and (max-width: 1280px) { .recruitTop .header-nav--sp { padding-left: 30px; padding-right: 30px; } }

@media all and (min-width: 961px) { .recruitTop .header-nav--sp .navright { min-height: 715px; position: relative; } }

@media all and (min-width: 1280px) { .recruitTop .header-nav--sp .navright { min-height: 750px; } }

@media all and (max-width: 960px) { .recruitTop .header-nav--sp .navright ul:not(.navsub) > li:nth-child(2) { position: relative; z-index: 2; }
  .recruitTop .header-nav--sp .navright ul:not(.navsub) > li:nth-child(2) > a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .recruitTop .header-nav--sp .navright ul:not(.navsub) > li:nth-child(2) > a small { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; margin-top: 5px; }
  .recruitTop .header-nav--sp .navright ul:not(.navsub) > li:nth-child(2) .ico { right: inherit; left: 110px; top: 44px; position: absolute; } }

.recruitTop .header .icon-hamburger span { background: -webkit-linear-gradient(left, #EB7D28 0%, #FFB60D 100%); background: linear-gradient(90deg, #EB7D28 0%, #FFB60D 100%); }

.recruitTop.open--menu .icon-hamburger span { background: #fff; }

.recruitTop .menu-sp { max-width: inherit; }

@media all and (max-width: 960px) { .recruitTop .menu-sp { padding: 0; } }

.recruitTop .menu-sp * { color: #fff; }

@media all and (min-width: 961px) { .recruitTop .menu-sp li { border: none; padding: 20px 0; } }

@media all and (max-width: 960px) { .recruitTop .menu-sp li { padding: 20px 0; border-color: #fff; } }

.recruitTop .menu-sp li a { line-height: 2; }

@media all and (max-width: 960px) { .recruitTop .menu-sp li a { width: auto; } }

.recruitTop .menu-sp li a span { line-height: 1; }

@media all and (max-width: 640px) { .recruitTop .menu-sp li a span { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } }

.recruitTop .menu-sp li a small { font-weight: 400; }

@media all and (max-width: 960px) { .recruitTop .menu-sp li a small span { display: none; } }

.recruitTop .menu-sp li:last-child a { font-size: 32px; margin-right: 0; }

@media all and (max-width: 960px) { .recruitTop .menu-sp li:last-child { border-bottom: 1px dashed #fff; } }

@media all and (min-width: 961px) { .recruitTop .menu-sp li.menu-item:not(.megamenu) { border-bottom: 1px dashed #fff; }
  .recruitTop .menu-sp li.menu-item.megamenu:last-child { padding-bottom: 0; } }

.recruitTop .menu-sp li.brncorpo { border: none !important; padding: 0; }

.recruitTop .menu-sp li.brncorpo a { margin-right: 0; }

@media all and (min-width: 961px) { .recruitTop .menu-sp li.brncorpo { position: absolute; right: 0; bottom: 0; } }

@media all and (max-width: 960px) { .recruitTop .menu-sp li.brncorpo { margin: 0 auto; margin-top: 40px; max-width: 380px; } }

@media all and (max-width: 1440px) { .recruitTop .menu-sp > li > a > span { font-size: 28px; white-space: nowrap; }
  .recruitTop .menu-sp > li > a small { font-size: 18px; white-space: nowrap; padding-bottom: 3px; } }

@media all and (max-width: 1280px) { .recruitTop .menu-sp > li > a > span { font-size: 26px; }
  .recruitTop .menu-sp > li > a small { font-size: 16px; margin-left: 10px; } }

@media all and (max-width: 960px) { .recruitTop .menu-sp > li > a > span { font-size: 24px; }
  .recruitTop .menu-sp > li > a small { font-size: 14px; margin-left: 15px; padding-bottom: 1px; } }

@media all and (min-width: 961px) { .recruitTop .menu-sp .ico { display: none; } }

@media all and (max-width: 960px) { .recruitTop .menu-sp .ico { position: relative; width: 32px; height: 32px; right: -30px; top: -5px; -webkit-transition: all .3s; transition: all .3s; }
  .recruitTop .menu-sp .ico::before { content: ''; background: transparent; position: absolute; width: 8px; height: 8px; right: 50%; margin-right: -4px; top: 50%; margin-top: -4px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transition: all .3s; transition: all .3s; }
  .recruitTop .menu-sp .ico.open { top: 0; }
  .recruitTop .menu-sp .ico.open::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }

.recruitTop .navsub { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-top: 1px dashed #fff; padding-top: 20px; margin-top: 20px; }

@media all and (max-width: 960px) { .recruitTop .navsub { display: none; margin-top: 0; border-top: 0; padding: 10px 15px; padding-bottom: 0; } }

.recruitTop .navsub li { padding: 0; margin: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; border-bottom: 0; }

@media all and (max-width: 960px) { .recruitTop .navsub li:last-child { border-bottom: 0; } }

.recruitTop .navsub li:last-child a { margin: 0; }

@media all and (max-width: 960px) { .recruitTop .navsub li { padding: 7px 0; } }

.recruitTop .navsub a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0; line-height: 1.4; }

@media all and (max-width: 960px) { .recruitTop .navsub a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.recruitTop .navsub a span { font-size: 20px; }

@media all and (max-width: 1280px) { .recruitTop .navsub a span { font-size: 18px; } }

@media all and (max-width: 960px) { .recruitTop .navsub a span { font-size: 16px; line-height: 1.4; margin-right: 15px; padding-top: 2px; } }

.recruitTop .navsub a small { font-size: 14px; display: block; margin-left: 0; }

@media all and (max-width: 1280px) { .recruitTop .navsub a small { font-size: 13px; } }

@media all and (max-width: 960px) { .recruitTop .navsub a small { line-height: 1; } }

@media all and (max-width: 960px) { .open--menu .menu--item { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

.open--menu .menu--item:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.open--menu .menu--item:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.open--menu .menu--item:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.open--menu .menu--item:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.open--menu .menu--item:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.open--menu .menu--item:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

/* -----------------------------------------------
/* FOOTER
-------------------------------------------------- */
.footer { padding: 260px 0 0; }

@media all and (max-width: 960px) { .footer { padding-top: 120px; } }

.footer .container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

@media all and (max-width: 960px) { .footer .container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.footer-info .logoft { max-width: 190px; margin-bottom: 25px; }

@media all and (max-width: 960px) { .footer-info .logoft { margin: 0 auto; margin-bottom: 25px; } }

.footer-info p { font-size: 14px; }

.footer-info .dflex { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 15px; }

@media all and (max-width: 960px) { .footer-info .dflex { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.footer-info .dflex img { margin-right: 15px; }

@media all and (max-width: 960px) { .footer-info .dflex img { height: 64px; }
  .footer-info .dflex img:last-child { margin-right: 0; } }

.footer-copy { background: -webkit-linear-gradient(top, #0E6EB8 0%, #369DC6 100%); background: linear-gradient(180deg, #0E6EB8 0%, #369DC6 100%); margin-top: 140px; }

@media all and (max-width: 960px) { .footer-copy { margin-top: 50px; } }

.footer-copy p { font-size: 13px; text-align: center; padding: 20px 0; color: #fff; }

.footer-nav { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 960px) { .footer-nav { display: none; } }

.footer-nav ul { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; }

.footer-nav ul li { margin: 15px 0; }

.footer-nav ul:nth-child(2) { margin: 0 35px; padding: 0 35px; border-left: 1px solid #0E6EB8; border-right: 1px solid #0E6EB8; }

.backtop { width: 100%; max-width: 100%; position: fixed; z-index: 8; bottom: 20px; right: 0; -webkit-transition: all .3s; transition: all .3s; }

.backtop--icon { cursor: pointer; display: block; position: absolute; bottom: 0; right: 15px; zoom: 1; text-align: right; z-index: 8; }

.footer-recruit { margin-top: 220px; }

@media all and (max-width: 1180px) { .footer-recruit { margin-top: 120px; } }

@media all and (max-width: 1180px) { .footer-recruit { background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); } }

@media all and (max-width: 960px) { .footer-recruit { margin-top: 100px; } }

@media all and (max-width: 1180px) { .footer-recruit .footer-brn { display: block; margin: 0 auto; padding: 60px 0 30px; }
  .footer-recruit .footer-brn a { max-width: 380px; margin: 0 auto; display: block; } }

@media all and (max-width: 960px) { .footer-recruit .footer-brn { padding-left: 3%; padding-right: 3%; } }

.footer-recruit .logoft { padding: 30px 0; margin-bottom: 0; max-width: 100%; }

@media all and (max-width: 1180px) { .footer-recruit .logoft { background: #fff; top: -1px; position: relative; } }

@media all and (max-width: 960px) { .footer-recruit .logoft { padding: 20px 0; } }

.footer-recruit .logoft a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .footer-recruit .logoft a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.footer-recruit .logoft a img { max-width: 190px; }

.footer-recruit .logoft a span { font-size: 16px; margin-left: 40px; padding-top: 3px; }

@media all and (max-width: 960px) { .footer-recruit .logoft a span { margin-left: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; } }

@media all and (min-width: 961px) { .footer-recruit .logoft a img { opacity: 1; }
  .footer-recruit .logoft a:hover { opacity: .5; } }

.footer-recruit .footer-nav { background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); }

@media all and (max-width: 960px) { .footer-recruit .footer-nav { display: none; } }

.footer-recruit .footer-nav .container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 60px; }

.footer-recruit .footer-nav .container * { color: #fff; }

.footer-recruit .footer-nav .nav { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 70px; }

@media all and (max-width: 1180px) { .footer-recruit .footer-nav .nav > li a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.footer-recruit .footer-nav .nav > li span { font-family: "Hammersmith One", sans-serif; font-weight: 400; font-size: 24px; }

.footer-recruit .footer-nav .nav > li small { font-size: 14px; margin-left: 15px; }

@media all and (max-width: 1180px) { .footer-recruit .footer-nav .nav > li small { margin-left: 0; } }

.footer-recruit .footer-nav .nav:last-child li { margin-bottom: 25px; }

.footer-recruit .footer-nav .nav:last-child .brncorporate { min-width: 465px; margin-bottom: 0; margin-top: 40px; }

.footer-recruit .footer-nav ul { border: none; padding: 0; }

.footer-recruit .footer-nav ul:nth-child(2) { border: none; margin: 0; }

.footer-recruit .footer-nav ul li { margin: 0; }

.footer-recruit .footer-nav ul.sub { border-right: 0; margin-top: 30px; padding-left: 15px; border-left: 1px solid #fff; }

.footer-recruit .footer-nav ul.sub li { margin: 25px 0; }

.footer-recruit .footer-nav .alink a:after { background: #fff; }

.footer-recruit .footer-bottom { padding: 30px 0; }

@media all and (max-width: 1180px) { .footer-recruit .footer-bottom { display: none; } }

.footer-recruit .footer-bottom .container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer-recruit .footer-bottom p, .footer-recruit .footer-bottom a { font-size: 14px; }

.footer-recruit .footer-bottom ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer-recruit .footer-bottom ul li { margin-left: 30px; }

.footer-recruit .footer-copy { margin-top: 0; }

@media all and (max-width: 1180px) { .footer-recruit .footer-copy { background: none; } }

/* -----------------------------------------------
/* TEXT LINK
-------------------------------------------------- */
@media all and (min-width: 961px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }

.alink { position: relative; }

.alink a { position: relative; }

.alink a:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.alink a:after { bottom: -1px; display: block; height: 1px; width: 0%; content: ""; background-color: #0E6EB8; left: 0%; }

@media all and (min-width: 961px) { .alink a:hover { opacity: 0.5; color: #0E6EB8; }
  .alink a:hover:after { opacity: 0.5; width: 100%; left: 0; } }

.banner { position: relative; height: 100vh; }

.banner .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url("../images/banner_top.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.banner .text { position: absolute; width: 100%; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 48px; font-family: 'Noto Serif JP', serif; font-weight: 900; line-height: 1.8; text-align: center; color: #fff; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }

@media all and (max-width: 960px) { .banner .text { font-size: 24px; line-height: 1.2; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } }

.titpage .title-en { font-size: 96px; font-weight: normal; background: -webkit-linear-gradient(top, #0e6eb8 0%, #369dc6 100%); background: linear-gradient(180deg, #0e6eb8 0%, #369dc6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; }

@media all and (max-width: 960px) { .titpage .title-en { font-size: 64px; } }

.titpage .title-jp { font-size: 20px; color: #1e1e1e; display: block; font-weight: 400; }

@media all and (max-width: 960px) { .titpage .title-jp { font-size: 14px; } }

.about-section { position: relative; background: #fff url(../images/bgabout2.png) no-repeat center center; background-size: cover; padding: 180px 0; }

@media all and (max-width: 960px) { .about-section { padding: 80px 0 60px; } }

.about-section .about-content { text-align: center; }

.about-section .desc { margin: 40px 0; }

@media all and (max-width: 960px) { .about-section .desc { margin: 30px 0; } }

.about-section p { font-size: 18px; font-weight: 500; color: #202122; }

@media all and (max-width: 960px) { .about-section p { font-size: 16px; } }

.about-section .highlight { font-weight: 700; font-size: 32px; line-height: 24px; color: #0E6EB8; margin: 40px auto; }

@media all and (max-width: 960px) { .about-section .highlight { font-size: 20px; margin: 30px 0; } }

.about-section .desc-bottom { margin-bottom: 70px; }

@media all and (max-width: 960px) { .about-section .desc-bottom { margin-bottom: 30px; } }

.about-section .title-jp { font-weight: bold; }

.primary-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 9px 60px 11px 40px; background: #fff url(../images/ico_arr2.svg) no-repeat right 5px center; border: 1px dashed #0E6EB8; border-radius: 40px; color: #0E6EB8; font-weight: 500; font-size: 16px; letter-spacing: 1.6px; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; }

@media all and (min-width: 961px) { .primary-button:hover { background-color: #0E6EB8; color: white; border-style: solid; } }

.service-section { position: relative; width: 100%; min-height: 909px; background-color: white; padding: 170px 0 110px; }

@media all and (max-width: 960px) { .service-section { padding: 70px 0 60px; } }

.service-section .service-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .service-section .service-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media all and (min-width: 961px) { .service-section .service-wrapper .service-left { -webkit-box-flex: 0; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 400px; } }

@media all and (max-width: 960px) { .service-section .service-wrapper .service-left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.service-section .service-wrapper .service-right { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media all and (max-width: 960px) { .service-section .service-wrapper .service-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.service-section .titpage { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 960px) { .service-section .titpage { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.service-section .titpage h2 { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }

.service-section .titpage p { font-size: 16px; font-weight: 500; margin-bottom: 0; margin-top: -5px; margin-left: 95px; }

@media all and (max-width: 960px) { .service-section .titpage p { font-size: 14px; margin: 0 auto; } }

.service-section .desc { margin-bottom: 50px; }

@media all and (max-width: 960px) { .service-section .desc { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 0; } }

@media all and (max-width: 960px) { .service-section .service-menu { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 15px 0; } }

.service-section .service-menu li { border-bottom: 1px dashed #0E6EB8; padding: 23px 0; }

.service-section .service-menu li:last-child { border-bottom: 0; }

@media all and (max-width: 960px) { .service-section .service-menu li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.service-section .service-menu a { font-size: 16px; font-weight: bold; color: #0E6EB8; padding-left: 40px; }

@media all and (min-width: 961px) { .service-section .service-menu a:hover { background: url(../images/ico_sign.svg) no-repeat; opacity: .5; } }

@media all and (max-width: 960px) { .service-section .service-menu a { background: url(../images/ico_sign.svg) no-repeat; background-size: 23px; text-align: left; width: 250px; } }

.service-section .button { text-align: right; margin-top: 40px; }

@media all and (max-width: 960px) { .service-section .button { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 60px; text-align: center; } }

.menbers-section { background: -webkit-linear-gradient(top, #F4FCFF 0%, #F6F8F8 100%); background: linear-gradient(180deg, #F4FCFF 0%, #F6F8F8 100%); padding: 200px 0 250px; }

@media all and (max-width: 960px) { .menbers-section { padding: 80px 0 60px; } }

.menbers-section .head { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 80px; }

@media all and (max-width: 960px) { .menbers-section .head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } }

@media all and (min-width: 961px) { .menbers-section .head .titpage { -webkit-box-flex: 0; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 400px; } }

@media all and (max-width: 960px) { .menbers-section .head .titpage { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; margin-bottom: 30px; } }

.menbers-section .head .title-jp { text-align: right; margin-right: 55px; }

@media all and (max-width: 960px) { .menbers-section .head .title-jp { text-align: center; margin-right: 0; } }

.menbers-section .head .desc { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.menbers-section .head .button { text-align: right; margin-right: 55px; margin-top: 25px; }

@media all and (max-width: 960px) { .menbers-section .head .button { display: none; } }

.menbers-slider { max-width: 1440px; margin: 0 auto; }

@media all and (max-width: 960px) { .menbers-slider { padding: 0 2%; } }

@media all and (max-width: 960px) { .menbers-slider .slickslider { margin-bottom: 100px; } }

.menbers-slider .slick-list { overflow: inherit; }

@media all and (max-width: 960px) { .menbers-slider .slick-list { overflow: hidden; } }

.menbers-slider .slick-slide { padding: 0 15px; padding-bottom: 100px; }

@media all and (min-width: 961px) { .menbers-slider .slick-slide:nth-child(even) { margin-top: -20px; } }

@media all and (max-width: 960px) { .menbers-slider .slick-slide { padding: 0 7px; } }

.menbers-slider .slick-slide p { margin: 25px 0; }

@media all and (max-width: 960px) { .menbers-slider .slick-slide p { margin: 10px 0; font-size: 14px; } }

.menbers-slider .slick-slide .name { margin-bottom: 20px; }

.menbers-slider .slick-slide .name span:first-child { margin-right: 30px; }

@media all and (max-width: 960px) { .menbers-slider .slick-slide .name span:first-child { margin-right: 0; } }

@media all and (max-width: 960px) { .menbers-slider .slick-slide .name span { display: block; font-size: 14px; } }

.menbers-slider .slick-slide .position span { font-size: 14px; }

@media all and (max-width: 960px) { .menbers-slider .slick-slide .position span { font-size: 13px; } }

@media all and (max-width: 960px) { .menbers-slider .slick-arrow { bottom: -100px; }
  .menbers-slider .slick-arrow.slick-next { right: 0; }
  .menbers-slider .slick-arrow.slick-prev { right: 30px; } }

@media all and (max-width: 960px) { .menbers-slider .button { text-align: center; margin-top: 60px; } }

.progress-wrap { padding-right: 220px; }

@media all and (max-width: 960px) { .progress-wrap { padding-right: 170px; } }

.progress-wrap .progress { position: relative; display: block; width: calc(100%); max-width: 1200px; margin: 0 auto; height: 1px; }

.progress-wrap .progress::before { position: absolute; content: ''; background: #0E6EB8; width: calc(100%); height: 1px; left: 0; bottom: 0; }

.progress-wrap .progress::after { position: absolute; content: ''; background: #0E6EB8; width: 80px; height: 1px; right: -80px; bottom: 0; }

@media all and (max-width: 960px) { .progress-wrap .progress::after { width: 165px; right: -165px; } }

.progress-wrap .progress .slider_icon { -webkit-transition: all .3s; transition: all .3s; position: absolute; width: 80px; height: 31px; left: 0; bottom: 1px; }

.banner-section img { width: 100%; }

.recruit-section { padding: 220px 0; }

@media all and (max-width: 960px) { .recruit-section { padding: 120px 0; } }

.recruit-section .recruit .titpage { text-align: right; }

@media all and (max-width: 960px) { .recruit-section .recruit .titpage { text-align: center; } }

.recruit-section .recruit .button { width: 40%; margin-left: auto; margin-right: 0; margin-top: -45px; }

@media all and (max-width: 960px) { .recruit-section .recruit .button { width: 100%; text-align: center; margin-top: 60px; } }

@media all and (min-width: 961px) { .recruit-section .desc { background: url(../images/img_recruit2.png) no-repeat center top; padding-left: 50px; padding-top: 350px; margin-top: -50px; }
  .recruit-section .desc p { max-width: 50%; } }

@media all and (max-width: 960px) { .recruit-section .desc { margin-top: 15px; } }

@media all and (max-width: 960px) { .recruit-section .imgsp { margin-left: -3.5%; margin-bottom: 30px; }
  .recruit-section .imgsp img { width: 100%; } }

.recruit-section .highlight { font-size: 96px; color: #0E6EB8; line-height: 1.2; }

@media all and (max-width: 960px) { .recruit-section .highlight { display: none; } }

.recruit-section .information { margin-top: 200px; position: relative; }

@media all and (max-width: 960px) { .recruit-section .information { margin-top: 120px; } }

@media all and (min-width: 961px) { .recruit-section .information .button { text-align: right; position: absolute; right: 0; top: 85px; } }

@media all and (max-width: 960px) { .recruit-section .information .button { text-align: center; margin-top: 60px; } }

@media all and (max-width: 960px) { .recruit-section .information .titpage { text-align: center; } }

.listInfo { margin-top: 30px; }

.listInfo dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px dashed #0E6EB8; padding: 35px 0; }

.listInfo dl:first-child { border-top: 1px dashed #0E6EB8; }

@media all and (max-width: 960px) { .listInfo dl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; } }

.listInfo .date { font-size: 13px; }

.listInfo .cate { font-size: 14px; color: #fff; margin: 0 30px; border-radius: 30px; min-width: 120px; display: inline-block; text-align: center; padding: 2px 0 3px; -webkit-transition: all .3s; transition: all .3s; }

@media all and (max-width: 960px) { .listInfo .cate { font-size: 13px; } }

.listInfo a { font-size: 14px; }

@media all and (min-width: 961px) { .listInfo a:hover { opacity: .5; } }

@media all and (max-width: 960px) { .listInfo dd { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 10px; } }

.bgcolor1 { background: #0E6EB8; }

.bgcolor2 { background: #369DC6; }

.bgcolor3 { background: #47A4F5; }

.company-section { padding: 125px 0; background: -webkit-linear-gradient(top, #F4FCFF 0%, #F6F8F8 100%); background: linear-gradient(180deg, #F4FCFF 0%, #F6F8F8 100%); }

@media all and (max-width: 960px) { .company-section { padding-top: 0; padding-bottom: 60px; } }

.company-section .container { position: relative; }

.company-section .bgimg { max-width: 845px; width: 72%; }

@media all and (max-width: 960px) { .company-section .bgimg { width: 107%; max-width: inherit; margin-left: -3.5%; }
  .company-section .bgimg img { width: 100%; } }

.company-section .overlay { position: absolute; right: 0; bottom: 90px; background: rgba(255, 255, 255, 0.7); padding: 30px 20px 40px; padding-left: 150px; max-width: 770px; border-top-left-radius: 30px; }

@media all and (max-width: 960px) { .company-section .overlay { width: 94%; margin: 0 auto; right: inherit; max-width: 100%; padding: 20px; bottom: inherit; position: relative; margin-top: -193px; }
  .company-section .overlay p:not(.title-jp) { display: none; } }

.company-section .overlay::after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.7); width: 50%; height: 100%; right: -50%; top: 0; }

@media all and (max-width: 960px) { .company-section .overlay::after { display: none; } }

.company-section .titpage { text-align: right; margin-bottom: 30px; }

@media all and (max-width: 960px) { .company-section .titpage { text-align: center; margin-bottom: 0; } }

.company-section .titpage h2 { line-height: 1.2; }

@media all and (max-width: 960px) { .company-section .titpage h2 { line-height: 1; } }

@media all and (max-width: 960px) { .company-section .desc { background: rgba(255, 255, 255, 0.7); padding: 20px; width: 94%; margin: 0 auto; } }

@media all and (min-width: 961px) { .company-section .button { position: absolute; right: 20px; bottom: 0; } }

@media all and (max-width: 960px) { .company-section .button { margin-top: 60px; text-align: center; } }

.buttonSp { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 0; width: 100%; z-index: 8; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s; transition: all .3s; }

@media all and (min-width: 961px) { .buttonSp { display: none; } }

.buttonSp.scrolling { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.buttonSp a { width: 50%; height: 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; text-align: center; padding: 20px; }

.buttonSp a span { font-family: "Hammersmith One", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.buttonSp a small { font-size: 14px; font-weight: bold; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.buttonSp a.btnContact { background: -webkit-linear-gradient(top, #0E6EB8 0%, #2286BF 50%, #369DC6 100%); background: linear-gradient(180deg, #0E6EB8 0%, #2286BF 50%, #369DC6 100%); }

.buttonSp a.btnConsultation { background: #EB7D28; }

.buttonSp a.btnGuidekines { background: -webkit-linear-gradient(left, #EB7D28 0%, #FFB60D 100%); background: linear-gradient(90deg, #EB7D28 0%, #FFB60D 100%); }

.banner-recruitTop { position: relative; min-height: 100vh; padding-bottom: 140px; }

@media all and (max-width: 960px) { .banner-recruitTop { padding-bottom: 60px; background: url("../images/banner_recruit_sp.png") no-repeat center top; background-size: cover; } }

.banner-recruitTop .background-image { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background: url("../images/banner_recruit.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }

@media all and (max-width: 960px) { .banner-recruitTop .background-image { background: none; } }

.banner-recruitTop .container-large { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 360px; }

@media all and (max-width: 960px) { .banner-recruitTop .container-large { padding-top: 32%; } }

.banner-recruitTop .text { position: relative; z-index: 2; text-align: center; margin: 0 auto; }

.banner-recruitTop p.title { max-width: 1000px; width: 73%; margin: 0 auto; margin-bottom: 20px; }

@media all and (max-width: 960px) { .banner-recruitTop p.title { margin-bottom: 30px; width: 96%; } }

.banner-recruitTop .titleimg { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .banner-recruitTop .titleimg { width: 80%; margin: 0 auto; margin-bottom: 30px; } }

.banner-recruitTop p.txt { font-size: 24px; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; color: #2A3625; line-height: 52px; }

@media all and (min-width: 961px) and (max-width: 1280px) { .banner-recruitTop p.txt { font-size: 1.8vw; } }

@media all and (max-width: 960px) { .banner-recruitTop p.txt { font-size: 15px; line-height: 1.6; } }

.banner-recruitTop .button { margin-top: 70px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .banner-recruitTop .button { margin-top: 40px; } }

.recruit-button { background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); border: 1px dashed #FFFFFF; border-radius: 30px; width: 300px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; position: relative; padding-left: 30px; }

.recruit-button::before { position: absolute; content: ''; background: url(../images/ico_arr1.svg) no-repeat left center; background-size: 24px; width: 24px; height: 24px; left: 60px; top: 50%; margin-top: -12px; }

@media all and (max-width: 960px) { .recruit-button::before { background-size: 18px; width: 18px; height: 18px; margin-top: -9px; left: 25px; } }

@media all and (min-width: 961px) { .recruit-button:hover { opacity: .5; } }

@media all and (max-width: 960px) { .recruit-button { width: 200px; height: 42px; font-size: 14px; } }

.titpage_recruit .title-en { font-size: 112px; background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.5; }

@media all and (max-width: 960px) { .titpage_recruit .title-en { font-size: 40px; } }

p.highlight.fontrounded { font-size: 24px; color: #0E6EB8; margin-bottom: 20px; }

@media all and (min-width: 961px) and (max-width: 1280px) { p.highlight.fontrounded { font-size: 1.8vw; } }

@media all and (max-width: 960px) { p.highlight.fontrounded { font-size: 16px; } }

.listlink li { border-bottom: 1px dashed #0E6EB8; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.listlink li:last-child { border-bottom: 0; }

@media all and (max-width: 960px) { .listlink li { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 15px 0; position: relative; } }

.listlink li a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 25px 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media all and (max-width: 960px) { .listlink li a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } }

.listlink li span:not(.ico) { color: #0E6EB8; font-size: 24px; font-family: "Hammersmith One", sans-serif; font-weight: 400; -webkit-box-flex: 0; -webkit-flex: 0 0 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; }

@media all and (max-width: 1280px) { .listlink li span:not(.ico) { -webkit-box-flex: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; } }

@media all and (max-width: 1100px) { .listlink li span:not(.ico) { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; } }

.listlink li span.tit { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .listlink li span.tit { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; } }

.listlink li span.tit small { font-size: 18px; font-weight: 500; color: #000; }

@media all and (max-width: 960px) { .listlink li span.tit small { padding-left: 30px; margin-top: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

@media all and (max-width: 960px) { .listlink li span.tit > span { margin-right: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: url(../images/ico_arr3.svg) no-repeat right center; background-size: 20px; padding-right: 30px; margin-left: 145px; } }

.listlink li .ico { -webkit-box-flex: 0; -webkit-flex: 0 0 125px; -ms-flex: 0 0 125px; flex: 0 0 125px; margin-right: 65px; height: 27px; border-bottom: 1px solid #0E6EB8; cursor: default; position: relative; margin-left: 4px; }

.listlink li .ico::before { position: absolute; content: ''; background: #47A4F5; width: 8px; height: 8px; left: -4px; bottom: -1px; border-radius: 100%; }

.listlink li .ico img { width: 32px; height: 27px; left: -5px; position: absolute; -webkit-transition: all .5s; transition: all .5s; }

@media all and (max-width: 960px) { .listlink li .ico img { left: calc(100% - 32px); } }

@media all and (max-width: 1280px) { .listlink li .ico { margin-right: 35px; } }

@media all and (max-width: 960px) { .listlink li .ico { margin-right: 15px; position: absolute; width: 125px; left: 0; top: 14px; } }

@media all and (min-width: 961px) { .listlink li:hover img { opacity: 1; }
  .listlink li:hover a { opacity: .5; }
  .listlink li:hover .ico img { left: calc(100% - 32px); } }

.listlink li span.desc { font-weight: bold; font-size: 20px; color: #1E1E1E; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 12px; }

.listlink li span.desc small { font-size: 16px; font-weight: 500; display: block; margin-top: 6px; }

@media all and (max-width: 960px) { .listlink li span.desc { margin-right: 0; font-size: 16px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .listlink li span.desc small { font-size: 14px; margin-top: 10px; } }

.secondpage .listlink li:first-child a { padding-top: 0; }

.secondpage .listlink li:last-child { border-bottom: 1px dashed #0E6EB8; }

.secondpage .listlink li a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 960px) { .secondpage .listlink li .ico { width: 85px; -webkit-box-flex: 0; -webkit-flex: 0 0 85px; -ms-flex: 0 0 85px; flex: 0 0 85px; } }

@media all and (max-width: 960px) { .secondpage .listlink li span.tit { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background: url(../images/ico_arr3.svg) no-repeat right center; background-size: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 35px; } }

.secondpage .listlink li span.tit span { font-size: 32px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 30px; }

.secondpage .listlink li span.tit small { color: #0E6EB8; }

@media all and (max-width: 960px) { .secondpage .listlink li span.tit span { font-size: 24px; padding: 0; margin-right: 0; background: none; margin-left: 110px; }
  .secondpage .listlink li span.tit small { font-size: 12px; display: inline; margin: 0; padding-left: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.secondpage .titpage { display: inline-grid; }

@media all and (max-width: 960px) { .secondpage .titpage { display: block; text-align: center; } }

.secondpage .titpage h2 { font-size: 96px; font-weight: 500; background: -webkit-linear-gradient(top, #0E6EB8 0%, #369DC6 100%); background: linear-gradient(180deg, #0E6EB8 0%, #369DC6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; padding-right: 20px; }

@media all and (max-width: 960px) { .secondpage .titpage h2 { font-size: 64px; line-height: 1; text-align: center; padding-right: 0; padding-bottom: 10px; } }

.secondpage .titpage .txt-jp { text-align: right; font-size: 16px; margin-right: 20px; margin-top: 5px; }

@media all and (max-width: 960px) { .secondpage .titpage .txt-jp { text-align: center; margin-right: 0; font-size: 14px; } }

.lazurite-section { padding: 80px 0 120px 0; }

@media all and (max-width: 960px) { .lazurite-section { padding: 60px 0; } }

.lazurite-section .titpage_recruit { text-align: right; }

.lazurite-section .desc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; }

@media all and (max-width: 960px) { .lazurite-section .desc { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; }
  .lazurite-section .desc .highlight { text-align: right; margin-bottom: 15px; } }

.lazurite-section .img { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 570px; }

@media all and (max-width: 960px) { .lazurite-section .img { max-width: inherit; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 107%; margin: 30px 0; margin-left: -3.5%; }
  .lazurite-section .img img { width: 100%; } }

.lazurite-section .text { padding-left: 30px; }

@media all and (max-width: 960px) { .lazurite-section .text { padding-left: 0; } }

.lazurite-section .text .clpage { font-size: 22px; font-weight: 500; margin: 20px 0; }

@media all and (min-width: 961px) and (max-width: 1280px) { .lazurite-section .text .clpage { font-size: 1.8vw; } }

@media all and (max-width: 960px) { .lazurite-section .text .clpage { font-size: 14px; text-align: right; margin: 15px 0; } }

.lazurite-section .listlink { margin-top: 70px; margin-left: -95px; }

@media all and (max-width: 960px) { .lazurite-section .listlink { margin-left: 0; margin-top: 25px; } }

.ourteam-section { background: #fff url(../images/bg_our_team.png) no-repeat left center; background-size: cover; padding: 120px 0 250px; }

@media all and (max-width: 960px) { .ourteam-section { padding: 60px 0 70px; background: #fff url(../images/bg_our_team_sp.png) no-repeat left center; background-size: cover; }
  .ourteam-section .menbers-slider { padding: 0; } }

.ourteam-section .title-en { font-size: inherit; background: none; max-width: 1100px; margin: 0 auto; margin-bottom: 40px; }

@media all and (max-width: 960px) { .ourteam-section .title-en { margin-bottom: 20px; }
  .ourteam-section .title-en img { max-width: 318px; } }

@media all and (max-width: 960px) { .ourteam-section p.highlight.fontrounded { margin-bottom: 30px; } }

.ourteam-section .desc { max-width: 1100px; margin: 0 auto; }

.ourteam-section .button { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 70px; }

.ourteam-section .sliderRecruit { margin-top: 50px; position: relative; }

@media all and (min-width: 961px) { .ourteam-section .sliderRecruit .slick-list { overflow: hidden; margin: 0 auto; max-width: 1160px; } }

@media all and (max-width: 960px) { .ourteam-section .sliderRecruit .slick-list { overflow: inherit; } }

.ourteam-section .sliderRecruit .arrows .slick-next, .ourteam-section .sliderRecruit .arrows .slick-prev { bottom: 110px; }

@media all and (max-width: 960px) { .ourteam-section .sliderRecruit .arrows .slick-next, .ourteam-section .sliderRecruit .arrows .slick-prev { bottom: 113px; } }

.ourteam-section .sliderRecruit .name { margin: 15px 0 12px; }

@media all and (max-width: 960px) { .ourteam-section .sliderRecruit .name { margin: 15px 0 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ourteam-section .sliderRecruit .name span:first-child { margin-right: 15px; } }

.ourteam-section .sliderRecruit .slick-slide { margin-top: 0; }

@media all and (max-width: 960px) { .ourteam-section .sliderRecruit .slick-slide { padding: 0 12px; }
  .ourteam-section .sliderRecruit .slick-slide .img { border-top-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; } }

@media all and (max-width: 640px) { .ourteam-section .sliderRecruit .slick-slide { width: 214px; } }

.ourteam-section .sliderRecruit .slick-slide .button { margin-top: 40px; }

.ourteam-section .sliderRecruit .slick-slide .button a { width: 130px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.ourteam-section .sliderRecruit .slick-slide .button a::before { width: 28px; height: 28px; border-radius: 100%; border: 1px solid #47A4F5; left: -14px; background-size: 28px; margin-top: -14px; }

@media all and (max-width: 960px) { .ourteam-section .sliderRecruit .slick-slide .button a { padding-left: 0; } }

@media all and (min-width: 961px) { .ourteam-section .sliderRecruit .slick-slide .button { display: none; } }

.job-section { padding-top: 220px; }

@media all and (max-width: 960px) { .job-section { padding-top: 120px; }
  .job-section .titpage_recruit { text-align: right; } }

.job-section .desc { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.job-section .desc.desc2 { margin-top: 40px; }

@media all and (max-width: 960px) { .job-section .desc.desc2 { margin-top: 25px; } }

@media all and (max-width: 960px) { .job-section .desc { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } }

.job-section .img { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 570px; }

@media all and (max-width: 1280px) { .job-section .img { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; } }

@media all and (max-width: 960px) { .job-section .img { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: inherit; width: 107%; margin: 30px 0; margin-left: -3.5%; }
  .job-section .img img { width: 100%; } }

.job-section .text { padding-right: 55px; }

.job-section .text .highlight { margin-right: -50px; }

@media all and (max-width: 1100px) { .job-section .text .highlight { margin-right: 0; } }

@media all and (max-width: 960px) { .job-section .text .highlight { text-align: right; } }

.job-section .text .clpage { font-size: 22px; font-weight: 500; margin: 20px 0; }

@media all and (max-width: 1100px) { .job-section .text { padding-right: 35px; } }

@media all and (max-width: 960px) { .job-section .text { padding-right: 0; } }

.job-section .desc2 { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.job-section .desc2 .img { max-width: 440px; -webkit-box-flex: 0; -webkit-flex: 0 0 37%; -ms-flex: 0 0 37%; flex: 0 0 37%; }

.job-section .desc2 .listlink { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 695px; margin-bottom: -25px; }

@media all and (max-width: 1180px) { .job-section .desc2 .listlink { padding-left: 35px; } }

@media all and (max-width: 960px) { .job-section .desc2 .listlink { max-width: 100%; margin: 0; padding-left: 0; } }

.workstyle-section { padding: 210px 0; }

@media all and (max-width: 960px) { .workstyle-section { padding: 100px 0; } }

.workstyle-section .desc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 960px) { .workstyle-section .desc { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 15px; } }

.workstyle-section .titpage_recruit { margin-bottom: 20px; padding: 0; }

@media all and (max-width: 960px) { .workstyle-section .titpage_recruit { margin-bottom: 10px; } }

.workstyle-section .titpage_recruit h2 { text-align: right; line-height: 1.3; padding-bottom: 12px; }

@media all and (max-width: 960px) { .workstyle-section .titpage_recruit h2 { text-align: left; line-height: 1.2; padding-bottom: 10px; } }

.workstyle-section .slider { -webkit-box-flex: 0; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 650px; position: relative; }

@media all and (min-width: 961px) { .workstyle-section .slider { padding-right: 60px; } }

@media all and (max-width: 960px) { .workstyle-section .slider { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 30px; }
  .workstyle-section .slider .progress-wrap { margin-top: 80px; } }

@media all and (max-width: 960px) { .workstyle-section .slick-arrow { bottom: 0; }
  .workstyle-section .slick-arrow.slick-next { right: 0; }
  .workstyle-section .slick-arrow.slick-prev { right: 30px; } }

@media all and (max-width: 960px) { .workstyle-section p.highlight.fontrounded { margin-bottom: 30px; } }

.workstyle-section .text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 695px; }

.workstyle-section .text p:not(.highlight) { padding-right: 60px; }

@media all and (max-width: 1300px) { .workstyle-section .text p:not(.highlight) { padding-right: 0; } }

@media all and (max-width: 1400px) { .workstyle-section .text { padding-left: 30px; } }

@media all and (max-width: 960px) { .workstyle-section .text { max-width: 100%; padding-left: 0; } }

.workstyle-section .listlink { margin-top: 60px; }

@media all and (max-width: 960px) { .workstyle-section .listlink { margin-top: 50px; } }

@media all and (min-width: 961px) { .workstyle-section .progress-wrap { -webkit-transform: rotate(90deg) translate(-50%, -50%); -ms-transform: rotate(90deg) translate(-50%, -50%); transform: rotate(90deg) translate(-50%, -50%); position: absolute; right: -40%; bottom: 20px; height: auto; padding: 0; width: 584px; padding-right: 77px; } }

@media all and (min-width: 961px) { .sliderWorkStyle .slickslider .slick-slide { padding: 10px 0; } }

.sliderWorkStyle .slickslider img { width: 100%; }

@media all and (min-width: 961px) { .sliderWorkStyle .slickslider img.dissp { display: none; } }

@media all and (max-width: 960px) { .sliderWorkStyle .slickslider img.dispc { display: none; } }

@media all and (min-width: 961px) { .sliderWorkStyle .slick-next { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 9px; bottom: -95px; }
  .sliderWorkStyle .slick-prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 9px; bottom: -40px; } }

.jointeam-section .desc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 960px) { .jointeam-section .desc { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.jointeam-section .titpage_recruit { margin-bottom: 20px; }

@media all and (max-width: 960px) { .jointeam-section .titpage_recruit { margin-bottom: 0; } }

@media all and (max-width: 960px) { .jointeam-section { position: relative; }
  .jointeam-section h2 { width: 72%; max-width: 564px; position: absolute; right: 3%; top: 20px; }
  .jointeam-section h2 img { margin-left: 0; margin-right: auto; }
  .jointeam-section p.highlight.fontrounded { margin-bottom: 10px; } }

.jointeam-section .img { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 570px; }

@media all and (min-width: 961px) { .jointeam-section .img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: -115px; } }

@media all and (max-width: 1420px) { .jointeam-section .img { margin-top: 0; } }

@media all and (max-width: 1340px) { .jointeam-section .img { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } }

@media all and (max-width: 960px) { .jointeam-section .img { -webkit-box-flex: 0; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; margin-left: -4%; margin-bottom: 30px; } }

.jointeam-section .text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 695px; }

@media all and (min-width: 961px) { .jointeam-section .text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

.jointeam-section .text p:not(.highlight) { padding-right: 160px; }

@media all and (max-width: 1420px) { .jointeam-section .text p:not(.highlight) { padding-right: 0; } }

@media all and (max-width: 1240px) { .jointeam-section .text { padding-right: 55px; } }

@media all and (max-width: 1180px) { .jointeam-section .text { padding-right: 35px; } }

@media all and (max-width: 960px) { .jointeam-section .text { padding-right: 0; max-width: 100%; } }

.jointeam-section .listlink { margin-top: 50px; }

.breadcrumb { margin-top: 140px; margin-bottom: 100px; }

@media all and (max-width: 960px) { .breadcrumb { display: none; } }

.breadcrumb--list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.breadcrumb--list li { font-size: 14px; margin-right: 5px; }

.breadcrumb--list li:last-child { color: #0E6EB8; font-weight: bold; }

.breadcrumb--list li::before { content: '-'; margin-right: 5px; }

.breadcrumb--list li:first-child::before { content: ''; margin: 0; }

@media all and (min-width: 961px) { .breadcrumb--list a:hover { opacity: .5; } }

.breadcrumb-recruit { margin-bottom: 0; }

.breadcrumb-recruit li { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; }

.breadcrumb-recruit li:last-child { color: #369DC6; font-weight: normal; }

.breadcrumb-recruit li:first-child { width: 16px; height: 16px; }

.breadcrumb-recruit li:first-child a { width: 16px; height: 16px; color: transparent; display: inline-block; background: url(../images/ico_home.svg) no-repeat center center; }

.bannerrecruit { margin-top: 40px; margin-bottom: 70px; }

@media all and (max-width: 960px) { .bannerrecruit { margin-top: 62px; padding-top: 70px; margin-bottom: 20px; height: 100vh; } }

.bannerrecruit .titleMV span { font-family: "Tsukimi Rounded", sans-serif; font-weight: 500; font-size: 112px; }

@media all and (min-width: 961px) { .bannerrecruit .titleMV span { background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-right: 35px; } }

.bannerrecruit .titleMV small { color: #0E6EB8; font-size: 24px; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; }

@media all and (max-width: 960px) { .bannerrecruit .titleMV small { display: none; } }

@media all and (max-width: 960px) { .bannerrecruit .titleMV { background: url(../images/bgtitlesp.png) no-repeat left top; background-size: 256px; margin-left: -4%; padding-left: 4%; }
  .bannerrecruit .titleMV span { font-size: 36px; position: relative; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; z-index: 2; background: none; color: #539EE6; } }

@media all and (max-width: 960px) { .bannerrecruit-about { background: url(../images/mv_about.png) no-repeat top center; background-size: cover; } }

@media all and (max-width: 960px) { .bannerrecruit-style { background: url(../images/style-mv.png) no-repeat top center; background-size: cover; } }

@media all and (max-width: 960px) { .bannerrecruit-job { background: url(../images/job-mv.png) no-repeat top center; background-size: cover; } }

@media all and (max-width: 960px) { .bannerrecruit-wstyle { background: url(../images/wstyle-mv.png) no-repeat top center; background-size: cover; } }

@media all and (max-width: 960px) { .bannerrecruit-join { background: url(../images/join-mv.png) no-repeat top center; background-size: cover; } }

.title-sp { text-align: center; font-size: 18px; color: #0E6EB8; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; margin-bottom: 45px; }

@media all and (max-width: 960px) { .contentDetail { padding-top: 80px; } }

.titleDetail { margin: 40px 0 90px; }

@media all and (max-width: 960px) { .titleDetail { margin-bottom: 40px; } }

.titleDetail h1 { font-size: inherit; }

@media all and (max-width: 960px) { .titleDetail h1 { display: block; text-align: center; } }

.titleDetail span { font-family: "Tsukimi Rounded", sans-serif; font-weight: 500; font-size: 112px; background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-right: 35px; }

@media all and (max-width: 1240px) { .titleDetail span { font-size: 8.5vw; white-space: nowrap; margin-right: 0; } }

@media all and (max-width: 960px) { .titleDetail span { font-size: 40px; display: block; margin-bottom: 10px; } }

.titleDetail small { color: #1E1E1E; font-size: 24px; position: relative; bottom: 2px; white-space: nowrap; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; }

@media all and (max-width: 1240px) { .titleDetail small { font-size: 2vw; } }

@media all and (max-width: 960px) { .titleDetail small { font-size: 16px; text-align: center; } }

@media all and (min-width: 961px) { .titleDetail.title-Environment { margin-bottom: 60px; }
  .titleDetail.title-Environment h1 { display: inline-grid; }
  .titleDetail.title-Environment h1 span { margin-right: 0; margin-bottom: 20px; }
  .titleDetail.title-Environment h1 small { text-align: right; padding-right: 5px; } }

.contentList .container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.contentList .image { -webkit-box-flex: 0; -webkit-flex: 0 0 38%; -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 455px; }

@media all and (min-width: 961px) { .contentList .image { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; position: relative; overflow: hidden; }
  .contentList .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; width: auto; max-width: inherit; } }

@media all and (max-width: 960px) { .contentList .image { display: none; } }

.contentList .listPage { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media all and (min-width: 961px) { .contentList .listPage { max-width: 695px; } }

@media all and (max-width: 1200px) { .contentList .listPage { padding-left: 50px; } }

@media all and (max-width: 960px) { .contentList .listPage { padding-left: 0; } }

.wpContent { width: 100%; }

.wpContent h2 { font-size: 36px; color: #0E6EB8; position: relative; margin: 60px 0; }

.wpContent h2::after { position: absolute; content: ''; background: #0E6EB8; width: 100%; height: 3px; left: 0; bottom: -2px; }

@media all and (max-width: 960px) { .wpContent h2 { font-size: 20px; margin: 30px 0; padding-bottom: 10px; } }

.wpContent h3 { font-size: 24px; font-weight: bold; margin: 30px 0; background: #47A4F5; position: relative; padding-left: 65px; color: #fff; line-height: 1.8; border-bottom-right-radius: 20px; padding-top: 8px; padding-bottom: 8px; }

.wpContent h3::before { position: absolute; content: ''; background: url(../images/ico_tit.png) no-repeat left center; background-size: 32px; width: 32px; height: 28px; left: 15px; top: 50%; margin-top: -14px; }

@media all and (max-width: 960px) { .wpContent h3 { font-size: 16px; margin: 30px 0; border-bottom-right-radius: 15px; line-height: 1.6; padding-top: 5px; padding-bottom: 5px; min-height: 60px; padding-right: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.wpContent h4 { font-weight: bold; font-size: 20px; margin: 30px 0; }

@media all and (max-width: 960px) { .wpContent h4 { font-size: 16px; margin: 30px 0; } }

.wpContent p { margin-bottom: 30px; }

.wpContent p:last-child { margin-bottom: 0; }

.wpContent p + h3 { margin-top: 60px; }

@media all and (max-width: 960px) { .wpContent p + h3 { margin-top: 30px; } }

.wpContent .wp-block-image { margin: 60px auto; text-align: center; }

.wpContent .wp-block-image + h3 { margin-top: 120px; }

@media all and (max-width: 960px) { .wpContent .wp-block-image { margin: 30px 0; }
  .wpContent .wp-block-image + h3 { margin-top: 60px; } }

.wpContent .wp-block-buttons { margin-top: 120px; }

@media all and (max-width: 960px) { .wpContent .wp-block-buttons { margin-top: 60px; } }

.wpContent .wp-block-button { text-align: center; }

.wpContent .wp-block-button .wp-block-button__link { background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; position: relative; border: none; min-width: 320px; height: 48px; padding: 0; font-size: 16px; margin: 0 auto; padding-left: 40px; }

.wpContent .wp-block-button .wp-block-button__link::before { position: absolute; content: ''; background: url(../images/ico_arr1.svg) no-repeat left center; background-size: 28px; width: 28px; height: 28px; margin-top: -14px; left: 50px; top: 50%; }

@media all and (max-width: 960px) { .wpContent .wp-block-button .wp-block-button__link::before { background-size: 18px; width: 18px; height: 18px; margin-top: -9px; left: 25px; } }

@media all and (min-width: 961px) { .wpContent .wp-block-button .wp-block-button__link:hover { opacity: .5; } }

@media all and (max-width: 960px) { .wpContent .wp-block-button .wp-block-button__link { min-width: 200px; height: 42px; font-size: 14px; padding-right: 15px; padding-left: 55px; } }

.wpContent .blockTime { max-width: 940px; border: 1px solid #47A4F5; border-radius: 20px; padding: 60px 70px; background: #F4FCFF; margin: 50px auto 80px; }

@media all and (max-width: 960px) { .wpContent .blockTime { margin: 30px auto; padding: 20px; } }

.wpContent .blockTime p { margin-bottom: 20px; }

@media all and (max-width: 960px) { .wpContent .blockTime p { margin-bottom: 15px; } }

.wpContent .blockTime p:last-child { margin-bottom: 0; }

.wpContent .blockTime p strong { font-size: 18px; color: #47A4F5; }

@media all and (max-width: 960px) { .wpContent .blockTime p strong { font-size: 16px; } }

@media all and (max-width: 960px) { .wpContent .blockTime p { font-size: 14px; } }

.wpContent .blockTime .wp-block-separator { border-top: 1px dashed #000; margin: 30px 0; height: 1px; }

@media all and (max-width: 960px) { .wpContent .blockTime .wp-block-separator { margin: 15px 0; } }

.wpContent .blockStaff { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.wpContent .blockStaff .wp-block-media-text__media { overflow: hidden; border-top-left-radius: 70px; border-bottom-right-radius: 70px; max-width: 465px; -webkit-box-flex: 0; -webkit-flex: 0 0 39%; -ms-flex: 0 0 39%; flex: 0 0 39%; }

@media all and (max-width: 960px) { .wpContent .blockStaff .wp-block-media-text__media { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } }

.wpContent .blockStaff .wp-block-media-text__content { padding: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 40px; padding-bottom: 60px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

@media all and (max-width: 960px) { .wpContent .blockStaff .wp-block-media-text__content { -webkit-box-flex: 0; -webkit-flex: 0 0 52%; -ms-flex: 0 0 52%; flex: 0 0 52%; padding-left: 4%; padding-bottom: 0; } }

.wpContent .blockStaff .wp-block-media-text__content .job { font-size: 32px; font-family: "Hammersmith One", sans-serif; font-weight: 400; color: #47A4F5; margin-bottom: 20px; display: block; }

@media all and (max-width: 960px) { .wpContent .blockStaff .wp-block-media-text__content .job { font-size: 18px; margin-bottom: 5px; } }

.wpContent .blockStaff .wp-block-media-text__content .name { font-size: 24px; font-weight: bold; color: #000; display: block; margin-bottom: 12px; }

@media all and (max-width: 960px) { .wpContent .blockStaff .wp-block-media-text__content .name { font-size: 16px; margin-bottom: 5px; } }

.wpContent .blockStaff .wp-block-media-text__content .info { font-size: 20px; display: block; }

@media all and (max-width: 960px) { .wpContent .blockStaff .wp-block-media-text__content .info { font-size: 14px; } }

.wpContent.contentSidebar h2 { font-size: 32px; }

@media all and (max-width: 960px) { .wpContent.contentSidebar h2 { font-size: 18px; } }

.wpContent .wp-block-columns { margin: 30px 0 60px; }

.wpContent .wp-block-columns.is-layout-flex { gap: 15px; }

@media all and (max-width: 780px) { .wpContent .wp-block-columns.is-layout-flex { gap: 8px; } }

.wpContent .wp-block-columns .wp-block-image { margin: 0; }

@media all and (max-width: 780px) { .wpContent .wp-block-columns .wp-block-column { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 calc(33% - 4px) !important; -ms-flex: 0 0 calc(33% - 4px) !important; flex: 0 0 calc(33% - 4px) !important; -webkit-flex-basis: calc(33% - 4px) !important; -ms-flex-preferred-size: calc(33% - 4px) !important; flex-basis: calc(33% - 4px) !important; } }

@media all and (max-width: 480px) { .wpContent .wp-block-columns .wp-block-column { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 calc(33% - 5px) !important; -ms-flex: 0 0 calc(33% - 5px) !important; flex: 0 0 calc(33% - 5px) !important; -webkit-flex-basis: calc(33% - 5px) !important; -ms-flex-preferred-size: calc(33% - 5px) !important; flex-basis: calc(33% - 5px) !important; } }

@media all and (max-width: 780px) { .wpContent .wp-block-columns.meetMembers { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .wpContent .wp-block-columns.meetMembers .wp-block-column { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 calc(49% - 4px) !important; -ms-flex: 0 0 calc(49% - 4px) !important; flex: 0 0 calc(49% - 4px) !important; -webkit-flex-basis: calc(49% - 4px) !important; -ms-flex-preferred-size: calc(49% - 4px) !important; flex-basis: calc(49% - 4px) !important; } }

.listMembers { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 1120px; margin: 0 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 960px) { .listMembers { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.listMembers .member { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; margin-right: 5%; margin-top: 60px; }

.listMembers .member:first-child, .listMembers .member:nth-child(2), .listMembers .member:nth-child(3) { margin-top: 0; }

.listMembers .member:nth-child(3n) { margin-right: 0; }

.listMembers .member .img { border-top-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; aspect-ratio: 3/4; }

.listMembers .member .img img { width: 100%; height: 100%; object-fit: cover; }

@media all and (max-width: 960px) { .listMembers .member { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-right: 0; margin-top: 60px; aspect-ratio: 18/23; }
  .listMembers .member:first-child, .listMembers .member:nth-child(2) { margin-top: 0; }
  .listMembers .member:nth-child(3) { margin-top: 60px; } }

.listMembers .txt { margin-top: 20px; }

@media all and (max-width: 960px) { .listMembers .txt { margin-top: 10px; }
  .listMembers .txt .texttile { display: none; } }

.listMembers .txt p { font-size: 14px; margin-bottom: 20px; }

@media all and (max-width: 960px) { .listMembers .txt p { display: none; } }

.listMembers .txt p.clpage { font-size: 16px; margin-bottom: 3px; }

@media all and (max-width: 960px) { .listMembers .txt p.clpage { display: none; } }

.listMembers .txt p.name { font-size: 16px; margin-bottom: 5px; }

@media all and (max-width: 960px) { .listMembers .txt p.name { font-size: 14px; display: block; } }

.listMembers .txt p.job { font-size: 14px; }

@media all and (max-width: 960px) { .listMembers .txt p.job { font-size: 13px; display: block; } }

@media all and (min-width: 961px) { .listMembers .txt .textinfo { margin-top: 20px; } }

.listMembers .recruit-button { max-width: 240px; max-height: 48px; padding-left: 40px; margin: 0 auto; margin-top: 40px; }

@media all and (min-width: 961px) { .listMembers .recruit-button { border: none; } }

.listMembers .recruit-button::before { left: 30px; width: 28px; height: 28px; background-size: 28px; margin-top: -14px; }

@media all and (max-width: 960px) { .listMembers .recruit-button { border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 0; text-indent: -9999px; max-width: 130px; }
  .listMembers .recruit-button::before { width: 28px; height: 28px; border-radius: 100%; border: 1px solid #47A4F5; left: -14px; background-size: 28px; margin-top: -14px; }
  .listMembers .recruit-button::after { content: 'Interview'; text-indent: 1px; } }

.contentSidebar { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 960px) { .contentSidebar { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.contentSidebar .content { max-width: 870px; }

@media all and (max-width: 1200px) { .contentSidebar .content { padding-right: 40px; } }

@media all and (max-width: 960px) { .contentSidebar .content { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; max-width: inherit; } }

.contentSidebar .sidebar { -webkit-box-flex: 0; -webkit-flex: 0 0 270px; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; }

@media all and (max-width: 960px) { .contentSidebar .sidebar { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: inherit; } }

.sidebar .titSide { border-bottom: 2px solid #0E6EB8; padding-bottom: 10px; margin-top: 60px; }

@media all and (max-width: 960px) { .sidebar .titSide { margin-top: 120px; text-align: center; border-bottom: 0; margin-bottom: 20px; } }

.sidebar .titSide p.tit-en { font-family: "Tsukimi Rounded", sans-serif; font-weight: 500; font-size: 32px; background: -webkit-linear-gradient(left, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); background: linear-gradient(90deg, #47A4F5 0%, #4D93D1 50%, #57B1FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; margin-bottom: 5px; }

@media all and (min-width: 1480px) { .sidebar .titSide p.tit-en { white-space: nowrap; min-width: 402px; } }

.sidebar .titSide p.tit-jp { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; font-size: 14px; color: #1E1E1E; display: block; }

@media all and (max-width: 960px) { .sidebar ul { display: grid; grid-template-columns: repeat(2, 1fr); } }

.sidebar ul li { border-bottom: 1px dashed #0E6EB8; }

.sidebar ul li:last-child { border-bottom: 0; }

@media all and (max-width: 960px) { .sidebar ul li { border-bottom: 0; padding: 20px 15px; }
  .sidebar ul li:first-child, .sidebar ul li:nth-child(2) { border-bottom: 1px dashed #0E6EB8; }
  .sidebar ul li:nth-child(2), .sidebar ul li:nth-child(4) { padding-right: 0; }
  .sidebar ul li:first-child, .sidebar ul li:nth-child(3) { border-right: 1px dashed #0E6EB8; padding-left: 0; } }

.sidebar ul a { font-size: 20px; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 500; padding: 35px 10px 35px 50px; display: block; position: relative; }

.sidebar ul a::before { position: absolute; content: ''; background: url(../images/ico_sign.svg) no-repeat left center; background-size: 32px; width: 32px; height: 28px; left: 0; top: 50%; margin-top: -14px; opacity: 0; }

@media all and (max-width: 960px) { .sidebar ul a::before { background-size: 18px; width: 18px; height: 15px; margin-top: -7px; } }

@media all and (min-width: 961px) { .sidebar ul a:hover { opacity: .5; color: #0E6EB8; text-decoration: underline; }
  .sidebar ul a:hover::before { opacity: 1; } }

@media all and (max-width: 960px) { .sidebar ul a { font-size: 14px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } }

.sidebar ul .active a { color: #47A4F5; text-decoration: underline; }

.sidebar ul .active a::before { opacity: 1; }

.headtitle { margin-bottom: 100px; }

@media all and (max-width: 960px) { .headtitle { margin-bottom: 60px; margin-top: 120px; } }

@media all and (max-width: 960px) { .headtitle .title { text-align: center; } }

.headtitle .title span { font-family: 'Grape Nuts', cursive; font-weight: 400; font-size: 96px; background: -webkit-linear-gradient(top, #0E6EB8 0%, #369DC6 100%); background: linear-gradient(180deg, #0E6EB8 0%, #369DC6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 10px; display: block; line-height: 1; padding-bottom: 10px; }

@media all and (max-width: 960px) { .headtitle .title span { font-size: 64px; margin-bottom: 10px; line-height: 0.9; } }

.headtitle .title small { font-weight: bold; font-size: 24px; display: block; }

@media all and (max-width: 960px) { .headtitle .title small { font-size: 14px; } }

.headtitle .subtit { color: #0E6EB8; margin-top: 30px; text-align: center; font-weight: bold; font-size: 20px; }

@media all and (max-width: 960px) { .headtitle .subtit { font-size: 16px; margin: 50px 0; } }

.headtitle-thanks { margin-bottom: 60px; }

@media all and (max-width: 960px) { .headtitle-form { margin-bottom: 30px; } }

@media all and (max-width: 960px) { .titleConfirm { text-align: center; } }

.titleConfirm span { font-family: 'Grape Nuts', cursive; font-weight: 400; font-size: 96px; background: -webkit-linear-gradient(top, #0E6EB8 0%, #369DC6 100%); background: linear-gradient(180deg, #0E6EB8 0%, #369DC6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: block; line-height: 1; }

@media all and (max-width: 960px) { .titleConfirm span { font-size: 64px; margin-bottom: 10px; line-height: 0.9; } }

.titleConfirm small { font-weight: bold; font-size: 24px; display: block; }

@media all and (max-width: 960px) { .titleConfirm small { font-size: 14px; } }

.secContent p.fz20 { color: #0E6EB8; margin-top: 30px; margin-bottom: 5px; }

@media all and (max-width: 960px) { .secContent p.fz20 { font-size: 16px; } }

@media all and (max-width: 960px) { .secContent p { font-size: 14px; } }

.secContent p a { color: #0E6EB8; text-decoration: underline; }

@media all and (min-width: 961px) { .secContent p a:hover { opacity: .5; text-decoration: none; } }

.secContent ul { margin-left: 25px; }

@media all and (max-width: 960px) { .secContent ul { margin-top: 15px; } }

.secContent ul li { list-style: disc; line-height: 1.8; }

@media all and (max-width: 960px) { .secContent ul li { font-size: 14px; } }

.secContent + .company-section { margin-top: 250px; }

@media all and (max-width: 960px) { .secContent + .company-section { margin-top: 120px; } }

.container-thanks { max-width: 900px; margin: 0 auto; display: none; }

.showtxtContact .txtContact { display: block; }

.showtxtConsult .txtConsult { display: block; }

.backTop { text-align: center; margin-top: 70px; }

.backTop a { font-size: 14px; font-weight: bold; text-decoration: underline; color: #47A4F5; }

@media all and (min-width: 961px) { .backTop a:hover { opacity: .5; } }

.container-form { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 960px) { .container-form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.container-form .titleConfirm { display: none; }

@media all and (max-width: 960px) { .container-form .titleConfirm { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 120px; margin-bottom: 60px; } }

.container-form .left { max-width: 510px; -webkit-box-flex: 0; -webkit-flex: 0 0 47%; -ms-flex: 0 0 47%; flex: 0 0 47%; }

@media all and (max-width: 960px) { .container-form .left { display: none; } }

.container-form h2 { font-size: 32px; color: #0E6EB8; font-family: "Keania One", sans-serif; font-weight: 400; font-style: normal; line-height: 24px; letter-spacing: 0.08em; }

.container-form p.subtit { font-size: 24px; font-weight: 500; margin: 30px 0; line-height: 1.6; }

.container-form p.clpage { font-size: 20px; margin: 30px 0; font-weight: 500; }

.container-form .imgico { margin-top: 60px; }

.container-form .right { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 60px; }

@media all and (max-width: 960px) { .container-form .right { padding-left: 0; } }

.container-form .right p.text_bold { font-size: 12px; }

@media all and (max-width: 960px) { .container-form .right p.text_bold { font-size: 13px; text-align: center; } }

.container-form .boxForm { background: #F4FCFF; border: 1px solid #0E6EB8; padding: 35px; margin-top: 30px; }

.container-form .boxForm .wpcf7Block { margin-top: 30px; }

.container-form .boxForm .wpcf7Block:first-child { margin-top: 0; }

.container-form .boxForm label.require span:first-child { font-weight: bold; position: relative; margin-bottom: 10px; display: block; }

.container-form .boxForm label.require span:first-child::after { position: relative; content: '（必須）'; font-size: 12px; font-weight: bold; color: #EB1717; }

.container-form .boxForm input, .container-form .boxForm select, .container-form .boxForm textarea { outline: none; background: #fff; border: 1px solid #47A4F5; padding: 12px 30px; width: 100%; line-height: 1.5; }

@media all and (max-width: 960px) { .container-form .boxForm input, .container-form .boxForm select, .container-form .boxForm textarea { padding: 12px 15px; } }

.container-form .boxForm button { border: none; outline: none; background: #47A4F5; border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 16px; color: #fff; text-align: center; font-weight: bold; width: 260px; margin: 0 auto; margin-top: 50px; padding: 18px 10px; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; }

@media all and (min-width: 961px) { .container-form .boxForm button:hover { opacity: .5; } }

.container-form .boxForm .dflex p { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.container-form .boxForm .dflex p label { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; }

.container-form .boxForm .dflex p label span:first-child { font-weight: bold; margin-bottom: 10px; display: block; }

.container-form .wpcf7BlockTime .wpcf7-form-control-wrap { display: block; margin-bottom: 25px; }

.container-form .wpcf7BlockBtn, .container-form .wpcf7cp-btns { margin-top: 60px !important; }

.container-form .wpcf7BlockBtn p, .container-form .wpcf7cp-btns p { text-align: center; }

.container-form .wpcf7BlockBtn .wpcf7-form-control, .container-form .wpcf7cp-btns .wpcf7-form-control { background: #47A4F5; border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 16px; color: #fff; max-width: 260px; margin: 0 auto; border: none; outline: none; padding: 12px 5px; line-height: 1.5; letter-spacing: 2px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; width: 260px; }

@media all and (min-width: 961px) { .container-form .wpcf7BlockBtn .wpcf7-form-control:hover, .container-form .wpcf7cp-btns .wpcf7-form-control:hover { opacity: .5; } }

@media all and (max-width: 960px) { .container-form .wpcf7BlockBtn .wpcf7-form-control, .container-form .wpcf7cp-btns .wpcf7-form-control { width: 100%; } }

.container-form .wpcf7BlockBtn .wpcf7-spinner, .container-form .wpcf7cp-btns .wpcf7-spinner { display: block; margin: 0 auto; margin-top: 10px; }

.container-form .wpcf7cp-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.container-form .wpcf7cp-btns .wpcf7-form-control { margin: 0; }

.container-form .wpcf7cp-btns .wpcf7-form-control:first-child { margin-right: 20px; }

@media all and (max-width: 960px) { .container-form .wpcf7cp-btns .wpcf7-form-control:first-child { margin-right: 10px; } }

.container-form .wpcf7-not-valid-tip { font-size: 14px; }

.tabsInfo { background: -webkit-linear-gradient(top, #0E6EB8 0%, #369DC6 100%); background: linear-gradient(180deg, #0E6EB8 0%, #369DC6 100%); padding: 15px 30px; }

@media all and (max-width: 640px) { .tabsInfo { padding: 30px 20px; } }

.tabsInfo ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; }

@media all and (max-width: 640px) { .tabsInfo ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.tabsInfo ul li { list-style: none; margin-right: 70px; position: relative; }

.tabsInfo ul li::after { position: absolute; content: ''; background: #fff; width: 1px; height: 30px; right: -35px; top: 0; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); }

.tabsInfo ul li:last-child { margin-right: 0; }

.tabsInfo ul li:last-child::after { background: none; }

@media all and (max-width: 640px) { .tabsInfo ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0; }
  .tabsInfo ul li:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; margin-bottom: 15px; }
  .tabsInfo ul li:first-child::after { right: 35%; }
  .tabsInfo ul li:nth-child(2)::after { background: none; }
  .tabsInfo ul li:nth-child(3) { text-align: center; }
  .tabsInfo ul li:nth-child(3)::before { position: absolute; content: ''; background: #fff; width: 1px; height: 30px; left: -15px; top: 0; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); }
  .tabsInfo ul li:nth-child(3)::after { right: -15px; }
  .tabsInfo ul li:last-child { text-align: right; } }

.tabsInfo ul li a, .tabsInfo ul li span { color: #fff; font-size: 12px; font-weight: bold; cursor: pointer; }

.tabsInfo ul li.active a, .tabsInfo ul li.active span { text-decoration: underline; }

@media all and (min-width: 961px) { .tabsInfo ul li:hover a, .tabsInfo ul li:hover span { opacity: .5; text-decoration: underline; } }

.container-info .listInfo { margin-top: 50px; }

@media all and (max-width: 960px) { .container-info .listInfo { margin-top: 60px; } }

@media all and (min-width: 961px) { .container-info .listInfo .cate { border-radius: 0; border-bottom-left-radius: 5px; border-top-right-radius: 5px; } }

.listCert { margin: 60px 0; }

.listCert .is-nowrap { width: 100%; border-bottom: 1px dashed #0E6EB8; padding: 40px 0; }

.listCert .is-nowrap:first-child { border-top: 1px dashed #0E6EB8; }

@media all and (max-width: 960px) { .listCert .is-nowrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; } }

.listCert .is-nowrap p { margin: 0; }

.listCert .is-nowrap p:first-child { position: relative; padding-left: 100px; margin-right: 30px; min-width: 180px; }

@media all and (max-width: 960px) { .listCert .is-nowrap p:first-child { padding-left: 50px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; } }

.listCert .is-nowrap p:first-child::after { position: absolute; content: ''; background: url(../images/ico_sign.svg) no-repeat left center; background-size: 64px; width: 64px; height: 54px; left: 0; top: 50%; margin-top: -27px; }

@media all and (max-width: 960px) { .listCert .is-nowrap p:first-child::after { width: 32px; height: 28px; background-size: 32px; margin-top: -14px; } }

.meetMembers { margin: 60px 0; }

@media all and (max-width: 960px) { .meetMembers { margin: 30px 0; -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; gap: 2%; } }

@media all and (min-width: 961px) { .meetMembers .wp-block-column { max-width: 330px; } }

@media all and (max-width: 960px) { .meetMembers .wp-block-column { -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; } }

.meetMembers .meetImg .wp-block-image { margin: 0; margin-bottom: 25px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; aspect-ratio: 3/4; }

.meetMembers .meetImg .wp-block-image img { height: 100%; width: 100%; object-fit: cover; }

@media all and (max-width: 960px) { .meetMembers .meetImg .wp-block-image { aspect-ratio: 18/23; margin-bottom: 10px; }
  .meetMembers .meetImg .wp-block-image img { height: auto !important; } }

.meetMembers .meetTxt p strong, .meetMembers .meetInfo p strong { color: #0E6EB8; font-weight: 500 !important; }

.meetMembers .meetTxt p sub, .meetMembers .meetInfo p sub { font-size: 14px; color: #0E6EB8; }

.meetMembers .meetTxt .wp-block-buttons, .meetMembers .meetInfo .wp-block-buttons { margin-top: 0; }

.meetMembers .meetTxt .wp-block-button a, .meetMembers .meetInfo .wp-block-button a { width: 240px; min-width: inherit; }

.meetMembers .meetTxt .wp-block-button a::before, .meetMembers .meetInfo .wp-block-button a::before { left: 30px; width: 28px; height: 28px; background-size: 28px; margin-top: -14px; }

@media all and (max-width: 960px) { .meetMembers .meetTxt .wp-block-button a, .meetMembers .meetInfo .wp-block-button a { width: 130px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 0; text-indent: -9999px; }
  .meetMembers .meetTxt .wp-block-button a::before, .meetMembers .meetInfo .wp-block-button a::before { width: 28px; height: 28px; border-radius: 100%; border: 1px solid #47A4F5; left: -14px; background-size: 28px; margin-top: -14px; }
  .meetMembers .meetTxt .wp-block-button a::after, .meetMembers .meetInfo .wp-block-button a::after { content: 'Interview'; text-indent: 1px; } }

@media all and (max-width: 960px) { .meetMembers .meetTxt { display: none; } }

.content-confirm .container-form { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.content-confirm .left, .content-confirm .headtitle-form { display: none; }

.content-confirm .titleConfirm { display: block; }

#wpcf7cpcnf { z-index: 1; }

#wpcf7cpcnf table { width: 100%; margin-top: 30px; }

#wpcf7cpcnf table tr { border-bottom: 1px dashed #000; }

#wpcf7cpcnf table tr:last-child { border-bottom: 0; }

#wpcf7cpcnf table tr:nth-child(3), #wpcf7cpcnf table tr:nth-child(4) { width: 50%; display: inline-block; }

#wpcf7cpcnf table th, #wpcf7cpcnf table td { display: block; width: 100%; text-align: left; padding: 15px 0; }

#wpcf7cpcnf table th { padding-bottom: 10px; }

#wpcf7cpcnf table th p { color: #0E6EB8; }

#wpcf7cpcnf table td { padding-top: 0; }

.pagination { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .pagination { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.pagination a, .pagination span { width: 32px; height: 32px; border-radius: 100%; background: #F5F5F5; font-size: 12px; cursor: pointer; margin: 0 4px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (min-width: 961px) { .pagination a:hover, .pagination span:hover { opacity: .5; } }

.pagination a.current, .pagination span.current { background: #0E6EB8; color: #fff; }

.pagination a.prev, .pagination a.next, .pagination span.prev, .pagination span.next { background: #47A4F5; color: #fff; }

.pagination a.prev, .pagination span.prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.pagination span.current { cursor: default; }

@media all and (min-width: 961px) { .pagination span.current:hover { opacity: 1; } }

.titSEOhidden { display: none; }

.mainmv { min-height: 100vh; padding-bottom: 200px; }

@media all and (max-width: 960px) { .mainmv { padding-bottom: 5vh; margin-bottom: 70px; } }

.mainmv-about { background: url(../images/banner_about.png) no-repeat center center; background-size: cover; padding-top: 30vh; }

@media all and (max-width: 960px) { .mainmv-about { background: url(../images/banner_about_sp.png) no-repeat center top; background-size: 100%; padding-top: 14vh; } }

.mainmv-about .container { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mainmv-about h1, .mainmv-about h2 { font-size: 96px; background: -webkit-linear-gradient(top, #0e6eb8 0%, #369dc6 100%); background: linear-gradient(180deg, #0e6eb8 0%, #369dc6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; font-weight: 500; margin-bottom: 10px; }

@media all and (max-width: 960px) { .mainmv-about h1, .mainmv-about h2 { font-size: 64px; line-height: 1; margin-bottom: 0; } }

.mainmv-about .titsub { color: #0E6EB8; font-weight: bold; font-size: 24px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media all and (max-width: 960px) { .mainmv-about .titsub { font-size: 14px; } }

.mainmv-about .highlight { font-family: 'Noto Serif JP', serif; font-size: 24px; font-weight: bold; color: #0E6EB8; margin: 50px 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media all and (max-width: 960px) { .mainmv-about .highlight { font-size: 20px; } }

.mainmv-about P { font-weight: 500; }

.mainmv-members { background: url(../images/banner_members.png) no-repeat center center; background-size: cover; padding-top: 30vh; }

@media all and (max-width: 960px) { .mainmv-members { background: url(../images/banner_members_sp.png) no-repeat center top; background-size: 100%; padding-top: 15vh; } }

@media all and (min-width: 961px) { .mainmv-members .tit { max-width: 345px; } }

@media all and (max-width: 960px) { .mainmv-members .tit { max-width: 230px; } }

.mainmv-company { background: url(../images/banner_company.png) no-repeat center center; background-size: cover; padding-top: 30vh; }

@media all and (max-width: 960px) { .mainmv-company { background: url(../images/banner_company_sp.png) no-repeat center top; background-size: 100%; padding-top: 15vh; } }

@media all and (min-width: 961px) { .mainmv-company .tit { max-width: 335px; } }

@media all and (max-width: 960px) { .mainmv-company .tit { max-width: 224px; } }

.mainmv-service { background: url(../images/banner_service.png) no-repeat center center; background-size: cover; padding-top: 30vh; }

@media all and (max-width: 960px) { .mainmv-service { background: url(../images/banner_service_sp.png) no-repeat center top; background-size: 100%; padding-top: 15vh; } }

@media all and (min-width: 961px) { .mainmv-service .tit { max-width: 260px; } }

@media all and (max-width: 960px) { .mainmv-service .tit { max-width: 172px; } }

@media all and (min-width: 961px) { .mainmv-members, .mainmv-company, .mainmv-service { padding: 0; }
  .mainmv-members .container, .mainmv-company .container, .mainmv-service .container { position: relative; height: 100vh; }
  .mainmv-members .tit, .mainmv-company .tit, .mainmv-service .tit { position: absolute; bottom: 120px; left: 0; display: inline-grid; width: 100%; text-align: right; }
  .mainmv-members .titsub, .mainmv-company .titsub, .mainmv-service .titsub { font-size: 20px; color: #1E1E1E; margin-right: 5px; margin-top: 5px; text-align: right; font-weight: bold; } }

@media all and (max-width: 960px) { .mainmv-members .tit, .mainmv-company .tit, .mainmv-service .tit { text-align: center; width: 66%; margin: 0 auto; }
  .mainmv-members .titsub, .mainmv-company .titsub, .mainmv-service .titsub { font-size: 14px; font-weight: 500; } }

.page-about .breadcrumb:not(.breadcrumb-recruit), .page-members .breadcrumb:not(.breadcrumb-recruit), .page-company .breadcrumb:not(.breadcrumb-recruit), .page-service .breadcrumb:not(.breadcrumb-recruit) { margin-top: 40px; margin-bottom: 60px; }

.page-about .blockHead .titpage, .page-members .blockHead .titpage, .page-company .blockHead .titpage, .page-service .blockHead .titpage { display: block; text-align: center; margin-bottom: 60px; }

@media all and (max-width: 960px) { .page-about .blockHead .titpage, .page-members .blockHead .titpage, .page-company .blockHead .titpage, .page-service .blockHead .titpage { margin-bottom: 30px; } }

.page-about .blockHead .titpage h2, .page-members .blockHead .titpage h2, .page-company .blockHead .titpage h2, .page-service .blockHead .titpage h2 { padding: 0; width: 100%; }

@media all and (max-width: 960px) { .page-about .blockHead .titpage h2, .page-members .blockHead .titpage h2, .page-company .blockHead .titpage h2, .page-service .blockHead .titpage h2 { padding-bottom: 10px; } }

.page-about .blockHead .titpage p.clpage, .page-members .blockHead .titpage p.clpage, .page-company .blockHead .titpage p.clpage, .page-service .blockHead .titpage p.clpage { font-size: 24px; text-align: center; font-weight: bold; margin-right: 0; }

@media all and (max-width: 960px) { .page-about .blockHead .titpage p.clpage, .page-members .blockHead .titpage p.clpage, .page-company .blockHead .titpage p.clpage, .page-service .blockHead .titpage p.clpage { font-size: 20px; margin-top: 30px; } }

@media all and (max-width: 960px) { .page-about .blockHead p.text_center, .page-members .blockHead p.text_center, .page-company .blockHead p.text_center, .page-service .blockHead p.text_center { text-align: left !important; } }

.page-about .blockBRN, .page-members .blockBRN, .page-company .blockBRN, .page-service .blockBRN { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; margin-top: 60px; gap: 30px; }

@media all and (max-width: 960px) { .page-about .blockBRN, .page-members .blockBRN, .page-company .blockBRN, .page-service .blockBRN { display: block; } }

.page-about .blockBRN li, .page-members .blockBRN li, .page-company .blockBRN li, .page-service .blockBRN li { list-style: none; }

@media all and (max-width: 960px) { .page-about .blockBRN li, .page-members .blockBRN li, .page-company .blockBRN li, .page-service .blockBRN li { margin-bottom: 30px; text-align: center; }
  .page-about .blockBRN li a, .page-members .blockBRN li a, .page-company .blockBRN li a, .page-service .blockBRN li a { display: block; max-width: 400px; margin: 0 auto; text-align: center; }
  .page-about .blockBRN li:last-child, .page-members .blockBRN li:last-child, .page-company .blockBRN li:last-child, .page-service .blockBRN li:last-child { margin-bottom: 0; } }

.secContent-about p.highlight { font-size: 32px; font-weight: bold; color: #0E6EB8; margin-top: 60px; margin-bottom: 20px; }

@media all and (max-width: 960px) { .secContent-about p.highlight { font-size: 20px; margin: 30px 0; line-height: 1.5; }
  .secContent-about p.highlight.text_centersp { text-align: center; margin-top: 50px; } }

.secContent-about .blockSpecialized .dflex { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 15px; margin: 0; margin-top: 60px; }

@media all and (max-width: 960px) { .secContent-about .blockSpecialized .dflex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2%; margin-top: 30px; } }

.secContent-about .blockSpecialized .dflex li { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(25% - 15px); -ms-flex: 0 0 calc(25% - 15px); flex: 0 0 calc(25% - 15px); list-style: none; }

@media all and (max-width: 960px) { .secContent-about .blockSpecialized .dflex li { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-bottom: 2%; } }

.secContent-about .blockSpecialized .dflex img { width: 100%; }

@media all and (max-width: 960px) { .secContent-about .blockSpecialized p.highlight { text-align: center; } }

.secContent-about .blockStrength { margin-top: 240px; }

@media all and (max-width: 960px) { .secContent-about .blockStrength { margin-top: 120px; } }

.secContent-about .blockStrength .img { margin-top: 60px; }

@media all and (max-width: 960px) { .secContent-about .blockStrength .img { margin-top: 30px; } }

.secContent-about .boxSecurity { background: #369DC6 url(../images/ico_security.png) no-repeat left 55px center; background-size: 80px; padding: 35px; padding-left: 190px; margin: 60px 0; border-top-right-radius: 30px; }

@media all and (max-width: 960px) { .secContent-about .boxSecurity { background-position: left 50% top 40px; background-size: 68px; padding: 40px 25px; padding-top: 170px; margin-top: 30px; } }

.secContent-about .boxSecurity p { color: #fff; }

.secContent-about .boxSecurity h3 { color: #fff; font-size: 24px; margin-bottom: 15px; }

@media all and (max-width: 960px) { .secContent-about .boxSecurity h3 { text-align: center; font-size: 20px; margin-bottom: 30px; } }

.secContent-about .blockWorkflow { padding: 120px 0; margin: 120px 0; }

@media all and (max-width: 960px) { .secContent-about .blockWorkflow { padding: 60px 0; margin: 60px 0; } }

.secContent-about .blockWorkflow .img { margin-top: 60px; }

@media all and (max-width: 960px) { .secContent-about .blockWorkflow .img { display: none; } }

.secContent-about .blockMembers .titpage { margin-bottom: 60px; }

@media all and (max-width: 960px) { .secContent-about .blockMembers .titpage { margin-bottom: 30px; } }

.secContent-about .blockMembers .img { margin-top: 30px; }

@media all and (max-width: 960px) { .secContent-about .blockMembers .img { margin-bottom: 30px; } }

.secContent-about .sliderWorkflow { margin-top: 30px; padding: 0 40px; }

.secContent-about .sliderWorkflow .slick-list { overflow: inherit; }

.secContent-about .sliderWorkflow .slick-slide { padding: 0 10px; }

.secContent-about .sliderWorkflow img { width: 100%; }

.bgblue { position: relative; background: -webkit-linear-gradient(top, #F4FCFF 0%, #F6F8F8 100%); background: linear-gradient(180deg, #F4FCFF 0%, #F6F8F8 100%); }

.bgblue::before { position: absolute; content: ''; background: -webkit-linear-gradient(top, #F4FCFF 0%, #F6F8F8 100%); background: linear-gradient(180deg, #F4FCFF 0%, #F6F8F8 100%); width: 50%; height: 100%; left: -50%; top: 0; }

.bgblue::after { position: absolute; content: ''; background: -webkit-linear-gradient(top, #F4FCFF 0%, #F6F8F8 100%); background: linear-gradient(180deg, #F4FCFF 0%, #F6F8F8 100%); width: 50%; height: 100%; right: -50%; top: 0; }

.secContent-members.bgblue { padding: 80px 0 120px; margin: 120px 0 0; }

@media all and (max-width: 960px) { .secContent-members.bgblue { background: none; padding: 0; } }

.secContent-members .listMembers .member { margin-top: 120px; }

@media all and (max-width: 960px) { .secContent-members .listMembers .member { margin-top: 40px; } }

@media all and (max-width: 960px) { .secContent-members .listMembers p { display: block; font-size: 13px; margin-bottom: 15px; } }

.secContent-members .listMembers p.clpage { font-weight: 500; }

@media all and (max-width: 960px) { .secContent-members .listMembers p.clpage { display: block; font-size: 15px; } }

.secContent-members .listMembers p.clpage2 { margin-bottom: 3px; color: #369DC6; font-weight: 500; font-size: 16px; }

@media all and (max-width: 960px) { .secContent-members .listMembers p.clpage2 { font-size: 15px; } }

@media all and (max-width: 960px) { .secContent-members .listMembers p.name { font-size: 15px; } }

.secContent-members .listMembers p.alink { display: inline-block; }

.secContent-members .listMembers p.alink::after { position: absolute; content: ''; background: url(../images/arrowright.svg) no-repeat right center; background-size: 16px; width: 16px; height: 16px; right: -25px; bottom: -8px; }

.secContent-members .listMembers p.alink a { color: #369DC6; font-size: 14px; font-weight: bold; position: relative; padding-bottom: 5px; text-decoration: none; }

.secContent-members .listMembers p.alink a::before { position: absolute; content: ''; background: #369DC6; width: 100%; height: 1px; left: 0; bottom: 0; }

.secContent-members .listMembers p.alink a::after { position: absolute; content: ''; background: #0E6EB8; width: 15px; height: 2px; left: 0; bottom: 0; }

@media all and (min-width: 961px) { .secContent-members .listMembers p.alink a:hover::after { left: calc(100% - 15px); } }

.secContent-members .blockVoices { margin-top: 120px; }

@media all and (max-width: 960px) { .secContent-members .blockVoices { margin-top: 100px; } }

.secContent-members .blockVoices .dflex { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 30px; margin: 0; margin-top: 60px; min-width: 1380px; margin-left: -105px; }

@media all and (max-width: 1420px) { .secContent-members .blockVoices .dflex { min-width: 100%; margin-left: 0; gap: 15px; } }

@media all and (max-width: 960px) { .secContent-members .blockVoices .dflex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2%; margin-top: 30px; } }

.secContent-members .blockVoices .dflex li { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(25% - 15px); -ms-flex: 0 0 calc(25% - 15px); flex: 0 0 calc(25% - 15px); list-style: none; }

@media all and (max-width: 960px) { .secContent-members .blockVoices .dflex li { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-bottom: 2%; } }

.secContent-members .blockVoices .dflex img { width: 100%; }

.secContent-members .blockVoices p.highlight { font-size: 24px; font-weight: bold; color: #0E6EB8; margin: 30px 0 20px; }

@media all and (max-width: 960px) { .secContent-members .blockVoices p.highlight { font-size: 20px; } }

.secContent-members .recruit .titpage { display: block; margin-right: 170px; }

@media all and (max-width: 960px) { .secContent-members .recruit .titpage { margin-right: 0; } }

.secContent-members .recruit .titpage h2 { padding-right: 0; line-height: 0.8; }

@media all and (min-width: 961px) { .secContent-members .recruit .desc { padding-left: 25px; } }

@media all and (max-width: 960px) { .secContent-members .recruit .bgwhite { display: none; } }

.secContent-service .blockHead { margin-bottom: 120px; }

@media all and (max-width: 960px) { .secContent-service .blockHead { margin-bottom: 60px; } }

.secContent-service .blockHead .titpage { margin-bottom: 30px; }

@media all and (max-width: 960px) { .secContent-service .blockHead .titpage { margin-bottom: 20px; } }

.secContent-service .titrotate h2 { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); line-height: 1; }

.secContent-service.bgblue { padding: 100px 0 120px; margin: 120px 0 0; }

@media all and (max-width: 960px) { .secContent-service.bgblue { background: none; padding: 0; } }

.secContent-company .blockHead { margin-bottom: 120px; }

@media all and (max-width: 960px) { .secContent-company .blockHead { margin-bottom: 60px; } }

.secContent-company .blockHead .titpage { margin-bottom: 40px; }

@media all and (max-width: 960px) { .secContent-company .blockHead .titpage { margin-bottom: 30px; } }

.secContent-company .blockHead h2 { line-height: 1; }

.secContent-company .blockMessage .dflex { margin-top: 60px; }

@media all and (min-width: 961px) { .secContent-company .blockMessage .dflex { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } }

@media all and (max-width: 960px) { .secContent-company .blockMessage .dflex { margin-top: 30px; } }

@media all and (min-width: 961px) { .secContent-company .blockMessage .dflex .img { -webkit-box-flex: 0; -webkit-flex: 0 0 330px; -ms-flex: 0 0 330px; flex: 0 0 330px; } }

@media all and (max-width: 960px) { .secContent-company .blockMessage .dflex .img { text-align: center; margin: 0 auto; } }

.secContent-company .blockMessage .dflex .txt { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 45px; }

@media all and (max-width: 960px) { .secContent-company .blockMessage .dflex .txt { padding-left: 0; margin-top: 30px; } }

.secContent-company .blockMessage .dflex p.text_right { margin-top: 30px; }

.secContent-company.secContentOverview { margin: 120px 0; background: #F6F8F8 url(../images/bgtable.png) no-repeat center bottom; padding-top: 120px; padding-bottom: 40px; }

@media all and (max-width: 960px) { .secContent-company.secContentOverview { margin: 60px 0; padding-top: 60px; background: #F6F8F8 url(../images/bgtable_sp.png) no-repeat center bottom; background-size: 100%; } }

.secContent-company.secContentOverview table { width: 100%; border-top: 1px dashed #0E6EB8; margin-top: 80px; }

@media all and (max-width: 960px) { .secContent-company.secContentOverview table { margin-top: 40px; } }

.secContent-company.secContentOverview table tr { border-bottom: 1px dashed #0E6EB8; }

.secContent-company.secContentOverview table th { text-align: left; color: #0E6EB8; font-weight: bold; padding-top: 40px; padding-bottom: 25px; display: block; width: 100%; }

@media all and (max-width: 960px) { .secContent-company.secContentOverview table th { font-size: 14px; padding-top: 20px; padding-bottom: 15px; } }

.secContent-company.secContentOverview table td { display: block; width: 100%; padding-bottom: 40px; }

@media all and (max-width: 960px) { .secContent-company.secContentOverview table td { font-size: 15px; padding-bottom: 20px; } }

.secContent-company .blockHistory .listCert { margin-bottom: 120px; }

@media all and (max-width: 960px) { .secContent-company .blockHistory .listCert { margin-top: 40px; margin-bottom: 60px; } }

.secContent-company .blockHistory .is-nowrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media all and (max-width: 960px) { .secContent-company .blockHistory p { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 10px; }
  .secContent-company .blockHistory p:first-child { font-weight: bold; margin-top: 0; } }

.secContent-company .imagelarge { margin: 220px 0 180px; }

@media all and (max-width: 960px) { .secContent-company .imagelarge { margin: 60px 0; } }

.secContent-company .imagelarge img { width: 100%; }

.secContent-company .blockAccess .map { margin: 60px 0 120px; }

@media all and (max-width: 960px) { .secContent-company .blockAccess .map { margin: 30px 0 60px; }
  .secContent-company .blockAccess .map iframe { max-height: 200px; } }

.secContent-company .infoCompany { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 120px; }

@media all and (max-width: 960px) { .secContent-company .infoCompany { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } }

.secContent-company .infoCompany .img { background: #FDF7F7; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 530px; max-height: 750px; overflow: hidden; aspect-ratio: 53/75; }

.secContent-company .infoCompany .img img { width: 100%; height: 100%; object-fit: cover; }

@media all and (max-width: 960px) { .secContent-company .infoCompany .img { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 auto; max-width: 92%; } }

.secContent-company .infoCompany .txt { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 60px; }

@media all and (max-width: 960px) { .secContent-company .infoCompany .txt { padding-left: 0; margin-top: 60px; } }

.secContent-company .infoCompany .name { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px dashed #0E6EB8; }

.secContent-company .infoCompany .name img { width: 190px; }

@media all and (max-width: 960px) { .secContent-company .infoCompany .name img { width: 150px; } }

.secContent-company .infoCompany .name span { font-weight: bold; font-size: 20px; margin-left: 30px; }

@media all and (max-width: 960px) { .secContent-company .infoCompany .name span { font-size: 16px; } }

.secContent-company .infoCompany .office { background: url(../images/ico_office.svg) no-repeat left top; background-size: 52px; padding-left: 85px; padding-bottom: 20px; padding-top: 10px; min-height: 68px; margin-bottom: 40px; }

@media all and (max-width: 960px) { .secContent-company .infoCompany .office { background: url(../images/ico_office_sp.svg) no-repeat left top; background-size: 84px; padding-left: 0; padding-bottom: 0; padding-top: 40px; margin-bottom: 30px; } }

.secContent-company .infoCompany .phone { background: url(../images/ico_phone.svg) no-repeat left top; background-size: 51px; padding-left: 85px; min-height: 77px; padding-top: 15px; margin-bottom: 40px; }

@media all and (max-width: 960px) { .secContent-company .infoCompany .phone { background: url(../images/ico_phone_sp.svg) no-repeat left 6px top; background-size: 79px; padding-left: 0; padding-bottom: 0; padding-top: 40px; margin-bottom: 30px; } }

.secContent-company .infoCompany .access { background: url(../images/ico_access.svg) no-repeat left center; background-size: 54px; padding-left: 85px; min-height: 88px; }

@media all and (max-width: 960px) { .secContent-company .infoCompany .access { background: url(../images/ico_access_sp.svg) no-repeat left top; background-size: 86px; padding-left: 0; padding-bottom: 0; padding-top: 45px; } }

.secContent-company .recruit .titpage { display: block; margin-right: 170px; }

@media all and (max-width: 960px) { .secContent-company .recruit .titpage { margin-right: 0; } }

.secContent-company .recruit .titpage h2 { padding-right: 0; line-height: 0.8; }

@media all and (min-width: 961px) { .secContent-company .recruit .desc { padding-left: 25px; } }

@media all and (max-width: 960px) { .secContent-company .recruit .bgwhite { display: none; } }

.secContent-company.bgblue { padding: 80px 0 120px; margin: 120px 0 0; }

@media all and (max-width: 960px) { .secContent-company.bgblue { background: none; padding: 0; } }

.listLocation p.text_bold { font-size: 24px; margin-top: 60px; margin-bottom: 30px; }

@media all and (max-width: 960px) { .listLocation p.text_bold { font-size: 16px; } }

.listLocation ul { padding: 0; margin: 0; }

@media all and (max-width: 960px) { .listLocation ul { padding-right: 15px; padding-left: 15px; } }

.listLocation ul li { list-style: none; -webkit-box-flex: 0; -webkit-flex: 0 0 31%; -ms-flex: 0 0 31%; flex: 0 0 31%; }

@media all and (max-width: 960px) { .listLocation ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; }
  .listLocation ul li:last-child { margin-bottom: 0; } }

.listLocation ul .img { aspect-ratio: 74/53; overflow: hidden; width: 100%; background: #FDF7F7; margin-bottom: 10px; }

.listLocation ul .img img { width: 100%; height: 100%; object-fit: cover; }

.blockService .dflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin-top: 120px; }

@media all and (max-width: 960px) { .blockService .dflex { margin-top: 30px; } }

.blockService .dflex.ico { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; right: 0; top: 0; margin: 0; }

.blockService .dflex.ico img:first-child { margin-right: 20px; }

@media all and (max-width: 960px) { .blockService .dflex.ico { display: none; } }

@media all and (min-width: 961px) { .blockService .dflex { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .blockService .dflex.block2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .blockService .dflex.block2 .txt { padding-right: 30px; padding-left: 0; }
  .blockService .dflex.block1 .tit, .blockService .dflex.block1 .subtit { padding-right: 290px; } }

@media all and (max-width: 960px) { .blockService .dflex.block1 .img { margin-bottom: 20px; } }

@media all and (min-width: 961px) { .blockService .dflex .img { -webkit-box-flex: 0; -webkit-flex: 0 0 370px; -ms-flex: 0 0 370px; flex: 0 0 370px; } }

@media all and (max-width: 960px) { .blockService .dflex .img { max-width: 500px; margin: 0 auto; margin-bottom: 40px; } }

.blockService .dflex .img img { width: 100%; }

.blockService .dflex .txt { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 30px; position: relative; }

@media all and (max-width: 960px) { .blockService .dflex .txt { padding-left: 0; } }

.blockService .dflex .tit { font-weight: bold; font-size: 32px; color: #0E6EB8; line-height: 1.4; }

@media all and (max-width: 960px) { .blockService .dflex .tit { font-size: 20px; text-align: center; } }

.blockService .dflex .subtit { color: #369DC6; font-size: 20px; font-weight: 500; margin: 15px 0; line-height: 1.6; }

@media all and (max-width: 960px) { .blockService .dflex .subtit { font-size: 18px; text-align: center; margin: 20px 0 30px; } }

.blockService .dflex p { line-height: 1.6; }

.blockService .imgicon { margin-top: 25px; }

@media all and (min-width: 961px) { .blockService .block4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .blockService .block4 .txt { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; }
  .blockService .block4 .dflex { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 50px; } }

.blockService .block4 .tit { margin-bottom: 20px; }

.blockService .block4 ul { margin: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 25px; }

.blockService .block4 ul li { list-style: none; }

.blockService .block4 ul .tit { font-size: 20px; color: #000; font-weight: 500; margin-top: 10px; }

@media all and (max-width: 960px) { .blockService .block4 ul .tit { font-size: 16px; margin-bottom: 5px; } }

.blockService .block4 ul p { font-size: 14px; }

@media all and (max-width: 960px) { .blockService .block4 .dflex { gap: 4%; }
  .blockService .block4 .dflex li { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-top: 30px; } }

.blockLazurite .titpage { margin-bottom: 60px; }

@media all and (max-width: 960px) { .blockLazurite .titpage { margin-bottom: 30px; } }

@media all and (min-width: 961px) { .blockLazurite .styleSpec { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } }

@media all and (max-width: 960px) { .blockLazurite .styleSpec { margin-top: 30px; padding: 0 40px; }
  .blockLazurite .styleSpec .slick-list { overflow: inherit; }
  .blockLazurite .styleSpec .slick-slide { padding: 0 10px; }
  .blockLazurite .styleSpec img { width: 100%; } }

.blockLazurite .box { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.blockLazurite .box .img { aspect-ratio: 7/5; overflow: hidden; }

@media all and (min-width: 961px) { .blockLazurite .box .img { max-width: 420px; } }

.blockLazurite .box .img img { width: 100%; height: 100%; object-fit: cover; }

.blockLazurite .box .tit { color: #0E6EB8; font-weight: bold; font-size: 24px; margin: 10px 0; line-height: 1.4; }

@media all and (max-width: 960px) { .blockLazurite .box .tit { text-align: center; font-size: 20px; margin: 15px 0 10px; } }

@media all and (min-width: 961px) { .blockLazurite .box.box2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .blockLazurite .box.box2 .txt { margin-bottom: 15px; margin-top: 15px; }
  .blockLazurite .box.box3 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 45px; padding-left: 7%; }
  .blockLazurite .box.box3 .txt { margin-left: 30px; margin-top: 15px; }
  .blockLazurite .box.box4 { position: absolute; right: 0; bottom: 200px; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }
  .blockLazurite .box.box4 .txt { margin-left: 35px; }
  .blockLazurite .box.box5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; margin-left: 16%; max-width: 440px; }
  .blockLazurite .box.box5 .txt { margin-bottom: 15px; margin-top: 65px; } }

@media all and (max-width: 1180px) { .blockLazurite .box.box5 { margin-left: 10%; } }

@media all and (max-width: 960px) { .blockLazurite .box.box5 { margin-left: 0; } }

.blockFlow { margin-top: 100px; }

@media all and (max-width: 960px) { .blockFlow { margin-top: 120px; } }

.blockFlow .titpage h2 { line-height: 1; }

.sliderFlow { margin-bottom: 260px; margin-top: 130px; }

@media all and (max-width: 960px) { .sliderFlow { margin-top: 40px; margin-bottom: 120px; }
  .sliderFlow .progress-wrap { display: none; } }

@media all and (min-width: 961px) { .sliderFlow .slickFlow { margin-bottom: 60px; padding: 0 220px; } }

@media all and (max-width: 960px) { .sliderFlow .slickFlow { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } }

@media all and (max-width: 640px) { .sliderFlow .slickFlow { gap: 2%; } }

.sliderFlow .slick-list { overflow: inherit; }

.sliderFlow .slick-list .slick-slide { padding: 0 40px; }

.sliderFlow .slick-list .slick-slide.slick-current { margin-top: -65px; }

@media all and (max-width: 960px) { .sliderFlow .step { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-top: 20px; }
  .sliderFlow .step:nth-child(3), .sliderFlow .step:last-child { margin-top: 60px; } }

@media all and (min-width: 961px) { .sliderFlow .step .dflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.sliderFlow .step .img { position: relative; margin-right: 15px; }

@media all and (max-width: 960px) { .sliderFlow .step .img { margin-right: 0; } }

@media all and (min-width: 961px) { .sliderFlow .step .img img { height: 290px; min-width: 276px; } }

.sliderFlow .step .img span.ico { position: absolute; top: 15px; left: -65px; }

@media all and (max-width: 960px) { .sliderFlow .step .img span.ico { left: 0; top: -17px; } }

.sliderFlow .step .img span.ico img { height: auto; min-width: inherit; }

@media all and (max-width: 960px) { .sliderFlow .step .img span.ico img { height: 32px; } }

.sliderFlow .step .tit { font-size: 20px; font-weight: bold; color: #0E6EB8; margin-bottom: 15px; }

@media all and (max-width: 960px) { .sliderFlow .step .tit { font-size: 16px; margin: 10px 0 5px; text-align: center; } }

@media all and (max-width: 960px) { .sliderFlow .step p { font-size: 14px; } }

.sliderFlow .arrows { position: relative; }

.headtitle-info .title span { padding-bottom: 0; }

.wpcontentInfo { background: -webkit-linear-gradient(top, #F4FCFF 0%, #F6F8F8 100%); background: linear-gradient(180deg, #F4FCFF 0%, #F6F8F8 100%); border: 1px solid #0E6EB8; padding: 120px; }

@media all and (max-width: 960px) { .wpcontentInfo { padding: 30px; padding-bottom: 50px; width: 94%; margin: 0 auto; } }

.wpcontentInfo ul { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; }

.wpcontentInfo ul li { list-style: none; }

.wpcontentInfo ul .cate { color: #fff; border-top-right-radius: 5px; border-bottom-left-radius: 5px; height: 24px; line-height: 24px; text-align: center; padding: 0 30px; margin-left: 20px; font-size: 14px; }

.wpcontentInfo h1 { font-size: 32px; border-bottom: 1px solid #0E6EB8; margin: 60px 0; padding-bottom: 20px; }

@media all and (max-width: 960px) { .wpcontentInfo h1 { font-size: 20px; margin: 30px 0; padding-bottom: 10px; } }

.wpcontentInfo h2 { font-size: 36px; font-weight: bold; color: #0E6EB8; border-bottom: 1px solid #0E6EB8; background: url(../images/ico_sign.svg) no-repeat left center; background-size: 32px; margin: 60px 0; padding: 12px 0; padding-left: 50px; }

@media all and (max-width: 960px) { .wpcontentInfo h2 { margin: 30px 0; font-size: 20px; padding: 8px 0; background-size: 24px; padding-left: 32px; } }

.wpcontentInfo h3 { font-size: 32px; font-weight: bold; color: #0E6EB8; padding-left: 15px; border-left: 2px solid #0E6EB8; margin: 60px 0; }

@media all and (max-width: 960px) { .wpcontentInfo h3 { margin: 30px 0; font-size: 18px; } }

.wpcontentInfo h4 { color: #369DC6; font-size: 24px; font-weight: bold; margin: 60px 0 40px; }

@media all and (max-width: 960px) { .wpcontentInfo h4 { font-size: 16px; margin: 30px 0; } }

.wpcontentInfo .wp-block-gallery { margin: 60px 0; }

@media all and (max-width: 960px) { .wpcontentInfo .wp-block-gallery { margin: 30px 0; } }

.wpcontentInfo .wp-block-embed { max-width: 700px; margin: 60px auto; overflow: hidden; aspect-ratio: 16/9; }

.wpcontentInfo .wp-block-embed iframe { aspect-ratio: 16/9; height: 100%; }

@media all and (max-width: 960px) { .wpcontentInfo .wp-block-embed { margin: 30px auto; } }

.backlink { text-align: center; margin-top: 140px; }

@media all and (max-width: 960px) { .backlink { margin-top: 70px; } }

.backlink a { color: #47A4F5 !important; font-weight: bold; }

@media all and (min-width: 961px) { .backlink a:hover { text-decoration: none; opacity: 0.5; } }

body.ios select, body.ios option { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

body.ios input, body.ios textarea, body.ios button { border-radius: 0; }

@media all and (max-width: 960px) { body.ios .container-form .boxForm select { display: block; padding: 12px 15px; width: 100%; box-sizing: border-box; border: 1px solid #47A4F5; background-color: #fff; color: #000; }
  body.ios .container-form .boxForm select option { color: #000; } }