@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 { /*Roboto-Medium*/
font-family: 'robo'; src: url("../fonts/Roboto-Medium.otf"); src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.otf") format("truetype"); font-weight: 500; }
@font-face { /*Roboto-Bold*/
font-family: 'robo'; src: url("../fonts/Roboto-Bold.otf"); src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-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: #000; font-size: 16px; line-height: 1.6; font-family: YakuHanJP,'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-style: normal; font-weight: 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 .en { display: block; color: #34A02B; font-size: 20px; line-height: 1; font-weight: 500; margin-bottom: 12px; }
.titles01 .jp { display: block; line-height: 1.6; font-size: 32px; color: #00614A; }
.titles01 span.sp-komoji { font-size: 25px; }

.titles01.type02 .en { color: #fff; }
.titles01.type02 .jp { color: #fff; }

.titles02 { border-bottom: solid 1px #C9E6C7; margin-bottom: 20px; padding-bottom: 10px; position: relative; line-height: 1.6; font-size: 24px; padding-left: 15px; }

.titles02:before { content: ""; width: 5px; height: calc(100% - 22px); position: absolute; left: 0; top: 7px; background: #34A02B; }

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

.titles03:before { content: ""; width: 20px; height: 2px; background: #34A02B; position: absolute; left: 0; top: 16px; }

.titles04 { padding-left: 17px; position: relative; font-weight: 700; line-height: 1.6; margin-bottom: 13px; }

.titles04:before { content: ""; width: 8px; height: 8px; border-radius: 1px; background: #34A02B; position: absolute; left: 0; top: 9px; }

/*共通ボタン設定*/
.btn01 { width: 100%; height: 68px; display: table; }
.btn01 a { display: table-cell; text-decoration: none; color: #fff; border-radius: 5px; position: relative; text-align: left; vertical-align: middle; padding: 5px 65px 5px 30px; background: #00614A; font-size: 16px; line-height: 1.2; font-weight: 700; transition: 0.3s; line-height: 1.2; }
.btn01 a span.arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 2; width: 28px; }
.btn01 a span.arrow img { display: block; transition: 0s; opacity: 1; }

.contact-btn { width: 100%; height: 68px; display: table; }
.contact-btn a { display: table-cell; text-decoration: none; color: #fff; border-radius: 5px; position: relative; text-align: left; vertical-align: middle; padding: 5px 65px 5px 30px; background: linear-gradient(110deg, #00614A 0%, #00B88C 47%, #00614A 100%); background-position: left top; background-size: 200%; font-size: 16px; line-height: 1.2; font-weight: 700; transition: 0.3s; line-height: 1.2; }
.contact-btn a span.arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 2; width: 28px; }
.contact-btn a span.arrow img { display: block; transition: 0s; opacity: 1; }
.contact-btn a .text { display: inline-block; padding-left: 30px; background: url("../img/common/ico-mail01.svg") no-repeat left center; }

/*グラデーション*/
.gra01 { display: inline-block; padding: 4px 10px; background: linear-gradient(120deg, #1E008B 0%, #5391EE 100%); color: #fff; }

.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*/
.en, .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: #CF3E3E; }

.blue { color: #1E008B; }

.blue02 { color: #494AE9; }

.yellow { color: #FFD400; }

.orange { color: #EE5A35; }

.green { color: #00614A; }

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

.green02 { color: #34A02B; }

.navy { color: #374b8e; }

.pink { color: #ff7373; }

.gray { color: #818181; }

/*header
---------------------------------------------------------------*/
div#header { width: 100%; position: fixed; z-index: 200; height: 60px; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding: 6px 5.33vw; left: 0; top: 0; }

.huopen div#header { background: #EDFFEB; }

.head-center, .head-right { display: none; }

.logo a { display: block; height: 50px; text-decoration: none; display: block; width: 160px; }
.logo a img.logo02 { display: block; width: 133px; margin-top: 2px; }

.tel-num a { font-weight: 700; font-family: "robo"; color: #000000; font-size: 40px; display: inline-block; padding-left: 46px; background: url("../img/common/ico-tel01.svg") no-repeat left center; background-size: 40px; white-space: nowrap; line-height: 1.6; }

.head-btn.contact-btn { width: 100%; height: 3.4375vw; }
.head-btn.contact-btn a { padding: 0; text-align: center; font-size: 0.83vw; }
.head-btn.contact-btn a > span.text { background-size: 1.14vw; padding-left: 1.5625vw; }

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

/* nav
=========================================== */
.sp-tel.sp { width: 48px; position: fixed; z-index: 210; top: 6px; right: calc(5.33vw + 58px); }
.sp-tel.sp a { display: flex; flex-wrap: wrap; width: 48px; height: 48px; background: url("../img/common/sp-tel.svg") no-repeat center; justify-content: center; align-items: center; background-size: contain; }

html.huopen { overflow: hidden; }

.sp-nav-btn { width: 48px; height: 48px; position: fixed; top: 6px; right: 5.33vw; z-index: 202; box-sizing: content-box; background: #34A02B; border-radius: 5px; }

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

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

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

.sp-nav-btn > span { background: #fff; }

.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: calc(100dvh - 60px); z-index: 200; top: 60px; box-sizing: border-box; background: #EDFFEB; right: calc(-100% - 60px); transition: opacity 0.3s; padding: 1px 0 50px; opacity: 0; }

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

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

ul.navs-list { height: calc(100dvh - 56px); overflow: auto; box-sizing: border-box; padding: 0 0 95px; width: 100%; }
ul.navs-list li.sp-contact { margin-top: 40px; background: none; width: 100%; border-bottom: none; box-sizing: border-box; padding: 0 5.33vw 30px; }
ul.navs-list li.sp-contact .tel-set.tel-set01 { text-align: center; }
ul.navs-list li.sp-contact .tel-set.tel-set01 .tel-num a { display: inline-block; color: #00614A; background-image: url("../img/common/ico-tel02.svg"); }
ul.navs-list li.sp-contact .tel-set.tel-set01 .bh { font-size: 16px; margin-top: -10px; color: #00614A; }
ul.navs-list li.sp-contact .contact-btn { margin: 30px auto 0; }

.navs-list > li { width: 100%; border-bottom: solid 1px #ECEDED; }
.navs-list > li > a { display: block; padding: 22px calc(5.33vw + 30px) 22px 5.33vw; color: #000; font-weight: 700; line-height: 1; background: url("../img/common/sp-arrow.svg") no-repeat center right 5.33vw; }
.navs-list > li > .dr-tit { display: block; padding: 22px calc(5.33vw + 30px) 22px 5.33vw; color: #000; font-weight: 700; line-height: 1; background: url("../img/common/sp-open.svg") no-repeat center right 5.33vw; }
.navs-list > li > .dr-tit .arrow { display: none; }

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

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

#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: #1E1E1E; vertical-align: middle; }

ul.bread-list li a { font-size: 14px; color: #1E1E1E; }
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: #1E1E1E; }

#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: #1E1E1E; }

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

/* footer */
/*-------------------------------------------*/
aside#aside01 { padding: 100px 5.33vw; background: linear-gradient(120deg, #124F0D 0%, #38AD2E 100%); color: #fff; position: relative; overflow: hidden; z-index: 2; position: relative; }
aside#aside01 .bg-text.robo { font-size: 80px; color: #fff; opacity: 0.2; position: absolute; left: -2.33vw; bottom: 47px; line-height: 1; white-space: nowrap; }
aside#aside01 .wrap { z-index: 3; }
aside#aside01 .titles01 { margin-bottom: 40px; }

.aside-textBox .text p { display: inline; }

.com-state.flex { align-items: center; margin-bottom: 16px; }
.com-state.flex > div { border: solid 1px rgba(255, 255, 255, 0.6); color: #fff; line-height: 1; font-size: 16px; font-weight: 500; padding: 9px; margin-right: 4px; border-radius: 2px; }
.com-state.flex > div:last-child { margin-right: 0; }

.contact-types.flex { justify-content: space-between; margin-top: 40px; }
.contact-types.flex > .box { width: 100%; box-sizing: border-box; background: #DEEDDE; padding: 30px 20px; color: #00614A; border-radius: 5px; margin-bottom: 20px; }
.contact-types.flex > .box .tel-set.tel-set01 { text-align: center; }
.contact-types.flex > .box .bh { font-size: 16px; font-weight: 400; }
.contact-types.flex > .box .tel-num { margin-top: 20px; }
.contact-types.flex > .box .tel-num a { padding-left: 40px; background-image: url("../img/common/ico-tel02.svg"); background-size: 34px; color: #00614A; font-size: 34px; }
.contact-types.flex > .box.box02 .contact-btn { margin-top: 20px; }
.contact-types.flex > .box.box02 .contact-btn a { padding: 5px 50px 5px 28px; }
.contact-types.flex > .box.box02 .bikou { text-align: center; margin-top: 12px; }
.contact-types.flex > .box:last-child { margin-bottom: 0; }

.sub01 { font-size: 16px; color: #00614A; padding-left: 16px; position: relative; margin-bottom: 1.56vw; }

.sub01:before { content: ""; width: 8px; height: 8px; background: #00614A; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

div#ftMap { height: 74.66vw; }
div#ftMap iframe { width: 100%; height: 100%; }

div#footer { background: #00614A; color: #fff; padding-bottom: 70px; padding-top: 1px; }

div#fnav { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
div#fnav > div { width: calc(50% - 14px); }

div.ft-tit { font-weight: 700; font-size: 18px; margin-bottom: 20px; }
div.ft-tit a { color: #fff; }

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

ul.fs01 > li { margin-bottom: 12px; font-weight: 400; }
ul.fs01 > li a { color: #fff; }
ul.fs01 > li:last-child { margin-bottom: 0; }

.fnav03 { margin-top: 30px; }

div#ftBox01 { padding: 100px 5.33vw 60px; overflow: hidden; }

.ft-info { margin-bottom: 50px; }
.ft-info .bh { font-weight: 400; }

h2.ft-logo { margin-bottom: 30px; width: 260px; }
h2.ft-logo a { display: block; }

.ft-text { font-weight: 400; }
.ft-text a { color: #fff; }

.btn01.ft-btn { margin-bottom: 20px; margin-top: 40px; }
.btn01.ft-btn a { background: #34A02B; border: solid 1px #34A02B; }

.tube-btn { width: 230px; }
.tube-btn a { display: flex; flex-wrap: wrap; align-items: center; background: #fff; height: 58px; width: 100%; justify-content: center; align-items: center; border-radius: 30px; font-size: 16px; text-decoration: none; }
.tube-btn a .ico { width: 30px; margin-right: 8px; }
.tube-btn a .ico img { display: block; opacity: 1; }

.ft-bottom.flex { display: block; padding: 30px 0 30px; width: 89.34vw; margin: 0 auto; border-top: solid 1px #009471; }

ul.pp-list { display: flex; flex-wrap: wrap; justify-content: center; }
ul.pp-list > li { margin-right: 30px; }
ul.pp-list > li a { color: #fff; }
ul.pp-list > li:last-child { margin-right: 0; }

.copyright { font-size: 16px; text-align: center; margin-top: 20px; }

@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
div#scr-sp.contact-btn { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 150; height: 60px; }
div#scr-sp.contact-btn a { padding: 0; text-align: center; }

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

/* 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
------------------------------------------*/
section { position: relative; }

.slider01 article.case-art, .slider01 article.voice-art { margin-right: 1.66vw; width: 16.66vw; }
.slider01 .slick-list { overflow: visible; }
.slider01 .slick-track { display: flex; flex-wrap: wrap; }
.slider01 article.works-art, .slider01 article.blog-art01 { opacity: 0; pointer-events: none; height: auto !important; }
.slider01 article.works-art.slick-active, .slider01 article.works-art.slick-active + article.works-art, .slider01 article.works-art.slick-active + article.works-art + article.works-art, .slider01 article.blog-art01.slick-active, .slider01 article.blog-art01.slick-active + article.blog-art01, .slider01 article.blog-art01.slick-active + article.blog-art01 + article.blog-art01 { opacity: 1; pointer-events: auto; }

button.slick-arrow { opacity: 1; z-index: 2; transition: 0.3s !important; width: 56px; height: 56px; box-sizing: border-box; transition: 0s; top: auto; top: -96px; transform: translateY(0); border-radius: 5px; }

button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center #fff; left: auto; right: 64px; background-size: 16px; }

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

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

button.slick-prev.slick-arrow.slick-disabled { background-image: url("../img/common/slide-arrow01h.svg"); background-color: #00614A; }

button.slick-next.slick-arrow.slick-disabled { background-image: url("../img/common/slide-arrow02h.svg"); background-color: #00614A; }

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

.home div#contents { font-size: 16px; font-weight: 500; line-height: 1.8; }
.home div#mv .titles01 { margin-bottom: 40px; }
.home div#mv .titles01 .en { font-size: 20px; margin-bottom: 12px; }
.home div#mv .titles01 .jp { font-size: 32px; }
.home div#mv .btn01 { width: 100%; height: 18.13vw; }
.home div#mv .btn01 a { border-radius: 1.33vw; padding: 5.33vw 5.33vw 5.33vw 8vw; font-size: 4.26vw; }
.home div#mv .btn01 a span.arrow { right: 5.33vw; width: 7.46vw; }
.home div#mv { padding: 60px 5.33vw 26.66vw; background: url("../img/common/sp-bg01.jpg") no-repeat center top, #EDFFEB; background-size: 100%; }
.home div#mv .bg-logo { display: none; }

div.mv-cont01.flex { display: block; padding-top: 10.66vw; }
div.mv-cont01.flex .left { margin-bottom: 8vw; }
div.mv-cont01.flex .right { position: relative; height: 74.93vw; padding-left: 4vw; }
div.mv-cont01.flex .right .img01 { width: 42.13vw; }
div.mv-cont01.flex .right .img02 { width: 40vw; position: absolute; right: 0; top: 12vw; }
div.mv-cont01.flex .right .img03 { width: 46.4vw; position: absolute; left: 0; bottom: 0; }
div.mv-cont01.flex .right img { width: 100%; max-width: none; }

.mv-text01 { width: 100%; margin-bottom: 5.33vw; }

.mv-feat.flex { justify-content: space-between; }
.mv-feat.flex > .box { width: 28.8vw; }

div.ban01 { width: 100%; margin: 0 auto; box-sizing: border-box; padding: 10.66vw 5.33vw 82.66vw; position: relative; background: linear-gradient(120deg, #38AD2E 0%, #124F0D 100%); color: #fff; z-index: 3; border-radius: 1.33vw; margin-top: 10.66vw; }
div.ban01 > .text { font-size: 5.33vw; margin-bottom: 5.33vw; font-weight: 700; }
div.ban01 .img { background: url("../img/top/ban-img01-sp.png") no-repeat center; position: absolute; z-index: 2; right: 0; bottom: 0; height: 82.66vw; width: 100%; background-size: cover; }
div.ban01 .btn01 a { border: solid 1px #00614A; }

.bg-logo02 { width: 280.8vw; position: relative; margin-top: -7.46vw; margin-left: -7.99vw; margin-bottom: 21.33vw; }

section#top-news { overflow: hidden; }
section#top-news .titles01 { margin-bottom: 5.33vw; }

.news-list01 article.blog-art01 { width: 89.34vw; margin-right: 5.33vw; }

article.blog-art01 { width: 100%; margin-right: 42px; }
article.blog-art01 a { display: block; text-decoration: none; background: #fff; box-sizing: border-box; height: 100%; padding: 20px 20px 24px; border-radius: 5px; box-shadow: 0 0 15px rgba(55, 170, 46, 0.15); position: relative; }
article.blog-art01 a .img { overflow: hidden; border-radius: 5px; margin-bottom: 16px; }
article.blog-art01 a .img .in-img { padding-top: 70.48%; transition: 0.3s; order-radius: 5px; }
article.blog-art01 a .a-date { text-align: right; color: #34A02B; font-size: 16px; font-weight: 400; margin-bottom: 12px; }
article.blog-art01 a h3.tit { width: 100%; line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 400; font-size: 16px; margin-bottom: 20; }
article.blog-art01 a .infos.flex { margin-top: 20px; }
article.blog-art01 a .infos.flex > .cate { margin-right: 6px; }
article.blog-art01 a .infos.flex > .cate:last-child { margin-right: 0; }
article.blog-art01 a .arrow { position: absolute; z-index: 2; right: 20px; bottom: 24px; width: 24px; }

.cate { color: #fff; font-weight: 500; font-size: 16px; background: #34A02B; border-radius: 2px; padding: 0 8px; }

.ovh { overflow: hidden; }

section#pro-sec { padding: 100px 5.33vw; background: url("../img/top/sp-bg02.png") no-repeat center top 60px, #EAF5E9; background-size: 100%; }
section#pro-sec .titles01 { margin-bottom: 40px; }

.pro-list.flex { display: block; }
.pro-list.flex > div.box { margin-bottom: 5.33vw; display: table; position: relative; width: 100%; }
.pro-list.flex > div.box > div { display: table-cell; position: relative; padding: 8vw 7.6vw; background: #fff; border: solid 2px; color: #00614A; line-height: 8vw; font-size: 4.26vw; box-shadow: 0 1.06vw 5.33vw rgba(52, 160, 43, 0.2); }
.pro-list.flex > div.box > div span.bold { font-size: 5.33vw; }
.pro-list.flex > div.box:nth-child(2n) > div { background: #34A02B; color: #fff; }
.pro-list.flex > div.box:nth-child(3n), .pro-list.flex > div.box:last-child { margin-right: 0; }
.pro-list.flex > div.box.box01 > div { border-radius: 10.66vw 10.66vw 0 10.66vw; }
.pro-list.flex > div.box.box02 > div { border-radius: 10.66vw 10.66vw 10.66vw 0; }
.pro-list.flex > div.box.box03 > div { border-radius: 10.66vw 10.66vw 10.66vw 0; }
.pro-list.flex > div.box.box01:after { content: ""; background: url("../img/top/uzu-right.svg") no-repeat; width: 11.2vw; height: 12.26vw; position: absolute; top: -5.33vw; right: 0; z-index: 2; background-size: contain; }
.pro-list.flex > div.box.box04 > div { border-radius: 10.66vw 10.66vw 0 10.66vw; }
.pro-list.flex > div.box.box04:after { content: ""; background: url("../img/top/uzu-left.svg") no-repeat; width: 9.6vw; height: 9.6vw; position: absolute; top: -1.6vw; left: 0; z-index: 2; background-size: contain; }
.pro-list.flex > div.box.box05 > div { border-radius: 10.66vw 10.66vw 10.66vw 0; }

.pro-sol { margin: 60px auto 0; width: 100%; position: relative; text-align: center; padding: 7.73vw 5.33vw 13.33vw; box-sizing: border-box; }
.pro-sol > div { display: inline-block; color: #00614A; font-weight: 700; font-size: 8vw; line-height: 1.6; }
.pro-sol > div .line01 { margin-bottom: 2.66vw; }
.pro-sol .ilu01 { position: absolute; bottom: 5.06vw; left: 8.8vw; width: 14.4vw; }
.pro-sol .ilu02 { position: absolute; top: 2.66vw; right: 5.33vw; width: 16vw; }
.pro-sol span.gra { line-height: 1.2; padding: 2.66vw; font-size: 8vw; margin: 2.66vw 0; display: block; }

.pro-sol:before { content: ""; width: 13.33vw; height: 100%; border: solid 1.06vw #00614A; border-right: none; position: absolute; left: 0; top: 0; }

.pro-sol:after { content: ""; width: 13.33vw; height: 100%; border: solid 1.06vw #00614A; border-left: none; position: absolute; right: 0; top: 0; }

span.gra { display: inline-block; background: linear-gradient(110deg, #00614A 0%, #00B88C 100%); color: #fff; font-weight: 700; }

section#sol-sec { padding: 100px 5.33vw; background: url("../img/top/bg03-1.svg") no-repeat top 50px right, linear-gradient(110deg, #124F0D 0%, #38AD2E 100%); position: relative; background-size: 82.4vw,auto; }
section#sol-sec .bg-text { position: absolute; top: calc(201.46vw + 123px); left: -2.66vw; width: 189.6vw; }
section#sol-sec .titles01 { margin-bottom: 58px; }
section#sol-sec .setBox { margin-top: 10.66vw; }
section#sol-sec .setBox > .tit { border-radius: 1.33vw 1.33vw 0 0; font-size: 5.33vw; padding: 3.73vw 5.33vw; }
section#sol-sec .setBox .inner { background: #fff; border-radius: 0 0 1.33vw 1.33vw; padding: 8vw 5.33vw 10.66vw; }
section#sol-sec .setBox ul.check-list01.flex { display: block; margin: 0; }
section#sol-sec .setBox ul.check-list01.flex > li { margin-bottom: 5.33vw; font-size: 4.8vw; padding-left: 11.2vw; background-size: 8.53vw; margin-top: 0; }
section#sol-sec .setBox ul.check-list01.flex > li:last-child { margin-bottom: 0; }

.sol-list01.flex { margin-top: -10.13vw; justify-content: space-between; }
.sol-list01.flex > div.box { position: relative; background: #fff; border-radius: 1.33vw; width: 43.73vw; margin-top: 10.13vw; padding: 0.53vw 4vw 5.33vw; box-sizing: border-box; }
.sol-list01.flex > div.box .ico { position: relative; z-index: 3; text-align: center; margin: 0 auto 4.26vw; width: 20.66vw; height: 10.66vw; }
.sol-list01.flex > div.box .ico img { width: auto; height: 10.66vw; }
.sol-list01.flex > div.box .text01 { position: relative; z-index: 2; text-align: center; }
.sol-list01.flex > div.box .text01 .num-text { color: #00614A; font-size: 4.26vw; line-height: 1; font-weight: 700; }
.sol-list01.flex > div.box .text01 .num-text .num { font-size: 10.26vw; }
.sol-list01.flex > div.box .text01 span.arrow-txt { font-weight: 700; display: inline-block; line-height: 1; font-size: 4.26vw; padding-right: 5.33vw; background: url("../img/top/sol-arrow02.svg") no-repeat center right; margin-right: 0.53vw; background-size: 4.26vw; }
.sol-list01.flex > div.box .text02 { margin-top: 2.66vw; position: relative; z-index: 2; text-align: center; }
.sol-list01.flex > div.box .text02 .gra { font-size: 5.33vw; line-height: 1; padding: 1.06vw 1.6vw; }
.sol-list01.flex > div.box.box05 .text01 { margin-bottom: 4.8vw; }
.sol-list01.flex > div.box.box05 .text01 .num-text { font-size: 5.33vw; }
.sol-list01.flex > div.box:before { content: ""; width: 25.06vw; height: 25.06vw; border-radius: 100%; background: #fff; position: absolute; left: 0; right: 0; top: -4.8vw; margin: 0 auto; }

.setBox > .tit { background: #298403; color: #fff; font-weight: 700; border-radius: 5px 5px 0 0; font-size: 24px; padding: 10px; }
.setBox .inner { background: #fff; border-radius: 0 0 5px 5px; padding: 40px; }

ul.check-list01.flex { margin-top: -20px; }
ul.check-list01.flex > li { font-weight: 700; font-size: 20px; color: #00614A; padding-left: 42px; box-sizing: border-box; background: url("../img/common/ico-check.svg") no-repeat left top; line-height: 32px; margin-top: 20px; }

.bg-area01 { padding: 100px 5.33vw; background: url("../img/top/sp-bg-line.png") repeat-y center top, url("../img/top/bg04-left.png") no-repeat right 40vw top -24vw, url("../img/top/bg04-right.png") no-repeat bottom -46vw left 29vw, #EDFFEB; background-size: 100%,62.1vw,76.26vw; }

section#reason-sec { padding: 0 0 140px; }
section#reason-sec .wrap .titles01 { margin-bottom: 78px; }
section#reason-sec .btn01 { margin: 60px auto 0; }

.reason-list01 > div.box { margin-bottom: 78px; box-sizing: border-box; background: #fff; position: relative; padding: 30px 20px; }
.reason-list01 > div.box .num { width: 130px; height: 130px; background: url("../img/top/num-bowa.png") no-repeat center; color: #fff; display: table; font-weight: 700; font-size: 50px; position: absolute; right: -24px; top: -38px; background-size: 170px; }
.reason-list01 > div.box .num > span { display: table-cell; text-align: center; vertical-align: top; opacity: 0.6; padding-top: 12px; }
.reason-list01 > div.box > .img { margin-bottom: 20px; position: relative; z-index: 2; }
.reason-list01 > div.box > .cont { position: relative; z-index: 2; }
.reason-list01 > div.box > .cont .sub02 { line-height: 1.6; }
.reason-list01 > div.box:nth-child(2n) .num { left: -24px; right: auto; }
.reason-list01 > div.box:last-child { margin-bottom: 0; }
.reason-list01 > div.box.box01 .ilu { position: absolute; left: -26px; bottom: -12px; width: 22.4vw; }
.reason-list01 > div.box.box02 .ilu { position: absolute; right: -30px; bottom: -20px; width: 25.06vw; }
.reason-list01 > div.box.box03 .ilu { position: absolute; left: -34px; bottom: -12px; width: 25.6vw; }

.sub02 { margin-bottom: 14px; font-weight: 700; font-size: 20px; line-height: 1.6; }
.sub02 .green { font-size: 30px; }

section#works-sec .bg { width: 100vw; background: linear-gradient(110deg, #124F0D 0%, #38AD2E 100%); height: 59.24%; position: absolute; left: -5.33vw; top: 0; }
section#works-sec .wrap { z-index: 3; padding-top: 80px; }
section#works-sec .titles01 { margin-bottom: 40px; }
section#works-sec .btn01 { margin: 60px auto 0; }

.works-list01 article.works-art { width: 89.34vw; margin-right: 5.33vw; }

article.works-art { width: 100%; margin-right: 42px; }
article.works-art a { display: block; text-decoration: none; background: #fff; box-sizing: border-box; height: 100%; padding: 20px 20px 24px; border-radius: 5px; box-shadow: 0 0 15px rgba(55, 170, 46, 0.15); position: relative; }
article.works-art a .img { overflow: hidden; border-radius: 5px; margin-bottom: 16px; }
article.works-art a .img .in-img { padding-top: 70.48%; transition: 0.3s; order-radius: 5px; }
article.works-art a .a-date { text-align: right; color: #34A02B; font-size: 16px; font-weight: 400; margin-bottom: 12px; }
article.works-art a h3.tit { width: 100%; line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 400; font-size: 16px; margin-bottom: 20; }
article.works-art a .infos.flex { margin-top: 20px; }
article.works-art a .infos.flex > .cate { margin-right: 6px; }
article.works-art a .infos.flex > .cate:last-child { margin-right: 0; }
article.works-art a .arrow { position: absolute; z-index: 2; right: 20px; bottom: 24px; width: 24px; }

section#vari-sec { padding: 100px 5.33vw; overflow: hidden; }
section#vari-sec .circle { width: 78.13vw; position: absolute; top: 66px; left: 46.66vw; animation: 50s linear infinite roll; }
section#vari-sec .circle img { width: 100%; max-width: none; }
section#vari-sec .jigu-list { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: -2.66vw; }

div.jig-btn { margin-top: 2.66vw; width: 43.73vw; }
div.jig-btn a { text-decoration: none; box-sizing: border-box; background: #34A02B; padding: 2.66vw 2.66vw 12.8vw; position: relative; color: #fff; display: block; height: 100%; border-radius: 1.33vw; }
div.jig-btn a .img { overflow: hidden; border-radius: 1.33vw; margin-bottom: 2.66vw; }
div.jig-btn a .img .in-img { border-radius: 1.33vw; transition: 0.3s; padding-top: 65.21%; }
div.jig-btn a .img img { transition: 0.3s; }
div.jig-btn a .cont { box-sizing: border-box; }
div.jig-btn a .cont .tit { font-weight: 700; font-size: 4.8vw; margin-bottom: 1.6vw; }
div.jig-btn a .cont .text { font-size: 3.73vw; }
div.jig-btn a .arrow { position: absolute; z-index: 2; right: 2.66vw; bottom: 2.66vw; width: 7.46vw; }
div.jig-btn a .arrow img { width: 100%; max-width: none; }

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

@keyframes roll { 0% { transform: rotateZ(0); }
  100% { transform: rotateZ(360deg); } }
.big-btn { width: 100%; }
.big-btn a { display: block; overflow: hidden; text-decoration: none; position: relative; background: #fff; }
.big-btn a > img { transition: 0.3s; }
.big-btn a .cover { position: absolute; left: 0; bottom: 0; height: 66%; width: 100%; z-index: 2; background: linear-gradient(180deg, rgba(0, 97, 74, 0) 0%, rgba(0, 97, 74, 0.58) 58%, #00614a 100%); }
.big-btn a .cont { position: absolute; width: 100%; box-sizing: border-box; padding: 0 20.33vw 0 5.33vw; bottom: 8vw; font-weight: 500; z-index: 3; color: #fff; font-size: 4.26vw; }
.big-btn a .cont .tit { font-weight: 700; margin-bottom: 2.66vwvw; font-size: 6.4vw; }
.big-btn a .arrow { width: 13.33vw; position: absolute; z-index: 3; right: 8vw; bottom: 8vw; }
.big-btn a .arrow img { width: 100%; display: block; opacity: 1; }

div#seqBox { padding: 80px 5.33vw; background: #EAF5E9; }

.seq-inBox { border: solid 2px #00614A; padding: 40px 20px; color: #00614A; border-radius: 5px; }
.seq-inBox h2.tit { font-size: 26px; margin-bottom: 20px; }
.seq-inBox h2.tit > span { display: inline-block; padding-left: 50px; background: url("../img/top/ico-key.svg") no-repeat left center; background-size: 40px; padding-bottom: 2px; padding-top: 1px; }
.seq-inBox .text p { display: inline; }

/*02 治具の設計・製作
----------------------------------*/
div#umv { box-sizing: border-box; min-height: calc(34.66vw + 60px); background: url("../img/p02/umv-sp.jpg") no-repeat center top; background-size: cover; padding: calc(60px + 9.33vw) 5.33vw 8vw; box-sizing: border-box; overflow: hidden; }

.mv-tit .en { display: block; line-height: 1; font-size: 13.33vw; line-height: 1; font-weight: 500; color: #fff; padding-left: 5.33vw; text-transform: uppercase; white-space: nowrap; opacity: 0.6; }
.mv-tit .jp { display: block; line-height: 1.6; font-weight: 700; font-size: 7.46vw; color: #00614A; position: relative; z-index: 2; margin-top: -8vw; }

section#p02Box01 .wrap { background: url("../img/p02/bowa.png") no-repeat center top 230px; padding: 50px 5.33vw 100px; background-size: 340px; }

.p02-cont01.flex { margin-bottom: 30px; display: block; }
.p02-cont01.flex > .cont { margin-bottom: 30px; }
.p02-cont01.flex > .img { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.p02-cont01.flex > .img > div { width: 43.2vw; }
.p02-cont01.flex > .img .img02 { padding-top: 8vw; }

.copy01 { line-height: 1.5; margin-bottom: 30px; font-weight: 700; font-size: 28px; }
.copy01 .green { font-size: 36px; }

.sol-list01.sol-list02.flex { margin-top: 40px; }
.sol-list01.sol-list02.flex > div.box { background: #EAF5E9; border-radius: 1.33vw; width: 100%; margin-bottom: 2.66vw; top: 0; text-align: center; padding: 5.33vw; display: flex; flex-wrap: wrap; align-items: center; margin-top: 0; }
.sol-list01.sol-list02.flex > div.box > .ico { width: 12.8vw; margin: 0; }
.sol-list01.sol-list02.flex > div.box .text02 { margin: 0 2.66vw; }
.sol-list01.sol-list02.flex > div.box .text02 > span.gra { font-size: 4.26vw; padding: 2.3vw 1.6vw; }
.sol-list01.sol-list02.flex > div.box .text01 { text-align: center; margin-top: 0; }
.sol-list01.sol-list02.flex > div.box .text01 span.num-text { line-height: 45px; font-size: 6.93vw; }
.sol-list01.sol-list02.flex > div.box .text01 span.num-text span.num { font-size: 10.66vw; }
.sol-list01.sol-list02.flex > div.box.box01 .text01 { margin: 0; }
.sol-list01.sol-list02.flex > div.box.box01 .text01 span.num-text { font-size: 4.26vw; }
.sol-list01.sol-list02.flex > div.box:last-child { margin-bottom: 0; }
.sol-list01.sol-list02.flex > div.box:before { content: none; }

.grayBox { background: #F2F2F2; padding: 30px 20px; border-radius: 5px; box-sizing: border-box; }

.grayBox.p02-cont01-2.flex { display: block; margin-top: 30px; }
.grayBox.p02-cont01-2.flex > .img { margin-top: 20px; }
.grayBox.p02-cont01-2.flex > .cont .text > p { margin-bottom: 10px; }
.grayBox.p02-cont01-2.flex > .cont .text > p:last-child { margin-bottom: 0; }

.ques-tit { margin-bottom: 20px; line-height: 1.6; font-weight: 700; color: #00614A; padding-left: 39px; background: url("../img/p02/ico-ques.svg") no-repeat left top 5px; font-size: 24px; }

.box-list01.p02-cont01-2 { margin-top: 60px; }
.box-list01.p02-cont01-2 .box01 .twin-cont02.flex { margin-top: 30px; }
.box-list01.p02-cont01-2 .box02 .TBL01 { margin-top: 30px; margin-bottom: 40px; }
.box-list01.p02-cont01-2 .box03 .twin-cont02.flex { margin-top: 40px; }
.box-list01.p02-cont01-2 .box03 .twin-cont02.flex > .text { width: 600px; }
.box-list01.p02-cont01-2 .box03 .twin-cont02.flex > .text > p { margin-bottom: 20px; }
.box-list01.p02-cont01-2 .box03 .twin-cont02.flex > .text > p:last-child { margin-bottom: 0; }
.box-list01.p02-cont01-2 .box03 .twin-cont02.flex > .img { width: 438px; }

.box-list01 > .box { margin-bottom: 60px; }
.box-list01 > .box:last-child { margin-bottom: 0; }

.twin-cont02.flex { justify-content: space-between; }
.twin-cont02.flex > div { width: 100%; box-sizing: border-box; margin-bottom: 20px; }
.twin-cont02.flex .setBox { background: #EAF5E9; border-radius: 5px; }
.twin-cont02.flex .setBox .tit { text-align: center; background: #00614A; font-size: 18px; }
.twin-cont02.flex .setBox .inner { padding: 20px 20px 30px; background: none; }
.twin-cont02.flex > div:last-child { margin-bottom: 0; }

.border-boxs { margin-bottom: 20px; }
.border-boxs > div.border-box { background: #fff; padding: 20px 20px 20px 26px; margin-bottom: 10px; position: relative; }
.border-boxs > div.border-box > h5 { font-weight: 700; line-height: 1.6; font-size: 18px; margin-bottom: 4px; }
.border-boxs > div.border-box:before { content: ""; width: 6px; height: 100%; background: #34A02B; position: absolute; left: 0; top: 0; }
.border-boxs > div.border-box:last-child { margin-bottom: 0; }

.calc-img { margin-bottom: 20px; }

.pikonBox { margin-top: 10px; padding: 20px 20px 20px 58px; background: url("../img/p02/ico-pikon.svg") no-repeat left 20px top 20px, #fff; border-radius: 5px; background-size: 28px; }
.pikonBox .green { font-weight: 700; }

.TBL01 { border: solid 1px #00614A; border-radius: 5px; }
.TBL01 .col01 { width: 100%; box-sizing: border-box; background: #00614A; color: #fff; font-weight: 700; padding: 10px; }
.TBL01 .col02 { width: 100%; box-sizing: border-box; }
.TBL01 .col03 { width: 100%; box-sizing: border-box; }
.TBL01 .col04 { width: 100%; box-sizing: border-box; }

.TBL01-head.flex > div { border-bottom: solid 1px #fff; border-right: solid 1px #C3E0C1; display: flex; justify-content: flex-start; align-items: center; align-items: flex-start; }
.TBL01-head.flex .col01 { border-top-left-radius: 3px; }
.TBL01-head.flex .col04 { border-top-right-radius: 3px; border-right: none; }
.TBL01-head.flex .col02, .TBL01-head.flex .col03, .TBL01-head.flex .col04 { background: #EAF5E9; font-weight: 700; }

.TBL01-body.flex { border-bottom: solid 1px #C3E0C1; }
.TBL01-body.flex > div span.tit { font-weight: 700; background: #EAF5E9; padding: 10px 20px; display: block; }
.TBL01-body.flex > div span.text { padding: 10px 20px; display: block; background: #fff; }
.TBL01-body.flex .col04 { border-right: none; }

.TBL01-body.flex:last-child { border-bottom: none; }
.TBL01-body.flex:last-child > div { border-bottom: none; }
.TBL01-body.flex:last-child .col01 { border-bottom-left-radius: 3px; }
.TBL01-body.flex:last-child .col04 { border-bottom-right-radius: 3px; }

section#p02Box02 { padding: 100px 5.33vw; background: url("../img/p02/sp-bg02-2.png") no-repeat top 5px right, #EDFFEB; background-size: 76.26vw; }
section#p02Box02 .btn01 { margin: 80px auto 0; }

.tit-head.flex { display: block; margin-bottom: 40px; }
.tit-head.flex .titles01 { margin-bottom: 20px; }

article.works-art02 { margin-bottom: 20px; position: relative; padding: 30px 20px 58px; border-radius: 5px; background: #fff; }
article.works-art02 .inner { display: block; }
article.works-art02 .inner > .cont { margin-bottom: 30px; }
article.works-art02 .inner > .cont > .text { width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
article.works-art02 .inner > .imgBox .img .in-img { padding-top: 75.18%; border-radius: 5px; }
article.works-art02 .inner > .imgBox p.cap { margin-top: 10px; }

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

.w-data02.flex { margin-top: 30px; justify-content: space-between; margin-bottom: -20px; display: block; }
.w-data02.flex > div { border-bottom: dashed 1px #B9D2B7; padding-bottom: 10px; margin-bottom: 20px; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; }
.w-data02.flex > div > .tit { font-weight: 700; color: #00614A; width: 65px; }
.w-data02.flex > div > .text { width: calc(100% - 65px); }

.link-text { width: 140px; height: 48px; display: table; position: absolute; right: 0; bottom: 0; z-index: 2; }
.link-text .link-in { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-weight: 700; text-decoration: none; background: #00614A; border-radius: 5px 0 5px 0; transition: 0.3s; }
.link-text .link-in > span { display: inline-block; padding-right: 24px; background: url("../img/p02/arrow.svg") no-repeat center right; }

.case-head.flex { margin-top: -6px; margin-bottom: 10px; align-items: flex-start; }
.case-head.flex > div { margin-top: 6px; }
.case-head.flex > .cate { font-size: 14px; font-weight: 500; margin-right: 6px; padding-top: 3px; }
.case-head.flex .text { font-weight: 700; color: #34A02B; }

h3.case-tit { font-weight: 700; font-size: 20px; margin-bottom: 30px; }

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

section#p02Box03 { background: url("../img/top/bg03-1.svg") no-repeat top 50px right, linear-gradient(110deg, #124F0D 0%, #38AD2E 100%); position: relative; background-size: 82.4vw,auto; padding: 100px 5.33vw; }
section#p02Box03 .bg-text { position: absolute; bottom: 108px; left: 103px; }
section#p02Box03 .tit-head.flex { color: #fff; }

.sol-list01.sol-list03.flex { display: block; margin-top: 58px; }
.sol-list01.sol-list03.flex > div.box { width: 100%; }
.sol-list01.sol-list03.flex > div.box > div.tit { position: relative; z-index: 2; font-weight: 700; line-height: 1.4; font-size: 4.26vw; text-align: center; }
.sol-list01.sol-list03.flex > div.box > div.tit .green { font-size: 5.33vw; }
.sol-list01.sol-list03.flex > div.box > div.text { position: relative; z-index: 2; margin-top: 4.26vw; font-size: 4.26vw; }

section#p02Box04 { padding: 100px 5.33vw; }
section#p02Box04 .titles01 { margin-bottom: 50px; }

.flow-list02.flex { box-sizing: border-box; margin-top: -4vw; justify-content: space-between; }
.flow-list02.flex > div.box { position: relative; background: #EAF5E9; border-radius: 5px; box-sizing: border-box; padding: 5.33vw 2.66vw; margin-top: 8vw; width: 41.06vw; }
.flow-list02.flex > div.box > .ico { width: 16vw; height: 16vw; background: #fff; border-radius: 100%; margin: 0 auto 3.73vw; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.flow-list02.flex > div.box > .ico img { display: block; width: 9.06vw; }
.flow-list02.flex > div.box .num { width: 8.53vw; height: 8vw; border-radius: 0.53vw; text-align: center; line-height: 8vw; background: #34A02B; color: #fff; font-weight: 500; position: absolute; left: -2.66vw; top: -2.66vw; z-index: 2; font-size: 3.73vw; }
.flow-list02.flex > div.box .tit { text-align: center; font-weight: 700; color: #00614A; font-size: 4.8vw; margin-bottom: 1.06vw; line-height: 1.4; }
.flow-list02.flex > div.box .text { font-size: 4.26vw; }
.flow-list02.flex > div.box:after { content: ""; background: url("../img/p02/flow-arrow.svg") no-repeat center; width: 4.8vw; height: 3.73vw; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 1.33vw); background-size: contain; }
.flow-list02.flex > div.box:nth-child(2n):after, .flow-list02.flex > div.box:last-child:after { content: none; }

section#p02Box05 { padding: 100px 5.33vw; background: url(../img/p02/bowa02.png) no-repeat right 33vw top 30px, #EDFFEB; background-size: 90vw; }
section#p02Box05 .titles01 { margin-bottom: 40px; }

article.faq-art.on { border-color: #00614A; }

article.faq-art { background: #fff; border-radius: 5px; margin-bottom: 20px; border: solid 2px #fff; }

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

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

.opcl { cursor: pointer; }

.opcl.on span.opcl-ico > span:before { background: #fff; }
.opcl.on span.opcl-ico > span:after { opacity: 0; }

.q-tit { padding: 23px 46px 19px 45px; position: relative; font-weight: 700; line-height: 1.2; font-size: 18px; }

.q-tit:before { content: "Q"; color: #00614A; font-size: 26px; line-height: 1; position: absolute; left: 20px; top: 20px; font-weight: 500; font-family: "robo"; }

.q-tit.on { background: #00614A; color: #fff; border-radius: 3px 3px 0 0; }

.q-tit.on:before { color: #fff; }

div.a-text { padding: 23px 20px 18px 45px; border-radius: 5px; position: relative; }

div.a-text:before { content: "A"; color: #00614A; font-size: 26px; line-height: 1; position: absolute; left: 20px; top: 23px; font-weight: 500; font-family: "robo"; }

.opcl-cont { display: none; }

/*03 治具の種類
----------------------------------*/
div#p03Box01 { padding: 50px 5.33vw 100px; }

.jigu-list.jigu-list02 { margin-top: 60px; width: 100%; }
.jigu-list.jigu-list02 .jig-btn { margin-bottom: 20px; margin-top: 0; width: 100%; }
.jigu-list.jigu-list02 .jig-btn a { padding: 20px 20px 66px; background: #EAF5E9; color: #000000; }
.jigu-list.jigu-list02 .jig-btn a > .img .in-img { padding-top: 73.75%; }
.jigu-list.jigu-list02 .jig-btn a > .cont h3.tit { margin-bottom: 10px; font-size: 30px; }
.jigu-list.jigu-list02 .jig-btn a > .cont .text { font-size: 18px; }
.jigu-list.jigu-list02 .jig-btn a > .cont ul.check-list03 { margin-top: 20px; }
.jigu-list.jigu-list02 .jig-btn a .arrow { width: 36px; right: 20px; bottom: 20px; }
.jigu-list.jigu-list02 .jig-btn a .arrow img { transition: 0.3s; }
.jigu-list.jigu-list02 .jig-btn:last-child { margin-bottom: 0; }

ul.check-list03 > li { padding-left: 24px; background: url("../img/p04/ico-check.svg") no-repeat left top 4px; margin-bottom: 6px; }
ul.check-list03 > li:last-child { margin-bottom: 0; }

/*04 治具の詳細
----------------------------------*/
.reason-tit { font-weight: 700; font-size: 18px; margin-bottom: 14px; }
.reason-tit .green { line-height: 1.4; font-size: 24px; }

.num-text02 { font-weight: 700; font-size: 30px; line-height: 1; display: block; margin-bottom: 0; color: #00614A; }
.num-text02 .num { font-size: 45px; }
.num-text02 .komoji { font-size: 16px; }

section#p04Box01 { padding: 50px 5.33vw 100px; background: url("../img/p04/bowa01.png") no-repeat left 7vw top 420px; background-size: 140vw; }
section#p04Box01 .p02-cont01.flex { margin-bottom: 40px; }
section#p04Box01 .p02-cont01.flex > .img { width: 70.93vw; margin: 0 auto; display: block; }
section#p04Box01 .p02-cont01.flex > .img .in-img { padding-top: 78.94%; border-radius: 5px; width: 100%; }

.sol-list01.sol-list02.sol-list04.flex { margin-bottom: 60px; }
.sol-list01.sol-list02.sol-list04.flex > .box { display: block; text-align: center; }
.sol-list01.sol-list02.sol-list04.flex > .box > .ico { margin: 0 auto 2.13vw; width: 14.4vw; }
.sol-list01.sol-list02.sol-list04.flex > .box > .text02 { margin: 0 auto 2.13vw; }

.box-list01.p04-cont01-2 h3.titles02 { margin-bottom: 30px; }

ul.check-list04.flex { display: block; }
ul.check-list04.flex > li { box-sizing: border-box; margin-bottom: 16px; font-weight: 500; background: #F2F2F2; border-radius: 5px; padding: 16px 20px 16px 20px; display: flex; flex-wrap: wrap; align-items: center; }
ul.check-list04.flex > li > span { display: inline-block; padding-left: 28px; background: url("../img/p04/ico-check.svg") no-repeat left top 2px; }
ul.check-list04.flex > li:last-child { margin-bottom: 0; }

section#p04Box02 { padding: 100px 5.33vw; background: url("../img/p04/bg02.png") no-repeat right top -240px, #EDFFEB; background-size: 240vw; }
section#p04Box02 .titles01 { margin-bottom: 40px; }
section#p04Box02 .wrap > .left { margin-bottom: 40px; }

.role-list > div.box { margin-bottom: 10px; position: relative; background: #fff; border-radius: 5px; padding: 20px 40px; }
.role-list > div.box .num { color: #fff; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; border-radius: 5px 0 5px 0; position: absolute; left: 0; top: 0; background: #34A02B; }
.role-list > div.box .tit { color: #00614A; font-size: 26px; line-height: 1.6; font-weight: 700; }
.role-list > div.box .text { margin-top: 6px; }
.role-list > div.box:last-child { margin-bottom: 0; }

section#p04Box03 { overflow: hidden; background: linear-gradient(110deg, #124F0D 0%, #38AD2E 100%); padding: 100px 5.33vw; }
section#p04Box03 .bg-text { position: absolute; bottom: 4px; left: -16.8vw; width: 358.4vw; }
section#p04Box03 .tit-head.flex { margin-bottom: 40px; color: #fff; }

.sol-list01.sol-list03.sol-list04.flex > .box { padding: 30px 20px 40px; margin-bottom: 10px; margin-top: 0; }
.sol-list01.sol-list03.sol-list04.flex > .box:last-child { margin-bottom: 0; }
.sol-list01.sol-list03.sol-list04.flex > .box:before { content: none; }

.reason-num { color: #00614A; font-size: 14px; padding-left: 14px; position: relative; margin-bottom: 10px; font-weight: 500; }

.reason-num:before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 100%; background: #00614A; }

section#vari-sec.vari-sec-u { padding: 100px 5.33vw; }
section#vari-sec.vari-sec-u .titles01 { margin-bottom: 40px; }

section#news-sec-u { padding: 100px 5.33vw; overflow: hidden; background: url("../img/p04/bowa02.png") no-repeat top 240px right calc(50% + 610px), #EDFFEB; }
section#news-sec-u .titles01 { margin-bottom: 40px; }

/*05 遊休治具の改造・改修
----------------------------------*/
div#p05Box01 { padding: 50px 5.33vw 100px; background: url(../img/p05/bowa01.png) no-repeat top 340px right 44vw; background-size: 90vw; }

.twin-cont02.o05-cont01.flex .img { width: 78.66vw; position: relative; margin: 20px auto 0; padding-top: 6.4vw; }
.twin-cont02.o05-cont01.flex .img .sb { position: absolute; width: 44.8vw; top: 0; right: 0; }
.twin-cont02.o05-cont01.flex .img .img01 { width: 56.53vw; }

.greenBox { background: #EAF5E9; padding: 30px 20px; }

.greenBox.p05-cont01-2 { margin-top: 60px; padding: 13.33vw 5.33vw; border-radius: 5px; }
.greenBox.p05-cont01-2 h2.tit { color: #00614A; text-align: center; font-size: 6.93vw; font-weight: 700; margin-bottom: 10px; }
.greenBox.p05-cont01-2 .pro-sol { padding: 8vw 5.33vw; margin: 50px auto 0; }
.greenBox.p05-cont01-2 .pro-sol > div { font-size: 6.93vw; }
.greenBox.p05-cont01-2 .pro-sol span.gra { font-size: 6.4vw; padding: 2.66vw; }
.greenBox.p05-cont01-2 .u-text { font-size: 4.26vw; }

.pro-list.pro-list02.flex { margin-top: 5.34vw; justify-content: space-between; display: flex; flex-wrap: wrap; }
.pro-list.pro-list02.flex > div.box { width: 100%; height: auto; margin: 2.66vw 0 0; }
.pro-list.pro-list02.flex > div.box > div { font-size: 18px; color: #00614A; background: #fff; border-radius: 10.66vw 10.66vw 0 10.66vw; padding: 5.33vw 10.66vw; text-align: left; vertical-align: middle; }
.pro-list.pro-list02.flex > div.box > div .bold { font-weight: 700; }
.pro-list.pro-list02.flex > div.box:nth-child(2n) > div { border-radius: 40px 40px 40px 0; }
.pro-list.pro-list02.flex > div.box.box02 > div, .pro-list.pro-list02.flex > div.box.box03 > div { color: #fff; background: #34A02B; }
.pro-list.pro-list02.flex > div.box.box02:after { content: ""; background: url("../img/top/uzu-right.svg") no-repeat; width: 10.8vw; height: 10.8vw; position: absolute; top: -1.33vw; right: 0; z-index: 2; background-size: contain; }
.pro-list.pro-list02.flex > div.box.box03:after { content: ""; background: url("../img/top/uzu-left.svg") no-repeat; width: 8vw; height: 8vw; position: absolute; top: 0; left: 0; z-index: 2; right: auto; background-size: contain; }
.pro-list.pro-list02.flex > div.box.box01:after { content: none; }
.pro-list.pro-list02.flex > div.box.box04:after { content: none; }
.pro-list.pro-list02.flex > div.box.box01 { order: 1; }
.pro-list.pro-list02.flex > div.box.box01 > div { padding: 5.33vw 8vw; }
.pro-list.pro-list02.flex > div.box.box02 { order: 2; }
.pro-list.pro-list02.flex > div.box.box03 { order: 4; }
.pro-list.pro-list02.flex > div.box.box04 { order: 3; }
.pro-list.pro-list02.flex > div.box.box04 > div { padding: 5.33vw 8vw; }

section#p05Box02 { padding: 100px 5.33vw; background: url("../img/p05/bowa03.png") no-repeat top -120px left calc(50% + 610px), #EDFFEB; }
section#p05Box02 h2.titles01 { margin-bottom: 40px; }

.twin-cont02.p05-cont02.flex { display: block; }
.twin-cont02.p05-cont02.flex > div { padding: 20px 20px 30px; background: #fff; border-radius: 5px; }
.twin-cont02.p05-cont02.flex > div .img { margin-bottom: 20px; }
.twin-cont02.p05-cont02.flex > div .img img { border-radius: 5px; }
.twin-cont02.p05-cont02.flex > div h3.tit { margin-bottom: 10px; font-size: 24px; font-weight: 700; }
.twin-cont02.p05-cont02.flex > div ul.check-list03 { margin-top: 20px; }

section#p02Box03.p05Box03 { background: linear-gradient(110deg, #124F0D 0%, #38AD2E 100%); overflow: hidden; }
section#p02Box03.p05Box03 .bg-text { left: -67px; bottom: -6px; width: 764px; }
section#p02Box03.p05Box03 .titles01 { margin-bottom: 58px; }
section#p02Box03.p05Box03 .sol-list01.flex > div.box { padding-bottom: 8vw; }
section#p02Box03.p05Box03 .sol-list01.flex > div.box .ico { margin-bottom: 2.66vw; }

section#p05Box04 { padding: 100px 5.33vw; background: url(../img/p05/bowa01.png) no-repeat left 33vw top 30px; background-size: 90vw; }
section#p05Box04 h2.titles01 { margin-bottom: 40px; }

.ex-list05 > .box { margin-bottom: 20px; padding: 30px 20px; background: #EAF5E9; }
.ex-list05 > .box .titles02 { margin-bottom: 30px; border-bottom: none; }
.ex-list05 > .box:last-child { margin-bottom: 0; }

.ex-bfaf.flex { justify-content: space-between; }
.ex-bfaf.flex > div { box-sizing: border-box; border: solid 1px; border-radius: 5px; background: #fff; }
.ex-bfaf.flex > .bfBox { width: 100%; position: relative; border-color: #4B4E4D; margin-bottom: 38px; }
.ex-bfaf.flex > .bfBox:after { content: ""; width: 0; height: 0; border-top: solid 10px #00614A; border-left: solid 10px transparent; border-right: solid 10px transparent; margin: 0 auto; left: 0; right: 0; top: calc(100% + 15px); position: absolute; }
.ex-bfaf.flex > .afBox { width: 100%; border-color: #00614A; }

.exBox .tit { color: #fff; font-weight: 700; padding: 10px 20px; }
.exBox .inner { padding: 16px 19px; }

.exBox.bfBox .tit { border-radius: 3px 3px 0 0; background: #4B4E4D; }

.afBox .exBox { box-sizing: border-box; }
.afBox .exBox .tit { background: #00614A; position: relative; }
.afBox .exBox .tit > span { display: inline-block; padding-left: 24px; background: url("../img/p05/ex01.svg") no-repeat left top 3px; }
.afBox .exBox .tit:after { content: ""; width: 1px; height: 100%; background: #fff; top: 0; right: -1oxls; }

.exBox.af02 .tit > span { background-image: url("../img/p05/ex02.svg") !important; }

.exBox.af03 { border-right: none !important; }
.exBox.af03 .tit > span { background-image: url("../img/p05/ex03.svg") !important; }
.exBox.af03 .tit:after { content: none; }

section#p05Box05 { padding: 100px 5.33vw; background: url(../img/p02/bowa02.png) no-repeat right 33vw top 30px, #EDFFEB; background-size: 90vw; }
section#p05Box05 .titles01 { margin-bottom: 50px; }
section#p05Box05 .flow-list02.flex > div.box { background: #fff; }
section#p05Box05 .flow-list02.flex > div.box > .ico { background: #EAF5E9; }

/*06 実績紹介
----------------------------------*/
div#two-content { display: block; }

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

.case-list-all { margin-top: -30px; width: 100%; }
.case-list-all article.works-art { margin-bottom: 20px; }
.case-list-all article.works-art a { display: block; height: 100%; box-sizing: border-box; background: #F7FFF7; padding: 20px 20px 24px; box-shadow: 0 0 10px rgba(55, 170, 46, 0.1); }
.case-list-all article.works-art a .infos.flex { width: calc(100% + 6px); margin-left: -6px; margin-top: 14px; align-items: center; margin-bottom: 10px; }
.case-list-all article.works-art a .infos.flex > div { margin: 6px 0 0 6px; line-height: 20px; }
.case-list-all article.works-art a .infos.flex .cate { color: #00614A; border: solid 1px #00614A; border-radius: 20px; font-size: 14px; padding: 0 8px; background: none; }
.case-list-all article.works-art:last-child { margin-bottom: 0; }

article.works-art .w-data { margin-top: 20px; }
article.works-art .w-data dl.flex { margin-bottom: 6px; line-height: 26px; justify-content: space-between; }
article.works-art .w-data dl.flex dt { color: #fff; color: #fff; background: #34A02B; width: 58px; text-align: center; font-weight: 500; border-radius: 2px; }
article.works-art .w-data dl.flex dd { width: calc(100% - 68px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
article.works-art .w-data dl.flex:last-child { margin-bottom: 0; }
article.works-art .infos.flex { width: calc(100% + 6px); margin-left: -6px; margin-top: 14px; align-items: center; margin-bottom: 10px; }
article.works-art .infos.flex > div { margin: 6px 0 0 6px; line-height: 20px; }
article.works-art .infos.flex .cate { color: #00614A; border: solid 1px #00614A; border-radius: 20px; font-size: 14px; padding: 0 8px; background: none; }

/*詳細*/
div#contents.bg06 { background: url("../img/p06/bg06.jpg") repeat-y center top; }

div#p11sBox01 { padding: 50px 5.33vw 100px; }
div#p11sBox01 div#two-content { flex-direction: row; }
div#p11sBox01 .blog-text { margin-top: 40px; }

article.singleBox01 .w-data { margin-top: 40px; }
article.singleBox01 .w-data dl.flex { justify-content: space-between; padding-bottom: 20px; margin-bottom: 20px; border-bottom: dashed 1px #B9D2B7; align-items: flex-start; }
article.singleBox01 .w-data dl.flex dt { width: 70px; color: #00614A; font-weight: 700; }
article.singleBox01 .w-data dl.flex dd { width: calc(100% - 70px); }
article.singleBox01 .w-data dl.flex:last-child { margin-bottom: 0; }

.kadaiBox, .teianBox { margin-top: 40px; }
.kadaiBox .greenBox, .teianBox .greenBox { padding: 20px; border-radius: 5px; }

article.singleBox01-works .infos.flex { width: calc(100% + 10px); margin-left: -10px; margin-top: -10px; align-items: center; margin-bottom: 10px; }
article.singleBox01-works .infos.flex > div { margin: 10px 0 0 10px; line-height: 24px; }
article.singleBox01-works .infos.flex .cate { color: #00614A; border: solid 1px #00614A; border-radius: 20px; font-size: 14px; padding: 0 14px; background: #fff; }
article.singleBox01-works .infos.flex .w-date { font-family: "robo"; font-weight: 400; }
article.singleBox01-works h2.titles02 { margin-bottom: 10px; border-bottom: none; }

.sub-tit { font-weight: 700; color: #34A02B; margin-bottom: 10px; }

h1.ws-tit { font-weight: 700; font-size: 22px; line-height: 1.4; margin-bottom: 30px; }

h3.wh3 { margin-bottom: 10px; font-weight: 700; font-size: 24px; }

h4.wh4 { margin-bottom: 10px; font-weight: 700; font-size: 20px; }

h5.wh5 { margin-bottom: 10px; font-weight: 700; font-size: 18px; }

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

.works-cont01.flex { display: block; }
.works-cont01.flex .gallery-main { margin-bottom: 2.66vw; }
.works-cont01.flex .gallery-main button.slick-prev.slick-arrow { border-radius: 2px !important; width: 24px; height: 40px; background: url("../img/p06/slide-arrow01.svg") no-repeat center #34A02B; top: 195px; transform: translateY(-50%); left: 0; right: auto; border: none; display: none !important; }
.works-cont01.flex .gallery-main button.slick-next.slick-arrow { border-radius: 2px !important; width: 24px; height: 40px; background: url("../img/p06/slide-arrow02.svg") no-repeat center #34A02B; top: 195px; transform: translateY(-50%); right: 0; left: auto; border: none; display: none !important; }
.works-cont01.flex .gallery-thumb.flex { width: 100%; margin-top: -1.06vw; justify-content: space-between; }
.works-cont01.flex .gallery-thumb.flex .slick-track { transform: none !important; width: 100% !important; display: flex; flex-wrap: wrap; }

.g-main .cap { line-height: 1.4; margin-top: 2.66vw; font-size: 4.26vw; }

.g-main-img a { position: relative; text-decoration: none; display: block; border-radius: 1.33vw; }
.g-main-img a .in-img { padding-top: 66.32%; border-radius: 1.33vw; }

.g-thumb { width: 16.96vw; position: relative; margin-top: 1.06vw; margin-right: 1.06vw; cursor: pointer; transition: 0.3s; border-radius: 1.33vw; }
.g-thumb .in-img { padding-top: 70%; border-radius: 1.33vw; }

.g-thumb.slick-current { opacity: 0.4; }

.g-thumb:nth-child(5n) { margin-right: 0; }

.w-repeat { margin-top: 40px; }
.w-repeat .w-repeatBox { margin-bottom: 40px; }
.w-repeat .w-repeatBox:last-child { margin-bottom: 0; }
.w-repeat .titles03 { font-size: 24px; }
.w-repeat .titles03:before { top: 19px; }

.wt-text01 { margin-bottom: 40px; }

.bfafBox.flex { margin-bottom: 20px; }

.wt-text01:last-child, .bfafBox.flex:last-child { margin-bottom: 0; }

.ang-tit { position: absolute; left: -2px; top: -2px; z-index: 2; color: #fff; font-weight: 700; font-size: 16px; border-radius: 5px 0 5px 0; padding: 10px 16px; background: #00614A; line-height: 1; }

.bfafBox.flex { justify-content: center; }
.bfafBox.flex .ang-tit { display: none; }
.bfafBox.flex > div.img { width: 100%; margin-bottom: 32px; position: relative; }
.bfafBox.flex > div.img .in-img { padding-top: 70.31%; border-radius: 5px; }
.bfafBox.flex > div.img:last-child { margin-bottom: 0; }

.bfafBox.flex.bfaf .ang-tit { display: block; line-height: 1.6; font-size: 3.73vw; font-weight: 400; padding: 0 2.66vw; color: #fff; background: #4B4E4D; font-family: "robo"; line-height: 6.4vwx; position: absolute; left: 0; top: 0; border-radius: 1.33vw 0 1.33vw 0; }
.bfafBox.flex.bfaf .af .ang-tit { background: #34A02B; }
.bfafBox.flex.bfaf > div.img.bf:before { content: ""; width: 0; height: 0; border-top: solid 12px #34A02B; border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; left: 0; right: 0; margin: 0 auto; top: calc(100% + 10px); }

.sideBox { margin-bottom: 40px; position: relative; }
.sideBox > h2.tit { position: relative; font-weight: 700; padding-left: 20px; margin-bottom: 20px; font-size: 18px; line-height: 1.6; }
.sideBox > h2.tit:before { content: ""; width: 10px; height: 10px; background: #34A02B; border-radius: 1px; position: absolute; left: 0; top: 11px; }
.sideBox ul.side-list { border-top: solid 1px #B3E9AF; }
.sideBox ul.side-list > li { border-bottom: solid 1px #B3E9AF; }
.sideBox ul.side-list > li a { text-decoration: none; font-weight: 500; display: block; line-height: 1.2; padding: 24px 30px 24px 15px; background: url("../img/p06/side-arrow.svg") no-repeat right 20px center; }
.sideBox ul.side-list li.side-li.r_current > a { pointer-events: none; background-color: #EAF5E9; }
.sideBox ul.side-list > li:last-child { margin-bottom: 0; }

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

select#archives-dropdown-2 { padding: 5px 32px 5px 14px; background: url("../img/p06/select-arrow.svg") no-repeat center right 14px #fff; border-radius: 4px; border: solid 1px #00614A; height: 60px; color: #00614A; box-sizing: border-box; width: 100%; }

select { cursor: pointer; }

div.witerBox { position: relative; padding: 55px 18px 28px; margin-top: 60px; border: solid 2px #00614A; border-radius: 5px; }
div.witerBox .inner { position: relative; }
div.witerBox .inner h2 { font-size: 20px; line-height: 1.4; margin-bottom: 14px; }
div.witerBox .inner .wr-detail { line-height: 1.4; margin-bottom: 16px; }
div.witerBox .inner .img { width: 100px; margin: 0 auto 20px; }
div.witerBox .inner .img .in-img { border-radius: 100%; padding-top: 100%; }

.witer-tits.flex { margin-bottom: 10px; line-height: 1.6; display: block; text-align: center; }
.witer-tits.flex > h2 { line-height: 1.6; }

.w-post { font-weight: 700; color: #34A02B; padding-bottom: 5px; }

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

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

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 2px; text-decoration: none; width: 48px; height: 48px; text-align: center; line-height: 46px; font-size: 14px; font-weight: 700; color: #00614A; box-sizing: border-box; border-radius: 5px; font-family: "robo"; border: solid 1px #00614A; }

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

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

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

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

.wp-pagenavi span.current { color: #fff; background: #00614A; }

.wp-pagenavi a.first { border: solid 1px #00614A; background: url("../img/p11/arrow01.svg") no-repeat center #fff; color: transparent; display: none; }

.wp-pagenavi a.last { border: solid 1px #00614A; background: url("../img/p11/arrow04.svg") no-repeat center #fff; color: transparent; display: none; }

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

.post-navigation ul { margin-top: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.post-navigation ul > li { margin-right: 10px; width: 160px; height: 48px; display: table; }
.post-navigation ul > li a { text-decoration: none; display: table-cell; text-align: center; vertical-align: middle; color: #fff; background: #00614A; border-radius: 5px; border: solid 2px #00614A; font-weight: 700; }
.post-navigation ul > li:last-child { margin-right: 0; }
.post-navigation ul li.prev, .post-navigation ul li.next { width: 48px; }
.post-navigation ul li.kara { opacity: 0; pointer-events: none; }
.post-navigation ul li.prev.kara { opacity: 0; pointer-events: none; }
.post-navigation ul li.next.kara { opacity: 0; pointer-events: none; }
.post-navigation ul li.prev a { background: url("../img/p06/arrow01.svg") no-repeat center #fff; color: #00614A; }
.post-navigation ul li.prev a .text { display: none; }
.post-navigation ul li.next a { background: url("../img/p06/arrow02.svg") no-repeat center #fff; color: #00614A; }
.post-navigation ul li.next a .text { display: none; }
.post-navigation ul li.blog-back { display: table; }
.post-navigation ul li.blog-back > a { display: table-cell; text-align: center; vertical-align: middle; text-decoration: none; background: #00614A; color: #fff; -weight: 700; }

/*07 ブログ
----------------------------------*/
div.blog-list-all { width: 100%; }
div.blog-list-all article.blog-art01 { margin: 0 0 20px; }
div.blog-list-all article.blog-art01 a { background: #F7FFF7; padding: 20px 20px 24px; }
div.blog-list-all article.blog-art01:last-child { margin-bottom: 0; }

/*詳細*/
article.singleBox01.singleBox01-blog .infos.flex { width: calc(100% + 10px); margin-left: -10px; margin-top: -10px; align-items: center; margin-bottom: 10px; }
article.singleBox01.singleBox01-blog .infos.flex > div { margin: 10px 0 0 10px; line-height: 24px; }
article.singleBox01.singleBox01-blog .infos.flex .cate { font-size: 14px; padding-bottom: 2px; }
article.singleBox01.singleBox01-blog .infos.flex .w-date { font-family: "robo"; font-weight: 400; }
article.singleBox01.singleBox01-blog div#toc_container { width: 100% !important; margin-top: 50px; background: none !important; border: none !important; margin-bottom: 40px !important; padding: 0; }
article.singleBox01.singleBox01-blog div#toc_container p.toc_title { text-align: left; font-weight: 700; font-size: 18px; line-height: 1.2; margin-bottom: 10px; background: #34A02B; padding: 12px 17px; border-radius: 5px; color: #fff; }
article.singleBox01.singleBox01-blog div#toc_container ul.toc_list { margin-top: 0; }
article.singleBox01.singleBox01-blog div#toc_container ul.toc_list > li { margin: 0 0 8px; }
article.singleBox01.singleBox01-blog div#toc_container ul.toc_list > li a { display: block; background: #F7FFF7; box-sizing: border-box; text-decoration: none; line-height: 1.4; font-weight: 700; font-size: 18px; padding: 19px 16px; border: solid 1px #EDE9E1; border-radius: 5px; }
article.singleBox01.singleBox01-blog div#toc_container ul.toc_list > li a span.toc_number { display: inline-block; min-width: 24px; text-align: center; line-height: 24px; height: 24px; color: #fff; border-radius: 5px; font-weight: 700; font-size: 16px; font-family: 'mont'; margin-right: 8px; background: #34A02B; position: relative; box-sizing: border-box; padding: 0 8px; }
article.singleBox01.singleBox01-blog div#toc_container ul.toc_list > li ul { margin-top: 8px; }
article.singleBox01.singleBox01-blog .form-box { margin-top: 80px; background: #EAF5E9; padding: 40px 20px 60px; }
article.singleBox01.singleBox01-blog .form-box .single-text-box { display: block !important; }
article.singleBox01.singleBox01-blog .form-box .single-text-box .ss-tit { color: #00614A; font-size: 26px; font-weight: 700; text-align: center; margin-bottom: 40px; }
article.singleBox01.singleBox01-blog .form-box .form-btn { width: 100%; }

.side-rank > div.box { margin-bottom: 30px; }
.side-rank > div.box h3.tit { background: url("../img/p07/rank01.svg") no-repeat left 10px top 7px #F2F2F2; border-radius: 2px; padding: 7px 7px 6px 32px; margin-bottom: 10px; font-size: 15px; font-weight: 500; line-height: 1; }
.side-rank > div.box .a-date { font-family: "robo"; color: #34A02B; font-size: 14px; font-weight: 400; }
.side-rank > div.box h4.in-tit { font-weight: 400; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.side-rank > div.box.box2 h3.tit { background-image: url("../img/p07/rank02.svg"); }
.side-rank > div.box.box3 h3.tit { background-image: url("../img/p07/rank03.svg"); }
.side-rank > div.box:last-child { margin-bottom: 0; }

ul.side-child { padding-bottom: 20px; }
ul.side-child > li a { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 30px !important; }

ul.word_list.flex { width: calc(100% + 12px); margin: -10px 0 0 -12px; }
ul.word_list.flex > li { margin: 10px 0 0 12px; }
ul.word_list.flex > li a { font-weight: 500; font-size: 14px; }

.blog_word_box { margin-top: 50px; }
.blog_word_box > .tit { font-weight: 700; color: #00614A; margin-bottom: 14px; font-weight: 700; line-height: 1.2; font-size: 18px; }

/*08 会社案内
----------------------------------*/
section#p08Box01 { padding: 50px 5.33vw 100px; background: url(../img/p08/bowa02.png) no-repeat left 33vw top 1px; background-size: 100vw; }
section#p08Box01 .wrap > .left .titles01 { margin-bottom: 40px; }
section#p08Box01 .wrap > .left .text > p { margin-bottom: 20px; }
section#p08Box01 .wrap > .left .text > p:last-child { margin-bottom: 0; }
section#p08Box01 .wrap > .right { margin-top: 30px; }
section#p08Box01 .wrap > .right .names { text-align: right; font-weight: 700; margin-top: 10px; }
section#p08Box01 .copy01 { font-size: 24px; }
section#p08Box01 .copy01 .green02 { font-size: 30px; }

section#p08Box02 { background: url("../img/p08/bowa03.png") no-repeat top -158px left calc(50% + 710px), url("../img/p08/bowa03.png") no-repeat top 392px right calc(50% + 710px), #EAF5E9; padding: 100px 5.33vw; }
section#p08Box02 .titles01 { margin-bottom: 10px; }

.TBL-list.flex { display: block; }
.TBL-list.flex > div.TBL08:last-child tr:last-child td { padding-bottom: 0; border-bottom: none; }

.TBL08 th, .TBL08 td { box-sizing: border-box; padding: 30px 0; display: block; }
.TBL08 th { color: #00614A; font-weight: 700; padding-bottom: 10px; }
.TBL08 td { border-bottom: solid 1px #B3E9AF; padding-top: 0; }

.map-btn { margin-top: 10px; width: 140px; height: 38px; display: table; }
.map-btn a { display: table-cell; vertical-align: middle; text-align: center; background: #00614A; color: #fff; font-weight: 500; border-radius: 2px; }
.map-btn a > span { display: inline-block; padding-right: 24px; background: url("../img/common/ico-blank.svg") no-repeat right center; }

section#p08Box03 { background: linear-gradient(110deg, #124F0D 0%, #38AD2E 100%); overflow: hidden; padding: 100px 5.33vw; }
section#p08Box03 .bg-text { display: none; }
section#p08Box03 .tit-head.flex { color: #fff; }

.tec-list.flex { display: block; }
.tec-list.flex > div.box { box-sizing: border-box; margin-bottom: 20px; background: #fff; padding: 20px 20px 30px; border-radius: 5px; }
.tec-list.flex > div.box .img { margin-bottom: 20px; }
.tec-list.flex > div.box .img img { border-radius: 5px; }
.tec-list.flex > div.box .tit { line-height: 1.4; font-weight: 700; color: #00614A; margin-bottom: 8px; font-size: 24px; }
.tec-list.flex > div.box:nth-child(3n), .tec-list.flex > div.box:last-child { margin-right: 0; }

section#p08Box04 { padding: 100px 5.33vw; background: url(../img/p08/bowa04.png) no-repeat left 2vw top 57%; background-size: 130vw; }
section#p08Box04 h2.titles01 { margin-bottom: 40px; }

.range-list.flex { display: block; }
.range-list.flex > div { border-radius: 5px; background: #EAF5E9; margin-bottom: 20px; }
.range-list.flex > div > .tit { text-align: center; background: #00614A; padding: 10px; font-size: 20px; }
.range-list.flex > div .inner { background: none; padding: 20px; }
.range-list.flex > div.range02 .inner { box-sizing: border-box; height: calc(100% - 50px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.range-list.flex > div.range03 { width: 100%; margin-bottom: 0; }
.range-list.flex > div.range03 .inner { padding: 20px 20px 30px; text-align: center; }
.range-list.flex > div.range03 .inner > .text { text-align: left; }
.range-list.flex > div.range03 p.sub03 { text-align: center; font-weight: 700; font-size: 22px; line-height: 1.4; margin-bottom: 10px; }

.TBL-range th, .TBL-range td { box-sizing: border-box; padding: 14px 0 10px; border-bottom: solid 1px #E2E2E2; vertical-align: top; }
.TBL-range th { font-weight: 700; width: 70px; }
.TBL-range td { font-weight: 500; }
.TBL-range tr:first-child th, .TBL-range tr:first-child td { padding-top: 0; }
.TBL-range tr:last-child th, .TBL-range tr:last-child td { padding-bottom: 0; border-bottom: none; }

.order-text01 { font-weight: 700; line-height: 1.6; text-align: center; font-size: 18px; }
.order-text01 .green02 { font-weight: 900; font-size: 26px; }

.mate-list.flex { margin-top: 12px; justify-content: space-between; }
.mate-list.flex > div { box-sizing: border-box; background: #fff; width: calc(50% - 4px); padding: 20px 14px 30px; margin-top: 8px; }
.mate-list.flex > div h4.sub04 { color: #00614A; font-size: 20px; margin-bottom: 10px; }
.mate-list.flex > div > ul > li { font-weight: 500; line-height: 1.4; margin-bottom: 10px; text-align: left; }
.mate-list.flex > div > ul > li:last-child { margin-bottom: 0; }

.p08-cont04 { margin-top: 60px; }
.p08-cont04 h3.titles02 { margin-bottom: 30px; }

section#p08Box04 .twin-cont02.p05-cont02.flex > div { background: #F2F2F2; position: relative; }
section#p08Box04 .twin-cont02.p05-cont02.flex > div .btn01 { margin-top: 20px; }

.page-company .seq-inBox .text p { display: inline; }

/*09 お問い合わせ
----------------------------------*/
section#p09Box01 { padding: 50px 5.33vw 100px; background: url(../img/p08/bowa02.png) no-repeat left 33vw top 1px; background-size: 100vw; }

.btn01.u-arrow { margin: 0 auto 60px; }
.btn01.u-arrow a { background: url("../img/p09/u-arrow.svg") no-repeat center right 24px, #00614A; }

.p09-cont01.flex { display: block; }
.p09-cont01.flex > .img { margin-top: 30px; }

.copy01 { font-size: 26px; }
.copy01 .green02 { font-size: 32px; }

.p09-cont01-2.grayBox { margin-top: 30px; padding: 30px 20px; margin-bottom: 80px; }
.p09-cont01-2.grayBox > .tit { color: #00614A; font-size: 20px; font-weight: 700; margin-bottom: 20px; text-align: center; }

ul.p09-check { display: block; }
ul.p09-check > li { box-sizing: border-box; border-radius: 2px; background: #fff; padding: 10px 10px 10px 14px; margin-bottom: 10px; }
ul.p09-check > li > span { display: inline-block; background: url("../img/p04/ico-check.svg") no-repeat left top 7px; padding-left: 24px; }
ul.p09-check > li > span .green02 { font-size: 20px; font-weight: 700; }
ul.p09-check > li:last-child { margin-bottom: 0; }

.p09-text { font-size: 24px; font-weight: 700; color: #00614A; padding-bottom: 10px; }
.p09-text span.gra { font-size: 26px; padding: 10px 14px; margin: 5px 4px 0 0; line-height: 1.2; }

.sol-list01.sol-list02.sol-list09.flex { margin-top: -8px; justify-content: space-between; }
.sol-list01.sol-list02.sol-list09.flex > .box { margin: 8px 0 0 0; width: 43.73vw; display: block; text-align: center; padding-left: 3.4vw; padding-right: 3.4vw; }
.sol-list01.sol-list02.sol-list09.flex > .box .ico { margin: 0 auto 4.26vw; }
.sol-list01.sol-list02.sol-list09.flex > .box > .text02 { margin-bottom: 2.66vw; }
.sol-list01.sol-list02.sol-list09.flex > .box > .text02 span.gra.sp { margin-top: 0.5vw; }
.sol-list01.sol-list02.sol-list09.flex > .box > .text01 { line-height: 1; }
.sol-list01.sol-list02.sol-list09.flex > .box > .text01 .komoji { font-size: 16px; }
.sol-list01.sol-list02.sol-list09.flex > .box:nth-child(3n) { margin-right: 0; }

.p09-cont01-3.greenBox { margin-top: 10px; padding: 30px 20px; }
.p09-cont01-3.greenBox .sub03 { font-size: 20px; font-weight: 700; position: relative; padding-left: 18px; margin-bottom: 13px; }
.p09-cont01-3.greenBox .sub03:before { content: ""; left: 0; top: 12px; width: 8px; height: 8px; border-radius: 1px; background: #00614A; position: absolute; }
.p09-cont01-3.greenBox ul.check-list03.flex { display: block; }
.p09-cont01-3.greenBox ul.check-list03.flex > li { background: url("../img/p09/ico-check09.svg") no-repeat left top 1px; padding-left: 26px; margin-top: 0; margin-bottom: 6px; box-sizing: border-box; }
.p09-cont01-3.greenBox ul.check-list03.flex > li .green { font-weight: 700; }
.p09-cont01-3.greenBox ul.check-list03.flex > li:last-child { margin-bottom: 0; }

div#p09Box02 { padding: 100px 5.33vw; background: linear-gradient(110deg, #124F0D 0%, #38AD2E 100%); position: relative; z-index: 2; }

div.p09-conatcts.flex { display: block; }
div.p09-conatcts.flex > div { background: #fff; padding: 40px 20px; border-radius: 5px; box-sizing: border-box; margin-bottom: 20px; }
div.p09-conatcts.flex > div > .tit { text-align: center; font-weight: 700; color: #00614A; font-size: 24px; }
div.p09-conatcts.flex > div .tel-num { text-align: center; }
div.p09-conatcts.flex > div .tel-num a { color: #00614A; font-size: 38px; padding-left: 46px; background: url("../img/p09/ico-tel.svg") no-repeat left top 10px; background-size: 40px; }
div.p09-conatcts.flex > div .fax-num { text-align: center; color: #00614A; font-size: 38px; }
div.p09-conatcts.flex > div .fax-num > span { display: inline-block; padding-left: 46px; background: url("../img/p09/ico-fax.svg") no-repeat left top 10px; background-size: 40px; font-weight: 700; font-family: "robo"; }
div.p09-conatcts.flex > div.box02 .text { color: #00614A; }
div.p09-conatcts.flex > div.box03 { width: 100%; padding: 40px 20px 60px; margin-bottom: 0; }
div.p09-conatcts.flex > div.box03 > .tit { margin-bottom: 20px; }

.humBox { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.humBox .left { width: 68px; }
.humBox .right { width: calc(100% - 79px); color: #00614A; }

.contact-text01 { margin: 0 auto; }
.contact-text01 p { position: relative; padding-left: 18px; }
.contact-text01 p:before { content: "※"; position: absolute; left: 0; top: 0; }

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

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px auto 25px; width: 100%; max-width: 720px; position: relative; z-index: 2; }

ul.contact-state > li { display: table; width: 29.02%; height: 60px; position: relative; }

ul.contact-state > li > span { display: table-cell; text-align: center; vertical-align: middle; color: #00614A; font-size: 18px; font-weight: 700; background: #fff; border-radius: 5px; border: solid 1px #00614A; line-height: 1; }
ul.contact-state > li > span span.num { display: block; margin-bottom: 6px; }
ul.contact-state > li > span span.txt { display: block; font-size: 14px; }

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

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

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

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

ul.contact-state:before { content: ""; width: 100%; height: 1px; background: #00614A; position: absolute; left: 0; top: 50%; }

a.green { text-decoration: underline; }

.contactTBL th, .contactTBL td { display: block; box-sizing: border-box; font-size: 16px; padding: 20px 0; color: #000000; line-height: 1.2; }
.contactTBL th { padding-bottom: 15px; }
.contactTBL td { padding-top: 0; }
.contactTBL .wpcf7-list-item { margin-left: 0; display: 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: 3px 4px; background: #00614A; margin-right: 4px; box-sizing: border-box; font-size: 14px; font-weight: 700; border-radius: 2px; }

span.nini { display: inline-block; padding: 3px 4px; margin-right: 8px; font-size: 14px; font-weight: 700; color: #00614A; border: solid 1px #00614A; border-radius: 2px; }

input.wpcf7-number, input.wpcf7-date, input.wpcf7-text { box-sizing: border-box; height: 38px; border: solid 1px #B3B3B3; padding: 3px 16px; font-size: 16px; background: #fff; width: 100%; border-radius: 2px; }

input.wpcf7-date { padding: 3px 16px; }

select.wpcf7-select { width: auto; }

select { border-radius: 2px; }

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

ul.form-address-list > li { margin-bottom: 20px; }
ul.form-address-list > li .cap { font-weight: 400; margin-bottom: 12px; line-height: 1; }
ul.form-address-list > li select.wpcf7-form-control.wpcf7-select { width: 200px; }
ul.form-address-list > li:first-child .inp { display: flex; flex-wrap: wrap; align-items: center; }
ul.form-address-list > li:first-child .inp span.form-bikou { margin-left: 8px; }
ul.form-address-list > li:last-child { margin-bottom: 0; }

input#address, input#address02 { width: 100%; }

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

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

input.wpcf7-text.tel01, input#zip { width: 140px; }

select#pref3 { width: auto; }

span.form-bikou { display: block; }

.form-ex { line-height: 1.4; margin-top: 16px; font-weight: 500; }

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

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

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

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

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

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

a.cd-upload-btn { width: 100%; height: 48px; line-height: 48px; background: #272524; border: solid 1px #272524; border-radius: 0; padding-top: 3px; font-size: 16px; margin-top: 0; color: #fff; display: block; }

.form-bikou { font-size: 14px; font-weight: 500; line-height: 26px; }

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

.in-cont { margin-bottom: 8px; display: flex; flex-wrap: wrap; align-items: center; }
.in-cont > span { margin-right: 9px; }
.in-cont > span.line01 { width: 55px; }

input.wpcf7-form-control.wpcf7-text.text-num01 { width: 60px; text-align: right; }

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

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: none; color: #fff; width: 100%; height: 66px; font-size: 18px; font-weight: 700; position: relative; z-index: 3; background: url("../img/p09/btn-arrow01.svg") no-repeat center right 24px, #00614A; border-radius: 5px; border: none; padding: 0 30px; 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: url("../img/p09/btn-arrow02.svg") no-repeat center left 20px, #00614A; text-align: center; }

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

.form-btn.form-btn03 input[type="submit"], .form-btn.form-btn03 input[type="button"] { text-align: center; }

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

span.zip-bikou { margin-left: 15px; font-size: 13px; }

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

p.check-text { margin-bottom: 30px; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
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; }

select { box-sizing: border-box; height: 38px; border: solid 1px #B3B3B3; padding: 3px 30px 3px 16px; font-size: 16px; background: #fff; width: auto; background: url(../img/p09/select-arrow.svg) no-repeat center right 17px #fff; width: auto; -webkit-appearance: none; appearance: none; width: 100%; font-weight: 500; border-radius: 2px; }

/*100 thanksページ等
----------------------------------*/
div#p100Box01, div#p101Box01 { padding: 50px 5.33vw 100px; }
div#p100Box01 .btn01, div#p101Box01 .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: #00614A; margin-top: 50px; }

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

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