@charset "utf-8";

/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/

body {
	font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
}

#footer_link{
	min-width: 0;
}
.clearfix {display: block;}
.sp {display:none;}
#container{
    width:100%;
    margin: 0 auto 0;
    text-align:center;
	font-size: 20px;
}

.inner{
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
.course_inner {
	width: 100%;
	background-color: #0a3753;
	padding: 4em 0;
	box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

ul#gnavi.menu6 li{width:15%;}

.attention{
	color:red;
	font-weight:bold;
}

img {
    -webkit-backface-visibility: hidden;
}

#footer {
	margin-top: 0!important;
}


/*-----------------------------------------------------*/
/* パンくずエリアのスタイル
/*-----------------------------------------------------*/

div#breadSns{
  /* width:1260px!important; */
  margin:0 auto;
  padding:0;
  height:32px;
}

/*     パンくず
------------------------------------------*/

div#bread{
	float:left;
	margin:6px 0 0 5px;
}

.wrap{display: none;}/*折り返し用*/

/*    IE用　　*/
div#bread{
	margin/*\**/: 0 0 0 5px\9;
}


/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

.mainvisual{
	width: 100%;
	height: 60vw;
	max-height: 950px;
	background-image: url(/htmls/wagc/2026/images/bg_mainvisual.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.mainvisual img.pc{
	width: 100%;
    max-width: 1400px;
    height: auto;
}

/*-----------------------------------------------------*/
/* h2 スタイル
/*-----------------------------------------------------*/

.lead_box {
	background-color: #002949;
	overflow-x: hidden;
	padding: 20px 0 50px;
	margin-bottom: 30px;
}

h2 {
	font-size: 53px;
	margin-bottom: 0.8em;
	line-height: 1.3;
	font-weight: 800;
	color:#4dd8ff;
	transform: skewX(-5deg);
	display: inline-block;
}

.lead_box h2 span {
	font-size: 1.5em;
	letter-spacing: -0.02em; 
}

.lead_box p {
	color: #fff;
	line-height: 1.6;
	font-size: 22px;
}

/*-----------------------------------------------------*/
/* 写真エリア
/*-----------------------------------------------------*/

/* 一段目 */

.image_area {
	position: relative;
	min-height: 600px;
	height: 850px;
}

.image_area .card_1 {
	position: absolute;
	top: 150px;
	left: 13%;
	width: auto;
	max-width: 45%;
	display: inline-flex;
	min-height: 230px;
	background-color: #002949;
	border-radius: 20px; 
	text-align: left;
	z-index: 2;
	padding: 50px 50px;
	display: flex;
    justify-content: flex-start;
	align-items: center;
}

.image_area .card_inner {
	width: 100%;
	display: inline-block; 
    text-align: left;     
}

.image_area h3 {
	font-size: clamp(24px, 1.7vw, 30px);
	line-height: 1.5;
	color: #fff;
	transform: skewX(-5deg);
	margin-bottom: 1em;
}

.image_area p {
	font-size: clamp(16px, 1vw, 19px);
	color: #fff;
	line-height: 1.5;
}

.image_area .card_2 p {
	border-bottom: #fff solid 1px;
	padding-bottom: 2em;
}

.image_area .image_1 {
	position: absolute;
	top: 50px;
	right: 0;
	width: 60%;
	height: 750px;
	border-radius: 20px 0px 0px 20px;
	z-index: 1;
}

.image_area .image_1 img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 20px 0px 0px 20px;
	object-fit: cover;
}

/* 二段目 */

.image_area .card_2 {
	position: absolute;
	top: 150px;
	right: 13%;
	width: auto;
	max-width: 45%;
	display: inline-flex;
	min-height: 230px;
	background-color: #002949;
	border-radius: 20px; 
	text-align: left;
	z-index: 2;
	padding: 50px 50px;
	display: flex;
    justify-content: flex-start;
	align-items: center;
}

.image_area h3 span {
	color: #f5f97b;
}

.image_area p span {
	font-size: 0.8em;
	display: block;
	margin-bottom: 1em;
}

.image_area .entry {
	display: block;
	font-size: clamp(18px, 1.2vw, 24px);
	font-weight: 600;
	text-align: center;
	padding-top: 1em;
	/* border-top: #fff solid 1px; */
	margin-top: 0.5em;
	text-decoration: none;
	/* transition: color 0.5s; */
	transition: transform 0.5s;
}

.image_area .entry:hover {
/* color: #d62568; */
transform: scale(1.1);
}

.image_area a {
	color: #fff;
}

.image_area .image_2 {
	position: absolute;
	top: 50px;
	left: 0;
	width: 60%;
	height: 750px;
	border-radius: 0px 20px 20px 0px;
	z-index: 1;
}

.image_area .image_2 img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0px 20px 20px 0px;
	object-fit: cover;
}

/*-----------------------------------------------------*/
/* 写真部分の動き
/*-----------------------------------------------------*/

.card_1, .image_2,
.image_1, .card_2 {
	transform: none;
	opacity: 0; 
    transition: opacity 0.8s ease-in-out;
}

.fadein {
    opacity: 1 !important;
}


/*-----------------------------------------------------*/
/* 開催スケジュール　h2 スタイル
/*-----------------------------------------------------*/

.course_inner h2 span {
	font-size: .5em;
	letter-spacing: 0.1em;
	color: #f5f97b;
	font-weight: 300;
}

.inner .text {
	font-size: 110%;
	margin: 4em auto 6em;
	line-height: 1.5;
}

/*-----------------------------------------------------*/
/* スライダー*/
/*-----------------------------------------------------*/

.infinite-slider {
    overflow: hidden;
    width: 100%;
	margin-bottom: 100px;
	padding-top: 60px;
}

.slider-inner {
    display: flex;
    width: fit-content;
	animation: loop-scroll 40s linear infinite;
}

.slide-item {
    width: 350px;
	flex-shrink: 0; 
	padding: 0 5px; 
}

.slide-item img {
    width: 100%;
    aspect-ratio: 1 / 1; 
    object-fit: cover;   
}

@keyframes loop-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/*-----------------------------------------------------*/
/* プランの特徴 エリア*/
/*-----------------------------------------------------*/

.introduction {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin-bottom: 4em;
}

.introduction div {
	border: 2px solid #002949;
	padding: 0.7em 0.3em 0;
	border-radius: 20px;
	-ms-flex:0 1 auto;
}
.introduction div:not(:nth-child(4n+4)) {
    margin-right: 1.2%;
}

  .introduction p {
	  font-size: 17px;
	  margin-bottom: 2%;
	  margin-top: 7%;
  }

.introduction img {
	width: 100%;
}
.new_line950 {
	display: none;
}

/*-----------------------------------------------------*/
/* 対象ゴルフ場 エリア*/
/*-----------------------------------------------------*/
.course_grid {
	display: flex;
	flex-wrap: wrap;
	max-width: 1260px;
	margin: 0 auto;
	justify-content: center; 
	gap: 1.3%;
}

.course_grid div {
	width: 30%;
	margin-bottom: 0.5em;
}

.course_grid #holiday {
	width: 90%;
	margin: 2em 10%;
}

.course_grid #holiday img {
	width: 100%;
}
		 
#holiday .holiday_course {
	display: flex;
	width: 90%;
	margin: 0 auto;
	align-items: center
}

#holiday .holiday_course a {
	display: block;
	width: 100%;
}

#holiday .message {
	width: 100%;
	font-size: 140%;
	margin-bottom: 1em;
}

#holiday .holiday_course p {
	width: 100%;
	font-size: 120%;
} 


.course_grid p {
	font-weight: 600;
	line-height: 1.6em;
	margin-top: 0.4em;
	color: #fff;
}

.area {
	background-color: #66ccff;
	color: #002949;
	line-height: 2.3em;
	font-size: 120%;
	padding: 0.3em 15px;
	margin-left: -3%;
}

.date {color: #66ccff; 
	  font: 110%;
	  display: inline-block;}

.course_grid img {
	width: 100%;
}

.course_grid img:hover {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	transform: translateY(-5px);
	transition-duration: 0.5s;
  }
  


#final {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2%;
	font-size: 110%;
	padding-top: 0.3em;
	width: 100%;
	margin: 2em auto;
}

#final .final_course {
	width: 45%;
	margin: 0;
}

#final > p {
	width: 100%;
	text-align: center;
    margin-top: .5em;
    font-size: 110%;
}

/*-----------------------------------------------------*/
/* 要素の順番表示 */

.introduction div, .course_grid div {
    opacity: 0;
    transform: translateY(20px);
	transition: opacity .7s, transform .7s;
	color: #000;
	font-size: 18px;
	margin-bottom: 1.5em;
}

/*スクロールした時に追加されるクラス*/
.introduction div.fadein, .course_grid div.fadein{
    opacity: 1;
	transform: translateY(0); 
}


/*-----------------------------------------------------*/
/* text-area スタイル
/*-----------------------------------------------------*/
.text-area > p{
	line-height: 1.6;
	color: #fff;
}
p.att-text {
	font-weight: 600;
	color: red;
}

/*-----------------------------------------------------*/
/* ボタン スタイル
/*-----------------------------------------------------*/

ul.btn-area {
	padding-bottom:50px;
	margin: 0 auto;
}

ul.btn-area a {
	color: #fff;
	text-decoration: none;
	transition:.5s all;
	display: block;
	margin: 2em auto;
	padding: 1em 0;
	position: relative;
}

ul.btn-area li.btn {

}

ul.btn-area li.btn a {
	width: 20em;
	background-color: #d62568;
	border-radius: 20em;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.5;
}
ul.btn-area li.btn_bk a {
	width: 10em;
	background-color: #8e8e8e;
	border-radius: 20em;
}
ul.btn-area li.btn a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .7em;
    height: .7em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: none;
    right: 1.3em;
}


text-area mt50 {
	font-size: 120%;
}

#wagc_btn {
	padding-top:110px;
	margin-top:-110px;
}



/*　終了対応　*/
.end_text {
    display: block;
    font-size: 40px;
    background-color: #e2e2e2;
    padding: 0.3em 0;
    margin: 0.2em auto 0.8em;
    text-align: center;
	font-weight: bold;
	font-family: "游ゴシック", "Yu Gothic";
}


/*--------------------------------------------------------------------*/
/* レスポンシブル対応
/*--------------------------------------------------------------------*/

@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/css/font/websymbols_gf-edit-webfont.eot');
    src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/* max-width: 1280px */
/*------------------------------------------------------*/

@media screen and (max-width: 1280px) {
    .image_area .card_1 {
        left: 5%;
    }
	.image_area .card_2 {
		right: 5%;
	}
}

/*------------------------------------------------------*/
/* max-width:1100px */
/*------------------------------------------------------*/

@media screen and (max-width:1100px) {
	div#bread p.crumbs{
       line-height:1.4;/*折り返し用*/
    }
	.wrap{display:block;}/*折り返し用*/
	
	#container{
		width: 100%;
		font-size: 17px;
	}
	.inner{
		width: auto;
		margin: 0 10px;
	}
	.course_inner {
		/* padding: 0.5em 3% 0.5em 1%; */
		width:100%;
	}

	.image_area:has(.card_1) {
		height: 700px !important;
	}

	.image_area:has(.card_2) {
		height: 800px !important; /
	}

	.image_area h3 {
		font-size: 1.5rem;
	}

	.image_area p {
		font-size: 1.1rem;		
	}

	.image_area .entry {
		font-size: 1.15rem;
	}

	.image_area .card_1 {
        left: 5%;
		top: 200px;
    }
	.image_area .card_2 {
		right: 5%;
		top: 200px;
	}

	.image_area .card_1 {
		min-height: 180px;
	}

	.image_area .card_1, .image_area .card_2 {
		padding: 50px 40px;
	}

	.image_area .image_1, .image_area .image_2 {
		height: 600px;
	}

	.slide-item {
		width: 250px;
	}

	.introduction {
		flex-wrap: wrap;
		justify-content: center;
	}
	.introduction div {
		width: 35%;
	}
	.introduction div:not(:nth-child(4n+4)) {
		margin-right: 0;
	}
	.introduction div:not(:nth-child(2n+2)) {
		margin-right: 2.2%;
	}
	.introduction p {
		font-size: 18px;
	}

	.area {
		font-size: 100%;
	}
	
	.course_grid div {
		width: 30%;
	}

	.course_grid #holiday {
		margin: 2em 0;
	}

	#holiday p {
    width: 110%;
	}

	/*.course_grid div:not(:nth-child(3n+3)) {margin-right: 0;}*/
	/* .course_grid div:not(:nth-child(3n+3)) {margin-right: 2%;}*/
		.bp980 {display: block;}

}


/*------------------------------------------------------*/
/* max-width:980px */
/*------------------------------------------------------*/

@media screen and (max-width:980px) {
	.br_980 {display: none;}
	div#breadSns {width: 100%;}
	
	h2 {
		font-size: 40px;
		margin-bottom: 0.6em
	}

	.lead_box {
		padding: 30px 0;
	}

	.lead_box p {
		font-size: 20px;
	}

	.mainvisual{margin-bottom: -30px;}

	.image_area:has(.card_2) {
		height: 850px !important; /
	}

	.image_area .entry {
		font-size: 1.2rem;
	}
	
	#holiday .textyuu{ 
		margin: 1em 2em 0 1.5em;
	} 
	
	#holiday .area{ 
		display:block;
		width:50%;
		text-align: center;
		font-size:100%;
		
	} 
	
	#holiday P {
		margin-top:0.2em;
		width: 120%;
	}

	#holiday .holiday_course p {
		margin-top: 0;
	}

	#holiday .holiday_course a img {
		width: 100%;
		height: auto;
	}

	#holiday .message {
		font-size: 110%;
	}

	#final .area {
		width: 50%;
	}

	#final p {
		font-size: 120%;
	}

	.image_area .card {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 40%;
	background-color: #002949;
	border-radius: 20px; 
	text-align: left;
	z-index: 2;
	padding: 50px 30px;
	display: flex;
    justify-content: center;
	}


	.image_area .card_1, .image_area .card_2 {
		max-width: 80%;
		top: 400px;
		padding: 40px;
	}

	.image_area .image_1, .image_area .image_2 {
		width: 85%;
		height: 450px;
	}
	
	.course_grid .area {
		display:block;
		width: 66%;
		text-align:center;
		margin: 0 auto;
		padding: 1px 15px;
	} 
	
	.course_grid .date {
		display: block;
		padding: 0;
		margin: 5px 0 -1.5em 0;
	}
	
	.course_grid p {
		margin-top: 0.5em;
	}
	
	.course_grid #holiday {
		right:13%;
		line-height: 1em;
	}
	
	#sunhills .text {
		width:200%;
	}
	
	#sunhills .text .area {
		width:73%;
		position:relative;
		right:12%;
	}

	ul.btn-area li.btn a {
		width: 16em;
		font-size: 26px;
	}

}
	
/*------------------------------------------------------*/
/* max-width:950px */
/*------------------------------------------------------*/	
	
@media screen and (max-width:950px) {
	.new_line950 {display: block;}
	.introduction div {width: 40%;}
	.introduction p {font-size: 2.4vw;}
	
	#holiday p {
		width:60%;
		margin-top: -1em;
	}
	.course_grid #holiday img {
		width: 70%;
	}
	#holiday a{
		width: 85%;
		left: -10px;
	}

	#holiday .holiday_course p {
		font-size: 110%;
	}
}

/*------------------------------------------------------*/
/* max-width:840px */
/*------------------------------------------------------*/	
	
@media screen and (max-width:840px) {
	.br_840 {display: none;}

	.lead_box p {
		width: 90%;
		margin: 0 auto;
		line-height: 1.5;
	}


	.course_grid .area {
		width: 64%;
		padding: 0.1em 1.8em;
		font-size:93%;
	}

	#holiday P {
		margin-top:-0.8em;
	}
	
	#final .area {
		width: 40%;
	}

	#holiday .date {
    width: 100%;
	}

	
}

/*------------------------------------------------------*/
/* max-width:800px */
/*------------------------------------------------------*/	

@media screen and (max-width:800px) {
    .br_780 {display: none;}
	.br_800 {display: block;}
	#holiday P {margin-top: -1em;}
	#holiday .area {line-height: 1.8em}

	h2 {
		font-size: 34px;
	}

	#container {
		font-size: 16px;
	}

}

/*------------------------------------------------------*/
/* max-width:640px */
/*------------------------------------------------------*/	
	
@media screen and (max-width:640px) {
    .sp {display: block;}
    .pc {display: none;}
	    .br_800 {display: none;}
    #footer {display: none;}
    #breadSns {display: none;}
    header.common .logo {float: left;width: 275px;}
    header.common .navi li {float: right;padding-top: 15px;}
	.mainvisual{
		background-image: none;}

	.top_logo img {
		width: 60%;
	}

	.mainvisual{margin-bottom: 100%;}
	
    #container{
        width:100% !important;
        position:relative;
        margin: 0;
		font-size: 1.2em;
    }

	.inner .text {
	margin: 0.7em auto 4em;
	}

    .image_area .image_1, .image_area .image_2 {
		width: 85%;
		height: 450px;
	}
	

	.image_area .card_1, .image_area .card_2 {
		max-width: 72%;
		top: 400px;
		padding: 30px;
	}


	
	.image_area:has(.card_1) {
		height: 680px !important;
	}
	
	.image_area:has(.card_2) {
		height: 830px !important;
	}




	.image_area h3 {
		font-size: 1.3rem;
	}

	/* .image_area p {
		font-size: 1rem;
	} */

	.image_area .entry {
		font-size: 1.1rem;
	}

	.image_area p {
		margin-top: 1em;
	}

	.infinite-slider {
		margin-bottom: 50px;
	}

	.course_inner {
		padding: 2em 0;
	}

	.course_grid {
		width: 95%;
	}
	
	.course_grid #holiday img {
    width: 100%;
	}
	
	.course_grid .text {
    margin: 1em 0 0 0;
	}
	
	.course_grid .date {
		margin-bottom: 0;
	}
	
	h3 {
		font-size: 6.5vw;
		margin: 0.7em auto;
	}
	
	.new_line950 {
		display: none;
	}

	.inner .text {
		font-size: 4vw;
	}
	.introduction p {
		font-size: 5.2vw;
	}		

	.introduction {
		width: 90%;
		margin: 0 auto;
		flex-wrap: wrap;
		margin-bottom: 10%;
	}
	.introduction div {
		width: auto;
		margin-bottom: 5%;
		padding: 0.5em 0.5em 0;
	}
	
	.introduction div:not(:nth-child(3n+3)) {
		margin-right: 0;
	}

	h2 {
		font-size: 6.5vw;
	}
	
	.course_grid #holiday {
    display: inline-block;
	width: 100%;
	left:-2%;
	}
	
	#holiday p { width: 100%; 
			  margin: -0.5em 0;
	}
	
	#holiday .textyuu{
	/*margin:0.8em auto 2em;*/
	margin: 0;
	}

	#final p {
		font-size: 110%;
	}

	#final .final_course:nth-child(2) {
		display: none;
	}
	
	.course_grid {
		justify-content: space-between;
	}
	
	.course_grid div {
		width: 48%;
	}
	
	.course_grid p{
	margin-top: 0.25em;
	}
	
	.course_grid .area{
	text-align:left;
	padding: 1px 10px;
	}
	
	.course_grid .date {
	padding: 0 0;
	margin-top: 10px;
	display: block;
	}

	#holiday .area {
		margin: 0 auto;
		padding: 0.05em 15px;
		width: 58%;
	}
	
	#holiday .date {
	font-size:105%;
	padding: 0;
	color:#66ccff;
	display: block;
	margin-left: 0;
	}
	
	#holiday .textyuu {
		width:120%;
		margin: 0 auto;
		text-align: center;
		position: relative;
		right: 9%;
	}

	#holiday .holiday_course {
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	#holiday .message {
		font-size: 120%;
	}

	#holiday .holiday_course p {
		margin-top: 1em;
	}
	
	.course_grid .area {
	display:inline-block;
	text-align:center;
	width:90%;
	} 
	
	.end_text {
    display: block;
    font-size: 30px;
	}
	
	.course_grid .text {
    /*margin: 15px 0 0 0;*/
	margin: 0;
	}
	
	.course_grid p{
	margin-top: 0.3em;
	}
	
	#final {
		width: 100%;
		margin: 1em auto;		
	}

	#holiday .holiday_course p {
		line-height: 1.5;
		font-size: 1.4rem;
	}
	
	.final_course {
		width: 50%;
		margin: 1em auto;
	}
	
	#final .area {
		width:40%;
	}
	
	#final .final_course {
		width: 80%;
		display: inline-block;
		margin-bottom: 0.5em;
	}
	
	#final p {
		width: 100%;
		line-height: 1.5;
		margin-bottom: -0.5em;
		font-size: 1.4rem;
	}
	
	#kyusyu{
		margin: 0 auto 1.5em;
	}
	
	#kyusyu p {
		width:138%;
	}
	
	#kyusyu .area{
		width: 90%;
	}

	.text-area p {
		width: 90%;
		margin: 0 auto;
	}

	ul.btn-area li.btn a {
		box-sizing: border-box;
		width: 15em;
		font-size: 24px;
	}


	

}

/*------------------------------------------------------*/
/* max-width:600px */
/*------------------------------------------------------*/	

@media screen and (max-width:600px) {
	.image_area:has(.card_1) {
		height: 680px !important;
	}
	
	.image_area:has(.card_2) {
		height: 870px !important;
		min-height: 0;
	}
	


}



/*------------------------------------------------------*/
/* max-width:500px */
/*------------------------------------------------------*/	

@media screen and (max-width:500px) {
		.br_500 {display: none;}

}

/*------------------------------------------------------*/
/* max-width:470px */
/*------------------------------------------------------*/	

@media screen and (max-width:470px) {
	.image_area p {
		font-size: 1rem;
	}

	.image_area .card_1, .image_area .card_2 {
			max-width: 70%;
	}
	


}


/*------------------------------------------------------*/
/* max-width:430px */
/*------------------------------------------------------*/	

@media screen and (max-width:430px) {
		
		.inner .text {
    		margin: 0.7em auto 3em;
		}

		#holiday p {
			margin: -0.5em 0 0.5em 0;
		}
		
		.course_grid .area {
			width: 88%;
		}

		.course_grid #holiday {
			margin: 1em auto 0.5em;
		
		}

	#holiday .holiday_course p {
		font-size: 1.2rem;
	}
	
	#final p {
		font-size: 1.2rem;
	}
		
		#final{
			left:3%;
		}

		ul.btn-area li.btn a {
			font-size: 20px;
		}
		
}
/*------------------------------------------------------*/
/* max-width:400px */
/*------------------------------------------------------*/	

	@media screen and (max-width:400px) {
		    .end_text {font-size: 25px;}
	}

/*------------------------------------------------------*/
/* max-width:370px */
/*------------------------------------------------------*/	

	@media screen and (max-width:370px) {
		    .image_area h3 {font-size: 1.2rem;}
			.image_area p {font-size: 1rem;}
			.image_area .entry {font-size: 1.1rem;}
	}



/*------------------------------------------------------*/
/* max-width:320px */
/*------------------------------------------------------*/	

	@media screen and (max-width:320px) {
		    .end_text {font-size: 25px;}
	
	.image_area:has(.card_2) {
		height: 970px !important;
		min-height: 0;
	}

	#holiday .holiday_course p {
		font-size: 1rem;
	}
	
	#final p {
		font-size: 1rem;
	}
	}