@charset "utf-8";
@import "cmn_reset.css";

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:700|Yellowtail&display=swap');

/* @font-face {
	font-family: 'FOT-筑紫A丸ゴシック Std M';
	src: url('../font/TsukuARdGothicStd-M.woff2') format('woff'),
			url('../font/TsukuARdGothicStd-M.woff') format('woff');
}
@font-face {
	font-family: 'FOT-筑紫A丸ゴシック Std B';
	src: url('../font/TsukuARdGothicStd-B.woff2') format('woff'),
			url('../font/TsukuARdGothicStd-B.woff') format('woff');
} */

/* ---------------------------------------------------------

	小腸ケア倶楽部
	Date: 2019.10.15

	01. 基礎設定
	02. 画面構成
	03. ヘッダー
	04. フッター
	05. 共通パーツ
	06. トップページ
	07. 免疫⼒を上げるには⼩腸ケア
	08. 小腸ケアには乳酸菌L-137
	09. 乳酸菌L-137の研究成果
	10. 研究の歩み
	11. 歯科医院での取り組み
	12. コラム
	13. Q&A
	14. 免疫力を高める小腸ケアセミナー
	15. やってみよう！免疫力セルフチェック
	16. 資料請求・お問い合わせ


--------------------------------------------------------- */

/* ---------------------------------------------------------

	01. 基礎設定

--------------------------------------------------------- */
html {
	color: #231f20;
	font-size: 12px;
	font-family: 'FOT-筑紫A丸ゴシック Std M', "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

body {
	height: 100%;
}

.font_yu {
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}
_:lang(x)::-ms-backdrop, .font_yu {
	font-family: arial, "メイリオ", Meiryo, sans-serif;
}

.font_yellow {
	font-family: 'Yellowtail', cursive;
}

.font_josefin {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: bold;
}

/*===============================================
	基礎設定：959px未満
===============================================*/
@media screen and (max-width:959px) {
	.only_pc {display: none;} /* PC時のみ表示する要素に */
}

/*===============================================
	基礎設定：960px以上
===============================================*/
@media screen and (min-width:960px) {
	.only_sp {display: none;} /* SP時のみ表示する要素に */
}

/*===============================================
	基礎設定：767px未満
===============================================*/
@media screen and (max-width:767px) {
	.only_tablet {display: none;} /* PC時のみ表示する要素に */
}

/*===============================================
	基礎設定：768px以上
===============================================*/
@media screen and (min-width:768px) {
	.only_sp_small {display: none;} /* SP時のみ表示する要素に */
    .sp_only{display: none;}
}



/* ---------------------------------------------------------

	02. 画面構成

--------------------------------------------------------- */
.wrapper {
	background: url("/material/img/common/bg_noise01.png") repeat 0 0;
	background-size: 32px 32px;
	min-height: inherit;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.cmn_container {
	margin: 0 auto;
	max-width: 1040px;
	padding: 0 15px;
	position: relative;
	width: 100%;
}

.cmn_container_large {
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 15px;
	position: relative;
	width: 100%;
}

.cmn_main {
	border-top: 1px solid #eaeaea;
}

#top .cmn_main,
#htc .cmn_main {
	border-top: none;
}


/*===============================================
	基礎設定：768px以上
===============================================*/
@media screen and (min-width:768px) {
	.wrapper {
		background-size: 64px 64px;
		min-height: 100%;
		min-width: 100%;
	}

	.cmn_container,
	.cmn_container_large {
		padding: 0 20px;
	}
}

/*===============================================
	基礎設定:959px以下
===============================================*/
@media screen and (max-width:959px) {
	.cmn_main {
		border-top: 1px solid #eaeaea;
		margin-top: 45px;
	}
}


/* ---------------------------------------------------------

	03. ヘッダー

--------------------------------------------------------- */
.header_inner {
	background-color: #fff;
	height: 45px;
	padding-top: 9px;
	padding-left: 15px;
}

.device_pc .header_logo {
	transition: opacity 0.2s ease-out;
}

.device_pc .header_logo a:hover {
	opacity: 0.6;
}

.header_logo img {
	width: 135px;
}

.header_button {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 500;
}

.header_button_inner {
	display: flex;
	flex-direction: row-reverse;
}

.header_menu {
	background-color: #fe5548;
	height: 45px;
	position: relative;
	width: 45px;
}

.is-open .header_menu a {
	left: 0;
}

.is-open .header_menu a::after {
	left: 50%;
	width: 0;
}

.header_menu a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

.header_menu span {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 100%;
}

.header_menu a::after,
.header_menu span::before,
.header_menu span::after {
	content: '';
	background-color: #fff;
	height: 2px;
	position: absolute;
	left: 17px;
	transition: transform 0.35s ease-in-out;
	width: 11px;
}

.header_menu a::after {top: 22px;}
.header_menu span::before {top: 16px;}
.header_menu span::after {bottom: 15px;}

.is-open .header_menu span::before {
	top: 21px;
	transform: rotate(-45deg);
}

.is-open .header_menu span::after {
	top: 21px;
	transform: rotate(45deg);
}

.header_contact {
	display: inline-block;
	background-color: #fff;
	border: 2px solid #fff;
	height: 45px;
	position: relative;
	transform: perspective(1px) translateZ(0);
	vertical-align: middle;
	transition: background 0.2s, border 0.2s;
	width: 45px;
}

.is-open .header_contact {
	border: 2px solid #fe5548;
}

.device_pc .header_contact:hover {
	background-color: #ffba00;
	border: 2px solid #ffba00;
}

.header_contact a {
	display: inline-block;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	width: 100%;
}

.header_contact a::after {
	content: "";
	background: url("/material/img/common/ico_contact01.png") no-repeat  0 0;
	background-size: 17px 13px;
	height: 13px;
	position: absolute;
	top: 14px;
	left: 13px;
	width: 17px;
}

.device_pc .header_contact:hover a {
	color: #fff;
}

.device_pc .header_contact:hover a::after {
	background: url("/material/img/common/ico_contact02.png") no-repeat  0 0;
	background-size: 17px 13px;
}

.header_nav_wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

.header_nav_wrap.is-open {
	display: block;
}

.header_nav {
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	border: 5px solid #ffc600;
	height: 100vh;
	overflow-y: auto;
	padding: 55px 33px;
	-webkit-overflow-scrolling: touch;
}

.header_nav_inner {
	margin: 0 auto;
	max-width: 300px;
}

.header_nav_list > li:not(:last-child) {
	margin-bottom: 23px;
}

.header_nav_list > li > a {
	display: inline-block;
	color: #231f20;
	padding-left: 55px;
	position: relative;
	text-decoration: none;
}

.header_nav_list > li span {
	display: inline-block;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3;
	padding-top: 1px;
}

.device_pc .header_nav_list > li > a span {
	transition: background 0.3s ease-out;
}

.device_pc .header_nav_list > li > a:hover span {
	background: linear-gradient(transparent 40%, #ffedb0 40%);
}

.header_nav_list > li > a::before {
	content: "";
	height: 17px;
	position: absolute;
	top: 3px;
	left: 6px;
}

.header_nav_detail:first-child .header_nav_list > li:first-child a::before {
	background: url("/material/img/common/txt_number01.png") no-repeat 0 0;
	background-size: 30px 17px;
	width: 30px;
}

.header_nav_detail:first-child .header_nav_list > li:nth-child(2) span {
	padding-left: 55px;
	position: relative;
}

.header_nav_detail:first-child .header_nav_list > li:nth-child(2) span::before {
	content: "";
	background: url("/material/img/common/txt_number02.png") no-repeat 0 0;
	background-size: 36px 17px;
	height: 17px;
	position: absolute;
	top: 3px;
	left: 6px;
	width: 36px;
}

.header_nav_detail:last-child .header_nav_list > li:first-child a::before {
	background: url("/material/img/common/txt_number03.png") no-repeat 0 0;
	background-size: 35px 17px;
	width: 35px;
}

.header_nav_detail:last-child .header_nav_list > li:nth-child(2) a::before {
	background: url("/material/img/common/txt_number04.png") no-repeat 0 0;
	background-size: 36px 17px;
	width: 36px;
}

.header_nav_detail:last-child .header_nav_list > li:nth-child(3) a::before {
	background: url("/material/img/common/txt_number05.png") no-repeat 0 0;
	background-size: 35px 17px;
	width: 35px;
}

.header_nav_detail:last-child .header_nav_list > li:nth-child(4) a::before {
	background: url("/material/img/common/txt_number06.png") no-repeat 0 0;
	background-size: 36px 17px;
	width: 36px;
}

.header_nav_detail:last-child .header_nav_list > li:nth-child(5) a::before {
	background: url("/material/img/common/txt_number07.png") no-repeat 0 0;
	background-size: 32px 17px;
	width: 32px;
}

.header_nav_detail:last-child .header_nav_list > li:nth-child(6) a::before {
	background: url("/material/img/common/txt_number08.png") no-repeat 0 0;
	background-size: 36px 17px;
	width: 36px;
}

.header_nav_card {
	margin-top: 20px;
	margin-bottom: 20px;
}

.header_nav_card li + li {
	margin-top: 8px;
}

.header_nav_card li a {
	color: #231f20;
	display: flex;
	align-items: center;
	font-size: 15px;
	line-height: 1.3;
	text-decoration: none;
}

.header_nav_image {
	border: 3px solid #fff;
	margin-right: 15px;
	overflow: hidden;
	width: 108px;
}

.device_pc .header_nav_image img {
	transition: transform 0.2s ease-out;
}

.device_pc .header_nav_card li a:hover img {
	transform: scale(1.2);
}

.header_nav_info {
	width: calc(100% - 108px);
}

.header_nav_text {
	display: inline;
	font-feature-settings: "palt";
	transition: background 0.3s ease-out;
}

.device_pc .header_nav_card li a:hover .header_nav_text {
	background: linear-gradient(transparent 30%, #ffedb0 30%);
}

.header_nav_check {
	display: flex;
	justify-content: flex-end;
	color: #fe5548;
	letter-spacing: 0.03em;
	margin-top: 8px;
	padding-right: 18px;
	position: relative;
	transition: margin 0.3s ease-out;
}

.header_nav_check::before {
	content: "";
	display: block;
	background-color: #fe5548;
	border-radius: 13px;
	height: 13px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 13px;
}

.header_nav_check::after {
	content: "";
	display: block;
	background: url("/material/img/common/ico_arrow_sp02.png") no-repeat 0 0;
	background-size: 3px 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	transition: all 0.15s ease-out;
	width: 3px;
}

.device_pc .header_nav_card > li > a:hover .header_nav_check {
	margin-right: -8px;
}

.header_nav_button {
	margin-top: 40px;
}


/*===============================================
	ヘッダー:959px以下
===============================================*/
@media screen and (max-width:959px) {
	.header_inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 50;
	}
}

/*===============================================
	ヘッダー:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.header_nav {
		background-size: 8px;
		border: 10px solid #ffc600;
		padding-top: 10vh;
		padding-bottom: 10vh;
	}
}

/*===============================================
	ヘッダー:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.header_inner {
		height: 100px;
		padding-top: 20px;
		text-align: center;
	}

	.header_logo img {
		width: 290px;
	}

	.header_button_inner {
		display: block;
	}

	.header_menu {
		height: 90px;
		width: 90px;
	}

	.header_menu a::after,
	.header_menu span::before,
	.header_menu span::after {
		height: 4px;
		left: 35px;
		width: 20px;
	}

	.header_menu a::after {top: 43px;}
	.header_menu span::before {top: 30px;}
	.header_menu span::after {bottom: 30px;}

	.is-open .header_menu span::before,
	.is-open .header_menu span::after {
		top: 45px;
	}

	.header_contact {
		border: 4px solid #fe5548;
		height: 90px;
		width: 90px;
		transform: perspective(1px) translateZ(0);
		transition: color 0.25s ease-out;
		vertical-align: middle;
	}

	.is-open .header_contact {
		border: 4px solid #fe5548;
	}

	.header_contact a {
		color: #fe5548;
		font-size: 16px;
		letter-spacing: 0.03em;
		padding-top: 53px;
		text-align: center;
		text-indent: 0;
	}

	.header_contact a::after {
		background-size: 34px 25px;
		height: 25px;
		top: 20px;
		left: 25px;
		width: 34px;
	}

	.header_nav {
		display: flex;
		align-items: center;
		/* justify-content: center; */
		padding-top: 5vh;
		padding-bottom: 5vh;
	}

	.header_nav_inner {
		max-width: 1000px;
		width: 55%;
	}

	.header_nav_inner {
		display: flex;
		justify-content: space-between;
		width: 98%;
	}

	.device_pc .header_nav_inner {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.device_pc .header_contact:hover a::after {
		background: url("/material/img/common/ico_contact02.png") no-repeat 0 0;
		background-size: 34px 25px;
	}

	.device_tablet .header_nav_detail + .header_nav_detail {
		margin-top: 0;
	}

	.header_nav_list > li:not(:last-child) {
		margin-bottom: 46px;
	}

	.header_nav_list > li > a {
		color: #231f20;
		padding-left: 86px;
		position: relative;
		text-decoration: none;
	}

	.header_nav_list > li span {
		font-size: 24px;
	}

	.header_nav_list > li > a::before {
		content: "";
		height: 29px;
		position: absolute;
		top: 50%;
		left: 6px;
		transform: translateY(-50%);
	}

	.header_nav_detail:first-child .header_nav_list > li:first-child a::before {
		background-size: 49px 29px;
		width: 49px;
	}

	.header_nav_detail:first-child .header_nav_list > li:nth-child(2) span {
		padding-left: 86px;
	}

	.header_nav_detail:first-child .header_nav_list > li:nth-child(2) span::before {
		content: "";
		background-size: 59px 29px;
		height: 29px;
		position: absolute;
		top: 50%;
		left: 6px;
		transform: translateY(-50%);
		width: 59px;
	}

	.header_nav_detail:last-child .header_nav_list > li:first-child a::before {
		background-size: 56px 29px;
		width: 56px;
	}

	.header_nav_detail:last-child .header_nav_list > li:nth-child(2) a::before {
		background-size: 58px 29px;
		width: 58px;
	}

	.header_nav_detail:last-child .header_nav_list > li:nth-child(3) a::before {
		background-size: 57px 29px;
		width: 57px;
	}

	.header_nav_detail:last-child .header_nav_list > li:nth-child(4) a::before {
		background-size: 59px 29px;
		width: 59px;
	}

	.header_nav_detail:last-child .header_nav_list > li:nth-child(5) a::before {
		background-size: 52px 29px;
		width: 52px;
	}

	.header_nav_detail:last-child .header_nav_list > li:nth-child(6) a::before {
		background-size: 58px 29px;
		width: 58px;
	}

	.header_nav_card {
		margin-top: 35px;
	}

	.header_nav_card li + li {
		margin-top: 15px;
	}

	.header_nav_card li a {
		display: flex;
		align-items: center;
		color: #231f20;
		font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 1.5;
		text-decoration: none;
		margin-top: 20px;
	}

	.header_nav_image {
		border: 6px solid #fff;
		margin-right: 15px;
		height: 110px;
		width: 170px;
	}

	.header_nav_info {
		width: 194px;
	}

	.header_nav_check {
		margin-top: 3px;
		padding-right: 28px;
	}

	.header_nav_check::before {
		border-radius: 20px;
		height: 20px;
		width: 20px;
	}

	.header_nav_check::after {
		background: url("/material/img/common/ico_arrow03.png") no-repeat 0 0;
		background-size: 5px 10px;
		height: 10px;
		right: 7px;
		width: 5px;
	}

	.header_nav_button .cmn_button {
		margin: 0;
	}
}

/*===============================================
	ヘッダー:1040px以上
===============================================*/
@media screen and (min-width:1040px){
	.header_nav_inner {
		width: 95%;
	}

	.header_nav_image {
		margin-right: 30px;
	}
}



/* ---------------------------------------------------------

	04. フッター

--------------------------------------------------------- */
.footer {
	margin: 30px auto 0;
	max-width: 1200px;
	padding: 32px 30px 25px;
	position: relative;
}

.footer::before {
	content: "";
	background: url("/material/img/common/img_line02.png") repeat-x 0 0;
	background-size: 234px 8px;
	height: 8px;
	margin: 0 14.062%;
	position: absolute;
	top: 0;
	left: 0;
	width: 71.876%;
}

.footer_pagetop {
	margin-bottom: 25px;
	text-align: center;
}

.footer_pagetop a {
	color: #ff6700;
	font-size: 20px;
	letter-spacing: 0.05em;
	padding-top: 20px;
	position: relative;
	text-decoration: none;
}

.footer_pagetop a::after {
	content: "";
	display: block;
	background: url("/material/img/common/ico_arrow01.png") no-repeat 0 0;
	background-size: 5px 9px;
	height: 18px;
	position: absolute;
	top: 3px;
	left: 50%;
	transform: rotate(-90deg) translateX(-50%);
	transition: all 0.1s ease-out;
	width: 10px;
}

.device_pc .footer_pagetop a:hover::after {
	top: 3px;
}

.footer_nav li {
	margin-bottom: 12px;
}

.footer_nav a {
	color: #231f20;
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.3s ease-out;
	white-space: nowrap;
}

.device_pc .footer_nav a:hover {
	background: linear-gradient(transparent 30%, #ffedb0 30%);
	padding-bottom: 2px;
}

.footer_button a {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fe9146;
	border-radius: 5px;
	color: #ff6700;
	font-size: 11px;
	height: 36px;
	margin: 25px auto 30px;
	text-decoration: none;
	width: 160px;
}

.footer_logo {
	text-align: center;
}

.footer_text_small {
	color: #6b6b6b;
	font-size: 11px;
	letter-spacing: 0.05em;
}

.footer_image {
	margin-bottom: 10px;
	transition: opacity 0.2s ease-out;
	width: 140px;
}

.device_pc .footer_image:hover {
	opacity: 0.6;
}

.footer_copyright {
	color: #6b6b6b;
	font-size: 8px;
	margin-top: 35px;
	text-align: center;
}

/*===============================================
	フッター:768pxから1039px
===============================================*/
@media screen and (min-width:768px) and (max-width:1039px) {
	.footer_link {
		display: flex;
	}

	.footer::before {
		margin: 0 4%;
		width: 92%;
	}

	.footer_pagetop a::after {
		background-size: 7px 11px;
		height: 11px;
		top: 8px;
		left: 50%;
		width: 7px;
	}

	.footer_link {
		margin-top: 20px;
	}

	.footer_nav {
		width: 36%;
	}

	.footer_button {
		display: flex;
		justify-content: flex-end;
		margin: 0;
		width: 27%;
	}

	.footer_button a {
		margin: 25px 0 30px;
	}
}

/*===============================================
	フッター:960pxから1039px
===============================================*/
@media screen and (min-width:960px) and (max-width:1039px) {
	.footer_pagetop a {
		font-size: 26px;
	}

	.footer_link {
		margin-top: 40px;
	}

	.footer_nav a {
		font-size: 15px;
		margin-bottom: 25px;
	}

	.footer_button a {
		border: 4px solid #fe9146;
		border-radius: 10px;
		font-size: 18px;
		height: 75px;
		width: 247px;
	}

	.footer_text {
		margin-top: 20px;
		font-size: 16px;
	}

	.footer_text_small {
		font-size: 14px;
	}

	.footer_image {
		margin-bottom: 15px;
		width: 230px;
	}

	.footer_copyright {
		font-size: 14px;
		margin-top: 50px;
	}
}

/*===============================================
	フッター:1040px以上
===============================================*/
@media screen and (min-width:1040px) {
	.footer {
		margin: 75px auto 0;
		padding: 52px 0 44px;
	}

	.footer::before {
		content: "";
		background: url("/material/img/common/img_line02.png") repeat-x 0 0;
		background-size: 468px 16px;
		height: 16px;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.footer_inner {
		display: flex;
		flex-direction: row-reverse;
		margin-left: auto;
		margin-right: auto;
		max-width: 1000px;
		width: 90%;
	}

	.footer_pagetop {
		text-align: right;
		width: 165px;
	}

	.footer_pagetop a {
		font-size: 22px;
		padding: 0 15px 0 0;
	}

	.footer_pagetop a::after {
		background-size: 10px 18px;
		height: 18px;
		top: 7px;
		left: 100%;
		right: 0;
		transform: rotate(-90deg) translateX(0%);
		width: 10px;
	}

	.footer_link {
		display: flex;
		margin-bottom: 50px;
		width: calc(100% - 165px);
	}

	.footer_nav a {
		color: #231f20;
		font-size: 14px;
		margin-bottom: 20px;
	}

	.footer_nav + .footer_nav {
		margin-left: 7.8%;
		margin-right: 7%;
	}

	.footer_button a {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 4px solid #fe9146;
		border-radius: 10px;
		color: #ff6700;
		font-size: 18px;
		height: 75px;
		text-decoration: none;
		transition: background 0.15s ease-out;
		width: 247px;
	}

	.footer_button a:hover {
		background-color: #fe9146;
		color: #fff;
	}

	.footer_logo {
		text-align: center;
	}

	.footer_text {
		color: #6b6b6b;
		font-size: 18px;
		letter-spacing: 0.05em;
	}

	.footer_text_small {
		color: #6b6b6b;
		font-size: 16px;
		letter-spacing: 0.05em;
	}

	.footer_image {
		margin-bottom: 15px;
		width: 280px;
	}

	.footer_copyright {
		color: #6b6b6b;
		font-size: 14px;
		margin-top: 70px;
		text-align: center;
	}

}



/* ---------------------------------------------------------

	05. 共通パーツ

--------------------------------------------------------- */
/* ボタン
--------------------------------------------------------- */
.cmn_button {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fe5548;
	border: none;
	border-radius: 20px;
	color: #fff;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 39px;
	line-height: 1.2;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-right: 15px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transform: perspective(1px) translateZ(0);
	transition: background 0.15s ease-out;
	transition: color 0.3s ease-out;
	vertical-align: middle;
	width: 220px;
}

.cmn_button:before {
	content: "";
	background: #ffba00;
	border-radius: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(0);
	transition: transform 0.25s ease-out;
}

.cmn_button:focus {
	outline: none;
}

.device_pc .cmn_button:hover:before,
.device_pc .cmn_button:focus:before,
.device_pc .cmn_button:active:before {
	transform: scale(2);
}

.device_pc .cmn_button:hover::after {
	background: url("/material/img/common/ico_arrow02.png") no-repeat 0 0;
	background-size: 7px 12px;
}

.cmn_button_arrow,
.cmn_button_arrow_large {
	background-color: #fff;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 16px;
}

.cmn_button_arrow::after,
.cmn_button_arrow_large::after {
	content: "";
	display: block;
	background: url("/material/img/common/ico_arrow_sp01.png") no-repeat 0 0;
	background-size: 5px 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	transition: all 0.15s ease-out;
	width: 5px;
}

.device_pc .cmn_button:hover .cmn_button_arrow::after {
	background: url("/material/img/common/ico_arrow02.png") no-repeat 0 0;
	background-size: 7px 12px;
}

.device_pc .cmn_button:hover .cmn_button_arrow_large::after {
	background: url("/material/img/common/ico_arrow02.png") no-repeat 0 0;
	background-size: 10px 15px;
}

.cmn_button_large {
	font-size: 13px;
	height: 39px;
	max-width: 220px;
}

.cmn_button_small {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fe5548;
	border-radius: 40px;
	color: #fff;
	cursor: pointer;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	overflow: hidden;
	padding-right: 10px;
	position: relative;
	transform: perspective(1px) translateZ(0);
	transition: background 0.15s ease-out;
	width: 161px;
}

.cmn_button_small:before {
	content: "";
	background: #ffba00;
	border-radius: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(0);
	transition: transform 0.25s ease-out;
}

.device_pc .cmn_button_small:hover:before,
.device_pc .cmn_button_small:focus:before,
.device_pc .cmn_button_small:active:before {
	transform: scale(2);
}

.device_pc .cmn_button_small:hover,
.device_pc .cmn_button_small:hover .cmn_button_acc::before,
.device_pc .cmn_button_small:hover .cmn_button_acc::after {
	background-color: #ffba00;
}

.cmn_button_acc {
	display: inline-block;
	background-color: #fff;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 16px;
}

.cmn_button_acc::before {
	content: "";
	display: block;
	background-color: #fe5548;
	border-radius: 2px;
	height: 2px;
	position: absolute;
	top: 7px;
	left: 4px;
	transition: all 0.15s ease-out;
	width: 8px;
}

.cmn_button_acc::after {
	content: "";
	display: block;
	background-color: #fe5548;
	border-radius: 2px;
	height: 8px;
	position: absolute;
	top: 4px;
	left: 7px;
	transition: transform 0.15s ease-out;
	width: 2px;
}

.is-open .cmn_button_acc::after {
	transform: rotate(-90deg);
}


.cmn_button_back {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #bbb;
	border: none;
	border-radius: 20px;
	color: #fff;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 39px;
	line-height: 1.2;
	margin: 0 auto 20px;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	transform: perspective(1px) translateZ(0);
	transition: background 0.15s ease-out;
	transition: color 0.3s ease-out;
	vertical-align: middle;
	width: 220px;
}

.cmn_button_back:before {
	content: "";
	background: #ffba00;
	border-radius: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(0);
	transition: transform 0.25s ease-out;
}

.device_pc .cmn_button_back:hover:before,
.device_pc .cmn_button_back:focus:before,
.device_pc .cmn_button_back:active:before {
	transform: scale(2);
}

.device_pc .cmn_button_back:hover::after {
	background: url("/material/img/common/ico_arrow02.png") no-repeat 0 0;
	background-size: 7px 12px;
}

/*===============================================
	ボタン:1040px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_button {
		border-radius: 60px;
		font-size: 18px;
		width: 300px;
		height: 60px;
		padding-right: 25px;
		transform: perspective(1px) translateZ(0);
	}

	.cmn_button_arrow {
		border-radius: 24px;
		height: 24px;
		width: 24px;
	}

	.cmn_button_arrow::after {
		background: url("/material/img/common/ico_arrow01.png") no-repeat 0 0;
		background-size: 7px 12px;
		height: 12px;
		right: 8px;
		width: 7px;
	}

	.cmn_button_arrow_large {
		background-color: #fff;
		border-radius: 32px;
		height: 32px;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		width: 32px;
	}

	.cmn_button_arrow_large::after {
		background: url("/material/img/common/ico_arrow01.png") no-repeat 0 0;
		background-size: 10px 15px;
		height: 15px;
		right: 10px;
		width: 10px;
	}

	.cmn_button_large {
		font-size: 20px;
		height: 70px;
		max-width: 320px;
	}

	.cmn_button_small {
		border-radius: 60px;
		color: #fff;
		font-size: 18px;
		height: 60px;
		padding-right: 15px;
		width: 240px;
	}

	.cmn_button_acc {
		border-radius: 32px;
		height: 32px;
		right: 18px;
		width: 32px;
	}

	.cmn_button_acc::before {
		border-radius: 10px;
		height: 5px;
		top: 13px;
		left: 9px;
		width: 15px;
	}

	.cmn_button_acc::after {
		border-radius: 10px;
		height: 15px;
		top: 8px;
		left: 14px;
		width: 5px;
	}

	.cmn_button_back {
		border-radius: 60px;
		font-size: 18px;
		height: 60px;
		margin-bottom: 30px;
		transform: perspective(1px) translateZ(0);
		width: 300px;
	}
}

/* メインビジュアル
--------------------------------------------------------- */
.cmn_mv_wrap  {
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	border-top: 1px solid #eaeaea;
}

.cmn_mv_head {
	display: flex;
	overflow: hidden;
}

.cmn_mv_pickup {
	background-color: #ffc600;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.05rem;
	line-height: 1.4;
	min-height: 45px;
	padding-top: 5px;
	position: relative;
	text-align: center;
	width: 50px;
}

.cmn_mv_pickup a {
	display: inline-block;
	color: #231f20;
}

.cmn_mv_pickup_image {
	margin: 0 auto;
	width: 23px;
}

.device_pc .cmn_mv_pickup_image {
	animation: bounce 3s infinite;
}

.cmn_mv_pickup_image img {
	vertical-align: middle;
}

@keyframes bounce {
	0%, 30%, 65%, 80%, 100% {
		transform: translateX(0);
	}
	58% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translateX(-20px);
	}
	70% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translateX(-10px);
	}
}

.cmn_mv_link {
	display: flex;
	width: 530px;
}

.cmn_mv_link li {
	min-height: 45px;
	line-height: 1.4;
	position: relative;
	width: 16.666%;
}

.cmn_mv_link li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #231f20;
	height: 100%;
	position: relative;
	text-decoration: underline;
}

.cmn_mv_link li span {
	color: #231f20;
	display: inline-block;
	font-size: 11px;
	font-feature-settings: "palt";
	line-height: 1;
	margin-top: -2px;
}

.device_pc .cmn_mv_link li a:hover span {
	background: linear-gradient(to bottom, transparent 30%, #ffedb0 30%);
}

.cmn_mv_link li:not(:last-child)::after {
	content: "";
	background: url("/material/img/common/img_line01.png") repeat-y 0 0;
	background-size: 1px 32px;
	position: absolute;
	top: 50%;
	right: 0;
	height: 45px;
	transform: translateY(-50%);
	width: 1px;
}

.cmn_mv_content {
	background: url("/material/img/common/bg_watercolor01.png") repeat 0 0;
	background-size: 95px 95px;
	border: 6px solid #ffc600;
	padding: 30px;
	text-align: center;
}

#top .cmn_mv_content {
	padding: 30px 15px;
}

.cmn_mv_title_image img {
	width: 280px;
}

.cmn_mv_title {
	display: inline-block;
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 26px;
	font-weight: normal;
	line-height: 1.3;
	position: relative;
	text-align: left;
}

.cmn_mv_title::after {
	content: "";
	background: url("/material/img/common/bg_wave01.png") repeat-x 0 0;
	background-size: 7px 2px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
}

.cmn_mv_title_large {
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 30px;
	font-weight: normal;
}

.cmn_mv_lead {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 19px;
	font-weight: normal;
	margin-top: 20px;
}

.cmn_mv_detail {
	padding: 0 10px;
}

.cmn_mv_text {
	font-feature-settings: "palt";
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
}

.cmn_mv_text + .cmn_mv_text {
	margin-top: 15px;
}

#top .cmn_mv_text {
	font-size: 13px;
	margin: 0 auto;
	max-width: 500px;
	text-align: center;
}

.cmn_mv_image {
	margin: 15px 0 10px;
	width: 100%;
}

#top .cmn_mv_image {
	margin: 22px 0;
}

#intro .cmn_mv_image {
	margin: 25px 0 20px;
}

.cmn_mv_image img {
	max-width: 400px;
	width: 100%;
}

#intro .cmn_mv_image img {
	max-width: 143px;
}

.cmn_mv_text_check {
	color: #4b4740;
	font-size: 45px;
	letter-spacing: 0.06em;
	position: absolute;
	bottom: -15px;
	right: 22px;
	transform: rotate(-9deg);
}

#top .cmn_mv_content {
	padding-bottom: 55px;
	position: relative;
}
.cmn_mv_scroll {
	color: #ffc600;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.cmn_mv_scroll::after {
	content: '';
	background-color: #ffc600;
	display: block;
	height: 10px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
}

/*===============================================
	メインビジュアル:767px以下
===============================================*/
@media screen and (max-width:767px) {
	.cmn_mv_link_wrap {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		width: calc(100% - 50px);
	}
}

/*===============================================
	メインビジュアル:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.cmn_mv_pickup {
		width: 160px;
	}

	.cmn_mv_pickup {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 22px;
		padding-top: 0;
	}

	.cmn_mv_pickup_image {
		margin: 5px 0 0;
		width: 36px;
	}

	.cmn_mv_pickup_image img {
		margin-bottom: 10px;
	}

	.cmn_mv_link_wrap {
		width: calc(100% - 160px);
	}

	.cmn_mv_link {
		width: 100%;
	}

	.cmn_mv_link li {
		min-height: 60px;
	}

	.cmn_mv_link li span {
		font-size: 13px;
	}
}

/*===============================================
	メインビジュアル:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_mv_wrap {
		background-size: 8px 8px;
		border-top: 2px solid #eaeaea;
		border-bottom: 3px solid #eaeaea;
		padding: 54px 0 58px;
	}

	#top .cmn_mv_wrap {
		background-size: 8px 8px;
		border-top: 2px solid #eaeaea;
		border-bottom: 3px solid #eaeaea;
		padding: 28px 0 58px;
	}

	.cmn_mv {
		margin: 0 auto;
		max-width: 1200px;
		position: relative;
		width: 100%;
	}

	.cmn_mv_pickup {
		width: 230px;
	}

	.cmn_mv_pickup {
		font-size: 42px;
		letter-spacing: 0.2rem;
	}

	.cmn_mv_pickup_image {
		width: 46px;
	}

	_:lang(x)::-ms-backdrop, .font_yu {
		left: 18%;
	}

	.cmn_mv_link_wrap {
		width: calc(100% - 230px);
	}

	.cmn_mv_link li {
		height: 93px;
		width: 16.666%;
	}

	.cmn_mv_link li a::before {
		height: 68px;
		width: 68px;
	}

	.cmn_mv_link li span {
		font-size: 20px;
	}

	.cmn_mv_link li:not(:last-child)::after {
		background-size: 2px 64px;
		position: absolute;
		top: 50%;
		right: 0;
		height: 73px;
		transform: translateY(-50%);
		width: 2px;
	}

	.cmn_mv_content {
		border: 12px solid #ffc600;
		padding: 60px 30px 70px;
		text-align: left;
	}

	#top .cmn_mv_content {
		padding: 120px 30px 170px;
	}

	#intro .cmn_mv_content {
		padding: 110px 30px;
	}

	.cmn_mv_inner {
		height: auto;
		margin-left: auto;
		margin-right: auto;
		max-width: 1000px;
		position: relative;
		width: 95%;
	}

	.cmn_mv_title_image {
		margin-bottom: 25px;
		max-width: 470px;
		padding-right: 5%;
		text-align: left;
		width: 48%;
	}

	.cmn_mv_title_image img {
		padding-top: 20px;
		width: 430px;
	}

	.cmn_mv_title {
		font-size: 46px;
		margin-bottom: 25px;
	}

	.cmn_mv_title::after {
		background-size: 14px 4px;
		height: 4px;
		bottom: -10px;
	}

	.cmn_mv_title_large {
		font-size: 54px;
	}

	.cmn_mv_lead {
		font-size: 26px;
		margin-bottom: 25px;
	}

	.cmn_mv_detail {
		padding: 0;
	}

	.cmn_mv_text {
		font-size: 18px;
		padding-right: 3%;
		text-align: left;
		width: 45%;
	}

	#top .cmn_mv_text {
		font-size: 20px;
		margin: 0;
		max-width: 48%;
		padding-right: 2%;
		text-align: left;
		width: 48%;
	}

	#intro .cmn_mv_text {
		padding-right: 0;
		width: 54%;
	}

	.device_tablet .cmn_mv_text {
		padding-right: 1%;
	}

	.cmn_mv_image {
		position: absolute;
		top: 50%;
		right: -50px;
		margin: 0;
		transform: translateY(-50%);
		width: 58%;
	}

	#top .cmn_mv_image {
		right: -25px;
		transform: translateY(-48%);
		width: 56%;
	}

	#intro .cmn_mv_image {
		right: 0;
		transform: translateY(-56%);
		text-align: center;
		width: 46%;
	}

	.cmn_mv_image img {
		max-width: 100%;
	}

	#intro .cmn_mv_image img {
		max-width: 280px;
	}

	.cmn_mv_text_check {
		font-size: 100px;
		bottom: -22px;
		right: -22px;
	}

	.cmn_mv_scroll {
		font-size: 24px;
		bottom: -55px;
	}
	.cmn_mv_scroll::after {
		height: 30px;
		width: 2px;
	}
}


/* タイトル
--------------------------------------------------------- */
.cmn_title {
	height: 45px;
	position: relative;
	text-align: center;
}

.cmn_title::before {
	content: "";
	display: block;
	border-top: 2px solid #ffe899;
	border-left: 2px solid #ffe899;
	border-top-left-radius: 10px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 0;
	width: calc(50% - 75px);
}

.cmn_title::after {
	content: "";
	display: block;
	border-top: 2px solid #ffe899;
	border-right: 2px solid #ffe899;
	border-top-right-radius: 10px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 0;
	width: calc(50% - 75px);
}

.cmn_title_monotone {
	height: 45px;
	position: relative;
	text-align: center;
}

.cmn_title_monotone::before {
	content: "";
	display: block;
	border-top: 1px solid #a7a5a6;
	border-left: 1px solid #a7a5a6;
	border-top-left-radius: 10px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 0;
	width: calc(50% - 50px);
}

.cmn_title_monotone::after {
	content: "";
	display: block;
	border-top: 1px solid #a7a5a6;
	border-right: 1px solid #a7a5a6;
	border-top-right-radius: 10px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 0;
	width: calc(50% - 50px);
}

.cmn_title_dot {
	color: #ffc600;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 0.05em;
	height: 45px;
	position: relative;
	text-align: center;
}

#top .cmn_title_dot {
	font-size: 45px;
}

.cmn_title_dot::before {
	content: "";
	display: block;
	border-top: 3px dotted #ffc600;
	border-left: 3px dotted #ffc600;
	height: 25px;
	position: absolute;
	top: 20px;
	left: 0;
	width: calc(50% - 80px);
}

.cmn_title_dot::after {
	content: "";
	display: block;
	border-top: 3px dotted #ffc600;
	border-right: 3px dotted #ffc600;
	height: 25px;
	position: absolute;
	top: 20px;
	right: 0;
	width: calc(50% - 80px);
}

.cmn_title_dotline {
	border: 2px dotted #fe9146;
	border-radius: 10px;
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 22px;
	font-weight: normal;
	padding: 13px 0;
	text-align: center;
}

.cmn_title_simple {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
}

/*===============================================
	タイトル:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_title {
		height: 90px;
	}

	.cmn_title::before {
		border-top: 4px solid #ffe899;
		border-left: 4px solid #ffe899;
		height: 48px;
		top: 18px;
		width: calc(50% - 140px);
	}

	.cmn_title::after {
		border-top: 4px solid #ffe899;
		border-right: 4px solid #ffe899;
		height: 48px;
		top: 18px;
		width: calc(50% - 140px);
	}

	.cmn_title_monotone {
		height: 90px;
	}

	.cmn_title_monotone::before {
		border-top: 2px solid #a7a5a6;
		border-left: 2px solid #a7a5a6;
		border-top-left-radius: 30px;
		height: 45px;
		top: 20px;
		width: calc(50% - 135px);
	}

	.cmn_title_monotone::after {
		border-top: 2px solid #a7a5a6;
		border-right: 2px solid #a7a5a6;
		border-top-right-radius: 30px;
		height: 45px;
		top: 20px;
		width: calc(50% - 135px);
	}

	.cmn_title_dot {
		font-size: 80px;
		height: 100px;
	}

	#top .cmn_title_dot {
		font-size: 80px;
	}

	.cmn_title_dot::before {
		content: "";
		border-top: 7px dotted #ffc600;
		border-left: 7px dotted #ffc600;
		height: 60px;
		top: 40px;
		width: calc(50% - 170px);
	}

	.cmn_title_dot::after {
		border-top: 7px dotted #ffc600;
		border-right: 7px dotted #ffc600;
		height: 60px;
		top: 40px;
		width: calc(50% - 170px);
	}

	.cmn_title_dotline {
		border: 4px dotted #fe9146;
		border-radius: 20px;
		font-size: 34px;
		padding: 25px 0;
	}

	.cmn_title_simple {
		font-size: 34px;
	}
}


/* テキスト
--------------------------------------------------------- */
.cmn_text_line {
	display: inline;
	background: linear-gradient(transparent 50%, #ffedb0 50%);
	padding-bottom: 5px;
}

@supports (-ms-ime-align: auto) {
	.cmn_text_line {
		background-image: linear-gradient(transparent 70%, #ffedb0 70%);
		background-position: left top;
		padding-bottom: 0;
	}
}

.cmn_text_caption {
	font-size: 10px;
	color: #6b6b6b;
	font-feature-settings: "palt";
	line-height: 1.3;
	margin-top: 10px;
	text-align: center;
}

.cmn_text_caption_left {
	font-size: 10px;
	color: #6b6b6b;
	font-feature-settings: "palt";
	line-height: 1.3;
	margin-top: 10px;
}

.cmn_text_caption_indent {
	font-size: 10px;
	color: #6b6b6b;
	line-height: 1.3;
	margin-top: 10px;
	padding-left: 3em;
	text-align: left;
	text-indent: -3em;
	word-break: break-all;
}

.cmn_text_strong {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 15px;
	font-weight: normal;
}

.cmn_list li {
	font-feature-settings: "palt";
	line-height: 1.5;
	margin-bottom: 8px;
	padding-left: 13px;
	position: relative;
}

.cmn_list li::before {
	content: "";
	display: inline-block;
	background-color: #ffc600;
	border-radius: 5px;
	height: 5px;
	position: absolute;
	top: 7px;
	left: 2px;
	width: 5px;
}

.cmn_text {
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.8;
}

.cmn_text_important {
	color: #fe5548;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.8;
}

/*===============================================
	テキスト:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_text_caption,
	.cmn_text_caption_left,
	.cmn_text_caption_indent {
		font-size: 14px;
		color: #6b6b6b;
		margin-top: 13px;
		padding: 0;
		text-align: center;
		text-indent: 0;
	}

	#data .cmn_text_caption_left,
	#data .cmn_text_caption_indent {
		padding-left: 3em;
		text-align: left;
		text-indent: -3em;
	}

	.cmn_text_strong {
		font-size: 22px;
	}

	.cmn_list {
		margin-top: 8px;
	}

	.cmn_list li {
		font-size: 16px;
		margin-bottom: 14px;
		padding-left: 20px;
	}

	.cmn_list li::before {
		border-radius: 8px;
		height: 8px;
		top: 8px;
		left: 5px;
		width: 8px;
	}

	.cmn_text,
	.cmn_text_important {
		font-size: 16px;
	}
}



/* ボックス
--------------------------------------------------------- */
.cmn_box {
	margin-top: 75px;
}

.cmn_box_dot {
	border: 3px dotted #ffc600;
}

.cmn_box_body {
	padding: 35px 28px 28px;
}

.cmn_content {
	position: relative;
}

.cmn_content_dot {
	border-left: 3px dotted #ffc600;
	border-right: 3px dotted #ffc600;
	border-bottom: 3px dotted #ffc600;
	margin-top: 3px;
}

.cmn_content_body {
	padding: 5px 28px 28px;
}

.cmn_content_inner:last-child {
	margin-top: 30px;
	padding-top: 30px;
	position: relative;
}

.cmn_content_inner:not(:first-child) {
	margin-top: 30px;
	padding-top: 35px;
	position: relative;
}

.cmn_content_inner:not(:first-child)::after {
	content: "";
	background: url("/material/img/common/img_line02.png") repeat-x 0 0;
	background-size: 234px 8px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.cmn_content_flex {
	display: flex;
	justify-content: space-between;
}

/*===============================================
	ボックス:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.cmn_box {
		margin-top: 75px;
	}

	.cmn_box_dot {
		border: 7px dotted #ffc600;
	}

	.cmn_box_body {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 1000px;
		padding: 65px 0 50px;
		width: 90%;
	}

	.cmn_content_body {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 1000px;
		padding: 40px 0 50px;
		width: 90%;
	}

	.cmn_content_inner {
		max-width: 450px;
		width: 46%;
	}

	.cmn_content_inner:not(:first-child) {
		margin-top: 0;
		padding-top: 0;
	}

	.cmn_content_inner:not(:first-child)::after {
		background: none;
	}
}

/*===============================================
	ボックス:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_box {
		margin-top: 75px;
	}

	.cmn_box_dot {
		border: 7px dotted #ffc600;
	}

	.cmn_box_body {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 1000px;
		padding: 10px 0 50px;
		width: 90%;
	}

	.cmn_content {
		padding-left: 40px;
		padding-right: 40px;
		position: relative;
	}

	.cmn_content_dot {
		border-left: 7px dotted #ffc600;
		border-right: 7px dotted #ffc600;
		border-bottom: 7px dotted #ffc600;
		margin-top: 8px;
	}

	@-moz-document url-prefix() {
		.cmn_content_dot  {
			margin-top: -8px;
		}
	}
}


/* 背景
--------------------------------------------------------- */
.cmn_background_grid {
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	padding: 35px 0;
}

/*===============================================
	背景:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_background_grid {
		background: url("/material/img/common/bg_grid01.png") repeat 0 0;
		background-size: 8px;
		padding: 70px 0;
	}
}

/* チェックボックス
--------------------------------------------------------- */
.cmn_checkbox_wrap {
	display: block;
}

.cmn_checkbox {
	display: none;
}

.cmn_checkbox_text {
	display: inline-flex;
	align-items: center;
	position: relative;
	min-height: 22px;
	padding-left: 30px;
	line-height: 1.5;
	cursor: pointer;
}

.cmn_checkbox_text::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 22px;
	height: 22px;
	background-color: #fff;
	border: 2px solid  #ffc600;
	border-radius: 5px;
	transform: translateY(-50%);
}

.cmn_checkbox:checked + .cmn_checkbox_text::after {
	content: "";
	display: block;
	background: url("/material/img/common/ico_check01.png") no-repeat 0 0;
	background-size: 13px 11px;
	height: 11px;
	position: absolute;
	top: 6px;
	left: 5px;
	width: 13px;
}

:lang(x)::-ms-backdrop, .cmn_checkbox_text {
	padding-top: 12px;
}

/*===============================================
	チェックボックス:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_checkbox_text {
		font-size: 18px;
		line-height: 1;
		min-height: 35px;
		padding-left: 45px;
	}

	.cmn_checkbox_text::before {
		width: 30px;
		height: 30px;
		border: 3px solid  #ffc600;
	}

	.cmn_checkbox:checked + .cmn_checkbox_text::after {
		background-size: 18px 15px;
		height: 15px;
		top: 10px;
		left: 6px;
		width: 18px;
	}
}

/* フォーム
--------------------------------------------------------- */
.cmn_form_wrap {
	background-color: #fff;
	border: 2px solid #ffc600;
	border-radius: 15px;
	margin: 15px 0 30px;
}

.cmn_form_title {
	background-color: #fffbec;
	border-bottom: 1px dashed #ffc600;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	padding: 20px 0;
}

.cmn_form {
	border-collapse: collapse;
	padding-bottom: 20px;
	width: 100%;
}

.cmn_form:last-child {
	padding-bottom: 15px;
}

.cmn_form dt {
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 13px;
	font-weight: normal;
	padding: 22px 16px 8px;
	width: 100%;
}

.cmn_form dd {
	font-feature-settings: "palt";
	font-size: 13px;
	line-height: 1.5;
	padding: 0 16px;
	width: 100%;
}

.cmn_form_must {
	font-family: 'FOT-筑紫A丸ゴシック Std M', sans-serif;
	color: #fe5548;
	font-weight: normal;
	margin-left: 5px;
}

.cmn_form_flex {
	display: flex;
	justify-content: space-between;
}

.cmn_form_flex_center {
	display: flex;
	align-items: center;
}

.cmn_form_flex_inner {
	display: flex;
	align-items: center;
	width: 48%;
}

.cmn_form_label {
	margin-right: 2px;
	width: 30px;
}

.cmn_form_input_short {
	width: calc(100% - 32px);
}

.cmn_form_category {
	background-color: #f7f7f7;
	border-top: 1px solid #e0e0e0;
	font-size: 13px;
	padding: 12px 0;
	text-align: center;
}

.cmn_form_underline {
	border-bottom: 1px solid #e0e0e0;
}

.cmn_form_text_mark {
	width: 25px;
}

.cmn_form_text_hyphen {
	text-align: center;
	width: 18px;
}

.cmn_form_button_flex {
	display: flex;
	justify-content: center;
}
.cmn_form_button_flex .cmn_button {
	margin-left: 0;
	width: 45%;
}
.cmn_form_button_flex .cmn_button_back {
	margin-right: 20px;
	width: 45%;
}

.cmn_form_button {
	background-color: #fe5548;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	margin-left: 10px;
	max-width: 100px;
	height: 35px;
	transition: opacity 0.2s ease-out;
	width: calc(100% - 120px - 25px - 18px);
}

.cmn_form_button:hover {
	opacity: 0.6;
}

.cmn_form_button:focus {
	outline: none;
}

.cmn_form_error {
	margin: 20px;
}

.cmn_form_error .error_messe {
	line-height: 1.5;
	margin-top: 10px;
}

.cmn_form_thanks {
	height: 200px;
	text-align: center;
}

/* input */
.cmn_input {
	background-color: #fffbec;
	border: 2px solid #e0e0e0;
	border-radius: 5px;
	height: 35px;
	padding: 5px;
	-webkit-appearance: none;
	width: 100%;
}

.cmn_input_exshort {
	width: 60px;
}

/* textarea */
.cmn_textarea {
	background-color: #fffbec;
	border: 2px solid #e0e0e0;
	border-radius: 5px;
	height: 196px;
	padding: 5px;
	-webkit-appearance: none;
	width: 100%;
}

/* radio */
.cmn_radio_wrap {
	display: block;
	margin-top: 10px;
	width: 100%;
}

.cmn_radio_wrap_flex {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.cmn_radio_wrap_block {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.cmn_radio {
	display: none;
}

.cmn_radio + .cmn_radio_label {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding-left: 28px;
	line-height: 1.5;
	cursor: pointer;
}

.cmn_radio + .cmn_radio_label::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: #fffbec;
	border: 2px solid #e0e0e0;
	border-radius: 50%;
	box-sizing: border-box;
	transform: translateY(-50%);
}

.cmn_radio:checked + .cmn_radio_label::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 5px;
	width: 8px;
	height: 8px;
	background-color: #fe5548;
	border-radius: 50%;
	transform: translateY(-50%);
}

.cmn_radio_inline {
	width: 83px;
}

.cmn_radio_inline_text {
	margin-top: -8px;
	width: calc(100% - 83px);
}

/* select */
.cmn_select_wrap {
	display: inline-block;
	position: relative;
	width: 100%;
}

.cmn_select_wrap::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 100%;
	background: #e0e0e0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	pointer-events: none;
	z-index: 0;
}

.cmn_select_wrap::after{
	content: '';
	position: absolute;
	top: 10px;
	right: 12px;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #231f20;
	border-right: 1px solid #231f20;
	transform: rotate(45deg);
	pointer-events: none;
	z-index: 0;
}

.cmn_select_wrap.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.cmn_select {
	width: 100%;
	height: 35px;
	padding-left: 5px;
	padding-right: 45px;
	background: #fff;
	border: 2px solid #e0e0e0;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
			 appearance: none;
}

.cmn_select::-ms-expand {
	display: none;
}

.cmn_select:focus {
	outline: none;
}


/*===============================================
	フォーム:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.cmn_form_wrap {
		border: 4px solid #ffc600;
		border-radius: 30px;
		margin: 30px 0 50px;
	}

	.cmn_form_title {
		border-bottom: 2px dashed #ffc600;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		font-size: 24px;
	}

	.cmn_form {
		display: flex;
		flex-wrap: wrap;
		padding: 20px 30px 25px;
	}

	.cmn_form:last-child {
		padding-bottom: 20px;
	}

	.cmn_form dt {
		font-size: 14px;
		padding: 20px 0;
		width: 210px;
	}

	.cmn_form dd {
		font-size: 14px;
		padding: 10px 0;
		width: calc(100% - 210px);
	}

	#contact_confirm .cmn_form dd {
		padding: 20px 0;
	}

	.cmn_form_label {
		width: 40px;
	}

	.cmn_form_input_short {
		width: calc(100% - 42px);
	}

	.cmn_form_category {
		border-top: 2px solid #e0e0e0;
		font-size: 16px;
		padding: 15px 0;
	}

	.cmn_form_underline {
		border-bottom: 1px solid #e0e0e0;
	}

	.cmn_form_text_mark {
		font-size: 18px;
		width: 25px;
	}

	.cmn_form_text_hyphen {
		width: 30px;
	}

	.cmn_form_button {
		margin-left: 20px;
		max-width: 130px;
	}

	.cmn_form_button_flex {
		display: flex;
		margin: 0 auto;
		width: 620px;
	}

	.cmn_form_button_flex .cmn_button {
		margin: 0;
	}

	.cmn_form_button_flex .cmn_button_back {
		margin: 0 20px 0 0;
	}

	.cmn_form_error {
		margin: 40px;
	}

	.cmn_form_error .error_messe {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 10px;
	}

	.cmn_form_thanks {
		height: 400px;
	}

	.cmn_form_thanks .cmn_text {
		font-size: 20px;
	}

	/* input */
	.cmn_input_exshort {
		width: 80px;
	}

	.cmn_input_short {
		max-width: 150px;
	}


	/* radio */
	.cmn_radio_wrap {
		display: inline-block;
		width: 130px;
	}
	.cmn_radio_wrap_long {
		width: 260px;
	}

	.cmn_radio_wrap_block {
		display: block;
		margin-top: 5px;
		margin-bottom: 15px;
		width: 100%;
	}

	.cmn_radio_wrap_flex {
		margin-top: 18px;
	}

	.cmn_radio + .cmn_radio_label {
		padding-left: 35px;
	}

	:lang(x)::-ms-backdrop, .cmn_radio + .cmn_radio_label {
		padding-top: 4px;
	}

	.cmn_radio + .cmn_radio_label::before {
		width: 23px;
		height: 23px;
		border: 2px solid #e0e0e0;
	}

	.cmn_radio:checked + .cmn_radio_label::after {
		left: 5px;
		width: 13px;
		height: 13px;
	}

	.cmn_radio_inline {
		width: 100px;
	}

	.cmn_radio_inline_text {
		margin-top: -5px;
		width: calc(100% - 100px);
	}

	/* select */
	.cmn_select_wrap {
		width: 215px;
	}

	.cmn_select {
		font-size: 15px;
	}
}

/*===============================================
	フォーム:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.cmn_form dt {
		font-size: 16px;
		width: 250px;
	}

	.cmn_form dd {
		font-size: 16px;
		width: calc(100% - 250px);
	}

	.cmn_radio_wrap {
		display: inline-block;
		width: 150px;
	}
	.cmn_radio_wrap_long {
		width: 260px;
	}
}


/* スクロールアニメーション
--------------------------------------------------------- */
.js-anim_scroll,
.js-anim_item {
	/* opacity: 0; */
	transition: transform 2.0s, opacity 2.0s;
	will-change: transform;;
}
.js-anim_scroll_up {transform: matrix(1, 0, 0, 1, 0, 50);}
.js-anim_scroll_down {transform: matrix(1, 0, 0, 1, 0, -50);}
.js-anim_scroll_right {transform: matrix(1, 0, 0, 1, 50, 0);}
.js-anim_scroll_left {transform: matrix(1, 0, 0, 1, -50, 0);}
.js-anim_scroll.is-action,
.js-anim_item.is-action {
	opacity: 1;
	transform: none;
}



/* ---------------------------------------------------------

	06. トップページ

--------------------------------------------------------- */
/* NEWS */
.top_news {
	margin-top: 35px;
}

.top_news_title img {
	width: 81px;
}

.top_news_body {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.top_news_list dt {
	color: #ffc600;
	font-size: 10px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 2px;
}

.top_news_list dd {
	font-size: 11px;
	line-height: 1.5;
	margin-bottom: 15px;
}
.top_news_list dd span{
    margin-right:10px;
    color:#fe5548;
}
.top_news_list dd a {
	color: #231f20;
	text-decoration: underline;
	transition: background 0.3s ease-out;
}

.device_pc .top_news_list dd a:hover {
	background: linear-gradient(transparent 30%, #ffedb0 30%);
}

.top_news_content_hidden {
	display: none;
}

/* Pick up */
.top_pickup {
	margin-top: 25px;
}

.top_pickup_body {
	padding: 30px 28px;
}

.top_pickup_content:not(:first-child) {
	margin-top: 30px;
	padding-top: 35px;
	position: relative;
}

.top_pickup_content:not(:first-child)::after {
	content: "";
	background: url("/material/img/common/img_line02.png") repeat-x 0 0;
	background-size: 234px 8px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.top_pickup_animation {
	margin: 0 auto 10px;
	text-align: center;
	width: 215px;
}

.top_pickup_animation img {
	max-width: 150px;
}

.top_pickup_image {
	margin: 0 auto;
	width: 215px;
}

.top_pickup_image img {
	width: 100%;
}

.top_pickup_number {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	margin-bottom: 15px;
	padding-left: 48px;
}

.top_pickup_content:nth-child(2) .cmn_button {
	font-size: 11px;
}

.top_pickup_number span {
	font-size: 21px;
	font-weight: normal;
	line-height: 1.2;
	position: relative;
}

.top_pickup_number span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.top_pickup_content:first-child .top_pickup_number span::before {
	background: url("/material/img/common/txt_number01.png") no-repeat 0 0;
	background-size: 38px 23px;
	height: 23px;
	left: -45px;
	width: 38px;
}

.top_pickup_content:nth-child(2) .top_pickup_number span::before {
	background: url("/material/img/common/txt_number02.png") no-repeat 0 0;
	background-size: 45px 23px;
	height: 23px;
	left: -52px;
	width: 45px;
}

.top_pickup_content:nth-child(3) .top_pickup_number span::before {
	background: url("/material/img/common/txt_number03.png") no-repeat 0 0;
	background-size: 43px 24px;
	height: 24px;
	left: -52px;
	width: 43px;
}

.top_pickup_text {
	font-feature-settings: "palt";
	line-height: 1.8;
}

.top_pickup_button {
	margin-top: 20px;
}

.top_band_wrap {
	background-color: #f2f2f2;
	margin-top: 25px;
}

.top_band_inner + .top_band_inner {
	border-top: 1px solid #fff;
}

.top_band_inner a {
	display: flex;
	align-items: center;
	color: #231f20;
	position: relative;
	text-decoration: none;
	padding: 12px 25px;
}

.top_band_inner a::before {
	content: "";
	display: block;
	background-color: #fe5548;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	transition: all 0.2s ease-out;
	width: 16px;
}

.device_pc .top_band_inner a:hover::before {
	right: 10px;
}

.top_band_inner a::after {
	content: "";
	display: block;
	background: url("/material/img/common/ico_arrow_sp02.png") no-repeat 0 0;
	background-size: 5px 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	transition: all 0.2s ease-out;
	width: 5px;
}

.device_pc .top_band_inner a:hover::after {
	right: 20px;
}

.top_band_image {
	height: 46px;
	width: 46px;
}

.top_band_image img {
	transition: opacity 0.2s ease-out;
	width: 100%;
}

.device_pc .top_band_inner a:hover .top_band_image img {
	opacity: 0.6;
}

.top_band_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/material/img/common/bg_circle01.png") no-repeat 0 0;
	background-size: 46px 46px;
	height: 46px;
	transition: opacity 0.2s ease-out;
	width: 46px;
}

.device_pc .top_band_inner a:hover .top_band_icon {
	opacity: 0.6;
}

.top_band_detail {
	margin-left: 10px;
}

.top_band_text {
	font-size: 11px;
	line-height: 1.3;
	margin-top: 5px;
}

.top_voice_title {
	width: 48px;
}

.top_seminer_title {
	width: 70px;
}

.top_qa_title {
	width: 38px;
}

.top_qa_icon {
	width: 16px;
}

.top_selfcheck {
	margin: 20px auto 0;
	max-width: 400px;
	transition: opacity 0.2s ease-out;
	width: 100%;
}

.device_pc .top_selfcheck:hover {
	opacity: 0.6;
}

.top_contact {
	margin-top: 15px;
}

.top_contact_inner {
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	border: 5px solid #ffc600;
	margin: 0 15px;
	padding-top: 17px;
	padding-bottom: 22px;
	text-align: center;
}

.top_contact_title {
	color: #ff6700;
	font-size: 35px;
	font-weight: normal;
	letter-spacing: 0.07em;
}

.top_contact_text {
	color: #ff6700;
	font-feature-settings: "palt";
	margin-top: 5px;
}

.top_contact_button {
	margin-top: 10px;
}

/*===============================================
	トップページ:960px以上
===============================================*/
@media screen and (min-width:960px) {
	/* NEWS */
	.top_news {
		margin-top: 66px;
	}

	.top_news_title img {
		width: 130px;
	}

	.top_news_body {
		padding-left: 40px;
		padding-right: 40px;
	}

	.top_news_list {
		display: flex;
		flex-wrap: wrap;
	}

	.top_news_list dt {
		font-size: 18px;
		margin-bottom: 38px;
		width: 120px;
	}

	.top_news_list dd {
		font-size: 16px;
		margin-bottom: 38px;
		width: calc(100% - 120px);
	}

	/* Pick up */
	.top_pickup {
		margin-top: 60px;
	}

	.top_pickup_body {
		display: flex;
		justify-content: center;
		padding: 60px 2% 70px;
	}

	.top_pickup_content {
		max-width: 300px;
		padding-bottom: 85px;
		position: relative;
		width: 30%;
	}

	.top_pickup_content:not(:first-child) {
		margin-top: 0;
		padding-top: 0;
	}

	.top_pickup_content:not(:first-child)::after {
		background: none;
	}

	.top_pickup_content + .top_pickup_content {
		margin-left: 4%;
	}

	.top_pickup_animation {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 240px;
		margin: 0 auto 15px;
		width: 55%;
	}

	.top_pickup_animation img {
		max-width: 165px;
	}

	.top_pickup_image {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 240px;
		margin-bottom: 15px;
		width: 95%;
	}

	.top_pickup_image img {
		vertical-align: bottom;
	}

	.top_pickup_number {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		margin-bottom: 20px;
		padding-left: 55px;
	}

	.top_pickup_content:nth-child(2) .cmn_button {
		font-size: 18px;
	}

	.top_pickup_number span {
		font-size: 24px;
		font-weight: normal;
		line-height: 1.2;
		position: relative;
	}

	.top_pickup_number span::before {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.top_pickup_content:first-child .top_pickup_number span::before {
		background-size: 46px 27px;
		height: 27px;
		left: -55px;
		width: 46px;
	}

	.top_pickup_content:nth-child(2) .top_pickup_number span::before {
		background-size: 56px 27px;
		height: 27px;
		left: -65px;
		width: 56px;
	}

	.top_pickup_content:nth-child(3) .top_pickup_number span::before {
		background-size: 54px 27px;
		height: 27px;
		left: -65px;
		width: 54px;
	}

	.top_pickup_text {
		font-size: 15px;
	}

	.top_pickup_button {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.top_pickup_button .cmn_button {
		width: 100%;
	}

	.top_band_wrap {
		margin-top: 50px;
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.top_band {
		display: flex;
		margin: 0 auto;
		max-width: 1040px;
		padding: 0 20px;
		position: relative;
		width: 100%;
	}

	.top_band_inner + .top_band_inner {
		border-top: none;
		margin-left: 16px;
		position: relative;
	}

	.top_band_inner + .top_band_inner::before {
		content: "";
		background: url("/material/img/common/img_line01.png") repeat-y 0 0;
		background-size: 2px 64px;
		position: absolute;
		top: 50%;
		left: -10px;
		height: 73px;
		transform: translateY(-50%);
		width: 2px;
	}

	.top_band_inner {
		max-width: 492px;
		width: 33%;
	}

	.top_band_inner a {
		padding-left: 15px;
		padding-right: 15px;

	}

	.top_band_inner a::before {
		border-radius: 32px;
		height: 32px;
		right: 15px;
		width: 32px;
	}

	.top_band_inner a::after {
		background: url("/material/img/common/ico_arrow03.png") no-repeat 0 0;
		background-size: 9px 14px;
		height: 14px;
		right: 25px;
		width: 9px;
	}

	.top_band_image {
		height: 86px;
		width: 86px;
	}

	.top_band_icon {
		background-size: 86px 86px;
		height: 86px;
		width: 86px;
	}

	.top_band_detail {
		margin-left: 15px;
		width: calc(100% - 96px - 15px);
	}

	.top_band_text {
		font-size: 16px;
		margin-top: 8px;
	}

	.top_voice_title {
		width: 90px;
	}

	.top_seminer_title {
		width: 135px;
	}

	.top_qa_title {
		width: 75px;
	}

	.top_qa_icon {
		width: 32px;
	}

	.top_selfcheck {
		margin-top: 50px;
		max-width: 100%;
	}

	.top_contact {
		background: url("/material/img/top/bg_contact01.jpg") no-repeat center center;
		background-size: cover;
		margin-top: 50px;
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.top_contact_inner {
		background-size: 8px;
		border: 10px solid #ffc600;
		margin: 0 auto;
		padding-top: 23px;
		padding-bottom: 23px;
		width: 500px;
	}

	.top_contact_title {
		font-size: 60px;
	}

	.top_contact_text {
		font-size: 20px;
		margin-top: 5px;
	}

	.top_contact_button {
		margin-top: 20px;
	}
}

/*===============================================
	トップページ:1040px以上
===============================================*/
@media screen and (min-width:1040px) {
	.top_news_body {
		padding-right: 100px;
	}

	.top_news_body::after {
		content: "";
		background: url("/material/img/top/img_news01.png") no-repeat 0 0;
		background-size: 150px 114px;
		height: 114px;
		position: absolute;
		top: 30px;
		right: -65px;
		width: 150px;
	}

	.top_news_button {
		margin-left: 60px;
	}
}


/* ---------------------------------------------------------

	07. 免疫⼒を上げるには⼩腸ケア

--------------------------------------------------------- */
.intro_check {
	margin-top: 38px;
}

.intro_check_head {
	display: flex;
	align-items: center;
	justify-content: center;
}

.intro_check_number {
	font-size: 20px;
	margin-right: 10px;
}

.cmn_content_inner:first-child .intro_check_number {
	margin-top: 5px;
	width: 38px;
}

.cmn_content_inner:last-child .intro_check_number {
	margin-top: 5px;
	width: 53px;
}

.intro_check_title {
	font-feature-settings: "palt";
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
	margin-top: 7px;
}

.intro_check_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px auto 0;
	max-width: 300px;
}

.intro_check_list li  {
	margin-bottom: 10px;
	max-width: 150px;
	width: 48%;
}

.intro_check_list li:last-child {
	margin-bottom: 0;
}

.intro_check_list li a {
	display: block;
	background-color: #fff;
	background-position: center 8px;
	background-repeat: no-repeat;
	border: 2px solid #ffe384;
	border-radius: 10px;
	height: 100%;
	padding: 0 6px 6px;
	position: relative;
	transition: opacity 0.2s ease-out;
	width: 100%;
}

.intro_check_list li a:hover {
	opacity: 0.6;
}

.intro_check_list li:first-child a {
	background-image: url("/material/img/introduction/img_check01.png");
	background-size: 49px 44px;
	padding-top: 60px;
}

.intro_check_list li:nth-child(2) a {
	background-image: url("/material/img/introduction/img_check02.png");
	background-size: 32px 46px;
	padding-top: 60px;
}

.intro_check_list li:nth-child(3) a {
	background-image: url("/material/img/introduction/img_check03.png");
	background-size: 52px 37px;
	padding-top: 55px;
}

.intro_check_list li:nth-child(4) a {
	background-image: url("/material/img/introduction/img_check04.png");
	background-size: 32px 37px;
	padding-top: 55px;
}

.intro_check_list li:nth-child(5) a {
	background-image: url("/material/img/introduction/img_check05.png");
	background-size: 42px 34px;
	padding-top: 52px;
}

.intro_check_list li a span {
	display: inline-block;
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 13px;
	font-weight: normal;
	line-height: 1.1;
	padding-left: 20px;
	position: relative;
}

.intro_check_list li a span::before {
	content: "";
	background: url("/material/img/introduction/ico_check01.png") no-repeat 0 0;
	background-size: 15px 12px;
	height: 12px;
	position: absolute;
	top: 2px;
	left: 0;
	width: 15px;
}

.intro_check_text {
	font-feature-settings: "palt";
	font-size: 12px;
	line-height: 1.8;
	margin-top: 20px;
}

.intro_check_image {
	margin: 15px auto 0;
	max-width: 400px;
}

.intro_check_graph_wrap {
	background-color: #fff;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 400px;
	padding: 15px 17px;
}

.intro_check_graph {
	display: block;
	height: 0;
	margin:0 auto;
	overflow: hidden;
	padding-top: 115.816%;
	position: relative;
	width: 100%;
}

.intro_check_graph div {
	display: block;
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.intro_check_graph .graph_bar {
	background-image: url("/material/img/introduction/img_check_bar01.png");
}

.intro_check_graph .graph_bar:after {
	content: '';
	display: block;
	background-color: #fff;
	height: 100%;
	transform: scaleY(1);
	transform-origin: right top;
	transition: none;
	width: 100%;
}

.intro_check_graph.is-action .graph_bar:after {
	transform: scaleY(0);
	transition: 4.0s ease;
}

.intro_check_graph .graph_base {
	background-image: url("/material/img/introduction/img_check_graph01.png");
}

.intro_check_graph .graph_wave {
	background-image: url("/material/img/introduction/img_check_polyline01.png");
	background-size: auto auto;
	transform-origin: left top;
	transition: none;
	width: 0;
}

.intro_check_graph.is-action .graph_wave {
	transition: 2s ease 1.2s;
	width: 100%;
}
.no_link{
    pointer-events:none;
}
/*===============================================
	免疫⼒を上げるには⼩腸ケア:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.intro_check {
		margin-top: 80px;
	}

	.intro_check_number {
		font-size: 20px;
		margin-right: 15px;
	}

	.cmn_content_inner:first-child .intro_check_number {
		margin-top: 8px;
		width: 68px;
	}

	.cmn_content_inner:last-child .intro_check_number {
		margin-top: 8px;
		width: 84px;
	}

	.intro_check_title {
		font-size: 28px;
	}

	.intro_check_list {
		margin-top: 40px;
		max-width: 100%;
	}

	.intro_check_list li {
		margin-bottom: 20px;
		max-width: 100%;
		width: 47.5%;
	}

	.intro_check_list li a {
		background-position: center 10px;
		border: 4px solid #ffe384;
		border-radius: 20px;
		padding: 0 25px 15px;
	}

	.intro_check_list li:first-child a {
		background-image: url("/material/img/introduction/img_check01.png");
		background-size: 94px 88px;
		padding-top: 115px;
	}

	.intro_check_list li:nth-child(2) a {
		background-image: url("/material/img/introduction/img_check02.png");
		background-size: 64px 92px;
		padding-top: 115px;
	}

	.intro_check_list li:nth-child(3) a {
		background-image: url("/material/img/introduction/img_check03.png");
		background-size: 104px 74px;
		padding-top: 95px;
	}

	.intro_check_list li:nth-child(4) a {
		background-image: url("/material/img/introduction/img_check04.png");
		background-size: 64px 74px;
		padding-top: 95px;
	}

	.intro_check_list li:nth-child(5) a {
		background-image: url("/material/img/introduction/img_check05.png");
		background-size: 80px 64px;
		padding-top: 85px;
	}

	.intro_check_list li a span {
		font-size: 18px;
		font-weight: normal;
		line-height: 1.2;
		padding-left: 40px;
		position: relative;
	}

	.intro_check_list li a span::before {
		background-size: 30px 23px;
		height: 23px;
		top: -2px;
		width: 30px;
	}

	.intro_check_text {
		font-size: 16px;
		margin-top: 30px;
	}

	.intro_check_image {
		margin: 40px auto 0;
		max-width: 100%;
	}

	.intro_check_graph_wrap {
		max-width: 100%;
		padding: 15px 60px;
	}
}


/* ---------------------------------------------------------

	08. ⼩腸ケアには乳酸菌L-137

--------------------------------------------------------- */
/* CHECK! */
.htc_check {
	margin-top: 43px;
	margin-bottom: 45px;
}

.htc_check_title img {
	margin-left: 5px;
	width: 105px;
}

.htc_check_lead {
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
}

.htc_check_category {
	margin-top: 20px;
}

.htc_check_category_title {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}

.htc_check_flex {
	display: flex;
	margin-top: 30px;
}

.htc_check_detail {
	width: 50%;
}

.htc_check_detail:first-child {
	padding-right: 5%;
}

.htc_check_detail:last-child {
	padding-left: 5%;
	position: relative;
}

.htc_check_detail:last-child::after {
	content: "";
	background: url("/material/img/common/img_line01.png") repeat-y 0 0;
	background-size: 2px 38px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
}

.htc_check_detail_title {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 30px;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin-bottom: 15px;
	max-width: 412px;
	position: relative;
	width: 100%;
}

.htc_check_detail_title::before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	transform: translateX(-50%);
	z-index: 1;
}

.htc_check_detail_title::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 6px solid #fff;
	transform: translateX(-50%);
	z-index: 2;
}

.htc_check_detail:first-child .htc_check_detail_title {
	border: 2px solid #a6a6a6;
	color: #6b6b6b;
}

.htc_check_detail:first-child .htc_check_detail_title::before {
	border-top: 9px solid #a6a6a6;
}

.htc_check_detail:last-child .htc_check_detail_title {
	border: 2px solid #fe5548;
	color: #fe5548;
}

.htc_check_detail:last-child .htc_check_detail_title::before {
	border-top: 9px solid #fe5548;
}

.htc_check_image {
	margin-left: auto;
	margin-right: auto;
	max-width: 160px;
	width: calc(100% - 10%);
}

.htc_check_image img {
	width: 100%;
}

.htc_check_text {
	font-feature-settings: "palt";
	font-size: 12px;
	line-height: 1.5;
	margin-top: 10px;
}


/* 他の乳酸菌とのちがい */
.htc_difference {
	margin-top: 30px;
}

.htc_difference_text {
	font-feature-settings: "palt";
	font-size: 12px;
	line-height: 1.8;
	margin: 15px 25px 0;
}

.htc_difference_list li a {
	display: block;
	color: #ff6700;
	cursor: pointer;
	font-feature-settings: "palt";
	line-height: 1.5;
	margin: 0 25px 3px;
	padding-left: 10px;
	position: relative;
	text-decoration: underline;
}

.htc_difference_list li a::before {
	content: "";
	display: inline-block;
	background-color: #ff6700;
	border-radius: 3px;
	height: 3px;
	position: absolute;
	top: 10px;
	left: 3px;
	width: 3px;
}

.htc_difference_image {
	margin-top: 20px;
}

.htc_difference_graph_wrap {
	background-color: #fff;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 400px;
	padding: 15px;
}

.htc_difference_graph {
	display: block;
	height: 0;
	margin:0 auto;
	overflow: hidden;
	padding-top: 64.344%;
	position: relative;
	width: 100%;
}

.htc_difference_graph div {
	display: block;
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.htc_difference_graph .graph_bar {
	background-image: url("/material/img/howtocare/img_difference_bar01.png");
}

.htc_difference_graph .graph_bar:after {
	content: '';
	display: block;
	background-color: #fff;
	height: 100%;
	transform: scaleX(1);
	transform-origin: right top;
	transition: none;
	width: 100%;
}

.htc_difference_graph.is-action .graph_bar:after {
	transform: scaleX(0);
	transition: 4.0s ease;
}

.htc_difference_graph .graph_base {
	background-image: url("/material/img/howtocare/img_difference01.png");
}

/* MOVIE */
.htc_movie {
	margin-top: 45px;
}

.htc_movie_title img {
	margin-left: 10px;
	width: 94px;
}

.htc_movie_inner {
	padding: 0 8%;
}

.htc_movie_lead {
	font-size: 18px;
	margin-top: 8px;
	text-align: center;
}

.htc_movie_content {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.htc_movie_content a {
	display: block;
	position: relative;
}

.htc_movie_content a img {
	max-width: 400px;
	width: 100%;
}

.device_pc .htc_movie_content a::before {
	content: "";
	background-color: rgba(254, 227, 134, 0);
	border: 4px solid #fff;
	border-radius: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: background 0.2s ease-out;
	width: 100%;
}

.device_pc .htc_movie_content a:hover::before {
	background-color: rgba(254, 227, 134, 0.6);
}

.htc_movie_content a::after {
	content: "";
	background: url("/material/img/howtocare/ico_play01.png") no-repeat 0 0;
	background-size: 46px 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: background 0.15s ease-out;
	width: 46px;
	z-index: 2;
}

.device_pc .htc_movie_content a:hover::after {
	background: url("/material/img/howtocare/ico_play02.png") no-repeat 0 0;
	background-size: 46px 46px;
}

.htc_movie_comingsoon {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #999;
	font-size: 20px;
	margin: 30px auto;
	max-width: 300px;
	padding: 60px 0;
	text-align: center;
}

/* Point */
.htc_point {
	margin-top: 40px;
}

.htc_point_head {
	display: flex;
	align-items: center;
	justify-content: center;
}

.htc_point_number {
	margin-right: 10px;
	position: relative;
	text-align: right;
}

.htc_point_number::after {
	content: "";
	background-color: #ffc600;
	height: 2px;
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px;
}

.htc_point_number_text {
	font-size: 10px;
	font-feature-settings: "palt";
	margin-right: 10px;
}

.cmn_content_inner:first-child .htc_point_number_image {
	margin-top: 5px;
	width: 48px;
}

.cmn_content_inner:last-child .htc_point_number_image {
	margin-top: 5px;
	width: 53px;
}

.htc_point_title {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	margin-top: 7px;
}

.htc_point_image {
	background-color: #fff;
	border-radius: 5px;
	margin: 30px auto 0;
	max-width: 400px;
	padding: 20px;
}

.htc_point_graph_wrap {
	background-color: #fff;
	border-radius: 5px;
	margin: 0 -10px;
	padding: 10px 17px;
}

.htc_point_graph {
	display: block;
	height: 0;
	margin:0 auto;
	overflow: hidden;
	padding-top: 92.238%;
	position: relative;
	width: 100%;
}

.htc_point_graph div {
	display: block;
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.htc_point_graph .graph_bar {
	background-image: url("/material/img/howtocare/img_point_bar01.png");
}

.htc_point_graph .graph_bar:after {
	content: '';
	display: block;
	background-color: #fff;
	height: 100%;
	transform: scaleY(1);
	transform-origin: right top;
	transition: none;
	width: 100%;
}

.htc_point_graph.is-action .graph_bar:after {
	transform: scaleY(0);
	transition: 4.0s ease;
}

.htc_point_graph .graph_base {
	background-image: url("/material/img/howtocare/img_point02.png");
}

.htc_point_text {
	font-feature-settings: "palt";
	font-size: 12px;
	line-height: 1.8;
	margin-top: 20px;
}

/*===============================================
	⼩腸ケアには乳酸菌L-137:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.htc_difference_inner {
		display: flex;
		align-items: center;
		margin-top: 30px;
	}

	.htc_difference_detail {
		max-width: 450px;
		padding-right: 5%;
		width: 40%;
	}

	.htc_difference_image {
		margin-top: 0;
		max-width: 550px;
		width: 60%;
	}

	.htc_difference_text:first-child {
		margin-top: 0;
	}
}

/*===============================================
	⼩腸ケアには乳酸菌L-137:960px以上
===============================================*/
@media screen and (min-width:960px) {
	/* CHECK! */
	.htc_check {
		margin-top: 80px;
		margin-bottom: 70px;
	}

	.htc_check_title img {
		margin-left: 10px;
		width: 164px;
	}

	.htc_check_lead {
		font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
		font-size: 28px;
		font-weight: normal;
		margin-bottom: 50px;
		text-align: center;
	}

	.htc_check_body {
		padding: 0 40px;
	}

	.htc_check_flex {
		display: flex;
	}

	.htc_check_category {
		margin-top: 30px;
	}

	.htc_check_category_title {
		font-size: 24px;
		line-height: 1.4;
	}

	.htc_check_detail {
		max-width: 452px;
		width: 50%;
	}

	.htc_check_detail:first-child {
		padding-right: 4%;
	}

	.htc_check_detail:last-child {
		padding-left: 4%;
	}

	.htc_check_detail:last-child::after {
		background-size: 2px 64px;
		height: 100%;
		width: 2px;
	}

	.htc_check_detail_title {
		border-radius: 30px;
		font-size: 24px;
		height: 60px;
		margin-bottom: 30px;
		max-width: 412px;
		width: 100%;
	}

	.htc_check_detail_title::before {
		bottom: -18px;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
	}

	.htc_check_detail_title::after {
		bottom: -11px;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-top: 13px solid #fff;
	}

	.htc_check_detail:first-child .htc_check_detail_title {
		border: 4px solid #a6a6a6;
		color: #6b6b6b;
	}

	.htc_check_detail:first-child .htc_check_detail_title::before {
		border-top: 18px solid #a6a6a6;
	}

	.htc_check_detail:last-child .htc_check_detail_title {
		border: 4px solid #fe5548;
		color: #fe5548;
	}

	.htc_check_detail:last-child .htc_check_detail_title::before {
		border-top: 18px solid #fe5548;
	}

	.htc_check_inner {
		display: flex;
		align-items: center;
	}

	.htc_check_image {
		flex-shrink: 0;
		margin: 0;
		max-width: 200px;
		width: 49%;
	}

	.htc_check_text {
		font-size: 22px;
		line-height: 1.5;
		margin-left: 20px;
	}


	/* 他の乳酸菌とのちがい */
	.htc_difference {
		margin-top: 80px;
	}

	.htc_difference_text {
		font-size: 18px;
		line-height: 1.8;
		margin: 30px 0 0;
	}

	.htc_difference_list li a {
		font-size: 18px;
		margin: 0;
	}

	.htc_difference_graph_wrap {
		border-radius: 20px;
		max-width: 100%;
		padding: 30px 35px;
	}

	/* MOVIE */
	.htc_movie {
		margin-top: 75px;
	}

	.htc_movie_title img {
		margin-left: 10px;
		width: 144px;
	}

	.htc_movie_inner {
		padding: 0 24%;
	}

	.htc_movie_lead {
		font-size: 26px;
		margin-top: 0;
		text-align: center;
	}

	.htc_movie_content {
		margin-top: 30px;
	}

	.htc_movie_content a img {
		max-width: 528px;
	}

	.htc_movie_content a::after {
		background-size: 73px 73px;
		height: 73px;
		width: 73px;
	}

	.device_pc .htc_movie_content a:hover::after {
		background-size: 73px 73px;
	}

	/* Point */
	.htc_point {
		margin-top: 80px;
	}

	.htc_point_body {
		padding-top: 60px;
	}

	.htc_point_number {
		margin-right: 20px;
		position: relative;
		text-align: right;
	}

	.htc_point_number::after {
		content: "";
		background-color: #ffc600;
		height: 4px;
		position: absolute;
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%);
		width: 44px;
	}

	.htc_point_number_text {
		font-size: 18px;
		margin-right: 12px;
	}

	.cmn_content_inner:first-child .htc_point_number_image {
		margin-top: 8px;
		width: 68px;
	}

	.cmn_content_inner:last-child .htc_point_number_image {
		margin-top: 8px;
		width: 84px;
	}

	.htc_point_title {
		font-size: 26px;
		margin-top: 5px;
	}

	.htc_point_graph_wrap {
		border-radius: 20px;
		padding: 10px 80px;
	}

	.htc_point_image {
		margin-top: 50px;
	}

	.htc_point_text {
		font-size: 16px;
		margin-top: 30px;
	}
}

/*===============================================
	⼩腸ケアには乳酸菌L-137:1040px以上
===============================================*/
@media screen and (min-width:1040px) {
	.htc_check_body {
		padding: 0;
	}

	.htc_check_flex {
		padding-left: 48px;
	}

	.htc_check_detail {
		max-width: 452px;
		width: 50%;
	}

	.htc_check_detail:first-child {
		padding-right: 4%;
	}

	.htc_check_detail:last-child {
		max-width: 500px;
		padding-left: 4%;
	}
}

/* ライトボックス
--------------------------------------------------------- */
.mfp-inline.mfp-wrap {
	position: fixed !important;
	top: 52% !important;
	left: 50%;
	transform: translate(-50%, -50%);
}
.mfp-inline .mfp-content {
	height: 100%;
	max-height: 88%;
	max-width: 94%;
}
.mfp-inline.mfp-htc .mfp-close,
.mfp-inline.mfp-mvmodal .mfp-close {
	background-color: #fe5548;
	border-radius: 50%;
	box-shadow: 3px 3px 6px rgba(1,1,1,0.2);
	color: #fff;
	font-size: 40px;
	height: 50px;
	line-height: 50px;
	opacity: 1;
	padding: 0;
	top: -25px;
	right: 5px;
	text-align: center;
	width: 50px;
}
.mfp-inline.mfp-htc .mfp-close:active,
.mfp-inline.mfp-mvmodal .mfp-close:active {
	top: -25px;
}
.mfp-inline .mfp-container {
	line-height: 1.6;
	padding: 0;
}

.mfp-htc button.mfp-arrow {
	background: #fe5548 url(../img/common/modal_ico_arrow_on.png) center/7px no-repeat;;
	border-radius: 50%;
	height: 35px;
	margin-top: 0;
	opacity: 1;
	position: absolute;
	top: 250px;
	left: 5px;
	transform: none;
	width: 35px;
	z-index: 10000;
}
.mfp-htc .mfp-arrow::before,
.mfp-htc .mfp-arrow::after {display: none;}
.mfp-htc button.mfp-arrow-right {
	transform: rotate(180deg);
	transform-origin: center;
	left: auto;
	right: 5px;
}

.mfp-image .mfp-close {
	top: 15px;
}

.cmn_modal {
	border-radius: 5px;
	max-height: 100%;
	overflow-y: auto;
}
.cmn_modal_inner {
	border-radius: 5px;
	padding: 20px 12px;
}

.htc_modal {
	background: url("/material/img/common/bg_noise01.png") center/32px;
	border-radius: 10px;
	margin: 0 auto;
	max-width: 690px;
}
.htc_modal .cmn_content_dot {
	padding: 30px 20px;
}
.htc_modal .htc_point_number_circle {
	width: 40px;
}
.htc_modal .htc_point_title {
	margin: 0 0 0 10px;
}
.htc_modal .graph_bar,
.htc_modal .graph_base {
	background: none;
}
.htc_modal .graph_bar::after {
	position: absolute;
	top: 0;
	left: 0;
}

.cmn_mv_text a {
	color: #ff6700;
}
.mfp-mvmodal .htc_modal {
	padding: 30px 20px 20px;
}
.mfp-mvmodal .htc_modal p + p {
	margin-top: 1.5em;
}

/*===============================================
	ライトボックス:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.mfp-inline.mfp-wrap {
		max-width: 800px;
		overflow: visible !important;
	}

	.htc_modal .htc_point_graph_wrap {
		padding: 10px 30px;
	}

	.mfp-mvmodal .htc_modal {
		padding: 40px 50px;
	}
}

/*===============================================
	ライトボックス:1040px以上
===============================================*/
@media screen and (min-width:1040px) {
	.device_pc .mfp-inline .mfp-close {transition: opacity 0.2s;}
	.device_pc .mfp-inline .mfp-close:hover {opacity: 0.8;}

	.device_pc .mfp-htc button.mfp-arrow {transition: opacity 0.2s;}
	.device_pc .mfp-htc button.mfp-arrow:hover {opacity: 0.8;}

	.mfp-htc button.mfp-arrow {
		background-size: 12px;
		height: 70px;
		top: 320px;
		left: -30px;
		width: 70px;
	}
	.mfp-htc button.mfp-arrow-right {
		left: auto;
		right: -30px;
	}

	.htc_modal .cmn_content_dot {
		padding: 30px 60px 40px;
	}

	.mfp-mvmodal .htc_modal {
		padding: 50px 60px;
	}
	.mfp-mvmodal .htc_modal p {
		font-size: 16px;
		line-height: 2;
	}
}

/* ライトボックス：スクロール表示
--------------------------------------------------------- */
.cmn_appeal_scroll_wrap {
	font-size: 14px;
	height: 100%;
	max-width: 100%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.cmn_appeal_scroll_wrap.is-show {
	opacity: 1;
}
.cmn_appeal_scroll_icon {
	animation: appealScrollIcon 5s linear forwards;
	background-color: rgba(51,51,51,0.7);
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 90px;
	opacity: 0;
	overflow: hidden;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -60%);
	width: 10em;
}
.cmn_appeal_scroll_icon::before {
	content: '';
	background: url(../img/common/scroll_arrow.png) center/contain no-repeat;
	display: inline-block;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
	width: 11px;
}
.cmn_appeal_scroll_hand {
	animation: appealScrollHand 1.5s linear 2;
	background: url(../img/common/scroll_hand.png) center/contain no-repeat;
	display: inline-block;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	width: 47px;
}
.cmn_appeal_scroll_text {
	align-self: flex-end;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0.6em;
	order: 3;
	width: 100%;
}
@keyframes appealScrollIcon {
	0% {opacity: 0;}
	5% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes appealScrollHand {
	0% {opacity: 0; transform: translateY(20px);}
	10% {opacity: 1;}
	50%,
	100% {opacity: 0; transform: translateY(-20px);}
}








/* ---------------------------------------------------------

	09. 乳酸菌L-137の研究成果

--------------------------------------------------------- */
.data {
	border-top: 1px solid #eaeaea;
	padding-top: 25px;
}

.data_title_english {
	color: #ffc600;
	font-size: 40px;
	height: 55px;
	letter-spacing: 0.05em;
	position: relative;
	text-align: center;
}

.data_title_english::before {
	content: "";
	display: block;
	border-top: 2px solid #ffe899;
	border-left: 2px solid #ffe899;
	border-top-left-radius: 10px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 0;
	width: calc(50% - 75px);
}

.data_title_english::after {
	content: "";
	display: block;
	border-top: 2px solid #ffe899;
	border-right: 2px solid #ffe899;
	border-top-right-radius: 10px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 0;
	width: calc(50% - 75px);
}

.data_title {
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 28px;
	text-align: center;
}

.data_title_wave {
	display: inline-block;
	position: relative;
}

.data_title_wave::after {
	content: "";
	background: url("/material/img/data/bg_wave01.png") repeat-x 0 0;
	background-size: 7px 2px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
}

.data_link {
	border: 3px solid #ffc600;
	position: relative;
}

.data_link::before {
	content: "";
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.data_link::after {
	content: "";
	background-color: rgba(249, 231, 172, 0.2);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

.data_link a {
	display: flex;
	color: #231f20;
	padding: 10px;
	position: relative;
	text-decoration: none;
	z-index: 3;
}

.data_link_image {
	margin-right: 10px;
	width: 70px;
}

.data_link_image img {
	width: 100%;
}

.data_link_info {
	font-size: 15px;
	position: relative;
	width: calc(100% - 80px);
	z-index: 4;
}

.data_link_text {
	font-feature-settings: "palt";
	line-height: 1.5;
}

.data_link_check {
	color: #fe5548;
	font-size: 15px;
	letter-spacing: 0.05em;
	padding-right: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: margin 0.2s ease-out;
}

.data_link_check::before {
	content: "";
	display: block;
	background-color: #fe5548;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 16px;
}

.data_link_check::after {
	content: "";
	display: block;
	background: url("/material/img/common/ico_arrow_sp02.png") no-repeat 0 0;
	background-size: 5px 8px;
	height: 8px;
	position: absolute;
	top: 5px;
	right: 5px;
	transform: rotate(90deg);
	transition: all 0.15s ease-out;
	width: 5px;
}

.data_link_list {
	display: flex;
	flex-wrap: wrap;
}

.data_link_list li {
	display: block;
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	border: 3px solid #ffc600;
	color: #231f20;
	margin: 10px 3.5% 0 0;
	position: relative;
	text-decoration: none;
	width: 31%;
}

.data_link_list li:nth-child(3n + 3) {
	margin: 10px 0 0;
}

.data_link_list li::before {
	content: "";
	background-color: #ffc600;
	height: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 15px;
}

.data_link_list li a {
	display: block;
	color: #231f20;
	height: 100%;
	padding: 15px 0 16px;
	position: relative;
	text-decoration: none;
	width: 100%;
}

.data_link_list li a::after {
	content: "";
	background: url("/material/img/common/ico_arrow_sp02.png") no-repeat 0 0;
	background-size: 5px 8px;
	height: 8px;
	position: absolute;
	bottom: 2px;
	right: 4px;
	transform: rotate(90deg);
	width: 5px;
}

.data_link_list li .data_link_icon {
	margin: 0 auto;
	max-width: 50px;
}

.data_link_list li:nth-child(1) .data_link_icon {
	max-width: 65px;
	width: 43.113%;
}

.data_link_list li:nth-child(3) .data_link_icon {
	width: 32.335%;
}

.data_link_list li:nth-child(4) .data_link_icon {
	max-width: 35px;
	width: 29.94%;
}

.data_link_list li:nth-child(1) .data_link_icon {/*2020.03.02追記　元数値(2)*/
	margin-top: -8px;
	max-width: 55px;
	width: 43%;
}

.data_link_list li:nth-child(5) .data_link_icon {
	max-width: 40px;
	width: 28.143%;
}

.data_link_list li:nth-child(6) .data_link_icon {
	max-width: 45px;
	width: 34.73%;
}

.data_link_list li .data_link_text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	line-height: 1.3;
	margin-top: 10px;
	text-align: center;
}

.data_link_list li:nth-child(4) .data_link_text {
	font-size: 11px;
}

.data_check {
	margin-top: 28px;
	padding-top: 20px;
}

/* CHECK! */
.data_check {
	margin-top: 43px;
}

.data_check_title {
	color: #ffc600;
	font-size: 40px;
	font-weight: normal;
	height: 60px;
	letter-spacing: 0.05em;
	text-align: center;
}

.data_check_title.cmn_title::before,
.data_check_title.cmn_title::after {
	top: 20px;
}

.data_check_body {
	padding: 0 18px;
}

.data_check_lead {
	font-feature-settings: "palt";
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-align: center;
}

.data_check_image {
	border: 3px solid #fff;
	border-radius: 4px;
	box-shadow: 0 3px 2px rgba(0,0,0,0.1);
	margin: 20px auto 0;
	max-width: 400px;
}

.data_check_detail_title {
	font-feature-settings: "palt";
	font-size: 15px;
	font-weight: normal;
	margin-top: 27px;
	text-align: center;
}

.data_check_graph_wrap {
	background-color: #fff;
	border-radius: 5px;
	margin: 25px auto;
	max-width: 400px;
	padding: 15px 20px;
}

.data_check_graph img {
	width: 100%;
}

.data_check_table {
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	width: 100%;
}

.data_check_table th {
	background-color: #f3f3f3;
	border-bottom: 1px solid #cbcbcb;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2;
	padding: 6px 5px;
	text-align: left;
	vertical-align: top;
	width: 80px;
}

.data_check_table td {
	background-color: #fff;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	font-size: 10px;
	line-height: 1.2;
	padding: 7px 10px;
	width: calc(100% - 80px);
}

.data_check_table_list {
	display: flex;
	flex-wrap: wrap;
	list-style: decimal;
}

.data_check_table_list li {
	margin-left: 12px;
	width: calc(50% - 12px);
}

.data_check_caption {
	font-size: 10px;
	margin-top: 8px;
}

.data_check_text {
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 20px;
}

/* 結論 */
.data_conclusion {
	margin-top: 30px;
}

.data_conclusion_lead {
	font-size: 15px;
	line-height: 1.8;
	margin-top: 20px;
	text-align: center;
}

.data_conclusion_body {
	background-color: rgba(249, 231, 172, 0.3);
	margin-top: 20px;
	padding: 21px 15px;
}

.data_conclusion_inner {
	display: flex;
}

.data_conclusion_detail {
	padding-bottom: 40px;
	position: relative;
	width: 50%;
}

.data_conclusion_detail:first-child {
	padding-right: 5%;
}

.data_conclusion_detail:last-child {
	padding-left: 5%;
	position: relative;
}

.data_conclusion_detail:last-child::after {
	content: "";
	background: url("/material/img/common/img_line01.png") repeat-y 0 0;
	background-size: 1px 32px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
}

.data_conclusion_title {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border: 2px solid #a6a6a6;
	border-radius: 30px;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin-bottom: 15px;
	position: relative;
	width: 100%;
}

.data_conclusion_title::before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 9px solid #a6a6a6;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	transform: translateX(-50%);
	z-index: 1;
}

.data_conclusion_title::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 6px solid #fff;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	transform: translateX(-50%);
	z-index: 2;
}

.data_conclusion:first-child .data_conclusion_title::before {
	border-top: 9px solid #a6a6a6;
}

.data_conclusion_list li {
	font-feature-settings: "palt";
	font-size: 11px;
	line-height: 1.5;
	margin-top: 8px;
	padding-left: 1.2em;
	position: relative;
}

.data_conclusion_list li::before {
	content: "";
	display: inline-block;
	background-color: #ffc600;
	border-radius: 7px;
	height: 7px;
	position: absolute;
	top: 5px;
	left: 0;
	width: 7px;
}

.data_conclusion_major {
	margin-top: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.data_conclusion_detail:last-child .data_conclusion_major {
	left: 10%;
}

.data_conclusion_major dt {
	display: inline-block;
	background-color: #a6a6a6;
	border-radius: 20px;
	color: #fff;
	font-feature-settings: "palt";
	font-size: 10px;
	padding: 2px 5px;
}

.data_conclusion_major dd {
	font-feature-settings: "palt";
	font-size: 11px;
	margin-top: 5px;
}

.data_conclusion_text {
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 20px;
}

.data_conclusion_text + .data_conclusion_text {
	margin-top: 15px;
}

/* Potency */
.data_potency {
	margin-top: 40px;
}

.data_potency_subtitle {
	font-feature-settings: "palt";
	font-size: 13px;
	text-align: center;
}

.data_potency_body {
	padding: 15px 28px 28px;
}

.data_potency_detail:first-child {
	padding-top: 20px;
	position: relative;
}

.data_potency_detail:not(:first-child) {
	padding-top: 20px;
	position: relative;
}

.data_potency_detail:not(:last-child) {
	margin-bottom: 40px;
}

.data_potency_detail:not(:last-child)::after {
	content: "";
	background: url("/material/img/common/img_line02.png") repeat-x 0 0;
	background-size: 234px 8px;
	height: 8px;
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
}

.data_potency_head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
}

.data_potency_number {
	flex-shrink: 0;
	margin-right: 8px;
}

.data_potency_detail:first-child .data_potency_number {
	width: 39px;
}

.data_potency_detail:nth-child(2) .data_potency_number {
	width: 45px;
}

.data_potency_detail:nth-child(3) .data_potency_number {
	width: 45px;
}

.data_potency_detail:nth-child(4) .data_potency_number {
	width: 45px;
}

.data_potency_detail:nth-child(5) .data_potency_number {
	width: 45px;
}

.data_potency_detail:nth-child(6) .data_potency_number {
	width: 45px;
}

.data_potency_title {
	font-feature-settings: "palt";
	font-size: 20px;
	font-weight: normal;
}

.data_potency_text {
	font-feature-settings: "palt";
	line-height: 1.8;
	margin-top: 20px;
}

.data_potency_caption {
	font-size: 10px;
	color: #6b6b6b;
	line-height: 1.3;
	margin-top: 10px;
	padding-left: 2.5em;
	text-align: left;
	text-indent: -2.5em;
	word-break: break-all;
}

.data_potency_image_wrap {
	background-color: #fff;
	border-radius: 5px;
	margin: 20px auto 0;
	max-width: 400px;
	padding: 0 0 20px;
}

.data_potency_image {
	margin: 20px auto 0;
	max-width: 400px;
	padding: 0 20px 0;
}

.data_potency_image_wrap .data_potency_graph_wrap {
	margin-top: 0;
}

.data_potency_image_wrap .data_potency_image {
	margin-top: 5px;
}

.data_potency_graph_title {
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
}

.data_potency_graph_wrap {
	background-color: #fff;
	border-radius: 5px;
	margin: 20px auto 0;
	max-width: 400px;
	padding: 20px 17px;
}

.data_potency_graph {
	display: block;
	height: 0;
	margin: 10px auto 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.data_potency_graph div {
	display: block;
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.data_potency_graph .graph_bar:after {
	content: '';
	display: block;
	background-color: #fff;
	height: 100%;
	transform: scaleY(1);
	transform-origin: right top;
	transition: none;
	width: 100%;
}

.data_potency_graph.is-action .graph_bar:after {
	transform: scaleY(0);
	transition: 4.0s ease;
}

.data_potency_graph01 {
	padding-top: 71.77%;
}

.data_potency_graph01 .graph_bar {
	background-image: url("/material/img/data/img_potency_bar01.png");
}

.data_potency_graph01 .graph_base {
	background-image: url("/material/img/data/img_potency_graph01.png");
}

.data_potency_graph02 {
	padding-top: 100.24%;
}

.data_potency_graph02 .graph_bar {
	background-image: url("/material/img/data/img_potency_bar02.png");
}

.data_potency_graph02 .graph_base {
	background-image: url("/material/img/data/img_potency_graph02.png");
}

.data_potency_graph03 {
	padding-top: 93.467%;
}

.data_potency_graph03 .graph_bar {
	background-image: url("/material/img/data/img_potency_bar03.png");
}

.data_potency_graph03 .graph_base {
	background-image: url("/material/img/data/img_potency_graph03.png");
}

.data_potency_graph .graph_wave {
	background-image: url("/material/img/data/img_potency_polyline01.png");
	background-size: auto auto;
	transform-origin: left top;
	transition: none;
	width: 0;
}

.data_potency_graph03.is-action .graph_wave {
	transition: 2s ease 1.2s;
	width: 100%;
}

.data_potency_graph04 {
	padding-top: 88.674%;
}

.data_potency_graph04 .graph_bar {
	background-image: url("/material/img/data/img_potency_bar04.png");
}

.data_potency_graph04 .graph_base {
	background-image: url("/material/img/data/img_potency_graph04.png");
}

.data_potency_polyline {
	padding: 10px 0 0;
}

.data_circle_yellow {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/material/img/common/bg_circle02.png") no-repeat 0 0;
	background-size: 90px 89px;
	height: 89px;
	margin: 0 auto;
	width: 90px;
}

.data_circle_blue {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/material/img/common/bg_circle03.png") no-repeat 0 0;
	background-size: 90px 89px;
	height: 89px;
	margin: 0 auto;
	width: 90px;
}

.data_circle_pink {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/material/img/common/bg_circle04.png") no-repeat 0 0;
	background-size: 90px 89px;
	height: 89px;
	margin: 0 auto;
	width: 90px;
}

.data_icon_teeth {
	margin: -10px -3px 0 0;
	width: 44px;
}

.data_icon_heart {
	width: 55px;
}

.data_icon_nose {
	width: 36px;
}

.data_icon_flu {
	width: 41px;
}

.data_icon_smile {
	width: 54px;
}

.data_icon_drop {
	width: 40px;
}
.data_potency_info{
    position: relative;
}
.speech_bubble_box{
    position: absolute;
    top:0;
    left:0;
}
.data_speech_bubble{
    position: relative;
    background-color:#fe5548;
    color:#ffffff;
    font-weight: bold;
    padding: 10px;
    border-radius: 7px;
    padding-left: 13px;
    line-height: 1;
    font-size: 14px;
    }
.data_speech_bubble::after{
    content: "";
    position: absolute;
    margin: 0;
    bottom: -30px;
    right: 30px;
    width: 0;
    height: 0;
    border-top: 40px solid #fe5548;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(-30deg);
}
.column_attention{
    font-size:20px;
    color: red;
    margin-right: 30px;
}
/*===============================================
	乳酸菌L-137の研究成果:400px以上
===============================================*/
@media screen and (max-width:400px) {
	.column_attention.only_pc {
        display:none;
	}
	.column_attention.only_sp {
        display:block;
	}
}
/*===============================================
	乳酸菌L-137の研究成果:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.data_link_info {
		display: flex;
		align-items: center;
		font-size: 15px;
		position: relative;
		z-index: 4;
	}
	.data_link_text br {display: none;}

	.data_link_list li {
		margin: 10px 2% 0 0;
		width: 15%;
	}

	.data_link_list li:nth-child(3n + 3) {
		margin: 10px 2% 0 0;
	}

	.data_link_list li:last-child {
		margin: 10px 0 0;
	}

	.data_link_list li a {
		padding: 20px 0;
	}

	.data_link_list li .data_link_icon {
		height: 40px;
	}

	.data_check_flex {
		display: flex;
		justify-content: space-between;
	}

	.data_check_detail {
		width: 48%;
	}

	.data_check_graph_wrap {
		display: flex;
		align-items: center;
		padding: 25px 20px;
	}

	.data_check_graph  {
		margin: 0 auto;
	}

	.data_potency_flex {
		display: flex;
		justify-content: space-between;
	}

	.data_potency_info {
		margin-top: 50px;
		width: 48%;
	}

	.data_potency_info .data_potency_text {
		margin-top: 0;
	}

	.data_potency_image_wrap {
		background: none;
		margin-top: 50px;
		max-width: 100%;
		padding: 0;
	}

	.data_potency_image {
		background-color: #fff;
		border-radius: 20px;
		margin: 0;
		max-width: 100%;
		padding: 15px 60px;
		width: 48%;
	}

	.data_potency_image_wrap .data_potency_graph_wrap {
		margin: 0;
		width: 48%;
	}

	.data_potency_image_wrap .data_potency_image {
		display: flex;
		align-items: center;
		margin-top: 0;
	}

	.data_potency_graph_wrap {
		background-color: #fff;
		border-radius: 20px;
		margin-top: 0;
		max-width: 500px;
		padding: 25px 40px 20px;
	}
    .column_attention{
        font-size:38px;
        color: red;
        margin-right: 30px;
    }
}

/*===============================================
	乳酸菌L-137の研究成果:768px〜959px
===============================================*/
@media screen and (min-width:768px) and (max-width:959px) {
	.data_check_graph_wrap {
		height: 280px;
	}

	.data_check_graph img {
		height: 240px;
	}
}

/*===============================================
	乳酸菌L-137の研究成果:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.data {
		border-top: 2px solid #eaeaea;
		padding-top: 50px;
	}

	.data_title_english {
		font-size: 70px;
		height: 110px;
	}

	.data_title_english::before {
		border-top: 4px solid #ffe899;
		border-left: 4px solid #ffe899;
		height: 48px;
		top: 35px;
		width: calc(50% - 140px);
	}

	.data_title_english::after {
		border-top: 4px solid #ffe899;
		border-right: 4px solid #ffe899;
		height: 48px;
		top: 35px;
		width: calc(50% - 140px);
	}

	.data_title {
		font-size: 28px;
		margin-bottom: 50px;
	}

	.data_title_wave::after {
		background-size: 14px 4px;
		height: 4px;
		bottom: -15px;
	}

	.data_link {
		border: 5px solid #ffc600;
	}

	.data_link::before {
		background-size: 8px;
	}

	.data_link a {
		padding: 20px;
	}

	.data_link_image {
		margin-right: 30px;
		width: 150px;
	}

	.data_link_text {
		font-size: 22px;
	}

	.data_link_check {
		font-size: 27px;
		padding-right: 40px;
		position: absolute;
	}

	.data_link_check::before {
		border-radius: 28px;
		height: 28px;
		width: 28px;
	}

	.data_link_check::after {
		background-size: 7px 12px;
		height: 12px;
		top: 8px;
		right: 10px;
		width: 7px;
	}

	.data_link_list li {
		background-size: 8px;
		border: 5px solid #ffc600;
		margin: 20px 2% 0 0;
	}

	.data_link_list li::before {
		height: 28px;
		width: 28px;
	}

	.data_link_list li:nth-child(3n + 3) {
		margin: 20px 2% 0 0;
	}

	.data_link_list li:last-child {
		margin: 20px 0 0;
	}

	.data_link_list li a {
		padding: 15px 0 45px;
	}

	.data_link_list li a::after {
		background-size: 7px 12px;
		height: 12px;
		bottom: 5px;
		right: 8px;
		width: 7px;
	}

	.data_link_list li .data_link_icon {
		height: 50px;
	}

	.data_link_list li .data_link_text {
		font-size: 18px;
		height: 28px;
		margin-top: 25px;
	}

	.data_link_list li:nth-child(4) .data_link_text {
		font-size: 18px;
	}

	/* CHECK! */
	.data_check {
		margin-top: 80px;
	}

	.data_check_title {
		font-size: 70px;
		height: 110px;
	}

	.data_check_title.cmn_title::before,
	.data_check_title.cmn_title::after {
		top: 35px;
	}

	.data_check_body {
		padding: 0 40px;
	}

	.data_check_lead {
		font-size: 28px;
		line-height: 1.5;
	}

	.data_check_image {
		border: 6px solid #fff;
		border-radius: 8px;
		box-shadow: 0 6px 3px rgba(0,0,0,0.1);
		margin: 40px auto 0;
		max-width: 528px;
	}

	.data_check_detail_title {
		font-size: 22px;
		margin-top: 60px;
	}

	.data_check_graph_wrap {
		border-radius: 20px;
		height: 340px;
		margin: 30px auto 40px;
		max-width: 100%;
		padding: 0 40px;
	}

	.data_check_table {
		border-top: 1px solid #cbcbcb;
		border-left: 1px solid #cbcbcb;
		width: 100%;
	}

	.data_check_table th {
		font-size: 16px;
		padding: 12px 15px;
		width: 130px;
	}

	.data_check_table td {
		font-size: 15px;
		padding: 12px 15px;
		width: calc(100% - 130px);
	}

	.data_check_table_list li {
		margin: 0 30px 0 12px;
		width: auto;
	}

	.data_check_caption {
		font-size: 14px;
		margin-top: 10px;
	}

	.data_check_text {
		font-size: 16px;
		margin-top: 25px;
	}

	/* 結論 */
	.data_conclusion {
		margin-top: 80px;
	}

	.data_conclusion_lead {
		font-size: 28px;
		margin-top: 30px;
	}

	.data_conclusion_body {
		margin-top: 40px;
		padding: 40px 0;
	}

	.data_conclusion_inner {
		margin: 0 auto;
		max-width: 1040px;
		padding: 0 20px;
		position: relative;
		width: 100%;
	}

	.data_conclusion_detail {
		max-width: 500px;
		padding-bottom: 80px;
		width: 50%
	}

	.data_conclusion_detail:first-child {
		padding-right: 4%;
	}

	.data_conclusion_detail:last-child {
		padding-left: 4%;
	}

	.data_conclusion_detail:last-child::after {
		background-size: 2px 64px;
		height: 100%;
		width: 2px;
	}

	.data_conclusion_title {
		border: 4px solid #a6a6a6;
		border-radius: 30px;
		font-size: 24px;
		height: 60px;
		margin-bottom: 15px;
		position: relative;
		width: 100%;
	}

	.data_conclusion_title::before {
		bottom: -18px;
		border-top: 18px solid #a6a6a6;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
	}

	.data_conclusion_title::after {
		bottom: -11px;
		border-top: 13px solid #fff;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
	}

	.data_conclusion:first-child .data_conclusion_title::before {
		border-top: 9px solid #a6a6a6;
	}

	.data_conclusion_list {
		margin-top: 30px;
	}

	.data_conclusion_list li {
		font-size: 18px;
	}

	.data_conclusion_list li::before {
		border-radius: 12px;
		height: 12px;
		top: 8px;
		width: 12px;
	}

	.data_conclusion_major {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.data_conclusion_detail:last-child .data_conclusion_major {
		left: 10%;
	}

	.data_conclusion_major dt {
		border-radius: 20px;
		font-size: 16px;
		padding: 5px 10px;
	}

	.data_conclusion_major dd {
		font-size: 18px;
		margin-top: 10px;
	}

	.data_conclusion_text {
		font-size: 16px;
		margin-top: 40px;
	}

	.data_conclusion_text + .data_conclusion_text {
		margin-top: 15px;
	}

	/* Potency */
	.data_potency {
		margin-top: 60px;
	}

	.data_potency_subtitle {
		font-size: 20px;
		margin-top: -15px;
	}

	.data_potency_body {
		margin: 0 auto;
		max-width: 1000px;
		padding: 40px 0 50px;
		width: 90%;
	}

	.data_potency_detail:not(:first-child) {
		padding-top: 30px;
	}

	.data_potency_detail:not(:last-child) {
		margin-bottom: 90px;
	}

	.data_potency_detail:not(:last-child)::after {
		background-size: 468px 16px;
		height: 16px;
		bottom: -70px;
	}

	.data_potency_head {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}

	.data_potency_number {
		margin-right: 8px;
	}

	.data_potency_detail:first-child .data_potency_number {
		width: 68px;
	}

	.data_potency_detail:nth-child(2) .data_potency_number {
		width: 84px;
	}

	.data_potency_detail:nth-child(3) .data_potency_number {
		width: 70px;
	}

	.data_potency_detail:nth-child(4) .data_potency_number {
		width: 70px;
	}

	.data_potency_detail:nth-child(5) .data_potency_number {
		width: 70px;
	}

	.data_potency_detail:nth-child(6) .data_potency_number {
		width: 70px;
	}

	.data_potency_title {
		font-size: 30px;
	}

	.data_potency_text {
		font-size: 18px;
		line-height: 2;
		margin-top: 40px;
	}

	.data_potency_caption {
		font-size: 14px;
		margin-top: 13px;
	}



	.data_potency_graph_title {
		font-size: 18px;
	}



	.data_potency_graph {
		margin-top: 20px;
	}

	.data_potency_polyline {
		padding: 15px 0 0;
	}

	.data_potency_polyline img {
		width: 100%;
	}

	.data_circle_yellow,
	.data_circle_blue,
	.data_circle_pink {
		background-size: 135px 132px;
		height: 132px;
		width: 135px;
	}

	.data_icon_teeth {
		margin: -10px -3px 0 0;
		width: 66px;
	}

	.data_icon_heart {
		width: 85px;
	}

	.data_icon_nose {
		width: 60px;
	}

	.data_icon_flu {
		width: 70px;
	}

	.data_icon_smile {
		width: 80px;
	}

	.data_icon_drop {
		width: 60px;
	}
}



/* ---------------------------------------------------------

	10. 乳酸菌研究の歩み

--------------------------------------------------------- */
.history_wrap {
	background-color: #f1f1f1;
	border-top: 1px solid #eaeaea;
	padding: 23px 0;
}

.history_icon {
	margin: 0 auto 15px;
	width: 30px;
}

.history_title_image.cmn_title_monotone::before,
.history_title_image.cmn_title_monotone::after {
	width: calc(50% - 80px);
}

.history_title_image img {
	margin-left: 10px;
	width: 116px;
}

.history_title {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}

.history_timeline {
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
	position: relative;
}

.history_timeline::before {
	content: "";
	background: url("/material/img/history/bg_line01.png") repeat-y 0 0;
	background-size: 3px 12px;
	height: 100%;
	position: absolute;
	top: 2px;
	left: 68px;
	width: 3px;
	z-index: 1;
}

.history_timeline dt {
	color: #ff6700;
	font-feature-settings: "palt";
	font-size: 17px;
	margin: 12px 0 15px;
	width: 48px;
}

.history_timeline dd.history_dot {
	padding-bottom: 15px;
	position: relative;
	width: 45px;
}

.history_timeline dd.history_dot::after {
	content: "";
	background-color: #ffc600;
	border-radius: 15px;
	height: 15px;
	position: absolute;
	top: 12px;
	left: 14px;
	width: 15px;
	z-index: 2;
}

.history_timeline dd.history_balloon {
	background-color: #fff;
	border-radius: 10px;
	font-feature-settings: "palt";
	font-size: 13px;
	line-height: 1.4;
	margin: 0 0 15px 17px;
	padding: 10px 13px;
	position: relative;
	width: calc(100% - 48px - 45px - 17px);
}

.history_timeline dd.history_balloon::before {
	content: "";
	border-top: 5px solid transparent;
	border-right: 12px solid #fff;
	border-bottom: 5px solid transparent;
	height: 0;
	position: absolute;
	top: 15px;
	left: -12px;
	width: 0;
}

.history_timeline dd.history_balloon:last-child {
	margin-bottom: 5px;
}

.history_circle_blue {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/material/img/history/bg_circle01.png") no-repeat 0 0;
	background-size: 43px 42px;
	height: 42px;
	position: relative;
	width: 43px;
	z-index: 3;
}

.history_circle_pink {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/material/img/history/bg_circle02.png") no-repeat 0 0;
	background-size: 43px 42px;
	height: 42px;
	position: relative;
	width: 43px;
	z-index: 3;
}

.history_circle_yellow {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("/material/img/history/bg_circle03.png") no-repeat 0 0;
	background-size: 43px 42px;
	height: 42px;
	position: relative;
	width: 43px;
	z-index: 3;
}

.history_icon_sushi {
	width: 28px;
}

.history_icon_nose {
	width: 20px;
}

.history_icon_flu {
	width: 24px;
}

.history_icon_smile {
	margin-top: -2px;
	width: 28px;
}

.history_icon_teeth {
	margin: -3px -2px 0 0;
	width: 22px;
}

.history_text_strong {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-weight: normal;
}

.history_text_caption {
	color: #6b6b6b;
	font-size: 11px;
}

.history_list li {
	padding-left: 12px;
	position: relative;
}

.history_list li + li {
	margin-top: 5px;
}

.history_list li::before {
	content: "";
	background: url("/material/img/history/ico_check01.png") no-repeat 0 0;
	background-size: 8px 6px;
	height: 6px;
	position: absolute;
	top: 7px;
	left: 0;
	width: 8px;
}

.history_image_flag {
	display: inline-block;
	margin-right: 2px;
}

.history_image_flag img {
	position: relative;
	top: -4px;
	width: 19px;
}

.history_caption_list {
	margin: 30px 18px 0;
}

.history_caption_list li {
	color: #6b6b6b;
	font-feature-settings: "palt";
	font-size: 10px;
	letter-spacing: 0.03em;
	line-height: 1.3;
	margin-bottom: 10px;
	padding-left: 1.8em;
	text-indent: -1.8em;
}

/*===============================================
	乳酸菌研究の歩み:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.history_wrap {
		border-top: 2px solid #eaeaea;
		padding: 50px 0;
	}

	.history_icon {
		margin: 0 auto 25px;
		padding-left: 10px;
		width: 55px;
	}

	.history_title_image.cmn_title_monotone::before,
	.history_title_image.cmn_title_monotone::after {
		width: calc(50% - 170px);
	}

	.history_title_image img {
		width: 200px;
	}

	.history_title {
		font-size: 24px;
		margin-top: 0;
	}

	.history_timeline {
		margin: 50px 50px 0;
	}

	.history_timeline::before {
		background-size: 4px 16px;
		top: 2px;
		left: 97px;
		width: 4px;
		z-index: 1;
	}

	.history_timeline dt {
		font-size: 24px;
		margin: 18px 0 20px;
		width: 70px;
	}

	.history_timeline dt:last-child,
	.history_timeline dd:last-child {
		margin-bottom: 0;
	}

	.history_timeline dd.history_dot {
		position: relative;
		width: 70px;
	}

	.history_timeline dd.history_dot::after {
		border-radius: 18px;
		height: 18px;
		top: 20px;
		left: 20px;
		width: 18px;
	}

	.history_timeline dd.history_balloon {
		font-size: 16px;
		margin: 0 0 25px 20px;
		padding: 15px 20px;
		width: calc(100% - 70px - 70px - 20px);
	}

	.history_timeline dd.history_balloon::before {
		border-top: 7px solid transparent;
		border-right: 15px solid #fff;
		border-bottom: 7px solid transparent;
		height: 0;
		position: absolute;
		top: 22px;
		left: -15px;
		width: 0;
	}

	.history_timeline dd.history_balloon:last-child {
		margin-bottom: 10px;
	}

	.history_circle_blue {
		background-size: 58px 57px;
		border-radius: 58px;
		height: 57px;
		width: 58px;
	}

	.history_circle_pink {
		background-size: 58px 57px;
		border-radius: 58px;
		height: 57px;
		width: 58px;
	}

	.history_circle_yellow {
		background-size: 58px 57px;
		border-radius: 58px;
		height: 57px;
		width: 58px;
	}

	.history_icon_sushi {
		width: 34px;
	}

	.history_icon_nose {
		margin-top: 2px;
		width: 26px;
	}

	.history_icon_flu {
		width: 32px;
	}

	.history_icon_smile {
		margin-top: 0;
		width: 36px;
	}

	.history_icon_teeth {
		margin: -3px -2px 0 0;
		width: 28px;
	}

	.history_text_caption {
		font-size: 12px;
	}

	.history_list li {
		padding-left: 20px;
	}

	.history_list li::before {
		background-size: 12px 10px;
		height: 10px;
		top: 8px;
		width: 12px;
	}

	.history_image_flag {
		margin-right: 4px;
	}

	.history_image_flag img {
		position: relative;
		top: -4px;
		width: 22px;
	}

	.history_caption_list {
		margin: 40px 50px 0;
	}

	.history_caption_list li {
		font-size: 12px;
		letter-spacing: 0.03em;
	}
}



/* ---------------------------------------------------------

	11. 歯科医院での取り組み

--------------------------------------------------------- */
.voice_title {
	margin: 34px auto 0;
	width: 96px;
}

.voice_title span {
	position: relative;
}

.voice_title span::after {
	content: "";
	background: url("/material/img/common/bg_wave01.png") repeat-x 0 0;
	background-size: 7px 2px;
	height: 2px;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
}

.voice_title img {
	width: 100%;
}

.voice_lead {
	font-feature-settings: "palt";
	font-weight: normal;
	line-height: 1.8;
	margin-top: 25px;
	text-align: center;
}

.voice_detail {
	background-color: #ffc600;
	border-radius: 15px;
	margin-top: 20px;
	padding: 10px;
	position: relative;
	transition: opacity 0.2s ease-out;
}

.device_pc .voice_detail:hover {
	opacity: 0.6;
}

.voice_detail::before {
	content: "";
	background-color: #ffda59;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 92px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.voice_detail_inner {
	display: block;
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	color: #231f20;
	height: 100%;
	position: relative;
	text-decoration: none;
	z-index: 2;
}

.voice_detail_body {
	display: flex;
	align-items: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 14px;
	padding: 10px 18px 15px;
}

.voice_detail_number {
	color: #ff6700;
	font-size: 34px;
	letter-spacing: 0.03em;
	margin-top: 10px;
	width: 53px;
}

.voice_detail_image img {
	width: 100%;
}

.voice_detail_info {
	width: calc(100% - 53px);
}

.voice_detail_lead {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	position: relative;
}

.voice_detail_lead::after {
	content: "";
	background: url("/material/img/common/bg_line01.png") repeat-x 0 0;
	background-size: 8px 4px;
	height: 4px;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
}

.voice_detail_work {
	font-size: 11px;
	margin: 18px 0 8px;
}

/* 記事_voice */
.voice_article {
	background-color: #ffc600;
	padding: 15px;
	position: relative;
}

.voice_article::before {
	content: "";
	background-color: #ffda59;
	height: 92px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.voice_article_head {
	position: relative;
}

.voice_article_inner {
	background: url("/material/img/common/bg_grid01.png") repeat 0 0;
	background-size: 4px;
	border-radius: 15px;
	font-size: 14px;
	margin: 0 auto;
	padding: 13px 18px 15px;
	position: absolute;
	bottom: 15px;
	text-align: center;
	width: calc(100% - 30px);
}

.voice_article_image {
	width: 100%;
}

.voice_article_image img {
	border-radius: 15px;
	width: 100%;
}

.voice_article_title {
	display: flex;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
}

.voice_article_title_image {
	width: 55px;
}

.voice_article_number {
	color: #ff6700;
	font-size: 30px;
	letter-spacing: 0.03em;
	margin-left: 10px;
}

.voice_article_lead {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 8px;
	position: relative;
}

.voice_article_lead::after {
	content: "";
	background: url("/material/img/common/bg_line01.png") repeat-x 0 0;
	background-size: 8px 4px;
	height: 4px;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
}

.voice_article_work {
	font-feature-settings: "palt";
	font-size: 12px;
	letter-spacing: 0.05em;
	margin: 18px 0 10px;
}

.voice_article_name {
	font-size: 14px;
}

.voice_article_text_small {
	font-size: 12px;
}

.voice_article_body {
	background-color: #fff6d6;
	padding: 30px 15px;
	position: relative;
}

.voice_article_content {
	background-color: #fff;
	border-radius: 10px;
	padding: 24px 26px;
}

.voice_article_block + .voice_article_block {
	margin-top: 60px;
	position: relative;
}

.voice_article_block + .voice_article_block::after {
	content: "";
	background: url("/material/img/common/bg_line01.png") repeat-x 0 0;
	background-size: 8px 4px;
	height: 4px;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	width: 53px;
}

.voice_article_text_strong {
	color: #ff6700;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 20px;
}

.voice_article_text {
	font-feature-settings: "palt";
	font-size: 12px;
	line-height: 1.8;
}

.voice_article_text + .voice_article_text {
	margin-top: 15px;
}

.voice_other {
	margin: 0 auto;
	max-width: 1040px;
	padding: 18px 45px;
	position: relative;
	width: 100%;
}

.voice_other_title {
	color: #fe5548;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 17px;
	font-weight: normal;
	position: relative;
	text-align: center;
}

.voice_other_title::before {
	content: "";
	background: url("/material/img/common/img_title01.png") no-repeat 0 0;
	background-size: 61px 11px;
	height: 11px;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 61px;
}

.voice_other_inner {
	display: flex;
	margin-top: 20px;
}

.voice_other_detail {
	border: 2px solid #ffc600;
	border-radius: 5px;
	position: relative;
	width: 48%;
}

.voice_other_detail::after {
	content: "";
	background-color: #fff;
	border-radius: 5px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: border 0.2s ease-out;
	width: 100%;
	z-index: 1;
}

.device_pc .voice_other_detail:hover {
	border: 2px solid #f6d35b;
}

.voice_other_detail + .voice_other_detail {
	margin-left: 4%;
}

.voice_other_link {
	display: block;
	color: #231f20;
	position: relative;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	z-index: 2;
}

.device_pc .voice_other_link:hover {
	opacity: 0.6;
}

.voice_other_image img {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.voice_other_info {
	padding: 10px 8px 8px;
}

.voice_other_work {
	font-size: 11px;
	line-height: 1.3;
}

.voice_other_name {
	font-size: 13px;
	line-height: 1.3;
	margin-top: 8px;
}

.voice_other_text_small {
	font-size: 11px;
}
#voice05 .voice_article_name,#voice06 .voice_article_name{
    margin:18px 0 10px;
}
/*21.0908 追記*/
.voice_article_text span.small_txt.block {
    display: block;
    font-size: 14px;
}

/*===============================================
	歯科医院での取り組み:767px以下
===============================================*/
@media screen and (max-width:767px) {
	.voice_article_image {
		margin: 0 auto;
		max-width: 380px;
	}

	.voice_article_inner {
		max-width: 340px;
		left: 50%;
		transform: translateX(-50%);
	}
}

/*===============================================
	歯科医院での取り組み:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.voice_body {
		display: flex;
		flex-wrap: wrap;
	}

	.voice_detail {
		width: 48.5%;
	}

	.voice_detail:nth-child(2) {
		margin-left: 3%;
	}

	.voice_detail_body {
		align-items: flex-start;
	}

	.voice_article {
		padding: 30px 0;
	}

	.voice_article::before {
		height: 134px;
	}

	.voice_article_head {
		margin: 0 auto;
		max-width: 640px;
		padding: 0 20px;
		position: relative;
		width: 100%;
	}

	.voice_article_inner {
		background-size: 8px;
		border-radius: 15px;
		font-feature-settings: "palt";
		font-size: 14px;
		padding: 25px 20px;
		position: absolute;
		bottom: 30px;
		right: 20px;
		text-align: center;
		width: 290px;
	}

	.voice_article_image {
		width: 400px;
	}

	.voice_other_inner {
		justify-content: center;
		margin-top: 30px;
	}

	.voice_other_detail {
		border: 4px solid #ffc600;
		border-radius: 10px;
		width: 24%;
	}

	.device_pc .voice_other_detail:hover {
		border: 4px solid #f6d35b;
	}

	.voice_other_detail + .voice_other_detail {
		margin-left: 2%;
	}

	.voice_other_image img {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.voice_other_info {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 15px 15px 12px;
	}
    #voice05 .voice_article_name,#voice06 .voice_article_name{
        margin:30px 0 15px;
    }
}

/*===============================================
	歯科医院での取り組み:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.voice_title {
		margin: 50px auto 0;
		width: 150px;
	}

	.voice_title span::after {
		background-size: 14px 4px;
		height: 4px;
		bottom: -10px;
	}

	.voice_title img {
		width: 100%;
	}

	.voice_lead {
		font-size: 20px;
		margin-top: 50px;
	}

	.voice_detail {
		border-radius: 15px;
		margin-top: 30px;
		padding: 15px;
	}

	.voice_detail::before {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		height: 92px;
	}

	.voice_detail_inner {
		display: block;
		background-size: 8px;
		color: #231f20;
		position: relative;
		text-decoration: none;
		z-index: 2;
	}

	.voice_detail_body {
		font-size: 14px;
		padding: 15px 20px 18px;
	}

	.voice_detail_number {
		font-size: 40px;
		width: 70px;
	}

	.voice_detail_info {
		width: calc(100% - 70px);
	}

	.voice_detail_lead {
		display: flex;
		align-items: center;
		font-size: 18px;
	}

	.voice_detail_work {
		font-size: 12px;
		margin: 10px 0 8px;
		padding-top: 12px;
	}

	.voice_detail_name {
		font-size: 16px;
	}

	/* 記事 */
	.voice_article_head {
		max-width: 1040px;
	}

	.voice_article_image {
		width: 640px;
	}

	.voice_article_image img {
		border-radius: 15px;
	}

	.voice_article_title {
		align-items: baseline;
		top: -28px;
	}

	.voice_article_title_image {
		position: relative;
		top: -2px;
		width: 102px;
	}

	.voice_article_inner {
		padding: 32px 10px;
		width: 520px;
	}

	.voice_article_number {
		font-size: 60px;
	}

	.voice_article_lead {
		display: block;
		font-size: 36px;
		line-height: 1.3;
		margin-top: 8px;
		padding-bottom: 20px;
	}

	.voice_article_lead::after {
		background-size: 16px 8px;
		height: 8px;
		position: absolute;
		bottom: -8px;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
	}

	.voice_article_work {
		font-size: 24px;
		letter-spacing: 0.05em;
		margin: 30px 0 15px;
	}

	.voice_article_name {
		font-size: 28px;
	}

	.voice_article_text_small {
		font-size: 24px;
	}

	.voice_article_body {
		padding: 30px 0;
	}

	.voice_article_container {
		margin: 0 auto;
		max-width: 1040px;
		padding: 0 20px;
		width: 100%;
	}

	.voice_article_content {
		border-radius: 20px;
		padding: 60px 80px;
	}

	.voice_article_block + .voice_article_block {
		margin-top: 120px;
	}

	.voice_article_block + .voice_article_block::after {
		background-size: 16px 8px;
		height: 8px;
		top: -65px;
		width: 106px;
	}

	.voice_article_text_strong {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.voice_article_text {
		font-size: 16px;
		line-height: 2;
	}

	.voice_article_text + .voice_article_text {
		margin-top: 20px;
	}

	.voice_other {
		padding: 30px 30px 0;
	}

	.voice_other_detail::after {
		border-radius: 10px;
	}

	.voice_other_title {
		font-size: 32px;
	}

	.voice_other_title::before {
		background-size: 102px 22px;
		height: 22px;
		top: -35px;
		width: 102px;
	}

	.voice_other_work {
		font-size: 14px;
		line-height: 1.3;
	}

	.voice_other_name {
		font-size: 16px;
		line-height: 1.3;
		margin-top: 8px;
	}

	.voice_other_text_small {
		font-size: 12px;
	}

	.voice_other_info {
		padding: 15px 20px 12px;
	}
}

/*===============================================
	歯科医院での取り組み:1040px以上
===============================================*/
@media screen and (min-width:1040px) {
	.voice_detail {
		margin-top: 40px;
        margin-left:2%;
		width: 31%;
	}

	.voice_detail:nth-child(2) {
		margin-left:2%;
	}
}


/* ---------------------------------------------------------

	12. コラム

--------------------------------------------------------- */
.columns_title {
	margin: 34px auto 0;
	width: 153px;
}

.columns_title span {
	display: inline-block;
	position: relative;
}

.columns_title span::after {
	content: "";
	background: url("/material/img/common/bg_wave01.png") repeat-x 0 0;
	background-size: 7px 2px;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
}

.columns_title img {
	width: 100%;
}

.columns_subtitle {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 12px;
	font-weight: normal;
	margin-top: 15px;
	text-align: center;
}

.columns_lead {
	font-feature-settings: "palt";
	font-weight: normal;
	line-height: 1.8;
	margin-top: 20px;
	text-align: center;
}

.columns_detail {
	background-color: #fff;
	border: 2px solid #ffc600;
	border-radius: 10px;
	margin-top: 20px;
    margin-left:10px;
	position: relative;
	transition: opacity 0.2s ease-out;
}

.device_pc .columns_detail:hover {
	opacity: 0.6;
}

.device_pc .columns_detail.is-disabled:hover {
	opacity: 1;
}

.columns_detail_inner {
	display: block;
	color: #231f20;
	height: 100%;
	position: relative;
	text-decoration: none;
	z-index: 2;
}

.is-disabled .columns_detail_inner {
	position: relative;
	pointer-events: none;
}

.is-disabled .columns_detail_inner::after {
	content: "";
	background-color: rgba(201, 201, 201, 0.5);
	height: 86px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.columns_detail_image img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 100%;
}

.columns_detail_info {
	padding: 18px 0 35px;
	position: relative;
}

.columns_detail_subtitle {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 154px;
}

.columns_detail_title {
	color: #ff6700;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 5px;
	text-align: center;
}

.columns_detail:last-child .columns_detail_title {
	margin-bottom: 0;
}

.columns_detail_more {
	color: #fe5548;
	font-size: 15px;
	letter-spacing: 0.05em;
	padding-right: 20px;
	position: absolute;
	bottom: 15px;
	right: 17px;
	transition: margin 0.2s ease-out;
}

.columns_detail_more::before {
	content: "";
	display: block;
	background-color: #fe5548;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 16px;
}

.columns_detail_more::after {
	content: "";
	display: block;
	background: url("/material/img/common/ico_arrow_sp02.png") no-repeat 0 0;
	background-size: 5px 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	transition: all 0.15s ease-out;
	width: 5px;
}
.columns_detail_info span{
    color: red;
    font-size: 17px;
    margin-left:20px;
}

/* 記事 */
.columns_article_mv {
	height: 150px;
	padding-top: 120px;/*2020.12.20変更。元数値15px*/
}

#researcher .columns_article_mv {
	background: url("/material/img/columns/img_columns_main_sp01.jpg") no-repeat center;
	background-size: cover;
}

#researcher.researcher2 .columns_article_mv {
	background: url("/material/img/columns/img_columns_main_sp04.jpg") no-repeat center;
	background-size: cover;
}

#livestock .columns_article_mv {
	background: url("/material/img/columns/img_columns_main_sp02.jpg") no-repeat 0 0;
	background-size: cover;
}

#overseas .columns_article_mv {
	background: url("/material/img/columns/img_columns_main_sp03.jpg") no-repeat 0 0;
	background-size: cover;
}
#safety .columns_article_mv {
    background: url("/material/img/columns/img_columns_main_sp05.jpg") no-repeat 0 0;
	background-size: cover;
}
#history .columns_article_mv {
    background: url("/material/img/columns/img_columns_main_sp06.jpg") no-repeat 0 0;
	background-size: cover;
}
#secret .columns_article_mv {
    background: url("/material/img/columns/img_columns_main_sp07.jpg") no-repeat 0 0;
	background-size: cover;
}
#balance .columns_article_mv {
    background: url("/material/img/columns/img_columns_main_sp08.jpg") no-repeat 0 0;
	background-size: cover;
}
#food .columns_article_mv {
        background: url("/material/img/columns/img_columns_main09.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#gingiva .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp10.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#massage .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp11.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#breadth .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp12.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#body_temperature .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp13.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#sleep .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp14.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#choice .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp15.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#serotonin .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp16.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#fragrance .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp17.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#warm_and_food .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp18.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#immunity_and_cancer .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp19.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#walking .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp20.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#name .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp21.jpg") no-repeat 0 0;
	    background-size: cover;
    }
#heating .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp22.jpg") no-repeat 0 0;
	    background-size: contain;
        background-position: center;
        background-color: white;
    }
#nail_massage .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp23.jpg") no-repeat 0 0;
	    background-size: contain;
        background-position: center;
        background-color: white;
    }
#lanugo .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp24.jpg") no-repeat 0 0;
	    background-size: cover;
        background-position: center;
        background-color: white;
    }
#bath .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp25.jpg") no-repeat 0 0;
	    background-size: contain;
        background-position: center;
        background-color: white;
    }
#history_in_america .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp26.jpg") no-repeat 0 0;
	    background-size: cover;
        background-position: center;
        background-color: white;
    }
#history_in_america2 .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp27.jpg") no-repeat 0 0;
	    background-size: cover;
        background-position: center;
        background-color: white;
    }
#melatonin .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp28.jpg") no-repeat 0 0;
	    background-size: 86%;
        background-position: center;
        background-color: white;
    }
#phyto_chemical .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp29.jpg") no-repeat 0 0;
	    background-size: 86%;
        background-position: center;
        background-color: white;
    }
#difference .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp30.jpg") no-repeat 0 0;
	    background-size: 86%;
        background-position: center;
        background-color: white;
    }
#hay-fever_and_selfcare .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp31.jpg") no-repeat 0 0;
	    background-size: 86%;
        background-position: center;
        background-color: white;
    }
#powernap .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp32.jpg") no-repeat 0 0;
	    background-size: 86%;
        background-position: center;
        background-color: white;
    }
#breakfast .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp33.jpg") no-repeat 0 0;
	    background-size: 86%;
        background-position: center;
        background-color: white;
    }
#contrivance .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp34.jpg") no-repeat 0 0;
	    background-size: 86%;
        background-position: center;
        background-color: white;
    }
#acquired .columns_article_mv {
        background: url("/material/img/columns/img_columns_main_sp35.jpg") no-repeat 0 0;
	    background-size: 76%;
        background-position: center;
        background-color: white;
    }
#column036 .columns_article_mv {
		    background: url("/material/img/columns/img_columns_main_sp36.jpg") no-repeat 0 0;
			  background-size: 76%;
		    background-position: center;
		    background-color: white;
		}
#column037 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp037.jpg") no-repeat 0 0;
				background-size: 76%;
				background-position: center;
				background-color: white;
				}
#column038 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp038.jpg") no-repeat 0 0;
				background-size: 76%;
				background-position: center;
				background-color: white;
				}
#column039 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp039.jpg") no-repeat 0 0;
				background-size: 76%;
				background-position: center;
				background-color: white;
				}
#column040 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp040.jpg") no-repeat 0 0;
				background-size: 76%;
				background-position: center;
				background-color: white;
				}
#column041 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp041.jpg") no-repeat 0 0;
				background-size: 76%;
				background-position: center;
				background-color: white;
								}
#column042 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp042.png") no-repeat 0 0;
				background-size: 76%;
				background-position: center;
				background-color: white;
								}
#column043 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp043.png") no-repeat 0 0;
				background-size: cover;
																}
#column044 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp044.png") no-repeat 0 0;
				background-size: cover;
														   }
#column045 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main_sp045.png") no-repeat 0 0;
				background-size: cover;
														   }

.columns_article_title_image {
	background-color: #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 8px 10px 8px 53px;
	position: relative;
	width: 128px;
}

.columns_article_title_image::before {
	content: "";
	background: url("/material/img/common/bg_circle01.png") no-repeat 0 0;
	background-size: 37px;
	height: 37px;
	position: absolute;
	top: -3px;
	left: 10px;
	width: 37px;
}

.columns_article_title_image::after {
	content: "";
	background: url("/material/img/common/ico_pencil01.png") no-repeat 0 0;
	background-size: 13px 18px;
	height: 18px;
	position: absolute;
	top: 6px;
	left: 22px;
	width: 13px;
}

.columns_article_head {
	padding-top: 25px;
	position: relative;
	text-align: center;
}
.columns_article_head p {
	line-height: 1.8;
	text-align: left;
}

.columns_article_subtitle {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 191px;
}

.columns_article_title {
	color: #ff6700;
	font-size: 21px;
	font-weight: normal;
	line-height: 1.3;
}

.columns_article_title2{
    padding-top: 20px;
}
.columns_article_title2:first-of-type{
    padding-top: 0;
}

.columns_article_body {
	background-color: #fff;
	border: 3px dotted #ffc600;
	margin: 20px 0 40px;
	padding: 20px 27px;
}

.columns_article_title {
	color: #fe5548;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 20px;
}

.columns_article_image {
	margin: 30px auto;
	width: 100%;
}
#food .columns_article_image {
	margin-top:14px;
}

.img_title+.columns_article_image{
    margin-top:10px;
}

#researcher .columns_article_image {
	margin: 25px auto;
	max-width: 500px;
	width: 100%;
}

#livestock .columns_article_image {
	max-width: 300px;
}

#overseas .columns_article_image {
	max-width: 150px;
	width: 50%;
}

#secret .columns_article_image{
    width:76%;
}

#secret .columns_article_image:last-of-type{
    margin-bottom:34px;
}

.columns_article_image img {
	width: 100%;
}

.columns_article_image p{ /*2020.02.12追記*/
    text-align: center;
    font-size:12px;
}

.columns_article_text {
	font-feature-settings: "palt";
	line-height: 1.8;
}

.columns_article_text + .columns_article_text {
	margin-top: 20px;
}

#food .img_text{
    margin-top:12px;
}
.columns_article_text + .cmn_list{
    margin-top:30px;
    margin-bottom:30px;
}
.columns_article_text .decoration{
    font-weight:bold;
    text-decoration: underline;
    color:#fe5548;
}
.columns_article_text + .reference{
    margin-top:60px;
    font-size:10px;
}
.columns_article_text.img_title{
    text-align: center;
    margin-top:34px;
}
#food .img_title{
    font-size:16px;
    text-align: left;
    margin-top:40px;
}
#food .columns_article_text:last-of-type{
    margin-top:40px;
    }
#food .columns_article_text span{
    text-decoration: underline;
    color:#fe5548;
}
.caption{
    margin-top:10px;
}
.columns_article_comment {
	font-size: 0.9em;
	line-height: 1.6;
}
.columns_article_comment li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.columns_article_name {color: #fe5548;}

.columns_other_wrap {
	background-color: #fef6d9;
	padding: 30px 0 20px;
}

.columns_other {
	margin: 0 auto;
	max-width: 1040px;
	padding: 18px 45px;
	position: relative;
	width: 100%;
}

.columns_other_title {
	color: #fe5548;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 17px;
	font-weight: normal;
	position: relative;
	text-align: center;
}

.columns_other_title::before {
	content: "";
	background: url("/material/img/common/img_title01.png") no-repeat 0 0;
	background-size: 61px 11px;
	height: 11px;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 61px;
}

.columns_other_inner {
	display: flex;
	margin-top: 20px;
}

.columns_other_detail {
	border: 2px solid #ffc600;
	border-radius: 5px;
	position: relative;
	transition: opacity 0.2s ease-out;
	width: 48%;
}

.columns_other_detail::after {
	content: "";
	background-color: #fff;
	border-radius: 5px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.device_pc .columns_other_detail:hover {
	opacity: 0.6;
}

.device_pc .columns_other_detail.is-disabled:hover {
	opacity: 1;
}

.columns_other_detail + .columns_other_detail {
	margin-left: 4%;
}

.columns_other_link {
	display: block;
	color: #231f20;
	height: 100%;
	position: relative;
	text-decoration: none;
	width: 100%;
	z-index: 2;
}

.is-disabled .columns_other_link {
	position: relative;
	pointer-events: none;
}

.is-disabled .columns_other_link::after {
	content: "";
	background-color: rgba(201, 201, 201, 0.5);
	height: 61px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.columns_other_image img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.columns_other_info {
	height: 61px;
	padding: 8px;
}

.columns_other_subtitle {
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.3;
}

.columns_other_lead {
	color: #fe5548;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.3;
	margin-top: 3px;
}

.researcher_profile,.profile {
	line-height: 1.8;
	margin-top: 10px;
}
.researcher_profile strong,.profile strong {
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
}
.researcher_profile h3,.profile h3 {
	border-top: 1px dotted #ffc600;
	font-size: 12px;
	padding-top: 10px;
}
.researcher_profile li,.profile li{
	padding-left: 4em;
	text-indent: -4em;
}
.researcher2 h3:last-of-type{
    margin-top:50px;
}
#immunity_and_cancer .columns_article_image p{
    margin-top: 10px;
    color:#6b6b6b;
}
#bath .columns_article_text+div.columns_article_text {
	padding:10px;
	border:solid 1px black;
	margin-bottom:15px;
	width:60%;
}
.columns_article .columns_other_title{
    margin-top:40px;
}
.columns_article .columns_other_title::before{
    content:none;
}
.columns_relation_container a{
    text-decoration: none;
}
.columns_relation_box{
    display: flex;
    justify-content: center;
    flex-flow: column;
}
.columns_relation_box li:first-of-type{
    width:70%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border:2px solid #ffc600;
    border-radius: 5px;
    overflow: hidden;
}
.columns_relation_box li:last-of-type{
    text-align:center;
    margin-top: 10px;
}
.columns_relation_box li:last-of-type p{
    color:#fe5548;
    font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
}
.columns_relation_box li:last-of-type p+p{
    margin-top:10px;
    line-height: 1.5;
}
.sns_share_container{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
    max-width: 1040px;
    padding: 0 28px;
}
.sns_share_container p{
    max-width: 1040px;
    margin-left: auto;
    margin-bottom: 14px;
    text-align: right;
    margin-right: 6%;
}
.sns_share_box{
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    align-items: center;
    }
.sns_share_box li{
    margin-left:20px;
    width: 10%;
}
/*===============================================
	コラム:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.columns_body {
		display: flex;
		flex-wrap: wrap;
	}

	.columns_detail {
		width: 48.5%;
	}

	/*.columns_detail:nth-child(2) {
		margin-left: 3%;
	}*/

	.is-disabled .columns_detail_inner::after {
		height: 114px;
	}

	.columns_detail_info {
		min-height: 114px;
	}
    .columns_detail_info span{
        color:red;
        font-size:17px;
        margin-left:30px;
    }

	.columns_article_mv {
		height: 250px;
		padding-top: 30px;
	}

	.columns_article_head p {
		font-size: 16px;
		line-height: 2;
	}
    .columns_article_image{
        width:66%;
    }
    .caption{
        font-size:16px;
    }
	.columns_article_comment {
		display: flex;
	}
	.columns_article_comment li {
		padding-left: 0;
		text-indent: 0;
	}
	.columns_article_comment li + li {
		margin-left: 2em;
	}

	.columns_other_inner {
		justify-content: center;
		margin-top: 30px;
	}

	.columns_other_detail {
		border: 4px solid #ffc600;
		border-radius: 10px;
		width: 24%;
	}

	.columns_other_detail + .columns_other_detail {
		margin-left: 2%;
	}

	.columns_other_detail + .columns_other_detail {
		margin-left: 4%;
	}

	.is-disabled .columns_other_link::after {
		height: 80px;
	}

	.columns_other_image img {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	.columns_other_info {
		height: 80px;
		padding: 15px 20px 0;
	}

	.researcher_profile h3,.researcher_profile li,.profile h3,.profile li
    {
		font-size: 16px;
	}
    #secret .caption{
        font-size:15px;
        margin-top:20px;
    }
    #secret .columns_article_image{
        width:60%;
        margin:20px auto;
    }
    #secret .columns_article_image:first-of-type{
        margin-top:44px;
        margin-bottom:44px;
    }
    #secret .cmn_container .columns_article_body .columns_article_text + .columns_article_text{
        margin-top:48px;
    }
    #secret .img_title{
        font-size:15px;
        margin-top:48px;
    }
    #secret .columns_article_image:last-of-type{
        margin-bottom:48px;
    }
    #food .caption{
        margin-top:0;
        font-size:15px;
    }
    #food .img_text{
        text-align: center;
    }
    #food .img_title{
        margin-top:60px;
        font-size:20px;
        text-align: center;
    }
    #food .columns_article_text:last-of-type{
        margin-top:60px;
    }
    #gingiva .columns_article_image{
        width:88%;
    }
    #walking .columns_article_mv {
        background: url("/material/img/columns/img_columns_main20.jpg") no-repeat 0 0;
        background-color: white;
        background-size:cover;
        background-position: center;
    }
    #bath .columns_article_text+div.columns_article_text {
        width:30%;
    }
    .columns_article .columns_other_title{
        margin-top: 70px;
    }
    .columns_relation_container a .columns_relation_box{
        flex-flow: nowrap;
        align-items: center!important;
    }
    .columns_relation_container{
        margin-top: 50px;
    }
    .columns_relation_container a{
        text-decoration: none;
        max-width: 636px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .columns_relation_container a ul{
        justify-content: space-between;
    }
    .columns_relation_box li:first-of-type{
        width:42%;
        margin:0;
        border:4px solid #ffc600;
        border-radius: 10px;
    }
    .columns_relation_box li:last-of-type{
        margin-top: 0;
    }
    .columns_relation_box li:last-of-type p:first-of-type{
        font-size:22px;
        line-height: 1.3;
    }
    .columns_relation_box li:last-of-type p + p{
        font-size:20px;
        margin-top: 30px;
    }
    .sns_share_container p{
        font-size:17px;
        margin-right: 5%;
    }
    .sns_share_box{
        display: flex;
        justify-content: flex-end;
        margin: 0 auto;
        margin-bottom: 80px;
        max-width: 1040px;
        padding: 0;
        align-items: center;
    }
    .sns_share_box li{
        margin-left:40px;
        width:auto;
        font-size: 16px;
    }
}
/*===============================================
	コラム:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.columns_title {
		margin: 50px auto 0;
		width: 260px;
	}

	.columns_title span::after {
		background-size: 14px 4px;
		height: 4px;
		bottom: -20px;
	}

	.columns_subtitle {
		font-size: 24px;
		margin-top: 30px;
	}

	.columns_lead {
		font-size: 20px;
		margin-top: 40px;
	}

	.columns_detail {
		border: 4px solid #ffc600;
		border-radius: 15px;
		margin-top: 40px;
		width: 32%;
        margin-left:12px;
	}

	/*.columns_detail:nth-child(2) {
		margin: 40px 2% 0;
	}*/

	.is-disabled .columns_detail_inner::after {
		height: 126px;
	}

	.columns_detail_image img {
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}

	.columns_detail_info {
		min-height: 126px;
		padding: 25px 0 35px;
	}
    .columns_body .columns_detail:nth-of-type(-n+2) .columns_detail_info{
        padding-top:20px;
        padding-bottom: 50px;
    }
	.columns_detail_subtitle {
		top: -15px;
		width: 200px;
	}

	.columns_detail_title {
		font-size: 22px;
	}

	.columns_detail_lead {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 22px;
		min-height: 66px;
	}

	.columns_detail_more {
		font-size: 22px;
		padding-right: 28px;
	}

	.columns_detail_more::before {
		border-radius: 22px;
		height: 22px;
		width: 22px;
	}

	.columns_detail_more::after {
		background-size: 6px 10px;
		height: 10px;
		right: 7px;
		width: 6px;
	}

	/* 記事 */
	.columns_article_mv {
		height: 342px;
		padding-top: 30px;
	}

	#researcher .columns_article_mv {
		background: url("/material/img/columns/img_columns_main01.jpg") no-repeat center;
		background-size: cover;
	}

    #researcher.researcher2 .columns_article_mv {
		background: url("/material/img/columns/img_columns_main04.jpg") no-repeat center;
		background-size: cover;
	}

	#livestock .columns_article_mv {
		background: url("/material/img/columns/img_columns_main02.jpg") no-repeat center;
		background-size: cover;
	}

	#overseas .columns_article_mv {
		background: url("/material/img/columns/img_columns_main03.jpg") no-repeat center;
		background-size: cover;
	}
	#safety .columns_article_mv {
		background: url("/material/img/columns/img_columns_main05.jpg") no-repeat center;
		background-size: cover;
	}
    #history .columns_article_mv {
        background: url("/material/img/columns/img_columns_main06.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #secret .columns_article_mv {
        background: url("/material/img/columns/img_columns_main07.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #balance .columns_article_mv {
        background: url("/material/img/columns/img_columns_main08.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #food .columns_article_mv {
        background: url("/material/img/columns/img_columns_main09.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #gingiva .columns_article_mv {
        background: url("/material/img/columns/img_columns_main10.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #massage .columns_article_mv {
        background: url("/material/img/columns/img_columns_main11.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #breadth .columns_article_mv {
        background: url("/material/img/columns/img_columns_main12.jpg") no-repeat 0 0;
	    background-size: cover;
        background-position: center;
    }
    #body_temperature .columns_article_mv {
        background: url("/material/img/columns/img_columns_main13.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #sleep .columns_article_mv {
        background: url("/material/img/columns/img_columns_main14.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #choice .columns_article_mv {
        background: url("/material/img/columns/img_columns_main15.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #serotonin .columns_article_mv {
        background: url("/material/img/columns/img_columns_main16.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #fragrance .columns_article_mv {
        background: url("/material/img/columns/img_columns_main17.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #warm_and_food .columns_article_mv {
        background: url("/material/img/columns/img_columns_main18.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #immunity_and_cancer .columns_article_mv {
        background: url("/material/img/columns/img_columns_main19.jpg") no-repeat 0 0;
	    background-size: cover;
    }
    #walking .columns_article_mv {
        background: url("/material/img/columns/img_columns_main20.jpg") no-repeat 0 0;
        background-color: white;
        background-size:cover;
        background-position: center;
    }
    #name .columns_article_mv {
        background: url("/material/img/columns/img_columns_main21.jpg") no-repeat 0 0;
	    background-size: cover;
        background-color: #f2a1b4;
        background-position: center;
    }
    #heating .columns_article_mv {
        background: url("/material/img/columns/img_columns_main22.jpg") no-repeat 0 0;
	    background-size: contain;
        background-position: center;
        background-color: white;
    }
    #nail_massage .columns_article_mv {
        background: url("/material/img/columns/img_columns_main23.jpg") no-repeat 0 0;
	    background-size: contain;
        background-position: center;
        background-color: white;
    }
    #lanugo .columns_article_mv {
        background: url("/material/img/columns/img_columns_main24.jpg") no-repeat 0 0;
	    background-size: contain;
        background-position: center;
        background-color: white;
    }
    #bath .columns_article_mv {
        background: url("/material/img/columns/img_columns_main25.jpg") no-repeat 0 0;
	    background-size: contain;
        background-position: center;
        background-color: white;
    }
    #history_in_america .columns_article_mv {
        background: url("/material/img/columns/img_columns_main26.jpg") no-repeat 0 0;
	    background-size: cover;
        background-position: center 0px;
        background-color: white;
    }
    #history_in_america2 .columns_article_mv {
        background: url("/material/img/columns/img_columns_main27.jpg") no-repeat 0 0;
	    background-size: cover;
        background-position: center;
        background-color: white;
    }
    #melatonin .columns_article_mv {
        background: url("/material/img/columns/img_columns_main28.jpg") no-repeat 0 0;
	    background-size: 74%;
        background-position: center;
        background-color: white;
    }
    #phyto_chemical .columns_article_mv {
        background: url("/material/img/columns/img_columns_main29.jpg") no-repeat 0 0;
	    background-size: 72%;
        background-position: center;
        background-color: white;
    }
    #difference .columns_article_mv {
        background: url("/material/img/columns/img_columns_main30.jpg") no-repeat 0 0;
	    background-size: 90%;
        background-position: center;
        background-color: white;
    }
    #hay-fever_and_selfcare .columns_article_mv {
        background: url("/material/img/columns/img_columns_main31.jpg") no-repeat 0 0;
	    background-size: 77%;
        background-position: center;
        background-color: white;
    }
    #powernap .columns_article_mv {
        background: url("/material/img/columns/img_columns_main32.jpg") no-repeat 0 0;
	    background-size: 77%;
        background-position: center;
        background-color: white;
    }
    #breakfast .columns_article_mv {
        background: url("/material/img/columns/img_columns_main33.jpg") no-repeat 0 0;
	    background-size: 77%;
        background-position: center;
        background-color: white;
    }
    #contrivance .columns_article_mv {
        background: url("/material/img/columns/img_columns_main34.jpg") no-repeat 0 0;
	    background-size: 77%;
        background-position: center;
        background-color: white;
    }
    #acquired .columns_article_mv {
        background: url("/material/img/columns/img_columns_main35.jpg") no-repeat 0 0;
	    background-size: 74%;
        background-position: center;
        background-color: white;
    }
		#column036 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main36.jpg") no-repeat 0 0;
			background-size: 74%;
				background-position: center;
				background-color: white;
		}
		#column037 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main037.jpg") no-repeat 0 0;
			background-size: 74%;
				background-position: center;
				background-color: white;
		}
		#column038 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main038.jpg") no-repeat 0 0;
			background-size: 74%;
				background-position: center;
				background-color: white;
		}
		#column039 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main039.jpg") no-repeat 0 0;
			background-size: 74%;
				background-position: center;
				background-color: white;
		}
		#column040 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main040.jpg") no-repeat 0 0;
			background-size: 74%;
				background-position: center;
				background-color: white;
		}
		#column041 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main041.jpg") no-repeat 0 0;
			background-size: 74%;
				background-position: center;
				background-color: white;
		}
		#column042 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main042.png") no-repeat 0 0;
			background-size: 74%;
				background-position: center;
				background-color: white;
		}
		#column043 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main043.png") no-repeat 0 0;
			background-size: cover;
		}
		#column044 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main044.png") no-repeat 0 0;
			background-size: cover;
		}
		#column045 .columns_article_mv {
				background: url("/material/img/columns/img_columns_main045.png") no-repeat 0 0;
			background-size: cover;
		}
	.columns_article_title_image {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding: 16px 20px 16px 108px;
		width: 255px;
	}

	.columns_article_title_image::before {
		content: "";
		background: url("/material/img/common/bg_circle01.png") no-repeat 0 0;
		background-size: 73px;
		height: 73px;
		position: absolute;
		top: -5px;
		left: 20px;
		width: 73px;
	}

	.columns_article_title_image::after {
		background-size: 26px 36px;
		height: 36px;
		top: 12px;
		left: 43px;
		width: 26px;
	}

	.columns_article_head {
		padding-top: 50px;
	}

	.columns_article_subtitle {
		top: -28px;
		width: 370px;
	}

	.columns_article_title {
		font-size: 42px;
	}

	.columns_article_title2 {
		font-size: 22px;
        padding-top: 50px;
	}
    .columns_article_title2:first-of-type{
        padding-top: 0;
    }

	.columns_article_body {
		border: 7px dotted #ffc600;
		margin: 50px 0 80px;
		padding: 50px 65px;
	}

	.columns_article_image {
		margin: 30px auto;
	}

	.columns_article_text {
		font-size: 16px;
		line-height: 2;
	}

	.columns_article_text + .columns_article_text {
		margin-top: 15px;
	}

    .columns_article_text + .reference{
        margin-top:60px;
    }

	.columns_article_comment {
		font-size: 14px;
	}

	.columns_other_wrap {
		background-color: #fef6d9;
		padding: 35px 0;
	}

	.columns_other_wrap {
		padding: 70px 0;
	}

	.is-disabled .columns_other_link::after {
		height: 110px;
	}

	.columns_other_info {
		height: 110px;
		padding: 15px 20px 0;
	}

	.columns_other_title {
		font-size: 32px;
	}

	.columns_other_title::before {
		background-size: 102px 22px;
		height: 22px;
		top: -35px;
		width: 102px;
	}

	.columns_other_subtitle {
		font-size: 19px;
	}

	.columns_other_lead {
		font-size: 19px;
		margin-top: 5px;
	}
}
/*===============================================
	コラム:1560px以上
===============================================*/
@media screen and (min-width:1560px) {
    #walking .columns_article_mv {
        background: url("/material/img/columns/img_columns_main20.jpg") no-repeat 0 0;
        background-color: white;
        background-size:74%;
        background-position: center;
    }
}
/*===============================================
	コラム:一覧ページ2カラム化設定 21.1.14追記
===============================================*/
    .columns_menu{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        font-size: 16px;
        margin-top: 26px;
        line-height: 2;
    }
    .columns_menu li{
        border-radius: 30px;
        cursor: pointer;
        margin-right: 10px;
    }
    .columns_menu li a{
        padding:4px 12px;
        text-decoration: none;
        color:#231f20;
    }
@keyframes zoom-in {
  0% {
   transform: scale(.1);
  }
  100% {
    transform: none;
  }
}
.animate {
  animation: .8s zoom-in;
}
    .columns_body{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .columns_detail{
        width:45%;
        margin-left: 0;
    }
    .columns_detail:nth-child(even){
        margin-right: 0;
    }
    .animate:nth-child(even){
        margin-right: 0!important;
    }
    .columns_detail_title{
        font-size: 14px;
    }
    @media screen and (min-width:768px){
        .columns_menu{
            justify-content: left;
        }
        .columns_body{
            justify-content: left;
        }
        .columns_detail{
            width:31%;
            margin-right: 0px;
            margin-left: 12px;
        }
        .columns_detail_title{
            font-size: 22px;
        }
    }
    @media screen and (min-width:1200px){
        .columns_menu{
            justify-content: center;
        }
    }


/* ---------------------------------------------------------

	13. Q&A

--------------------------------------------------------- */
.faq_title {
	margin: 34px auto 40px;
	width: 76px;
}

.faq_title span {
	display: inline-block;
	position: relative;
}

.faq_title span::after {
	content: "";
	background: url("/material/img/common/bg_wave01.png") repeat-x 0 0;
	background-size: 7px 2px;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
}

.faq_title img {
	width: 100%;
}

.faq_box {
	border: 3px dotted #ffc600;
	position: relative;
}

.faq_box + .faq_box {
	margin-top: 22px;
}
.faq_box + .form_box{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
.faq_box + .form_box .cmn_form_title{
    line-height: 1.3;
}

.faq_box::before {
	content: "";
	display: block;
	background: url("/material/img/common/bg_noise01.png") repeat 0 0;
	background-size: 32px 32px;
	height: 20px;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	z-index: 1;
}

.faq_qustion_number {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 26px;
	font-weight: normal;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}

.faq_qustion {
	background-color: #fff;
	cursor: pointer;
	font-feature-settings: "palt";
	padding: 25px 45px 15px 32px;
	position: relative;
}
.device_pc .faq_qustion {transition: opacity 0.2s;}
.device_pc .faq_qustion:hover {opacity: 0.7;}

.faq_question_title {
	font-size: 17px;
	font-weight: normal;
	line-height: 1.5;
}

.faq_button_acc {
	display: inline-block;
	background-color: #ff6700;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-30%);
	width: 16px;
}

.faq_button_acc::before {
	content: "";
	display: block;
	background-color: #fff;
	border-radius: 2px;
	height: 2px;
	position: absolute;
	top: 7px;
	left: 4px;
	transition: all 0.15s ease-out;
	width: 8px;
}

.faq_button_acc::after {
	content: "";
	display: block;
	background-color: #fff;
	border-radius: 2px;
	height: 8px;
	position: absolute;
	top: 4px;
	left: 7px;
	transition: transform 0.15s ease-out;
	width: 2px;
}

.is-open.faq_button_acc::after {
	transform: rotate(-90deg);
}

.faq_answer {
	display: none;
	background-color: #fffbec;
	padding: 15px 30px 20px;
}

.faq_answer a {
	color: #ff6700;
}

.faq_answer_number {
	margin: 0 auto 10px;
	width: 23px;
}

.faq_answer_text {
	font-feature-settings: "palt";
	line-height: 1.8;
	word-break: break-all;;
}

.faq_answer_text_small {
	font-feature-settings: "palt";
	font-size: 10px;
	line-height: 1.8;
	margin-top: 10px;
}

.faq_list dt {
	background-color: #fff;
	border: 1px solid #ffc600;
	border-radius: 5px;
	font-feature-settings: "palt";
	padding: 2px 0;
	text-align: center;
}

.faq_list dd {
	margin: 10px 0 15px;
}

.faq_list dd:last-child {
	margin-bottom: 0;
}

.faq_list dd:last-child li:last-child {
	margin-bottom: 0;
}

.faq_text_super {
	font-size: 8px;
	position: relative;
	top: 3px;
	vertical-align: super;
}

/*===============================================
	Q&A:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.faq_title {
		margin: 50px auto 80px;
		width: 130px;
	}

	.faq_title span::after {
		background-size: 14px 4px;
		height: 4px;
		bottom: -20px;
	}
	.faq_box {
		border: 7px dotted #ffc600;
		position: relative;
	}

	.faq_box + .faq_box {
		margin-top: 40px;
	}

	.faq_box::before {
		background: url("/material/img/common/bg_noise01.png") repeat 0 0;
		background-size: 64px 64px;
		height: 40px;
		position: absolute;
		top: -40px;
		left: 50%;
		transform: translateX(-50%);
		width: 90px;
		z-index: 1;
	}

	.faq_qustion_number {
		font-size: 40px;
		top: -22px;
	}

	.faq_qustion {
		padding: 25px 45px 30px 32px;
	}

	.faq_question_title {
		font-size: 20px;
	}

	.faq_button_acc {
		border-radius: 27px;
		height: 27px;
		right: 20px;
		transform: translateY(-50%);
		width: 27px;
	}

	.faq_button_acc::before {
		border-radius: 10px;
		height: 3px;
		top: 12px;
		left: 7px;
		width: 13px;
	}

	.faq_button_acc::after {
		border-radius: 10px;
		height: 13px;
		top: 7px;
		left: 12px;
		width: 3px;
	}

	.faq_answer {
		padding: 30px 30px 35px;
	}

	.faq_answer a {
		color: #ff6700;
	}

	.faq_answer_number {
		margin: 0 auto 15px;
		width: 40px;
	}

	.faq_answer_text {
		font-size: 16px;
	}

	.faq_answer_text_small {
		font-size: 12px;
	}

	.faq_list dt {
		border: 2px solid #ffc600;
		border-radius: 8px;
		font-size: 16px;
		padding: 5px 0;
	}

	.faq_list dd {
		margin: 15px 0 20px;
	}
}



/* ---------------------------------------------------------

	14. 免疫力を高める小腸ケアセミナー

--------------------------------------------------------- */
.seminar_title {
	margin: 34px auto 0;
	width: 153px;
}

.seminar_title span {
	display: inline-block;
	position: relative;
}

.seminar_title span::after {
	content: "";
	background: url("/material/img/common/bg_wave01.png") repeat-x 0 0;
	background-size: 7px 2px;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
}

.seminar_title img {
	width: 100%;
}

.seminar_subtitle {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 12px;
	font-weight: normal;
	margin-top: 15px;
	text-align: center;
}

.seminar_lead {
	font-feature-settings: "palt";
	font-weight: normal;
	line-height: 1.8;
	margin-top: 20px;
	text-align: center;
}

.seminar_mv {
	background-color: #fff;
	border-radius: 10px;
	margin: 20px auto 0;
	max-width: 600px;
	padding: 12px;
}

.seminar_mv_caption {
	color: #e12c2c;
	font-feature-settings: "palt";
	font-size: 11px;
	line-height: 1.8;
	margin-top: 5px;
}

.seminar_inner {
	margin: 20px 18px 0;
}

.seminar_text {
	line-height: 1.8;
}

.seminar_text + .seminar_text  {
	margin-top: 15px;
}

.seminar_content {
	background-color: #f7f1dd;
	border-radius: 10px;
	margin: 25px 0 30px;
	padding: 20px 18px 30px;
	position: relative;
}

.seminar_content::before {
	content: "";
	border-top: 2px solid #ffe899;
	border-left: 2px solid #ffe899;
	border-right: 2px solid #ffe899;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.seminar_content::after {
	content: "";
	border-bottom: 2px solid #ffe899;
	border-left: 2px solid #ffe899;
	border-right: 2px solid #ffe899;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.seminar_content_title {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 25px;
	text-align: center;
}

.seminar_list li {
	font-feature-settings: "palt";
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 6px;
	padding-left: 1em;
	position: relative;
}

.seminar_list li:last-child {
	margin-bottom: 0;
}

.seminar_list li::before {
	content: "";
	display: inline-block;
	background-color: #ff6700;
	border-radius: 7px;
	height: 7px;
	position: absolute;
	top: 7px;
	left: 0;
	width: 7px;
}

.seminar_detail_wrap {
	background-color: #f3f3f3;
	padding: 30px 0;
}

.seminar_table {
	border-top: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	margin-bottom: 25px;
	width: 100%;
}

.seminar_table th {
	background-color: #fff9e5;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	color: #ff6700;
	font-feature-settings: "palt";
	padding: 8px 10px;
}

.seminar_table td {
	background-color: #fff;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding: 12px 10px;
}

.seminar_table td .seminar_list li {
	font-feature-settings: normal;
	margin: 0 0 10px 5px;
}

.seminar_table td .seminar_list li:last-child {
	margin-bottom: 0;
}

/* フォーム */
.seminar_form_head {
	margin: 15px 0 10px;
}

#seminar_thanks .seminar_form_head {
	margin: 40px 0;
}

.seminar_form_title {
	display: inline-block;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 5px;
}

.seminar_recommend {
	line-height: 1.8;
	margin-top: 25px;
}
.seminar_recommend li {
	background: url("/material/img/introduction/ico_check01.png") left 0.6em/1em no-repeat;
	padding-left: 1.5em;
}
#seminar .seminar_attention{/*2020.02.17追記　※コロナウィルス用*/
    text-align: center;
    font-size: 17px;
    line-height: 2;
}
#seminar .seminar_attention .head{/*2020.02.17追記　※コロナウィルス用*/
    font-size: 26px;
    color:#ff6700;
}

/*===============================================
	免疫力を高める小腸ケアセミナー:768px未満
===============================================*/
@media screen and (max-width:767px) {
	.seminar_table {
		display: block;
	}

	.seminar_table th {
		display: block;
		text-align: left;
	}

	.seminar_table tbody,
	.seminar_table tr,
	.seminar_table td {
		display: block;
	}
    #seminar .seminar_attention{/*2020.02.17追記　※コロナウィルス用*/
        text-align: left;
        font-size: 14px;
        line-height: 1.4;
    }
}

/*===============================================
	免疫力を高める小腸ケアセミナー:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.seminar_title {
		margin: 50px auto 0;
		width: 260px;
	}

	.seminar_title span::after {
		background-size: 14px 4px;
		height: 4px;
		bottom: -20px;
	}

	.seminar_subtitle {
		font-size: 24px;
		margin-top: 30px;
	}

	.seminar_lead {
		font-feature-settings: "palt";
		font-weight: normal;
		line-height: 1.8;
		margin-top: 20px;
		text-align: center;
	}

	.seminar_mv {
		border-radius: 20px;
		margin: 60px auto 0;
		padding: 20px;
	}

	.seminar_mv_caption {
		font-size: 15px;
		margin-top: 10px;
	}

	.seminar_inner {
		margin: 40px 60px 0;
	}

	.seminar_text {
		font-size: 16px;
	}

	.seminar_text + .seminar_text  {
		margin-top: 20px;
	}

	.seminar_content {
		border-radius: 20px;
		margin: 60px 0;
		padding: 50px 60px 70px;
	}

	.seminar_content::before {
		border-top: 4px solid #ffe899;
		border-left: 4px solid #ffe899;
		border-right: 4px solid #ffe899;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		height: 40px;
	}

	.seminar_content::after {
		border-bottom: 4px solid #ffe899;
		border-left: 4px solid #ffe899;
		border-right: 4px solid #ffe899;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		height: 40px;
	}

	.seminar_content_title {
		font-size: 32px;
		margin-bottom: 50px;
	}

	.seminar_list li {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.seminar_list li::before {
		border-radius: 10px;
		height: 10px;
		top: 8px;
		width: 10px;
	}

	.seminar_detail_wrap {
		padding: 60px 0 80px;
	}

	.seminar_table {
		margin-bottom: 40px;
	}

	.seminar_table th,
	.seminar_table td {
		font-size: 16px;
		padding: 20px;
	}

	.seminar_table td .seminar_list li {
		font-size: 16px;
	}

	/* フォーム */
	.seminar_form_head {
		margin: 40px 0;
	}

	#seminar_thanks .seminar_form_head {
		margin: 80px 0;
	}

	.seminar_form_title {
		font-size: 22px;
		margin-bottom: 8px;
	}

	.seminar_recommend {
		font-size: 16px;
	}
}



/* ---------------------------------------------------------

	15. やってみよう！免疫力セルフチェック

--------------------------------------------------------- */
.selfcheck {
	margin-top: 35px;
}

.selfcheck_title {
	color: #ff6700;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 26px;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}

.selfcheck_title span {
	display: inline-block;
	position: relative;
}

.selfcheck_title span::after {
	content: "";
	background: url("/material/img/common/bg_wave01.png") repeat-x 0 0;
	background-size: 7px 2px;
	height: 2px;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
}

.selfcheck_check_title img {
	margin-left: 5px;
	width: 105px;
}

.selfcheck_check {
	margin-top: 50px;
}

.selfcheck_lead {
	font-feature-settings: "palt";
	font-size: 17px;
	letter-spacing: 0.03em;
	line-height: 1.3;
	margin-top: 10px;
	text-align: center;
}

.selfcheck_inner {
	margin-bottom: 30px;
	padding: 0 18px 47px;
	position: relative;
}

.selfcheck_inner::after {
	content: "";
	border-bottom: 2px solid #ffe899;
	border-left: 2px solid #ffe899;
	border-right: 2px solid #ffe899;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 27px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.selfcheck_list {
	background-color: #fff;
	margin-top: 35px;
}

.selfcheck_list li {
	border-top: 1px dashed #ffc600;
	color: #ff9600;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-feature-settings: "palt";
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.02em;
}

.selfcheck_list li.is-checked  {
	background-color: #fffbec;
	color: #231f20;
}

.selfcheck_list li:last-child {
	border-bottom: 1px dashed #ffc600;
}

.selfcheck_list li label {
	cursor: pointer;
	padding: 8px 0 8px 12px;
}

.selfcheck_button.is-hide {
	display: none;
}

.selfcheck_result_wrap {
	display: none;
	background-color: #fffbec;
	border: 2px solid #fe5548;
	border-radius: 15px;
	padding: 25px;
	text-align: center;
	width: 100%;
}

.selfcheck_result {
	display: none;
}
.selfcheck_result.is-show {
	display: block;
    text-align: left;
    margin-top: 70px;
}
.selfcheck_result.is-show:first-of-type{
    margin-top: 0;
}
.uniqbox div{
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    flex-wrap: wrap;
}
.uniqbox{
    margin-top: 20px;
}
.uniqbox a{
    color: #fe5548;
}
.uniqbox span.img_box{
    text-align: center;
    display: block;
    max-width: 340px;
}
.selfcheck_result_column{
    display: inline-block;
}

.selfcheck_result_count {
	color: #fe5548;
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 20px;
	font-weight: normal;
}

.selfcheck_result_text {
	font-family: 'FOT-筑紫A丸ゴシック Std B', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8;
	margin-top: 15px;
}

.selfcheck_result_button {
	margin-top: 20px;
}
.uniqbox {
    display:none;
}
.life_uniqbox01.is-show,.life_uniqbox02.is-show{
    display: block;
}

/*===============================================
	やってみよう！免疫力セルフチェック:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.selfcheck {
		margin-top: 50px;
	}

	.selfcheck_title {
		font-size: 42px;
		line-height: 1.3;
	}

	.selfcheck_title span::after {
		background-size: 14px 4px;
		height: 4px;
		bottom: -10px;
	}

	.selfcheck_check_title img {
		margin-left: 10px;
		width: 164px;
	}

	.selfcheck_check {
		margin-top: 80px;
	}

	.selfcheck_lead {
		font-size: 28px;
		letter-spacing: 0.1em;
		margin-top: 0;
	}

	.selfcheck_inner {
		margin-bottom: 50px;
		padding: 0 40px 80px;
		position: relative;
	}

	.selfcheck_inner::after {
		border-bottom: 4px solid #ffe899;
		border-left: 4px solid #ffe899;
		border-right: 4px solid #ffe899;
		height: 40px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.selfcheck_list {
		margin-top: 50px;
	}

	.selfcheck_list li {
		border-top: 2px dashed #ffc600;
		font-size: 14px;
		letter-spacing: 0.02em;
	}

	.selfcheck_list li:last-child {
		border-bottom: 2px dashed #ffc600;
	}

	.selfcheck_list li label {
		padding: 15px;
	}

	.selfcheck_result_wrap {
		border: 4px solid #fe5548;
		padding: 60px;
	}

	.selfcheck_result_count {
		font-size: 40px;
	}

	.selfcheck_result_text {
		font-size: 20px;
		margin-top: 20px;
	}
	.selfcheck_result_data {
        width:376px;
        text-align: center;
	}

	.selfcheck_result_button {
		margin-top: 60px;
	}
}



/* ---------------------------------------------------------

	16. 資料請求・お問い合わせ

--------------------------------------------------------- */
.contact_head {
	margin: 40px 0;
}

.thanks_to_top {
	margin-top: 20px;
}

/*===============================================
	資料請求・お問い合わせ:768px以上
===============================================*/
@media screen and (min-width:768px) {
	.thanks_to_top {margin-top: 60px;}
}

/*===============================================
	資料請求・お問い合わせ:960px以上
===============================================*/
@media screen and (min-width:960px) {
	.contact_head {
		margin: 50px 0;
	}

	#contact_thanks .contact_head {
		margin: 80px 0;
	}

	.thanks_to_top {margin-top: 80px;}
}


/*===============================================
    OC追記
===============================================*/
	.top_news_list dd span.news_indent_control{
        color:#231f20;
}

/**/
@media screen and (min-width:960px) {
	.top_news_list dd span.news_indent_control{
		color:#231f20;
        margin-left: 60px;
	}
}

/*20211104 Voice10追記*/

.lspace {
	letter-spacing: -0.04em;
}

/*20211206 pickup改修追記*/

/*.cmn_mv_pickup_image {
		width: 46px;
}*/

@media screen and (min-width: 960px){
.cmn_mv_pickup {
    font-size: 38px;
}
.cmn_mv_pickup {
    width: 200px;
}
.cmn_mv_link_wrap {
    width: calc(100% - 200px);
}
}

@media screen and (min-width: 768px){
.cmn_mv_pickup_image {
    width: 34px;
}
}
