/* page */
/* ============================================ */
html {
font-size: 62.5% !important;
-webkit-text-size-adjust: 100%;
}

#body_bg{
  display: block;
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-color: #f9f4f0;
  top: 0;
  left: 0;
}

#page{
	max-width:768px;
	width:100%;
	margin:0 auto;
	background-color:#f9f4f0;
	font-family: 'Kiwi Maru', serif;
	overflow: hidden;
	padding-left:0;
}

/* header */
/* ============================================ */

header,main{background-color:#f9f4f0;}
.header_left {position: relative; z-index: 2;}
.header_left h1{width:40%; padding:2% 4%;}
.header_left h1 img{width:100%; max-width:16rem; height:auto;}
.menu{
width: 100%;
max-width: 768px;
position: fixed;
left: 0;
right: 0;
top: 0;
margin: auto;
display: flex;
justify-content: flex-end;
align-items: center;
z-index:2;
}

.menu .menu_btn{
width: 30%;
height: 8rem;
max-width: 7rem;
display: flex;
justify-content: center;
align-items: center;
padding: 1.2rem;
margin-right: 1%;
}


/* fixed_menu */
/* ============================================ */

#fixed_area {
	position: fixed;
	bottom: 0;
	left: auto;
	width: 100%;
	margin: 0 auto;
	max-width: 768px;
	z-index:10;
	background-color:#e9f4f8;
	height:80px;
	display:block;
	transform: translateY(80px);
	transition:.4s;
}

#fixed_area.on{
	transform: translateY(0);
	transition:.4s;	
}

.drawer-open #fixed_area{
	transform: translateY(80px);
	transition:.4s;	
}

.drawer-open #fixed_area.on{
	transform: translateY(80px);
	transition:.4s;	
}

@media screen and (min-width:540px) {
	#fixed_area {
	display:none;	
	}
}

#fixed_area  .fixed_menu {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	height:80px;
	align-items: center;
	width:94%;
	margin:0 auto;
}

#fixed_area  .fixed_menu li:first-child{
height: 48px;
width: 20%;
background-color: #fff;
border-radius: 8px;
border: 2px solid #0590C7;
display: flex;
align-items: center;
justify-content: center;
margin-right:4%;
cursor:pointer;
}


#fixed_area  .fixed_menu li:first-child p{
color:#0590C7;
font-size:9px;
letter-spacing:1px;
font-weight:bold;
padding-top:4px;
}

#fixed_area  .fixed_menu li a{
display:block;
}

#fixed_area  .fixed_menu li:last-child{
	height:auto;
	width:74%;
}


#fixed_area  .fixed_menu li:last-child img{
	height:100%;
	width:auto;
	max-height:48px;
}

@media screen and (min-width:374px) {
#fixed_area  .fixed_menu li:first-child{
height: 54px;
}	
	
#fixed_area  .fixed_menu li:last-child img{
	max-height:54px;
}
}

@media screen and (min-width:412px) {
#fixed_area  .fixed_menu li:first-child{
height: 60px;
}	
	
#fixed_area  .fixed_menu li:last-child img{
	max-height:60px;
}
}

@media screen and (min-width:440px) {
#fixed_area  .fixed_menu li:first-child{
height: 66px;
}	
	
#fixed_area  .fixed_menu li:last-child img{
	max-height:66px;
}
}

/* menu */
/* ============================================ */

.menu .menu_btn img{
width:100%;
height:auto;
}

#page .drawer-nav{
	width:84%;
	max-width:768px;
	right:-100%;
	left:auto;
	margin:auto;
	background-color:#e9f4f8;
	background-image:url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/blue_bg.png");
	background-size: cover;
	transform: translateX(0);
}

.drawer-open #page .drawer-nav{
	right:0;
}

#page .drawer-menu-top{
	display:flex;
	margin:2.4rem auto 7rem auto;
	justify-content:space-between;
	width:80%;
	align-items:center;
}

#page .drawer-menu-top li.sp{
	display:block;
}

#page .drawer-menu-top li.pc{
	display:none;
}

#page .drawer-menu{
	width:80%;
	margin:0 auto;
}

#page .drawer-menu li{
	color:#008CC9;
	font-size:1.8rem;
	letter-spacing:2px;
	margin-bottom:2.4rem;
	padding-bottom:1.8rem;
	padding-left:3.6rem;
	border-bottom:3px #008CC9 dotted;
	position:relative;
}

#page .drawer-menu li::before{
	content: "";
	width: 2.3rem;
	height: 2.3rem;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#page .drawer-menu li::after{
	content: "";
	width: 1rem;
	height: 1.6rem;
	background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/menu-list-bar.svg");	
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	right: 0;
	top: 3px;
}

#page .drawer-menu li:nth-child(1)::before{
	background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/menu-list1.svg");	
}

#page .drawer-menu li:nth-child(2)::before{
	background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/menu-list2.svg");	
}

#page .drawer-menu li:nth-child(3)::before{
	background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/menu-list3.svg");	
}

#page .drawer-menu li:nth-child(4)::before{
	background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/menu-list4.svg");	
}
#page .drawer-menu li a{
	display:block;
}





/* footer */
/* ============================================ */
.footer_bg{
	background-color:transparent;
	background-image:url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/blue_bg.png");
	background-size: cover;
	
	padding:3rem 4% 6rem 4%;
}

.footer_bg .title{
	background-color:#c4e0e4;
	padding:1.2rem 1.8rem;
	width:100%;
	color:#fff;
	letter-spacing:2px;
	font-size:2.2rem;
	font-weight:normal;
	border-radius:3px;
	margin-top:3rem;
}

.footer_bg dl{
	display:flex;
	width:100%;
	margin:3.2rem auto 0.8rem auto;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items: center;
}

.footer_bg dl dt{
	width:20%;
	min-width:12rem;
	margin-bottom:2.4rem;
	background-color:#81bec1;
	text-align:center;
	font-weight:normal;
	color:#fff;
	border-radius:3px;
	font-size:1.7rem;
	letter-spacing:2px;
	padding:0.8rem 0;
}

.footer_bg dl dd{
	width:60%;
	font-size:1.7rem;
	letter-spacing:2px;
	color:#4A6D7B;
	padding: 0.8rem 0;
	margin-left:3%;
	margin-bottom: 2.4rem;
}

.footer_bg .footer_middle .sub_title{
	margin: 1.8rem 0;	
}

.footer_bg .footer_middle h3{
	font-size:1.6rem;
	letter-spacing:2px;
	color:#4A6D7B;
	line-height:1.7;
	margin-bottom:0.8rem;
}

.footer_bg .footer_middle h3 span{
	padding-left:2rem;
	font-size:1.7rem;	
}

.footer_bg .footer_middle .map_case{
	height: 0;
	overflow: hidden;
	padding-bottom: 54%;
	position: relative;
	border-radius: 8px;
	border: solid 4px #CBB3A9;
	margin:3rem auto 5rem auto;
}
.footer_bg .footer_middle .map_case iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.footer_bg .footer_bottom .sub_title{
	font-size:1.8rem;
	letter-spacing:2px;
	color:#4A6D7B;
	line-height:2.2;
	margin: 0.8rem 0;		
}

.footer_bg .footer_bottom .btn_erea{
	padding:1.4rem 0;
}

.footer_bg .footer_bottom .btn_erea h3{
	text-align:center;
	font-size:2rem;
	color:#B07D6A;
	letter-spacing:3px;
	margin-bottom: 1.4rem;
}

.footer_bg .footer_bottom .btn_erea h3 span{
	font-size:1.8rem;
	padding:0 1rem;

}


.footer_bg .footer_bottom .btn_erea .btn{
	text-align:center;
	margin:0 auto;
	width: 92%;
}

.footer_bg .footer_bottom .btn_erea .btn img{
	width:100%;
	max-width:335px;
}

.footer_bg .footer_bottom p{
	font-size:1.6rem;
	letter-spacing:1px;
	color:#4A6D7B;
	line-height:1.8;
	margin-top:-1.4rem;		
}

.copyright_bg{
	background-color:#c4e0e4;
}

.copyright_bg h2{
	padding:1.4rem 0;
	color:#fff;
	font-size:1.2rem;
	text-align:center;
	letter-spacing:1px;
}


/* main */
/* ============================================ */
#top_image{
	margin-top: -2.4rem;
}

#top_image .top_image_top h2{
	width:92%;
	max-width:496px;
	margin:0 auto;
	text-align:center;
	position:relative;
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
}

#top_image .top_image_top h2 img{
	vertical-align:bottom;
	margin-bottom: -2px;
}

#top_image .top_image_top .slide1 h2{
	background-image:url('https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/Mask-group_a.jpg');
}
#top_image .top_image_top .slide2 h2{
	background-image:url('https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/Mask-group_b.jpg');
}

#top_image .top_image_top .slide3 h2{
	background-image:url('https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/Mask-group_c.jpg');
}

#top_image .top_image_top .slide4 h2{
	background-image:url('https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/Mask-group_d.jpg');
}

#top_image .top_image_top .slide5 h2{
	background-image:url('https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/Mask-group_e.jpg');
}

#top_image .top_image_top .slide6 h2{
	background-image:url('https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/Mask-group_f.jpg');
}

#top_image .top_image_top .slide7 h2{
	background-image:url('https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/Mask-group_g.jpg');
}




#top_image .top_image_top h2::before{
content: "完全予約制";
width: 40%;
height: 10%;
position: absolute;
bottom: 17%;
left: 8%;
background-color: #7bc4bc;
letter-spacing: 2px;
font-size: 1.6rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}


#top_image .top_image_top h2::after{
content: "女性専用";
width: 40%;
height: 10%;
position: absolute;
bottom: 5%;
left: 8%;
background-color: #7bc4bc;
letter-spacing: 2px;
font-size: 1.6rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}

@media screen and (min-width:368px) {
#top_image .top_image_top h2::before,#top_image .top_image_top h2::after{
width: 38%;
height: 9%;
left: 8%;
}
#top_image .top_image_top h2::after{
bottom: 5%;
}
	
}	
@media screen and (min-width:440px) {
#top_image .top_image_top h2::before,#top_image .top_image_top h2::after{
width: 36%;
height: 8.4%;
left: 7%;
}	
#top_image .top_image_top h2::after{
bottom: 6%;
}
	
}

@media screen and (min-width:530px) {
#top_image .top_image_top h2::before,#top_image .top_image_top h2::after{
width: 32%;
height: 7.4%;
left: 7%;
}
#top_image .top_image_top h2::after{
bottom: 7.4%;
}
	
}

@media screen and (min-width:620px) {
#top_image .top_image_top h2::before,#top_image .top_image_top h2::after{
width: 14rem;
height: 4rem;
}
#top_image .top_image_top h2::before{
bottom: 10rem;
}	
	
#top_image .top_image_top h2::after{
bottom: 5rem;
}
	
}

#top_image .top_image_top h2 img{
	width:100%;
	height:auto;
	max-width:500px;
}

#top_image .top_image_middle{
	width:88%;
	margin:0 auto;
}


#top_image .top_image_middle h2{
	font-size:2rem;
	letter-spacing: 2px;
	color: #866A5E;
	line-height: 1.7;
}

#top_image .top_image_middle h3{
font-size: 1.6rem;
letter-spacing: 1px;
color: #866A5E;
line-height: 2;
margin-top:2.4rem;
margin-bottom:3.2rem;
}

#top_image h2.btn{
  text-align: center;
  margin: 4.8rem auto 7.2rem auto;
  width:92%;
}

#top_image h2.btn img{
	height:auto;
	width: 100%;
	max-width: 335px;
}

/* staff */
/* ============================================ */

#staff{
	width: 92%;
	margin: 0 auto;
}

#staff .title{
	text-align:center;
	position:relative;
	margin: 6.4rem auto 3.2rem auto;
}

#staff .sub_title{
	text-align: center;
	color: #7ac1b7;
	letter-spacing: 1px;
	font-size: 2rem;
	margin-top: -2rem;
	margin-bottom: 5.4rem;
}

#staff .title::before,#staff .title::after{
content: "";
width: 5.3rem;
height: 2.2rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0;
top: 0;
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/title_bar.svg");
margin: auto;
right: 0;
bottom: 0;
}
#staff .title::before{
transform: translateX(-12rem);
}

#staff .title::after{
transform: translateX(12rem);
}

#staff dl{
width: 100%;
text-align: center;
margin: 0 auto;
}

#staff dl dt img{
width:100%;
height:auto;
max-width:21rem;
}

#staff dl dd{
	font-size: 2rem;
	letter-spacing: 2px;
	color: #866A5E;
	line-height: 1.5;
	width:20rem;
	text-align:left;
	margin:1.2rem auto;
}

#staff dl dd span{
	display:block;
	font-size: 2.2rem;
}

/* feelsafe */
/* ============================================ */

#feelsafe{
	width: 92%;
	margin: 0 auto;
}

#feelsafe .title{
	text-align:center;
	position:relative;
	margin: 9rem auto 3.2rem auto;
}

#feelsafe .sub_title{
	text-align: center;
	color: #7ac1b7;
	letter-spacing: 1px;
	font-size: 2rem;
	margin-top: -2rem;
	margin-bottom: 6.4rem;
}

#feelsafe .title::before,#feelsafe .title::after{
content: "";
width: 5.3rem;
height: 2.2rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0;
top: 0;
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/title_bar.svg");
margin: auto;
right: 0;
bottom: 0;
}
#feelsafe .title::before{
transform: translateX(-12rem);
}

#feelsafe .title::after{
transform: translateX(12rem);
}

#feelsafe dl{
	background-color:#fff;
	width:92%;
	max-width:500px;
	padding:6rem 0 8rem 0;
	margin:0 auto;
	position:relative;
}

#feelsafe dl::before{
width:6rem;
height:6rem;
content:"";
border-bottom:3px solid #DCCCB4;
transform:rotate(45deg);
top:-3rem;
right:-3rem;
display:block;
position:absolute;
background-color:#f9f4f0;
z-index:1;
}

#feelsafe dl::after{
width:6rem;
height:6rem;
content:"";
border-top:3px solid #DCCCB4;
transform:rotate(45deg);
bottom:-3rem;
left:-3rem;
display:block;
position:absolute;
background-color:#f9f4f0;
z-index:1;
}

#feelsafe dl dt figure{
	text-align:center;
}

#feelsafe dl dt figure img{
width:100%;
height:auto;
max-width:21rem;
}

#feelsafe dl dt figure figcaption{
	font-size: 2rem;
	letter-spacing: 2px;
	color: #866A5E;
	line-height: 1.7;
	font-weight:normal;
	margin:2.4rem auto;
}

#feelsafe dl dd{
	font-size: 1.6rem;
	letter-spacing: 1px;
	color: #866A5E;
	line-height: 2;
	font-weight:normal;
	width:90%;
	margin:0 auto;
}


/* sns */
/* ============================================ */

#sns{
	width: 92%;
	margin: 0 auto 9rem auto;
}

#sns .title{
	text-align:center;
	position:relative;
	margin: 9rem auto 3.2rem auto;
}

#sns .title::before,#sns .title::after{
content: "";
width: 5.3rem;
height: 2.2rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0;
top: 0;
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/title_bar.svg");
margin: auto;
right: 0;
bottom: 0;
}
#sns .title::before{
transform: translateX(-12rem);
}

#sns .title::after{
transform: translateX(12rem);
}

#sns .sub_title{
	text-align: center;
	color: #7ac1b7;
	letter-spacing: 1px;
	font-size: 2rem;
	margin-top: -2rem;
	margin-bottom: 6.4rem;
}

#sns h2 a{
	display:block;
	text-align:center;
	margin:3.6rem auto;
}

#sns h2 a img{
	width:100%;
	max-width:500px;
	height:auto;
}


/* treatment */
/* ============================================ */

aside#link_btn{
	width:92%;
	margin:0 auto;
}

aside#link_btn h2{
	font-size: 1.4rem;
	letter-spacing: 1px;
	color: #866A5E;
	line-height: 2;
	margin-top: 2.4rem;
	margin-bottom: 3.2rem;
	position:relative;
	padding-left:1.8rem;
}

aside#link_btn h2::before{
	content:"";
	width:1rem;
	height:1rem;
	display:block;
	position:absolute;
	border-left:1px solid #866A5E;
	border-bottom:1px solid #866A5E;
	transform:rotate(45deg);
	left:0;
	top:1rem;
}

/* treatment_plan */
/* ============================================ */

#treatment_plan{
	width:92%;
	margin:0 auto;	
}

#treatment_plan .title{
	text-align: center;
	margin: 4.2rem auto 3.2rem auto;
}

#treatment_plan .sub_title{
  text-align: center;
  color: #866A5E;
  letter-spacing: 1px;
  font-size: 1.7rem;
  margin-top: -2rem;
  margin-bottom: 5.4rem;
}

#treatment_plan dl .plan_container{
display:flex;	
max-width:500px;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
width:100%;
border-bottom:#CBAB92 dotted 3px;
margin:0 auto;
padding:1.8rem 0;
}

#treatment_plan dl .plan_container dt{
	color: #533C32;
	letter-spacing: 1px;
	font-size: 2rem;
	font-weight:normal;
}

#treatment_plan dl .plan_container dd{
	letter-spacing: 2px;
	font-size: 2rem;
	color:#BC9F77;
}

#treatment_plan dl .plan_container dd span{
	font-size: 1.4rem;
	padding-left:0.4rem;
	letter-spacing:0;
}

#treatment_plan dl .plan_container dd.plan_explain{
	letter-spacing: 1px;
	font-size: 1.6rem;
	color:#866A5E;
	line-height:1.7;
	margin-top:1.8rem;
}


/* treatment_course */
/* ============================================ */
#treatment_course{
	width:92%;
	margin:0rem auto;		
}

#treatment_course figure{
border-bottom:#CBAB92 dotted 3px;
padding:2.4rem 0;
max-width:500px;
width:100%;
margin:0 auto;
}

#treatment_course figure img{
width:100%;
height:auto;
max-width:500px;
}

#treatment_course figure figcaption{
	width:96%;
	margin:0 auto;
}

#treatment_course figure figcaption h2{
	color: #533C32;
	letter-spacing: 1px;
	font-size: 2rem;
	padding:1.8rem 0;
}

#treatment_course figure figcaption .treatment_course_text{
	color: #866A5E;
	letter-spacing: 1px;
	font-size: 1.6rem;
	line-height:1.7;
}

#treatment_course figure figcaption .treatment_course_price{
	text-align:right;
	color:#BC9F77;
	letter-spacing: 2px;
	font-size: 2rem;
	padding-top:1.4rem;
}

#treatment_course figure figcaption .treatment_course_price span{
	font-size: 1.4rem;
	padding-left:0.4rem;
	letter-spacing:0;
}

#treatment_course dl{
	padding-top:2.4rem;
}

#treatment_course dl .treatment_course_container{
display:flex;	
max-width:480px;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
width:96%;
margin:0 auto;
padding:1.8rem 0;
}

#treatment_course dl .treatment_course_container dt{
	color: #533C32;
	letter-spacing: 1px;
	font-size: 2rem;
	font-weight:normal;
}

#treatment_course dl .treatment_course_container dd{
	letter-spacing: 2px;
	font-size: 2rem;
	color:#BC9F77;
}

#treatment_course dl .treatment_course_container dd span{
	font-size: 1.4rem;
	padding-left:0.4rem;
	letter-spacing:0;
}

#treatment_course dl .treatment_course_container dd.plan_explain{
	letter-spacing: 1px;
	font-size: 1.6rem;
	color:#866A5E;
	line-height:1.7;
	margin-top:1.8rem;
}

/* special_course */
/* ============================================ */

#special_course .title{
	text-align: center;
	margin: 6.4rem auto 3.2rem auto;
}

#special_course .sub_title{
  text-align: center;
  color: #866A5E;
  letter-spacing: 1px;
  font-size: 1.7rem;
  margin-top: -2rem;
  margin-bottom: 5.4rem;
}

#special_course dl{
	background-color:#fff;
	width:92%;
	max-width:500px;
	padding:6rem 0 8rem 0;
	margin:0 auto 4.8rem auto;
	position:relative;
}

#special_course dl::before{
width:6rem;
height:6rem;
content:"";
border-bottom:3px solid #DCCCB4;
transform:rotate(45deg);
top:-3rem;
right:-3rem;
display:block;
position:absolute;
background-color:#f9f4f0;
z-index:1;
}

#special_course dl::after{
width:6rem;
height:6rem;
content:"";
border-top:3px solid #DCCCB4;
transform:rotate(45deg);
bottom:-3rem;
left:-3rem;
display:block;
position:absolute;
background-color:#f9f4f0;
z-index:1;
}

#special_course dl dt figure{
	text-align:center;
}

#special_course dl dt figure img{
width:100%;
height:auto;
max-width:28rem;
}

#special_course dl dt figure figcaption h2{
	font-size: 2.2rem;
	letter-spacing: 1px;
	color: #533C32;
	line-height: 1.7;
	font-weight:normal;
	margin:2.4rem auto;
	position:relative;
	display:inline-block;
	text-align:center;
	padding:0 0.4rem 0 3.4rem;
	z-index: 0;
}

#special_course dl dt figure figcaption h2::before {
  content: "";
  height: 2.2rem;
  width: 2.2rem;
  position: absolute;
  bottom: 8px;
  left: 4px;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}

#special_course dl dt figure figcaption h2::after{
  content: "";
  height: 1rem;
  width: 100%;
  position: absolute;
  bottom: 6px;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
}

#special_course .honey_bee dl dt figure figcaption h2::before{
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/yellow_flower.svg");
}

#special_course .blue_bee dl dt figure figcaption h2::before{
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/blue_flower.svg");
}

#special_course .queen_bee dl dt figure figcaption h2::before{
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/red_flower.svg");
}

#special_course .honey_bee dl dt figure figcaption h2::after{
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/yellow_border.svg");
}

#special_course .blue_bee dl dt figure figcaption h2::after{
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/blue_border.svg");
}

#special_course .queen_bee dl dt figure figcaption h2::after{
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/red_border.svg");
}

#special_course dl dd{
	font-size: 1.5rem;
	letter-spacing: 1px;
	color: #866A5E;
	line-height: 2;
	font-weight:normal;
	width:90%;
	margin:0 auto;
}

#special_course dl dd.content{
	display:flex;
	border:1px solid #8F7B4E;
	text-align:center;
	justify-content:space-around;
	margin:2.4rem auto;
}

#special_course dl dd.content .content_left{
	background-color:#8F7B4E;
	color:#fff;
	padding:0.2rem 4%;
	margin-right:auto;
}

#special_course dl dd.content .content_right{
	padding:0.2rem 4%;
}

#special_course dl dd.tag span{
	padding:0 2.4rem 0 2.4rem;
	position:relative;
}

#special_course dl dd.tag span::before{
content: "";
height: 1.3rem;
width: 1.3rem;
position: absolute;
top: 7px;
left: 0;
z-index: 0;
background-repeat: no-repeat;
background-position: left;
background-size: contain;
background-image: url("https://www.blue-bee-harikyuin.com/wp-content/themes/bluebee/images/tag.svg");
display: block;
}

#special_course dl dd.price {
  text-align: right;
  color: #99272B;
  letter-spacing: 2px;
  font-size: 2.2rem;
  padding-top: 1.4rem;
}

#special_course dl dd.price span{
  font-size: 1.4rem;
  padding-left: 0.4rem;
  letter-spacing: 0;
}

@media screen and (min-width:580px) {
	#body_bg{
		background-color: #e9f4f8;
	}	

}

@media screen and (min-width:768px) {	
	#page {
		padding-left:300px;
		max-width:1068px;
		width:1068px;
	}
	#page .drawer-nav{
		width:300px;
		max-width:300px;
		right:0;
		left:0;
		margin:auto;
		background-color:#e9f4f8;
		transform: translateX(-384px);
		background-image:none;
		transition:none;
	}

	#page .drawer-menu-top{
		display:flex;
		margin:7rem auto;
		justify-content:center;
		width:60%;
		align-items:center;
	}
	
	#page .drawer-menu-top img{
		width:100%;
		height:auto;
	}
	
	#page .drawer-menu-top li.sp{
		display:none;
	}

	#page .drawer-menu-top li.pc{
		display:block;
		width:100%;
		height:auto;
	}	
	
	.menu .menu_btn{
		display:none;
	}
	
	#top_image .top_image_middle{
		width:68%;
		margin:0 auto;
	}
	#feelsafe dl dd {
		font-size: 1.6em;
		letter-spacing: 2px;
		width:80%;
	}
	#special_course dl dd {
		font-size: 1.6em;
		letter-spacing: 2px;
		width:80%;
	}	
}