@charset "UTF-8";
.container{
  padding-bottom: 0;
}
#globalBlandHeader{
    padding-bottom:0!important;
    margin-bottom: 0!important;
}
.bcList{
    margin-top: 0!important;
}


.hanasaku_camp_wrap{
	width:100%;	

}
#hanasaku_camp h1{
	padding:0;
}
.main_img_area{
	max-width:1220px;
	width: 100%;
	margin:0 auto 0;
	padding: 55px 0 0 0;
}


.sec_wrap{
	padding:0 20px 0;
}

.sec02 .num_text{
	padding-left: 2.5em;
	position: relative;
	line-height:1.6;
	margin:0 0 5px 0
	}	
.sec02 .num_text span{
	color:#e5007f;
	font-weight:bold;
	position: absolute;
	top: 0;
	left: 0;	
}
.dot_text{
	padding-left: 1.5em;
	position: relative;
	line-height:1.6;
	margin:0 0 5px 0
	
	}	
.dot_text span{
	color:#e5007f;
	font-weight:bold;
	position: absolute;
	top: 0;
	left: 0;	
}

.cmt_text{
	font-size: 85%;
	color: #014b9a;
	text-indent: -1em;
	padding-left: 1em;
	line-height:1.3;
	margin:0 0 5px 0;
}
.sec_text_block{
	margin:0 0 10px 0;
}
.hanasaku_btn01{
	text-align:center;
	clear:both;
	margin:30px 0 10px 0;
}

.hanasaku_btn02{
	width: 420px;
	margin: 0 auto 20px;
}
.hanasaku_btn01 a:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	opacity:0.7;
}
.hagaki_btn_area{
	margin: 35px 0 0 0;
}
.hagaki_btn_area a:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	opacity:0.7;
}

.under_line{
	text-decoration:underline;
}
.under_line span{
	text-decoration:none;
}
.section02 a{
	color:#c30d23;
	text-decoration:underline;
}
.section02 a:hover{
	text-decoration:none;
}
.sec_bottom_wrap{
	width:1020px;
	margin:0 auto;
}

.section_hana02{
	width: 1020px;
	margin: 0 auto;
}
.section_hana02 .sec02_text01{
	margin: 0 0 15px 0;
  text-align: center;
}

.section_hana02 .sec02_text02{
	margin: 0 0 10px 0
}

.sec02_btn04{
	position: relative;
	width: 469px;
	margin: -41px auto 0;
	bottom: 41px;
}
.sec02_btn04 a:hover{
	opacity: 0.7;
}

.blank_link{
    background: url(/sakurahime/hanasaku/image/icon_blank.png) top left no-repeat;
    padding: 0 0 0 25px;
}
.pc{
  display:inline;
}
.sp{
  display: none;
}
@media screen and (max-width: 767px) {
  .pc{
  display: none;
  }
  .sp{
    display:inline;
  }
#hanasaku_camp{
	width:100%;	
	overflow:hidden;
	font-size:14px;
	margin: 0 0 0 0;	
	line-height:1.6;
}
.hanasaku_camp_wrap{
	width:100%;	
}
#hanasaku_camp h1{
	padding:0;
}

.hanasaku_btn01{
	margin:1.5em 0 1em 0;
}
.hanasaku_btn02{
	width: 100%;
	margin:0 0 1em 0;    
}

.hagaki_btn_area{
	margin: 1.5em 0 0 0;
}
.sec_bottom_wrap{
	width:100%;
}
.section_hana02{
	width: 100%;
}
.section_hana02 .sec02_text01{
	margin: 0 0 0 0;
}

.section_hana02 .sec02_text02{
	margin: 0 0 1em 0
}

.sec02_btn04{
	position:relative;
	width: 100%;
  margin: 0 auto 0;
  bottom: 0;
}
.sec02_btn04 a:hover{
	opacity: 0.7;
}
.section{
margin: 2em 0 0 0;    
  position: relative;
}

}

/* 20240219 */
img{
	width: auto;
    max-width: 100%;
	height: auto;
}
#wrap.flat{
	padding-top: 0;
}

.section01_movie_area{
	max-width: 1220px;
	margin: 0 auto;
	background:url(/sakurahime/hanasaku/image/bk_movie_pc.png) top center no-repeat,#fda49d;
	background-size: contain;
	padding: 60px 0 35px;
	border-radius: 0 0 20px 20px;
}
.metal_inner,
.modal-open{
	max-width: 1068px;
	margin: 0 auto;
	width: 85%;
}

.metal_inner_02{
	max-width: 700px;
	margin: 0 auto;
	margin-top: 10px;
	width: 58%;
}

.section02{
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
	background:url(/sakurahime/hanasaku/image/bk_apply_2024_pc.png) top center no-repeat,#ffffff;
	background-size: 100% 535px;
	padding: 80px 20px 60px;
	border-radius: 20px 20px;
	margin-top: 190px;
}

.section02_inner_01,
.section02_inner_02,
.section02_inner_03,
.section02_inner_04,
.section02_inner_05,
.section02 .indent_wire{
	margin: 0 auto;
}

.section02_inner_01{
	margin-top: 55px;
	max-width: 722px;
}
.section02_inner_02,
.section02_inner_03{
	margin-top: 45px;
}
.section02_inner_02{
	max-width: 809px;
}
.section02_inner_03{
	max-width: 810px;
}
.section02_inner_04{
	margin-top: 40px;
	padding-left: 40px;
	max-width: 438px;
}
.section02_inner_05{
	margin-top: 25px;
	max-width: 890px;
}

.bold_txt.red{
	max-width: 823px;
	background-color: red;
	color: #fff;
	margin: 0 auto;
	padding: 5px 40px;
	font-size: 30px;
	border-radius: 50px;
	margin-top: 45px;
	text-align: center;
}

.section02 .indent_wire{
	max-width: 1060px;
	margin-top: 20px;
}
.section02 .indent_wire li{
	font-size: 16px;
}

.fW{
	font-weight: bold;
}

.tC{
	text-align: center;
}

/*=== ※ ===*/
.cmt_text_basic{
	text-indent: -1em;
	padding-left: 1em;
	line-height:1.3;
	margin:0 0 5px 0;
}

.section03,
.section04{
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
	padding:0px 0 50px;
	border-radius: 20px 20px;
	background-color: #fff;
	margin-top: 150px;
}
.section03{
padding-bottom: 100px;
}
.section04{
padding-bottom: 80px;
}


.m-heading-level3{
	background-color:#fc8d84;
	color: #fff;
	font-size: 45px;
	padding: 20px 20px;
	border-radius: 30px 30px 0 0;
}

.section03_inner,
.section04_inner{
max-width: 1120px;/* 1080px */
padding: 0 20px;
margin: 0 auto;
}
.l-flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	max-width: 890px;
	width: 100%;
	margin: 0 auto;

	margin-top: 60px;
}
.l-flex .l-flex-left{
	margin-right: 30px;
}

.l-flex .l-flex-left,
.l-flex .l-flex-right{
	max-width: 430px;
	width: 100%;
}

.apply,
.sticker{
	margin-top: 60px;
	width: 100%;
}

.section03_inner_01{
	margin: 0 auto;
	margin-top: 40px;
	max-width: 890px;
}

.normal_heading_txt{
	background-color:#e8446c;
	color: #fff;
	font-size: 26px;
	padding: 5px 10px;
	margin-top: 35px;
}

.border_wrap{
	border: 3px solid #e8446c;
	padding: 10px 10px;
	margin: 0 auto;
	margin-top: 25px;
	max-width: 1060px;
	border-radius: 20px;

}

.border_wrap .border_wrap_inner{
	max-width: 995px;
	margin: 0 auto;
}
.border_inner_text{
	color: #e8446c;
	font-size: 26px;
}

.indent_inner_01{
	margin:  0 0 0 10px;
}
.indent_inner_02{
	margin:  0 0 0 20px;
}

.inner_heading{
	color: #fff657;
	background-color: #e8446c;
	font-size: 40px;
	padding: 10px 10px;
	border-radius: 25px 25px 0 0;
}


/*=== 左マージン  ===*/
.section01 .cmt_txt01{
	margin: 0 30px 0 30px;
  }
/*=== （数字）  ===*/
p.num_text{
	padding-left: 1.5em;
	position: relative;
	line-height:1.6;
	margin:0 0 5px 0
	}	
p.num_text span{
	color:#111;
	font-weight:bold;
	position: absolute;
	top: 0;
	left: 0;	
}
/*=== ●（大きい●）  ===*/

.mt40{
	margin-top: 40px;
}

/* 括弧付き数字 */






.red{
	color: #e11212;
}



.modal-open:hover{
	cursor: pointer;
	opacity: 0.7;
}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
	    z-index: 3;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 600px;
	width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
	    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
	transform: translateY(-100%);
	right: 0;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
}

.modal-close p:before {
	transform: rotate(45deg);
}

.modal-close p:after {
	transform: rotate(-45deg);
}

.modal-close p:before,
.modal-close p:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
    margin: auto;
    background: #fff;
}

/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #fff;
	text-align: left;
	padding: 20px;
}

.modal-content iframe {
	width: 560px;
	aspect-ratio: 16/9;
}


.a_blue{
	text-decoration: underline #0048cc;
	color: #0048cc;
}
.a_blue:visited{
	color: #0048cc;
}
.a_blue:hover,
.a_blue:focus{
	color: #0048cc;
}


/*===========================================
top_t_btn
===========================================*/
#top_t_btn {
	position: fixed;
	width: 133px;
	height: 167px;
	right: 20px;
	bottom: 20px;
	z-index: 5;
	clear: both;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	#top_t_btn {
		width: 65px;
		height: 82px;
	}
}

a:hover,
a:focus{
	opacity: .5;
}
a.flat_opacity:hover,
a.flat_opacity:focus{
	opacity: 1;
}


/*
html{
 scroll-behavior: smooth;
}

*/

@media screen and (max-width: 767px) {

	.sp_widths_ection02{
width: 93%;
margin: 0 auto;
	}

	.section01_movie_area{
		max-width: 1220px;
		margin: 0 auto;
		background:url(/sakurahime/hanasaku/image/sp/bk_movie_sp.png) top center no-repeat,#fda49d;
		background-size: 100%;
		padding: 5% 0 5%;
		border-radius: 0 0 20px 20px;
	}
	.modal-open{
		max-width: none;
		width: 75%;
	}
	#hanasaku_camp .hanasaku_main{
		padding: 0 2%;
		padding-bottom: 10%;
	}
	.metal_inner_02{
		max-width: none;
		margin-top: 3%;
		width: 85%;
	}

	.section02_inner_04{
		margin-top: 4%;
		max-width: none;
		width: 65%;
		padding-left:0;
	}
	
.bold_txt.red{
	max-width: none;
	width: 100%;
	padding: 1% 2%;
	font-size: 14px;
	border-radius: 50px;
	margin-top: 5%;
}
.section03,
.section04{
	max-width: 1220px;
	width: 93%;
	padding:0px 0 5%;
	border-radius: 20px 20px;
	margin-top: 8%;
}
.section03{
padding-bottom: 12%;
}
.section04{
padding-bottom: 5%;
}


.m-heading-level3{
	font-size: 24px;
	padding: 5% 3%;
	border-radius: 20px 20px 0 0;
}


.section03_inner,
.section04_inner{
max-width: 1120px;/* 1080px */
padding: 0 7%;
margin: 0 auto;
}
.l-flex{
	flex-direction: column;
	margin-top: 8%;
}

.l-flex .l-flex-left,
.l-flex .l-flex-right{
	/*max-width: none;*/
	width: 90%;
	margin: 0 auto;
}
.l-flex .l-flex-left{
	/*margin-right: 0;*/
	margin-bottom: 5%;
}


.apply,
.sticker{
	margin-top: 5%;
	width: 100%;
}

.section03_inner_01{
	margin: 0 auto;
	margin-top: 4%;
	max-width: none;
	width: 85%;
}

.normal_heading_txt{
	background-color:#e8446c;
	color: #fff;
	font-size: 14px;
	padding:1% 2%;
	margin-top: 6%;
}

.border_wrap{
	border: 3px solid #e8446c;
	padding: 5% 5%;
	margin: 0 auto;
	margin-top: 3%;
	max-width: 1060px;
	border-radius: 20px;

}

.border_wrap .border_wrap_inner{
	max-width: 995px;
	margin: 0 auto;
}
.border_inner_text{
	color: #e8446c;
	font-size: 14px;
	margin-top: 2%;
	text-align: left;
}

.indent_inner_01{
	margin:  0 0 0 3%;
}
.indent_inner_02{
	margin:  0 0 0 6%;
}

.inner_heading{
	color: #fff657;
	background-color: #e8446c;
	font-size: 18px;
	padding: 3% 3%;
	border-radius: 20px 20px 0 0;
}



.apply_web_text{
	font-size: 16px;
	margin-top: 5%;
}
.apply_web_text_note.cmt_text_basic{
	margin: 0 0 0 2%;
	font-size: 14px;
}
.num_text.l-num_text{
font-size: 16px;
margin-top: 6%;
}
.num_text.l-num_text_02{
font-size: 16px;
margin-top: 8%;
}
.l-num_text_under li{
font-size: 14px;
}
.l-num_text_under.indent_inner_01{
    margin: 0 0 0 6%;
}

/*=== 左マージン  ===*/
.section01 .cmt_txt01{
	margin: 0 4% 0 4%;
  }
/*=== （数字）  ===*/
p.num_text{
	line-height:1.6;
	margin:0 0 5px 0
	}	
/*=== ●（大きい●）  ===*/


.mt40{
	margin-top: 40px;
}



.section01{
	width: 93%;
	margin: 0 auto 0;
  }
  .section02_inner_01{
	margin-top: 5%;
	max-width: none;
}

.section02_inner_02,
.section02_inner_03{
	margin-top: 5%;
}
.main_img_area{
	padding: 4% 0 0 0;
}
.section02 .indent_wire li{
	font-size: 14px;
}


.modal-content iframe {
	width: 100%;
}

.modal-body{
	max-width: 767px;
	width: 100%;
}

.modal-container {
	padding: 0;
	padding-bottom: 100%;
	overflow: hidden;
}

.section02_inner_05{
	max-width: 890px;
	width: 94%;
}

}/*(max-width: 767px*/




/*
attala css  2026 02 26 追記
=========================*/
.container{
	background-color: #fff;
}

.attala_camp_wrap{
	max-width: 1280px;
	margin-inline: auto;
}

.sec02_intro{
	padding-bottom: 114px;
	background-color: #fef4e5;
}
.sec03_point{
	background-color: #dc8942;
	padding: 98px 0 92px;
}

.sec03_point p{
	max-width: 1074px;
		margin-inline: auto;
}
.sec03_point p:first-of-type{
margin-bottom: 20px;
}

.sec04_movie{
	background-color: #fef4e5;
	padding: 66px 0;
}
.sec04_movie{
	background-color: #fef4e5;
	padding: 66px 0;
}
.modal-open .movie_thum{
	border-radius: 37px;
}

.sec05_recipe_heading{
	padding: 51px 0 48px;
	background-color: #fff;
}
.sec05_recipe_heading{
	max-width: 700px;
	margin-inline: auto;
}

.sec06_recipe_column{
	background-color: #fef4e5;
	padding: 99px 0;
}
.sec06_recipe_column p{
	margin-inline: auto;
	max-width: 1067px;
}
.sec06_recipe_column p.heading{
	max-width: 808px;
}
.mb-heading01{
	margin-bottom: 56px;
}
.mb-recipe-column01{
margin-bottom: 76px;
}
.mb-next-recipe01{
	margin-bottom: 141px;
}
.mb-next-recipe02{
	margin-bottom: 140px;
}
.mb-heading02{
	margin-bottom: 57px;
}
.mb-recipe-column02{
margin-bottom: 77px;
}

.sec07_specialist{
	padding: 76px 0 70px;
background-color: #dc8942;
}
.sec07_specialist p{
	margin-inline: auto;
	max-width: 1074px;
}
.sec07_specialist_heading{
	margin-bottom: 57px;
}

.sec07_specialist p + p{
margin-bottom: 27px;
}

.mb0{
	margin-bottom: 0;
}

#globalBlandFooter.globalBlandFooter_res{
	
}