@charset "UTF-8"; 
@media screen and (min-width: 768px),print {
 .mv { max-width: 1920px; width: 100%; margin: 0 auto; .mv-box { position: relative; height: 811px; margin-bottom: 150px; .mv-ttl { top: 121px; left: 89px; position: absolute; z-index: 100; }
.mv-link-list { position: absolute; left: 71px; top: 410px; z-index: 100; li { a { background-image: url(../images/index/mv-deco.svg); background-repeat: no-repeat; background-position: 17px 15px; display: block; font-size: 14px; letter-spacing: 0.15em; color: #3e3e3e; padding-left: 32px; margin-bottom: 2px; }
 }
 }
 }
.mv-sra-box { padding-left: 365px; padding-right: 62px; .mv-sra-box-rel { position: relative; .mv-en { position: absolute; bottom: 17px; right: -13px; }
 }
.mv-sra { margin-bottom: 0px; }
.mv-sra-item { img { width: 100%; }
 }
 }
 }
.mv-dots { position: absolute; left: -14px; bottom: 0; .slick-dots { bottom: -4px; }
.slick-dots li { background-color: #F7F7F2; width: 8px; height: 8px; margin-left: 0px; margin-right: 0; display: block; margin-bottom: 4px; }
.slick-dots li.slick-active { background-color: #FF7500; }
.slick-dots li button { width: 8px; height: 8px; padding: 0px; margin-bottom: 0px; }
.slick-dots li button:before { display: none; }
 }
.nagare-move-u-rel { position: relative; width: 1155px; .deco { position: absolute; top: 0; left: 0; z-index: 10; }
 }
.nagare-move-u { --nagare-w: 2550px; /* 背景画像の横幅 */
  --nagare-h: 684px; /* 背景画像の高さ */
  --nagare-speed: 100s; /* 1周する時間。長いほどゆっくり */
background-image: url(../images/index/c1-nagare.png); background-repeat: repeat-x; background-position: 0 0; background-size: auto var(--nagare-h); width: 100%; height: var(--nagare-h); animation: nagare-left var(--nagare-speed) linear infinite; will-change: background-position; }
/* ← 左方向に流す */
@keyframes nagare-left {
 from { background-position-x: 0; }
to { background-position-x: calc(-1 * var(--nagare-w)); }
 }
@media (prefers-reduced-motion: reduce) {
 .nagare-move-u { animation: none; }
 }
.top-c-btn-1 { a { width: 260px; display: block; font-weight: 400; border-bottom: 1px solid #262626; font-size: 15px; letter-spacing: 0.15em; color: #262626; padding-left: 36px; padding-bottom: 16px; padding-top: 16px; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 32px top 27px; }
 }
.top-c-btn-2 a { display: block; width: 340px; height: 74px; margin: 0 auto; border-radius: 37px; background: #ff7500; border: 1px solid #fcca8c; font-weight: 500; font-size: 15px; letter-spacing: 0.15em; text-align: center; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-image: url(../images/index/c-deco-w.png); background-repeat: no-repeat; background-position: right 26px center; &:hover { text-decoration: none; opacity: 0.8; }
 }
/*============================
#c1
============================*/
#c1 { .inner { position: relative; .nagare-move-u-rel { .deco { }
.nagare-move-u { }
 }
.ww-box { width: 1680px; margin: 0 auto; position: relative; top: -634px; margin-bottom: -434px; }
.bd-box { position: absolute; width: 760px; height: 774px; border: 1px solid #FF7500; right: -20px; top: 20px; }
.kage-box { width: 760px; margin-left: auto; background: #fff; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1); padding: 116px 100px 120px 150px; .inner { .en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 42px; &::after { content: ""; width: 30px; height: 1px; background-color: #262626; position: absolute; bottom: -8px; left: 0; }
 }
.ttl { font-weight: 500; font-size: 25px; letter-spacing: 0.15em; line-height: 42px; text-align: left; color: #262626; margin-bottom: 33px; }
.en { font-family: "soleil", sans-serif; font-weight: 600; font-size: 48px; letter-spacing: 0.04em; text-align: left; color: #ff7500; margin-bottom: 49px; }
.txt-box { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; margin-bottom: 83px; }
 }
 }
 }
 }
/*============================
#c2
============================*/
#c2 { background-image: url(../images/index/c2-bg.png); background-repeat: no-repeat; background-position: center 0; margin-bottom: 100px; position: relative; z-index: 10; .inner { width: 1600px; margin: 0 auto; padding-top: 94px; .ttl { font-weight: 500; font-size: 25px; letter-spacing: 0.2em; line-height: 37px; text-align: left; color: #262626; margin-bottom: 69px; .ss1 { position: relative; }
.ss2 { font-family: Soleil; font-weight: 300; font-size: 58px; letter-spacing: 0.04em; text-align: right; color: #262626; margin-left: 9px; position: relative; top: 2px; }
.ss3 { font-size: 24px; letter-spacing: 0.2em; line-height: 36px; color: #262626; margin-left: 3px; }
.ss4 { font-size: 24px; letter-spacing: 0.2em; line-height: 36px; color: #262626; margin-left: 1px; }
.ss5 { font-size: 37px; letter-spacing: 0.2em; line-height: 55px; text-align: left; color: #262626; rt { font-size: 12px; letter-spacing: 2px; position: relative; top: -4px; }
 }
 }
.list { width: 1600px; margin: 0 auto; margin-bottom: 70px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
 }
 }
/*============================
#c3
============================*/
#c3 { background-image: url(../images/index/c7-bg-ptn.png); background-repeat: repeat; background-position: center 0; padding-top: 100px; padding-bottom: 100px; margin-bottom: 150px; .inner { width: 1340px; margin: 0 auto; background-color: #fff; background-image: url(../images/index/c3-bg.svg); background-repeat: no-repeat; background-position: center 0; padding-top: 58px; padding-bottom: 80px; .en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 27px; text-align: center; &::after { content: ""; width: 30px; height: 1px; margin: 0 auto; background-color: #262626; position: absolute; bottom: -8px; left: 0; right: 0; }
 }
.ttl { font-weight: 500; font-size: 37px; letter-spacing: 0.24em; line-height: 56px; text-align: center; color: #262626; margin-bottom: 4px; position: relative; left: 4px; }
.txt { font-weight: 500; font-size: 17px; letter-spacing: 0.2em; line-height: 34px; text-align: center; color: #262626; margin-bottom: 40px; }
/*============================
#js-iemiru-cms-index-page
============================*/
		#js-iemiru-cms-index-page { }
.top-c-btn-2 { }
 }
#iemiru-cms-index-page { max-width: 1056px; margin-bottom: 50px; }
#iemiru-cms-index-page .index-page__events-event { width: 312px; padding: 0; margin: 0; margin-right: 60px; &:nth-child(3) { margin-right: 0px; }
 }
#iemiru-cms-index-page .index-page__events-event:hover { background: #fff; .index-page__events-event-image { opacity: 0.8; }
.index-page__events-event-name { text-decoration: underline; }
 }
 }
/*============================
#c4
============================*/
#c4 { margin-bottom: 266px; .inner { width: 1640px; margin: 0 auto; position: relative; .en { position: absolute; height: 88px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; left: -36px; }
.pic { }
.ttl-ads { position: absolute; top: 42px; right: 261px; }
.ttl { font-weight: 400; font-size: 45px; letter-spacing: 0.23em; line-height: 59px; text-align: left; color: #ff7500; margin-bottom: 16px; }
.txt { font-weight: 400; font-size: 19px; letter-spacing: 0.22em; line-height: 33px; text-align: left; color: #ff7500; }
.top-c-btn-1 { position: absolute; bottom: 0; right: 0; }
 }
 }
/*============================
#c5
============================*/
#c5 { .inner { a { &:hover { text-decoration: none; .s-ttl { text-decoration: underline; }
.top-c-btn-3 { opacity: 0.8; }
 }
 }
.ttl { font-family: "soleil", sans-serif; font-weight: 300; font-size: 94px; letter-spacing: 0.6em; text-align: center; color: #ff7500; position: relative; left: 12px; top: 2px; }
.bg-01 { background-image: url(../images/index/c5-bg-01.png); background-repeat: no-repeat; background-position: center 0; padding-top: 110px; height: 792px; .flex { width: 1504px; margin: 0 auto; position: relative; a { display: flex; flex-wrap: wrap; }
.box-l { width: 752px; position: relative; left: 22px; .line-deco { position: absolute; bottom: 54px; left: -230px; }
 }
.box-r { width: 752px; position: relative; top: 70px; left: -22px; background-image: url(../images/index/c5-deco-01.svg); background-repeat: no-repeat; background-position: center 0; .in { background-color: #FFFFFF; padding: 78px 105px 85px 106px; position: relative; background-image: url(../images/index/c5-deco-01.svg); background-repeat: no-repeat; background-position: 10px 0px; }
 }
.box-r .en { position: absolute; bottom: 15px; right: 20px; }
.box-r .s-ttl { font-weight: 500; font-size: 27px; letter-spacing: 0.32em; line-height: 41px; text-align: left; color: #262626; margin-bottom: 25px; }
.box-r .txt-box { font-family: "Ryo Gothic PlusN"; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; margin-bottom: 52px; }
.box-r .top-c-btn-3 { width: 160px; height: 52px; border-radius: 26px; background: #ff7500; font-weight: normal; font-size: 14px; letter-spacing: 0.15em; color: #fff; padding: 10px 5px 5px 31px; background-image: url(../images/index/c-deco-w-02.png); background-repeat: no-repeat; background-position: right 32px top 22px; }
 }
 }
.bg-02 { background-image: url(../images/index/c5-bg-02.png); background-repeat: no-repeat; background-position: center 0; padding-top: 110px; height: 822px; .flex { width: 1504px; margin: 0 auto; position: relative; a { display: flex; flex-wrap: wrap; }
.box-l { width: 752px; position: relative; left: -22px; .line-deco { position: absolute; bottom: 30px; right: -230px; }
 }
.box-r { width: 752px; position: relative; top: 40px; left: 22px; background-image: url(../images/index/c5-deco-01.svg); background-repeat: no-repeat; background-position: center 0; order: -1; z-index: 10; .in { background-color: #FFFFFF; padding: 78px 105px 85px 105px; position: relative; background-image: url(../images/index/c5-deco-01.svg); background-repeat: no-repeat; background-position: 10px 0px; }
 }
.box-r .en { position: absolute; bottom: 15px; right: 20px; }
.box-r .s-ttl { font-weight: 400; font-size: 27px; letter-spacing: 0.32em; line-height: 41px; text-align: left; color: #262626; margin-bottom: 25px; }
.box-r .txt-box { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; margin-bottom: 52px; }
.box-r .top-c-btn-3 { width: 160px; height: 52px; border-radius: 26px; background: #ff7500; font-weight: normal; font-size: 14px; letter-spacing: 0.15em; color: #fff; padding: 10px 5px 5px 31px; background-image: url(../images/index/c-deco-w-02.png); background-repeat: no-repeat; background-position: right 32px top 22px; }
 }
 }
 }
 }
/*============================
#c6
============================*/
#c6 { background-image: url(../images/index/c6-bg.png); background-repeat: no-repeat; background-position: center 0; max-width: 1920px; width: 100%; height: 480px; position: relative; margin-bottom: 18px; }
#c6 .inner { }
#c6 .inner .bg-w { width: 1122px; height: 380px; background-image: url(../images/index/c6-pic.png); background-repeat: no-repeat; background-position: center; position: absolute; top: -30px; left: -7px; }
#c6 .inner .in-box { width: 1200px; margin: 0 auto; padding-top: 159px; }
#c6 .inner .box { width: 332px; margin-left: auto; margin-right: 5px; }
#c6 .inner .box .ttl { background-image: url(../images/index/c6-ttl-deco.png); background-repeat: no-repeat; background-position: 0 10px; font-weight: 500; font-size: 21px; letter-spacing: 0.2em; line-height: normal; color: #262626; padding-left: 25px; margin-bottom: 8px; }
#c6 .inner .box .ttl .ss1 { display: block; margin-bottom: -7px; }
#c6 .inner .box .ttl .ss2 { display: block; padding-left: 7px; }
#c6 .inner .box .txt { font-size: 16px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #262626; }
.o-box { margin-bottom: 110px; .ttl { margin-bottom: 11px; .ss1 { font-weight: 500; font-size: 24px; letter-spacing: 0.24em; line-height: 44px; text-align: center; color: #262626; display: block; position: relative; left: 6px; }
.ss2 { font-weight: 500; font-size: 29px; letter-spacing: 0.24em; line-height: 44px; text-align: center; color: #262626; display: block; position: relative; left: 4px; }
 }
.en { font-family: "soleil", sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.1em; line-height: 29px; text-align: center; color: #ff7500; margin-bottom: 54px; }
.list { width: 1130px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; >li { width: 525px; text-align: center; position: relative; a { &:hover { opacity: 0.8; img { opacity: 1.0; }
 }
 }
 }
.bnr-pic { position: relative; }
.bnr-txt { width: 420px; margin: 0 auto; box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.08); border-radius: 45px; position: relative; /* top: -74px; */background-color: #fff; margin-top: -74px; }
 }
 }
.o-bg-area { background-image: url(../images/index/c7-bg-ptn.png); background-repeat: repeat; background-position: center 0; padding-top: 80px; padding-bottom: 100px; .bnr { width: 1200px; margin: 0 auto; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1); }
 }
/*============================
#works
============================*/
#works {padding-top: 126px;margin-bottom: 159px; .inner { width: 1407px; margin: 0 auto; .en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 32px; &::after { content: ""; width: 30px; height: 1px; background-color: #262626; position: absolute; bottom: -8px; left: 0; }
 }
.ttl { font-weight: 600; font-size: 32px; letter-spacing: 0.24em; line-height: 46px; text-align: left; color: #262626; margin-bottom: 63px; }
.system-list { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 13px; >li { width: 400px; margin-right: 102px; margin-bottom: 83px; &:nth-child(3n) { margin-right: 0px; }
 }
.system-pic { margin-bottom: 5px; text-align: center; img { aspect-ratio: 400/266; max-width: 100%; height: auto; }
 }
.system-cate { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 1.7; text-align: left; color: #fff; background-color: #FF7500; padding: 3px 9px 1px 10px; margin-bottom: 16px; display: inline-block; }
.system-ttl { font-weight: bold; font-size: 16px; letter-spacing: 0.1em; line-height: 24px; text-align: left; color: #262626; margin-bottom: 1px; }
.system-txt { font-size: 14px; letter-spacing: 0.1em; line-height: 28px; text-align: left; color: #262626; }
.system-txt .ss { &:nth-child(2) { margin-left: 16px; }
 }
 }
.top-c-btn-2.ano a { background-color: #292929; }
 }
 }
.bg-wap { background-image: url(../images/index/bg-wap.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; padding-bottom: 166px; margin-bottom: 122px; }
/*============================
#voice
============================*/
#voice {padding-top: 180px;margin-bottom: 202px; .inner { width: 1580px; margin: 0 auto; position: relative; .en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 42px; position: absolute; top: -3px; left: -2px; &::after { content: ""; width: 30px; height: 1px; background-color: #262626; position: absolute; bottom: -8px; left: 0; }
 }
.ttl { font-size: 18px; letter-spacing: 0.15em; line-height: 30px; text-align: left; color: #262626; position: absolute; top: 72px; left: 3px; }
.system-list { width: 1160px; margin-left: auto; margin-right: 3px; display: flex; flex-wrap: wrap; .system-list-item {width: 360px;margin-right: 40px;padding-bottom: 80px;position: relative; &:nth-child(3n) { margin-right: 0px; }
 }
.sys-rel { position: relative; }
.sys-rel .sys-cate { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 1.7; text-align: left; color: #fff; background-color: #FF7500; padding: 3px 9px 1px 10px; margin-bottom: 16px; display: inline-block; position: absolute; top: 0; left: 0; z-index: 10; }
.sys-rel .system-pic { text-align: center; img { aspect-ratio: 360/240; max-width: 100%; height: auto; }
 }
.sy-txt-1 {background-color: #fff;text-align: center;padding: 4px 0px 4px 0px;margin-bottom: 16px;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;}
.sy-txt-1 .ss { &:nth-child(2) { margin-left: 4px; }
 }
.system-ttl { font-size: 16px; letter-spacing: 0.1em; line-height: 28px; text-align: left; color: #262626; }
.sy-more { width: 140px; margin: 0 auto; font-size: 14px; letter-spacing: 0.1em; line-height: 24px; text-align: center; color: #262626; position: absolute; left: 0; right: 0; bottom: 0; padding-right: 16px; border-bottom: 1px solid #91918E; padding-bottom: 6px; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 21px top 7px; }
 }
.top-c-btn-1 a { font-weight: 600; position: absolute; top: 227px; left: 0; }
 }
 }
/*============================
#c8
============================*/
#c8 { margin-bottom: 126px; .inner { width: 1150px; margin: 0 auto; position: relative; background: #fff; padding: 80px 5px 90px 91px; left: -25px; .pic { position: absolute; top: -42px; right: -48px; }
.en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 15px; &::after { content: ""; width: 30px; height: 1px; background-color: #262626; position: absolute; bottom: -8px; left: 0; }
 }
.ttl { font-weight: 500; font-size: 36px; letter-spacing: 0.15em; line-height: 52px; text-align: left; color: #262626; margin-bottom: 11px; }
.s-ttl { font-weight: 500; font-size: 18px; letter-spacing: 0.15em; line-height: 35px; text-align: left; color: #ff7500; margin-bottom: 13px; }
.txt-box { font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; margin-bottom: 68px; }
.list { display: flex; flex-wrap: wrap; /*margin-left: 58px;*/ li { a { width: 420px; height: 96px; border-radius: 48px; background: #3e3e3e; border: 1px solid #292929; display: block; font-size: 18px; letter-spacing: 0.15em; text-align: left; color: #fff; padding: 31px 5px 5px 51px; background-image: url(../images/index/c-deco-w-03.png); background-repeat: no-repeat; background-position: right 39px center; }
&:nth-child(1) { margin-right: 60px; margin: 0 auto;}
 }
 }
 }
 }
/*============================
#staff
============================*/
#staff { width: 1616px; margin: 0 auto; position: relative; .inner { .en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 42px; position: absolute; top: 0; left: -3px; &::after { content: ""; width: 30px; height: 1px; background-color: #262626; position: absolute; bottom: -8px; left: 0; }
 }
.ttl { font-weight: normal; font-size: 18px; letter-spacing: 0.15em; line-height: 30px; text-align: left; color: #262626; position: absolute; top: 76px; left: 0; }
.staff-system { width: 1320px; margin-left: auto; display: flex; flex-wrap: wrap; padding-top: 87px; position: relative; right: -118px; .staff-system-item { width: 150px; margin-left: 35px; margin-right: 35px; text-align: center; .staff-system-item-pic { text-align: center; margin-bottom: 11px; img { aspect-ratio: 150/150; max-width: 100%; height: auto; }
 }
.staff-txt-1 { font-weight: normal; font-size: 14px; letter-spacing: 0.1em; line-height: 26px; text-align: center; color: #262626; margin-bottom: -3px; }
.staff-txt-2 { font-weight: normal; font-size: 16px; letter-spacing: 0.1em; line-height: 28px; text-align: center; color: #262626; }
 }
 }
.staff-system-navi { }
.top-c-btn-2.ano { position: absolute; top: 278px; left: 0px; }
.top-c-btn-2.ano a { background-color: #fff; border: 1px solid #fff; color: #262626; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 26px top 34px; width: 300px; text-align: left; display: block; padding: 23px 5px 4px 40px; }
 }
.arrows { width: 120px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: absolute; top: 4px; right: -60px; >div:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
.slick_mae { width: 50px; height: 50px; background-image: url(../images/index/sra-icon-l.png); background-repeat: no-repeat; background-position: center 0; background-size: contain; }
.slick_ushiro { width: 50px; height: 50px; background-image: url(../images/index/sra-icon-r.png); background-repeat: no-repeat; background-position: center 0; background-size: contain; }
 }
 }
.system-info { width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 180px; .ttl { margin-bottom: 22px; .ss1 { font-size: 24px; letter-spacing: 0.2em; line-height: 43px; text-align: left; color: #262626; margin-right: 7px; }
.ss2 { font-family: "soleil", sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.04em; text-align: left; color: #ff7500; }
 }
.more a { position: absolute; top: 2px; right: 0; width: 140px; margin: 0 auto; font-size: 14px; letter-spacing: 0.1em; line-height: 24px; text-align: center; color: #262626; border-bottom: 1px solid #91918E; padding-bottom: 6px; padding-right: 19px; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 21px top 7px; }
.system-info-l { width: 500px; margin-right: 50px; position: relative; /*============================
#news
============================*/
		#news { .system-list { >li a { position: relative; border-bottom: 1px solid #D1D1CD; padding-bottom: 61px; padding-top: 45px; display: block; }
>li:nth-child(1) a { padding-top: 0px; }
.sy-date { font-size: 14px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; margin-bottom: -3px; }
.sy-ttl { font-size: 14px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #1a1a1a; }
.sy-more { font-family: "soleil", sans-serif; font-weight: 300; text-decoration: underline; font-size: 14px; letter-spacing: 0.04em; text-align: left; color: #262626; position: absolute; right: 3px; bottom: 22px; }
 }
 }
 }
.system-info-r { width: 550px; position: relative; #blog { .system-list { >li { padding-top: 30px; padding-bottom: 29px; border-bottom: 1px solid #D1D1CD; position: relative; &:nth-child(1) { padding-top: 8px; }
 }
a { display: flex; flex-wrap: wrap; }
.box-l { width: 229px; margin-right: 20px; }
.box-l .system-pic { text-align: center; img { aspect-ratio: 229/171; max-width: 100%; height: auto; }
 }
.box-r { width: 261px; position: relative; top: -9px; }
.sy-rel { position: relative; padding-bottom: 39px; }
.box-r .sy-date { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; margin-bottom: -3px; }
.box-r .sy-ttl { font-size: 14px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #1a1a1a; }
.box-r .sy-more { font-family: Soleil; font-weight: 300; text-decoration: underline; font-size: 14px; letter-spacing: 0.04em; text-align: left; color: #262626; position: absolute; bottom: 0; right: 0; }
 }
.more { }
 }
 }
 }
.seo-bg-box { background-color: #F7F7F2; padding-top: 75px; padding-bottom: 91px; .inner { width: 990px; margin: 0 auto; }
.seo-ttl { font-weight: 700; font-size: 20px; letter-spacing: 0.2em; line-height: 32px; text-align: center; color: #ff7500; margin-bottom: 25px; position: relative; }
.seo-txt { font-weight: 300; font-size: 14px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; }
 }
/*=========
scrollbar
=========*/
.scroll__inner { width: 502px; margin: 0 auto; background-color: #ffffff; height: 400px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding-right: 38px; }
#blog .scroll__inner { width: 550px; }
.scroll__inner::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none; }
.simplebar-scrollbar::before { background: #D1D1CD !important; width: 18px!important; border-radius: 148px !important; margin-left: 0 !important; opacity: 1.0 !important; }
.simplebar-scrollbar.simplebar-visible::before { opacity: 1; }
.simplebar-track { background: #F7F7F2; border-radius: 148px; width: 22px !important; position: relative; top: 7px !important; }
 }
@media screen and (min-width: 766px) and (max-width: 1919px) {
 .mv { .mv-box { position: relative; height: 42.24vw; margin-bottom: 7.813vw; .mv-ttl { top: 6.302vw; left: 4.635vw; position: absolute; z-index: 100; img { }
 }
.mv-sra-box { padding-left: 19.01vw; padding-right: 3.229vw; }
.mv-link-list { position: absolute; left: 3.698vw; top: 21.354vw; z-index: 100; }
 }
 }
 }
@media screen and (min-width: 766px) and (max-width: 1800px) {
 /*============================
#c1
============================*/
    #c1 { & .inner { .ww-box { width: 1200px; margin: 0 auto; position: relative; top: -634px; margin-bottom: -434px; }
 }
 }
#c2 { .inner { width: 1200px; margin: 0 auto; padding-top: 94px; .list { width: 1200px; margin: 0 auto; margin-bottom: 70px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; li { width: 375px; img { width: 100%; }
 }
 }
 }
 }
#c3 { .inner { width: 1150px; margin: 0 auto; }
 }
#c4 { .inner { width: 1100px; margin: 0 auto; position: relative; .pic { width: 737px; position: relative; left: -9px; img { width: 100%; }
 }
.ttl-ads { position: absolute; top: 42px; right: 55px; }
 }
 }
#c5 { .inner { a { &:hover { text-decoration: none; .s-ttl { text-decoration: underline; }
.top-c-btn-3 { opacity: 0.8; }
 }
 }
.ttl { font-family: "soleil", sans-serif; font-weight: 300; font-size: 94px; letter-spacing: 0.6em; text-align: center; color: #ff7500; position: relative; left: 12px; top: 2px; }
.bg-01 { height: 752px; .flex { width: 1340px; a { display: flex; flex-wrap: wrap; }
.box-l { width: 640px; position: relative; left: 39px; img { width: 100%; }
.line-deco { position: absolute; bottom: 105px; left: -360px; }
 }
.box-r { width: 682px; top: 30px; left: -134px; .in { background-color: #FFFFFF; padding: 77px 113px 85px 100px; position: relative; background-image: url(../images/index/c5-deco-01.svg); background-repeat: no-repeat; background-position: 10px 0px; }
 }
.box-r .en { position: absolute; bottom: 15px; right: 20px; }
.box-r .s-ttl { font-weight: 500; font-size: 27px; letter-spacing: 0.32em; line-height: 41px; text-align: left; color: #262626; margin-bottom: 25px; }
.box-r .txt-box { font-family: "Ryo Gothic PlusN"; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; margin-bottom: 22px; }
.box-r .top-c-btn-3 { width: 160px; height: 52px; border-radius: 26px; background: #ff7500; font-weight: normal; font-size: 14px; letter-spacing: 0.15em; color: #fff; padding: 10px 5px 5px 31px; background-image: url(../images/index/c-deco-w-02.png); background-repeat: no-repeat; background-position: right 32px top 22px; }
 }
 }
.bg-02 { background-image: url(../images/index/c5-bg-02.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding-top: 110px; height: 839px; .flex { width: 1504px; margin: 0 auto; position: relative; a { display: flex; flex-wrap: wrap; }
.box-l { width: 640px; position: relative; left: -84px; img { width: 100%; }
.line-deco { position: absolute; bottom: 87px; right: -360px; }
 }
.box-r { width: 682px; position: relative; top: 30px; left: 88px; .in { background-color: #FFFFFF; padding: 80px 94px 84px 101px; position: relative; background-image: url(../images/index/c5-deco-01.svg); background-repeat: no-repeat; background-position: 10px 0px; }
 }
.box-r .en { position: absolute; bottom: 15px; right: 20px; }
.box-r .s-ttl { font-weight: 400; font-size: 27px; letter-spacing: 0.32em; line-height: 36px; text-align: left; color: #262626; margin-bottom: 28px; }
.box-r .txt-box { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #262626; margin-bottom: 52px; }
.box-r .top-c-btn-3 { width: 160px; height: 52px; border-radius: 26px; background: #ff7500; font-weight: normal; font-size: 14px; letter-spacing: 0.15em; color: #fff; padding: 10px 5px 5px 31px; background-image: url(../images/index/c-deco-w-02.png); background-repeat: no-repeat; background-position: right 32px top 22px; }
 }
 }
 }
 }
#c6 { background-image: url(../images/index/c6-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: contain; max-width: 1920px; width: 100%; height: 480px; position: relative; margin-bottom: 18px; }
#c6 .inner { }
#c6 .inner .bg-w { width: 58.1vw; height: 380px; background-image: url(../images/index/c6-pic.png); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; top: -29px; left: -7px; }
#c6 .inner .in-box { width: 1200px; margin: 0 auto; padding-top: 159px; }
#c6 .inner .box { width: 332px; margin-left: auto; margin-right: 3.2vw; }
#c6 .inner .box .ttl { background-image: url(../images/index/c6-ttl-deco.png); background-repeat: no-repeat; background-position: 0 10px; font-weight: 500; font-size: 21px; letter-spacing: 0.2em; line-height: normal; color: #262626; padding-left: 25px; margin-bottom: 8px; }
#c6 .inner .box .ttl .ss1 { display: block; margin-bottom: -7px; }
#c6 .inner .box .ttl .ss2 { display: block; padding-left: 7px; }
#c6 .inner .box .txt { font-size: 16px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #262626; }
#works { .inner { width: 1080px; margin: 0 auto; .system-list { >li { width: 314px; margin-right: 69px; }
 }
 }
 }
#voice { .inner { width: 1106px; margin: 0 auto; position: relative; .system-list { width: 778px; margin-left: auto; margin-right: 3px; display: flex; flex-wrap: wrap; .system-list-item { width: 250px; margin-right: 14px; padding-bottom: 51px; position: relative; &:nth-child(3n) { margin-right: 0px; }
 }
 }
 }
; padding-top: 162px; margin-bottom: 202px; }
#staff { width: 1100px; margin: 0 auto; position: relative; }
 }
@media screen and (min-width: 766px) and (max-width: 1500px) {
 #c6 .inner .bg-w { width: 63.1vw; }
#staff { & .inner { .staff-system { right: -413px; }
 }
.arrows { right: 0px; }
 }
 }
@media screen and (min-width: 766px) and (max-width: 1290px) {
 .mv { .mv-box { position: relative; height: 42.24vw; margin-bottom: 7.813vw; .mv-ttl { top: 5.7vw; left: 4.635vw; position: absolute; z-index: 100; img { width: 279.57px; }
 }
.mv-sra-box { padding-left: 21.7vw; padding-right: 3.229vw; }
.mv-link-list { position: absolute; left: 3.4vw; top: 21.9vw; z-index: 100; }
 }
 }
 }


	
@media screen and (max-width: 767px) {
 .rel-arrows { position: relative; .arrows2 { div { width: 8.213vw; height: 24.155vw; position: absolute; background-repeat: no-repeat; background-position: center 0; background-size: 100%; z-index: 100; }
.slick_mae2 { left: 0; background-image: url(../images/index/sp-c-sra-icon-l.png); }
.slick_ushiro2 { right: 0; background-image: url(../images/index/sp-c-sra-icon-r.png); }
 }
 }
.mv { max-width: 100%; width: 100%; margin: 0 auto; .mv-box { position: relative; margin-bottom: 14.251vw; .mv-ttl { width: 67.874vw; margin-left: 11.836vw; margin-top: 3.865vw; position: relative; z-index: 100; margin-bottom: -7.729vw; }
.mv-link-list { position: absolute; left: 17.15vw; top: 99.034vw; z-index: 100; display: none; li { a { background-image: url(../images/index/mv-deco.svg); background-repeat: no-repeat; background-position: 4.106vw 3.623vw; display: block; font-size: 3.382vw; letter-spacing: 0.15em; color: #3e3e3e; padding-left: 7.729vw; margin-bottom: 0.483vw; }
 }
 }
 }
.mv-sra-box { width: 91.787vw; margin: 0 auto; .mv-sra-box-rel { position: relative; .mv-en { width: 54.589vw; position: absolute; bottom: -7.246vw; right: -1.449vw; }
 }
.mv-sra { margin-bottom: 0; }
.mv-sra-item { img { width: 100%; }
 }
 }
 }
.mv-dots { position: absolute; left: 0; bottom: 0; width: 100%; .slick-dots { bottom: -4.348vw; display: flex; flex-wrap: wrap; }
.slick-dots li { background-color: #F7F7F2; width: 1.932vw; height: 1.932vw; margin-left: 0; margin-right: 0.966vw; /* display: block; */margin-bottom: 0.966vw; }
.slick-dots li.slick-active { background-color: #FF7500; }
.slick-dots li button { width: 1.932vw; height: 1.932vw; padding: 0; margin-bottom: 0; }
.slick-dots li button:before { display: none; }
 }
.nagare-move-u-rel { position: relative; width: 100%; .deco { position: absolute; top: -0.725vw; left: 0; z-index: 10; }
 }
.nagare-move-u { --nagare-w: 210.145vw; /* 背景画像の横幅 */
  --nagare-h: 67.633vw; /* 背景画像の高さ */
  --nagare-speed: 60s; /* 1周する時間。長いほどゆっくり */
background-image: url(../images/index/sp-c1-nagare.png); background-repeat: repeat-x; background-position: 0 0; background-size: auto var(--nagare-h); width: 100%; height: var(--nagare-h); animation: nagare-left var(--nagare-speed) linear infinite; will-change: background-position; }
/* ← 左方向に流す */
@keyframes nagare-left {
 from { background-position-x: 0; }
to { background-position-x: calc(-1 * var(--nagare-w)); }
 }
@media (prefers-reduced-motion: reduce) {
 .nagare-move-u { animation: none; }

}
.top-c-btn-1 { a { width: 57.971vw; margin: 0 auto; display: block; font-weight: 400; border-bottom: 1px solid #262626; color: #262626; padding-left: 8.696vw; padding-bottom: 2.657vw; padding-top: 3.865vw; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 7.246vw top 6.522vw; font-size: 3.382vw; letter-spacing: 0.15em; }
 }
.top-c-btn-2 a { display: block; width: 70.048vw; height: 17.874vw; margin: 0 auto; border-radius: 8.937vw; background: #ff7500; border: 1px solid #fcca8c; font-weight: 500; font-size: 3.623vw; letter-spacing: 0.15em; text-align: center; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-image: url(../images/index/c-deco-w.png); background-repeat: no-repeat; background-position: right 6.28vw center; &:hover { text-decoration: none; opacity: 0.8; }
 }
/*============================
#c1
============================*/
#c1 { .inner { position: relative; .nagare-move-u-rel { .deco { }
.nagare-move-u { }
 }
.ww-box { width: 91.787vw; margin: 0 auto; position: relative; top: -4.589vw; left: -0.483vw; }
.bd-box { width: 91.787vw; height: 154.589vw; border: 1px solid #FF7500; position: absolute; right: -1.449vw; top: 1.691vw; }
.kage-box { width: 91.787vw; margin-left: auto; background: #fff; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1); padding: 10.628vw 10.386vw 24.155vw 10.386vw; .inner { .en-line { font-family: "soleil", sans-serif; font-weight: 500; color: #ff7500; position: relative; margin-bottom: 5.314vw; font-size: 4.348vw; letter-spacing: 0.04em; text-align: center; position: relative; left: 0.725vw; &::after { content: ""; width: 7.246vw; height: 0.242vw; margin: 0 auto; background-color: #262626; position: absolute; bottom: -0.966vw; left: 0; right: 0; }
 }
.ttl { font-weight: 500; text-align: left; color: #262626; margin-bottom: 4.106vw; font-size: 5.072vw; letter-spacing: 0.15em; line-height: 8.937vw; text-align: center; position: relative; left: 0.966vw; }
.en { font-family: "soleil", sans-serif; font-weight: 600; text-align: center; color: #ff7500; margin-bottom: 9.179vw; font-size: 8.937vw; letter-spacing: 0.04em; position: relative; left: 0.483vw; }
.txt-box { font-size: 3.865vw; letter-spacing: 0.1em; line-height: 7.729vw; text-align: left; color: #262626; margin-bottom: 6.763vw; }
 }
 }
 }
 }
/*============================
#c2
============================*/
#c2 { background-image: url(../images/index/sp-c2-bg.png); background-repeat: no-repeat; background-position: center 44.444vw; background-size: 100%; margin-bottom: 16.908vw; position: relative; z-index: 10; margin-top: 3.623vw; .inner { width: 83.575vw; margin: 0 auto; padding-top: 23.43vw; .ttl { font-weight: 500; text-align: left; color: #262626; margin-bottom: 10.87vw; font-size: 5.556vw; letter-spacing: 0.2em; line-height: 8.213vw; .ss1 { position: relative; margin-left: 2.415vw; margin-bottom: 4.106vw; display: block; }
.ss2 { font-family: Soleil; font-weight: 300; text-align: right; color: #262626; margin-left: 2.174vw; position: relative; top: 0.483vw; font-size: 13.285vw; letter-spacing: 0.04em; }
.ss3 { font-size: 5.797vw; letter-spacing: 0.2em; line-height: 8.696vw; color: #262626; margin-left: 0.725vw; }
.ss4 { font-size: 5.797vw; letter-spacing: 0.2em; line-height: 8.696vw; color: #262626; margin-left: 0.242vw; }
.ss5 { font-size: 8.937vw; letter-spacing: 0.2em; line-height: 13.285vw; text-align: left; color: #262626; rt { font-size: 2.899vw; letter-spacing: 0.725vw; position: relative; top: -0.966vw; }
 }
 }
.list { width: 100%; margin: 0 auto; margin-bottom: 16.908vw; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; li { margin-bottom: 16.908vw; &:last-child { margin-bottom: 0; }
 }
 }
 }
 }
/*============================
#c3
============================*/
#c3 { background-image: url(../images/index/c7-bg-ptn.png); background-repeat: repeat; background-position: center 0; padding-top: 7.246vw; padding-bottom: 7.729vw; margin-bottom: 48.068vw; .inner { width: 91.787vw; margin: 0 auto; background-color: #fff; background-image: url(../images/index/c3-bg.svg); background-repeat: no-repeat; background-position: center 0; background-size: 5.314vw; padding-top: 9.903vw; padding-bottom: 21.498vw; .en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 4.831vw; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 5.314vw; text-align: center; font-size: 4.348vw; letter-spacing: 0.04em; &::after { content: ""; width: 7.246vw; height: 0.242vw; margin: 0 auto; background-color: #262626; position: absolute; bottom: -0.966vw; left: 0; right: 0; }
 }
.ttl { font-weight: 500; font-size: 8.937vw; letter-spacing: 0.24em; line-height: 13.527vw; text-align: center; color: #262626; margin-bottom: 1.932vw; position: relative; left: 0.966vw; font-size: 6.522vw; letter-spacing: 0.24em; line-height: 9.903vw; position: relative; left: 1.932vw; }
.txt { font-weight: 500; text-align: center; color: #262626; margin-bottom: 7.488vw; font-size: 3.865vw; letter-spacing: 0.2em; line-height: 8.213vw; }
/*============================
#js-iemiru-cms-index-page
============================*/
		#js-iemiru-cms-index-page { }
.top-c-btn-2 { margin-top: -4.348vw; }
 }
#iemiru-cms-index-page { max-width: 75.362vw; margin-bottom: 12.077vw; }
#iemiru-cms-index-page .index-page__events-event { width: 100%; padding: 0; margin: 0; margin-right: 14.493vw; &:nth-child(3) { margin-right: 0; }
 }
#iemiru-cms-index-page .index-page__events-event:hover { background: #fff; .index-page__events-event-image { opacity: 0.8; }
.index-page__events-event-name { text-decoration: underline; }
 }
.rel-arrows { .arrows2 { div { top: 15.942vw; }
.slick_mae2 { left: -4.106vw; }
.slick_ushiro2 { right: -4.106vw; }
 }
 }
 }
/*============================
#c4
============================*/
#c4 { width: 87.681vw; margin: 0 auto; margin-bottom: 45.411vw; .inner { width: 100%; margin: 0 auto; position: relative; .en { position: absolute; width: 21.256vw; margin-top: auto; margin-bottom: auto; top: -37.44vw; right: 0; }
.pic { }
.ttl-ads { position: absolute; top: -19.807vw; left: 5.797vw; }
.ttl { font-weight: 400; text-align: left; color: #ff7500; margin-bottom: 0.725vw; font-size: 8.213vw; letter-spacing: 0.23em; line-height: 11.836vw; }
.txt { font-weight: 400; text-align: left; color: #ff7500; font-size: 3.865vw; letter-spacing: 0.22em; line-height: 6.763vw; }
.top-c-btn-1 { position: absolute; bottom: -18.357vw; right: 14.976vw; a { padding-left: 7.971vw; background-position: right 7.729vw top 6.522vw; }
 }
 }
 }
/*============================
#c5
============================*/
#c5 { .inner { a { &:hover { text-decoration: none; .s-ttl { text-decoration: underline; }
.top-c-btn-3 { opacity: 0.8; }
 }
 }
.ttl { font-family: "soleil", sans-serif; font-weight: 300; text-align: center; color: #ff7500; position: relative; left: 2.415vw; top: 2.174vw; font-size: 10.628vw; letter-spacing: 0.6em; }
.bg-01 { background-image: url(../images/index/sp-c5-bg-01.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding-top: 12.077vw; .flex { width: 100%; margin: 0 auto; position: relative; a { /* display: flex; *//* flex-wrap: wrap; */ }
.box-l { width: 91.787vw; position: relative; /* left: 5.314vw; */ .line-deco { position: absolute; bottom: 12.802vw; width: 28.986vw; right: -8.213vw; }
 }
.box-r { width: 91.787vw; margin: 0 auto; position: relative; top: -9.662vw; background-image: url(../images/index/sp-c5-deco-01.svg); background-repeat: no-repeat; background-position: center 0; background-size: 0.483vw; .in { background-color: #FFFFFF; padding: 12.077vw 10.87vw 17.391vw 8.937vw; position: relative; background-image: url(../images/index/sp-c5-deco-01.svg); background-repeat: no-repeat; background-position: 1.691vw 0; }
 }
.box-r .en { position: absolute; top: 4.831vw; left: 1.208vw; width: 3.14vw; }
.box-r .s-ttl { font-weight: 500; text-align: left; color: #262626; margin-bottom: 4.106vw; font-size: 5.072vw; letter-spacing: 0.1em; line-height: 8.454vw; text-align: center; position: relative; left: 1.208vw; }
.box-r .txt-box { font-family: "Ryo Gothic PlusN"; font-weight: normal; text-align: left; color: #262626; margin-bottom: 7.729vw; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 7.005vw; }
.box-r .top-c-btn-3 { width: 38.647vw; height: 12.56vw; margin: 0 auto; border-radius: 6.28vw; background: #ff7500; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.15em; color: #fff; padding: 2.415vw 1.208vw 1.208vw 7.488vw; background-image: url(../images/index/c-deco-w-02.png); background-repeat: no-repeat; background-position: right 7.729vw top 5.314vw; position: relative; left: 1.208vw; }
 }
 }
.bg-02 { background-image: url(../images/index/sp-c5-bg-02.png); background-repeat: no-repeat; background-position: center 0; padding-top: 9.662vw; padding-bottom: 9.662vw; .flex { width: 100%; margin: 0 auto; position: relative; a { display: flex; flex-wrap: wrap; }
.box-l { width: 91.787vw; margin-left: auto; position: relative; .line-deco { position: absolute; bottom: 18.116vw; left: -8.213vw; width: 28.986vw; }
 }
.box-r { width: 91.787vw; margin: 0 auto; position: relative; top: -7.246vw; /* background-image: url(../images/index/c5-deco-01.svg); */background-repeat: no-repeat; background-position: center 0; z-index: 10; .in { background-color: #FFFFFF; padding: 12.319vw 8.937vw 17.391vw 8.937vw; position: relative; background-image: url(../images/index/sp-c5-deco-01.svg); background-repeat: no-repeat; background-position: 1.691vw 0; }
 }
.box-r .en { position: absolute; top: 4.831vw; left: 1.208vw; width: 3.14vw; }
.box-r .s-ttl { font-weight: 400; text-align: center; color: #262626; margin-bottom: 3.865vw; font-size: 5.072vw; letter-spacing: 0.1em; line-height: 8.454vw; }
.box-r .txt-box { font-weight: normal; text-align: left; color: #262626; margin-bottom: 7.729vw; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 7.005vw; }
.box-r .top-c-btn-3 { width: 38.647vw; margin: 0 auto; height: 12.56vw; border-radius: 6.28vw; background: #ff7500; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.15em; color: #fff; padding: 2.415vw 1.208vw 1.208vw 7.488vw; background-image: url(../images/index/c-deco-w-02.png); background-repeat: no-repeat; background-position: right 7.729vw top 5.314vw; position: relative; left: -0.483vw; }
 }
 }
 }
 }
/*============================
#c6
============================*/
#c6 { background-image: url(../images/index/sp-c6-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; max-width: 100%; width: 100%; position: relative; margin-bottom: 29.227vw; }
#c6 .inner { }
#c6 .inner .bg-w { width: 91.787vw; margin: 0 auto; height: 48.309vw; background-image: url(../images/index/sp-c6-pic.png); background-repeat: no-repeat; background-position: center; background-size: 100%; position: relative; top: -7.005vw; margin-bottom: -6.28vw; }
#c6 .inner .in-box { width: 100%; margin: 0 auto; padding-top: 0; }
#c6 .inner .box { width: 100%; margin-left: auto; margin-right: 1.208vw; }
#c6 .inner .box .ttl { background-image: url(../images/index/sp-c6-ttl-deco.png); background-repeat: no-repeat; background-position: center 2.415vw; background-size: 7.246vw; font-weight: 500; font-size: 5.072vw; letter-spacing: 0.2em; line-height: normal; color: #262626; margin-bottom: 1.932vw; padding-top: 7.971vw; text-align: center; }
#c6 .inner .box .ttl .ss1 { display: block; margin-bottom: -2.174vw; position: relative; left: 0.483vw; }
#c6 .inner .box .ttl .ss2 { display: block; padding-left: 1.691vw; }
#c6 .inner .box .txt { width: 76.329vw; margin: 0 auto; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.763vw; text-align: left; color: #262626; }
.o-box { margin-bottom: 2.174vw; .ttl { margin-bottom: 1.691vw; .ss1 { font-weight: 500; text-align: center; color: #262626; display: block; position: relative; left: 0.725vw; font-size: 4.348vw; letter-spacing: 0.24em; line-height: 8.454vw; margin-bottom: -0.483vw; }
.ss2 { font-weight: 500; text-align: center; color: #262626; display: block; position: relative; left: 0.966vw; font-size: 5.797vw; letter-spacing: 0.24em; line-height: 8.696vw; }
 }
.en { font-family: "soleil", sans-serif; font-weight: normal; text-align: center; color: #ff7500; margin-bottom: 8.454vw; font-size: 2.899vw; letter-spacing: 0.1em; line-height: 4.348vw; }
.list { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; >li { width: 100%; text-align: center; position: relative; margin-bottom: 7.246vw; a { &:hover { opacity: 0.8; img { opacity: 1.0; }
 }
 }
 }
.bnr-pic { position: relative; }
.bnr-txt { width: 87.681vw; margin: 0 auto; box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.08); border-radius: 10.87vw; position: relative; background-color: #fff; margin-top: -12.56vw; }
 }
 }
.o-bg-area { background-image: url(../images/index/c7-bg-ptn.png); background-repeat: repeat; background-position: center 0; padding-top: 9.903vw; padding-bottom: 9.662vw; .bnr { width: 91.787vw; margin: 0 auto; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1); }
 }
/*============================
#works
============================*/
#works { padding-top: 10.87vw; margin-bottom: 19.324vw; .inner { width: 100%; margin: 0 auto; .en-line { font-family: "soleil", sans-serif; font-weight: 500; color: #ff7500; position: relative; margin-bottom: 4.348vw; font-size: 4.348vw; letter-spacing: 0.04em; text-align: center; &::after { content: ""; width: 7.246vw; height: 0.242vw; margin: 0 auto; background-color: #262626; position: absolute; bottom: -0.725vw; left: 0; right: 0; text-align: center; }
 }
.ttl { font-weight: 500; text-align: center; color: #262626; margin-bottom: 8.213vw; font-size: 5.314vw; letter-spacing: 0.24em; line-height: 7.971vw; position: relative; left: 0.483vw; }
.system-list { width: 83.575vw; margin: 0 auto; margin-bottom: 3.14vw; >li { width: 100%; margin-bottom: 12.802vw; &:nth-child(n + 4) { display: none; }
&:nth-child(3n) { margin-right: 0; }
 }
.system-pic { margin-bottom: 1.208vw; text-align: center; img { aspect-ratio: 400/266; max-width: 100%; height: auto; }
 }
.system-cate { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 1.7; text-align: left; color: #fff; background-color: #FF7500; padding: 0.725vw 2.174vw 0.242vw 2.415vw; margin-bottom: 3.865vw; display: inline-block; }
.system-ttl { font-weight: bold; font-size: 3.865vw; letter-spacing: 0.1em; line-height: 5.797vw; text-align: left; color: #262626; margin-bottom: 0.242vw; }
.system-txt { font-size: 3.382vw; letter-spacing: 0.1em; line-height: 6.763vw; text-align: left; color: #262626; }
.system-txt .ss { &:nth-child(2) { margin-left: 3.865vw; }
 }
 }
.top-c-btn-2.ano a { background-color: #292929; }
 }
 }
.bg-wap { background-image: url(../images/index/sp-bg-wap.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding-bottom: 19.082vw; margin-bottom: 19.807vw; }
/*============================
#voice
============================*/
#voice { padding-top: 13.285vw; margin-bottom: 35.024vw; .inner { width: 100%; margin: 0 auto; position: relative; .en-line { font-family: "soleil", sans-serif; font-weight: 500; font-size: 4.831vw; letter-spacing: 0.04em; color: #ff7500; position: relative; margin-bottom: 4.589vw; text-align: center; font-size: 4.348vw; letter-spacing: 0.04em; &::after { content: ""; width: 7.246vw; height: 0.242vw; margin: 0 auto; background-color: #262626; position: absolute; bottom: -0.725vw; left: 0; right: 0; }
 }
.ttl { text-align: center; color: #262626; font-size: 4.831vw; letter-spacing: 0.2em; line-height: 8.213vw; position: relative; left: 0.483vw; margin-bottom: 7.971vw; }
.system-list { width: 83.575vw; margin: 0 auto; display: flex; flex-wrap: wrap; .system-list-item { width: 100%; position: relative; padding-bottom: 17.15vw; }
.sys-rel { position: relative; }
.sys-rel .sys-cate { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 1.7; text-align: left; color: #fff; background-color: #FF7500; padding: 0.725vw 2.174vw 0.242vw 2.415vw; margin-bottom: 3.865vw; display: inline-block; position: absolute; top: 0; left: 0; z-index: 10; }
.sys-rel .system-pic { text-align: center; img { aspect-ratio: 360/240; max-width: 100%; height: auto; }
 }
.sy-txt-1 { background-color: #fff; text-align: center; padding: 0.966vw 0 0.966vw 0; margin-bottom: 3.865vw; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; }
.sy-txt-1 .ss { &:nth-child(2) { margin-left: 0.966vw; }
 }
.system-ttl { font-size: 3.865vw; letter-spacing: 0.1em; line-height: 6.763vw; text-align: left; color: #262626; }
.sy-more { width: 33.575vw; margin: 0 auto; font-size: 3.382vw; letter-spacing: 0.1em; line-height: 5.797vw; text-align: center; color: #262626; position: absolute; left: 0; right: 0; bottom: 0; padding-right: 4.348vw; border-bottom: 1px solid #91918E; padding-bottom: 1.691vw; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 5.072vw top 1.691vw; }
 }
.top-c-btn-1 a { font-weight: 600; position: absolute; top: 54.831vw; left: 0; display: none; }
 }
.rel-arrows { position: relative; .arrows3 { div { width: 8.213vw; height: 24.155vw; position: absolute; background-repeat: no-repeat; background-position: center 0; background-size: 100%; z-index: 10; top: 15.7vw; }
.slick_mae3 { left: 4.106vw; background-image: url(../images/index/sp-c-sra-icon-l.png); }
.slick_ushiro3 { right: 4.106vw; background-image: url(../images/index/sp-c-sra-icon-r.png); }
 }
 }
 }
/*============================
#c8
============================*/
#c8 { margin-bottom: 10.628vw; .inner { width: 87.681vw; margin: 0 auto; position: relative; background: #fff; padding: 0 0 9.662vw 0; .pic { width: 70.048vw; margin: 0 auto; position: relative; top: -15.942vw; margin-bottom: -10.145vw; /* position: absolute; *//* top: -10.145vw; *//* right: -11.594vw; */ }
.en-line { font-family: "soleil", sans-serif; font-weight: 500; color: #ff7500; position: relative; margin-bottom: 4.831vw; font-size: 4.348vw; letter-spacing: 0.04em; text-align: center; &::after { content: ""; width: 7.246vw; margin: 0 auto; height: 0.242vw; background-color: #262626; position: absolute; bottom: -0.966vw; left: 0; right: 0; }
 }
.ttl { font-weight: 500; text-align: center; color: #262626; margin-bottom: 2.657vw; font-size: 7.246vw; letter-spacing: 0.2em; line-height: 10.386vw; position: relative; left: 0.725vw; }
.s-ttl { font-weight: 500; text-align: center; color: #ff7500; margin-bottom: 6.763vw; font-size: 4.348vw; letter-spacing: 0.15em; line-height: 6.28vw; }
.txt-box { text-align: center; color: #262626; margin-bottom: 10.145vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; }
.list { display: flex; flex-wrap: wrap; width: 76.329vw; margin: 0 auto; li { a { width: 76.329vw; height: 20.773vw; border-radius: 11.594vw; background: #3e3e3e; border: 1px solid #292929; display: block; padding: 6.28vw 1.208vw 1.208vw 8.213vw; background-image: url(../images/index/c-deco-w-03.png); background-repeat: no-repeat; background-position: right 39px center; font-family: "Ryo Gothic PlusN"; font-weight: normal; font-size: 3.865vw; letter-spacing: 0.15em; text-align: left; color: #fff; }
&:nth-child(1) { margin-bottom: 3.382vw; }
 }
 }
 }
 }
/*============================
#staff
============================*/
#staff { width: 100%; margin: 0 auto; position: relative; .inner { .en-line { font-family: "soleil", sans-serif; font-weight: 500; color: #ff7500; position: relative; margin-bottom: 5.072vw; font-size: 4.348vw; letter-spacing: 0.04em; text-align: center; &::after { content: ""; width: 7.246vw; height: 0.242vw; margin: 0 auto; background-color: #262626; position: absolute; bottom: -0.966vw; left: 0; right: 0; }
 }
.ttl { font-weight: normal; text-align: center; color: #262626; font-size: 4.348vw; letter-spacing: 0.2em; line-height: 7.488vw; }
.staff-system { width: 130.435vw; margin: 0 auto; display: flex; flex-wrap: wrap; padding-top: 12.802vw; position: relative; left: -15.217vw; margin-bottom: 10.628vw; .staff-system-item { width: 100%; margin-left: 3.623vw; margin-right: 3.623vw; text-align: center; .staff-system-item-pic { text-align: center; margin-bottom: 2.657vw; img { aspect-ratio: 150/150; max-width: 100%; height: auto; }
 }
.staff-txt-1 { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.1em; line-height: 6.28vw; text-align: center; color: #262626; margin-bottom: -0.725vw; }
.staff-txt-2 { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.1em; line-height: 6.763vw; text-align: center; color: #262626; }
 }
 }
.staff-system-navi { }
.top-c-btn-2.ano { /* position: absolute; *//* top: 67.15vw; */left: 0; }
.top-c-btn-2.ano a { background-color: #fff; border: 1px solid #fff; color: #262626; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 6.28vw top 7.729vw; width: 70.048vw; text-align: left; display: block; padding: 5.072vw 1.208vw 0.966vw 24.396vw; }
 }
.arrows { width: 28.986vw; margin: 0 auto; margin-bottom: 12.077vw; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; >div:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
.slick_mae { width: 12.077vw; height: 12.077vw; background-image: url(../images/index/sra-icon-l.png); background-repeat: no-repeat; background-position: center 0; background-size: contain; }
.slick_ushiro { width: 12.077vw; height: 12.077vw; background-image: url(../images/index/sra-icon-r.png); background-repeat: no-repeat; background-position: center 0; background-size: contain; }
 }
 }
.system-info { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 31.643vw; .ttl { margin-bottom: 4.589vw; text-align: center; .ss1 { font-size: 5.797vw; letter-spacing: 0.2em; line-height: 10.386vw; color: #262626; /* margin-right: 1.691vw; */display: block; position: relative; left: 0.483vw; margin-bottom: -3.14vw; }
.ss2 { font-family: "soleil", sans-serif; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.04em; text-align: left; color: #ff7500; }
 }
.more a { display: block; width: 33.575vw; margin: 0 auto; font-size: 3.382vw; letter-spacing: 0.1em; line-height: 5.797vw; text-align: center; color: #262626; border-bottom: 1px solid #91918E; padding-bottom: 1.449vw; padding-right: 4.589vw; background-image: url(../images/index/c-deco.png); background-repeat: no-repeat; background-position: right 5.072vw top 1.691vw; margin-top: 13.043vw; }
.system-info-l { width: 100%; position: relative; margin-bottom: 19.565vw; /*============================
#news
============================*/
		#news { .system-list { >li a { position: relative; border-bottom: 1px solid #D1D1CD; padding-bottom: 12.319vw; padding-top: 2.657vw; display: block; }
>li:nth-child(1) a { padding-top: 0; }
.sy-date { font-size: 3.382vw; letter-spacing: 0.05em; line-height: 7.729vw; text-align: left; color: #262626; margin-bottom: -0.725vw; }
.sy-ttl { font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.556vw; text-align: left; color: #1a1a1a; }
.sy-more { font-family: "soleil", sans-serif; font-weight: 300; text-decoration: underline; font-size: 3.382vw; letter-spacing: 0.04em; text-align: left; color: #262626; position: absolute; right: 0.483vw; bottom: 2.899vw; }
; margin-left: 4.106vw; margin-left: 17p; margin-left: 17; margin-left: 1; }
 }
 }
.system-info-r { width: 100%; position: relative; #blog { .system-list { margin-left: 4.348vw; > li { padding-top: 4.589vw; padding-bottom: 3.14vw; border-bottom: 1px solid #D1D1CD; position: relative; &:nth-child(1) { padding-top: 1.932vw; }
 }
a { display: flex; flex-wrap: wrap; }
.box-l { width: 35.024vw; margin-right: 3.14vw; }
.box-l .system-pic { text-align: center; img { aspect-ratio: 229/171; max-width: 100%; height: auto; }
 }
.box-r { width: 40.097vw; position: relative; top: -2.174vw; }
.sy-rel { position: relative; padding-bottom: 9.42vw; }
.box-r .sy-date { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 7.729vw; text-align: left; color: #262626; margin-bottom: -0.725vw; }
.box-r .sy-ttl { font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.556vw; text-align: left; color: #1a1a1a; }
.box-r .sy-more { font-family: Soleil; font-weight: 300; text-decoration: underline; font-size: 3.382vw; letter-spacing: 0.04em; text-align: left; color: #262626; position: absolute; bottom: 0; right: 0; }
 }
.more { }
 }
 }
 }
.seo-bg-box { background-color: #F7F7F2; padding-top: 13.527vw; padding-bottom: 12.802vw; .inner { width: 100%; margin: 0 auto; }
.seo-ttl { font-weight: 700; text-align: center; color: #ff7500; margin-bottom: 4.589vw; position: relative; font-size: 4.348vw; letter-spacing: 0.1em; line-height: 6.28vw; }
.seo-txt { width: 78.744vw; margin: 0 auto; font-weight: 300; text-align: left; color: #262626; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.763vw; }
 }
/*=========
scrollbar
=========*/
.scroll__inner { width: 100%; margin: 0 auto; background-color: #ffffff; height: 72.464vw; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding-right: 8.937vw; }
#blog .scroll__inner { width: 100%; }
.scroll__inner::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none; }
.simplebar-scrollbar::before { background: #D1D1CD !important; width: 4.348vw !important; border-radius: 35.749vw !important; margin-left: 0 !important; opacity: 1.0 !important; }
.simplebar-scrollbar.simplebar-visible::before { opacity: 1; }
.simplebar-track { background: #F7F7F2; border-radius: 35.749vw; width: 5.314vw !important; position: relative; top: 1.691vw !important; }
 }