@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');
html{
	font-size: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
}

body{color:#333;}
a {
	text-decoration:none;
	color: #333;
	
}
a:hover {
	text-decoration:none;
	color: #d12e59;
	border-bottom: 3px solid #d12e59;
	font-weight: 900;
}

a:active {
	text-decoration:none;
	color: #d12e59!important;
	border-bottom: 1px solid #d12e59;
	font-weight: 900;
}

.current a {
	text-decoration:none;
	color: #d12e59!important;

	font-weight: 900;
	height: 80px;
	border-bottom: 3px solid #d12e59;
}

.profile_BOX a{
	text-decoration:none;
	color: #d12e59!important;
	font-weight: 400;
}

.profile_BOX img{
	margin-bottom: 5%;
	
}
img{max-width: 100%}
li{list-style: none;}
p{
	font-size:1rem;
	text-align: left;
	line-height: 1.8rem;
}

.mt40{
	margin-top: 40px;
}

.center{
	text-align: center;
}
.right{
	text-align: right;
}

.line{
	text-decoration: line-through;
}

.mb20{margin-bottom: 20px;}
.red{
	color: #CC0000;
}

	.pc-only{display: block;}
	.sp-only{display: none;}
	
header{
	width: 100%;
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: rgba(255,255,255,0.9);	

}

header .area{
	max-width: 1020px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	margin:  0 auto;
}




nav li{
	white-space: nowrap;
	margin-right: 10px!important;
	

}

nav li a{
	margin-right: 10px!important;
	height: 80px!important;
	PADDING: 25PX 0;

}


header h1{
		z-index: 999;
		backface-visibility: hidden;
		overflow: hidden;
}

header ul {
    display: flex;
    align-items: center;
    justify-content: space-between;

	width: auto!important;
	white-space: nowrap;
	margin-right: 10px!important;
	

}

.wrapper{
	padding-top:100px;
	width: 1000px;
	margin: 0 auto;
	max-width: 1020px;
	text-align: center;
	
}

.wrapper2{
	padding-top:0;
	width: 1000px;
	margin: 0 auto;
	max-width: 1020px;
	text-align: center;
}
.wrapper3{
	padding-top:100px;
/*	width: 1366px;*/
	margin: 0 auto;
	max-width: 1366px;
	text-align: center;
}



h2{
	text-align: center;
	font-weight: 900;
	font-size: 1.5rem;
	
}
span.subttl{
	display: block;
	color: #d12e59;
	font-weight: normal;
	font-size: 1.2rem;
	margin-top: 20px;
	margin-bottom: 60px;

}

.BOX{
	display: flex;
	width: 100%;
	align-items:flex-start;
	justify-content: space-between;
	padding: 40px 0 120px;
}

.BOX .photo{
	width: 440px;
}


.BOX .read{
	width: 530px;
}

.BOX .read h4{
  width: 5px;
  height: 25px;
  border-radius:0  100%  100% 0 / 50%;
  background: #e0324f;
	padding-left: 10px;
	margin-bottom: 15px;
	font-weight: 700;

}


.BOX .read h4 .ttl{
  width: 420px;
  height: 30px;
	font-size: 1.13rem;
  line-height: 1.5rem;
	padding-left: 10px;
}
.BOX .read p{
	padding-left: 15px;
}

.Feature_area{
	border: 1px solid #e0324f;
	padding: 0 60px;
}

.Contents_area{
	border: 1px solid #e0324f;
	padding: 0;
}

.News_area{
	border: none!important;
	padding: 0 60px;
}




.News_area .ttl_bg,
.Feature_area .ttl_bg,
.Contents_area .ttl_bg{
  margin       : auto;
  overflow     : hidden;
  position     : relative;
  width        : 780px;
  height       : 150px;
  background   : #f49db0;
  border-radius:0% 100% 50% 50% / 0% 0% 100% 100% ;

}


.News_area .ttl_bg2,
.Feature_area .ttl_bg2,
.Contents_area .ttl_bg2{
  margin       : auto;
  position     : absolute;
 	 top: 0;
 	left:0;
	right: 0;
	bottom: 0;	
  width        : 690px;
  height       : 150px;
  background   : #e0324f;
  border-radius:0% 100% 50% 50% / 0% 0% 100% 100% ;

}




.Feature_area .ttl{
	position: absolute;
	top:-40px;
	left:30%;
	color: #fff;
	font-size: 2rem;
  	transform: rotate(180deg)!important;
	
}



.Contents_area .ttl{

position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color: #fff;
	font-size: 2rem;
	width: 63%;

	
}

.News_area .ttl{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color: #fff;
	font-size: 2rem;
	
}




.News_area .ttl .subttl,
.Feature_area .ttl .subttl,
.Contents_area .ttl .subttl{
	display: block;
    color: #fff;
    font-weight: normal;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 0px;
	text-align: center;
}

ul.Feature_box{
	display: flex;
	width: 100%;
	padding: 3% 0;
    align-items:stretch;        /* 縦の位置指定 */
	justify-content:space-between;
	flex-wrap: nowrap;

}

ul.Feature_box li{
	background-color: #eee;     /* 背景色指定 */
	padding: 1%;
	margin: 1%;
	width: 30%;
}

.Feature_box li::nth-child(4n){
	margin-right: 0!important;
}

.Feature_txt{
	margin: 0px 0 40px;
}

.btn_area{
	padding: 30px 0 40px;
}

.BOX .btn_area{
	padding: 0;
}


.btn_area a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #e0324f;
  font-size: 18px;
  font-weight: 400;
  background-color: #fff;
  border:solid 1px #e0324f;
  transition: 0.3s;
}

.btn_area a::after {
  content: '';
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #e0324f transparent;
  transition: 0.3s;
}

.btn_area a:hover {
  text-decoration: none;
  background-color: #fff;
}

.btn_area a:hover::after {
  bottom: 10px;
  right: 10px;
}


.price_box{
	background-color: #f49eb1;
	background-image:url("../img/top/price_bg_pc2.png");
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 60px;	
	height: 555px;
	
}

.access_box{
	
	
}
.access_area p.address_txt{
	text-align: center!important;
	line-height: 2rem;
	padding-bottom: 30px;
}

#Googlemap iframe{
	width: 100%;
	height: 500px;
	
}

#reservation{
	width: 100%;
	background-color: #f8f7f5;
	padding: 0px 0;
	margin-top: 100px;
}



#reservation .btn_area{
	padding: 0px 0 80px;
	text-align: center;
	display: flex;
	justify-content: space-evenly;
	margin:  0 auto;
}


#reservation .btn_area a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  background-color: #e0324f;
  border:solid 1px #e0324f;
  transition: 0.3s;
}

#reservation .btn_area a::after {
  content: '';
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #fff transparent;
  transition: 0.3s;
}

#reservation .btn_area a:hover {
  text-decoration: none;
  background-color: #e0324f;
	color: #fff;
}

#reservation .btn_area a:hover::after {
  bottom: 10px;
  right: 10px;
}


footer{
	background-color: #888;
	width: 100%;
	color: #fff;
	text-align: center;
	
	
}

footer .wrapper{
	padding: 30px 0;
}


footer p{
	text-align: center!important;
}

footer a {
	color: #fff!important;
	border-bottom: none!important;
	
}

footer a:hover {
	color: #e0324f;
	border-bottom: 1px #fff solid!important;
	
}


footer .link_area{
	width: 68%;
	padding: 20px 0 20px;
	text-align: center;
	display: flex;
	justify-content: space-evenly;
	margin:  0 auto;
}
address{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		font-size: .9rem;
}




/*プロフィールページ*/

.profile_BOX,
.Feature_info2:last-child{
	display: flex;
	width: 100%;
	align-items:flex-start;
	justify-content: space-between;
	padding: 40px 0 120px;
}

.Feature_info{
	width: 100%;
	align-items:flex-start;
	justify-content: space-between;
	padding: 40px;
}


.Feature_info2{
	display: flex;
	width: 100%;
	align-items:flex-start;
	justify-content: space-between;
	padding: 40px;
}



.Feature_info_1LINE{
	display: block;
	width: 100%;
	align-items:flex-start;
	justify-content: space-between;
	padding: 40px;
}


.profile_BOX .photo,
.Feature_info2 .photo{
	width: 350px;
}


.profile_BOX .read,
.Feature_info2 .read{
	width: 620px;
	padding-left: 20px;
}

.Feature_info_L .read{
	width: 940px;
	padding-left: 20px;
}

.profile_BOX .staff,
.Feature_info2 .staff{
	font-size: 1.65rem;
	line-height: 2rem;
	
}
.profile_BOX .ttl,
.Feature_info2 .ttl{
	font-weight: 900;
	
}

.profile_BOX .staff_eng,
.Feature_info2 .staff_eng{
	font-size: 1.2rem;
	color: #d12e59;
	margin-left: 15px;
	
}


.profile_BOX .shikaku,
.Feature_info2 .shikaku{
	text-align: left;
	font-size: .9rem;
  	line-height: 1rem;
}

.profile_BOX .shikaku h5,
.Feature_info2 .shikaku h5,
.Feature_info_1LINE h5{
	position: relative;
	width: 10px;
	height: 20px;
	margin-top:45px; 
	margin-bottom: 15px;
	border-radius:0  100%  100% 0 / 50%;
	background: #e0324f;
	padding-left: 10px;

}

.profile_BOX .shikaku h5:first-child,
.Feature_info2 .shikaku h5:first-child,
.Feature_info_1LINE h5:first-child,
.Feature_info_L h5:first-child,
#Partnership_area h5:first-child{
	width: 10px;
	height: 20px;
	margin-top:0px; 
	margin-bottom: 15px;
	border-radius:0  100%  100% 0 / 50%;
	background: #e0324f;
	padding-left: 10px;

}


.profile_BOX .shikaku h5 .ttl,
.Feature_info2 .shikaku h5 .ttl,
.Feature_info_1LINE .shikaku h5 .ttl,
.Feature_info_L .shikaku h5 .ttl,
#Partnership_area h5 .ttl{
	display: inline-block;
	width: 620px;
	height: 30px;
	line-height: 1.2rem;
	padding-left: 10px;
	font-weight: 600;
}
.profile_BOX li,
.Feature_info2 li{
	margin-bottom: 10px;
}


.profile_BOX li:before,
.Feature_info2 li:before{
  content: '■ ';
	text-align: left;
	font-size: .8rem;
	line-height: 1.4rem;

}

.profile_BOX p,
.Feature_info2 p{
	text-align: left;
	font-size: .9rem;
	line-height: 1.4rem;

}

.Contents_area{
	
}

.Contents_area .box {
	display:flex;
	padding: 5% 0;
  	flex-direction: row;
  	justify-content: space-between;
	align-items: center;
	text-align: left;
	background-color: #fff;
}
.Contents_area .text{
	width: 48%;
	font-size: .9rem;
}


.Contents_area .text li:before{
  content: '■ ';
	display: inline-block;
}
.Contents_area .text li{
	display: inline-block;
	margin-right: 15px;
	line-height: 1.6rem;
	margin-bottom: 10px;
}

.Contents_area .pict {
	width: 46%;
	margin-left: 4%;
}






.Feature_info2:nth-child(odd) {
  flex-direction: row-reverse;
}
.Feature_info2 .box:nth-child(odd) .read {
  text-align: right;
}
.Feature_info2 .box:nth-child(odd) .photo {
  margin-left: 0;
  margin-right: 3%;
}

/*アコーディオン*/

.Accordion_area {
  margin-left: auto;
  margin-right: auto;
/*  margin-top: 30px;
*/  max-width: 1020px;
  position: relative;
  width: 100%;
}
.accordion-title {
  color: #e0324f;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 20px;
}
.accordion-content {
  display: none;
  padding: 5% 3%;
}
/* タイトルの背景色 */
.accordion-item .accordion-title {
 	background-color: #fff;
	border: 1px solid #e0324f;
	border-left: none;
	border-right: none;
	
}
/* 矢印 */
.accordion-title {
  position: relative;
}
.accordion-title::after {
  border-right: solid 2px #e0324f;
  border-top: solid 2px #e0324f;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}

.column_Area h2{
	font-weight: 900;
	color: #e0324f;
	margin-top:45px; 
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4rem;

}
.column_Area h2:nth-child(n + 2) {
	font-weight: 900;
	margin-top:45px; 
	margin-bottom: 60px;
} 

.column_Area h2 p{
	text-align: center!important;}




.column_Area h2:before, h2:after{
	position: relative;
}

.column_Area h2::after{
	position: absolute;
	left:10px;
	width: 10px;
	height: 20px;
	margin-top:45px; 
	margin-bottom: 15px;
	
	margin-right: auto;
	border-radius:0  100%  100% 0 / 50%;
	background: #f49db0;
	padding-left: 10px;

}

.column_Area h2::after{
	position: absolute;
	right:10px;
	width: 10px;
	height: 20px;
	margin-top:45px; 
	margin-bottom: 15px;
	
	margin-right: auto;
	border-radius:100% 0  0 100%  / 50%;
	background: #f49db0;
	padding-left: 10px;

}


.column_Area h2 .midashi_ttl{
    display: block;
    width: auto;
    height: 30px;
	line-height: inherit!important;
    padding-left: 10px;
    font-weight: normal;
	color: #e0324f;
	font-size: 1.6rem;
	font-weight: 700;
}


.column_Area h2 .midashi_ttl:nth-child(2+n){
    display: block;
    width: 280px;
    height: 30px;
	line-height: inherit!important;
    padding-left: 20px;
    font-weight: normal;
	color: #e0324f;
}



/* アコーディオン */

/* アコーディオン ５大要素 */

.kaatsu_aboout table{
	width: 80%;
	margin: 40px auto;
}

.kaatsu_aboout table img{
	margin: 10px 0 0;
}

.kaatsu_aboout table .midashit{
	background-color: #fdd5dc;
	color: #CC0000;
	padding: 10px
}


.kaatsu_aboout td{
	width: 50%;
	margin: 0 auto;
}
.kaatsu_aboout .txt{
	width: 90%;
	margin: 0 auto;
	font-size: .9rem;
	line-height: 1.5;
	margin-top: 10px;
}

.kaatsu_aboout .notes_area{
	display: flex;
	align-items: center;
	justify-content:flex-start;
	height: auto;
	margin:  0 auto;
	padding: 30px;
}	

.kaatsu_aboout .notes_area p{
	margin-left: 20px;
}



.kaatsu_aboout h6 {
	color: #e0324f;
 	text-shadow: 0 0 5px white;
 	border-left: solid 7px #f8b4bf;
 	background: -webkit-repeating-linear-gradient(-45deg, #fdd5dc, #fdd5dc 3px,#ffc8d1 3px, #fdd5dc 7px);
 	background: repeating-linear-gradient(-45deg, #fdd5dc, #fdd5dc 3px,#ffe5e9 3px, #ffe5e9 7px);
 	padding: 10px;
	margin: 50px 0;
	font-weight: 900;
}

.kaatsu_aboout .sub_title {
	display: block;
	color: #e0324f;/*文字色*/
 	padding: 10px 0;/*上下の余白*/
	margin: 0 20px;
	border-top: solid 3px #e0324f;/*上線*/
	border-bottom: solid 3px #e0324f;/*下線*/
	width: 100%!important;
}
	
.kaatsu_aboout p {
	margin-top: 20px;
}



.notes{
	font-size:.8rem;
	margin: 0px 20px 40px;
}

.notes li{
    padding-left: 2.5em;
    text-indent: -2.5em;
    text-align: left;
    padding-bottom: 5px;
    line-height: 1.4rem;}

.notes li.single{
    padding-left: 1em!important;
    text-indent: -1em!important;
    text-align: left;
    padding-bottom: 5px;
    line-height: 1.4rem;}

.notes_ttl{
	font-size:.8rem;
	font-weight: 900;
	border-bottom: 2px solid dotted;

}


ul.Facility_box{
	display: flex;
	width: 100%;
	padding: 0 0 5% ;
    align-items:stretch;        /* 縦の位置指定 */
	justify-content:space-between;
	flex-wrap: wrap;

}

ul.Facility_box li{
	padding: 1%;
	margin: 1%;
	width: 30%;
}
ul.Facility_box p{
	
}

ul.Facility_box li::nth-child(4n){
	margin-right: 0!important;
}


#button_area .btn_link{
	padding: 0px 0 80px;
	text-align: center;
	display: flex;
	justify-content: space-evenly;
	margin:  0 auto;
}


#button_area .btn_link a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  background-color: #e0324f;
  border:solid 1px #e0324f;
  transition: 0.3s;
}

#button_area .btn_link a:hover {
  text-decoration: none;
  background-color: #f56e8c;
	color: #fff;
}

#button_area .btn_link a:hover::after {
  bottom: 10px;
  right: 10px;
}





#button_area .btn_link a:before {
transform: rotate(225deg);
content: "";
display: block;
position: absolute;
top:35%;
right: 20px;
width: 0.5em;
height: 0.5em;
border-top: #fff 2px solid;
border-left: #fff 2px solid;
}
#button_area .btn_link a:hover::before {
border-top: #fff 2px solid;
border-left: #fff 2px solid;

}

#floor_area{
	background-color: #fef5f7;
	margin: 0 auto;
	padding: 5% 0 10% 5%;
}

.floor_box {
	width: 95%;
  display:flex;
  flex-direction: row;
	text-align: left!important;
	border-bottom: 2px dotted #f6b2c1;
	padding-bottom: 2%;
	padding-top: 2%;
	margin-bottom: 5%;
	
}

.floor_box:last-child {
	width: 95%;
  display:flex;
  flex-direction: row;
	text-align: left!important;
	border-bottom: 2px dotted #f6b2c1;
	padding-bottom: 2%;
	margin-bottom: 0%;
	
}

.floor_box .set{
	border-bottom: 2px dotted #f6b2c1;
	padding: 2% 0;
}
.floor_box P {line-height: 0!important}


.floor_box p.copy {
	line-height: 1.4rem!important;
	margin-bottom: 3%;
}

.floor_box h3 {
  font-size: .9rem;
  margin: 0;
	font-weight: 600;
	line-height: 1.8rem
}

.floor_box .text-outline-stroke {
    padding: 0 15px;
    color: #fff;
    font-weight:900;
    -webkit-text-stroke: 1px red;
    text-stroke: 1px red;
	font-size: 3rem;
	line-height: 0!important;
	margin: 0;

}


.Reservation_area .copy{
	text-align: center;
	
	}

.lesson_photo{
	
	display:flex;
	padding: 5% 0;
  	flex-direction: row;
  	justify-content: flex-start;
	align-items: center;
	text-align: left;
	background-color: #fff;
}

.lesson_photo li{
	margin-right: 10px;
	width: 170px;
}

.lesson_photo li:before{
    content:none;
    text-align: left;
}

#floor_area,
#Partnership_area{
	background-color: #fef5f7;
	margin: 0 auto;
	padding: 5% 5% 10% 5%;
}


#Partnership_area h3{
	text-align: center;
	font-weight: 500;
	font-size: 1.05rem;
	line-height: 1.7;
}

#Partnership_area img{
	width: 76.3%!important;
	margin: 2.5% auto;
}

#Partnership_area .tokuten_area{
	background-color: #FFF;
	width: 95%;
	margin: 3% auto 0;
}

#Partnership_area .tokuten_area .ttl{
	background-color:#d12e59;
	padding: 2%;
	color: #FFF;
	font-size: 1.25rem;
	text-align: center;
}

#Partnership_area .tokuten_area .ttl span{
	color: #fff600;
	font-size: 1.5rem;
}


#Partnership_area .tokuten_area .normal{
	text-align: center;
	font-weight: normal;

}

#Partnership_area .tokuten_area .text span{
}

#Partnership_area .tokuten_area .text span .point{
	color: #ff4472;

}

#Partnership_area .tokuten_area .text{
	padding: 3% 2%;
	text-align: center;
	font-weight: 600;
	line-height: 2.2!important;

}

#Partnership_area #meteore_area{
	margin: 8% auto 1%;

}


#Partnership_area #meteore_area .text{
	padding: 3% 2%;
	text-align: center!important;
	font-weight: 400!important;
	line-height: 2!important;

}
#Partnership_area #meteore_area .text_left{
	padding: 3% 2%;
	text-align: left!important;
	font-weight: 400!important;
	line-height: 2!important;
	font-size: .9rem;

}

#Partnership_area #meteore_area img{
	margin: 0!important;
}

#Partnership_area #bright_area{
	margin:  0 auto;
}


#Partnership_area #bright_area ul{
	
	display:flex;
	padding: 0;
  	flex-direction: row;
  	justify-content: center;
	align-items: center;
	text-align: left;
}

#Partnership_area #bright_area li{
	
	width: 24%;
}

#Partnership_area #bright_area li.QR{
	
	width: 14%;
	text-align: center;
}


#Partnership_area #bright_area small{
	display: block;
	text-align: right;
	font-size: .7rem!important;
	margin-right: 27%;
}

@media screen and (max-width: 767px) {
	
	
	html{
/*		overflow: hidden;
		
*/		
		line-height: 1.6;
		}
	.pc-only{display: none;}
	.sp-only{display: block;}
	
header{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 8%!important;
	margin:  0 auto;
	max-width: 744px;
	padding: 1% 2%!important;
}
	
header .area {
    max-width: 744px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	height: 8%!important;
    margin: 2% auto!important;
	width: 100%;
	padding-top: 2%;
}	


	
	
nav li a{
	height: 80px!important;
	PADDING: 25PX 0;

}


header h1{
		/*flex-basis: 60%;*/
		padding: 2% 0;
		z-index: 999;
		backface-visibility: hidden;
		overflow: hidden;
}
	header h1 img{
		padding: 4% 0;
/*		width: 90%;
*/	}
	header nav{
	margin-right: 10%!important;
	}
	

	
	.wrapper{
		padding-top: 40px;
		width: 96%;
		margin: 0 2%;
		max-width: 100%;
		text-align: center;
	}
	
	
	.wrapper2 {
		padding-top: 0;
		width: 96%;
		margin: 0 2%;
		max-width: 100%;
		text-align: center;
	}
	
	.News_area.wrapper2 {
		padding-top: 0;
		width: 100%;
		margin: 0;
		max-width: 100%;
		text-align: center;
	}


	.wrapper3 {
		padding-top: 100px;
		width: 100%;
		margin: 0 auto;
		max-width: 100%;
		text-align: center;
	}	
	
	small{
		line-height: .1;
	}
	nav li a{
		height: 80px!important;
		PADDING: 25px 0;
		font-size: .6rem;
	}

	header ul{
		width: 100%!important;
		max-width: 744px;
		display: flex;
		align-items: center;
		justify-content:flex-end;
		margin:7% auto;
		margin-right: 10%!important;
	}

	
	
	h2 {
    text-align: center;
    font-weight: 900;
    font-size: 5.3vw;
}
	
	.BOX {
		display: block;
		width: 100%;
		align-items: flex-start;
		justify-content: space-between;
		padding: 40px 0 60px;
	}
	
	.BOX .photo {
    	width: 100%;
	}
	
	.BOX .read {
		width: 100%;
		margin-top: 10px;
		display: flex;
	}
	

	.BOX .read h4{
		
		width: 5px;
		height: 25px;
		border-radius: 0 100% 100% 0 / 50%;
		background: #e0324f;
		padding-left: 10px;
		margin-bottom: 30px;
		font-weight: 700;
		padding-top: 2%;
	}		

	.BOX .read h4 .ttl {
		width: 320px;
		height: 30px;
		font-size: 1.13rem;
		line-height: 1.5rem;
		padding-left: 10px;
	}

	.BOX .read .copy {
		padding-left: 15px;
		padding-top: 90px;
	}	
	
	#voice.BOX .read .copy {
		padding-left: 15px;
		padding-top: 60px;
	}	
	
	.btn_area {
		padding: 50px 20px;
	}
	
		#voice.BOX .read {
		width: 100%;
		margin-top: 10px;
		display: block;
	}
	
	
	.BOX .btn_area{
		padding: 0 20px;
}
	.btn_area a {
	  display: block;
	  position: relative;
	  margin: 0 auto;
	  padding: 1em 2em;
	  width: 100%;
	  color: #e0324f;
	  font-size: 18px;
	  font-weight: 400;
	  background-color: #fff;
	  border:solid 1px #e0324f;
	  transition: 0.3s;
	}

.Feature_info{
	display:block;
	align-items:flex-start;
	justify-content: space-between;
	padding: 10% 0!important;
}


	.Feature_area .ttl_bg, .Contents_area .ttl_bg,
	.News_area .ttl_bg{
		margin: auto;
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 75px;
		background: #f49db0;
		border-radius: 50%/100% 100% 0 0;
		transform: rotate(180deg);
	}

	
	.Feature_area .ttl_bg2, .Contents_area .ttl_bg2,
	.News_area .ttl_bg2 {
		margin: auto;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: -3%;
		right: -3%;
			width: 90%;
		height: 75px;
		background: #e0324f;
		border-radius: 50%/100% 100% 0 0;
		transform: rotate(0deg);
	}

	.Feature_area .ttl{
		position: absolute;
		top: -80px;
		left: 15%;
		right: 22%;
		color: #fff;
		font-size: 1.3rem;
		transform: rotate(180deg)!important;
	}
	
	.Contents_area .ttl{
		position: absolute;
		top: -80px;
		left: 10%;
		right: 10%;
		color: #fff;
		font-size: 4.9vw;
		text-align: center;
		transform: rotate(180deg)!important;
			width: 90%;

	}	
	
	.profile_BOX .shikaku h5 .ttl,
	.Feature_info2 .shikaku h5 .ttl,
	.Feature_info_1LINE .shikaku h5 .ttl,
	.Feature_info_L .shikaku h5 .ttl,
	#meteore_area h5 .ttl{
		display: inline-block;
		width: 370px;
		height: 30px;
		line-height: 1.2rem;
		padding-left: 10px;
		font-weight: 600;	
	}

	
		
	.Feature_area .ttl .subttl, 
	.Contents_area .ttl .subttl	{
	
		display: block;
		color: #fff;
		font-weight: normal;
		font-size: 1.2rem;
		margin-top: 5px;
		margin-bottom: 90px;
		text-align: center;
		/*margin-right: 12%;*/
}
	
	
	ul.Feature_box {
		display: block;
		width: 100%;
		padding: 3% 0;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	
	ul.Feature_box li {
		background-color: #fff;
		padding: 1%;
		margin: 1%;
		width: 98%;
		border: 10px #eee solid;
	}
	
	.Feature_area {
		border: 1px solid #e0324f;
		 padding: 0 2%;
	}
	
	.Feature_txt {
    	margin:0 3%;
	}
	
	.Feature_info_1LINE h5 {
    position: relative;
    width: 10px;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 0 100% 100% 0 / 50%;
    background: #e0324f;
    padding-left: 10px;
}
.Feature_info_L .read{
	width: 85%!important;
	padding-left: 2%;
	margin: 0!important
		
}
	
	
	.price_box {
    	background-color: #f49eb1;
		background-image: url(../img/top/price_bg_sp2.png);
		background-repeat: no-repeat;
		background-position: top;
		padding-top: 60px;
		height: 620px;
	}
	
	.price_box img {
		width: 90%;
		margin: 0 auto;
	}
	
	#reservation {
		width: 100%;
		background-color: #f8f7f5;
		padding: 0px 0 30px;
		margin-top: 20px;
	}
	
	
	#reservation .btn_area {
		padding: 0px 0 0px;
		text-align: center;
		display: block;
		justify-content: center;
		margin: 20px auto;
	}
	
	#reservation .btn_area li {
		padding: 0px;
		text-align: center;
		display: block;
		justify-content: space-evenly;
		margin: 20px auto;
		width: 96%;
	}
	#reservation .btn_area a {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 1em 2em;
		width: 96%;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		background-color: #e0324f;
		border: solid 1px #e0324f;
		transition: 0.3s;
	}
	
	span.subttl {
		display: block;
		color: #d12e59;
		font-weight: normal;
		font-size: 1.2rem;
		margin-top: 0px;
		margin-bottom: 20px; 
	}
	
	.profile_BOX{
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		padding: 0px 0 0px;
	}
	
	.profile_BOX:last-child{
		display: flex;
		width: 100%;
		align-items: flex-end;
		justify-content: space-between;
		padding: 0px 0 40px;
	}
	
	.profile_BOX .photo {
		width: 40%;
		margin-left: 5%;
	}	
	.Feature_info2 .photo{
		width: 100%;
	}	
	.profile_BOX .read {
		width: 50%;
	}	
	 .Feature_info2 .read {
		width: 100%;
	}	

	.profile_BOX .staff_eng,
	.Feature_info2 .staff_eng{
		display: block;
		font-size: 1.2rem;
		color: #d12e59;
		margin-left: 0;

	}
	.profile_BOX .shikaku, 
	.Feature_info2 .shikaku {
		text-align: left;
		font-size: .9rem;
		line-height: 1rem;
		display: block;
		margin-top: 20px;
	}
		.profile_BOX p, .Feature_info2 p {
		text-align: left;
		font-size: .9rem;
		line-height: 1.4rem;
	}
	
	.profile_BOX p, .Feature_info2 p ,
	.profile_BOX .shikaku li	{
		text-align: left;
		font-size: .9rem;
		line-height: 1.4rem;
		margin:0 5%;
	}	
	
	.profile_BOX .shikaku h5 .ttl,
	.Feature_info2 .shikaku h5 .ttl{
		display: inline-block;
		width: 200px;
		height: 30px;
		line-height: 1.2rem;
		padding-left: 10px;
		font-weight: normal;
	}

	.Feature_info2 {
		display: block;
		width: 100%;
		align-items: flex-start;
		justify-content: space-between;
		padding: 4% 0!important;
	}
	
	.Feature_info2 .photo {
		width: 100%;
		margin-left: 0;
	}
	
	.Feature_info2:last-child {
		display: block;
		width: 100%;
		align-items: flex-start;
		justify-content: space-between;
		padding: 0;
	}
	
	
	
	
	
	
	.Contents_area .box {
		display: block;
		padding: 5% 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		text-align: left;
		background-color: #fff;
	}
	
	
	.Contents_area .pict {
    	width: 96%;
	    margin: 2% auto;
	}
	.Contents_area .text {
		width: 96%;
		font-size: .9rem;
	    margin: 5% auto;
	}
	
	.kaatsu_aboout td {
    	width: 50%;
    	margin: 0 auto;
	}
	
	.kaatsu_aboout table {
 	   width: 95%;
    	margin: 40px auto;
	}
	
	.kaatsu_aboout .sub_title {
		display: block;
		color: #e0324f;
		padding: 10px 0;
		margin: 0 20px;
		border-top: solid 3px #e0324f;
		border-bottom: solid 3px #e0324f;
		width: 90%!important;
	}
	
	.kaatsu_aboout .notes_area {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}
	


	.lesson_photo li{
		width: auto;
		margin: 0 2%;
	}

	.lesson_photo li:before{
		content:none;
		text-align: left;
	}
	
	#button_area .btn_link li{
		width: 48%;
	}	
	
	#button_area .btn_link a {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 1em 1em 1em 0;
		width: 100%;
		color: #fff;
		font-size: .7em;
		font-weight: 400;
		background-color: #e0324f;
		border: solid 1px #e0324f;
		transition: 0.3s;
	}

	#button_area .btn_link a:before {
		transform: rotate(225deg);
		content: "";
		display: block;
		position: absolute;
		top: 40%;
		right: 20px;
		width: 0.5em;
		height: 0.5em;
		border-top: #fff 2px solid;
		border-left: #fff 2px solid;
	}
	

	.lesson_photo{
		display:flex;
		padding: 5% 0;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		text-align: left;
		background-color: #fff;

	}
	
#Partnership_area #bright_area ul {
    display: flex;
    padding: 0;
    flex-direction: row;
    justify-content:space-around;
    align-items: center;
    text-align: left;
	flex-wrap:wrap;
}	

#Partnership_area #bright_area li{
	
	width: 45%;
}

#Partnership_area #bright_area li.QR{
	
	width: auto;
	margin-left: 7%;
	text-align: center;
}


#Partnership_area #bright_area small{
	display: block;
	text-align: right;
	font-size: .7rem!important;
	margin-right: 0;
}

#Partnership_area img {
     width: 100%!important; 
    margin: 2.5% auto;
}	
	
	
	.none{display: none;}
	
}

	/* 959px以下に適用されるCSS（タブレット用） */





/*========= ナビゲーションのためのCSS ===============*/



    html,
    body {
      position: relative;
      height: 100%;
    }


    .swiper {
      width: 100%;
      height: 650px;
	  padding-top: 80px;
    }
	 

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	 
	@media screen and (max-width: 767px) {
	    .swiper {
		  width: 100%;
		  height: 100%!important;
		 padding-top: 13.9%!important;
		}

	 }







    html,
    body {
      position: relative;
      height: 100%;
    }


    .swiper {
      width: 100%;
      height: 650px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.info-radius {
  padding-top: 60px;
  width: 600px;
  height: 260px;
  background-color: #fde9eb;
  border-radius: 30% 60% 35% 75% / 50% 50% 50% 50%;
  color: #d12e59;
  text-align: center;
}

.info-txt{
	width: 590px;
	padding:0 20px 0 40px;
}
	 
.marker_area{
	margin: 20px auto ;
	width: 700px;
}

.marker,
.marker-last {
background:linear-gradient(transparent 85%, #fffd66 75%);
font-weight:bold; 
text-align: left; 
font-size: 1.15em;
line-height: 2;
}

.marker_txt {
	margin-bottom: 50px;
text-align: center; 
font-size: 1.13em;

}

.marker-news {
background:linear-gradient(transparent 65%, #ffd1d9 75%);
font-weight:bold; 
text-align: left; 
font-size: 1rem;
line-height: 2rem;
}








.News_area {
    border: none!important;
    padding: 0 2%;
}
#news .BOX{
	display: flex;
	width: 100%;
	align-items:flex-start;
	justify-content: space-between;
	padding: 80px 0 0px!important;
}

#news.BOX .photo{
	width: 280px!important;

}

#news .BOX .photo a img{
	margin-top: 5px;
	text-align: center;
	font-size: 14px!important;
 	border-radius: 10%;
	transition-duration: 0.3s;
}

#news .BOX .photo  a:hover img{
  
 border-radius: 0%;
transition: transform .6s ease; /* ゆっくり変化させる */
  transform: scale(1.1); /* 拡大 */
	text-decoration-line: none!important;
}





#news .BOX .read{
	width: 570px!important;
}

#news .BOX .read h4{
  width: 20px;
  height: 20px;
  border-radius: 100%  100% 0 / 90%;
  background: #e0324f;
	padding-left: 10px;
	margin-bottom: 10px!important;
	font-weight: 700;

}


 .read_ttl{
  width: 500px!important;
  height: 30px;
	font-size: 1.13rem;
  line-height: 1.5rem;
	padding-left: 20px;
}
#news.BOX .read p{
	padding-left: 15px;
}


/*コラム　加圧トレーニングとは*/


.column_Area *, .column_Area *:before, 
.column_Area *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.column_Area {
	position: relative;
	padding: 2%;
}
.column_Area label {
	position: absolute;
	z-index: 1;
	bottom: 1%;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.column_Area input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.column_Area label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: ' view more';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #e0324f;

}
.column_Area input {
	display: none;
}
.column_Area .cp_container {
	overflow: hidden;
	height: 300px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.column_Area input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.column_Area input:checked + label:after {
	font-family: FontAwesome;
	content: ' CLOSE';
}
.column_Area input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}




@media screen and (max-width: 767px) {


	.Feature_area {
		border: 1px solid #e0324f;
		 padding: 0 2%;
	}
		
	#news .BOX {
    display: block;
    width: 95%;
    align-items: flex-start;
    justify-content: space-between;
    padding: 5% 0 0!important;
	border-bottom:dotted 2px #CCC;
}
		
	#news .BOX .photo {
    width: 90%!important;
			margin: 0 auto;
}
		
	#news .BOX .read {
    width: 90%!important;
	margin-top: 10%;
	padding-bottom: 4%;
}
		
	#news .BOX .read h4 .read_ttl {
		width: 90vw!important;
		height: 30px;
		font-size: 3.6vw;
		line-height: 1.5;
		padding-left: 20px;
	}
		
	.News_area .ttl_bg,
	.Feature_area .ttl_bg,
	.Contents_area .ttl_bg{
	  margin       : auto;
	  overflow     : hidden;
	  position     : relative;
	  width        : 100%;
	  height       : 80px;
	  background   : #f49db0;

	}


	.News_area .ttl_bg2,
	.Feature_area .ttl_bg2,
	.Contents_area .ttl_bg2{
	  margin       : auto;
	  position     : absolute;
		 top: 0;
		left:0;
		right: 0;
		bottom: 0;	
	  width        : 90%;
	  height       : 80px;
	  background   : #e0324f;

	}
	.News_area .ttl {
		position: absolute;
		top: 5%;
		left: 10%;
		bottom: 0;
		right: 0;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		color: #fff;
		font-size: 6vw;
		width: 69%;
		padding-top: 3%;
		transform: rotate(180deg)!important;
	}

	.News_area .ttl .subttl {
		display: block;
		color: #fff;
		font-weight: normal;
		font-size: 1.2rem;
		margin-top: 1%;
		margin-bottom: 0px;
		text-align: center;
		width: 90%;
	}
}


		
@media screen and (max-width: 744px) {

	header h1{margin-left: 1.5%;
	}
	
	.price_box {
    background-color: #f49eb1;
    background-image: url(../img/top/price_bg_sp2.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 40px;
    height: 77vh;
	}
	
	.BOX .read h4{
		
		width: 5px;
		height: 25px;
		border-radius: 0 100% 100% 0 / 50%;
		background: #e0324f;
		padding-left: 10px;
		margin-bottom: 30px;
		font-weight: 700;
		padding-top: 0;
	}		
	
	#Googlemap iframe{
		width: 90%;
		height: 500px;

	}
	
		.marker_area{
			margin: 20px auto ;
			width: 95%;
		}

		.marker {
		background:linear-gradient(transparent 85%, #fffd66 75%);
		font-weight:bold; 
		text-align: left; 
		font-size: 2.4vw;
		line-height: 2rem;
		}
		
		.marker-last {
		background:linear-gradient(transparent 85%, #fffd66 75%);
		font-weight:bold; 
		text-align: left; 
		line-height: 2rem;
		text-indent: -1em;
		padding-left: 1em;
		}
		
		.marker_txt {
			margin-bottom: 50px;
			text-align: center; 
			font-size: 4.3vw;

		}
		
		.info-radius {
		  padding-top: 3.5vh!important;
		  width: 95%;
		  height: 25vh;
		  background-color: #fde9eb;
		  border-radius: 30% 60% 45% 75% / 50% 50% 50% 50%;
		  color: #d12e59;
		  text-align: center;
		margin: 0 auto;
		}
	
		.info-txt{
			font-size: 2vw!important;
			width: 91%;
			padding:0 2vw 0;
			line-height: 1.8!important;
		}

		.News_area .ttl_bg,
		.Feature_area .ttl_bg,
		.Contents_area .ttl_bg{
		  margin       : auto;
		  overflow     : hidden;
		  position     : relative;
		  width        : 100%;
		  height       : 15vh!important;
		  background   : #f49db0;

		}


		.News_area .ttl_bg2,
		.Feature_area .ttl_bg2,
		.Contents_area .ttl_bg2{
		  margin       : auto;
		  position     : absolute;
			 top: 0;
			left:0;
			right: 0;
			bottom: 0;	
		  width        : 90%;
		  height       : 15vh!important;
		  background   : #e0324f;

		}
		.News_area .ttl {
			position: absolute;
			top: 6%;
			left: 10%;
			bottom: 0;
			right: 0;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			color: #fff;
			font-size: 5vw!important;
			width: 69%;
			padding-top: 7%;
			transform: rotate(180deg)!important;
		}

		.News_area .ttl .subttl {
			display: block;
			color: #fff;
			font-weight: normal;
			font-size: 4vw!important;
			margin-top: 5%;
			margin-bottom: 0px;
			text-align: center;
			width: 85%;
			padding-right: 5%;
		}	


}
		
@media screen and (max-width: 460px) {
		
		.marker_area{
			margin: 20px auto ;
			width: 95%;
		}
	

		.marker {
		background:linear-gradient(transparent 85%, #fffd66 75%);
		font-weight:bold; 
		text-align: left; 
		font-size: 4vw!important;
		line-height: 2rem;
		}
		
		
		.marker-last {
		background:linear-gradient(transparent 85%, #fffd66 75%);
		font-weight:bold; 
		text-align: left; 
		line-height: 2rem;
		text-indent: -1em;
		padding-left: 1em;
		}
		
		
		.marker_txt {
			margin-bottom: 50px;
			text-align: center; 
			font-size: 4.3vw;

		}
		
		
		.info-radius {
		  padding-top: 3vh!important;
		  width: 98%;
		  height: 23vh;
		  background-color: #fde9eb;
		  border-radius: 30% 60% 45% 75% / 50% 50% 50% 50%;
		  color: #d12e59;
		  text-align: center;
		}	
	
		.info-txt{
			width: 95%;
			padding:0 4vw 0;
			font-size: 2.8vw!important;
		}
		.News_area .ttl_bg,
		.Feature_area .ttl_bg,
		.Contents_area .ttl_bg{
		  margin       : auto;
		  overflow     : hidden;
		  position     : relative;
		  width        : 100%;
		  height       : 90px!important;
		  background   : #f49db0;

		}


		.News_area .ttl_bg2,
		.Feature_area .ttl_bg2,
		.Contents_area .ttl_bg2{
		  margin       : auto;
		  position     : absolute;
			 top: 0;
			left:0;
			right: 0;
			bottom: 0;	
		  width        : 90%;
		  height       : 90px!important;
		  background   : #e0324f;

		}
		.News_area .ttl {
			position: absolute;
			top: 5%;
			left: 10%;
			bottom: 0;
			right: 0;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			color: #fff;
			font-size: 5vw!important;
			width: 69%;
			padding-top: 5%;
			transform: rotate(180deg)!important;
		}

		.News_area .ttl .subttl {
			display: block;
			color: #fff;
			font-weight: normal;
			font-size: 4vw!important;
			margin-top: 2%;
			margin-bottom: 0px;
			text-align: center;
			width: 85%;
			padding-right: 5%;
		}	

		header nav{
			margin-right: 15%!important;
		}
		header h1 {
			flex-basis: 100%;
			margin-left: 1.5%;
		}
		header h1 img {
		width: 70%!important;
		padding: 0!important;
		margin-bottom: 3%;}

	.swiper{height: 100%;
		padding-top: 18%;
		}
}