@charset "UTF-8";
/*webフォント読み込み*/
@font-face { /*NotoSansJP-Regular*/
font-family: 'Noto Sans JP'; src: url("../fonts/NotoSansJP-Regular.otf"); src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/NotoSansJP-Regular.woff") format("woff"), url("../fonts/NotoSansJP-Regular.otf") format("truetype"); font-weight: 400; }
@font-face { /*notosansミディアム*/
font-family: 'Noto Sans JP'; src: url("../fonts/NotoSansJP-Medium.otf"); src: url("../fonts/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/NotoSansJP-Medium.woff") format("woff"), url("../fonts/NotoSansJP-Medium.otf") format("truetype"); font-weight: 500; }
@font-face { /*notosansボールド*/
font-family: 'Noto Sans JP'; src: url("../fonts/NotoSansJP-Bold.otf"); src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/NotoSansJP-Bold.woff") format("woff"), url("../fonts/NotoSansJP-Bold.otf") format("truetype"); font-weight: 700; }
@font-face { /*Oswald-Regular*/
font-family: 'osw'; src: url("../fonts/Oswald-Regular.otf"); src: url("../fonts/Oswald-Regular.woff2") format("woff2"), url("../fonts/Oswald-Regular.woff") format("woff"), url("../fonts/Oswald-Regular.otf") format("truetype"); font-weight: 400; }
/* Link
=========================================== */
a:link, a:visited { color: #fff; text-decoration: none; }

a { outline: none; transition: 0.3s; color: #fff; text-decoration: none; }

a img { transition: 0.3s; }

:focus { outline: none; }

/* 共通設定
=========================================== */
body { padding-top: 60px; }

.pc { display: none !important; }

body { overflow: hidden; background: #191919; color: #fff; font-size: 16px; line-height: 1.6; font-family: YakuHanJP,'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-style: normal; font-weight: 500; overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ }

h1, h2, h3, h4, h5, h6 { line-height: 1.5; font-weight: 700; }

body#tinymce { min-width: inherit !important; }

input, select, textarea { font-family: YakuHanJP,'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; color: #141414; }

table { width: 100%; }

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

.no-pc { display: inline-block; text-decoration: none !important; }

.inb { display: inline-block; }

.block { display: block; }

.wrap { position: relative; }

div#f-trigger { position: absolute; top: 60px; left: 0; opacity: 0; z-index: -5; pointer-events: none; }

.home div#f-trigger { top: 100dvh; }

/*共通見出し設定*/
.titles01 { margin-bottom: 40px; }
.titles01 .en { display: block; font-size: 18px; color: #838383; line-height: 1.4; letter-spacing: 0.025em; text-transform: capitalize; margin-bottom: 24px; }
.titles01 .jp { display: block; font-weight: 700; line-height: 1.25; font-size: 32px; }

.titles02 { margin-bottom: 20px; }
.titles02 .jp { display: block; font-weight: 700; line-height: 1.4; font-size: 16px; margin-bottom: 16px; }
.titles02 .en { display: block; font-size: 64px; line-height: 1.2; letter-spacing: 0.025em; text-transform: capitalize; }

/*共通ボタン設定*/
.btn01 { display: flex; flex-wrap: wrap; }
.btn01 a { display: flex; flex-wrap: wrap; text-decoration: none; width: auto; height: 48px; align-items: center; }
.btn01 a .btn-3d { margin-right: 24px; }
.btn01 a .arrow { width: 48px; height: 48px; overflow: hidden; border: solid 1px #fff; border-radius: 100%; position: relative; display: block; background: url("../img/common/arrow02.svg") no-repeat center; }

div.btn-3d { display: inline-block; position: relative; width: auto; height: 36px; cursor: pointer; transform-style: preserve-3d; transition: 0s; }

span.m-off, span.m-on { position: absolute; width: 100%; height: 100%; line-height: 32px; transform-origin: center center -16px; left: 0; right: 0; }

span.m-off { transform: rotateX(-90deg); top: 0; }

span.m-on { transform: rotateX(0); position: relative; display: block; }

/*グラデーション*/
.gra-bg { display: inline-block; padding: 5px 12px; background: linear-gradient(120deg, #D80000 0%, #D80000 20%, #D85E00 100%); color: #fff; border-radius: 10px; }

.gra-text { background: linear-gradient(180deg, #D80000 0%, #D85E00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

/*スライダー　ふわっ*/
div#mv-slider, div.slider01, div.gallery-main, div.gallery-thumb, div.belt-slider { opacity: 0; transition: opacity .3s linear; }

div#mv-slider.slick-initialized, div.slider01.slick-initialized, div.gallery-main.slick-initialized, div.gallery-thumb.flex.slick-initialized, div.belt-slider.slick-initialized { opacity: 1; }

/*font*/
.en { font-family: 'osw'; font-weight: 400; letter-spacing: 0.025em; text-transform: capitalize; }

.tright { text-align: right; }

.tleft { text-align: left; }

.tcenter { text-align: center; }

.flL { float: left; }

.flR { float: right; }

.bold { font-weight: bold; }

.inb { display: inline-block; }

.block { display: block; }

.red { color: #E30606; }

.blue { color: #0CC0DF; }

.blue02 { color: #0093D6; }

.yellow { color: #FFD400; }

.orange { color: #EE5A35; }

.green { color: #74BA26; }

.d-green { color: #005E4B; }

.green02 { color: #01A9AE; }

.navy { color: #374b8e; }

.pink { color: #ff7373; }

.gray { color: #818181; }

/*header
---------------------------------------------------------------*/
div#header { width: 100%; position: fixed; z-index: 200; height: 60px; box-sizing: border-box; padding: 10px 5.33vw 0 10px; left: 0; top: 0; }
div#header .logo { width: 152px; }
div#header .logo img { display: block; }

a.blank { display: inline-block; padding-right: 20px; background: url("../img/common/ico-blank.svg") no-repeat right center; background-size: 14px; }

div#gnav { display: none; }

div.head-btn { display: none; }

.head-center { display: none; }

.fixed div#header { background: rgba(25, 25, 25, 0.4); }

/* nav
=========================================== */
html.huopen { overflow: hidden; }

.sp-nav-btn { width: 40px; height: 40px; position: fixed; top: 10px; right: 5.33vw; z-index: 202; box-sizing: content-box; }

.sp-nav-btn span.bar01 { content: ""; width: 36px; height: 1px; position: absolute; top: 12px; right: 2px; transition: 0.3s; }

.sp-nav-btn span.bar03 { content: ""; width: 36px; height: 1px; position: absolute; top: 28px; right: 2px; transition: 0.3s; }

.sp-nav-btn span.bar02 { position: absolute; width: 36px; height: 1px; top: 20px; right: 2px; transition: 0.3s; }

.sp-nav-btn > span { overflow: hidden; }

.sp-nav-btn > span > span { width: 100%; height: 2px; background: #FFFFFF; display: block; position: absolute; left: 0; top: 0; border-radius: 4px; }

.sp-nav-btn.opon span.bar02 { opacity: 0; }

.sp-nav-btn.opon span.bar01 { box-shadow: none; transform: rotateZ(45deg); top: 19px; }

.sp-nav-btn.opon span.bar03 { transform: rotateZ(-45deg); top: 19px; }

.overlay-nav { display: none; }

.overlay-nav.opon { z-index: 15; opacity: 1; }

div.navs-list-wrap { position: fixed; width: 100%; height: 100%; z-index: 199; top: 0; box-sizing: border-box; background: #191919; right: calc(-100% - 60px); transition: 0.3s; padding: 90px 5.33vw 45px; }

div.navs-list-wrap.opon { right: 0; }

div.navs-list-wrap span.dr-arrow img { display: none; }

ul.navs-list { height: calc(100dvh - 145px); overflow: auto; box-sizing: border-box; padding: 0 0 95px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.navs-list > li:first-child { margin-top: 0; }

.navs-list > li { width: 100%; margin-top: 30px; }
.navs-list > li a { font-weight: 700; }

li.snav-contact { margin-top: 50px; text-align: center; }
li.snav-contact .btn01.ct-btn { max-width: none; }

span.dr-ico { width: 12px; height: 12px; position: absolute; right: 0; top: 7px; transition: 0.3s; }

span.dr-ico:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; top: calc(50% - 1px); background: #fff; transition: 0.3s; }

span.dr-ico:after { content: ""; width: 1px; height: 100%; position: absolute; left: calc(50%); top: 0; background: #fff; }

.dr-tit { position: relative; display: inline-block; padding-right: 20px; }

.dr-tit.on span.dr-ico { transform: rotateZ(90deg); }
.dr-tit.on span.dr-ico:before { opacity: 0; }

.navs-list ul.nav-sub:first-child { box-sizing: border-box; margin-top: 15px; background: #1C1C1C; padding: 20px; }
.navs-list ul.nav-sub:first-child > li a { padding-left: 0; }
.navs-list ul.nav-sub:first-child > li a:before { content: none; }

/* contents */
/*-------------------------------------------*/
.bg-blue { background: #F5F9FF; }

/*パンくず
---------------------------------------------------------------*/
div#bread { z-index: 2; position: relative; padding: 16px 5.33vw 0; }

#bread ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }

#bread ul li { display: flex; flex-wrap: wrap; align-items: center; font-size: 12px; font-weight: 500; vertical-align: middle; }

ul.bread-list li a { font-size: 12px; }
ul.bread-list li a img { display: block; vertical-align: middle; }

ul.bread-list li:after { content: "＞"; display: inline-block; position: relative; vertical-align: middle; margin: 0 4px; }

ul.bread-list li:last-child:after { content: none; }

/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv { position: relative; z-index: 3; letter-spacing: 0; }

/* footer */
/*-------------------------------------------*/
aside#aside01 { padding: 120px 5.33vw; background: url("../img/common/aside-bg-sp.jpg") no-repeat center bottom; background-size: cover; }
aside#aside01 h2.titles02 { text-align: center; margin-bottom: 40px; }

.btn01.ct-btn { max-width: 280px; width: 100%; height: 56px; display: table; margin: 0 auto; }
.btn01.ct-btn a { text-decoration: none; border-radius: 50px; background: url("../img/common/c-btn-bg.png") no-repeat center; background-size: cover; display: table-cell; text-align: center; vertical-align: middle; position: relative; }
.btn01.ct-btn a .text { position: relative; z-index: 3; display: block; }
.btn01.ct-btn a:before { content: ""; position: absolute; left: 0; top: 0; border-radius: 50px; width: 100%; height: 100%; background: url("../img/common/c-btn-bg-h.png") no-repeat center; z-index: 2; transition: 0.3s; opacity: 0; }

.contact-list.flex { justify-content: space-between; }
.contact-list.flex div.box { text-align: center; box-sizing: border-box; width: 100%; background: rgba(0, 0, 0, 0.64); padding: 40px 20px 48px; }
.contact-list.flex div.box.box02 { margin-top: 8px; }
.contact-list.flex div.box.box02 h3.ct-tit { background-image: url("../img/common/ico-mail01.svg"); }

h3.ct-tit { line-height: 1; padding-top: 72px; font-weight: 700; font-size: 20px; text-align: center; margin-bottom: 16px; background: url("../img/common/ico-tel01.svg") no-repeat center top; }

div#footer { padding-bottom: 55px; }

div#ftBox01 { padding: 80px 5.33vw; }

h2.ft-logo { width: 220px; margin: 0 auto 40px; }

.co-btn { width: 100%; }
.co-btn a { text-decoration: none; border: solid 1px rgba(255, 255, 255, 0.08); padding: 23px; align-items: flex-start; justify-content: space-between; box-sizing: border-box; }
.co-btn a .ico { width: 56px; }
.co-btn a .cont { line-height: 1.4; width: calc(100% - 72px); }
.co-btn a .cont .tit { font-weight: 700; font-size: 20px; display: inline-block; padding-right: 30px; background: url("../img/common/ico-blank01.svg") no-repeat right top 2px; margin-bottom: 6px; }
.co-btn a .cont .text { font-size: 14px; }

.tel-num a { font-family: 'osw'; font-size: 40px; line-height: 1.4; letter-spacing: 0.025em; }

.ft-inner.flex { display: block; }

div#fnav { display: flex; flex-wrap: wrap; justify-content: space-between; }
div#fnav > div { width: calc(50% - 4px); }
div#fnav div.fnav01 { order: 1; }
div#fnav div.fnav02 { order: 3; margin-top: -26px; }
div#fnav div.fnav03 { order: 2; }

.ft-info { margin-top: 80px; }

.ft-tit { font-weight: 700; font-size: 16px; line-height: 1.4; margin-top: 19px; }
.ft-tit a { display: inline-block; text-decoration: none; padding-bottom: 5px; position: relative; }
.ft-tit > a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #fff; transform-origin: right; transform: scaleX(0); transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1); }

.ft-tit:first-child { margin-top: 0; }

div#fnav ul.nav-sub { margin-top: 19px; }

.ft-bottom.flex { display: block; line-height: 1.4; font-size: 14px; margin-top: 40px; }

ul.pp-list { display: flex; flex-wrap: wrap; justify-content: center; }
ul.pp-list > li { margin-right: 25px; }
ul.pp-list > li:last-child { margin-left: 0; }

.copyright { width: 100%; text-align: center; margin-top: 8px; }

ul.nav-sub { margin-top: 19px; }
ul.nav-sub > li { line-height: 24px; margin-bottom: 20px; }
ul.nav-sub > li a { display: block; padding-left: 26px; font-weight: 500; position: relative; color: #fff !important; font-size: 16px; padding-bottom: 5px; text-decoration: none; }
ul.nav-sub > li a:before { content: "ー"; position: absolute; left: 0; top: 0; }
ul.nav-sub > li > a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #fff; transform-origin: right; transform: scaleX(0); transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1); }
ul.nav-sub > li:last-child { margin-bottom: 0; }

ul.nav-sub:first-child { margin-top: 0; }

div#scr01 { position: fixed; left: 0; bottom: 0; z-index: -1; opacity: 0; pointer-events: none; display: flex; flex-wrap: wrap; width: 100%; }
div#scr01 > div { height: 46px; display: table; }
div#scr01 > div a { display: table-cell; text-align: left; vertical-align: middle; padding: 0 30px 0 12px; text-decoration: none; font-weight: 700; font-size: 15px; background: url("../img/common/arrow01.svg") no-repeat center right 12px; }
div#scr01 .scr-btn01 { background: url("../img/common/c-btn-bg.png") no-repeat center; background-size: cover; width: 47%; }
div#scr01 .scr-btn02 { background: #191919; width: 53%; }

.fixed div#scr01 { z-index: 190; opacity: 1; pointer-events: auto; box-shadow: 0 0 3px rgba(255, 255, 255, 0.4); }

/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link { position: absolute; left: 0; top: 0; opacity: 0; z-index: -20; }

div#page-top { position: absolute; right: 5.33vw; top: -25px; opacity: 0; z-index: -3; transition: opacity 0.3s; width: 50px; }

div#page-top a { display: block; width: 50px; height: 50px; border-radius: 100%; text-align: center; box-sizing: border-box; line-height: 1; font-size: 15px; font-weight: 700; text-decoration: none; position: relative; }

.fixed div#page-top { opacity: 1; z-index: 6; }

div#scr { position: fixed; z-index: 110; left: 0; bottom: 0; width: 100%; display: flex; flex-wrap: wrap; }
div#scr > div { width: 50%; height: 60px; box-sizing: border-box; padding: 0; }
div#scr > div.btn01 { border-radius: 0; background: #2F719D; box-shadow: none; }
div#scr > div.btn01 a { border-radius: 0; font-weight: 500; }
div#scr > div.btn01 a > span:first-child { display: inline-block; padding-left: 35px; background: url("../img/common/scr-ico01.svg") no-repeat left center; background-size: 24px; padding-top: 5px; padding-bottom: 5px; }
div#scr > div.btn01.rec-btn { background: #589FCE; }
div#scr > div.btn01.rec-btn a > span:first-child { background-image: url("../img/common/scr-ico02.svg"); }

/* iOSでのデフォルトスタイルをリセット */
input[type="password"], textarea, input[type="text"], input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; box-sizing: border-box; cursor: pointer; }

input[type="password"]::-webkit-search-decoration, textarea::-webkit-search-decoration, select::-webkit-search-decoration, input[type="text"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="password"]::focus, textarea::focus, select::focus, input[type="text"]::focus, input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

select { color: #222; padding: 5px; box-sizing: border-box; }

/* TOP
------------------------------------------*/
body.home { padding-top: 0; }
body.home div#mv { height: -webkit-fill-available; height: 100dvh; width: 100%; background: url("../img/main/mv01-sp.jpg") no-repeat center bottom; background-size: cover; position: relative; }
body.home div#mv .mv-cont { position: absolute; left: 5.33vw; bottom: 15.73vw; z-index: 2; width: 89.34vw; }
body.home div#mv .ov-f-trigger { top: 0; }

.mv-text01 { position: relative; width: 84.26vw; }
.mv-text01 img { max-width: none; width: 100%; }
.mv-text01 .min-img { width: 12.26vw; position: absolute; bottom: -0.3vw; left: 18vw; }
.mv-text01 .min-img img { max-width: none; width: 100%; }
.mv-text01 .min-img .img02 { position: absolute; left: 0; top: 0; }

/*画像白黒切り替わり*/
.min-img.on .img02 { animation: fade01 0.5s ease-out 0.9s 1 forwards; }

.ov-f-trigger { position: absolute; z-index: -2; opacity: 0; pointer-events: none; top: calc(100% + 10vh); width: 100px; height: 1px; }

.ov-f { position: relative; }

.ov-f:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: black; mix-blend-mode: color; }

.ov-f.on:before { animation: fade01 0.5s ease-out 0.2s 1 forwards; }

@keyframes fade01 { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fade02 { 0% { opacity: 0; }
  100% { opacity: 1; } }
div#company-sec .ov-f.on:before { animation: none; transition: 0.3s; }
div#company-sec .img01 { opacity: 0; }
div#company-sec .img02-1 { opacity: 0; }
div#company-sec .img02-2 { opacity: 0; }
div#company-sec .img01.anima { animation: fade02 0.5s ease-out 0.5s 1 forwards; }
div#company-sec .img02-1.anima { animation: fade02 0.5s ease-out 0.8s 1 forwards; }
div#company-sec .img02-2.anima { animation: fade02 0.5s ease-out 1.2s 1 forwards; }

div#company-sec.on .ov-f.on:before { opacity: 0; }

/*画像白黒切り替わり　終わり*/
div#top-news { padding: 30px 5.33vw; border-bottom: solid 1px rgba(255, 255, 255, 0.08); dwidth: 100%; box-sizing: border-box; }
div#top-news .more-btn01 { width: 110px; margin-top: 20px; margin-left: auto; }
div#top-news .more-btn01 a { display: flex; flex-wrap: wrap; align-items: center; border-bottom: solid 1px #fff; text-decoration: none; }
div#top-news .more-btn01 a span.arrow { margin-left: 12px; }
div#top-news .more-btn01 a span.arrow img { display: block; opacity: 1; }

article.top-news-art01 a { align-items: center; position: relative; text-decoration: none; display: block; }
article.top-news-art01 a .t-date { font-size: 14px; margin-bottom: 8px; }
article.top-news-art01 a .t-tit { line-height: 1.25; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ovh { overflow: hidden; }

div#topBox01 .ovh { padding: 80px 5.33vw 120px; position: relative; }

.belt-text01 { font-size: 240px; font-weight: 400; font-family: "osw"; white-space: nowrap; line-height: 1.4; letter-spacing: 0.025em; color: #fff; width: 5788px; position: absolute; left: 0; top: 675px; opacity: 0.04; }
.belt-text01 > span { padding-right: 100px; display: inline-block; }
.belt-text01 span.text01 { animation: text01 180s -90s linear infinite; }
.belt-text01 span.text02 { animation: text02 180s linear infinite; }

@keyframes text01 { 0% { transform: translateX(100%); }
  to { transform: translateX(-100%); } }
@keyframes text02 { 0% { transform: translateX(0); }
  to { transform: translateX(-200%); } }
.top-cont01-1 { margin-bottom: 120px; position: relative; }
.top-cont01-1 .cont { margin-top: 40px; }
.top-cont01-1 .img { position: relative; height: 73.6vw; }
.top-cont01-1 .btn01 { margin-top: 40px; justify-content: flex-end; }
.top-cont01-1 .img01, .top-cont01-1 .img02, .top-cont01-1 .img03 { position: absolute; }
.top-cont01-1 .img01 { top: 8vw; left: -5.33vw; width: 34.66vw; }
.top-cont01-1 .img02 { top: 0; right: -5.33vw; width: 41.6vw; }
.top-cont01-1 .img03 { bottom: 0; right: 0; width: 50.66vw; }

ul.num-list01 { font-weight: 700; }
ul.num-list01 > li { line-height: 1; margin-bottom: 22px; font-size: 20px; }
ul.num-list01 > li span.num { font-weight: 400; font-family: "osw"; margin-right: 8px; letter-spacing: 0.025em; }
ul.num-list01 > li:last-child { margin-bottom: 0; }

.top-cont01-2 .titles01 { margin-bottom: 15px; }
.top-cont01-2 .cont { margin-top: 40px; }
.top-cont01-2 .cont .text { font-size: 16px; font-weight: 700; line-height: 1.8; }
.top-cont01-2 .cont .btn01 { margin-top: 30px; justify-content: flex-end; }

a.hidden-link { position: absolute; width: 100%; height: 100%; z-index: 10; left: 0; top: 0; }

div#topBox02 { position: relative; overflow: hidden; }
div#topBox02 .bg-img { width: 100%; height: 100%; background: url("../img/top/bg-img01-2-sp.jpg") no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; }
div#topBox02 .wrap { padding: 14vw 5.33vw 18.5vw; z-index: 3; }
div#topBox02 .btn01 { margin: 26.66vw 0 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; }
div#topBox02 .btn01 a { font-size: 4.26vw; }
div#topBox02 .btn01 a .btn-3d { margin-right: 6.4vw; }
div#topBox02 .btn01 a .arrow { background-size: 4.8vw; width: 17.06vw; height: 17.06vw; }
div#topBox02 .copy01 { font-size: 5.33vw; line-height: 1.52; margin-bottom: 4.26vw; }

.l-name > span { display: block; }
.l-name .line01 { font-weight: 700; line-height: 1.6; font-size: 4.26vw; }
.l-name .line02 { font-size: 5.33vw; line-height: 1.4; }

.copy01 { margin-bottom: 30px; font-weight: 700; line-height: 1.52; font-size: 23px; }

section#topBox03:before { content: ""; width: calc(50% + 343px); height: calc(100% - 270px); position: absolute; left: 0; bottom: 0; background: #1C1C1C; }

section#topBox03 { padding: 120px 5.33vw; position: relative; }
section#topBox03 .btn01 { justify-content: flex-end; margin-top: 40px; }
section#topBox03 .wrap { z-index: 2; }
section#topBox03 .titles02 { margin-bottom: 40px; }
section#topBox03 .v-text01 { position: absolute; right: 0; top: -25px; z-index: 2; font-weight: 700; font-size: 16px; width: 75px; height: 160px; }
section#topBox03 .v-text01 > span { width: 19px; display: block; position: absolute; right: 0; top: 0; line-height: 1.1; }
section#topBox03 .v-text01 span.line02 { right: 27px; }
section#topBox03 .v-text01 span.line03 { right: 54px; }
section#topBox03 .v-text01 span.v-kigou { display: inline-block; position: relative; right: -10px; top: -9px; }
section#topBox03 .v-text01 span.dquo01 { display: block; height: 8px; position: relative; left: -4px; }
section#topBox03 .v-text01 span.dquo02 { display: block; height: 8px; position: relative; right: -4px; text-align: right; }

.event-list01.flex.slider01 { padding-bottom: 80px; }
.event-list01.flex.slider01 article.blog-art { margin-right: 5.33vw; width: 89.34vw; }

button.slick-arrow { opacity: 1; z-index: 2; transition: 0s; width: 64px; height: 40px; box-sizing: border-box; transition: 0.3s; top: auto; bottom: 0; transform: translateY(0); border-radius: 100%; border: solid 1px #fff; border-radius: 20px; }

button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center; left: calc(50% - 69px); }

button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center; right: calc(50% - 69px); }

button.slick-arrow:before { content: none; }

button.slick-arrow.slick-disabled { background-color: transparent; }

article.blog-art { width: 340px; }
article.blog-art a { display: block; text-decoration: none; box-sizing: border-box; height: 100%; padding-bottom: 34px; position: relative; }
article.blog-art a .img { position: relative; overflow: hidden; margin-bottom: 15px; }
article.blog-art a .img .in-img { padding-top: 70.58%; transition: 0.3s; }
article.blog-art a .tit { font-size: 18px; font-weight: 700; line-height: 1.4; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; }
article.blog-art a .a-date { border-top: solid 1px rgba(255, 255, 255, 0.08); padding-top: 20px; line-height: 14px; font-size: 14px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; }

section#recruit-sec { overflow: hidden; position: relative; }

div.rec-belts { position: absolute !important; height: 85.3vw; overflow: hidden; left: 0; top: 0; }

.rec-belt { width: 135.2vw; }

.rec-tit { text-align: center; padding: 20.53vw 0; box-sizing: border-box; height: 85.33vw; position: relative; z-index: 5; }
.rec-tit .titles02 { margin-bottom: 6.4vw; }
.rec-tit .titles02 .jp { margin-bottom: 4.26vw; font-size: 5.33vw; }
.rec-tit .titles02 .en { font-size: 17.06vw; }
.rec-tit .u-text01 { line-height: 1.1; font-size: 4.8vw; font-weight: 700; }

.rec-btns.flex { border-top: solid 1px #2b2b2b; }

div.rec-btn { width: 100%; box-sizing: border-box; border-bottom: solid 1px #2b2b2b; }
div.rec-btn a { position: relative; display: block; text-decoration: none; height: 52.26vw; }
div.rec-btn a .ico { position: absolute; z-index: 2; top: 8vw; right: 5.33vw; width: 12.8vw; }
div.rec-btn a .titles01 { margin-bottom: 0; position: absolute; left: 5.33vw; bottom: 8vw; z-index: 2; }
div.rec-btn a .titles01 .en { font-size: 4.8vw; margin-bottom: 2.13vw; }
div.rec-btn a .titles01 .jp { font-size: 7.46vw; }
div.rec-btn a .arrow { width: 17.06vw; height: 17.06vw; overflow: hidden; border: solid 1px transparent; border-radius: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; z-index: 2; right: 0; bottom: 3.6vw; transition: 0.3s; }
div.rec-btn a .arrow img { display: block; opacity: 1; width: 4.8vw; }

div.rec-btn.rec-btn01, div.rec-btn.rec-btn02 { border-right: solid 1px #2b2b2b; }

div.rec-btn.rec-btn04 a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 12.8vw 5.33vw 15.46vw; position: relative; box-sizing: border-box; }
div.rec-btn.rec-btn04 a .en-text.en { position: relative; z-index: 2; font-size: 17.06vw; line-height: 1.4; }
div.rec-btn.rec-btn04 a .arrow { border-color: #fff; position: relative; bottom: auto; right: auto; }
div.rec-btn.rec-btn04 a .over-bg { display: none; }

div#company-sec { padding: 120px 5.33vw 80px; background: #1C1C1C; }
div#company-sec .com-btn.titles02 { margin-top: 80px; }
div#company-sec .com-btn.titles02 a { display: inline-block; text-decoration: none; position: relative; }
div#company-sec .com-btn.titles02 a .arrow { width: 64px; height: 64px; overflow: hidden; border: solid 1px #fff; border-radius: 100%; position: relative; display: block; margin-top: 40px; }
div#company-sec .com-btn.titles02 a .arrow > span { display: block; background: url("../img/common/arrow02.svg") no-repeat center right, url("../img/common/arrow02.svg") no-repeat center left; height: 13px; position: absolute; width: 72px; left: -33px; top: 50%; transform: translateY(-50%); }
div#company-sec .img01 { margin-bottom: 60px; }
div#company-sec .img02 { height: 79.46vw; margin-top: -54px; position: relative; }
div#company-sec .img02 .img02-1 { position: relative; z-index: 2; width: 51.2vw; margin-left: auto; }
div#company-sec .img02 .img02-2 { width: 64.53vw; position: absolute; bottom: 0; left: 0; }

section#news-sec { padding: 80px 5.33vw 120px; }
section#news-sec .wrap .btn01 { position: absolute; right: 0; top: 63px; }

article.top-news-art { margin-bottom: 24px; }
article.top-news-art a { padding-bottom: 24px; position: relative; border-bottom: solid 1px rgba(255, 255, 255, 0.08); display: block; text-decoration: none; box-sizing: border-box; width: 100%; }
article.top-news-art a .infos.flex { margin-bottom: 15px; }
article.top-news-art a .tit { width: 100%; line-height: 1.25; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; }
article.top-news-art a .arrow { width: 18px; height: 14px; overflow: hidden; position: absolute; right: 0; bottom: 24px; display: none; z-index: 2; }
article.top-news-art a .arrow > span { display: block; background: url("../img/common/arrow02.svg") no-repeat center right, url("../img/common/arrow02.svg") no-repeat center left; height: 13px; position: absolute; width: 54px; left: -36px; top: 50%; transform: translateY(-50%); }
article.top-news-art a:before { content: ""; width: 0; height: 1px; background: #fff; transition: 0.6s; position: absolute; left: 0; bottom: -1px; }

article.top-news-art:last-child { margin-bottom: 0; }

.infos.flex { width: calc(100% + 16px); margin-left: -16px; align-items: center; }
.infos.flex > div { margin: 10px 0 0 16px; line-height: 28px; height: 28px; font-size: 14px; }

.cates { padding: 0 16px; color: #fff; background: #262626; border-radius: 40px; }

/*02 ゆうあい防災のビジョン
----------------------------------*/
div#umv.umv01 { position: relative; }
div#umv.umv01 > .wrap { padding: 18.66vw 5.33vw 8vw; }
div#umv.umv01 .mv-img { height: 64vw; margin-left: auto; width: 94.67vw; background: url("../img/p02/mv02-sp.jpg") no-repeat center; background-size: cover; }

.mv-tit .en { font-size: 14.93vw; line-height: 1; margin-bottom: 4vw; display: block; }
.mv-tit .jp { font-size: 4.26vw; font-weight: 700; line-height: 1.4; display: block; }

.mv-copy { font-weight: 700; line-height: 1.6; font-size: 6.4vw; margin-top: 8.53vw; }

div#p02Box01 { padding: 80px 5.33vw 120px; }

section.vision-sec.flex { display: block; margin-bottom: 80px; }
section.vision-sec.flex > .img { margin-top: 30px; }
section.vision-sec.flex > .cont .text { line-height: 1.65; font-weight: 400; }

section.vision-sec.flex:last-child { margin-bottom: 0; }

.num-tit { margin-bottom: 24px; }
.num-tit .num { font-family: 'osw'; font-weight: 400; letter-spacing: 0.025em; font-size: 14px; display: block; }
.num-tit .jp { display: block; font-weight: 700; font-size: 30px; line-height: 1.4; margin-top: 8px; }

.copy02 { margin-bottom: 40px; line-height: 1.6; font-size: 18px; font-weight: 700; }

/*03 メッセージ
----------------------------------*/
.page-message div#umv.umv01 .mv-img { background-image: url("../img/p03/umv-sp.jpg"); }
.page-message .text { line-height: 1.65; font-weight: 400; }

.u-cont > section, .u-cont > div { padding: 120px 5.33vw; }
.u-cont > section:nth-child(2n), .u-cont > div:nth-child(2n) { background: #1C1C1C; }
.u-cont > section:first-child, .u-cont > div:first-child { padding-top: 80px; }

section#p03Box01 > .wrap > .img { margin-top: 30px; }
section#p03Box01 > .wrap > .cont > h2 { line-height: 1.6; margin-bottom: 16px; }

.copy03 { line-height: 1.45; font-size: 24px; font-weight: 700; margin-bottom: 40px; font-weight: 700; }

section#p03Box02 .titles02 { text-align: center; margin-bottom: 60px; }

.case-list01.flex { margin-bottom: 50px; display: block; }
.case-list01.flex > div.box { position: relative; margin-bottom: 60px; border-top: solid 1px rgba(255, 255, 255, 0.4); padding-top: 16px; }
.case-list01.flex > div.box h3.tit { text-align: center; margin-bottom: 20px; font-weight: 700; }
.case-list01.flex > div.box h3.tit > span.small { display: block; line-height: 1.6; margin-bottom: 8px; }
.case-list01.flex > div.box h3.tit > span.big { display: block; line-height: 1.4; font-size: 28px; }
.case-list01.flex > div.box:last-child { margin-bottom: 0; }

.border-tit { border: solid 1px rgba(255, 255, 255, 0.4); height: 80px; width: 100%; box-sizing: border-box; display: table; font-weight: 700; font-size: 20px; }
.border-tit > span { display: table-cell; text-align: center; vertical-align: middle; }

.p03-cont02.flex { margin-top: 24px; display: block; }
.p03-cont02.flex > .img { margin-top: 30px; }
.p03-cont02.flex > .cont > .text { margin-bottom: 24px; }
.p03-cont02.flex > .cont > .text:last-child { margin-bottom: 0; }

.p03-cont03.flex { display: block; }
.p03-cont03.flex .img { margin-top: 30px; }
.p03-cont03.flex .titles02 { text-align: center; margin-bottom: 60px; }

.border-cont { margin-top: 80px; border: solid 1px rgba(255, 255, 255, 0.4); box-sizing: border-box; padding: 30px 19px; }
.border-cont .tit { line-height: 1; font-size: 24px; margin-bottom: 30px; }

/*04 代表紹介
----------------------------------*/
.page-leader div#umv.umv01 > .wrap { padding-top: 10.66vw; }
.page-leader .text { line-height: 1.65; font-weight: 400; }
.page-leader .bg-img { width: 100%; padding-top: 85.1%; background: url("../img/p04/bg-img-sp.jpg") no-repeat center; background-size: cover; }

div#p04Box01 { padding: 0 5.33vw 120px; }
div#p04Box01 .message01 { font-size: 24px; line-height: 1.6; font-weight: 700; margin-bottom: 40px; }

.leaderBox { margin-bottom: 24px; position: relative; }
.leaderBox .nameBox { margin-top: 24px; }
.leaderBox .nameBox > span { display: block; }
.leaderBox .nameBox .line02 { line-height: 1.4; font-size: 32px; }

section#p04Box02 { padding: 120px 5.33vw; }

.p04-cont02.border-cont { margin-top: 0; padding-top: 59px; padding-bottom: 39px; }
.p04-cont02.border-cont > div { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px rgba(255, 255, 255, 0.16); }
.p04-cont02.border-cont > div:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.p04-cont02.border-cont > div:first-child { padding-bottom: 0; border-bottom: none; }
.p04-cont02.border-cont .box01.flex { display: block; }
.p04-cont02.border-cont .box01.flex .titles02 { text-align: center; margin-bottom: 60px; }
.p04-cont02.border-cont .box.in-cont.flex { display: block; }
.p04-cont02.border-cont .box.in-cont.flex .bold { text-decoration: underline; }
.p04-cont02.border-cont .box.in-cont.flex h3.tit { margin-bottom: 24px; font-weight: 700; font-size: 20px; line-height: 1.2; }
.p04-cont02.border-cont .voiceBox { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.p04-cont02.border-cont .voiceBox > .img { width: 60px; }
.p04-cont02.border-cont .voiceBox .textBox { box-sizing: border-box; width: calc(100% - 76px); background: #272727; padding: 16px; line-height: 1.65; font-weight: 400; }
.p04-cont02.border-cont .voiceBox:first-child { margin-top: 0; }
.p04-cont02.border-cont .setBox { margin-bottom: 40px; }
.p04-cont02.border-cont .setBox h4.tit02 { margin-bottom: 10px; }
.p04-cont02.border-cont .setBox .text01 { line-height: 1.65; font-weight: 400; }
.p04-cont02.border-cont .setBox:last-child { margin-bottom: 0; }

ul.dot-list { line-height: 1.4; }
ul.dot-list li { margin-bottom: 8px; position: relative; padding-left: 20px; }
ul.dot-list li:before { content: "・"; position: absolute; left: 0; top: 0; }

.p04-cont02-2.flex { margin-top: 80px; display: block; }
.p04-cont02-2.flex .titles01 { margin-bottom: 40px; }
.p04-cont02-2.flex .titles01 .en { font-size: 18px; color: #838383; margin-bottom: 8px; }
.p04-cont02-2.flex .titles01 .jp { font-size: 28px; }
.p04-cont02-2.flex .text-Box { width: 100%; order: 2; margin-top: 20px; }
.p04-cont02-2.flex .text-Box .tit { margin-bottom: 15px; line-height: 1.4; font-size: 20px; font-weight: 700; }
.p04-cont02-2.flex .text-Box .text02 { line-height: 1.65; font-weight: 400; }
.p04-cont02-2.flex .box02 { margin-left: auto; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.p04-cont02-2.flex .box02 > .img { width: 100%; order: 1; }
.p04-cont02-2.flex .box03 { margin-top: 40px; padding: 19px; box-sizing: border-box; }
.p04-cont02-2.flex .box03 > .bold { margin-bottom: 10px; }
.p04-cont02-2.flex .box03 .text03 { line-height: 1; margin-top: 24px; }
.p04-cont02-2.flex .box03 ul.dot-list { line-height: 1.53; }
.p04-cont02-2.flex .box03 ul.dot-list > li { margin-bottom: 4px; }
.p04-cont02-2.flex .box03 ul.dot-list > li:last-child { margin-bottom: 0; }

.p04-cont02-3 { margin-top: 40px; width: 100%; }
.p04-cont02-3 a { text-decoration: none; padding: 20px 20px 30px; background: #252525; position: relative; box-sizing: border-box; display: block; }
.p04-cont02-3 a .img { width: 26.66vw; margin: 0 auto 20px; }
.p04-cont02-3 a .cont { width: 100%; }
.p04-cont02-3 a .cont .tit { line-height: 1.4; margin-bottom: 16px; font-size: 20px; }
.p04-cont02-3 a .dl-text { font-size: 16px; position: relative; z-index: 2; text-align: right; margin-top: 25px; }
.p04-cont02-3 a .dl-text > span { padding-right: 34px; display: inline-block; background: url("../img/common/download.svg") no-repeat right center; }

.big-btn03 { border-top: solid 1px rgba(255, 255, 255, 0.08); border-bottom: solid 1px rgba(255, 255, 255, 0.08); }

div.big-btn03 a { display: block; background: #1C1C1C; padding: 21.33vw 5.33vw; position: relative; text-decoration: none; }
div.big-btn03 a .titles02 { margin-bottom: 0; margin-bottom: 4.26vw; }
div.big-btn03 a .titles02 .jp { font-size: 4.26vw; margin-bottom: 2.13vw; }
div.big-btn03 a .titles02 .en { font-size: 17.06vw; }
div.big-btn03 a .text01 { font-weight: 700; font-size: 4.8vw; line-height: 1.4; }
div.big-btn03 a .wrap { display: flex; flex-wrap: wrap; align-items: center; position: relative; box-sizing: border-box; z-index: 3; }
div.big-btn03 a .arrow { width: 17.06vw; height: 17.06vw; overflow: hidden; border: solid 1px #fff; border-radius: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; z-index: 2; right: 0; top: 50%; transition: 0.3s; transform: translateY(-50%); }
div.big-btn03 a .arrow img { display: block; opacity: 1; width: 4.26vw; }

/*05 防災イベント企画
----------------------------------*/
.page-event .text { line-height: 1.65; font-weight: 400; }
.page-event div#umv.umv01 .mv-img { background-image: url("../img/p05/umv-sp.jpg"); }

section.event-listBox.flex:first-child { margin-top: 0; }

section.event-listBox.flex { margin-top: 80px; display: block; }
section.event-listBox.flex > .img { margin-top: 30px; }
section.event-listBox.flex > .cont .titles01 { margin-bottom: 30px; }
section.event-listBox.flex > .cont .titles01 .en { margin-bottom: 8px; font-size: 18px; color: #838383; }
section.event-listBox.flex > .cont .titles01 .jp { line-height: 1.4; font-size: 28px; }
section.event-listBox.flex > .cont .titles01 .jp .komoji { display: block; font-size: 16px; line-height: 1; margin-top: 8px; }

section#report-sec .titles02 { text-align: center; margin-bottom: 60px; }
section#report-sec .btn01 { justify-content: flex-end; margin-top: 40px; }

/*06 働く環境と制度を知る
----------------------------------*/
.page-environment div#bread { padding-top: 4.26vw; box-sizing: border-box; min-height: 7.46vw; }
.page-environment .text { line-height: 1.65; font-weight: 400; }
.page-environment div#umv.umv01 .mv-img { background-image: url("../img/p06/umv-sp.jpg"); }

.mv-copy-env { width: 42.66vw; height: 117.33vw; box-sizing: border-box; background: #191919; position: absolute; bottom: -74.66vw; z-index: 3; padding: 6.4vw 4.53vw 0 1px; left: calc(5.33vw - 1px ); }
.mv-copy-env > div { position: relative; }
.mv-copy-env > div > span { display: block; width: 6.93vw; font-size: 6.4vw; font-weight: 700; line-height: 1.1; }
.mv-copy-env > div .line01 { position: absolute; right: 0; top: 0; }
.mv-copy-env > div .line02 { position: absolute; right: 10.39vw; top: 0; margin: 0 auto; }
.mv-copy-env > div .line03 { position: absolute; right: 20.78vw; top: 0; }
.mv-copy-env > div .line04 { position: absolute; left: 0; top: 0; }
.mv-copy-env span.v-kigou { display: block; position: relative; right: -16px; line-height: 1; top: -14px; }

.mv-copy-env-sp { font-size: 28px; font-weight: 700; margin-bottom: 24px; }

.p06-cont01-1 { margin: 0 0 80px auto; }

.copy04 { font-weight: 700; font-size: 20px; line-height: 1.6; margin-bottom: 24px; }

.p06-cont01-2.flex { display: block; }
.p06-cont01-2.flex .img { margin-bottom: 24px; }
.p06-cont01-2.flex .cont .copy04 { margin-bottom: 20px; text-align: center; }

ul.bg-list01 { margin-top: -5px; }
ul.bg-list01 > li { background: #202020; padding: 8px 16px 7px; line-height: 1.4; margin-top: 5px; }

section#p06Box02 .titles02 { margin-bottom: 60px; text-align: center; }
section#p06Box02 .wrap { display: block; }
section#p06Box02 .wrap .imgs { position: relative; height: 98.66vw; margin-top: 60px; }
section#p06Box02 .wrap .imgs .img01 { width: 56vw; }
section#p06Box02 .wrap .imgs .img02 { position: absolute; right: 0; bottom: 0; width: 68.8vw; }
section#p06Box02 ul.dot-list > li { margin-bottom: 12px; }
section#p06Box02 ul.dot-list > li:last-child { margin-bottom: 0; }

.tit-head.flex { display: block; margin-bottom: 60px; }
.tit-head.flex .titles02 { margin-bottom: 60px; text-align: center; }

section#p06Box04 .copy04 { margin-bottom: 24px; text-align: center; font-size: 25px; }

ul.bg-list01.qua-list.flex { margin-top: -5px; }
ul.bg-list01.qua-list.flex > li { background: #191919; padding: 16px 16px 16px 16px; box-sizing: border-box; width: 100%; margin: 5px 0 0 0; }

section#p06Box05 .titles02 { text-align: center; margin-bottom: 60px; }

ul.bg-list01.be-list.flex { margin-top: -5px; }
ul.bg-list01.be-list.flex > li { padding: 16px 24px; box-sizing: border-box; width: 100%; margin: 5px 0 0 0; height: 80px; display: table; font-size: 18px; line-height: 1; font-weight: 700; }
ul.bg-list01.be-list.flex > li > span { display: table-cell; text-align: left; vertical-align: middle; }
ul.bg-list01.be-list.flex > li > span span.komoji { font-size: 14px; display: block; margin-top: 5px; }

.planTBL > div.box { border-top: solid 1px rgba(255, 255, 255, 0.16); border-right: solid 1px rgba(255, 255, 255, 0.16); }
.planTBL > div.box div.line02:before { content: "入社時"; box-sizing: border-box; width: calc(100% + 48px); height: 58px; border-bottom: solid 1px rgba(255, 255, 255, 0.16); line-height: 57px; text-align: center; display: block; margin: 0 -24px 16px -24px; }
.planTBL > div.box div.line03:before { content: "3年目"; box-sizing: border-box; width: calc(100% + 48px); height: 58px; border-bottom: solid 1px rgba(255, 255, 255, 0.16); line-height: 57px; text-align: center; display: block; margin: 0 -24px 16px -24px; }
.planTBL > div.box div.line04:before { content: "10年目"; box-sizing: border-box; width: calc(100% + 48px); height: 58px; border-bottom: solid 1px rgba(255, 255, 255, 0.16); line-height: 57px; text-align: center; display: block; margin: 0 -24px 16px -24px; }
.planTBL > div.box { position: relative; }
.planTBL > div.box > div { position: relative; box-sizing: border-box; border-left: solid 1px rgba(255, 255, 255, 0.16); border-bottom: solid 1px rgba(255, 255, 255, 0.16); display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 16px 24px; }
.planTBL > div.box > div .en { font-size: 24px; line-height: 1.2; }
.planTBL > div.box div.line01 { width: 100%; background: #202020; }
.planTBL > div.box div.line02 { width: 34%; justify-content: flex-end; padding-top: 0; }
.planTBL > div.box div.line03 { width: 33%; justify-content: flex-end; padding-top: 0; }
.planTBL > div.box div.line04 { width: 33%; justify-content: flex-end; padding-top: 0; }
.planTBL > div.box div.line05 { width: 100%; line-height: 1.4; border-bottom: none; }
.planTBL > div.box:last-child div.line05 { border-bottom: solid 1px rgba(255, 255, 255, 0.16); }

/*07 数字で知る
----------------------------------*/
.page-data div#umv.umv01 > .wrap { padding-top: 10.66vw; }

div#p07Box01 { padding: 40px 5.33vw 120px; }

.data-list.flex { margin-top: -25px; display: block; }
.data-list.flex > div.box { box-sizing: border-box; margin-top: 25px; background: #1C1C1C; padding: 30px; width: 100%; }
.data-list.flex > div.box .tit { line-height: 40px; font-weight: 700; font-size: 20px; margin-bottom: 30px; text-align: center; }
.data-list.flex > div.box .tit > span { display: inline-block; padding-left: 45px; background: url("../img/p07/ico01.svg") no-repeat left center; }
.data-list.flex > div.box.box01 .text01 { text-align: center; font-weight: 700; line-height: 1.4; margin-top: 24px; }
.data-list.flex > div.box.box02 .tit > span { background-image: url("../img/p07/ico02.svg"); }
.data-list.flex > div.box.box03 .tit > span { background-image: url("../img/p07/ico03.svg"); }
.data-list.flex > div.box.box04 .tit > span { background-image: url("../img/p07/ico04.svg"); }
.data-list.flex > div.box.box05 .tit > span { background-image: url("../img/p07/ico05.svg"); }
.data-list.flex > div.box.box05 .numBox02 .en { width: 96px; text-align: right; }
.data-list.flex > div.box.box06 .tit > span { background-image: url("../img/p07/ico06.svg"); }
.data-list.flex > div.box.box06 .inner.flex { width: 100%; justify-content: center; align-items: center; margin: 0 auto; font-weight: 700; }
.data-list.flex > div.box.box06 .inner.flex .in01 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: 1; }
.data-list.flex > div.box.box06 .inner.flex .in01 .numBox01 { width: 100%; text-align: center; margin-bottom: 24px; }
.data-list.flex > div.box.box06 .inner.flex .in02 { width: 100%; margin-top: 40px; }
.data-list.flex > div.box.box06 .inner.flex .wake { display: flex; flex-wrap: wrap; }
.data-list.flex > div.box.box06 .inner.flex .wake .g01 { margin-right: 20px; }
.data-list.flex > div.box.box06 .inner.flex .wake .g01, .data-list.flex > div.box.box06 .inner.flex .wake .g02 { font-size: 20px; text-align: center; font-weight: 700; line-height: 1; text-align: right; }
.data-list.flex > div.box.box06 .inner.flex .wake .g01 .cap, .data-list.flex > div.box.box06 .inner.flex .wake .g02 .cap { text-align: left; margin-right: 5px; }
.data-list.flex > div.box.box06 .inner.flex .wake .g01 .en, .data-list.flex > div.box.box06 .inner.flex .wake .g02 .en { font-size: 40px; margin-right: 5px; }
.data-list.flex > div.box.box07 .tit > span { background-image: url("../img/p07/ico07.svg"); }
.data-list.flex > div.box.box08 .tit > span { background-image: url("../img/p07/ico08.svg"); }
.data-list.flex > div.box.box09 .tit > span { background-image: url("../img/p07/ico09.svg"); }

.numBox01 { text-align: center; font-weight: 700; font-size: 20px; line-height: 1; }
.numBox01 .en { font-size: 64px; margin-right: 5px; }

.per-list01 dl { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, 0.08); justify-content: space-between; font-weight: 700; line-height: 1.2; align-items: flex-end; }
.per-list01 dl dt { width: calc(100% - 55px); }
.per-list01 dl dd { text-align: right; max-width: 55px; }
.per-list01 dl dd .en { font-size: 20px; margin-right: 2px; }
.per-list01 dl:last-child { margin-bottom: 0; }

.numBox02 { text-align: center; font-weight: 700; }
.numBox02 .inBox { margin-bottom: 12px; font-size: 20px; display: flex; flex-wrap: wrap; align-items: center; line-height: 1; justify-content: center; }
.numBox02 .inBox .left { margin-right: 22px; }
.numBox02 .inBox .en { font-size: 64px; margin-right: 5px; text-align: right; }
.numBox02 .inBox .right { position: relative; top: 20px; }
.numBox02 .inBox:last-child { margin-bottom: 0; }

.graphBox { font-weight: 700; line-height: 1; }
.graphBox .proceeds { width: 100%; box-sizing: border-box; padding-left: 10px; padding-top: 8px; border-left: solid 1px #fff; }
.graphBox .en { font-size: 20px; margin-right: 2px; }
.graphBox > div.inBox { padding-bottom: 14px; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; }
.graphBox > div.inBox .age { width: 76px; }
.graphBox > div.inBox .cont { width: calc(100% - 76px); display: flex; flex-wrap: wrap; align-items: center; position: relative; }
.graphBox > div.inBox .cont .bar { margin-right: 10px; width: 16.8%; height: 24px; border: solid 1px #fff; box-sizing: border-box; margin-right: 10px; }
.graphBox > div.inBox .cont:before { content: ""; position: absolute; left: 0; bottom: -15px; width: 1px; height: 16px; background: #fff; }
.graphBox > div.inBox:last-child { padding-bottom: 0; }
.graphBox > div.inBox:last-child .cont:before { content: none; }
.graphBox > div.inBox:last-child .proceeds { border-left: none; }
.graphBox > div.inBox.inBox02 .bar { width: 30.3%; }
.graphBox > div.inBox.inBox03 .bar { width: 44.8%; }
.graphBox > div.inBox.inBox04 .bar { width: 63.4%; }
.graphBox > div.inBox.inBox05 .bar { width: 66.99%; }
.graphBox > div.inBox.inBox06 .bar { width: 77.06%; }

/*08
----------------------------------*/
.page-recruit .text { line-height: 1.65; font-weight: 400; }
.page-recruit div#umv.umv01 > .wrap { padding-top: 10.66vw; }

div#p08Box01 { padding: 30px 5.33vw 120px; }
div#p08Box01 .text01 { margin-bottom: 80px; }
div#p08Box01 .copy04 { margin-bottom: 24px; text-align: center; font-size: 24px; }

.p08-flow { margin-bottom: 60px; }

.flow-list08.flex { justify-content: space-between; }
.flow-list08.flex > .box { width: 29.33vw; box-sizing: border-box; background: #202020; text-align: center; padding: 6.4vw 0; position: relative; }
.flow-list08.flex > .box .ico { text-align: center; margin: 0 auto 5.33vw; width: 12.8vw; }
.flow-list08.flex > .box .text { width: 100%; height: 9.33vw; display: table; font-weight: 700; font-size: 3.53vw; line-height: 1; }
.flow-list08.flex > .box .text .komoji { display: block; margin-top: 2.13vw; font-size: 3.73vw; }
.flow-list08.flex > .box .text > div { display: table-cell; text-align: center; vertical-align: middle; }
.flow-list08.flex > .box.box01:after, .flow-list08.flex > .box.box02:after { content: ""; width: 0; height: 0; border-left: solid 1.86vw #202020; border-top: solid 1.86vw transparent; border-bottom: solid 1.86vw transparent; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto 0; z-index: 3; }
.flow-list08.flex > .box.box02:before, .flow-list08.flex > .box.box03:before { content: ""; width: 0; height: 0; border-left: solid 1.86vw #191919; border-top: solid 1.86vw transparent; border-bottom: solid 1.86vw transparent; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
.flow-list08.flex > .box:last-child { margin-right: 0; }

.TBL02 th, .TBL02 td { box-sizing: border-box; line-height: 1.6; padding: 16px 20px; font-weight: 500; display: block; }
.TBL02 th { background: #202020; border-top: solid 1px rgba(255, 255, 255, 0.16); }
.TBL02 tr:last-child td { border-bottom: solid 1px rgba(255, 255, 255, 0.16); }

/*09 会社案内
----------------------------------*/
.page-company div#umv.umv01 .mv-img { background-image: url("../img/p09/umv-sp.jpg"); }

div#p09Box01 .titles01 { margin-bottom: 40px; }
div#p09Box01 .titles01 span.en { margin-bottom: 8px; }
div#p09Box01 .titles01 span.jp { font-size: 28px; }
div#p09Box01 section { margin-bottom: 80px; }
div#p09Box01 section:last-child { margin-bottom: 0; }

.addrBox { margin-bottom: 24px; }

.addrBox:last-child { margin-bottom: 0; }

section#company02 ul.bg-list01 > li { background: #202020; }

.per-list01.flex { margin-top: -10px; display: block; }

/*10 お問い合わせ・エントリー
----------------------------------*/
.page-contact { background: #1c1c1c; }
.page-contact div#ftBox01 { background: #191919; }
.page-contact div#umv.umv01 > .wrap { padding-top: 10.66vw; }

div#p10Box01 { padding-top: 30px; }

.contact-text, .form-bikou { line-height: 1.65; font-weight: 400; }
.contact-text p, .form-bikou p { position: relative; padding-left: 20px; margin-bottom: 8px; }
.contact-text p:last-child, .form-bikou p:last-child { margin-bottom: 0; }
.contact-text p:before, .form-bikou p:before { content: "※"; position: absolute; left: 0; top: 0; }

/*フォーム*/
.file-bikou { font-size: 14px; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 60px 0 27px; }

ul.contact-state > li { display: table; width: 31.34%; height: 19.73vw; position: relative; }

ul.contact-state > li > span { display: table-cell; text-align: center; vertical-align: top; color: #fff; font-size: 4.8vw; font-weight: 700; border: solid 1px #fff; border-radius: 1.33vw; opacity: 0.4; padding-top: 9.33vw; }

ul.contact-state > li.state01 { margin-left: 0; }

ul.contact-state > li.state01 > span { opacity: 1; }

ul.contact-state > li > span span.num { position: absolute; left: 0; right: 0; top: 3.2vw; margin: 0 auto; display: block; width: 5.33vw; height: 5.33vw; text-align: center; line-height: 5.33vw; background: #fff; color: #191919; border-radius: 100%; font-size: 3.73vw; }

ul.contact-state.contact-state02 { display: flex; flex-wrap: wrap; justify-content: space-between; }

ul.contact-state.contact-state02 > li.state02 > span { opacity: 1; }

span.num-circle { margin-right: 7px; }

a.green { text-decoration: underline; }

.contactTBL th, .contactTBL td { display: block; box-sizing: border-box; font-size: 16px; padding: 32px 0; line-height: 1.6; }
.contactTBL th { padding-bottom: 15px; }
.contactTBL th span.form-bikou { font-weight: 500; font-size: 14px; }
.contactTBL td { padding-top: 0; }
.contactTBL .wpcf7-list-item { margin-left: 0; display: block; margin-bottom: 10px; }
.contactTBL .wpcf7-list-item.last { margin-bottom: 0; }
.contactTBL input[type="checkbox"], .contactTBL input[type="radio"] { transform-origin: left center; transform: scale(1.5); margin-right: 8px; }

.wpcf7-checkbox input[type="radio"], .wpcf7-checkbox input[type="checkbox"], .wpcf7-radio input[type="radio"], .wpcf7-radio input[type="checkbox"] { display: none; }
.wpcf7-checkbox span.wpcf7-list-item-label, .wpcf7-radio span.wpcf7-list-item-label { display: inline-block; padding-left: 24px; background: url("../img/p10/ico-radio01.svg") no-repeat left top 5px; padding-bottom: 2px; cursor: pointer; }
.wpcf7-checkbox input[type="radio"]:checked ~ span.wpcf7-list-item-label, .wpcf7-checkbox input[type="checkbox"]:checked ~ span.wpcf7-list-item-label, .wpcf7-radio input[type="radio"]:checked ~ span.wpcf7-list-item-label, .wpcf7-radio input[type="checkbox"]:checked ~ span.wpcf7-list-item-label { background-image: url("../img/p10/ico-radio02.svg"); }

.dnd-upload-status .dnd-upload-details .name em { color: #fff !important; }

.dnd-upload-status .dnd-upload-image { background: #fff !important; }

span.hissu { display: inline-block; color: #fff; padding: 0px 7px; background: #FF3538; margin-right: 8px; box-sizing: border-box; font-size: 14px; font-weight: 700; }

span.nini { display: inline-block; padding: 0px 6px; margin-right: 8px; font-size: 14px; font-weight: 700; color: #fff; border: solid 1px; box-sizing: border-box; }

input.wpcf7-number, input.wpcf7-date, input.wpcf7-text { box-sizing: border-box; height: 48px; border: solid 1px #D4D4D4; padding: 5px 16px; font-size: 16px; background: #fff; width: 100%; border-radius: 0; }

input.wpcf7-date { padding: 5px 10px; }

select.wpcf7-select { box-sizing: border-box; height: 48px; border: solid 1px #D4D4D4; padding: 5px 16px; font-size: 16px; background: #fff; width: auto; border-radius: 0; }

select { background: #fff; border-radius: 0; }

textarea.wpcf7-textarea { box-sizing: border-box; height: 160px; border: solid 1px #D4D4D4; padding: 5px 16px; font-size: 16px; background: #fff; width: 100%; border-radius: 0; }

input#com-name, input#busho { width: 100%; }

.okomari-list span.wpcf7-list-item { display: block; }

.radio-list span.wpcf7-list-item { display: block; }

.contactTBL .select-con .wpcf7-list-item { display: inline-block; margin-right: 10px !important; }

.select-con { margin-bottom: 15px; }

input#your-name, input#your-kana { width: 100%; }

.cours-area { margin-top: 5px; }

input.wpcf7-text.tel01, input#zip01 { width: 180px; }

select#pref3 { width: auto; }

span.form-bikou { display: block; }

ul.address-list > li { margin-bottom: 30px; }
ul.address-list > li:last-child { margin-bottom: 0; }
ul.address-list .th { font-size: 14px; margin-bottom: 5px; }

.contactArea .codedropz-upload-container { padding: 0; }

.contactArea .codedropz-upload-handler { border: none; border-radius: 0; background: none; padding: 0; }

.contactArea .codedropz-upload-inner { color: #1C1C1C; line-height: 1.5; font-size: 16px; font-weight: 500; }

.contactArea .codedropz-upload-inner h3 { display: none; }

.contactArea .codedropz-upload-inner h3 + span { display: none; }

a.cd-upload-btn { width: 100%; height: 64px; display: block; line-height: 62px; background: #000000; border: solid 1px rgba(255, 255, 255, 0.4); border-radius: 0; font-size: 16px; margin-top: 0; color: #fff; box-sizing: border-box; font-weight: 700; }

.contact-submit.flex { margin-top: 47px; justify-content: center; flex-direction: row-reverse; position: relative; }

.contact-submit.flex > p { width: 100%; text-align: center; margin-top: 30px; }

.inb { display: inline-block; }

.form-btn { width: 100%; position: relative; }

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: solid 1px #fff; color: #fff; width: 100%; height: 64px; font-size: 16px; font-weight: 700; position: relative; z-index: 3; border-radius: 38px; text-align: center; background: none; }

.form-btn.form-btn02 { margin-top: 10px; }

.form-btn.form-btn03 input[type="submit"], .form-btn.form-btn03 input[type="button"] { background-color: #fff; color: #191919; }

.form-btn input { transition: 0.3s; cursor: pointer; }

.zip_list > div { margin-bottom: 10px; }
.zip_list > div:last-child { margin-bottom: 0; }
.zip_list .zip00.zip02 > div { margin-bottom: 10px; }
.zip_list .zip00.zip02 > div:last-child { margin-bottom: 0; }

.wpcf7-spinner { position: absolute !important; top: -10px !important; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 120px; margin-top: -120px; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }

::placeholder { font-size: 16px; color: #B2B2B2; line-height: 1.5; }

/*確認画面*/
.contactArea.che { background: #515151; padding: 30px 15px; }
.contactArea.che .pop-btn.opcl-btn.on { pointer-events: none; }
.contactArea.che .opcl-wrap { display: block !important; }
.contactArea.che div.opcl-inBox { padding-top: 20px; }
.contactArea.che .form-bikou { display: none; }

.contactArea.che .contactTBL tr { border-bottom: solid 1px #000; }

.contactArea.che .contactTBL th, .contactArea.che .contactTBL td { padding-top: 5px; padding-bottom: 5px; vertical-align: middle; }

.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che .bikou-text01, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox] { display: none; }

.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label { display: none; }

.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che input[type=radio] { display: none; }

.contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }

.contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }

/*100 thanksページ等
----------------------------------*/
div#p100Box01 { padding: 40px 5.33vw 120px; }
div#p100Box01 .wrap > .text { text-align: center; }
div#p100Box01 .btn01 { margin: 40px auto 0; justify-content: center; }

div#p101Box01 { padding: 40px 5.33vw 120px; }
div#p101Box01 .btn01 { margin: 40px auto 0; }

div#ppBox01 { text-align: left; }

.pp-title01 { font-size: 22px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

.pp-title02:first-child { margin-top: 0; }

.pp-title02 { font-size: 18px; padding-left: 15px; position: relative; color: #fff; margin-top: 50px; }

.pp-title02:before { content: ""; width: 5px; height: 65%; background: #fff; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

/*11 お知らせ
----------------------------------*/
.news-list-all .news-art.no-art { padding-top: 30px; }

div#two-cont { padding: 1px 5.33vw 120px; }

div#two-side { margin-top: 120px; }

.sideBox { margin-bottom: 40px; }

.sideBox:last-child { margin-bottom: 0; }

.side-tit { font-size: 16px; font-weight: 700; line-height: 1.2; margin-bottom: 24px; }

li.side-li { border-top: solid 1px rgba(255, 255, 255, 0.16); }
li.side-li a { text-decoration: none; display: block; padding: 24px 30px 24px 15px; line-height: 1; background: url("../img/p11/side-arrow.svg") no-repeat center right 15px; }

li.side-li.r_current a { background-color: #1C1C1C; pointer-events: none; }

li.side-li:last-child { border-bottom: solid 1px rgba(255, 255, 255, 0.16); }

.side-inner select { display: block; width: 100%; border-radius: 0; padding: 5px 47px 5px 20px; box-sizing: border-box; height: 60px; background: url("../img/p08/select-arrow.svg") no-repeat center right 28px #F0F0F0; font-size: 16px; font-weight: 500; cursor: pointer; border: none; -webkit-appearance: none; appearance: none; }

.column-ban a { display: block; text-decoration: none; padding: 13px 10px 16px 23px; border: solid 1px rgba(255, 255, 255, 0.16); }
.column-ban a .line01 { font-weight: 700; line-height: 1.4; font-size: 18px; padding-left: 27px; background: url("../img/p11/ico-blank.svg") no-repeat left top; }
.column-ban a .line02 { line-height: 1.4; font-size: 15px; margin-top: 3px; }

article.news-art { margin-bottom: 60px; border-top: solid 1px rgba(255, 255, 255, 0.16); }
article.news-art a { text-decoration: none; padding-top: 24px; justify-content: space-between; align-items: flex-start; }
article.news-art a .img { width: 100%; overflow: hidden; margin-bottom: 20px; }
article.news-art a .img .in-img { padding-top: 70%; transition: 0.3s; }
article.news-art a .cont { width: 100%; }
article.news-art a .cont .tit { line-height: 1.4; font-size: 18px; font-weight: 500; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; margin-top: 15px; }
article.news-art a .infos.flex { margin-top: -10px; }
article.news-art a .infos.flex > div { height: 25px; line-height: 25px; }

article.news-art:last-child { margin-bottom: 0; }

/*詳細*/
article.singleBox01.singleBox01-blog { padding-top: 60px; }
article.singleBox01.singleBox01-blog .infos.flex { margin-top: -16px; }
article.singleBox01.singleBox01-blog .infos.flex > div { height: 25px; line-height: 25px; }
article.singleBox01.singleBox01-blog .infos.flex > div.n-date { font-size: 15px; width: 100%; margin-bottom: 5px; }

.infos.flex > div.cate { border: solid 1px #fff; font-size: 14px; padding: 0 12px; border: solid 1px rgba(255, 255, 255, 0.4); border-radius: 15px; }

h1.sn-tit01 { margin-top: 16px; margin-bottom: 40px; font-weight: 500; font-size: 24px; line-height: 1.4; }

.blog-text { line-height: 1.65; font-weight: 400; }
.blog-text p:first-child { margin-top: 0; }
.blog-text p:first-child img { margin-top: 0; }
.blog-text img:first-child { margin-top: 0; }
.blog-text img[class*="wp-image-"] { margin: 20px 0; }
.blog-text iframe { max-width: 100%; }
.blog-text div { max-width: 100%; }
.blog-text a { max-width: 100%; text-decoration: underline; }

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 80px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 4px; text-decoration: none; width: 48px; height: 48px; text-align: center; line-height: 46px; font-size: 14px; font-weight: 700; color: #fff; border: solid 1px #fff; box-sizing: border-box; border-radius: 100%; font-font-family: 'osw'; font-weight: 400; opacity: 0.4; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; box-shadow: none; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p11/arrow-prev.svg") no-repeat center; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p11/arrow-next.svg") no-repeat center; margin-right: 0; }

.wp-pagenavi span.current { opacity: 1; }

.wp-pagenavi a.first { display: none; }

.wp-pagenavi a.last { display: none; }

.wp-pagenavi span.pages { display: none; }

.post-navigation ul { margin-top: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.post-navigation ul > li { width: 32.73%; height: 56px; display: table; }
.post-navigation ul > li a { display: table-cell; text-align: center; vertical-align: middle; border-radius: 30px; border: solid 1px #fff; font-weight: 700; text-decoration: none; }
.post-navigation ul > li:last-child { margin-right: 0; }
.post-navigation ul li.next .text { display: inline-grid; padding-right: 12px; background: url("../img/p11/arrow-next.svg") no-repeat right center; padding-bottom: 2px; }
.post-navigation ul li.prev .text { display: inline-grid; padding-left: 12px; background: url("../img/p11/arrow-prev.svg") no-repeat left center; padding-bottom: 2px; }
.post-navigation ul li.kara { opacity: 0; pointer-events: none; }

/*ブラウザごと
----------------------------------*/
/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/
@media screen and (min-width: 0px) and (max-width: 400px) { .num-tit .jp { font-size: 28px; }
  section.event-listBox.flex > .cont .titles01 .jp { font-size: 27px; }
  .post-navigation ul > li a { font-size: 15px; } }
@media screen and (min-width: 0px) and (max-width: 350px) { .post-navigation ul > li a { font-size: 13px; } }