@charset "utf-8";
/********************************
	common parts
********************************/
/* btn */
.c-btn__wrap{
    display: flex;
    gap: 30px;
}
.c-btn__btn a {
    font-size: 2rem;
    font-family: var(--notoSansCJK);
    width: 300px;
    height: 60px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.c-btn__experience {
    color: var(--color-sub);
    background-color: var(--color-wh);
    border: 1px solid var(--color-wh);
}
.c-btn__fitting {
    color: var(--color-wh);
    background-color: var(--color-sub);
    border: 1px solid var(--color-wh);
}
@media (width <= 768px) {
    .c-btn__wrap{
        gap: 16px;
    }
    .c-btn__btn a {
        font-size: 1.6rem;
        width: 160px;
        height: 50px;
    }
}

/*****************************************************************

header

*****************************************************************/
.header__wrap {
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
}
.header__logo {
    width: 245px;
}
.header__btn a {
    font-size: 1.5rem;
    color: var(--color-wh);
    background: var(--bk-bk);
    border-radius: 30px;
    width: 210px;
    padding: 18px 0;
    text-align: center;
}
.header__right {
    display: flex;
    gap: 50px;
    align-items: center;
}
@media (width <= 768px) {
    .header__wrap {
        padding: 10px 15px;
    }
    .header__logo {
        width: 120px;
    }
    .header__btn a {
        font-size: 1.2rem;
        width: 120px;
        padding: 8px 0;
        text-align: center;
    }
    .header__right {
        display: flex;
        gap: 20px;
        align-items: center;
    }
}

/* header nav */
.header__nav {
  position: relative;
}

/* --- header__hamburger --- */
.header__hamburger {
  display: block;
  width: 40px;
  height: 29px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 100;
}

.header__hamburger-bar {
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--bk-bk);
  position: absolute;
  left: 0;
  transition: all 0.3s;
}

/* ��������� */
.header__hamburger-bar:nth-child(1) { top: 0; }
.header__hamburger-bar:nth-child(2) { top: 13px; }
.header__hamburger-bar:nth-child(3) { bottom: 0; }

/* --- Modifier: is-open (�_�����r�Υ��˥�`�����) --- */
.header__nav.is-open .header__hamburger-bar:nth-child(1) {
  transform: translateY(13px) rotate(45deg);
}
.header__nav.is-open .header__hamburger-bar:nth-child(2) {
  opacity: 0;
}
.header__nav.is-open .header__hamburger-bar:nth-child(3) {
  transform: translateY(-13px) rotate(-45deg);
}

/* --- header__menu  --- */
.header__menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  height: 100vh;
  background-color: var(--color-wh);
  box-shadow: -5px 0 15px rgba(0,0,0,0.1);
  transition: right 0.4s ease;
  z-index: 90;
  padding-top: 80px;
}

/* ��˥�`չ�_�r */
.header__nav.is-open .header__menu {
  right: 0;
}

.header__menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header__menu-item a {
  display: block;
  padding: 20px;
  text-decoration: none;
  color: var(--text-grey);
}
@media (width <= 768px) {
    /* --- header__hamburger --- */
    .header__hamburger {
        width: 30px;
        height: 20px;
    }
    .header__hamburger-bar {
        height: 2px;
        background-color: var(--bk-bk);
    }
    /* ��������� */
    .header__hamburger-bar:nth-child(1) { top: 0; }
    .header__hamburger-bar:nth-child(2) { top: 9px; }
    .header__hamburger-bar:nth-child(3) { bottom: 0; }

    /* --- Modifier: is-open (�_�����r�Υ��˥�`�����) --- */
    .header__nav.is-open .header__hamburger-bar:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    .header__nav.is-open .header__hamburger-bar:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
    /* --- header__menu  --- */
    .header__menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        height: 100vh;
        padding-top: 80px;
    }
    /* ��˥�`չ�_�r */
    .header__nav.is-open .header__menu {
        right: 0;
    }
    .header__menu-list {
        padding: 0;
        margin: 0;
    }
    .header__menu-item a {
        padding: 20px;
    }
}

/*****************************************************************

�ȥåץک`��

*****************************************************************/

/* bg */
.bg {
    background-image: url(../img/bg_fv.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative; /* ��Ҫ�ؤ�~�����ä������ */
    width: 100%;
    overflow: hidden;
}

/* ���饤�ɱ��� */
/* ���饤�ɱ������ꥢ */
.slide_area {
    position: absolute;
    top: -12%;
    left: 55%;
    transform: translateX(-50%);
    width: calc(100% + 200px);
    height: calc((100% + 200px) * 3800 / 3800);
    z-index: 1;
}

/* ���� */
.slide_area::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: url(../img/slide_bk.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    z-index:2;
}
.slide_area_inner {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: end;
    overflow: hidden;
    border-radius: 50%;
}
.mySwiper {
    position: absolute;
    top: 0;
    right: 9%;
    width: 50%;
    margin-top: 13%;
    max-width: 1000px;
    right: 10%;
}
.swiper{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media (max-width: 768px) {
/* ���饤�ɱ������ꥢ */
.slide_area {
    position: absolute;
    top: -5vw;
    left: 0%;
    transform: none;
   /* width: calc(100% + 200px);*/
   height: 100%;
	width: 100%;


	
    z-index: 1;
}

/* ���� */
.slide_area::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: url(../img/slide_bk.png);
    background-position:60% top;
    background-size: 200% auto;
    background-repeat: no-repeat;
    z-index:2;
		top: -38.666666666666664vw;
}
.slide_area_inner {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: end;
    overflow: hidden;
    border-radius: 0%;
	margin-top: 0px;
}
main:after{
		  content: '';
  background: url(../img/sp_light.png) 0 0 no-repeat;
  display: block;
	background-size: cover;
	width: 100%;
	aspect-ratio:750 / 830;
	z-index: 4;
	opacity: 0.5;
	position: absolute;
	left: 0;
	mix-blend-mode: overlay;
	top: 55px;
	pointer-events: none;

	}	
	
	
  .mySwiper {
    height: auto;
	  position: absolute;
    top: 0%;
    right: -3.5vw;
        width: 90%;
        margin-top: -5vw;
		
	max-width: 1000px;
  }
  .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
  }
}

/* FV��POINT��ǰ��� */
.fv,
.point {
    position: relative;
    z-index: 2;
}

/********************************
	section : FV
********************************/
.fv {
    padding-top: 60px;
    /* padding-left: 118px; */
}
.fv__head {
    color: var(--color-wh);
}
.fv_ttl_wrap {
    border-left: solid 2px #16f594;
    padding-left: 15px;
}
.fv__ttl {
    font-size: 3.4rem;
    font-family: var(--poppins);
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.fv__jp-ttl {
    font-size: 2.4rem;
    font-family: var(--notoSansCJK);
    line-height: 1;
    font-weight: 700;
}
.fv__tt02{
    margin-top: 40px;
}
.fv__tt02 .s_text{
    font-size: 10rem;
    font-family: var(--poppins);
    letter-spacing: 0.02em;
    line-height: 1;
    font-weight: 600;
    color: #16f594;
    display: block;
}
.fv__tt02 .b_text{
    font-size: 15rem;
    font-family: var(--poppins);
    letter-spacing: 0.02em;
    line-height: 1;
    font-weight: 600;
    color: #16f594;
    display: block;
}
.fv__contents {
    color: var(--color-wh);
    font-family: var(--notoSansCJK);
    padding-top:25px;
}
.fv__main-text {
    font-size: 4rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-weight: 700;
}
.fv__sub-text {
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.8;
    padding-top: 27px;
}

.fv__btnWrap {
    padding-top: 56px;
}
@media (width <= 768px) {
    .fv {
        padding-top: calc(100vw * 504 / 750);
        padding-left: 0;
        padding-bottom: calc(100vw * 150 / 750);
    }
    .fv__ttl {
        font-size: calc(100vw * 32 / 750);
    }
    .fv__jp-ttl {
        font-size: calc(100vw * 32 / 750);
    }
	.fv__tt02{
		display: flex;
		letter-spacing: 0;
		font-feature-settings: 'palt';
		column-gap: 0.5em;
		    margin-top: calc(100vw * 64 / 750);
	}
	.fv__tt02 .s_text{
		        font-size: calc(100vw * 100 / 750);
				letter-spacing: 0;


	}
	.fv__tt02 .b_text{
		        font-size: calc(100vw * 100 / 750);
				letter-spacing: 0;
	}
    .fv__contents {
        padding-top: calc(100vw * 40 / 750);
    }
    .fv__main-text {
        font-size: calc(100vw * 60 / 750);
			letter-spacing: 0;
    }
    .fv__sub-text {
        font-size: calc(100vw * 28 / 750);
        padding-top: calc(100vw * 50 / 750);
    }
    .fv__btnWrap {
        padding-top: calc(100vw * 60 / 750);
    }
}


/********************************
	section : point
********************************/
.point {
padding: 140px 0px 120px;
}
.point__deco {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.point__deco-img {
    display: inline-block;
    width: 27px;
    flex-shrink: 0;
}
.point__deco-text {
    color: var(--color-light);
    font-size: 3rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-family: var(--poppins);
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.point__deco-text::after { 
    content: ""; 
    flex-grow: 1; 
    margin-left: 15px; 
    height: 1px; 
    background-color: #16f594; /* ����ɫ */
}
.point__contents {
    padding-top: 38px;
    color: var(--color-wh);
}
.point__ttl {
    font-size: 5rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-family: var(--notoSansCJK);
    font-weight: 700;
}
.point__sub-ttl {
    font-size: 2.4rem;
    letter-spacing: 0.05em;
    line-height: 1.83;
    padding-top: 23px;
}
@media (width <= 768px) {
    .point {
        padding-top: 0;
			padding-bottom:  calc(100vw * 120 / 750)
    }
    .point__deco {
        gap: 8px;
    }
    .point__deco-img {
        width: 20px;
    }
    .point__deco-text {
        font-size: calc(100vw * 40 / 750);
    }
    .point__deco-text::after {
        margin-left: 12px;
    }
    .point__contents {
        padding-top: 38px;
        color: var(--color-wh);
    }
    .point__ttl {
        font-size: 5rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        font-family: var(--notoSansCJK);
        font-weight: 700;
    }
    .point__sub-ttl {
        font-size: 2.4rem;
        letter-spacing: 0.05em;
        line-height: 1.83;
        padding-top: 23px;
    }
    .point__contents {
        padding-top: 12px;
    }
    .point__ttl {
        font-size: calc(100vw * 60 / 750);
    }
    .point__sub-ttl {
        font-size: calc(100vw * 34 / 750);
        padding-top: 14px;
    }
}
.point_after_contents .flexbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.point_after_contents .flexbox .circle-container {
    position: relative;
    width: 280px;
    height: 280px;
}
.point_after_contents .flexbox .leftbox {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../img/circle_bk.webp);
    background-size: cover;
    margin: 5px 0px;
}
.point_after_contents .flexbox .leftbox .year {
    font-weight: bold;
    font-size: 3.6rem;
    color: #ffffff;
    border-bottom: solid 1px #16f594;
    margin-bottom: 10px;
    width: 80%;
    display: flex;
    justify-content: center;
}
.point_after_contents .flexbox .leftbox .text {
    font-size: 3.6rem;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3;
}
.point_after_contents .flexbox .circle-text-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 280px;
    font-family: var(--poppins);
    font-weight: 600;
    text-transform: uppercase;
}
.point_after_contents .flexbox .rightbox {
    width: calc(100% - 300px);
    border-top: solid 2px #16f594;
    border-bottom: solid 2px #16f594;
    padding: 30px 0px;
}
.point_after_contents .flexbox .rightbox h4.b_text{
    font-size: 4rem;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px;
}
.point_after_contents .flexbox .rightbox .s_text{
    font-size: 2rem;
    color: #ffffff;
}
   @media screen and (max-width: 768px) {
		 .point_after_contents .flexbox{
    display: flex;
    align-items: center;
			 flex-direction: column;
    justify-content: flex-start;
			     border-top: solid 1px #16f594;
			 	padding-top: calc(100vw * 60 / 750);
			     border-bottom: solid 1px #16f594;

}
.point_after_contents .flexbox .circle-container {
    position: relative;
    width: 100%;
    height: auto;
}
.point_after_contents .flexbox .leftbox {
    width: 100%;

    height: auto;
    border-radius: 0%;
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
background-image: radial-gradient( #00C556 0%, #00883A 100%);
	border-radius: 1000px;
	width: 100%;
height: 50px;
    margin: 5px 0px;
}
		 .point_after_contents .eng_tit{
    font-family: var(--poppins);
    font-weight: 600;
font-size:  calc(100vw * 30 / 750);
color: #009944;
			 text-align: center;
font-weight: bold;
text-transform: uppercase;
		 }
.point_after_contents .flexbox .leftbox .year {
    font-weight: bold;
    font-size: calc(100vw * 40 / 750);
    color: #ffffff;
    margin-bottom: 0px;
	  border-bottom: solid 0px #16f594;
    width: auto;
    display: inline-block;
    justify-content: center;
}
.point_after_contents .flexbox .leftbox .text {
    font-size: calc(100vw * 40 / 750);
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3;
}
.point_after_contents .flexbox .circle-text-svg {
display: none
}
.point_after_contents .flexbox .rightbox {
    width: 100%;
	border-top: solid 0px #16f594;
    border-bottom: solid 0px #16f594;
  padding: 0
}
.point_after_contents .flexbox .rightbox h4.b_text{
    font-size: calc(100vw * 46 / 750);
    font-weight: bold;
    color: #ffffff;
	text-align: center;
	font-feature-settings: 'palt';
    padding: calc(100vw * 50 / 750) 0px;
	margin-bottom: 0
}
.point_after_contents .flexbox .rightbox .s_text{
    font-size: calc(100vw * 30 / 750);
    color: #ffffff;
	margin-bottom: calc(100vw * 60 / 750);
}

		 
}


.p-strength {
    padding-top: 54px;
    padding-bottom: 60px;
}
.p-strength__wrap {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.p-strength__item {
    background: var(--color-wh);
    border-radius: 20px;
    padding: 30px;
    position: relative;
    display: flex;
    gap: 40px;
}
.p-strength__img {
    max-width: 400px;
    flex-shrink: 0;
}
.p-strength__contents {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.p-strength__head {
    font-family: var(--notoSansCJK);
    letter-spacing: 0.05em;
}
.p-strength__head .item_number{
    color: var(--color-light);
    font-size: 2.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-family: var(--poppins);
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 10px;
}
.p-strength__ttl {
    font-size: 3.2rem;
    line-height: 1.37;
    font-weight: 700;
    color: #ffffff;
    background: #007b36;
    display: inline-block;
    padding: 8px 10px;
}
.p-strength__txt {
    font-size: 1.8rem;
    color: var(--text-grey);
    line-height: 1.6;
    padding-top: 17px;
}
.p-strength__lists {
    padding-top: 8px;
    display: flex;
    gap: 24px;
}
.p-strength__list {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-weight: 500;
    font-family: var(--notoSansCJK);
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}
.p-strength__list:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: var(--color-light-grey);
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
}
.p-strength__list span {
    display: inline-block;
    width: 17px;
}
.p-strength__btn {
    display: flex;
    justify-content: flex-end;
}
.p-strength__link {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.75;
    font-weight: 700;
    font-family: var(--notoSansCJK);
    color: var(--color-wh);
    background: var(--color-sub);
    padding: 12px 10px;
    width: 250px;
    border-radius: 25px;
    text-align: center;
}
@media (width <= 768px) {
    .p-strength {
        padding-top: 32px;
        padding-bottom: 60px;
    }
    .p-strength__wrap {
        gap: 35px;
    }
    .p-strength__item {
        padding: 20px 20px 25px;
        flex-direction: column;
        align-items: center;
        gap: 14px;
    }
    .p-strength__item::after {
        font-size: 6rem;
        top: -24px;
        right: 20px;
    }
    .p-strength__img {
        max-width: 305px;
    }
    .p-strength__ttl {
        font-size: 2.1rem;
    }
    .p-strength__txt {
        font-size: 1.4rem;
        padding-top: 14px;
    }
    .p-strength__lists {
        padding-top: 12px;
        flex-direction: column;
        gap: 4px;
    }
    .p-strength__list {
        font-size: 1.4rem;
    }
    .p-strength__list:not(:last-child)::after {
        content: none;
    }
    .p-strength__list span {
        width: 14px;
    }
    .p-strength__btn {
        justify-content: center;
        padding-top: 22px;
    }
    .p-strength__link {
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        line-height: 1.75;
        font-weight: 700;
        font-family: var(--notoSansCJK);
        color: var(--color-wh);
        background: var(--color-sub);
        padding: 12px 10px;
        width: 250px;
        border-radius: 25px;
        text-align: center;
    }
}
/********************************
    section : road map
********************************/
.roadmap {
    background-image:
    url(../img/bg_texr_bfg.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;

}
.roadmap .inner_bg_wrap {
    background-color: #eeeeee;
    background-image: linear-gradient(#ffffff 150px, transparent 0);
    background-repeat: no-repeat;
    padding-bottom: 100px;
}
.roadmap__head {
    padding-top: 208px;
    text-align: center;
}
.roadmap__sub-ttl {
    font-size: 3rem;
    font-family: var(--poppins);
    font-weight: 600;
    color: var(--color-sub);
    text-transform: uppercase;
}
.roadmap__ttl {
    font-size: 5rem;
    font-weight: 700;
    padding-top: 15px;
}
.roadmap__txt {
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--text-grey);
    padding-top: 24px;
}
.roadmap__menu-items {
    padding-top: 74px;
    display: flex;
    gap: 40px;
}
.roadmap__menu {
    background: var(--color-sub);
    border-radius: 10px;
    width: 270px;
    height: 190px;
    padding: 14px 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.roadmap__menu-contents {
    text-align: center;
}
.roadmap__menu-en-txt {
    font-size: 3rem;
    font-family: var(--poppins);
    font-weight: 600;
    color: var(--color-neon);
    text-transform: uppercase;
}
.roadmap__menu-text {
    font-size: 1.8rem;
    color: var(--color-wh);
    padding-top: 3px;
}
.roadmap__arrow {
    width: 16px;
    margin-inline: auto;
    position: absolute;
    bottom: 0;
    margin-bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.roadmap .roadmap_item{
    margin-top: 80px;
    background: #ffffff;
    border-radius: 20px;
}
.roadmap .roadmap_item h4{
    background: #00622b;
    border-radius: 20px 20px 0px 0px;
    padding: 20px 20px;
    display: flex;
    align-items: center;
}
.roadmap .roadmap_item h4 .en_title {
    font-size: 3.6rem;
    font-family: var(--poppins);
    font-weight: 600;
    color: var(--color-neon);
    line-height: 1;
    position: relative;
    padding-top: 4px;
    padding-right: 20px;
    border-right: 1px #ffffff solid;
}
.roadmap .roadmap_item h4 .jp_title {
    font-size: 3.6rem;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
    display: block;
    padding-left: 20px;
}
.roadmap .roadmap_item .flexbox {
    padding: 40px;
    display: flex;
    gap: 40px;
}
.roadmap .roadmap_item .text_cont{
    width: calc(100% - 530px);
}
.roadmap .roadmap_item .text_cont h5{
    font-weight: bold;
    font-size: 3.2rem;
    color: #007b36;
    margin-bottom: 20px;
}
.roadmap .roadmap_item .text_cont p {
    font-size: 1.8rem;
    margin-bottom: 40px;
}
.roadmap .roadmap_item .text_cont table{
    width: 100%;
}
.roadmap .roadmap_item .text_cont table th {
    vertical-align: text-top;
    padding: 20px 80px 10px 0px;
    font-size: 1.8rem;
    width: 180px;
    border-top: solid 1px #eeeeee;
}
.roadmap .roadmap_item .text_cont table td{
    vertical-align: text-top;
    font-size: 1.8rem;
    padding: 20px 0px 10px 0px;
    border-top: solid 1px #eeeeee;
}
.roadmap .roadmap_item .flexbox .imagebox{
    width: 530px;
}
.roadmap .roadmap_item .text_cont table ul li{
    list-style: disc;
}
.roadmap .roadmap_item .text_cont table ul li::marker {
    color: #009944; /* ���ɫ�����䤨�� */
}

   @media screen and (max-width: 768px) {
		 .roadmap {
    background-image:
    url(../img/bg_texr_bfg.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 94% auto;

}
.roadmap .inner_bg_wrap {
    background-color: #eeeeee;
    background-image: linear-gradient(#ffffff calc(100vw * 140 / 750), transparent 0);
    background-repeat: no-repeat;
    padding-bottom: 100px;
}
.roadmap__head {
    padding-top:  calc(100vw * 150 / 750);
    text-align: center;
}
.roadmap__sub-ttl {
    font-size: calc(100vw * 40 / 750);
    font-family: var(--poppins);
    font-weight: 600;
    color: var(--color-sub);
    text-transform: uppercase;
}
.roadmap__ttl {
    font-size: calc(100vw * 60 / 750);
    font-weight: 700;
    padding-top: calc(100vw * 56 / 750);
}
.roadmap__txt {
    font-size: calc(100vw * 34 / 750);
    font-weight: 500;
    color: var(--text-grey);
    padding-top: calc(100vw * 48 / 750);
}
.roadmap__menu-items {
    padding-top: calc(100vw * 80 / 750);
    display: flex;
	flex-wrap: wrap;
    gap: calc(100vw * 40 / 750);
}
.roadmap__menu {
    background: var(--color-sub);
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: calc(100vw * 30 / 750) calc(100vw * 32 / 750);
    display: block;
    flex-direction: row;
	text-align: left;
    justify-content: space-between;
    position: relative;
}
.roadmap__menu-contents {
    text-align: left;
}
.roadmap__menu-en-txt {
    font-size: calc(100vw * 40 / 750);
    font-family: var(--poppins);
    font-weight: 600;
    color: var(--color-neon);
    text-transform: uppercase;
}
.roadmap__menu-text {
    font-size: calc(100vw * 26 / 750);
    color: var(--color-wh);
    padding-top: 3px;
	letter-spacing: 0;
	font-feature-settings: 'palt';
}
.roadmap__arrow {
    width: calc(100vw * 20 / 750);
    margin-inline: auto;
    position: absolute;
    bottom: auto;
	top: 50%;
    margin-bottom: 0px;
    left: auto;
	right: calc(100vw * 40 / 750);
    transform: translate(0% -50%);
}
.roadmap .roadmap_item{
    margin-top: calc(100vw * 80 / 750);
    background: #ffffff;
    border-radius: 10px;
}
.roadmap .roadmap_item h4{
    background: #00622b;
    border-radius: 10px 10px 0px 0px;
    padding: calc(100vw * 35 / 750);
    display: flex;
	flex-direction: column;
    align-items: center;
}
.roadmap .roadmap_item h4 .en_title {
    font-size: calc(100vw * 46 / 750);
    font-family: var(--poppins);
    font-weight: 600;
    color: var(--color-neon);
    line-height: 1;
	display: block;
	width: 100%;
	text-align: center;
    position: relative;
    padding-top: 4px;
	 padding-bottom: calc(100vw * 30 / 750);
	margin-bottom: calc(100vw * 30 / 750);
	border-bottom: 1px solid #338155;
    padding-right: 0px;
    border-right: 0px #ffffff solid;
}
.roadmap .roadmap_item h4 .jp_title {
    font-size: calc(100vw * 46 / 750);
    color: #ffffff;
    line-height: 1.5;
    font-weight: bold;
	font-feature-settings: 'palt';
	text-align: center;
    display: block;
    padding-left: 0px;
}
.roadmap .roadmap_item .flexbox {
    padding: calc(100vw * 50 / 750) calc(100vw * 40 / 750);
    display: flex;
	flex-direction: column;
    gap: 0px;
}
.roadmap .roadmap_item .text_cont{
    width: 100%;
}
.roadmap .roadmap_item .text_cont h5{
    font-weight: bold;
    font-size: calc(100vw * 42 / 750);
    color: #007b36;
    margin-bottom: calc(100vw * 30 / 750);
	font-feature-settings: 'palt';
}
.roadmap .roadmap_item .text_cont p {
    font-size: calc(100vw * 28 / 750);
    margin-bottom: calc(100vw * 40 / 750);
}
.roadmap .roadmap_item .text_cont table{
    width: 100%;
}
.roadmap .roadmap_item .text_cont table th {
    vertical-align: text-top;
	text-align: left;
    padding: 20px 0px 0px 0px;
    font-size: calc(100vw * 28 / 750);
    width: 100%;
	display: block;
    border-top: solid 1px #eeeeee;
}
.roadmap .roadmap_item .text_cont table td{
    vertical-align: text-top;
    font-size:calc(100vw * 28 / 750);
    padding: 5px 0px 10px 0px;
    border-top: solid 0px #eeeeee;
	    width: 100%;
	display: block;
}
.roadmap .roadmap_item .flexbox .imagebox{
    width: 100%;
}
.roadmap .roadmap_item .text_cont table ul li{
    list-style: disc;
	list-style-position: inside
}
.roadmap .roadmap_item .text_cont table ul li::marker {
    color: #009944; /* ���ɫ�����䤨�� */
}

		 
}


/********************************
    section : school
********************************/
.scroll_text_wrap{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.scroll_text{
  display: flex;
  width: max-content;
  animation: textScroll 25s linear infinite;
}
.scroll_text p {
    white-space: nowrap;
    padding-right: 120px;
    font-size: 20rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgb(255, 255, 255, 0.3);
    line-height: 0.9;
    margin-bottom: -19px;
}
/* ���˥�`����� */
@keyframes textScroll{
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-50%);
  }
}

.school {
    padding-top: 120px;
    position: relative;
}
.school__wrap {
    background-image: url(../img/bg_golf.jpg), url(../img/bg_school.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top right, top left;
    background-size: contain, 100% 100%; /* bg_school�ϸߤ��˺Ϥ碌�ƿsС */
    position: relative;
    overflow: hidden;
    min-height: 600px;
}
.school__wrap::before {
    content: "";
    width: 722px;
    height: 716px;
    position: absolute;
    bottom: -124px;
    right: 6%;
    background-image: url(../img/img_women.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 0;
}
.school__inner {
    color: var(--color-wh);
    position: relative;
    z-index: 1;
}
.school__text {
    font-size: 3rem;
    font-family: var(--poppins);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 40px 0px;
}
.school__head {
    font-size: 4.6rem;
    font-family: var(--notoSansCJK);
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.4;
    padding-top: 40px;
}
.school__sub-head {
    font-size: 2.4rem;
    font-family: var(--notoSansCJK);
    letter-spacing: 0.05em;
    font-weight: 500;
    padding-top: 35px;
}

.school__btnWrap {
    padding-top: 50px;
}

/********************************
section : reason
********************************/
/* reason common */
.c-reason__item-head {
    text-align: center;
}
.c-reason__item-ttl {
    font-size: 5rem;
    font-family: var(--poppins);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-light);
}
.c-reason__item-subttl {
    font-size: 1.6rem;
    color: var(--text-grey);
}
.c-reason__ttl {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--color-main);
    padding-top: 23px;
}
.c-reason__txt {
    font-size: 1.5rem;
    color: var(--text-grey);
    padding-top: 11px;
}

@media (width <= 768px) {
    .c-reason__item-ttl {
        font-size: 3rem;
    }
    .c-reason__item-subttl {
        font-size: 1.3rem;
    }
    .c-reason__ttl {
        font-size: 1.6rem;
        padding-top: 10px;
    }
    .c-reason__txt {
        font-size: 1.3rem;
        padding-top: 15x;
    }
}

/* reason */
.reason {
    background: var(--bk-light-gr);
    background-image: url(../img/bg_reason.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
.reason__head {
    padding-top: 114px;
    text-align: center;
    margin-bottom: 74px;
}
.reason__en-txt {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-light);
}
.reason__ttl {
    font-size: 5rem;
    font-weight: 700;
    color: var(--color-wh);
    padding-top: 19px;
}
.reason__txt {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.83;
    color: var(--color-wh);
}
.reason__data {
    background-color: var(--color-wh);
    border-radius: 20px;
    padding: 32px 50px;
}
.reason__data-head {
    padding-bottom: 36px;
}
.reason__data-layout {
    display: flex;
    gap: 100px;
}
.reason__separator {
    position: relative;
}
.reason__separator::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.5px;
    height: 100%;
    background: var(--color-separator);
}
.reason__items {
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    padding-bottom: 120px;
}
.reason__item {
    background: var(--color-wh);
    border-radius: 20px;
    padding: 32px 50px;
}
.reason__items-img {
    padding-top: 36px;
}
@media (width <= 768px) {
    .reason {
        background-image: url(../img/bg_sp_reason.webp);
    }
    .reason__head {
        padding-top: 112px;
        margin-bottom: 72px;
    }
    .reason__en-txt {
        font-size: 2rem;
    }
    .reason__ttl {
        font-size: 3rem;
        padding-top: 12px;
    }
    .reason__txt {
        font-size: 1.7rem;
        padding-top: 13px;
    }
    .reason__data {
        padding: 10px 20px;
    }
    .reason__data-head {
        padding-bottom: 17px;
    }
    .reason__data-layout {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }
    .reason__separator {
        position: relative;
    }
    .reason__separator::after {
        top: 48%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 0.5px;
    }
    .reason__items {
        padding-top: 30px;
        grid-template-columns: 1fr;
        gap: 30px;
        padding-bottom: 60px;
    }
    .reason__item {
        padding: 10px 20px;
    }
    .reason__items-img {
        padding-top: 17px;
    }
}

/*****************************************************************

�Œӥک`��

*****************************************************************/

.page_header_area{
    background: url(../img/page_header_bk.webp);
    position: relative;
    padding: 110px 0px;
}
.page_header_area .top_text{
    font-size: 20rem;
    color: #16f594;
    opacity: 0.1;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: nowrap;
    transform: translate(-50%, -20%);
    font-family: var(--poppins);
    font-weight: 600;
}
.page_header_area .page_header_title .en_title{
    color: var(--color-light);
    font-size: 2.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-family: var(--poppins);
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 10px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.page_header_area .page_header_title .jp_title{
    font-size: 5rem;
    font-weight: bold;
    text-align: center;
    display: block;
    color: #ffffff;
    margin-bottom: 20px;
}
.page_header_area .page_header_text{
    text-align: center;
    color: #ffffff;
    font-size: 2.4rem;
}
.page_tb120{
    padding: 120px 0px;
}

/********************************
MEMBERS VOICE
********************************/
.members_voice {
    background: url(../img/members_voice.webp);
    padding: 100px 0px;
    background-size: cover;
    margin-top: 120px;
}
.members_voice .contents_flex{
    display: flex;
    width: 100%;
}
.members_voice .voice_slide_wrap {
    width: calc(50vw + (100% - 790px) / 2);
    margin-right: calc(50% - 50vw);
    margin-top: 25px;
    padding: 10px 0px;
}
.members_voice .contents_flex .left_box {
    display: flex;
    flex-direction: column;
    width: 400px;
}
.members_voice .left_box .head_text {
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 3rem;
    color: #ffffff;
}
.members_voice .left_box h3{
    font-size: 4.6rem;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0px 20px;
}
.members_voice .left_box .text{
    font-size: 2rem;
    color: #ffffff;
    line-height: 2;
    font-weight: 600;
}
.voice-nav {
    margin-top: 50px;
    display: flex;
    gap: 30px;
    align-items: center;
}
.voice-nav span{
    font-family: var(--poppins);
    font-weight: 600;
    color: #ffffff;
}
.voice-nav span.line {
    font-weight: normal;
    margin: 0 10px;
}
.voice-prev, .voice-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: none;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: solid 1px #ffffff;
}
.members_voice .member_voice_item{
    width: 500px;
    background: #ffffff;
    padding: 30px 40px 40px;
    position: relative;
}
.members_voice .member_voice_item .member_icon{
    width: 60px;
    margin-right: 20px;
}
.members_voice .member_voice_item h4{
    font-size: 2.4rem;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: solid 1px #e1e6ec;
    margin-bottom: 25px;
}
.members_voice .member_voice_item .bottom_box{
    display: flex;
    align-items: center;
}
.members_voice .member_voice_item::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 22px;
  background: url(../img/member_left_top_icon.png) no-repeat center / contain;
  margin-top: -10px;
  margin-left: 20px;
}
.members_voice .member_voice_item::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 26px;
  height: 22px;
  background: url(../img/member_right_bottom_icon.png) no-repeat center / contain;
  margin-right: 20px;
  margin-bottom: -10px;
}
.voice_slide_wrap{
  position: relative;
}
.voiceSwiper{
  overflow: visible !important;
}
.swiper-slide{
  overflow: visible;
  position: relative;
}
.member_voice_item{
  position: relative;
  z-index: 1;
}

/********************************
coach
********************************/
#golf_coach{
    background: #efefef;
}
#golf_coach .coach_list_item .l-inner{
    padding:0 20px;
}
#golf_coach .coach_item_flex{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}
#golf_coach .coach_item{
    border-radius: 10px;
    background: #ffffff;
}
#golf_coach .coach_item .textbox{
    padding: 30px;
}
#golf_coach .coach_item .textbox h4{
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 35px;
}
@media (width <= 768px) {
	#golf_coach .coach_item_flex{
    grid-template-columns: repeat(2, 1fr);
    gap: calc(100vw * 30 / 750);
		grid-row-gap: 7.466666666666668vw;
}

#golf_coach .coach_item .textbox{
   gap: calc(100vw * 30 / 750);
}
#golf_coach .coach_item .textbox h4{
    font-size: 4.533333333333333vw;
    gap: calc(100vw * 15 / 750);
    margin-bottom: 4.666666666666667vw;
}
	#golf_coach .coach_item .textbox p{
font-size: calc(100vw * 24 / 750);
	}
}
/********************************
facility
********************************/
 #golf_facility .facility_item{
    margin-bottom: 100px;
}
#golf_facility .facility_item01 {
    background: url(../img/facility/facility01.png);
    position: relative;
    background-size: cover;
    display: block;
}
#golf_facility .facility_item02 {
    background: url(../img/facility/facility02.png);
    position: relative;
    background-size: cover;
    display: block;
}
#golf_facility .facility_item03 {
    background: url(../img/facility/facility03.png);
    position: relative;
    background-size: cover;
    display: block;
}
#golf_facility .facility_item04 {
    background: url(../img/facility/facility04.webp);
    position: relative;
    background-size: cover;
    display: block;
}
#golf_facility .facility_item02 .facility_item_flex,#golf_facility .facility_item04 .facility_item_flex{
    display: flex;
    justify-content: end;
}
#golf_facility .facility_item .facility_item_flex .infobox{
    width: 800px;
    background: rgb(0, 0, 0, 0.7);
    padding: 60px;
    color: #ffffff;
}
#golf_facility .facility_item .facility_item_flex .infobox h3{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
#golf_facility .facility_item .facility_item_flex .infobox h3 .jp_title{
    font-size: 3.6rem;
    font-weight: bold;
    color: #16f594;
    margin-right: 20px;
    display: block;
}
#golf_facility .facility_item .facility_item_flex .infobox h3 .en_title {
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1;
    display: block;
    padding: 8px 0px 0;
}
#golf_facility .facility_item .facility_item_flex .infobox h4.b_text {
    font-size: 3.6rem;
    font-weight: bold;
    border-bottom: solid 1px rgb(255, 255, 255, 0.5);
    padding: 40px 0;
    margin-bottom: 50px;
    border-top: solid 1px rgb(255, 255, 255, 0.5);
}
#golf_facility .facility_item .facility_item_flex .infobox .list_wrap .list_item{
    margin-bottom: 20px;
}
#golf_facility .facility_item .facility_item_flex .infobox .list_wrap .list_item .list_title{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.check_icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #16f594;
    display: inline-block;
    position: relative;
    margin: -2px 5px -2px 5px;
}
.check_icon::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(45deg);
}

/********************************
enjoy
********************************/
#golf_enjoy .enjoy_about{
    display: block;
}
#golf_enjoy .enjoy_about h3{
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 40px;
}
#golf_enjoy .enjoy_about .circle_flex{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}
#golf_enjoy .enjoy_about .circle_flex .circle_item{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../img/circle_bk.webp);
    background-size: cover;
    margin: 5px 0px;
}
#golf_enjoy .enjoy_about .circle_flex .plus_icon{
    font-size: 4rem;
    color: #00893b;
    font-weight: 100;
}
#golf_enjoy .enjoy_about .circle_flex .circle_item .en_text{
    color: #16f594;
    font-weight: 600;
    font-size: 2rem;
    border-bottom: solid 1px;
    padding: 10px;
    margin-bottom: 20px;
}
#golf_enjoy .enjoy_about .circle_flex .circle_item .jp_text{
    font-size: 4.6rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1;
}
#golf_enjoy .enjoy_about .info{
    text-align: center;
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 40px;
}
#golf_enjoy .enjoy_about .last_text{
    text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
    color: #009944;
}
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area {
    padding: 100px 0 190px;
    text-align: center;
}
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area h3{
    font-size: 5rem;
    font-weight: bold;
    color: #16f594;
    margin-bottom: 30px;
}
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area .text01{
    text-align: center;
    color: #ffffff;
    font-size: 2rem;
    line-height: 2;
    border-bottom: solid 1px #16f594;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area .text02{
    font-size: 3rem;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 60px;
}
#golf_enjoy .intention_item_wrap .intention_item01 .top_contents_area{
    background: url(../img/enjoy/intention_item01_top.png);
    background-size: cover;
}
#golf_enjoy .intention_item_wrap .intention_item02 .top_contents_area{
    background: url(../img/enjoy/intention_item02_top.png);
    background-size: cover;
}
#golf_enjoy .intention_item_wrap .intention_item03 .top_contents_area{
    background: url(../img/enjoy/intention_item03_top.png);
    background-size: cover;
}
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner{
    display: flex;
    padding: 0 20px;
    gap: 40px;
}
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex {
    position: relative;
    margin-top: -190px;
    background: linear-gradient(to bottom, transparent 0px, transparent 190px, #eeeeee 190px, #eeeeee 100%);
    padding-bottom: 120px;
}
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner .s_item{
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
}
#golf_enjoy .intention_item_wrap .intention_item03 .s_item_flex .l-inner .s_item{
    padding: 20px;
}
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner .s_item h4{
    text-align: center;
    font-size: 2.6rem;
    color: #009944;
    font-weight: bold;
    margin: 25px 0px;
    letter-spacing: 0;
}
#golf_enjoy .intention_item_wrap .intention_item03 .s_item_flex .l-inner .s_item h4{
    font-size: 2.4rem;
}
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner .s_item p{
    font-size: 1.8rem;
    text-align: center;
}
#golf_enjoy .intention_item_wrap .intention_item03 .s_item_flex .l-inner .s_item p{
    font-size: 1.6rem;
}

/********************************
experience
********************************/
.experience_page_header_btn_wrap {
    margin: 60px 0 120px;
}
.experience_page_header_btn_wrap .c-btn__wrap{
    justify-content: center;
}
#golf_experience .experience_point{
    background:#eeeeee;
    padding-bottom: 120px;
}
#golf_experience .experience_point .l-inner{
    padding: 0 20px;
}
#golf_experience .experience_point .contents_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-top: -120px;
    z-index: 1;
    position: relative;
}
#golf_experience .experience_point .contents_flex .point_item {
    width: 540px;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}
#golf_experience .experience_point .contents_flex .point_item .point_contents{
    padding: 20px 30px;
}
#golf_experience .experience_point .contents_flex .point_item .point_contents .number{
    text-align: center;
    color: #009944;
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 2.2rem;
}
#golf_experience .experience_point .contents_flex .point_item .point_contents .title{
    font-weight: bold;
    text-align: center;
    font-size: 2.6rem;
    letter-spacing: -1px;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
body {
    font-size: 4.2vw;
}
  html, body {
    min-width: 100%;
  }
.page_header_area {
    padding: 60px 0px  calc(100vw * 162 / 750);
	    background: url(../img/page_header_bk_sp.jpg);
	background-size: cover;
}
.page_header_area .top_text {
        left: 0;
        transform: translateY(-20%);
        width: 100%;
        white-space: normal;
        font-size: 14vw;
        text-align: center;
        line-height: 1.2;
    }
.page_header_area .page_header_title .en_title {
    font-size: 6vw;
}
.page_header_area .page_header_title .jp_title {
    font-size: 8vw;
}
.page_header_area .page_header_text {
    font-size: 4.4vw;
}
.c-btn__btn{
    width: 50%;
}
.c-btn__btn a {
        font-size: calc(100vw * 32 / 750);
        width: 100%;
        height: 50px;
    }
.page_tb120 {
    padding: 50px 0px;
}

/***members voice***/
.members_voice {
    background: url(../img/members_voice_sp.webp);
	background-size: cover;
    padding: 50px 0px;
    margin-top: 60px;
}
.members_voice .contents_flex .left_box {
    display: block;
    width: 100%;
}
.members_voice .left_box .head_text {
    font-size: 6vw;
    text-align: center;
}
.members_voice .left_box h3 {
    font-size: 10vw;
    margin: 0px 0px 10px;
    text-align: center;
}
.members_voice .left_box .text {
    font-size: 5vw;
    font-weight: normal;
    text-align: center;
}
.members_voice .contents_flex {
    display: block;
}
.members_voice .voice_slide_wrap {
    width: 100%;
    margin-right: inherit;
    margin-top: 25px;
    padding: 10px 0px;
}
.voice-nav {
    justify-content: center;
}
.members_voice .member_voice_item {
    width: 500px;
    padding: 25px 20px 25px;
}
.members_voice .member_voice_item h4 {
    font-size: 4.4vw;
}

/***School***/
.school__text {
    padding: 14px 0px;
    font-size: 6vw;
}
.school {
        padding-top: 70px;
        padding-bottom: 0px;
    }    
.school__wrap {
        background-image:
        url(../img/bg_sp_school.webp);
        background-repeat: no-repeat;
        background-position:center top;
        background-size: cover;
    }
.school__wrap::before {
        content: "";
        width: 330px;
        height: 327px;
        position: absolute;
        bottom: -76px;
        right: 0;
        background-image: url(../img/img_sp_women.webp);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        z-index: 0;
    }    
.school__inner {
        color: var(--color-wh);
        padding: 0px 20px 350px;
    }
.school__sub-head {
        font-size: 4vw;
        letter-spacing: 0;
        padding-top: 20px;
    }
 .school__btnWrap {
        padding-top: 30px;
    }   
.school__head {
    font-size: 7vw;
    padding-top: 25px;
}
.scroll_text p {
    white-space: nowrap;
    padding-right: 20px;
    font-size: 30vw;
}

/***experience***/
.experience_page_header_btn_wrap {
    margin: 30px 0 70px;
}
#golf_experience .experience_point .contents_flex .point_item .point_contents .number {
    font-size: 6vw;
}
#golf_experience .experience_point .contents_flex .point_item .point_contents .title {
    font-size: 6vw;
    margin-top: 0;
}
#golf_experience .experience_point .contents_flex .point_item {
    width: 100%;
}
#golf_experience .experience_point {
    padding-bottom: 60px;
}
#golf_experience .experience_point .contents_flex {
    gap: 40px;
}

/***enjoy***/
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner {
    display: block;
}
#golf_enjoy .enjoy_about .circle_flex {
    display: block;
	margin-bottom:  calc(100vw * 50 / 750);
}
#golf_enjoy .enjoy_about h3 {
    font-size:  calc(100vw * 50 / 750);
    margin-bottom:  calc(100vw * 50 / 750);
    letter-spacing: 0;
}
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner .s_item {
    margin-bottom: calc(100vw * 60 / 750);
	padding: calc(100vw * 35 / 750);
}
#golf_enjoy .enjoy_about .circle_flex .circle_item {
    width: 100%;
    height:  calc(100vw * 100 / 750);
    border-radius: 999px;
    position: relative;
    justify-content: center;
    align-items: center;
    background-size: cover;
    margin: 5px 0px;
    background-position: center;
    flex-direction: inherit;
}
#golf_enjoy .enjoy_about .circle_flex .circle_item .en_text {
        font-size:  calc(100vw * 30 / 750);
        border-bottom: none;
        padding: 5px 15px 5px 0px;
        margin-bottom: 0px;
        border-right: solid 1px;
    }
#golf_enjoy .enjoy_about .circle_flex .circle_item .jp_text {
    font-size:  calc(100vw * 56 / 750);
    margin-left: 15px;
}
#golf_enjoy .enjoy_about .circle_flex .plus_icon {
    font-size: 8vw;
    text-align: center;
}
#golf_enjoy .enjoy_about .info {
    font-size: 4vw;
    margin-bottom: 20px;
    letter-spacing: 0;
}
#golf_enjoy .enjoy_about .last_text {
    font-size: 6.2vw;
    font-weight: bold;
    line-height: 1.8;
}
#golf_enjoy .intention_item_wrap .intention_item01 .top_contents_area{
    background: url(../img/enjoy/intention_item01_top_sp.png);
    background-size: cover;
}
#golf_enjoy .intention_item_wrap .intention_item02 .top_contents_area{
    background: url(../img/enjoy/intention_item02_top_sp.png);
    background-size: cover;
}
#golf_enjoy .intention_item_wrap .intention_item03 .top_contents_area{
    background: url(../img/enjoy/intention_item03_top_sp.png);
    background-size: cover;
}	
	
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area {
    padding: 50px 0 190px;
}
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area h3 {
    font-size: 8vw;
    margin-bottom: 20px;
}
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area .text01 {
    font-size: 4vw;
		font-feature-settings: 'palt';

}
#golf_enjoy .intention_item_wrap .intention_item .top_contents_area .text02 {
    font-size: calc(100vw * 40 / 750);
	padding-bottom: calc(100vw * 100 / 750);
		font-feature-settings: 'palt';

}	
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner .s_item h4 {
    font-size: calc(100vw * 36 / 750);
    margin: calc(100vw * 22 / 750) 0px calc(100vw * 40 / 750);
    letter-spacing: 0;
	font-feature-settings: 'palt';
}
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex .l-inner .s_item p {
    font-size:calc(100vw * 28 / 750);
    text-align: center;
}
	
#golf_enjoy .intention_item_wrap .intention_item .s_item_flex {
    padding-bottom: calc(100vw * 60 / 750);
}

/*facility*/
	 #golf_facility .facility_item{
    margin-bottom: 5px;
		 position: relative;
}

	
#golf_facility .facility_item01 {
    background: none;
    position: relative;
    background-size: 100% auto;
    display: block;
}
#golf_facility .facility_item01:before{
		  content: '';
    background: url(../img/facility/facility01_sp.png);
	background-size: 100% auto;
  display: block;
	width: 100%;
	aspect-ratio:750 / 500;

	}		
	
#golf_facility .facility_item02 {
    background: none;
    position: relative;
    background-size: cover;
    display: block;
}
#golf_facility .facility_item02:before{
		  content: '';
    background: url(../img/facility/facility02_sp.png);
	background-size: 100% auto;
  display: block;
	width: 100%;
	aspect-ratio:750 / 500;

	}		
	
	
#golf_facility .facility_item03 {
    background: none;
    position: relative;
    background-size: cover;
    display: block;
}
#golf_facility .facility_item03:before{
		  content: '';
    background: url(../img/facility/facility03_sp.png);
	background-size: 100% auto;
  display: block;
	width: 100%;
	aspect-ratio:750 / 500;

	}		
	
#golf_facility .facility_item04 {
    background: none;
    position: relative;
    background-size: cover;
    display: block;
}
#golf_facility .facility_item04:before{
		  content: '';
    background: url(../img/facility/facility04_sp.webp);
	background-size: 100% auto;
  display: block;
	width: 100%;
	aspect-ratio:750 / 500;

	}		
#golf_facility .facility_item02 .facility_item_flex,#golf_facility .facility_item04 .facility_item_flex{
    display: flex;
    justify-content: end;
}
#golf_facility .facility_item .facility_item_flex .infobox{
    width: 100%;
    background: #282828;
    padding: calc(100vw * 70 / 750) calc(100vw * 40 / 750);
    color: #ffffff;
}
#golf_facility .facility_item .facility_item_flex .infobox h3{
    display: flex;
    align-items: center;
    margin-bottom: calc(100vw * 40 / 750);
}
#golf_facility .facility_item .facility_item_flex .infobox h3 .jp_title{
    font-size: calc(100vw * 44 / 750);
    font-weight: bold;
    color: #16f594;
    margin-right: calc(100vw * 42 / 750);
    display: block;
}
#golf_facility .facility_item .facility_item_flex .infobox h3 .en_title {
    font-family: var(--poppins);
    font-weight: 600;
    font-size: calc(100vw * 30 / 750);
    letter-spacing: 0;
    line-height: 1;
    display: block;
    padding: 8px 0px 0;
}
#golf_facility .facility_item .facility_item_flex .infobox h4.b_text {
    font-size: calc(100vw * 44 / 750);
    font-weight: bold;
    border-bottom: solid 1px rgb(255, 255, 255, 0.5);
    padding: calc(100vw * 50 / 750) 0;
    margin-bottom: calc(100vw * 50 / 750);
    border-top: solid 1px rgb(255, 255, 255, 0.5);
}
#golf_facility .facility_item .facility_item_flex .infobox .list_wrap .list_item{
    margin-bottom: calc(100vw * 45 / 750);
}
#golf_facility .facility_item .facility_item_flex .infobox .list_wrap .list_item .list_title{
    font-size: calc(100vw * 30 / 750);
    font-weight: bold;
    margin-bottom: 5px;
}
	#golf_facility .facility_item .facility_item_flex .infobox .list_wrap .list_item .list_text{
	    font-size: calc(100vw * 26 / 750);
		font-feature-settings: 'palt'
	
	}	
	
.check_icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #16f594;
    display: inline-block;
    position: relative;
    margin: -2px 5px -2px 5px;
}
.check_icon::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(45deg);
}

	
}


#golf_facility .facility_item .facility_item_flex .infobox a{
  color:#fff;
}
.page_header_area {
    margin-top: 106px;
    @media screen and (max-width: 768px) {
        margin-top: 70.8px;
    }
}