@charset "UTF-8";
/* CSS Document */

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    
}
 body {
	-webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html{
    overflow-y: scroll;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
input, textarea{
    margin: 0;
    padding: 0;
}
ol, ul{
    list-style:none;
}
table{
    border-collapse: collapse;
    border-spacing:0;
}
a:focus {
    outline:none;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*促*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.both{
    clear:both;
}
.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	border-bottom: dashed 1px #818181;
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important; }
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 25px !important; }
.mt30 {margin-top: 30px !important; }
.mt40 {margin-top: 40px !important; }
.mt50 {margin-top: 50px !important; }
.mt60 {margin-top: 60px !important; }
.mt-20 {margin-top: -20px !important; }
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 25px !important; }
.mb30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }
.mb60 {margin-bottom: 60px !important; }
.mb70 {margin-bottom: 70px !important; }
.mb80 {margin-bottom: 80px !important; }
.mb90 {margin-bottom: 90px !important; }
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important; }
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 25px !important; }
.pt30 {padding-top: 30px !important; }
.pt40 {padding-top: 40px !important; }
.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important; }
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 25px !important; }
.pb30 {padding-bottom: 30px !important; }
.pb40 {padding-bottom: 40px !important; }
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.font40{font-size:40px !important;}
.font36{font-size:36px !important;}
.font30{font-size:30px !important;}
.font24{font-size:24px !important;}
.font20{font-size:20px !important;}
.font18{font-size:18px !important;}
.font14{font-size:14px !important;}
.font12{font-size:12px !important;}
.font10{font-size:10px !important;}
.bold {font-weight:bold;}
.red{color:#E53743;}
.black{color:#000;}
.blue {color:#004896 !important;}
.pink {color:#db436b !important;}
img{margin: 0;padding: 0;vertical-align: bottom;}
.text-left{ text-align:left;}
.center{text-align: center;}
.rigth{float:right;}
.left {float:left;}
.width30 {width:30px !important;}
.under{	text-decoration:underline;}
.pc-none {display:none;}
.web-font {
font-family: 'Alfa Slab One', cursive;
font-family: 'Ceviche One', cursive;
font-family: 'Fugaz One', cursive;
}
/****************************************
          Link
*****************************************/
nav a:link {
	text-decoration:none;
	color:#000;
}
nav a:visited {
	text-decoration:none;
	color:#000;
}
.link1 a:link {
	color:blue !important;
}
.link1 a:visited{
	color:blue !important;
}
a:hover {
	text-decoration:none;
}
a:active {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
a:hover {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
a:active img {
	-ms-filter:"alpha(opacity=80)";
	zoom:1;
}
a:hover img {
	-ms-filter:"alpha(opacity=80)";
	zoom:1;
}
a:active img:not(:target) {
	-ms-filter:"alpha(opacity=100)";
	zoom:1;
}
a:hover img:not(:target) {
	-ms-filter:"alpha(opacity=100)";
	zoom:1;
}
.hover {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
/****************************************
         top link
*****************************************/

a {
	text-decoration: none;
}
a:hover {
	opacity: 1.0;
	transition: 0.2s;
}
img {
	width: 100%;
}

html {
	scroll-behavior: smooth;
	font-size: 62.5%;
}




body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6em;
	font-feature-settings: "palt" 1;
}
.pc-none {
	disply: none!important;
}
.sp-none {
	display: block!important;
}
.anchor {
	padding-top: 60px;
	margin-top: 60px;
}
.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


header {
	width: 100%;
}
header h1 {
	position: fixed;
	z-index: 100;
}
header h1 a {
	display: block;
	width: 30rem;
	height: 15rem;
	clip-path: polygon(0 0, 100% 0, 0 100%);
	background: #000;
	transition: .3s;
}
header h1 a:hover {
	opacity: 0.8;
	transition: .3s;
}
header h1 a img {
	position: absolute;
	top: 30%;
	left: 25%;
	transform: translate(-50%,-50%);
	width: 33%;
}


.slider {
	position: relative;
	width: calc(100% - 6rem);
	z-index: 1;
	height: 96vh;
}
.slider_item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 96vh!important;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
.slider_item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*ドットナビゲーションの設定*/
.slider_dots {
	position: absolute;
	top: 43%;
	right: -4.5rem;
	z-index: 3;
}
.slider_dots li {
	width: 3rem;
    height: 3rem;
}
.slider_dots button {
	display: inline-block;
	position: relative;
	width: 3rem;
    height: 3rem;
	background: none;
	border: none;
	color: transparent;
	cursor: pointer!important;
}
.slider_dots li button:before {
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
    width: 3rem;
    height: 3rem;
    content: '•';
    font-size: 2.5rem;
	text-align: center;
    color: #DEDEDE;
}
.slider_dots .slick-active button:before {
    color: #FFCE00!important;/*ドットボタンの現在地表示の色*/
}




.fv {
	position: relative;
}
.fv a {
	position: absolute;
	bottom: 1.5rem;
	right: 7.5rem;
	display: block;
	width: 30%;
	z-index: 10;
	cursor: pointer;
	transition: .2s;
	opacity: 0.9;
}
.fv a:hover {
	opacity: 0.8;
}
.fv_copy {
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 4rem 4.2rem;
	border: solid 0.3rem #fff;
	box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.6);
	z-index: 10;
}
.fv_copy_sub {
	margin: 0 0 1rem;
    font-size: 2.7rem;
    font-weight: 700;
	letter-spacing: 0.6rem;
	color: #fff;
	text-align: center;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.9);
}
.fv_copy_main {
	font-size: 4.5rem;
	font-weight: 700;
	letter-spacing: 0.5rem;
	line-height: 6.5rem;
	color: #fff;
	text-align: center;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.9);
}



#menu_nav {
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position: fixed;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top: 0;
	min-width: 1200px;
	width: 100%;
    height: 100vh;/*ナビの高さ*/
	background: #000;
    /*動き*/
	transition: all 0.5s;
}
/*アクティブクラスがついたら透過なしにして最前面へ*/
#menu_nav.panelactive{
	opacity: 1;
	z-index: 1000;
	transition: all 0.5s;
}
/*ナビゲーションの縦スクロール*/
#menu_nav.panelactive #menu_nav_list {
    /*ナビの数が増えた場合縦スクロール*/
    width: 70%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#menu_nav_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1100px;
	margin: 0 auto;
}
#menu_nav_list::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	clip-path: polygon(0 0, 100% 0 , calc(100% - 6rem) 100%, 0 100%);
	width: 15%;
	height: 100vh;
	background: #B7B7B7;
	z-index: -1;
}
.menu_logo {
	width: 18rem;
}
/*ナビゲーション*/
#menu_nav ul,
#menu_nav_list p {
    display: none;
}
#menu_nav.panelactive ul,
#menu_nav.panelactive #menu_nav_list p {
    display: block;
}
/*リストのレイアウト設定*/
.menu_nav_list_inner {
	display: flex;
	justify-content: center;
}
#menu_nav ul {
	margin: 0 1rem;
}
#menu_nav li {
	list-style: none;
}
#menu_nav li a {
	display: inline-block;
	margin: 2rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 3rem;
	letter-spacing: 0.2rem;
	line-height: 2rem;
	text-align: left;
	color: #fff;
	transition: .3s;
}
#menu_nav li a span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.3rem;
	font-weight: 500;
}
#menu_nav li a:hover {
	color: #B7B7B7;
	transition: .5s;
}

/*========= ボタンのためのCSS ===============*/
.openbtn {
	position: fixed;
	top: 0;
	right: 0;
	width: 6rem;
    height: 6rem;
	background: #fff;
	z-index: 1100;
	cursor: pointer;
	transition: .5s;
}
.openbtn:hover {
	transition: .4s;
	opacity: 0.8;
}
/*×に変化*/	
.openbtn span {
	position: absolute;
    left: 50%;
	transform: translate(-50%);
    display: inline-block;
	width: 2rem;
    height: 0.2rem;
	background-color: #000;
	transition: all .4s;
  }
.openbtn span:nth-of-type(1) {
	top: 2rem;	
}
.openbtn span:nth-of-type(2) {
	top: 2.8rem;
}
.openbtn span:nth-of-type(3) {
	top: 3.6rem;
}
.openbtn.active {
	background: #fff;
}
.openbtn.active:hover {
	transition: .5s;
	opacity: 0.9;
}
.openbtn.active span:nth-of-type(1) {
    top: 2.2rem;
    left: 1.8rem;
    transform: translateY(0.6rem) rotate(-45deg);
    width: 2.5rem;
	background-color: #000;
}
.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}
.openbtn.active span:nth-of-type(3){
    top: 3.4rem;
    left: 1.8rem;
    transform: translateY(-0.6rem) rotate(45deg);
    width: 2.5rem;
	background-color: #000;
}






/**見出しデザイン**/
.heading {
	position: relative;
	margin: 4rem auto;
}
.heading h2 {
	position: relative;
	padding: 0 0 0 2.5rem;
	font-size: 3rem;
	font-weight: 900;
	letter-spacing: 0.2rem;
}
.heading h2::before {
	position: absolute;
	top: 40%;
	left: 0;
	content: "";
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	width: 1.2rem;
	height: 1.2rem;
	background: #000;
}
.heading_english {
	position: absolute;
	top: -3.5rem;
	z-index: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 6rem;
	letter-spacing: 0.6rem;
}

.yellow_line {
	padding: 0 0.3rem;
	font-weight: 700;
	text-decoration: underline; /* 下線 */
	text-decoration-thickness: 0.6em; /* 線の太さ */
  	text-decoration-color: rgba(255, 234, 0); /* 線の色 */
  	text-underline-offset: -0.25em; /* 線の位置。テキストに重なるようにやや上部にする */
  	text-decoration-skip-ink: none;
}


/***********パンくずリスト************/
.breadcrumbs {
	margin: 3rem auto 0;
	font-size: 1.4rem;
	color: #fff;
}
.breadcrumbs a:visited,
.breadcrumbs a:link {
	margin: 0 0.3rem 0 0.3rem;
	border-bottom: solid 0.1rem #fff;
	color: #fff;
}


/**
.minamiurawa_banner {
	display: block;
	width: 40%;
    margin: 5rem auto 0;
	transform: scale(1, 1);
	transition: .5s;
}
.minamiurawa_banner:hover {
	transform: scale(1.02, 1.02);
	opacity: 0.7;
}**/
.about .heading_english {
	color: #F0F0F0;
}
.about {
	position: relative;
}
.about::before {
	position: absolute;
	top: 100rem;
	content: "";
	clip-path: polygon(0 calc(0% + 12rem), 100% 0, 100% 100%, 0 100%);
	width: 100%;
	height: 130rem;
	background: #DEDEDE;
	z-index: -10;
}
.about_inner {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 10rem auto 0;
}
.about_overview {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 auto 10rem;
}
.about_overview p {
	width: 43%;
	margin: 2rem 0 0 3rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 3.4rem;
	letter-spacing: 0.1rem;
}
.about_overview_img {
	display: block;
	width: 47%;
	margin: -1rem 0 0 5rem;
	object-fit: contain;
}
.about_jamrock {
	width: 100%;
}
.about_jamrock_flex {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	margin: 15rem auto 0;
}
.about_jamrock_flex_content01 {
	width: 30%;
	padding: 2.5rem 1rem 3rem;
	background: #fff;
	border: solid 0.2rem #000;
	text-align: center;
}
.about_jamrock_flex_content01 h3 {
	margin: 0 0 1.5rem;
	font-size: 2rem;
}
.about_jamrock_flex_content01 p {
	margin: 1.5rem 0 -1rem;
	font-size: 1.5rem;
}
.about_jamrock_flex_content01 img {
	width: 85%;
}
.about_jamrock_flex_content02 {
	padding: 3.3rem 0 6rem;
	background: #fff;
	border: solid 0.2rem #000;
	text-align: center;
	margin: auto;
}
.about_jamrock_flex_content02 h3 {
	margin: 0 0 2.5rem;
	font-size: 2.4rem;
}
.about_jamrock_flex_content02 p {
	margin: 3rem 0 -2.4rem;
	font-size: 1.6rem;
}
.about_jamrock_flex_content02 img {
	width: 80%;
	margin: 0 2rem;
}
.about_jamrock_flex_content_this {
	width: 45%;
	margin: 0 3rem;
	padding: 0.8rem;
	border: solid 0.3rem #B7B7B7;
}
.about_jamrock_this {
	margin: 5rem auto;
	text-align: center;
}
.about_jamrock_this p {
	position: relative;
	display: inline-block;
	width: 40%;
	padding: 1.5rem 2rem;
	background: #B7B7B7;
	font-size: 2.5rem;
	font-weight: 700;
}
.about_jamrock_this p::before {
	position: absolute;
	top: -3rem;
	right: 6rem;
	content: "";
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
	width: 2.5rem;
	height: 3.5rem;
	background: #B7B7B7;
}


.training .heading_english {
	color: #F0F0F0;
}
.training {
	background: #DEDEDE;
}
.training video {
	display: block;
	margin: 0 auto;
}
.training_innner {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 18rem auto 10rem;
	padding: 0 0 10rem;
}
.training video {
	width: 90%;
	margin: 0 auto;
}


.comparison .heading_english {
	z-index: -1;
	color: #F0F0F0;
}
.comparison {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 10rem auto 15rem;
}
.comparison table {
	width: 900px;
	margin: 0 auto;
}
.comparison table th {
	padding: 2rem;
	background: #000;
	border: solid 0.3rem #fff;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
}
.comparison table td {
	padding: 1.8rem;
	background: #F0F0F0;
	border: solid 0.3rem #fff;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 2.4rem;
	color: #000;
}
.comparison table th:nth-child(1) {
	width: 15%;
}
.comparison table tbody td:nth-of-type(2) {
	background: #B7B7B7;
}


.beginner {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5rem));
	width: 100%;
	padding: 12rem 0 15rem;
	background: #F0F0F0;
	text-align: center;
}
.beginner h2 {
	display: inline-block;
	padding: 0 0 0.4rem;
	margin: 0 auto 3rem;
	border-bottom: solid 0.3rem #000;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.2rem;
}
.beginner p {
	margin: 4rem auto 0;
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	line-height: 4rem;
}
.beginner_worries01 {
	position: relative;
	width: 50rem;
	margin: 1rem auto!important;
	font-size: 1.6rem!important;
	font-weight: 400!important;
}
.beginner_worries01::before,
.beginner_worries02::before {
	position: absolute;
	top: -1rem;
	left: 0;
	content: "「";
}
.beginner_worries01::after,
.beginner_worries02::after {
	position: absolute;
	bottom: -1rem;
	right: 0;
	content: "」";
}
.beginner_worries02 {
	position: relative;
	width: 54rem;
	margin: 1rem auto!important;
	font-size: 1.6rem!important;
	font-weight: 400!important;
}


.advantage .heading_english {
	z-index: -1;
	color: #F0F0F0;
}
.advantage {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 4rem auto 10rem;
}
.advantage_content01,
.advantage_content02,
.advantage_content03,
.advantage_content04,
.advantage_content05 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10rem auto;
}
.advantage_content02,
.advantage_content04 {
	flex-direction: row-reverse;
}
.advantage_content_img {
	width: 45%;
}
.advantage_content_text {
	position: relative;
	width: 45%;
	margin: 0 0 0 5rem;
}
.advantage_content_text h3 {
	position: relative;
	margin: 0 0 1em;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	line-height: 4rem;
}
.advantage_content01 .advantage_content_text h3::before {
	position: absolute;
	top: -3rem;
	left: -6rem;
	content: "01";
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10rem;
	color: #DEDEDE;
	z-index: -1;
}
.advantage_content02 .advantage_content_text h3::before {
	position: absolute;
	top: -3rem;
	left: -6rem;
	content: "02";
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10rem;
	color: #DEDEDE;
	z-index: -1;
}
.advantage_content03 .advantage_content_text h3::before {
	position: absolute;
	top: -3rem;
	left: -6rem;
	content: "03";
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10rem;
	color: #DEDEDE;
	z-index: -1;
}
.advantage_content04 .advantage_content_text h3::before {
	position: absolute;
	top: -3rem;
	left: -6rem;
	content: "04";
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10rem;
	color: #DEDEDE;
	z-index: -1;
}
.advantage_content05 .advantage_content_text h3::before {
	position: absolute;
	top: -3rem;
	left: -6rem;
	content: "05";
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10rem;
	color: #DEDEDE;
	z-index: -1;
}
.advantage_content_text h3 .yellow_line {
	font-size: 3.2rem;
	font-weight: 900;
	letter-spacing: 0.3rem;
}
.advantage_content_text p {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 3rem;
}
.advantage_content_graph_container {
	width: 50%;
}
.advantage_content_graph_container p {
    margin: 1rem 0;
    font-size: 1.4rem;
	text-align: center;
}
.advantage_content_graph01 {
	position: relative;
	width: 68%;
	height: 8rem;
}
.advantage_content_graph02 {
	position: relative;
	width: 95%;
	height: 30rem;
	margin: 0 -12rem 0 auto;
}


.recommend .heading h2 {
	color: #fff;
}
.recommend .heading h2::before {
	background: #fff;
}
.recommend .heading_english {
	color: #DEDEDE;
	opacity: 0.45;
}
.recommend {
	clip-path: polygon(0 calc(0% + 16rem), 100% 0, 100% 100%, 0 100%);
	width: 100%;
	padding: 22rem 0 10rem;
	background: url("http://soruto39.xsrv.jp/dts/wp-content/themes/jamrock-new/images/recomend-bg.jpg") no-repeat;
	background-size: cover;
}
.recommend_inner {
	max-width: 1200px;
	min-width: 1100px;
	width: 80%;
	margin: 0 auto;
}
.recommend ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 0 auto;
}
.recommend ul li {
	width: 15rem;
	height: 15rem;
	background: #fff;
	opacity: 0.9;
	padding: 1.2rem;
	text-align: center;
}
.recommend ul li p {
	margin: 0.8rem auto 1.7rem;
	font-size: 1.5rem;
}
.recommend_br {
	margin: 0 auto 0.5rem!important;
}
.recommend ul li img {
	width: 82%;
}


.system .heading_english {
	z-index: -1;
	color: #DEDEDE;
}
.system {
	position: relative;
	margin: 10rem auto;
}
.system::before {
	position: absolute;
	top: 28rem;
	content: "";
	clip-path: polygon(0 0, 100% calc(0% + 16rem), 100% 100%, 0 100%);
	width: 100%;
	height: 85rem;
	background: #F0F0F0;
	z-index: -10;
}
.system_inner {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 0 auto;
}
.system_plan {
	display: flex;
	justify-content: space-around;
	width: 90%;
	margin: 0 auto;
}
.system_plan01,
.system_plan02,
.system_plan03 {
	width: 27rem;
	height: 27rem;
	padding: 1rem;
	background: #fff;
	border: solid 0.5rem #B7B7B7;
	text-align: center;
}
.system_plan h3 {
	margin: 1.2rem 0 1.2rem;
	font-size: 1.7rem;
	font-weight: 700;
}
.system_plan_line {
	width: 3rem;
	margin: 0 auto 3.5rem;
	border-bottom: solid 0.3rem #B7B7B7;
}
.system_plan p {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.4rem;
}
.tax {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	writing-mode: vertical-rl;
}
.system_plan_fee {
	display: inline-block;
	margin: 3.8rem auto 1.8rem;
	padding: 0 0 1rem;
	border-bottom: solid 0.1rem #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 4.5rem!important;
}
.system_plan_fee_english {
	margin: 0 0.5rem 0 0.1rem;
	font-size: 4rem;
}
.system_plan_fee_month {
	margin: 0 0 0 0.3rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.8rem;
}
.small_text {
	font-size: 1.3rem;
}
.system_annotation {
	width: 88%;
	margin: 1.5rem auto 0;
	font-size: 1.2rem;
	line-height: 2rem;
}
.system_campaign {
	width: 86%;
	margin: 6rem auto 0;
	padding: 2rem 1rem 1rem;
	background: linear-gradient(153deg, rgba(251, 74, 33, 1) 13%, rgba(255, 137, 0, 1) 52%, rgba(255, 191, 1, 1) 87%);
}
.system_campaign h3 {
	position: relative;
	display: block;
	width: 40rem;
	margin: 2.2rem auto 0;
	font-weight: 700;
	font-size: 3rem;
	letter-spacing: 0.2rem;
	text-align: center;
	color: #fff;
}
.system_campaign h3::before {
	position: absolute;
	top: -2.3rem;
	left: -5rem;
	content: "＼ 今だけ ／";
	width: 12rem;
	height: 3rem;
	transform: rotate(-7deg);
	font-size: 1.8rem;
	font-weight: 400;
}
.campaign_annotation {
	margin: 0.5rem auto 0;
	font-size: 1.3rem;
	text-align: center;
	color: #fff;
}
.system_campaign ul {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 1.5rem auto;
	border-bottom: solid 0.2rem #fff;
	color: #fff;
}
.system_campaign ul li {
	display: flex;
	align-items: center;
}
.system_campaign_fee {
	margin: 0 1.6rem 0 0;
	font-size: 2.5rem;
	font-weight: 500;
	text-align: right;
	line-height: 3.2rem;
}
.system_campaign_fee_english {
	margin: 0 0.5rem 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 2.5rem;
}
.system_campaign_fee_yen {
	font-size: 1.8rem;
	font-weight: 500;
}
.system_campaign_zero {
	font-size: 3.3rem;
	font-weight: 700;
}
.system_campaign_zero_english {
	margin: 0 0.2rem 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 9rem;
}
.system_campaign_text p {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.system_campaign_text_english {
	margin: 0 0.4rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4rem;
	color: #fff;
}
.campaign_btn {
	position: relative;
	display: block;
	width: 30rem;
	height: 5rem;
	margin: 3rem auto;
	background: #fff;
	transition: .3s;
}
.campaign_btn span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	color: #FF471C;
	transition: .3s;
}
.campaign_btn:hover {
	background: #FF471C;
	transform: translateY(-0.2rem);
}
.campaign_btn:hover.campaign_btn span {
	color: #fff;
}


.trainer .heading_english {
	z-index: -1;
	color: #DEDEDE;
}
.trainer {
	max-width: 1200px;
	min-width: 1100px;
	width: 80%;
	margin: 15rem auto;
}
.trainer ul {
	display: flex;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
}
.trainer ul li {
	position: relative;
	width: 23rem;
	border: solid 0.2rem #000;
	transition: .3s;
	margin: 0 2rem;
}
.trainer ul li:hover {
	transform: translateY(-0.5rem);
	opacity: 0.8;
}

.trainer_name {
	margin: 1.8rem;
	text-align: center;
}
.trainer_name_japanese {
	margin: 0 0 0.8rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #000;
}
.trainer_name_english {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	color: #000;
}
.trainer_more {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 6rem;
	height: 6rem;
	background: #B7B7B7;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.trainer_more p {
	display: block;
	margin: 2rem 0.5rem 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	font-style: italic;
	color: #000;
	text-align: right;
}
.trainer_more img {
	width: 30%;
}
.see_more_btn {
	position: relative;
	display: block;
	width: 30rem;
	height: 5rem;
	margin: 5rem auto;
	background: #000;
	border: solid 0.2rem #000;
	transition: .3s;
}
.see_more_btn span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
}
.see_more_btn:hover {
	background: #fff;
	transform: translateY(-0.3rem);
}
.see_more_btn:hover.see_more_btn span {
	font-weight: 700;
	color: #000;
}


.voice .heading_english {
	z-index: -1;
	color: #fff;
}
.voice {
	position: relative;
}
.voice::before {
	position: absolute;
	top: -12rem;
	content: "";
	clip-path:  polygon(0 calc(0% + 12rem), 100% 0, 100% calc(100% - 15rem), 0 100%);
	width: 100%;
	height: 184rem;
	background: #F0F0F0;
	z-index: -10;
}
.voice::after {
	position: absolute;
	top: 53rem;
	right: 0;
	content: "";
	clip-path:  polygon(0 100%, 100% 0, 100% calc(100% - 3.8rem), 0 100%);
	width: 25%;
	height: 107.7rem;
	background: #DEDEDE;
	z-index: -10;
}
.voice_inner {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 0 auto 20rem;
}
.voice_content {
	display: flex;
	width: 85%;
	justify-content: space-between;
	margin: 7rem auto;
}
.voice_content_img {
	width: 15%;
	text-align: center;
}
.voice_content_img p {
	margin: 1rem 0 0;
}
.voice_content_inner {
	width: 80%;
	margin: 0 0 0 3rem;
}
.voice_content_inner p {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.8rem;
}
.voice_content_inner_text {
	padding: 0 0 1.5rem;
	margin: 0 0 2rem;
	border-bottom: solid 0.2rem #000;
	font-size: 2rem!important;
	font-weight: 700!important;
	line-height: 3rem!important;
}


.faq .heading_english {
	z-index: -1;
	color: #F0F0F0;
}
.faq {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 20rem auto 15rem;
}
.faq_content {
	width: 80%;
	margin: 2rem auto;
}
.faq_content_inner {
	background: #000;
}
.faq_question {
	position: relative;
	display: flex;
	align-items: center;
	padding: 2rem 5rem 2rem 3rem;
	color: #fff;
}
.faq_question::before,
.faq_question::after {
    position: absolute;
    content:'';
    width: 1.8rem;
    height: 0.2rem;
    background-color: #fff;
}
.faq_question::before {
    top: 48%;
    right: 3rem;
    transform: rotate(0deg);
	transition: all .3s ease-in-out;
}
.faq_question::after {    
    top: 48%;
    right: 3rem;
    transform: rotate(90deg);
	transition: all .3s ease-in-out;
}
.faq_question p {
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	line-height: 3rem;
}
.faq_question.close::after{
	transform: rotate(0deg);
	transition: all .3s ease-in-out;
}
.faq_answer {
	display: none;
	padding: 2rem 5rem 2rem 3rem;
	background: #F0F0F0;
}
.faq_answer p {
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	line-height: 3rem;
	color: #000;
}
.faq_english {
	margin: 0 2rem 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
}


.access .heading_english {
	z-index: -1;
	color: #fff;
}
.access {
	position: relative;
}
.access::before {
	position: absolute;
	top: 0;
	content: "";
	clip-path:  polygon(0 0, 100% calc(0% + 9rem), 100% 100%, 0 100%);
	width: 100%;
	height: 250rem;
	background: #F0F0F0;
	z-index: -10;
}
.access_inner {
	max-width: 1200px;
	min-width: 1100px;
	width: 80%;
	margin: 15rem auto 8rem;
}
.access ul {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
}
.access ul li {
	width: 45%;
	margin: 0 1rem 5rem;
	padding: 1rem;
	border: solid 0.2rem #000;
	background: #fff;
	transition: .3s;
}
.access ul li:hover {
	transform: translateY(-0.5rem);
	opacity: 0.8;
	cursor: pointer;
}
.access_content {
	margin: 1rem 1rem 2rem;
}
.access_content h3 {
	margin: 0 0 2rem;
	font-size: 2.3rem;
	color: #000;
}
.access_tel {
	display: block!important;
	margin: 0 0 0.8rem!important;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 2.3rem!important;
	letter-spacing: 0.1rem;
}
.access_tel img {
	width: 2.5rem;
	margin: 0 0.6rem 0.1rem -0.2rem;
}
.access_content p {
	font-size: 1.5rem;
	line-height: 2.2rem;
	color: #000;
}
.access_content_kick_btn {
	position: relative;
	display: block;
	width: 30rem;
	height: 5rem;
	margin: 2rem auto;
	background: #FFCE00;
	border: solid 0.2rem #FFCE00;
	transition: .3s;
}
.access_content_kick_btn span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	color: #000;
}


.blog .heading h2 {
	height: 3rem;
}
/**BLOG部分のみ**/
.heading h2 span {
	position: absolute;
	z-index: 1;
}
.blog .heading h2::before {
	top: 60%;
	z-index: 1;
}
.blog .heading_english {
	color: #F0F0F0;
}
.blog {
	position: relative;
}
.blog::before {
	position: absolute;
	top: 0;
	content: "";
	clip-path:  polygon(0 0, 100% calc(0% + 9rem), 100% 100%, 0 100%);
	width: 100%;
	height: 110rem;
	background: #525252;
	z-index: -10;
}
.blog_inner {
	max-width: 1200px;
	min-width: 900px;
	width: 70%;
	margin: 14rem auto;
	padding: 4rem 5rem 1rem;
	background: #fff;
}
.blog ul {
	display: flex;
	justify-content: center;
	width: 86%;
	margin: 0 auto;
}
.blog ul li {
	width: 30rem;
	margin: -1.5rem 1rem 0;
	border: solid 0.2rem #000;
	transition: .3s;
}
.blog ul li:hover {
	transform: translateY(-0.5rem);
	opacity: 0.8;
}
.blog ul li img {
	height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.blog_content {
	margin: 1.5rem;
}
.blog_content_flex {
	display: flex;
    align-items: center;
}
.blog_detail {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	letter-spacing: 0.08rem;
	color: #868686;
}
.blog_category {
	padding: 0.2rem 0.5rem 0.3rem;
	margin: 0 1rem 0 0;
	background: #B7B7B7;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	color: #000;
}
.blog_title {
	margin: 1.5rem 0;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.5rem;
	color: #000;
}

footer {
	padding: 5rem 0 0;
	background: #B7B7B7;
	text-align: center;
}
footer ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 60%;
	margin: 0 auto 2rem;
}
footer ul li {
	margin: 1rem 1.5rem;
}
footer ul li a {
	font-size: 1.4rem;
	color: #000;
	transition: .3s;
}
footer ul li a:hover {
	opacity: 0.6;
	transition: .3s;
}
.footer_small {
	padding: 1.2rem 0 0 0;
	border-top: solid 0.1rem #000;
}
.footer_small li a {
	font-size: 1.2rem;
}
footer p {
	margin: 4rem 0 0;
	padding: 1.5rem;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.2rem;
}





.page_title {
	position: relative;
}
.page_title_design {
	display: block;
	width: 100%;
}
.page_title_design::before {
	position: absolute;
	top: 0;
	content: "";
	clip-path:  polygon(0 0, 100% 0, 100% calc(100% - 12rem), 0 100%);
	width: 100%;
	height: 40rem;
	background: #000;
	z-index: -10;
}
.page_title_design::after {
	position: absolute;
	top: 0;
	content: "";
	clip-path:  polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 12rem));
	width: 100%;
	height: 40rem;
	background: #B7B7B7;
	z-index: -11;
}
.page_title_inner {
	max-width: 1400px;
	min-width: 1000px;
	width: 80%;
	padding: 15rem 0 0;
	margin: 0 auto;
}


.page_title h2 {
	margin: 0 0 1rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 6rem;
	letter-spacing: 0.5rem;
	color: #fff;
}
.page_title p {
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
}


.under_page,
.trainer_page {
	max-width: 1200px;
	min-width: 1000px;
	width: 75%;
	margin: 20rem auto 15rem;
}
.under_page h4 {
	margin: 3rem auto 0;
	font-size: 1.8rem;
    font-weight: 700;
}
.under_page p {
	margin: 1rem auto;
	font-size: 1.4rem;
    font-weight: 400;
	line-height: 2.5rem;
}
.trainer_page {
	max-width: 1100px!important;
}
.trainer_page ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}
.trainer_page ul li {
	position: relative;
	width: 22rem;
	margin: 3rem auto;
	border: solid 0.2rem #000;
	transition: .3s;
}
.trainer_page ul li:hover {
	transform: translateY(-0.5rem);
	opacity: 0.8;
	cursor: pointer;
}
.empty-ph {
	border: none!important;
	cursor: default!important;
}


.blog_list_page {
	max-width: 1200px;
	min-width: 1000px;
	width: 70%;
	margin: 20rem auto 15rem;
}
.blog_list_ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	margin: 0 auto;
}
.blog_list_ul li {
	width: 30rem;
	margin: 4rem 1rem;
	border: solid 0.2rem #000;
	transition: .3s;
}
.blog_list_ul li:hover {
	transform: translateY(-0.5rem);
	opacity: 0.8;
}
.blog_list_ul li img {
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.pager {
	display: flex;
	justify-content: center;
	margin: 5rem auto 0;
	text-align: center;
}
.page-numbers {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin: 0 0.8rem;
	padding: 1rem;
	border: solid 0.2rem #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	color: #000;
	transition: .3s;
}
.page-numbers:hover {
	transform: translateY(-0.5rem);
	opacity: 0.8;
}
.current {
	background: #000;
	color: #fff;
}
.dots {
	margin: 0;
	border: none;
}

.blog_page {
	max-width: 1200px;
	min-width: 1000px;
	width: 70%;
	margin: 20rem auto 8rem;
}
.blog_page .blog_detail {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.08rem;
	color: #868686;
}
.blog_page .blog_detail span {
	padding: 0.2rem 0.8rem 0.3rem;
	margin: 0 1.5rem 0 0;
	background: #B7B7B7;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	color: #000;
}
.blog_page .blog_title {
	margin: 1rem 0 4rem;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 3.6rem;
	color: #000;
}
.blog_page_mainimg {
	width: 100%!important;
}
.blog_page p {
	margin: 4rem auto;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.6rem;
}
.blog_page img {
	display: block;
	width: 80%;
	height: auto;
	margin: 3rem auto;
}
.blog_page_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	min-width: 1000px;
	width: 70%;
	margin: 0 auto 10rem;
	border-top: solid 0.1rem #000;
}
.blog_page_btn_content {
	width: 12rem;
	transition: .3s;
}
.blog_page_btn_content:hover {
	opacity: 0.6;
	transition: .3s;
}
.blog_page_btn_prev a,
.blog_page_btn_next a {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 3rem;
	color: #000;
}
.blog_page_btn_prev span,
.blog_page_btn_next span {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 3rem;
	letter-spacing: 0.2rem;
}
.blog_page_btn_prev span {
	margin: 0 0 0 3.3rem;
}
.blog_page_btn_prev span::before {
	position: absolute;
	top: 1.2rem;
	left: -3.3rem;
	content: "";
	background: url("http://soruto39.xsrv.jp/dts/wp-content/themes/jamrock-new/images/arrow-left.png") no-repeat;
	background-size: contain;
	width: 2rem;
	height: 2rem;
}
.blog_page_btn_next {
	text-align: right;
}
.blog_page_btn_next span {
	margin: 0 3.3rem 0 0;
}
.blog_page_btn_next span::before {
	position: absolute;
	top: 1.2rem;
	right: -3.3rem;
	content: "";
	background: url("http://soruto39.xsrv.jp/dts/wp-content/themes/jamrock-new/images/arrow-right.png") no-repeat;
	background-size: contain;
	width: 2rem;
	height: 2rem;
}
/***2024.4.19追加***/
.blog_list_category_title {
	padding: 0.8rem 0;
	background: #F0F0F0;
	font-size: 1.6rem;
	font-weight: 700;
}
.blog_list_category {
	display: flex;
	width: 100%;
	margin: 2rem auto 5rem;
}
.blog_list_category li a {
	margin: 0 1rem;
	padding: 0.3rem 3rem;
	border: solid 0.2rem #000;
	border-radius: 50px;
	transition: .3s;
	font-size: 1.4rem;
	font-weight: 500;
	color: #000;
}
.blog_list_category li a:hover {
	background: #000;
	color: #fff;
}
.blog_post_none {
	margin: 11rem auto;
	font-size: 1.8rem;
	text-align: center;
}


/**
.page_title_experience_bg {
	width: 100%;
	height: 70rem;
	content: "";
	background: url("http://soruto39.xsrv.jp/dts/wp-content/themes/jamrock-new/images/experience-top-img.png") no-repeat;
	background-size: cover;
	z-index: -100;
}**/
.experience_page {
	max-width: 1200px;
	min-width: 1000px;
	width: 70%;
	margin: 20rem auto 8rem;
}
.experience_page p {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 4rem;
	text-align: center;
}
.experience_flow,
.experience_form {
	width: 90%;
	margin: 8rem auto 10rem;
	border: solid 0.2rem #000;
	background: #fff;
}
.experience_flow {
	padding: 5rem 4rem;
}
.experience_form {
	padding: 5rem 4rem;
}
.experience_flow h3,
.experience_form h3 {
	margin: 0 auto 1.8rem;
	font-size: 2.6rem;
	letter-spacing: 0.1rem;
	text-align: center;
}
.experience_line {
    width: 3.5rem;
    margin: 0 auto 3rem;
    border-bottom: solid 0.3rem #B7B7B7;
}
.experience_flow p,
.experience_form p {
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	line-height: 2.5rem;
}
.experience_flow ul {
	position: relative;
	display: flex;
	justify-content: space-around;
	width: 95%;
	margin: 5rem auto 6rem;
}
.experience_flow ul::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	content: "";
	width: 50rem;
	border-top: solid 0.2rem #FFCE00;
	z-index: 0;
}
.experience_flow ul li {
	position: relative;
	width: 24rem;
	height: 24rem;
}
.experience_flow ul li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	content: "";
	width: 24rem;
	height: 24rem;
	border: solid 0.2rem #FFCE00;
	border-radius: 50rem;
	background: #fff;
	z-index: 0;
}
.experience_flow_circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-32%);
	width: 24rem;
	height: 24rem;
}
.experience_flow_number {
	margin: 0 auto 2.6rem!important;
	padding: 0!important;
	border: none!important;
	font-family: 'Roboto', sans-serif;
	font-weight: 700!important;
	font-size: 6rem!important;
	color: #FFCE00;
}
.experience_flow_number::after {
	content: none!important;
}
.experience_flow ul li p {
	position: relative;
	width: 20rem;
	margin: 0 auto;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.6rem;
	letter-spacing: 0;
}
.experience_flow ul li p::after {
	position: absolute;
	top: 8rem;
	left: 50%;
	transform: translate(-50%);
	content: "";
	width: 15rem;
	border-bottom: solid 0.1rem #000;
}
.experience_need {
	width: 70%;
	margin: 2rem auto;
	padding: 2.5rem 2rem;
	border: solid 0.3rem #DEDEDE;
	text-align: center;
}
.experience_need h4 {
	margin: 0 auto 1.6rem;
	font-size: 1.8rem;	
}
.experience_need p {
	font-size: 1.5rem;
	font-weight: 500;
}
.experience_form_entry {
	width: 80%;
	margin: 8rem auto 4rem;
}
.form_input_title {
	display: block;
	margin: 4rem 0 1rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.5rem;
	text-align: left!important;
}
.form_input_title span,
.form_input_title_confirm span {
	padding: 0.1rem 0.4rem 0.2rem;
	margin: 0 1rem 0 0; 
	background: #FF7701;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
}

.form_tenpo .wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	margin: 0 auto;
}
.form_tenpo .wpcf7-radio span.wpcf7-list-item {
	display: block;
	width: 43%;
    margin: 0.5rem 1rem 0.5rem 2.5rem
}
.form_tenpo .wpcf7-radio input[type=radio] {
	display: none;
}
.form_tenpo .wpcf7-radio label .wpcf7-list-item-label {
	display: block;
	width: 100%;
	padding: 1.5rem 1rem;
	background: #F0F0F0;
	border-radius: 0.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
	text-align: center;
	cursor: pointer;
}
.form_tenpo .wpcf7-radio input[type=radio]:checked + span.wpcf7-list-item-label {
	background: #000;
	color: #fff;
}
.form_date_group {
	display: flex;
	justify-content: center;
	align-items: center;
}
.form_date_group_request {
	display: block!important;
	width: 10%!important;
	margin: 0 1rem 0 0;
	font-size: 1.5rem!important;
	text-align: left!important;
}
.form_date_group p {
	display: flex;
	justify-content: flex-end;
	width: 80%;
}
.form_date_group .wpcf7-form-control-wrap {
	width: 100%;
}
.form_date,
.form_time {
	width: 90%;
	margin: 0.5rem;
	background: #F0F0F0;
	border-radius: 0.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
}
.form_date {
	padding: 1rem;
}
.form_time {
	padding: 1.4rem 1rem;
}
.form_detail_group {
	margin: 3rem auto;
}
.form_input_group input[type="radio"] {
	display: none;
}
.form_input_group .wpcf7-list-item-label {
	display: flex;
	cursor: pointer;
}
.form_input_group .wpcf7-list-item-label::before {
  	content: "";
	width: 1.5rem;
	height: 1.5rem;
	margin: auto 0.6rem auto 0;
	background: #fff;
  	border: 0.1rem solid #333;
  	border-radius: 100%;
	transition: background-color .5s; /* 色をじんわり変化させる */
}
.form_input_group input[type="radio"]:checked + .wpcf7-list-item-label::before {
  	background-color: #777; /* チェック後の中心の色 */
  	box-shadow: inset 0 0 0 3px #fff; /* 中心の色のスタイル */
}
.form_input_group_know .wpcf7-list-item {
	display: block;
	margin: 0.6rem auto;
}
.form_input_group input,
.form_input_group textarea {
	max-width: 80rem;
	width: 97%;
	height: 3rem;
	padding: 1rem;
	margin: 0.5rem auto;
	background: #F0F0F0;
	border-radius: 0.5rem;
	border: none;
	font-size: 1.5rem;
	font-weight: 500;
	color: #000;
}
.form_input_group textarea {
	height: auto!important;
}
.form_input_group textarea placeholder {
	font-size: 1.5rem;
	color: #8E8E8E;
}
.send_btn {
	width: 30rem;
	height: 5rem;
	margin: 0 auto 3rem;
	background: #000;
	border: solid 0.2rem #000;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	cursor: pointer;transition: .3s;
}
.send_btn:hover {
	background: #fff;
	color: #000;
}
.form_back_btn {
	width: 30rem;
	height: 5rem;
	margin: 0 auto 3rem;
	background: #DEDEDE;
	border: solid 0.2rem #DEDEDE;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	color: #000;
	cursor: pointer;transition: .3s;
}
.form_back_btn:hover {
	background: #fff;
}
.wpcf7-spinner {
	display: none!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 auto 5rem!important;
    padding: 0!important;
    border: none!important;
	transition: .3s;
	font-weight: 700;
    text-align: center;
	letter-spacing: 0.2rem;
	color: #FF7701;
}

.form_input_title_confirm {
	display: block;
	margin: 5rem 0 0;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.5rem;
	text-align: left!important;
}
.form_input_confirm p {
	text-align: left!important;
}













 
.modal_box {
    position: fixed;
    z-index: 7777;
    display: none;
}
.modal_card_outer {
	display: flex;
	align-items: center;
	width: 110rem;
	height: 55rem;
  	padding: 5rem;
    border: solid 0.2rem #000;
    background: #fff;
    box-sizing: border-box;
	overflow-y: scroll;
	overscroll-behavior-y: contain;
}
.modal_card {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.modal_close {
  	position: absolute;
  	top: 16px;
  	right: 13px;
	width: 15px;
  	height: 15px;
	z-index: 10;
}
.modal_close::before,
.modal_close::after {
  	position: absolute;
	top: 50%;
  	left: 50%;
	content: "";
  	display: inline-block;
  	width: 18px;
  	height: 3px;
  	background: #000;
  	cursor: pointer;
}
.modal_close::before {
  	transform: translate(-50%, -50%) rotate(45deg);
}
.modal_close::after {
  	transform: translate(-50%, -50%) rotate(-45deg);
}
.modal_card img {
	width: 40rem;
	margin: 0 4rem 0 0;
}
.trainer_modal_text h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
}
.trainer_modal_text h3 span {
	margin: 0 0 0 2rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	letter-spacing: 0.2rem;
}
.trainer_position {
	display: inline-block;
	padding: 0.3rem 1rem;
    margin: 0 auto 1rem;
	background: #B7B7B7;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
}
.trainer_modal_detail {
	margin: 2rem auto;
}
.trainer_modal_detail p span {
	position: relative;
	margin: 0 3rem 0 0;
}
.trainer_modal_detail p span::after {
	position: absolute;
	top: 0.6rem;
	left: 7rem;
	content: "";
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	width: 0.6rem;
	height: 0.8rem;
	background: #000;
}
.trainer_modal_text p {
	font-size: 1.4rem;
	line-height: 2.6rem;
}
.trainer_modal_next {
	position: relative;
	display: block;
	width: 8.5rem;
	margin: 1rem 3.2rem 0 auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 3rem;
	letter-spacing: 0.2rem;
	text-align: right;
	color: #000;
	cursor: pointer;
}
.trainer_modal_next::before {
	position: absolute;
	top: 1.2rem;
	right: -2.9rem;
	content: "";
	background: url("http://soruto39.xsrv.jp/dts/wp-content/themes/jamrock-new/images/arrow-right.png") no-repeat;
	background-size: contain;
	width: 2rem;
	height: 2rem;
}




 
.trainer_modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
    display: none;
    width: 100%;
    height: 100%;
    background: #DEDEDE;
}
.trainer_modal_bg::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	clip-path: polygon(0 0, 100% 0, calc(100% - 10rem) 100%, 0 100%);
	width: 40%;
	height: 100vh;
	background: #000;
}
.trainer_modal_bg::after {
	position: absolute;
	top: -2rem;
	left: 2rem;
	content: "TRAINER";
	z-index: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20rem;
	letter-spacing: 0.8rem;
	color: #525252;
}

.access_modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
    display: none;
    width: 100%;
    height: 100%;
    background: #DEDEDE;
}
.access_modal_bg::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	clip-path: polygon(0 0, 100% 0, calc(100% - 10rem) 100%, 0 100%);
	width: 60%;
	height: 100vh;
	background: #000;
}
.access_modal_bg::after {
	position: absolute;
	bottom: 0;
	right: 4rem;
	content: "ACCESS";
	z-index: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20rem;
	letter-spacing: 0.8rem;
	color: #525252;
}

 






.access_modal_card_outer {
	width: 95rem;
	height: 55rem;
  	padding: 5rem;
    border: solid 0.2rem #000;
    background: #fff;
    box-sizing: border-box;
	overflow-y: scroll;
	overscroll-behavior-y: contain;
}
.access_modal_card {
	
}
.access_modal_card h3 {
	margin: 0 auto 2rem;
	font-size: 2.5rem;
	font-weight: 700;
}
.access_modal_content_flex {
	display: flex;
	justify-content: space-between;
}
.access_modal_content_flex p {
	font-size: 1.4rem;
	line-height: 2.4rem;
}


.access_modal_content_flex_left {
	width: 60%;
	margin: 0 2rem 0 0;
}
.access_profile {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0 .5rem 0.8rem;
	margin: 0 0 1.5rem;
	border-bottom: solid 0.2rem #DEDEDE;
	
}
.access_sns a {
	display: inline-block;
	width: 3rem;
}
.access_sns a img {
	width: 100%;
}
.access_opening_time {
	padding: 2rem 2rem 1.5rem;;
	background: #F0F0F0;
}
.access_opening_time h4 {
	margin: 0 auto 1.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}
.access_opening_time p {
	margin: 0.2rem auto;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}
.access_opening_time p span {
	padding: 0 2rem;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: left;
}
.access_modal_content_flex_right p {
	font-size: 1.4rem;
}
.access_modal_content_flex_right iframe {
	margin: 2rem auto 0;
}


.chart-area{/*円グラフがスマホでつぶれないようにする*/
	position: relative;
	width:100%;
	height:50vh;
}




.experience_click_btn {
	position: fixed;
    bottom: 5rem;
    right: 4rem;
	z-index: 900;
	opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s, visibility 1s, transform 1s;
}
.experience_click_btn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.experience_click_btn a {
	position: relative;
	display: block;
	width: 20rem;
    height: 20rem;
}
.experience_click_btn a::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 20rem;
    height: 20rem;
	border-radius: 50%;
	background: #FF6C00;
	transform: scale(1, 1);
	transition: .3s;
}
.experience_click_btn a:hover::before {
	transform: scale(1.1, 1.1);
	transition: .3s;
}
.experience_click_btn a img {
	position: absolute;
	width: 15.5rem;
    top: 51%;
    left: 51%;
    transform: translate(-50%,-50%);
}



.sbi_photo {
	width: 27rem;
    height: 27rem!important;
}

.notfound_wrap {
	margin: 25rem 2rem 15rem;
}
.notfound_wrap h3 {
	margin: 2rem auto;
}





/*****
.access_page {
	max-width: 1200px;
	min-width: 1000px;
	width: 75%;
	margin: 20rem auto 0;
}
.wrapper_access .about::before {
	position: absolute;
	top: 50rem;
	content: "";
	clip-path: polygon(0 calc(0% + 15rem), 100% 0, 100% 100%, 0 100%);
	width: 100%;
	height: 130rem;
	background: #F0F0F0;
	z-index: -10;
}
.wrapper_access .comparison {
	margin: 20rem auto 15rem;
}
.wrapper_access .comparison table th,
.wrapper_access .comparison table td {
	border: solid 0.3rem #F0F0F0;
}
.wrapper_access .comparison table td {
	background: #FFF;
}

.wrapper_access .beginner {
	padding: 12rem 0 10rem;
	background: #FFF;
}
.wrapper_access .advantage {
	position: relative;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	margin: 0 auto;
}
.wrapper_access .advantage_inner {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 13rem auto 10rem;
}
.wrapper_access .advantage::before {
	position: absolute;
	top: 0;
	content: "";
	clip-path: polygon(0 0, 100% calc(0% + 10rem), 100% 100%, 0 100%);
	width: 100%;
	height: 190rem;
	background: #F0F0F0;
	z-index: -10;
}
.wrapper_access .advantage .heading_english,
.wrapper_access .advantage_content01 .advantage_content_text h3::before,
.wrapper_access .advantage_content02 .advantage_content_text h3::before,
.wrapper_access .advantage_content03 .advantage_content_text h3::before {
	color: #FFF;
}
.wrapper_access .system {
	margin: 10rem auto 20rem;
}
.wrapper_access .system::before {
	height: 96rem;
}
.access_page_banner {
	background: #000;
}
.access_page_banner_flex {
	display: flex;
	justify-content: center;
	max-width: 1200px;
	min-width: 1100px;
	width: 80%;
}
.access_page_banner_flex a {
	margin: 8rem 1rem;
	transform: scale(1, 1);
	transition: .5s;
}
.access_page_banner_flex a:hover {
	transform: scale(1.02, 1.02);
	opacity: 0.7;
}
.access_page_banner_flex a img {
	width: 100%;
}
.access_overview {
	max-width: 1200px;
	min-width: 1100px;
	width: 80%;
	margin: 15rem auto 12rem;
}
.access_overview .heading_english {
	z-index: -1;
	color: #DEDEDE;
}
.access_overview_flex {
	display: flex;
	justify-content: center;
}
.access_overviewt_flex p {
	font-size: 1.4rem;
	line-height: 2.4rem;
}
.access_overview_flex_left {
	width: 40%;
	margin: 0 5rem 0 0;
}
.access_overview .access_tel {
	margin: 0 0 2rem!important;
	font-size: 3.5rem!important;
}
.access_overview .access_tel img {
	width: 3.5rem;
	margin: 0 1.2rem 0.3rem -0.2rem;
}
.access_overview_flex_right p {
	margin: 0 0 1rem;
	font-size: 1.5rem;
}
.access_overview iframe {
	display: block;
	width: 90%;
	margin: 5rem auto;
}
.access_overview_instafeed {
	display: block;
	width: 90%;
	margin: 12rem auto 0;
}
.wrapper_access .access::before {
	position: absolute;
	top: 0;
	content: "";
	clip-path: polygon(0 calc(0% + 12rem), 100% 0, 100% 100%, 0 100%);
	width: 100%;
	height: 190rem;
	background: #F0F0F0;
	z-index: -10;
}
****/




/*******店舗ページ********/
.access_page_sns {
	position: fixed;
	left: 2rem;
	bottom: 2rem;
	width: 4rem;
	z-index: 990;
	opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s, visibility 1s, transform 1s;
}
.access_page_sns.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.access_page_sns a {
	display: block;
	margin: 1rem 0;
}
.access_page {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 20rem auto 0;
}
.access_page .fv {
	width: 100%;
}
.access_page .fv a {
	position: static;
	bottom: auto;
	right: auto;
	display: inline;
	width: auto;
	z-index: 0;
}
.access_page .slider {
	width: 100%!important;
	height: auto;
}
.access_page .slider_item {
	height: auto!important;
}
.access_page .slider_dots {
	display: none!important;
}
.wrapper_access .about::before {
	position: absolute;
	top: 50rem;
	content: "";
	clip-path: polygon(0 calc(0% + 15rem), 100% 0, 100% 100%, 0 100%);
	width: 100%;
	height: 130rem;
	background: #F0F0F0;
	z-index: -10;
}
.wrapper_access .comparison {
	margin: 20rem auto 15rem;
}
.wrapper_access .comparison table th,
.wrapper_access .comparison table td {
	border: solid 0.3rem #F0F0F0;
}
.wrapper_access .comparison table td {
	background: #FFF;
}

.wrapper_access .beginner {
	padding: 12rem 0 10rem;
	background: #FFF;
}
.wrapper_access .advantage {
	position: relative;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	margin: 0 auto;
}
.wrapper_access .advantage_inner {
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 13rem auto 10rem;
}
.wrapper_access .advantage::before {
	position: absolute;
	top: 0;
	content: "";
	clip-path: polygon(0 0, 100% calc(0% + 10rem), 100% 100%, 0 100%);
	width: 100%;
	height: 190rem;
	background: #F0F0F0;
	z-index: -10;
}
.wrapper_access .comparison .heading_english,
.wrapper_access .advantage .heading_english,
.wrapper_access .advantage_content01 .advantage_content_text h3::before,
.wrapper_access .advantage_content02 .advantage_content_text h3::before,
.wrapper_access .advantage_content03 .advantage_content_text h3::before {
	color: #FFF;
}
.wrapper_access .system {
	margin: 10rem auto 20rem;
}
.wrapper_access .system::before {
	height: 96rem;
}
.access_page_banner {
	background: #000;
}
.access_page_banner_flex {
	display: flex;
	justify-content: center;
	max-width: 1200px;
	min-width: 1100px;
	width: 80%;
	margin: 0 auto;
}
.access_page_banner_flex a {
	margin: 8rem 1rem;
	transform: scale(1, 1);
	transition: .5s;
}
.access_page_banner_flex a:hover {
	transform: scale(1.02, 1.02);
	opacity: 0.7;
}
.access_page_banner_flex a img {
	width: 100%;
}
.access_overview {
	max-width: 1200px;
	min-width: 1100px;
	width: 80%;
	margin: 15rem auto 12rem;
}
.access_overview .heading_english {
	z-index: -1;
	color: #DEDEDE;
}
.access_overview_flex {
	display: flex;
	justify-content: center;
}
.access_overviewt_flex p {
	font-size: 1.4rem;
	line-height: 2.4rem;
}
.access_overview_flex_left {
	width: 40%;
	margin: 0 5rem 0 0;
}
.access_overview .access_tel {
	margin: 0 0 2rem!important;
	font-size: 3.5rem!important;
}
.access_overview .access_tel img {
	width: 3.5rem;
	margin: 0 1.2rem 0.3rem -0.2rem;
}
.access_overview_flex_right p {
	margin: 0 0 1rem;
	font-size: 1.5rem;
}
.access_overview iframe {
	display: block;
	width: 90%;
	margin: 5rem auto;
}
.access_overview_instafeed {
	display: block;
	width: 90%;
	margin: 12rem auto 0;
}
.wrapper_access .access::before {
	position: absolute;
	top: 0;
	content: "";
	clip-path: polygon(0 calc(0% + 12rem), 100% 0, 100% 100%, 0 100%);
	width: 100%;
	height: 190rem;
	background: #F0F0F0;
	z-index: -10;
}













.open_bannerarea_20241018 {
	max-width: 1200px;
    min-width: 1000px;
    width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
    margin: 5rem auto 0;
}
.minamiurawa_banner,
.bloomfitness_banner_20241018 {
	display: block;
	margin: 0 2rem;
	transform: scale(1, 1);
    transition: .5s;
}
.minamiurawa_banner:hover,
.bloomfitness_banner_20241018:hover {
	transform: scale(1.02, 1.02);
	opacity: 0.7;
}





/******2024.11.5******/

.plan_20241105 {
    flex-wrap: wrap;
    width: 60%;
}
.plan_20241105 .system_plan01, 
.plan_20241105 .system_plan02, 
.plan_20241105 .system_plan03 {
    margin: 2rem auto;
}
.plan_20241105 .system_plan03 {
	position: relative;
}




/*******2025.2.28*******/

.lp_wrapper_20250227 .training {
	background: #DEDEDE;
    padding: 1rem 0;
	margin: 10rem 0 0;
}
.lp_wrapper_20250227 .training_innner {
	margin: 15rem auto;
}
.lp_wrapper_20250227 .comparison table th,
.lp_wrapper_20250227 .comparison table td {
	border: solid 0.3rem #fff;
}
.lp_wrapper_20250227 .comparison table td {
	background: #F0F0F0;
}
.lp_wrapper_20250227 .voice .heading_english {
	color: #DEDEDE;
}
.lp_wrapper_20250227 .voice::before,
.lp_wrapper_20250227 .voice::after {
	content: none;
}
.lp_wrapper_20250227 .system_campaign ul {
	justify-content: center;
}
.lp_wrapper_20250227 .system_campaign ul li {
	margin: 0 4rem;
}






/****2025.03.22****/

.lp_fv_outer_20250322 .fv_copy {
	top: 47%;
	left: 47%;
	padding: 1rem 4% 3rem;
}
.lp_fv_outer_20250322 .fv p {
	font-size: 3.5vw;
    line-height: 5vw;
}
.lp_fv_outer_20250322 .fv p span {
	font-size: 1.8vw;
	letter-spacing: 0.4rem;
}
.lp_fv_outer_20250322 .fv_comment {
	position: absolute;
    top: 23%!important;
    left: 30%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 2.4rem !important;
    letter-spacing: 0.3rem !important;
}



/****2025.08.2****/
.shinkoiwa .system_plan .small_text {
	margin: -1.2rem 0 -0.4rem;
	font-size: 1.2rem;
	line-height: 2rem;
}
.shinkoiwa .system_plan {
	flex-wrap: wrap;
	width: 60%;
}
.shinkoiwa .system_plan01,
.shinkoiwa .system_plan02,
.shinkoiwa .system_plan03 {
	margin: 2rem auto;
}





.advantage_content06 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10rem auto;
}
.training_flow .advantage_content02,
.training_flow .advantage_content04 {
	flex-direction: unset;
}
.training_flow .advantage_content01 .advantage_content_text h3::before,
.training_flow .advantage_content02 .advantage_content_text h3::before,
.training_flow .advantage_content03 .advantage_content_text h3::before,
.training_flow .advantage_content04 .advantage_content_text h3::before,
.training_flow .advantage_content05 .advantage_content_text h3::before,
.training_flow .advantage_content06 .advantage_content_text h3::before {
	position: absolute;
	top: -3rem;
	left: -6rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10rem;
	color: #DEDEDE;
	z-index: -1;
}
.advantage_content01 .advantage_content_text h3::before {
	content: "01";
}
.advantage_content02 .advantage_content_text h3::before {
	content: "02";
}
.advantage_content03 .advantage_content_text h3::before {
	content: "03";
}
.advantage_content04 .advantage_content_text h3::before {
	content: "04";
}
.advantage_content05 .advantage_content_text h3::before {
	content: "05";
}
.advantage_content06 .advantage_content_text h3::before {
	content: "06";
}


.company_table {
    width: 80%;
	margin: 0 auto;
}
.company_table th,
.company_table td {
	padding: 2.5rem 0;
    border-bottom: solid 0.1rem #B7B7B7;
}