@charset "UTF-8";


/*------------------共有spテキスト左揃え------------------*/

@media screen and (max-width: 480px){
	.heading *,
	.inner_item_txt p{
		text-align: left !important;
	}
}

/*------------------ パーソナルケアトレーニングジム ------------------*/

a[id^="tr5"]+section .inner_item_img,
a[id^="tr5"]+div .inner_item_img{
	position: relative;
}
a[id^="tr5"]+section .inner_item_img:before,
a[id^="tr5"]+div .inner_item_img:before{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
a[id^="tr5"]+section .heading.block_header_2 .h,
a[id^="tr5"]+div .heading.block_header_4 .h{
	font-size: 2.5rem !important;
	letter-spacing: 0.15rem;
}
a[id^="tr5"] + section .inner_item_txt p,
a[id^="tr5"] + div .inner_item_txt p{
	display: inline-block;
	background: #f19119;
	color: #fff;
	padding: 3px 15px 6px;
}
#tr5_1+.composite_box01.block_images_6 .inner_item_img{
	padding-top: 100%;
	width: 100%;
}
@media screen and (max-width: 800px){
	a[id^="tr5"]+section .heading.block_header_2 .h,
	a[id^="tr5"]+div .heading.block_header_4 .h{
		font-size: 2rem !important;
	}
}

/*------------------トレーニングカフェが理想とする血流良体プレトレーニングの考え方とは------------------*/

#hd_1+section .heading.block_header_6{
	margin-bottom: 100px;
}
@media screen and (max-width: 800px){
	#hd_1 + section .heading.block_header_6{
		margin-bottom: 60px;
	}
}

/*------------------血液の流れを良く (血流良体)して健康な体にするには------------------*/

#point+section>.content_wrapper{
	background: #fadb81;
	padding-top: 10px;
	padding-bottom: 20px;
}
#point+section .inner_item_txt p{
	font-weight: 600;
}
#point+section .heading.block_header_2 .h{
	font-size: 3.5rem;
}
#point+section .heading.block_header_2 {
	margin-bottom: 5px;
}

/*------------------血流悪体・血流良体------------------*/

a[id^="tr1"]+section>.content_wrapper{
	padding: 0;
}
@media screen and (min-width: 481px){
	#tr1_sp+section{
		display: none;
	}
}
@media screen and (max-width: 480px){
	#tr1_pc+section{
		display: none;
	}
}

/*------------------今まで来てくださった方の来店理由------------------*/

/*以下スライダーの調整*/
#sl_tr2+.composite_box01.block_images_13 ul.slick-dots{
	display: flex !important;
}
#sl_tr2+.composite_box01 ul.slick-dots li{
	width: auto;
	height: auto;
	overflow: visible;
}
#sl_tr2+.composite_box01 ul.slick-dots button{
	text-indent: inherit;
	border-radius: 0;
	background: none !important;
	font-size: 1.65rem;
	font-weight: 600;
	opacity: 1;
	color: var(--i_txt_color);
}
#sl_tr2 + .composite_box01 ul.slick-dots li{
	padding-right: 5px;
}
#sl_tr2 + .composite_box01 ul.slick-dots li:not(:last-of-type) button{
	position: relative;
	padding-right: 10px;
}
#sl_tr2 + .composite_box01 ul.slick-dots li:not(:last-of-type) button:before{
	position: absolute;
	display: block;
	content: "\275F";
	bottom: 0;
	right: 0;
	color: var(--i_txt_color);
	pointer-events: none;
}
#sl_tr2+.composite_box01 ul.slick-dots .slick-active button{
	color: var(--i_btn_hover_color);
}
#sl_tr2 + .composite_box01.block_images_13 ul.slick-dots{
	bottom: -50px;
}
#sl_tr2 + .composite_box01.block_images_13 .slick-arrow{
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background: var(--i_btn_hover_color);
	top: auto;
	bottom: -55px;
	left: 40%;
	display: block !important;
}
#sl_tr2 + .composite_box01.block_images_13 .slick-arrow::before{
	border-top: 2px solid var(--i_bg_color);
	border-left: 2px solid var(--i_bg_color);
	width: 9px;
	height: 9px;
	top: calc(50% - 6px);
}
#sl_tr2 + .composite_box01.block_images_13 .slick-prev::before{
	left: calc(50% - 4.5px);
}
#sl_tr2 + .composite_box01.block_images_13 .slick-next::before{
	left: calc(50% - 8px);
}
#sl_tr2 + .composite_box01.block_images_13 .slick-next{
	right: 40%;
	left: auto;
}
@media screen and (max-width: 1050px){
	#sl_tr2 + .composite_box01.block_images_13 .slick-arrow{
		left: 0;
	}
	#sl_tr2 + .composite_box01.block_images_13 .slick-next{
		right: 0;
		left: auto;
	}
}
/*スライダーの調整ここまで*/

#sl_tr2 + .composite_box01.block_images_13 .inner_item,
#sl_tr2 + .composite_box01.block_images_13 .wrapper_item::before{
	border: none;
}
#sl_tr2 + .composite_box01.block_images_13 .heading.block_header_4 .h {
	color: var(--i_btn_hover_color);
	border-top: 2px solid var(--i_btn_hover_color);
	border-bottom: 2px solid var(--i_btn_hover_color);
	padding: 8px 0;
}
#sl_tr2 + .composite_box01.block_images_13 .inner_item_txt{
	padding: 10px 30px 15px;
}
@media screen and (max-width: 600px){
	#sl_tr2 + .composite_box01.block_images_13 .inner_item_txt{
		padding: 10px 0 15px;
	}
	#sl_tr2 + .composite_box01 ul.slick-dots li:not(:last-of-type) button:before{
		content: ",";
	}
}

/*------------------専属トレーナーが会員様の筋肉をマッサージ------------------*/

#tr3+section.block_text_4 > .content_wrapper {
	border: 5px solid var(--i_btn_hover_color);
	background: var(--i_btn_hover_color);
	border-bottom: none;
	max-width: calc(1400px - 100px) !important;
}
#tr3+section .heading.block_header_1 .h{
	color: #fff;
}
#tr3+section .heading.block_header_1{
	width: calc(100% + 10px);
	left: -5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 30px 5px;
}
#tr3+section .heading.block_header_1 .h{
	font-size: 3rem;
}
#tr3+section+div.contents_btn01>.content_wrapper{
	border: 5px solid var(--i_btn_hover_color);
	border-top: none;
	width: 96%;
	max-width: calc(1400px - 100px) !important;
	padding-top: 10px;
	padding-bottom: 20px;
}
#tr3+section+div.contents_btn01 a{
	background: #4cc764;
	padding: 0 60px;
}
#tr3+section+div.contents_btn01 a:hover{
	opacity: 0.7;
}
#tr3+section+div.contents_btn01 a:before{
	display: none;
}
#tr3+section+div.contents_btn01 a span{
	padding-left: 70px;
}
#tr3+section+div.contents_btn01 a span:not(.add){
	font-size: 1.8rem;
	padding-bottom: 0;
}
#tr3+section+div.contents_btn01 a span.add{
	padding-top: 0;
	font-size: 2.5rem;
}
#tr3+section+div.contents_btn01 a:after{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: url("/common/upload_data/trainingcafejp/image/icon2.png") no-repeat center left / 75px;
	top: 0;
	left: 50px;
	pointer-events: none;
}
#tr3+section+div+section .inner_item_txt p{
	color: var(--i_main_color);
}
@media screen and (max-width: 900px){
	#tr3 + section + div.contents_btn01 > .content_wrapper{
		padding: 5px;
	}
	#tr3 + section + div.contents_btn01 a {
		padding: 0 10px 0 35px;
		border-radius: 10px;
	}
	#tr3 + section + div.contents_btn01 a::after{
		background-size: 40px;
		left: 8px;
	}
	#tr3 + section + div.contents_btn01 a span:not(.add){
		font-size: 1.4rem;
	}
	#tr3 + section + div.contents_btn01 a span.add{
		font-size: 1.8rem;
	}
	#tr3 + section + div.contents_btn01 a span {
		padding-left: 20px;
	}
	#tr3 + section .heading.block_header_1 .h {
		font-size: 2.2rem;
	}
}
#tr3 + section + div.contents_btn01 a[target="_blank"] span::before,
#tr3 + section + div.contents_btn01 a[target="_blank"] span::after {
	display: none;
}