:root {
--main-color: #62B9DF;
--key-color: #1E396E;
--red-color: #ff0000;  
--font-size-20: 1.2em;
--font-size-24: 1.4em;
--font-size-30: 1.6em;
--font-size-36: 1.8em;
--font-size-40: 2.2em;
}

.sec a:link, .sec a:visited {
color: var(--key-color);
}
img {
	width: 100%;
}
body {
font-family: "Noto Sans JP", sans-serif;
background: #fff;
font-size: clamp(17px, 1.1vw, 30px);
    font-weight: 400;
      line-height: 1.4;
 
}
main {
   color: var(--key-color);
}

.top30 {
	padding-top: 30px;
}
.top60 {
	padding-top: 60px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
  .en {
  font-family: "Outfit", sans-serif;
}
span.red {
color: var(--red-color);
}
  .bold {
 font-weight: 700;
}
.flex-center {
    justify-content: center;
}
.flex-reverce {
    flex-direction: row-reverse;
}
.center {
  text-align: center;
}
.sup li {
    font-size: 0.85em;
}
#page-hero {
    width: 100%;
    height: 30vw;
	position: relative;
	    align-items: center;
    display: flex;
}
#page-hero img {
    width: 100%;
    height: 30vw;
    object-fit: cover;
}
#page-hero-mv {
    width: 100%;
    height: 50vw;
	position: relative;
	    display: flex
;
    align-items: center;
}
#page-hero-mv img {
    width: 100%;
    height:50vw;
    object-fit: cover;
}
#page-hero-mv video{  
    
    width: 100%;
    height:50vw;
    object-fit: cover;
    position: absolute;
    top: 0px;
    z-index: -1;}
.page-hero-copy {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 6vw;
	    padding-bottom: 6vw;
}
#page-hero-mv .page-hero-copy {
 
}
.page-hero-bg {
	width: 100%;
}

.page-hero-over {
  top: -30vw;
    left: -28vw;
    width: 50vw;
    height: 60vw;
    transform: matrix(0.73, 0.68, -0.68, 0.73, 0, 0);
    background: var(--unnamed-color-62b9df) 0% 0% no-repeat padding-box;
    background: #62B9DF 0% 0% no-repeat padding-box;
    opacity: 0.88;
    position: absolute;
}
.page-hero-copy span.eng.en.bold {
    font-size: 4em;
    font-weight: 900;
    display: block;
	line-height: 1em;
}
.page-hero-copy span.sub {
    font-size: 1.55em;
    font-weight: 900;
    padding-top: 0.1em;
    display: block;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
}


/* nav */
.nav {
    width: 64%;
    margin: 0 auto;
    position: absolute;
    top: -60px;
    background: #fff;
    border-radius: 1em;
    left: 0;
    right: 0;
    padding: 1em;
    text-align: center;
	  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.nav li {
    width: 11%;position: relative;
}

.nav li img {
    width: 56%;
	margin: 0 auto;
}
.nav .sub-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0%;
    width: 15em;
    background: #62b9df;
    z-index: 3;
    border-radius: 8px;
	overflow: hidden;
}
.nav li .sub-nav li{
    width: 100%;
}



.nav li:hover .sub-nav {
  display: block;
}


.nav a{
    color: var(--key-color);
	transition: .4s;
}
.nav .sub-nav a {
    transition: .4s;
    display: block;
    text-align: left;
    color: #ffffff;
    font-size: 0.8em;
    padding: 1em;
    border-bottom: #92cce5 solid 1px;
}
.nav .sub-nav a:hover {
    transition: .4s;
   background: #1e396e;
    color: #ffffff;
}


.nav span {
    display: block;
    font-size: 0.76em;
    text-align: center;
    font-weight: 500;
    margin-top: -2px;
}

/* article */
article {
    padding: 8vw 0;
    position: relative;
    background: #FBFDFE;
    top: -8vw;
    border-radius: 0 6vw 0 0;
	letter-spacing: 0.07em;
    font-feature-settings: "palt";
}
.inner-min {
    width: 65%;
    margin: auto;
    max-width: 100%;
}
.inner {
    width: 82%;
    box-sizing: border-box;
	max-width: 100%;
}
.sec {
    padding-top: 6vw;
}
.heading-1 {
    font-size: var(--font-size-36);
    font-weight: 700;
	margin-bottom: 2em;
	position: relative;
	display: inline-block;
	    letter-spacing: 0.02em;
}
.heading-1:after {
    content: "";
    position: absolute;
    right: -75px;
    width: 60px;
    height: 2px;
    top: 0.74em;
    background: var(--key-color);
}
.heading-1.no-mb {
    margin-bottom: 0;
}


.heading-2 {
    font-size: var(--font-size-24);
    font-weight: 600;
	margin-bottom: 3em;
	position: relative;
}
.heading-3 {
    background: var(--main-color);
    color: #fff;
    font-size: var(--font-size-24);
    font-weight: 600;
    padding: 0.7em 1.2em;
	margin-bottom: 3em;
  border-radius: 0.3em;
}
.heading-4 {
    font-size: var(--font-size-20);
    font-weight: 600;
    margin-bottom: 1em;
    position: relative;
    margin-top: 1.2em;
}

.lead-copy {
   font-size: var(--font-size-40);
    text-align: center;
    line-height: 1.4em;
    padding-bottom: 0.6em;
    font-weight: 900;
}
.sec p {
	  line-height: 2.2;
    padding-bottom: 1.5em;
}


.indent li {
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 3px;
    line-height: 1.6;
}


.l-herf {
}
.l-herf .item {
    padding-bottom: 10vw;
	align-items: center;
}
.l-herf .item-detail {
    width: 50%;
	    box-sizing: border-box;
}
.item-detail.txt {
    padding: 0 10vw;
    text-align: center;
}
.item-detail-heading {
   font-size: var(--font-size-30);
    font-weight: 900;
    padding-bottom: 1em;
}

.item-detail.txt p {
    text-align: justify;
}
.lead {
    padding-bottom: 4vw;
    width: 56%;
    margin: 0 auto;
}
.note {
    padding: 0 1em;
}
/* table */
.info-table table {
    margin-top: 1vw;
    line-height: 1.7em;
      margin-bottom: 1vw;
  font-feature-settings: "palt";
}
.info-table table thead th {
	font-weight: 600;
    width: 7em;
    padding: 1em 0.5em;
	color: #fff;
	    background: #8fb0bf;
	line-height: 1.3em;
	text-align: center;
    border: none;
      vertical-align: middle;
}
.info-table table thead td {
	font-weight: 600;
    text-align: center;
    padding: 1em 0.5em;
	color: #fff;
	    background: #8fb0bf;
	line-height: 1.3em;
    border: none;
      vertical-align: middle;
}
.info-table table tbody th {
    text-align: left;
    width: 10em;
    padding:0.9em 0.5em 0.9em 1.5em;
    border-bottom: #b9cbd3 solid 1px;
	background: #f5fbfd;
	font-weight: 400;
	line-height: 1.8;
	    border-top: none;
  vertical-align: middle;
}
.info-table table tbody td {
    padding: 0.9em 0.5em;
    border-bottom: #b9cbd3 solid 1px;
	background: #f5fbfd;
	font-weight: 400;
	line-height: 1.8;
	    border-top: none;
      vertical-align: middle;
}
.info-table tbody {
    border-top: #b9cbd3 solid 1px;
}
.info-table table tbody th a {
text-decoration: underline;
}
.info-table table tbody td a {
text-decoration: underline;
}
div#pay {
    padding-top: 3em;
}
#pay li {
    background: #b1b1b1;
    margin: 1px;
    padding: 7px 9px 7px;
    font-size: 0.75em;
    color: #fff;
    border-radius: 4px;
    line-height: 1em;
    font-weight: 500;
}
#pay dt{
    font-weight: 600;
    padding-bottom: 1em;
}


#pay li.ok {
    background: #62b9df;
}
.info-table table tbody td a {
text-decoration: underline;
}
.info-table table tbody tr:nth-child(even) th{
    background: #fff;
}
.info-table table tbody tr:nth-child(even) td{
    background: #fff;
}


.info-table table tbody td.th_detail {
    font-size: 0.75em;
    text-align: left;
    line-height: 1.4;
    width: 15em;
}


.info-table table.nobd {
    margin-top: 0;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-feature-settings: "palt";
}
.info-table table.nobd tbody {
    border-top: none;
}
.info-table table tbody th.pd0 {
    padding-top: 0;
}
.info-table table tbody td.pd0 {
    padding-top: 0;
}
.info-table table.nobd tbody th {
    border-bottom: #b9cbd3 dotted 1px;
  padding-bottom: 0.8em;
  padding-top: 0.8em;
}
.info-table table.nobd tbody td {
    border-bottom: #b9cbd3 dotted 1px;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
.sec-detail {
    padding: 0 1em;
}

.info-table table.tdcenter {
    text-align: center;
}
.info-table table.thcenter tbody th  {
    text-align: center;
}
.info-table table.thwide tbody th  {
  width: 70%;
font-weight: 700;
}
.info-table table.thw12 tbody th {
    width: 12em;
}
.info-table table {
    width: 100%;
    border-bottom: none;
}
.info-table table.herf tbody th {
    width: 50%;
}

.info-table table tbody td.hayawari {
    background: #FFFAAF;
    color: var(--red-color);
    font-weight: 600;
}
.info-table table tbody tr:nth-child(even) td.hayawari {
    background: #FFFCD5;
    color:var(--red-color);
    font-weight: 600;
}
.info-table table thead th.hayawari {
    color: var(--red-color);
    background:#FFD151;
}
/* tab */
.tab-area {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.tab-button {
    padding: 0 1.8em;
    margin: 0 0.3em 0 0;
    background: #073971;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    font-size: 0.95em;
    border-radius: 0.5em 0.5em 0 0;
    transition: .4s;
    border: none;
    height: 4em;
    line-height: 1.3;
    padding-top: 0.15em;
}

    .tab-button:hover {
     background: var(--main-color);
		transition: .4s;
    }

  .tab-button.active {
    background: var(--main-color);
    color: #fff;
    }
.tab-content-wrap {
    border-top: 3px solid #62B9DF;
    text-align: left;
    padding-top: 3em;
    margin-top: 0;
}
.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabs span.sup {
    font-size: 0.7em;
    display: block;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.info-table span.sup {
    display: block;
    font-size: 0.8em;
    line-height: 1.3;
	font-weight: 400;
}

table .age {
  display: block;
  font-size: 0.8em;
}
/* btn */
.btn {
    text-align: center;
    padding: 1.5em 0 3em;
}
.btn a {
    background: #fff;
    color: #073971;
    border-radius: 99px;
    padding: 0.7em 2.8em 0.8em;
    font-weight: 600;
    transition: .4s;
    border: #1e396e solid 2px;
}
.btn a:hover {
    background: #073971;
    color: #fff;
	transition: .4s;
}
.btn.reserve {
    text-align: center;
    padding: 1.5em 0 3em;
}
.btn.reserve a {
    background: #FEE60E;
    color: #073971;
    border-radius: 99px;
    padding: 0.8em 3.6em;
    font-weight: 600;
    transition: .4s;
    border: none;
      display: inline-block;
    margin: 3px;
}
.btn.reserve a:hover {
    background: #073971;
    color: #FEE60E;
	transition: .4s;
}
.btn.mg80 {
  padding-top: 8vw;
}

.reserve-btn {
    padding-top: 3.6vw;
  text-align: center;
}
.reserve-btn a {
    display: block;
    background: #ff6432;
    color: #fff;
    width: 200px;
    margin: 0 auto 10px;
    border-radius: 99px;
    padding: 12px 0;
    font-size: 1.1em; 
    font-weight: 600;
  transition: .4s;
  text-align: center;
}
.reserve-btn a:hover {
    background: #333;
  transition: .4s;
}
.side-reserve-btn {
    position: fixed;
    right: 0;
    top: 35%;
	z-index: 3;
}
.side-reserve-btn a {
writing-mode: vertical-rl;
	background: #FEE60E;
    color: #073971;
	display: block;
	border-radius: 8px 0 0 8px;
	padding: 1.3em 0.9em;
	font-weight: 700;
	transition: .4s;
}
.side-reserve-btn a:hover {
	background: #073971;
    color: #FEE60E;
	transition: .4s;
}



.toggle_title {
    font-weight: 500;
    margin: 0;
    padding: 15px;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}
.dli-plus-wrap {
    width: 24px;
    height: 24px;
    right: 0;
    top: 4px;
    border-radius: 99px;
    display: inline-block;
    position: absolute;
    background: #b9c7ce;
}
.dli-plus {
    position: absolute;
    vertical-align: middle;
    color: #ffffff;
    line-height: 1;
    width: 10px;
    height: 2px;
    background: currentColor;
    right: 7px;
    top: 11px;
}
  .toggle_txt {
    display: none; 
    padding: 2em 0 0;
}
.toggle_title .ico-q {
    font-weight: 700;
    color: #62b9df;
    font-size: 1.6em;
    position: absolute;
    left: 0.2em;
    top: 0.36em;
}
  
  .dli-plus::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
    transition: 0.4s;
}
  .selected .dli-plus::before {
    transform: translateY(-50%) rotate(180deg);
    transition: 0.4s;
}

.lead-copy-en.en {
    font-size: 3.2em;
    font-weight: 900;
    text-align: center;
}
/* lesson */

.point-item {
    width: calc(33.333% - 1.5em);
    justify-content: center;
}
.point-item-title {
    font-weight: 900;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 0.5em;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
}


.point-item-tmb {
    width: 100%;
}
.point-items.flex {
    width: 85%;
    margin: 0 auto;
	padding-bottom: 3em;
}
.sec .point-item p {
    padding-bottom: 1.5em;
    font-size: 0.9em;
    line-height: 1.5;
	    text-align: left;
}
.lead-copy-en.en {
    font-size: 3.2em;
    font-weight: 900;
    text-align: center;
}
.lead-copy-en.en {
    font-size: 3.2em;
    font-weight: 900;
    text-align: center;
}
.heading-en-sub {
    text-align: center;
    padding-bottom: 2em;
    font-weight: 600;
    color: #B9A670;
}
.select-item {
    position: relative;
	 margin: 1em 0.5em 0;
}
.select-item::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 17px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #073971;
    border-bottom: 2px solid #073971;
    transform: rotate(45deg);
}

select {
    -webkit-appearance: none;
    appearance: none;
}
select#schedule-select {
    width: 250px;
    border-radius: 99px;
    border: #073971 solid 2px;
    color: #073971;
        padding: 0.8em 1.6em;
    font-size: 0.9em;
    font-weight: 600;
    background: #EEEEEF;
}
select#age-select {
    width: 250px;
    border-radius: 99px;
    border: #073971 solid 2px;
    color: #073971;
       padding: 0.8em 1.6em;
    font-size: 0.9em;
    font-weight: 600;
    background: #EEEEEF;
}
.check-item {
    margin: 1em;
}

.heading-en {
text-align: center;
    font-size: 3em;
    font-weight: 900;
	line-height: 1.1;
}
.lead-copy-en-sub {
    text-align: center;
    font-size: 1.3em;
    font-weight: 900;
    color: #B9A670;
}
.levelcart-item {
    margin: 0.5em;
}
.levelcart-item a {
 transition: .4s;
}
.levelcart-item a:hover {
	opacity: 0.5;
 transition: .4s;
}


.heading-en-sub {
    text-align: center;
    padding-bottom: 2em;
    font-weight: 600;
    color: #B9A670;
	font-size: 1.111em;
}
.lesson-list .inner {
    padding: 4em;
    border: #073971 solid 2px;
    border-radius: 40px;
}
.lesson-item-tmb {
    width: 16%;
}
.lesson-item-tmb img {
    border-radius: 8px;
}


.lesson-item-detail {
    width: 56%;
}

.lesson-item {
    padding: 2em;
    background: #F8F6F0;
    border-radius: 10px;
	    margin-bottom: 1.5em;
}
.serchi-result-name {
    text-align: center;
    padding: 3em;
    border-top: #1e396e solid 1px;
    margin-top: 3em;
    font-size: 1.111em;
    font-weight: 700;
}
.schedule-a .price-b {
	opacity: 0.3;
}
.schedule-a .price-c {
	opacity: 0.3;
}
.schedule-b .price-a {
	opacity: 0.3;
}
.schedule-b .price-c {
	opacity: 0.3;
}
.schedule-c .price-b {
	opacity: 0.3;
}
.schedule-c .price-a {
	opacity: 0.3;
}

.serch-btn {
    cursor: pointer;
    transition: .4s;
    width: 12em;
    background: var(--key-color);
    color: #fff;
    font-weight: 700;
    border-radius: 99px;
    line-height: 1;
    padding: 0.9em 0 1em;
    text-align: center;
    margin: 0 auto;
}
.serch-btn:hover {
    transition: .4s;
   opacity: .5;
}
.lesson-item-level.flex {
    justify-content: flex-start;
    padding-bottom: 0.8em;
}
.lesson-item-price {
    width: 20%;
	    padding-top: 1.6em;
}
.lesson-item-name {
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 0.5em;
}
.lesson-item-summary {
    font-size: 0.84em;
    line-height: 1.7em;
    padding-bottom: 1.5em;
}
.lesson-item-outline dt {
    font-size: 0.84em;
    float: left;
    padding-right: 5px;
    font-weight: 600;
	line-height: 1.5;
}
.lesson-item-outline dd {
    font-size: 0.84em;
    float: left;
    padding-right: 1em;
	line-height: 1.5;
}

.level1 {
    font-size: 0.74em;
    font-weight: 600;
    color: #fff;
    background: #31C2B3;
    text-align: center;
    padding: 6px 1.5em 4px;
    border-radius: 99px;
    margin-right: 6px;
}
.level2 {
    font-size: 0.74em;
    font-weight: 600;
    color: #fff;
     background: #229BF8;
    text-align: center;
    padding: 6px 1.5em 4px;
    border-radius: 99px;
    margin-right: 6px;
}
.level3 {
    font-size: 0.74em;
    font-weight: 600;
    color: #fff;
    background: #494DB1;
    text-align: center;
    padding: 6px 1.5em 4px;
    border-radius: 99px;
    margin-right: 6px;
}
.lesson-item-price dl {
    border-bottom: #1e396e solid 1px;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.lesson-item-price dt {
	font-size:0.9em;
	font-weight: 700;
}
.lesson-item-price dd {
    font-size: 1.4444em;
    font-weight: 700;
    letter-spacing: -0.03em;
}
.sec.lesson-list p {
    line-height: 2.2;
    padding-bottom: 1.5em;
    text-align: center;
}
span.unit {
    vertical-align: middle;
    padding-right: 0;
    padding-left: 3px;
    font-size: 60%;
}




.lesson-list label {
    font-weight: 600;
}
.lesson-item-price p.sup {
font-size: 0.7em;
    line-height: 1.3;
    letter-spacing: -0.05em;
  text-align: left;
}

.tax {
	    font-size: 0.75em;
    line-height: 1.3;
    padding-top: 10px;
    text-align: right;
    padding-bottom: 5px;
}
.lesson-list ul.sup.indent {
    clear: both;
    padding-top: 1em;
}
.serchi-result {
    padding-bottom: 50px;
}

.modal-level-title.en {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
}
.modal-content {
    padding: 3em;
	    color: var(--key-color);
}
.modal-level-type {
    text-align: center;
    font-weight: 700;
}
.level-wrap {
    padding-bottom: 2em;
}
.modal-level-age {
    font-size: 16px;
    font-weight: 600;
    background: var(--key-color);
    color: #fff;
    padding: 0.7em 1.2em;
    margin-top: 3em;
}
.level-row.flex {
    padding: 1em;
    border-top: #1e396e dotted 1px;
    justify-content: flex-start;
    align-items: center;
}
.level-en.en {
    width: 15%;
    font-size: 24px;
    font-weight: 900;
}.level-summary {
    width: 85%;
}
.level-row span {
    display: block;
    font-size: 14px;
    padding-top: 5px;
}
.modal-lesson-item-level.flex {
    justify-content: flex-start;
}
.activity-title {
    font-size: 1.111em;
    font-weight: 600;
    padding-top: 1em;
    text-align: center;
}
.swiper-activity {
  padding-bottom: 80px;
  position: relative;
}
.swiper-activity img{
  border-radius: 10px;
}
.swiper-slide {
  position: relative;
}
.swiper-slide a{
  color: #073971;
}
.activity-time {
    font-size: 0.9em;
    text-align: center;
    padding-top: 0.5em;
  color: #B9A670;
}
.location-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #235bca;
    color: #fff;
    font-size: 0.9em;
    padding: 0.7em 1em;
    line-height: 1em;
    width: 100%;
    text-align: center;
	box-sizing: border-box;
}
.location-tag.ski {
    background: #a9b2b9;
}
.location-tag.gao {
    background: #3e72b3;
}
.location-tag.muhyo {
    background: #6363B7;
}
.location-tag.resort {
    background: #549b94;
}
.location-tmb {
	position: relative;
}
/* slope */
.coursemap-wrap .tabs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.coursemap-wrap .tab-content-wrap {
    border-top: none;
    text-align: left;
    padding-top: 0;
    margin-top: 0;
}

.txt-link.al-right {
    font-size: 0.8em;
    text-align: right;
    padding: 1em;
}
.txt-link a {
text-decoration: underline;
}
.course-map {
    border: #62b9df solid 5px;
    border-radius: 0 20px 20px 20px;
	overflow: hidden;
}
.course-map img {

}
.coursemap-wrap .toggle_title {
    font-weight: 500;
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
    border-bottom: none;
    align-items: center;
    padding: 0;
    margin: 0;
    line-height: 1em;
}
.course-list-level {
width: 10%;
padding-left: 1em;
}
.course-list-name {
 width: 40%;
}
.course-list-head.flex {
    padding: 2.5em 1em 1em;
    font-size: 0.9em;
}
.course-item-level {
    width: 10%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.course-item-level.level02 {
    color: #0095da;
}
.course-item-level.level01 {
    color: #52ad4a;
}
.course-item-level.level00 {
    color: #f27898;
}
.course-item-level.level03 {
    color: #404041;
}
.course-item-name {
    width: 40%;
    font-size: 1.1em;
    font-weight: 600;
}
.course-list-deta {
    width: 43%;
    text-align: right;
    font-size: 0.9em;
    padding-right: 4%;
}
.toggle_contents.course-items {
  background: #fff;
    border-radius: 10px;
    margin-bottom: 0.8em;
   box-shadow: 3px 3px 9px -5px #b0b0b0;
      padding: 1.4em;
}
span.ico-no {
    display: block;
    height: 2.2em;
    width: 2.2em;
    background: #333;
    border-radius: 99px;
    color: #fff;
    text-align: center;
    line-height: 2em;
    font-weight: 900;
    font-size: 14px;
      letter-spacing: -0.05em;
}

.course-item-level.level02 span.ico-no {
    background: #0095da;
}
.course-item-level.level01 span.ico-no {
    background: #52ad4a;
}
.course-item-level.level03 span.ico-no {
    background: #404041;
}
.course-item-level.level00 span.ico-no {
    background: #f27898;
}

span.level-name {
    padding-left: 0.5em;
}
.item a {
  transition: .4s;
}
.col3 .item {
    width: calc(33.333% - 1em);
}
.col3 .item-tmb {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.5em;
}
.col3 .item-name {
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
}
.item-summary {
    font-size: 0.8em;
    line-height: 1.6;
}
.item a img {
   transition: .4s;
}
.item a:hover img {
  transform: scale(1.1);
   transition: .4s;
}

/* expart */
 .app-title {
                  padding-top: 40px;
                  padding-bottom: 15px;
                  font-size: 16px;
                  font-weight: 600;
                }
                 .app-flow {
               margin-bottom: 40px;
                }
                .app-flow img{
                  width: 100%;
                }
                 .app-flow .flex{
                 display: flex;
                 align-items: center;
                   flex-wrap: wrap;
                }
                .app-flow-ico {
                  width:250px;
                }
                .app-flow-txt {
                  width: calc(68% - 20px);
                }
                .app-flow-txt p {
                  padding-right: 30px;
                  padding-bottom: 0px;
                }
                 .app-btn-wrap{
                 display: flex;
                   justify-content: space-between;
                   flex-wrap: wrap;
                   margin-top: 10px;
                       width: 85%;
                }
                 .app-btn-apple {
                  width: calc(50% - 5px);
                }
                 .app-btn-google {
                  width: calc(50% - 5px);
                }
                .app-flow-01, .app-flow-03, .app-flow-05 {
                 background: #e1eef2 ;
                }


.ticket-price-wrap .scroll.info-table {
    padding-bottom: 2em;
}
.center {
  text-align: center;
}

.ticket-price-wrap .note ul {
    text-align: center;
    display: inline-block;
}
.ticket-price-wrap .indent li {
    text-align: left;
}
ul.payment.flex {
    justify-content: flex-start;
}

/*service*/

.services .heading-1 {
    margin-bottom: 1em;
}


.bigginer-osusume {
    font-size: 0.8em;
    position: relative;
    padding-left: 23px;
}
.bigginer-osusume .ico {
    position: absolute;
    left: 0;
    width: 15px;
}
.parking-map {
    padding-bottom: 4em;
}
.sec-second {
    padding-top: 1em;
}

.sec .sec-second p {
    line-height: 1.6;
    padding-bottom: 0em;
}
.services .info-table table tbody td.th_detail {
    width: 20em;
      font-size: 0.85em;
      text-align: center;
}
.services .info-table table thead th {
    width: 13em;
    text-align: center;
}
.sec-lead-txt {
    width: 55%;
}
.sec-lead-pic {
    width: 40%;
}

.btn-pdf {
    margin-bottom: 10px;
    font-weight: 600;
}
.btn-pdf span.ico {
    display: inline-block;
    background: #e83d3d;
    color: #fff;
    font-weight: 600;
    font-size: 0.75em;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 10px;
}

.btn-pdf a{
  text-decoration: underline;
}

/* cat */
ul.pickup {
    text-align: left;
    font-weight: 600;
}
ul.pickup li {
    margin-bottom: 4px;
}
ul.pickup li span {
    background: #f0ff38;
    display: inline-block;
}

section.example {
    position: relative;
    background: #000;
}
.exp-title {
    font-size: 1.1em;
    padding-bottom: 1em;
    font-weight: 600;
}
.scefule-table table {
    margin-bottom: 1em;
}
.scefule-table th {
    font-size: 0.95em;
    font-weight: 600;
    padding-bottom: 0.2em;
}
.scefule-table td {
    font-size: 0.95em;
    font-weight: 600;
    padding-bottom: 0.2em;
}
.scefule-bg {
    opacity: 0.7;
}
.toggle_contents.tour-items {
    border-bottom: #b9c7ce solid 2px;
}
.tour-items .toggle_title {
    padding: 1.3em;
}
.tour-items .dli-plus-wrap {
    right: 17px;
    top: calc(50% - 12px);
}
.tour-item-name {
    font-size: 1.2em;
    font-weight: 700;
}



.tour-items .toggle_txt {
    padding: 2em 2.8em;
    background:#e1ebef;
}

.toggle_contents.rental-items {
    border-bottom: #b9c7ce solid 2px;
}
.rental-items .toggle_title {
  padding: 1.3em;
}
.rental-items .dli-plus-wrap {
    right: 17px;
    top: calc(50% - 12px);
}
.rental-item-name {
    font-size: 1.2em;
    font-weight: 600;
}
.rental-items .toggle_txt {
    padding: 2em 2.8em;
    background:#e1ebef;
}
.rental-item-name .sup {
    font-size: 13px;
    line-height: 1.6em;
    display: block;
    font-weight: 400;
}



.btn.reserve.pre a {
    background: #cfcfcf;
    color: #ffffff;
    pointer-events: none;
}
.reserve-pre-copy {
    font-weight: 600;
    padding-bottom: 0.5em;
    padding-top: 1em;
    color: #d51111;
}
.btn.reserve.reserve-pre a {
    background: #cfcfcf;
    color: #ffffff;
    pointer-events: none;
}




.faq .toggle_contents {
    border-bottom: #b9c7ce solid 1px;
}
.faq .toggle_title {
    padding: 1.1em;
}
.faq .dli-plus-wrap {
    right: 17px;
    top: 18px;
}
.faq .toggle_title {
    font-size: 1.1em;
    font-weight: 600;
    position: relative;
    padding-left: 2.3em;
}
.faq .toggle_txt {
    padding: 0.5em 2.6em 2em;
    line-height: 1.8em;
}
.pre-copy {
    padding: 2em 0 1em;
    color: var(--red-color);
}
.exp-scedule {
    position: absolute;
    color: #fff;
    z-index: 2;
    left: 6em;
    bottom: 6em;
}

.guide-tour .lead-copy {
    font-size: var(--font-size-30);
}
.riki-prof-title {
    text-align: center;
    font-weight: 700;
    font-size: 1.3em;
    padding-bottom: 1em;
}
.item-prof-tmb {
    width: 10vw;
    margin: 0 auto;
    padding-bottom: 2em;
}
.riki-prof-title {
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    padding-bottom: 1em;
}
.item-prof-tmb {
    width: 10vw;
    margin: 0 auto 2em;
}
.riki-prof-name {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
}
.riki-prof-name-en {
    font-size: 0.9em;
    text-align: center;
    padding-bottom: 2em;
}
.tour-item-level {
    font-size: 0.85em;
}

.fuyuyama .page-hero-copy {

}
.fuyuyama .info-table table tbody th {
    font-size: 1.2em;
    font-weight: 600;
}
.link-fuyuyama-item-tmb {
    width: 40%;
}
.link-fuyuyama-item-tmb img {
    border-radius: 10px;
}
.link-fuyuyama-item-txt {
    width: 55%;
    padding-top: 2em;
}
.link-fuyuyama-item-title {
    font-size: 1.1em;
    font-weight: 600;
    padding-bottom: 1em;
}
.link-fuyuyama-item.flex {
    padding-bottom: 4em;
}
.season .lead-copy {
    font-size: 2.6em;
}
.season .lead-copy .sub {
    font-size: 60%;
    line-height: 1em;
    display: block;
}
.season-point-item {
    width: calc(25% - 1em);
    text-align: center;
  margin-bottom: 3em;
}
.season-point-item-ico {
    width: 8vw;
    margin: 0 auto 1em;
}
.season-point-item-title {
    font-weight: 700;
    padding-bottom: 1em;
}
 .sec .season-point-item p {
    line-height: 1.8;
    padding-bottom: 0;
    text-align: left;
    font-size: 0.85em;
}

/*tomatomo*/
.tomatomo-items {

}
.tomatomo-item {
    padding: 1.8em 1.6em;
    width: calc(50% - 0.5em);
    box-sizing: border-box;
    border-radius: 10px;
}
.sec .tomatomo-item p {
    line-height: 1.8;
}
  .no01.tomatomo-item {
background: #eff5ea;
}
.sec .no01.tomatomo-item p {
    color: #2E875B;
}
 .no01 .howto {
  color: #2E875B;
}
    .no02.tomatomo-item {
background: #daeff5;
}
.sec .no02.tomatomo-item p {
    padding-bottom: 0.5em;
    font-size: 1em;
    line-height: 1.8;
    color:#2a73b3;
}

.tomatomo-item-title {
    font-size: 1.2em;
    text-align: center;
    padding-bottom: 1em;
    font-weight: 600;
    color: #2e875b;
}
.tomatomo-item-title strong {
display: block;
    font-size: 1.5em;
}
  .no02 .tomatomo-item-title {
       color: #2a73b3;
}
.flow-wrap {
    background: #fff;
    padding: 2em;
	border-radius: 10px;
}
ul.flow {
    padding-top: 2em;

}
.flow li {
    padding-bottom: 0.6em;
    line-height: 1.6;
    border-bottom: #c1c1c1 dotted 1px;
    margin-bottom: 0.6em;
    font-weight: 600;
    text-indent: -1em;
    padding-left: 1em;
}
.no02.tomatomo-item ul.indent {
    padding-top: 20px;
}
article p.lead {
    text-align: center;
    color: #2e875b;
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 40px;
  font-weight: 600;
}
  
  article .no02 p.lead {
    color: #2a73b3;
}
  
  
.howto {

    padding: 30px 30px 20px;
    background: #fff;
    border-radius: 6px;
}
p.flow-lead {
    font-weight: 600;
    text-align: center;
    margin-bottom: 1em;
    display: block;
}
.no01 .tomatomo-item-ico {
    width: 70%;
    margin: 0 auto 10px;
}
    .no02 .tomatomo-item-ico {
    width: 100px;
       margin: 0 auto 20px;
}
.tomatomo-item-subtitle {
    font-weight: 600;
    font-size: 1.1em;
    padding-bottom: 20px;
    color: #2e875b;
    text-align: center;
}
.no02 .tomatomo-item-subtitle {
    color: #2a73b3;
}


.flow-wrap .btn.reserve a {
    padding: 0.8em 2em;
}
.flow-wrap .btn.reserve {
    text-align: center;
    padding: 1em 0 0;
}
.flow li a {
text-decoration: underline;
}



/* rental */

.rental .point-item {
    width:calc(25% - 1.125em);
    justify-content: center;
    padding-bottom: 1em;
}
.rental .point-item img {
  width: 100%;
}
.rental .point-item-title {
    font-weight: 700;
    align-items: flex-start;
}
.rental .point-items.flex {
      justify-content: center; gap: 1.5em;
}
.rental .map {
    padding-bottom: 4em;
}

/* family */
.point-item.active {
  outline: 2px solid #f00;
}

.family .sort-items {
    margin: 0 auto;
  padding-top: 3em;
}
.family .lead {
    padding-bottom: 0;
    width: 44%;
    margin: 0 auto;
}
.sort-item {
    width: calc(33.333% - 1em);
    text-align: center;
    padding-bottom: 2em;
    cursor: pointer;
}

.sort-item-tmb {
    overflow: hidden;
    border-radius: 999px;
    border: #cbbca6 solid 8px
}
.sort-item.active .sort-item-tmb{
 border: #6ebce0 solid 8px
}
.sort-item-title {
    padding-top: 1em;
    font-weight: 700;
}
.family-item {
    width: calc(25% - 2em);
    padding-bottom: 2em;
}


.family-item-tmb {
    position: relative;
  overflow: hidden;
}
.family-item-location {
    font-size: 0.8em;
    position: absolute;
    left: 0;
  bottom: 0;
    background: #333;
    color: #fff;
    z-index: 2;
    padding: 0.6em 0;
    text-align: center;
    width: 100%;
    display: block;
  font-weight: 500;
}
.family-item-name {
    font-weight: 700;
    text-align: center;
	padding-top: 1em;
  font-size: 1.1em;
}
.family-item-data {
    font-size: 0.85em;
    text-align: center;
    color: #B9A670;
  padding-top: 0.3em;
  font-weight: 600;
}
.family-items.col4.flex {
    justify-content: flex-start;
    gap: 2em;
}

.sec .family-item p {
    line-height: 1.7;
    padding-bottom: 0;
    padding-top: 1em;
    font-size: 0.85em;
}
.family-item-tmb {
    border: #333 solid 5px;
    border-radius: 0.9em;
  box-sizing: border-box;
}
.family-item-tmb {
	position: relative;
}
.ski .family-item-location {
    background: #4c84c3;
}
.gao .family-item-location {
    background: #59a7b1;
}
.muhyo .family-item-location {
    background:#6e71a2;
}
.tower .family-item-location {
    background: #579873;
}
.hotal .family-item-location {
    background: #afa182;
}

.ski .family-item-tmb {
    border: #4c84c3 solid 5px;
  overflow: hidden;
}
.gao .family-item-tmb {
    border: #59a7b1 solid 5px;
}
.muhyo .family-item-tmb {
    border: #6e71a2 solid 5px;
}
.tower .family-item-tmb {
    border: #579873 solid 5px;
}
.hotal .family-item-tmb {
    border: #afa182 solid 5px;
}
.info-table table tbody td.bold {
    font-weight: 700;
}
.sort-item-tmb img {
   transition: .4s;
}
.sort-item-tmb:hover img {
  transform: scale(1.1);
   transition: .4s;
}
.family-item a img {
   transition: .4s;
}

.family-item a:hover img {
  transform: scale(1.1);
   transition: .4s;
}



/* home */

.home .nav {
    top: -8vw;
    z-index: 3;
}

.home #page-hero-mv .page-hero-copy {
    top: auto;
    bottom: 9vw;
    left: auto;
    right: 6vw;
    text-align: right;
	padding-bottom: 0;
}
.home article {
    top: 0;
    border-radius: 0;
}
.home-condition {
    width: 75%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -3vw;
    background: #62B9DF;
    color: #fff;
       padding: 2.6em 1em 1.2em;
    border-radius: 10px;
	z-index: 2;
	 clip-path: polygon(0 0, 100% 0, calc(100% - 70px) 100%, 0% 100%);
    overflow: hidden; /* 念のため */
}
.home-condition::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #62B9DF;
    border-radius: 0 0 10px 0;
    z-index: -1;
}



.home-condition-items {
    justify-content: center;
    align-items: center;
}
.home-condition-item {
    margin: 0 1em;
}
.home-condition-item-name {
    text-align: center;
    font-size: 0.85em;
    font-weight: 500;
    border-bottom: #fff solid 1px;
    padding-bottom: 0.5em;
}
.home-condition-item-detail {
    font-size: 2.1em;
    font-weight: 900;
    text-align: center;
    line-height: 1em;
    padding-top: 0.2em;
}
.home-condition-item-update {
    font-size: 0.75em;
    padding-top: 0.5em;
    letter-spacing: 0;
}
.home-condition-item-unit {
    font-weight: 600;
    font-size: 0.8em;
    text-align: center;
    line-height: 1em;
}
.quality-item-name {
    font-weight: 600;
    text-align: center;
    background: #fff;
    border-radius: 99px;
    margin: 0.6em 0.4em 0.2em;
    color: #62b9df;
    font-size: 0.8em;
    line-height: 1em;
    padding: 0.5em 1em;
}
.quality-item .home-condition-item-detail {
    text-align: center;
    font-size: 0.9em;
    margin: 0 0.5em;
}


.condition-link a {
    color: #fff;
    border-radius: 99px;
    padding: 0.7em 2.8em 0.8em;
    font-weight: 600;
    transition: .4s;
    border: #fff solid 2px;
}

.condition-link a:hover {
    background: #fff;
    color: #62b9df;
    transition: .4s;
}


#home-topics {
    margin: 2vw 0 8vw 12vw;
  overflow: hidden;
}
.home-sectitle-en.en {
    font-size: 2.8em;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1em;
}
.home-sectitle-jp {
    font-weight: 600;
    font-size: 1.1em;
    padding-left: 2em;
    position: relative;
    padding-top: 0.2em;
}
.home-sectitle-jp::after {
    content: "";
    width: 1.5em;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 0.85em;
}
.home-hgroup {
    padding-bottom: 4vw;
}
.home-topics-items {
  position: relative;
  padding-bottom: 30px;
}
.home-topics-item-name {
    font-size: 1.1em;
    padding-top: 1em;
    text-align: center;
    font-weight: 600;
}
#home-topics.sec p {
    line-height: 1.6em;
    padding-bottom: 1.5em;
    font-size: 0.8em;
    padding-top: 0.5em;
}
section.sec.home-content {
    position: relative;

}
section.sec.home-content .inner {
height: 42vw;
    display: flex;
    align-items: center;
}


.home-topics-items .swiper-pagination {
    text-align: right!important;
    bottom: 0!important;
    right: 30px!important;
    left: auto!important;
}
.sec.home-content .sec-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.sec.home-content .sec-bg img {
    width: 100%;
}

.sec.home-content .sec-summary {
    position: relative;
    z-index: 2;
    width: 36%;
    padding-left: 62%;
    padding-top: 10vw;
}
.sec.home-content .home-hgroup {
    padding-bottom: 1.5vw;
	    text-align: right;
}
.sec.home-content p {
    text-align: justify;
}



.sec.home-content .home-seclead {
    font-size: 1.8em;
    padding-top: 1em;
    font-weight: 900;
}
.sec.home-content .btn a {
    background: none;
}
.sec.home-content .btn a:hover {
    background:#073971;
}


.home-about-data {
    position: relative;
    z-index: 2;
    padding: 6vw 0 10vw;
}
.home-about-data-item {
    background: #fff;
    border-radius: 10px;
    padding: 1em;
    text-align: center;
    width: calc(15% - 20px);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.03) 0px 2px 4px -1px;
}

.home-about-data-item.wide {
    width: calc(30% - 20px);
}



.home-about-data-items.flex {
    justify-content: center;
    gap: 14px;
}
.home-about-data-detail {
    font-size: 3em;
    font-weight: 900;
    line-height: 1em;
    position: relative;
    display: inline-block;
}

.home-about-data-name {
    font-weight: 700;
	    display: block;
	    margin: 0.4em 0 0.4em;
	text-align: center;
}

.home-about-data-name span {
	    display: inline-block;
background-image:linear-gradient(0deg, #ffd91180 0.5em, transparent 0.5em);
}


.home-about-data-unit {
    position: absolute;
    font-size: 0.4em;
    font-weight: 700;
    right: -1.2em;
    top: 0.6em;
}
.unit2 .home-about-data-unit {
    right: -1.5em;
}


.home-about-data-note {
    font-size: 0.75em;
    padding-top: 0.5em;
}
.home-about-data-detail-flex.flex {
    justify-content: center;
  padding-right: 0.5em;
}
.home-about-data-detail-flex-item {
    display: flex;
    justify-content: center;
    align-items: flex-end;
       margin: 0 2em 0 1em;
}
.mb2em {
    
}
.home-about-data-detail-flex-item-detail {
    font-size: 3em;
    font-weight: 900;
    line-height: 1em;
    position: relative;
    display: inline-block;
}

.home-about-data-detail-flex-item-unit {
    position: absolute;
    font-size: 0.4em;
    font-weight: 700;
    right: -1.2em;
    top: 0.6em;
}

.home-about-data-detail-flex-item-name {
    font-size: 1.2em;
    font-weight: 600;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
}


.sec.home-content .home-seclead {
    font-size: 1.8em;
    padding-top: 1em;
    font-weight: 900;
}

.home-topics-item-tmb {
    overflow: hidden;
    border-radius: 10px;
}

.sec.home-content #home-activity .sec-summary {
	width: 30%;
	    padding-left: 1em;
  padding-top: 0;
}
.sec.home-content #home-activity .home-hgroup {
    text-align: center;
}
.sec.home-content #home-activity .sec-bg {
    width: 64%;
    padding-left: 36%;
}
.sec.home-content #home-activity .sec-bg img {
    clip-path: polygon(360px 0%, 100% 0%, 100% 100%, 0% 100%);
   height: 42vw;
    object-fit: cover;
}

.sec.home-content #home-expert .sec-summary {
    padding-left: 70%;
	width: 30%;
	padding-right: 1em;
  padding-top: 0;
}
.sec.home-content #home-expert .home-hgroup {
    text-align: center;
}
.sec.home-content #home-expert .sec-bg {
    width: 64%;
    padding-right: 36%;
	padding-left: 0;
}
.sec.home-content #home-expert .sec-bg img {
clip-path: polygon(0 0, 100% 0, calc(100% - 360px) 100%, 0% 100%);
  height: 42vw;
    object-fit: cover;
}

.sec.home-content #home-family .sec-summary {
	width: 30%;
	    padding-left: 1em;
  padding-top: 0;
}
.sec.home-content #home-family .home-hgroup {
   text-align: center;
}
.sec.home-content #home-family .sec-bg {
    width: 64%;
    padding-left: 36%;
}
.sec.home-content #home-family .sec-bg img {
    clip-path: polygon(360px 0%, 100% 0%, 100% 100%, 0% 100%);
    height: 45vw;
    object-fit: cover;
}

#home-activity {
    position: relative;
	    height: 45vw;
  margin-bottom: 10vw;
}
#home-expert {
    position: relative;
	height: 45vw;
   margin-bottom: 10vw;
}
#home-family {
    position: relative;
	height: 45vw;
}
/* フェード用に重ねるためのスタイル */
.sec-bg-swiper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease;
}
.sec-bg-swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 1;
}
.condition-update {
	    font-size: 0.85em;
    font-weight: 600;
    padding-top: 0.4em;
    letter-spacing: 0;
    color: #B9A670;
}
.condition-item-detail.en {
    font-size: 3.3em;
    font-weight: 700;
}
.condition-items.flex {
    justify-content: center;
    padding-top: 6em;
}
.condition-item {
    margin: 0 0.8em 1em;
}
.condition-item-name {
    font-size: 0.85em;
    font-weight: 600;
    border-bottom: #1e396e solid 2px;
    padding-bottom: 0.8em;
    text-align: center;
}
.condition .quality-item {
    padding: 1em 0.5em;
    font-weight: 600;
}
.condition-item-wide.flex {
    width: 55%;
    justify-content: flex-start;
}
.condition-item.condition-weather {
    width: 20%;
}
.condition-item.condition-data {
    width: 20%;
}
.condition-data .condition-item-detail.en {
    font-size: 2.2em;
}
.condition-item.condition-weather .condition-item-detail {
    padding: 1.5em 3em;
}
.condition-item-detail.en {
    font-size: 3.3em;
    font-weight: 700;
    position: relative;
    padding: 0 0.5em;
}
.condition-item-detail.en.pl0 {
padding-left: 0.2em;
}
.condition-item-detail {
	font-weight: 700;
}
.condition-item-comment {
    line-height: 1.8em;
}
.pd1 {
	padding: 1em;
}
.pr05 {
	padding-right: 0.5em;
}
.condition-item-unit {
    font-size: 0.36em;
    font-weight: 500;
    position: absolute;
    right: -0.1em;
    bottom: 0.5em;
}
.condition-item-detail-line {
    font-size: 3em;
    padding: 0 0.2em;
    font-weight: 400;
    padding-top: 0.1em;
}
.condition-item-detail-line {
    font-size: 2.6em;
    padding: 0 0.2em;
    font-weight: 400;
    padding-top: 0.1em;
}


#lift-conditionc {
    padding-top: 10em;
}

.lift-map img {
    
}
.lift-map {
    border: #62b9df solid 5px;
    border-radius: 20px;
    overflow: hidden;margin-bottom: 1em;
   margin-top: 6em;
}


.lift-map-note.flex {
    justify-content: flex-start;
    padding: 1em;
	font-size: 0.85em;
}
.course-conditionmap-note.flex {
 justify-content: flex-start;
    padding: 1em;
	font-size: 0.85em;
	font-weight: 700;
}
.lift-map-note-item.flex {
    padding-right: 2em;
}
.lift-list-items.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lift-list-item.flex {
    width: calc(30% - 0.5em);
    align-items: center;
    padding: 1em 1em;
    border-bottom: #073971 solid 1px;
    margin: 0;
    justify-content: flex-start;
	    position: relative;
}
.lift-list-items.flex {
    justify-content: space-between;
}
.lift-list-item-no {
    width: 1.7em;
    height: 1.7em;
    background: #62b9df;
    border-radius: 99px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.75em;
}
.lift-list-item-name {
    padding: 0 1em;
    font-weight: 700;
}
.lift-list-item-hours {
    font-size: 0.8em;
    font-weight: 500;
}
.lift-list-item-status {
    font-weight: 600;
    display: block;
    padding: 0.4em 2em;
    border: #073971 solid 1px;
    background: #fff;
    border-radius: 99px;
    font-size: 0.9em;
    position: absolute;
    right: 0.5em;
    letter-spacing: 0;
}
.course-conditionmap-note-item.open {
    color: #62b9df;
    padding-right: 1em;
}
.course-conditionmap-note-item.close {
    color: #b0bcc1;
}

.course-condition-items.flex {
    padding-top: 1em;
	justify-content: flex-start;
	    gap: 0.4em;
}
.course-condition-item {
    width: calc(23.2% - 1em);
    background: #62b9df;
    padding: 0.8em 1em;
    border-radius: 99px;
    color: #fff;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}
.course-condition-item.close {
    background: #b0bcc1;
}




.course-condition-item-no {
    width: 1.7em;
    height: 1.7em;
    background: #fff;
    border-radius: 99px;
    color: #62b9df;
    text-align: center;
    font-weight: 700;
    line-height: 1.75em;
}
.close .course-condition-item-no {
    color: #b0bcc1;
}


.course-condition-item-name {
    font-weight: 600;
    padding-left: 1em;
    font-size: 0.9em;
}
.course-condition-item-status {
    position: absolute;
    right: 1.5em;
    font-size: 0.8em;
    font-weight: 600;
}
.osusume-item {
    width: calc(25% - 2em);
    text-align: center;
}
.sec.home-osusume {
    padding-top: 10vw;
}
.osusume-title {
    padding-top: 1em;
}

#home-activity .sec-bg-ol {
    background: #62b9df;
    position: absolute;
    width: 28%;
    height: 42vw;
    z-index: 2;
    right: 0;
    opacity: 0.5;
    clip-path: polygon(360px 0%, 100% 0%, 100% 100%, 0% 100%);
}
#home-expert .sec-bg-ol {
    background: #62b9df;
    position: absolute;
    width: 28%;
    height: 100%;
    z-index: 2;
    left: 0;
    opacity: 0.5;
    clip-path: polygon(0 0, 100% 0, calc(100% - 360px) 100%, 0% 100%);
}
#home-family .sec-bg-ol {
    background: #62b9df;
    position: absolute;
    width: 20%;
    height: 100%;
    z-index: 2;
    right: 0;
    opacity: 0.5;
    clip-path: polygon(360px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.snowcart .lead-copy {
    font-size: 30px;
}
.cancel .info-table tbody {
    border-top: none;
    margin-top: 30px;
}
.cancel .info-table table {
    margin-top: 30px;
}
.cancel .info-table table tbody th {
    background: #fbfdfe;
}
.cancel .info-table table tbody td {
    background: #fbfdfe;
}
.cancel .info-table table tbody tr:nth-child(even) td {
    background: #fbfdfe;
}
.cancel .info-table table tbody tr:nth-child(even) th {
    background: #fbfdfe;
}
.info-table table tbody .nobd th {
    border-bottom: none;
}
.info-table table tbody .nobd td {
    border-bottom: none;
}

.dining .area {
    text-align: center;
    font-weight: 700;
      padding-bottom: 30px;
}
.dining .ico-area {
    width: 24px;
    margin-right: 10px;
}
.dining .area a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.note li a {
  text-decoration: underline;
}
.note li {
    padding-bottom: 8px;
}
.rental-item-ico {
    width: 100%;
    text-align: left;
}
.rental-item-ico img {
    height: 3em;
    width: auto;
}


@media screen and (max-width:1800px) {
  body {
    font-size: clamp(16px, 0.9vw, 30px);
}
  #page-hero {
    height: 36vw;
}
  #page-hero img {
    height: 36vw;
}
  article {
    padding: 6vw 0;
    top: -6vw;
}
  
}



@media screen and (max-width:1600px) {

  body {
font-size: 1.1vw;
}
  .inner {
    width: 88%;
}
  .inner-min {
    width: 70%;
}
}


@media screen and (max-width:1200px) {
    body {
font-size: 1.3vw;
}

  #page-hero-mv video {
    height: 70vw;
}
  #page-hero-mv {
    height: 70vw;
}
  .nav {
    width: 80%;
}
  .item-detail.txt {
    padding: 0 7vw;
}
    .inner {
    width: 92%;
}
  .inner-min {
    width: 80%;
}
  #page-hero {
    height: 40vw;
}
  #page-hero img {
    height: 40vw;
}
  .condition-item.condition-weather {
    width: 15%;
}
  .condition-item.condition-weather .condition-item-detail {
    padding: 1.5em 1em;
}
  .condition-item-wide.flex {
    width: 58%;
}
  .course-condition-item {
    width: calc(31.5% - 1em);
}
  .lift-list-item.flex {
    width: calc(47% - 0.5em);
}
  .lead {
    width: 80%;
}
	#page-hero-mv img {
    height: 70vw;
}
}

@media screen and (max-width:1000px) {

body {
    font-size: 15px;
}
#page-hero-mv img {
    height: 86vh;
}
	
	#page-hero-mv {
    height: 86vh;
}
	.nav span {
    font-size: 11px;
}
	.home .nav {
    top: -60px;
    z-index: 3;
}.nav {
    width: 88%;
}
	.home-condition {
    width: 88%;
    top: 40px;
    padding: 16px;
    border-radius: 10px;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
	.home-condition-item-detail {
    font-size: 20px;
}
	.condition-link a {
    padding: 10px 20px;
}
	.home-about-data-item {
    border-radius: 10px;
    padding: 10px;
    width: calc(20% - 10px);
}
.home-about-data-item.wide {
    width: calc(44% - 10px);
}
	#home-activity {
    position: relative;
    height: auto;
    margin-bottom: 80px;
}
	.sec.home-content #home-activity .sec-summary {
    width: 80%;
    padding-left: 1em;
    padding-top: 0;
    margin: 0 auto;
}
	.sec.home-content .sec-summary {
    position: relative;
    z-index: 2;
    width: 80%;
    padding-left: 0;
    padding-top: 200px;
    margin: 0 auto;
}
	.home-about-data {
    position: relative;
    z-index: 2;
    padding: 80px 0;
}
	section.sec.home-content .inner {
    height: auto;
}.home-about-data-detail {
    font-size: 40px;
}
	.home-about-data-detail-flex-item-detail {
    font-size: 40px;
    font-weight: 900;
    line-height: 1em;
    position: relative;
    display: inline-block;
}.home-about-data-note {
    font-size: 11px;
    padding-top: 0.5em;
}
	.sec.home-content #home-expert .sec-summary {
    padding-left: auto;
    width: 80%;
    padding-right: 0;
    padding-top: 0;
}
	.sec.home-content #home-family .sec-summary {
    width: 80%;
    padding-left: 0;
    padding-top: 0;
}
	.sec.home-content #home-family .sec-bg img {
    clip-path: polygon(360px 0%, 100% 0%, 100% 100%, 0% 100%);
    height: auto;
    object-fit: cover;
}
	.sec.home-content #home-family .sec-bg {
    width: 100%;
    padding-left: 0;
		 position: relative;
}

	.sec.home-content #home-expert .sec-bg {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
		 position: relative;
}
	section.sec.home-content .inner {
    height: auto;
    display: block;
    align-items: center;
}
	.sec.home-content #home-expert .sec-bg img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    height: auto;
    object-fit: cover;
}
	.sec.home-content #home-activity .sec-bg {
    width: 100%;
    padding-left: 0;
		 position: relative;
}
#home-expert {
    position: relative;
    height: auto;
    margin-bottom: 80px;
}
	.sec.home-content #home-expert .sec-summary {
    padding-left: 0;
}
	#home-family {
    position: relative;
    height: auto;
}
	.sec.home-content #home-activity .sec-bg img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		        height: auto;
}

	.sec.home-content #home-family .sec-bg img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
	.sec-bg-swiper .swiper-slide {
    position: relative;
}
	#home-activity .sec-bg-ol {
    background: #62b9df;
    position: absolute;
    width: 28%;
    height: auto;
    z-index: 2;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    clip-path: polygon(360px 0%, 100% 0%, 100% 100%, 0% 100%);
}
	.sec.home-content .home-seclead {
    font-size: 30px;
    padding-top: 60px;
    font-weight: 900;
}
	.home-condition-item {
    margin: 0 5px;
}
	.home-condition-items {
    justify-content: center;
    align-items: flex-start;
}
	.home .nav {
    opacity: 0;
}
	.home-condition {
    top: -40px;
}
	.condition-data .condition-item-detail.en {
    font-size: 30px;
}
	.condition-item-detail.en {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    padding: 0 0.5em;
}
	.condition-item-detail-line {
    font-size: 26px;
    padding: 0 0.2em;
    font-weight: 400;
    padding-top: 0.1em;
}.condition-item-unit {
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    right: -5px;
    bottom: 0.5em;
}
	.course-condition-item {
    width: calc(31% - 1em);
}
	.btn a {
    padding: 0.6em 2em;
    border: #1e396e solid 1px;
}
.family .lead {
    padding-bottom: 0;
    width: 64%;
    margin: 0 auto;
}
	.family-item {
    width: calc(33% - 1em);
    padding-bottom: 1em;
}
	.family-items.col4.flex {
    justify-content: flex-start;
    gap: 1em;
}
	.point-items.flex {
    width: 100%;
}
.lesson-list .inner {
    padding: 30px;
}
	#page-hero {
    height: 60vw;
}#page-hero img {
    height: 60vw;
}
	#page-hero-mv video {
    height: 86vw;
}
	#page-hero-mv {
    height: 86vh;
}
	.home #page-hero-mv .page-hero-copy {
    top: auto;
    bottom: 80px;
    left: auto;
    right: 40px;
    text-align: right;
    padding-bottom: 0;
}.page-hero-copy span.eng.en.bold {
    font-size: 50px;
    font-weight: 900;
    display: block;
    line-height: 1em;
}.page-hero-copy span.sub {
    font-size: 26px;
    font-weight: 900;
    padding-top: 0.1em;
    display: block;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
}
	.home-condition {
    top: -80px;
    position: relative;
}
	.home-condition-item.condition-data.sp100 {
    width: 100%;
}
	.condition-data .home-condition-item-detail {
    text-align: left;
}
	.home-condition-item.condition-weather.sp30 {
    width: calc(16% - 10px);
}
.home-condition-items {
    justify-content: space-between;
    align-items: flex-start;
}
	.home-condition-item.condition-temp.sp30 {
    width: calc(16% - 10px);
    text-align: center;
}
	.condition-weather .home-condition-item-detail {
    padding: 20px;
}
	.home-condition-item.condition-snowfall.sp30 {
    width: calc(16% - 10px);
}
	.home-condition-item.condition-link.sp100 {
    width: 100%;
    text-align: center;
    padding: 20px;
}
	.home-condition-item.condition-quality.sp60 {
    width: calc(32% - 10px);
}
	.quality-items.flex {
    justify-content: center;
}.quality-items.flex {
    justify-content: center;
}.home-condition-item-detail {
    font-size: 20px;
}.home-condition-item {
    margin: 0;
    padding-top: 20px;
}#home-topics {
    margin: 0 0 8vw 40px;
    overflow: hidden;
}.home-sectitle-en.en {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1em;
}.home-sectitle-jp {
    font-weight: 600;
    font-size: 18px;
    padding-left: 2em;
    position: relative;
    padding-top: 0.2em;
}.sec.home-content .home-seclead {
    font-size: 24px;
    padding-top: 30px;
    font-weight: 900;
}.heading-2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}.osusume-item {
    width: calc(25% - 10px);
    text-align: center;
}
	.osusume-title {
    padding-top: 1em;
    font-size: 14px;
}
	#page-hero img {
    height: 60vw;
}
.nav {
  pointer-events: none;
}
  .nav.active {
  opacity: 1;
  pointer-events: auto;
    position: fixed;
}
.nav-btn.sp {
    position: fixed;
    z-index: 9;
    right: 0;
    top: 76px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    width: 64px;
    padding: 14px 13px 8px 18px;
    border-radius: 10px 0 0 10px;
}
  article {
    position: static;
}
  .nav {
    pointer-events: none;
    opacity: 0;
}
.nav.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 10;
    top: 0;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    overflow: scroll;
}
.nav.active .flex {
    display: block;
    padding: 30px 0;
}
 .nav.active a {
    color: var(--key-color);
    transition: .4s;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
  .nav.active li img {
        width: 40px;
        margin: 0;
        padding: 8px 10px;
}
	.nav.active li {
width: 85%;
        border-bottom: #9faebf solid 1px;
        position: relative;
        margin: 0 auto;
        padding: 0;
}
  .nav.active span {
    font-size: 15px;
}
  .nav.active li .sub-nav li {
    width: 100%;
    padding: 0px;
}
  .nav.active li .sub-nav a {
    border-bottom: none;
}
  .nav.active .sub-nav a {
    font-size: 12px;
    font-weight: 600;
}
  .nav.active .sub-nav {
    display: block;
    position: relative;
    top: 100%;
    left: 0%;
    width: 100%;
    background: #eaf2f5;
    z-index: 3;
    border-radius: 0;
    overflow: hidden;
}
  .sp-ol.sp {
    background: #fff;
    height: 30px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    border-radius: 0 30px 0 0;
}
.close.sp {
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    right: 20px;
}

.close.sp span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #425985; /* 色もお好みで */
  transform-origin: center;
}

.close.sp span:first-child {
  transform: rotate(45deg);
}

.close.sp span:last-child {
  transform: rotate(-45deg);
}
}

@media screen and (max-width:800px) {
  .pre-copy.spw88{
    width: 88%;
    margin: 0 auto;
}
  
  
#page-hero {
    height: 400px;
}
	#page-hero img {
    height: 400px;
}
  .inner-min {
    width: 88%;
}.heading-1 {
    font-size: 22px;
	    margin-bottom: 24px;
}
		.heading-3 {
    font-size: 18px;
    padding: 0.7em 1.2em;
    margin-bottom: 30px;
    border-radius: 0.3em;
}
.sec p {
    line-height: 2;
    padding-bottom: 1.5em;
}.tab-button {
    padding: 0 1.5em;
    margin: 0 0.3em 0 0;
    background: #073971;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 0.5em 0.5em 0 0;
    transition: .4s;
    border: none;
    height: 3.5em;
    line-height: 1.3;
    padding-top: 0.15em;
}.course-map {
    border: #62b9df solid 3px;
    border-radius: 0 10px 10px 10px;
    overflow: hidden;
}.toggle_contents.course-items {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 0.8em;
    box-shadow: 3px 3px 9px -5px #b0b0b0;
    padding: 10px;
}span.ico-no {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: -0.05em;
}
	.course-item-level {
    width: 15%;
}.course-item-name {
    width: 35%;

}.course-list-deta {
    width: 44%;
    text-align: right;
    font-size: 12px;
    right: 0;
}.toggle_txt {
    display: none;
    padding: 15px 0 0;
}.condition-update {
    font-size: 12px;
    font-weight: 600;
    padding-top: 0.4em;
    letter-spacing: 0;
    color: #B9A670;
}.lift-map {
    border: #62b9df solid 3px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 40px;
}.lift-list-item.flex {
    width: 100%;
    box-sizing: border-box;
}.course-condition-item {
    width: calc(50% - 10px);
    box-sizing: border-box;
}
.l-herf .item-detail {
    width: 90%;
    margin: 0 auto;
}
	.item-detail.txt {
    padding: 40px 0 0;
    width: 80%;
    margin: 0 auto;
}
	.item-detail-heading {
    font-size: 20px;
    font-weight: 900;
    padding-bottom: 20px;
}
	.page-hero-copy span.sub {
    font-size: 20px;
}
	.page-hero-copy span.eng.en.bold {
    font-size: 40px;
}
	#page-hero-mv {
    height: 600px;
}
	#page-hero-mv video {
    height: 600px;
}
	.lead-copy {
    font-size: 24px;
    text-align: center;
    line-height: 1.4em;
    padding-bottom: 0.6em;
    font-weight: 900;
}
	.app-flow-txt {
    width: 68%;
}
	.app-flow-txt p {
    padding-right: 20px;
    padding-bottom: 0px;
    line-height: 1.6;
    font-size: 13px;
}.fuyuyama .info-table table tbody th {
    font-size: 15px;
    font-weight: 600;
	width: 11em;
}.link-fuyuyama-item-txt {
    width: 100%;
    padding-top: 24px;
}.link-fuyuyama-item-tmb {
    width: 100%;
}.link-fuyuyama-item-title {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 16px;
    text-align: center;
}.guide-tour .lead-copy {
    font-size: 18px;
}.item-prof-tmb {
    width: 120px;
    margin: 0 auto;
}.tour-items .toggle_txt {
    padding: 16px;
    background: #e1ebef;
}
	.sec .toggle_txt p {
    line-height: 1.8;
    padding-bottom: 1.5em;
    font-size: 14px;
}
	.tour-item-level {
    font-size: 11px;
}.tour-item-name {
    font-size: 16px;
    font-weight: 700;
}
	.sort-item-tmb {
    overflow: hidden;
    border-radius: 999px;
    border: #cbbca6 solid 4px;
}.family .lead {
    padding-bottom: 0;
    width: 74%;
    margin: 0 auto;
}.family .sort-items {
    margin: 0 auto;
    padding-top: 10px;
}.sort-item {
    width: calc(33.333% - 10px);
    text-align: center;
    padding-bottom: 20px;
    cursor: pointer;
}.sort-item-title {
    padding-top: 10px;
    font-weight: 700;
    font-size: 14px;
}.family-item {
    width: calc(50% - 10px);
    padding-bottom: 20px;
}
.ski .family-item-tmb {
    border: #4c84c3 solid 5px;
  overflow: hidden;
}
.gao .family-item-tmb {
    border: #59a7b1 solid 3px;
}
.muhyo .family-item-tmb {
    border: #6e71a2 solid 3px;
}
.tower .family-item-tmb {
    border: #579873 solid 3px;
}
.hotal .family-item-tmb {
    border: #afa182 solid 3px;
}
	.snowcart .lead-copy {
    font-size: 16px;
}.youtube {
    margin-bottom: 40px;
}.tab-button {
    padding: 0 10px;
    margin: 0 2px 0 0;
    background: #073971;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    border-radius: 0.5em 0.5em 0 0;
    transition: .4s;
    border: none;
    height: 50px;
    line-height: 1.3;
    padding-top: 8px;
}.info-table table thead th {
   padding: 8px 4px;
    font-size: 13px;
}
	.info-table table tbody td {
    padding: 8px 4px;
    line-height: 1.6;
    font-size: 13px;
}
	.info-table table tbody th {
    width: 8em;
    padding: 8px 4px;
    line-height: 1.6;
    font-size: 13px;
}.info-table table tbody td.th_detail {
    font-size: 11px;
    text-align: left;
    line-height: 1.4;
    width: auto;
}
	.season-point-item {
    width: calc(50% - 10px);
    text-align: center;
    margin-bottom: 20px;
}
	.sec .season-point-item p {
    line-height: 1.8;
    padding-bottom: 0;
    text-align: left;
    font-size: 13px;
}.season-point-item-ico {
    width: 100px;
    margin: 0 auto 1em;
}.tomatomo-item {
    width: 100%;

}.rental .point-item {
    width: calc(25% - 10px);
    justify-content: center;
    padding-bottom: 1em;
}.point-item-title {
    font-weight: 900;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 0.5em;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}.rental .point-items.flex {
    justify-content: center;
    gap: 10px;
}.rental .point-item {
    width: calc(33.333% - 10px);
    justify-content: center;
    padding-bottom: 1em;
    box-sizing: border-box;
}.lead-copy-en-sub {
    text-align: center;
    font-size: 17px;
    font-weight: 900;
    color: #B9A670;
}.lead-copy-en.en {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
}.rental-items .toggle_txt {
    padding: 15px;
    background: #e1ebef;
}.rental-item-name .sup {
    font-size: 11px;
    line-height: 1.6em;
    display: block;
    font-weight: 400;
}.rental-item-name {
    font-size: 16px;
    font-weight: 600;
}.info-table table.thwide tbody th {
    width: 50%;
}.info-table table.herf tbody th {
    width: 30%;
}.top30 {
    padding-top: 15px;
}.sup li {
    font-size: 12px;
}
	.point-item {
    width: calc(33.333% - 10px);
    justify-content: center;
}
	.sec .point-item p {
    padding-bottom: 1.5em;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}

	.lesson-list .inner {
    padding: 20px;
    border: #073971 solid 2px;
    border-radius: 20px;
}
	select#schedule-select {
    width: 180px;
}select#age-select {
    width: 180px;
}.heading-en {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.1;
}.lesson-item-price {
    width: 100%;
    padding-top: 1.6em;
}.lesson-item-tmb {
    width: 20%;
}.lesson-item-detail {
    width: 75%;
}.lesson-item-price dd {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.03em;
}.serchi-result-name {
    text-align: center;
    padding: 20px;
    border-top: #1e396e solid 1px;
    margin-top: 40px;
    font-size: 18px;
    font-weight: 700;
}.lesson-item-name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0.5em;
}.lesson-item-summary {
    font-size: 13px;
    line-height: 1.7em;
    padding-bottom: 1.5em;
}.lesson-item-outline dt {
    font-size: 13px;
    float: left;
    padding-right: 5px;
    font-weight: 600;
    line-height: 1.5;
}.lesson-item-outline dd {
    font-size: 13px;
    float: left;
    padding-right: 1em;
    line-height: 1.5;
}.lesson-item {
    padding: 20px;
    background: #F8F6F0;
    border-radius: 10px;
    margin-bottom: 1.5em;
}.lesson-item-price p.sup {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: left;
}.serchi-result {
    padding-bottom: 0;
}.modaal-content-container {
    padding: 20px !important;
}
	.level1 {
    font-size: 12px;
}
	.level2 {
    font-size: 12px;
}
	.level3 {
    font-size: 12px;
}
	.level4 {
    font-size: 12px;
}
	.services .info-table table tbody td.th_detail {
    font-size: 12px;
    width: 20%;
}.heading-4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    margin-top: 15px;
}
  #page-hero-mv img {
    height: 600px;
}

}

@media screen and (max-width:650px) {
    .home #page-hero-mv .page-hero-copy {
    right: 20px;
}
  .page-hero-copy {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 20px;
    padding-bottom: 0;
}
  article {
    padding: 0;
}
  .heading-3 {
    font-size: 16px;
    padding: 0.7em 1.2em;
    margin-bottom: 26px;
    border-radius: 0.3em;
}
  .info-table table tbody th {
    width: 5em;
  letter-spacing: 0;
}
  .info-table table tbody td {
    letter-spacing: 0;
}
  .sec p {
    line-height: 1.8;
    padding-bottom: 1.5em;
    font-size: 14px;
}
  .coursemap-wrap .toggle_title {
    display: block;
}.course-item-level {
    width: 90px;
    position: absolute;
}.course-item-name {
    width: 60%;
    padding-left: 90px;
    font-size: 15px;
    padding-bottom: 4px;
}
  .course-list-deta {
    width: 60%;
    text-align: left;
    font-size: 12px;
    right: 0;
    padding-left: 90px;
}
  .course-list-level {
    width: 20%;
    padding-left: 1em;
    position: absolute;
}.course-list-name {
    width: 40%;
    text-align: left;
    padding-left: 90px;
    font-size: 12px;
}.course-list-level {
    width: 20%;
    padding-left: 0;
    position: absolute;
    font-size: 12px;
}
 .toggle_txt {
    display: none;
    padding: 15px 0 0;
    font-size: 13px;
} .heading-2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}.col3 .item {
    width: 100%;
    padding-bottom: 30px;
}.item-summary {
    font-size: 13px;
    line-height: 1.6;
}.col3 .item-name {
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
    font-size: 15px;
}.tab-button {
    padding: 0 15px;
    height: 40px;
    padding-top: 5px;
}.heading-3 {
    font-size: 16px;
    padding: 0.7em 1.2em;
    margin-bottom: 30px;
    border-radius: 0.3em;
}.info-table table thead td {
    font-size: 13px;
    letter-spacing: 0;
}
  .lift-list-item-status {
    font-weight: 600;
    display: block;
    padding: 0.4em 2em;
    border: #073971 solid 1px;
    background: #fff;
    border-radius: 99px;
    font-size: 12px;
    position: absolute;
    right: 0.5em;
    letter-spacing: 0;
}
  
  .sec {
    padding-top: 60px;
}
  .lift-list-item-hours {
    font-size: 11px;
    font-weight: 500;
}.lift-list-item-name {
    padding: 0 10px;
    font-weight: 700;
    line-height: 1.2em;
}.course-condition-item {
    width: 100%;
    box-sizing: border-box;
}
  .item-detail-heading {
    font-size: 18px;
    font-weight: 900;
    padding-bottom: 20px;
}
  .lead-copy {
    font-size: 20px;
    text-align: center;
    line-height: 1.4em;
    padding-bottom: 0.6em;
    font-weight: 900;
}
  .sec .app-flow-txt p {
    padding-right: 20px;
    padding-bottom: 0px;
    line-height: 1.6;
    font-size: 13px;
}.app-flow-ico {
    width: 30%;
}.sec .app-flow-txt p {
    padding: 10px;
    line-height: 1.5;
    font-size: 12px;
}.app-btn-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0;
    width: 85%;
    margin-bottom: 10px;
}.fuyuyama .info-table table tbody th {
    font-size: 14px;
    font-weight: 600;
    width: 6em;
}.heading-1 {
    font-size: 20px;
    margin-bottom: 24px;
}.heading-1:after {
    content: "";
    position: absolute;
    right: -50px;
    width: 40px;
    height: 2px;
    top: 0.74em;
    background: var(--key-color);
}.scefule-bg {
    opacity: 0.7;
    height: 600px;
}.scefule-bg img {
    height: 600px;
    object-fit: cover;
}.exp-scedule {
    position: absolute;
    color: #fff;
    z-index: 2;
    left: 20px;
    bottom: 40px;
    width: 90%;
}.scefule-table th {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 0.2em;
}.scefule-table td {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 0.2em;
    padding-left: 10px;
}.tour-item-name {
    font-size: 15px;
    font-weight: 700;
    padding-right: 20px;
}.faq .toggle_title {
    font-size: 15px;
    padding-right: 40px;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
    letter-spacing: 0;
}.toggle_title .ico-q {
    font-weight: 700;
    color: #62b9df;
    font-size: 20px;
    position: absolute;
    left: 0.2em;
    top: 12px;
}.faq .toggle_txt {
    padding: 15px;
    line-height: 1.6em;
}.faq .dli-plus-wrap {
    right: 10px;
    top: 16px;
    font-size: 12px;
}.tour-items .toggle_title {
    padding: 12px 40px 12px 10px;
}.tour-item-name {
    font-size: 15px;
    font-weight: 700;
}.tour-items .dli-plus-wrap {
    right: 10px;
    top: calc(50% - 12px);
}.tour-items .toggle_txt {
    padding: 16px 0;
    background: #ffffff;
}.info-table table {
    margin-top: 20px;
    line-height: 1.6em;
    margin-bottom: 20px;
    font-feature-settings: "palt";
}.sec .toggle_txt p {
    line-height: 1.8;
    padding-bottom: 0;
    font-size: 14px;
}.family .lead {
    padding-bottom: 0;
    width: 84%;
    margin: 0 auto;
}.sort-item-title {
    padding-top: 10px;
    font-weight: 700;
    font-size: 12px;
}.family-item-tmb {
    border: #333 solid 5px;
    border-radius: 8px;
    box-sizing: border-box;
}.ski .family-item-tmb {
    border: #4c84c3 solid 3px;
  overflow: hidden;
}
.gao .family-item-tmb {
    border: #59a7b1 solid 3px;
}
.muhyo .family-item-tmb {
    border: #6e71a2 solid 3px;
}
.tower .family-item-tmb {
    border: #579873 solid 3px;
}
.hotal .family-item-tmb {
    border: #afa182 solid 3px;
}.family-item-name {
    font-weight: 700;
    text-align: center;
    padding-top: 1em;
    font-size: 14px;
}.family-item-data {
    font-size: 12px;
    text-align: center;
    color: #B9A670;
    padding-top: 0.3em;
    font-weight: 500;
}.family-item-location {
    font-size: 11px;
    padding: 0.4em 0;
    font-weight: 500;
}.sec .family-item p {
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 1em;
    font-size: 12px;
}.tab-button {
    padding: 0 5px;
    height: 40px;
    padding-top: 5px;
    letter-spacing: 0;
    font-size: 10px;
}.info-table table thead th {
    padding: 8px 4px;
    font-size: 12px;
}.ticket-price-wrap .scroll.info-table {
    padding-bottom: 20px;
}.info-table table.herf tbody th {
    width: 40%;
}
  .btn {
    padding: 20px 0;
}.tab-content-wrap {
    border-top: 0;
    text-align: left;
    padding-top: 15px;
    margin-top: 0;
}.rental .point-item-title {
    font-weight: 700;
    align-items: flex-start;
    font-size: 12px;
}.point-items.flex {
    padding-bottom: 20px;
}.rental-items .toggle_title {
    padding: 20px 40px 20px 10px;
}.rental-items .dli-plus-wrap {
    right: 10px;
}.rental-items .toggle_txt {
    padding: 0;
    background: #fbfdfe;
}.point-item {
    width: calc(50% - 10px);
    justify-content: center;
}.levelcart-item {
    margin: 0.5em;
    width: 30%;
}.lesson-list .inner {
    padding: 30px 10px;
    border: #073971 solid 2px;
    border-radius: 20px;
}select#age-select {
    width: 136px;
   padding: 0.6em 1.5em;
}select#schedule-select {
    width: 136px;
   padding: 0.6em 1.5em;
}
.check-item {
    margin: 10px;
    font-size: 12px;
    margin-bottom: 15px;
}.select-item {
    position: relative;
    margin: 0 0.2em 0;
}.lesson-item-name {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 0.5em;
}.level1 {
    font-size: 11px;
    padding: 6px 1.2em 4px;
    margin-right: 4px;
}
.level2 {
    font-size: 11px;
    padding: 6px 1.2em 4px;
    margin-right: 4px;
}
  .level3 {
    font-size: 11px;
    padding: 6px 1.2em 4px;
    margin-right: 4px;
}.lesson-item-outline dd {
    font-size: 12px;
}.lesson-item-outline dt {
    font-size: 12px;
}.lesson-item-tmb {
    width: 100%;
    margin-bottom: 20px;
}.lesson-item-detail {
    width: 100%;
}.lesson-item-price p.sup {
    line-height: 1.5;
}.heading-4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    margin-top: 10px;
}.sec-lead-txt {
    width: 100%;
}.sec-lead-pic {
    width: 100%;
    margin-bottom: 20px;
}.home-condition-item {
    margin: 0;
    padding-top: 0;
}.home-condition-item.condition-weather.sp30 {
    width: calc(33.333% - 10px);
}.home-condition-item.condition-temp.sp30 {
    width: calc(33.333% - 10px);
    text-align: center;
}.home-condition-item.condition-snowfall.sp30 {
    width: calc(33.333% - 10px);
}.home-condition-item.condition-quality.sp60 {
    width: calc(66% - 10px);
}.condition-weather .home-condition-item-detail {
    padding: 10px 20px;
}.home-condition-item-update {
    font-size: 0.75em;
    padding-top: 0.5em;
    letter-spacing: 0;
    text-align: center;
    padding-bottom: 20px;
}.condition-data .home-condition-item-detail {
    font-size: 20px;
    text-align: center;
}.home-condition-item.condition-link.sp100 {
    width: 100%;
    text-align: center;
    padding: 20px;
    margin-top: 15px;
}.home-sectitle-en.en {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1em;
}.home-sectitle-jp {
    font-weight: 600;
    font-size: 15px;
    padding-left: 2em;
    position: relative;
    padding-top: 0.2em;
}.home-topics-item-name {
    font-size: 14px;
    padding-top: 1em;
    text-align: center;
    font-weight: 600;
}#home-topics.sec p {
    line-height: 1.6em;
    padding-bottom: 1.5em;
    font-size: 13px;
    padding-top: 0.5em;
}.sec.home-content .home-seclead {
    font-size: 20px;
    padding-top: 20px;
    font-weight: 900;
}.sec.home-content .sec-summary {
    position: relative;
    z-index: 2;
    width: 90%;
    padding-left: 0;
    padding-top: 100px;
    margin: 0 auto;
}.home-about-data-items.flex {
    justify-content: center;
    gap: 5px;
}.home-about-data-item {
    border-radius: 10px;
    padding: 10px;
    width: calc(50% - 5px);
    box-sizing: border-box;
}.home-about-data-item.wide {
    width: 100%;
}.sec.home-content .home-seclead {
    font-size: 18px;
    padding-top: 40px;
    font-weight: 900;
}.sec.home-content .home-hgroup {
    padding-bottom: 15px;
}.sec.home-content #home-activity .sec-summary {
    width: 90%;
    padding-left: 0;
    padding-top: 0;
    margin: 0 auto;
}#home-activity {
    position: relative;
    height: auto;
    margin-bottom: 40px;
}.sec.home-content #home-expert .sec-summary {
    width: 90%;
}#home-expert {
    position: relative;
    height: auto;
    margin-bottom: 40px;
}.sec.home-content #home-family .sec-summary {
    width: 90%;
    padding-left: 0;
    padding-top: 0;
}.osusume-item {
    width: calc(50% - 7px);
    text-align: center;
    padding-bottom: 20px;
}.osusume-title {
    padding-top: 1em;
    font-size: 12px;
}.home-condition {
    top: -50px;
            width: 85%;
}.condition-item.condition-data {
    width: 100%;
}.condition-item.condition-weather {
    width: 45%;
}.condition-item-wide.flex {
    width: 100%;
}.condition-item {
    margin: 0 0.3em 1em;
}.lift-list-item-name {
    line-height: 1.1em;
}.tab-button {
    padding: 0 14px;
    height: 35px;
    padding-top: 2px;
    letter-spacing: 0;
    font-size: 10px;
}
  .condition-item-unit {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    right: 0;
    bottom: 0.5em;
    text-align: center;
}
  .condition-item.condition-data {
    width: 100%;
}.condition-data .condition-item-detail.en {
    font-size: 30px;
}
  .condition-item.condition-weather {
    width: 30%;
}.condition-item-wide.flex {
    width: 68%;
}
  .condition-item {
    margin: 0 0.2em 1em;
}.condition-item-name {
    font-size: 12px;
    font-weight: 600;
    border-bottom: #1e396e solid 2px;
    padding-bottom: 0.6em;
    text-align: center;
}.condition-item-detail.en {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding: 0 0.2em;
}.condition-item-unit {
    font-size: 11px;
    font-weight: 500;
    position: relative;
    right: 0;
    bottom: 0.5em;
    text-align: center;
}.pr05 {
    padding-right: 0;
}.condition-item-detail.en.pl0 {
    padding-left: 0em;
}.condition-item-detail.en {
    text-align: center;
}.condition .quality-item {
    padding: 8px 4px;
    font-weight: 600;
    font-size: 12px;
}.pd1 {
    padding: 8px 4px;
    font-size: 12px;
}.condition-item-comment {
    line-height: 1.6em;
    font-size: 13px;
}.home-condition-item-detail {
    font-size: 36px;
}.quality-item .home-condition-item-detail {
    text-align: center;
    font-size: 13px;
    margin: 0 0.5em;
    font-weight: 400;
}
	.location-tag {
    position: absolute;
    font-size: 11px;
    padding: 0.6em 8px;
    line-height: 11px;
}.activity-title {
    font-size: 14px;
}.activity-time {
    font-size: 11px;
}
	.side-reserve-btn a {
    writing-mode: vertical-rl;
    background: #FEE60E;
    color: #073971;
    display: block;
    border-radius: 8px 0 0 8px;
    padding: 1.1em 0.8em;
    font-weight: 700;
    transition: .4s;
    font-size: 12px;
}
	
}