@charset "utf-8";

:root  { 
	--color: #195178;
	--sub-color: #d5eef8;
	--border: #dbdfe5;
}

/* ==========================================================
リセットCSS
============================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,span,em,strong,th,var { font-style: normal; font-weight: 400; }
ol,ul {  list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 400; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
strong,em { font-weight: medium; }
figure { margin: 0;padding: 0; }
input,button,textarea,select { color: #323743; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; border-radius: 0; font-size: 100%; }
@media (hover: none) and (pointer: coarse) { button:focus-visible { outline: none } }

/* ==========================================================
ぱんくず
============================================================= */
.jtb-nav-breadcrumb li::before { display: none; }
.jtb-nav-breadcrumb li a span { color: #3498db !important; }
@media screen and (min-width: 769px) {
    .jtb-nav-breadcrumb { margin: 0 auto; max-width: 1280px; text-align: left; padding: 0 !important; }
	.jtb-nav-breadcrumb li { position: relative; display: inline-block; margin-right: 10px; margin-left: 0 !important; font-size: 1.2rem; color: #999; line-height: 2.1; }
	.jtb-nav-breadcrumb li:first-child { margin-left: 0; }
	.jtb-nav-breadcrumb li:not(:last-child):after { display: inline-block; transform: rotate(-45deg); border: 1px solid #323743; border-color: #c0c5cb !important; border-top: none; border-left: none; vertical-align: middle; content: ""; }
	.jtb-nav-breadcrumb li:not(:last-child):after { width: 4px; height: 4px; margin-top: -3px; margin-left: 4px; }
	.jtb-nav-breadcrumb li:last-child:before { display: none; }
}
@media screen and (max-width:768px) {
	.jtb-nav-breadcrumb { margin: 25px 0; padding: 5px 10px; line-height: 1.2; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; background: #fff; }
    .jtb-nav-breadcrumb li { position: relative; display: inline-block; margin-right: 0 !important; color: #999; line-height: 2.1; }
	.jtb-nav-breadcrumb li:not(:first-child) { padding-left: 10px !important; }
    .jtb-nav-breadcrumb li:not(:last-child):after { display: inline-block; transform: rotate(-45deg); border: 1px solid #323743; border-color: #c0c5cb !important; border-top: none; border-left: none; vertical-align: middle; content: ""; }
	.jtb-nav-breadcrumb li:not(:last-child):after { width: 4px; height: 4px; margin-top: -3px; margin-left: 4px; }
    .jtb-nav-breadcrumb li a { font-weight: bold; }
	.change_pc { font-size: 1.6rem; margin-top: 25px; text-align: center; }
	.change_pc a { color: #125687; text-decoration: underline; }
}

/* ==========================================================
BASE
============================================================= */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth!important; font-size: 62.5%; }
body { font-size: 1.4rem; font-family: "Work Sans","Noto Sans JP", sans-serif; color: #323743; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: .05em; background: #fff; scroll-behavior: smooth!important; }
body * { box-sizing: border-box; }
input,button,textarea,select { font-family: "Work Sans","Noto Sans JP", sans-serif;}
img { width: 100%; height: auto; vertical-align: bottom; }
svg { vertical-align: bottom; }
.sr-only { display: none; }
.fb { font-weight: bold}
@media print, screen and (min-width: 769px) {
	body { font-size: 1.6rem; }
	.sp-only { display: none; }
}
@media print, screen and (max-width: 768px) {
	.pc-only { display: none; }
}

/* LINK COLOR
------------------------------------------------------*/
a,a:link { color: #323743; text-decoration: none; }
a:hover { color: #3498DB; }
a.link-txt { color: #3498DB; text-decoration: underline; transition: opacity .2s ease-out; }
@media print, screen and (min-width: 769px) { 
	a.link-txt:hover { opacity: .6; }
}

/* GOOGLE ICO
------------------------------------------------------*/
.m-ico { display: inline-flex; align-items: center; font-style: normal; vertical-align: middle; font-weight: 400; font-size: 2rem; }
.m-ico:before { font-family: 'Material Icons Round'; content: attr(data-icon); font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20; font-size: 100%; line-height: 1;}
.m-ico.-ml { margin-left: 4px; }
.m-ico.-mr { margin-right: 4px; }
.m-ico.-fsl:before { font-size: 2.6rem; }
.ico-wrap { display: inline-flex; align-items: center; }
@media print,screen and (min-width: 769px) {
	.m-ico { font-size: 2.4rem; }
	.m-ico:before { font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; }
}

/* PAGE TOP
------------------------------------------------------*/
.page-top { position: fixed; right: 20px; bottom: 20px; z-index: 100; opacity: 0; visibility: hidden; transition: opacity .3s,visibility .3s; }
.page-top a { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 2.4rem; border: 1px solid #fff; border-radius:4px; background:rgba(207,240,255,1); transition:opacity .3s; }
.page-top a:hover { opacity:.6; }
.page-top.is-active { visibility: visible; opacity:1; }

/* MV
------------------------------------------------------*/
h1 { text-align: center; color: #fff; font-weight: bold; margin: 0px auto; text-shadow: 0px 0px 8px rgba(0,0,0,0.5), 0px 0px 9px rgba(0,0,0,0.10); width: fit-content; border-radius: 5px; }
.mv { width: 100%; margin: 0px auto 0px; padding: 0px; display: flex; flex-direction: column; justify-content: center; }
@media print,screen and (min-width: 769px) {
	h1 { font-size: 40px; line-height: 50px; padding: 35px 50px; background-color: rgba(0, 0, 0, 0.5); }
	.mv { min-height: 400px; }
	.course01 { background: url(/kokunai/area/hokkaido/course01/images/mv01.webp) no-repeat center ; background-size: cover; }
	.course02 { background: url(/kokunai/area/hokkaido/course02/images/mv02.webp) no-repeat center ; background-size: cover; }
	.course03 { background: url(/kokunai/area/hokkaido/course03/images/mv03_win.webp) no-repeat center ; background-size: cover; }
	.course04 { background: url(/kokunai/area/hokkaido/course04/images/mv04.webp) no-repeat center ; background-size: cover; }
}
@media print,screen and (max-width: 768px) {
	h1 { font-size: 25px; line-height: 36px; padding: 15px 25px; background-color: rgba(0, 0, 0, 0.65); }
	.mv { min-height: 300px; }
	.course01 { background: url(/kokunai/area/hokkaido/course01/images/mv01_sp.webp) no-repeat center ; background-size: cover; }
	.course02 { background: url(/kokunai/area/hokkaido/course02/images/mv02_sp.webp) no-repeat center ; background-size: cover; }
	.course03 { background: url(/kokunai/area/hokkaido/course03/images/mv03_win_sp.webp) no-repeat center ; background-size: cover; }
	.course04 { background: url(/kokunai/area/hokkaido/course04/images/mv04_sp.webp) no-repeat center ; background-size: cover; }
}

/* NAVIGATION
------------------------------------------------------*/
.main-anchor { position: sticky; top: 0; display: flex; justify-content: center; z-index: 20; }
.main-anchor li { position: relative; }
.main-anchor li:not(:first-child)::before { content: ""; position: absolute; top: 50%; width: 1.6px; height: 60%; transform: translateY(-50%); background: #dbdfe5; }
.main-anchor li a { display: flex; justify-content: center; line-height: 1.3; border-radius: 12px; border: solid 3px #195178; }
.main-anchor li a span { color: #195178; font-weight: 600; }
.main-anchor.is-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 20; background-color: #fff; margin-top: 0; }
.main-anchor li a.is-active { background-color: #195178; } 
.main-anchor li a.is-active:before { position: absolute; left: 0; right: 0; top: 100%; content: ""; display: inline-block; margin: 0 auto; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top-style: solid; border-left-width: 12px; border-right-width: 12px; border-top-width: 8px; border-top-color: #195178; }
.main-anchor li a.is-active span { color: #fff; }
.main-anchor li a.is-inactive { background-color: #fff; }
.main-anchor li a.is-inactive span { color: #195178; }
.main-anchor.is-fixed.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
@media screen and (min-width: 769px) {
	.main-anchor { gap: 40px; margin-top: 32px; }
	.main-anchor li { width: 30%; }
	.main-anchor li:not(:first-child)::before { left: -20px; }
	.main-anchor li a { padding: 16px 24px; } 
}
@media screen and (max-width: 768px) {
	.main-anchor { gap: 24px; margin-top: 24px; }
	.main-anchor li { width: 40%; }
	.main-anchor li:not(:first-child)::before { left: -12px; }
	.main-anchor li a { padding: 8px; text-align: center; }
}

/* POINT
------------------------------------------------------*/
.block-point { background-color: #e2f3ff; }
.head-point { position: relative; padding-bottom: 16px; text-align: center; }
.head-point::after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); content: ""; display: inline-block; width: 80px; height: 5px; border-radius: 50vw; background: var(--color); }
.coursepoint__list { font-weight :500; border-radius :16px; border: solid 2px #dbdfe5; background: #fff; }
.coursepoint__list .mark { font-weight: 700; background: linear-gradient(transparent 60%,#ffed66 60%); }
@media print,screen and (min-width:769px){
	.block-point { padding: 32px 60px; scroll-margin-top: 100px; }
	.body-point { padding-top: 32px; }
	.coursepoint__list { padding: 24px; font-size:1.8rem; }
	.coursepoint__list::before { padding: 2px 8px; font-size: 1.5rem; }
}
@media screen and (max-width: 768px) {
	.block-point { padding: 32px 16px; }
	.body-point { padding-top: 24px; }
	.coursepoint__list { padding :16px; }
}

/* LINE / INLINE
-----------------------------------------------------------*/
.block { display: block; }
.in-block { display: inline-block; }
@media print,screen and (min-width: 769px) {
	.pc-line { display: block; }
}
@media screen and (max-width: 768px) {
	.sp-line { display: block;}
}

/* KOME / LIST
------------------------------------------------------*/
p.kome,.kome li { position: relative; padding-left: calc(1em + 4px); }
p.kome.-fs,.kome.-fs li { font-size: 1.2rem; }
p.kome.-mt,.kome.-mt li { margin-top: 8px; }
p.kome:before,.kome li:before { position: absolute; left: 0; top: 0; content: "\203B"; }
p.list-dot,.list-dot li { position: relative; padding-left: calc(1em + 4px); }
p.list-dot:before,.list-dot li:before { position: absolute; left: 0; top: 0; content: "\30FB"; }
@media print,screen and (min-width: 769px) {
	p.kome.-fs,.kome.-fs li { font-size: 1.4rem; }
}

/* CAPTION
------------------------------------------------------*/
.imgbox { position: relative; }
.caption { position: absolute; right: 0; bottom: 3px; padding: 0 5px; color: #fff; font-size: 1.2rem; text-align: right; line-height: 1.2; text-shadow: 0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%); }

/* ==========================================================
CONTENTS COMMON
============================================================= */
.contents { position: relative; padding-top: 60px; }
@media print,screen and (min-width: 769px) {
	.contents { padding-top: 100px; }
}

/*  LAYOUT
-----------------------------------------------------------*/
.block-lv2 { margin-top: 32px; }
.inner-lv2 { margin: 0 auto; padding: 0 15px; width: 100%; max-width: 1280px; }
.block-lv3:not(:first-child),.block-lv4:not(:first-child) { margin-top: 32px; }
.body-lv2 { margin-top: 60px; }
.body-lv3,.body-lv4 { margin-top: 16px; }
@media print,screen and (min-width: 769px) {
	.block-lv2 { scroll-margin-top: 120px; }
	.block-lv3:not(:first-child),.block-lv4:not(:first-child) { margin-top: 56px; }
	.win-02 { margin-top: 120px; } 
	.inner-lv2 { padding: 0; }
}
@media print,screen and (max-width: 768px) {
	.win-02 { margin-top: 80px; } 
}

/*  HEADING 
-----------------------------------------------------------*/
.head-lv2,.head-lv3,.head-lv4 { display: flex; flex-direction: column; align-items: center; text-align: center; top: 50px; }
.head-lv2-03 { top: 0; }/*秋冬しかない03のみに適用*/
.head-lv2__ttl,.head-lv3__ttl,.head-lv4__ttl,.head-lv5__ttl,.head-lv6__ttl { font-weight: 700; line-height: 1.5; }
.head-lv2__ttl span,.head-lv3__ttl span,.head-lv4__ttl span,.head-lv5__ttl span,.head-lv6__ttl span { font-weight: 700; }
.head-lv2__ttl { position: relative; }
.head-lv2__ttl-main { display: inline-flex; align-items: center; font-size: 2.2rem; }
.head-lv2__ttl-sub { display: block; font-size: 1.6rem; }
.head-lv2__ttl-ico { display: inline-flex; align-items: center; margin-right: 4px; color: var(--color); font-size: 2.5rem; }
.head-lv2__txt { order: -1; margin-bottom: 4px; font-size: 1.4rem; font-weight: 500; }
.head-lv3__ttl-main { font-size: 1.9rem; }
.head-lv3__ttl-sub { display: block; font-size: 1.6rem; }
.head-lv4__ttl { font-size: 1.8rem; }
@media print,screen and (min-width: 769px) {
	.head-lv2__ttl { min-width: 450px; width: inherit; }
	.head-lv2__ttl-main { font-size: 3.2rem; }
	.head-lv2__ttl::after { bottom: -2px; right: inherit; left: calc(100% + 8px); width: 30px; height: 10px; }
	.head-lv2__ttl-sub { font-size: 2rem; }
	.head-lv2__ttl-ico { margin-right: 8px; font-size: 4rem; }
	.head-lv2__txt { margin-bottom: 8px; font-size: 1.8rem; }
	.head-lv3__ttl-main { font-size: 2.6rem; }
	.head-lv3__ttl-sub { font-size: 1.8rem; }
	.head-lv3__txt { font-size: 1.6rem; }
	.head-lv4__ttl { font-size: 2.2rem; }
}

/* ==========================================================
CONTENTS
============================================================= */

/* COURSE
------------------------------------------------------*/
.course .head-lv2 { position: sticky; left: 0; z-index: 10; margin: 0 -15px; padding: 8px; background: rgba(255,255,255,.8); border-bottom: solid 3px var(--border); }
.course .head-lv2::after { display: none; }
.course .head-lv3,.course .head-lv4 { align-items: flex-start; text-align: left; }
.course .head-lv3__ttl-main { display: flex; align-items: center; }
.course .head-lv3__ttl-ico { flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; margin-right: 8px; width: 4.5rem; height: 4.5rem; color: var(--color); font-size: 2.5rem; transform: translateY(-.3rem); background: var(--sub-color); border-radius: 50vw; }
.course__cont { display: flex; flex-direction: column-reverse; gap: 16px; }
.course__cont-bd { flex: 1; display: flex; flex-direction: column; }
.course__cont-txt { line-height: 1.7; }
.spot-quote { position: relative; }
.spot-quote::before { content: "\201C"; position: absolute; top: -10px; left: 0; line-height: 1; font-family: Georgia, "Times New Roman", serif; color: #bcdff5; }
.spot-quote::after { content: "\201D"; position: absolute; bottom: -30px; right: 8px; line-height: 1; font-family: Georgia, "Times New Roman", serif; color: #bcdff5; }
.course__spot-infobts { display: flex; margin-top: 16px; justify-content: center; }
.course__spot-infobt a { color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 4px 0 4px 8px; border-radius: 8px; background: #3498DB; transition: opacity .2s ease-out; }
.course__cont-imgbox { position: relative; border-radius: 16px; overflow: hidden; }
.course__cont-imgbox .caption { padding: 0 14px; }
.cando { margin-top: auto; padding-top: 16px; }
.cando__inner { padding: 16px; border-radius: 16px; background-color: #fffff0; }
.cando__ttl { position: relative; padding-bottom: 8px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; color: #b39050; font-size: 1.8rem; font-weight: 700; }
.tooltip-trigger.cando__ttl-tooltip { padding: 0 4px; }
.tooltip-trigger.cando__ttl-tooltip .m-ico { font-size: 2rem; }
.cando__item:not(:first-child) { margin-top: 16px; padding-top: 16px; border-top: dashed 1px #ccc; }
.cando__item-txt { position: relative; padding-left: 2.5rem; }
.cando__item-txt-ico { position: absolute; left: 0; top: 0; color: #b39050; }
.cando__item-txt .paid { color: #d50003; }
.cando__item-kome { margin-left: 3rem; }
.cando__item-links { margin-top: 16px; text-align: right; }
.cando__item-link:not(:first-child) { margin-top: 8px; }
.cando__item-link a { position: relative; color: #3498db; display: inline-block; padding-right: calc(2.0rem + 2px); text-align: right; font-weight: 700; line-height: 1.3; transition: opacity .2s ease-out; }
.cando__item-link-sub { white-space: nowrap; padding: 0 4px; text-align: right; font-size: 1.2rem; font-weight: 600; letter-spacing: 0; font-feature-settings: normal; }
.cando__item-link .m-ico { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.coupon-modal-bt { font-weight: 700; }
.course__htl { display: flex; flex-direction: column; gap: 16px; }
.course__htl-txt { line-height: 1.7; }
.course__htl-rsv { margin: 0 auto; width: 100%; }
.course__htl-rsvbts { display: flex; }
.course__htl-rsvbt a { color: #fff; display: flex; justify-content: space-between; align-items: center; min-height: 40px; padding: 4px 0 4px 8px; border-radius: 8px; background: var(--color); transition: opacity .2s ease-out; }
.course-mov { position: relative; margin-left: 2.2rem; padding: 8px 16px; border-left: dashed 2px var(--border); }
.course-mov:not(:first-of-type) { margin-top: 16px; }
.course-mov::after { position: absolute; left: -1px; top: 100%; transform: translateX(-50%); content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--border); }
.course-mov__txt { font-weight: 500; }
.course-mov__txt .m-ico { margin-right: 8px; transform: translateY(-.3rem); font-size: 3rem; }
.course-comment { margin-top: 24px; padding: 16px; font-weight: 500; border-radius: 16px; background: #f5f5f5; }
@media print,screen and (min-width: 769px) {
	.course .head-lv2 { margin: 0; width: 100%; }
	.course .head-day { margin-top: 120px; }
	.course .head-lv3__ttl-ico { margin-right: 16px; width: 5.5rem; height: 5.5rem; font-size: 3rem; transform: translateY(-.5rem); }
	.course__cont { flex-direction: row-reverse;gap: 56px; }
	.course__cont-txt { line-height: 2; font-size: 1.6rem; }
	.spot-quote { padding: 24px 40px; }
	.spot-quote::before,.spot-quote::after { font-size: 60px; }
	.course__spot-infobts { gap: 16px; padding: 16px 60px; }
	.course__spot-infobt { width: calc((100% - 16px) / 2); }
	.course__spot-infobt a { min-height: 50px; }
	.course__spot-infobt a:hover { opacity: .6; }
	.course__cont-img { width: 40%; }
	.cando { padding-top: 24px; }
	.cando__inner { padding: 16px 32px; }
	.cando__ttl { font-size: 2.2rem; }
	.tooltip-trigger.cando__ttl-tooltip .m-ico { font-size: 2.4rem; }
	.cando__item-txt { padding-left: 3rem; }
	.cando__item-links { margin-top: 24px; }
	.cando__item-link:not(:first-child) { margin-top: 0; }
	.cando__item-link a { padding-right: calc(2.4rem + 2px); }
	.cando__item-link a:hover { opacity: .6; }
	.course__htl { flex-direction: row; gap: 56px; }
	.course__htl-bd { flex: 1; margin-left: calc(5.5rem + 16px); }
	.course__htl-txt { line-height: 2; font-size: 1.8rem; }
	.course__htl-rsvbts { gap: 16px; padding: 16px 60px; }
	.course__htl-rsvbt { width: calc((100% - 32px) / 3); }
	.course__htl-rsvbt a { min-height: 50px; }
	.course__htl-rsvbt a:hover { opacity: .6; }
	.course-mov { margin-left: 2.7rem; padding: 40px 24px; }
	.course-mov:not(:first-of-type) { margin-top: 32px; }
	.course-mov__txt { font-size: 2rem; }
	.course-mov__txt .m-ico { transform: translateY(-.5rem); }
	.course-mov.noimage0 { margin-top: -13em !important; padding: 220px 24px 40px; }/*03の画像のない行程にのみに適用*/
	.course-mov.noimage1 { margin-top: -15em !important; padding: 220px 24px 40px; }/*04の画像のない行程にのみに適用*/
	.course-mov.noimage2 { margin-top: -18em !important; padding: 220px 24px 40px; }/*04の画像のない行程にのみに適用*/
	.course-mov.noimage3 { margin-top: -21em !important; padding: 220px 24px 40px; }/*04の画像のない行程にのみに適用*/
	.course-comment { margin-top: 40px; padding: 32px 60px; text-align: center; font-size: 1.8rem; border-radius: 24px; background: #f5f5f5; }
}
@media print,screen and (max-width: 768px) {
	.course .head-day { margin-top: 60px; }
	.spot-quote { padding: 16px 20px; }
	.spot-quote::before,.spot-quote::after { font-size: 50px; }
	.course__spot-infobts { flex-direction: column; gap: 8px; width: 100%; max-width: 350px; margin: 16px auto; }
	.course__spot-infobt a { min-height: 40px; }
	.course__htl-rsvbts { flex-direction: column; gap: 8px; width: 100%; max-width: 350px; margin: 0 auto; }
}

/* TOOLTIP
------------------------------------------------------*/
.tooltip-trigger { cursor: pointer; transform: translateY(-1px); padding: 0 2px; }
.tooltip-trigger .m-ico { font-size: 1.4rem; }
.tooltip-bubble { position: absolute; z-index: 1; max-width: min(280px,calc(100vw - 24px)); padding: 8px 12px; background: #333; color: #fff; font-size: 14px; line-height: 1.4; border-radius: 6px; opacity: 0; transform: translateY(10px); pointer-events: auto; transition: opacity 0.2s ease,transform 0.2s ease; }
.tooltip-bubble.is-show { opacity: 1; transform: translateY(0); }
.tooltip-arrow { position: absolute; top: calc(100% - 1px); }
.tooltip-arrow::before { content: ""; position: absolute; left: 0; top: 0; margin-left: -4px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333; }
@media print,screen and (min-width: 769px) {
	.tooltip-trigger .m-ico { font-size: 1.6rem; }
}

/* Footer
------------------------------------------------------*/
@media print,screen and (max-width: 768px) {
	.js-accordion-title-sp::after { position: absolute; right: 15px; top: 50%; margin-top: -.5em; display: block; font-size: 2rem; color: #000; transition: .2s; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); font-family: 'Material Icons Round'; content: "\e5cf"; text-decoration: none; line-height: 1; }
	.js-accordion-title-sp.js-open:after { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
	#JTBGF-ly_footer.JTBGF-ly_footer { margin-top: 0 !important; }
}