@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, home.scss */ #home #articlePointSec { position: relative; } /* line 14, home.scss */ #home #articlePointSec::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; opacity: .25; } /* line 16, home.scss */ #home #articlePointSec .articlePoint ul.listWrap { display: flex; justify-content: space-between; flex-wrap: nowrap !important; align-items: stretch; position: relative; z-index: 5; padding: 2em 0; } /* line 17, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li { position: relative; padding: 0 1.5em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; /*align-items: flex-start;*/ box-sizing: border-box; } /* line 18, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li::before, #home #articlePointSec .articlePoint ul.listWrap li::after { content: ""; width: .5px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } /* line 19, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li::before { left: 0; } /* line 20, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li::after { left: calc(100% - .5px); } /* line 22, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li:not(:first-child)::before { content: none; } /* line 27, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 { background: #fff; } /* line 30, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li::before, #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li::after { background: #000; opacity: .25; } /* line 31, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list01 { width: 19.97%; } /* line 32, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list02 { width: 33.87%; } /* line 33, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list03 { width: 46.17%; } /* line 37, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 { background: #5ba8d8; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); } /* line 40, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li::before, #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li::after { background: #fff; opacity: .35; } /* line 41, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li.list01 { width: 32.18%; } /* line 42, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li.list02 { width: 34.66%; } /* line 43, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li.list03 { width: 32.88%; } @media only screen and (max-width: 750px) { /* line 55, home.scss */ #home #articlePointSec .articlePoint ul.listWrap { padding: 1em 0; flex-wrap: wrap !important; } /* line 56, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li { padding: 0 1em; } /* line 57, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li::before, #home #articlePointSec .articlePoint ul.listWrap li::after { width: .5px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } /* line 58, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li::before { left: 0; } /* line 59, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li::after { left: calc(100% - .5px); } /* line 61, home.scss */ #home #articlePointSec .articlePoint ul.listWrap li:not(:first-child)::before { content: none; } /* line 67, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap { overflow: hidden; } /* line 70, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list01 { width: 37.45%; } /* line 70, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list01::before { content: none; } /* line 71, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list02 { width: 62.45%; } /* line 71, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list02::after { content: none; } /* line 72, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list03 { width: 85.43%; margin: 0 auto; /*border-top: .5px solid rgba(#000, .25);*/ padding-top: 1em; margin-top: .5em; } /* line 73, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list03::before { content: ""; width: calc(100% + 500px); height: .5px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 0; } /* line 74, home.scss */ #home #articlePointSec .articlePoint.articlePoint01 ul.listWrap li.list03::after { content: none; } /* line 80, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li { padding-inline: 2em; } /* line 81, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li::before, #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li::after { content: none; } /* line 82, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li:not(:last-child) { padding-bottom: 1em; margin-bottom: 1em; } /* line 83, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li:not(:last-child)::after { content: ""; width: calc(100% - 30px); height: .5px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: calc(100% + 0px); } /* line 85, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li.list01 { width: 100%; } /* line 86, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li.list02 { width: 100%; } /* line 87, home.scss */ #home #articlePointSec .articlePoint.articlePoint02 ul.listWrap li.list03 { width: 100%; } } /* line 99, home.scss */ #home #ctaSec { padding: 50px 0 50px; } /* line 100, home.scss */ #home #ctaSec .tit { font-size: 45px; font-weight: 500; margin-bottom: .25em; } /* line 101, home.scss */ #home #ctaSec .read { font-size: 20px; font-weight: 500; text-align: center; margin-bottom: 2em; } /* line 103, home.scss */ #home #ctaSec .cmnBtn::before, #home #ctaSec .cmnBtn::after { content: none; } /* line 106, home.scss */ #home #ctaSec .cmnBtn a em::before, #home #ctaSec .cmnBtn a em::after { content: none; } @media only screen and (max-width: 750px) { /* line 116, home.scss */ #home #ctaSec { padding: 40px 0 40px; } /* line 117, home.scss */ #home #ctaSec .tit { font-size: 30px; margin-bottom: .25em; } /* line 118, home.scss */ #home #ctaSec .read { font-size: 16px; text-align: justify; margin-bottom: 2em; padding: 0 5%; } /* line 120, home.scss */ #home #ctaSec .cmnBtn::before, #home #ctaSec .cmnBtn::after { content: none; } /* line 123, home.scss */ #home #ctaSec .cmnBtn a em::before, #home #ctaSec .cmnBtn a em::after { content: none; } } /* line 136, home.scss */ #home #newsSec { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 3em; text-align: left; margin-bottom: 100px; } /* line 137, home.scss */ #home #newsSec .tit.en { font-size: 25px; font-weight: 500; line-height: 1.5; width: 150px; } /* line 138, home.scss */ #home #newsSec ul.listWrap { width: calc(100% - 150px); height: 160px; } /* line 139, home.scss */ #home #newsSec ul.listWrap li { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px dotted #d2d2d2; margin-bottom: .75em; padding-bottom: .75em; width: 100%; } /* line 140, home.scss */ #home #newsSec ul.listWrap li span, #home #newsSec ul.listWrap li em { /*font-family: $jpG; letter-spacing: .05em;*/ font-size: 18px; font-weight: 500; } /* line 141, home.scss */ #home #newsSec ul.listWrap li span { width: 120px; } /* line 142, home.scss */ #home #newsSec ul.listWrap li em { width: calc(100% - 120px); } /* line 146, home.scss */ #home .mCustomScrollBox { width: 100%; } /* line 147, home.scss */ #home .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(150, 130, 35, 0.5) !important; z-index: 1; } /* line 148, home.scss */ #home .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(150, 130, 35, 0.8) !important; width: 8px; } /* line 149, home.scss */ #home .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1) !important; position: absolute; top: -300px; right: 7px; height: 1000px; z-index: 0; } @media only screen and (max-width: 750px) { /* line 154, home.scss */ #home #newsSec { margin: 1.5em auto 0; width: 86%; margin-bottom: 60px; } /* line 155, home.scss */ #home #newsSec .tit.en { font-size: 24px; width: 100%; text-align: center; margin-bottom: .5em; } /* line 156, home.scss */ #home #newsSec ul.listWrap { width: 100%; /*height: 220px;*/ height: 150px; } /* line 157, home.scss */ #home #newsSec ul.listWrap li { margin-bottom: .75em; padding-bottom: .75em; } /* line 158, home.scss */ #home #newsSec ul.listWrap li span, #home #newsSec ul.listWrap li em { font-size: 15px; } /* line 159, home.scss */ #home #newsSec ul.listWrap li span { width: 100%; font-size: 90%; } /* line 160, home.scss */ #home #newsSec ul.listWrap li em { width: 100%; } /* line 164, home.scss */ #home .mCustomScrollBox { width: 100%; } /* line 166, home.scss */ #home .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { width: 8px; } /* line 167, home.scss */ #home .mCSB_scrollTools .mCSB_draggerRail { top: -300px; right: 7px; height: 1000px; } } /* line 175, home.scss */ #home #conceptSec { background: url("../../img/bg.webp") no-repeat top center; background-size: 1920px auto; overflow: hidden; padding: 150px 0 50px; position: relative; } @media screen and (min-width: 1920px) { /* line 175, home.scss */ #home #conceptSec { background-size: 100% auto; } } /* line 180, home.scss */ #home #conceptSec::before { content: ""; height: 550px; width: 100%; background: linear-gradient(0deg, #ffffff, transparent); position: absolute; bottom: 0; left: 0; z-index: 0; } /* line 181, home.scss */ #home #conceptSec .wrap { position: relative; z-index: 5; } /* line 182, home.scss */ #home #conceptSec .catchEn { width: 750px; margin: 0 auto 5em; position: relative; left: -1.5%; } /* line 183, home.scss */ #home #conceptSec .catch { display: flex; flex-direction: column; flex-wrap: wrap; } /* line 184, home.scss */ #home #conceptSec .catch em, #home #conceptSec .catch span { font-weight: 500; line-height: 1.6; letter-spacing: .05em; } /* line 185, home.scss */ #home #conceptSec .catch em { font-size: 55px; } /* line 186, home.scss */ #home #conceptSec .catch span { font-size: 27.5px; position: relative; right: -1.5%; } /* line 188, home.scss */ #home #conceptSec .read { text-align: center; line-height: 2.8; margin-top: 2em; } /* line 189, home.scss */ #home #conceptSec .ph { margin-top: 5em; } @media only screen and (max-width: 750px) { /* line 195, home.scss */ #home #conceptSec { background: url("../../img/bgSp.webp") no-repeat top center; background-size: auto 100%; padding: 50px 0 50px; } /* line 196, home.scss */ #home #conceptSec::before { height: 100px; } /* line 198, home.scss */ #home #conceptSec .catchEn { width: 220px; margin: 0 auto 2.5em; left: -0%; } /* line 201, home.scss */ #home #conceptSec .catch em { font-size: 36.5px; } /* line 202, home.scss */ #home #conceptSec .catch span { font-size: 18px; right: -1.5%; } /* line 204, home.scss */ #home #conceptSec .read { text-align: justify; line-height: 2.2; margin-top: 2em; padding: 0 6.5%; font-size: 15px; /*letter-spacing: -.015em;*/ } /* line 205, home.scss */ #home #conceptSec .ph { margin-top: 3em; } } /* line 214, home.scss */ #home #featureSec { position: relative; overflow: hidden; /* padding-bottom: 100px;*/ } /* line 215, home.scss */ #home #featureSec::before { content: ""; height: 200px; width: 100%; background: linear-gradient(0deg, transparent, #ffffff); position: absolute; top: 0; left: 0; z-index: 50; } /* line 216, home.scss */ #home #featureSec::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; opacity: .25; } /* line 218, home.scss */ #home #featureSec #locationAnimation { position: relative; z-index: 10; margin-top: -50px; } /* line 221, home.scss */ #home #featureSec .intro { position: relative; z-index: 5; padding: 100px 0 100px; } /* line 222, home.scss */ #home #featureSec .intro .enT.en { font-size: 10.5vw; font-weight: 300; line-height: .7; letter-spacing: .5em; color: #fff; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 0; opacity: .4; z-index: 0; } @media screen and (max-width: 1220px) { /* line 222, home.scss */ #home #featureSec .intro .enT.en { font-size: 128px; } } /* line 227, home.scss */ #home #featureSec .intro .wrap { position: relative; z-index: 5; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; } /* line 228, home.scss */ #home #featureSec .intro .wrap .titMorooka { width: 160px; } /* line 236, home.scss */ #home #featureSec .intro .wrap .text { width: calc(100% - 220px); display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } /* line 237, home.scss */ #home #featureSec .intro .wrap .text .read { width: calc(100% - 300px); line-height: 2.8; } /* line 238, home.scss */ #home #featureSec .intro .wrap .text .ph { width: 300px; filter: drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 10px white); } @media only screen and (max-width: 750px) { /* line 246, home.scss */ #home #featureSec::before { height: 30px; } /* line 249, home.scss */ #home #featureSec #locationAnimation { margin-top: 0px; } /* line 252, home.scss */ #home #featureSec .intro { padding: 40px 0 100px; } /* line 253, home.scss */ #home #featureSec .intro .enT.en { font-size: 12vw; white-space: nowrap; padding-left: .5em; } /* line 255, home.scss */ #home #featureSec .intro .wrap .titMorooka { width: 80px; margin: 0 auto 1em; } /* line 263, home.scss */ #home #featureSec .intro .wrap .text { width: 100%; flex-direction: column-reverse; } /* line 264, home.scss */ #home #featureSec .intro .wrap .text .read { width: 100%; line-height: 2.2; padding: 0 6.5%; } /* line 265, home.scss */ #home #featureSec .intro .wrap .text .ph { width: 220px; margin: 0% auto 2em; position: relative; right: -2.5%; } } /* line 272, home.scss */ #home #featureSec .linkList { position: relative; z-index: 5; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 120px; --cutMR: 60px; --cutMI: ((100% - 1200px) / 2); } /* line 276, home.scss */ #home #featureSec .linkList .phMain { width: 47.5%; height: 600px; margin-right: var(--cutMR); clip-path: polygon(0 0, calc(100% - 100px) 0, calc(100% - 100px) 250px, 100% 250px, 100% 100%, 0 100%); } /* line 278, home.scss */ #home #featureSec .linkList .phMain span { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 100%; } /* line 280, home.scss */ #home #featureSec .linkList .text { width: calc(100% - 47.5% - var(--cutMR) - var(--cutMI)); margin-right: auto; /*padding-right: calc((100% - 1200px) / 2);*/ display: flex; flex-direction: column; flex-wrap: wrap; } /* line 281, home.scss */ #home #featureSec .linkList .text .titWrap { width: calc(100% + 100px); text-align: left; margin-left: -100px; padding-bottom: 50px; padding-top: 15px; } /* line 282, home.scss */ #home #featureSec .linkList .text .titWrap .enCatch { font-size: 77px; margin-bottom: .25em; } /* line 283, home.scss */ #home #featureSec .linkList .text .titWrap .tit { font-size: 22px; -webkit-text-stroke-width: .2px; letter-spacing: -.015em; text-align: justify; } /* line 285, home.scss */ #home #featureSec .linkList .text .phWrap { width: 100%; } /* line 286, home.scss */ #home #featureSec .linkList .text .phWrap ul.listWrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 287, home.scss */ #home #featureSec .linkList .text .phWrap ul.listWrap li { width: calc(100% / 2 - 10px); } /* line 288, home.scss */ #home #featureSec .linkList .text .phWrap ul.listWrap li .ph { height: 200px; } /* line 289, home.scss */ #home #featureSec .linkList .text .phWrap ul.listWrap li .cap { font-size: 13px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; letter-spacing: .0em; text-align: left; margin-top: .5em; } /* line 293, home.scss */ #home #featureSec .linkList .text .cmnBtnMore { margin-top: auto; } /* line 300, home.scss */ #home #featureSec .linkList:nth-of-type(even) { flex-direction: row-reverse; } /* line 301, home.scss */ #home #featureSec .linkList:nth-of-type(even) .phMain { margin-right: 0; margin-left: var(--cutMR); clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%, 0 250px, 100px 250px); } /* line 303, home.scss */ #home #featureSec .linkList:nth-of-type(even) .text { margin-right: 0; margin-left: auto; } /* line 304, home.scss */ #home #featureSec .linkList:nth-of-type(even) .text .titWrap { margin-left: auto; margin-right: -100px; } /* line 325, home.scss */ #home #featureSec .linkList.colReverse .phMain { clip-path: polygon(150px 0, 100% 0, 100% 100%, 0 100%, 0 300px, 150px 300px); } /* line 327, home.scss */ #home #featureSec .linkList.colReverse .text .titWrap { order: 1; margin-left: 0; margin-right: 0; width: 100%; padding-bottom: 0px; padding-top: 60px; } /* line 331, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap { order: 0; width: calc(100% + 250px); margin-left: -100px; margin-right: -150px; padding-top: 20px; transition: .4s all; } /* line 333, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap ul.listWrap li { width: calc(100% / 3 - 10px); } @media screen and (max-width: 1440px) { /* line 331, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap { width: calc(100% + 200px); margin-left: -50px; } } @media screen and (max-width: 1340px) { /* line 331, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap { width: calc(100% + 150px); margin-left: -0px; } } /* line 341, home.scss */ #home #featureSec .linkList.colReverse .text .cmnBtnMore { order: 2; } @media only screen and (max-width: 750px) { /* line 354, home.scss */ #home #featureSec .linkList { margin-bottom: 100px; } /* line 356, home.scss */ #home #featureSec .linkList .phMain { width: 100%; height: 280px; margin: 0 auto; position: absolute; top: 15px; left: 0; z-index: 0; /*clip-path: polygon(0 40px, 330px 40px, 330px 0, 100% 0, 100% 100%, 0 100%);*/ clip-path: polygon(0 0, calc(100% - 330px) 0, calc(100% - 330px) 25px, 100% 25px, 100% 100%, 0 100%); } /* line 361, home.scss */ #home #featureSec .linkList .text { width: 100%; margin-right: auto; position: relative; z-index: 1; } /* line 362, home.scss */ #home #featureSec .linkList .text .titWrap { width: 100%; margin-left: auto; padding-bottom: 20px; padding-top: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 363, home.scss */ #home #featureSec .linkList .text .titWrap .enCatch { font-size: 42px; /*margin-bottom: .25em;*/ margin-left: auto; margin-right: 2.5%; line-height: .7; margin-bottom: 285px; text-align: right; } /* line 364, home.scss */ #home #featureSec .linkList .text .titWrap .tit { font-size: 20px; -webkit-text-stroke-width: 0; padding: 0 5%; } /* line 366, home.scss */ #home #featureSec .linkList .text .phWrap { width: 100%; padding: 0 10px; } /* line 368, home.scss */ #home #featureSec .linkList .text .phWrap ul.listWrap li { width: calc(100% / 2 - 6px); } /* line 369, home.scss */ #home #featureSec .linkList .text .phWrap ul.listWrap li .ph { height: auto; } /* line 370, home.scss */ #home #featureSec .linkList .text .phWrap ul.listWrap li .cap { font-size: 13px; line-height: 1.8; margin-top: .75em; } /* line 374, home.scss */ #home #featureSec .linkList .text .cmnBtnMore { margin: 2em auto 0; } /* line 382, home.scss */ #home #featureSec .linkList:nth-of-type(even) .phMain { margin-right: 0; margin-left: auto; clip-path: polygon(0 25px, 330px 40px, 330px 0, 100% 0, 100% 100%, 0 100%); } /* line 384, home.scss */ #home #featureSec .linkList:nth-of-type(even) .text { margin-right: auto; margin-left: auto; } /* line 385, home.scss */ #home #featureSec .linkList:nth-of-type(even) .text .titWrap { margin-left: auto; margin-right: auto; } /* line 406, home.scss */ #home #featureSec .linkList.colReverse .phMain { clip-path: polygon(0 25px, 240px 25px, 240px 0, 100% 0, 100% 100%, 0 100%); } /* line 408, home.scss */ #home #featureSec .linkList.colReverse .text .titWrap { order: 0; margin-left: auto; margin-right: auto; width: 100%; padding-bottom: 0px; padding-top: 0px; } /* line 409, home.scss */ #home #featureSec .linkList.colReverse .text .titWrap .enCatch { margin-left: 2.5%; margin-right: auto; } /* line 412, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap { order: 1; width: 100%; margin-left: auto; margin-right: auto; padding-top: 20px; } /* line 414, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap ul.listWrap li { width: calc(100% / 2 - 6px); } /* line 417, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap ul.listWrap li:nth-of-type(1) { width: 100%; margin-bottom: 1.5em; } /* line 418, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap ul.listWrap li:nth-of-type(1) .ph { height: 0; padding-top: 56.25%; } /* line 419, home.scss */ #home #featureSec .linkList.colReverse .text .phWrap ul.listWrap li:nth-of-type(1) .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } /* line 425, home.scss */ #home #featureSec .linkList.colReverse .text .cmnBtnMore { order: 2; } } @media only screen and (max-width: 750px) { /* line 514, home.scss */ #home #featureSec .linkList.linkList03 { margin-bottom: 60px; } /* line 515, home.scss */ #home #featureSec .linkList.linkList03 .phMain { top: 0; /*clip-path: polygon(0 0, calc(100% - 270px) 0, calc(100% - 270px) 40px, 100% 40px, 100% 100%, 0 100%);*/ clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 270px) calc(100% - 25px), calc(100% - 270px) 100%, 0 100%); } /* line 518, home.scss */ #home #featureSec .linkList.linkList03 .phMain::after { bottom: calc(25px + .5em); } /* line 521, home.scss */ #home #featureSec .linkList.linkList03 .text .titWrap { padding-top: 265px; } /* line 522, home.scss */ #home #featureSec .linkList.linkList03 .text .titWrap .enCatch { margin-bottom: 20px; } } /* line 550, home.scss */ #home #pickupcontentsSec { padding: 120px 0 200px; --puMR: 50px; --puMR2: 60px; --puMI: ((100% - 1200px) / 2); --puMI2: ((100% - 1600px) / 2); } /* line 553, home.scss */ #home #pickupcontentsSec .pickupcontents { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 555, home.scss */ #home #pickupcontentsSec .pickupcontents .text { text-align: left; display: flex; flex-direction: column; flex-wrap: wrap; } /* line 556, home.scss */ #home #pickupcontentsSec .pickupcontents .text .enT { width: 340px; position: relative; z-index: 5; } /* line 557, home.scss */ #home #pickupcontentsSec .pickupcontents .text .cls-2 { stroke: #fff; stroke-width: 20; fill: none; stroke-linejoin: round; stroke-linecap: round; } /* line 564, home.scss */ #home #pickupcontentsSec .pickupcontents .text .tit { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 1.5em; align-items: flex-start; } /* line 565, home.scss */ #home #pickupcontentsSec .pickupcontents .text .tit span { font-size: 20px; font-weight: 600; letter-spacing: .15em; margin-bottom: .5em; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); background-clip: border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } /* line 566, home.scss */ #home #pickupcontentsSec .pickupcontents .text .tit em { font-size: 48px; font-weight: 500; line-height: 1.5; } /* line 568, home.scss */ #home #pickupcontentsSec .pickupcontents .text .catch { font-size: 25px; font-weight: 500; line-height: 1.5; -webkit-text-stroke-width: .1px; margin-bottom: 1em; } /* line 571, home.scss */ #home #pickupcontentsSec .pickupcontents .swiper { width: 100%; } /* line 572, home.scss */ #home #pickupcontentsSec .pickupcontents .swiper ul.swiper-wrapper { transition-timing-function: linear !important; } /* line 574, home.scss */ #home #pickupcontentsSec .pickupcontents .swiper ul.swiper-wrapper li.swiper-slide img { width: 100%; } @media only screen and (max-width: 750px) { /* line 550, home.scss */ #home #pickupcontentsSec { padding: 60px 0 100px; } /* line 588, home.scss */ #home #pickupcontentsSec .pickupcontents .text { padding: 0 5%; } /* line 589, home.scss */ #home #pickupcontentsSec .pickupcontents .text .enT { width: 220px; } /* line 590, home.scss */ #home #pickupcontentsSec .pickupcontents .text .cls-2 { stroke-width: 20; } /* line 591, home.scss */ #home #pickupcontentsSec .pickupcontents .text .tit { margin-bottom: 1.5em; } /* line 592, home.scss */ #home #pickupcontentsSec .pickupcontents .text .tit span { font-size: 18px; letter-spacing: .05em; margin-bottom: .5em; } /* line 593, home.scss */ #home #pickupcontentsSec .pickupcontents .text .tit em { font-size: 28px; } /* line 595, home.scss */ #home #pickupcontentsSec .pickupcontents .text .catch { font-size: 20px; -webkit-text-stroke-width: 0; margin-bottom: 1em; text-align: justify; } /* line 599, home.scss */ #home #pickupcontentsSec .pickupcontents .swiper ul.swiper-wrapper { transition-timing-function: linear !important; } } /* line 613, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 { margin-bottom: 80px; } /* line 614, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .phMain { width: 54.5%; /*height: 700px;*/ max-height: 700px; } /* line 615, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .text { width: calc(100% - 54.5% - var(--puMR) - var(--puMI)); margin-right: auto; margin-left: var(--puMR); } /* line 616, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .text .enT { margin-left: -135px; margin-bottom: 30px; } /* line 621, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .text .catch { white-space: nowrap; } /* line 624, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .swiper { margin-top: 80px; /*@include flex;*/ } /* line 625, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .swiper ul.swiper-wrapper { transition-timing-function: linear !important; } /* line 626, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .swiper ul.swiper-wrapper li.swiper-slide { /*width: 320px !important;*/ } /* line 632, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 { justify-content: center; flex-direction: row-reverse; align-items: flex-end; position: relative; } /* line 633, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02::after { content: ""; width: 70%; height: calc(100% + 25px); background: #f0f0f0; position: absolute; top: 20px; left: 0; z-index: 0; } /* line 634, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .phMain { width: calc(100% - (620px + var(--puMI) + var(--puMI2) + var(--puMR2))); margin-left: var(--puMR2); margin-right: calc(var(--puMI2)); position: relative; z-index: 1; height: 420px; margin-bottom: -90px; } @media screen and (max-width: 1630px) { /* line 634, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .phMain { width: calc(100% - (620px + var(--puMI) + 20px + var(--puMR2))); margin-right: 20px; } } /* line 640, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text { width: 620px; margin-left: calc(var(--puMI)); flex-direction: row; justify-content: space-between; align-items: center; position: relative; z-index: 1; } /* line 641, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .enT { margin-left: -60px; margin-bottom: 10px; } /* line 643, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .tit span { margin-bottom: .25em; } /* line 646, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap { width: calc(100% - 230px); } /* line 647, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap .t { font-size: 35px; line-height: 1.25; font-weight: 500; -webkit-text-stroke-width: .1px; margin-bottom: .5em; } /* line 649, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap .t em strong.en { font-size: 180%; letter-spacing: 0; line-height: 1; } /* line 652, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 653, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li { -webkit-text-stroke-width: .2px; font-size: 16px; line-height: 1.25; display: flex; justify-content: space-between; flex-wrap: wrap; /*&:not(:last-child){ margin-bottom: .5em;}*/ } /* line 655, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span { border: 1px solid rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; letter-spacing: -.015em; padding: .25em 0; position: relative; } /* line 656, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::before, #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::after { content: ""; width: calc(100% - 10px); height: 3px; background: #f0f0f0; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; } /* line 657, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::before { top: -1px; } /* line 658, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::after { bottom: -1px; } /* line 660, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li em { font-size: 105%; } /* line 661, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li em strong.en { font-size: 180%; font-weight: 500; letter-spacing: -.015em; line-height: 1; margin-right: .05em; } /* line 662, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li em small { font-size: 80%; } /* line 664, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(1) { width: 100%; margin-bottom: .5em; } /* line 665, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(1) span { width: 190px; } /* line 666, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(1) em { width: calc(100% - 205px); } /* line 668, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(2) { width: 35%; } /* line 669, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(2) span { width: 60px; } /* line 670, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(2) em { width: calc(100% - 75px); } /* line 672, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(3) { width: 62%; } /* line 673, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(3) span { width: 130px; } /* line 674, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(3) em { width: calc(100% - 145px); } /* line 679, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .ph { width: 230px; height: 150px; } @media only screen and (max-width: 750px) { /* line 688, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 { margin-bottom: 80px; } /* line 689, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .phMain { width: 100%; max-height: 700px; } /* line 690, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .text { width: 100%; margin-right: auto; margin-left: auto; } /* line 691, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .text .enT { margin-left: 0; margin-bottom: 10px; margin-top: -5px; } /* line 696, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .text .catch { white-space: normal; } /* line 699, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents01 .swiper { margin-top: 40px; } /* line 708, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02::after { width: 90%; height: calc(100% + 25px); top: 20px; left: 0; } /* line 709, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .phMain { width: 80%; margin-left: auto; margin-right: 0%; height: auto; margin-bottom: 0px; } /* line 711, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text { width: 100%; margin-left: auto; } /* line 712, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .enT { margin-left: -1.5%; margin-bottom: 0px; margin-top: -5px; } /* line 713, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .tit { margin-bottom: .75em; } /* line 714, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .tit span { margin-bottom: .25em; } /* line 717, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 718, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap .t { font-size: 28px; -webkit-text-stroke-width: 0; margin-bottom: 1em; width: 100%; } /* line 720, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap .t em strong.en { font-size: 180%; } /* line 723, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap { width: 190px; } /* line 724, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li { -webkit-text-stroke-width: 0; font-size: 14px; } /* line 725, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:not(:last-child) { margin-bottom: 1em; } /* line 726, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span { /*width: 170px;*/ width: 100%; padding: .25em 0; letter-spacing: -.025em; margin-bottom: .5em; } /* line 727, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::before, #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::after { width: calc(100% - 10px); height: 3px; } /* line 728, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::before { top: -1px; } /* line 729, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li span::after { bottom: -1px; } /* line 731, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li em { font-size: 105%; /*width: calc(100% - 185px);*/ width: 100%; /*text-align: center;*/ padding-left: .5em; } /* line 732, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li em strong.en { font-size: 180%; margin-right: .05em; } /* line 733, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li em small { font-size: 80%; } /* line 735, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(1) { width: 100%; margin-bottom: 1em; } /* line 736, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(1) span { width: 100%; } /* line 737, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(1) em { width: 100%; /*text-align: center;*/ } /* line 739, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(2) { width: 100%; } /* line 740, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(2) span { width: 60px; } /* line 741, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(2) em { width: calc(100% - 65px); } /* line 743, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(3) { width: 100%; } /* line 744, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(3) span { width: 110px; } /* line 745, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .wrap ul.listWrap li:nth-of-type(3) em { width: calc(100% - 115px); } /* line 750, home.scss */ #home #pickupcontentsSec .pickupcontents.pickupcontents02 .text .ph { /*width: 70%;*/ width: calc(100% - 225px - 5%); height: 150px; margin: 0; position: absolute; bottom: 0; right: 5%; } } /* line 762, home.scss */ #home .otherLinkListSec { padding: 60px 0 120px; --puMR: 50px; --puMR2: 60px; --puMI: ((100% - 1200px) / 2); --puMI2: ((100% - 1600px) / 2); } /* line 767, home.scss */ #home .otherLinkListSec .otherLinkList { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; align-items: flex-start; position: relative; } /* line 768, home.scss */ #home .otherLinkListSec .otherLinkList::after { content: ""; width: 70%; height: calc(100% + 0px); background: #f0f0f0; position: absolute; top: -60px; right: 0; z-index: 0; } /* line 769, home.scss */ #home .otherLinkListSec .otherLinkList:not(:last-child) { margin-bottom: 120px; } /* line 770, home.scss */ #home .otherLinkListSec .otherLinkList .phMain { width: calc(100% - (620px + var(--puMI) + var(--puMI2) + var(--puMR2))); margin-right: var(--puMR2); margin-left: calc(var(--puMI2)); position: relative; z-index: 1; height: 420px; } @media screen and (max-width: 1630px) { /* line 770, home.scss */ #home .otherLinkListSec .otherLinkList .phMain { width: calc(100% - (620px + var(--puMI) + 20px + var(--puMR2))); margin-left: 20px; } } /* line 776, home.scss */ #home .otherLinkListSec .otherLinkList .text { text-align: left; display: flex; flex-direction: column; flex-wrap: wrap; width: 620px; margin-right: calc(var(--puMI)); flex-direction: row; justify-content: space-between; align-items: center; position: relative; z-index: 1; } /* line 777, home.scss */ #home .otherLinkListSec .otherLinkList .text .tit { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; } /* line 778, home.scss */ #home .otherLinkListSec .otherLinkList .text .tit span { font-size: 65px; line-height: 1.5; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); background-clip: border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; letter-spacing: .075em; } /* line 779, home.scss */ #home .otherLinkListSec .otherLinkList .text .tit em { font-size: 18px; margin-left: 1em; } /* line 781, home.scss */ #home .otherLinkListSec .otherLinkList .text .read { font-size: 40px; font-weight: 500; line-height: 1.5; width: 100%; } /* line 782, home.scss */ #home .otherLinkListSec .otherLinkList .text .cmnBtnMore { margin-top: 2.5em; } /* line 789, home.scss */ #home .otherLinkListSec .otherLinkList:nth-of-type(even) { flex-direction: row-reverse; } /* line 790, home.scss */ #home .otherLinkListSec .otherLinkList:nth-of-type(even)::after { right: auto; left: 0; } /* line 791, home.scss */ #home .otherLinkListSec .otherLinkList:nth-of-type(even) .phMain { margin-left: var(--puMR2); margin-right: calc(var(--puMI2)); } @media screen and (max-width: 1630px) { /* line 791, home.scss */ #home .otherLinkListSec .otherLinkList:nth-of-type(even) .phMain { margin-right: 20px; } } /* line 796, home.scss */ #home .otherLinkListSec .otherLinkList:nth-of-type(even) .text { margin-right: auto; margin-left: calc(var(--puMI)); } @media only screen and (max-width: 750px) { /* line 807, home.scss */ #home .otherLinkListSec { padding: 30px 0 100px; } /* line 809, home.scss */ #home .otherLinkListSec .otherLinkList::after { width: 92.5%; height: calc(100% + 0px); top: 30px; right: 0; } /* line 810, home.scss */ #home .otherLinkListSec .otherLinkList:not(:last-child) { margin-bottom: 80px; } /* line 811, home.scss */ #home .otherLinkListSec .otherLinkList .phMain { width: 90%; margin-right: auto; margin-left: 0%; height: auto; margin-bottom: 1em; } /* line 813, home.scss */ #home .otherLinkListSec .otherLinkList .text { padding: 0 5%; width: 100%; margin: 0 auto; margin-left: 7.5%; } /* line 815, home.scss */ #home .otherLinkListSec .otherLinkList .text .tit span { font-size: 42px; } /* line 816, home.scss */ #home .otherLinkListSec .otherLinkList .text .tit em { font-size: 18px; margin-left: 1em; } /* line 818, home.scss */ #home .otherLinkListSec .otherLinkList .text .read { font-size: 20px; } /* line 819, home.scss */ #home .otherLinkListSec .otherLinkList .text .cmnBtnMore { margin-top: 1.5em; } /* line 828, home.scss */ #home .otherLinkListSec .otherLinkList:nth-of-type(even) .phMain { margin-left: auto; margin-right: 0; } /* line 829, home.scss */ #home .otherLinkListSec .otherLinkList:nth-of-type(even) .text { margin: 0 auto; margin-right: 7.5%; } /* line 835, home.scss */ #home .otherLinkListSec .otherLinkList.landplan .text .tit { margin-bottom: 1em; } /* line 837, home.scss */ #home .otherLinkListSec .otherLinkList.landplan .text .tit em { line-height: 1.5; margin-left: 0em; } } /* line 850, home.scss */ #home #anniversarySec { background: #f0ecdd; padding-bottom: 120px; } /* line 853, home.scss */ #home #anniversarySec .intro { padding: 60px 0 80px; } /* line 854, home.scss */ #home #anniversarySec .intro .tit { margin: 0 auto 5em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } /* line 855, home.scss */ #home #anniversarySec .intro .tit em { font-size: 40px; font-weight: 500; letter-spacing: .015em; padding: 0 2em; border-bottom: 1px solid rgba(0, 0, 0, 0.5); } /* line 857, home.scss */ #home #anniversarySec .intro .logo { width: 320px; margin: 0 auto 2em; } /* line 858, home.scss */ #home #anniversarySec .intro .catch { font-size: 35px; line-height: 1.8; font-weight: 500; margin-bottom: .5em; } /* line 859, home.scss */ #home #anniversarySec .intro .read { font-size: 20px; text-align: center; } /* line 863, home.scss */ #home #anniversarySec .resultSec { position: relative; } /* line 864, home.scss */ #home #anniversarySec .resultSec::before, #home #anniversarySec .resultSec::after { content: ""; width: calc(100% - 150px); height: calc(100% - 320px); position: absolute; top: 0; left: 0; } /* line 865, home.scss */ #home #anniversarySec .resultSec::after { background: rgba(0, 0, 0, 0.8); mix-blend-mode: multiply; z-index: 1; } /* line 866, home.scss */ #home #anniversarySec .resultSec::before { background: url("../../img/homeResultBg.webp") no-repeat; background-size: cover; z-index: 0; } /* line 867, home.scss */ #home #anniversarySec .resultSec .result { position: relative; z-index: 5; color: #fff; padding: 60px 0 80px; } /* line 868, home.scss */ #home #anniversarySec .resultSec .result .tit { margin: 0 auto 2em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } /* line 869, home.scss */ #home #anniversarySec .resultSec .result .tit em { font-size: 40px; font-weight: 500; letter-spacing: .015em; padding: 0 2em; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } /* line 872, home.scss */ #home #anniversarySec .resultSec .result .num, #home #anniversarySec .resultSec .result .num2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: baseline; } /* line 875, home.scss */ #home #anniversarySec .resultSec .result .num strong div span, #home #anniversarySec .resultSec .result .num2 strong div span { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-weight: 300; text-align: left; } /* line 879, home.scss */ #home #anniversarySec .resultSec .result .odometer.odometer-auto-theme .odometer-ribbon-inner, #home #anniversarySec .resultSec .result .odometer.odometer-theme-default .odometer-ribbon-inner { transition-timing-function: cubic-bezier(0.1, 1, 0.3, 1) !important; transition-duration: 3s !important; } /* line 885, home.scss */ #home #anniversarySec .resultSec .result .num { font-size: 50px; line-height: 1.6; } /* line 886, home.scss */ #home #anniversarySec .resultSec .result .num strong { font-size: 180%; line-height: 1; color: #CAC091; } /* line 888, home.scss */ #home #anniversarySec .resultSec .result .num2 { font-size: 50px; line-height: 1.6; } /* line 889, home.scss */ #home #anniversarySec .resultSec .result .num2 strong { font-size: 110%; line-height: 1; } /* line 891, home.scss */ #home #anniversarySec .resultSec .result .cap { font-size: 16px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; letter-spacing: .075em; font-weight: 300; margin-top: .25em; } /* line 892, home.scss */ #home #anniversarySec .resultSec .result .read { font-size: 20px; text-align: center; margin-top: 2em; } /* line 894, home.scss */ #home #anniversarySec .resultSec .swiper { width: 100%; z-index: 5; } /* line 895, home.scss */ #home #anniversarySec .resultSec .swiper ul.swiper-wrapper { transition-timing-function: linear !important; } /* line 897, home.scss */ #home #anniversarySec .resultSec .swiper ul.swiper-wrapper li.swiper-slide .ph { width: 100%; height: 0; padding-top: 100%; position: relative; } /* line 898, home.scss */ #home #anniversarySec .resultSec .swiper ul.swiper-wrapper li.swiper-slide .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } /* line 900, home.scss */ #home #anniversarySec .resultSec .swiper ul.swiper-wrapper li.swiper-slide .cap { -webkit-text-stroke-width: .2px; margin-top: 1em; line-height: 1.5; } /* line 903, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev, #home #anniversarySec .resultSec .swiper .swiper-button-next { /*background: #000;*/ width: 80px; height: 100%; top: 0; margin-top: 0; opacity: .35; transition: .4s all; } /* line 905, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev::before, #home #anniversarySec .resultSec .swiper .swiper-button-next::before { content: ""; width: 20px; height: 20px; border: 2px solid; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; transform: translateY(-50%) rotate(45deg); } /* line 906, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev::after, #home #anniversarySec .resultSec .swiper .swiper-button-next::after { display: none; } /* line 907, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev:hover, #home #anniversarySec .resultSec .swiper .swiper-button-next:hover { opacity: 1; } /* line 909, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev { left: 0px; } /* line 910, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-next { right: 0px; } /* line 911, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev::before { border-color: transparent transparent #fff #fff; } /* line 912, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-next::before { border-color: #fff #fff transparent transparent; } /* line 914, home.scss */ #home #anniversarySec .resultSec .cmnBtnMore { margin: 5em auto 0; } @media only screen and (max-width: 750px) { /* line 926, home.scss */ #home #anniversarySec { padding-bottom: 100px; } /* line 929, home.scss */ #home #anniversarySec .intro { padding: 40px 0 50px; } /* line 930, home.scss */ #home #anniversarySec .intro .tit { margin: 0 auto 3em; } /* line 931, home.scss */ #home #anniversarySec .intro .tit em { font-size: 28px; padding: 0 1em; } /* line 933, home.scss */ #home #anniversarySec .intro .logo { width: 180px; margin: 0 auto 2em; } /* line 934, home.scss */ #home #anniversarySec .intro .catch { font-size: 22px; margin-bottom: .5em; } /* line 935, home.scss */ #home #anniversarySec .intro .read { font-size: 16px; text-align: justify; padding: 0 5%; } /* line 940, home.scss */ #home #anniversarySec .resultSec::before, #home #anniversarySec .resultSec::after { width: calc(100% - 0px); height: calc(100% - 225px); } /* line 943, home.scss */ #home #anniversarySec .resultSec .result { padding: 50px 0 50px; } /* line 944, home.scss */ #home #anniversarySec .resultSec .result .tit { margin: 0 auto 2em; } /* line 945, home.scss */ #home #anniversarySec .resultSec .result .tit em { font-size: 28px; padding: 0 1em; } /* line 958, home.scss */ #home #anniversarySec .resultSec .result .num { font-size: 32px; } /* line 959, home.scss */ #home #anniversarySec .resultSec .result .num strong { font-size: 180%; } /* line 961, home.scss */ #home #anniversarySec .resultSec .result .num2 { font-size: 32px; } /* line 962, home.scss */ #home #anniversarySec .resultSec .result .num2 strong { font-size: 110%; } /* line 964, home.scss */ #home #anniversarySec .resultSec .result .cap { font-size: 11.5px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; letter-spacing: .075em; font-weight: 300; margin-top: .25em; } /* line 965, home.scss */ #home #anniversarySec .resultSec .result .read { font-size: 16px; text-align: center; margin-top: 2em; } /* line 967, home.scss */ #home #anniversarySec .resultSec .swiper { width: 100%; z-index: 5; padding: 0 15px; } /* line 968, home.scss */ #home #anniversarySec .resultSec .swiper ul.swiper-wrapper { transition-timing-function: ease !important; } /* line 969, home.scss */ #home #anniversarySec .resultSec .swiper ul.swiper-wrapper li.swiper-slide { /*width: 48% !important; margin: 0 .5em;*/ } /* line 973, home.scss */ #home #anniversarySec .resultSec .swiper ul.swiper-wrapper li.swiper-slide .cap { -webkit-text-stroke-width: 0px; margin-top: .5em; line-height: 1.25; font-size: 15px; } /* line 976, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev, #home #anniversarySec .resultSec .swiper .swiper-button-next { width: 40px; height: 100%; top: 0; margin-top: 0; } /* line 978, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev::before, #home #anniversarySec .resultSec .swiper .swiper-button-next::before { width: 12px; height: 12px; } /* line 979, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev::after, #home #anniversarySec .resultSec .swiper .swiper-button-next::after { display: none; } /* line 980, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev:hover, #home #anniversarySec .resultSec .swiper .swiper-button-next:hover { opacity: 1; } /* line 982, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev { left: 0px; } /* line 983, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-next { right: 0px; } /* line 984, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-prev::before { border-color: transparent transparent #fff #fff; } /* line 985, home.scss */ #home #anniversarySec .resultSec .swiper .swiper-button-next::before { border-color: #fff #fff transparent transparent; } /* line 987, home.scss */ #home #anniversarySec .resultSec .cmnBtnMore { margin: 3em auto 0; } }