@charset "utf-8";

/*
////////////////////////////////////////////////////////////////////////

	◆ 共通

------------------------------------------------------------------------
*/
.contentsInner {
	padding: 0 2rem;
	margin: 0 auto;
}

/* リスト */
.list01 { /* 装飾なし */
	list-style-type: none;
}
.list02 {
	list-style-type: disc;
	margin-left: 1.5rem;
}
.list01 li, .list02 li {	
	line-height: 1.6;
	margin-bottom: 1rem;
}
.checkList {
	list-style-type: none;
	margin: 2.5rem 0;
}
.checkList li {
	margin-bottom: 2rem;
	text-indent: -3rem;
	padding-left: 3rem;
	line-height: 1.4;
}
.checkList li:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f058";
	position: relative;
	padding-right: 1rem;
	font-size: 2rem;
	color: #68A60B;
	vertical-align: middle;
}

/* 見出し */
.cap01 { /* オレンジ二重ライン */
	color: #D95D1D;
	border-bottom: 4px double #D95D1D;
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
	font-size: 2rem;
}
.cap02 { /* オレンジライン */
	color: #D95D1D;
	border-bottom: 1px solid #D95D1D;
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
	font-weight: 500;
	font-size: 1.8rem;
}
.cap03 { /* 斜めライン */
	position: relative;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	font-size: 2.2rem;
}
.cap03::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #ccc 0px, #ccc 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}
.cap04 {
	font-size: 2.6rem;
	line-height: 1.4;
	color: #D95D1D;
	text-align: center;
	margin: 3rem 0;
}

/* 行間 */
.read p {
	margin-bottom: 1.5rem;
}
.read p:last-child {
	margin-bottom: 0;
}

/* レイアウト */
.imgCenter {
	display: block;
	margin: 2rem auto;
}
/* イメージ＆テキスト横並び */
.flexBox01 .img {
	margin-bottom: 2rem;
}
/* 背景カラー＆ボックス */
.colorBox01 {
}
.colorBox01 dl {
	background: linear-gradient(rgba(255,236,210,0.6),rgba(252,182,159,0.6));
	margin-bottom: 3rem;
	padding: 2.5rem;
}
.colorBox01 h4 {
	font-size: 1.8rem;
	text-align: center;
	margin: 1rem 0;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #6a6a6a;
}
.colorBox01 span {
	font-size: 1.4rem;
	display: block;
}

/* ボタン */
.btnMore01, .btnMore02 {
	background: #ea8664;
	border-radius: 30px;
	border: 4px solid #fff;
}
.btnMore01 a, .btnMore02 a {
	width: 100%;
	color: #fff;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 700;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	letter-spacing: 1px;
}
.btnMore01 a::after, .btnMore02 a::after {
	font-family: "fontawesome";
	content: "\f138";
	margin-left: 0.5rem;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ テーブル

------------------------------------------------------------------------
*/
.tb01 {
  width: 100%;
  border-collapse: collapse;
}
.tb01 th, .tb01 td {
  padding: 1.5rem 2rem;
	width: 100%;
  display: block;
}
.tb01 th {
  background: #FFE5E5;
  text-align: left;
}
.tb01 td {
	margin-bottom: 1rem;
}
.tb01 dl {
  flex-direction: column;
}
.tb01 dt, .tb01 dd {
	width: 100%;
}
.tb01 dt {
  background-color: #ccc;
}
.tb01 dd {
}

/*
////////////////////////////////////////////////////////////////////////

	◆ ページタイトル

------------------------------------------------------------------------
*/
.pageTitle {
	background: url("../images/bg_pagetitle01.jpg") no-repeat center;
	background-size: cover;
	height: 150px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 7rem;
	color: #717171;
}
.pageTitle h2 {
	font-size: 4rem;
	font-family: 'Satisfy', cursive;
	font-weight: 500;
	letter-spacing: 1px;
}
.pageTitle p {
	font-weight: 500;
	margin-top: 1rem;
}
.pageTitle2 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 5rem;
}
.pageTitle2::before,
.pageTitle2::after {
	content: '';
	width: 40px;
	height: 2px;
	background-color: #ea8664;
}
.pageTitle2::before {
	margin-right: 20px;
}
.pageTitle2::after {
	margin-left: 20px;
}


/*
////////////////////////////////////////////////////////////////////////

	◆ ラジョアについて

------------------------------------------------------------------------
*/
/* staff */
.staff > div {
}
.staff .pict {
	display: flex;
	flex-direction: column;
}
.staff .pict img {
	margin: 0 auto;
	width: 50%;
	height: auto;
	margin-bottom: 1rem;
}
.staff .pict ul {
	font-size: 1.4rem;
	list-style-type: none;
	margin: 3rem 0;
	padding: 2rem;
	background:#E7E7E7;
}
.staff .pict li {
	margin-bottom: 1rem;
}
.staff .pict li:last-child {
	margin-bottom: 0;
}

/* FAQ */
.faq dl {
	margin-bottom: 5rem;
}
.faq dt {
	border-bottom: 2px dotted #929292;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}
.faq h3 {
	font-size: 1.6rem;
	text-indent: -2.7rem;
	padding-left: 2.7rem;
}
.faq dt span {
	margin-right: 1.5rem;
	color: #B71114;
}
.faq dd span {
	margin-right: 1.5rem;
	color: #1A478E;
	font-weight: 700;
}
.faq p {
	text-indent: -2.5rem;
	padding-left: 2.7rem;
}

/*----------------------------------------------------
  news
----------------------------------------------------*/
.news section {
	border: 1px solid #aaa;
	margin-bottom: 5rem;
	padding: 3rem;
}
.news time {
	display: block;
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: #717171;
}
.news time:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f073";
	position: relative;
	padding-right: 0.5rem;
	font-size: 1.3rem;
}
.news time:after, .impnews time:after {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	padding: 0.1rem 0;
	margin-left: 1rem;
	display: inline-block;
	width: 10rem;
}
.cateNews time:after {
	content: 'お知らせ';
	background: #F36C11;
}
.cateImp time:after {
	content: '重要なお知らせ';
	background: #8B0D10;
}
.cateEvent time:after {
	content: 'イベント';
	background: #EF457F;
}
.news h3 {
	font-size: 1.6rem;
	border-bottom: 1px dotted #909090;
	margin: 1rem 0 1.5rem;
	padding-bottom: 1rem;
}
.newsBox {
	background: #EFEFEF;
	margin: 2rem 0;
	padding: 2rem;
}
.newsBox ul {
	padding: 0;
}
.newsBox ul h4 {
	font-size: 1.6rem;
	margin-bottom: 1rem;
}


/*----------------------------------------------------
  facilities
----------------------------------------------------*/
.facilities ul {
	list-style-type: none;
	margin: 3rem 0;
}
.facilities li:nth-child(odd) div {
	background-color:rgba(253,237,75,0.9);
	padding: 2rem;
	text-align: left;
	position: relative;
	top: -7rem;
}
.facilities li:nth-child(even) div {
	background-color:rgba(252,193,173,0.9);
	padding: 2rem;
	text-align: left;
	position: relative;
	top: -7rem;
}
.facilities h4 {
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
	text-align: center;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ トレーニングメニュー

------------------------------------------------------------------------
*/
.borderBox01 dl {
	border: 1px solid #D95D1D;
	padding: 2rem;
	margin-bottom: 5rem;
}
.borderBox01 dt {
}
.borderBox01 img {
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
}
.borderBox01 dd {
}
.borderBox01 p {
	line-height: 1.4;
}
.borderBox01 h3, .borderBox01 h4 {
	font-size: 2rem;
	color: #D95D1D;
	font-weight: 700;
	margin-bottom: 1rem;
	border-left: 5px solid #D95D1D;
	padding-left: 1rem;
}
.borderBox01 .multi {
	border: 1px solid #D95D1D;
	margin-bottom: 5rem;
	padding: 2rem;
}
.borderBox01 .multi .box {
	margin-top: 2.5rem;
}
.borderBox01 .multi .box > div {
	padding: 3rem;
	margin-top: 3rem;
	background: #fceded;
}
.borderBox01 .multi .box p {
	margin-top: 1.5rem;
}
.borderBox01 .multi .box .btn {
	background: #ea8664;
	border-radius: 30px;
	border: 4px solid #fff;
	margin-top: 1rem;
}
.borderBox01 .multi .box .btn a {
	width: 100%;
	color: #fff;
	padding: 1.3rem 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 700;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	letter-spacing: 1px;
}
.borderBox01 .multi .box .btn a::after {
	font-family: "fontawesome";
	content: "\f138";
	margin-left: 0.5rem;
}

/* ハートリミット */
.heartLimitBox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
}
.heartLimitBox li {
	width: 48%;
	text-align: center;
	margin: 1%;
	padding: 1.5rem;
	background: #FFF9CC;
}
.heartLimitBox h4 {
	color: #D95D1D;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px dotted #D95D1D;
}
.heartLimitBox p {
	font-size: 1.4rem;
}

/* 流れ */
.courseFlow .box {
	display: flex;
	justify-content: space-between;
}
.courseFlow .step {
	width: 14%;
	margin-right: 2%;
}
.courseFlow .txt {
	width: 84%;
	margin: 1.2rem 0 0;
	text-align: left;
}
.courseFlow .txt p {
	font-size: 1.3rem;
}
.courseFlow h5 {
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
}

/* メリット */
.melitBox dl {
	margin-bottom: 5rem;
}
.melitBox dd {
	text-align: center;
}
.melitBox img {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}