@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 13, page_concept.scss */
#concept #mv { position: relative; }
/* line 14, page_concept.scss */
#concept #mv::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/bg.webp") top center no-repeat; background-size: 1920px auto; z-index: 0; opacity: 1; mix-blend-mode: multiply; z-index: 1; }
@media screen and (min-width: 1920px) { /* line 14, page_concept.scss */
  #concept #mv::after { background-size: 100% auto; } }
/* line 19, page_concept.scss */
#concept #mv::before { content: ""; height: 220px; width: 100%; background: linear-gradient(0deg, #ffffff, transparent); position: absolute; bottom: 0; left: 0; z-index: 2; }
/* line 20, page_concept.scss */
#concept #mv .phSec { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; top: 0; width: 100%; transition: .4s all; }
/* line 21, page_concept.scss */
#concept #mv .phSec .phWrap { position: absolute; top: 0; width: 35%; max-width: 600px; transition: .4s all; }
/* line 22, page_concept.scss */
#concept #mv .phSec .phWrap span { position: absolute; top: 0; left: 0; width: 100%; }
/* line 23, page_concept.scss */
#concept #mv .phSec .phWrap.phWrap01 { left: 0; }
/* line 24, page_concept.scss */
#concept #mv .phSec .phWrap.phWrap02 { right: 0; }
/* line 27, page_concept.scss */
#concept #mv .wrap { position: relative; z-index: 5; padding-top: 20%; transition: .4s all; }
/* line 28, page_concept.scss */
#concept #mv .catchEn { max-width: 750px; width: 45%; margin: 0 auto 5em; position: relative; left: -1.5%; }
/* line 29, page_concept.scss */
#concept #mv .catch { display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 30, page_concept.scss */
#concept #mv .catch em, #concept #mv .catch span { font-weight: 500; line-height: 1.6; letter-spacing: .05em; }
/* line 31, page_concept.scss */
#concept #mv .catch em { font-size: 55px; }
/* line 32, page_concept.scss */
#concept #mv .catch span { font-size: 27.5px; position: relative; right: -1.5%; }
/* line 34, page_concept.scss */
#concept #mv .read { text-align: center; line-height: 2.8; margin-top: 2em; }
/* line 35, page_concept.scss */
#concept #mv .ph { margin-top: 5em; }
@media screen and (min-width: 1730px) { /* line 37, page_concept.scss */
  #concept #mv .wrap { padding-top: 330px; }
  /* line 38, page_concept.scss */
  #concept #mv .phSec { /* width: 1780px; .phWrap { width: 620px;}*/ } }
@media only screen and (max-width: 750px) { /* line 49, page_concept.scss */
  #concept #mv::after { background: url("../img/bgSp.webp") top center no-repeat; background-size: auto 100%; }
  /* line 51, page_concept.scss */
  #concept #mv::before { height: 150px; width: 100%; }
  /* line 52, page_concept.scss */
  #concept #mv .phSec { top: -2%; }
  /* line 53, page_concept.scss */
  #concept #mv .phSec .phWrap { width: 49.5%; max-width: 49.5%; }
  /* line 59, page_concept.scss */
  #concept #mv .wrap { padding-top: 50%; }
  /* line 60, page_concept.scss */
  #concept #mv .catchEn { max-width: 45%; width: 45%; margin: 0 auto 2.5em; left: -1.5%; }
  /* line 63, page_concept.scss */
  #concept #mv .catch em { font-size: 33px; }
  /* line 64, page_concept.scss */
  #concept #mv .catch span { font-size: 16px; right: -1.5%; }
  /* line 66, page_concept.scss */
  #concept #mv .read { text-align: justify; line-height: 2.5; margin-top: 2em; padding: 0 6.5%; }
  /* line 67, page_concept.scss */
  #concept #mv .ph { margin-top: 3em; margin-bottom: 1.5em; } }
/* line 76, page_concept.scss */
#concept #featureSec { padding-bottom: 100px; }
/* line 77, page_concept.scss */
#concept #featureSec .intro { margin-bottom: 150px; }
/* line 78, page_concept.scss */
#concept #featureSec .intro .titWrap { position: relative; }
/* line 79, page_concept.scss */
#concept #featureSec .intro .titWrap .titMorooka { width: 160px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 87, page_concept.scss */
#concept #featureSec .intro .titWrap ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; overflow: hidden; }
/* line 88, page_concept.scss */
#concept #featureSec .intro .titWrap ul.listWrap::before, #concept #featureSec .intro .titWrap ul.listWrap::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #5ba8d8; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); z-index: 0; }
/* line 89, page_concept.scss */
#concept #featureSec .intro .titWrap ul.listWrap::before { opacity: .5; }
/* line 90, page_concept.scss */
#concept #featureSec .intro .titWrap ul.listWrap::after { opacity: .7; /*mix-blend-mode: multiply;*/ }
/* line 91, page_concept.scss */
#concept #featureSec .intro .titWrap ul.listWrap li { width: calc(100% / 3); height: 0; padding-top: calc(100% / 3); /*padding-top: 100%;*/ position: relative; }
/* line 92, page_concept.scss */
#concept #featureSec .intro .titWrap ul.listWrap li .ph { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; bottom: 0; right: 0; }
/* line 93, page_concept.scss */
#concept #featureSec .intro .titWrap ul.listWrap li .ph:nth-of-type(2) { clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
@media screen and (max-width: 1780px) { /* line 97, page_concept.scss */
  #concept #featureSec .intro .titWrap ul.listWrap li { padding-top: 0; height: 600px; } }
/* line 101, page_concept.scss */
#concept #featureSec .intro .enT.en { font-size: 10.5vw; font-weight: 300; line-height: .7; letter-spacing: .5em; color: rgba(0, 0, 0, 0.1); opacity: .4; }
@media screen and (max-width: 1220px) { /* line 101, page_concept.scss */
  #concept #featureSec .intro .enT.en { font-size: 128px; } }
/* line 106, page_concept.scss */
#concept #featureSec .intro .text { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; margin-top: -80px; }
/* line 107, page_concept.scss */
#concept #featureSec .intro .text .read { font-size: 17px; line-height: 3.0; padding-bottom: 3em; width: calc(100% - 420px - 50px + 70px); }
/* line 108, page_concept.scss */
#concept #featureSec .intro .text .ph { width: 380px; margin-right: -70px; margin-top: -80px; --imgBW: 2px; --imgBC: #fff; filter: drop-shadow(var(--imgBW) 0 0 var(--imgBC)) drop-shadow(calc(var(--imgBW) * -1) 0 0 var(--imgBC)) drop-shadow(0 var(--imgBW) 0 var(--imgBC)) drop-shadow(0 calc(var(--imgBW) * -1) 0 var(--imgBC)) drop-shadow(var(--imgBW) var(--imgBW) 0 var(--imgBC)) drop-shadow(calc(var(--imgBW) * -1) var(--imgBW) 0 var(--imgBC)) drop-shadow(var(--imgBW) calc(var(--imgBW) * -1) 0 var(--imgBC)) drop-shadow(calc(var(--imgBW) * -1) calc(var(--imgBW) * -1) 0 var(--imgBC)); }
@media only screen and (max-width: 750px) { /* line 76, page_concept.scss */
  #concept #featureSec { padding-bottom: 100px; }
  /* line 119, page_concept.scss */
  #concept #featureSec .intro { margin-bottom: 60px; }
  /* line 121, page_concept.scss */
  #concept #featureSec .intro .titWrap .titMorooka { width: 100px; margin: 0 auto; }
  /* line 129, page_concept.scss */
  #concept #featureSec .intro .titWrap ul.listWrap { display: flex; flex-direction: column; flex-wrap: wrap; }
  /* line 133, page_concept.scss */
  #concept #featureSec .intro .titWrap ul.listWrap li { width: 100%; height: 0; padding-top: 33.33%; }
  /* line 134, page_concept.scss */
  #concept #featureSec .intro .titWrap ul.listWrap li .ph { width: 55%; top: 0; height: 100%; }
  /* line 135, page_concept.scss */
  #concept #featureSec .intro .titWrap ul.listWrap li .ph:nth-of-type(1) { left: 0; }
  /* line 136, page_concept.scss */
  #concept #featureSec .intro .titWrap ul.listWrap li .ph:nth-of-type(2) { right: 0; /*clip-path: polygon(100% 0, 0% 100%, 100% 100%);*/ /*clip-path: none;*/ clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%); }
  /* line 139, page_concept.scss */
  #concept #featureSec .intro .titWrap ul.listWrap li:nth-of-type(3) .ph:nth-of-type(1) img { object-position: top; }
  /* line 145, page_concept.scss */
  #concept #featureSec .intro .enT.en { font-size: 11.5vw; color: rgba(0, 0, 0, 0.25); white-space: nowrap; padding-left: .35em; }
  /* line 146, page_concept.scss */
  #concept #featureSec .intro .text { margin-top: 20px; flex-direction: column-reverse; }
  /* line 147, page_concept.scss */
  #concept #featureSec .intro .text .read { font-size: 15px; line-height: 2.2; padding: 0 6.5%; width: 100%; }
  /* line 148, page_concept.scss */
  #concept #featureSec .intro .text .ph { width: 220px; margin: 0 auto 1.5em; position: relative; right: -3.5%; --imgBW: 2px; --imgBC: #fff; filter: drop-shadow(var(--imgBW) 0 0 var(--imgBC)) drop-shadow(calc(var(--imgBW) * -1) 0 0 var(--imgBC)) drop-shadow(0 var(--imgBW) 0 var(--imgBC)) drop-shadow(0 calc(var(--imgBW) * -1) 0 var(--imgBC)) drop-shadow(var(--imgBW) var(--imgBW) 0 var(--imgBC)) drop-shadow(calc(var(--imgBW) * -1) var(--imgBW) 0 var(--imgBC)) drop-shadow(var(--imgBW) calc(var(--imgBW) * -1) 0 var(--imgBC)) drop-shadow(calc(var(--imgBW) * -1) calc(var(--imgBW) * -1) 0 var(--imgBC)); } }
/* line 157, page_concept.scss */
#concept #featureSec .linkList { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; --cutMR: 120px /*8%*/; --cutMI: /*((100% - 1600px) / 2)*/ 5%; --ob1WH: 117px; --ob2WH: 90px; }
/* line 158, page_concept.scss */
#concept #featureSec .linkList:not(:last-child) { margin-bottom: 150px; }
/* line 161, page_concept.scss */
#concept #featureSec .linkList .phSec { width: 42%; position: relative; margin-right: var(--cutMR); transition: .4s all; }
/* line 162, page_concept.scss */
#concept #featureSec .linkList .phSec .ph { width: 100%; height: 100%; }
/* line 163, page_concept.scss */
#concept #featureSec .linkList .phSec .phSub { width: 250px; height: 250px; position: absolute; top: -60px; right: -60px; border: 20px solid #fff; box-sizing: border-box; transition: .4s all; }
/* line 165, page_concept.scss */
#concept #featureSec .linkList .text { max-width: 640px; width: calc(100% - 42% - var(--cutMR) - var(--cutMI)); margin-right: auto; display: flex; flex-direction: column; flex-wrap: wrap; padding: 50px 0; transition: .4s all; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
/* line 166, page_concept.scss */
#concept #featureSec .linkList .text .titWrap { width: 100%; text-align: left; }
/* line 167, page_concept.scss */
#concept #featureSec .linkList .text .titWrap .enCatch { font-size: 77px; margin-bottom: .5em; }
/* line 168, page_concept.scss */
#concept #featureSec .linkList .text .titWrap .tit { font-size: 28px; font-weight: 500; line-height: 1.6; -webkit-text-stroke-width: .2px; letter-spacing: -.015em; text-align: justify; margin-bottom: 1em; }
/* line 170, page_concept.scss */
#concept #featureSec .linkList .text .read { width: 100%; line-height: 2.6; }
/* line 171, page_concept.scss */
#concept #featureSec .linkList .text .read span { display: inline-block; }
@media screen and (max-width: 1550px) { /* line 175, page_concept.scss */
  #concept #featureSec .linkList .phSec { margin-right: 80px; }
  /* line 176, page_concept.scss */
  #concept #featureSec .linkList .phSec .phSub { width: 250px; height: 250px; top: -60px; right: -50px; }
  /* line 178, page_concept.scss */
  #concept #featureSec .linkList .text { max-width: 620px; width: calc(100% - 42% - 80px - 0px); } }
/* line 180, page_concept.scss */
#concept #featureSec .linkList .phWrap { width: 100%; margin-top: 60px; }
/* line 181, page_concept.scss */
#concept #featureSec .linkList .phWrap .listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 182, page_concept.scss */
#concept #featureSec .linkList .phWrap .listWrap li, #concept #featureSec .linkList .phWrap .listWrap div { width: calc(100% / 3); position: relative; }
/* line 183, page_concept.scss */
#concept #featureSec .linkList .phWrap .listWrap li .ph, #concept #featureSec .linkList .phWrap .listWrap div .ph { height: 100%; }
/* line 184, page_concept.scss */
#concept #featureSec .linkList .phWrap .listWrap li .cap, #concept #featureSec .linkList .phWrap .listWrap div .cap { font-size: 16px; -webkit-text-stroke-width: .2px; color: #fff; position: absolute; bottom: .5em; right: 1em; filter: drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 3px black); }
/* line 191, page_concept.scss */
#concept #featureSec .linkList .object { position: absolute; z-index: 0; right: 5%; top: 350px; width: var(--ob1WH); height: var(--ob1WH); }
/* line 192, page_concept.scss */
#concept #featureSec .linkList .object i { background: #5ba8d8; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); opacity: .25; position: absolute; }
/* line 193, page_concept.scss */
#concept #featureSec .linkList .object i:nth-of-type(1) { width: var(--ob1WH); height: var(--ob1WH); top: 0; left: 0; }
/* line 194, page_concept.scss */
#concept #featureSec .linkList .object i:nth-of-type(2) { width: var(--ob2WH); height: var(--ob2WH); top: -60px; right: -60px; }
/* line 197, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) { flex-direction: row-reverse; }
/* line 198, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) .phSec { margin-left: 50px; margin-right: 0; }
/* line 200, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) .phSec .phSub { right: auto; left: -60px; }
/* line 202, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) .text { margin-right: 0; margin-left: auto; /*max-width: 640px;*/ width: calc(100% - 42% - 60px - 20px); padding-top: 0; margin-top: -2em; }
/* line 208, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) .text .titWrap .tit, #concept #featureSec .linkList:nth-of-type(odd) .text .read { /*padding-left: 50px;*/ }
@media screen and (max-width: 1550px) { /* line 211, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .phSec { margin-right: 0; margin-left: 60px; }
  /* line 212, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .phSec .phSub { left: -60px; }
  /* line 214, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .text { /*max-width: 700px;*/ width: calc(100% - 42% - 60px - 20px); } }
/* line 216, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) .object { right: auto; left: 5%; top: 250px; }
/* line 218, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) .object i:nth-of-type(1) { top: 0; left: 0; }
/* line 219, page_concept.scss */
#concept #featureSec .linkList:nth-of-type(odd) .object i:nth-of-type(2) { top: auto; bottom: -60px; right: auto; left: -60px; }
@media only screen and (max-width: 750px) { /* line 228, page_concept.scss */
  #concept #featureSec .linkList { --ob1WH: 60px; --ob2WH: 40px; }
  /* line 229, page_concept.scss */
  #concept #featureSec .linkList:not(:last-child) { margin-bottom: 100px; }
  /* line 230, page_concept.scss */
  #concept #featureSec .linkList .phSec { width: 100%; margin-right: auto; }
  /* line 231, page_concept.scss */
  #concept #featureSec .linkList .phSec .ph { width: 90%; height: 0; padding-top: 90%; margin-right: auto; }
  /* line 232, page_concept.scss */
  #concept #featureSec .linkList .phSec .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }
  /* line 234, page_concept.scss */
  #concept #featureSec .linkList .phSec .phSub { width: 120px; height: 120px; top: -40px; right: 0px; border: 6px solid #fff; }
  /* line 236, page_concept.scss */
  #concept #featureSec .linkList .text { max-width: 100%; width: 100%; margin-right: auto; padding: 35px 6.5%; }
  /* line 238, page_concept.scss */
  #concept #featureSec .linkList .text .titWrap .enCatch { font-size: 35px; margin-bottom: .5em; }
  /* line 239, page_concept.scss */
  #concept #featureSec .linkList .text .titWrap .tit { font-size: 24px; -webkit-text-stroke-width: 0px; margin-bottom: 1em; }
  /* line 241, page_concept.scss */
  #concept #featureSec .linkList .text .read { font-size: 15px; line-height: 2.2; }
  /* line 242, page_concept.scss */
  #concept #featureSec .linkList .text .read span { display: inline; }
  /* line 245, page_concept.scss */
  #concept #featureSec .linkList .phWrap { width: 100%; margin-top: 0px; padding: 0 6px; }
  /* line 247, page_concept.scss */
  #concept #featureSec .linkList .phWrap .listWrap li, #concept #featureSec .linkList .phWrap .listWrap div { width: 100%; }
  /* line 248, page_concept.scss */
  #concept #featureSec .linkList .phWrap .listWrap li:not(:last-child), #concept #featureSec .linkList .phWrap .listWrap div:not(:last-child) { margin-bottom: 6px; }
  /* line 249, page_concept.scss */
  #concept #featureSec .linkList .phWrap .listWrap li .ph, #concept #featureSec .linkList .phWrap .listWrap div .ph { width: 100%; height: 0; padding-top: 56.25%; }
  /* line 250, page_concept.scss */
  #concept #featureSec .linkList .phWrap .listWrap li .ph img, #concept #featureSec .linkList .phWrap .listWrap div .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }
  /* line 252, page_concept.scss */
  #concept #featureSec .linkList .phWrap .listWrap li .cap, #concept #featureSec .linkList .phWrap .listWrap div .cap { font-size: 14px; line-height: 1.25; -webkit-text-stroke-width: 0px; color: #fff; position: absolute; bottom: .5em; right: .5em; filter: drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 3px black); }
  /* line 259, page_concept.scss */
  #concept #featureSec .linkList .object { right: 25px; top: 400px; width: var(--ob1WH); height: var(--ob1WH); }
  /* line 261, page_concept.scss */
  #concept #featureSec .linkList .object i:nth-of-type(1) { width: var(--ob1WH); height: var(--ob1WH); top: 0; left: 0; }
  /* line 262, page_concept.scss */
  #concept #featureSec .linkList .object i:nth-of-type(2) { width: var(--ob2WH); height: var(--ob2WH); top: -20px; right: -20px; }
  /* line 265, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) { flex-direction: row-reverse; }
  /* line 266, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .phSec { margin-left: auto; margin-right: 0; }
  /* line 267, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .phSec .ph { margin-left: auto; margin-right: 0; }
  /* line 268, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .phSec .phSub { right: auto; left: 0px; }
  /* line 270, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .text { margin-right: auto; margin-left: auto; width: 100%; padding: 35px 5%; margin-top: 0; }
  /* line 278, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .object { /*right: auto; left: 25px;*/ right: 5px; left: auto; top: 450px; }
  /* line 280, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .object i:nth-of-type(1) { top: 0; left: 0; }
  /* line 281, page_concept.scss */
  #concept #featureSec .linkList:nth-of-type(odd) .object i:nth-of-type(2) { top: auto; bottom: -20px; right: auto; left: -20px; } }
/* line 291, page_concept.scss */
#concept #featureSec #multiaccess.linkList.linkList01 .phSec .ph { max-height: 720px; }
/* line 321, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .text .titWrap .enCatch { margin-left: -.6em; }
/* line 328, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap { width: 70%; }
/* line 330, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap { position: absolute; bottom: 0; right: 0; font-size: 36px; filter: none; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-end; align-items: center; display: inline-flex; text-align: left; padding-right: .5em; padding-top: 5px; padding-bottom: 15px; }
/* line 331, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap::before { content: ""; width: calc(100% + 80px); height: 100%; background-image: linear-gradient(90deg, transparent, #000000 30%); position: absolute; bottom: 0; right: 0; z-index: 0; opacity: .8; mix-blend-mode: multiply; }
/* line 332, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap small, #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap span, #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap em { position: relative; z-index: 5; line-height: 1; }
/* line 333, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap > small { /*width: 100%;*/ font-size: 45%; position: absolute; top: calc(15px + 5px); left: .5em; }
/* line 334, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap span { margin-right: .25em; margin-top: .5em; }
/* line 335, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap span small { font-size: 60%; }
/* line 338, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap em strong { font-size: 240%; }
/* line 339, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap em strong small { font-size: 50%; }
/* line 341, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap em small { font-size: 50%; }
/* line 345, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .wrap { width: 30%; display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 346, page_concept.scss */
#concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .wrap div { width: 100%; height: 50%; }
/* line 361, page_concept.scss */
#concept #featureSec #education.linkList.linkList03 .phSec .ph::after { bottom: calc(.5em + 195px); }
/* line 363, page_concept.scss */
#concept #featureSec #education.linkList.linkList03 .phSec .phSub { top: auto; bottom: -60px; }
/* line 365, page_concept.scss */
#concept #featureSec #education.linkList.linkList03 .text { padding-bottom: 0; }
/* line 367, page_concept.scss */
#concept #featureSec #education.linkList.linkList03 .text .titWrap .enCatch { margin-left: -.6em; }
/* line 372, page_concept.scss */
#concept #featureSec #education.linkList.linkList03 .phWrap { margin-top: 100px; }
@media only screen and (max-width: 750px) { /* line 390, page_concept.scss */
  #concept #featureSec #multiaccess.linkList.linkList01 .phSec .ph { max-height: auto; }
  /* line 420, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .text .titWrap .enCatch { margin-left: 0em; }
  /* line 427, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap { width: 100%; overflow: hidden; }
  /* line 428, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .ph.ph01 { padding-top: 62.5%; }
  /* line 429, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap { font-size: 22px; filter: none; text-align: center; padding-right: .5em; padding-top: 0px; padding-bottom: 10px; }
  /* line 430, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap::before { width: calc(100% + 80px); }
  /* line 432, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap > small { font-size: 45%; position: absolute; top: calc(0% + 1.25em); left: .5em; }
  /* line 433, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap span { margin-right: .25em; margin-top: 1em; }
  /* line 434, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap span small { font-size: 60%; }
  /* line 437, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap em strong { font-size: 240%; }
  /* line 438, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap em strong small { font-size: 50%; }
  /* line 440, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .ph01Wrap .cap em small { font-size: 50%; }
  /* line 444, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .wrap { width: 100%; flex-direction: row; justify-content: space-between; }
  /* line 445, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .wrap div { width: calc(50% - 3px); height: auto; margin-bottom: 0; }
  /* line 446, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .wrap div .ph { padding-top: 100%; }
  /* line 447, page_concept.scss */
  #concept #featureSec #shopping.linkList.linkList02 .phWrap .listWrap .wrap div .cap { text-align: right; }
  /* line 460, page_concept.scss */
  #concept #featureSec #education.linkList.linkList03 .phSec .ph::after { bottom: calc(.5em + 60px); }
  /* line 462, page_concept.scss */
  #concept #featureSec #education.linkList.linkList03 .phSec .phSub { top: auto; bottom: -60px; }
  /* line 464, page_concept.scss */
  #concept #featureSec #education.linkList.linkList03 .text { padding-bottom: 35px; }
  /* line 466, page_concept.scss */
  #concept #featureSec #education.linkList.linkList03 .text .titWrap .enCatch { /*margin-left: -.6em;*/ margin-left: auto; }
  /* line 471, page_concept.scss */
  #concept #featureSec #education.linkList.linkList03 .phWrap { margin-top: 0px; }
  /* line 479, page_concept.scss */
  #concept #featureSec #education.linkList.linkList03 .object { /*right: auto; left: 5px;*/ right: 54px; top: 500px; } }
