@media screen and (min-width: 481px) {/* 481px以上に適用されるCSS（タブレット用） */
}
@media screen and (min-width: 960px) {/* 960px以上に適用されるCSS（PC用） */

/*----------------------------------------------------
基本設定
----------------------------------------------------*/
.pc_hid {
	display: none;
}
.hamburger,.sp_sns {
	display:none;
}


/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/
#header {
	height: 80px;
	width: 100%;
	display: table;	
}

.logo {
	height: 80px;
	width: 11%;
	display: table-cell;
	vertical-align: middle;
}

.logo img {
	width: 160px;
	padding: 0;
	margin: 0;
}

.pc_nav {
	display: table-cell;
	vertical-align: middle;
	width: 51%;
}

.pc_nav ul {
	display: table;
	table-layout:fixed;
	width: 100%;
	text-align: center;
}
 
.pc_nav ul li {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2rem;
}

.pc_nav li a {
	display: block;
	padding: 1em 0;
	text-decoration: none;
	font-weight: 200;
	color: #000;
}

.pc_nav li a:hover {
/*	color: #000;*/
	text-decoration: underline;
}
.pc_nav li span {
	font-size: 1.6rem;
	letter-spacing: .1em;
}



/*公式LINEボタン*/
.sp_btn-wrap {
	display: none;
}
.pc_btn-wrap {
  padding: 5px 5px 0 0;
  display: table-cell;
  width: 36%;
  text-align: right;
}
.btn-copy {
  font-size: 1.2rem;
  font-weight: bold;

  position: relative;
  right: 6rem;
  
  margin-bottom: .2em;

  text-align: center;
}

.btn-copy:before {
  margin-right: 0rem;
  content: '＼';
}

.btn-copy:after {
  margin-left: 0rem;
  content: '／';
}

a.btn--green {
  color: #fff;
  background-color: #094;
}

a.btn--green:hover {
  color: #fff;
  background: #00a349;
}

a.btn--green.btn--cubic {
  border-bottom: 5px solid #00662d;
}

a.btn--green.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #00662d;
}

a.btn--pink {
  color: #fff;
  background-color: #ea465b;
}

a.btn--pink:hover {
  color: #fff;
  background: #E84B5F;
}

a.btn--pink.btn--cubic {
  border-bottom: 5px solid #A12F3D;
}

a.btn--pink.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #A12F3D;
}


a.btn-c {
  font-size: 1.4rem;
  position: relative;
  top: 10px;
  right: 20px;
  padding: 1rem .9rem 1rem .9rem;
  border-radius: 100vh;
  margin-right: 0.5rem;
}

a.btn-c i.fa {
  margin-left: 1rem;
}

/*----------------------------------------------------
コンテンツ共通部
----------------------------------------------------*/
.main_visual {
	margin-top: 8rem;
}



p{
	font-size: 1.6rem;
}

.title_text {
	font-size: 3rem;
}

.contact_btn a:hover {
	background: #D5374C;
}


/*----------------------------------------------------
各コンテンツ
----------------------------------------------------*/
/*　メインビジュアル　*/
.main_visual {
	height: 90vh;
	width: 100%;
	margin-top: 7rem;
	background: url("../images/topVisual_.jpg") no-repeat center;
	background-size: cover;
}


.text_container {
	width:100%;
	position: absolute;
	top: 25%;
	right: 3%;
	line-height: 8rem;
}

.main_visual .title_text strong{
	font-size: 5rem;
	padding: 5px;
	margin-left: 10px;
	border-bottom: solid 1px #000;
	background: rgba(255,255,255,0.9);
}

.main_visual .title_text span {
	font-size: 4.5rem;
	font-weight: bold;
	color: #000;
	border-bottom: solid 1px #000;
	background: rgba(255,255,255,0.85);
	padding: 5px;
}

.main_visual .small{
	text-align: right;
	font-size: 1.4rem;
	color: rgba(39,39,39,1.00);
	font-weight: 300;
	line-height: 2rem;
}


.main_visual .bottom_container img{
	width: 50%;
	margin: 5px 0;
}

.main_visual .contact_btn {
	display: block;
	margin-top: 1rem;
	margin-right: 10rem; 
}

/*　メインビジュアル　*/
/*
.main_visual .title_text {
	font-size: 4rem;
	line-height: 4.5rem;
	font-weight: normal;
}

.main_visual .title_text .title_toptxt {
	font-size: 2.5rem;
	line-height: 3rem;
}
*/



/*　　キャンペーンバナー　　　*/
#campaign_container {
 width: 100%;
 padding-left: 0;
 margin: 0;
}

#newshop_banner{
	width: 50%;
	margin: 1rem auto;
}

#campaign_container .flex{
	display: flex;
 	justify-content: center;
}

.campaign_banner {
	width: 30%;
	padding: 0;
	margin: 0 ;
}


.campaign_banner img {
	width: 100%;
	padding: 0;
	margin: 0;
}

.youtube {
	position: relative;
	width: 30%;
	height: auto;
	padding: 0;
	margin: 0;
}

.youtube iframe {
	position:static;
	height: 100%;
	padding: 0;
	margin: 0;
}


/* コンセプト欄　*/

#concept_container p {
	width: 650px;
}

/*  トレーニングメニュー欄　*/
#menu_container{
	width: 100%;
	padding: 3rem 0;
}

#menu_container h3{
	font-size: 1.4rem;
	font-weight: 100;
	text-align: left;
	line-height: 1.2;
	width: 90%;
	margin: 0 auto;
}
#menu_container h3 span{
	color: rgba(255,171,42,0.73);
	font-size: 3rem;
	font-weight: bold;
}
#menu_container .flex_container{
	display: flex;
	justify-content: center;
	margin: 2rem 0;
}
#menu_container .flex_container .menu{
	width: 25%;
	border-right: 1px rgba(58,58,58,1.00) solid;
	border-bottom: none;
	padding: 1rem 0;
}
#menu_container .flex_container .menu:last-child{
	border: none;
	padding: 1rem 0;
}
#menu_container .flex_container .menu img{
	width: 90%;
}
#menu_container .flex_container .menu .text{
	font-size: 1.4rem;
	text-align: left;
	padding: 1rem 0 0 0;
	margin: 0 auto;
	width: 90%;
}

/* 　初回体験の流れ　*/
#trialstep_container {
	background: rgba(0,0,0,0.05);
}

#trialstep_container .flex_container{
	background: #fff;
	display: flex;
	padding:1rem;
	margin: 1rem auto;
	width: 70%;
	
}
#trialstep_container .flex_container img{
	padding-right: 1rem;
	width: 30%;
}
#trialstep_container .flex_container h3{
	font-size: 1.6rem;
	font-weight: 200;
}
#trialstep_container .flex_container h3 span{
	color: rgba(255,171,42,0.73);
	font-size: 3rem;
	font-weight: bold;
	padding-right: .5rem;
}
#trialstep_container .flex_container .text{
	font-size: 1.4rem;
	text-align: left;
	padding:0;
	width: 100%;
}
#trialstep_container .flex_container .text a{
	color: #ea465b;
	text-decoration: underline; 
}
#trialstep_container .flex_container .text a:hover{
	color:rgba(255,127,129,1.00)
}

#trialstep_container .things_container{
	padding-top: 2rem;
	margin: 0 auto;
	width: 80%;
	
}
#trialstep_container .things_container h3{
	font-size: 2.6rem;
	font-weight: normal;
}
#trialstep_container .things_container .flex{
	display: flex;
	justify-content: center;
}
#trialstep_container .things_container .flex .item{
	font-size: 1.4rem;
	width: 15%;
}
#trialstep_container .things_container .icon{
	width: 60%;
	padding: 1rem;
	margin:0 auto;
}
#trialstep_container .things_container .text{
	font-size: 1.2rem;
}




/*　料金欄　*/
#price_container {
	width: 70%;
	margin: 0 auto;
}



#price_container .freeplan_title{
	font-size: 3rem;
	font-weight: 100;
	letter-spacing: normal;
	padding-top: 2rem; 
	margin: 0;
}
#price_container .freeplan_title span{
	font-size: 2.8rem;
}

#price_container .item_title{
	font-size: 3rem;
	font-weight: 100;
	letter-spacing: normal;
	padding-top: 2rem; 
	margin: 0;
}
#price_container .item_title span{
	font-size: 2.8rem;
}

#price_container p {
	padding: 1rem 0;
}

#price_container .price {
	font-size: 2.2rem;
	padding: 2rem 0 0 0;
	margin: 0;
	line-height: 2.2rem;
}

#price_container .info {
	font-size: 1.3rem;
	text-align: center;
	width: 90%;
	padding-top: 2rem;
}




.price_list {
	width: 40%;
	margin: 0 auto;
}



/*吹き出し*/
.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 10px 12px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 22px;
  background: #ea465b;
  font-weight: 600;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ea465b;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}
/**/


#price_container #price_lead p{
	font-size: 2.2rem;
	line-height: 1.2;
}

#price_container #price_lead .del{
	text-decoration: line-through;
}





/*　　　プラン表　タイトル部分　　　　*/

.plan_lead table th,#visitor_title table th{
	font-size: 3rem;
}

.plan_lead table td,#visitor_title table td{
	font-size: 1.6rem;
	padding: 20px 20px;
}




.plan_item {
	width: 100%;
	padding: 1rem;
	margin: 0 auto;
}

.plan_item p {
	font-size: 1.4rem;
}

/*吹き出し*/
.plan_item .balloon3-right {
  position: relative;
  display: inline-block;
  margin: .5em 15px .5em 0;
  padding: 20px 5px;
  width: 80px;
  height: 80px;
  line-height: 1;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #ff8e9d;
  border-radius: 50%;
  box-sizing: border-box;
}

.plan_item .balloon3-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #ff8e9d;
  z-index: 0;
}
/**/


/*     長期プラン　　　　*/

/*下矢印*/
.dli-caret-down {
  display: inline-block;
  vertical-align: middle;
  color:  rgba(255,171,42,0.73);;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 2.34952em 1.375em;
  border-top-color: currentColor;
  border-bottom: 0;
  margin: 3rem .2rem;
}

/**/


.longplan_lead p{
	font-size: 2.2rem;
}
.plan_item_longplan .longplan_lead span{
	color: #ea465b;
	font-size: 2.5rem;
}

.longplan_flex {
	display: flex;
	justify-content: space-around;
}

.longplan_flex .plan_item{
	width: 45%;
}

.longplan_flex .plan_item .circle {
	font-size: 1.2rem;
	line-height: 1.1;
	font-weight: 400;
	letter-spacing: 0.1em;
    display: inline-grid;
    color: #fff;
    background-color: #f00;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
}
/*デイプラン*/
.dayplan_container{
	width: 100%;
	margim: 0 auto;
}

/*　　マンスリー注釈*/
.price_list_monthly #notes{
	font-size: 1.2rem;
	text-align: left;
}



#price_container .plan_item_table p{
	font-size: 1.2rem;
}

.plan_item_table table{
	width: 100%;
}

.plan_item_table table td{
	font-size: 1.8rem;
	width: 25%;
	text-align: center;
}

.plan_item_table table .title{
	font-size: 1.2rem;	
	line-height: 1.8rem;
}

.plan_item_table table .small_red{
	font-size: 1.2rem;
}

.plan_item_table table .small_gray{
	font-size: 1.4rem;
}

.price_list_monthly .under {
	font-size: 2.3rem;
}

.price_list_monthly .info{
	width: 45%;
	margin: 0 auto;
}


/*その他プラン*/
.price_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top:2rem;
}

.price_flex .plan_item{
	width: 45%;
	margin: 1rem;
}
.price_flex .plan_item .under{
	font-size: 2.3rem;
}

/* 　プラン表ボタン　*/

.price_flex .btn {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  background: #ff701e;
  border: 2px solid #ff701e;
  border-radius: 60px;
  color: #fff;
  display: block;
  font-weight: 400;
  max-width: 250px;
  text-align: center;
  margin: .5rem auto;
}
  
.price_flex .btn a {
	display: block;
	color: #ffffff;
	font-size: 1.4rem;
	padding: .5rem 0;
	text-align: center;
}

.price_flex .btn:hover{
	background: #fff;
  	
}
.price_flex .btn a:hover{
	color: #ff701e;
}

.dayplan_lead {
	fontsize:2.2rem;
}



/*　比較表　*/
#comparison_container{
	width: 60%;
	margin: 0 auto;
}
#comparison_container table th,#comparison_container table td{
 	 font-size: 1.6rem;
	 vertical-align: middle;
}


#comparison_container .price{
	  color: #000;
	  font-weight: bold;
	  font-size: 1.5rem;
}

#comparison_container .price span {
	font-size: 1rem;
}

#comparison_container .red-txt{
	color:#e81010;
	font-size: 1.8rem;
}

#comparison_container .red-txt .balloon1-top{
	position: relative;
    display: inline-block;
    margin: 1em 0;
    padding: 10px 12px;
    min-width: 100px;
    max-width: 100%;
    color: #fff;
    font-size: 14px;
    background: #ea465b;
    font-weight: 600;
}

#comparison_container p {
	font-size: 1.4rem;
	text-align: left;
}



/*　メディア掲載実績　*/

#media_container .media_wrap{
	width: 30%;
	text-align: center;
}

c img{
	width: 100%;
	box-shadow: 0 0 3px 0 rgba(0,0,0, .5);
}
#media_container .media_wrap p{
	width:100%;
}

#media_container .flex{
	display: flex;
	justify-content: center;
}

/*beforeafter*/


#beforeafter_container .slider ul{
	display: flex;
	overflow-x: scroll;
	width: 80%;
	margin: 0 auto;	
	padding: 0;
}


#top_page #beforeafter_container img{
	width: 100%;
}

#beforeafter_container .slider li{
	min-width: 20%;
	margin: 10px;	
	padding: 0;
	list-style: none;
}


/*お客様の声*/


#top_page #review_container img{
	width: 100%;
}

#review_container .slider li{
	min-width: 20%;
	margin: 10px;	
	padding: 0;
	list-style: none;
}



#online_personal_page .img_container {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#online_personal_page #review_container img{
	width: 40%;
	box-shadow: 0 0 3px 0 rgba(0,0,0, .5);
	margin: 1rem;	
}




/*　トレーナー欄　*/
#trainer_container img {
	width: 500px;
}
#trainer_container p {
	font-size: 1.7rem;
	line-height: 1.5;
}

#trainer_container p span{
	font-size: 1.4rem;
}



/*　photoスライダー　*/
#photo_container {
	width: 500px;
	margin: 0 auto;
}
.bx-wrapper img {
    width: 500px;
}

.bxslider_thumbnail > li {
    width: calc(100% / 7);
}


/*  FAQ欄　*/

#FAQ_container{
	background: rgba(0,0,0,0.05);
	width: 100%;
}

.qa{
	max-width: 650px;
	margin: 0 auto;
}
.qa-006 {
    max-width: 650px;
}
.qa-006 summary{
	font-size:1.4em;
}
.qa-006 p{
	font-size:1.6em;
}

/*  店舗情報  */
#shoplist_container {
	width: 650px;
	margin: 0 auto;
}
#shoplist_container .shop_access {
	margin: 3rem 0;
	width: 100%;
}

.shop_access h3 {
	font-size: 2rem;
	font-weight: normal;
	text-align: left;
	padding: 0 1rem;
}


#shoplist_container .shop_photo {
	width: 300px;
	margin: 0 1rem;
}

.shop_access .address,.business_hours {
	font-size: 14px;
	text-align: left;
	padding: 0;
	margin: 0 1rem;
} 

#openinghours .openinghours{
	width: 60%;	
	margin: 0 auto;
}



/*----------------------------------------------------
フッター
----------------------------------------------------*/
footer {
	background: #333333;
	color: #ffffff;
	height: 30%;
	position: relative;
}
.copyright {
	font-size: 1rem;
	position: absolute;
	bottom: 70px;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	padding: 1rem;
}


/* ----------------pc_SNSボタン------------------ */
.pc_sns {
	height: 80px;
	width: 20%;
	position: absolute;
	right: 0;
/*	text-align: center;*/
	vertical-align: middle;
}

.sns_icon {
	font-size: 3rem;
	padding: 1rem;
}

/* アイコンボタンの位置調整 */
.pc_sns {
	display: flex;
	flex-flow: row;
	justify-content: flex-end;
	height: 80px;
}
/* アイコンボタン同士の余白調整 */
.pc_sns li {
/*	flex:0 0 33%;*/
	text-align:center!important;
	margin: auto 1rem;
}

/* アイコン周り全体 */
.flowbtn16 {
	font-family:"Font Awesome 5 Brands";
	border-radius:4px;
	display:inline-block;
	width:66px;
	height:58px;
	font-size:30px;
	transition:.5s;
	text-decoration:none;
	background-color:#444;
	color:#fff;
}

.flowbtn16:hover{
	text-decoration:none;
}

/* Instagramボタン */
.flowbtn16.insta_btn2:hover{
	background:#c6529a;
}

/* Twitterボタン */
.flowbtn16.fl_tw2:hover {
	background: #55acee;
}

/* ボタン内テキスト調整 */
.flowbtn16 div {
	font-size: 11px;	
	letter-spacing: 0;
	font-weight: bold;
	position: relative;
	bottom: 10px;
}



/* ---------------- 採用情報バナー　------------------ */
footer .banner_wrap {
	width: 100%;
	padding-top: 1rem;
	margin: 0 auto;
}

footer .banner_wrap a {
	display: block;
	width: 30%;
	margin: 0 auto;
}

footer .banner_wrap a img{
	width: 100%;
}


/*  お問い合わせ  */

#contact_container {
	font-size: 1.8rem;
}


/*----------------------------------------------------
オンラインページ
----------------------------------------------------*/

#online_personal_page .main_visual {
	height: 60vh;
	width: 100%;
	margin-top: 7rem;
	background: url("../images/online_top.jpg") no-repeat right 60%;
	background-size: 65%;
	display: table;
	color:#333;
}

#online_personal_page .main_visual .text_container {
	display: table-cell;
	vertical-align: middle;
	padding-left: 7rem;
}

#online_personal_page .main_visual .title_text {
	font-size: 2rem;
	text-align: left;
	line-height: 1.5;
}

#online_personal_page .title_toptxt {
	font-size: 5rem;
	line-height: 1.2;
}

#online_personal_page .main_visual p {
	font-size: 2rem;
	text-align: left;
	padding-top: 3rem;
}

#online_personal_page .main_visual .contact_btn {
	display: block;
	margin: 2rem auto 0 0;
}


/* ----------------オンライン＿キャンペーン------------------ */

#online_personal_page #campaign_container {
	display: flex;
	justify-content: center;
}







/* ----------------オンライン＿コンセプト------------------ */

#online_personal_page #concept_container {
	width: 80%;
	margin: 0 auto;
}

#online_personal_page #concept_container .flex_container .item {
	width: 20%;
	text-align: center;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 1rem;
	margin: 1rem;
}

/* ----------------オンライン＿料金------------------ */
#online_personal_page .price_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
}

#online_personal_page .plan_item {
	width: 30%;
	margin: 1rem;
}

#online_personal_page #price_container .monthly_item{
	border: 1px solid #333;
	margin: .5rem;
	width: 30%;
}

#online_personal_page #price_container .monthly_item .item_title{
	font-size: 2.2rem;
}

#online_personal_page #price_container .monthly_item .circle {
	font-size: 1rem;
	line-height: 1.1;
	font-weight: 400;
	letter-spacing: 0.1em;
    display: inline-grid;
    color: #fff;
    background-color: #f00;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
}
#online_personal_page #price_container .price_info{
	text-align: left;
	font-size: 1.4rem;
	padding :1rem;
}

/* ----------------オンライン＿フォト------------------ */

#onlinephoto_container p {
	padding-top: 0;
	margin: 0 auto;
	width: 100%;
}
/* ----------------オンライン＿スライダー------------------ */
.content img{
  width: 400px;
  height: auto;
}

/*----------------------------------------------------
キックボクシングページ
----------------------------------------------------*/

#kickboxing_page .main_visual {
	height: 60vh;
	width: 100%;
	margin-top: 7rem;
	background: url("../images/kickboxing_top.png") no-repeat right 60%;
	background-size: contain;
	display: table;
	color:#333;
}

#kickboxing_page .main_visual .text_container {
	display: table-cell;
	vertical-align: middle;
	padding-left: 7rem;
}

#kickboxing_page .main_visual .title_text {
	font-size: 2rem;
	text-align: left;
	line-height: 1.5;
}

#kickboxing_page .title_toptxt {
	font-size: 5rem;
	line-height: 1.2;
}

#kickboxing_page .main_visual p {
	font-size: 2rem;
	text-align: left;
	padding-top: 3rem;
}

#kickboxing_page .main_visual .contact_btn {
	display: block;
	margin: 2rem auto 0 0;
}


#kickboxing_page .campaign_banner {
	width: 30%;
	padding: 0;
	margin: 0 auto;
}

/* ---------------キックボクシング＿コンセプト------------------ */

#kickboxing_page #concept_container {
	width: 100%;
	margin: 0 auto;
}

#kickboxing_page #concept_container .flex_container .item {
	width: 20%;
	text-align: center;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 1rem;
	margin: 1rem;
	font-size: 1.6rem;
}
#kickboxing_page #concept_container p {
	font-size: 1.6rem;
}


/* ----------------オンライン＿料金------------------ */
#kickboxing_page .price_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
}

#kickboxing_page .plan_item {
	width: 30%;
	margin: 1rem;
}


#kickboxing_page #price_container .price_info{
	text-align: left;
	font-size: 1.4rem;
	padding :1rem;
}

#kickboxing_page #price_container #price_lead p{
	font-size: 2.4rem;
}

#kickboxing_page #price_container #price_lead .small_txt{
	font-size: 1.4rem;
}
#kickboxing_page #price_container #price_lead .balloon1-top{
	font-size: 2rem;
}

#kickboxing_page #price_container .price_flex{
	width: 60%;
	margin: 0 auto;
}

#kickboxing_page #price_container .price_flex .plan_item{
	width: 100%;
}

/*----------------------------------------------------
採用情報ページ、フランチャイズページ
----------------------------------------------------*/


#recruit_page .main_visual,#franchise_page .main_visual{
    height: 300px;
  	position: relative;
}

#recruit_page .main_visual .title_text,#franchise_page .main_visual .title_text{
	color: #fff;
	font-size: 4rem;
	position: absolute;
	left: 50%;
	transform: translate(-50%,50%);
	width: 100%;
}

#recruit_page #recruit_container h3,#franchise_page h3{
	font-size: 2rem;
	font-weight: normal;
}


#recruit_page table {
	width: 60%;
	margin: 0 auto;
	font-size: 1.4rem;
}


#franchise_page #concept_container .title_text {
	font-size: 2rem;
	line-height: 1.5;
}


#franchise_page #FCpoint_container p{
	width: 60%;
}

#franchise_page .FCdetail {
	padding: 2rem 0;
}

#franchise_page .FCdetail h3{
	font-size:1.8rem;
}

#franchise_page .FCdetail .flex_container{
	display: flex;
	justify-content: center;
}

#franchise_page .FCdetail .cost{
	width: 30%;
	margin: .5rem;
}

#franchise_page .FCdetail table {
	width: 100%;
	margin: 0 auto;
	font-size: 1.4rem;
}

#franchise_page .FCdetail table tr {
	background: #fff;
}

#franchise_page .FCdetail table tr:nth-child(odd){
	background: #eee;
}


#franchise_page .FCdetail th {
  	padding: 20px 10px;
	width: 60%;
}

#franchise_page .FCdetail td {
  	padding: 20px 10px;
	width: 40%;
	text-align: center;
}

/*----------------------------------------------------
メディア掲載情報ページ
----------------------------------------------------*/
#media_page #media_container {
	width: 60%;
	margin: 0 auto;
}

#media_page .h4_container {
	width: 80%;
}

.h4_container p {
	width: 100%;
}
#media_page .h4_container h4 {
	font-size: 1.8rem;
}


/*----------------------------------------------------
会社概要
----------------------------------------------------*/

#company_page .main_visual{
    height: 300px;
  	position: relative;
}

#company_page .main_visual .title_text{
	color: #fff;
	font-size: 4rem;
	position: absolute;
	left: 50%;
	transform: translate(-50%,50%);
	width: 100%;
}

#company_page table {
	width: 60%;
	margin: 0 auto;
	font-size: 1.4rem;
}





}