@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#spot.spot {height: 740px;}
#spot.spot .tit {margin-bottom: 20px;}

#area4 {position: relative; padding: 5em 0 3em;}
#area4 .item {background-color: #fff;}
#area4 .tit_mf1 {color: #d24c66; font-family: 'GmarketSans'; letter-spacing:-0.03em; line-height: 1.5; font-weight: 600;}
#area4 .tit_mf1 span {font-size: 1.2em; letter-spacing:-0.075em;}


.boxs {z-index: 1; position: relative; flex-grow:1; padding: 26px; border-radius: 0; width: 100%; background-color: #fff; box-sizing:border-box;}
.boxs .txt {word-break:keep-all; -webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box;}
.boxs .txt p {text-align: left;}
.boxs .tit_mf1 {position: relative; padding-top: 0; margin-bottom: 20px; font-weight: 300; color: #000; text-align: left;}
.boxs .tit_mf1 > div {position: relative; display: inline-flex; align-items:center;}
.boxs .tit_mf1 strong {z-index: 1; position: relative; display: inline-block; padding-top: .1em; margin-right: .3em; font-size: 1.3em; color: #d24c66;}
.boxs .tit_mf1 span {font-size: .8em;}
.boxs .etc span {background-color: #f6dbe0;}
.boxs .img {margin-bottom: 25px;}
.boxs .img img {width: 100%;}
.boxs .p_summary {margin: 5px 0; color: #000;}


.txt_icon1 {margin-top: 60px;}
.txt_icon1 img {width: 70%;}
.txt_icon3 {z-index: 1; position: relative; margin-top: -15px;}
.txt_icon3 img {width: 70%;}
.txt_icon4 {margin-top: 30px; text-align: center;}
.txt_icon4 img {width: 60%;}


.tit_icon {position: absolute; top: -42px;}
.tit_icon img {max-height: 100px;}

.tit_icon.tit_icon2 {top: -33px;}
.tit_icon.tit_icon3 {top: -33px; left: 40px;}
.tit_icon.tit_icon5 {top: -33px; right: 10px;}
.tit_icon.tit_icon6 {right: 20px;}
.tit_icon.tit_icon7 {left: 48%;}
.tit_icon.tit_icon8 {top: -33px;}
.tit_icon.tit_icon9 {right: 10px;}
.tit_icon.tit_icon10 {top: -33px; right: 20px;}



.area2 {display: flex;}
.area2 .txt_icon2 {width: 200px; padding-right: 30px;}


.im_tit {position: absolute; left: 0; bottom: 100%;}
.im_tit.ty1 {width: 25%; left: 3%;}
.im_tit.ty2 {width: 100%; bottom: 96%; text-align: center;}


.spot .tit {display: inline-block; }
.spot .img {margin: 0 auto;}
.warm2_wrap {max-width:1235.99px; margin: 0 auto;}

#area1 {padding: 0;}



.boxbox {padding: 4em 2em 3em; background-color: rgba(255,255,255,.6);}


#spot.spot .inr-c {margin-bottom: 90px;}
#spot.spot .tit {padding-top: 10px; font-family: 'yg-jalnan'; font-size: 53px;}
#spot.spot .tit em {position: relative;}
#spot.spot .tit em::after {content:""; position: absolute; left: 50%; top: -.4em; width: .2em; height: .2em; background-color: #e54459; border-radius: 50%; transform:translateX(-50%);}


.box_float .item {text-align: left;}

.box_1 {position: relative; display: flex; align-items: end; margin-bottom: 2em;}
.box_1:after {content:""; position: absolute; left: 57%; top: -4em; width: 55%; height: 100%; background-image: url('/2025_11/images/warm2/icon2.png'); background-repeat: no-repeat; background-size: 100% auto;}
.box_1 .boxs {z-index: 1;}
.box_1 .imgs {z-index: 2; position: relative; min-width: 35%; margin-left: -10%; margin-bottom: -2em;}



@media all and (max-width:798px){ 
	 #area4 .tit_mf1 {position: static; width: 100%; font-size: .9em; margin-bottom: 0; box-sizing:border-box;}

	 .warm2_wrap .tit_mf1 strong {font-size: 1em;}

	#spot.spot {height: 300px; }
	#spot.spot .inr-c {padding-left: 0; margin-bottom: 50px;}
	#spot.spot p.t1 {margin-bottom: .5em !important; font-size: 1em !important; margin-bottom: 0;}
	#spot.spot .tit {letter-spacing:-0.0325em; font-size: 26px; margin-bottom: 15px; padding-top: 0;}


	.tit_icon {top: -30px;}
	.tit_icon img {max-height: 70px;}
	.tit_icon.tit_icon2,
	.tit_icon.tit_icon3,
	.tit_icon.tit_icon5,
	.tit_icon.tit_icon8,
	.tit_icon.tit_icon10 {top: -22px;}

	.area2 .txt_icon2 {display: none;}

	.box_float {margin-bottom: 2.5em;}


	.boxs .txt {margin-right: 0; }
	.p_summary {margin-top: 2px !important;}

	.tit_mf1 {margin-bottom: .6em;}
	.tit_mf1 > span {display: block; font-size: .75em; letter-spacing:-0.0325em;}

	.boxbox {padding: 4em 1em 2em;}


	.im_tit.ty1 {width: 15%;}
	.im_tit.ty2 {position: static;}

	.box_1 {display: block;}
	.box_1 .imgs {margin-left: 0; width: 100%; text-align: right; margin-top: -1em;}
	.box_1 .imgs img {width: 50%;}


	.boxs {border-width: 5px; padding: 26px 15px 20px;}
	.boxs:after {width: 120px; margin-left: -60px; background-size: 100% auto;}
	.boxs .tit_mf1 > div {display: block;}
	.boxs .tit_mf1 > div:before {width: 20px; left: -20px;}
	.boxs .tit_mf1 > div:after {left: auto; right: 0; width: 50px; background-position: right 0;}
	.boxs .tit_mf1 span {display: block; font-size: .6em;}
	.boxs .tit_mf1 strong {padding-top: .2em;}

	.warm2_wrap .tit_mf1 strong {margin-right: 0; font-size: .9em;}

	.box_float.ml2 .item {margin-bottom: 0;}
	.box_float.ml2 .item:first-child {margin-bottom: 30px;}

	.bg2 .icon1 {right: -5px; bottom: -5px;}


	#area4 .tit_mf1 span {font-size: 1.15em;}

}