@charset "UTF-8";


/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
/*--------------------------------------------------
背景の指定
--------------------------------------------------*/
.red_bk{background-color:#E03319;padding-bottom:100px;}

.y_bk{background-color:#FFC300;}

.g_bk{background-color:#F3F3F3;}

.w_bk_content{
	background-color:#fff;
	margin:0 auto;
	border-radius:50px;
	max-width:1200px;
	width:94%;
}
img{
	width:100%;
}
/*--------------------------------------------------
文字の指定　その他
--------------------------------------------------*/
.red{color:#E03319;}

h4{
	padding:40px 0 30px 0;
	text-align:center;
	font-size:32px;
	font-weight:bold;
}

h3.info{
	text-align:center;
	padding:60px 0;
	font-size:30px;
	font-weight:bold;
}
h3.info_free{
	text-align:center;
	font-size:38px;
	font-weight:bold;
}

h3.info_free::before{
	content:"-";
}
h3.info_free::after{
	content:"-";
}
.info .small{
	display:block;
	font-size:38px;
	padding-bottom:5px;
}

.info_w{color:#fff;}

.inner_top{width:94%;max-width:1200px;margin:0 auto;}

.category{
	background-color:#E03319;
	color:#fff;
	border-radius:5px;
	padding:2px 10px 0px 10px;
	font-size:21px;
	font-weight:normal;
	
}

/*--------------------------------------------------
メインビジュアル
--------------------------------------------------*/
.main_img_content{
/*background-color:#E03319;*/
text-align:center;
margin-bottom:60px;
}
.main_view{
    position:relative;
}
.main_view img{
	max-width:1200px;
	padding-top:60px;
	padding-bottom:0;
}
.img_content{
	position:absolute;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/*--------------------------------------------------
メインビジュアル下
--------------------------------------------------*/
.main_v_bottom h2{
    text-align:center;
    margin:60px auto;
    font-size:48px;
}
.sub_view{
	width:100%;
	display:flex;
	text-align:center;
	margin:0 auto;
}
.achievement{
	position:relative;
	margin-top:30px;
	background:url("../img/red_rbk.png") no-repeat center;
	background-size:contain;
	padding:40px;
	color:#fff;
	width:33.3%;

}

.achievement span{
	display:block;
	line-height:1.5;
}
.achievement .no{
	font-size:24px;
	font-weight:bold;
}
.achievement .achievement_txt{
	font-size:28px;
	font-weight:bold;
}
.achievement .result{
	font-size:38px;
	display:inline-block;
	font-weight:bold;
}
.achievement .unit{
	font-size:24px;
	display:inline-block;
}


.red_title{
	color:#E03319;
	font-size:28px;
}
.worry_list{
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	align-items: center;
	max-width:1200px;
}
.worry_list .onayami{width:35%;}
.worry_list img{
	width:100%;
}
.worry_list ul{width:65%;}
.worry_list li{
	line-height:1.8;
	font-weight:bold;
	font-size:25px;
	padding-top:10px;
}
.worry_list li::before {
	content:"";
    padding:30px;
    background:url("../img/check.png") no-repeat center;
	background-size:35px;

	
}

.support_txt img{/* vertical-align: middle; */width:25%;margin-right:20px;}

.support_txt{
	font-weight:bold;
	text-align:center;
	font-size:2.5vw;
	margin:30px auto 60px;
}

.support_txt img{
	display:inline-block;
}
/*--------------------------------------------------
サービス内容
--------------------------------------------------*/
#service h4{
	padding-top:60px;
}
.service_txt{text-align:center;font-size:21px;margin:0 auto 30px;}

.point_content{
    display: flex;
	flex-wrap: wrap; 
    width:100%;
    padding-bottom:30px;
}
/*
.point{
    position:relative;
}
.point_content .point_img{
	width:90px;
	position:absolute;
	left:-8%;
	top:-10%;
}*/
.point{

}
.point_content .point_img{
	width:90px;
	margin:0 auto;

}
.point_content .point{
	width:40%;
	background-color:#F3F3F3;
	border-radius:10px;
	padding:15px;
	margin:30px 5%;
	
}
/*
.point_title{
	padding-top:30px;
	font-weight:bold;
	font-size:28px;
	padding-left:10%;
}*/
.point_title{
	padding-top:15px;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	border-bottom: dotted 4px  #e03319;
	padding-bottom:10px;
}
.point_txt{
	padding-top:15px;
	line-height:1.5;
	font-size:16px;
}

/* キャラクター配置 */
#service .character_img{
	position:relative;
    margin:0 auto;
    max-width:1200px;
}
#service .img_foodgym{
	background:url("../img/character_img.png") no-repeat center;
    background-size:contain;
	position:absolute;
	padding:90px;
    top:69px;/*29*/
    right:6%;
}


/*--------------------------------------------------
プラン
--------------------------------------------------*/
.plan_content .red_title{
	background-color:#E03319;
	color:#fff;
	border-radius:10px;
	padding:15px;
	text-align:center;
	display:inline-block;
	width:30%;
	margin-top:30px;
	font-size:30px;
	 
}
.plan_content .gold_title{
	background-color:#CAA846;
	color:#fff;
	border-radius:10px;
	padding:15px;
	text-align:center;
	display:inline-block;
	width:30%;
	margin-top:30px;
	font-size:30px;
	 
}

.plan_content .blue_title{
	background-color:#1e7085;
	color:#fff;
	border-radius:10px;
	padding:15px;
	text-align:center;
	display:inline-block;
	width:30%;
	margin-top:30px;
	font-size:30px;
	 
}

.plan_content .red_title:first-child{margin-top:90px;}

.rec_title{
	font-weight:bold;
	font-size:40px;
}

.plan_content .recomend{display:flex;width:100%;margin-top:60px;}

.rec_txt{
	width:50%;
	text-align:left;
}
.rec_img{
	width:50%;
	text-align:left;
}
.rec_txt ul{margin-top:30px;}
.rec_txt ul li{
	line-height:1.5;
	font-size:18px;
}
.rec_txt ul li::before{
	content:"・";
}
.rec_txt .plan_info{
	display:inline-block;
	margin-top:15px;
}
.rec_txt .plan_info :is(a, :where(.static-link)){
	display:block;
	padding:15px 60px;
	background-color:#000;
	color:#fff;
	font-size:18px;
	border-radius:10px;
	
}
.rec_txt .plan_info :is(a, :where(.static-link)):hover{
	background-color:#E03319;
	color:#fff;	
}

.recomend .plan_text{
	font-size:18px;
}
/*--------------------------------------------------
事例紹介
--------------------------------------------------*/
#works{margin-top:110px;}
.work_content h4{text-align:left;font-size:28px;}

.work_content{
	display:flex;
	justify-content: center;
	border-bottom:1px solid #707070;
	padding:30px 0;
}
.work_content h4,
.work_content p{margin:0 30px;}

.work_content:last-child{
	border-bottom:none;
}


.work_content_right {
        flex-direction: row-reverse;
}
.work_ex{
	text-align:left;
	font-size:18px;
	width:70%;
}
.work_img{

}
.work_img img{
	max-width:120px;
	margin:0 auto;
}

.work_content p{
	font-size:18px;
	line-height:1.8;
}

/* キャラクター配置 */
#works .character_img{
	position:relative;
    margin:0 auto;
    max-width:1200px;
}
#works .img_foodgym{
	background:url("../img/reverse_character_img.png") no-repeat center;
    background-size:contain;
	position:absolute;
	padding:90px;
    top:70px;/*29*/
    left:6%;
}
/*--------------------------------------------------
ご利用の流れ
--------------------------------------------------*/
#flow{padding-bottom:90px;}

.flow_content{
	display:flex;
	margin:30px auto;
	border-bottom: dotted 4px #e03319;
	padding-bottom:30px;
}

.flow_img img{width:150px;}
.flow_text{width:90%;}

.flow_content .flow_title{
	font-size:28px;
	padding-top:15px;
	font-weight:bold;
}
.flow_content .step{
	background-color:#E03319;
	border-radius:50px;
	color:#fff;
	font-size:21px;
	padding:10px 15px 3px 15px;
	text-align:center;
	display:inline-block;
}
.flow_txt{padding-left:60px;}

.flow_txt p{
	font-size:18px;
	padding-top:10px;
	line-height:1.2;

}

.flow_btn{
	margin:30px auto 60px auto;
	text-align:center;
}


.flow_btn img{
	width:100%;
    max-width:850px;
    display:inline-block;
    margin:0 auto;

}
.column_content{width:33%;}
.column_content img{
	margin:0 auto;
	width:;
}

/*--------------------------------------------------
お役立ちコラム
--------------------------------------------------*/
.column_btn_info{
	display:flex;
	max-width:1400px;
	justify-content: center;
	margin:0 auto;
}
.column_btn_info .column_btn{
	width:30%;
	text-align:center;
	margin:0 2%;
}

.column_btn_info :is(a, :where(.static-link)){
	display:block;
	color:#fff;
	padding:15px 0;
	background-color:#E03319;
	border-radius:26px;
	font-weight:bold;
	font-size:21px;
	color:#fff;
	padding:20px;
	margin:0 auto 30px;
	border-radius:10px;
}

.column_btn_info :is(a, :where(.static-link)):hover{
	color:#fff;
	background-color:#000;

}

.column_area{
	display:flex;
	flex-wrap:wrap;
	max-width:1400px;
	justify-content: center;
	margin:0 auto;
}
.column_content{
	width:30%;
	margin:1.5% auto;
}

.column_content :is(a, :where(.static-link)){
	display:block;
}

.column_content img{
	width:100%;
	margin-bottom:15px;
	height:290px;
	overflow:hidden;

}
.column_content p{
   text-align:center;
   margin:30px auto 60px auto;
   min-height:63px;
}
.column_content p :is(a, :where(.static-link)){
	display:block;
	background-color:#E03319;
	border-radius:26px;
	font-weight:bold;
	font-size:21px;
	color:#fff;
	padding:20px;
	width:80%;
	margin:0 auto;
	border-radius:10px;
  position: relative;
  display: inline-block;
}

.column_content p :is(a, :where(.static-link))::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: 10%;
  margin-top: -4px;
}
.column_content p :is(a, :where(.static-link)):hover{
	color:#fff;
	background-color:#000;
}

.column_content :is(a, :where(.static-link)){color:#000;}
.column_content h3{
	padding-top:15px;
	font-size:23px;
	line-height:1.3;
	padding-bottom:10px;
	display: flex;
  justify-content: space-between;
  align-items: center;
  height:100px;
}
.column_content p{
	text-align:left;
	font-size:16px;
	line-height:1.3;
	margin:0 auto 30px;
}
.column_content .column_btn{
	text-align:center;
	font-size:21px;
	margin-bottom:30px;
}
.column_content .column_btn :is(a, :where(.static-link)){
	display:block;
	background-color:#E03319;
	border-radius:10px;
	width:60%;
	margin:0 auto;
	padding:15px 0;
	color:#fff !important;
	font-weight:bold;

}
.column_content .column_btn :is(a, :where(.static-link)):hover{
	background-color:#000;
}
.column_area .column_page{
	text-align:center;
	font-size:21px;
	margin:60px auto;
	width:30%;
}

.column_area .column_page :is(a, :where(.static-link)){
	display:block;
	background-color:#000;
	border-radius:10px;
	width:60%;
	margin:0 auto;
	padding:15px 0;
	color:#fff !important;
	font-weight:bold;

}
.column_area .column_page :is(a, :where(.static-link)):hover{
	background-color:#e03319;
}
.column_category{
	font-size:18px;
	padding: 5px 15px;
	background-color:#e03319;
	display:inline-block;
	border-radius:10px;
	color:#fff;
	margin-bottom:10px;

}
.column_content .column_btn :is(a, :where(.static-link)):hover{
	background-color:#000;
}

.column_content iframe{display:none;}
/*--------------------------------------------------
お問い合わせ
--------------------------------------------------*/

#info .red_bk{
	padding-top:60px;
}
#info .y_bk{
	margin:0 auto;
	width:90%;
	border-radius:50px;
}

.info_content{
	margin:0 auto;
	padding:40px 0;
}
.info_txt{
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
#info .info_txt img{display:inline-block;width:150px;vertical-align:bottom;}
#info .contact_link{
	display:flex;
	justify-content:space-evenly;
    margin:50px auto 30px;
    vertical-align:middle;
    align-items:center;
}

#info .tel_info :is(a, :where(.static-link)){
	font-weight:bold;
	color:#000;
	font-size:2vw;

}
#info .mail_info :is(a, :where(.static-link)){
	font-weight:bold;
	color:#fff;
	font-size:18px;
	background-color:#E03319;
	padding:15px 0px;
	border-radius:10px;
	display:block;
    margin-bottom:15px;
}
.tel_info :is(a, :where(.static-link)):before{
    content:"";
	background:url("../img/tel_icon.png") no-repeat center;
	background-size:81px;
	padding:45px;
	color:#fff;
}

.mail_info :is(a, :where(.static-link)):before{
    content:"";
	background:url("../img/mail_icon.png") no-repeat center;
	background-size:65px;
	padding:40px;
	color:#fff;
}
#info .mail_info :is(a, :where(.static-link)):hover{
	background-color:#000;
}

/*--------------------------------------------------
**************************************************
  契約店舗一覧
**************************************************
--------------------------------------------------*/
.partner_contnets{
	width: 1200px;
	margin: 0 auto 30px;
}

.partner_subtext{
	margin: -30px 0 30px 0!important;
	padding: 0 !important;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color: #E03319;
}

.partner_contnets ul{
	display: flex;
	flex-wrap: wrap;
}

.partner_contnets ul li{
	width: calc(16.6% - 20px);
	margin: 20px 30px;
}


/*--------------------------------------------------
**************************************************
  動画
**************************************************
--------------------------------------------------*/
#movie{
	margin: 0 auto 150px;
}

#movie .movie_list{
	display: flex;
	justify-content: center;
	column-gap: 5%;
}

#movie .movie_list > li{
	width: 30%;
}

#movie .movie_list .movie_content{
	width: 100%;
	aspect-ratio: 16 / 9;
}

#movie .movie_list .movie_content iframe{
	width: 100%;
	height: 100%;
}

#movie .movie_list .movie_title{
	margin-top: 5px;
}

#movie > :is(a, :where(.static-link)){
	display: block;
	width: 200px;
	margin: 30px auto 0;
	padding: 15px 0;
	background-color: #000;
	border-radius: 10px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

#movie > :is(a, :where(.static-link)):hover{
	background-color:#e03319;
	color: #fff;
}


/*--------------------------------------------------
**************************************************
  お知らせ
**************************************************
--------------------------------------------------*/
#news{
	margin: 0 auto 50px;
}

#news h3.info{
	position: relative;
}

#news h3.info::before{
	content: "";
	position: absolute;
	top: -20px;
	left: 55%;
	display: block;
	width: 330px;
	height: 229px;
	background: url("https://foodoag.com/wp/wp-content/themes/foodgym/img/news_title_icon.png") no-repeat left top;
	background-size: 100%;
}

#news .news_list{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#news .news_list li{
	border-top: #d9d4d4 1px solid;
}

#news .news_list li:last-child{
	border-bottom: #d9d4d4 1px solid;
}

#news .news_list li :is(a, :where(.static-link)){
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 50px;
	padding: 30px 70px 30px 40px;
	color: #333;
}

#news .news_list li :is(a, :where(.static-link))::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%) rotate(45deg);
	display: block;
	width: 10px;
	height: 10px;
	border-top: #ccc 2px solid;
	border-right: #ccc 2px solid;
	transition: all 1s ease;
}

#news .news_list li :is(a, :where(.static-link)):hover{
	color: #e03319;
}

#news .news_list li :is(a, :where(.static-link)):hover::after{
	border-top: #e03319 2px solid;
	border-right: #e03319 2px solid;
}

#news .news_list .news_date{
	white-space: nowrap;
}

#news .news_list .news_title{
	font-size: 18px;
}

#news > :is(a, :where(.static-link)){
	display: block;
	width: 200px;
	margin: 50px auto 0;
	padding: 15px 0;
	background-color: #000;
	border-radius: 10px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

#news > :is(a, :where(.static-link)):hover{
	background-color:#e03319;
	color: #fff;
}



/*--------------------------------------------------
**************************************************
  その他 (PageUpボタン 追従系 jsに関わるcssなど。)
**************************************************
--------------------------------------------------*/



}/* End @media screen and (min-width: 768px) */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {

p{line-height:1.4;}
:is(a, :where(.static-link)){ text-decoration: none;}
/*--------------------------------------------------
背景の指定
--------------------------------------------------*/

.red_bk{background-color:#E03319;padding-bottom:100px;}

.y_bk{background-color:#FFC300;}

.g_bk{background-color:#F3F3F3;}

.w_bk_content{
	background-color:#fff;
	width:94%;
	margin:0 auto;
	border-radius:15px;
}

/*--------------------------------------------------
文字の指定　その他
--------------------------------------------------*/
.red{color:#E03319;}

h4{
	padding:40px 0 10px 0;
	text-align:center;
	font-size:1.35em;
	font-weight:bold;
}

h3.info{
	text-align:center;
	padding:60px 0;
	font-size:21px;
	font-weight:bold;
}
h3.info_free{
	text-align:center;
	font-size:1.75em;
	font-weight:bold;
}
.info .small{
	display:block;
	font-size:24px;
	padding-top:5px;
}

.info_w{color:#fff;}

.inner_top{width:90%;margin:0 auto;}

.tel_info_header,
.mail_info_header{margin:0 auto;text-align:center;}

.header_info .tel_info_header{
    margin-top:30px;
}
.header_info .mail_info_header{
	margin-top:90px;
}

.mail_info_header :is(a, :where(.static-link)){
	font-weight:bold;
	color:#fff;
	font-size:5vw;
	background-color:#E03319;
	padding:20px;
	border-radius:10px;
}
.tel_info_header :is(a, :where(.static-link)):before{
    content:"";
	background:url("../img/tel_icon.png") no-repeat center;
	background-size:50px;
	padding:30px;
	color:#fff;
}
.mail_info_header :is(a, :where(.static-link)):before{
    content:"";
	background:url("../img/mail_icon.png") no-repeat center;
	background-size:50px;
	padding:30px;
	color:#fff;
}


/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  margin-top:0px;
  /* height: 60px; */
  /* width: 60px; */
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}


/*--------------------------------------------------
メインビジュアル
--------------------------------------------------*/

.main_view{
	margin:100px auto 0;
	width:100%;
}

/*--------------------------------------------------
メインビジュアル下
--------------------------------------------------*/
.main_v_bottom h2{
    text-align:center;
    margin:30px auto;
    font-size:1.5em;
}
.sub_view{
	display:flex;
	width:100%;
	text-align:center;
	margin:0 auto;
}
.achievement{
	position:relative;
	margin-top:30px;
	background:url("../img/red_rbk.png") no-repeat center;
	background-size:contain;
	color:#fff;
	width:100%;
}
.achievement:nth-child(2){
	margin-left:2%;
	margin-right:2%;
}
.achievement span{
	display:inline-block;
	line-height:1.5;
}
.achievement .no{
	font-size:5vw;
	font-weight:bold;
	padding-top:30px;
}
.achievement .achievement_txt{
	font-size:5vw;
	font-weight:bold;
	display:block;
}
.achievement .result{
	font-size:4vw;
	padding-bottom:30px;
}
.achievement .result span{
	font-size:3.5vw;
	display:inline-block;
}


.red_title{
	color:#E03319;
	font-size:28px;
}
.worry_list{
	margin:0 auto;
	align-items: center;
}
.worry_list .onayami{width:100%;}
.worry_list img{
	width:100%;
}
.worry_list ul{width:100%;}
.worry_list li{
	line-height:1.5;
	font-weight:bold;
	font-size:1em;
	padding-top:10px;
	text-indent: -2em;
	padding-left: 1em;
}
.worry_list li::before {
	content:"";
    padding:15px;
    background:url("../img/check.png") no-repeat center;
	background-size:20px;
}

.support_txt img{width:100%;}

.support_txt{
	font-weight:bold;
	text-align:left;
	font-size:21px;
	margin:10px auto 30px;
	text-align:center;
}

.support_txt img{
	display:block;
	margin:0 auto;
	width: 80%;
	padding-bottom:15px;
}
/*--------------------------------------------------
サービス内容
--------------------------------------------------*/
.service_txt{text-align:center;font-size:14px;margin:30px auto 45px;}

.point_content{
    width:100%;
}
#service .red_bk{background-color:#E03319;padding-bottom:30px;}
#service .w_bk_content{padding-bottom:10px;}
.point{
}
.point_content .point_img{
	width:70px;
	margin:0 auto;
}

.point_content .point{
	width:98%;
	background-color:#F3F3F3;
	border-radius:10px;
	padding:30px 15px;
	/* margin:30px 5%; */
	margin:0 auto 60px;

	
}
.point_title{
	padding-top:15px;
	font-weight:bold;
	font-size:1.35em;
	text-align:center;
}
.point_txt{
	padding-top:15px;
	line-height:1.5;
	font-size:14px;
}



/* キャラクター配置 */

#service .character_img{
	position:relative;
    margin:0 auto;
}
#service .img_foodgym{
	background:url("../img/character_img.png") no-repeat center;
    background-size:contain;
	position:absolute;
	padding:45px;
    top:115px;
    right:6%;
}

/*--------------------------------------------------
プラン
--------------------------------------------------*/
.plan_content .red_title{
	background-color:#E03319;
	color:#fff;
	border-radius:10px;
	padding:15px;
	text-align:center;
	display:inline-block;
	width:100%;
	margin-top:60px;
	font-size:30px;
}
.plan_content .gold_title{
	background-color:#CAA846;
	color:#fff;
	border-radius:10px;
	padding:15px;
	text-align:center;
	display:inline-block;
	width:100%;
	margin-top:60px;
	font-size:30px;
}

.plan_content .blue_title{
	background-color:#1e7085;
	color:#fff;
	border-radius:10px;
	padding:15px;
	text-align:center;
	display:inline-block;
	width:100%;
	margin-top:60px;
	font-size:30px;
}

.rec_title{
	font-weight:bold;
	font-size:27px;
}

.plan_content .recomend{width:100%;margin-top:30px;}

.rec_txt{
	width:100%;
	text-align:left;
}
.rec_img{
	width:100%;
	margin:30px auto;
}
.rec_txt ul{margin-top:15px;}
.rec_txt ul li{
	line-height:1.5;
	font-size:18px;
}
.rec_txt ul li::before{
	content:"・";
}
.rec_txt .plan_info{

	margin-top:15px;

}
.rec_txt .plan_info :is(a, :where(.static-link)){
	display:block;
	padding:15px 60px;
	background-color:#000;
	color:#fff;
	font-size:18px;
	border-radius:10px;
	text-align:center;
}

.recomend .plan_text{
	font-size:18px;
}
/*--------------------------------------------------
事例紹介
--------------------------------------------------*/
#works{margin-top:110px;}
.work_content h4{text-align:left;line-height:1.5;font-size:1.2em;padding-top:0;}
.work_content{
	border-bottom:1px solid #707070;
	padding:30px 0;
}
.work_content:last-child{
	border-bottom:none;
}
.work_content_right {
        flex-direction: row-reverse;
    }
.work_ex{
	text-align:left;
	font-size:18px;
}
.work_content{text-align:center;}
.work_content img{
	width:30%;
	margin:0 auto;
}
.work_content p{
	font-size:0.9em;
	line-height:1.3;
}

.category{
	background-color:#E03319;
	color:#fff;
	border-radius:5px;
	padding:2px 10px 0px 10px;
	font-size:18px;
	font-weight:normal;
	
}
/* キャラクター配置 */

#works .character_img{
	position:relative;
    margin:0 auto;
}
#works .img_foodgym{
	background:url("../img/reverse_character_img.png") no-repeat center;
    background-size:contain;
	position:absolute;
	padding:45px;
    top:115px;
    left:6%;
}

/*--------------------------------------------------
ご利用の流れ
--------------------------------------------------*/
.flow_content{
	margin:0px auto 60px;
	text-align:center;
}

.flow_img img{
	width:50%;
	margin:0 auto;
}
.flow_text{width:100%;}

.flow_content .flow_title{
	font-size:1.2em;
	padding-top:15px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:center;
}
.flow_content .step{
	text-align:center;
	background-color:#E03319;
	border-radius:50px;
	color:#fff;
	font-size:18px;
	padding:8px 20px 6px;
	margin:0 auto;
	width:50%;
	line-height:1;
	margin-top:15px;
}

.flow_btn{
	margin:30px auto 60px auto;
	text-align:center;
}

.flow_btn img{
    margin:0 auto;
    width:90%;
}

.column_content{width:100%;}
.column_content img{
	margin:0 auto;
}

/*--------------------------------------------------
お役立ちコラム
--------------------------------------------------*/
.column_btn_info{
		width:94%;
	display:flex;
	justify-content: center;
	margin:0 auto;
}
.column_btn_info .column_btn{
	width:100%;
	text-align:center;
	margin:0 1%;
	line-height:1.2;
}

.column_btn_info :is(a, :where(.static-link)){
	display:block;
	color:#fff;
	padding:15px 0;
	background-color:#E03319;
	font-weight:bold;
	font-size:;
	color:#fff;
	padding:20px;
	margin:0 auto 60px;
	border-radius:10px;
}

.column_btn_info :is(a, :where(.static-link)):hover{
	color:#fff;
	background-color:#000;

}
.column_area{
}
.column_content{
	width:100%;
}

.column_content :is(a, :where(.static-link)){
	display:block;
}

.column_content img{
	width:100%;
	height:auto;
}
.column_content p{
   width:100%;
   text-align:center;
   margin:30px auto 60px auto;
   

}
.column_content p :is(a, :where(.static-link)){
	display:block;
	background-color:#E03319;
	border-radius:26px;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	padding:15px;
	border-radius:10px;
	width:90%;
	margin:0 auto;
	  position: relative;
  display: inline-block;
}

.column_content p :is(a, :where(.static-link))::before{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 43%;
	right: 10%;
	margin-top: -4px;
}

.column_content :is(a, :where(.static-link)){color:#000;}
.column_content h3{
	width:94%;
	margin:5px auto 0 auto;
	font-size:21px;
	line-height:1.3;
	padding-bottom:10px;
}
.colum_date{width:94%;margin:0 auto;font-size:0.75em;}

.column_content p{
	width:94%;
	text-align:left;
	font-size:18px;
	line-height:1.3;
	margin:5px auto 0;

}
.column_content .column_btn{
	text-align:center;
	font-size:21px;
	margin-bottom:60px;
	margin-top:30px;
}
.column_content .column_btn :is(a, :where(.static-link)){
	display:block;
	background-color:#E03319;
	border-radius:10px;
	width:94%;
	margin:0 auto;
	padding:15px 0;
	color:#fff !important;
	font-weight:bold;

}
.column_content .column_btn :is(a, :where(.static-link)):hover{
	background-color:#000;
}

.column_area .column_page{
	text-align:center;
	font-size:21px;
	padding-bottom:45px;
	margin-top:30px;
}
.column_area .column_page :is(a, :where(.static-link)){
	display:block;
	background-color:#000;
	border-radius:10px;
	width:94%;
	margin:0 auto;
	padding:15px 0;
	color:#fff !important;
	font-weight:bold;

}
.column_area .column_page :is(a, :where(.static-link)):hover{
	background-color:#e03319;
}

.column_category{
	padding: 5px 15px;
	background-color:#e03319;
	display:inline-block;
	border-radius:10px;
	color:#fff;
	margin-bottom:10px;
	margin-left:2%;

}

.column_content iframe{display:none;}
/*--------------------------------------------------
お問い合わせ
--------------------------------------------------*/
h3.info_free::before{
	content:"-";
}
h3.info_free::after{
	content:"-";
}
#info .red_bk{
	padding-top:60px;
	padding-bottom:60px;
}

#info .y_bk{
	margin:0 auto;
	width:90%;
	border-radius:15px;
	padding-left:2%;
	padding-right:2%;
}

.info_content{
	margin:0 auto;
	padding:20px 0 30px;
}
.info_free{padding:15px 0;}
.info_txt{
	margin:0 auto;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
}
#info .info_txt img{display:inline-block;width:150px;vertical-align:bottom;}
#info .contact_link{
	text-align:center;
    margin:30px auto 0;
}

#info .tel_info :is(a, :where(.static-link)){
	font-weight:bold;
	color:#000;
	font-size:8vw;
	display:block;
	text-align:center;
}
#info .mail_info{margin-top:30px;}
#info .mail_info :is(a, :where(.static-link)){
	font-weight:bold;
	color:#fff;
	font-size:18px;
	background-color:#E03319;
	padding:15px 0px;
	border-radius:10px;
	display:block;
	margin-bottom:15px;
}
.tel_info :is(a, :where(.static-link)):before{
    content:"";
	background:url("../img/tel_icon.png") no-repeat center;
	background-size:45px;
	padding:15px 30px;
	color:#fff;
}

.mail_info :is(a, :where(.static-link)):before{
    content:"";
	background:url("../img/mail_icon.png") no-repeat center;
	background-size:30px;
	padding:25px;
	color:#fff;
}
.mail_info .line{
	color:#E03319;
}
.mail_info .line :is(a, :where(.static-link)):before{
	content:"";
	background:url("../img/line_icon.png") no-repeat 0px center;
	background-size:40px;
	padding:25px;
	color:#fff;
}
#info .mail_info .line :is(a, :where(.static-link)){
	font-weight:bold;
	background-color:#00B900;
	border-radius:10px;
    display:block;
}

/*--------------------------------------------------
**************************************************
  契約店舗一覧
**************************************************
--------------------------------------------------*/
.partner_contnets{
	width: 96%;
	margin: 0 auto;
}

.partner_subtext{
	margin: -30px 0 30px 0!important;
	padding: 0 !important;
	text-align:center;
	font-size:21px;
	font-weight:bold;
	color: #E03319;
}

.partner_contnets ul{
	display: flex;
	flex-wrap: wrap;
}

.partner_contnets ul li{
	width: calc(30% - 1%);
	margin: 20px 2%;
}

/* ----
.footer_tel .icon_bottom,
.footer_info_sub .btm_btn{height:40px;}
---- */


/*--------------------------------------------------
**************************************************
  動画
**************************************************
--------------------------------------------------*/
#movie{
	margin: 0 auto 150px;
}

#movie .movie_list > li{
	width: 100%;
}

#movie .movie_list > li:not(:first-child){
	margin-top: 40px;
}

#movie .movie_list .movie_content{
	width: 100%;
	aspect-ratio: 16 / 9;
}

#movie .movie_list .movie_content iframe{
	width: 100%;
	height: 100%;
}

#movie .movie_list .movie_title{
	margin-top: 5px;
}

#movie > :is(a, :where(.static-link)){
	display: block;
	width: 85%;
	margin: 40px auto 0;
	padding: 15px 0;
	background-color: #000;
	border-radius: 10px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}


/*--------------------------------------------------
**************************************************
  お知らせ
**************************************************
--------------------------------------------------*/
#news{
	margin: 0 auto 50px;
}

#news h3.info{
	position: relative;
}

#news h3.info::before{
	content: "";
	position: absolute;
	top: 15%;
	right: 5%;
	display: block;
	width: 35%;
	height: 0;
	padding-top: 104.4%;
	background: url("https://foodoag.com/wp/wp-content/themes/foodgym/img/news_title_icon_sp.png") no-repeat left top;
	background-size: 100%;
}

#news .news_list{
	width: 100%;
}

#news .news_list li{
	border-top: #d9d4d4 1px solid;
}

#news .news_list li:last-child{
	border-bottom: #d9d4d4 1px solid;
}

#news .news_list li :is(a, :where(.static-link)){
	position: relative;
	display: block;
	width: 100%;
	padding: 20px 20px 20px 0;
	color: #333;
}

#news .news_list li :is(a, :where(.static-link))::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(45deg);
	display: block;
	width: 10px;
	height: 10px;
	border-top: #ccc 2px solid;
	border-right: #ccc 2px solid;
	transition: all 1s ease;
}

#news .news_list .news_date{
	white-space: nowrap;
	font-size: 12px;
}

#news .news_list .news_title{
	margin-top: 5px;
}

#news > :is(a, :where(.static-link)){
	display: block;
	width: 85%;
	margin: 40px auto 0;
	padding: 15px 0;
	background-color: #000;
	border-radius: 10px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}


/*--------------------------------------------------
**************************************************
  その他 (PageUpボタン 追従系 jsに関わるcssなど。)
**************************************************
--------------------------------------------------*/


}