.contentsInr {width: 100%;padding: 0;}
.yuMincho{font-family: "Yu Mincho", "YuMincho";}
@media all and (min-width:740px){.pc_disNon{display:none !important}}
.fs23{font-size:2.3rem !important;}

@media all and (min-width: 740px) {.contentsUnit:not([class*="main"]) {width: 950px;margin: 0 auto;}}
@media all and (max-width: 739px) {.contentsUnit {padding: 0 10px;}}

.contentsUnit[class*="main"] {background-position: center;background-repeat: no-repeat;background-color: transparent;background-size: cover;padding: 0;}
@media all and (min-width: 1336px) {.contentsUnit[class*="main"] {height: 800px;}}
@media all and (min-width: 1921px) {.contentsUnit[class*="main"] {background-size: contain;}}

.contentsUnit .mainContents {margin: 0 auto;position: relative;}
@media all and (max-width: 739px) {.contentsUnit .mainContents {height: 110vw;}}
@media all and (min-width: 740px) {.contentsUnit .mainContents {width: 60vw;height: 43.788vw;}}
@media all and (min-width: 1336px) {.contentsUnit .mainContents {width: 950px;height: 800px;}}


/* heroimg */
.contentsUnit .mainContents .headMain {text-align: center;margin: 0 auto;padding-top: 0px;}
@media all and (min-width: 740px) {.contentsUnit .mainContents .headMain {padding-top: 120px;}}

.contentsUnit .mainContents .headMain img.sp_Visible {display: none;}
@media all and (max-width: 739px) {.contentsUnit .mainContents .headMain img.pc_Visible {display: none;}

.contentsUnit .mainContents .headMain img.sp_Visible {display: block;width: 100%;}}
@media all and (min-width: 740px) {.contentsUnit .mainContents .headMain img.pc_Visible {display: inline-block;width: 599px;height: 310px;}}

/* maincontent */
.contentsUnit .mainContents .mainTxt {position: absolute;box-sizing: border-box;}
@media all and (max-width: 739px) {.contentsUnit .mainContents .mainTxt {width: calc(100% - 20px);padding: 20px;}}

.contentsUnit .mainContents .mainTxt .ttl {font-family: 'Noto Serif JP', serif;font-weight: 400;color: #ffffff;line-height: 1.37;text-shadow: 1px 2px 4px #000000;}
@media all and (max-width: 739px) {.contentsUnit .mainContents .mainTxt .ttl {font-size: 2.3rem;}}
@media all and (min-width: 740px) {.contentsUnit .mainContents .mainTxt .ttl {font-size: 40px;}}
@media all and (min-width: 1336px) {.contentsUnit .mainContents .mainTxt .ttl {font-size: 50px;}}

.contentsUnit .mainContents .mainTxt .lead {color: #fff;font-family: 'Noto Serif JP', serif;line-height: 1.8;font-size: 20px;margin-top: 20px;text-shadow: 1px 2px 4px #000000;}
@media all and (max-width: 739px) {.contentsUnit .mainContents .mainTxt .lead {font-size: 1.3rem;}}

.contentsUnit.main01 {background-image: url("/content/dam/sites/wwwjalcojp/jp/ja/dom/special/hokkaido/img_sites/pic_contents_01_sp_220928.jpg");}
@media all and (min-width: 740px) {.contentsUnit.main01 {background-image: url("/content/dam/sites/wwwjalcojp/jp/ja/dom/special/hokkaido/img_sites/pic_contents_01_220928.jpg");}}
@media all and (min-width: 740px) {.contentsUnit.main01 .mainTxt {top: 122px;left: 0px;}}
@media all and (max-width: 739px) {.contentsUnit.main01 .mainTxt {top: 26px;left: 10px;}}

.contentsUnit.main02 {background-image: url("/content/dam/sites/wwwjalcojp/jp/ja/dom/special/hokkaido/img_sites/pic_contents_02_sp_220928.jpg");}
.contentsUnit.main02 .mainContents .mainTxt .ttl,.contentsUnit.main02 .mainContents .mainTxt .lead{text-align: right}
@media all and (min-width: 740px) {.contentsUnit.main02 {background-image: url("/content/dam/sites/wwwjalcojp/jp/ja/dom/special/hokkaido/img_sites/pic_contents_02_220928.jpg");}}
@media all and (min-width: 740px) {.contentsUnit.main02 .mainTxt {top: 89px;right: -8px;}}
@media all and (max-width: 739px) {.contentsUnit.main02 .mainTxt {top: 26px;left: 10px;}}




.contentsUnit.main03{background: rgb(19,12,2);
background: linear-gradient(0deg, rgba(19,12,2,1) 0%, rgba(20,13,2,1) 59%, rgba(198,137,49,1) 100%); position: relative; height:100%;}
@media all and (min-width: 1336px) {.contentsUnit.main03{width: 100%; margin: 0 auto;}}

.contentsUnit.main03 .mainContents{height: 100%;}

@media all and (min-width: 740px) {.contentsUnit.main03 .mainTxt {position: static;padding: 80px 0 40px;}}
@media all and (max-width: 739px) {.contentsUnit.main03 .mainTxt {position: static;padding: 40px 20px 20px; width: 100%;}}

.contentsUnit.main03::after {content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center bottom;   background-image: url("/content/dam/sites/wwwjalcojp/jp/ja/dom/special/hokkaido/img_sites/pic_contents_03_sp_220928.jpg"); height: calc(313 / 640 * 100vw);bottom: 0; left: 0; vertical-align: top;width: 100%;}
@media all and (min-width: 740px) {.contentsUnit.main03::after { background-image: url("/content/dam/sites/wwwjalcojp/jp/ja/dom/special/hokkaido/img_sites/pic_contents_03_220928.jpg"); height: calc(620 / 1920 * 100vw);}}




/* pagetitle */
.ctm_pageTtl.hc01{color:#13518f;}
@media all and (max-width: 739px) {.ctm_pageTtl.hc01 .ttlLv1 .heading{font-size:3rem;}}
@media all and (min-width: 740px) {.ctm_pageTtl.hc01 .ttlLv1 .heading{font-size:5rem;}}
.ctm_pageTtl.hc01{color:#13518f;}
.ctm_pageTtl.hc02{text-align: left;}
@media all and (max-width: 739px) {.ctm_pageTtl.hc02 .ttlLv2 .heading{font-size:2.5rem;}}
@media all and (min-width: 740px) {.ctm_pageTtl.hc02 .ttlLv2 .heading{font-size:3rem;}}

.contentsUnit.fare .ctm_text{border-bottom: solid 1px; border-top: solid 1px; padding: 20px 0;}
@media all and (max-width: 739px) {.contentsUnit.fare .ctm_text p{font-size:2rem;}}
@media all and (min-width: 740px) {.contentsUnit.fare .ctm_text p{font-size:3rem;}}
@media all and (min-width: 740px) {.contentsUnit.fare .ctm_text {margin: 0 130px;}}

/* add 20240227 */
@media all and (min-width: 1921px) {.contentsUnit[class*="main"] {background-size: cover;}}
.heroimgWrap.typeImg.heroimgWrap-titleImg.slide_1pages .mainHeading{top: calc(20% + 5px);}
.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img {width: 100%;}
@media (min-width: 740px) {.heroimgWrap.typeImg.heroimgWrap-titleImg.slide_1pages .mainHeading{width: calc(599 / 1366 * 100vw);max-width: 599px;top: calc(40% - 5px);}}

/* add 20240618 */
@media (max-width: 739px) {.heroimgWrap.typeImg.heroimgWrap-titleImg.slide_1pages .mainHeading{top: calc(40% + 5px); width: auto;}}