@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 { /*NotoSansJP-Medium*/
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 { /*Roboto-Regular*/
font-family: 'robo'; src: url("../fonts/Roboto-Regular.ttf"); src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: 400; }
@font-face { /*Roboto-Medium*/
font-family: 'robo'; src: url("../fonts/Roboto-Medium.ttf"); src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { /*Roboto-Bold*/
font-family: 'robo'; src: url("../fonts/Roboto-Bold.ttf"); src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: 700; }
/* Link
=========================================== */
a:link, a:visited { color: #1C1C1C; text-decoration: none; }

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

a img { transition: 0.3s; }

:focus { outline: none; }

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

body { overflow: hidden; background: #fff; color: #1C1C1C; font-size: 16px; line-height: 1.9375; 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; /* 禁則処理を厳格に適用 */ padding-top: 70px; }

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

/*共通見出し設定*/
.titles01 { margin-bottom: 24px; }
.titles01 .jp { display: block; font-weight: 700; font-size: 16px; line-height: 1.6; }
.titles01 .jp > span { display: inline-block; padding-left: 16px; background: url("../img/common/tit-ico01.svg") no-repeat left top 4px; background-size: 8px; }
.titles01 .en { display: block; font-size: 64px; letter-spacing: 0.024em; font-weight: 400; font-family: "robo"; line-height: 1.3; color: #00428B; }

.titles02 { margin-bottom: 30px; }
.titles02 .jp { display: block; font-weight: 600; font-size: 16px; line-height: 1.6; }
.titles02 .en { display: block; font-size: 40px; letter-spacing: 0.04em; font-weight: 400; font-family: "robo"; line-height: 1.3; }

.titles03 { font-size: 32px; font-weight: 700; line-height: 1.5; margin-bottom: 30px; }

.titles04 { font-size: 28px; color: #00428B; font-weight: 700; padding-left: 28px; background: url("../img/common/tit-ico04.svg") no-repeat left top 15px; line-height: 1.5; margin-bottom: 20px; }

/*共通ボタン設定*/
.btn01 { width: 100%; transition: 0.3s; height: 64px; margin: 0 auto; display: table; }
.btn01 a { display: table-cell; text-align: center; vertical-align: middle; position: relative; text-decoration: none; color: #fff; font-size: 16px; line-height: 22px; text-align: center; border-radius: 40px; font-weight: 700; box-sizing: border-box; background: linear-gradient(125deg, #007492 0%, #004798 100%); box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); }
.btn01 a span.text { position: relative; z-index: 2; color: #000000; }
.btn01 a span.arrow-h { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); z-index: 2; }
.btn01 a:before { content: ""; transition: 0.3s; position: absolute; left: -1px; top: -1px; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 38px; background: #fff; }

span.arrow-h { width: 32px; height: 32px; display: flex; flex-wrap: wrap; border-radius: 100%; justify-content: center; align-items: center; position: relative; overflow: hidden; }
span.arrow-h img { display: block; position: relative; z-index: 2; transition: 0.3s; right: 0; }

span.arrow-h:before { content: ""; background: linear-gradient(180deg, #007492 0%, #004798 100%); transition: 0.3s; width: 100%; height: 100%; border-radius: 100%; position: absolute; left: 0; top: 0; }

/*グラデーション*/
.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*/
.robo { font-family: 'robo'; }

.num { font-family: 'robo'; }

.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: #0075A4; }

.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: 70px; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding: 10px 5.33vw; top: 0; background: #fff; }
div#header .logo { width: 250px; }

.tel-num a { color: #fff; font-weight: 700; font-size: 22px; }
.tel-num a > span { display: inline-block; padding-left: 20px; background: url("../img/common/ico-tel.svg") no-repeat left center; }

.tel-bh { font-size: 14px; font-weight: 700; }

div.head-inner.flex .center, div.head-inner.flex .contact-btn { display: none; }

.contact-btn { width: 100%; height: 77px; display: table; }
.contact-btn a { position: relative; text-decoration: none; border-radius: 40px; display: table-cell; background: linear-gradient(305deg, #007492 0%, #004798 100%); color: #fff; box-sizing: border-box; text-align: center; vertical-align: middle; }
.contact-btn a .line01.flex { line-height: 1.2; font-size: 18px; font-weight: 700; justify-content: center; align-items: center; }
.contact-btn a .line01.flex span.ico { position: relative; width: 20px; margin-right: 8px; }
.contact-btn a .line01.flex span.ico img { display: block; transition: 0.3s; opacity: 1; }

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

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

.sp-nav-btn span.bar01 { content: ""; width: 100%; height: 2px; position: absolute; top: 15px; right: 0%; transition: 0.3s; }

.sp-nav-btn span.bar03 { content: ""; width: 100%; height: 2px; position: absolute; bottom: 12px; right: 0%; transition: 0.3s; }

.sp-nav-btn span.bar02 { position: absolute; width: 100%; height: 2px; top: 15px; right: 0%; transition: 0.3s; display: none; }

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

.sp-nav-btn > span > span { width: 120px; height: 2px; background: #000000; 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: 19px; }

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

.overlay-nav { height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.75); width: 100%; position: fixed; z-index: -20; pointer-events: none; }

.overlay-nav.opon { z-index: 100; opacity: 1; pointer-events: auto; }

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

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

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

ul.navs-list { height: calc(100vh - 70px); overflow: auto; box-sizing: border-box; padding: 0 0 95px; width: 100%; }

.navs-list > li { width: 100%; }

.navs-list > li { border-bottom: solid 1px #E7ECF3; }

.navs-list > li.b-no { border-bottom: none; }

.navs-list > li .drop-wrap { display: none; }

.navs-list > li:last-child { border-top: none; border-bottom: none; }

.navs-list > li > a { display: block; padding: 23px 30px 23px 0; text-decoration: none; font-weight: 500; background: url("../img/common/sp-nav03.svg") no-repeat right 2px center; color: #000000; font-weight: 500; }

.navs-list > li > .dr-tit { font-weight: 700; padding: 23px 30px 23px 0; background: url("../img/common/sp-nav01.svg") no-repeat center right 2px; color: #000000; font-weight: 500; }

.navs-list > li > .dr-tit.on { background-image: url("../img/common/sp-nav02.svg"); }

.navs-list > li.honyaku { height: 40px; margin-bottom: 30px; border-bottom: none; }

.navs-list > li.sp-nav-contact { padding: 20px 5%; border-bottom: none; }

ul.nav-sub { border-top: solid 1px #886A2D; padding: 28px 0 28px 0; }
ul.nav-sub > li { border-bottom: dashed 1px #886A2D; padding: 0 0 28px 30px; margin-bottom: 28px; }
ul.nav-sub > li a { color: #fff; display: block; line-height: 1.875; padding-left: 22px; background: url("../img/common/arrow02.svg") no-repeat left top 10px; }
ul.nav-sub > li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.sp-bh { text-align: right; font-size: 12px; line-height: 20px; color: #fff; margin-top: 10px; }

.navs-list > li.nav-contact { border-bottom: none; }

ul.in-nav { padding: 30px; background: #F1F6FE; }
ul.in-nav > li { line-height: 1.5; margin-bottom: 24px; }
ul.in-nav > li:last-child { margin-bottom: 0; }

li.sp-contact { margin-top: 40px; }

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

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

#bread ul li { display: inline-block; font-size: 13px; font-weight: 500; color: #000000; }

ul.bread-list li a { font-size: 13px; color: #000000; }

ul.bread-list li:after { content: "＞"; margin-left: 10px; margin-right: 5px; display: inline-block; position: relative; }

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

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

/* footer */
/*-------------------------------------------*/
div#footer { background: #1E1E1E; padding: 120px 0 0; color: #fff; }

div#ftBox01 { position: relative; padding: 0 5.33vw 80px; }
div#ftBox01 .titles02 a { text-decoration: none; }
div#ftBox01 .titles02 a:hover { opacity: 0.7; }

div#fnav .titles02 { border-bottom: solid 1px #2B2B2B; padding-bottom: 24px; margin-bottom: 24px; }
div#fnav > div { width: 100%; margin-bottom: 60px; }
div#fnav > div a { color: #fff; }
div#fnav > div:last-child { margin-bottom: 0; }

.nav.nav04 ul.ft-sub { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.nav.nav04 ul.ft-sub > li { width: calc(50% - 7px); }
.nav.nav04 ul.ft-sub > li:first-child { order: 1; }
.nav.nav04 ul.ft-sub > li:nth-child(2) { order: 3; }
.nav.nav04 ul.ft-sub > li:nth-child(3) { order: 4; }
.nav.nav04 ul.ft-sub > li:nth-child(4) { order: 2; }

ul.ft-sub { line-height: 1.6; font-weight: 500; }
ul.ft-sub > li { margin-bottom: 16px; }
ul.ft-sub > li:last-child { margin-bottom: 0; }

div.ft-bottom { background: #161616; padding: 40px 5.33vw; }

ul.pp-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
ul.pp-list > li { font-size: 13px; font-weight: 500; margin-right: 24px; }
ul.pp-list > li a { color: #fff; }
ul.pp-list > li:last-child { margin-right: 0; }

.copyright { font-size: 13px; text-align: center; }

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

div#page-top { width: 89.34vw; margin: 0 auto; position: relative; text-align: right; }
div#page-top a { display: inline-block; }
div#page-top a img { display: block; }

div#page-top:before { content: ""; width: calc(100% - 96px); height: 1px; background: #A17474; position: absolute; left: 0; top: 50%; }

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
------------------------------------------*/
/* TOPタイトルアニメーション
-----------------------------*/
.ani-tit { width: fit-content; }
.ani-tit .ins { display: block; overflow: hidden; white-space: nowrap; transition: 0.3s; width: 100%; width: 0; }

.ani-tit.anima .ins { animation: ttit 0.6s ease-out 0.0s 1 forwards; }

@keyframes ttit { 0% { width: 0; }
  100% { width: 100%; } }
section#member-sec .titles01 { margin-left: auto; margin-right: auto; }
section#member-sec .titles01 span.jp { width: 273px; }

section#faq-sec .titles01 { margin-left: auto; margin-right: auto; }
section#faq-sec .titles01 span.jp { width: 120px; }

/* TOPタイトルアニメーション終わり
-----------------------------*/
div#mv { background: url("../img/main/mv-left.jpg") no-repeat top right calc(50% + 678px), url("../img/main/mv-right.jpg") no-repeat top left calc(50% + 678px); }

.mv-cont { margin: 0 auto; background: #F1F6FE; }

div#top-news { padding: 15px 5.33vw; border-bottom: solid 1px #E0E7F2; }

.cates { line-height: 30px; display: inline-block; padding: 0 10px; background: #0F0F0F; color: #fff; font-size: 15px; }

.dates { line-height: 30px; display: inline-block; font-size: 15px; }

article.top-news-art a { align-items: center; }
article.top-news-art a .cates { margin-right: 16px; }
article.top-news-art a .dates { margin-right: 8px; }
article.top-news-art a .tit { max-width: calc(100% - 200px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; font-size: 15px; }

div.pop-box { padding: 2.66vw 5.33vw 64vw; background: url("../img/main/mv01-sp.jpg") no-repeat center bottom; background-size: 100%; }

div.pop-tit div.flex { align-items: flex-end; justify-content: center; }
div.pop-tit .img { margin-right: -5.33vw; width: 21.33vw; }
div.pop-tit .text { font-weight: 700; line-height: 1.2; padding-bottom: 7.3vw; position: relative; z-index: 2; }
div.pop-tit .text .line01 { font-size: 5.33vw; }
div.pop-tit .text .line02 { font-size: 4.26vw; margin-top: 1.93vw; }

div#pop-btns { margin-top: -1.6vw; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
div#pop-btns .slick-track { width: 100% !important; transform: none !important; display: flex; flex-wrap: wrap; justify-content: space-between; }
div#pop-btns .slick-track:before { content: none; }
div#pop-btns .slick-track:after { content: none; }

div.pop-btn { width: 44vw; margin-top: 1.6vw; background: #fff; padding: 1.33vw 2.66vw; display: block; text-decoration: none; transition: 0.3s; cursor: pointer; box-sizing: border-box; border: solid 1px #E0E7F2; border-radius: 1.33vw; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); position: relative; height: auto; }
div.pop-btn .inner { align-items: center; }
div.pop-btn .inner .ico { width: 13.33vw; margin-right: 1.5vw; }
div.pop-btn .inner .text { font-size: 3.53vw; font-weight: 700; line-height: 1.28; width: calc(100% - 14.88vw); }
div.pop-btn .inner .plus { margin-left: auto; width: 5.33vw; height: 5.33vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: linear-gradient(180deg, #007492 0%, #004798 100%); border-radius: 2.66vw 0 1.33vw 0; position: absolute; z-index: 2; right: 0; bottom: 0; }
div.pop-btn .inner .plus img { position: relative; z-index: 2; width: 2.66vw; }

div#pop-ups { position: fixed; width: 100%; height: 100%; z-index: -20; background: rgba(0, 0, 0, 0.4); left: 0; top: 0; opacity: 0; pointer-events: none; }

div#pop-ups.on { z-index: 220; opacity: 1; pointer-events: auto; }

div#pop-shade { width: 100%; height: 100%; left: 0; top: 0; position: absolute; cursor: pointer; }

div#pop-ups-slider { max-height: calc(100vh - 120px); position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 94.66vw; }
div#pop-ups-slider .slick-list { padding: 2.66vw; }
div#pop-ups-slider button.slick-prev.slick-arrow { left: -70px; }
div#pop-ups-slider button.slick-next.slick-arrow { right: -70px; }
div#pop-ups-slider button.slick-arrow { display: none !important; }

div.pop-slide { width: 89.34vw; }
div.pop-slide div.inner { position: relative; }
div.pop-slide div.inner .pop-close { background: url("../img/common/pop-close.svg") no-repeat; width: 10.66vw; height: 10.66vw; border-radius: 100%; position: absolute; z-index: 2; right: -2.66vw; top: -2.66vw; cursor: pointer; background-size: contain; }
div.pop-slide div.pop-head.flex { box-sizing: border-box; background: #00428B; border-radius: 5.33vw 5.33vw 0 0; color: #fff; align-items: center; padding: 5.33vw; }
div.pop-slide div.pop-head.flex .ico { width: 13.33vw; margin-right: 2.66vw; }
div.pop-slide div.pop-head.flex .text { font-size: 5.33vw; font-weight: 700; line-height: 1.45; width: calc(100% - 16vw); }
div.pop-slide div.pop-center { padding: 5.33vw; box-sizing: border-box; overflow: auto; max-height: 72.8vw; background: #fff; }
div.pop-slide div.pop-center .titles01 { margin-bottom: 15px; }
div.pop-slide div.pop-center .in-section { border-bottom: solid 1px #ECECEC; padding-bottom: 30px; margin-bottom: 30px; }
div.pop-slide div.pop-center .in-section .text01 { font-size: 16px; font-weight: 700; line-height: 1.45; }
div.pop-slide div.pop-center .in-section .bikou-text01 { margin-top: 8px; }
div.pop-slide div.pop-center .in-section .inBox { margin-bottom: 24px; }
div.pop-slide div.pop-center .in-section .inBox:last-child { margin-bottom: 0; }
div.pop-slide div.pop-center .in-section:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
div.pop-slide div.pop-bottom { padding: 6.4vw 5.33vw; background: #F8F8F8; border-radius: 0 0 5.33vw 5.33vw; }

.bikou-text01 p { padding-left: 18px; position: relative; line-height: 1.75; }
.bikou-text01 p:before { content: "※"; position: absolute; left: 0; top: 0; }

div.btns.flex { justify-content: center; align-items: center; display: block; }
div.btns.flex .btn01 { width: 100%; margin: 0 0 3.33vw 0; height: 13.33vw; }
div.btns.flex .contact-btn { width: 100%; height: auto; }
div.btns.flex .contact-btn a { display: flex; flex-wrap: wrap; align-items: center; padding: 0; height: 13.33vw; border-radius: 14vw; background: linear-gradient(305deg, #007492 0%, #004798 100%); }
div.btns.flex .contact-btn a .line01.flex { font-size: 4.26vw; }
div.btns.flex .contact-btn a .line01.flex span.ico { margin: 0 2.13vw 0 0; width: 5.33vw; top: auto; }
div.btns.flex .contact-btn a:before { content: none; }

div.seki-text { align-items: center; line-height: 30px; font-weight: 700; margin-bottom: 4px; text-align: center; }
div.seki-text > div:last-child { margin-bottom: 0; }

div.blue-bg { background: #00428B; color: #fff; padding: 0 10px; }

section#about-sec { padding: 120px 5.33vw; background: url("../img/top/bg01-sp.png") no-repeat center top, url("../img/top/bg01-2-sp.png") no-repeat center bottom; background-size: 100%; overflow: hidden; }
section#about-sec .titles01 .jp { white-space: nowrap; }
section#about-sec .btn01 { margin: 40px auto 0; }

div.top-cont01.flex { display: block; }
div.top-cont01.flex > .img { margin-top: 40px; }

.sub01 { font-weight: 700; margin-bottom: 40px; font-size: 26px; line-height: 1.53; }

.ovh { overflow: hidden; }

section#method-sec { background: url("../img/top/method-bg01-sp.png") no-repeat center top, url("../img/top/method-bg02-sp.png") no-repeat center bottom, #00428B; background-size: 100%; }
section#method-sec .ovh { padding: 120px 5.33vw; }
section#method-sec .tit-head { color: #fff; margin-bottom: 40px; display: block; }
section#method-sec h2.titles01 { margin-bottom: 30; }
section#method-sec h2.titles01 .jp { color: #fff; }
section#method-sec h2.titles01 .en { color: #fff; font-size: 49px; }
section#method-sec .btn01 { margin-top: 40px; }

.slider01.method-list01.flex { margin-bottom: 0; padding-bottom: 150px; position: relative; }

article.method-art { width: 100%; margin: 0 10px; }
article.method-art a { background: #fff; box-sizing: border-box; position: relative; text-decoration: none; border-radius: 10px; padding-bottom: 80px; display: block; height: 100%; }
article.method-art a .img { border-radius: 10px 10px 0 0; overflow: hidden; }
article.method-art a .img .in-img { padding-top: 70.58%; transition: 0.3s; }
article.method-art a .cont { padding: 20px 30px 0; }
article.method-art a .cont .tit { font-weight: 700; font-size: 22px; font-weight: 700; margin-bottom: 15px; }
article.method-art a .cont > .text { line-height: 27px; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
article.method-art a .link-btn { display: flex; flex-wrap: wrap; align-items: center; position: absolute; bottom: 33px; right: 30px; height: 32px; z-index: 2; }
article.method-art a .link-btn .text { font-weight: 700; margin-right: 16px; }

button.slick-arrow { opacity: 1; z-index: 2; transition: 0s; width: 80px; height: 80px; box-sizing: border-box; border: solid 1px #fff; border-radius: 100%; transition: 0.3s; }

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

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

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

.slider01 { margin-bottom: 60px !important; }
.slider01 .slick-list { overflow: visible; }
.slider01 button.slick-arrow { top: auto; transform: translateY(0); bottom: 0; }
.slider01 button.slick-prev.slick-arrow { left: calc(50% - 85px); }
.slider01 button.slick-next.slick-arrow { right: calc(50% - 85px); }
.slider01 ul.slick-dots { text-align: center; bottom: 120px; display: flex; width: 100%; justify-content: center; }
.slider01 ul.slick-dots li { width: 8px; height: 8px; margin: 0 6px; }
.slider01 ul.slick-dots li.slick-active { padding: 0; }
.slider01 ul.slick-dots li.slick-active button { opacity: 1; }
.slider01 ul.slick-dots button { width: 100%; height: 8px; background: #FFFFFF; padding: 0; opacity: 0.4; border-radius: 100%; }
.slider01 ul.slick-dots button:before { content: none; }

section#research-sec { padding: 120px 5.33vw; background: url("../img/top/re-bg-sp.png") no-repeat center top, #F1F6FE; background-size: 100%; }

div.top-cont04-1.flex { margin-bottom: 80px; display: block; }
div.top-cont04-1.flex > .img { position: relative; margin-top: 40px; }
div.top-cont04-1.flex > .img:before { content: ""; background: url("../img/top/ilu01.svg") no-repeat; width: 32vw; height: 32vw; position: absolute; bottom: -2.66vw; left: -2.66vw; background-size: contain; }
div.top-cont04-1.flex > .cont { position: relative; box-sizing: border-box; }
div.top-cont04-1.flex > .cont .sub01 { margin-bottom: 20px; }
div.top-cont04-1.flex .btn01 { margin: 40px 0 0; }

div.top-cont04-2.flex { background: #fff; border-radius: 20px; overflow: hidden; display: block; padding-bottom: 50px; }
div.top-cont04-2.flex .btn01 { margin: 40px auto 0; width: calc(100% - 40px); }
div.top-cont04-2.flex > .cont { box-sizing: border-box; padding: 50px 20px 30px; }
div.top-cont04-2.flex > .img { box-sizing: border-box; width: 100%; overflow: hidden; }

div.blue-text { font-weight: 700; font-size: 16px; line-height: 1.2; color: #00428B; }

div.v-slider > div.vslider { width: 567.44vw; display: flex; flex-wrap: wrap; }

.vslide-wrapper { display: flex; flex-wrap: wrap; width: 283.72vw; }

div.v-slider > div#vslide02 { width: 425.58vw; }

div#vslide02 .vslide-wrapper { width: 212.79vw; }

.vslide-list { position: relative; color: #fff; width: 70.93vw; }
.vslide-list .text-box { position: absolute; left: 0; bottom: 0; z-index: 2; height: 23.46vw; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); width: 100%; }
.vslide-list .text-box p { position: absolute; width: 100%; box-sizing: border-box; padding: 2.66vw; left: 0; bottom: 0; font-size: 3.2vw; }

.vslider01 .vslide-wrapper:first-child { animation: loop3 90s -45s linear infinite; }

.vslider01 .vslide-wrapper:last-child { animation: loop4 90s linear infinite; }

.vslider02 .vslide-wrapper:first-child { animation: loop 90s -45s linear infinite; }

.vslider02 .vslide-wrapper:last-child { animation: loop2 90s linear infinite; }

@keyframes loop { 0% { transform: translateX(100%); }
  to { transform: translateX(-100%); } }
@keyframes loop2 { 0% { transform: translateX(0); }
  to { transform: translateX(-200%); } }
@keyframes loop3 { 0% { transform: translateX(-100%); }
  to { transform: translateX(100%); } }
@keyframes loop4 { 0% { transform: translateX(-200%); }
  to { transform: translateX(0); } }
section#case-sec { background: url("../img/top/bg04-sp.png") no-repeat center top, #00428B; background-size: 100%; overflow: hidden; }
section#case-sec .wrap { padding: 120px 5.33vw; }
section#case-sec .titles01 .jp { color: #fff; }
section#case-sec .titles01 .en { color: #fff; }
section#case-sec .btn01 { margin-top: 40px; width: 100%; }

div.top-twin.flex { display: block; }

div.top-twin-main { padding-bottom: 150px; position: relative; }
div.top-twin-main .slick-list { overflow: visible; }
div.top-twin-main .slick-track { display: flex; flex-wrap: wrap; }
div.top-twin-main article.caseBox { height: auto !important; }
div.top-twin-main button.slick-arrow { top: auto; transform: translateY(0); bottom: 0; }
div.top-twin-main button.slick-prev.slick-arrow { left: calc(50% - 85px); }
div.top-twin-main button.slick-next.slick-arrow { right: calc(50% - 85px); }
div.top-twin-main ul.slick-dots { text-align: center; bottom: 120px; display: flex; width: 100%; justify-content: center; }
div.top-twin-main ul.slick-dots li { width: 8px; height: 8px; margin: 0 6px; }
div.top-twin-main ul.slick-dots li.slick-active { padding: 0; }
div.top-twin-main ul.slick-dots li.slick-active button { opacity: 1; }
div.top-twin-main ul.slick-dots button { width: 100%; height: 8px; background: #FFFFFF; padding: 0; opacity: 0.4; border-radius: 100%; }
div.top-twin-main ul.slick-dots button:before { content: none; }

article.caseBox { margin: 0 10px; }
article.caseBox a { text-decoration: none; position: relative; box-sizing: border-box; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); display: block; height: 100%; }
article.caseBox a > span.arrow-h { position: absolute; z-index: 2; right: 40px; bottom: 40px; box-sizing: border-box; display: none; }
article.caseBox .cont .infos.flex { margin-bottom: 8px; }
article.caseBox .cont > h3 { font-size: 21px; font-weight: 700; line-height: 1.4; margin-bottom: 15px; }

.bf-af.flex { margin-bottom: 10px; justify-content: space-between; }
.bf-af.flex > div { width: 50%; position: relative; }
.bf-af.flex > div > .cap { position: absolute; left: 0; top: 0; z-index: 2; font-size: 3.73vw; font-weight: 400; font-family: "robo"; color: #fff; line-height: 7.46vw; padding: 0 2.13vw; background: #0D0D0D; }
.bf-af.flex > div .img .in-img { padding-top: 77.14%; }
.bf-af.flex > div.af > .cap { background: #00428B; }

.TBL01 th, .TBL01 td { box-sizing: border-box; vertical-align: top; line-height: 22px; font-weight: 500; padding-top: 8px; }
.TBL01 th { width: 130px; }

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

.infos.flex { width: calc(100% + 6px); margin: -6px 0 0 -6px; }
.infos.flex > div { margin: 6px 0 0 6px; line-height: 25px; }

.w-cate { border: solid 1px #00428B; color: #00428B; border-radius: 30px; padding: 0 9px; font-size: 15px; }

.w-date { font-size: 15px; color: #00428B; }

section#faq-sec { padding: 120px 5.33vw; background: url("../img/top/faq-bg-sp.svg") no-repeat center top, #F8F8F8; background-size: 100%; }
section#faq-sec h2.titles01 { text-align: center; margin-bottom: 40px; }
section#faq-sec .btn01 { margin-top: 40px; }

article.faq-art { background: #fff; border-radius: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); padding: 20px; margin-bottom: 20px; }

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

span.opcl-ico { width: 24px; height: 24px; border-radius: 100%; box-sizing: border-box; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; right: 0; top: 9px; z-index: 2; }
span.opcl-ico > span { width: 12px; height: 12px; position: relative; }
span.opcl-ico > span:before { content: ""; width: 100%; height: 1px; background: #fff; transition: 0.3s; position: absolute; left: 0; top: calc(50% - 1px); }
span.opcl-ico > span:after { content: ""; width: 1px; height: 100%; background: #fff; transition: 0.3s; position: absolute; left: calc(50% - 1px); top: 0; }

span.opcl-ico:before { content: ""; background: linear-gradient(180deg, #007492 0%, #004798 100%); transition: 0.3s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; }

.opcl { cursor: pointer; }

.opcl.on span.opcl-ico { border: solid 1px #00428B; }
.opcl.on span.opcl-ico > span:before { background: #00428B; }
.opcl.on span.opcl-ico > span:after { opacity: 0; }
.opcl.on span.opcl-ico:before { transform: scale(0); }

.q-tit { padding: 6px 35px 9px 31px; position: relative; font-weight: 500; }

.q-tit:before { content: "Q"; color: #00428B; font-size: 28px; line-height: 1; font-family: "robo"; position: absolute; left: 0; top: 4px; font-weight: 400; }

div.a-text { background: #F1F6FE; padding: 16px 20px 20px 48px; border-radius: 10px; position: relative; margin-top: 15px; }

div.a-text:before { content: "A"; color: #8B0000; font-size: 24px; line-height: 1; font-family: "robo"; position: absolute; left: 20px; top: 22px; font-weight: 400; }

.opcl-cont { display: none; }

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

article.news-art { position: relative; margin-bottom: 20px; }
article.news-art a { display: block; position: relative; padding: 20px 20px 35px; border-radius: 10px; z-index: 2; text-decoration: none; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); }
article.news-art a .infos.flex { margin-left: -15px; }
article.news-art a .infos.flex > div { margin-left: 15px; }
article.news-art a h3 { font-weight: 500; margin-top: 15px; width: 100%; line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
article.news-art a span.arrow-h { position: absolute; z-index: 2; right: 0; bottom: 0; box-sizing: border-box; border-radius: 10px 0 5px 0; }
article.news-art a span.arrow-h:before { border-radius: 10px 0 5px 0; }

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

section#member-sec { padding: 120px 5.33vw; background: linear-gradient(240deg, #0061AB 0%, #00428B 100%); }
section#member-sec .wrap { width: 100%; }
section#member-sec .titles01 { text-align: center; margin-bottom: 40px; }
section#member-sec .titles01 .jp { color: #fff; }
section#member-sec .titles01 .en { color: #fff; }

div.member-list.flex { margin-top: -5.33vw; }

article.member-art { width: 100%; margin-top: 5.33vw; }
article.member-art a { text-decoration: none; display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; border-radius: 2.66vw; position: relative; box-sizing: border-box; height: 100%; padding: 5.33vw; align-items: flex-start; }
article.member-art a .img { width: 26.66vw; border-radius: 100%; overflow: hidden; }
article.member-art a .img .in-img { transition: 0.3s; padding-top: 100%; border-radius: 100%; }
article.member-art a > .cont { width: calc(100% - 29.33vw); }
article.member-art a .m-logo { margin-bottom: 1.06vw; }
article.member-art a > h3 { margin-bottom: 2.13vw; font-size: 4.8vw; font-weight: 700; }
article.member-art a span.arrow-h { position: absolute; z-index: 2; right: 5.33vw; bottom: 5.33vw; box-sizing: border-box; width: 8vw; height: 8vw; }
article.member-art a .text-data { line-height: 7.46vw; }
article.member-art a .text-data .line01 { font-size: 4.26vw; }
article.member-art a .text-data .line01 > span:after { content: "/"; display: inline; margin: 0 1.06vw; }
article.member-art a .text-data .line01 > span:last-child:after { content: none; }
article.member-art a .text-data .line02 { font-size: 4.8vw; }

article.member-art:nth-child(3n) { margin-right: 0; }

section#flow-sec { padding: 120px 5.33vw; background: url("../img/top/bg-bowa05.png") no-repeat right top, url("../img/top/bg-bowa06.png") no-repeat left bottom, #F1F6FE; background-size: 227px,263px; }
section#flow-sec .titles01 { margin-bottom: 40px; }
section#flow-sec .btn01 { margin-top: 40px; }

section.flow-box.flex:first-child { z-index: 5; }

section.flow-box.flex:nth-child(2) { z-index: 4; }

section.flow-box.flex:nth-child(3) { z-index: 3; }

section.flow-box.flex:nth-child(4) { z-index: 2; }

section.flow-box.flex:nth-child(5) { z-index: 1; }

section.flow-box.flex { position: relative; margin-bottom: 20px; box-sizing: border-box; background: #fff; border-radius: 10px; padding: 20px 20px 24px; }
section.flow-box.flex .numbox { width: 60px; padding-top: 10px; box-sizing: border-box; padding-left: 22px; position: relative; }
section.flow-box.flex .numbox .num { font-size: 24px; font-weight: 400; letter-spacing: 0.024em; color: #00428B; }
section.flow-box.flex .numbox:after { content: ""; width: 7px; height: 7px; border-radius: 100%; background: #00428B; position: absolute; left: -1px; top: 30px; }
section.flow-box.flex .cont { width: calc(100% - 60px); }
section.flow-box.flex .cont .ico { width: 80px; }
section.flow-box.flex .cont .textBox { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
section.flow-box.flex .cont .textBox > .text { width: 100%; margin-top: 10px; line-height: 1.5; }

section.flow-box.flex:after { content: ""; width: 1px; height: calc(100% + 24px); left: 22px; top: 52px; background: #00428B; opacity: 0.1; position: absolute; z-index: 2; }

section.flow-box.flex:last-child:after { content: none; }

section.flow-box.flex:last-child { margin-bottom: 0; }

h3.flow-tit { font-size: 20px; font-weight: 700; line-height: 1.4; width: 100%; }

div.flow-feats.flex { width: auto; align-items: center; margin-top: 10px; }
div.flow-feats.flex > div { margin-left: 4px; border-radius: 30px; color: #fff; font-weight: 700; font-size: 14px; padding: 0 10px; background: #00428B; }

section#consultation-sec { position: relative; background: linear-gradient(320deg, #007492 0%, #004798 100%); color: #fff; overflow: hidden; }
section#consultation-sec > a { text-decoration: none; color: #fff; display: block; padding: 120px 5.33vw 110px; position: relative; z-index: 3; }
section#consultation-sec .wrap { z-index: 3; }
section#consultation-sec h2.tit { font-size: 32px; font-weight: 700; margin-bottom: 30px; line-height: 1.375; }
section#consultation-sec span.arrow-h { width: 64px; height: 64px; background: #fff; }
section#consultation-sec span.arrow-h img { display: block; position: relative; z-index: 2; transition: 0.3s; right: 0; filter: brightness(0) saturate(100%) invert(16%) sepia(94%) saturate(2150%) hue-rotate(198deg) brightness(90%) contrast(102%); width: 12px; }
section#consultation-sec span.arrow-h:before { content: ""; background: linear-gradient(180deg, #007492 0%, #004798 100%); transition: 0.3s; width: 100%; height: 100%; border-radius: 100%; position: absolute; left: 0; top: 0; opacity: 0; }
section#consultation-sec .link-btn { position: relative; right: auto; bottom: auto; margin-top: 40px; }

.ico-mail-tit { display: inline-block; border: solid 1px #fff; border-radius: 30px; padding: 0 20px; line-height: 35px; font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.ico-mail-tit > span { display: inline-block; padding-left: 28px; background: url("../img/common/ico-mail.svg") no-repeat left center; }

.bg-texts { width: 6242px; display: flex; flex-wrap: wrap; position: absolute; left: 0; top: 60px; }

.bg-text { font-size: 200px; font-weight: 400; font-family: "robo"; letter-spacing: 0.04em; opacity: 0.03; white-space: nowrap; padding-left: 160px; }

.bg-text:first-child { animation: text01 120s -60s linear infinite; }

.bg-text:last-child { animation: text02 120s linear infinite; }

@keyframes text01 { 0% { transform: translateX(100%); }
  to { transform: translateX(-100%); } }
@keyframes text02 { 0% { transform: translateX(0); }
  to { transform: translateX(-200%); } }
.link-btn { position: absolute; right: 0; bottom: 0; }
.link-btn a, .link-btn span.linkin { display: flex; flex-wrap: wrap; align-items: center; color: #fff; }
.link-btn a .text, .link-btn span.linkin .text { margin-right: 16px; font-weight: 700; }

/*　02　表面設計コンソーシアムとは
----------------------------------*/
div#mv.umv { background: url("../img/main/sp-umv.jpg") no-repeat center top; background-size: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 13.33vw 5.33vw 0; justify-content: space-between; }
div#mv.umv .titles01 { margin-bottom: 13.33vw; }
div#mv.umv .titles01 .jp { color: #fff; font-size: 4.26vw; }
div#mv.umv .titles01 .en { color: #fff; font-size: 14.93vw; }

.umv-img { position: relative; margin-bottom: -49.06vw; }

div#mv.umv + div#contents { padding-top: 49.06vw; }

.page-about div#contents.bg02 { background: url("../img/p02/sp-bg01.png") no-repeat center top 32vw #F1F6FE; background-size: 100%; }

div#contents.bg02 { background: #F1F6FE; }

section#p02Box01 { padding: 90px 5.33vw 140px; background: url("../img/p02/sp-bg02.png") no-repeat left bottom 10.33vw; background-size: 100%; }

.p02-cont01.flex { margin-bottom: 80px; display: block; }

.member-list.member-list02.flex { margin-top: 0; }
.member-list.member-list02.flex article.member-art { width: 100%; margin: 0 0 2.66vw; }
.member-list.member-list02.flex article.member-art a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 5.33vw 10.13vw 5.33vw 5.33vw; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); }
.member-list.member-list02.flex article.member-art a .img { width: 26.66vw; margin: 0; }
.member-list.member-list02.flex article.member-art a .cont { width: calc(100% - 32vw); }
.member-list.member-list02.flex article.member-art a span.arrow-h { width: 7.46vw; height: 7.46vw; right: 2.66vw; bottom: 2.66vw; }
.member-list.member-list02.flex article.member-art h3 { font-size: 4vw; }
.member-list.member-list02.flex article.member-art .m-logo img { width: auto; height: 8.53vw; }
.member-list.member-list02.flex .text-data { display: none; }

section#p02Box02 { padding: 140px 5.33vw; background: #fff; }
section#p02Box02 .tit-head.flex { display: block; padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #ECECEC; }
section#p02Box02 .tit-head.flex .titles01 { margin-bottom: 40px; }
section#p02Box02 .tit-head.flex > .text { font-size: 21px; font-weight: 700; color: #00428B; }

.visions-box { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #ECECEC; display: block; }

.visions-box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.visions-box.flex { justify-content: space-between; flex-direction: row-reverse; }
.visions-box.flex > .img { margin-bottom: 28px; }

.num-tit { margin-bottom: 20px; }
.num-tit > span { display: block; }
.num-tit > span.robo { color: #00428B; font-size: 14px; margin-bottom: 15px; line-height: 1; font-weight: 700; }
.num-tit > span.text { font-size: 26px; line-height: 1.53; font-weight: 700; }

div.v-flow-wrap { border-radius: 10px; background: #F1F6FE; padding: 5.33vw 5.33vw 8vw; margin-top: 40px; }
div.v-flow-wrap > .text { text-align: center; margin-top: 8vw; line-height: 1.5; font-size: 4.26vw; }

div.v-flow-list.flex { margin-top: -2.66vw; justify-content: space-between; }
div.v-flow-list.flex > .box { background: #fff; border-radius: 2.66vw; text-align: center; position: relative; width: 38.13vw; height: 59.2vw; box-sizing: border-box; padding: 10.66vw 5.33vw 5.33vw; margin: 2.66vw 0 0 0; }
div.v-flow-list.flex > .box .ico { width: 100%; margin: 0 auto 2.66vw; }
div.v-flow-list.flex > .box .ico img { width: 100%; max-width: none; }
div.v-flow-list.flex > .box p { font-weight: 700; font-size: 4.8vw; line-height: 1.33; }
div.v-flow-list.flex > .box .num.robo { position: absolute; left: 4vw; top: 2.66vw; line-height: 1; font-size: 6.4vw; color: #00428B; font-weight: 400; }
div.v-flow-list.flex > .box:nth-child(2n) { margin-right: 0; }

section#p02Box03 { padding: 140px 5.33vw; background: #F8F8F8; }
section#p02Box03 .titles01 { text-align: center; margin-bottom: 40px; }

.TBL02 > div.flex { display: block; }
.TBL02 > div.flex > div.th { background: #00428B; color: #fff; box-sizing: border-box; line-height: 1.7; padding: 20px; }
.TBL02 > div.flex > div.td { border-bottom: solid 1px #ECECEC; background: #fff; box-sizing: border-box; line-height: 1.7; padding: 20px; }
.TBL02 > div.flex:first-child > div.th { border-radius: 10px 10px 0 0; }
.TBL02 > div.flex:last-child > div.td { border-radius: 0 0 10px 10px; border-bottom: none; }

.coms { display: block; }
.coms > span:after { content: "/"; margin: 0 5px; }
.coms > span:last-child:after { content: none; }

div#cps { padding: 100px 5.33vw; background: linear-gradient(210deg, #0061AB 0%, #00428B 100%); }
div#cps h2 { text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 24px; color: #fff; }

div.cps-list.flex { margin-top: -4vw; justify-content: space-between; }
div.cps-list.flex > div { width: 42.66vw; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); margin: 4vw 0 0 0; }
div.cps-list.flex > div:nth-child(2n) { margin-right: 0; }

/*　03　調査・分析
----------------------------------*/
.page-analysisandsolution div#contents.bg02 { background-image: url("../img/p03/bowa01.png"); background-repeat: no-repeat; background-position: top right; background-size: 73.44vw; }

div#p03Box01 { padding: 90px 5.33vw 140px; }

div.wrap.p03-cont01 { display: block; }
div.wrap.p03-cont01 .sub01 { font-size: 36px; }
div.wrap.p03-cont01 > .cont { margin-bottom: 80px; }

.hum { position: relative; }
.hum .hum-img { width: 26.13vw; }
.hum .sb { width: 58.66vw; height: 32.53vw; display: table; position: absolute; right: 0; top: 0; }
.hum .sb > div { display: table-cell; text-align: left; vertical-align: middle; background: #fff; border-radius: 2.66vw; font-size: 4.26vw; line-height: 1.5; padding: 3.46vw 5.33vw; position: relative; z-index: 2; }
.hum .sb:before { content: ""; background: url("../img/p03/sb-tri.svg") no-repeat; width: 13.33vw; height: 8vw; position: absolute; top: 8vw; right: calc(100% - 3vw); transform: rotateY(180deg); background-size: contain; }

.ex { margin-bottom: 10.33vw; }
.ex .blue-bg { border-radius: 25px; line-height: 40px; height: 40px; text-align: center; margin-bottom: 20px; }

.ex-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.ex-list > .box { width: 24vw; }
.ex-list > .box .ico { margin-bottom: 2.66vw; }
.ex-list > .box > .text { font-weight: 700; line-height: 1.33; font-size: 4.8vw; text-align: center; }
.ex-list > .box:last-child { margin-bottom: 0; }

section#p03Box02 { padding: 0 5.33vw 140px; }
section#p03Box02 .titles01 { text-align: center; margin-bottom: 40px; }

section.flow-box.flow-box02.flex .numbox { width: 60px; }
section.flow-box.flow-box02.flex .cont { align-items: flex-start; width: calc(100% - 60px); }
section.flow-box.flow-box02.flex .cont .textBox { padding-top: 20px; }
section.flow-box.flow-box02.flex .cont .textBox > .text { margin-top: 20px; }
section.flow-box.flow-box02.flex .cont .img { margin-top: 30px; }
section.flow-box.flow-box02.flex .bg-box01 { margin-top: 20px; }

.bg-box01 { background: #F8F8F8; border-radius: 10px; padding: 20px; }
.bg-box01 h4 { font-weight: 700; margin-bottom: 10px; }
.bg-box01 .text02 { line-height: 1.5; }

section#p03Box03 { padding: 140px 5.33vw; background: #EBF2FF; }
section#p03Box03 .titles01 { text-align: center; margin-bottom: 80px; }
section#p03Box03 .titles01 .en { font-size: 56px; }

.eqbox .tit-head.flex { margin-bottom: 40px; display: block; }
.eqbox .tit-head.flex .text { margin-top: 30px; }

.eqbox.eqbox01 { margin-bottom: 80px; }

.sub02 { font-weight: 700; color: #00428B; }
.sub02 > span { display: block; line-height: 1.3; }
.sub02 > span.big { font-size: 32px; }
.sub02 > span.komoji { font-size: 18px; margin-top: 5px; }

div.eq-two.flex { display: block; }
div.eq-two.flex div.eq-side { margin-bottom: 24px; }

.side-select select { border-radius: 0; box-sizing: border-box; font-size: 16px; padding: 5px 20px; border: solid 1px #D4D4D4; color: #9A9A9A; width: 100%; height: 50px; }

.side-btn { padding-bottom: 16px; margin-bottom: 16px; border-bottom: solid 1px #D8E2F3; padding-right: 40px; position: relative; cursor: pointer; width: 204px; box-sizing: border-box; line-height: 1.5; }
.side-btn span.arrow-h { position: absolute; right: 0; top: calc(50% - 8px); transform: translateY(-50%); }

.side-tit.side-tit04 { font-size: 18px; }

.side-btn.slick-current { color: #00428B; }

div.eq-list .slick-list { overflow: visible; }
div.eq-list .slick-track { width: 100% !important; transform: none !important; }

article.eq-art { padding: 20px; background: #fff; border-radius: 10px; display: flex !important; flex-wrap: wrap; width: 100%; box-sizing: border-box; justify-content: space-between; }
article.eq-art .box01 { order: 2; width: 100%; margin-bottom: 40px; }
article.eq-art .box01 .text { line-height: 1.5; }
article.eq-art .box02 { order: 1; width: 100%; margin-bottom: 60px; }
article.eq-art .box03 { order: 3; }
article.eq-art .TBL02 > div.flex > div.th { padding: 10px 20px; }
article.eq-art .TBL02 > div.flex > div.td { background: #F8F8F8; }

h4.eq-name { font-size: 24px; margin-bottom: 11px; line-height: 1.16; }

div.gallery01-img .img .in-img { padding-top: 72.22%; border-radius: 10px; }

div.gallery01 { margin-bottom: 0 !important; position: relative; }
div.gallery01 ul.slick-dots { text-align: center; bottom: -20px; display: flex; justify-content: center; }
div.gallery01 ul.slick-dots li { width: 8px; height: 8px; margin: 0 6px; opacity: 1; }
div.gallery01 ul.slick-dots li.slick-active { padding: 0; opacity: 1; }
div.gallery01 ul.slick-dots li.slick-active button { background: #00428B; }
div.gallery01 ul.slick-dots button { width: 8px; height: 8px; background: #FFFFFF; padding: 0; border-radius: 100%; box-sizing: border-box; border: solid 1px #00428B; }
div.gallery01 ul.slick-dots button:before { content: none; }

section#p03Box04 { padding: 140px 5.33vw; background: #fff; }
section#p03Box04 .tit-head { margin-bottom: 40px; display: block; }
section#p03Box04 .tit-head .titles01 { margin-bottom: 40px; }
section#p03Box04 .tit-head > .text p { line-height: 1.5; }
section#p03Box04 .tit-head .flow-feats.flex { margin-bottom: 5px; }

.scr-wrap { width: 94.67vw; overflow: auto; }
.scr-wrap .TBL03 { width: 1100px; }

.scroll-hint-text { font-size: 0 !important; }

.scroll-hint-text:before { content: "スクロールできます"; font-size: 12px !important; }

.scroll-hint-icon { height: 90px !important; width: 150px !important; top: calc(10% - 25px) !important; }

.TBL03 { border-radius: 10px; overflow: hidden; }
.TBL03 .col01 { width: 250px; }
.TBL03 .col02 { width: 300px; }
.TBL03 .col03 { width: 300px; }
.TBL03 .col04 { width: 70px; }
.TBL03 .col05 { width: 180px; }
.TBL03 th, .TBL03 td { box-sizing: border-box; padding: 20px; line-height: 1.5; }
.TBL03 th.col04, .TBL03 td.col04 { padding-left: 10px; padding-right: 10px; }
.TBL03 th { background: #00428B; color: #fff; text-align: center; vertical-align: middle; font-weight: 700; border-right: solid 1px #0E539E; }
.TBL03 td { background: #F1F6FF; border-right: solid 1px #D8E2F3; border-bottom: solid 1px #D8E2F3; }
.TBL03 th:last-child, .TBL03 td:last-child { border-right: none; }
.TBL03 td.col04 { text-align: center; }
.TBL03 td.col05 { background: #EBF2FE; text-align: right; }
.TBL03 tbody tr:last-child td { border-bottom: none; }

section#p03Box05 { padding: 140px 5.33vw; background: #F8F8F8; }

.p03-cont05.flex { display: block; }
.p03-cont05.flex .cont { margin-bottom: 40px; }
.p03-cont05.flex .cont .wh-bg { margin-top: 40px; }

.wh-bg { background: #fff; border-radius: 10px; padding: 30px 20px; line-height: 1.5; }

.access-link { margin-top: 8px; }
.access-link a { display: inline-block; text-decoration: underline; line-height: 24px; padding-left: 24px; background: url("../img/p03/ico-access.svg") no-repeat left center; }

div.p03-cont05-2 { margin-top: 40px; }
div.p03-cont05-2 > .box { margin-bottom: 40px; }
div.p03-cont05-2 > .box h3.titles04 { margin-bottom: 15px; font-size: 20px; line-height: 1.4; background-position: left top 6px; }
div.p03-cont05-2 > .box > .text { line-height: 1.5; }
div.p03-cont05-2 > .box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

/*　04　複合処理
----------------------------------*/
.page-composite div#contents { background: url("../img/p04/bg01.png") no-repeat right top; }

section#p04Box01 { padding: 90px 5.33vw 140px; background: url("../img/p04/bg02.png") no-repeat left bottom 125px; }

.wrap.p04-cont01 .left { margin-bottom: 40px; }
.wrap.p04-cont01 .left .titles01 { margin-bottom: 10px; }
.wrap.p04-cont01 .left .img { width: 94.93vw; margin-left: -2.8vw; }

section#p04Box02 { padding: 140px 5.33vw; background: #F1F6FE; }
section#p04Box02 .tit-head.flex { align-items: flex-end; margin-bottom: 40px; }
section#p04Box02 .tit-head.flex .titles01 { margin-bottom: 0; }
section#p04Box02 .tit-head.flex .text { width: 690px; padding-bottom: 20px; margin-left: auto; }

div.hy-box { padding: 20px; box-sizing: border-box; background: #fff; border-radius: 10px; width: 100%; justify-content: space-between; display: flex; flex-wrap: wrap; margin-bottom: 20px; align-items: flex-start; }
div.hy-box .hy-head { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; }
div.hy-box .hy-head .line01 { width: 100%; height: auto; color: #fff; display: table; text-align: center; font-weight: 700; background: #00428B; line-height: 1.2; box-sizing: border-box; }
div.hy-box .hy-head .line01 > .hy-in { display: table-cell; text-decoration: none; text-align: center; vertical-align: middle; padding: 10px; color: #fff; }
div.hy-box .hy-head .line01 span.komoji { font-size: 14px; }
div.hy-box .hy-head .line02 { font-weight: 700; width: 100%; text-align: center; }
div.hy-box .hy-head .line03 { width: 100%; height: auto; color: #fff; display: table; text-align: center; font-weight: 700; background: #00428B; line-height: 1.2; box-sizing: border-box; }
div.hy-box .hy-head .line03 > .hy-in { display: table-cell; text-decoration: none; text-align: center; vertical-align: middle; padding: 10px; color: #fff; }
div.hy-box .right { width: 100%; }

div.hy-box:last-child { margin-bottom: 0; }

ul.dot-list > li { line-height: 1.25; padding-left: 16px; margin-bottom: 10px; position: relative; }
ul.dot-list > li:before { content: "・"; position: absolute; left: 0; top: 0; }
ul.dot-list > li:last-child { margin-bottom: 0; }

section#p04Box03 { padding: 140px 5.33vw; background: linear-gradient(210deg, #0061AB 0%, #00428B 100%); color: #fff; }
section#p04Box03 .titles01 { text-align: center; margin-bottom: 40px; }
section#p04Box03 .titles01 .jp { color: #fff; }
section#p04Box03 .titles01 .en { color: #fff; }

.member-list.member-list03.flex { margin-top: 0; justify-content: space-between; }
.member-list.member-list03.flex article.member-art { width: 100%; margin: 0 0 40px; }
.member-list.member-list03.flex article.member-art a { height: auto; padding: 20px 60px 20px 20px; box-sizing: border-box; min-height: 120px; }
.member-list.member-list03.flex article.member-art a h3 { font-size: 18px; }
.member-list.member-list03.flex article.member-art a .m-logo img { width: auto; height: 32px; }
.member-list.member-list03.flex article.member-art a span.arrow-h { right: 20px; bottom: 50%; transform: translateY(50%); }
.member-list.member-list03.flex article.member-art .mem-text { margin-top: 10px; line-height: 1.5; }

/*　05　実績
----------------------------------*/
div#serach-trigger { width: 100%; height: 77px; cursor: pointer; display: table; margin-bottom: 80px; }
div#serach-trigger > div { display: table-cell; text-align: center; vertical-align: middle; font-size: 16px; font-weight: 700; position: relative; z-index: 3; background: url("../img/p10/btn-arrow01.svg") no-repeat center right 20px #fff; border-radius: 38px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); }
div#serach-trigger > div > span { display: inline-block; padding-left: 26px; background: url("../img/p05/ico-lens02.svg") no-repeat left center; padding-bottom: 3px; }

div#serach-shade { position: fixed; z-index: -5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); left: 0; top: 0; pointer-events: none; opacity: 0; }

div#serach-shade.on { z-index: 220; opacity: 1; pointer-events: auto; }

div.search-area01 { position: fixed; z-index: -5; left: 0; right: 0; top: 50%; transform: translateY(-50%); max-height: calc(100% - 80px); width: 89.34vw; margin: 0 auto; pointer-events: none; opacity: 0; }

.search-inner01 { max-height: 104vw; overflow: auto; }

div.search-area01.on { z-index: 225; opacity: 1; pointer-events: auto; }

div.search-area01 > .tit { display: none; }
div.search-area01 > .sin { background: #fff; border-radius: 2.66vw; padding: 5.33vw; }

.sp-ss-close { background: url("../img/common/pop-close.svg") no-repeat; width: 10.66vw; height: 10.66vw; border-radius: 100%; position: absolute; z-index: 2; right: -2.66vw; top: -2.66vw; cursor: pointer; background-size: contain; }

.search-inner01 { margin-bottom: 20px; }

.search-cate { padding: 20px; background: #F8F8F8; margin-bottom: 10px; box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; }

.search-cate:last-child { margin-bottom: 0; }

.search-title { font-size: 16px; font-weight: 700; line-height: 1.5; width: 100%; margin-bottom: 10px; }

.search-right { width: 100%; }

ul.search-cate-list.flex > li { width: 100%; }

ul.search-cate-list.flex { margin-top: -10px; }
ul.search-cate-list.flex > li { line-height: 1.5; margin-top: 10px; }
ul.search-cate-list.flex > li label { position: relative; padding-left: 28px; display: inline-block; }
ul.search-cate-list.flex > li input { transform: scale(1.5); transform-origin: left center; position: absolute; left: 0; top: 7px; }

.reset-awrp { text-align: center; margin-top: 15px; }

input.reset-btn { background: none; border: none; text-decoration: underline; font-weight: 500; font-size: 16px; cursor: pointer; }

.search-submit01 { text-align: center; position: relative; }

.search-submit01:before { content: ""; pointer-events: none; z-index: 6; background: url("../img/p05/ico-lens02.svg") no-repeat; width: 18px; height: 18px; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left: calc(50% - 60px); }

input.blue-submit01 { transition: 0.3s; border: none; color: #000000; width: 100%; height: 77px; font-size: 16px; font-weight: 700; position: relative; z-index: 3; background: url("../img/p10/btn-arrow01.svg") no-repeat center right 20px #fff; border-radius: 38px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); }

div#p05Box01 { padding: 50px 5.33vw 140px; }

div.case-list-all article.caseBox.caseBox02 { margin-bottom: 20px; }
div.case-list-all article.caseBox.caseBox02:last-child { margin-bottom: 0; }

article.caseBox.caseBox02 { background: none; padding: 0; position: relative; }
article.caseBox.caseBox02 a { text-decoration: none; position: relative; box-sizing: border-box; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); }
article.caseBox.caseBox02 a > .bf-af.flex { width: 100%; margin-bottom: 10px; }
article.caseBox.caseBox02 a > .cont { width: 100%; }
article.caseBox.caseBox02 a > span.arrow-h { position: absolute; z-index: 2; right: 40px; bottom: 40px; box-sizing: border-box; display: none; }

article.caseBox.caseBox02:last-child { margin-bottom: 0; }

/*詳細*/
.single-case div#mv.umv + div#contents { padding-top: 0; }
.single-case div#mv.umv { background-size: cover; padding-bottom: 18.66vw; padding-top: 18.66vw; }

h1.case-tit { line-height: 1.5; color: #fff; font-weight: 700; font-size: 8.5vw; }

div#caseBox01 { padding: 50px 5.33vw 140px; }

.case-data-box01 > h2 { font-size: 18px; font-weight: 700; color: #fff; line-height: 1.5; border-radius: 10px 10px 0 0; background: #00428B; padding: 15px 20px; }
.case-data-box01 > .cont { padding: 20px; background: #FFFFFF; border-radius: 0 0 10px 10px; }
.case-data-box01 ul.links-ul01.flex > li { font-weight: 700; }

ul.links-ul01.flex { display: block; }
ul.links-ul01.flex > li { position: relative; font-weight: 500; margin-bottom: 5px; }
ul.links-ul01.flex > li a { text-decoration: underline; position: relative; padding-right: 32px; }
ul.links-ul01.flex > li a span.arrow-h { width: 24px; height: 24px; position: absolute; z-index: 2; right: 0; top: 50%; transform: translateY(-50%); }

ul.links-ul02.flex { margin-left: -20px; }
ul.links-ul02.flex > li { margin-left: 20px; position: relative; font-weight: 500; }

.case-data-box02 { margin-top: 40px; }
.case-data-box02 dl.flex { margin-bottom: 20px; line-height: 27px; align-items: center; }
.case-data-box02 dl.flex dt { width: 100%; text-align: center; color: #fff; font-weight: 500; font-size: 15px; border-radius: 20px; background: #00428B; margin-bottom: 10px; line-height: 36px; }
.case-data-box02 dl.flex dd { width: 100%; box-sizing: border-box; padding: 0 20px; }
.case-data-box02 dl.flex:last-child { margin-bottom: 0; }

.case-data-box03 { margin-top: 80px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.case-data-box03 > div { width: 100%; position: relative; }
.case-data-box03 > div .cap { position: absolute; left: 0; top: 0; z-index: 2; line-height: 7.46vw; color: #fff; background: #0D0D0D; font-size: 3.73vw; font-weight: 400; padding: 0 2.13vw; }
.case-data-box03 > div .img .in-img { padding-top: 69.23%; }
.case-data-box03 > div.left { margin-bottom: 5.33vw; }
.case-data-box03 > div.right .cap { background: #00428B; }

.case-data-box03.bfaf > div.left { margin-bottom: 9.6vw; }
.case-data-box03.bfaf > div.left:after { content: ""; width: 0; height: 0; border-top: solid 4.26vw #D5E1F5; border-left: solid 4.26vw transparent; border-right: solid 4.26vw transparent; position: absolute; left: 0; right: 0; top: calc(100% + 2.66vw); margin: 0 auto; }

.case-data-box04 { margin-top: 80px; padding: 0 5.33vw; }

div.gallery-main { width: 100%; margin-bottom: 16px; }
div.gallery-main button.slick-arrow { width: 12.8vw; height: 12.8vw; top: 30vw; }
div.gallery-main button.slick-prev.slick-arrow { background: url("../img/p05/gallery-slide01.svg") no-repeat center #00428B; left: -5.33vw; border: none; background-size: 2.66vw; }
div.gallery-main button.slick-next.slick-arrow { background: url("../img/p05/gallery-slide02.svg") no-repeat center #00428B; right: -5.33vw; border: none; background-size: 2.66vw; }

div.gallery-thumbs { width: 100%; }

.gallery-img { width: 100%; }
.gallery-img a { display: block; position: relative; text-decoration: none; }
.gallery-img a:after { content: ""; position: absolute; right: 0; bottom: 0; z-index: 2; background: url("../img/p05/ico-lens.svg") no-repeat center, rgba(0, 0, 0, 0.5); width: 10.66vw; height: 10.66vw; background-size: 8vw; }
.gallery-img p { margin-top: 10px; line-height: 1.5; font-size: 4.26vw; }

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

.gallery-thumb { width: 24.5vw; margin: 0 1.33vw 0 0; cursor: pointer; position: relative; }
.gallery-thumb .thumb-photo { padding-top: 69.16%; }

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

.gallery-thumb.slick-current:after { opacity: 0.6; }

.case-data-box05 { margin-top: 80px; }
.case-data-box05 .TBL02 div.flex div.th, .case-data-box05 .TBL02 div.flex div.td { padding: 24px 20px; }

.case-data02 { margin-top: 100px; }

.tr-list.flex { justify-content: space-between; }
.tr-list.flex > .box { width: 100%; margin: 0 0 10px 0; box-sizing: border-box; background: #fff; border-radius: 10px; padding: 15px 20px; }
.tr-list.flex > .box p { padding-left: 18px; line-height: 1.5; position: relative; }
.tr-list.flex > .box p:before { content: "・"; position: absolute; left: 0; top: 0; }
.tr-list.flex > .box:last-child { margin-bottom: 0; }

.case-data03 { margin-top: 80px; }

.case-data04 { margin-top: 80px; }
.case-data04 .whiteBox01 { padding: 40px 20px; }
.case-data04 .sub-tit01 { margin-bottom: 15px; line-height: 1.5; font-weight: 700; font-size: 20px; }
.case-data04 .text01 { line-height: 1.75; }

.block_cont { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #ECECEC; }

.block_cont:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.imgs02.flex { justify-content: space-between; }
.imgs02.flex .block-img { width: 100%; margin-bottom: 5.33vw; }
.imgs02.flex .block-img a { display: block; position: relative; text-decoration: none; }
.imgs02.flex .block-img a:after { content: ""; position: absolute; right: 0; bottom: 0; z-index: 2; background: url("../img/p05/ico-lens.svg") no-repeat center, rgba(0, 0, 0, 0.5); width: 10.66vw; height: 10.66vw; background-size: 8vw; }
.imgs02.flex .block-img > p { font-size: 4.26vw; line-height: 1.5; margin-top: 10px; }
.imgs02.flex .block-img:last-child { margin-bottom: 0; }

.block_cont.block_cont01 { margin-top: 40px; }
.block_cont.block_cont01 .sub-tit01 { margin-top: 40px; }
.block_cont.block_cont01 .sub-tit01:first-child { margin-top: 0; }

.block_cont.block_cont03 .imgs02.flex, .block_cont.block_cont04 .imgs02.flex, .block_cont.block_cont05 .imgs02.flex { margin-top: 40px; }
.block_cont.block_cont03 .imgs02.flex:first-child, .block_cont.block_cont04 .imgs02.flex:first-child, .block_cont.block_cont05 .imgs02.flex:first-child { margin-top: 0; }

.block_cont.block_cont06 { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.block_cont.block_cont06 img { width: 100%; max-width: 100%; }
.block_cont.block_cont06 a { display: block; position: relative; text-decoration: none; }
.block_cont.block_cont06 a:after { content: ""; position: absolute; right: 0; bottom: 0; z-index: 2; background: url("../img/p05/ico-lens.svg") no-repeat center, rgba(0, 0, 0, 0.5); width: 40px; height: 40px; }
.block_cont.block_cont06 > p { text-align: center; line-height: 1.5; margin-top: 10px; }

.block_cont.block_cont07 .imgs02.flex, .block_cont.block_cont08 .imgs02.flex, .block_cont.block_cont09 .imgs02.flex, .block_cont.block_cont10 .imgs02.flex { margin-bottom: 30px; }
.block_cont.block_cont07 .imgs02.flex .cap, .block_cont.block_cont08 .imgs02.flex .cap, .block_cont.block_cont09 .imgs02.flex .cap, .block_cont.block_cont10 .imgs02.flex .cap { position: absolute; left: 0; top: 0; z-index: 2; line-height: 28px; color: #fff; background: #0D0D0D; font-size: 14px; font-weight: 400; padding: 0 8px; }
.block_cont.block_cont07 .imgs02.flex .block-img.block-img02 .cap, .block_cont.block_cont08 .imgs02.flex .block-img.block-img02 .cap, .block_cont.block_cont09 .imgs02.flex .block-img.block-img02 .cap, .block_cont.block_cont10 .imgs02.flex .block-img.block-img02 .cap { background: #00428B; }
.block_cont.block_cont07 .imgs02.flex .block-img.block-img01, .block_cont.block_cont08 .imgs02.flex .block-img.block-img01, .block_cont.block_cont09 .imgs02.flex .block-img.block-img01, .block_cont.block_cont10 .imgs02.flex .block-img.block-img01 { position: relative; margin-bottom: 9.6vw; }
.block_cont.block_cont07 .imgs02.flex > .block-img.block-img01:after, .block_cont.block_cont08 .imgs02.flex > .block-img.block-img01:after, .block_cont.block_cont09 .imgs02.flex > .block-img.block-img01:after, .block_cont.block_cont10 .imgs02.flex > .block-img.block-img01:after { content: ""; width: 0; height: 0; border-top: solid 4.26vw #D5E1F5; border-left: solid 4.26vw transparent; border-right: solid 4.26vw transparent; position: absolute; left: 0; right: 0; top: calc(100% + 2.66vw); margin: 0 auto; }
.block_cont.block_cont07 .imgs02.flex:last-child, .block_cont.block_cont08 .imgs02.flex:last-child, .block_cont.block_cont09 .imgs02.flex:last-child, .block_cont.block_cont10 .imgs02.flex:last-child { margin-bottom: 0; }

/*　06　改質・処理技術
----------------------------------*/
.method-list01.method-list100.flex { margin-top: -30px; }
.method-list01.method-list100.flex article.method-art { margin-top: 30px; }
.method-list01.method-list100.flex article.method-art:nth-child(3n) { margin-right: 0; }

.titles01.titles01-2 { color: #fff; }
.titles01.titles01-2 .jp { font-size: 4.26vw; }
.titles01.titles01-2 .jp2 { font-size: 10.66vw; }

.umv-img { width: 100%; }
.umv-img .in-img { height: 66.66vw; }

div#p06Box01 { padding: 50px 5.33vw 140px; }

.m-tit { margin-bottom: 30px; color: #00428B; font-size: 36px; }

.TBL02.TBL02-2 { margin-top: 80px; }

.whiteBox01.mthodBox02 { padding: 40px 20px; margin-top: 80px; }
.whiteBox01.mthodBox02 .titles04 { margin-bottom: 30px; }

ul.ef-list.flex { justify-content: space-between; align-items: flex-start; }
ul.ef-list.flex > li { margin-top: 16px; padding-top: 16px; border-top: solid 1px #ECECEC; width: 100%; padding-left: 18px; line-height: 1.375; position: relative; box-sizing: border-box; }
ul.ef-list.flex > li:before { content: "・"; position: absolute; left: 0; top: 16px; }
ul.ef-list.flex > li:first-child { margin-top: 0; padding-top: 0; border-top: none; }
ul.ef-list.flex > li:first-child:before { top: 0; }

.mthodBox03 { margin-top: 80px; }
.mthodBox03 h3.titles04 { margin-bottom: 10px; }
.mthodBox03 .text02 { margin-bottom: 30px; }

.mthodBox04 { margin-top: 80px; }
.mthodBox04 h3.titles04 { margin-bottom: 30px; }

.whiteBox01.mtBox { margin-bottom: 20px; padding: 20px; }
.whiteBox01.mtBox .text { line-height: 1.5; }

.whiteBox01.mtBox:last-child { margin-bottom: 0; }

h4.ico-tit { align-items: center; margin-bottom: 8px; display: flex; flex-wrap: wrap; }
h4.ico-tit .ico { width: 48px; margin-right: 10px; }
h4.ico-tit .text { font-size: 18px; font-weight: 700; }

/*　07　参画企業
----------------------------------*/
.single-member div#mv.umv + div#contents { padding-top: 0; }
.single-member div#mv.umv { background-size: cover; padding-bottom: 18.66vw; padding-top: 18.66vw; }

.single-equipment div#mv.umv + div#contents { padding-top: 0; }

.titles01.titles01-3 { margin-bottom: 0 !important; }
.titles01.titles01-3 .jp { font-size: 8.53vw !important; }

.logoBox { margin-top: 5px; }
.logoBox > div { display: inline-block; background: #fff; padding: 2.13vw 7.73vw; border-radius: 12.8vw; }
.logoBox > div img { width: auto; height: 8.53vw; }

div#p07Box01 { padding: 50px 5.33vw 140px; }

.TBL02.TBL02-3 ul.links-ul01.flex { display: inline; }
.TBL02.TBL02-3 ul.links-ul01.flex > li { display: inline; }
.TBL02.TBL02-3 ul.links-ul01.flex > li:after { content: "/"; margin: 0 5px; }
.TBL02.TBL02-3 ul.links-ul01.flex > li:last-child:after { content: none; }
.TBL02.TBL02-3 div.flex div.td { background: #F8F8F8; }

.p07-cont01-2.flex { margin-top: 40px; justify-content: space-between; }
.p07-cont01-2.flex .left { width: 100%; margin-bottom: 30px; }
.p07-cont01-2.flex .right { width: 100%; box-sizing: border-box; padding: 0 5.33vw; }

.copy03 { font-weight: 700; margin-bottom: 20px; font-size: 24px; color: #00428B; line-height: 1.46; }

div#p07Box02 { padding: 140px 5.33vw; background: #F1F6FE; }
div#p07Box02 .titles01 { text-align: center; margin-bottom: 40px; }
div#p07Box02 .titles01 .en { font-size: 50px; }

article.faq-art.tech-art { padding: 0; }
article.faq-art.tech-art .q-tit { padding-left: 0; font-size: 20px; padding: 18px 50px 18px 20px; font-weight: 700; }
article.faq-art.tech-art .q-tit span.opcl-ico { right: 20px; top: 50%; transform: translateY(-50%); }
article.faq-art.tech-art .q-tit:before { content: none; }
article.faq-art.tech-art .q-tit.opcl.on { color: #fff; border-radius: 10px 10px 0 0; background: #00428B; }
article.faq-art.tech-art .q-tit.opcl.on span.opcl-ico { border-color: #fff; }
article.faq-art.tech-art .q-tit.opcl.on span.opcl-ico > span:before { background: #fff; }

.tec-inner.flex { box-sizing: border-box; padding: 20px 20px 40px; flex-direction: row-reverse; justify-content: space-between; }
.tec-inner.flex .img { width: 100%; margin-bottom: 20px; }
.tec-inner.flex .img .in-img { padding-top: 73.91%; }
.tec-inner.flex > .cont { width: 100%; }
.tec-inner.flex > .cont .btn01 { margin-top: 40px; margin-left: 0; }

div#p07Box03 { padding: 140px 5.33vw; background: #F8F8F8; }
div#p07Box03 .titles01 { text-align: center; margin-bottom: 40px; }

.profBox.flex { margin-bottom: 80px; align-items: flex-start; }
.profBox.flex .img { width: 42.66vw; border-radius: 100%; margin: 0 auto 40px; }
.profBox.flex .img .in-img { padding-top: 100%; border-radius: 100%; }
.profBox.flex > .cont { width: 100%; }
.profBox.flex > .cont dl.flex { margin-top: 8px; align-items: center; line-height: 27px; }
.profBox.flex > .cont dl.flex dt { width: 60px; text-align: center; color: #fff; border-radius: 20px; background: #00428B; margin-right: 10px; }
.profBox.flex > .cont dl.flex dd { width: calc(100% - 70px); }
.profBox.flex > .cont dl.flex:first-child { margin-top: 0; }
.profBox.flex > .cont .message { line-height: 1.5; margin-top: 24px; }

a.ulink { text-decoration: underline; }

.awards-list { line-height: 24px; }
.awards-list > .box { margin-bottom: 10px; }
.awards-list > .box .tit { padding-left: 18px; font-weight: 700; position: relative; color: #00428B; }
.awards-list > .box .tit:before { content: "・"; position: absolute; left: 0; top: 0; }
.awards-list > .box > .cont { padding-left: 18px; }
.awards-list > .box:last-child { margin-bottom: 0; }

section#case-sec02 { background: #fff; padding: 140px 5.33vw; }
section#case-sec02 .titles01 { text-align: center; margin-bottom: 40px; }

article.caseBox.caseBox02.no-caseBox:before { content: none; }

/*　08　よくある質問
----------------------------------*/
div#contents.bg03 { background: #F8F8F8; }

.two-wrap { padding: 90px 5.33vw 140px; }

div#two-content { justify-content: space-between; }

div#two-side { width: 100%; margin-bottom: 30px; }

div#two-main { width: 100%; }

.page-faq div#two-side { display: none; }

section.faqSec { margin-bottom: 80px; }

section.faqSec:last-child { margin-bottom: 0; }

.stickyBox { position: sticky; top: calc(4.166vw + 10px); }

ul.anc-list { border-top: solid 1px #ECECEC; }
ul.anc-list > li { border-bottom: solid 1px #ECECEC; padding: 20px 0; }
ul.anc-list > li a { display: block; position: relative; padding: 0 30px 0 0; }
ul.anc-list > li a span.arrow-h { position: absolute; right: 0; z-index: 2; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; }
ul.anc-list > li a span.arrow-h img { width: 7px; }

/*　09　お知らせ
----------------------------------*/
div#two-content.two-news { flex-direction: row-reverse; }

div.news-list-all.flex { margin-top: 0; }

article.news-art01 { width: 100%; margin: 0 0 40px 0; }
article.news-art01 a { display: block; box-sizing: border-box; height: 100%; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); border-radius: 10px; text-decoration: none; }
article.news-art01 a .img { border-radius: 10px 10px 0 0; overflow: hidden; }
article.news-art01 a .img .in-img { padding-top: 74.07%; transition: 0.3s; border-radius: 10px 10px 0 0; }
article.news-art01 a .cont { padding: 20px; }
article.news-art01 a .cont .tit { font-weight: 500; line-height: 1.5; margin-top: 8px; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

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

.side-tit { font-size: 24px; margin-bottom: 10px; }

ul.side-links > li { border-bottom: solid 1px #ECECEC; padding: 20px 0; }
ul.side-links > li a { display: block; position: relative; padding: 0 30px 0 0; }
ul.side-links > li a span.arrow-h { position: absolute; right: 0; z-index: 2; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; }
ul.side-links > li a span.arrow-h img { width: 7px; }

.side-inner > select { border-radius: 0; box-sizing: border-box; font-size: 16px; padding: 5px 20px; border: solid 1px #D4D4D4; color: #9A9A9A; width: 100%; height: 50px; }

/*詳細*/
.single-news div#two-side { display: none; }

.whiteBox01 { padding: 30px 20px; background: #FFFFFF; border-radius: 10px; }

h1.blog-tit { font-size: 19px; line-height: 1.47; margin: 10px 0 30px; }

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

.tagsBox { margin-top: 40px; }
.tagsBox .tag-tit { line-height: 1.5; font-weight: 700; font-size: 20px; margin-bottom: 10px; }

ul.tags-list.flex { margin: -10px 0 0 -15px; }
ul.tags-list.flex li.tag-li { margin: 10px 0 0 15px; }
ul.tags-list.flex li.tag-li a { text-decoration: underline; }

.writerBox { margin-top: 60px; padding: 30px 20px; background: #F1F6FE; }
.writerBox > h4 { color: #00428B; font-size: 20px; font-weight: 700; line-height: 1.5; margin-bottom: 20px; }

.ineer-box-writer.flex { align-items: center; }
.ineer-box-writer.flex > .img { width: 80px; border-radius: 100%; margin-right: 15px; }
.ineer-box-writer.flex > .img .in-img { padding-top: 100%; border-radius: 100%; }
.ineer-box-writer.flex > .cont { line-height: 1.5; width: calc(100% - 95px); }

.wr-text { width: 100%; margin-top: 15px; }

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

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

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 4px 2px; text-decoration: none; width: 48px; height: 48px; text-align: center; line-height: 48px; font-size: 16px; font-weight: 700; color: #00428B; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); background: #fff; }

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

.wp-pagenavi span.extend { background: none; color: #00428B; box-shadow: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p09/arrow02.svg") no-repeat center #fff; margin-right: 28px; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p09/arrow03.svg") no-repeat center #fff; margin-left: 28px; margin-right: 0; }

.wp-pagenavi span.current { color: #fff; background: #00428B; }

.wp-pagenavi a.first { color: transparent; background: url("../img/p09/arrow01.svg") no-repeat center #fff; }

.wp-pagenavi a.last { color: transparent; background: url("../img/p09/arrow04.svg") no-repeat center #fff; }

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

.post-navigation ul { justify-content: space-between; align-items: center; margin-top: 80px; }

.post-navigation ul > li a { text-decoration: none; font-weight: 700; color: #fff; }

.post-navigation ul > li.prev, .post-navigation ul > li.next { width: 60px; }

.post-navigation ul > li.prev a { font-weight: 700; display: block; position: relative; width: 60px; height: 60px; line-height: 60px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); background: url("../img/p09/arrow02h.svg") no-repeat center #fff; border-radius: 5px; }

.post-navigation ul > li.next a { font-weight: 700; display: block; position: relative; width: 60px; height: 60px; line-height: 60px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); background: url("../img/p09/arrow03h.svg") no-repeat center #fff; border-radius: 5px; }

.post-navigation ul > li.prev a > span { background: url("../img/p09/arrow02.svg") no-repeat center; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; transition: 0.3s; }

.post-navigation ul > li.next a > span { background: url("../img/p09/arrow03.svg") no-repeat center; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; transition: 0.3s; }

.post-navigation ul > li.blog-back { width: 160px; height: 60px; display: table; }

.post-navigation ul > li.blog-back a { display: table-cell; text-align: center; vertical-align: middle; background: #00428B; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); border: solid 1px #00428B; }

.post-navigation ul > li.kara { z-index: -2; pointer-events: none; opacity: 0; }

.post-navigation ul > li:last-child { margin-right: 0; }

/*　10　お問い合わせ
----------------------------------*/
.page-contact div#contents { background-image: url("../img/p10/bowa01.png"); background-repeat: no-repeat; background-position: left calc(50% + 520px) top -120px; }

div#p10Box01 { padding: 90px 5.33vw 140px; background: url("../img/p10/bowa02.png") no-repeat right calc(50% + 480px) bottom 50px; }
div#p10Box01 .tit-head.flex { margin-bottom: 40px; display: block; }
div#p10Box01 .tit-head.flex .left { margin-bottom: 30px; }
div#p10Box01 .tit-head.flex .left .tit { font-weight: 700; line-height: 1.3; font-size: 24px; margin-top: 5px; }
div#p10Box01 .whiteBox01 { padding: 40px 20px 60px; }
div#p10Box01 .whiteBox01 > .tit { text-align: center; font-weight: 700; color: #00428B; font-size: 28px; line-height: 1.5; margin-bottom: 40px; }

.bikou-text p { position: relative; padding-left: 18px; font-weight: 500; line-height: 1.25; margin-bottom: 10px; }
.bikou-text p:last-child { margin-bottom: 0; }
.bikou-text p:before { content: "※"; position: absolute; left: 0; top: 0; }

/*フォーム*/
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% - 8px); height: 80px; position: relative; }

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

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

ul.contact-state > li.state01 > span { background: linear-gradient(110deg, #0061AB 0%, #00428B 100%); color: #fff; }
ul.contact-state > li.state01 > span span.num-circle { border-color: #fff; }

ul.contact-state > li > span span.num { font-family: "pop"; margin-bottom: 5px; }

ul.contact-state > li > span span.text { display: block; }

ul.contact-state > li:after { content: ""; width: 12px; height: 1px; position: absolute; top: 0; bottom: 0; left: 100%; margin: auto 0; background: #D9D9D9; top: 0; bottom: 0; }

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: linear-gradient(110deg, #0061AB 0%, #00428B 100%); color: #fff; }
ul.contact-state.contact-state02 > li.state02 > span span.num-circle { border-color: #fff; }

span.num-circle { display: inline-block; width: 30px; height: 30px; border-radius: 100%; box-sizing: border-box; border: solid 1px transparent; text-align: center; line-height: 28px; font-size: 14px; }

a.green { text-decoration: underline; color: #00428B; }

.contactTBL th, .contactTBL td { display: block; box-sizing: border-box; font-size: 16px; padding: 30px 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-right: 30px; margin-bottom: 10px; }
.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: 2px 7px; background: #8B0000; margin-right: 8px; box-sizing: border-box; font-size: 13px; font-weight: 700; border-radius: 5px; }

span.nini { display: inline-block; color: #727272; padding: 1px 6px; border: solid 1px #727272; margin-right: 8px; font-size: 13px; font-weight: 700; border-radius: 2px; }

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: 120px; border: solid 1px #D4D4D4; padding: 5px 10px; font-size: 16px; background: #fff; width: 100%; }

input#com-name, input#busho { width: 500px; }

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

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

.pop-btn.opcl-btn { margin-bottom: 0; width: 100%; height: 60px; border-radius: 30px; padding: 0 20px; }
.pop-btn.opcl-btn .inner { justify-content: center; height: 60px; align-items: center; }
.pop-btn.opcl-btn .inner .text { width: 100%; font-size: 16px; box-sizing: border-box; text-align: center; }
.pop-btn.opcl-btn .inner .plus { width: 32px; height: 32px; right: 20px; bottom: auto; top: 50%; transform: translateY(-50%); border-radius: 100%; }
.pop-btn.opcl-btn .inner .plus img { width: 15px; }
.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 20px 20px; }

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

input#your-name, input#kana { width: 200px; }

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

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

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-handler { border: solid 1px #E1E1E1; border-radius: 8px; background: #fff; padding: 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: 130px; height: 40px; display: inline-block; line-height: 35px; background: #000000; border: solid 1px #000000; border-radius: 4px; padding-top: 3px; font-size: 16px; margin-top: 8px; color: #fff; }

.contact-submit.flex { margin-top: 30px; 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: none; color: #000000; width: 100%; height: 64px; font-size: 16px; font-weight: 700; position: relative; z-index: 3; background: url("../img/p10/btn-arrow01.svg") no-repeat center right 20px #fff; border-radius: 38px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); }

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

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

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

.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: 13px; color: #9A9A9A; line-height: 40px; }

.contactArea .dnd-upload-status { flex-wrap: wrap !important; }
.contactArea .dnd-upload-status .dnd-upload-details .name { padding-right: 30px !important; }
.contactArea .dnd-upload-status .dnd-upload-details { box-sizing: border-box; width: calc(100% - 50px); }

/*確認画面*/
.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 .dnd-upload-status .dnd-upload-details .name { padding-right: 0 !important; }

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

/*　thanksページ等
----------------------------------*/
.post-type-archive-member div#mv.umv, .post-type-archive-method div#mv.umv, .page-privacy div#mv.umv, .page-sitepolicy div#mv.umv, .error404 div#mv.umv { background-size: cover; padding-bottom: 13.33vw; }
.post-type-archive-member div#mv.umv .titles01, .post-type-archive-method div#mv.umv .titles01, .page-privacy div#mv.umv .titles01, .page-sitepolicy div#mv.umv .titles01, .error404 div#mv.umv .titles01 { margin-bottom: 0; }
.post-type-archive-member div#mv.umv .titles01 .en, .post-type-archive-method div#mv.umv .titles01 .en, .page-privacy div#mv.umv .titles01 .en, .page-sitepolicy div#mv.umv .titles01 .en, .error404 div#mv.umv .titles01 .en { font-size: 8vw; }
.post-type-archive-member div#mv.umv + div#contents, .post-type-archive-method div#mv.umv + div#contents, .page-privacy div#mv.umv + div#contents, .page-sitepolicy div#mv.umv + div#contents, .error404 div#mv.umv + div#contents { padding-top: 0; }

div#p100Box01 { padding: 75px 5.33%; }
div#p100Box01 .btn01 { margin: 50px 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: #00428B; margin-top: 50px; }

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

/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/
@media screen and (min-width: 0px) and (max-width: 400px) { .p02-cont01-2 h3.titles04 { font-size: 26px; padding-top: 1px; } }