@charset "UTF-8";
/* line 10, philosophy.scss */
#introSec { position: relative; }
/* line 11, philosophy.scss */
#introSec .tit { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin: 0 auto 1.5em; position: relative; z-index: 5; }
/* line 12, philosophy.scss */
#introSec .tit i { width: 112px; margin-bottom: 1.5em; }
/* line 13, philosophy.scss */
#introSec .tit em { background: #e23565; color: #fff; font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; font-size: 25px; line-height: 1.6; padding: 0 1em; border-radius: 20px; }
/* line 15, philosophy.scss */
#introSec .catch { font-size: 35px; text-align: center; position: relative; z-index: 5; }
/* line 16, philosophy.scss */
#introSec .ph { position: absolute; z-index: 0; }
/* line 17, philosophy.scss */
#introSec .ph.ph01 { width: 330px; top: 130px; left: -110px; }
/* line 18, philosophy.scss */
#introSec .ph.ph02 { width: 350px; top: 110px; right: -100px; }

@media only screen and (max-width: 750px) { /* line 26, philosophy.scss */
  #introSec .tit { margin: 0 auto 1em; }
  /* line 27, philosophy.scss */
  #introSec .tit i { width: 60px; margin-bottom: 1em; }
  /* line 28, philosophy.scss */
  #introSec .tit em { font-size: 20px; padding: 0 1em; border-radius: 20px; }
  /* line 30, philosophy.scss */
  #introSec .catch { font-size: 21px; filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 5px white); }
  /* line 32, philosophy.scss */
  #introSec .ph.ph01 { width: 280px; top: 170px; left: -80px; }
  /* line 33, philosophy.scss */
  #introSec .ph.ph02 { width: 300px; top: 160px; right: -80px; } }
/* line 41, philosophy.scss */
#philosophySec { margin-top: 3em; position: relative; padding-bottom: 180px; }
/* line 43, philosophy.scss */
#philosophySec .tit { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin: 0 auto 2em; position: relative; z-index: 5; }
/* line 44, philosophy.scss */
#philosophySec .tit span { width: 270px; margin: 0 auto .5em; }
/* line 45, philosophy.scss */
#philosophySec .tit em { font-family: "YakuHanMP", "Shippori Mincho B1", serif; letter-spacing: .015em; font-size: 20px; }
/* line 47, philosophy.scss */
#philosophySec .catch { font-size: 26px; text-align: center; margin-bottom: 2em; position: relative; z-index: 5; }
/* line 48, philosophy.scss */
#philosophySec .catch span { display: inline-block; transform: scaleX(2); transform-origin: left; margin-right: 1em; margin-left: .15em; }
/* line 50, philosophy.scss */
#philosophySec .read { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; text-align: center; position: relative; z-index: 5; }
/* line 51, philosophy.scss */
#philosophySec .read span { line-height: 2.1; }
/* line 52, philosophy.scss */
#philosophySec .read span:not(:last-child) { margin-bottom: 1.5em; }
/* line 56, philosophy.scss */
#philosophySec .phWrap .ph { position: absolute; z-index: 0; }
/* line 57, philosophy.scss */
#philosophySec .phWrap .ph.ph01 { width: 270px; top: 280px; left: -160px; }
/* line 58, philosophy.scss */
#philosophySec .phWrap .ph.ph02 { width: 250px; top: 310px; right: -60px; }
/* line 59, philosophy.scss */
#philosophySec .phWrap .ph.ph03 { width: 240px; top: 410px; right: -150px; }
/* line 60, philosophy.scss */
#philosophySec .phWrap .ph.ph04 { width: 240px; top: 640px; left: 0px; }
/* line 61, philosophy.scss */
#philosophySec .phWrap .ph.ph05 { width: 200px; top: 660px; right: 10px; }

@media only screen and (max-width: 750px) { /* line 69, philosophy.scss */
  #philosophySec { margin-top: 200px; padding-bottom: 50px; }
  /* line 71, philosophy.scss */
  #philosophySec .tit { margin: 0 auto 2em; }
  /* line 72, philosophy.scss */
  #philosophySec .tit span { width: 220px; margin: 0 auto .5em; }
  /* line 73, philosophy.scss */
  #philosophySec .tit em { font-size: 20px; }
  /* line 75, philosophy.scss */
  #philosophySec .catch { font-size: 19px; margin-bottom: 2em; filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 5px white); }
  /* line 76, philosophy.scss */
  #philosophySec .catch span { transform: scaleX(2); }
  /* line 78, philosophy.scss */
  #philosophySec .read { align-items: flex-start; text-align: justify; padding: 0 6.5%; filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 5px white); }
  /* line 79, philosophy.scss */
  #philosophySec .read span { line-height: 2.0; }
  /* line 80, philosophy.scss */
  #philosophySec .read span:not(:last-child) { margin-bottom: 2.5em; }
  /* line 84, philosophy.scss */
  #philosophySec .phWrap .ph { position: absolute; z-index: 0; opacity: .75; }
  /* line 85, philosophy.scss */
  #philosophySec .phWrap .ph.ph01 { width: 180px; top: 260px; left: -50px; }
  /* line 86, philosophy.scss */
  #philosophySec .phWrap .ph.ph02 { width: 160px; top: 310px; right: -60px; }
  /* line 87, philosophy.scss */
  #philosophySec .phWrap .ph.ph03 { width: 130px; top: 550px; right: -50px; }
  /* line 88, philosophy.scss */
  #philosophySec .phWrap .ph.ph04 { width: 160px; top: 710px; left: -50px; }
  /* line 89, philosophy.scss */
  #philosophySec .phWrap .ph.ph05 { width: 130px; top: 790px; right: -20px; } }
/* line 98, philosophy.scss */
#promiceSec { position: relative; overflow: hidden; }
/* line 99, philosophy.scss */
#promiceSec::after { content: ""; width: 100%; height: 100%; background: url("../../img/cmn/foot_bg.webp") no-repeat; background-size: 100% 100%; opacity: .25; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 200px; z-index: 0; }
/* line 100, philosophy.scss */
#promiceSec .slidePhSec { overflow: hidden; position: relative; z-index: 15; }
/* line 101, philosophy.scss */
#promiceSec .slidePhSec .slidePhWrap { display: flex; width: calc(320px * 8); animation: infinity-scroll-left 30s linear infinite; }
/* line 102, philosophy.scss */
#promiceSec .slidePhSec .slidePhWrap .slidePh { flex: 0 0 320px; }
/* line 103, philosophy.scss */
#promiceSec .slidePhSec .slidePhWrap .slidePh img { width: 100%; }
@keyframes infinity-scroll-left { from { transform: translateX(0); }
  to { transform: translateX(-100%); } }
/* line 112, philosophy.scss */
#promiceSec .wrapper { position: relative; z-index: 15; padding: 80px 0 50px; }
/* line 116, philosophy.scss */
#promiceSec .drawingWrap { width: 75%; margin: 70px auto 0; position: relative; }
/* line 118, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li { position: absolute; width: 260px; }
/* line 119, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li::after { content: ""; width: 265px; height: 265px; border-radius: 50%; background: #fff; filter: blur(20px); position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; }
/* line 120, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li .t, #promiceSec .drawingWrap ul.listWrap li .read { position: relative; z-index: 5; }
/* line 121, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li .t { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 28px; line-height: 1.5; color: #e23565; text-align: center; margin-bottom: .5em; }
/* line 122, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li .read { font-size: 15px; }
/* line 123, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li.list01 { top: 240px; left: 0; }
/* line 124, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li.list02 { top: -15px; left: 320px; }
/* line 125, philosophy.scss */
#promiceSec .drawingWrap ul.listWrap li.list03 { top: 240px; right: 0; }
/* line 141, philosophy.scss */
#promiceSec .drawingWrap + .read { padding-top: 3em; margin-top: 4em; border-top: 1px solid #b3a2a2; text-align: center; line-height: 2.0; }

@media only screen and (max-width: 750px) { /* line 149, philosophy.scss */
  #promiceSec::after { background: url("../../img/cmn/foot_bgSp.webp") no-repeat top center; background-size: 100% 100%; top: 50px; }
  /* line 151, philosophy.scss */
  #promiceSec .slidePhSec .slidePhWrap { width: calc(180px * 8); animation: infinity-scroll-left 30s linear infinite; }
  /* line 152, philosophy.scss */
  #promiceSec .slidePhSec .slidePhWrap .slidePh { flex: 0 0 180px; }
  /* line 156, philosophy.scss */
  #promiceSec .wrapper { padding: 60px 0 50px; }
  /* line 160, philosophy.scss */
  #promiceSec .drawingWrap { width: 94%; margin: 50px auto 0; }
  /* line 161, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap { width: 55%; margin-left: auto; margin-right: 5%; }
  /* line 162, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li { width: 100%; text-align: left; }
  /* line 163, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li:not(:last-child) { margin-bottom: 20%; }
  /* line 164, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li::after { width: 100%; height: 100%; filter: blur(10px); }
  /* line 166, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li .t { font-size: 20px; text-align: justify; margin-bottom: .5em; }
  /* line 167, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li .read { font-size: 14px; }
  /* line 168, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li.list01 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 169, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li.list02 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 170, philosophy.scss */
  #promiceSec .drawingWrap ul.listWrap li.list03 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 185, philosophy.scss */
  #promiceSec .drawingWrap .drawing { position: absolute; top: 0; left: 0; width: 150px; }
  /* line 186, philosophy.scss */
  #promiceSec .drawingWrap + .read { padding-inline: 6.5%; padding-top: 3em; margin-top: 4em; border-top: 1px solid #b3a2a2; text-align: justify; line-height: 2.0; } }