@charset "UTF-8";
@keyframes splide-loading { 0% { transform: rotate(0); }
  to { transform: rotate(1turn); } }
.splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.splide__track--fade > .splide__list > .splide__slide { margin: 0 !important; opacity: 0; z-index: 0; }

.splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; z-index: 1; }

.splide--rtl { direction: rtl; }

.splide__track--ttb > .splide__list { display: block; }

.splide__container { box-sizing: border-box; position: relative; }

.splide__list { backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important; }

.splide.is-initialized:not(.is-active) .splide__list { display: block; }

.splide__pagination { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0; pointer-events: none; }

.splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto; }

.splide:not(.is-overflow) .splide__pagination { display: none; }

.splide__progress__bar { width: 0; }

.splide { position: relative; visibility: hidden; }

.splide.is-initialized, .splide.is-rendered { visibility: visible; }

.splide__slide { backface-visibility: hidden; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative; }

.splide__slide img { vertical-align: bottom; }

.splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; }

.splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; }

.splide__toggle.is-active .splide__toggle__pause { display: inline; }

.splide__track { overflow: hidden; position: relative; z-index: 0; }

html { scroll-behavior: smooth; }

body { background-image: url(../img/bg/bg_all.jpg); background-position: center center; background-size: 100% auto; background-repeat: repeat; color: #595757; font-size: 16px; line-height: 2; letter-spacing: .1em; margin: 0; }

div, h1, h2, h3, h4, h5, p, li, dl, dt, dd, th, td, article, header, footer, nav, span, a { box-sizing: border-box; }

li { list-style: none; }

a { color: inherit; cursor: pointer; text-decoration: none; }

img { height: auto; width: auto; max-width: 100%; line-height: 100%; vertical-align: bottom; }

em { font-style: normal; }

h1, h2, h3, h4, h5 { line-height: 1.4; letter-spacing: .1em; margin: 0; word-wrap: break-word; font-feature-settings: "palt"; }

p, li, td, th, dt, dd { line-height: 1.75; letter-spacing: .1em; margin: 0; word-wrap: break-word; font-feature-settings: "palt"; }

table { width: 100%; border-collapse: collapse; }

th, td { text-align: left; font-weight: normal; vertical-align: top; word-break: break-all; }

ul, ol, dl { padding: 0; margin: 0; }

/* display switching */
@media screen and (min-width: 769px) { .pc-none { display: none !important; } }
@media screen and (max-width: 768px) { .sp-none { display: none !important; } }
@media screen and (min-width: 1025px) { .min1025-none { display: none !important; } }
@media screen and (max-width: 1024px) { .max1024-none { display: none !important; } }
@media screen and (min-width: 1281px) { .min1281-none { display: none !important; } }
@media screen and (max-width: 1280px) { .max1280-none { display: none !important; } }
/* font */
body { font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, sans-serif; }

.f-centuryGothic { font-family: "century-gothic", "Futura", "Josefin Sans", sans-serif; }

/* hover */
@media screen and (min-width: 769px) { a { transition: .5s ease; }
  a:hover { opacity: .5; } }

/* splide */
.splide { cursor: grab; }
.splide:active { cursor: grabbing; }
.splide.is-grab-sp { cursor: initial; }
.splide.is-grab-sp:active { cursor: initial; }
@media screen and (max-width: 768px) { .splide.is-grab-sp { cursor: grab; }
  .splide.is-grab-sp:active { cursor: grabbing; } }

/* cmn-cv */
.cmn-cv { position: fixed; inset: auto 0 0 auto; display: block; width: 270px; z-index: 999; transition: .4s ease; opacity: 0; visibility: hidden; }
.cmn-cv.is-on { opacity: 1; visibility: visible; }
@media screen and (min-width: 769px) { .cmn-cv { transition: .5s ease; }
  .cmn-cv:hover { opacity: .5; } }
@media screen and (max-width: 768px) { .cmn-cv { inset: auto 0 30px auto; width: 140px; opacity: 1; visibility: visible; }
  .cmn-cv.is-on { opacity: 0; visibility: hidden; } }

/* cmn-inner */
.cmn-inner { margin: 0 auto; max-width: 1000px; width: 90%; }
@media screen and (max-width: 1280px) { .cmn-inner { max-width: 980px; } }
@media screen and (max-width: 1024px) { .cmn-inner { max-width: 750px; } }
@media screen and (max-width: 1024px) { .cmn-inner { max-width: 750px; } }
@media screen and (max-width: 768px) { .cmn-inner { max-width: 450px; } }

/* cmn-ttl */
.cmn-ttl { display: block; text-align: center; }
.cmn-ttl.is-pnk p { color: #df8293; font-weight: 700; }
.cmn-ttl p { color: #85c6ce; font-weight: normal; font-size: 40px; letter-spacing: .24em; font-weight: 700; }
@media screen and (max-width: 768px) { .cmn-ttl p { font-size: 24px; letter-spacing: .2em; line-height: 1.5; } }

/* footer */
.footer { background: #595757; color: #fff; padding: 50px; position: relative; }
.footer .toTop { position: absolute; inset: -100px 0 auto auto; width: 60px; }
.footer .copyright { font-weight: normal; font-size: 10px; letter-spacing: .08em; text-align: left; white-space: nowrap; }
.footer-inner { display: flex; justify-content: space-between; margin: 0 auto; max-width: 1200px; width: 100%; }
.footer-logoBox { display: flex; flex-direction: column; justify-content: space-between; max-width: 320px; width: 100%; }
.footer-logoBox .logo { display: block; margin-bottom: 45px; width: 100%; }
.footer-linkBox { display: flex; flex-direction: column; margin-left: 30px; max-width: 500px; width: 100%; }
.footer-linkBox .contact { background-image: url(../img/ico/ico_arrow03.svg); background-repeat: no-repeat; background-position: center right 5px; background-size: 20px auto; display: block; font-weight: normal; font-size: 25px; line-height: 1.4; letter-spacing: .3em; margin-bottom: 30px; padding: 0 0 2px 42px; position: relative; width: 100%; }
.footer-linkBox .contact .ico { display: block; position: absolute; inset: 0 auto 0 0; margin: auto; width: 28px; }
.footer-linkBox .contact::before { background: #fff; content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; }
.footer-linkBox .contact::after { background: #fff; content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; }
@media screen and (min-width: 769px) { .footer-linkBox .contact { transition: .3s ease; }
  .footer-linkBox .contact::before { transition: .3s ease; }
  .footer-linkBox .contact::after { transition: .3s .3s ease; }
  .footer-linkBox .contact:hover { background-position: center right 0; opacity: 1; }
  .footer-linkBox .contact:hover::before { width: 0; }
  .footer-linkBox .contact:hover::after { width: 100%; } }
.footer-linkBox .shareList { display: flex; justify-content: space-between; margin-bottom: 20px; width: 100%; }
.footer-linkBox .shareList h3 { display: block; font-weight: 700; font-size: 16px; line-height: 1.4; letter-spacing: .15em; margin-right: 25px; width: 180px; }
.footer-linkBox .shareList-list { width: calc(100% - 60px - 30px); }
.footer-linkBox .shareList-list a { background-image: url(../img/ico/ico_arrow03.svg); background-repeat: no-repeat; background-position: center right 5px; background-size: 20px auto; display: block; line-height: 1.4; padding-bottom: 7px; position: relative; }
.footer-linkBox .shareList-list a::before { background: #fff; content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; }
.footer-linkBox .shareList-list a::after { background: #fff; content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; }
.footer-linkBox .shareList-list a + a { margin-top: 10px; }
@media screen and (min-width: 769px) { .footer-linkBox .shareList-list a { transition: .3s ease; }
  .footer-linkBox .shareList-list a::before { transition: .3s ease; }
  .footer-linkBox .shareList-list a::after { transition: .3s .3s ease; }
  .footer-linkBox .shareList-list a:hover { background-position: center right 0; opacity: 1; }
  .footer-linkBox .shareList-list a:hover::before { width: 0; }
  .footer-linkBox .shareList-list a:hover::after { width: 100%; } }
.footer-linkBox .linkList { display: flex; justify-content: flex-end; align-items: center; }
.footer-linkBox .linkList a { display: inline-block; font-weight: 500; font-size: 12px; padding-right: 20px; position: relative; }
.footer-linkBox .linkList a::before { background: url(../img/ico/ico_new_w.svg) no-repeat; background-size: 100% auto; content: ""; position: absolute; inset: 4px 0 auto auto; width: 14px; height: 14px; }
.footer-linkBox .linkList a + a { margin-left: 20px; }
@media screen and (max-width: 768px) { .footer { padding: 40px 20px 10px; }
  .footer .toTop { position: absolute; inset: -60px 0 auto auto; width: 48px; }
  .footer .copyright { text-align: center; }
  .footer-inner { display: block; }
  .footer-logoBox { margin: 0 auto; max-width: 180px; width: 100%; }
  .footer-logoBox .logo { display: block; margin-bottom: 30px; }
  .footer-linkBox { margin-bottom: 40px; margin-left: 0; align-items: center; max-width: 100%; }
  .footer-linkBox .contact { background-position: center right 0; font-size: 22px; margin: 0 auto 40px; max-width: 450px; padding: 0 0 2px 38px; }
  .footer-linkBox .contact .ico { width: 26px; }
  .footer-linkBox .contact::before { background: #fff; content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; }
  .footer-linkBox .contact::after { background: #fff; content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; }
  .footer-linkBox .shareList { display: block; margin: 0 auto 30px; max-width: 450px; width: 100%; }
  .footer-linkBox .shareList h3 { font-size: 18px; line-height: 1.4; letter-spacing: .15em; margin-right: 0; margin-bottom: 12px; width: 100%; }
  .footer-linkBox .shareList-list { width: 100%; }
  .footer-linkBox .shareList-list a + a { margin-top: 20px; } }

.wrapper { max-width: 1200px; border: 8px solid #de8293; border-radius: 700px 700px 32px 32px; background: #fff; box-shadow: 0px 0px 15px 0px rgba(220, 110, 145, 0.6); margin: 50px auto 0; }
@media screen and (max-width: 768px) { .wrapper { width: 90%; border: 8px solid #de8293; border-radius: 376px 376px 56px 56px; } }
@media screen and (max-width: 1280px) { .wrapper { width: 90%; border: 8px solid #de8293; } }

.header { background: url(../img/bg/bg_shibuya.png) no-repeat bottom center/100%; border-radius: 600px 600px 30px 30px; padding: 50px 0 0; position: relative; height: 100%; /*overflow: hidden;*/ }
.header-bg { display: block; position: absolute; transition: .8s ease; opacity: 0; transform: scale(1.2); }
.header-bg.is-on { opacity: 1; transform: scale(1); }
.header-bg.bg01 { inset: 0 auto auto 0; width: 58%; }
.header-bg.bg02 { inset: 0 0 auto auto; width: 40%; }
.header-item { display: inline-block; position: absolute; inset: 0 auto auto 0; z-index: 2; width: 100%; transition: .8s ease; opacity: 0; transform: scale(1.2); }
.header-item.is-on { opacity: 1; transform: scale(1); }
.header-main { margin: 40px auto 40px; position: relative; max-width: 1200px; z-index: 3; transition: .8s ease; opacity: 0; transform: scale(0.9); }
.header-main.is-on { opacity: 1; transform: scale(1); }
.header-main .ico { display: block; position: absolute; inset: -30px -25% auto auto; max-width: 200px; width: 30%; z-index: -1; }
.header-linkBox { background: #de8293; border-radius: 25vw; box-shadow: 0px 0px 15px 0px rgba(220, 221, 221, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; padding: 5px 55px; position: relative; max-width: 1000px; width: 100%; height: 60px; z-index: 3; }
.header-linkBox.is-navOn { position: fixed; inset: 20px 0 auto 0; margin: auto; z-index: 999; }
.header-linkBox .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }
.header-linkBox__link { color: #fff; font-weight: normal; font-size: 16px; letter-spacing: .15em; white-space: nowrap; }
.header-linkBox__link + .header-linkBox__link { margin-left: 4vw; }
@media screen and (max-width: 1280px) { .header-linkBox { width: 90%; } }
@media screen and (max-width: 1024px) { .header-linkBox { width: 90%; padding: 5px 45px; max-width: 780px; }
  .header-linkBox__link { font-size: 14px; } }
@media screen and (max-width: 768px) { .header { padding: 40px 0; height: 100%; background-position: center 50px; }
  .header-bg.bg01 { inset: 0 auto auto 0; width: 58%; }
  .header-bg.bg02 { inset: 0 0 auto auto; width: 40%; }
  .header-item { display: inline-block; position: absolute; inset: 0 auto auto 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
  .header-main { margin: 0 auto 2svh; position: relative; max-width: 100%; min-width: auto; z-index: 3; }
  .header-main .ico { display: block; position: absolute; inset: -35px auto auto -15px; max-width: 100px; width: 25%; z-index: -1; }
  .header-linkBox { background: rgba(222, 130, 147, 0.8); backdrop-filter: blur(10px); border-radius: 0; margin: 0 auto; padding: 20px; position: fixed; inset: auto auto 0 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .3s ease; z-index: 9999; }
  .header-linkBox.is-sp-navOn { inset: 0 0 auto 0; opacity: 1; visibility: visible; }
  .header-linkBox .inner { display: block; overflow-y: auto; }
  .header-linkBox__link { display: block; font-size: 18px; line-height: 1.2; letter-spacing: .1em; text-align: center; white-space: normal; width: 100%; }
  .header-linkBox__link + .header-linkBox__link { margin-top: 30px; margin-left: 0; }
  .header-linkBox__cv { background: #df8293; border-radius: 25vw; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; margin: 50px auto 0; max-width: 250px; width: 100%; height: 54px; }
  .header-linkBt { background: #df8293; border: solid #fff 1px; border-radius: 25vw; position: fixed; inset: 7px 7px auto auto; z-index: 9999; width: 62px; height: 62px; }
  .header-linkBt.is-sp-navOn img.is-menu { opacity: 0; }
  .header-linkBt.is-sp-navOn img.is-close { opacity: 1; }
  .header-linkBt img { display: block; position: absolute; inset: 0; margin: auto; width: 92%; transition: .3s ease; }
  .header-linkBt img.is-menu { opacity: 1; }
  .header-linkBt img.is-close { opacity: 0; } }

.annotation { font-size: 12px; line-height: 1.5; display: block; }

#about { padding-top: 80px; margin-top: -80px; }

.about { margin: 80px 0 0; position: relative; }
.about .cmn-inner { margin: 0 auto; position: relative; z-index: 3; }
.about-box { background: url(../img/bg/bg_line.png) repeat; background-size: 25px; border: solid 4px #85c6ce; border-radius: 30px; margin: 0 auto; padding: 40px 20px 40px; position: relative; max-width: 1000px; width: 100%; }
.about-box-ico { display: block; position: absolute; width: 100px; height: 100px; }
.about-box-ico::before { background: #fff; content: ""; position: absolute; }
.about-box-ico::after { background: #fff; content: ""; position: absolute; }
.about-box-ico.ico01 { inset: -20px auto auto -20px; }
.about-box-ico.ico01::before { inset: 0 auto auto 0; width: 100%; height: 6px; }
.about-box-ico.ico01::after { inset: 0 auto auto 0; width: 6px; height: 100%; }
.about-box-ico.ico02 { inset: auto -20px -20px auto; }
.about-box-ico.ico02::before { inset: auto 0 0 auto; width: 100%; height: 6px; }
.about-box-ico.ico02::after { inset: auto 0 0 auto; width: 6px; height: 100%; }
.about-box__ttl { color: #df8293; font-weight: bold; font-size: 24px; letter-spacing: .12em; text-align: center; margin: 30px 0; }
.about-box__day { font-weight: bold; font-size: 24px; text-align: center; margin: 20px 0; }
.about-box__day span { color: #85c6ce; }
.about-box__txt { font-weight: 500; font-size: 18px; letter-spacing: .2em; text-align: center; }
.about-box__txt02 { color: #df8293; font-weight: bold; font-size: 24px; text-align: center; margin: 20px 0 0; }
.about-box__txt03 { color: #595757; font-weight: 500; font-size: 14px; text-align: center; line-height: 1.5; margin-top: 10px; margin-left: 1em; text-indent: -1em; font-weight: 500; }
@media screen and (max-width: 768px) { .about { padding: 0; margin: -20px auto 0; }
  .about-box { 　background-size: 20px; padding: 40px 16px 40px; border-radius: 16px; position: relative; z-index: 1; }
  .about-box__ttl { font-size: 16px; letter-spacing: .07em; margin: 20px 0; }
  .about-box__day { font-size: 16px; letter-spacing: .05em; }
  .about-box__txt { font-size: 14px; letter-spacing: .13em; text-align: left; }
  .about-box__txt02 { font-size: 20px; }
  .about-box__txt03 { text-align: left; font-size: 12px; } }

@keyframes show { from { opacity: 0; }
  to { opacity: 1; } }
#magazine { padding-top: 80px; margin-top: -80px; }

.magazine { margin: 80px 0 0; }
.magazine-box { display: flex; justify-content: space-between; align-items: flex-start; margin: 40px 0 0 0; }
.magazine-img img { object-fit: cover; width: 260px; border-radius: 12px; }
.magazine-img02 { object-fit: cover; width: 300px; }
.magazine-textbox { margin: 0 0 0 40px; width: 670px; }
.magazine-ttl { font-size: 24px; font-weight: 700; margin: 0 0 20px 0; }
.magazine-maintext { font-size: 16px; }
.magazine-maintext p:first-child { font-size: 18px; line-height: 1.5; margin-bottom: 10px; }
.magazine-subtext { margin: 40px 0 0 0; font-size: 14px; }
.magazine-subtext h4 { display: flex; align-items: center; font-size: 20px; margin: 0 0 10px 0; }
.magazine-subtext h4::after { content: ''; display: block; flex: 1; width: 100%; margin-left: 20px; border: 1px solid #595757; }
.magazine-subtext p { font-weight: 500; margin-bottom: 15px; }
.magazine-subtext p:first-child { font-size: 24px; font-weight: 700; }
.magazine-subtext-bold { font-weight: 700; }
.magazine-guest { background: #de8293; border-radius: 30px; margin-top: 60px; padding: 40px; display: flex; justify-content: space-between; align-items: flex-start; color: #fff; }
.magazine-guest .annotation { text-align: left; margin-bottom: 20px; font-size: 14px; }
.magazine-guest h2 { font-size: 40px; margin: 5px 0 20px 0; }
.magazine-guest h3 { font-size: 20px; font-weight: 700; margin: 10px 0 20px 0; line-height: 1.5; }
.magazine-guest h3 span { font-size: 40px; }
.magazine-guest h4 { font-size: 20px; padding-bottom: 5px; border-bottom: 1px solid #fff; margin: 20px 0 10px; }
.magazine-guest .btn { width: 100%; height: 60px; margin-top: 40px; border-radius: 30px; background-color: #fff; color: #df8293; font-size: 24px; font-weight: 700; line-height: 60px; text-align: center; display: block; }
.magazine_p02 { font-size: 18px; line-height: 1.75; }
.magazine #guest { padding-top: 80px; margin-top: -80px; }
@media screen and (max-width: 768px) { .magazine { padding: 0; }
  .magazine-box { display: block; }
  .magazine-img img { width: 100%; border-radius: 12px; }
  .magazine-img02 { width: 100%; }
  .magazine-maintext { font-size: 14px; }
  .magazine-maintext p:first-child { font-size: 14px; }
  .magazine-textbox { margin: 20px 0; max-width: 450px; width: 100%; }
  .magazine-subtext p:first-child { font-size: 16px; font-weight: 700; }
  .magazine-guest { display: block; padding: 20px; margin: 40px 0 0; border-radius: 16px; }
  .magazine-guest .annotation { font-size: 12px; }
  .magazine-guest h2 { font-size: 24px; text-align: center; }
  .magazine-guest h3 { font-size: 16px; margin: -10px 0 20px 0; line-height: 1.5; text-align: left; }
  .magazine-guest h3 span { font-size: 28px; line-height: 1.5; }
  .magazine-guest p { margin-bottom: 0; font-size: 14px; }
  .magazine-guest p.magazine_p { text-align: center; } }

.magazine .is-pnk { color: #df8293; }

.magazine .indent { margin-top: 10px; margin-left: 1em; text-indent: -1em; font-weight: 500; display: block; }

#contents { padding-top: 80px; margin-top: -80px; }

.contents { margin: 80px 10px 10px; padding: 40px 0 20px; background: #fcf1f3; border-radius: 0 0 15px 15px; }
.contents-inner { margin: 40px 0 60px; background: #fff; border-radius: 16px; padding: 40px; }
.contents-inner h3 { color: #df8293; font-size: 32px; font-weight: 700; text-align: center; margin: -60px 0 20px; position: relative; }
.contents-inner p { font-size: 18px; font-weight: 700; text-align: center; }
.contents-inner ul { margin: 20px 0 0 0; font-size: 12px; }
.contents-inner li { margin-left: 1em; margin-bottom: 0.5em; text-indent: -1em; }
.contents-inner-img { margin-left: 40px; width: 35%; }
.contents-mimipost { display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: space-between; }
.contents-present { background: #fff; border: 4px solid #df8293; border-radius: 28px; padding: 40px; }
.contents-present h3 { color: #df8293; font-size: 40px; font-weight: 700; text-align: center; margin: 0 0 40px; }
.contents-present-img { margin: -20px 40px 0 0; }
.contents-present-text { display: flex; align-items: flex-start; justify-content: space-between; }
.contents-present-text-main { margin-left: 40px; }
.contents-present-text ul { font-size: 12px; }
.contents-present-text li { margin-left: 1em; text-indent: -1em; }
.contents-present-text p { margin: 0 0 20px; }
.contents p.text-l { text-align: left; }
.contents p.annotation { font-size: 12px; font-weight: 500; margin-top: 20px; margin-left: 1em; text-indent: -1em; }
.contents p.annotation02 { color: #e21839; font-size: 12px; font-weight: 500; margin-top: 5px; margin-left: 1em; text-indent: -1em; }
.contents h4 { color: #df8293; font-size: 24px; font-weight: 700; margin: 20px 0; }
.contents .contents-ttl::before { content: " "; position: absolute; background: url(../img/img/img_flag_l.png) center center/100% no-repeat; width: 100px; height: 43px; top: 10px; left: -60px; }
.contents .contents-ttl::after { content: " "; position: absolute; background: url(../img/img/img_flag_r.png) center center/100% no-repeat; width: 100px; height: 43px; top: 10px; right: -60px; }
.contents .focus { color: #df8293; font-weight: 700; }
@media screen and (max-width: 1024px) { .contents-mimipost { align-items: flex-end; }
  .contents-mimipost h3 { font-size: 28px; }
  .contents-mimipost-img { margin: 40px 0 40px 20px; width: 50%; } }
@media screen and (max-width: 768px) { .contents { padding: 30px 0 40px; }
  .contents-inner { margin: 40px 0 60px; padding: 20px; }
  .contents-inner h3 { font-size: 20px; margin: 0 0 20px; text-align: center; }
  .contents-inner p { font-size: 14px; text-align: left; }
  .contents-inner-img { margin: 0 auto; width: 60%; }
  .contents-mimipost { display: block; }
  .contents-mimipost h3 { font-size: 20px; letter-spacing: -0.5px; margin: 20px 0; text-align: center; }
  .contents-mimipost h4 { font-size: 16px; text-align: center; }
  .contents-present { margin: 0; padding: 20px; border-radius: 16px; }
  .contents-present h3 { font-size: 24px; }
  .contents-present-text { display: block; }
  .contents-present-img { text-align: center; margin: 0 auto 20px; width: 90%; }
  .contents-present p { font-size: 14px; }
  .contents .contents-ttl::before { width: 60px; height: 26px; top: -25px; left: -30px; }
  .contents .contents-ttl::after { width: 60px; height: 26px; top: -25px; right: -30px; }
  .contents .contents-inner:last-child { margin: 40px 0 0; } }

#access { padding-top: 80px; margin-top: -80px; }

.access { max-width: 1200px; border: 8px solid #de8293; border-radius: 30px; background: #fff; box-shadow: 0px 0px 15px 0px rgba(220, 110, 145, 0.6); padding: 40px 0 60px; margin: 80px auto 120px; box-sizing: border-box; }
.access-box { margin-top: 30px; position: relative; z-index: 3; }
.access-box-map { margin-bottom: 30px; width: 100%; height: 500px; }
.access-box-map iframe { width: 100%; height: 100%; }
.access-box-ttl { border-bottom: solid #df8293 1px; display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 15px; }
.access-box-ttl .ttl { font-weight: bold; font-size: 24px; line-height: 1.4; margin-right: 40px; }
.access-box-ttl .link { display: inline-block; color: #df8293; font-weight: bold; font-size: 14px; line-height: 1.4; padding: 0 20px 0 12px; position: relative; }
.access-box-ttl .link::before { background: url(../img/ico/ico_arrow01.svg) no-repeat; background-size: 100% auto; content: ""; position: absolute; inset: 4px auto auto 0; width: 6px; height: 12px; }
.access-box-ttl .link::after { background: url(../img/ico/ico_new01.svg) no-repeat; background-size: 100% auto; content: ""; position: absolute; inset: 4px 0 auto auto; width: 14px; height: 14px; }
.access-dlBox .dl { display: flex; }
.access-dlBox .dl + .dl { margin-top: 30px; }
.access-dlBox .dl .dt { width: 90px; }
.access-dlBox .dl .dt .ttl { color: #df8293; font-weight: bold; font-size: 16px; line-height: 1.5; }
.access-dlBox .dl .dd { width: calc(100% - 90px); }
.access-dlBox .dl .dd p + p { margin-top: 2px; }
.access-dlBox .dl .dd .txt { font-weight: 500; font-size: 16px; line-height: 1.5; }
.access-dlBox .dl .dd .remarks { color: #df8293; font-weight: 500; font-size: 14px; line-height: 1.5; padding-left: 17px; position: relative; }
.access-dlBox .dl .dd .remarks::before { content: "※"; position: absolute; inset: .5px auto auto 0; }
@media screen and (max-width: 1280px) { .access { width: 90%; } }
@media screen and (max-width: 1024px) { .access { padding: 40px 20px 100px; } }
@media screen and (max-width: 768px) { .access { padding: 30px 0 40px; }
  .access-triangleLeft { inset: -50px auto auto 0; height: 100px; }
  .access-triangRight { inset: -50px 0 auto auto; height: 100px; }
  .access-bg { width: 60%; }
  .access-box { margin-top: 20px; /*padding: 20px 15px 25px;*/ }
  .access-box-map { margin-bottom: 20px; height: 250px; }
  .access-box-ttl { display: block; }
  .access-box-ttl .ttl { font-size: 20px; margin-right: 0; }
  .access-dlBox .dl + .dl { margin-top: 20px; }
  .access-dlBox .dl .dt { width: 70px; }
  .access-dlBox .dl .dt .ttl { font-size: 13px; }
  .access-dlBox .dl .dd { width: calc(100% - 70px); }
  .access-dlBox .dl .dd .txt { font-size: 13px; line-height: 1.4; }
  .access-dlBox .dl .dd .remarks { font-size: 13px; line-height: 1.4; padding-left: 15px; } }