@charset "utf-8";
@import url('components.css');
body { counter-reset: number 0; background: #fafafa; padding: 160px 0 0; max-width: 100%; overflow: hidden; }
.marker { background: #F2FF55; color: #111;}

img { max-width: 100%; height: auto; object-fit: cover; }
a { text-decoration: none; color: rgb(0, 136, 209); }
a:hover { text-decoration: none; color: #FC8338; }
a.txtlink { text-decoration: underline;}

::selection { background: #FA6A6A; color: rgba(255, 255, 255, .9); }

img.fadein { opacity : 0.1; transform : translate(0, 50px); transition : all 500ms; }
img.fadein.scrollin { opacity : 1; transform : translate(0, 0); }

ol.list { list-style-type: decimal; margin: 1em auto 1em 1.5em; }
ol.list li { list-style-type: decimal; }

ul.list { list-style-type: none; margin: 1em auto; }
ul.list li { list-style-type: none; position: relative; padding: 0 0 0 1.5em; }
ul.list li::before { content: ""; display: block; position: absolute; left: .45rem; top:calc(50% - 4px); width: 8px; height: 8px; border-radius: 100px; background: linear-gradient(135deg, #FC8338 0%, #FA6A6A 100%); font-size: 1px; line-height: 1; }

.red,
.attention { color:#f00; }

.js-fadeIn { opacity: 0; transition: opacity 1s, transform 1s; }
.js-fadeIn.is-inview { opacity: 1; transition-delay: .25s; }
.js-fadeUp { opacity: 0; transform: translateY(5rem); transition: opacity 1s, transform 1s; }
.js-fadeUp.is-inview { opacity: 1; transform: translateY(0); transition-delay: .25s; }
.js-fadeLeft { opacity: 0; transform: translateX(5rem); transition: opacity 1s, transform 1s; }
.js-fadeLeft.is-inview { opacity: 1; transform: translateX(0); transition-delay: .1s; }
.js-fadeRight { opacity: 0; transform: translateX(-5rem); transition: opacity 1s, transform 1s; }
.js-fadeRight.is-inview { opacity: 1; transform: translateX(0); transition-delay: .1s; }

.is-inview.js-list01 { transition-delay: .25s !important; }
.is-inview.js-list02 { transition-delay: .5s !important; }
.is-inview.js-list03 { transition-delay: .75s !important; }
.is-inview.js-list04 { transition-delay: 1s !important; }
.is-inview.js-list05 { transition-delay: 1.25s !important; }
.is-inview.js-list06 { transition-delay: 1.5s !important; }
.is-inview.js-list07 { transition-delay: 1.75s !important; }
.is-inview.js-list08 { transition-delay: 2s !important; }

.grad { display: inline-block; background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: inherit; font-size: inherit; line-height: inherit; }

header { width: 100%; height: 160px; padding:0 2rem; position: fixed; left: 0; top:0; z-index: 100; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: height 1s; }
header .logo img { height: 66px; transition: height 1s; }
header nav ul { display: flex; align-items: center; }
header nav ul li { margin: 0 1vw; }
header nav ul li a { color: #111; font-size: 1.2rem; display: inline-block; padding:1rem 0; text-align: center; line-height: 1; transition: color .4s; position: relative; }
header nav ul li a small { font-size: .8rem; line-height: 1; }
header nav ul li a::before { content: ""; display: block; width: 0; height: 0; border-bottom: 1px solid #FC8338; position: absolute; left: 50%; bottom: 0; transition: .4s; }
header nav ul li a:hover { color: #FC8338; }
header nav ul li a:hover::before { width: 100%; left: 0; }

body.scrollfix header { height: 90px; }
body.scrollfix header .logo img { height: 50px; }


.kv { width: 100%; display: flex; }
.kv .txt { width: calc(100% - 700px); height: 800px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); }
.kv .img { width: 700px; height: 800px; }
.kv .img ul { position: relative; }
.kv .img ul li { position: absolute; top:0; left: 0; }
.kv .img ul li:nth-of-type(1) { left: 0; top: 0; }
.kv .img ul li:nth-of-type(2) { left: 0; top: 260px; }
.kv .img ul li:nth-of-type(3) { left: 0; top: 400px; }
.kv .img ul li:nth-of-type(4) { left: 350px; top: 0; }
.kv .img ul li:nth-of-type(5) { left: 350px; top: 400px; }
.kv .img ul li:nth-of-type(6) { left: 350px; top: 660px; }

.about { padding: 5rem 1rem; }
.about h2 { text-align: center; line-height: 1.4; font-size: 2.5rem; letter-spacing: .05em; margin: 0 auto 2.5rem; }
.about h2 small { text-align: center; line-height: 1.4; font-size: 1.4rem; letter-spacing: .05em; }
.about p { text-align: center; line-height: 2; font-size: 1.2rem; font-weight: 600; }
.about p em { color: #FC8338; font-weight: 600; }

.contactbnr { background: linear-gradient(135deg, #565D6C 0%, #6C5B71 50%, #546E6A 100%); padding: 2.5rem; }
.contactbnr p { font-weight: 600; text-align: center; color: #fff; margin: 0 auto 1rem; }
.contactbnr ul { display: flex; justify-content: center; }
.contactbnr ul li a { width: 500px; height: 80px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 1.3rem; border-radius: 100px; background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); position: relative; top:0; transition: .4s; box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, .2); opacity: 1; }
.contactbnr ul li a:hover { top:-.5rem; opacity: .9; }

.point { padding: 5rem 1rem; background: url(/static/images/service_bg.jpg) center center no-repeat; background-attachment: fixed; }
.point .inr { display: flex; justify-content: center; gap: 1rem; }
.point .inr dl { width: 280px; }
.point .inr dl dt { margin: 0 auto 1rem; }
.point .inr dl dd h2 { font-size: 1.5rem; line-height: 1.4; font-weight: 600; margin: 0 auto .25rem; }
.point .inr dl dd h2 small { font-size: 1rem; line-height: 1.4; font-weight: 600; }
.point .inr dl dd p { font-size: .9rem; font-weight: 600; color: rgba(0, 0, 0, .4); line-height: 1.8; }

.service { padding:5rem 1rem; background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); }
.service h2 { color: #fff; text-align: center; line-height: 1.4; font-size: 2.5rem; letter-spacing: .05em; margin: 0 auto 2.5rem; }
.service h2 small { color: #fff; text-align: center; line-height: 1.4; font-size: 1.4rem; letter-spacing: .05em; }
.service .inr { display: flex; flex-wrap: wrap; justify-content: center; background: #fff; max-width: 1200px; margin: 0 auto; box-shadow: 0 3px 20px rgba(0, 0, 0, .16); }
.service .inr dl { width: 50%; display: flex; align-items: center; }
.service .inr dl dt { width: 160px; height: 160px; display: flex; align-items: center; }
.service .inr dl dd { width: calc(100% - 160px); padding: 0 2rem; }
.service .inr dl:nth-of-type(-n+2) { border-bottom: 1px solid rgba(0, 0, 0, .1);}
.service .inr dl dd h3 { line-height: 1.25; font-size: 1.2rem; margin: 0 auto .5rem; }
.service .inr dl dd h3 small { line-height: 1.25; font-size: .8rem; color: #C3835B; }

.company { padding: 5rem 1rem; background: rgba(0, 0, 0, .03); }
.company h2 { text-align: center; line-height: 1.4; font-size: 2.5rem; letter-spacing: .05em; margin: 0 auto 5rem; }
.company h2 small { text-align: center; line-height: 1.4; font-size: 1.4rem; letter-spacing: .05em; }
.company .inr { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 0 2rem; }
.company .inr dl { width: calc((100% - 2rem) / 2); border-top: 1px solid rgba(0, 0, 0, .1); padding: 2rem 0; display: flex; align-items: center; }
.company .inr dl dt { width: 10rem; font-weight: 600; }
.company .inr dl dd { width: calc(100% - 10rem); }

.footerContact { background: linear-gradient(135deg, #565D6C 0%, #6C5B71 50%, #546E6A 100%); padding: 2.5rem; }
.footerContact h2 { color: #fff; text-align: center; line-height: 1.4; font-size: 2.5rem; letter-spacing: .05em; margin: 0 auto 2.5rem; }
.footerContact h2 small { color: #fff; text-align: center; line-height: 1.4; font-size: 1.4rem; letter-spacing: .05em; }
.footerContact p { color: #fff; text-align: center; line-height: 1.8; font-weight: 600; margin: 0 auto 2.5rem; }
.footerContact ul { display: flex; justify-content: center; margin: 0 auto 2.5rem; }
.footerContact ul li a { width: 600px; height: 120px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 1.3rem; border-radius: 100px; background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); position: relative; top:0; transition: top .4s, opacity .4s; box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, .2); opacity: 1; }
.footerContact ul li a:hover { top:-.5rem; opacity: .9; }
.footerContact dl { border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1); width: 600px; margin: 0 auto; padding: 1.5rem 0; }
.footerContact dl dt { line-height: 1; font-size: 3rem; text-align: center; margin: 0 auto .5rem; }
.footerContact dl dd { line-height: 1; font-size: .9rem; text-align: center; color: #fff; font-weight: 600; }

footer { padding: 5rem 1rem; }
footer ul { display: flex; justify-content: center; gap: 2rem; margin: 0 auto 2rem; }
footer ul li a { font-weight: 600; color: #111; }
.copyright { font-size: .7rem; text-align: center; color: rgba(0, 0, 0, .4); }

.contact h1 { background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); color: #fff; height: 200px; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1; }
.contact p { margin: 5rem 1rem; text-align: center; font-weight: 600; }
.contact .inr { max-width: 900px; margin: 0 auto; border-top: 1px solid rgba(0, 0, 0, .2); }
.contact .inr dl { display: flex; align-items: center; padding: 2rem 0; border-bottom: 1px solid rgba(0, 0, 0, .2); }
.contact .inr dl dt { width: 17rem; font-weight: 600; position: relative; }
.contact .inr dl.must dt::before { content: "必須"; display: flex; align-items: center; justify-content: center; width: 3rem; height: 1.4rem; font-size: 11px; font-weight: 600; background: #FC8338; color: #fff; line-height: 1; position: absolute; right: 1rem; top:calc(50% - .7rem); }
.contact .inr dl.option dt::before { content: "任意"; display: flex; align-items: center; justify-content: center; width: 3rem; height: 1.4rem; font-size: 11px; font-weight: 600; background: #28c6ff; color: #fff; line-height: 1; position: absolute; right: 1rem; top:calc(50% - .7rem); }
.contact .inr dl dd { width: calc(100% - 17rem); }
.contact .inr dl dd * { vertical-align: top; max-width: 100%; }
.contact .inr dl dd .error { color: #f00; }
.contact .inr ul { display: flex; align-items: center; justify-content: center; margin: 3rem auto; }
.contact .inr ul li { margin: 0 2rem; }
.contact .inr ul li input[type="submit"] { border:none; outline: none; cursor: pointer; width: 500px; height: 80px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 1.3rem; border-radius: 100px; background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); position: relative; top:0; transition: .4s; box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, .2); opacity: 1; }
.contact .inr ul li input[type="submit"]:hover { width: 600px; }
.contact .inr .error { margin: .5rem 0 0; }

.btn { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 220px; color: #111; height: 50px; border:1px solid #111; }

.plain h1 { background: linear-gradient(135deg, #FCEA51 0%, #FA6A6A 50%, #FC8338 100%); color: #fff; height: 200px; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1; }
.plain h2 { font-size: 2.3rem; margin: 5rem auto; line-height: 1.4; }
.plain p { margin-bottom: 3rem; }
.plain section { max-width: 900px; margin: 5rem auto }

.follow {  padding: 5rem 1rem; background: url(/static/images/point_bg.png) center top / cover no-repeat; background-attachment: fixed; }
.follow h2 { text-align: center; line-height: 1.4; font-size: 2.5rem; letter-spacing: .05em; margin: 0 auto 5rem; }
.follow h2 small { text-align: center; line-height: 1.4; font-size: 1.4rem; letter-spacing: .05em; }
.follow .cont { max-width: 1300px; display: flex; margin: 0 auto 5rem; position: relative; justify-content: center; }
.follow .img { width: 500px; box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); position: relative; z-index: 20; }
.follow .img img { width: 100%; height: 100%; object-fit: cover; }
.follow .txt { width: calc(100% - 500px); box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); position: relative; z-index: 10; padding: 5rem; background: #fff; display: flex; align-items: center;justify-content: center; }
.follow h3 { font-size: 2rem; margin: 0 auto 2rem; }
.follow p { vertical-align: middle; font-weight: 500; line-height: 2; margin: 0 auto 1rem; color: rgba(0, 0, 0, .8); }
.follow p em { vertical-align: middle; font-size: 1.4rem; color: #fff; margin: 0 .25em 0 0; padding: .1em; font-weight: 600; background: linear-gradient(135deg, #FFAD4D 0%, #FF6666 50%, #FF8133 100%); }
.follow p u { color: #FF6866; font-weight: 600; position: relative; text-decoration: none; }
.follow p u:before { content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; bottom: -3px; border-bottom: 2px solid #FF6866;  }
.follow ul li { font-weight: 600; line-height: 2; margin: 0 auto 1rem; color: rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .05); padding: 1rem; line-height: 1.5; position: relative; }
.follow ul li::before { content: ""; position: absolute; left: 2px; top: 2px; display: block; width: 20px; height: 20px; border-left: 1px solid #FF6866; border-top: 1px solid #FF6866; }
.follow ul li::after { content: ""; position: absolute; right: 2px; bottom: 2px; display: block; width: 20px; height: 20px; border-right: 1px solid #FF6866; border-bottom: 1px solid #FF6866; }

.follow .cont.cont01 .img { top:-2rem; left: 2rem; }
.follow .cont.cont01 .txt { right: 2rem; padding-left: 9rem; }
.follow .cont.cont02 { flex-direction: row-reverse; }
.follow .cont.cont02 .img { top:2rem; right: 2rem; }
.follow .cont.cont02 .txt { left: 2rem; padding-right: 9rem; }

.flow {  padding: 5rem 1rem; }
.flow h2 { text-align: center; line-height: 1.4; font-size: 2.5rem; letter-spacing: .05em; margin: 0 auto 5rem; }
.flow h2 small { text-align: center; line-height: 1.4; font-size: 1.4rem; letter-spacing: .05em; }
.flow .inr { max-width: 1400px; margin: 0 auto; display: flex; position: relative; }
.flow .inr::before { content: ""; display: block; width: 100%; height: 180px; position: absolute; left: 0; top:0; background: linear-gradient(135deg, #30C6CC 0%, #30CC5A 100%); z-index: 0; }
.flow .inr dl { width: calc(100% / 5.2); position: relative; z-index: 10; background: rgba(0, 0, 0, .03); box-shadow: -1px 0 0 rgba(0, 0, 0, .1); }
/* .flow .inr dl::after { content: ""; display: block; width: 180px; height: 110px; background: url(/static/images/ico_arw_day5.png) top left / cover no-repeat; position: absolute; left: -72px; top:0; z-index: 20; } */
.flow .inr dl dt { width: 100%; height: 180px; border-left: 1px solid rgba(255, 255, 255, .1); font-size: 1.3rem; color: #fff; font-weight: 600; text-align: center; padding-top: 110px; line-height: 1.3; position: relative; }
.flow .inr dl dt::before { counter-increment: number 1; content: counter(number) " "; position: absolute; left: calc(50% - .25em); top:30px; font-size: 4rem; line-height: 1; text-align: center; font-weight: normal; }
.flow .inr dl dt:after { content: ""; display: block; width: 150px; height: 0; border-bottom: 1px solid #fff; position: absolute; left: calc(50% - 75px); top:100px; }
.flow .inr dl dt span { font-weight: 600; line-height: 1.3; }
.flow .inr dl dd { padding: 1.5rem; }
.flow .inr dl dd em { color: #FB7B49; font-weight: 600; }
.flow > p { max-width: 1400px; margin: 1rem auto; font-size: .9rem; }
.flow .inr dl:nth-of-type(1) { box-shadow: none; }
.flow .inr dl:nth-of-type(1) dt { border-left: none }
/* .flow .inr dl:nth-of-type(1)::after { display: none; } */
.flow .inr dl:nth-of-type(4) { width: calc(100% / 4.3); }
/* .flow .inr dl:nth-of-type(4)::after { background-image: url(/static/images/ico_arw_day3.png); } */
.flow .inr dl:nth-of-type(5)::before { content: ""; display: block; width: 140px; height: 164.5px; background: url(/static/images/ico_balloon.png) top left / cover no-repeat; position: absolute; right: 0; top:-110px; z-index: 20; }

@media print, screen and (max-width:1200px){

  .is-inview.js-list01,
  .is-inview.js-list02,
  .is-inview.js-list03,
  .is-inview.js-list04,
  .is-inview.js-list05,
  .is-inview.js-list06,
  .is-inview.js-list07,
  .is-inview.js-list08 { transition-delay:.25s !important; }

  .is-inview.js-list01,
  .is-inview.js-list02,
  .is-inview.js-list03,
  .is-inview.js-list04,
  .is-inview.js-list05,
  .is-inview.js-list06,
  .is-inview.js-list07,
  .is-inview.js-list08 { transition-delay: .25s !important; }
  html { font-size: 16px; }
  body { font-size: 16px; padding: 0; }
  header { justify-content: center; height: 80px; position: static; }
  header .logo img { height: 40px; }
  header nav { display: none; }

  body.scrollfix header { height: 80px; }
  body.scrollfix header .logo img { height: 40px; }

  .kv { display: block; }
  .kv .txt { width: 100%; height: 80vw; }
  .kv .txt img { width: 70vw; height: auto; }
  .kv .img { width: 100%; height: 114vw; }
  .kv .img ul li { width: 50%; }
  .kv .img ul li img { width: 100%; }
  .kv .img ul li:nth-of-type(1) { left: 0; top: 0; }
  .kv .img ul li:nth-of-type(2) { left: 0; top: 37vw; }
  .kv .img ul li:nth-of-type(3) { left: 0; top: 57vw; }
  .kv .img ul li:nth-of-type(4) { left: 50%; top: 0; }
  .kv .img ul li:nth-of-type(5) { left: 50%; top: 57vw; }
  .kv .img ul li:nth-of-type(6) { left: 50%; top: 94vw; }
  .about { padding: 2.5rem 1rem; }
  .about h2 { font-size: 1.4rem; }
  .about h2 small { font-size: 1rem; }
  .about p { line-height: 1.8; font-size: 1rem; text-align: left; }
  .about p br { display: none; }
  .contactbnr p { font-size: .9rem; }
  .contactbnr ul { display: block; }
  .contactbnr ul li a { width: 100%; height: 60px; font-size: 1.2rem; }
  .point { padding:1.5rem 1rem; }
  .point .inr { display: block; }
  .point .inr dl { margin: 0 auto 3rem; }
  .service { padding: 2.5rem .5rem .5rem; }
  .service h2 { font-size: 1.4rem; }
  .service h2 br { display: none; }
  .service h2 small { font-size: 1rem; display: block; }
  .service .inr { display: block;}
  .service .inr dl { width: auto; }
  .service .inr dl dt { width: 120px; height: 120px; }
  .service .inr dl dd { width: calc(100% - 120px); padding: 0 1rem; }
  .service .inr dl dd h3 small { font-size: .7rem; line-height: 1.25; display: inline-block; }
  .service .inr dl dd h3 { font-size: 1rem; margin: 0 auto; }
  .service .inr dl dd p { font-size: .8rem; line-height: 1.4; }
  .service .inr dl:nth-of-type(-n+3) { border-bottom: 1px solid rgba(0, 0, 0, .1); }
  .company { padding: 2.5rem 1rem 1rem; }
  .company h2 { font-size: 1.4rem; margin: 0 auto 2.5rem; }
  .company h2 br { display: none; }
  .company h2 small { font-size: 1rem; display: block; }
  .company .inr { display: block; }
  .company .inr dl { width: auto; }
  .footerContact { padding: 2.5rem 1rem; }
  .footerContact h2 { font-size: 1.4rem; margin: 0 auto 2.5rem; }
  .footerContact h2 br { display: none; }
  .footerContact h2 small { font-size: 1rem; display: block; }
  .footerContact ul { display: block; }
  .footerContact ul li a { width: auto; height: 80px; font-size: 1rem; }
  .footerContact dl { width: auto; }
  .footerContact dl dt { font-size: 2.5rem; }
  .footerContact dl dd { font-size: .7rem; }
  footer { padding: 2.5rem 1rem; }
  footer ul { display: none; }

  .contact h1 { height: 100px; font-size: 1.5rem; }
  .contact p { margin: 2.5rem 1rem; }
  .contact .inr { margin: 0 1rem; }
  .contact .inr dl { display: block; }
  .contact .inr dl dt { width: auto; margin: 0 auto .5rem; padding: 4px 0; }
  .contact .inr dl.must dt::before,
  .contact .inr dl.option dt::before { right: 0; }
  .contact .inr dl dd { width: auto; }
  .contact .inr ul { display: block; }
  .contact .inr ul li input[type="submit"],
  .contact .inr ul li input[type="submit"]:hover { width: 100%; height: 60px; font-size: 1rem; }

  .plain h1 { height: 100px; font-size: 1.5rem; }
  .plain h2 { font-size: 1.3rem; margin: 2rem auto; }
  .plain section { margin: 1rem; }

  .follow { padding: 2.5rem 0 0;background-size: contain; background-attachment:scroll;}
  .follow h2 { font-size: 1.4rem; margin: 0 auto 2.5rem; }
  .follow h2 small { font-size: 1rem; }
  .follow h3 { font-size: 5.3vw; line-height: 1.5; margin: 0 auto 1rem; }
  .follow .cont { display: block; margin: 0 auto; }
  .follow .img { width: auto; height: 100vw; object-fit: cover; }
  .follow .txt { width: auto; padding: 2rem; }
  .follow p { line-height: 1.5; }
  .follow .cont.cont01 .img { top:0; left: 0; }
  .follow .cont.cont01 .img img { object-position: 0 25%; }
  .follow .cont.cont01 .txt { right: 0; padding-left: 2rem; }
  .follow .cont.cont02 .img { top:0; right: 0; }
  .follow .cont.cont02 .txt { left: 0; padding-right: 2rem; }

  .flow { padding: 2.5rem 0 0;background-size: contain; }
  .flow h2 { font-size: 1.4rem; margin: 0 auto 2.5rem; }
  .flow h2 small { font-size: 1rem; }
  .flow .inr { display: block; padding: 0 0 0 15vw; }
  .flow .inr::before { width: 15vw; height: 100%; }
  .flow .inr dl { width: 100%; padding: 1rem; box-shadow: 0 -1px 0 rgba(0, 0, 0, .1); }
  .flow .inr dl dt { width: auto; height: auto; padding: 0; margin: 0 0 .5rem; color: #111; text-align: left; position: static; line-height: 1.5; }
  .flow .inr dl dt span { color: #111; }
  .flow .inr dl dt::before { width: 15vw; text-align: center; left:-15vw; top:50%; font-size: 2rem; color: #fff; }
  .flow .inr dl dt::after { display: none; }
  .flow .inr dl dd { width: auto; height: auto; padding: 0; margin: 0; }
  .flow .inr dl:nth-of-type(4) { width: auto; }
  .flow .inr dl:nth-of-type(4) dd {padding-bottom: 2rem; }
/*  .flow .inr dl::after { width: 90px; height: 55px; left:-14vw; top:-26px; z-index: 20; } */
  .flow .inr dl:nth-of-type(5)::before { width: 80px; height: 94px; right: 10px; top:-40px; }
  .flow > p { margin: 1rem; }

}