@charset "UTF-8";
/*webフォント読み込み*/
@font-face { /*notosansレギュラー*/
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/NNotoSansJP-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 { /*notosansボールド*/
font-family: 'Noto Sans JP'; src: url("../fonts/NotoSansJP-Black.otf"); src: url("../fonts/NotoSansJP-Black.woff2") format("woff2"), url("../fonts/NotoSansJP-Black.woff") format("woff"), url("../fonts/NotoSansJP-Black.otf") format("truetype"); font-weight: 900; }
@font-face { /*Inter_18pt-Regular*/
font-family: 'inte'; src: url("../fonts/Inter_18pt-Regular.otf"); src: url("../fonts/Inter_18pt-Regular.woff2") format("woff2"), url("../fonts/Inter_18pt-Regular.woff") format("woff"), url("../fonts/Inter_18pt-Regular.otf") format("truetype"); font-weight: 400; }
@font-face { /*Inter_18pt-Medium*/
font-family: 'inte'; src: url("../fonts/Inter_18pt-Medium.otf"); src: url("../fonts/Inter_18pt-Medium.woff2") format("woff2"), url("../fonts/Inter_18pt-Medium.woff") format("woff"), url("../fonts/Inter_18pt-Medium.otf") format("truetype"); font-weight: 500; }
@font-face { /*Inter_18pt-Bold*/
font-family: 'inte'; src: url("../fonts/Inter_18pt-Bold.otf"); src: url("../fonts/Inter_18pt-Bold.woff2") format("woff2"), url("../fonts/Inter_18pt-Bold.woff") format("woff"), url("../fonts/Inter_18pt-Bold.otf") format("truetype"); font-weight: 700; }
/* Link
=========================================== */
a:link, a:visited { color: #000000; text-decoration: none; }

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

a img { transition: 0.3s; }

:focus { outline: none; }

/* 共通設定
=========================================== */
.pc { display: none !important; }

body { overflow: hidden; background: #fff; color: #000000; font-size: 16px; line-height: 2; font-family: YakuHanJP,'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-style: normal; font-weight: 400; 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 { opacity: 0; position: absolute; left: 0; top: 60px; z-index: -20; }

/*共通見出し設定*/
.titles01 { position: relative; border-bottom: solid 1px #DCE9FD; padding-bottom: 17px; align-items: flex-end; margin-bottom: 40px; }
.titles01 .en { font-family: "inte"; display: block; line-height: 1.2; color: #005EEB; font-size: 70px; font-weight: 400; margin-bottom: 15px; }
.titles01 .jp { display: inline-block; line-height: 1.44; font-weight: 700; font-size: 18px; position: relative; padding-left: 18px; top: -5px; }
.titles01 .jp:before { content: ""; background: #005EEB; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 10px; }

.titles01:before { content: ""; width: 30px; height: 1px; background: #005EEB; position: absolute; left: 0; bottom: -1px; }

.titles02 { position: relative; margin-bottom: 40px; color: #fff; text-align: center; }
.titles02 .en { font-family: "inte"; display: block; line-height: 1.2; font-size: 70px; font-weight: 400; margin-bottom: 11px; }
.titles02 .jp { display: inline-block; line-height: 1.44; font-weight: 700; font-size: 18px; position: relative; padding-left: 18px; top: -5px; }
.titles02 .jp:before { content: ""; background: #fff; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 10px; }

.titles03 { position: relative; padding-bottom: 20px; border-bottom: solid 1px rgba(0, 94, 235, 0.1); line-height: 1.45; font-weight: 700; font-size: 42px; margin-bottom: 60px; }

.titles03:before { content: ""; width: 30px; height: 1px; background: #005EEB; position: absolute; left: 0; bottom: -1px; }

.titles04 { font-size: 24px; line-height: 1.45; margin-bottom: 30px; padding-left: 20px; position: relative; font-weight: 700; }

.titles04:before { content: ""; width: 8px; height: 8px; background: #005EEB; border-radius: 100%; position: absolute; left: 0; top: 13px; }

/*共通ボタン設定*/
.btn01 { width: 100%; height: 74px; display: table; }
.btn01 a { display: table-cell; text-decoration: none; color: #fff; border: solid 2px #E60012; border-radius: 40px; position: relative; text-align: left; vertical-align: middle; padding: 5px 55px 5px 40px; background: #E60012; font-size: 16px; line-height: 1.2; font-weight: 700; transition: 0s; }
.btn01 a span.arrow { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); z-index: 2; display: block; width: 30px; height: 30px; border-radius: 100%; background: #fff; }
.btn01 a span.arrow > span { background: #E60012; display: block; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/*グラデーション*/
.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-thumbs, 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-thumbs.slick-initialized, div.belt-slider.slick-initialized { opacity: 1; }

/*font*/
.inte { font-family: 'inte'; font-weight: 400; }

.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: #005EEB; }

.blue02 { color: #0093D6; }

.yellow { color: #FFD400; }

.orange { color: #EE5A35; }

.green { color: #087F82; }

.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: 80px; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding: 0 5.33vw; left: 0; top: 0; }

.logo a, .logo-sp a { display: flex; flex-wrap: wrap; align-items: flex-end; }
.logo a > span, .logo-sp a > span { display: block; }
.logo a span.logo01, .logo-sp a span.logo01 { width: 75px; margin-right: 10px; }
.logo a span.logo02, .logo-sp a span.logo02 { width: 168px; }
.logo a img, .logo-sp a img { transition: 0s; }

.head-right { display: none; }

.tel-set .bh { text-align: center; font-size: 14px; font-weight: 500; }

.tel-num { text-align: center; }
.tel-num .cap { border: solid 1px #005EEB; border-radius: 40px; padding: 0 10px; font-weight: 500; font-size: 11px; margin-bottom: 5px; color: #005EEB; display: inline-block; }
.tel-num a { font-family: 'inte'; font-size: 30px; line-height: 1; font-weight: 400; display: block; text-align: center; }

.btn01.contact-btn { height: 60px; }
.btn01.contact-btn a { padding-left: 30px; }
.btn01.contact-btn a span.circle { width: 30px; height: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #fff; border-radius: 100%; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); }
.btn01.contact-btn a span.circle img { opacity: 1; display: block; transition: 0s; width: 12px; }

/*スクロール追従*/
.fixed div#header { background: #FFFFFF; background-size: cover; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); padding-top: 10px; }

.fixed .sp-nav-btn { top: 15px; }
.fixed .logo .logo01 img { filter: brightness(0) saturate(100%) invert(23%) sepia(84%) saturate(4413%) hue-rotate(211deg) brightness(96%) contrast(101%); }
.fixed .logo .logo02 img { filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(7500%) hue-rotate(79deg) brightness(103%) contrast(110%); }

.navs-list-wrap .logo01 img { filter: brightness(0) saturate(100%) invert(23%) sepia(84%) saturate(4413%) hue-rotate(211deg) brightness(96%) contrast(101%); }
.navs-list-wrap .logo02 img { filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(7500%) hue-rotate(79deg) brightness(103%) contrast(110%); }

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

.sp-nav-btn { width: 50px; height: 50px; position: fixed; top: 30px; right: 5.33vw; z-index: 202; box-sizing: content-box; background: #005EEB; border-radius: 100%; }

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

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

.sp-nav-btn span.bar02 { position: absolute; width: 16px; height: 1px; top: 25px; right: 17px; transition: 0.3s; }

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

.sp-nav-btn > span > span { width: 120px; height: 2px; background: #FFFFFF; display: block; position: absolute; left: -80px; 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: 24px; }

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

.overlay-nav { display: none; }

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

div.navs-list-wrap { position: fixed; width: 100%; height: 100%; z-index: 200; top: 0; box-sizing: border-box; background: #FFFFFF; right: calc(-100% - 60px); transition: 0.3s; padding: 145px 10.66vw 50px; }

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

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

ul.navs-list { height: calc(100vh - 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 { width: 100%; }

.logo-sp { position: absolute; z-index: 2; left: 5.33vw; top: 10px; }

li.sp-contact { margin-top: 40px; text-align: center; }
li.sp-contact .box01 > div { margin-bottom: 20px; }
li.sp-contact .box01 > div:last-child { margin-bottom: 0; }

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

/*パンくず
---------------------------------------------------------------*/
div#bread { z-index: 2; position: relative; margin-top: 10.66vw; }
div#bread .wrap { width: auto; }

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

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

ul.bread-list li a { font-size: 14px; color: #005EEB; }
ul.bread-list li a img { display: block; vertical-align: middle; }

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

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

#bread ul.bread-list li:last-child, #bread ul.bread-list li:last-child a { color: #CCCCCC; }

/* メインビジュアル */
/*-------------------------------------------*/
/*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 top; background-size: cover; }

.u-text01 { text-align: center; font-weight: 700; color: #fff; }

.contact-types.flex { margin-top: 60px; display: block; }
.contact-types.flex > div.box { background: #FFFFFF; border-radius: 2.66vw; padding: 9.6vw 7.5vw  12.26vw; box-sizing: border-box; width: 100%; text-align: center; margin-bottom: 5.33vw; }
.contact-types.flex > div.box .ico { margin: 0 auto 6.4vw; width: 37.59%; display: block; }
.contact-types.flex > div.box h3.tit { margin-bottom: 20px; font-weight: 500; }
.contact-types.flex > div.box h3.tit > span { border: solid 1px; border-radius: 5.33vw; padding: 0 3.73vw; line-height: 7.2vw; display: inline-block; }
.contact-types.flex > div.box .btn01 { width: 100%; }
.contact-types.flex > div.box .tel-set01 { text-align: center; }
.contact-types.flex > div.box .tel-num { display: block; line-height: 1; }
.contact-types.flex > div.box .tel-num a { font-size: 10.66vw; }
.contact-types.flex > div.box .bh { font-size: 3.73vw; font-weight: 500; text-align: center; }
.contact-types.flex > div.box .tel-num .cap { display: none; }
.contact-types.flex > div.box:nth-child(2) h3.tit > span { border: none; }

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

div.ft-inner.flex { display: block; padding-bottom: 40px; }
div.ft-inner.flex > div.left { margin-bottom: 60px; }

div.ft-map { width: 94.67vw; height: 53.86vw; margin-bottom: 20px; }
div.ft-map iframe { width: 100%; height: 100%; }

h2.ft-logo { max-width: 205px; margin: 0 auto 55px; }

div#fnav > div > div.box, div#spnav > div > div.box { margin-bottom: 30px; position: relative; padding-bottom: 30px; border-bottom: solid 1px rgba(0, 94, 235, 0.1); padding-left: 10px; padding-right: 10px; }
div#fnav > div > div.box:before, div#spnav > div > div.box:before { content: ""; width: 30px; height: 1px; background: #005EEB; position: absolute; left: 0; bottom: -1px; }
div#fnav > div:last-child > div.box:last-child, div#spnav > div:last-child > div.box:last-child { margin-bottom: 0; }

.ft-tit { font-weight: 500; line-height: 1.5; }

.ft-tit:last-child { margin-bottom: 0; }

.ft-tit.opcl { background: url("../img/common/sp-opcl01.svg") no-repeat right center; }

.ft-tit.opcl.on { color: #005EEB; background-image: url("../img/common/sp-opcl02.svg"); }

ul.fs { display: none; padding-top: 14px; }
ul.fs > li { margin-bottom: 10px; font-size: 16px; line-height: 1.46; padding-left: 13px; position: relative; font-weight: 400; }
ul.fs > li:last-child { margin-bottom: 0; }

.ft-address { font-size: 12px; }

.yokosuka-mark { margin-top: 25px; display: flex; flex-wrap: wrap; align-items: center; font-size: 12px; justify-content: center; }
.yokosuka-mark .img { width: 91px; margin: 0 3px 0 -15px; }

.ft-bottom.flex { padding-top: 20px; border-top: solid 1px #EEEEEE; display: block; }

ul.pp-list { display: flex; flex-wrap: wrap; font-size: 12px; justify-content: center; }
ul.pp-list > li:after { content: "／"; display: inline-block; margin: 0 7px; }
ul.pp-list > li:last-child:after { content: none; }

.copyright { text-align: center; font-size: 12px; margin-top: 40px; }

/* 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 div#mv { height: 100vh; background: url("../img/main/mv01-sp.jpg") no-repeat center top; background-size: cover; }
body.home div#f-trigger { top: 100vh; }

div.mv-text01 { width: 96vw; position: absolute; bottom: 71.2vw; left: 0; right: 0; margin: 0 auto; }

div.mv-text02 { width: 62.4vw; position: absolute; left: 6.13vw; bottom: 37.33vw; }

section { position: relative; }

section#about-sec { padding: 140px 5.33vw 307px; background: url("../img/top/bg01-sp.jpg") no-repeat center top; background-size: cover; }

.top-cont01.flex { display: block; }
.top-cont01.flex > .right .btn01 { margin-top: 40px; }

.copy01 { font-size: 32px; font-weight: 700; line-height: 1.5625; margin-bottom: 35px; }

div#belt-slider .bs { margin-right: 30px; }
div#belt-slider .bs.bs01 { padding-top: 114px; }
div#belt-slider .bs.bs03 { padding-top: 54px; }
div#belt-slider .bs.bs04 { padding-top: 104px; }
div#belt-slider .bs.bs05 { padding-top: 130px; }
div#belt-slider .bs.bs07 { padding-top: 114px; }
div#belt-slider .bs.bs09 { padding-top: 54px; }
div#belt-slider .bs.bs10 { padding-top: 104px; }
div#belt-slider .bs.bs11 { padding-top: 130px; }

section#safety-sec { padding: 242px 5.33vw 120px; background: #0752C3; position: relative; color: #fff; }
section#safety-sec > .ovh { width: 100%; height: 390px; overflow: hidden; position: absolute; left: 0; top: -228px; z-index: 2; }
section#safety-sec h2.titles01 { border-color: rgba(255, 255, 255, 0.1); }
section#safety-sec h2.titles01 span.en { color: #fff; }
section#safety-sec h2.titles01 span.jp { color: #fff; }
section#safety-sec h2.titles01 span.jp:before { background: #fff; }
section#safety-sec .titles01:before { background: rgba(255, 255, 255, 0.3); }

div.top-cont02 { position: relative; }
div.top-cont02 .img { margin-top: 60px; }
div.top-cont02 .btn01 { margin-top: 40px; }

section#business-sec { padding: 120px 5.33vw; }

div.business-cont01.flex { margin-top: 60px; display: block; }
div.business-cont01.flex div#bu-photos { height: 81.6vw; margin-bottom: 60px; }
div.business-cont01.flex div#bu-texts .slick-track { width: 100% !important; transform: none !important; }

div.bu-photo { opacity: 0; transition: 0.5s; }

.bu-textBox { position: relative; margin-bottom: 40px; width: 100%; }
.bu-textBox a { display: block; position: relative; text-decoration: none; padding-bottom: 40px; border-bottom: solid 1px rgba(0, 94, 235, 0.1); }
.bu-textBox a .arrow { width: 30px; height: 30px; border-radius: 100%; position: absolute; top: 4px; right: 0; z-index: 2; box-sizing: border-box; border: solid 1px #005EEB; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.bu-textBox a .arrow > span { display: block; width: 6px; height: 6px; border-radius: 100%; background: #005EEB; position: relative; z-index: 3; }
.bu-textBox a .num-tit { position: relative; margin-bottom: 20px; font-weight: 500; font-size: 26px; line-height: 1.42; display: flex; flex-wrap: wrap; align-items: flex-start; }
.bu-textBox a .num-tit .num { margin-right: 10px; font-size: 16px; font-weight: 400; color: #005EEB; line-height: 1px; position: relative; top: 10px; }
.bu-textBox a .text { line-height: 1.625; }
.bu-textBox a:before { content: ""; width: 30px; height: 1px; position: absolute; left: 0; bottom: -1px; background: #005EEB; transition: 0.3s; }

.bu-textBox:last-child { margin-bottom: 0; }

section#shop-sec { padding: 120px 5.33vw; background: rgba(0, 94, 235, 0.04); }
section#shop-sec .titles01 { margin-bottom: 60px; }

div.top-cont04.flex { display: block; }
div.top-cont04.flex .cont { margin-top: 60px; }
div.top-cont04.flex .cont .btn01 { margin-top: 60px; }
div.top-cont04.flex .img { width: 94.67vw; }

.btn01.sea-b { margin: 40px auto 0; }

div.bh-boxs { width: 275px; }
div.bh-boxs dl.flex { align-items: flex-start; }
div.bh-boxs dl.flex dt { border-radius: 40px; border: solid 1px #000000; padding: 0 14px; line-height: 28px; margin-right: 20px; font-weight: 500; }
div.bh-boxs dl.flex dd { text-align: right; margin-left: auto; }
div.bh-boxs dl.flex dd .in-bh { font-weight: 500; line-height: 24px; margin-bottom: 4px; }
div.bh-boxs dl.flex dd .in-bh .yo { font-size: 14px; margin-right: 8px; }
div.bh-boxs dl.flex dd .in-bh span.time { font-size: 20px; }
div.bh-boxs dl.flex dd .in-bh:last-child { margin-bottom: 0; }

section#sus-sec { padding: 120px 5.33vw; background: url("../img/top/bg02-sp.jpg") no-repeat center top; background-size: cover; }
section#sus-sec .titles01 { margin-bottom: 60px; }

.sdgs-img { width: 71.2vw; }

section#recruit-sec { padding: 120px 0 0; margin-bottom: 51.2vw; }
section#recruit-sec .titles01 { width: 89.34vw; margin: 0 auto 60px; }

.top-rec-inner.flex { box-sizing: border-box; padding: 120px 5.33vw 1px; border-radius: 10px; background: url("../img/top/rec-bg-sp.png") no-repeat center; background-size: cover; align-items: center; color: #fff; display: block; }
.top-rec-inner.flex .img { margin-top: 60px; margin-bottom: -51.2vw; }
.top-rec-inner.flex .img img { border-radius: 10px; }
.top-rec-inner.flex .cont { position: relative; }

div#belt-rec { width: 100vw; margin-left: -5.33vw; margin-bottom: -37.86vw; }

.blr { width: 64vw; margin-right: 3.2vw; }

.copy02 { margin-bottom: 60px; font-weight: 900; line-height: 1; }
.copy02 span.line01 { font-size: 26px; display: block; margin-bottom: 15px; line-height: 50px; }
.copy02 span.line01 .big { font-size: 32px; }
.copy02 span.line02 { font-size: 42px; display: block; position: relative; line-height: 72px; }
.copy02 span.line02 .big { font-size: 56px; }
.copy02 .lineyou { position: relative; display: inline-block; }
.copy02 .lineyou:before { content: ""; width: calc(100% - 10px); height: 2px; background: #fff; position: absolute; left: 0; bottom: 4px; }

div.m-link01 { margin-bottom: 30px; }
div.m-link01 a { text-decoration: none; color: #fff; padding: 0 0 30px 20px; border-bottom: solid 1px rgba(255, 255, 255, 0.1); display: flex; flex-wrap: wrap; position: relative; width: 100%; box-sizing: border-box; align-items: center; justify-content: space-between; }
div.m-link01 a .text { font-weight: 700; font-size: 18px; }
div.m-link01 a .arrow { width: 30px; height: 30px; box-sizing: border-box; border-radius: 100%; background: #fff; border: solid 1px #0060EA; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
div.m-link01 a .arrow > span { width: 6px; height: 6px; border-radius: 100%; display: block; background: #0060EA; }
div.m-link01 a:before { content: ""; width: 30px; height: 1px; background: #fff; transition: 0.3s; position: absolute; left: 0; bottom: -1px; transition: 0.3s; }

div.m-link01:last-child { margin-bottom: 0; }

section#news-sec { padding: 120px 5.33vw 120px; }
section#news-sec .btn01 { margin-top: 40px; }

article.top-news-art { margin-bottom: 12px; }
article.top-news-art a { text-decoration: none; box-sizing: border-box; background: #fff; border: solid 1px #EEEEEE; border-radius: 10px; padding: 39px 69px 39px 39px; transition: 0s; align-items: flex-start; position: relative; }
article.top-news-art a .n-date { width: 82px; font-size: 12px; font-weight: 400; color: #005EEB; line-height: 26px; }
article.top-news-art a h3 { width: 528px; line-height: 26px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 400; }
article.top-news-art a .arrow { width: 30px; height: 30px; box-sizing: border-box; border-radius: 100%; background: #fff; border: solid 1px #0060EA; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-left: auto; position: absolute; right: 19px; top: 50%; transform: translateY(-50%); z-index: 2; }
article.top-news-art a .arrow > span { width: 6px; height: 6px; border-radius: 100%; display: block; background: #0060EA; }

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

/*02 建設資材部
----------------------------------*/
body:not(.home) .logo .logo01 img { filter: brightness(0) saturate(100%) invert(23%) sepia(84%) saturate(4413%) hue-rotate(211deg) brightness(96%) contrast(101%); }
body:not(.home) .logo .logo02 img { filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(7500%) hue-rotate(79deg) brightness(103%) contrast(110%); }

div#umv { background: url("../img/main/umv-sp.jpg") no-repeat center top; min-height: 96vw; background-size: cover; box-sizing: border-box; padding-top: 44vw; padding-bottom: 10.66vw; padding-right: 5.33vw; padding-left: 5.33vw; }

.mv-tit { display: block; }
.mv-tit .en { color: #005EEB; display: inline-block; font-size: 4.8vw; font-weight: 400; padding-left: 4.26vw; position: relative; }
.mv-tit .en:before { content: ""; width: 1.6vw; height: 1.6vw; border-radius: 100%; background: #005EEB; position: absolute; left: 0; top: 2.66vw; }
.mv-tit .jp { display: block; line-height: 1.43; font-weight: 700; font-size: 12.26vw; color: #000000; margin-top: 2.66vw; }

div#p02Box01 { padding: 80px 5.33vw 100px; }
div#p02Box01 > .wrap > .cont .copy01 { margin-bottom: 55px; }
div#p02Box01 > .wrap > .img { margin-top: 60px; }

span.blue-bg { background: #005EEB; color: #fff; line-height: 1.1; display: inline-block; }

section#p02Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }
section#p02Box02 div.sercive-list02 > div.box .img { margin-bottom: 40px; }

div.sercive-list02 > div.box { background: #fff; width: 100%; box-sizing: border-box; justify-content: space-between; padding: 20px 20px 60px; width: 100%; margin-bottom: 10px; }
div.sercive-list02 > div.box .img { margin-bottom: 30px; }
div.sercive-list02 > div.box > .cont .text { line-height: 1.6; }
div.sercive-list02 > div.box:last-child { margin-bottom: 0; }

.copy02 { margin-bottom: 27px; font-weight: 700; font-size: 24px; line-height: 1.64; }
.copy02 .line { position: relative; text-decoration: underline; }

section#p02Box03 { padding: 100px 5.33vw 95px; background: url("../img/p02/bg02-sp.jpg") no-repeat center top; background-size: cover; overflow: hidden; }

.tit-head.flex { display: block; }
.tit-head.flex .sub01 { margin-bottom: 35px; }

.sub01 { font-size: 24px; font-weight: 700; line-height: 1.64; }

div.season-items { margin-top: 80px; }

article.item-art { width: 348px; margin-right: 28px; }
article.item-art > .inner { background: #fff; display: block; text-decoration: none; padding: 20px 20px 40px; height: 100%; box-sizing: border-box; }
article.item-art > .inner .img .in-img { padding-top: 58.44%; }
article.item-art > .inner .cont { padding: 30px 10px 0; }
article.item-art > .inner .cont .tit { font-size: 18px; margin-bottom: 14px; }
article.item-art > .inner .cont .text { line-height: 1.6; }

.item-cat-btn-box .btn01 { margin: 40px auto 0; }

.item-cat-btns.flex { margin-top: 80px; }

div.item-cat-btn { margin-bottom: 10px; width: 100%; }
div.item-cat-btn a { text-decoration: none; background: #fff; text-decoration: none; padding-left: 40vw; min-height: 32vw; align-items: center; position: relative; box-sizing: border-box; }
div.item-cat-btn a .img { position: absolute; width: 32vw; height: 100%; overflow: hidden; z-index: 2; left: 0; top: 0; }
div.item-cat-btn a .img .in-img { position: absolute; width: 100%; height: 100%; transition: 0.3s; }
div.item-cat-btn a .text { font-weight: 700; line-height: 1.6; font-size: 4.26vw; }

div.item-cat-btn:last-child { margin-bottom: 0; }

div.listBox { margin-top: 100px; box-sizing: border-box; border: solid 1px #0060EA; background: #fff; padding: 1px 19px 39px; }
div.listBox > .tit { text-align: center; line-height: 36px; margin: -19px auto 30px; color: #fff; font-size: 20px; font-weight: 700; }
div.listBox > .tit > span { display: inline-block; box-sizing: border-box; min-width: 180px; padding: 0 15px; background: #005EEB; }
div.listBox > .text { margin-bottom: 30px; line-height: 1.6; }
div.listBox .end-t { text-align: center; font-size: 14px; margin-top: 20px; line-height: 1.42; }

div.listBox.listBox02 { margin-top: 60px; border-color: #000000; }
div.listBox.listBox02 > .tit > span { background: #000000; }

.maker-s.flex { margin-top: -20px; }
.maker-s.flex .maker { width: 100%; background: url("../img/p02/dot-line01.svg") repeat-x left bottom; margin: 20px 0 0 0; box-sizing: border-box; }
.maker-s.flex .maker a { box-sizing: border-box; padding: 0 1px 10px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; }
.maker-s.flex .maker a span.arrow { box-sizing: border-box; width: 16px; height: 16px; border: solid 1px #005EEB; border-radius: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-right: 9px; transition: 0.3s; }
.maker-s.flex .maker a span.arrow img { display: block; width: 4px; }
.maker-s.flex .maker a .text { max-width: calc(100% - 30px); }
.maker-s.flex .maker.maker-com { padding: 0 1px 10px 10px; background-image: url("../img/p02/dot-line02.svg"); }

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

button.slick-prev.slick-arrow { background: url("../img/p02/slide-arrow01h.svg") no-repeat center #005EEB; left: 0; }

button.slick-next.slick-arrow { background: url("../img/p02/slide-arrow02h.svg") no-repeat center #005EEB; right: auto; left: 40px; }

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

button.slick-prev.slick-arrow.slick-disabled { background-image: url("../img/p02/slide-arrow01.svg"); }

button.slick-next.slick-arrow.slick-disabled { background-image: url("../img/p02/slide-arrow02.svg"); }

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

.slider { margin-bottom: 0 !important; padding-bottom: 50px; }
.slider .slick-list { overflow: visible; }
.slider article.item-art { opacity: 0; width: 78.93vw; margin-right: 5.33vw; }
.slider article.item-art.slick-active { opacity: 1; }
.slider article.item-art.slick-active + article.item-art, .slider article.item-art.slick-active + article.item-art + article.item-art { opacity: 1; }
.slider ul.slick-dots:before { content: ""; width: 100%; height: 1px; background: rgba(0, 94, 235, 0.1); position: absolute; left: 0; top: 50%; background: rgba(0, 94, 235, 0.1); }
.slider ul.slick-dots { text-align: left; bottom: 10px; right: 0; display: flex; width: calc(100% - 84px); }
.slider ul.slick-dots li { width: calc(100% / 10); height: 5px; margin: 0; z-index: 2; }
.slider ul.slick-dots li.slick-active { padding: 0; }
.slider ul.slick-dots li.slick-active button { background: #005EEB; }
.slider ul.slick-dots button { width: 100%; height: 5px; background: rgba(0, 94, 235, 0.01); padding: 0; }
.slider ul.slick-dots button:before { content: none; }

section#p02Box04 { padding: 100px 5.33vw; }
section#p02Box04 .titles03 { margin-bottom: 40px; }
section#p02Box04 .wrap > .text { line-height: 1.6; }

.shop-datas.flex { margin-top: 80px; display: block; }
.shop-datas.flex > div.left { margin-bottom: 40px; }
.shop-datas.flex > div.right { height: 72.26vw; }
.shop-datas.flex > div.right iframe { width: 100%; height: 100%; }

div.photo-gallery { margin-top: 40px; }

div.gallery-main { padding-bottom: 50px; }
div.gallery-main ul.slick-dots:before { content: ""; width: 100%; height: 1px; background: rgba(0, 94, 235, 0.1); position: absolute; left: 0; top: 50%; background: rgba(0, 94, 235, 0.1); }
div.gallery-main ul.slick-dots { text-align: left; bottom: 10px; right: 0; display: flex; width: calc(100% - 84px); }
div.gallery-main ul.slick-dots li { width: calc(100% / 10); height: 5px; margin: 0; z-index: 2; }
div.gallery-main ul.slick-dots li.slick-active { padding: 0; }
div.gallery-main ul.slick-dots li.slick-active button { background: #005EEB; }
div.gallery-main ul.slick-dots button { width: 100%; height: 5px; background: rgba(0, 94, 235, 0.01); padding: 0; }
div.gallery-main ul.slick-dots button:before { content: none; }

div.gallery-thumbs { display: none; }
div.gallery-thumbs .slick-track { width: 100% !important; transform: none !important; }

.gallery-img { width: 100%; }
.gallery-img a { display: block; position: relative; text-decoration: none; }

.gallery-photo { padding-top: 68.125%; }

.gallery-thumb { width: 140px; margin: 10px 10px 0 0; cursor: pointer; position: relative; }
.gallery-thumb .thumb-photo { padding-top: 91.42%; }

.gallery-thumb:after { content: ""; background: #cecece; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0; opacity: 0; transition: 0.3s; }

.gallery-thumb.slick-current { opacity: 0.3; }

.gallery-thumb:nth-child(2n) { margin-right: 0; }

.TBL01 th, .TBL01 td { box-sizing: border-box; border-bottom: solid 1px rgba(0, 94, 235, 0.1); position: relative; vertical-align: top; line-height: 26px; padding: 20px 0; }
.TBL01 th { width: 120px; }
.TBL01 th:before { content: ""; width: 20px; height: 1px; background: #005EEB; position: absolute; left: 0; bottom: -1px; z-index: 2; text-align: left; font-weight: 700; }

.shop-contact { margin-top: 40px; background: #F5F9FF; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding: 60px 20px; justify-content: center; }
.shop-contact .titles04 { margin-bottom: 30; }
.shop-contact .tel-set.tel-set01 { width: 100%; text-align: center; }
.shop-contact .tel-set.tel-set01 .cap { display: none; }
.shop-contact .tel-set.tel-set01 .tel-num a { font-size: 40px; }
.shop-contact .btn01 { width: 100%; margin-top: 30px; }
.shop-contact .btn01 a { padding-left: 20px; font-size: 15px; padding-right: 20px; }

section#recruit-sec02 { padding: 100px 0 0; margin-bottom: 78.13vw; background: #0752C3; color: #fff; border-radius: 0 0 5vw 5vw; }
section#recruit-sec02 .top-rec-inner.flex { display: block; }
section#recruit-sec02 .top-rec-inner.flex > .img { margin-top: 60px; margin-bottom: -51.2vw; }
section#recruit-sec02 .top-rec-inner.flex .copy02 span.line01 { margin-bottom: 40px; }

.rec-inner01 { padding: 0 5.33vw 80px; }
.rec-inner01 .titles01 { margin-bottom: 40px; border-color: rgba(255, 255, 255, 0.1); }
.rec-inner01 .titles01 .en { color: #fff; }
.rec-inner01 .titles01 .jp:before { background: #fff; }
.rec-inner01 .titles01:before { background: rgba(255, 255, 255, 0.3); }

.btns03.flex { width: 100%; justify-content: space-between; margin-top: 60px; }
.btns03.flex .btn01 { width: 100%; margin-bottom: 30px; }
.btns03.flex .btn01 a { padding-left: 30px; }
.btns03.flex .btn01:last-child { margin-bottom: 0; }

.rec-feat { padding-bottom: 20px; margin-bottom: 20px; position: relative; border-bottom: solid 1px rgba(255, 255, 255, 0.1); display: flex; flex-wrap: wrap; align-items: flex-start; }
.rec-feat .num { font-size: 12px; margin-right: 18px; line-height: 1; }
.rec-feat .text { font-size: 18px; line-height: 1.77; font-weight: 700; max-width: calc(100% - 34px); margin-top: -5px; }

.rec-feat:before { content: ""; width: 30px; height: 1px; background: #fff; position: absolute; left: 0; bottom: -1px; }

.rec-feat:last-child { margin-bottom: 0; }

/*03 私たちについて
----------------------------------*/
div#p03Box01 { padding: 80px 5.33vw 100px; }
div#p03Box01 .wrap > .cont .copy01 { margin-bottom: 57px; }
div#p03Box01 .wrap .text02 { margin-top: 20px; }
div#p03Box01 .wrap .img { margin-top: 60px; }

section#p03Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }

div.feat-list02 > div.box { background: #fff; margin-bottom: 10px; position: relative; padding: 40px 20px; }
div.feat-list02 > div.box .num { position: absolute; right: 0; top: 0; background: #005EEB; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 30px; height: 30px; }
div.feat-list02 > div.box .titles04 { margin-bottom: 20px; font-size: 22px; }
div.feat-list02 > div.box .text { line-height: 1.6; }
div.feat-list02 > div.box:last-child { margin-bottom: 0; }

section#p03Box03 { padding: 100px 5.33vw; background: url("../img/p02/bg02-sp.jpg") no-repeat center top; background-size: cover; }
section#p03Box03 .titles03 { margin-bottom: 60px; }
section#p03Box03 .lic-list.flex { margin-top: 60px; }

.lic-list.flex > div.box { width: 100%; margin-bottom: 10.66vw; }
.lic-list.flex > div.box .img a { display: block; overflow: hidden; }
.lic-list.flex > div.box .img a .in-img { padding-top: 76%; transition: 0.3s; }
.lic-list.flex > div.box .text01 { padding: 4.26vw 5.33vw 0; line-height: 1.6; font-size: 4.26vw; }
.lic-list.flex > div.box:last-child { margin-bottom: 0; }

section#p03Box04 { padding: 100px 5.33vw; }

.p03-cont03.flex { display: block; }
.p03-cont03.flex .cont h3.titles04 { margin-bottom: 10px; }
.p03-cont03.flex .cont .tokkyo-text { padding-left: 20px; margin-bottom: 40px; }
.p03-cont03.flex .cont .tokkyo-text .komoji { font-size: 12px; }
.p03-cont03.flex .img { margin-top: 60px; }

section#p03Box05 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }

.history-list > div { margin-bottom: 6px; }
.history-list > div:last-child { margin-bottom: 0; }

div.historyBox { background: #fff; box-sizing: border-box; display: flex; flex-wrap: wrap; width: 100%; padding: 30px 20px; }
div.historyBox .age { width: 100%; font-weight: 700; line-height: 1.4; padding-left: 12px; position: relative; box-sizing: border-box; margin-bottom: 10px; }
div.historyBox .age:before { content: ""; width: 4px; height: 4px; border-radius: 100%; background: #005EEB; position: absolute; left: 0; top: 9px; }
div.historyBox .cont { width: 100%; line-height: 1.6; }

.imgs-list.flex { margin-top: 20px; display: block; }
.imgs-list.flex .imgsBox { margin-top: 20px; }
.imgs-list.flex .imgsBox > p { font-size: 14px; line-height: 20px; margin-top: 10px; }
.imgs-list.flex .img img { width: auto; height: 158px; }

/*04 建設部
----------------------------------*/
div#p04Box01 { padding: 80px 5.33vw 100px; }
div#p04Box01 .wrap .cont .copy01 { margin-bottom: 56px; }
div#p04Box01 .wrap .img { margin-top: 60px; }

section#p04Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }
section#p04Box02 .titles03 { margin-bottom: 40px; }
section#p04Box02 .wrap > .text { line-height: 1.6; }

.whiteBox { background: #fff; margin-bottom: 10px; padding: 40px 20px; }

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

.whiteBox.koumokuBox { margin-top: 60px; }

.whiteBox.sekoureiBox .titles04 .komoji { font-size: 16px; }

.sekourei-list.flex > div.box { width: 100%; margin-bottom: 4vw; }
.sekourei-list.flex > div.box .text { font-weight: 500; line-height: 1.6; padding: 4vw 5.33vw 0; font-size: 4.26vw; }
.sekourei-list.flex > div.box:last-child { margin-bottom: 0; }

section#p04Box03 { padding: 100px 5.33vw; background: url("../img/p02/bg02-sp.jpg") repeat-y center top; background-size: 100%; }
section#p04Box03 .titles03 { margin-bottom: 40px; }

.works-list02 { margin-top: 60px; }

h3.titles04.opcl2 { margin-bottom: 0; border-bottom: solid 1px rgba(0, 94, 235, 0.1); position: relative; padding-bottom: 16px; transition: 0.3s; cursor: pointer; }
h3.titles04.opcl2 .opcl-ico { width: 30px; height: 30px; border-radius: 100%; background: #015FEA; position: absolute; right: 0; top: 0; transition: 0.3s; border: solid 1px #015FEA; }
h3.titles04.opcl2 .opcl-ico:before { content: ""; width: 12px; height: 2px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }
h3.titles04.opcl2 .opcl-ico:after { content: ""; width: 2px; height: 12px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }

h3.titles04.opcl2.on { margin-bottom: 30px; }
h3.titles04.opcl2.on .opcl-ico { background: transparent; }
h3.titles04.opcl2.on .opcl-ico:before { background: #015FEA; }
h3.titles04.opcl2.on .opcl-ico:after { background: #015FEA; opacity: 0; transform: rotateZ(90deg); }

.opcl-cont { padding-bottom: 20px; }

.opcl-cont { display: none; }

.works-box { margin-bottom: 20px; }

.works-box:last-child { margin-bottom: 0; }
.works-box:last-child .opcl-cont { padding-bottom: 0; }

.opcl2-close { min-width: 280px; height: 74px; display: table; margin: 40px auto 0; }
.opcl2-close .b-in { display: table-cell; text-decoration: none; color: #005EEB; border: solid 1px #005EEB; border-radius: 40px; position: relative; text-align: left; vertical-align: middle; padding: 5px 55px 5px 40px; background: transparent; font-size: 16px; line-height: 1.2; font-weight: 700; transition: 0s; cursor: pointer; }
.opcl2-close .b-in span.arrow { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); z-index: 2; display: block; width: 30px; height: 30px; border-radius: 100%; background: #005EEB; }
.opcl2-close .b-in span.arrow > span { background: #fff; display: block; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.works-box-inner.flex { margin-top: -20px; justify-content: space-between; }

article.works-art02 { width: 100%; box-sizing: border-box; background: #fff; padding: 40px 20px; margin-top: 20px; }
article.works-art02 h4 { font-weight: 700; margin-bottom: 20px; line-height: 1.475; font-size: 20px; }
article.works-art02 .TBL01 th { width: 148px; }
article.works-art02 .TBL01 th .komoji { font-size: 12px; }
article.works-art02 .TBL01 th:before { width: 20px; }

.infos.flex { width: calc(100% + 8px); margin: -8px 0 0 -8px; }
.infos.flex > div { margin: 8px 0 0 8px; line-height: 29px; min-height: 30px; border: solid 1px; color: #005EEB; border-radius: 30px; padding: 0 19px; font-size: 14px; font-weight: 500; }

section#p04Box04 { padding: 100px 5.33vw; background: #0752C3; }
section#p04Box04 .titles03 { color: #fff; border-color: rgba(255, 255, 255, 0.1); }
section#p04Box04 .titles03:before { background: rgba(255, 255, 255, 0.3); }

.p04-cont04.flex { margin-bottom: 60px; display: block; }
.p04-cont04.flex > .cont { color: #fff; }
.p04-cont04.flex > .cont .sub01 { margin-bottom: 40px; }
.p04-cont04.flex > .img { margin-top: 60px; }

.ruleBox .tit-head.flex { margin-bottom: 40px; display: block; }
.ruleBox .tit-head.flex .text { line-height: 1.6; }
.ruleBox .tit-head.flex .titles04 { margin-bottom: 20px; }
.ruleBox .maker.maker-com { font-weight: 700; }

.licBox02 { padding: 40px 20px; }
.licBox02 .lic-list.flex > div.box .text01 p { display: inline; }

div#p04Box05 { padding: 118px 5.33vw 100px; }

/*05 特販部
----------------------------------*/
div#p05Box01 { padding: 80px 5.33vw 100px; }
div#p05Box01 .cont .copy01 { margin-bottom: 60px; }
div#p05Box01 .text02 { margin-top: 20px; }
div#p05Box01 .img { margin-top: 60px; }

section#p05Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }

.sercive-list02.ab-list02 div.box { display: block; }
.sercive-list02.ab-list02 div.box .cont { padding: 0 20px; }

section#p05Box03 { padding: 100px 5.33vw; background: url("../img/p02/bg02-sp.jpg") no-repeat center top; background-size: cover; }
section#p05Box03 h2.titles03 { margin-bottom: 60px; white-space: nowrap; }

.sercive-list02.reason-list02 { margin-top: 40px; }
.sercive-list02.reason-list02 div.box { position: relative; }
.sercive-list02.reason-list02 div.box .num { position: absolute; right: 0; top: 0; background: #005EEB; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 30px; height: 30px; }
.sercive-list02.reason-list02 div.box .cont { padding: 0 20px; }

section#p05Box04 { padding: 100px 5.33vw; }
section#p05Box04 .titles03 { margin-bottom: 40px; white-space: nowrap; }
section#p05Box04 div.listBox.listBox02 { margin-top: 78px; }

.product-list { margin-top: 40px; }
.product-list div.box { margin-bottom: 30px; padding-bottom: 20px; padding-left: 16px; background: url("../img/p02/dot-line02.svg") repeat-x left bottom; }
.product-list div.box .sub04 { margin-left: -16px; }
.product-list div.box .en-tit { font-size: 14px; color: #005EEB; line-height: 1.2; margin-bottom: 20px; margin-top: 4px; }
.product-list div.box .text { font-size: 14px; line-height: 1.2; }
.product-list div.box:last-child { margin-bottom: 0; }

.sub04 { font-weight: 700; line-height: 1.2; position: relative; padding-left: 16px; }

.sub04:before { content: ""; width: 6px; height: 6px; background: #005EEB; border-radius: 100%; position: absolute; left: 0; top: 7px; }

/*06 取扱資材
----------------------------------*/
div#p06Box01 { padding: 80px 5.33vw; }
div#p06Box01 .works-list02 { margin-top: 70px; }
div#p06Box01 .works-list02:first-child { margin-top: 0; }

div#p06Box02 { padding: 80px 5.33vw; background: rgba(0, 94, 235, 0.04); }

div.item-list-all.flex { margin-top: -20px; }
div.item-list-all.flex article.item-art { margin: 20px 0 0 0; width: 100%; }

div#p06Box03 { padding: 80px 5.33vw 120px; }
div#p06Box03 .works-list02 { margin-top: 0; }

.cate-list .infos.flex > div { border: none; color: #005EEB; border-radius: 30px; padding: 0; font-size: 14px; font-weight: 500; }
.cate-list .infos.flex > div a { text-decoration: none; border: solid 1px; color: #005EEB; border-radius: 30px; padding: 0 19px; font-size: 14px; font-weight: 500; display: block; transition: 0s; }
.cate-list .infos.flex > div.r_current a { color: #fff; background: #005EEB; pointer-events: none; }

/*07 会社概要
----------------------------------*/
section#p07Box01 { padding: 100px 5.33vw; }

.titles05 { position: relative; border-bottom: solid 1px #DCE9FD; padding-bottom: 17px; margin-bottom: 60px; }
.titles05 .jp01 { display: inline-block; line-height: 1.44; font-weight: 700; font-size: 18px; position: relative; padding-left: 18px; top: -5px; }
.titles05 .jp01:before { content: ""; background: #005EEB; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 10px; }
.titles05 .jp02 { font-weight: 700; font-size: 32px; line-height: 1.53; display: block; }

.titles05:before { content: ""; width: 30px; height: 1px; background: #005EEB; position: absolute; left: 0; bottom: -1px; }

.copy-en.inte { font-weight: 500; font-size: 60px; color: #005EEB; line-height: 1.26; }

.p07-cont01.flex { margin-top: 60px; display: block; }
.p07-cont01.flex .imgs { margin-top: 60px; }
.p07-cont01.flex .imgs .img { margin-bottom: 30px; }
.p07-cont01.flex .imgs .names { text-align: right; font-weight: 700; line-height: 1.5; }
.p07-cont01.flex .imgs .names > span { display: block; }
.p07-cont01.flex .imgs .names > span.line01 { font-size: 14px; }
.p07-cont01.flex .imgs .names > span.line02 { font-size: 24px; }

section#p07Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }
section#p07Box02 .titles03 { margin-bottom: 40px; }

.whiteBox.comBox > div { width: 100%; }
.whiteBox.comBox .TBL02:first-child tr:first-child th { padding-top: 0; }

.TBL02 table { height: 100%; }
.TBL02 th, .TBL02 td { box-sizing: border-box; padding: 0 10px; line-height: 25px; vertical-align: top; display: block; }
.TBL02 th { padding-top: 30px; font-weight: 700; padding-bottom: 10px; }
.TBL02 td { padding-bottom: 20px; }
.TBL02 tr { background: url("../img/p02/dot-line02.svg") repeat-x left bottom; }

.in-list > div { margin-bottom: 10px; }
.in-list > div:last-child { margin-bottom: 0; }

section#p07Box03 { padding: 100px 5.33vw; background: url("../img/p02/bg02-sp.jpg") no-repeat center top; background-size: cover; }
section#p07Box03 .titles03 { margin-bottom: 40px; }
section#p07Box03 .maker-s.flex { margin: 40px 0; }
section#p07Box03 .maker-s.flex .maker.maker-com { width: 100%; font-weight: 700; margin-top: 0; margin-bottom: 20px; }
section#p07Box03 .maker-s.flex .maker.maker-com:last-child { margin-bottom: 0; }

section#p07Box05 { padding: 100px 5.33vw; }
section#p07Box05 .titles03 { margin-bottom: 40px; }

.org-list.flex > div.org-box { width: 100%; margin: -1px 0 0 0; }
.org-list.flex > div.org-box a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border: solid 1px #EEEEEE; min-height: 60px; box-sizing: border-box; padding: 15px 40px 15px 20px; transition: 0s; text-decoration: none; position: relative; line-height: 1.6; }
.org-list.flex > div.org-box a .ico { position: absolute; right: 10px; bottom: 10px; width: 10px; }
.org-list.flex > div.org-box a .ico img { display: block; opacity: 1; transition: 0s; }
.org-list.flex > div.org-box a.no-link { pointer-events: none; }
.org-list.flex > div.org-box a.no-link .ico { display: none; }

section#p07Box06 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }
section#p07Box06 .titles03 { line-height: 1.23; font-size: 41px; }

.sdgs-img01 { margin-bottom: 60px; }

.whiteBox.sdgsBox { padding: 40px 20px 60px; }
.whiteBox.sdgsBox .inner01.flex { display: block; }
.whiteBox.sdgsBox .inner01.flex .img { margin-bottom: 30px; }
.whiteBox.sdgsBox > .text { margin-top: 30px; line-height: 1.6; }

.sdgs-imgs.flex > div { margin-right: 10px; width: 96px; }
.sdgs-imgs.flex > div:last-child { margin-right: 0; }

section#p07Box07 { padding: 100px 5.33vw; }
section#p07Box07 .titles03 { margin-bottom: 40px; }

div.lic-list03 div.lic-o { margin-bottom: 10px; box-sizing: border-box; justify-content: space-between; padding: 20px 20px 60px; border: solid 1px #EEEEEE; }
div.lic-list03 div.lic-o .img { margin-bottom: 40px; }
div.lic-list03 div.lic-o .cont .text { line-height: 1.6; }
div.lic-list03 div.lic-o:last-child { margin-bottom: 0; }

/*08 働く環境を知る
----------------------------------*/
div#p08Box01 { padding: 80px 5.33vw; }

section#p08Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }
section#p08Box02 .titles03 { font-size: 32px; }

.tri-list02.flex > div.box { width: 100%; margin-bottom: 40px; }
.tri-list02.flex > div.box .cont { padding: 20px 20px 0; }
.tri-list02.flex > div.box .cont .tit { margin-bottom: 10px; font-weight: 700; font-size: 18px; line-height: 1.45; }
.tri-list02.flex > div.box .cont .text { line-height: 1.6; }
.tri-list02.flex > div.box:last-child { margin-bottom: 0; }

section#p08Box03 { padding: 100px 5.33vw; }
section#p08Box03 .titles03 { font-size: 32px; }
section#p08Box03 .copy01 { font-size: 26px; margin-bottom: 30px; }

.c-box01 { margin-top: 60px; padding: 40px 20px; background: #F5F9FF; }
.c-box01 .titles04 { margin-bottom: 15px; font-size: 20px; }
.c-box01 .titles04:before { top: 12px; }
.c-box01 a { text-decoration: underline; color: #015FEA; }

a.link-text .ico { display: inline-block; margin-left: 3px; }
a.link-text .ico img { display: block; }

.c-box02-list.flex { margin-top: 78px; display: block; }
.c-box02-list.flex > div.box { padding: 1px 19px 39px; box-sizing: border-box; border: solid 1px #0060EA; width: 100%; margin-bottom: 50px; }
.c-box02-list.flex > div.box .tit { margin: -18px auto 20px; text-align: center; color: #fff; line-height: 35px; font-weight: 700; font-size: 20px; }
.c-box02-list.flex > div.box .tit > span { display: inline-block; background: #005EEB; padding: 0 20px; height: 37px; }
.c-box02-list.flex > div.box .text { padding: 30px 20px 0; line-height: 1.6; }
.c-box02-list.flex > div.box:last-child { margin-bottom: 0; }

section#p08Box04 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }
section#p08Box04 .titles03 { font-size: 32px; }

.numbers-list.flex > div.box { width: 100%; height: 101.33vw; background: #fff; text-align: center; box-sizing: border-box; margin-bottom: 5.33vw; padding: 10.66vw 8vw 6.66vw; }
.numbers-list.flex > div.box > .tit { font-weight: 700; font-size: 5.33vw; line-height: 1.45; margin-bottom: 7.46vw; }
.numbers-list.flex > div.box > .tit span.bikou01 { display: block; font-weight: 400; font-size: 3.73vw; }
.numbers-list.flex > div.box > .ico { margin: 0 auto 5.33vw; width: 42.66vw; }
.numbers-list.flex > div.box .numbox01 { justify-content: center; align-items: flex-end; line-height: 1; font-weight: 700; }
.numbers-list.flex > div.box .numbox01 .line01 { font-size: 4.26vw; }
.numbers-list.flex > div.box .numbox01 .line02 { margin-left: 2.33vw; font-size: 12.26vw; color: #005EEB; font-weight: 700; }
.numbers-list.flex > div.box .numbox01 .line02:first-child { margin-left: 0; }
.numbers-list.flex > div.box .numbox01 .line03 { font-size: 4.26vw; }
.numbers-list.flex > div.box .nend01 { font-size: 3.2vw; font-weight: 400; }
.numbers-list.flex > div.box .pr-inner.flex { margin-bottom: 50px; justify-content: center; }
.numbers-list.flex > div.box .pr-inner.flex > div { width: 32vw; margin-right: 5.33vw; }
.numbers-list.flex > div.box .pr-inner.flex > div .numbox01 { margin-top: 2.66vw; }
.numbers-list.flex > div.box .pr-inner.flex > div .numbox01 .line01 { font-size: 3.73vw; color: #0360EA; }
.numbers-list.flex > div.box .pr-inner.flex > div .numbox01 .line02 { font-size: 9.6vw; margin-left: 1.6vw; }
.numbers-list.flex > div.box .pr-inner.flex > div:last-child { margin-right: 0; }
.numbers-list.flex > div.box .age-list.flex { margin-top: -5.33vw; }
.numbers-list.flex > div.box .age-list.flex .age-box { min-width: 32vw; display: flex; flex-wrap: wrap; align-items: center; margin-top: 5.33vw; margin-right: 5vw; }
.numbers-list.flex > div.box .age-list.flex .age-box .left { background: #F5F9FF; width: 18.13vw; height: 18.13vw; border-radius: 100%; color: #015FEA; font-size: 4.26vw; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-right: 3.2vw; }
.numbers-list.flex > div.box .age-list.flex .age-box .right { font-weight: 700; }
.numbers-list.flex > div.box .age-list.flex .age-box .right .line02 { margin-left: 2.66vw; font-size: 8vw; color: #005EEB; font-weight: 700; min-width: 5.33vw; display: inline-block; text-align: center; }
.numbers-list.flex > div.box .age-list.flex .age-box .right .line02:first-child { margin-left: 0; }
.numbers-list.flex > div.box .age-list.flex .age-box .right .line03 { font-size: 4.26vw; display: inline-block; margin-left: -0.8vw; }
.numbers-list.flex > div.box .age-list.flex .age-box:nth-child(2n) { margin-right: 0; }
.numbers-list.flex > div.box:nth-child(3n) { margin-right: 0; }
.numbers-list.flex > div.box.box04 h3.tit { margin-bottom: 3.46vw; }

.p08-btns.flex { margin-top: 60px; justify-content: center; }
.p08-btns.flex .btn01 { width: 100%; margin-bottom: 30px; }
.p08-btns.flex .btn01:last-child { margin-bottom: 0; }

section#p08Box05 { padding: 100px 5.33vw; background: url("../img/p02/bg02-sp.jpg") no-repeat center top; background-size: cover; }
section#p08Box05 .titles03 { margin-bottom: 40px; }
section#p08Box05 .btn01 { width: 280px; margin: 40px auto 0; }

.entry-flow.flex { margin-top: 40px; }
.entry-flow.flex > div.box { width: 100%; position: relative; box-sizing: border-box; padding: 30px 40px 40px; border: solid 1px #EEEEEE; border-top: none; background: #fff; }
.entry-flow.flex > div.box .num { position: absolute; left: 0; top: 0; background: #005EEB; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 30px; height: 30px; }
.entry-flow.flex > div.box .ico { text-align: center; margin: 0 auto 20px; width: 120px; }
.entry-flow.flex > div.box .tit { font-weight: 700; text-align: center; line-height: 1.3; color: #005EEB; margin-bottom: 10px; font-size: 20px; }
.entry-flow.flex > div.box .text { line-height: 1.6; }
.entry-flow.flex > div.box:first-child { border-top: solid 1px #EEEEEE; }
.entry-flow.flex > div.box:after { content: ""; width: 0; height: 0; border-top: solid 14px #005EEB; border-left: solid 12px transparent; border-right: solid 12px transparent; position: absolute; top: calc(100% + 1px); left: 0; right: 0; margin: 0 auto; z-index: 2; }
.entry-flow.flex > div.box:last-child:after { content: none; }

/*09 募集要項
----------------------------------*/
div#p09Box01 { padding: 100px 5.33vw; }
div#p09Box01 .titles03 { margin-bottom: 30px; }
div#p09Box01 .infos.flex div a { pointer-events: none; color: #005EEB; text-decoration: none; }

div#p09Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }

article.rec-art { margin-bottom: 20px; }
article.rec-art .TBL02 { padding: 20px 20px 60px; background: #fff; }
article.rec-art .TBL02 tr:first-child th { padding-top: 0; }
article.rec-art .TBL02 tr:last-child { background: none; }
article.rec-art .TBL02 tr:last-child td { padding-bottom: 0; }

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

.rec-head.flex { background: #fff; box-sizing: border-box; padding: 40px 20px; position: relative; align-items: flex-start; cursor: pointer; display: block; }
.rec-head.flex h3.titles04 { margin-bottom: 0; }
.rec-head.flex .infos.flex { margin-top: 0; box-sizing: border-box; padding-right: 40px; padding-left: 20px; }
.rec-head.flex .infos.flex > div { margin-left: 10px; }
.rec-head.flex .infos.flex > div.cates02 { color: #fff; background: #005EEB; }
.rec-head.flex .opcl-ico { width: 30px; height: 30px; border-radius: 100%; background: #015FEA; position: absolute; right: 20px; bottom: 40px; transition: 0.3s; border: solid 1px #015FEA; }
.rec-head.flex .opcl-ico:before { content: ""; width: 12px; height: 2px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }
.rec-head.flex .opcl-ico:after { content: ""; width: 2px; height: 12px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }

.opcl2.on:not(.titles04) .opcl-ico { background: transparent; }
.opcl2.on:not(.titles04) .opcl-ico:before { background: #015FEA; }
.opcl2.on:not(.titles04) .opcl-ico:after { background: #015FEA; opacity: 0; transform: rotateZ(90deg); }

.opcl2.on:not(.titles04):before { content: ""; width: calc(100% - 40px); height: 1px; background: rgba(0, 94, 235, 0.1); position: absolute; bottom: 20px; left: 20px; }

.opcl2.on:not(.titles04):after { content: ""; width: 30px; height: 1px; background: #005eeb; position: absolute; bottom: 20px; left: 20px; }

h3.titles03.opcl2 { margin-bottom: 0; border-bottom: solid 1px rgba(0, 94, 235, 0.1); position: relative; padding-bottom: 16px; transition: 0.3s; cursor: pointer; }
h3.titles03.opcl2 .opcl-ico { width: 30px; height: 30px; border-radius: 100%; background: #015FEA; position: absolute; right: 0; bottom: 20px; transition: 0.3s; border: solid 1px #015FEA; }
h3.titles03.opcl2 .opcl-ico:before { content: ""; width: 12px; height: 2px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }
h3.titles03.opcl2 .opcl-ico:after { content: ""; width: 2px; height: 12px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }

h3.titles03.opcl2.on { margin-bottom: 30px; }
h3.titles03.opcl2.on .opcl-ico { background: transparent; }
h3.titles03.opcl2.on .opcl-ico:before { background: #015FEA; }
h3.titles03.opcl2.on .opcl-ico:after { background: #015FEA; opacity: 0; transform: rotateZ(90deg); }

h3.titles03.opcl2.on:before { content: ""; width: 30px; height: 1px; background: #005EEB; position: absolute; left: 0; bottom: -1px; }

h3.titles03.opcl2.on:after { content: none; }

.sepa { border-collapse: separate; }
.sepa .btn01 { height: 54px; margin-top: 20px; }
.sepa .btn01 a span.arrow { right: 15px; }

/*10 人を知る
----------------------------------*/
div#p10Box01 { padding: 80px 5.33vw; }

article.int-art { margin-bottom: 60px; }
article.int-art .titles03 { margin-bottom: 30px; }
article.int-art .titles03 h2.in-tit .jp { font-size: 32px; }
article.int-art .titles03 h2.in-tit .en { font-family: "inte"; font-weight: 500; color: #0360EA; margin-left: 15px; font-size: 16px; }
article.int-art .titles03 .infos.flex { margin-top: 10px; }
article.int-art .titles03 .infos.flex .cates02 { color: #fff; background: #0060EA; }

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

.int-copy { font-size: 18px; font-weight: 700; line-height: 1.5; }

.int-head.flex.opcl2 { margin-top: 40px; background: #fff; box-sizing: border-box; padding: 40px 60px 40px 20px; position: relative; align-items: flex-start; cursor: pointer; }
.int-head.flex.opcl2 .titles04 { margin-bottom: 0; }
.int-head.flex.opcl2 .opcl-ico { width: 30px; height: 30px; border-radius: 100%; background: #015FEA; position: absolute; right: 20px; top: 43px; transition: 0.3s; border: solid 1px #015FEA; }
.int-head.flex.opcl2 .opcl-ico:before { content: ""; width: 12px; height: 2px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }
.int-head.flex.opcl2 .opcl-ico:after { content: ""; width: 2px; height: 12px; background: #fff; border-radius: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s; }

.int-inner { padding: 10px 20px 60px; background: #fff; }
.int-inner > .box { margin-bottom: 30px; padding: 0 0 20px; background: url("../img/p02/dot-line02.svg") repeat-x left bottom; }
.int-inner > .box > h4 { margin-bottom: 10px; }
.int-inner > .box .text { line-height: 1.6; }
.int-inner > .box:last-child { padding-bottom: 0; background: none; margin-bottom: 0; }

div#p10Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }

/*11 お知らせ
----------------------------------*/
div#p11Box01 { padding: 100px 5.33vw; }

.cate-list-news { margin-bottom: 60px; }
.cate-list-news .titles03 { font-size: 24px; margin-bottom: 20px; }
.cate-list-news .infos.flex > div { border: none; color: #005EEB; border-radius: 30px; padding: 0; font-size: 14px; font-weight: 500; }
.cate-list-news .infos.flex > div a { text-decoration: none; border: solid 1px; color: #005EEB; border-radius: 30px; padding: 0 19px; font-size: 14px; font-weight: 500; display: block; transition: 0s; }
.cate-list-news .infos.flex > div.r_current a { color: #fff; background: #005EEB; pointer-events: none; }

article.blog-art01 { width: 100%; margin: 0 0 20px; }
article.blog-art01 a { display: block; background: #fff; box-sizing: border-box; height: 100%; padding: 20px 20px 40px; text-decoration: none; border: solid 1px #eeeeee; }
article.blog-art01 a .img { overflow: hidden; }
article.blog-art01 a .img .in-img { padding-top: 75%; transition: 0.3s; }
article.blog-art01 a .cont { padding: 30px 20px 0; }
article.blog-art01 a .cont .infos.flex { margin-bottom: 20px; justify-content: space-between; }
article.blog-art01 a .cont .infos.flex .n-date { border: none; color: #000; padding: 0; }

article.blog-art01:last-child { margin-bottom: 0; }

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

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

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 4px; text-decoration: none; width: 38px; height: 38px; text-align: center; line-height: 37px; font-size: 16px; font-weight: 500; color: #005EEB; background: #fff; border: solid 1px #005EEB; box-sizing: border-box; border-radius: 100%; font-family: "inte"; padding-right: 1px; }

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

.wp-pagenavi span.extend { background: none; color: #005EEB; box-shadow: none; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p02/slide-arrow01.svg") no-repeat center #fff; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p02/slide-arrow02.svg") no-repeat center #fff; margin-right: 0; }

.wp-pagenavi span.current { color: #fff; background: #005EEB; }

.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: center; }
.post-navigation ul > li { margin-right: 20px; }
.post-navigation ul > li:last-child { margin-right: 0; }
.post-navigation ul li.prev, .post-navigation ul li.next { width: 40px; border-radius: 100%; }
.post-navigation ul li.prev a, .post-navigation ul li.next a { border-radius: 100%; border: solid 1px #005EEB; display: block; height: 38px; }
.post-navigation ul li.kara { width: 40px; opacity: 0; pointer-events: none; }
.post-navigation ul li.prev a { background: url("../img/p02/slide-arrow01h.svg") no-repeat center #005EEB; background-size: 9px; }
.post-navigation ul li.next a { background: url("../img/p02/slide-arrow02h.svg") no-repeat center #005EEB; background-size: 9px; }
.post-navigation ul li.blog-back { width: 140px; height: 40px; display: table; }
.post-navigation ul li.blog-back > a { display: table-cell; text-align: center; vertical-align: middle; text-decoration: none; border: solid 1px #005EEB; background: #005EEB; color: #fff; border-radius: 40px; }

.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%; color: #FF0000; text-decoration: underline; }

.blog-tit01.titles03 { font-size: 30px; margin-bottom: 30px; margin-top: 5px; }

.blog-ss .infos.flex .n-date { color: #000000; border: none; padding-right: 0; padding-left: 0; }

/* 12 お問い合わせ
----------------------------------*/
div#p12Box01 { padding: 80px 5.33vw; }
div#p12Box01 .titles03 { font-size: 28px; margin-bottom: 30px; }

.p12telBox { text-align: center; }
.p12telBox > div.left { margin-bottom: 40px; }
.p12telBox > div.left > div { margin-bottom: 20px; }
.p12telBox > div .tel-num { display: block; text-align: center; }
.p12telBox > div .tel-num a { font-size: 40px; }
.p12telBox > div .tel-num .cap { border: solid 1px #005EEB; margin: 0 auto 10px; font-size: 14px; color: #005EEB; }
.p12telBox > div .bh { text-align: center; }
.p12telBox > div:last-child { margin-right: 0; }
.p12telBox > div.text { text-align: left; }

div#p12Box02 { padding: 100px 5.33vw; background: rgba(0, 94, 235, 0.04); }
div#p12Box02 .titles03 { font-size: 28px; margin-bottom: 30px; }

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

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

ul.contact-state > li { display: table; width: calc(33.33% - 12px); height: 48px; position: relative; }

ul.contact-state > li > span { display: table-cell; text-align: center; vertical-align: middle; background: #D4D4D4; color: #737373; font-size: 16px; font-weight: 700; }

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

ul.contact-state > li.state01 > span { background: #005EEB; color: #fff; }

ul.contact-state > li > span span.num { margin-bottom: 5px; display: block; }

ul.contact-state > li.state01:after { border-left-color: #005EEB; }

ul.contact-state > li:after { content: ""; width: 0; height: 0; position: absolute; top: 0; bottom: 0; left: 100%; margin: auto 0; top: 0; bottom: 0; border-left: solid 8px #D4D4D4; border-top: solid 4px transparent; border-bottom: solid 4px transparent; }

ul.contact-state > li:last-child:after { content: none; }

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

ul.contact-state.contact-state02 > li.state02 > span { background: #005EEB; color: #fff; }

ul.contact-state.contact-state02 > li.state02:after { border-left-color: #005EEB; }

a.green { text-decoration: underline; color: #005EEB; }

.contactTBL th, .contactTBL td { display: block; box-sizing: border-box; font-size: 16px; padding: 20px 0; color: #000000; line-height: 1.66; }
.contactTBL th { padding-bottom: 15px; }
.contactTBL td { padding-top: 0; }
.contactTBL .wpcf7-list-item { margin-left: 0; display: inline-block; margin-bottom: 10px; margin-right: 25px; }
.contactTBL input[type="checkbox"], .contactTBL input[type="radio"] { transform-origin: left center; transform: scale(1.5); margin-right: 8px; }

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

span.nini { display: inline-block; padding: 0px 6px; margin-right: 8px; font-size: 14px; font-weight: 700; border-radius: 5px; background: #DEDEDE; }

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

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

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

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

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

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

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

.pop-btn.opcl-btn { margin-bottom: 0; width: 320px; height: 60px; border-radius: 30px; padding: 14px 20px; }
.pop-btn.opcl-btn .inner { justify-content: center; }
.pop-btn.opcl-btn .inner .text { width: calc(100% - 32px); font-size: 16px; padding-left: 32px; box-sizing: border-box; text-align: center; }
.pop-btn.opcl-btn .inner .plus:after { content: ""; width: 15px; height: 1px; background: #fff; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; opacity: 0; }

.pop-btn.opcl-btn.on { margin-bottom: 40px; }
.pop-btn.opcl-btn.on .plus img { opacity: 0; }
.pop-btn.opcl-btn.on .plus:after { opacity: 1; }

.opcl-wrap { display: none; }

div.opcl-inBox { background: #F8F8F8; padding: 1px 40px 40px; }

.hyo-de { margin-top: 10px; }
.hyo-de .tit { margin-bottom: 5px; }

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

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

.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: solid 1px #D4D4D4; border-radius: 0; background: url("../img/p09/ico-file.svg") no-repeat center top 56px #fff; padding: 20px 10px; }

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

.contactArea .codedropz-upload-inner h3 { font-size: 16px; font-weight: 500; margin: 0; }

a.cd-upload-btn { width: 140px; height: 40px; display: inline-block; line-height: 35px; background: #E3E3E3; border: solid 1px #707070; border-radius: 0; padding-top: 3px; font-size: 16px; margin-top: 8px; color: #000000; }

.contact-submit.flex { margin-top: 20px; 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 2px #E60012; color: #fff; width: 100%; height: 70px; font-size: 16px; font-weight: 700; position: relative; z-index: 3; background: url("../img/p12/btn-ico01.svg") no-repeat center right 22px #E60012; border-radius: 38px; padding-left: 40px; text-align: left; }

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

.form-btn.form-btn02 input[type="submit"], .form-btn.form-btn02 input[type="button"] { background-color: #fff; color: #E60012; text-align: right; padding-right: 40px; background-image: url("../img/p12/btn-ico02.svg"); background-position: left 22px center; }

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

span.zip-mark { margin-right: 10px; font-size: 14px; }

span.zip-bikou { margin-top: 5px; font-size: 13px; display: block; }

.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: #eee; padding: 30px; }
.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 .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]:checked { display: inline-block; }

.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]:checked { display: inline-block; }

.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: 80px 5.33vw; text-align: center; }
div#p100Box01 .btn01 { margin: 40px auto 0; }

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

.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: #005EEB; margin-top: 50px; }

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

/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/