@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 !important; }

.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; }

body { color: #000; max-width: 2000px; margin: 0 auto; font-family: "Noto Sans JP", sans-serif; font-style: normal; font-weight: normal; font-weight: 500; overflow-x: hidden; }

body .fontnoto { font-family: "Noto Sans JP", sans-serif; font-style: normal; font-weight: normal; }

body .fontrif { font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; }

body p { font-size: 14px; line-height: 1.8; color: #000; font-weight: 500; }

body a { color: #000; line-height: normal; font-weight: 500; }

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

.maincl { color: #083A60; }

.subcl { color: #114A74; }

.clgreen { color: #84A810; }

.clorg { color: #B77D1B; }

.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: 1186px; margin: 0 auto; padding: 0 25px; }

.container-large { max-width: 1350px; margin: 0 auto; padding: 0 25px; }

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

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

/* -----------------------------------------------
/* HEADER
-------------------------------------------------- */
.header { position: fixed; width: 100%; left: 0; z-index: 9; 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.header-top--logo { position: relative; 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-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 14px 20px; }

@media all and (max-width: 960px) { .header-top--logo { border-bottom: 3px solid #477794; padding: 12px 15px; height: 80px; } }

.header-top--logo .logo { -webkit-transition: all .3s; transition: all .3s; }

@media all and (min-width: 961px) { .header-top--logo .logo { 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; } }

.header-top--logo .logo span { font-weight: bold; font-size: 17px; color: #4E4E4E; margin-left: 30px; padding-top: 6px; word-break: keep-all; }

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

.header-top--logo .logo span.txt2 { font-size: 14px; }

@media all and (max-width: 1320px) { .header-top--logo .logo span.txt2 { font-size: 12px; margin-left: 20px; } }

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

.header-top--logo .logo a { line-height: 0; display: block; }

.header-top--logo .logo a img { height: 68px; }

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

@media all and (min-width: 961px) { .header-top--menu { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; 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; background: #083A60; padding: 20px 0; } }

.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; }

.header-nav--inside { max-width: 1186px; margin: 0 auto; z-index: 99; }

@media all and (max-width: 960px) { .header-nav--inside { position: fixed; width: 96.5%; height: 100svh; right: -100%; top: 0; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; overflow-y: auto; } }

.header-menu { -webkit-transition: all .3s; transition: all .3s; position: fixed; right: 0; top: 250px; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 100px; padding: 5px 10px; z-index: 9; }

@media all and (max-width: 960px) { .header-menu { width: 100%; left: 0; right: inherit; bottom: 0; top: inherit; border-top: 3px solid #477794; background: #0E3A60; border-radius: 0; padding-top: 8px; padding-bottom: 8px; z-index: 1000; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s; transition: all .3s; }
  .header-menu.scrolling { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .header-menu ul { 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; } }

@media all and (min-width: 961px) { .header-menu li { border-bottom: 1px solid #D4D4D4; }
  .header-menu li:last-child { border-bottom: 0; } }

.header-menu 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

@media all and (min-width: 961px) { .header-menu a { padding: 15px 0; }
  .header-menu a:hover { opacity: 0.5; }
  .header-menu a:hover img { opacity: 1; } }

.header-menu span { font-size: 13px; color: #083A60; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 5px; }

@media all and (max-width: 960px) { .header-menu span { color: #fff; } }

.header-menu span.img { margin-top: 0; }

@media all and (max-width: 960px) { .header-menu span.img { height: 40px; 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; }
  .header-menu span.img svg { max-height: 38px; width: auto; }
  .header-menu span.img path { fill: #fff; } }

.header .icon-hamburger { position: relative; cursor: pointer; 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; width: 52px; height: 52px; -webkit-transition: all .3s; transition: all .3s; z-index: 99; }

.header .icon-hamburger::after { position: absolute; content: ''; background: #fff; width: 100px; height: 100px; left: 50%; top: 50%; border-radius: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateX(100%) translateY(100%); -ms-transform: translateX(100%) translateY(100%); transform: translateX(100%) translateY(100%); }

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

.header .icon-hamburger span { left: 0; height: 3px; position: absolute; background: #083A60; display: inline-block; width: 100%; border-radius: 10px; -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; }

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

.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: 42%; width: 56%; }

.header .icon--bar img { max-width: 30px; }

.header .icon--ins { margin-left: auto; margin-right: 1em; }

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

.header .icon--ins a { display: block; min-width: 32px; }

.header .icon--ins img { min-height: 32px; height: 32px; }

.header .icon--tel { display: block; }

.header .icon--tel 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; }

@media all and (min-width: 961px) { .header .icon--tel a:hover { opacity: .5; }
  .header .icon--tel a:hover img { opacity: 1; } }

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

.header .icon--tel span { font-size: 28px; display: inline-block; line-height: 1.4; color: #4E4E4E; }

.header .icon--tel span small { font-size: 14px; display: block; white-space: nowrap; }

.header .icon--tel .icon--img { margin-right: 15px; padding-top: 0; position: relative; top: -4px; min-width: 22px; }

.header .icon--tel .icon--img img { min-height: 32px; }

.header .icon--tel .icon--txt1 { display: block; font-size: 12px; text-align: right; line-height: 1; }

.header .icon--tel .icon--txt1 img { height: 15px; }

.header .icon--tel .txt-tel { font-size: 34px; }

@media all and (min-width: 1240px) { .header .icon--tel .txt-tel { font-size: 2vw; } }

/* -----------------------------------------------
/* MENU
-------------------------------------------------- */
.menu .iconins { display: none; }

@media all and (min-width: 961px) { .menu { 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; } }

@media all and (max-width: 960px) { .menu { height: 100svh; overflow: hidden; background: #477794; width: 100%; border-left: 8px solid #083A60; padding: 60px 0 100px; padding-left: 30px; }
  .menu .iconins { margin-top: 20px; display: block; } }

@media all and (max-width: 480px) { .menu { padding-left: 20px; } }

@media all and (max-width: 960px) { .menu--item { border-bottom: 1px solid #ccc; padding-left: 15px; }
  .menu--item.last { border-bottom: 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; }
  .menu--item.last a { font-size: 15px; }
  .menu--item.last a:first-child { margin-right: 15px; } }

@media all and (min-width: 961px) { .menu--item { position: relative; }
  .menu--item::after { position: absolute; content: ''; background: url(../images/line.svg) no-repeat left center; background-size: 26px; width: 26px; height: 56px; right: -38px; top: 0; }
  .menu--item:first-child, .menu--item.last { display: none; }
  .menu--item:nth-child(8)::after { background: none; }
  .menu--item.currentPage::before { position: absolute; content: ''; background: url(../images/arr.svg) no-repeat left center; background-size: 14px; width: 14px; height: 12px; left: 50%; margin-left: -7px; bottom: -32px; } }

@media all and (min-width: 1000px) { .menu--item::after { right: -42px; } }

@media all and (min-width: 1080px) { .menu--item::after { right: -48px; } }

.menu--item a { font-size: 20px; line-height: 1; color: #fff; text-decoration: none; display: block; padding: 20px 0; text-align: center; position: relative; }

@media all and (max-width: 960px) { .menu--item a { padding: 20px; text-align: left; position: relative; display: inline-block; }
  .menu--item a::before { content: ''; background: transparent; position: absolute; width: 8px; height: 8px; right: 0; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all .3s; transition: all .3s; }
  .menu--item a::after { position: absolute; content: ''; background: #fff; border-radius: 100%; width: 12px; height: 12px; left: 0; top: 50%; margin-top: -5px; }
  .menu--item a::before { margin-top: -3px; } }

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

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

@media all and (min-width: 961px) { .menu--item a:hover { opacity: 0.5; text-decoration: underline; } }

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

.open--menu .header-top--logo .logo { opacity: 0; }

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

.open--menu .icon-hamburger { position: fixed; right: 0; top: 0; z-index: 100; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.open--menu .icon-hamburger::after { opacity: 1; visibility: inherit; z-index: 1; -webkit-transform: translateX(-40%) translateY(-60%); -ms-transform: translateX(-40%) translateY(-60%); transform: translateX(-40%) translateY(-60%); }

.open--menu .icon-hamburger .icon--bar { position: relative; z-index: 2; background: #477794; width: 62%; height: 62%; border-radius: 100%; }

.open--menu .icon-hamburger span { background: #fff; width: 50%; left: 25%; height: 2px; }

.open--menu .icon-hamburger span:nth-child(1) { -webkit-transform: translateY(15px) rotate(-225deg); -ms-transform: translateY(15px) rotate(-225deg); transform: translateY(15px) 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: 50%; }

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

@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; }

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

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

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

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

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

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

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

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

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

/* -----------------------------------------------
/* FOOTER
-------------------------------------------------- */
.footer { background: #fff; text-align: center; padding: 40px 0 15px; }

.footer .logoft { width: 385px; margin: 0 auto; margin-bottom: 30px; }

@media all and (max-width: 960px) { .footer .logoft { width: 50%; min-width: 200px; } }

.footer p { font-size: 10px; color: #000; margin-top: 10px; }

.footer .alink { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #000; }

.footer .alink span { margin: 0 10px; }

.footer .alink a { color: #000; font-size: 12px; }

@media all and (min-width: 961px) { .footer .alink a:hover { text-decoration: underline; opacity: .5; } }

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

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

@media all and (max-width: 960px) { .footer .backtop--icon { right: 10px; } }

.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.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; line-height: 0; font-size: 0; width: 32px; height: 32px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 9; border-radius: 100%; }

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

.slick-next { background: url(../images/arrow2.svg) no-repeat center center; background-size: 32px; }

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

.slick-prev { background: url(../images/arrow3.svg) no-repeat center center; background-size: 32px; }

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

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

.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 { left: -2px; }

@media all and (max-width: 960px) { .slick-prev { left: 22px; } }

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

@media all and (max-width: 1186px) { [dir=rtl] .slick-prev { right: -10px; } }

.slick-prev:before { content: "←"; }

[dir=rtl] .slick-prev:before { content: "→"; }

.slick-next { right: -50px; }

@media all and (max-width: 960px) { .slick-next { right: 22px; } }

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

@media all and (max-width: 1186px) { [dir=rtl] .slick-next { left: -10px; } }

.slick-next:before { content: "→"; }

[dir=rtl] .slick-next:before { content: "←"; }

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

.slick-dots { position: absolute; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; bottom: 20px; }

@media all and (min-width: 961px) { .slick-dots { bottom: 30px; } }

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

.slick-dots li button { display: block; height: 10px; width: 10px; outline: none; color: transparent; padding: 5px; background: #fff; border-radius: 100%; border: 1px solid #707070; cursor: pointer; }

@media all and (min-width: 961px) { .slick-dots li button { width: 12px; height: 12px; } }

.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.slick-active button { background: #222; }

.banner { position: relative; z-index: 1; }

.banner .image { position: relative; height: 550px; }

.banner .image img { width: auto; object-fit: cover; height: 550px; min-width: 100%; }

.banner .container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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; max-width: inherit; }

.banner .titbanner { font-size: 40px; color: #fff; text-shadow: 0 0 6px rgba(110, 110, 110, 0.8); font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-weight: bold; max-width: 1186px; width: 100%; margin: 0 auto; text-align: center; }

.banner .titbanner small { font-size: 30px; }

@media all and (max-width: 960px) { .banner .titbanner { font-size: 20px; line-height: 2.2; } }

.banner .slider { position: relative; }

.banner .slick-dots { bottom: 20px; }

@media all and (max-width: 960px) { .banner .slick-dots { bottom: 10px; } }

@media all and (min-width: 961px) { .banner .slick-dots li { margin: 0 10px; } }

.banner .slick-dots li button { width: 56px; height: 8px; border-radius: 0; background: #083A60; border: none; padding: 0; }

@media all and (min-width: 961px) { .banner .slick-dots li button:hover { opacity: 0.5; } }

@media all and (max-width: 960px) { .banner .slick-dots li button { width: 28px; height: 4px; } }

.banner .slick-dots li.slick-active button { background: #fff; }

.grid { display: grid; }

.grid-2 { grid-template-columns: repeat(2, 1fr); grid-gap: 25px; }

.grid-3 { grid-template-columns: repeat(3, 1fr); grid-gap: 25px; }

.grid-4 { grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }

.secIntro { margin-top: 130px; padding-bottom: 90px; background: #477794; }

@media all and (max-width: 960px) { .secIntro { margin-top: 40px; padding-bottom: 70px; } }

.secIntro .block1 { 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; }

.secIntro .block1 .img { max-width: 595px; -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; position: relative; z-index: 2; }

@media all and (max-width: 960px) { .secIntro .block1 .img { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .secIntro .block1 .img::before, .secIntro .block1 .img::after { position: absolute; content: ''; background: #fff; width: 30px; height: 50%; left: -30px; top: 0; }
  .secIntro .block1 .img::after { right: -30px; left: inherit; } }

.secIntro .block1 .desc { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; }

@media all and (max-width: 960px) { .secIntro .block1 .desc { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.secIntro .block1 h2 { font-size: 38px; margin-bottom: 30px; }

@media all and (max-width: 960px) { .secIntro .block1 h2 { font-size: 24px; text-align: center; } }

.secIntro .block1 h3 { font-size: 23px; font-weight: bold; margin-bottom: 15px; }

@media all and (max-width: 960px) { .secIntro .block1 h3 { font-size: 20px; text-align: center; margin-bottom: 25px; } }

.secIntro .block1 .txt { border-left: 1px solid #fff; padding-left: 20px; margin-bottom: 40px; color: #fff; }

@media all and (max-width: 960px) { .secIntro .block1 .txt { border-left: 0; padding-left: 0; } }

.secIntro .block1 .txt p { color: #fff; }

.secIntro .block1 .txt:last-child { margin-bottom: 0; }

.secIntro .block1 .desc-top { padding-bottom: 80px; background: #fff; position: relative; }

@media all and (max-width: 960px) { .secIntro .block1 .desc-top { padding-bottom: 40px; } }

.secIntro .block1 .desc-top::after { position: absolute; content: ''; background: #fff; width: 170%; height: 100%; left: -170%; top: 0; }

.secIntro .block1 .desc-top::before { position: absolute; content: ''; background: #fff; width: 70%; height: 100%; right: -70%; top: 0; }

.secIntro .block1 .desc-top p { font-size: 17px; }

.secIntro .block1 .desc-bottom { padding-top: 70px; background: #477794; }

@media all and (max-width: 960px) { .secIntro .block1 .desc-bottom { padding-top: 35px; } }

.secIntro .block2 { margin-top: 90px; }

@media all and (max-width: 960px) { .secIntro .block2 { margin-top: 70px; padding: 0; } }

@media all and (max-width: 768px) { .secIntro .grid-3 { grid-template-columns: repeat(1, 1fr); max-width: 500px; margin: 0 auto; grid-gap: 35px; } }

.secIntro .item:first-child a { background: #5c87a8; background: -webkit-linear-gradient(bottom, #5c87a8 0%, #91bedf 100%); background: linear-gradient(0deg, #5c87a8 0%, #91bedf 100%); }

.secIntro .item:nth-child(2) a { background: #33688f; background: -webkit-linear-gradient(bottom, #33688f 0%, #a6dade 100%); background: linear-gradient(0deg, #33688f 0%, #a6dade 100%); }

.secIntro .item:last-child a { background: #338f5b; background: -webkit-linear-gradient(bottom, #338f5b 0%, #a6dade 100%); background: linear-gradient(0deg, #338f5b 0%, #a6dade 100%); }

@media all and (max-width: 480px) { .secIntro .item { max-width: 310px; margin: 0 auto; } }

.secIntro .item a { display: block; margin-bottom: 20px; border-radius: 6px; }

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

.secIntro .item .img { 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; height: 150px; padding: 25px 0; }

.secIntro .item .img .tit { font-size: 29px; text-align: center; color: #fff; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media all and (max-width: 960px) { .secIntro .item .img .tit { font-size: 22px; } }

@media all and (max-width: 768px) { .secIntro .item .img { height: 130px; padding: 15px 0; } }

.secIntro .item .desc { color: #fff; display: block; font-size: 14px; }

.btnmore { text-align: center; }

.btnmore a { background: #fff; display: inline-block; border-radius: 30px; font-size: 15px; font-weight: bold; border: 1px solid #707070; min-width: 150px; padding: 4px 0 6px; }

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

.titmain { 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; border-bottom: 4px solid #083A60; padding-bottom: 15px; }

@media all and (max-width: 960px) { .titmain { position: relative; } }

.titmain h2, .titmain h3 { 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; }

.titmain .ico { height: 54px; display: block; margin-right: 10px; }

.titmain .ico img { height: 54px; }

.titmain .txt { font-weight: bold; font-size: 27px; line-height: 1; color: #083A60; }

@media all and (max-width: 960px) { .titmain .txt { font-size: 24px; } }

.titmain .note { font-size: 15px; }

@media all and (max-width: 960px) { .titmain .note { position: absolute; right: 0; bottom: -40px; } }

.titsecond { border-bottom: 2px solid #114A74; padding-bottom: 10px; }

.titsecond h2, .titsecond h3 { color: #114A74; font-size: 44px; 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; line-height: 1; }

@media all and (max-width: 960px) { .titsecond h2, .titsecond h3 { font-size: 32px; } }

.titsecond h2 small, .titsecond h3 small { font-size: 15px; margin-left: 12px; margin-bottom: 3px; }

.secRecommended { padding: 130px 0; }

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

.secRecommended .blockContent { margin-top: 140px; }

@media all and (max-width: 960px) { .secRecommended .blockContent { margin-top: 80px; } }

.secRecommended .blockContent img { width: 100%; }

.secRecommended .btnmore { margin-top: 100px; }

@media all and (max-width: 960px) { .secRecommended .btnmore { margin-top: 40px; } }

.bgeee { background: #eee; }

.secPost { padding: 130px 0 150px; }

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

.secPost .btnmore { margin-top: 65px; }

@media all and (max-width: 960px) { .secPost .btnmore { margin-top: 40px; } }

.secPost .newsPost { margin-bottom: 100px; }

.secPost .titsecond { margin-bottom: 20px; }

.listNews li { border-bottom: 1px solid #D1D1D1; }

.listNews li a { font-size: 15px; display: block; background: url(../images/arrow.svg) no-repeat right 10px center; background-size: 32px; padding: 40px 0; padding-right: 50px; }

@media all and (min-width: 961px) { .listNews li a:hover { text-decoration: underline; opacity: 0.5; } }

@media all and (max-width: 960px) { .listNews li a { padding-top: 20px; padding-bottom: 20px; } }

.listBlogs li { border-bottom: 1px solid #D1D1D1; padding: 30px 0; }

@media all and (min-width: 961px) { .listBlogs li { background: url(../images/arrow.svg) no-repeat right 10px center; background-size: 32px; padding-right: 50px; 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; } }

@media all and (max-width: 960px) { .listBlogs li { padding: 20px 0; } }

@media all and (min-width: 961px) { .listBlogs a { display: inline-block; }
  .listBlogs a:hover { opacity: 0.5; text-decoration: underline; } }

.listBlogs .img { overflow: hidden; aspect-ratio: 1; border-radius: 5px; width: 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; background: #eee; }

.listBlogs .img img { object-fit: cover; width: 100%; height: 100%; }

@media all and (min-width: 961px) { .listBlogs .img { -webkit-box-flex: 0; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; margin-right: 18px; } }

@media all and (max-width: 960px) { .listBlogs .img { width: 170px; margin-bottom: 30px; } }

.listBlogs .noThumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.listBlogs .desc .date { font-size: 10px; display: block; }

@media all and (max-width: 960px) { .listBlogs .desc .date { font-size: 14px; } }

.listBlogs .desc .tit { font-size: 15px; margin-bottom: 10px; }

@media all and (max-width: 960px) { .listBlogs .desc .tit { margin: 20px 0; display: block; } }

.listBlogs .desc span.desc { font-size: 12px; font-weight: 400; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

@media all and (max-width: 960px) { .listBlogs .desc span.desc { font-size: 14px; -webkit-line-clamp: 4; } }

.secCase { background: #477794; padding: 75px 0; }

@media all and (max-width: 960px) { .secCase { padding: 70px 0 90px; } }

.secCase .tit { text-align: center; border-bottom: 2px solid #fff; margin: 0 auto; padding-bottom: 12px; max-width: 330px; }

.secCase .tit span { font-size: 36px; font-weight: bold; color: #fff; display: block; }

@media all and (max-width: 960px) { .secCase .tit span { font-size: 28px; } }

.secCase .btnmore { margin-top: 55px; }

@media all and (min-width: 961px) { .secCase .item { padding: 0 12.5px; } }

@media all and (max-width: 960px) { .secCase .item { margin-bottom: 25px; } }

.secCase .item .img { overflow: hidden; aspect-ratio: 1.5; margin-bottom: 20px; border-radius: 5px; }

.secCase .item .img img { object-fit: cover; width: 100%; height: 100%; }

.secCase .item a { color: #fff; }

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

.secCase .item .tit { font-size: 21px; font-weight: bold; display: block; text-align: center; margin-bottom: 10px; }

.secCase .item .desc { font-size: 14px; }

.secCase .sliderjs { max-width: 1300px; margin: 0 auto; margin-top: 75px; overflow: hidden; padding: 0 85px; }

@media all and (max-width: 960px) { .secCase .sliderjs { margin-top: 60px; padding: 0 15px; } }

.secCase .sliderCase { max-width: 1186px; }

@media all and (min-width: 961px) { .secCase .sliderCase { margin-left: -12.5px; margin-right: -12.5px; } }

.secCase .slick-prev { left: -70px; top: 120px; }

.secCase .slick-next { right: -70px; top: 120px; }

.secCommunity { padding: 130px 0 160px; }

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

.secCommunity .block1 { max-width: 880px; margin: 0 auto; }

.secCommunity .block1 .tit { font-size: 47px; font-weight: bold; margin-bottom: 15px; }

@media all and (min-width: 961px) { .secCommunity .block1 .tit { margin-top: -40px; } }

@media all and (max-width: 960px) { .secCommunity .block1 .tit { font-size: 24px; text-align: center; margin-top: 20px; margin-bottom: 40px; } }

.secCommunity .block1 p { font-size: 23px; line-height: 1.4; }

.secCommunity .block1 p small { font-size: 20px; display: block; }

@media all and (max-width: 960px) { .secCommunity .block1 p { font-size: 14px; }
  .secCommunity .block1 p small { font-size: 14px; } }

.secCommunity .block1 .img { max-width: 500px; margin: 0 auto; }

@media all and (max-width: 960px) { .secCommunity .block1 .img { width: 80%; } }

.secCommunity .block2 { max-width: 880px; margin: 0 auto; margin-top: 170px; }

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

.pickup .brnstaff { position: relative; max-width: 555px; margin: 0 auto; margin-bottom: 45px; display: block; }

@media all and (min-width: 961px) { .pickup .brnstaff:hover { opacity: 0.5; }
  .pickup .brnstaff:hover img { opacity: 1; } }

.pickup .brnstaff .desc { position: absolute; background: url(../images/bgoverlay.png) repeat-x left bottom; background-size: contain; left: 0; bottom: 0; width: 100%; padding: 45px 30px; }

@media all and (max-width: 960px) { .pickup .brnstaff .desc { padding: 15px; } }

.pickup .brnstaff .desc .tit { font-size: 28px; font-weight: bold; color: #fff; display: block; border-bottom: 1px solid #fff; margin-bottom: 5px; padding-bottom: 5px; }

@media all and (max-width: 960px) { .pickup .brnstaff .desc .tit { font-size: 26px; } }

.pickup .brnstaff .desc small { color: #fff; font-size: 14px; }

@media all and (max-width: 960px) { .pickup .brnstaff .desc small { font-size: 16px; } }

.pickup .brnaccept { border-radius: 5px; color: #fff; 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; width: 100%; height: 98px; padding: 18px 20px; }

@media all and (min-width: 961px) { .pickup .brnaccept { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } }

@media all and (max-width: 960px) { .pickup .brnaccept { height: 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; max-width: 555px; margin: 0 auto; } }

.pickup .brnaccept .ico { 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; width: 65px; }

.pickup .brnaccept .ico span { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: block; font-size: 13px; margin-top: 5px; }

@media all and (max-width: 960px) { .pickup .brnaccept .ico span { font-size: 11px; } }

.pickup .brnaccept .tit { font-size: 22px; font-weight: bold; }

@media all and (max-width: 960px) { .pickup .brnaccept .tit { font-size: 18px; margin-left: 10px; } }

@media all and (min-width: 961px) { .pickup .brnaccept:hover { opacity: 0.5; }
  .pickup .brnaccept:hover img { opacity: 1; } }

.pickup .brnaccept.bggreen { background: #84A810 url(../images/bgbrn1.png) no-repeat center center; background-size: cover; }

@media all and (max-width: 960px) { .pickup .brnaccept.bggreen { margin-bottom: 35px; } }

.pickup .brnaccept.bgblue { background: #4285AB url(../images/bgbrn2.png) no-repeat center center; background-size: cover; }

.secStore .titsecond { border-color: #D1D1D1; margin-bottom: 45px; }

@media all and (max-width: 960px) { .secStore .titsecond { margin-bottom: 20px; } }

.secStore .titsecond h2 { color: #000; }

@media all and (max-width: 768px) { .secStore .grid-2 { grid-template-columns: repeat(1, 1fr); grid-gap: 45px; } }

.secStore .frame { overflow: hidden; margin-bottom: 3px; overflow: hidden; aspect-ratio: 1.5; }

.secStore .frame img { object-fit: cover; width: 100%; height: 100%; }

.secStore .frame frame { width: 100%; }

.secStore p { margin-top: 20px; }

.secStore a { font-size: 12px; }

@media all and (min-width: 961px) { .secStore a:hover { text-decoration: underline; opacity: 0.5; } }

@media all and (max-width: 960px) { .secStore a { font-size: 16px; } }

.secStore .tit { font-size: 21px; font-weight: bold; margin-top: 0; margin-bottom: 12px; }

.secCompany { padding: 130px 0 160px; }

@media all and (max-width: 960px) { .secCompany { padding: 70px 0 110px; } }

.secCompany .titsecond { border-color: #D1D1D1; margin-bottom: 45px; }

@media all and (max-width: 960px) { .secCompany .titsecond { margin-bottom: 20px; } }

@media all and (max-width: 480px) { .secCompany .titsecond { padding-bottom: 15px; } }

.secCompany .titsecond h2 { color: #000; }

@media all and (max-width: 480px) { .secCompany .titsecond h2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .secCompany .titsecond h2 small { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; margin-bottom: 0; margin-top: 12px; } }

.secCompany .item { 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 (min-width: 961px) { .secCompany .item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .secCompany .item:hover { opacity: .5; }
  .secCompany .item:hover img { opacity: 1; }
  .secCompany .item:first-child { width: 460px; max-width: 460px; margin: 0 auto; } }

.secCompany .item .txt { font-size: 21px; font-weight: 400; background: url(../images/ico-blank.svg) no-repeat right top; background-size: 12px; padding-right: 18px; }

@media all and (max-width: 960px) { .secCompany .item .txt { font-size: 14px; background-position: right center; padding-right: 25px; } }

.secCompany .item .ico img { height: 120px; width: 120px; }

@media all and (max-width: 960px) { .secCompany .item .ico img { width: 100px; height: 100px; } }

.secCompany .list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.secCompany .list .item { margin: 15px 0; }

@media all and (max-width: 960px) { .secCompany .list .item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; min-height: 70px; margin: 0; margin-top: 25px; } }

.secCompany .list .item .ico { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 5px; }

.secCompany .list .item img { height: 100%; }

.mainmv { text-align: center; height: 300px; position: relative; }

.mainmv-buy { background: url(../images/banner-buy.png) no-repeat center center; background-size: cover; }

.mainmv-sell { background: url(../images/banner-purchase.png) no-repeat center center; background-size: cover; }

.mainmv-blog { background: url(../images/banner-news.png) no-repeat center center; background-size: cover; }

.mainmv-case { background: url(../images/banner-case.png) no-repeat center center; background-size: cover; }

.mainmv-contact { background: url(../images/banner-contact.png) no-repeat center center; background-size: cover; }

.mainmv-staff { background: url(../images/banner-staff.png) no-repeat center center; background-size: cover; }

.mainmv-shop { background: url(../images/banner-store.png) no-repeat center center; background-size: cover; }

@media all and (max-width: 960px) { .mainmv-shop { background-position: right center; } }

.mainmv-assessment { background: url(../images/banner-purchase.png) no-repeat center center; background-size: cover; }

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

.mainmv::after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; left: 0; top: 0; }

.mainmv .container { 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: 300px; }

.mainmv h1, .mainmv p { font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-size: 32px; font-weight: 500; position: relative; z-index: 2; }

@media all and (max-width: 960px) { .mainmv h1, .mainmv p { font-size: 32px; } }

@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; padding: 35px 0; }

.breadcrumb li { font-size: 13px; }

.breadcrumb a { font-size: 13px; text-decoration: underline; position: relative; margin-right: 15px; }

.breadcrumb a::after { position: absolute; content: '>'; margin-left: 5px; }

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

@media all and (max-width: 960px) { .secondpage .titmain:not(.titmain2) { padding-bottom: 10px; } }

.secondpage .titmain:not(.titmain2) .txt { font-size: 38px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-weight: bold; margin-left: 10px; }

@media all and (max-width: 960px) { .secondpage .titmain:not(.titmain2) .txt { font-size: 24px; margin-left: 5px; } }

@media all and (max-width: 960px) { .secondpage .titmain:not(.titmain2) .ico { height: 46px; }
  .secondpage .titmain:not(.titmain2) .ico img { height: 46px; } }

.secondpage .descTop { margin-top: 15px; margin-bottom: 60px; }

@media all and (max-width: 960px) { .secondpage .descTop { margin-bottom: 35px; } }

.secondpage .descTop p { font-size: 17px; }

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

.listFeature .dflex { margin-bottom: 70px; }

.listFeature .dflex:last-child { margin-bottom: 0; }

@media all and (min-width: 961px) { .listFeature .dflex.block2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

@media all and (max-width: 960px) { .listFeature .dflex { margin-bottom: 50px; } }

.listFeature .img { overflow: hidden; aspect-ratio: 1.5; }

.listFeature .img img { object-fit: cover; width: 100%; height: 100%; }

@media all and (min-width: 961px) { .listFeature .img { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } }

@media all and (max-width: 960px) { .listFeature .img { width: 100%; } }

@media all and (min-width: 961px) { .listFeature .desc { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; } }

.listFeature .desc h3, .listFeature .desc h4 { font-size: 32px; margin-bottom: 20px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-weight: 600; }

@media all and (max-width: 960px) { .listFeature .desc h3, .listFeature .desc h4 { font-size: 20px; text-align: center; margin-top: 45px; margin-bottom: 30px; } }

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

.titthird { border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 12px; }

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

.titthird h2, .titthird h3 { font-size: 38px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; }

@media all and (max-width: 960px) { .titthird h2, .titthird h3 { font-size: 24px; } }

.titfour { border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom: 12px; }

.titfour h3 { font-size: 30px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; }

@media all and (max-width: 960px) { .titfour h3 { font-size: 24px; } }

.secSteppur { padding: 150px 0; }

@media all and (max-width: 960px) { .secSteppur { padding: 80px 0; }
  .secSteppur .titthird h2, .secSteppur .titthird h3 { text-align: center; } }

.secSteppur .listStep { margin-top: 90px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 25px; }

@media all and (max-width: 960px) { .secSteppur .listStep { gap: 40px; margin-top: 60px; } }

.secSteppur .item { text-align: center; }

@media all and (max-width: 960px) { .secSteppur .item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

@media all and (min-width: 961px) { .secSteppur .item { max-width: 360px; -webkit-box-flex: 0; -webkit-flex: 0 0 31.3%; -ms-flex: 0 0 31.3%; flex: 0 0 31.3%; margin-bottom: 20px; } }

.secSteppur .item .ico { background: url(../images/union1.svg) no-repeat center center; background-size: 65px; width: 65px; height: 65px; margin: 0 auto; 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: 3px; }

.secSteppur .item .tit { font-size: 24px; margin: 10px 0; font-weight: 500; line-height: 1.8; }

@media all and (max-width: 960px) { .secSteppur .item .tit { font-size: 20px; margin-top: 15px; } }

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

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

.secFaq { padding: 150px 0; background: #eee; }

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

.secFaq .listFaq { margin-top: 90px; }

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

.secFaq .item { margin-top: 50px; }

.secFaq .item dt { font-size: 24px; margin-bottom: 15px; }

@media all and (max-width: 960px) { .secFaq .item dt { font-size: 20px; } }

.secFaq .item dd { line-height: 1.6; }

@media all and (max-width: 960px) { .secFaq .item dd { font-size: 16px; } }

@media all and (min-width: 961px) { .content-buy .secSteppur .item:last-child { margin-left: 0; margin-right: auto; } }

.listSale { margin-bottom: 80px; }

.listSale .item { margin-bottom: 25px; }

.listSale p { font-size: 23px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; }

.listSale figure { overflow: hidden; aspect-ratio: 1.33333; }

.listSale figure img { object-fit: cover; width: 100%; height: 100%; }

@media all and (max-width: 960px) { .listSale + .titfour { margin-bottom: 20px !important; } }

@media all and (max-width: 768px) { .content-sell .grid-3 { grid-template-columns: repeat(1, 1fr); margin: 0 auto; margin-bottom: 75px; grid-gap: 15px; } }

.content-sell .secFeature { padding-bottom: 190px; }

@media all and (max-width: 960px) { .content-sell .secFeature { padding-bottom: 100px; } }

.content-sell .secFeature .descTop { margin-bottom: 140px; }

@media all and (max-width: 960px) { .content-sell .secFeature .descTop { margin-bottom: 50px; } }

.content-sell .secSteppur .item .ico { background: url(../images/union2.svg) no-repeat center center; background-size: 65px; }

.content-sell .titfour { margin-bottom: 60px; }

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

.content-blog .titmain:not(.titmain2) .ico, .content-staff .titmain:not(.titmain2) .ico, .content-case .titmain:not(.titmain2) .ico { height: 42px; }

.content-blog .titmain:not(.titmain2) .ico img, .content-staff .titmain:not(.titmain2) .ico img, .content-case .titmain:not(.titmain2) .ico img { height: 42px; }

.content-buy .titmain:not(.titmain2) .ico, .content-sell .titmain:not(.titmain2) .ico { height: 47px; }

.content-buy .titmain:not(.titmain2) .ico img, .content-sell .titmain:not(.titmain2) .ico img { height: 47px; }

.content-assessment .btngradient, .content-sell .btngradient { max-width: 530px; margin: 0 auto; margin-top: 80px; }

@media all and (max-width: 480px) { .content-assessment .btngradient, .content-sell .btngradient { max-width: 305px; margin-top: 60px; } }

.content-assessment .btngradient a, .content-sell .btngradient a { background: #338f5b; background: -webkit-linear-gradient(bottom, #338f5b 0%, #a6dade 100%); background: linear-gradient(0deg, #338f5b 0%, #a6dade 100%); display: block; border-radius: 6px; }

@media all and (min-width: 961px) { .content-assessment .btngradient a:hover, .content-sell .btngradient a:hover { opacity: 0.5; } }

.content-assessment .btngradient .img, .content-sell .btngradient .img { 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; height: 150px; padding: 25px 0; }

.content-assessment .btngradient .img .tit, .content-sell .btngradient .img .tit { font-size: 29px; text-align: center; color: #fff; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media all and (max-width: 960px) { .content-assessment .btngradient .img .tit, .content-sell .btngradient .img .tit { font-size: 22px; font-weight: 300; padding: 0 25px; line-height: 1.2; } }

@media all and (max-width: 768px) { .content-assessment .btngradient .img, .content-sell .btngradient .img { height: 130px; padding: 10px 0; } }

.content-assessment .btngradient .desc, .content-sell .btngradient .desc { color: #fff; display: block; font-size: 14px; }

.secBlog { padding-bottom: 150px; }

@media all and (max-width: 960px) { .secBlog { padding-bottom: 100px; } }

.listSearchBy { margin-bottom: 60px; }

@media all and (min-width: 961px) { .listSearchBy { 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) { .listSearchBy { margin-bottom: 35px; } }

.listSearchBy .name { font-size: 14px; }

@media all and (min-width: 961px) { .listSearchBy .name { min-width: 290px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #707070; padding: 27px 0; } }

@media all and (max-width: 960px) { .listSearchBy .name { margin-bottom: 25px; } }

.listSearchBy .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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.listSearchBy .list a { font-size: 12px; font-weight: 400; color: #B77D1B; display: inline-block; }

@media all and (min-width: 961px) { .listSearchBy .list a:hover { opacity: 0.5; text-decoration: underline; } }

@media all and (max-width: 960px) { .listSearchBy .list a { font-size: 16px; } }

@media all and (max-width: 960px) { .listSearchBy .cate { border-bottom: 1px solid #707070; padding-bottom: 20px; } }

.listSearchBy .cate a { margin-right: 15px; }

@media all and (max-width: 960px) { .listSearchBy .cate a { margin-bottom: 10px; } }

.listSearchBy .cate a:last-child { margin-right: 0; }

.listSearchBy .tags a { margin-right: 5px; }

@media all and (max-width: 960px) { .listSearchBy .tags a { margin-bottom: 10px; } }

.listSearchBy .tags a:last-child { margin-right: 0; }

.secCases { padding-bottom: 150px; }

@media all and (max-width: 960px) { .secCases { padding-bottom: 100px; }
  .secCases .grid-3 { grid-template-columns: repeat(1, 1fr); }
  .secCases .listCate { display: none; } }

.secCases .listSearchBy.listCate { margin-bottom: 0; margin-top: 15px; }

.secCases .listSearchBy.listCate .name { font-size: 12px; color: #B77D1B; min-width: inherit; border-color: #B77D1B; padding: 0; display: inline-block; margin-right: 10px; }

@media all and (min-width: 961px) { .secCases .listSearchBy.listCate .name:hover { opacity: .5; text-decoration: underline; } }

.secCases .listCase { margin-top: 30px; }

@media all and (min-width: 961px) { .secCases .listCase .item { margin-bottom: 40px; } }

.secCases .listCase .item .name { padding-right: 0; border-right: 0; }

.secCases .listCase .item .list.tags { border-left: 1px solid #B77D1B; padding-left: 10px; }

.secCases .listCase .img { width: 100%; aspect-ratio: 3/2; 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; background: #fff; }

@media all and (min-width: 961px) { .secCases .listCase .img:hover { opacity: .5; }
  .secCases .listCase .img:hover img { opacity: 1; } }

.secCases .listCase .img img { object-fit: cover; width: 100%; height: 100%; }

.secCases .listCase .img.noThumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.secCases .listCase .txtlimit { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.secCases .listCase .txtlimit p { font-weight: 400; }

.secCases .listCase .desc a { font-size: 21px; font-weight: bold; display: inline-block; margin: 15px 0; }

@media all and (min-width: 961px) { .secCases .listCase .desc a:hover { opacity: .5; text-decoration: underline; }
  .secCases .listCase .desc a:hover img { opacity: 1; } }

.listStaff { margin-top: 20px; }

@media all and (max-width: 960px) { .listStaff { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } }

.listStaff .img { aspect-ratio: 1/1; }

.listStaff .name { text-align: center; font-size: 30px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-weight: 600; line-height: 1.5; margin-top: 15px; }

@media all and (max-width: 960px) { .listStaff .name { margin-top: 10px; } }

.listStaff .name small { font-size: 11px; display: block; }

.listStaff .note { font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-size: 13px; text-align: center; margin: 15px 0; }

@media all and (max-width: 960px) { .listStaff .note { margin: 10px 0 0; } }

.btnblog { margin-top: 50px; text-align: center; }

.btnblog 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; background: url(../images/bgbrn-blog.png) no-repeat center center; background-size: cover; border-radius: 12px; max-width: 490px; margin: 0 auto; color: #fff; padding: 25px 40px; }

@media all and (max-width: 960px) { .btnblog a { padding: 20px 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 360px; } }

.btnblog a span { font-size: 60px; font-family: "din-2014-narrow",sans-serif; }

@media all and (max-width: 960px) { .btnblog a span { font-size: 32px; } }

.btnblog a small { font-size: 21px; font-weight: bold; margin-left: 15px; }

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

.content-staff .secStore { margin-top: 100px; padding-bottom: 150px; }

@media all and (max-width: 960px) { .content-staff .secStore { padding-bottom: 100px; margin-top: 80px; }
  .content-staff .secStore .clgreen { display: inline-block; margin-top: 15px; } }

.content-shop { padding-bottom: 150px; }

@media all and (max-width: 960px) { .content-shop { padding-bottom: 100px; } }

.content-shop .tit { font-size: 21px; font-weight: bold; border-bottom: 1px solid #707070; padding-bottom: 10px; margin-bottom: 20px; }

.content-shop .shop { margin-bottom: 40px; }

@media all and (min-width: 961px) { .content-shop .shop { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px; } }

.content-shop .shop.shop2 { margin-bottom: 0; }

@media all and (max-width: 960px) { .content-shop .shop { margin-bottom: 70px; } }

@media all and (min-width: 961px) { .content-shop .shop a:hover { text-decoration: underline; opacity: .5; } }

.content-shop .info p { margin-bottom: 20px; }

@media all and (max-width: 960px) { .content-shop .map { margin-bottom: 30px; } }

.content-shop .map a { font-size: 12px; display: inline-block; margin-top: 10px; }

@media all and (max-width: 960px) { .content-shop .map a { font-size: 16px; } }

.content-shop .frame { overflow: hidden; margin-bottom: 3px; overflow: hidden; aspect-ratio: 1.5; }

.content-shop .frame img { object-fit: cover; width: 100%; height: 100%; }

.content-shop .frame frame { width: 100%; }

@media all and (min-width: 961px) { .content-shop .btnblog a { max-width: 360px; padding: 20px 30px; }
  .content-shop .btnblog a span { font-size: 43px; }
  .content-shop .btnblog a small { font-size: 14px; } }

.content-shop .btngreen { padding: 50px 0; border-top: 1px dotted #000; border-bottom: 1px dotted #000; margin-top: 100px; }

@media all and (max-width: 960px) { .content-shop .btngreen { border: none; padding: 0; margin-top: 60px; } }

.content-shop .brnaccept { border-radius: 12px; color: #fff; 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; width: 100%; height: 130px; padding: 18px 40px; max-width: 490px; margin: 0 auto; }

@media all and (max-width: 960px) { .content-shop .brnaccept { padding: 10px 65px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 82px; max-width: 360px; } }

.content-shop .brnaccept .ico { 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) { .content-shop .brnaccept .ico { -webkit-box-flex: 0; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; } }

.content-shop .brnaccept .ico img { height: 64px; }

@media all and (max-width: 960px) { .content-shop .brnaccept .ico img { height: 48px; } }

.content-shop .brnaccept .txt { 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) { .content-shop .brnaccept .txt { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } }

.content-shop .brnaccept .txt .tit { font-size: 30px; font-weight: bold; margin: 0; border-bottom: 0; padding-bottom: 0; margin-left: 15px; margin-right: 10px; }

@media all and (max-width: 960px) { .content-shop .brnaccept .txt .tit { margin: 0; font-size: 24px; } }

.content-shop .brnaccept .txt small { font-size: 12px; font-weight: bold; }

@media all and (max-width: 960px) { .content-shop .brnaccept .txt small { margin-left: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

@media all and (min-width: 961px) { .content-shop .brnaccept:hover { opacity: 0.5; }
  .content-shop .brnaccept:hover img { opacity: 1; } }

.content-shop .brnaccept.bggreen { background: #84A810 url(../images/bgbrn1.png) no-repeat center center; background-size: cover; }

.content-assessment .secSteppur { padding-top: 0; }

@media all and (max-width: 960px) { .content-assessment .secSteppur { padding-bottom: 120px; } }

.content-assessment .secSteppur .titthird { margin-top: 80px; border-style: dotted; }

@media all and (min-width: 961px) { .content-assessment .secSteppur .titthird h2, .content-assessment .secSteppur .titthird h3 { font-size: 30px; font-weight: 600; } }

@media all and (max-width: 960px) { .content-assessment .secSteppur .titthird h2, .content-assessment .secSteppur .titthird h3 { text-align: left; }
  .content-assessment .secSteppur .titthird-first { margin-top: 60px; } }

.content-assessment .secSteppur .item .ico { background-image: url(../images/union3.svg); }

@media all and (max-width: 960px) { .content-assessment .secSteppur .item p:not(.tit) { font-size: 14px; } }

@media all and (min-width: 961px) { .content-assessment .listStep { margin-top: 70px; } }

.content-assessment .purchase { margin-top: 70px; }

.content-assessment .purchase .tit { 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; font-size: 39px; font-weight: 300; color: #00B678; line-height: 1.2; margin-top: 70px; }

@media all and (max-width: 960px) { .content-assessment .purchase .tit { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } }

.content-assessment .purchase .tit small { font-size: 17px; font-weight: 500; margin-left: 15px; margin-top: 10px; }

@media all and (max-width: 960px) { .content-assessment .purchase .tit small { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; } }

.content-assessment .purchase .img { margin: 0 auto; margin-top: 15px; max-width: 604px; }

@media all and (min-width: 961px) { .content-assessment .purchase .img.img2 { max-width: 754px; position: relative; right: -75px; margin-top: -60px; } }

@media all and (max-width: 960px) { .content-assessment .purchase .img { width: 90%; } }

.content-assessment .table { margin-top: 80px; }

@media all and (max-width: 960px) { .content-assessment .table { margin-top: 20px; } }

.content-assessment table { margin: 0 auto; width: 695px; table-layout: auto; }

.content-assessment table th, .content-assessment table td { border: 1px solid #03C8C1; font-size: 17px; font-weight: 500; padding: 10px 30px; text-align: left; }

.content-assessment table th { background: #00B8B2; color: #fff; width: 37%; }

.content-assessment table th:first-child { width: 180px; }

.content-assessment .titline { text-align: center; margin-top: 50px; }

@media all and (max-width: 960px) { .content-assessment .titline { text-align: left; margin-top: 60px; } }

.content-assessment .titline h4 { display: inline-block; font-size: 29px; color: #0068B6; border-bottom: 3px solid #0068B6; font-weight: 500; }

@media all and (max-width: 960px) { .content-assessment .titline h4 { font-size: 20px; display: block; padding-bottom: 5px; } }

.content-assessment .difference { margin-top: 50px; }

.content-assessment .difference .it { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; text-align: center; }

@media all and (max-width: 960px) { .content-assessment .difference .it { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .content-assessment .difference .it:last-child { margin-top: 60px; } }

.content-assessment .difference .tit { font-size: 24px; font-weight: 500; color: #0068B6; margin: 10px 0 15px; }

.content-assessment .risks { margin-bottom: 150px; }

@media all and (max-width: 960px) { .content-assessment .risks { margin-bottom: 100px; } }

.content-assessment .risks dl { margin-top: 50px; }

@media all and (max-width: 960px) { .content-assessment .risks dl { margin-top: 35px; } }

.content-assessment .risks dt { font-size: 21px; margin-bottom: 10px; }

.content-assessment .risks dt h4 { font-weight: 500; }

@media all and (max-width: 960px) { .content-assessment .risks dt { font-size: 20px; } }

.content-assessment .risks dd { font-size: 14px; }

@media all and (max-width: 960px) { .content-assessment .risks dd { font-size: 17px; } }

.content-assessment .iconav { display: none; }

@media all and (max-width: 700px) { .content-assessment .iconav { display: block; margin-top: -18px; text-align: right; position: relative; z-index: 2; }
  .content-assessment .iconav span:first-child { margin-right: 20px; } }

/* prettier-ignore */
.pagination { margin-top: 120px; 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) { .pagination { margin-top: 90px; } }

.pagination a { font-size: 17px; font-weight: bold; color: #083A60; line-height: 20px; display: block; margin: 0 7px; }

@media all and (min-width: 961px) { .pagination a:hover { opacity: .5; color: #00B8B2; text-decoration: underline; } }

.pagination a.next { background: url(../images/arr-next.svg) no-repeat top 2px center; background-size: 10px; width: 12px; height: 20px; margin-left: 20px; }

@media all and (min-width: 961px) { .pagination a.next:hover { text-decoration: none; } }

@media all and (max-width: 960px) { .pagination a.next { margin-left: 10px; } }

.pagination a.prev { background: url(../images/arr-prev.svg) no-repeat top 2px center; background-size: 10px; width: 12px; height: 20px; margin-right: 20px; }

@media all and (min-width: 961px) { .pagination a.prev:hover { text-decoration: none; } }

@media all and (max-width: 960px) { .pagination a.prev { margin-right: 10px; } }

.pagination span { font-size: 17px; font-weight: bold; line-height: 20px; display: block; margin: 0 7px; }

.pagination span.current { color: #00B8B2; text-decoration: underline; }

/* prettier-ignore */
.pager { 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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 100px 0; }

@media all and (max-width: 960px) { .pager { margin: 80px 0; } }

.pager .backlist { margin: 0 35px; }

.pager .txt { font-size: 17px; font-weight: bold; margin-top: 3px; -webkit-transition: all .3s; transition: all .3s; }

.pager .txt a { color: #083A60; }

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

.pager .txt.prev { background: url(../images/arr-prev.svg) no-repeat top 5px left; background-size: 10px; padding-left: 20px; min-width: 65px; }

.pager .txt.next { background: url(../images/arr-next.svg) no-repeat top 5px right; background-size: 10px; padding-right: 20px; min-width: 65px; }

.secSingle { padding-bottom: 50px; }

.secSingle .listSearchBy:not(.listCate) { margin-top: 100px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 960px) { .secSingle .listSearchBy:not(.listCate) { margin-top: 0; } }

.secSingle .listSearchBy:not(.listCate) .name { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; border-right: 0; margin: 0; margin-bottom: 20px; }

@media all and (min-width: 961px) { .secSingle .listSearchBy:not(.listCate) .name { text-align: center; padding: 15px 0; border-bottom: 1px solid #707070; } }

.secSingle .listSearchBy:not(.listCate) .list { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media all and (min-width: 961px) { .secSingle .listSearchBy:not(.listCate) .list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.secSingle .title { border-bottom: 4px solid #083A60; padding-bottom: 15px; margin-bottom: 20px; }

@media all and (max-width: 960px) { .secSingle .title { padding-bottom: 25px; margin-bottom: 30px; } }

.secSingle .title h1 { font-size: 27px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-weight: bold; color: #083A60; }

.secSingle .listCate { margin: 0; }

.secSingle .listCate .name { font-size: 12px; color: #B77D1B; min-width: inherit; border-color: #B77D1B; padding: 0; display: inline-block; margin-right: 10px; padding-right: 0; border-right: 0; }

.secSingle .listCate .list { border-left: 1px solid #B77D1B; padding-left: 10px; }

@media all and (max-width: 960px) { .secSingle .listCate { 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; }
  .secSingle .listCate .name { margin-bottom: 0; }
  .secSingle .listCate .list a { font-size: 12px; } }

.secSingle .feature { aspect-ratio: 26/17; max-width: 650px; margin: 0 auto; margin-top: 70px; margin-bottom: 55px; border-radius: 5px; overflow: hidden; }

@media all and (max-width: 960px) { .secSingle .feature { margin: 40px auto; } }

.secSingle .feature img { width: 100%; height: 100%; object-fit: cover; }

.wpcontent { margin-top: 55px; }

.wpcontent .wp-block-gallery { margin: 40px auto; }

@media all and (max-width: 960px) { .wpcontent .wp-block-gallery { margin: 30px auto; } }

.wpcontent .wp-block-embed { margin: 40px auto; max-width: 880px; }

@media all and (max-width: 960px) { .wpcontent .wp-block-embed { margin: 30px auto; } }

.wpcontent .wp-block-embed .wp-block-embed__wrapper { aspect-ratio: 16/9; overflow: hidden; }

.wpcontent .wp-block-embed .wp-block-embed__wrapper iframe { width: 100%; height: 100%; }

.wpcontent h2, .wpcontent h3 { margin-bottom: 30px; font-family: "Noto Serif JP", serif; font-style: normal; font-weight: normal; font-weight: 600; }

.wpcontent h2 { font-size: 30px; }

.wpcontent h3 { font-size: 22px; margin-top: 50px; }

@media all and (max-width: 960px) { .wpcontent h3 { margin-top: 40px; } }

.wpcontent p { margin-bottom: 1em; font-weight: 400; }

.wpcontent p:last-child { margin-bottom: 0; }

.sliderCase .item .img { width: 100%; aspect-ratio: 3/2; 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; background: #fff; }

.sliderCase .item .img img { object-fit: cover; width: 100%; height: 100%; }

.sliderCase .item .img.noThumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.sliderCase .item .listSearchBy { display: none; }

.sliderCase .item .txtlimit { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.sliderCase .item p { color: #fff; }

.secContact { padding-bottom: 100px; }

.secContact .process { margin-bottom: 100px; }

@media all and (max-width: 768px) { .secContact .process { margin-bottom: 50px; } }

.secContact .process ul { 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; max-width: 630px; margin: 0 auto; }

.secContact .process li { font-size: 20px; font-weight: 400; background: #EAF5FC; border-radius: 3px; color: #0068B6; text-align: center; min-width: 195px; padding: 13px 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; margin: 0 2%; position: relative; }

.secContact .process li::after { position: absolute; content: ''; background: url(../images/arr3.svg) no-repeat right center; background-size: 20px; width: 20px; height: 20px; right: -10px; top: 50%; margin-top: -10px; }

.secContact .process li:last-child::after { background: none !important; }

@media all and (max-width: 960px) { .secContact .process li { min-width: inherit; font-size: 16px; padding: 5px; } }

.secContact .process li.active { background: #00B8B2; color: #fff; }

.secContact .process li.active::after { background-image: url(../images/arr2.svg); background-size: 20px; }

.secContact .backlink { background: none; outline: none; border: none; font-size: 14px; color: #B77D1B; text-decoration: underline; margin-top: 20px; cursor: pointer; }

.secContact .backlink a { color: #B77D1B; }

@media all and (min-width: 961px) { .secContact .backlink:hover { opacity: .5; text-decoration: none; } }

.secContact .desc .titComplete { font-size: 19px; font-weight: 500; padding-bottom: 15px; margin-bottom: 60px; text-align: center; border-bottom: 2px solid #000; }

@media all and (max-width: 960px) { .secContact .desc .titComplete { font-size: 20px; margin-bottom: 20px; } }

.secContact .desc .txttel { margin: 20px 0; }

@media all and (max-width: 960px) { .secContact .desc .txttel { margin: 15px 0; } }

.secContact .desc p.tel { font-size: 20px; }

@media all and (max-width: 960px) { .secContact .desc p.tel { font-size: 18px; } }

.secContact .desc p.tel a { font-weight: 500; }

@media all and (max-width: 960px) { .secContact .desc p:not(.tel) { font-size: 16px; } }

.secContact .desc .backlink { margin-top: 50px; }

.form_block { max-width: 880px; margin: 0 auto; }

.form_block .tit { font-size: 19px; font-weight: 500; padding-bottom: 15px; margin-bottom: 15px; }

@media all and (max-width: 768px) { .form_block .tit { font-size: 20px; } }

.form_block .tit-confirm { display: none; }

.form_block .line2 { border-bottom: 2px solid #000; }

.form_block .line1 { border-bottom: 1px dotted #000; }

.form_block p { font-weight: 400; }

@media all and (max-width: 768px) { .form_block p { font-size: 16px; } }

.form_block p.note { color: #B77D1B; margin-top: 35px; margin-bottom: 20px; }

.form_block span.require { color: #B77D1B; font-size: 14px; position: relative; top: -5px; }

.form_block 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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 45px 0; }

@media all and (max-width: 768px) { .form_block dl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.form_block dl dt { font-size: 19px; -webkit-box-flex: 0; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; }

@media all and (max-width: 768px) { .form_block dl dt { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; } }

.form_block dl dt span { margin-left: 15px; }

.form_block dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

@media all and (max-width: 768px) { .form_block dl dd { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.form_block input[type='email'], .form_block input[type='text'], .form_block input[type='text'], .form_block textarea { border: 1px solid #0068B6; border-radius: 3px; padding: 8px 10px; outline: none; }

.form_block input[type='email']::-webkit-input-placeholder, .form_block input[type='text']::-webkit-input-placeholder, .form_block input[type='text']::-webkit-input-placeholder, .form_block textarea::-webkit-input-placeholder { color: #848484; }

.form_block input[type='email']::-moz-placeholder, .form_block input[type='text']::-moz-placeholder, .form_block input[type='text']::-moz-placeholder, .form_block textarea::-moz-placeholder { color: #848484; }

.form_block input[type='email']:-ms-input-placeholder, .form_block input[type='text']:-ms-input-placeholder, .form_block input[type='text']:-ms-input-placeholder, .form_block textarea:-ms-input-placeholder { color: #848484; }

.form_block input[type='email']::-ms-input-placeholder, .form_block input[type='text']::-ms-input-placeholder, .form_block input[type='text']::-ms-input-placeholder, .form_block textarea::-ms-input-placeholder { color: #848484; }

.form_block input[type='email']::placeholder, .form_block input[type='text']::placeholder, .form_block input[type='text']::placeholder, .form_block textarea::placeholder { color: #848484; }

@media all and (max-width: 768px) { .form_block input[type='email'], .form_block input[type='text'], .form_block input[type='text'], .form_block textarea { font-size: 18px; padding: 10px; height: 52px; } }

.form_block input[type='text'], .form_block input[type='tel'] { width: 220px; }

@media all and (max-width: 768px) { .form_block input[type='text'], .form_block input[type='tel'] { width: 100%; } }

.form_block input[type='email'] { width: 360px; }

@media all and (max-width: 768px) { .form_block input[type='email'] { width: 100%; } }

.form_block input[type='radio'] { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); position: relative; top: -1px; }

@media all and (max-width: 768px) { .form_block input[type='radio'] { top: -2px; } }

.form_block textarea { width: 100%; height: 200px; }

@media all and (max-width: 768px) { .form_block textarea { height: 400px; } }

.form_block select { height: 36.5px; width: 220px; border: 1px solid #0068B6; border-radius: 3px; padding: 4px 10px; outline: none; background: url(../images/arr4.svg) no-repeat right 10px center; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; }

@media all and (max-width: 768px) { .form_block select { width: 100%; font-size: 18px; padding: 5px 10px; height: 52px; } }

.form_block select.error { color: #000; }

.form_block .mwform-radio-field.horizontal-item { margin-right: 20px; }

@media all and (max-width: 960px) { .form_block .mwform-radio-field.horizontal-item { margin: 0; }
  .form_block .mwform-radio-field.horizontal-item:nth-child(3), .form_block .mwform-radio-field.horizontal-item:nth-child(4) { margin-top: 20px; } }

.form_block .mwform-radio-field.horizontal-item span { font-size: 14px; }

@media all and (max-width: 960px) { .form_block .mwform-radio-field.horizontal-item span { font-size: 16px; } }

.form_block .inputRadio { 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; position: relative; }

.form_block .inputRadio br { display: none; }

.form_block .inputRadio input.error { display: inline-block; }

@media all and (max-width: 960px) { .form_block .inputRadio { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .form_block .inputRadio span { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .form_block .inputRadio span:nth-child(1) { margin-bottom: 15px; }
  .form_block .inputRadio span.noValue { display: none; } }

.form_block .inputRadio #contentInquiry-error { position: absolute; left: 0; bottom: -22px; }

.form_block .inputCf { position: relative; }

.form_block .inputCf span.error { position: absolute; left: 0; bottom: -22px; }

.form_block .block1 { margin-bottom: 90px; }

@media all and (max-width: 768px) { .form_block .block1 { margin-bottom: 50px; }
  .form_block .block1 dl:first-child { margin-top: 20px; } }

@media all and (min-width: 961px) { .form_block .block1 dl:first-child dd { padding-top: 5px; } }

.form_block .block2 { margin-bottom: 90px; }

@media all and (max-width: 768px) { .form_block .block2 { margin-bottom: 50px; } }

.form_block .block3 { border-bottom: 1px dotted #000; margin-bottom: 70px; }

.form_block .block3 dl { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.mw_wp_form .error { font-weight: 400; }

.mw_wp_form_preview .form_block .tit-input { display: none; }

.mw_wp_form_preview .form_block .tit-confirm { display: block; }

.form_block__submit { text-align: center; }

.form_block__submit input, .form_block__submit button { background: #0068B6 url(../images/arrinput.svg) no-repeat right 25px center; padding-right: 60px; padding-left: 35px; padding-bottom: 3px; border-radius: 3px; text-align: center; color: #fff; height: 56px; border: none; outline: none; font-size: 20px; font-weight: 400; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; min-width: 235px; }

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

.form_block__submit .text_center button.backlink { padding: 0; }

@media all and (min-width: 961px) { .mw_wp_form_input .form_block dl dt { min-height: 36px; 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; } }

.mw_wp_form_input .inputCal { position: relative; }

.mw_wp_form_input .inputCal::after { position: absolute; content: ''; background: url(../images/ico-cal3.svg) no-repeat left center; background-size: 20px; width: 21px; height: 20px; left: 10px; top: 8px; }

@media all and (max-width: 768px) { .mw_wp_form_input .inputCal::after { top: 15px; left: 15px; } }

.mw_wp_form_input .inputCal input { padding-left: 40px; }

.mw_wp_form_confirm h5 + p, .mw_wp_form_confirm p.note { display: none; }

@media all and (max-width: 960px) { .mw_wp_form_confirm .block1 { margin-top: 50px; }
  .mw_wp_form_confirm .form_block .inputCf, .mw_wp_form_confirm .form_block .inputTxt, .mw_wp_form_confirm .form_block .inputTime, .mw_wp_form_confirm .form_block .inputCal { font-size: 17px; padding-left: 20px; }
  .mw_wp_form_confirm .backlink { padding: 0; margin-top: 0; }
  .mw_wp_form_confirm .inputRadio span { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 20px; font-size: 17px; } }

@media all and (min-width: 961px) { body.over_50 .header-menu { top: 220px; } }

@media all and (min-width: 961px) and (max-height: 700px) { body.over_50 .header-menu { top: 150px; } }

@media all and (max-width: 960px) { .page-confitm .secContact, .page-complete .secContact { padding-bottom: 50px; } }

@media all and (max-width: 700px) { #tableScroll { width: 100%; overflow-x: scroll; } }

.main-body { margin-top: 202px; }

@media all and (max-width: 960px) { .main-body { margin-top: 79px; } }