@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700&display=swap');
*{
	font-family: 'Zen Old Mincho', serif;
}


/* ヘッダー */
.skin-grayish #navi-in {
/*    background-color: #fcf5f7;
	opacity: 0.8; */
}
div.item-label{
	font-size: 14px;
}

/* フッター */
.skin-grayish .footer {
    background-color: #F0F0F1;
    opacity: 0.8;
}

/************************************
** ページをフェードイン表示する
************************************/
.body {
	animation: fadein 2s forwards; /*アニメーション指定*/
}

@keyframes fadein {
	0% {opacity: 0} /*アニメーション開始時*/
	100% {opacity: 1} /*アニメーション終了時*/
}
/* クラス単位でのフェードイン設定 */
/*
.fade-in {
    opacity: 0; 
    transition: all 1.5s;
    transform: translate(0,30px);
}
.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}
*/

/* クラス単位での右横からフェードイン設定 */
/*
.fade-in-rightslide {
    opacity: 0; 
    transition: all 1.5s;
    transform: translate(100px,0);
}
.rightside-scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}
*/
/* クラス単位での左横からフェードイン設定 */
/*
.fade-in-leftslide {
    opacity: 0; 
    transition: all 1.5s;
	transform: translate(-100px,0);
}
.leftslide-scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}
*/
/************************************
** ページをフェードイン表示する(ここまで)
************************************/

/**********************************/
/* 見出し装飾 
/**********************************/
h1{
	margin-top: 5%;
	padding-bottom: 1.8%;
	background-image: url(https://8-beaute.jp/wp-content/uploads/2024/02/line3.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

/**********************************/
/* 見出し装飾(ここまで) 
/**********************************/


/**********************************/
/* 全体装飾 
/**********************************/
#breadcrumb {
	display: none;
}
div.entry-content.cf, div#content.content.cf{
	margin-top: 0;
}
/**********************************/
/* 全体装飾(ここまで) 
/**********************************/



/**********************************/
/* トップページ 
/**********************************/
main#main.main{
	padding-right: 0;
	padding-left: 0;
}


/***** ファーストビュー *****/
.home_top-message, .home_first-message{
	width: 58%;
	margin: 0 auto;
}
.home_first-message{
	padding-top: 10%;
	padding-bottom: 5%;
}

/* LINEお友達追加 */
.line-friend_wrap{
	width: 100%;
	text-align: center;
	margin-bottom: 3% !important;
}

/* エクソソームを通じて美と健康を届ける */
div.tagline{
	font-size: 24px;
}
.sub-title{
	font-size: 16px;
}

/* youtube */
.home_movie_wrap{
	width: 100%;
	padding: 0 2%;
}
.video-container{
	margin: 0 auto;
	text-align: center;
}

/***** 期待される効果 *****/
h1.wp-block-heading.home_efficacy_top-title{
	margin-top: 0; /* ここだけマージンなし */
}
.home_efficacy_top-title{
	text-align: center;
}

/* 2カラム設定 */
.home_efficacy{
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
}

.home_efficacy_right-column{
	padding-left: 3%;
} /* フルサイズの場合のみ右側コンテンツの左パディングを取る */

.home_efficacy_left-title_wrap, .home_efficacy_right-title_wrap{
	margin-bottom: 0.5em !important;
	/* background: linear-gradient(to right, rgba(255, 124, 111, 0.5), #ffffff);*/
	background: linear-gradient(to right, rgba(199, 186, 166, 0.5), #ffffff);
}
.home_efficacy_left-title, .home_efficacy_right-title{
	font-size: 24px;
	font-weight: bold;
	padding-left: 2%;
	
}
.home_efficacy_left-detail, .home_efficacy_right-detail{
	height: 20%;
	padding-left: 2%;
}
.home_efficacy_left-img, .home_efficacy_right-img{
	box-shadow: 5px 5px 20px #aaa;
}
.home_efficacy_left-img img, .home_efficacy_right-img img{
	width: 100%;
	object-fit: cover;
}

.home_efficacy_tvwrap, .home_efficacy_snswrap{
	width: 80%;
	margin: 0 auto;
}
.home_efficacy_sns-wrap{
	width: 80%;
	margin: 0 auto;
} /* videoの左寄せは固定ページのCSS */

/***** エクソソームの安全性 *****/
.home_safety{
	width: 100%;
	padding: 0 10%;
	margin: 0 auto;
}
.home_safety_title{
	width: 100%;
	text-align: center;
}
.home_safety_message{
	width: 80%;
}
p.home_safety_message{
	margin: 0 auto;
}
.home_safety_img{
	width: 100%;
}
.home_safety_img img{
	box-shadow: 5px 5px 20px #aaa;
	margin: 0 auto;
	height: 50%;
	width: auto;
}
.home_safety_img{
	padding: 3% 0;
}
img.wp-image-92{
	width: 70%;
}


/***** サービスについて ******/
.home-services{
	margin: 0 auto;
	width: 90%;
}
.home-services_column{
	justify-content: space-between;
	width: 100%;
}
p.home-services_column-inner-text{
	font-size: 20px;
	font-weight: bold;
	color: #fefefe;
	text-align: center;
	text-shadow: 0 0 10px #ffffff,
    0 0 20px #ffffff,
    0 0 30px #fefefe,
	0 0 40px #fefefe,
	0 0 50px #fefefe,
	0 0 60px #fefefe,
	0 0 70px #fefefe,
	0 0 80px #fefefe,
	0 0 90px #fefefe,
    0 0 100px #fefefe;
}
.home-services_column-img{
	/*
	border-radius: 50%;
	clip-path: circle(180px at 200px 220px);
	*/
}
.a_underline{
	text-decoration: none;
}
.a_underline:hover{
	color: #fefefe;
	opacity: 0.8;
	transition : 0.5s;
}

.home-services_column-left{
	height: 30%;
}

img.wp-block-cover__image-background.wp-image-71{
}

/***** 料金表 *****/
.home_price{
	display: none !important;
}
.home_price{
	margin: 0 auto;
	background-color: #F8FBFF;
	padding: 3% 0;
}
.home_price_title{
	width: 100%;
	text-align: center;	
}

/* 料金表のセンターリング */
.home_pricelist_item{
	width: 100%;
	margin: 0 auto !important;
}
.home_pricelist_item{
	font-size: 12px;
	color: #fefefe;
	text-decoration: none;
	
} 

/* 料金表の調整 */
.wp-block-table thead{
	border: 1px solid;
}
.wp-block-table thead tr{
	border: 1px solid;
}
.home_pricelist_item table tbody tr{
	background-color: #fff;
}



/***** アクセス *****/
.home_access{
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
}
.home_access_map-wrap{

}
.home_access_map{
	width: 100%;
	height: 300px;	
}
.erase{
	display: none;
}

/***** ラストボックス *****/
.wp-container-core-group-layout-10.wp-container-core-group-layout-10.home_lastbox {
	align-items: normal;
}
.home_lastbox{
	width: 100%;
	margin: 0 auto;
	background-color: #F8FBFF;
}
.home_lastbox_column{
	padding: 5%;
	width: 100%;
}

.home_lastbox_left-column{
	
}
.home_lastbox_left-column_friend{
	color: #fff;
	text-shadow: 1px 1px 5px #111;
	padding: 10% 0 0 30%;
}
.home_lastbox_left-column_friend_span{
	font-size: 25px;
	text-shadow: 1px 1px 5px #999;
}

.home_lastbox_right-column{
	
}
.home_lastbox_right-column_wrap{
	width: 70%;
	text-align: center;
	background-color: #fff;
	border-radius: 15px;
	margin: 0 auto;
	padding: 3% 0;
}
i.fas.fa-desktop{
	margin: 0 auto;
}
.home_lastbox_right-column_reserve{
	width: 100%;
	margin-bottom: 0 !important;
}
.home_lastbox_right-column_friend{
	width: 100%;
}
.line-friend img, .line-friend_bottom img{
	height: 50px;
	width: auto;
}
a.line-friend_bottom{
	margin: 0 auto;
}

/* 下部マージンのキャンセル */
.wp-container-core-group-layout-4.wp-container-core-group-layout-4, .wp-container-core-columns-layout-2.wp-container-core-columns-layout-2 {
	margin-bottom: 0;
}
div.entry-content.cf{
	margin-bottom: 0;
}

.hamon{
	background-image: url('https://8-beaute.jp/wp-content/uploads/2023/12/22565447_m.jpg');
	background-size: contain;
}


/***** お知らせ *****/
div.new-entry-cards.widget-entry-cards.no-icon.cf.border-partition{
	width: 70%;
	margin: 0 auto;
}

p.has-text-align-center.insta-text{
	width: 100%;
	text-align: center;
	margin-bottom: 0 !important;
}
figure.wp-block-image.size-large.is-resized.insta-icon{
	margin: 0 auto;
}


/**********************************/
/* オンライン診療取次
/**********************************/
/* タイトルカバー */
p.has-text-align-right.telemedicine_top-title.has-large-font-size{
	margin-right: 0 !important;
	font-size: 24px !important;
}
div.wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained{
	padding-top: 0 !important;
}
.telemedicine_top-title{
	font-size: 24px;	
}

.home-explanation_wrap{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
.home-explanation{
	
}

/***** サービス特徴 *****/
.Agency_Features-wrap{
	margin: 0 auto;
	max-width: 1200px;
}

.Agency_Features{
	width: 100%;
	padding: 2% 10%;
	margin: 0 3%;
	background-color: #F8FBFF;
}
.Agency_Features_title{
	width: 100%;
	text-align: center;
	margin: 3% 0 !important;
}
.Agency_Features-img{
	/* filter: drop-shadow(5px 5px 20px #aaa); */
	box-shadow: 5px 5px 20px #aaa;
}

/***** エクソソーム購入 ～ 投与までの流れ *****/
.home_flow_title{
	width: 100%;
	text-align: center;	
}
figure.wp-block-image.size-large.home_flow_img{
	margin: 0 auto;
}

/* フローの全体幅とセンターリング */
.home_flow{
	max-width: 1000px;
	width: 80%;
	padding: 0 10% 2& 10%;
    margin: 0 auto;
	margin-bottom: 0 !important;
}
.home_flow_title{
	margin-top: 3% !important;
}
.home_flow_message{
	width: 90%;
	margin: 0 auto;
}

.filter {
  position: absolute;
  left: -9999px;
}

/* ラジオボタンの調整 */
.radios-boxes-wrap{
	margin: 0 auto;
}
.radios-boxes {
	display: flex;
	justify-content: center;
}

.radios {
  display: flex;
  filter: url('#gooeyness');
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.radio {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50%;
  border: 16px solid #ccc;
  cursor: pointer;
  height: 60px;
  width: 60px;
  margin: 10px;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 800ms;
}

.radio.active {
  border-color: #4DB6AC;
}

.ball {
  background: white;
  border-radius: 50%;
  height: 34px;
  left: 23px;
  pointer-events: none;
  position: absolute;
  top: 23px;
  transform: translateY(-80px);
  transition: transform 800ms;
  width: 34px;
}

.ball.pos0 {
  transform: translateY(0px);
}

.ball.pos1 {
  transform: translateY(80px);
}

.ball.pos2 {
  transform: translateY(160px);
}

.ball.pos3 {
  transform: translateY(240px);
}

/* ラジオボタンのラベル表示設定 */
.labels {
  margin-left: 5px;
}

.label {
  color: #ccc;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 50px;
  padding: 15px 0;
  -webkit-tap-highlight-color: transparent;
  transition: color 800ms;
}

.label.active {
  color: #4DB6AC;
}

/* フロー図の設定 */
.panel{
    display: none;
}
.panel.active{
    display: block;
}

label.panel.active{
	text-align: center;
}
label.panel.active img{
	width: 60%;
	height: auto;
	margin: 0 auto;
	animation-duration: 1s;
	animation-name: fade;
}
@keyframes fade{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

/***** よくある質問 *****/
.wp-container-core-columns-layout-5.wp-container-core-columns-layout-5{
	display: none;
}
.home_qa_column{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto !important;
	padding-top: 3%; /* marginで中央揃えしているためやむなくpaddingを使用 */
}
.home_qa_column_left-title{
	font-size: 24px;
	font-weight: bold;
}

/* アコーディオンFAQ */
.accordion * {
  box-sizing: border-box;
}
 
.accordion_row {
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
 
.accordion_row:last-child {
  margin-bottom: 0;
}
 
.accordion_header {
  padding: 1em 2.8em 1em 0;
  cursor: pointer;
  position: relative;
}
.accordion_header p{
}
div.accordion_header.js_accordion_btn{
	width: 100%;
}

.accordion_barBox {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  right: 1.5em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
 
.accordion_bar {
  display: block;
  width: 0.8em;
  height: 2px;
  background: #444;
  position: absolute;
  top: 50%;
  left: 50%;
}
 
.accordion_bar:nth-of-type(1) {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
 
.accordion_bar:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s linear;
}
 
.accordion_content {
  display: none;
  width: 100%;
  height: 0;
  transition: 0.3s linear;
}
 
.accordion_content-inner {
  /* padding: 0 1em 1em; */
  padding: 0 1em 0 0;
}
 
.accordion_content-bg {
  /* padding: 1em; */
  background: #fff;
  border-radius: 10px;
}
 
.accordion_header p,
.accordion_content p {
  margin: 0;
}
 
/* アコーディオンが開いている時 */
.accordion_row.-active .accordion_bar:nth-of-type(2) {
  opacity: 0;
}




/**********************************/
/* Miracle EX Jet  
/**********************************/
/***** トップ画面 *****/
.miracle-top-wrap{
	position: relative;
	width: 100%;
	height: 700px;
	height: 100vh;
	background-color: #F2F2F4;
}

.miracle-top_left, .miracle-top_right{
	width: 50%;
}
.miracle-top_left{
	position: absolute;
	top: 25%;
	left: 2%;
	z-index: 5;
}
.miracle-top_right{
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 95%;
	height: 100vh;
	background-image: url("https://8-beaute.jp/wp-content/uploads/2024/02/miracle_woman_image_cut.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}
.miracle-top_right-img{

}
.miracle-top_left-title img{
	width: 80%;
}
.miracle-top_left-sub img{
	width: 30%;
}
.miracle-top_left-title, .miracle-top_left-sub, .miracle-top_left-txt{
	text-align: center;
	width: auto;
}

/***** エクソソームの可能性 *****/
.miracle-Availability{
	max-width: 1000px;
	width: 80%;
	margin: 0 auto;
}
.miracle-Availability_title{
	width: 100%;
	text-align: center;
}
.miracle-Availability_text{
	
}


/***** ミラクルEXジェットの特徴 *****/
.miracle-feature{

}
p.miracle-feature_text{
	max-width: 1000px;
	width: 80%;
	margin: 0 auto;
}


.miracle-feature_outlinebox{
}
div.wp-block-columns.miracle-feature_mainflexbox.is-layout-flex.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex{
	margin: 0 auto;
}
.miracle-feature_mainflexbox{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto !important;
}
.miracle-feature_title{
	width: 100%;
	text-align: center;
}



/* 左側flexの設定 */
.miracle-feature{
  display: flex;
  width: 100%;
  margin-bottom: 1.8em;
}
.miracle-feature_point{
	width: 20%;
}
.miracle-feature_message{
  width: 100%;
}

/* 文字装飾 */
.miracle-feature_point{
  text-align: center;
  margin: auto 0;
  color: #c5b8a5;
  border-right: solid #c5b8a5 3px;
}
.miracle-feature_point-no{
  font-size: 36px;
}
.miracle-feature_message{
  margin: auto 0;
  padding-left: 1%;
}
.miracle-feature_message-gradient{
  font-size: 24px;
  font-weight: bold;
  background-image: linear-gradient(180deg, #eee 0%, #c5b8a5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.miracle-feature_right-img{
	padding-top: 10%;
}

.miracle-feature_Treatment_wrap, .miracle-feature_Treatment_wraptext{
	width: 80%;
	margin: 0 auto;	
}
.miracle-feature_Treatment_column{
	
}
.miracle-feature_Treatment_column-left, .miracle-feature_Treatment_column-center, .miracle-feature_Treatment_column-right{
	margin-bottom: 1.8rem !important;
}
img.wp-block-cover__image-background.wp-image-734,
img.wp-block-cover__image-background.wp-image-735,
img.wp-block-cover__image-background.wp-image-736{
	border-radius: 20px;
}
div.wp-block-cover.is-light{
	border-radius: 20px;
}
.miracle-feature_Treatment_column-text{
	font-size:
	color: #333;
	text-shadow: 0 0 10px #ffffff,
    0 0 20px #ffffff,
    0 0 30px #fefefe,
	0 0 40px #fefefe,
	0 0 50px #fefefe,
	0 0 60px #fefefe,
	0 0 70px #fefefe,
	0 0 80px #fefefe,
	0 0 90px #fefefe,
    0 0 100px #fefefe; 
	font-weight: bold;
}

.miracle-feature_caution_wrap{
	width: 80%;
	margin: 0 auto;
}
.miracle-feature_caution_text{
	font-size: 0.8rem;
}

/**********************************/
/* Miracle EX Jet(ここまで)
/**********************************/



/**********************************/
/* MAKEGINA製品販売
/**********************************/
/* トップ画面 */
.makegina_top{
	/*
	width: 100%;
	height: auto;*/
} /* カバー画像のmin-heightは固定ページのCSSに記載 */
.makegina_top-title{
	font-size:
	color: #333;
	text-shadow: 0 0 10px #ffffff,
    0 0 20px #ffffff,
    0 0 30px #fefefe,
	0 0 40px #fefefe,
	0 0 50px #fefefe,
	0 0 60px #fefefe,
	0 0 70px #fefefe,
	0 0 80px #fefefe,
	0 0 90px #fefefe,
    0 0 100px #fefefe; 
	font-weight: bold;
}
div.wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained{
	padding-top: 20%;
}

/* コンテンツ欄 */
.makegina_content-wrap{
	background-color: #f0f8ff;
	padding-bottom: 1.8em;
}

.makegina_content-toptext_wrap{
	width: 100%;
}
p.makegina_content-toptext{
	padding-top: 5%;
	padding-bottom: 5%;
	margin: 0 auto;
}

/* vi-bo ヴィーボ Fヘアローション */
.makegina_content-1title_wrap{
	width: 100%;
}
h6.wp-block-heading.makegina_content-1title{
	margin: 0 auto;	
}
figure.wp-block-image.size-large.makegina_content-1img{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 1.5em;
}
img.wp-image-547{
	margin: 0 auto;
}

/* Rei La Ai シリーズ */
.makegina_content-2title_wrap{
	width: 100%;
}
h6.wp-block-heading.makegina_content-2title{
	margin: 0 auto;	
}
figure.wp-block-image.size-large.makegina_content-2img{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 1.5em;
}
img.wp-image-548{
	margin: 0 auto;
}

.makegina_content-official_wrap{
	width: 100%;
}
p.makegina_content-officialtext{
	width: 85%;
	margin: 0 auto;
}
p.makegina_content-officialtext{

}
a.wp-block-button__link.wp-element-button{
	font-size: 18px;
	background-color: #1a4499;
}

/**********************************/
/* MAKEGINA製品販売(ここまで)
/**********************************/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	h1{
		padding-bottom: 3%;
	}
	
	/* 新しいかたちの再生医療 */
	div.tagline{
		font-size: 16px;
	}

	
	/* モバイルフッターメニューの非表示 */
	.mobile-footer-menu-buttons{
		display: none;
	}
	
	
	/*****  エクソソームに期待される効果 *****/
	.home_efficacy{
		width: 90%;
	}
	.home_efficacy_left-title_wrap, .home_efficacy_right-title_wrap{
		height: auto;
	}
	
	/***** エクソソーム購入 ～ 投与までの流れ *****/
	.home_flow{
		padding: 0;
	}
	
	/* フローの選択肢 */
	.radio {
		border-radius: 50%;
		border: 16px solid #ccc;
		height: 40px; /* 外の丸の縦幅 */
		width: 40px;   /* 外の丸の横幅 */
		margin: 10px;  /* 外の丸の縦横マージン */
	}

	.ball {
		border-radius: 50%;
		height: 20px; /* 中のボールの縦幅 */
		width: 20px;  /* 中のボールの横幅 */
		left: 20px;   /* 中のボールの横位置 */
		top: 19px;    /* 中のボールの縦位置 */
		transform: translateY(-80px); 
	}
	 /* ボールの変化量 */
	.ball.pos0 {
		transform: translateY(0px);
	}
	.ball.pos1 {
		transform: translateY(60px);
	}
	.ball.pos2 {
		transform: translateY(120px);
	}
	.ball.pos3 {
		transform: translateY(180px);
	}

	.label {
		font-size: 14px;
		line-height: 30px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}
	
	
	/***** Miracle EX Jet(ここから) *****/
	/* 左文字を下位置にずらしてセンターリング */
	.miracle-top_left{
		top: 65%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	/* 左文字のサイズ調整 */
	.miracle-top_left-title img{
		width: 100%;
	}
	.miracle-top_left-sub img{
		width: 60%;
	}
	
	/* 女性の写真をセンターリング */
	.miracle-top_right{
		width: 100%;
		background-position: center;
	}
	.miracle-top-wrap{
    	background-color: transparent;
	}
	.miracle-top_right{
		background-color: #F2F2F4;
	}
	
	/* 文字装飾 */
	.miracle-feature_message{
		margin: 0;
		font-size: 12px;
	}
	.miracle-feature_message-gradient{
		font-size: 16px;
	}
	/***** Miracle EX Jet(ここまで) *****/

	
}

/*870px以下*/
@media screen and (max-width: 870px){
  /*必要ならばここにコードを書く*/
	
	/* エクソソームの安全性 */
	.home_safety_message {
    	width: 95%;
	}
	
	/* フローの丸 */
	.label {
		font-size: 12px;
		line-height: 30px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}


/*785px以下*/
@media screen and (max-width: 785px){
  /*必要ならばここにコードを書く*/
	
	.home_flow {
		padding: 0;
	}

	/* フローの選択肢 */
	.radio {
		border-radius: 50%;
		border: 16px solid #ccc;
		height: 40px; /* 外の丸の縦幅 */
		width: 40px;   /* 外の丸の横幅 */
		margin: 10px;  /* 外の丸の縦横マージン */
	}

	.ball {
		border-radius: 50%;
		height: 20px; /* 中のボールの縦幅 */
		width: 20px;  /* 中のボールの横幅 */
		left: 20px;   /* 中のボールの横位置 */
		top: 19px;    /* 中のボールの縦位置 */
		transform: translateY(-80px); 
	}
	 /* ボールの変化量 */
	.ball.pos0 {
		transform: translateY(0px);
	}
	.ball.pos1 {
		transform: translateY(60px);
	}
	.ball.pos2 {
		transform: translateY(120px);
	}
	.ball.pos3 {
		transform: translateY(180px);
	}

	.label {
		font-size: 14px;
		line-height: 30px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}
	
	.label {
		font-size: 14px;
		line-height: 30px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}	
}

/*780px以下*/
@media screen and (max-width: 780px){
	
	.home_efficacy_left-detail, .home_efficacy_right-detail{
		height: auto;
	}
	
	/* サービスのカラム順番変更 */
	.column-reverse{
		flex-direction: column-reverse;
	}
	
	/* フロー図のサイズアップ */
	label.panel.active img {
		width: 95%;
	}
	
	img.wp-image-513{
		height: 50%;
		width: auto;
	}
	
}

/*670px以下*/
@media screen and (max-width: 670px){
  /*必要ならばここにコードを書く*/

	.label {
		font-size: 12px;
		line-height: 30px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}	
	
	/**********************************/
	/* Miracle EX Jet  
	/**********************************/
	.miracle-top-wrap{
		height: 80vh;
	}
	.miracle-top_left-txt{
		font-size: 12px;
	}
	.miracle-top_right{
		height: 80vh;
		background-size: cover;
	}
	/**********************************/
	/* Miracle EX Jet(ここまで)  
	/**********************************/
}

/*610px以下*/
@media screen and (max-width: 610px){
  /*必要ならばここにコードを書く*/

	.label {
		font-size: 12px;
		line-height: 30px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}	
	
	/* オンライン診療取次 */
	p.has-text-align-right.telemedicine_top-title.has-large-font-size{
		font-size: 14px !important;
	}
	
	/* MAKEGINA製品販売(ここまで) */
	a.wp-block-button__link.wp-element-button{
		font-size: 12px;
	}

}

/*555px以下*/
@media screen and (max-width: 555px){
  /*必要ならばここにコードを書く*/
	h1{
		padding-bottom: 4%;
	}

	/* フローの選択肢 */
	.skin-grayish {
		letter-spacing: 0; 
 	}	
	.radio {
		border-radius: 50%;
		border: 16px solid #ccc;
		height: 14px; /* 外の丸の縦幅 */
		width: 14px;   /* 外の丸の横幅 */
		margin: 10px;  /* 外の丸の縦横マージン */
	}

	.ball {
		border-radius: 50%;
		height: 15px; /* 中のボールの縦幅 */
		width: 15px;  /* 中のボールの横幅 */
		left: 19px;   /* 中のボールの横位置 */
		top: 18px;    /* 中のボールの縦位置 */
		transform: translateY(-80px); 
	}
	 /* ボールの変化量 */
	.ball.pos0 {
		transform: translateY(0px);
	}
	.ball.pos1 {
		transform: translateY(52px);
	}
	.ball.pos2 {
		transform: translateY(104px);
	}
	.ball.pos3 {
		transform: translateY(156px);
	}

	.label {
		font-size: 12px;
		line-height: 22px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}
	
	
	/* オンライン診療取次 */
	/*
	.fz-22px{
		font-size: 14px;
	}
	*/
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	/* hタグ */
	h1, .article h1, .skin-grayish .article h2{
		font-size: 14px;
		margin: 3% 0;
	}
	h1{
		padding-bottom: 4%;
		background-size: 70%;
	}
	
	/* 新しいかたちの再生医療 */
	div.tagline{
		font-size: 12px;
	}
	
	/* トップメッセージ */
	.home_top-message, .home_first-message{
		width: 90%;
	}
	p.home_top-message, p.home_first-message {
		font-size: 12px;
	}

	
	/* エクソソームに期待される効果 */
	.home_efficacy_right-column{
		margin-top: 15% !important;
	}
		
	/* エクソソームの安全性 */
	.home_safety_message {
    	width: 100%;
	}
	p.home_safety_message {
    	font-size: 10px;
	}
	
	/* サービス */
	.home-services_column-img{
		margin-bottom: 1.8em !important;
	}
	
	/* アクセス */
	p.home_access_left-text{
		font-size: 12px;
		margin-bottom: 1.8em !important;
	}
	
	/* ラストボックス */
	.home_lastbox_left-column_friend{
		padding: 5% 0 5% 0;
	}
	p.home_lastbox_left-column_friend{
		text-align: center;
	}
	.home_lastbox_left-column_friend_span {
    	font-size: 18px;
		text-align: center;
	}
	.home_lastbox_right-column_reserve {
		padding: 0 2%;
		margin-bottom: 0 !important;
	}
	p.home_lastbox_right-column_reserve {
		font-size: 10px;
	}
	.line-friend img, .line-friend_bottom img{
		height: 40px;
		width: auto;
	}
	
	/* お知らせ */
	div.new-entry-cards.widget-entry-cards.no-icon.cf.border-partition{
		width: 100%;
	}
	
	/* フッターメニュー */
	.navi-footer-in a{
		font-size: 10px;
	}
	
	
	/****** オンライン診療取次 ******/
	/* サービス特徴 */
	p.telemedicine_top-title{
		font-size: 18px;
	}
	.Agency_Features {
    	padding: 5% 10%;
	}
	p.Agency_Features_left-order_message, .Agency_Features_right-order p{
		font-size: 12px;
	} 	
	.Agency_Features_left-order, .Agency_Features_right-order{
		margin-bottom: 5% !important;
	} 	

	/* フロー */
	.home_flow {
		width: 95%;
	}
	.home_flow_title{
		margin-top: 3% !important;
	}
	.home_flow_message{
		font-size: 10px;
	}
	
		
	/* よくある質問 */
	.home_qa_column_left-title {
 	   font-size: 14px;
	}
	.accordion_header p, .accordion_content p {
    	font-size: 12px;
	}

}


/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/

	.label {
		font-size: 10px;
		line-height: 22px; /* ブロックの縦幅 */
		padding: 15px 0;   /* 上下のパディング */
	}
	
	
	/* よくある質問 */
	.is-layout-flex {
		gap: 0; /* タイトルの下のspaceを圧縮 */
	}
	
	/* ラストボックス */
	.home_lastbox_right-column_wrap {
		padding: 5% 0;
	}
	.home_lastbox_right-column_reserve {
		padding: 3%;
	}
	
	/* アクセス */
	.home_access{
		width: 90%;
		margin: 0 auto;
	}
	p.home_access_detail{
		font-size: 10px;
	}
	
	p.has-text-align-center.insta-text{
		margin-top: 5%;
	}
	
	/**********************************/
	/* Miracle EX Jet  
	/**********************************/
	.miracle-top-wrap{
		height: 80vh;
	}
	.miracle-top_left-txt{
		font-size: 12px;
	}
	.miracle-top_right{
		height: 80vh;
		background-size: cover;
	}
	/**********************************/
	/* Miracle EX Jet(ここまで)  
	/**********************************/

	/**********************************/
	/* MAKEGINA製品販売  
	/**********************************/
	p.has-text-align-center.makegina_top-title.has-large-font-size{
		font-size: 24px !important;
	}
	p.makegina_content-toptext{
		width: 80%;
	}
	/**********************************/
	/* MAKEGINA製品販売(ここまで) 
	/**********************************/
}