@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Shippori+Mincho);
/* CSS Document */
body {
	font-family: "Noto Sans JP", sans-serif;
}
a{
	transition: all 0.3s ease;
}
img{
}
.br-sp{
	display:none;
}
.mincho{
	font-family: "Shippori Mincho";
}
.marker{
	background: linear-gradient(transparent 70%, #ecffb1 70%);
}
.fc-pink{
	color: #db1e79;
}
.fw-700{
	font-weight: 700;
}
.btn-pink{
	display: block;
	max-width: 22rem;
	font-size: 1.25rem;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #db1e79;
	border-radius: 3rem;
	margin: 0 auto;
	padding: .75rem 1rem;
}
.btn-pink:hover{
	background-color: #f80077;
}
.btn-gray{
	display: block;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #44403f;
	border-radius: .5rem;
	margin: 0 auto;
	padding: .875rem;
}
.btn-gray:hover{
	background-color: #5e5957;
}
:where(.c-entry__content>:not(.alignleft):not(.alignright):not(.alignfull)){
	max-width: none;
}
.c-container{
	padding-right: .75rem;
	padding-left: .75rem;
}
.home .c-container{
	padding: 0;
}
.home .c-container .c-container,{
	padding: 0 1rem;
}
.container{
	max-width: 1032px;
	margin: 0 auto;
	padding: 0 1rem;
}
@media (min-width: 1024px) {
	.l-contents{
		padding-top: 7.5rem;
	}
	.home .l-contents{
		padding-top: 0;
	}
}
@media (max-width: 784px) {
	.br-pc,
	.sp-none{
		display:none;
	}
	.br-sp{
		display:block;
	}
	.btn-pink{
		font-size: 1rem;
		padding: .5rem;
	}
}
/* =======================================
    fadein
======================================= */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate(0, 80px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

/* 遅延ありバリエーション */
.fadein00 {
  opacity: 0;
}

.fadein00.delay-0 {
  animation: fadeIn 1.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: 0s;
}
.fadein00.delay-1 {
  animation: fadeIn 1.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: 1s;
}
.fadein00.delay-2 {
  animation: fadeIn 1.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: 2s;
}
.fadein{
	opacity: 0;
	transition: all 1.5s;
	transform: translate(0,80px);
}
.fadein.scrollin{
	opacity: 1 !important;
	transform: translate(0, 0) !important;
}
/* =======================================
    header
======================================= */
.c-site-branding__title .custom-logo{
	width: 100px;
}
.p-global-nav .c-navbar__item>a{
	color: #000;
}
.c-drawer{
	background-color: rgba(0, 0, 0, .8);
}
.c-hamburger-btn{
	width: 5rem;
	height: 5rem;
	color: #000;
	background-color: #db1e79;
	border-radius: 50%;
}
.c-hamburger-btn__bars{
	width: 32px;
	height: 26px;
}
.c-drawer .c-hamburger-btn__bar{
	background-color: #000;
}
.c-hamburger-btn__bar{
	height: 3px;
}
.c-hamburger-btn__bar:nth-of-type(2){
	top: 50%;
	margin-top: -1px;
}
.c-hamburger-btn__bar:nth-of-type(3){
	top: inherit;
	bottom: 0;
}
.c-hamburger-btn__label{
	font-size: 10px;
}
.c-drawer__item--has-submenu{
	position: relative;
}
.c-drawer__item--has-submenu>.c-drawer__toggle{
	position: absolute;
	top: 0;
	left: 0;
	justify-content: flex-end;
	width: 100%;
	height: 44px;
}
.c-drawer__submenu a{
	position: relative;
	padding-left: 20px;
}
.c-drawer__submenu a::before,
.c-drawer__submenu a::after{
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
	left: 0;
  width: 8px;
  height: 1px;
  border-radius: 9999px;
  background-color: #d3007f;
  transform-origin: calc(100% - 0.5px) 50%;
}
.c-drawer__submenu a::before{
	transform: rotate(45deg);
}
.c-drawer__submenu a::after{
	transform: rotate(-45deg);
}
@media not all and (min-width: 1024px){
	.l-header--sticky-overlay-sm .c-hamburger-btn__bar{
		background-color: #000;
	}
}
@media (min-width: 1024px) {
	.l-header--sticky-overlay-lg .c-hamburger-btn__bar{
		background-color: #000;
	}
}
@media (max-width: 1023px) {
	.l-header{
		background: transparent;
	}
	.l-header--sticky-sm{
		box-shadow: none;
	}
	.l-header .c-row{
		margin: 0;
	}
	.l-header .c-hamburger-btn[aria-expanded="true"]{
		display: none;
	}
	.c-drawer a{
		font-size: 1.125rem;
	}
}
@media (max-width: 784px) {
	.c-site-branding__title{
		padding-left: 1rem;
	}
	.c-site-branding__title .custom-logo{
		width: 64px;
	}
	.c-hamburger-btn{
		width: 50px;
		height: 50px;
	}
	.c-hamburger-btn__bars{
		width: 26px;
		height: 18px;
		margin-bottom: 0;
	}
}
/* =======================================
    他ページ共通
======================================= */
.p-entry-content>:where(:not(:first-child)){
	margin-top: 0;
}
.p-entry-content>:where(:not(:last-child)){
	margin-bottom: 0;
}
.c-container, .c-fluid-container{
	padding: 0;
}
.l-contents__inner:first-child{
	padding-top: 0;
}
.c-entry__header{
	max-width: none;
	background: url(img/bg-page-title.jpg) center center / cover no-repeat;
	padding: 5.5rem 1rem;
}
.c-entry__title{
	font-size: 2.75rem;
	text-align: center;
	color: #d3007f;
	margin: 0 auto;
}
.c-entry__meta,
.archive .c-entry__body,
.page-id-146 .p-breadcrumbs-wrapper,
.page-id-165 .p-breadcrumbs-wrapper{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 1rem;
}
.p-breadcrumbs-wrapper{
	padding: 0 1rem;
}
.c-meta{
	justify-content: flex-end;
}
.c-meta__item--author,
.c-meta__item--categories{
	display: none;
}
.blog .c-entry__body,
.single .c-entry__body,
.c-entry__footer{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 1rem;
}
/*記事詳細*/
.post-title01{
	font-size: 2rem;
	text-align: center;
}
.c-prev-next-nav__item>a{
	color: #000;
	background-color: transparent;
	border: solid 1px #ccc;
	border-radius: .5rem;
	padding: .5rem 1rem;
}
.c-prev-next-nav__item>a:hover{
	background-color: #e6cfc6;
}
.c-prev-next-nav__item-figure{
	background-color: transparent;
}
.c-prev-next-nav__item-figure>img{
	display: none;
}
@media screen and (max-width: 784px) {
	.c-entry__header{
		padding: 3rem 1rem;
	}
	.c-entry__title{
		font-size: 2rem;
	}
}
/* =======================================
    footer
======================================= */
.l-footer{
	border-top: none;
}
.l-footer .c-container{
	padding: 0;
}
.l-footer-widget-area{
	position: relative;
	padding: 0 !important;
}
.fixed-nav{
	display: none;
}
.l-footer-widget-area__item.c-row__col{
	padding: 0;
}
/* ACCESS */
.access{
	padding: 4rem 0;
}
.access-sankaku{
	position: absolute;
	top: 17rem;
	left: 10rem;
	font-size: 2rem;
	font-weight: 700;
	color: #e0cf1b;
	margin-top: -40px !important;
	z-index: 10;
}
.access-sankaku::before{
	content: "";
	position: absolute;
	top: -1rem;
	left: -10rem;
	display: block;
	width: 340px;
	height: calc(tan(60deg)* 570px / 2);
	background: #000;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin-top: -200px;
	z-index: -1;
}
.access-box{
	display: flex;
	justify-content: space-between;
	max-width: 784px;
	margin: 0 auto;
	padding: 0 1rem;
}
.acc-left{
	padding-right: 1rem;
}
.acc-name{
	font-size: 2rem;
	font-weight: 700;
}
.acc-dl{
	margin-bottom: 1rem;
}
.acc-dl dt{
	display: inline;
	font-size: .875rem;
	border: solid 1px #000;
	border-radius: 3rem;
	padding: .125rem .75rem;
}
.access-img{
	width: 45%;
}
.access-img.sp{
	display: none;
}
/*体験申込・無料相談はお気軽に*/
.bot-contact{
	text-align: center;
	background-color: #db1e79;
	border-radius: 10rem 10rem 0 0;
	padding: 3rem;
}
.bot-con-p{
	font-size: 2.5rem;
	font-weight: 700;
	color: #33231c;
	margin-bottom: 2rem;
}
.bot-contact a{
	display: block;
	font-weight: 700;
	text-decoration: none;
}
.btn-contact{
	max-width: 21rem;
	font-size: 1.25rem;
	color: #000;
	background-color: #fff;
	border: solid 2px #000;
	border-radius: 3rem;
	margin: 0 auto 2rem;
	padding: 1rem;
}
.btn-contact:hover{
	background-color: #ffd9eb;
}
.btn-bot-con{
	display: flex;
	justify-content: space-between;
	max-width: 40rem;
	margin: 0 auto 2rem;
}
.btn-bot-con a{
	width: 49%;
	padding: 1rem;
}
.btn-phone{
	color: #fff;
	background-color: #231815;
	pointer-events: none;
}
.btn-phone:hover{
	background-color: #3c2925;
}
.btn-line{
	color: #fff;
	background-color: #39a34a;
}
.btn-line:hover{
	background-color: #40bb54;
}
.sns{
	text-align: center;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.sns li{
	display: inline-block;
	vertical-align: middle;
	width: 3rem;
	margin-right: 1rem;
}
.sns li:last-child{
	margin-right: 0;
}
.p-footer-sub-nav{
	background-color: #000;
}
#menu-footer-nav{
	justify-content: center;
	gap: 0;
	padding-top: 2rem;
}
#menu-footer-nav li{
	position: relative;
	padding: 0 1rem;
}
#menu-footer-nav li::before,
#menu-footer-nav li:last-child::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 16px;
	background-color: #fff;
	margin-top: -8px;
}
#menu-footer-nav li:last-child::after{
	left: inherit;
	right: 0;
}
#menu-footer-nav a{
	color: #fff;
}
.c-copyright--inverse{
	background-color: #000;
}
@media screen and (max-width: 1488px) {
	.access-box{
		margin-left: 22rem;
	}
}
@media screen and (max-width: 1200px) {
	.access-sankaku{
		left: 1rem;
	}
	.access-box{
		margin-left: 15rem;
	}
}
@media screen and (max-width: 960px) {
	.access{
		padding-top: 8rem;
	}
	.access-sankaku{
		top: 8rem;
		font-size: 1.25rem;
	}
	.access-sankaku::before{
		left: -14rem;
		margin-top: -212px;
	}
	.access-box{
		justify-content: center;
		align-items: center;
		margin-left: auto;
	}
}
@media screen and (max-width: 784px) {
	.l-footer{
		padding-bottom: 3rem;
	}
	.fixed-nav{
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		width: 100%;
		z-index: 100;
	}
	.fixed-nav a{
		width: 50%;
		color: #fff;
		background-color: #000;
		text-align: center;
		text-decoration: none;
		padding: .875rem;
	}
	.fixed-nav a:last-child{
		background-color: #00B900;
	}
	.access{
		padding: 3rem 0;
	}
	.access-box{
		flex-direction: column-reverse;
	}
	.acc-left{
		width: 100%;
		padding: 0 1rem;
	}
	.access-img.pc{
		display: none;
	}
	.access-img.sp{
		display: block;
		width: 100%;
	}
	.bot-contact{
		border-radius: 5rem 5rem 0 0;
		padding: 3rem 2rem;
	}
	.bot-con-p{
		font-size: 1.5rem;
	}
	.btn-bot-con{
		flex-direction: column;
		align-items: center;
	}
	.btn-bot-con a{
		width: 100%;
		max-width: 21rem;
	}
	.btn-phone{
		margin-bottom: 1rem;
	}
}
@media screen and (max-width: 640px) {
	.access-sankaku{
		top: 7rem;
		left: .5rem;
	}
	.access-sankaku::before{
		left: -14.5rem;
	}
}
@media screen and (max-width: 480px) {
	.access{
		padding-top: 7rem;
	}
	.bot-contact{
		border-radius: 3rem 3rem 0 0;
	}
	.bot-con-p{
		font-size: 1.25rem;
	}
}
/* =======================================
    index
======================================= */
.wrap-top{
	position: relative;
}
.wrap-top::before,
.wrap-top::after{
	content: "";
	position: absolute;
	display: block;
	z-index: 10;
}
.wrap-top::before{
	top: -140px;
	right: -190px;
	width: 700px;
	height: 1066px;
	background: url(img/kirakira01.png) center center / contain no-repeat;
}
.wrap-top::after{
	bottom: -142px;
	right: 50%;
	width: 1530px;
	height: 1372px;
	background: url(img/kirakira02.png) center center / contain no-repeat;
	margin-right: -272px;
}
/*mainview*/
.mainview{
	position: relative;
	color: #d3007f;
	background-color: #000;
}
.mainview > img{
	display: block;
	width: 70%;
	margin-left: auto;
}
.mainview-text{
	position: absolute;
	bottom: 8rem;
	right: 50%;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.6;
	margin-right: -10rem;
}
.shaft{
	font-size: 9rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
}
/*MISSION*/
.index-mission{
	position: relative;
	text-align: center;
	background-color: #000;
	padding: 5rem 0 11rem;
}
.index-mission h1{
	font-size: 2rem;
	color: #db1e79;
	margin-bottom: .5rem;
}
.index-mission h1 span{
	position: relative;
	display: block;
	font-size: 1.5rem;
	color: #eadc21;
	margin-bottom: 1.5rem;
}
.index-mission h1 span::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	display: block;
	width: 7rem;
	height: 3px;
	background-color: #fff;
	margin-left: -3.5rem;
}
.index-mission p{
	font-size: 1.125rem;
	line-height: 2;
	color: #fff;
}
/*動作・栄養・休養・思考４つの柱でトータルサポートと*/
.index-hasira{
	padding: 5rem 0 8rem;
}
.hasira{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4rem;
	margin-bottom: 1.5rem;
}
.hasira-pc{
	width: 35%;
}
.hasira h1{
	font-size: 1.75rem;
	color: #db1e79;
	margin-bottom: 2rem;
}
.hasira-sp{
	display: none;
}
.btn-arrow{
	display: block;
	max-width: 22rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #000;
	border-radius: 3rem;
	margin: 0 auto;
	padding: .75rem 2rem;
}
.btn-arrow:hover{
	background-color: #db1e79;
}
.btn-arrow::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: calc(tan(60deg) * 16px / 2);
	width: 10px;
	background: #ffffff;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin-left: .5rem;
}
/*プログラム*/
.title-pro{
	text-align: center;
	font-size: 13rem;
	line-height: 1;
	color: #878787;
	background: url(img/kirakira-repeat.jpg) center top repeat-x;
	margin-bottom: -.875rem;
	padding: 0 1rem;
}
.bnr-program a{
	display: flex;
	text-decoration: none;
}
.bnr-program-text{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 50%;
	color: #fff;
	background-color: #000;
	padding: 2rem;
}
.bnr-program:nth-of-type(2n) .bnr-program-text{
	color: #000;
	background-color: #f9e6e7;
}
a:hover .bnr-program-text{
	background-color: #333;
}
.bnr-program:nth-of-type(2n) a:hover .bnr-program-text{
	background-color: #fbdee0;
}
.bnr-program-inner{
	max-width: 35rem;
}
.bnr-program-text h2{
	font-size: 2.5rem;
	line-height: 1.2;
	text-align: center;
	color: #db1e79;
	margin-bottom: 2rem;
}
.click{
	position: absolute;
	left: 50%;
	bottom: 2rem;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
	margin-left: 10rem;
	z-index: 10;
}
.click::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 3rem;
	background: #db1e79;
	height: 60px;
	width: 60px;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
	z-index: -1;
}
.bnr-program-img{
	width: 50%;
	object-fit: cover;
}
a:hover .bnr-program-img{
	opacity: .9;
}
/*トレーナー*/
.trainer{
	position: relative;
	margin-bottom: 6rem;
	padding: 0 1rem;
}
.trainer-sankaku{
	position: absolute;
	top: 18rem;
	right: 10rem;
	font-size: 2rem;
	font-weight: 700;
	color: #e0cf1b;
	z-index: 10;
}
.trainer-sankaku::before{
	content: "";
	position: absolute;
	top: -1rem;
	right: -10rem;
	display: block;
	width: 400px;
	height: calc(tan(60deg) * 570px / 2);
	background: #000;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	margin-top: -200px;
	z-index: -1;
}
.tra-com{
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	padding: 6rem 0 4rem;
}
.trainer-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 6rem;
	max-width: 75rem;
	margin: 0 auto 3rem;
}
.traner-photo{
	width: 50%;
	max-width: 476px;
}
.trainer-text{
	flex: 1;
}
.trainer-text h1,
.trainer01{
	font-size: 1.625rem;
	line-height: 1.4;
}
.trainer-name{
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 1rem;
}
.trainer-name span{
	display: block;
	font-size: 1rem;
}
.trainer-dl{
	display: flex;
}
.trainer-dl dt{
	width: 8rem;
}
.trainer-dl dd{
	flex: 1;
}
.trainer-comment{
	font-weight: 700;
	margin-top: 2rem;
}
/*専門家から高い評価を得ています*/
.wrap-senmon{
	background-color: #000;
	background-image: url(img/dotted01.png), url(img/dotted02.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 411px, 566px;
	padding: 5rem 1rem 9rem;
}
.wrap-senmon h2{
	font-size: 2rem;
}
.smb-spider-slider{
	overflow: visible;
}
.spider__arrow{
	background-color: #db1e79;
	border-radius: 50%;
}
.spider__arrow[data-direction=next]:before,
.spider__arrow[data-direction=prev]:before{
	border-color: #000;
	border-width: 3px;
}
.senmonka{
	display: flex;
	align-items: center;
	gap: 3rem;
	max-width: 60rem;
	background-color: #fff;
	border-radius: 1rem;
	padding: 2rem 3rem;
}
.senmonka img{
	width: 30%;
}
.senmon-name{
	display: flex;
	gap: 1rem;
	margin-top: 1rem;
}
.senmon-name dd{
	font-size: 1.125rem;
	font-weight: 700;
}
/*お客様の声*/
.index-voice{
	position: relative;
	background: url(img/dotted03.png) no-repeat right top;
	background-size: 566px;
	margin-top: 0;
	padding: 4rem 0 !important;
}
.voice-sankaku{
	position: absolute;
	top: 50%;
	left: 2rem;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	margin-top: -40px !important;
	z-index: 10;
}
.voice-sankaku::before{
	content: "";
	position: absolute;
	top: -1rem;
	left: -10rem;
	display: block;
	width: 340px;
	height: calc(tan(60deg)* 570px / 2);
	background: #db1e79;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin-top: -200px;
	z-index: -1;
}
.index-voice h1{
	font-size: 2.5rem;
	text-align: center;
	margin-top: 0;
}
.index-voice .smb-recent-posts{
	max-width: 52rem;
}
.index-voice .c-entries{
	padding: 0 1rem;
}
.index-voice li a{
	height: 100%;
	background-color: #e7e8e8;
	padding: 1rem;
}
.index-voice .btn-gray{
	width: 96%;
	max-width: 20rem;
}
/*index BLOG*/
.index-blog{
	margin-bottom: 5rem !important;
}
.index-blog h1{
	font-size: 2.5rem;
	text-align: center;
	color: #c4bb6b;
	margin-bottom: 2rem;
}
.index-blog .c-entries--simple{
	display: flex;
	justify-content: space-between;
	max-width: 60rem;
	border-top: none;
	margin: 0 auto;
}
.index-blog .c-entries--simple.c-entries{
	--entries--item-width: 48%;
}
.index-blog .c-entries--simple .c-entries__item{
	border-bottom: none;
	margin-bottom: 2rem;
}
.index-blog .c-entries--simple .c-entries__item>a{
	padding: .5rem;
}
.c-entry-summary__figure{
	background-image: url(img/logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100px;
}
.index-blog .c-entries--simple .c-entry-summary__figure{
	margin-right: 1.25rem;
}
.index-blog .c-entry-summary__figure:before{
	padding-top: 100%;
}
.index-blog .c-entry-summary__body{
	display: flex;
	flex-direction: column;
}
.index-blog .c-entry-summary__header{
	margin-bottom: 0;
}
.index-blog .c-entry-summary__title,
.index-blog .c-entry-summary__meta{
	color: #db1e79;
}
.index-blog .c-entry-summary__meta{
	order: -1;
	margin-top: 0;
}
.index-blog .c-entry-summary__content{
	color: #fff;
}
/*バナー*/
.wrap-bnr{
	background-color: #000;
	padding: 6rem 1rem 3rem;
}
.bnr-box{
	display: flex;
	justify-content: space-between;
	max-width: 1600px;
	margin: 0 auto 2rem;
}
.bnr-box a{
	width: 48%;
}
.bnr-online01{
	position: relative;
	height: 300px;
	text-decoration: none;
	color: #fff;
	background: url(img/bg-bnr-online.jpg) center center / cover no-repeat;
	border: solid 15px #d4d4d4;
	padding: .75rem 1rem;
}
.bnr-online01.tantai{
	display: block;
	max-width: 640px;
	margin: 0 auto;
}
.bnr-online01::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index: 1;
}
.bnr-online01 *{
	position: relative;
	z-index: 10;
}
.online01{
	font-size: 2.125rem;
	font-weight: 700;
	line-height: 1;
	color: #db1e79;
}
.online03{
	position: absolute;
	top: .5rem;
	right: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	line-height: 1.2;
	text-align: center;
	background-color: #db1e79;
	border-radius: 50%;
	transform: rotate(10deg);
}
.online04{
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	margin-top: 2.5rem;
}
.online05{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	background-color: #000;
	padding: .25rem;
}
.bnr-sup{
	position: relative;
	display: block;
	height: 300px;
	text-decoration: none;
	background: url(img/bnr-sup.jpg) center center / cover no-repeat;
	border: solid 15px #d4d4d4;
}
.bnr-sup p{
	position: absolute;
	bottom: 1rem;
	left: 1.5rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.bnr-sup span{
	display: block;
	font-size: 3rem;
}
.bnr-oyako{
	display: flex;
	align-items: center;
	max-width: 1600px;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border-radius: 50px;
	box-shadow: 0px 2px 5px #795548;
	margin: 0 auto;
}
.bnr-oyako img{
	width: 31%;
	max-width: 400px;
}
.bnr-oyako img.sp{
	display: none;
}
.oyako-text{
	flex: 1;
	background-image: url(img/bg-bnr-oyako.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 2rem;
}
.oyako-text p{
	max-width: 40rem;
	font-size: 1.375rem;
	color: #000;
	margin: 0 auto;
}
.oyako-text h2{
	font-size: 2.5rem;
	color: #603813;
	margin: .5rem 0;
}
.oyako-text span{
	display: block;
	max-width: 20rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: #fff;
	background-color: #44403f;
	border-radius: .5rem;
	margin: 2rem auto 0;
	padding: 1rem 4rem;
}
a:hover .oyako-text span{
	background-color: #db1e79;
}
@media screen and (min-width: 640px) {
	.index-blog .c-entries--simple .c-entry-summary__figure{
		width: 45%;
		margin-right: 1.5rem;
	}
}
@media screen and (max-width: 1600px) {
	.bnr-online01,
	.bnr-sup{
		height: 270px;
	}
	.online04{
		font-size: 2.5rem;
		margin-top: 1.75rem;
	}
}
@media screen and (max-width: 1440px) {
	.trainer-sankaku{
		right: 5rem;
	}
	.trainer-sankaku::before{
		top: 1rem;
		right: -7rem;
		width: 320px;
		height: calc(tan(60deg)* 480px / 2);
	}
}
@media screen and (max-width: 1280px) {
	.voice-sankaku{
		top: 4rem;
		left: 1rem;
		margin-top: 0 !important;
	}
	.voice-sankaku::before{
		width: 320px;
	}
}
@media screen and (max-width: 1200px) {
	.mainview-text{
		bottom: 4rem;
		font-size: 2.5rem;
	}
	.title-pro{
		font-size: 9rem;
		background-size: 1500px;
	}
	.bnr-program-text h2{
		font-size: 2rem;
	}
	.click{
		position: inherit;
		left: inherit;
		bottom: inherit;
		display: block;
		margin-left: auto;
		margin-right: 2rem;
		margin-top: 2rem;
	}
	.click::beore{
		left: inherit;
		right: 2rem;
		bottom: 1rem;
		margin-left: 0;
	}
	.tra-com{
		font-size: 1.75rem;
	}
	.trainer-box{
		gap: 4rem;
	}
	.trainer-photo{
		width: 42%;
	}
	.trainer-sankaku{
		top: 17.5rem;
		right: 1rem;
		font-size: 1.75rem;
	}
	.trainer-sankaku::before{
		top: 2rem;
		width: 300px;
		height: calc(tan(60deg)* 450px / 2);
	}
	.bnr-online01,
	.bnr-sup{
		height: 240px;
	}
	.online04{
		font-size: 2.25rem;
		margin-top: .5rem;
	}
	.oyako-text p{
		font-size: 1.25rem;
	}
	.oyako-text h2{
		font-size: 2rem;
		margin: .25rem 0;
	}
	.oyako-text span{
		font-size: 1rem;
		margin-top: 1rem;
		padding: .75rem;
	}
}
@media screen and (max-width: 1024px) {
	.bnr-online01,
	.bnr-sup{
		height: 210px;
		border-width: 10px;
	}
	.online01{
		font-size: 1.875rem;
	}
	.online02{
		font-size: .875rem;
	}
	.online03{
		width: 70px;
		height: 70px;
		font-size: .875rem;
	}
	.online04{
		font-size: 2rem;
	}
}
@media screen and (max-width: 960px) {
	.wrap-top::before{
		top: -105px;
		right: -120px;
		width: 550px;
		height: 838px;
	}
	.wrap-top::after{
		width: 1400px;
		height: 1256px;
		margin-right: -245px;
	}
	.mainview-text{
		font-size: 2rem;
	}
	.shaft{
		font-size: 6rem;
	}
	.index-mission{
		padding-bottom: 7rem;
	}
	.bnr-program-text h2{
		font-size: 1.75rem;
		margin-left: -.75rem;
		margin-right: -.75rem;
		margin-bottom: 1rem;
	}
	.click{
		font-size: 1.5rem;
		margin-right: 1rem;
	}
	.click::before{
		left: 2.5rem;
		width: 45px;
		height: 45px;
	}
	.tra-com{
		font-size: 1.375rem;
		padding: 4rem 0;
	}
	.trainer-sankaku{
		top: 14rem;
		right: .5rem;
		font-size: 1.25rem;
	}
	.trainer-sankaku::before{
		top: 2.75rem;
		width: 240px;
		height: calc(tan(60deg)* 400px / 2);
	}
	.trainer-box{
		align-items: flex-start;
		gap: 2rem;
	}
	.trainer-text h1,
	.trainer01{
		font-size: 1.5rem;
	}
	.trainer-name{
		font-size: 1.75rem;
	}
	.index-voice h1{
		font-size: 2rem;
	}
	.voice-sankaku{
		font-size: 1.5rem;
	}
	.voice-sankaku::before{
		width: 285px;
		margin-top: -208px;
	}
	.index-blog .c-entries--simple .c-entry-summary__figure{
		float: none;
		width: 100%;
	}
	.oyako-text p{
		font-size: 1rem;
	}
	.oyako-text h2{
		font-size: 1.5rem;
		margin: 0;
	}
	.bnr-online01{
		height: 180px;
		border-width: 5px;
		padding: .75rem;
	}
	.online01{
		font-size: 1.5rem;
	}
	.online03{
		top: .25rem;
		right: .25rem;
	}
	.online04{
		font-size: 1.75rem;
	}
	.online05{
		font-size: .875rem;
	}
	.bnr-sup{
		height: 180px;
		border-width: 5px;
	}
	.bnr-sup p{
		font-size: 1.5rem;
	}
	.bnr-sup span{
		font-size: 2.5rem;
	}
}
@media screen and (max-width: 784px) {
	.wrap-top::before{
		right: -160px;
	}
	.wrap-top::after{
		bottom: -100px;
		margin-right: -155px;
	}
	.mainview-text{
		bottom: 3rem;
		right: inherit;
		left: 2rem;
		font-size: 1.5rem;
		margin-right: 0;
	}
	.index-mission{
		padding-bottom: 5rem;
	}
	.index-mission h1{
		font-size: 1.5rem;
	}
	.index-mission h1 .br-sp{
		display: none;
	}
	.index-mission p{
		font-size: 1rem;
	}
	.hasira{
		gap: 2rem;
	}
	.hasira h1{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.title-pro{
		font-size: 6rem;
		background-size: 1000px;
		margin-bottom: 0;
	}
	.wrap-bnr-program{
		padding: 0 1rem;
	}
	.bnr-program{
		margin-bottom: 1rem;
	}
	.bnr-program a{
		flex-direction: column-reverse;
	}
	.bnr-program:nth-of-type(2n) a{
		flex-direction: column;
	}
	.bnr-program-text,
	.bnr-program-img{
		width: 100%;
	}
	.tra-com{
		font-size: 1.25rem;
		padding: 3rem 0;
	}
	.trainer-box{
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}
	.trainer-photo{
		width: 100%;
		max-width: 28rem;
	}
	.trainer-text h1,
	.trainer01{
		font-size: 1.25rem;
		text-align: center;
	}
	.trainer-name{
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 0;
	}
	.trainer-dl{
		border-bottom: solid 1px #eee;
		padding: .5rem 0;
	}
	.wrap-senmon{
		background-size: 308px, 424px;
		padding: 3rem 1rem 8rem;
	}
	.senmonka{
		align-items: flex-start;
		gap: 2rem;
		padding: 2rem 2.75rem;
	}
	.index-voice{
		background-size: 424px;
	}
	.index-voice h1{
		font-size: 2rem;
	}
	.voice-sankaku{
		top: 1rem;
	}
	/*BLOG*/
	.index-blog{
		margin-right: 1rem !important;
		margin-left: 1rem !important;
		margin-bottom: 3rem !important;
	}
	.index-blog .c-entries--simple .c-entries__item{
		margin-bottom: 0;
	}
	.index-blog .c-entries--simple .c-entry-summary__figure{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.index-blog .c-entries__item>a .c-entry-summary__body{
		padding: .75rem 0;
	}
	.wrap-bnr{
		padding-top: 3rem;
	}
	.bnr-box{
		flex-direction: column;
		gap: 2rem;
	}
	.bnr-box a{
		width: 100%;
	}
	.bnr-oyako{
		flex-direction: column;
	}
	.bnr-oyako img.pc{
		display: none;
	}
	.bnr-oyako img.sp{
		display: block;
		width: 100%;
		max-width: none;
		border-radius: 2rem 2rem 0 0;
	}
	.oyako-text{
		padding: 1rem;
	}
}
@media screen and (max-width: 640px) {
	.wrap-top::before{
		width: 490px;
		height: 746px;
	}
	.mainview > img{
		width: 100%;
	}
	.shaft{
		font-size: 5rem;
	}
	.index-mission{
		padding-top: 3rem;
	}
	.index-mission h1 .br-sp{
		display: block;
	}
	.hasira{
		gap: 0;
	}
	.hasira-pc{
		display: none;
	}
	.hasira h1{
		font-size: 1.375rem;
		text-align: center;
	}
	.hasira-sp{
		display: block;
		width: 100%;
		max-width: 20rem;
		margin: 0 auto 1rem;
	}
	.title-pro{
		font-size: 4rem;
	}
	.bnr-program-text{
		padding: 1.5rem;
	}
	.click{
		font-size: 1.25rem;
		margin-top: 1rem;
	}
	.click::before{
		left: 2rem;
		width: 40px;
		height: 40px;
	}
	.trainer{
		margin-top: 2rem;
	}
	.trainer-sankaku{
		top: 18rem;
	}
	.trainer-sankaku::before{
		top: 3rem;
		width: 260px;
		height: calc(tan(60deg)* 410px / 2);
	}
	.trainer-dl{
		flex-direction: column;
	}
	.bnr-pro{
		justify-content: center;
	}
	.wrap-senmon{
		background-size: 205px, 283px;
	}
	.wrap-senmon h2{
		font-size: 1.5rem;
	}
	.senmonka{
		display: block;
	}
	.senmonka img{
		display: block;
		float: left;
		margin-right: 1rem;
	}
	.senmon-name{
		justify-content: flex-end;
	}
	.index-voice{
		background-size: 283px;
	}
	.index-voice h1{
		font-size: 1.625rem;
	}
	.voice-sankaku{
		top: 0;
		left; .5rem;
		font-size: 1.25rem;
	}
	.voice-sankaku::before{
		width: 250px;
		height: calc(tan(60deg)* 480px / 2);
		margin-top: -175px;
	}
	.oyako-text{
		background-image: none;
	}
}
@media screen and (max-width: 480px) {
	.mainview-text{
		bottom: 2rem;
		left: 0;
		width: 100%;
		font-size: 1.25rem;
		text-align: center;
	}
	.shaft{
		font-size: 4rem;
	}
	.index-hasira{
		padding-bottom: 5rem;
	}
	.title-pro{
		font-size: 3rem;
	}
	.bnr-program-text h2{
		font-size: 1.375rem;
	}
	.trainer-text h1,
	.trainer01{
		font-size: 1rem;
	}
	.trainer-name{
		font-size: 1.25rem;
	}
	.trainer-sankaku{
		top: 21rem;
	}
	.trainer-sankaku::before{
		width: 240px;
		height: calc(tan(60deg)* 391px / 2);
	}
	.wrap-senmon h2{
		font-size: 1.25rem;
	}
	.senmon-name{
		flex-direction: column;
		align-items: flex-end;
		gap: 0;
		text-align: right;
		margin-top: .25rem;
	}
	.senmon-name dd{
		font-size: 1rem;
	}
	.index-voice{
		padding-top: 6rem !important;
	}
	.index-voice h1{
		font-size: 1.5rem;
	}
	.voice-sankaku{
		top: -4rem;
	}
	.index-voice .c-entries{
		--entries--item-width: 100%;
	}
	.index-blog h1{
		margin-bottom: 1rem;
	}
	.index-blog .c-entries--simple.c-entries{
		--entries--item-width: 100%;
	}
	.bnr-online01{
		height: 160px;
		padding: .75rem .5rem;
	}
	.online02{
		font-size: .75rem;
	}
	.online03{
		top: -.5rem;
		right: -.5rem;
	}
	.online04{
		font-size: 1.5rem;
	}
	.online05{
		font-size: .75rem;
	}
	.oyako-text h2{
		font-size: 1.25rem;
	}
	.oyako02{
		text-align: left;
	}
}
/* =======================================
    SHAFTについて
======================================= */
/*エクササイズ イズ メディスン*/
.medicine{
	text-align: center;
	margin-bottom: 4rem;
	padding: 0 1rem;
}
.medicine h2{
	max-width: 34rem;
	font-size: 2rem;
	color: #e0cf1b;
	background-color: #000;
	margin: 0 auto 2rem;
	padding: 1rem;
}
.medicine p{
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 2;
}
/*動作・栄養・休養・思考４つの柱でトータルサポート*/
.about-hasira{
	margin-bottom: 5rem;
}
.about-hasira h2{
	font-size: 2rem;
	text-align: center;
	color: #db1e79;
	margin-bottom: 3rem;
}
.hasira-box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 3rem;
}
.hasira-box img{
	width: 40%;
}
.hasira-dl dl{
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	margin-bottom: 1.5rem;
}
.hasira-dl dt{
	width: 7rem;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background-color: #b37490;
	border-radius: 3rem;
	padding: .25rem;
}
.hasira-dl dl:nth-of-type(2) dt{
	background-color: #d88a64;
}
.hasira-dl dl:nth-of-type(3) dt{
	background-color: #7c9694;
}
.hasira-dl dl:nth-of-type(4) dt{
	background-color: #756489;
}
.hasira-dl dd{
	flex: 1;
}
/*自分の身体を自分でコントロールできるように*/
.about01 .container{
	display: flex;
	align-items: center;
}
.about01-text{
	background-color: rgba(255, 255, 255, .65);
	margin-right: -10rem;
	padding: 2rem;
	z-index: 10;
}
.about01 h2{
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: .5rem;
}
.about01 .fw-700{
	margin-bottom: 1rem;
}
.about01 img{
	width: 60%;
}
/*女性トレーナーなので女性にも安心して通って頂けます*/
.about-trainer{
	position: relative;
	padding: 0 1rem;
}
.about-trainer .tra-com{
	font-size: 1.25rem;
}
.about-trainer h2{
	font-size: 2rem;
	margin-bottom: 2rem;
}
.trainer01{
	font-weight: 700;
}
/*専門家から高い評価を得ています*/
.page-id-292 .wrap-senmon{
	margin-top: 6rem;
}
.wrap-takai{
	background-color: #000;
	background-image: url(img/dotted01.png), url(img/dotted02.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 411px, 566px;
	margin-top: 6rem;
	padding: 6rem 0;
}
.wrap-takai .container{
	max-width: 1600px;
}
.wrap-takai h2{
	font-size: 2.5rem;
	text-align: center;
	color: #fff;
	margin-bottom: 5rem;
}
.outer-takai{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.takai{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2rem;
	width: 49%;
	background-color: #fff;
	border-radius: 1.5rem;
	margin-bottom: 2rem;
	padding: 2rem;
}
.takai figure{
	width: 27%;
}
.takai figcaption{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.4;
}
.takai figcaption span{
	display: block;
	font-size: 1rem;
	text-align: center;
	margin-bottom: .25rem;
}
.takai-right{
	flex: 1;
}
.about-bnr{
	padding: 4rem 1rem;
}
@media screen and (max-width: 1024px) {
	.about01-text{
		padding-right: 1rem;
	}
	.about01 h2{
		font-size: 1.75rem;
	}
}
@media screen and (max-width: 960px) {
	.hasira-box{
		align-items: center;
		flex-direction: column;
	}
	.hasira-box img{
		width: 100%;
		max-width: 320px;
	}
	.about-hasira h2{
		font-size: 1.75rem;
		margin-bottom: 1rem;
	}
	.about01 .container{
		align-items: flex-start;
	}
	.about01-text{
		margin-top: 2rem;
	}
	.about-trainer .trainer-sankaku{
		top: 17rem;
	}
	.about-trainer h2{
		font-size: 1.75rem;
	}
	.takai{
		width: 100%;
	}
}
@media screen and (max-width: 784px) {
	.medicine h2{
		max-width: 26rem;
		font-size: 1.5rem;
		padding: .75rem;
	}
	.medicine p{
		font-size: 1.25rem;
	}
	.about-hasira{
		margin-bottom: 3rem;
	}
	.hasira-box{
		gap: 2rem;
	}
	.about01{
		margin-bottom: 2rem;
	}
	.about01 .container{
		flex-direction: column-reverse;
		align-items: center;
	}
	.about01-text{
		margin: 0;
		padding: 1rem 0 0;
	}
	.about01 img{
		width: 100%;
	}
	.about-trainer{
		padding-top: 3rem;
	}
	.about-trainer .trainer-sankaku{
		top: 0;
	}
	.about-trainer h2{
		font-size: 1.5rem;
	}
	.wrap-takai{
		background-size: 308px, 424px;
		padding: 4rem 0;
	}
	.wrap-takai h2{
		font-size: 2rem;
		margin-bottom: 3rem;
	}
}
@media screen and (max-width: 640px) {
	.medicine{
		margin-bottom: 2rem;
	}
	.about-hasira h2{
		font-size: 1.5rem;
	}
	.hasira-dl dl{
		flex-direction: column;
		gap: .5rem;
	}
	.about01{
		margin-bottom: 4rem;
	}
	.about-trainer{
		padding-top: 4rem;
	}
	.wrap-takai h2{
		font-size: 1.75rem;
	}
	.takai{
		flex-direction: column;
		gap: 1rem;
	}
	.takai figure{
		display: flex;
		align-items: center;
		gap: 2rem;
		width: 100%;
	}
	.takai img{
		width: 33%;
	}
	.takai figcaption span{
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.medicine h2{
		font-size: 1.25rem;
	}
	.medicine p{
		font-size: 1.125rem;
	}
	.about-trainer .tra-com{
		font-size: 1rem;
		padding-bottom: 1rem;
	}
	.about-trainer h2{
		font-size: 1.25rem;
		margin-bottom: 1rem;
	}
	.about-trainer .tra-com br{
		display: none;
	}
	.wrap-takai{
		padding: 3rem 0;
	}
	.wrap-takai h2{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.takai{
		padding: 1rem;
	}
	.takai figure{
		gap: 1rem;
	}
}
/* =======================================
    プログラム program
======================================= */
.sub-menu{
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0 auto 3rem;
	padding: 0 1rem;
}
.sub-menu li{
	width: 260px;
	margin: 0;
}
.sub-menu a{
	display: block;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #000;
	border: solid 2px #bababa;
	border-radius: 3rem;
	padding: 1rem;
}
.sub-menu a:hover{
	border-color: #db1e79;
}
.sub-menu-sp{
	display: none;
	text-align: center;
	border: solid 2px #bababa;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 1.5rem;
}
.sub-menu-sp summary{
	list-style-type: none;
	background-color: #eee;
	display: grid; /* 初期値の display: list-item 以外を指定したので、デフォルトの三角形アイコンは非表示になる */
	grid-template-columns: 1fr 24px;
	gap: 6px;
	align-items: center;
	padding: .5rem;
}
.sub-menu-sp summary::marker{
	content: "";
}
.sub-menu-sp summary::-webkit-details-marker {
  display: none;
}
.icon-toggle {
  display: block;
  position: relative;
  width: 18px;
  transform-origin: center 43%;
  transition: transform 0.4s;
}
  /* アイコンのバーのスタイル */
.icon-toggle::before,
.icon-toggle::after {
    content: "";
    position: absolute;
    display: block;
    width: 11px;
    height: 2px;
    background-color: #db1e79;
  }
.icon-toggle::before {
    left: 0;
    transform: rotate(45deg);
  }
.icon-toggle::after {
    right: 0;
    transform: rotate(-45deg);
  }
details[open] .icon-toggle {
  transform: rotate(180deg);
}
.sub-menu-sp ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sub-menu-sp li{
	border-bottom: solid 1px #bababa;
}
.sub-menu-sp li:last-child{
	border-bottom: none;
}
.sub-menu-sp a{
	display: block;
	font-size: 0.875rem;
	text-decoration: none;
	color: #000;
	padding: .5rem;
}
.sub-menu-sp a:hover{
	color: #db1e79;
	background-color: #fff1f8;
}
.page-voice-list{
	margin-top: 3rem;
}
@media screen and (max-width: 1200px) {
	.sub-menu{
		justify-content: space-between;
		gap: 0;
	}
	.sub-menu li{
		width: 49%;
		margin-bottom: 1rem;
	}
	.sub-menu a{
		padding: .75rem;
	}
}
@media screen and (max-width: 784px) {
	.sub-menu{
		display: none;
	}
	.sub-menu-sp{
		display: block;
	}
}
/*動作改善*/
#dousa{
	margin-bottom: 4rem;
}
/*section tilte*/
.hanten{
	color: #fff;
	background-color: #231815;
}
.pro-title{
	position: relative;
	text-align: center;
	margin-bottom: 2rem;
	padding: 4rem 1rem 3rem;
}
.pro-title::before,
.pro-title::after{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	height: 100%;
	background-color: #db1e79;
}
.pro-title::before{
	width: 45%;
	right: 55%;
	margin-right: 79px;
}
.hanten .pro-title::before{
	right: inherit;
	left: 55%;
	margin-left: 79px;
}
.pro-title::after{
	right: 55%;
	width: 80px;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
.hanten .pro-title::after{
	right: inherit;
	left: 55%;
	clip-path: polygon(0% 0%, 100% 0, 100% 100%);
}
.pro-title p,
.pro-title h2{
	position: relative;
	color: #000;
	z-index: 10;
}
.hanten .pro-title p,
.hanten .pro-title h2{
	color: #fff;
}
.pro-title p{
	font-size: 1.25rem;
	line-height: 1.2;
}
.pro-title h2{
	font-size: 3rem;
	line-height: 1.5;
}
.taisyo{
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}
.taisyo p{
	color: #fff;
	background-color: #000;
	border-radius: 3rem;
	padding: .25rem 1.5rem;
}
.hanten .taisyo p{
	background-color: #db1e79;
}
.dousa01{
	margin-bottom: 3rem;
}
.dousa02{
	display: flex;
	gap: 2rem;
	align-items: center;
	margin-bottom: 2rem;
}
.dousa02 img{
	width: 49%;
}
.dousa-text{
	flex: 1;
}
.dousa02 h3{
	font-size: 2rem;
	margin-bottom: 1rem;
}
.price{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3rem;
	max-width: 45rem;
	background-color: #000;
	border-radius: 1.5rem;
	margin: 0 auto;
	padding: .75rem 1rem;
}
.hanten .price{
	background-color: #fff;
}
.price01{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	font-size: 1.75rem;
	font-weight: 700;
	color: #db1e79;
	background-color: #fff;
	border-radius: 50%;
}
.hanten .price01{
	background-color: #000;
}
.price dl{
	flex: 1;
	font-weight: 700;
	color: #fff;
}
.hanten .price dl{
	color: #000;
}
.price dt{
	font-size: 1.25rem;
}
.price dd{
	font-size: 2rem;
}
.price dd span{
	font-size: 1.25rem;
}
.page-contact.bot-contact{
	max-width: 960px;
	background-color: #fbeff5;
	border-radius: 10px;
	margin-bottom: 4rem;
}
.bot-contact a.btn-price-small{
	display: inline-block;
	font-weight: normal;
	color: #000;
	border: solid 1px #000;
	border-radius: 100px;
	padding: 3px 20px;
}
.btn-price-small:hover{
	background-color: rgba(255, 255, 255, .4);
}
.qa .smb-accordion__item__title{
	border-radius: .5rem;
	padding: 1rem 2rem;
}
/*アニマルフロー*/
#animal{
	padding-bottom: 3rem;
}
.animal01{
	margin-bottom: 2rem;
}
.animal-img{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3rem;
}
.animal-img img{
	width: 48%;
}
.animal-tube{
	width: 100%;
	max-width: 640px;
	aspect-ratio: 16 / 9;
	margin: 0 auto 2rem;
}
.animal-tube iframe{
	width: 100%;
	height: 100%;
}
/*女性アスリートサポート*/
#women{
	margin-bottom: 4rem;
}
.women-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	margin-top: 4rem;
}
.women-text{
	flex: 1;
	font-size: 1.25rem;
}
.women-text p{
	margin-bottom: 2rem;
}
.women-text ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.women-text li{
	position: relative;
	padding-left: 1rem;
}
.women-text li::before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.women-box img{
	width: 55%;
}
/*運動・からだの勉強部屋*/
#study{
	padding-bottom: 4rem;
}
#study .container > p{
	margin-bottom: 2rem;
}
.bnr-online{
	display: block;
	max-width: 640px;
	margin: 4rem auto 0;
}
.bnr-online img{
	width: 100%;
}
/*コンディショニングクラス*/
#conditioning{
	margin-bottom: 4rem;
}
.condi01{
	margin-bottom: 2rem;
}
.condi02{
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	border: solid 8px #bababa;
	border-radius: 2rem;
	margin-top: 2rem;
	padding: 2rem;
}
.condi02 img{
	width: 40%;
}
.condi02-text{
	flex: 1;
}
.condi02 h3{
	font-size: 1.75rem;
	line-height: 1.5;
	color: #c2145a;
	margin-bottom: 1rem;
}
.condi02 p{
	margin-bottom: 1rem;
}
.condi02 dl{
	text-align: center;
	background-color: #e0e0e0;
	border-radius: 1rem;
	padding: .5rem;
}
.condi02 dd{
	font-weight: 700;
}
/*分子栄養学に基づいた独自の栄養アプローチ*/
#nutrition{
	position: relative;
	background-image: url(img/kirakira01.png);
	background-position: left -2rem top 2rem;
	background-repeat: no-repeat;
	padding: 3rem 0;
}
.nut01{
	font-size: 1.25rem;
	text-align: center;
	color: #db1e79;
}
#nutrition h2{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 2rem;
}
.nut02{
	color: #000;
	margin-bottom: 2rem;
	padding: 2rem 0 8rem;
}
.eiyo-box{
	display: flex;
	align-items: center;
	gap: 3rem;
	margin-bottom: 4rem;
}
.eiyo-box img{
	width: 40%;
}
.eiyo{
	display: flex;
	justify-content: space-between;
}
.eiyo dl{
	position: relative;
	width: 30%;
}
.eiyo dl::before,
.eiyo dl::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	display: block;
	width: 32px;
	height: 3px;
	background-color: #000;
	margin-left: .5rem;
}
.eiyo dl:last-child::before,
.eiyo dl:last-child::after{
	content: none;
}
.eiyo dl::before{
	transform: rotate(45deg);
}
.eiyo dl::after{
	transform: rotate(-45deg);
}
.eiyo dt{
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background-color: #db1e79;
	border-radius: 2rem;
	padding: 3rem 0;
}
.eiyo dt:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 100%;
	width: 130px;
	height: 130px;
	background-color: #e0e0e0;
	border-radius: 50%;
	margin-top: -2rem;
	margin-left: -3.5rem;
	z-index: 1;
}
.eiyo dl:last-child dt::before{
	margin-left: -8rem;
}
.eiyo dd{
	position: absolute;
	top: 100%;
	left: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 130px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #df5a24;
	margin-top: -2rem;
	margin-left: -5.5rem;
	z-index: 10;
}
.eiyo dl:last-child dd{
	margin-left: -10rem;
}
.nut-box{
	display: flex;
	gap: 2rem;
	align-items: center;
	margin-bottom: 2rem;
}
.nut-box h3{
	font-size: 1.25rem;
	color: #db1e79;
	margin-bottom: 1rem;
}
.nut-box img{
	width: 40%;
}
.zehi{
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	text-align: center;
	color: #000;
	background-color: #fff;
	border-radius: 1.5rem;
	padding: 2rem;
	border: solid 1px;
}
.zehi h3{
	font-size: 1.75rem;
	color: #db1e79;
	margin-bottom: 1rem;
}
.zehi p{
	font-size: 1.125rem;
}
.zehi .pc{
	width: 120px;
}
.zehi .sp{
	display: none;
}
@media screen and (max-width: 960px) {
	.dousa02 h3{
		font-size: 1.75rem;
	}
	.women-text{
		font-size: 1rem;
	}
	.condi02{
		padding: 2rem 1rem;
	}
	.condi02 h3{
		font-size: 1.5rem;
	}
	.nut02{
		padding: 2rem 0 8rem;
	}
	.eiyo dl::before, .eiyo dl::after{
		margin-left: .25rem;
	}
	.eiyo dt:before{
		margin-left: -5.5rem;
	}
	.eiyo dd{
		margin-left: -7.5rem;
	}
}
@media screen and (max-width: 784px) {
	.pro-title{
		padding-top: 3rem;
	}
	.pro-title p{
		font-size: 1rem;
	}
	.pro-title h2{
		font-size: 2rem;
	}
	.dousa01{
		margin-bottom: 2rem;
	}
	.dousa02{
		flex-direction: column-reverse;
		gap: .5rem;
	}
	.dousa02.reverse{
		flex-direction: column;
	}
	.dousa02 h3{
		font-size: 1.5rem;
		margin-bottom: 0;
	}
	.dousa02 img{
		width: 100%;
	}
	.price{
		gap: 2rem;
	}
	.price01{
		font-size: 1.375rem;
		width: 90px;
		height: 90px;
	}
	.price dt{
		font-size: 1.125rem;
	}
	.price dd{
		font-size: 1.5rem;
	}
	.price dd span{
		font-size: 1rem;
	}
	.women-box{
		flex-direction: column-reverse;
		gap: 1rem;
		margin-top: 2rem;
	}
	.women-text p{
		margin-bottom: 1rem;
	}
	.women-box img{
		width: 100%;
	}
	.condi02{
		flex-direction: column;
		gap: 1rem;
		border-width: 4px;
		border-radius: 1rem;
		padding: 0;
		overflow: hidden;
	}
	.condi02 img{
		width: 100%;
	}
	.condi02-text{
		padding: 0 1rem 1rem;
	}
	.nut01{
		font-size: 1rem;
	}
	#nutrition h2{
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.nut02{
		padding: 1.5rem 0 2rem;
	}
	.eiyo-box{
		flex-direction: column-reverse;
		gap: 1rem;
		margin-bottom: 2rem;
	}
	.eiyo-box img{
		width: 100%;
	}
	.eiyo{
		flex-direction: column;
		gap: 3rem;
	}
	.eiyo dl{
		width: 100%;
		background: #db1e79;
		border-radius: 2rem;
		padding: 1rem;
	}
	.eiyo dl::before,
	.eiyo dl::after{
		top: 100%;
		left: 50%;
		margin: 1.5rem 0 0 -.75rem;
	}
	.eiyo dt{
		padding: 0 0 .5rem;
	}
	.eiyo dt:before{
		content: none;
	}
	.eiyo dd{
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		height: auto;
		background-color: #e0e0e0;
		border-radius: 2rem;
		margin: 0;
		padding: 1rem;
	}
	.eiyo dl:last-child dd{
		margin-left: 0;
	}
	.nut-box{
		flex-direction: column-reverse;
		gap: 1rem;
	}
	.nut-box.reverse{
		flex-direction: column;
	}
	.nut-box img{
		width: 100%;
	}
	.zehi .pc{
		display: none;
	}
	.zehi .sp{
		display: block;
		width: 100%;
		max-width: 480px;
		margin: 1rem auto;
	}
}
@media screen and (max-width: 640px) {
	.price{
		gap: 1rem;
	}
	.animal-img{
		flex-direction: column;
		gap: 1rem;
	}
	.animal-img img{
		width: 100%;
	}
	.zehi{
		padding: 1rem;
	}
	.zehi h3{
		font-size: 1.5rem;
	}
	.zehi p{
		font-size: 1rem;
	}
}
@media screen and (max-width: 480px) {
	.pro-title h2{
		font-size: 1.5rem;
	}
	.price{
		flex-direction: column;
	}
	.price01{
		width: 100%;
		height: auto;
		font-size: 1.25rem;
		border-radius: 1rem;
	}
	.price dt{
		font-size: 1rem;
	}
	.condi02 h3{
		font-size: 1.25rem;
	}
	.zehi h3{
		font-size: 1.25rem;
	}
	.zehi p{
		line-height: 1.5rem;
		text-align: left;
		margin-bottom: .5rem;
	}
}
/* =======================================
    料金表
======================================= */
.price-list{
	max-width: 560px;
	margin: 0 auto;
	padding: 3rem 1rem;
}
.price-list dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #ddd;
	padding: 1rem;
}
.price-list dt{
}
.price-list dd{
}
.price-list dd span{
	font-size: 2rem;
}
/* =======================================
    スタジオ案内
======================================= */
.studio-name{
	display: block;
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2rem;
}
.studio-top .access-box{
	align-items: center;
	max-width: 1032px;
	margin-left: auto;
}
/*アクセス*/
.map{
	text-align: center;
	color: #fff;
	background-color: #000;
	margin-bottom: 4rem;
	padding: 3rem 0 5rem;
}
.map h2{
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
.map h2	span{
	display: block;
	font-size: 1.25rem;
}
.map ifram{
	width: 100%;
}
.gaiyou{
	max-width: 54.5rem;
	margin: 0 auto;
	padding: 0 1rem;
}
.gaiyou{
	margin-bottom: 6rem;
}
.gaiyou h2{
	text-align: center;
	margin-bottom: 2rem;
}
.gaiyou dl{
	display: flex;
	justify-content: space-between;
	border-top: solid 1px #ccc;
	padding: 1rem;
}
.gaiyou dl:last-child{
	border-bottom: solid 1px #ccc;
}
.gaiyou dt{
	width: 8rem;
}
.gaiyou dd{
	flex: 1;
}
/*バナー*/
.bnr-studio{
	background-color: #000;
	padding: 4rem 0;
}
.bnr-studio .bnr-oyako{
	margin-bottom: 2rem;
}
.bnr-studio .oyako-text{
	background-image: none;
}
.bnr-studio .oyako-text span {
	background-color: #00978b;
}
.bnr-online02{
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none;
	border: solid 15px #d4d4d4;
}
.bnr-online02 img{
	width: 50%;
}
.online02-box{
	width: 50%;
	background-color: #000;
	padding: 4rem 1rem 1rem;
}
.online06{
	position: absolute;
	top: 1rem;
	left: 1rem;
	width: calc(100% - 2rem);
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: #db1e79;
}
.online06 br{
	display: none;
}
.wrap-online{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}
.onl-left{
	text-align: center;
}
.online07{
	color: #fff;
}
.online08{
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
}
.wrap-online .online03{
	position: inherit;
	top: inherit;
	right: inherit;
	color: #000;
	background-color: #e0cf1b;
}
.online09{
	font-size: 2.25rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
	.bnr-studio .oyako-text p {
		font-size: 1.25rem;
	}
	.bnr-studio .oyako-text h2 {
		font-size: 2rem;
		margin: .25rem 0;
	}
	.bnr-studio .oyako-text p {
		font-size: 1.25rem;
	}
	.bnr-studio .oyako-text span {
		font-size: 1rem;
		margin-top: 1rem;
		padding: .75rem;
	}
}
@media screen and (min-width: 960px) {
	.studio-top .acc-name{
		font-size: 3rem;
	}
	.studio-top .acc-dl dt{
		font-size: 1rem;
	}
	.studio-top .acc-dl dd{
		font-size: 1.25rem;
	}
}
@media screen and (max-width: 960px) {
	.bnr-online02{
		border-width: 10px;
	}
	.onl-left{
		width: 100%;
	}
	.online08{
		font-size: 2rem;
	}
	.wrap-online .online03{
		position: absolute;
		top: 1rem;
		right: -1rem;
	}
	.online09{
		font-size: 1.75rem;
	}
}
@media screen and (max-width: 784px) {
	.studio-name{
		font-size: 2rem;
	}
	.studio-top.access{
		padding: 0 0 2rem;
	}
	.studio-top .acc-left{
		padding: 0;
	}
	.map{
		padding: 2rem 0 3rem;
	}
	.map h2{
		font-size: 1.5rem;
	}
	.map h2 span{
		font-size: 1rem;
	}
	.bnr-online02{
		flex-direction: column;
		border-width: 5px;
	}
	.bnr-online02 img{
		width: 100%;
	}
	.online02-box{
		width: 100%;
		padding: 0;
	}
	.online06{
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		margin-bottom: 1rem;
	}
	.wrap-online{
		position: relative;
	}
	.wrap-online .online03{
		top: -1rem;
		right: -.5rem;
	}
	.online09{
		margin: 0 0 1rem;
	}
}
@media screen and (max-width: 640px) {
	.online06 br{
		display: block;
	}
	.online06{
		font-size: 1.25rem;
		padding: .5rem 0;
	}
	.online09{
		font-size: 1.5rem;
	}
	.wrap-online .online03{
		top: -8rem;
		font-size: .75rem;
		width: 60px;
		height: 60px;
	}
}
/* =======================================
    インフォメーション一覧
======================================= */
.nav-cats{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
}
.nav-cats li{
	width: 30%;
}
.nav-cats a{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	border: solid 2px #bababa;
	border-radius: 3rem;
	padding: .5rem;
}
.nav-cats a:hover{
	color: #d3007f;
	border-color: #d3007f;
}
.blog .c-entries--simple,
.category .c-entries--simple{
	border: none;
}
.blog .c-entries--simple .c-entries__item,
.category .c-entries--simple .c-entries__item{
	border: none;
	margin-bottom: 3rem;
}
.blog .c-entries--simple .c-entries__item>a,
.category .c-entries--simple .c-entries__item>a{
	border: solid 2px #dadada;
	border-radius: 1rem;
	padding: 2rem;
}
.blog .c-entries--simple .c-entries__item>a:hover,
.category .c-entries--simple .c-entries__item>a:hover{
	border-color: #d3007f;
}
.blog .c-entries--simple .c-entry-summary__figure,
.category .c-entries--simple .c-entry-summary__figure{
	width: 220px;
}
.blog .c-entry-summary__body,
.category .c-entry-summary__body{
	display: flex;
	flex-direction: column;
}
.blog .c-entry-summary__header,
.category .c-entry-summary__header{
	order: 1;
	margin-bottom: 0;
}
.blog .c-entry-summary__title,
.category .c-entry-summary__title{
	font-size: 1.5rem;
}
.blog .c-entry-summary__content,
.category .c-entry-summary__content{
	order: 3;
}
.blog .c-entry-summary__meta,
.category .c-entry-summary__meta{
	order: 2;
	justify-content: flex-end;
	margin-top: 0;
}
@media screen and (max-width: 784px) {
	.nav-cats li{
		width: 32%;
	}
	.blog .c-entries--simple .c-entries__item>a,
	.category .c-entries--simple .c-entries__item>a{
		padding: 1rem;
	}
	.blog .c-entry-summary__title,
	.category .c-entry-summary__title{
		font-size: 1.25rem;
	}
}
@media screen and (max-width: 640px) {
	.nav-cats li{
		width: 32%;
	}
	.blog .c-entries--simple .c-entry-summary__figure,
	.category .c-entries--simple .c-entry-summary__figure{
		float: none;
		width: 100%;
		margin: 0 0 .5rem;
	}
}
@media screen and (max-width: 480px) {
	.nav-cats{
		flex-direction: column;
		border: solid 1px #ccc;
		border-radius: 1rem;
		padding: 0 .5rem;
	}
	.nav-cats li{
		width: 100%;
		border-bottom: solid 1px #ccc;
	}
	.nav-cats li:last-child{
		border-bottom: none;
	}
	.nav-cats a{
		position: relative;
		border: none;
		border-radius: 0;
	}
	.nav-cats a::after{
		content: "";
		position: absolute;
		top: 50%;
		right: .5rem;
		display: block;
		width: .75rem;
		height: 1rem;
		clip-path: polygon(0 0, 100% 50%, 0 100%);
		background-color: #9e9e9e;
		margin-top: -.5rem;
	}
	.nav-cats a:hover::after{
		background-color: #db1e79;
	}
}
/* =======================================
    お客様の声一覧
======================================= */
.voice01{
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}
.post-type-archive-voice .c-entries{
	--entries--item-width: 25%;
}
.post-type-archive-voice .c-entries__item>a,
.page-voice-list .c-entries__item>a,
.tax-voice_cat .c-entries__item>a{
	height: 100%;
	color: #fff;
	background-color: #000;
	padding: 1rem;
}
.voice-term{
	display: inline-block;
	font-size: .75rem;
	background-color: #db1e79;
	border-radius: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0 5px;
}
.voice-term:last-child{
	margin-right: 0;
}
.post-type-archive-voice .c-entries__item>a h2,
.page-voice-list .c-entries__item>a h3,
.tax-voice_cat .c-entries__item>a h2{
	color: #db1e79;
}
.post-type-archive-voice .c-entry-summary__meta{
	display: none;
}
@media screen and (max-width: 960px) {
	.post-type-archive-voice .c-entries{
		--entries--item-width: 33%;
	}
}
@media screen and (max-width: 784px) {
	.post-type-archive-voice .c-entries{
		--entries--item-width: 50%;
	}
	.voice01{
		font-size: 1rem;
	}
}
@media screen and (max-width: 480px) {
	.post-type-archive-voice .c-entries{
		--entries--item-width: 100%;
	}
}
/* =======================================
    お客様の声　詳細
======================================= */
.voice-thumbnail{
	text-align: center;
	margin-bottom: 1rem;
}
.voice-fields{
	border-top: solid 1px #eee;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.voice-field{
	border-bottom: solid 1px #eee;
	padding: 1rem 0;
}
.voice-field__label,
.voice-qa .smb-faq__item__question__body{
	color: #d3007f;
}
.voice-qa .smb-faq__item__question__label,
.voice-qa .smb-faq__item__answer__label{
	display: none;
}
/* =======================================
    お問い合わせ
======================================= */
.u-slim-width{
	padding: 0 2rem;
}
.smf-form{
	margin-bottom: 2rem;
}
.smf-item{
	border-top: solid 1px #efefef;
	padding: .5rem;
}
.smf-item:last-child{
	border-bottom: solid 1px #efefef;
}
.smf-item__col--label{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
}
.smf-item__label__text{
	font-weight: 700;
}
.smf-item__description{
	font-size: .75rem;
	color: #fff;
	background-color: #db1e79;
	border-radius: 1rem;
	margin: 0;
	padding: 0 .5rem;
}
.smf-text-control__control{
	width: 20rem;
}
.smf-action{
	display: flex;
	justify-content: center;
	gap: 1rem;
	text-align: center;
}
.smf-action .smf-button-control__control{
	width: 100%;
	max-width: 10rem;
	font-family: "Noto Sans JP", serif;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-image: none;
	background-color: #db1e79;
	border: none;
	border-radius: 3rem;
	margin: 0 auto;
	padding: .5rem 2rem;
}
.smf-action .smf-button-control__control:hover{
	background-color: #f80077;
}
.smf-action .smf-button-control__control[data-action="back"]{
	background-color: #999;
}
.smf-action .smf-button-control__control[data-action="back"]:hover{
	background-color: #aaa;
}
.btn-top.btn-pink{
	max-width: 20rem;
}
@media (min-width: 640px) {
	.smf-form--simple-table .smf-item__col--label{
		flex: 0 0 18em;
		max-width: 18em;
	}
	.smf-form--simple-table .smf-item {
		align-items: center;
	}
}
@media screen and (max-width: 784px) {
	.u-slim-width{
		padding: 0 1rem;
	}
	.smf-text-control__control{
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.smf-form--simple-table .smf-item__col--label{
		padding-bottom: .5rem;
	}
	.smf-form--simple-table .smf-item{
		padding-top: .5rem;
	}
}