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

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

	Goodbye Perio【レスポンシブ】
	Date: 2016.09.26

	01. 基礎設定
	02. 画面構成
	03. ヘッダー
	04. フッター
	05. モジュール
	06. トップページ
	07. 下層共通パーツ
	08. グッペリとは
	09. 宣言
	10. 活動の流れ
	11. 特集
	12. よくある質問
	13. メディア情報
	14. サイトマップ
	15. 利用規約・プライバシーポリシー
	16. 一般の方へ
	17. ログイン
	18. メンバーページ
	19. ブログ
	20. キャンペーン特設ページ
	21. エラーページ
	22. リンク非活性化
	23. トップページ　スペシャルバナー　2025.5.19追記

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

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

	01. 基礎設定

--------------------------------------------------------- */
html {
	color: #111;
	font-size: 14px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500; /* Win用：游ゴシック体のウェイト調整 */
	height: 100%;
  line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
@media all and (-ms-high-contrast:none) {
	html {
		font-family: arial, "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
body {
	background-color: #fff;
	height: 100%;
}
img {
	height: auto;
	max-width: 100%;
}

a:link,
a:visited {
	color: #111;
	text-decoration: underline;
}
a:hover {
	color: #111;
	text-decoration: none;
}
.layout_pc a:hover img,
.layout_pc .alpha a:hover {
	opacity: 0.8;
	text-decoration: none;
}

.pc {display: block;}
.tb {display: none;}
.sp {display: none;}

/*===============================================
  基礎設定：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.pc {display: none;}
	.sp {display: block;}
}



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

	02. 画面構成

--------------------------------------------------------- */
.wrapper {
	overflow: hidden;
	padding-top: 90px;
	position: relative;
	width: 100%;
}

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

.contents_wide {
	margin-bottom: 60px;
	position: relative;
}
.contents_main p,
.contents_main li,
.contents_side p,
.contents_side li,
.contents_wide p,
.contents_wide li {
	line-height: 1.7;
}

.tit_img {
	text-indent: -9999px;
}
.txt_list {
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.list_default li {
	padding-left: 1.0em;
	text-indent: -1.0em;
}

/*===============================================
  画面構成：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.wrapper {
		padding-top: 50px;
	}
	.container {
		padding: 0 15px;
	}
	.contents_wide {
		margin-bottom: 40px;
	}
}



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

	03. ヘッダー

--------------------------------------------------------- */
header {
	background-color: rgba(255,255,255, 1);
	height: 90px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
}
header .container {
	height: 90px;
}
header h1 {
	float: left;
	height: 75px;
	padding-top: 15px;
	width: 130px;
}
header h1 a {
	background: url(/material/img/common/header_logo01.png) no-repeat;
	background-size: auto 60px;
	display: block;
	height: 60px;
	text-indent: -9999px;
	width: 130px;
}
.layout_pc header h1 a:hover {
	opacity: 0.8;
}

.header_gnav {
	float: left;
	margin: 12px 0 0 25px;
	width: auto;
}
.header_gnav > li {
	float: left;
	height: 66px;
	width: 100px;
}
.header_gnav > li:nth-child(2) {
	width: 90px;
}
.member .header_gnav { /*2020.02.26 追記*/
    margin-left:0;
}
.member .header_gnav > li:nth-child(1) {
	width: 90px;
    display: none;/*2020.08.28　追記*/
}
.member .header_gnav > li {
	width: 115px;
}
.member .header_gnav > li:nth-child(2) {
	width: 105px;
}
/* 2023.11.01 削除 */
/* .member .header_gnav > li:nth-child(2) {
	width: 115px;
} */
.header_gnav > li > a {
	background-position: center 36px;
	background-repeat: no-repeat;
	background-size: auto 12px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 100%;
	padding-top: 15px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.header_gnav > li:nth-child(1) > a {background-image: url(/material/img/common/header_gnav_about01.png);}
.header_gnav > li:nth-child(2) > a {background-image: url(/material/img/common/header_gnav_will01.png);}
.header_gnav > li:nth-child(3) > a {background-image: url(/material/img/common/header_gnav_action01.png);}
.header_gnav > li:nth-child(4) > a {background-image: url(/material/img/common/header_gnav_special01.png);}
.header_gnav > li:nth-child(5) > a {background-image: url(/material/img/common/header_gnav_contact01.png);}
.header_gnav > li:nth-child(6) > a {background-image: url(/material/img/common/header_gnav_general01.png);}
.layout_pc .header_gnav > li:hover > a {
	background-color: #fff;
	color: #e5368d;
}
.layout_pc .header_gnav > li:nth-child(1):hover > a {background-image: url(/material/img/common/header_gnav_about01_on.png);}
.layout_pc .header_gnav > li:nth-child(2):hover > a {background-image: url(/material/img/common/header_gnav_will01_on.png);}
.layout_pc .header_gnav > li:nth-child(3):hover > a {background-image: url(/material/img/common/header_gnav_action01_on.png);}
.layout_pc .header_gnav > li:nth-child(4):hover > a {background-image: url(/material/img/common/header_gnav_special01_on.png);}
.layout_pc .header_gnav > li:nth-child(5):hover > a {background-image: url(/material/img/common/header_gnav_contact01_on.png);}
.layout_pc .header_gnav > li:nth-child(5):hover > a {background-image: url(/material/img/common/header_gnav_contact01_on.png);}
.layout_pc .header_gnav > li:nth-child(6):hover > a {background-image: url(/material/img/common/header_gnav_general01_on.png);}

/*.member .header_gnav > li:nth-child(1) > a {background-image: url(/material/img/common/header_gnav_event01.png);}*/
.member .header_gnav > li:nth-child(2) > a {background-image: url(/material/img/common/header_gnav_tools01.png);}
.member .header_gnav > li:nth-child(3) > a {background-image: url(/material/img/common/header_gnav_report01.png);}
/* 2023.11.01 変更 */
/* .member .header_gnav > li:nth-child(4) > a {background-image: url(/material/img/common/header_gnav_floss01.png);} */
/* .member .header_gnav > li:nth-child(5) > a {background-image: url(/material/img/common/header_gnav_movie01.png);} */
.member .header_gnav > li:nth-child(4) > a {background-image: url(/material/img/common/header_gnav_movie01.png);}
/* .member .header_gnav > li:nth-child(6) > a {background-image: url(/material/img/common/header_gnav_contact01.png);} */
.member .header_gnav > li:nth-child(5) > a {background-image: url(/material/img/common/header_gnav_contact01.png);}
/* 2023.11.01 変更 end*/

/*.layout_pc .member .header_gnav > li:nth-child(1):hover > a {background-image: url(/material/img/common/header_gnav_event01_on.png);}*/
.layout_pc .member .header_gnav > li:nth-child(2):hover > a {background-image: url(/material/img/common/header_gnav_tools01_on.png);}
.layout_pc .member .header_gnav > li:nth-child(3):hover > a {background-image: url(/material/img/common/header_gnav_report01_on.png);}
/* 2023.11.01 変更 */
/* .layout_pc .member .header_gnav > li:nth-child(4):hover > a {background-image: url(/material/img/common/header_gnav_floss01_on.png);} */
/* .layout_pc .member .header_gnav > li:nth-child(5):hover > a {background-image: url(/material/img/common/header_gnav_movie01_on.png);} */
.layout_pc .member .header_gnav > li:nth-child(4):hover > a {background-image: url(/material/img/common/header_gnav_movie01_on.png);}
/* .layout_pc .member .header_gnav > li:nth-child(6):hover > a {background-image: url(/material/img/common/header_gnav_contact01_on.png);} */
.layout_pc .member .header_gnav > li:nth-child(5):hover > a {background-image: url(/material/img/common/header_gnav_contact01_on.png);}
/* 2023.11.01 変更 end*/

.header_gnav_hover {
	pointer-events: none;
}

.header_gnav_drop_list {
	display: none;
}
.header_gnav_drop_list li {
	background-color: #fff;
	display: table;
	height: 50px;
	width: 100%;
}
.header_gnav_drop_list li + li {
	border-top: 1px solid #ea5ea4;
}
.header_gnav_drop_list li a {
	background-color: #e5368d;
	color: #fff;
	display: table-cell;
	font-size: 12px;
	font-weight: bold;
	height: 100%;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
.layout_pc .header_gnav_drop_list li a:hover {
	opacity: 0.8;
}

.header_snav {
	position: absolute;
	top: 12px;
	right: 20px;
}
.header_snav {
	overflow: hidden;
}
.header_snav li {
	float: left;
	height: 66px;
	margin-left: 1px;
	width: 120px;
}
.header_snav li a {
	background-position: center 36px;
	background-repeat: no-repeat;
	background-size: auto 12px;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 100%;
	padding-top: 15px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.header_snav_login > a {
	background-color: #e5368d;
	background-image: url(/material/img/common/header_snav_login01.png);
}
.header_snav_entry > a {
	background-color: #000;
	background-image: url(/material/img/common/header_snav_entry01.png);
}
.header_snav_logout > a {
	background-color: #000;
	background-image: url(/material/img/common/header_snav_logout01.png);
}
.layout_pc .header_snav li a:hover {
	opacity: 0.8;
}

.header_snav li.header_snav_member {
	background-color: #e5368d;
	background-image: url(/material/img/common/header_ico_member01.png);
	background-position: 7px 14px;
	background-repeat: no-repeat;
	background-size: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.4;
	padding: 15px 0 0 53px;
	width: 140px;
}

#header_nav_btn {
	background: url(/material/img/common/header_btn_open01.png) no-repeat;
	background-size: 100%;
	display: none;
	height: 40px;
	position: absolute;
	top: 5px;
	right: 15px;
	text-indent: -9999px;
	width: 40px;
}
#header_nav_btn.header_nav_open {
	background-image: url(/material/img/common/header_btn_close01.png);
}

.header_sns {display: none;}

/*===============================================
  ヘッダー：1040px未満
===============================================*/
@media screen and (max-width:1039px) {
	.header_gnav > li {
		width: 75px;/*2020.04.20変更　元数値85px*/
	}
	.header_gnav > li:nth-child(2) {
		width: 75px;
	}
	.member .header_gnav > li:nth-child(1) {
		width: 85px;
	}
	/* 2023.11.01 add start*/
	.member .header_gnav > li {
		width: 95px;
	}
	.member .header_gnav > li:nth-child(2) {
		width: 90px;
	}
	/* 2023.11.01 add end*/

	/* 2023.11.01 削除 */
	/* .member .header_gnav > li:nth-child(2) {
		width: 70px;2020.04.20変更　元数値85px
	} */
}

/*===============================================
  ヘッダー：950px未満
===============================================*/
@media screen and (max-width:949px) {
	header h1 {
		height: auto;
		padding-top: 26px;
		margin-left: -5px;
		width: 82px;
	}
	header h1 a {
		background-size: 82px auto;
		height: 38px;
		width: 100%;
	}
	.header_gnav {
		margin: 12px 0 0 15px;
	}
	.member .header_gnav {
		margin: 12px 0 0 10px;
	}
	.member .header_gnav > li:nth-child(1) {
		width: 70px;/*2020.04.20変更　元数値80px*/
	}
	.header_snav li {
		width: 95px;
	}
	.header_snav li.header_snav_member {
		background-position: 7px 18px;
		background-repeat: no-repeat;
		background-size: 30px;
		font-size: 11px;
		padding: 18px 0 0 40px;
		width: 110px;
	}
}

/*===============================================
  ヘッダー：850px未満
===============================================*/
@media screen and (max-width:849px) {
	header h1 {
		margin-left: -10px;
	}
	.member header h1 {margin-left: -5px;}
	.header_gnav {margin: 12px 0 0;}
	.member .header_gnav {margin: 12px 0 0;}
	.header_snav {right: 10px;}
	.header_snav li {
		width: 85px;
	}
	.member .header_snav li {width: 90px;}/*2020.04.20変更 元数値90px*/
	.header_gnav > li:nth-child(2) {
		width: 65px;
	}
	/* 2023.11.01 add start*/
	.member .header_gnav > li {
		width: 85px;
	}
	.member .header_gnav > li:nth-child(3){
		width:100px;
	}
	/* 2023.11.01 add end*/

	/* 2023.11.01 削除 */
	/* .member .header_gnav > li:nth-child(4) {
		width: 75px;2020.04.20変更　元数値85px
	} */
	.header_snav li.header_snav_member {
		width: 104px;/*2020.04.20変更　元数値110px;*/
	}
}

/*===============================================
  ヘッダー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	header {
		height: 50px;
	}
	header .container {
		height: 50px;
	}
	header h1 {
		float: none;
		padding-top: 12px;
		margin-left: -5px;
		width: 230px;
	}
	header h1 a {
		background: url(/material/img/common/header_logo01_sp.png) no-repeat;
		background-size: auto 30px;
	}
	.member header h1 a {
		background: url(/material/img/common/header_logo02_sp.png) no-repeat;
		background-size: auto 30px;
	}

	nav {
		background-color: #e4368d;
		display: none;
		height: calc(100vh - 50px);
		overflow-y: auto;
		padding: 30px 25px;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		z-index: 10001;
	}
	.header_gnav,
	.member .header_gnav {
		border-bottom: 1px solid #fff;
		float: none;
		margin: 0 0 30px;
		width: auto;
	}
	.member .header_gnav {
		border-top: 1px solid #fff;
		padding-bottom: 10px;
	}
	.member .header_gnav:before {
		content: 'For MEMBERS';
		color: #fff;
		display: block;
		font-size: 14px;
		font-weight: bold;
		height: 45px;
		padding-top: 15px;
	}
	.header_gnav > li {
		border-top: 1px solid #fff;
		float: none;
		height: auto;
		width: 100%;
	}
	.header_gnav > li:nth-child(2),
	.member .header_gnav > li:nth-child(1),
	.member .header_gnav > li:nth-child(2),
	.member .header_gnav > li:nth-child(3),
	.member .header_gnav > li:nth-child(4) {
		width: 100%;
	}
	.header_gnav .header_gnav_hover {
		background: none !important;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		height: 45px;
		padding-top: 15px;
		pointer-events: auto;
		position: relative;
		text-align: left;
		text-decoration: none;
	}
	.header_gnav .header_gnav_hover:before {
		content: '';
		background-color: #fff;
		height: 2px;
		margin-top: -1px;
		position: absolute;
		top: 50%;
		right: 12px;
		width: 14px;
	}
	.header_gnav .header_gnav_hover:after {
		content: '';
		background-color: #fff;
		height: 14px;
		margin-top: -7px;
		position: absolute;
		top: 50%;
		right: 18px;
		width: 2px;
	}
	.header_gnav .header_gnav_hover.header_nav_open:after {
		display: none;
	}

	.header_gnav_drop {
		position: relative;
	}
	.header_gnav_drop_list {
		margin-bottom: 10px;
	}
	.header_gnav_drop_list li,
	.member .header_gnav > li {
		display: table;
		height: 30px;
		width: 100%;
	}
	.header_gnav_drop_list li + li,
	.member .header_gnav > li {
		border-top: none;
	}
	.header_gnav_drop_list li a,
	.member .header_gnav > li > a {
		background-color: #e5368d;
		color: #fff;
		display: table-cell;
		font-size: 12px;
		font-weight: bold;
		height: 100%;
		line-height: 1.4;
		padding-left: 1.5em;
		text-align: left;
		text-decoration: none;
		vertical-align: middle;
		width: 100%;
	}
	.member .header_gnav > li > a {
		padding-top: 0;
	}
	.header_gnav_drop_list li a:before,
	.member .header_gnav > li > a:before {
		content: '●';
		font-size: 10px;
		margin-right: 5px;
	}

	.header_snav {
		background-color: #fff;
		padding: 10px;
		position: static;
	}
	.header_snav li {
		height: 55px;
		margin-left: 0;
		width: 49%;
	}
	.member .header_snav li {width: 100%}
	.header_snav li:last-child {
		float: right;
	}
	.header_snav li a {
		background-position: center 30px;
		background-size: auto 15px;
		padding-top: 11px;
	}
	.header_snav .header_snav_logout {width: 100%;}
	.header_snav li.header_snav_member {display: none;}

	#header_nav_btn {
		display: block;
	}

	.header_sns {
		display: block;
		margin-top: 15px;
		text-align: center;
	}
	.header_sns li {
		display: inline-block;
		height: 46px;
		width: 46px;
	}
	.header_sns li + li {
		margin-left: 6px;/*09/27 アイコン追加により変更。元数値15px*/
	}
	.header_sns li a {
		background-color: #fff;
		border-radius: 50%;
		display: block;
		height: 100%;
		text-decoration: none;
		text-indent: -9999px;
		width: 100%;
	}
	.header_blog a {
		background: url(/material/img/common/header_btn_blog01.png) center no-repeat;
		background-size: auto 15px;
	}
	.header_youtube a {
		background: url(/material/img/common/header_btn_youtube01.png) center no-repeat;
		background-size: 32px auto;
	}
	.header_facebook a {
		background: url(/material/img/common/header_btn_facebook01.png) center no-repeat;
		background-size: 15px auto;
	}
	.header_twitter a {
		background: url(/material/img/common/header_btn_twitter01.png) center no-repeat;
		background-size: 28px auto;
	}
	.header_instagram a {
		background: url(/material/img/common/header_btn_instagram01.png) center no-repeat;
		background-size: 36px auto;
	}
}



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

	04. フッター

--------------------------------------------------------- */
footer {
	background-color: #000;
	font-weight: bold;
	height: 90px;
	padding-top: 25px;
	width: 100%;
}
.footer_menu {
	letter-spacing: -.4em;
	margin-bottom: 12px;
}
.footer_menu li {
	color: #fff;
	display: inline-block;
	letter-spacing: normal;
	margin-right: 15px;
}
.footer_menu li:last-child {
	margin-right: 0;
}
.footer_menu li a {
	color: #fff;
	text-decoration: none;
}

.footer_copyright {
	color: #fff;
	font-size: 12px;
	text-indent: 0.3em;
}
.footer_copyright span {
	font-family: Verdana, sans-serif;
}

/*===============================================
  フッター：768px未満
===============================================*/
@media screen and (max-width:767px) {
	footer {
		height: auto;
		padding: 15px 0;
	}
	.footer_menu {
		margin-bottom: 8px;
	}
	.footer_menu li {
		font-size: 12px;
		line-height: 1.5;
		margin-right: 15px;
	}

	.footer_copyright {
		font-size: 10px;
		line-height: 1.5;
	}
}

/*===============================================
  フッター：350px未満
===============================================*/
@media screen and (max-width:349px) {
	.footer_menu li {
		margin-right: 5px;
	}
}



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

	05. モジュール

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

/* グリッド：2カラム
--------------------------------------------------------- */
.grid_2col {
	overflow: hidden;
}
.grid_2col li {
	float: left;
	width: 48%;
}
.grid_2col li:nth-child(even) {
	float: right;
}

/*===============================================
  グリッド：2カラム：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.grid_2col li {
		float: none;
		width: 100%;
	}
	.grid_2col li:nth-child(even) {
		float: none;
	}
	.grid_2col li + li {
		margin-top: 25px;
	}
}

/* グリッド：3カラム
--------------------------------------------------------- */
.grid_3col {
	margin: 0 -5.05% -5.05% 0;
	overflow: hidden;
}
.grid_3col > li {
	float: left;
	margin: 0 5.05% 5.05% 0;
	width: 28.28%;
}

/*===============================================
  グリッド：3カラム：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.grid_3col {
		margin: 0 0 -25px 0;
	}
	.grid_3col > li {
		float: none;
		margin: 0 0 25px 0;
		width: 100%;
	}
}

/* ボタン：1ボタン
--------------------------------------------------------- */
.btn_single {
	display: table;
	height: 58px;
	margin: 0 auto;
	max-width: 360px;
	position: relative;
	width: 100%;
}
.btn_single:after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 13px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
					transform: translateY(-50%) rotate(-45deg);
	width: 8px;
	z-index: 10;
}
.btn_single a {
	background-color: #e5368d;
	color: #fff;
	display: table-cell;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 auto;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
.layout_pc .btn_single:hover {
	opacity: 0.8;
}

/*===============================================
  ボタン：1ボタン：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.btn_single {
		height: 40px;
	}
	.btn_single a {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
}

/* ボタン：ラッパー
--------------------------------------------------------- */
.btn_wrap {
	background-color: #f1f1f1;
	margin: 0 auto;
	max-width: 630px;
	padding: 20px;
}
.btn_wrap .btn_single {
	height: 70px;
	max-width: 400px;
}
.btn_wrap .btn_single a {
	font-size: 16px;
}
.btn_wrap_caution {
	margin: 7px auto 0;
	max-width: 630px;
	text-align: left;
}

/*===============================================
  ボタン：ラッパー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.btn_wrap {
		padding: 10px;
	}
	.btn_wrap .btn_single {
		height: 50px;
	}
	.btn_wrap .btn_single a {
		font-size: 14px;
	}
}

/* セクション：下層メインビジュアル
--------------------------------------------------------- */
.cmn_mv {
	margin: 80px 0 60px;
}
.cmn_mv h1,
.cmn_mv h2 {
	background-position: center 33px;
	background-repeat: no-repeat;
	background-size: auto 39px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 85px;
	position: relative;
	text-align: center;
}
.cmn_mv h1:after,
.cmn_mv h2:after {
	content: '';
	background-color: #111;
	height: 3px;
	margin-left: -15px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
}
.cmn_mv2 h1:after{
	display: none;
}

/*===============================================
  下層メインビジュアル：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.cmn_mv {
		margin: 40px 0 30px;
	}
	.cmn_mv h1,
	.cmn_mv h2 {
		background-position: center 26px;
		background-size: auto 30px;
		font-size: 14px;
		padding-bottom: 60px;
	}
	.cmn_mv h1:after,
	.cmn_mv h2:after {
		height: 2px;
	}
}

/* セクション：ENTRY
--------------------------------------------------------- */
.box_entry {
	background-color: #fff;
	font-weight: bold;
	padding: 50px 0 55px;
	text-align: center;
}
.box_entry h2 {
	background: url(/material/img/common/tit_entry01.png) center 33px no-repeat;
	background-size: auto 38px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto 35px;
	padding-bottom: 85px;
	position: relative;
}
.box_entry h2:after {
	content: '';
	background-color: #111;
	height: 3px;
	margin-left: -15px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
}

.box_entry_lead {
	line-height: 1.5;
	margin-bottom: 18px;
}
.box_entry_btn {
	height: 58px;
	max-width: 360px;
}
.box_entry_btn a {
	background-color: #000;
	font-size: 16px;
}

/*===============================================
  セクション：ENTRY：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.box_entry {
		padding: 20px 0 45px;
	}
	.box_entry h2 {
		background-position: center 26px;
		background-size: auto 26px;
		font-size: 12px;
		margin-bottom: 22px;
		padding-bottom: 60px;
	}
	.box_entry_lead {
		font-size: 12px;
		margin-bottom: 15px;
	}
	.box_entry_btn {
		height: 40px;
	}
	.box_entry_btn a {
		font-size: 14px;
	}
}

/* セクション：バナーメニュー
--------------------------------------------------------- */
.box_banner {
	background: url(/material/img/common/banner_bg01.jpg) center top no-repeat;
	background-size: cover;
	height: 220px;
	padding-top: 45px;
}
.box_banner h2 {
	background: url(/material/img/common/banner_tit01.png) center top no-repeat;
	background-size: contain;
	height: 17px;
	margin: 0 auto 40px;
	text-indent: -9999px;
	width: 133px;
}
.box_banner_box {
	height: 50px;
	margin: 0 auto;
	max-width: 410px;/*09/27 アイコン追加により変更。元数値320px*/
	overflow: hidden;
	width: 100%;
    display: flex;/*2020.03.02　追記*/
    justify-content: center;/*2020.03.02　追記*/
}
.box_banner_box li {
	border-radius: 50%;
	float: left;
	height: 50px;
	width: 50px;
}
.box_banner_box li + li {
	margin-left: 40px;
}
.box_banner_box li a {
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	display: block;
	height: 100%;
	position: relative;
	text-indent: -9999px;
	width: 100%;
}
.box_banner_box li:nth-child(1) a {
	background-image: url(/material/img/common/ico_blog01.png);
	background-size: auto 15px;
}
.box_banner_box li:nth-child(2) a {
	background-image: url(/material/img/common/ico_youtube01.png);
	background-size: auto 21px;
}
.box_banner_box li:nth-child(3) a {
	background-image: url(/material/img/common/ico_facebook01.png);
	background-size: auto 27px;
}
.box_banner_box li:nth-child(4) a {
	background-image: url(/material/img/common/ico_instagram01.png);
	background-size: auto 22px;
}
.layout_pc .box_banner_box li a:hover {
	background-color: #e5368d;
}

/*===============================================
  セクション：バナーメニュー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.box_banner {
		display: none;
	}
}

/* ページトップボタン
--------------------------------------------------------- */
#btn_pagetop {
	display: none;
	height: 70px;
	outline: none;
	position: fixed;
	bottom: 97px;
	right: 30px;
	text-indent: -9999px;
	width: 70px;
	z-index: 9999;
}
#btn_pagetop a {
	background: url(/material/img/common/btn_pagetop01.png) no-repeat;
	background-size: 70px;
	display: block;
	height: 100%;
	width: 100%;
}
.layout_pc #btn_pagetop a:hover {
	background-image: url(/material/img/common/btn_pagetop01_on.png);
	background-size: 70px;
}

/*===============================================
  ページトップボタン：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#btn_pagetop {
		height: 50px;
		bottom: 75px;
		right: 8px;
		width: 50px;
	}
	#btn_pagetop a {
		background: url(/material/img/common/btn_pagetop01_sp.png) no-repeat;
		background-size: 50px;
	}
}

/* SP用アコーディオン
--------------------------------------------------------- */
.acc_sp_swicth {display: none;}

/*===============================================
  SP用アコーディオン：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.acc_sp_swicth {
		display: block;
		position: relative;
	}
	.acc_sp_swicth a {
		display: block;
		height: 30px;
		margin-left: -20px;
		position: absolute;
		top: 5px;
		left: 50%;
		text-indent: -9999px;
		width: 40px;
	}
	.acc_sp_swicth a:after {
		content: '';
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		display: block;
		height: 20px;
		position: absolute;
		top: 0;
		left: 11px;
		-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
						transform: rotate(45deg);
		width: 20px;
		z-index: 10;
	}
	.acc_sp_swicth.open a:after {
		top: 10px;
		-webkit-transform: rotate(225deg);
				-ms-transform: rotate(225deg);
						transform: rotate(225deg);
	}

	.acc_sp_swicth a {
		-webkit-animation: acc-sw-action 1.5s infinite 2s ease-in-out;
		        animation: acc-sw-action 1.5s infinite 2s ease-in-out;
	}
	@keyframes acc-sw-action {
		0%{top:5px;}
		10%{top:10px;}
		30%{top:5px;}
		100%{top:5px;}
	}
	@-webkit-keyframes acc-sw-action {
		0%{top:5px;}
		10%{top:10px;}
		30%{top:5px;}
		100%{top:5px;}
	}
	.acc_sp_swicth.open a {
		-webkit-animation: none;
		animation: none;
	}
}

/* スクロールアニメーション
--------------------------------------------------------- */
.set-anim_scroll .js-anim_scroll,
.set-anim_scroll_pc .js-anim_scroll,
.set-anim_scroll_random .js-anim_scroll_random {
	opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.set-anim_scroll .js-anim_scroll.js-anim_scroll_up,
.set-anim_scroll_pc .js-anim_scroll.js-anim_scroll_up {
  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
      -ms-transform: matrix(1, 0, 0, 1, 0, 50);
    		  transform: matrix(1, 0, 0, 1, 0, 50);
}
.set-anim_scroll .js-anim_scroll.js-anim_scroll_down,
.set-anim_scroll_pc .js-anim_scroll.js-anim_scroll_down,
.set-anim_scroll_random .js-anim_scroll_random.js-anim_scroll_down {
  -webkit-transform: matrix(1, 0, 0, 1, 0, -50);
      -ms-transform: matrix(1, 0, 0, 1, 0, -50);
    		  transform: matrix(1, 0, 0, 1, 0, -50);
}
.set-anim_scroll .js-anim_scroll.js-anim_scroll_right,
.set-anim_scroll_pc .js-anim_scroll.js-anim_scroll_right {
  -webkit-transform: matrix(1, 0, 0, 1, -50, 0);
      -ms-transform: matrix(1, 0, 0, 1, -50, 0);
    		  transform: matrix(1, 0, 0, 1, -50, 0);
}
.set-anim_scroll .js-anim_scroll.js-anim_scroll_left,
.set-anim_scroll_pc .js-anim_scroll.js-anim_scroll_left {
  -webkit-transform: matrix(1, 0, 0, 1, 50, 0);
      -ms-transform: matrix(1, 0, 0, 1, 50, 0);
  		    transform: matrix(1, 0, 0, 1, 50, 0);
}
.set-anim_scroll .js-anim_scroll.js-anim_scroll_zoom,
.set-anim_scroll_pc .js-anim_scroll.js-anim_scroll_zoom {
	-webkit-transform: scale(0.3, 0.3);
      -ms-transform: scale(0.3, 0.3);
	  		  transform: scale(0.3, 0.3);
}
.set-anim_scroll .js-anim_scroll.active,
.set-anim_scroll_pc .js-anim_scroll.active,
.set-anim_scroll_random .js-anim_scroll_random.active {
  -webkit-transform: none;
      -ms-transform: none;
    		  transform: none;
  opacity: 1;
}

/*===============================================
  スクロールアニメーション：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.set-anim_scroll_sp .js-anim_scroll {
		opacity: 0;
	  -webkit-transition: 1s;
	  transition: 1s;
	}
	.set-anim_scroll_sp .js-anim_scroll.js-anim_scroll_up {
	  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
	      -ms-transform: matrix(1, 0, 0, 1, 0, 50);
	  		    transform: matrix(1, 0, 0, 1, 0, 50);
	}
	.set-anim_scroll_sp .js-anim_scroll.js-anim_scroll_zoom {
		-webkit-transform: scale(0.3, 0.3);
	      -ms-transform: scale(0.3, 0.3);
				    transform: scale(0.3, 0.3);
	}
	.set-anim_scroll_sp .js-anim_scroll.active {
	  -webkit-transform: none;
	      -ms-transform: none;
	    		  transform: none;
	  opacity: 1;
	}
}



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

	06. トップページ

--------------------------------------------------------- */
#home.wrapper {
	padding-top: 0;
}
#home header {
	background-color: rgba(255,255,255,0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#home header.scroll {
	background-color: rgba(255,255,255,1);
}
#home .cmn_mv {
	margin: 0 0 35px;
}

/*===============================================
  トップページ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#home header {
		background-color: rgba(255,255,255,1);
		-webkit-transition: none;
		transition: none;
	}
	#home .cmn_mv {
		margin: 0 0 22px;
	}
}

/* トップページ：メインビジュアル
--------------------------------------------------------- */
.top_mv {
	background-size: cover;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.top_mv:after {
	content: '';
	background: url(/material/img/top/mv_filter01.png);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.top_mv video {
  height: auto;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    		  transform: translateX(-50%);
  width: auto;
}
.top_mv_list {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.top_mv_list li {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: transparent;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.top_mv_list li.mv01 {
	background-image: url(/material/img/top/mv_img01.jpg);
	background-position: 70% center;
}
.top_mv_list li.mv02 {
	background-image: url(/material/img/top/mv_img02.jpg);
	background-position: 10% center;
}
.top_mv_list li.mv03 {
	background-image: url(/material/img/top/mv_img03.jpg);
	background-position: 70% center;
}
.top_mv_list li.mv04 {
	background-image: url(/material/img/top/mv_img04.jpg);
	background-position: 30% center;
}
.top_mv_title {
	background: url(/material/img/top/mv_tit01.png) center no-repeat;
	background-size: auto 104px;
	height: 102px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-indent: -9999px;
	-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
	  		  transform: translate(-50%, -50%);
	width: 494px;
	z-index: 100;
}
#top_mv_scroll {
	position: absolute;
	bottom: 18px;
	left: 50%;
	-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			    transform: translateX(-50%);
	width: 36px;
	z-index: 100;
}
.top_mv .container {
	height: 100%;
	max-width: 1040px;
	position: absolute;/*190401用設定　元設定：relative*/
	width: 100%;
	left:16.5%;/*190401用設定　終了後に削除*/
}
.top_mv_caution {
	background-color: #e5368d;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	padding: 15px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: 300px;
	z-index: 100;
}
#member_home .top_mv_caution {/*2019.02　追加*/
	width: 140px;
	left: inherit;
	right: 15px;
	bottom: 60px;
	background: rgba(51,204,204,0.8);
}
#member_home .top_mv_caution::after {
	border-top: 12px solid rgba(51,204,204,0.8);
}
#member_home .top_mv_caution_seminar::after {
	border-top: 12px solid rgba(140,140,140,0.8);
}
#member_home .top_mv_caution p {
	text-align: center;
}
#member_home .top_mv_caution a {
	line-height: 1.5;
	text-decoration: underline;
}
@media screen and (max-width:600px) {
	#member_home .top_mv_caution {
		width: 110px;
		padding: 8px 10px;
	}
	#member_home .top_mv_caution .top_mv_text {
		font-size: 12px;
	}
    #member_home .top_mv_caution_seminar{
        left:15px;
    }
}

.top_mv_caution:after {
	content: '';
	border: 8px solid transparent;
	border-top: 12px solid #e5368d;
	margin-left: -6px;
	position: absolute;
	bottom: -20px;
	left: 50%;
}
.top_mv_caution a {
	color: #fff;
	text-decoration: none;
}
.top_mv_caution a:hover {
	text-decoration: none;
}
.top_mv_date {
	margin-bottom: 5px;
}

/*===============================================
  トップページ：メインビジュアル：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.top_mv {
		height: calc(100% - 50px);
		margin-top: 50px;
		position: relative;
	}
	.top_mv_title {
		/*background: url(/material/img/top/mv_tit01_sp.png) center no-repeat;*/
		background-size: contain;
		height: 139px;
		max-width: 560px;
		width: 90%;
	}
	.top_mv_caution {
		bottom: 0;
		left: 0;
		max-width: 300px;
		width: 40%;
	}
	.top_mv .container{/*190401用設定*/
		top:0%;
		left:0%;
	}
	.slick-slide {
    	max-height: 600px;
	}
	.top_mv_caution:after {
		display: none;
	}
}

/* トップページ：HELLO
--------------------------------------------------------- */
.top_hello {
	background-color: #f9f6f0;
	padding: 55px 0 10px;
	position: relative;
	text-align: center;
}
.top_hello .cmn_mv h2 {
	background-image: url(/material/img/top/hello_tit01.png);
}
.top_hello_lead {
	line-height: 1.5;
	margin-bottom: 20px;
}
.top_hello_btn a {
	font-size: 16px;
}
.top_hello_floss {
	height: 73px;
	margin: 15px 0;
	position: relative;
	width: 100%;
}
.top_hello_floss p {
	background-repeat: repeat-x;
	background-size: 1280px auto;
	height: 73px;
	position: absolute;
	width: 100%;
}
#top_hello_floss01 {
	background-image: url(/material/img/top/hello_floss01.png);
}
#top_hello_floss02 {
	background-image: url(/material/img/top/hello_floss02.png);
}

#top_tooth {
	background: url(/material/img/top/top_bg_tooth01.png) no-repeat;
	background-size: contain;
	color: #e5368d;
	display: none;
	height: 202px;
	font-weight: bold;
	line-height: 1.5;
	position: fixed;
	bottom: 180px;
	right: 20px;
	text-align: center;
	width: 193px;
	z-index: 10000;
}
#top_tooth a {
	color: #e5368d;
	display: block;
	height: 100%;
	padding-top: 45px;
	text-decoration: none;
	width: 100%;
}
.layout_pc #top_tooth a:hover {opacity: 0.7;}
#top_tooth p:first-child {font-size: 13px;}
#top_tooth p.top_tooth_num {font-size: 27px;}
#top_tooth p:last-child {font-size: 12px;}

/*===============================================
  トップページ：HELLO：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.top_hello {
		padding: 40px 0;
	}
	#top_tooth {
		display: block;
		margin: 0 auto;
		position: static;
	}
	.top_hello_btn a {
		font-size: 14px;
	}
}

/* トップページ：ACTION
--------------------------------------------------------- */
.top_action {
	padding: 55px 0;
	text-align: center;
}
.top_action .cmn_mv h2 {
	background-image: url(/material/img/top/action_tit01.png);
}
.top_action_lead {
	line-height: 1.5;
	margin-bottom: 30px;
}
.top_action_img {
	margin-bottom: 40px;
	overflow: hidden;
}
.top_action_img li {
	float: left;
	width: 22%;
}
.top_action_img li + li {
	margin-left: 4%;
}
.top_action_btn a {
	font-size: 16px;
}

/*===============================================
  トップページ：ACTION：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.top_action {
		padding: 40px 0;
	}
	.top_action h2 {
		margin-bottom: 30px;
	}
	.top_action_lead {
		margin-bottom: 25px;
	}
	.top_action_img {
		margin: 0 auto 20px;
		max-width: 480px;
		overflow: hidden;
	}
	.top_action_img li {
		float: left;
		margin-bottom: 4%;
		width: 48%;
	}
	.top_action_img li:nth-child(even) {
		margin-left: 4%;
	}
	.top_action_img li + li {
		margin-left: 0;
	}
	.top_action_btn a {
		font-size: 14px;
	}
}

/* トップページ：SPECIAL
--------------------------------------------------------- */
.top_special {
	background: url(/material/img/top/special_bg01.png);
	background-size: 32px auto;
	padding: 55px 0;
	text-align: center;
}
.top_special .cmn_mv h2 {
	background-image: url(/material/img/top/special_tit01.png);
	color: #fff;
}
.top_special .cmn_mv h2:after {
	background-color: #fff;
}
#top_special_slider_wrap {
	margin: 0 auto;
	max-width: 920px;
	width: 92%;
}
.top_special_slider .slide {
	cursor: pointer;
	display: none;
}
.bx-viewport .top_special_slider .slide {
	display: block !important;
}
.layout_pc .top_special_slider div:hover img {
	opacity: 0.9;
}
.top_special_slider div a {
	display: block;
	position: relative;
}
.top_special_slider div .btn_single {
	height: 58px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 260px;
}
.top_special_slider div .btn_single:after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 13px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
					transform: translateY(-50%) rotate(-45deg);
	width: 8px;
}
.top_special_slider div .btn_single span {
	background-color: #e5368d;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.top_special_slider div .btn_single a:hover {
	opacity: inherit;
}

#top_special_slider_wrap .bx-wrapper {
	margin: 0 auto 32px;
}
#top_special_slider_wrap .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: inherit;
}
#top_special_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border-radius: 6px;
	display: block;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	text-indent: -9999px;
	width: 12px;
}
#top_special_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#top_special_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e5368d;
}
#top_special_slider_wrap .bx-wrapper .bx-prev {
	background: url(/material/img/top/btn_arrow01.png) no-repeat;
	background-size: contain;
	height: 21px;
	left: -45px;
	-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
					transform: rotate(90deg);
	width: 36px;
}
#top_special_slider_wrap .bx-wrapper .bx-prev:hover,
#top_special_slider_wrap .bx-wrapper .bx-next:hover {
	background-position: left top;
	opacity: 0.8;
}
#top_special_slider_wrap .bx-wrapper .bx-next {
	background: url(/material/img/top/btn_arrow01.png) no-repeat;
	background-size: contain;
	height: 21px;
	right: -45px;
	-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
					transform: rotate(-90deg);
	width: 36px;
}

/*===============================================
  トップページ：SPECIAL：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.top_special {
		background-size: 16px auto;
		padding: 40px 0;
	}
	.top_special_box {
		max-width: 480px;
	}
	.top_special_box li {
		float: none;
		height: 0;
		margin: 0 0 4% 0;
		padding-top: 54%;
		width: 100%;
	}
	.top_special_box li a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.top_special_slider div .btn_single {
		height: 40px;
		width: 140px;
	}
	.top_special_slider div .btn_single span {
		font-size: 14px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
	}

	#top_special_slider_wrap {
		max-width: 540px;
	}
	#top_special_slider_wrap .bx-wrapper .bx-controls-direction a {
		margin-top: -7px;
	}
	#top_special_slider_wrap .bx-wrapper .bx-prev {
		height: 14px;
		left: -28px;
		width: 24px;
	}
	#top_special_slider_wrap .bx-wrapper .bx-next {
		height: 14px;
		right: -28px;
		width: 24px;
	}
}

/* トップページ：NEWS
--------------------------------------------------------- */
.top_news {
	padding: 55px 0;
	text-align: center;
}
.top_news .cmn_mv h2 {
	background-image: url(/material/img/top/news_tit01.png);
}
.top_news_list {
	margin: 0 auto;
	max-width: 1000px;
	text-align: left;
	width: 100%;
}
.top_news_list li {
	display: table;
	line-height: 1.4;
	padding: 12px 0;
	width: 100%;
}
.top_news_list li:nth-child(odd) {
	background-color: #f9f6f0;
}
.top_news_list .news_date {
	color: #e5368d;
	display: table-cell;
	padding: 0 1em;
	vertical-align: middle;
	width: 15.5em;
}
.top_news_list .news_title {
	display: table-cell;
	font-weight: normal;
	padding-right: 15px;
	vertical-align: middle;
}
.top_news_list_sub {
	display: none;
}
.top_news_list_sub li:nth-child(odd) {
	background-color: #fff;
}
.top_news_list_sub li:nth-child(even) {
	background-color: #f9f6f0;
}
#top_news_btn {margin-top: 25px;}
#top_news_btn a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.layout_pc #top_news_btn a:hover {
	opacity: 0.8;
}

.news_tag {
	background-color: #fff;
	border: 1px solid #e5368d;
	color: #e5368d;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-left: 1em;
	padding: 5px 0;
	text-align: center;
	width: 8em;
}
.news_tag_media {
	background-color: #e5368d;
	color: #fff;
}
.top_news_btn a {
	font-size: 16px;
}

/*===============================================
  トップページ：NEWS：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.top_news {
		padding: 40px 0;
	}
	.top_news_list {
		margin: 0 auto;
	}
	.top_news_list li {
		display: block;
		min-height: inherit;
		padding: 10px;
	}
	.top_news_list .news_date {
		display: block;
		margin-bottom: 5px;
		padding: 0;
		width: 100%;
	}
	.top_news_list .news_title {
		display: block;
		padding: 0;
	}
	#top_news_btn a {font-size: 14px;}
	.news_tag {
		padding: 1px 0;
	}
	.top_news_btn a {
		font-size: 14px;
	}
}

/* トップページ：SUPPORTER
--------------------------------------------------------- */
.top_supporter {
	background-color: #f9f6f0;
	font-weight: bold;
	padding: 58px 0 60px;
	text-align: center;
}
.top_supporter .cmn_mv h2 {
	background-image: url(/material/img/top/supporter_tit01.png);
}
.top_supporter_box {
	background-color: #fff;
	letter-spacing: -.4em;
	margin: 0 auto;
	max-width: 1000px;
	padding: 3% 7%;
	width: 100%;
}
.top_supporter_box li {
	background-color: #fff;
	display: inline-block;
	letter-spacing: normal;
	margin-right: 6.5%;
	width: 14.5%;
}
.top_supporter_box li:last-child {
	margin-right: 0;
}

/*===============================================
  トップページ：SUPPORTER：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.top_supporter {
		padding: 40px 0;
	}
	.top_supporter h2 {
		margin-bottom: 25px;
	}
	.top_supporter_box {
		max-width: 1000px;
		padding: 2.5% 3%;
		width: 100%;
	}
	.top_supporter_box li {
		margin-right: 2%;
		margin-bottom: 2%;
		max-width: 125px;
		width: 32%;
	}
	.top_supporter_box li:nth-child(3) {
		margin-right: 0;
	}
	.top_supporter_box li:nth-child(4) {
		margin-bottom: 0;
	}
	.top_supporter_box li:last-child {
		margin: 0;
	}
}

/*===============================================
  トップページ：SUPPORTER：450px未満
===============================================*/
@media screen and (max-width:449px) {
	.top_supporter_box li {
		margin-right: 7%;
		width: 46%;
	}
	.top_supporter_box li:nth-child(2n) {
		margin-right: 0;
	}
	.top_supporter_box li:nth-child(3) {
		margin-right: 2%;
	}
	.top_supporter_box li:nth-child(4) {
		margin-bottom: 2%;
	}
}

/* トップページ：フロートメニュー
--------------------------------------------------------- */
#top_float_menu {
	display: none;
}

/*===============================================
  トップページ：フロートメニュー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#home footer {
		padding: 15px 0 75px;
	}
	#home #btn_pagetop {
		display: none !important;
	}
	#top_float_menu {
		display: block;
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
		position: fixed;
		bottom: 0;
		left: 0;
		-webkit-transition: opacity 1s;
				-ms-transition: opacity 1s;
						transition: opacity 1s;
		width: 100%;
		z-index: 9999;
	}
	#top_float_menu.show {
		opacity: 1;
		pointer-events: auto;
	}
	#top_float_menu li {
		float: left;
		height: 60px;
		width: 50%;
	}
	#top_float_menu li a {
		background-position: center 33px;
		background-repeat: no-repeat;
		background-size: auto 15px;
		color: #fff;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 100%;
		padding-top: 13px;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	.top_float_login > a {
		background-color: #e5368d;
		background-image: url(/material/img/common/header_snav_login01.png);
	}
	.top_float_entry > a {
		background-color: #000;
		background-image: url(/material/img/common/header_snav_entry01.png);
	}
}



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

	07. 下層共通パーツ

--------------------------------------------------------- */
.cmn_lead {
	margin: -30px 0 60px;
	text-align: center;
}

/*===============================================
  下層共通パーツ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.cmn_lead {
		margin: 30px 0;
	}
}



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

	08. ABOUT US グッペリとは

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

/* ABOUT US：グッペリとは
--------------------------------------------------------- */
#about.opening {
	height: 100vh;
	overflow: hidden;
}
#about.opening .js-anim_scroll {opacity: 0;}
#about.opening .contents_wide h1 {
	display: none;
	position: relative;
}

#about .box_entry {display: none;}

#about .about_svg_pc {
	margin-left: 1620px;
	position: absolute;
	top: -626px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
			    transform: translateX(-50%);
}
#about .about_svg_sp {display: none;}
#about .contents_wide {
	background-color: #f9f6f0;
	margin-bottom: 0;
	padding: 95px 0 145px;
	position: relative;
	text-align: center;
}
#about .contents_wide h1 {
	height: 141px;
	margin: 0 auto 115px;
	width: 305px;
}
#about .contents_wide h1 + h2 {
	background: url(/material/img/about/about_tit01.png) center top no-repeat;
	background-size: contain;
	height: 76px;
	margin: 0 auto 50px;
	text-indent: -9999px;
	width: 389px;
}
#about .contents_wide p.txt {
	font-size: 18px;
	line-height: 2.6;
}
#about .contents_wide p.txt + p.txt {
	margin-top: 40px;
}
#about .contents_wide p + h2 {
	background: url(/material/img/about/about_tit02.png) no-repeat;
	background-size: contain;
	height: 47px;
	margin: 260px auto 90px;
	text-indent: -9999px;
	width: 452px;
}

.about_point {
	margin-bottom: 235px;
}
.about_point li {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	display: table;
	height: 400px;
	position: relative;
	width: 50%;
}
.about_point li:nth-child(1) {
	margin-left: auto;
}
.about_point li:nth-child(2) {
	margin-top: -65px;
	margin-right: auto;
}
.about_point li:nth-child(3) {
	margin-left: auto;
	margin-right: 10%;
}
.about_point li.active {
	-webkit-animation: moveCloud 3s forwards 1s ease-in-out;
	animation: moveCloud 3s forwards 1s ease-in-out;
}
@-webkit-keyframes moveCloud {
	0%{border-color: #fff;}
	100%{border-color: #e5368d;}
}
@keyframes moveCloud {
	0%{border-color: #fff;}
	100%{border-color: #e5368d;}
}
.about_point_inner {
	display: table-cell;
	height: 100%;
	padding: 0 35px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.about_point_inner h3 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 35px;
	margin-bottom: 2%;
	text-indent: -9999px;
}
.about_point li:nth-child(1) h3 {background-image: url(/material/img/about/about_tit03.png);}
.about_point li:nth-child(2) h3 {background-image: url(/material/img/about/about_tit04.png);}
.about_point li:nth-child(3) h3 {background-image: url(/material/img/about/about_tit05.png);}
.about_point_inner .tit {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2%;
}
#about .about_point_inner p.txt {
	line-height: 2.2;
}

.about_message {
	background-color: rgba(255,255,255,0.95);
	margin: 0 auto 130px;
	max-width: 800px;
	padding: 40px 15px;
	position: relative;
	text-align: center;
	width: 100%;
}
.about_message:before,
.about_message:after {
	content: '';
	background-color: #aaa;
	border-radius: 50%;
	height: 4px;
	position: absolute;
	top: 10px;
	width: 4px;
}
.about_message:before {
	left: 10px;
}
.about_message:after {
	right: 10px;
}
.about_message p {
	color: #e5368d;
	font-size: 20px;
	font-weight: bold;
	line-height: 2.3;
}

.about_entry {
	background-color: #fff;
	border-radius: 50%;
	height: 220px;
	margin: 0 auto 70px;
	position: relative;
	width: 220px;
}
.about_entry span {
	background-color: #e5368d;
	border-radius: 50%;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	width: 100%;
}
.about_entry a {
	background-color: #e5368d;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 100%;
	line-height: 220px;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	width: 100%;
}
.layout_pc .about_entry a:hover {opacity: 0.95;}
.about_entry span.action {
	-webkit-animation: sonarEffect 1.3s ease-out;
	        animation: sonarEffect 1.3s ease-out;
}
.layout_pc .about_entry:hover span {
	-webkit-animation: sonarEffectHover 1.3s ease-out;
	        animation: sonarEffectHover 1.3s ease-out;
}
@-webkit-keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
		opacity: 0;
	}
}@-webkit-keyframes sonarEffectHover {
	0% {opacity: 0.3;}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
		opacity: 0;
	}
}
@keyframes sonarEffectHover {
	0% {opacity: 0.3;}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #e5368d, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
		opacity: 0;
	}
}

.about_history {
	border: 1px solid #e5368d;
	font-size: 16px;
	margin: 0 auto;
	max-width: 800px;
	padding: 20px;
	text-align: left;
	width: 100%;
}
.about_history ul {
	display: table;
	width: 100%;
}
.about_history li {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.about_history li:last-child {
	padding-left: 10px;
	vertical-align: middle;
}
.about_history h3 {
	color: #e5368d;
	font-weight: bold;
}
.about_history_btn {
	background-color: #fff;
	padding: 20px 30px;
}
.about_history_btn a {
	background-color: #e5368d;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 15px 30px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.about_history_btn a:after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 13px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
					transform: translateY(-50%) rotate(-45deg);
	width: 8px;
	z-index: 10;
}

#about.set-anim_scroll .js-anim_scroll,
#about.set-anim_scroll_pc .js-anim_scroll {
  -webkit-transition: 2s;
				  transition: 2s;
}

/*===============================================
  ABOUT：ヒストリー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#about .about_svg_pc {display: none;}
	#about .about_svg_sp {
		margin-left: 890px;
		position: absolute;
		top: -363px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		    		transform: translateX(-50%);
		-webkit-overflow-scrolling: touch;
	}
	#about .contents_wide {padding: 38px 0 30px;}
	#about .contents_wide h1 {
		height: 75px;
		margin: 0 auto 55px;
		width: 163px;
	}
	#about .contents_wide h1 + h2 {
		height: 53px;
		margin: 0 auto 20px;
		width: 270px;
	}
	#about .contents_wide p.txt {
		font-size: 12px;
		line-height: 2.0;
	}
	#about .contents_wide p.txt + p.txt {margin-top: 18px;}
	#about .contents_wide p + h2 {
		height: 30px;
		margin: 120px auto 42px;
		width: 270px;
	}

	.about_point {margin-bottom: 70px;}
	.about_point li {
		height: 200px;
		margin: 0 auto;
		width: 250px;
	}
	@-webkit-keyframes moveCloud {
		0%{bottom: 0; border-color: #fff;}
		25%{bottom: 10px;}
		50%{bottom: 0; border-color: #e5368d;}
		75%{bottom: 10px;}
		100%{bottom: 0; border-color: #fff;}
	}
	@keyframes moveCloud {
		0%{bottom: 0; border-color: #fff;}
		25%{bottom: 10px;}
		50%{bottom: 0; border-color: #e5368d;}
		75%{bottom: 10px;}
		100%{bottom: 0; border-color: #fff;}
	}
	.about_point li:nth-child(2) {margin-top: 25px;}
	.about_point li:nth-child(3) {margin-top: 25px; margin-right: auto;}
	.about_point_inner {padding: 0 25px;}
	.about_point_inner h3 {height: 20px;}
	.about_point_inner .tit {font-size: 17px;}
	#about .about_point_inner p.txt {line-height: 1.7;}

	.about_message {
		margin: 0 auto 60px;
		padding: 25px 15px;
	}
	.about_message p {
		font-size: 14px;
		line-height: 1.8;
	}

	.about_entry {
		height: 110px;
		margin: 0 auto 35px;
		width: 110px;
	}
	.about_entry a {
		font-size: 14px;
		line-height: 110px;
		width: 100%;
	}

	.about_history {
		display: block;
		font-size: 12px;
		padding: 10px;
	}
	.about_history li {
		display: block;
		width: 100%;
	}
	.about_history li:last-child {
		margin-top: 10px;
		padding-left: 0;
	}
	.about_history_btn {padding: 10px;}
	.about_history_btn a {padding: 15px;}
	.about_history_btn a:after {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
}

/* ABOUT：ヒストリー
--------------------------------------------------------- */
#history {background-color: #f9f6f0;}
#history .cmn_mv h1 {background-image: url(/material/img/about/history_mv_tit01.png);}

.history_past {
	background: url(/material/img/about/history_bg_past01.png) center bottom no-repeat;
	background-size: auto 81px;
	margin-bottom: 0;
	padding-bottom: 81px;
}
.history_past > .container:before {
	content: '';
	background-color: #000;
	height: calc(100% - 90px);
	margin-left: -1px;
	position: absolute;
	top: 90px;
	left: 50%;
	width: 2px;
}

.history_future {
	background-image: url(/material/img/about/history_bg_future02.png), url(/material/img/top/special_bg01.png);
	background-position: center bottom, center;
	background-repeat: no-repeat, repeat;
	background-size: 62px 78px, auto 32px;
	margin-bottom: 0;
	padding-bottom: 78px;
}
.history_future > .container {
	background: url(/material/img/about/history_bg_future01.png) center top repeat-y;
	background-size: 2px 64px;
	padding-top: 115px;
}

.history_box {
	padding-bottom: 60px;
	position: relative;
}
.history_future .history_box {
	margin: 0 auto;
	max-width: 800px;
	padding-bottom: 0;
}
.history_box h2 {
	background-repeat: no-repeat;
	background-size: contain;
	height: 90px;
	margin: 90px auto 50px;
	text-indent: -9999px;
	width: 90px;
	z-index: 10;
}
.history_box:first-child h2 {
	margin-top: 0;
	position: relative;
}
.history_past .history_box:first-child h2:after {
	content: '';
	background: url(/material/img/about/history_start01.png) center top no-repeat;
	background-size: contain;
	height: 16px;
	margin-left: -27px;
	position: absolute;
	top: -18px;
	left: 50%;
	width: 55px;
}
#history_2012 h2 {background-image: url(/material/img/about/history_ico_2012.png);}
#history_2013 h2 {background-image: url(/material/img/about/history_ico_2013.png);}
#history_2014 h2 {background-image: url(/material/img/about/history_ico_2014.png);}
#history_2015 h2 {background-image: url(/material/img/about/history_ico_2015.png);}
#history_2016 h2 {background-image: url(/material/img/about/history_ico_2016.png);}
#history_2017 h2 {background-image: url(/material/img/about/history_ico_2017.png);}
#history_2020 h2 {background-image: url(/material/img/about/history_ico_2020.png);}

.history_photo {
	position: relative;
	width: 58%;
	z-index: 10;
}
.history_box_reverse .history_photo {
	margin-left: auto;
}
.history_text {
	background-color: #fff;
	padding: 30px 40px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 46%;
	z-index: 10;
}
.history_box_reverse .history_text {
	right: inherit;
	left: 0;
}
.history_future .history_text {
	box-shadow: 4px 4px 0 0 #e5368d;
	margin: 0 auto;
	max-width: 800px;
	padding: 50px 135px 40px 70px;
	position: relative;
	width: 100%;
}
#history_2020 .history_text {padding: 50px 70px 40px 135px;}
.history_future .history_text:after {
	content: '';
	background: url(/material/img/about/history_future_circle01.png) no-repeat;
	background-size: contain;
	height: 10px;
	margin-left: -5px;
	position: absolute;
	top: 20px;
	left: 50%;
	width: 10px;
}
.history_text h3 {
	color: #e5368d;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}
.history_future .history_text p {
	color: #e5368d;
}
.history_bg {
	position: absolute;
}
#history_bg_2012_01 {top: 30px; left: 43px;}
#history_bg_2012_02 {top: 25px; right: 0;}
#history_bg_2013_01 {top: 50px; left: 15px;}
#history_bg_2013_02 {top: -55px; right: 0;}
#history_bg_2014_01 {top: 120px; left: 30px;}
#history_bg_2014_02 {top: -180px; right: 0;}
#history_bg_2015_01 {top: -160px; left: 30px;}
#history_bg_2015_02 {top: 150px; right: 15px;}
#history_bg_2016_01 {top: 250px; left: 20px;}
#history_bg_2016_02 {top: -250px; right: 0;}

.history_backstory {
	background-color: #000;
	margin: 50px auto 0;
	max-width: 800px;
	padding: 10px 65px 40px;
	position: relative;
	width: 100%;
	z-index: 10;
}
.history_backstory h3 {
	background: url(/material/img/about/history_backstory01.png) center no-repeat;
	background-size: contain;
	height: 84px;
	margin: 0 auto 23px;
	text-indent: -9999px;
	width: 118px;
}
.history_backstory p {
	color: #fff;
	text-align: center;
}
.history_backstory:before,
.history_backstory:after,
.history_backstory h3:before,
.history_backstory h3:after {
	content: '';
	background-color: #f9f6f0;
	border-radius: 50%;
	display: block;
	height: 40px;
	position: absolute;
	width: 40px;
}
.history_backstory:before {top: -20px; left: -20px;}
.history_backstory:after {top: -20px; right: -20px;}
.history_backstory h3:before {bottom: -20px; left: -20px;}
.history_backstory h3:after {bottom: -20px; right: -20px;}

.history_future .history_future_tit {
	background-color: #e5368d;
	border-radius: 25px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-left: -140px;
	position: absolute;
	top: -25px;
	left: 50%;
	text-align: center;
	width: 280px;
	z-index: 10;
}
.history_future_tit:before,
.history_future_tit:after {
	content: '';
	background-color: #fff;
	border-radius: 50%;
	height: 6px;
	margin-top: -3px;
	position: absolute;
	top: 50%;
	width: 6px;
}
.history_future_tit:before {left: 20px;}
.history_future_tit:after {right: 20px;}
.history_future_img {
	position: absolute;
	z-index: 20;
}
#history_2017 .history_future_img {top: -35px; right: 15px;}
#history_2020 .history_future_img {top: -35px; left: 15px;}

.history_bs_swicth {display: none;}

/*===============================================
  ABOUT：ヒストリー：960px未満
===============================================*/
@media screen and (max-width:959px) {
	.history_text {padding: 15px 20px;}
	.history_bg img {width: 80%;}
	#history_bg_2012_02,
	#history_bg_2014_02,
	#history_bg_2016_02 {text-align: right;}
}

/*===============================================
  ABOUT：ヒストリー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#history .cmn_mv {margin-bottom: 50px;}

	.history_past {
		background-size: auto 70px;
		padding-bottom: 70px;
	}
	.history_past > .container:before {
		height: calc(100% - 80px);
		top: 80px;
	}
	.history_future {background-size: 62px 78px, auto 16px;}

	.history_box {padding-bottom: 0;}
	.history_box h2 {
		height: 80px;
		margin: 40px auto 25px;
		width: 80px;
	}
	.history_photo {width: 93%;}
	.history_text {
		margin-top: -20px;
		margin-left: auto;
		padding: 15px;
		position: relative;
		width: 93%;
		z-index: 20;
	}
	.history_box_reverse .history_text {
		margin-left: 0;
		margin-right: auto;
	}
	.history_future h2 {margin-top: 50px;}
	.history_future .history_text {
		box-shadow: 7px 7px 0 0 #e5368d;
		padding: 30px 20px 20px;
		width: 93%;
	}
	#history_2020 .history_text {padding: 30px 20px 20px;}
	.history_future .history_text:after {top: 10px;}
	.history_text h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.history_text p {font-size: 12px;}
	#history_bg_2012_01 {top: 40px; left: 0; width: 150px;}
	#history_bg_2012_02 {display: none;}
	#history_bg_2013_01 {display: none;}
	#history_bg_2013_02 {top: -30px; right: 0; width: 80px;}
	#history_bg_2014_01 {top: 150px; left: 0; width: 110px;}
	#history_bg_2014_02 {display: none;}
	#history_bg_2015_01 {display: none;}
	#history_bg_2015_02 {top: 180px; right: 0; width: 110px; text-align: right;}
	#history_bg_2016_01 {top: 250px; left: -20px; width: 160px;}
	#history_bg_2016_02 {display: none;}

	.history_backstory {
		margin: 20px auto 0;
		padding: 10px 15px 45px;
		width: 93%;
	}
	.history_backstory h3 {
		height: 75px;
		margin: 0 auto;
		width: auto;
	}
	.history_backstory h3 + p {
		display: none;
		font-size: 12px;
		margin-top: 20px;
	}
	.history_backstory p {text-align: left;}
	.history_backstory:before,
	.history_backstory:after,
	.history_backstory h3:before,
	.history_backstory h3:after {
		height: 30px;
		width: 30px;
	}
	.history_backstory:before {top: -15px; left: -15px;}
	.history_backstory:after {top: -15px; right: -15px;}
	.history_backstory h3:before {bottom: -15px; left: -15px;}
	.history_backstory h3:after {bottom: -15px; right: -15px;}

	.history_future > .container {padding-top: 50px;}
	.history_future .history_future_tit {
		border-radius: 15px;
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		margin-left: -85px;
		top: -15px;
		width: 170px;
	}
	.history_future_tit:before,
	.history_future_tit:after {
		height: 4px;
		margin-top: -2px;
		width: 4px;
	}
	.history_future_tit:before {left: 10px;}
	.history_future_tit:after {right: 10px;}
	#history_2017 .history_future_img {top: -25px; right: 5px; width: 120px;}
	#history_2020 .history_future_img {top: -25px; left: 5px; width: 115px;}

	.history_bs_swicth {
		display: block;
		position: absolute;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		  		  transform: translateX(-50%);
	}
	.history_bs_swicth a {
		border: 1px solid #fff;
		border-radius: 5px;
		color: #fff;
		display: block;
		line-height: 1;
		margin: 0 auto;
		padding: 3px;
		text-align: center;
		text-decoration: none;
		width: 5em;
	}
	.history_bs_swicth {
		-webkit-animation: history-sw-action 1.5s infinite 2s ease-in-out;
						animation: history-sw-action 1.5s infinite 2s ease-in-out;
	}
	@keyframes history-sw-action {
		0%{bottom:10px;}
		10%{bottom:12px;}
		30%{bottom:10px;}
		100%{bottom:10px;}
	}
	@-webkit-keyframes history-sw-action {
		0%{bottom:10px;}
		10%{bottom:12px;}
		30%{bottom:10px;}
		100%{bottom:10px;}
	}
	.history_bs_swicth.open {
		-webkit-animation: none;
		animation: none;
	}
}



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

	09. I WILL 宣言

--------------------------------------------------------- */
#will {background-color: #f9f6f0;}
#will .cmn_mv h1 {background-image: url(/material/img/will/will_mv_tit01.png);}

#will.set-anim_scroll h1.js-anim_scroll,
#will.set-anim_scroll h2.js-anim_scroll,
#will.set-anim_scroll .will_lead_text.js-anim_scroll {
	-webkit-transition: 2s;
	transition: 2s;
}

.will_lead {
	margin-bottom: 80px;
	text-align: center;
}
.will_lead h2 {
	color: #e5368d;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 45px;
}
.will_lead p {
	font-size: 16px;
	line-height: 2.2;
}
.will_lead p + p {
	margin-top: 40px;
}

.will_list {
	margin: 0 auto;
	text-align: center;
}
.will_list_item {
	float: left;
	margin: 0 0 20px;
	width: 150px;
}
.will_list_item2 {
	width: 320px;
}
.will_list a {
	display: block;
	outline: none;
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.will_list a:after {
	content: '';
	border: 6px solid transparent;
	border-right: 6px solid #e5368d;
	border-bottom: 6px solid #e5368d;
	height: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
}
.layout_pc .will_list a:hover {
	-webkit-transform: scale(1.08, 1.08);
	    -ms-transform: scale(1.08, 1.08);
	  		  transform: scale(1.08, 1.08);
}
.layout_pc .will_list a:hover img {opacity: 1;}

.will_panel {
	background-color: #e5368d;
	display: table;
	height: 500px;
	margin: 0 auto;
	max-width: 500px;
	position: relative;
	width: 100%;
}
.will_panel:before,
.will_panel:after {
	content: '';
	height: 42px;
	position: absolute;
	width: 42px;
}
.will_panel:before {
	border-top: 8px solid #fff;
	border-right: 8px solid #fff;
	top: 27px;
	right: 27px;
}
.will_panel:after {
	border-bottom: 8px solid #fff;
	border-left: 8px solid #fff;
	bottom: 27px;
	left: 27px;
}
.will_panel_inner {
	background-color: #e5368d;
	color: #fff;
	display: table-cell;
	padding: 40px;
	text-align: center;
	vertical-align: middle;
}
.will_panel_inner .txt_message {
	font-size: 22px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 35px;
}
.will_panel_inner .txt_name {font-size: 16px;}

.will_number {
	margin-top: 35px;
	text-align: center;
}
.will_number p {
	font-size: 22px;
	font-weight: bold;
}
.will_number p span {
	color: #e5368d;
}
.will_number .date {
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
}

/*===============================================
  ACTION：活動の流れ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.will_lead {margin-bottom: 60px;}
	.will_lead h2 {
		font-size: 14px;
		margin-bottom: 25px;
	}
	.will_lead p {
		font-size: 12px;
		line-height: 1.5;
	}
	.will_lead p + p {margin-top: 15px;}

	.will_list_item {
		margin: 0 0 10px;
		width: 90px;
	}
	.will_list_item2 {
		width: 190px;
	}

	.will_panel {
		height: 250px;
		width: 290px;
	}
	.will_panel:before,
	.will_panel:after {
		height: 20px;
		width: 20px;
	}
	.will_panel:before {
		border-top: 4px solid #fff;
		border-right: 4px solid #fff;
		top: 12px;
		right: 12px;
	}
	.will_panel:after {
		border-bottom: 4px solid #fff;
		border-left: 4px solid #fff;
		bottom: 12px;
		left: 12px;
	}
	.will_panel_inner {padding: 30px 15px;}
	.will_panel_inner .txt_message {
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.will_panel_inner .txt_name {font-size: 12px;}

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



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

	10. ACTION 活動の流れ

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

/* ACTION：活動の流れ
--------------------------------------------------------- */
#action .cmn_mv {margin-bottom: 45px;}
#action .cmn_mv h1 {background-image: url(/material/img/action/action_mv_tit01.png);}

.action_index_menu {
	margin-bottom: 0;
	overflow: hidden;
}
.action_container {
	background-color: #f9f6f0;
	background-repeat: repeat-x;
	background-image: url(/material/img/action/action_mv_line01.png);
	float: left;
	/* 2023.11.01 変更 */
	/* height: 730px; */
	height: 560px;
	position: relative;
	/* 2023.11.01 変更 */
	/* width: 50%; */
	width: 100%;
}
/* 2023.11.01 削除 */
/* .action_container:after {
	content: '';
	background-color: rgba(128,119,107,0.2);
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
} */
.layout_pc .action_container:hover:after {
	display: none;
}
.action_index_off {
	background-position: right 580px;
	/* 2023.11.01 削除 */
	/* border-right: 2px solid #000; */
}
/* 2023.11.01 削除 */
/* .action_index_on {
	background-position: left 580px;
	border-left: 2px solid #000;
} */
.action_index_inner {
	background-position: center 50px;
	background-repeat: no-repeat;
	height: 100%;
	/* 2023.11.01 変更 */
	/* max-width: 500px; */
	max-width: 1000px;
	padding-top: 245px;
	position: relative;
	width: 100%;
	/* 2023.11.01 add */
	margin: 0 auto;
}
	/* 2023.11.01 削除 */
/* .action_index_off .action_index_inner:before {
	content: url(/material/img/action/action_index_off_bg01.png);
	position: absolute;
	bottom: 10px;
	right: 60px;
} */
.action_index_off .action_index_inner:after {
	content: url(/material/img/action/action_index_off_bg02.png);
	margin-left: -125px;
	position: absolute;
	top: 80px;
	left: 50%;
}
.action_index_on .action_index_inner:before {
	content: url(/material/img/action/action_index_on_bg01.png);
	position: absolute;
	bottom: 105px;
	right: 20px;
}
.action_index_on .action_index_inner:after {
	content: url(/material/img/action/action_index_on_bg02.png);
	margin-left: 65px;
	position: absolute;
	top: 40px;
	left: 50%;
}
.action_index_inner h2 {
	padding-bottom: 22px;
	position: absolute;
	top: 30px;
	z-index: 10;
}
/* 2023.11.01 削除 */
/* .action_index_inner h2:after {
	content: '';
	background-color: #111;
	height: 3px;
	margin-left: -20px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40px;
} */

.action_index_off h2 {
	/* 2023.11.01 変更 */
	/* right: 5%; */
	/* width: 32%; */
	left: 5%;
	width: 26%;
}
.action_index_on h2 {
	left: 5%;
	width: 27%;
}
.action_index_off .action_index_inner {
	/* 2023.11.01 変更 */
	/* background-image: url(/material/img/action/action_img_off_normal01.png); */
	background-image: url(/material/img/action/action_img_off_hover01.png);
	margin-left: auto;
}
.layout_pc .action_index_off:hover .action_index_inner {
	background-image: url(/material/img/action/action_img_off_hover01.png);
}
.action_index_on .action_index_inner {
	background-image: url(/material/img/action/action_img_on_normal01.png);
	margin-right: auto;
}
.layout_pc .action_index_on:hover .action_index_inner {
	background-image: url(/material/img/action/action_img_on_hover01.png);
}

.action_index_button {
	letter-spacing: -.4em;
	/* 2023.11.01 削除 */
	/* margin-bottom: -2%; */
	position: relative;
	text-align: center;
	z-index: 10;
	/* 2023.11.01 add start*/
	display:grid;
	gap: 2%;
	grid-template-columns: repeat(4 , 1fr);
	width: 95%;
	margin: 0 auto;
	justify-content: center;
	/* 2023.11.01 add end*/
}
.action_index_button li {
	background-color: #fff;
	/* 2023.11.01 削除 */
	/* display: inline-block; */
	height: 110px;
	letter-spacing: normal;
	margin-bottom: 2%;
	/* 2023.11.01 削除 */
	/* width: 36%; */
}
/* 2023.11.01 削除 */
/* .action_index_button li:nth-child(even) {
	margin-left: 2%;
} */

.action_index_button a {
	background-color: #71cfce;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	height: 100%;
	padding: 15px;
	position: relative;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
.action_index_off li:nth-child(1) a {background-color: #71cfce;}
.action_index_off li:nth-child(2) a {background-color: #60b3f2;}
.action_index_off li:nth-child(3) a {background-color: #fa8ab7;}
.action_index_off li:nth-child(4) a {background-color: #ae98dc;}
.action_index_on li:nth-child(1) a {background-color: #b1d438;}
.action_index_on li:nth-child(2) a {background-color: #f8a038;}
.action_index_button a:after {
	content: '';
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	height: 13px;
	position: absolute;
	bottom: 15px;
	right: 15px;
	-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	width: 13px;
}
.layout_pc .action_index_button a:hover {opacity: 0.8;}
.action_index_button .txt_eng {
	background-repeat: no-repeat;
	background-size: auto 9px;
	display: block;
	height: 9px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
.action_index_off li:nth-child(1) .txt_eng {background-image: url(/material/img/action/action_menu_friends01.png);}
.action_index_off li:nth-child(2) .txt_eng {background-image: url(/material/img/action/action_menu_children01.png);}
.action_index_off li:nth-child(3) .txt_eng {background-image: url(/material/img/action/action_menu_pregnant01.png);}
.action_index_off li:nth-child(4) .txt_eng {background-image: url(/material/img/action/action_menu_company01.png);}
.action_index_on li:nth-child(1) .txt_eng {background-image: url(/material/img/action/action_menu_patients01.png);}
.action_index_on li:nth-child(2) .txt_eng {background-image: url(/material/img/action/action_menu_staff01.png);}

/*===============================================
  ACTION：活動のながれ：960px未満
===============================================*/
@media screen and (max-width:959px) {
	.action_index_button a {font-size: 16px;}
	.action_index_button .txt_eng {background-size: auto 8px;}
}

/*===============================================
  ACTION：活動の流れ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#action .cmn_mv {margin-bottom: 30px;}

	.action_container {
	/* 2023.11.01 変更 */
		height: 740px;
		height: 545px;
	}
	/* 2023.11.01 削除 */
	/* .action_container:after {display: none;} */

	.action_index_off {
		background-position: right 580px;
		/* 2023.11.01 削除 */
		/* border-right: 1px solid #000; */
	}

	/* 2023.11.01 削除 */
	/*.action_index_on {
		 background-position: left 580px;
		border-left: 1px solid #000;
	} */

	.action_index_inner {
		background-position: center 100px;
		padding-top: 225px;
	}
	.action_index_off .action_index_inner:before,
	.action_index_on .action_index_inner:before {display: none;}
	.action_index_off .action_index_inner:after {
		margin-left: -110px;
		top: 115px;
	}
	.action_index_on .action_index_inner:after {
		margin-left: 40px;
		top: 110px;
	}
	.action_index_inner h2 {
		padding-bottom: 10px;
		top: 20px;
	}
	
	/* 2023.11.01 削除 */
	/* .action_index_inner h2:after {
		height: 2px;
		margin-left: -13px;
		width: 26px;
	} */

	.action_index_off h2 {
		/* 2023.11.01 削除 */
		/* margin-right: -50px; */
		right: 50%;
		width: 25%;
	}
	.action_index_on h2 {
		margin-left: -40px;
		left: 50%;
		width: 83px;
	}
	.action_index_off .action_index_inner {
		background-image: url(/material/img/action/action_img_off_hover01.png);
		background-size: auto 630px;
	}
	.action_index_on .action_index_inner {
		background-image: url(/material/img/action/action_img_on_hover01.png);
		background-size: auto 630px;
	}

	.action_index_button {
		letter-spacing: normal;
		/* 2023.11.01 削除 */
		/* margin: 0 auto -5px; */
		margin: 0 auto ;
		/* 2023.11.01 削除 */
		/* max-width: 180px; */
		padding: 0 15px;
		width: 100%;
		grid-template-columns: repeat( 2 ,minmax( 120px, 180px));
	}
	.action_index_button li {
		display: block;
		height: 65px;
		margin-bottom: 5px;
		/* 2023.11.01 削除 */
		/* max-width: 180px; */
		width: 100%;
	}
	.action_index_button li:nth-child(even) {
		margin-left: 0;
	}
	.action_index_button a {
		font-size: 14px;
		padding: 10px 20px 10px 10px;
	}
	.action_index_button a:after {
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		height: 8px;
		margin-bottom: -4px;
		bottom: 50%;
		right: 10px;
		width: 8px;
	}
	.layout_pc .action_index_button a:hover {opacity: 0.8;}
	.action_index_button .txt_eng {
		background-size: auto 7px;
		height: 7px;
		margin-bottom: 5px;
	}
}
/* ACTION：下層共通パーツ
--------------------------------------------------------- */
.action_on {background-color: #fffef8;}
.action_off .box_entry,
.action_on .box_entry {display: none;}
.action_mv {
	background-color: #f9f6f0;
	background-image: url(/material/img/action/action_mv_line01.png), url(/material/img/action/action_mv_bg_off01.png);
	background-position: center 460px, center bottom;
	background-repeat: repeat-x;
	background-size: auto, auto 15px;
	height: 560px;
	margin-bottom: 55px;
	position: relative;
}
.action_on .action_mv {background-image: url(/material/img/action/action_mv_line01.png), url(/material/img/action/action_mv_bg_on01.png);}
.action_mv .container {
	background-position: center 35px;
	background-repeat: no-repeat;
	height: 545px;
	padding-top: 80px;
}
.action_mv .container:before {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
.action_mv .container:after {
	position: absolute;
}
.action_mv .action_mv_ico {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 64px;
	height: 85px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	position: relative;
	text-indent: -9999px;
}
/* 2023.11.01 削除 */
/* .action_mv .action_mv_ico:after {
	content: '';
	background-color: #000;
	height: 3px;
	margin-left: -15px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
} */
.action_mv h1 {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 46px;
	height: 46px;
	margin-bottom: 145px;
	text-indent: -9999px;
	/* 2023.11.01 追加 */
	margin-top: 90px;
}
.action_mv .action_mv_board {
	background-repeat: no-repeat;
	background-size: auto 90px;
	height: 90px;
	margin-right: -330px;
	position: absolute;
	top: 120px;
	right: 50%;
	text-indent: -9999px;
	width: 128px;
}
.action_mv_voice {
	letter-spacing: -.4em;
	position: relative;
	text-align: center;
	z-index: 10;
}
.action_mv_voice li {
	background-repeat: no-repeat;
	background-size: contain;
	color: #60b3f2;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 132px;
	letter-spacing: normal;
	line-height: 1.6;
	padding: 67px 0 0 25px;
	text-align: center;
	vertical-align: top;
	width: 184px;
}
.action_mv_voice li:nth-child(1) {
	background-image: url(/material/img/action/action_mv_voice01.png);
}
.action_mv_voice li:nth-child(2) {
	background-image: url(/material/img/action/action_mv_voice02.png);
}
.action_mv_voice li:nth-child(3) {
	background-image: url(/material/img/action/action_mv_voice03.png);
}
.action_mv_voice li + li {
	margin-left: 10px;
}
.action_mv_voice li.one_line {padding-top: 78px;}

.contents_action {
	background-position: center top;
	background-repeat: no-repeat;
}
.action_mv + .contents_action {
	margin-bottom: -5px;
}
.contents_action h2 {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	height: 118px;
	margin-bottom: 40px;
	text-indent: -9999px;
}
.action_column_wrap {
	letter-spacing: -.4em;
	padding-bottom: 15%;
	position: relative;
}
.contents_action_default .action_column_step1,
.contents_action_default .action_column_step3 {text-align: right;}
.contents_action_reverse .action_column_step2,
.contents_action_reverse .action_column_step4 {text-align: right;}
.action_column {
	background-color: #fff;
	border-radius: 20px;
	display: inline-block;
	letter-spacing: normal;
	max-width: 535px;
	position: relative;
	text-align: left;
	width: 53.5%;
}
.action_column:after {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
.contents_action_default .action_column_step1 .action_column,
.contents_action_default .action_column_step3 .action_column {margin-right: 365px;}
.contents_action_default .action_column_step2 .action_column,
.contents_action_default .action_column_step4 .action_column {margin-left: 365px;}
.contents_action_reverse .action_column_step1 .action_column,
.contents_action_reverse .action_column_step3 .action_column {margin-left: 365px;}
.contents_action_reverse .action_column_step2 .action_column,
.contents_action_reverse .action_column_step4 .action_column {margin-right: 365px;}
.action_column_tit {
	border: 3px solid #000;
	border-bottom: 2px solid #000;
	border-radius: 20px 20px 0 0;
	letter-spacing: -.4em;
	overflow: hidden;
	width: 100%;
}
.action_column_tit .step {
	border-right: 2px solid #000;
	display: inline-block;
	height: 78px;
	letter-spacing: normal;
	padding-top: 16px;
	vertical-align: middle;
	width: 21%;
}
.action_column_tit .step img {
	display: block;
	margin: 0 auto;
	width: 35px;
}
.action_column_tit .title {
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: normal;
	padding: 25px 25px 25px 30px;
	vertical-align: middle;
}
.action_column_explain {
	border: 3px solid #000;
	border-top: none;
	border-radius: 0 0 20px 20px;
	display: table;
	padding: 30px 40px 40px;
	width: 100%;
}
.action_column_wrap .img {
	letter-spacing: normal;
	max-width: 375px;
	position: absolute;
	top: 0;
	vertical-align: top;
	width: 46.5%;
	z-index: 10;
}
.contents_action_default .action_column_step1 .img,
.contents_action_default .action_column_step3 .img {right: 0;}
.contents_action_default .action_column_step2 .img,
.contents_action_default .action_column_step4 .img {left: 0;}
.contents_action_reverse .action_column_step1 .img,
.contents_action_reverse .action_column_step3 .img {left: 0;}
.contents_action_reverse .action_column_step2 .img,
.contents_action_reverse .action_column_step4 .img {right: 0;}

.action_column_explain p + p,
.action_column_explain p + ul,
.action_column_explain ul + p {
	margin-top: 20px;
}
.action_column_explain p.txt_caution {
	font-size: 12px;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.action_column_explain p a {color: #e5368d;}
.action_column_list {
	letter-spacing: -.7em;
	margin-bottom: -2%;
	text-align: center;
}
.action_column_list li {
	display: inline-block;
	letter-spacing: normal;
	margin-bottom: 2%;
	vertical-align: top;
	width: 32%;
}
.action_column_list li + li {
	margin-left: 2%;
}
.action_column_list h4 {
	border-bottom: 1px solid #fff;
	border-radius: 10px 10px 0 0;
	display: table;
	width: 100%;
}
.action_column_list h4 span {
	color: #fff;
	display: table-cell;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 2px;
	vertical-align: middle;
}
.action_column_list p {
	background-color: #f7f7f7;
	border-radius: 0 0 10px 10px;
	font-size: 13px;
	padding: 10px;
	text-align: left;
}
.action_column_explain .grid_2col li {
	border-radius: 8px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	padding: 20px;
	text-align: center;
}

.action_point {
	border: 4px solid transparent;
	border-radius: 20px;
	box-shadow: 0 0 0 2px rgba(255,255,255,1) inset;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 800px;
	padding: 85px 35px 25px;
	position: relative;
	width: 100%;
}
.action_point:after {
	content: '';
	background: url(/material/img/action/action_point_item01.png) no-repeat;
	background-size: contain;
	height: 86px;
	position: absolute;
	top: 17px;
	right: 34px;
	width: 140px;
}
.action_point h3 {
	background-repeat: no-repeat;
	background-size: contain;
	height: 98px;
	position: absolute;
	top: -33px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    		transform: translateX(-50%);
	text-indent: -9999px;
	width: 218px;
}
.action_tools {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}
.action_tools {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 800px auto;
	padding-top: 50px;
}
.action_tools.reverse {
	background-position: right top;
}
.action_tools_lead {
	margin: 0 auto 45px;
}
.action_tools_link {
	display: block;
	margin: 0 auto;
	max-width: 700px;
}
.layout_pc .action_tools_link:hover .action_tools_lead,
.layout_pc .action_tools_link:hover li {opacity: 0.6;}
.action_tools_list {
	background: url(/material/img/action/action_tools01.png) no-repeat;
	background-size: 700px;
	height: 230px;
	letter-spacing: -.7em;
	margin: 0 auto;
	padding-top: 100px;
	position: relative;
	text-align: center;
	width: 700px;
}
.action_tools_list:after {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 105px;
	margin-left: -5px;
	position: absolute;
	top: 5px;
	left: 50%;
	width: 325px;
}
.action_tools_list.reverse:after {
	margin-left: 0;
	margin-right: -3px;
	left: inherit;
	right: 50%;
}
.action_tools_list li {
	display: inline-block;
	height: 95px;
	letter-spacing: normal;
}
.action_tools_list li + li {
	margin-left: 66px;
}
.action_tools_list li + .action_tools_movie {
	margin-left: 50px;
}
.action_tools_list li a {
	display: block;
}
.action_tools_list li img {
	height: 95px;
}
.action_tools_caution {
	font-size: 12px;
	margin: 10px auto 0;
	max-width: 690px;
}
.action_tools_caution a {
	color: #e5368d;
}

.action_voice {
	margin-bottom: 0;
	padding: 60px 0;
}
.action_voice_inner {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 45px 15px;
	position: relative;
}
.action_voice h3 {
	background-image: url(/material/img/action/action_voice_tit01.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 36px;
	height: 36px;
	margin-left: -180px;
	position: absolute;
	top: -20px;
	left: 50%;
	text-indent: -9999px;
	width: 360px;
}
.action_voice .grid_2col > li {
	background-color: #fff;
	padding: 30px 30px 40px;
	position: relative;
	text-align: center;
	width: 49%;
}
.action_voice .grid_2col > li:before,
.action_voice .grid_2col > li:after {
	content: '';
	border: 20px solid transparent;
	height: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
}
.action_voice .grid_2col > li:before {
	border-top: 20px solid #ddd;
	border-left: 20px solid #ddd;
}
.action_voice .grid_2col > li:after {
	border-bottom: 20px solid #eee;
	border-right: 20px solid #eee;
}
.action_voice .grid_2col h4 {
	background-color: #fffa71;
	color: #f61b88;
	display: inline;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.action_voice_name {
	margin: 10px 0 12px;
	text-align: right;
}
.action_voice_txt {
	text-align: left;
}
.action .acc_sp_swicth {
	display: none;
}

.action_menu {
	background-color: #f9f6f0;
	margin-bottom: 0;
	overflow: hidden;
	padding: 30px 0;
}
.action_menu h3 {
	background-position: center 30px;
	background-repeat: no-repeat;
	background-size: auto 42px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
	padding-bottom: 80px;
	position: relative;
	text-align: center;
}
.action_menu h3:after {
	content: '';
	background-color: #000;
	height: 3px;
	margin-left: -15px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
}
.action_menu li a {
	display: block;
	/* 2023.11.01 変更 */
	/* height: 100%; */
	height: 61%; 
	padding: 30px 0 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	width: 100%;
}
.layout_pc .action_menu li a:hover {
	opacity: 0.8;
}
.action_menu_eng {
	background-repeat: no-repeat;
	background-size: auto 9px;
	display: block;
	height: 9px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
.action_menu_off li:nth-child(1) .action_menu_eng {background-image: url(/material/img/action/action_menu_friends01.png);}
.action_menu_off li:nth-child(2) .action_menu_eng {background-image: url(/material/img/action/action_menu_children01.png);}
.action_menu_off li:nth-child(3) .action_menu_eng {background-image: url(/material/img/action/action_menu_pregnant01.png);}
.action_menu_off li:nth-child(4) .action_menu_eng {background-image: url(/material/img/action/action_menu_company01.png);}
.action_menu_on li:nth-child(1) .action_menu_eng {background-image: url(/material/img/action/action_menu_patients01.png);}
.action_menu_on li:nth-child(2) .action_menu_eng {background-image: url(/material/img/action/action_menu_staff01.png);}
.action_menu_jpn {
	font-size: 16px;
	font-weight: bold;
	display: block;
	line-height: 1.3;
	position: relative;
}
.action_menu_jpn:after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
	height: 8px;
	position: absolute;
	top: 6px;
	right: 10px;
	-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
	width: 8px;
	z-index: 10;
}
.action_menu_off {
	/* 2023.11.01削除 */
	/* float: left; */
	padding: 20px 0 20px;
	/* 2023.11.01 変更 */
	/* width: 65%; */
	width: 100%;
}
/* 2023.11.01 削除 */
/* .action_menu_off h3 {
	background-image: url(/material/img/action/action_menu_off01.png);
} */
.action_menu_off li {
	float: left;
	height: 0;
	padding-top: 20%;
	position: relative;
	width: 24.2%;
}
.action_menu_off li + li {
	margin-left: 1%;
}
.action_menu_off li:nth-child(1) a {background-color: #71cfce;}
.action_menu_off li:nth-child(2) a {background-color: #60b3f2;}
.action_menu_off li:nth-child(3) a {background-color: #fa8ab7;}
.action_menu_off li:nth-child(4) a {background-color: #ae98dc;}
.action_menu_on {
	border-left: 1px dotted #aaa;
	float: left;
	padding: 20px 0 20px 4%;
	width: 35%;
}
.action_menu_on h3 {
	background-image: url(/material/img/action/action_menu_on01.png);
}
.action_menu_on li {
	float: left;
	height: 0;
	padding-top: 20%;
	position: relative;
	width: 48.5%;
}
.action_menu_on li + li {
	margin-left: 2%;
}
.action_menu_on li:nth-child(1) a {background-color: #b1d438;}
.action_menu_on li:nth-child(2) a {background-color: #f8a038;}

.action_btn_movie {
	display: block;
	margin-top: 15px;
	text-align: left;
}
.action_btn_movie a {
	background: url(/material/img/member/tools_ico_movie01.png) left center no-repeat;
	background-size: 20px auto;
	color: #e5368d;
	display: inline-block;
	line-height: 1.3;
	padding-left: 30px;
	position: relative;
}

/*===============================================
  ACTION：活動のながれ：960px未満
===============================================*/
@media screen and (max-width:959px) {
	.action_column:after {
		background-position: right center;
		background-size: 80% auto;
	}
	.contents_action_default .action_column_step2 .action_column,
	.contents_action_default .action_column_step4 .action_column {margin-left: 345px;}
	.contents_action_reverse .action_column_step1 .action_column,
	.contents_action_reverse .action_column_step3 .action_column {margin-left: 345px;}
	.action_column_tit {
		border: 3px solid #000;
		border-bottom: 2px solid #000;
		border-radius: 20px 20px 0 0;
		letter-spacing: -.4em;
		overflow: hidden;
		width: 100%;
	}
	.action_column_tit .step {
		height: 72px;
		padding-top: 13px;
	}
	.action_column_tit .title {
		font-size: 22px;
		font-weight: bold;
		padding: 25px 25px 25px 20px;
		vertical-align: middle;
	}
	.action_column_explain {
		padding: 30px;
	}
	.action_menu li a {
		padding-top: 25px;
	}
	.action_menu_eng {
		background-size: auto 6px;
		height: 6px;
	}
	.action_menu_jpn {
		font-size: 13px;
	}
	.action_menu_jpn:after {
		height: 6px;
		top: 4px;
		width: 6px;
	}
}

/*===============================================
  ACTION：活動の流れ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.action_mv {
		background-color: #f9f6f0;
		background-size: auto 7px, auto 8px;
		margin-bottom: 33px;
	}
	.action_mv .container {
		background-position: center 20px;
		background-size: auto 210px;
		padding-top: 45px;
	}
	.action_mv .container:after {display: none;}
	.action_mv .action_mv_ico {
		background-size: auto 55px;
		height: 70px;
	}
	/* 2023.11.01 削除 */
	/* .action_mv .action_mv_ico:after {
		height: 2px;
		margin-left: -11px;
		width: 22px;
	} */
	.action_mv h1 {
		background-size: auto 30px;
		height: 30px;
		/* 2023.11.01 変更 追加*/
		/* margin-bottom: 75px; */
		margin-bottom: 100px;
		margin-top: 65px;
		/* 2023.11.01 変更 追加 end*/
	}
	.action_mv .action_mv_board {display: none;}
	.action_mv_voice {
		letter-spacing: normal;
		margin: 0 auto;
		max-width: 290px;
	}
	.action_mv_voice li {
		font-size: 12px;
		display: block;
		height: 87px;
		line-height: 1.3;
		margin-left: auto;
		padding: 48px 8px 0 28px;
		width: 187px;
	}
	.action_on .action_mv_voice li {
		margin-left: 0;
		margin-right: auto;
		padding: 48px 28px 0 8px;
	}
	.action_mv_voice li.two_line {padding: 42px 8px 0 28px;}
	.action_on .action_mv_voice li.two_line {padding: 42px 28px 0 8px;}
	.action_mv_voice li:nth-child(1) {background-image: url(/material/img/action/action_mv_voice01_sp.png);}
	.action_mv_voice li:nth-child(2) {background-image: url(/material/img/action/action_mv_voice02_sp.png);}
	.action_mv_voice li:nth-child(3) {background-image: url(/material/img/action/action_mv_voice03_sp.png);}
	.action_on .action_mv_voice li:nth-child(1) {background-image: url(/material/img/action/action_mv_voice04_sp.png);}
	.action_on .action_mv_voice li:nth-child(2) {background-image: url(/material/img/action/action_mv_voice05_sp.png);}
	.action_on .action_mv_voice li:nth-child(3) {background-image: url(/material/img/action/action_mv_voice06_sp.png);}
	.action_mv_voice li + li {
		margin-left: auto;
		margin-top: 5px;
	}
	.action_mv_voice li.one_line {padding-top: 48px;}

	.contents_action {
		background-position: center 60px;
		background-repeat: no-repeat;
		background-size: 320px auto;
	}
	.action_mv + .contents_action {
		margin-bottom: 35px;
	}
	.action_column:after {
		background-position: right top;
		background-size: 50% auto;
	}
	.contents_action h2 {
		height: 80px;
		margin-bottom: 25px;
	}
	.action_column_wrap {
		letter-spacing: normal;
		padding-bottom: 0;
	}
	.action_column_wrap + .action_column_wrap {
		margin-top: 30px;
	}
	.contents_action_default .action_column_step1,
	.contents_action_default .action_column_step3 {text-align: left;}
	.contents_action_reverse .action_column_step2,
	.contents_action_reverse .action_column_step4 {text-align: left;}
	.action_column {
		display: block;
		max-width: inherit;
		width: 100%;
	}
	.contents_action_default .action_column_step1 .action_column,
	.contents_action_default .action_column_step3 .action_column {margin-right: 0;}
	.contents_action_default .action_column_step2 .action_column,
	.contents_action_default .action_column_step4 .action_column {margin-left: 0;}
	.contents_action_reverse .action_column_step1 .action_column,
	.contents_action_reverse .action_column_step3 .action_column {margin-left: 0;}
	.contents_action_reverse .action_column_step2 .action_column,
	.contents_action_reverse .action_column_step4 .action_column {margin-right: 0;}
	.action_column_tit {
		border: 2px solid #000;
		border-radius: 10px 10px 0 0;
	}
	.action_column_tit .step {
		height: 45px;
		padding-top: 9px;
	}
	.action_column_tit .step img {
		width: 20px;
	}
	.action_column_tit .title {
		font-size: 17px;
		padding: 12px 10px 12px 20px;
		vertical-align: middle;
	}
	.action_column_explain {
		border: 2px solid #000;
		border-top: none;
		border-radius: 0 0 10px 10px;
		font-size: 12px;
		padding: 15px;
	}
	.action_column_wrap:nth-last-of-type(1) .action_column_explain {
		padding-bottom: 88%;
	}
	.action_column_wrap .img {display: none;}
	.action_column_wrap:nth-last-of-type(1) .img {
		display: block;
		top: inherit !important;
		right: inherit;
		bottom: 15px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		  		  transform: translateX(-50%);
		width: 75%;
	}

	.action_column_explain p + p,
	.action_column_explain p + ul {
		margin-top: 15px;
	}
	.action_column_list li {
		width: 49%;
	}
	.action_column_list li + li {margin-left: 0;}
	.action_column_list li:nth-child(even) {
		margin-left: 2%;
	}
	.action_column_list h4 {border-radius: 5px 5px 0 0;}
	.action_column_list h4 span {font-size: 12px;}
	.action_column_list p {
		border-radius: 0 0 5px 5px;
		font-size: 12px;
	}

	.action_point {
		background-size: 300px;
		border: 3px solid transparent;
		border-radius: 10px;
		box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
		font-size: 12px;
		max-width: 800px;
		padding: 50px 15px 15px;
	}
	.action_point:after {
		height: 43px;
		position: absolute;
		top: 7px;
		right: 7px;
		width: 70px;
	}
	.action_point h3 {
		height: 49px;
		top: -15px;
		width: 110px;
	}
	.action_tools {display: none;}

	.action_voice {
		padding: 35px 0 25px;
	}
	.action_voice_inner {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 25px 0;
	}
	.action_voice h3 {
		background-size: auto 25px;
		height: 25px;
		margin-left: -125px;
		top: -15px;
		width: 250px;
	}
	.action_voice .grid_2col > li {
		padding: 18px 15px 40px;
		width: 100%;
	}
	.action_voice .grid_2col > li:before,
	.action_voice .grid_2col > li:after {
		border: 15px solid transparent;
	}
	.action_voice .grid_2col > li:before {
		border-top: 15px solid #ddd;
		border-left: 15px solid #ddd;
	}
	.action_voice .grid_2col > li:after {
		border-bottom: 15px solid #eee;
		border-right: 15px solid #eee;
	}
	.action_voice .grid_2col > li + li {
		margin-top: 15px;
	}
	.action_voice .grid_2col h4 {
		font-size: 14px;
		line-height: 1.1;
	}
	.action_voice_name {
		font-size: 12px;
		margin: 7px 0;
	}
	.action_voice_txt {
		display: none;
		font-size: 12px;
		margin-bottom: 10px;
	}
	.action .acc_sp_swicth {
		display: block;
		position: relative;
	}
	.action .acc_sp_swicth a {
		display: block;
		height: 30px;
		margin-left: -20px;
		position: absolute;
		top: 5px;
		left: 50%;
		text-indent: -9999px;
		width: 40px;
	}
	.action .acc_sp_swicth a:after {
		content: '';
		border-right: 2px solid #bbb;
		border-bottom: 2px solid #bbb;
		display: block;
		height: 20px;
		position: absolute;
		top: 0;
		left: 11px;
		-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
						transform: rotate(45deg);
		width: 20px;
		z-index: 10;
	}
	.action .acc_sp_swicth.open a:after {
		top: 10px;
		-webkit-transform: rotate(225deg);
				-ms-transform: rotate(225deg);
						transform: rotate(225deg);
	}

	.action_menu {
		padding: 25px 0 50px;
	}
	.action_menu h3 {display: none;}
	.action_menu li a {
		padding: 10px;
		position: relative;
	}
	.action_menu_eng {
		background-size: auto 8px;
		height: 8px;
		margin-bottom: 5px;
	}
	.action_menu_jpn {
		font-size: 12px;
		position: static;
	}
	.action_menu_jpn:after {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin-top: -4px;
		top: 50%;
		right: 7px;
	}
	.action_menu_off {
		float: none;
		padding: 0;
		width: 100%;
	}
	.action_menu_off li {
		height: auto;
		margin-bottom: 2%;
		padding-top: 0;
		position: relative;
		width: 49%;
	}
	.action_menu_off li + li {margin-left: 0;}
	.action_menu_off li:nth-child(even) {margin-left: 2%;}
	.action_menu_on {
		border-left: none;
		float: none;
		padding: 0;
		width: 100%;
	}
	.action_menu_on li {
		height: auto;
		padding-top: 0;
		width: 49%;
	}
}

/* ACTION：友達・家族と
--------------------------------------------------------- */
#friends .action_mv .container {background-image: url(/material/img/action/friends_mv_waku01.png);}
#friends .action_mv .container:before {
	background-image: url(/material/img/action/friends_mv_img01.png);
	height: 410px;
	margin-left: -440px;
	top: 115px;
	left: 50%;
	width: 148px;
}
#friends .action_mv .container:after {
	content: url(/material/img/action/friends_mv_item01.png);
	margin-right: -500px;
	bottom: 30px;
	right: 50%;
}
#friends .action_mv .action_mv_ico {background-image: url(/material/img/action/friends_mv_ico01.png);}
#friends .action_mv h1 {background-image: url(/material/img/action/friends_mv_tit01.png);}
#friends .action_mv .action_mv_board {
	background-image: url(/material/img/action/friends_mv_board01.png);
	margin-right: -360px;
}
#friends .action_mv_voice li {color: #57c5c4;}

#friends .contents_action {
	background-image: url(/material/img/action/friends_bg_floss01.png);
	background-position: center 80px;
}
#friends .contents_action h2 {background-image: url(/material/img/action/friends_tit01.png);}
#friends .action_column_step1 .action_column:after {
	background-image: url(/material/img/action/friends_item_step01.png);
	height: 98px;
	top: -10px;
	right: 15px;
	width: 104px;
}
#friends .action_column_step2 .action_column:after {
	background-image: url(/material/img/action/friends_item_step02.png);
	height: 110px;
	top: -12px;
	right: 15px;
	width: 170px;
}
#friends .action_column_step3 .action_column:after {
	background-image: url(/material/img/action/friends_item_step03.png);
	height: 92px;
	top: -20px;
	right: 25px;
	width: 64px;
}
#friends .action_column_tit .step {background-image: url(/material/img/action/friends_bg_color01.png);}
#friends .action_column_step1 .img {top: -55px;}
#friends .action_column_step3 .img {top: -105px;}
#friends .action_column_list h4 {background-image: url(/material/img/action/friends_bg_color01.png);}
#friends .action_column_list p {
	font-size: 15px;
	text-align: center;
}

#friends .action_tools {background-image: url(/material/img/action/friends_tools_bg01.png);}
#friends .action_tools_lead {width: 494px;}
#friends .action_tools_list:after {background-image: url(/material/img/action/friends_tools_floss01.png);}

#friends .action_point {background-image: url(/material/img/action/friends_bg_color01.png);}
#friends .action_point h3 {background-image: url(/material/img/action/friends_point01.png);}

#friends .action_voice,
#friends .action_voice h3 {background-color: #dbf3f3;}
#friends .action_voice .grid_2col > li:before {
	border-top-color: #71cfce;
	border-left-color: #71cfce;
}
#friends .action_voice .grid_2col > li:after {
	border-bottom-color: #dbf3f3;
	border-right-color: #dbf3f3;
}

/*===============================================
  ACTION：友達・家族と：960px未満
===============================================*/
@media screen and (max-width:959px) {
	#friends .action_mv .container:before {margin-left: -370px;}
}

/*===============================================
  ACTION：友達・家族と：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#friends .action_mv .container:before {
		height: 340px;
		margin-left: -150px;
		top: 200px;
		left: 50%;
		width: 123px;
	}
	#friends .contents_action {background-image: url(/material/img/action/friends_bg_floss01_sp.png);}
	#friends .action_column_step3 .action_column:after {
		top: -10px;
		right: 10px;
	}
	#friends .action_column_wrap:nth-last-of-type(1) .action_column_explain {padding-bottom: 102%;}
	#friends .action_column_list li:last-child {width: 100%;}
	#friends .action_column_list p {font-size: 14px;}
}

/* ACTION：子どもと
--------------------------------------------------------- */
#children .action_mv:before,
#children .action_mv:after {
	content: '';
	background: url(/material/img/action/children_mv_item02.png) no-repeat;
	height: 84px;
	position: absolute;
	top: 0;
	width: 344px;
}
#children .action_mv:before {
	margin-left: -450px;
	left: 50%;
}
#children .action_mv:after {
	margin-right: -450px;
	right: 50%;
	-webkit-transform: scale(-1, 1);
			-ms-transform: scale(-1, 1);
			    transform: scale(-1, 1);
}
#children .action_mv .container {background-image: url(/material/img/action/children_mv_waku01.png);}
#children .action_mv .container:before {
	background-image: url(/material/img/action/children_mv_img01.png);
	height: 400px;
	margin-left: -425px;
	top: 110px;
	left: 50%;
	width: 134px;
}
#children .action_mv .container:after {
	content: url(/material/img/action/children_mv_item01.png);
	margin-right: -430px;
	bottom: 60px;
	right: 50%;
}
/* 2023.11.01 削除 */
/* #children .action_mv .action_mv_ico {background-image: url(/material/img/action/children_mv_ico01.png);} */
#children .action_mv h1 {background-image: url(/material/img/action/children_mv_tit01.png);}
#children .action_mv .action_mv_board {background-image: url(/material/img/action/children_mv_board01.png);}
#children .action_mv_voice li {color: #60b3f2;}

#children .contents_action {
	background-image: url(/material/img/action/children_bg_floss01.png);
	background-position: center 80px;
}
#children .contents_action h2 {background-image: url(/material/img/action/children_tit01.png);}
#children .action_column_step1 .action_column:after {
	background-image: url(/material/img/action/children_item_step01.png);
	height: 74px;
	top: 12px;
	right: 10px;
	width: 76px;
}
#children .action_column_step2 .action_column:after {
	background-image: url(/material/img/action/children_item_step02.png);
	height: 134px;
	top: -40px;
	right: 3%;
	width: 122px;
}
#children .action_column_step3 .action_column:after {
	background-image: url(/material/img/action/children_item_step03.png);
	height: 98px;
	top: -40px;
	right: -5%;
	width: 134px;
}
#children .action_column_step4 .action_column:after {
	background-image: url(/material/img/action/children_item_step04.png);
	height: 118px;
	top: -30px;
	right: 2%;
	width: 148px;
}
#children .action_column_tit .step {background-image: url(/material/img/action/children_bg_color01.png);}
#children .action_column_step1 .img {top: -55px;}
#children .action_column_step3 .img {top: -105px;}
#children .action_column_step4 .img {top: -32px;}
#children .action_column_list h4 {background-image: url(/material/img/action/children_bg_color01.png);}

#children .action_point {background-image: url(/material/img/action/children_bg_color01.png);}
#children .action_point h3 {background-image: url(/material/img/action/children_point01.png);}

#children .action_tools {background-image: url(/material/img/action/children_tools_bg01.png);}
#children .action_tools_lead {width: 455px;}
#children .action_tools_list:after {background-image: url(/material/img/action/children_tools_floss01.png);}


#children .action_voice,
#children .action_voice h3 {background-color: #e5f1f9;}
#children .action_voice .grid_2col > li:before {
	border-top-color: #98cbf3;
	border-left-color: #98cbf3;
}
#children .action_voice .grid_2col > li:after {
	border-bottom-color: #e5f1f9;
	border-right-color: #e5f1f9;
}

/*===============================================
  ACTION：子どもと：960px未満
===============================================*/
@media screen and (max-width:959px) {
	#children .action_mv .container:before {margin-left: -370px;}
	#children .action_column_step3 .img {top: -55px;}
}

/*===============================================
  ACTION：子どもと：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#children .action_mv:before,
	#children .action_mv:after {
		background-size: auto 65px;
		height: 65px;
		width: 266px;
	}
	#children .action_mv:before {margin-left: -280px;}
	#children .action_mv:after {margin-right: -280px;}
	#children .action_mv .container:before {
		height: 340px;
		margin-left: -150px;
		top: 200px;
		left: 50%;
		width: 107px;
	}
	#children .contents_action {
		background-image: url(/material/img/action/children_bg_floss01_sp.png);
		background-size: 320px auto;
		background-position: center 60px;
	}
	#children .action_column_step2 .action_column:after {top: -18px;}
	#children .action_column_step3 .action_column:after {top: -18px;}
	#children .action_column_step4 .action_column:after {
		top: -18px;
		right: -10px;
	}
	#children .action_column_list li:last-child {width: 100%;}
}

/* ACTION：妊婦さんと
--------------------------------------------------------- */
#pregnant .action_mv .container {background-image: url(/material/img/action/pregnant_mv_waku01.png);}
#pregnant .action_mv .container:before {
	background-image: url(/material/img/action/pregnant_mv_img01.png);
	height: 380px;
	margin-left: -470px;
	top: 130px;
	left: 50%;
	width: 156px;
}
#pregnant .action_mv .container:after {
	content: url(/material/img/action/pregnant_mv_item01.png);
	margin-right: -515px;
	bottom: 20px;
	right: 50%;
}
#pregnant .action_mv .action_mv_ico {background-image: url(/material/img/action/pregnant_mv_ico01.png);}
#pregnant .action_mv h1 {background-image: url(/material/img/action/pregnant_mv_tit01.png);}
#pregnant .action_mv .action_mv_board {
	background-image: url(/material/img/action/pregnant_mv_board01.png);
	margin-right: -342px;
}
#pregnant .action_mv_voice li {color: #fa8ab7;}

#pregnant .contents_action {
	background-image: url(/material/img/action/pregnant_bg_floss01.png);
	background-position: center 80px;
}
#pregnant .contents_action h2 {background-image: url(/material/img/action/pregnant_tit01.png);}
#pregnant .action_column_step1 .action_column:after {
	background-image: url(/material/img/action/pregnant_item_step01.png);
	height: 112px;
	top: -25px;
	right: 20px;
	width: 148px;
}
#pregnant .action_column_step2 .action_column:after {
	background-image: url(/material/img/action/pregnant_item_step02.png);
	height: 78px;
	top: 15px;
	right: 30px;
	width: 62px;
}
#pregnant .action_column_step3 .action_column:after {
	background-image: url(/material/img/action/pregnant_item_step03.png);
	height: 68px;
	top: -15px;
	right: 20px;
	width: 66px;
}
#pregnant .action_column_step4 .action_column:after {
	background-image: url(/material/img/action/pregnant_item_step04.png);
	height: 92px;
	top: -30px;
	right: 10px;
	width: 108px;
}
#pregnant .action_column_tit .step {background-image: url(/material/img/action/pregnant_bg_color01.png);}
#pregnant .action_column_step1 .img {top: -55px;}
#pregnant .action_column_step2 .img {top: -10px;}
#pregnant .action_column_step3 .img {top: -45px;}
#pregnant .action_column_step4 .img {top: -32px;}
#pregnant .action_column_list h4 {background-image: url(/material/img/action/pregnant_bg_color01.png);}
#pregnant .action_column_explain .grid_2col li {background: url(/material/img/action/pregnant_bg_color01.png);}

#pregnant .action_point {background-image: url(/material/img/action/pregnant_bg_color01.png);}
#pregnant .action_point h3 {background-image: url(/material/img/action/pregnant_point01.png);}

#pregnant .action_tools {
	background-image: url(/material/img/action/pregnant_tools_bg01.png);
	background-position: 45% top;
}
#pregnant .action_tools_lead {width: 433px;}
#pregnant .action_tools_list:after {background-image: url(/material/img/action/pregnant_tools_floss01.png);}

#pregnant .action_voice,
#pregnant .action_voice h3 {background-color: #fee2ed;}
#pregnant .action_voice .grid_2col > li:before {
	border-top-color: #fa8ab7;
	border-left-color: #fa8ab7;
}
#pregnant .action_voice .grid_2col > li:after {
	border-bottom-color: #fee2ed;
	border-right-color: #fee2ed;
}

/*===============================================
  ACTION：妊婦さんと：960px未満
===============================================*/
@media screen and (max-width:959px) {
	#pregnant .action_mv .container:before {margin-left: -370px;}
}

/*===============================================
  ACTION：妊婦さんと：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#pregnant .action_mv .container:before {
		height: 340px;
		margin-left: -170px;
		top: 200px;
		left: 50%;
		width: 140px;
	}
	#pregnant .contents_action {background-image: url(/material/img/action/pregnant_bg_floss01_sp.png);}
	#pregnant .action_column_step1 .action_column:after {top: -5px;}
	#pregnant .action_column_step2 .action_column:after {
		top: -5px;
		right: 15px;
	}
	#pregnant .action_column_step3 .action_column:after {
		top: -18px;
		right: -5px;
	}
	#pregnant .action_column_step4 .action_column:after {
		top: -18px;
		right: -5px;
	}
	#pregnant .action_column_explain .grid_2col li {
		font-size: 14px;
		padding: 12px;
	}
	#pregnant .action_column_explain .grid_2col li + li {margin-top: 10px;}
	#pregnant .action_column_wrap:nth-last-of-type(1) .action_column_explain {
		padding-bottom: 96%;
	}
}

/* ACTION：企業に
--------------------------------------------------------- */
#company .action_mv .container {background-image: url(/material/img/action/company_mv_waku01.png);}
#company .action_mv .container:before {
	background-image: url(/material/img/action/company_mv_img01.png);
	height: 412px;
	margin-left: -420px;
	top: 100px;
	left: 50%;
	width: 116px;
}
#company .action_mv .container:after {
	content: url(/material/img/action/company_mv_item01.png);
	margin-right: -500px;
	bottom: 45px;
	right: 50%;
}
#company .action_mv .action_mv_ico {background-image: url(/material/img/action/company_mv_ico01.png);}
#company .action_mv h1 {background-image: url(/material/img/action/company_mv_tit01.png);}
#company .action_mv .action_mv_board {
	background-image: url(/material/img/action/company_mv_board01.png);
	margin-right: -342px;
}
#company .action_mv_voice li {color: #ae98dc;}

#company .contents_action {
	background-image: url(/material/img/action/company_bg_floss01.png);
	background-position: center 80px;
}
#company .contents_action h2 {background-image: url(/material/img/action/company_tit01.png);}
#company .action_column_step1 .action_column:after {
	background-image: url(/material/img/action/company_item_step01.png);
	height: 92px;
	top: -20px;
	right: 15px;
	width: 96px;
}
#company .action_column_step2 .action_column:after {
	background-image: url(/material/img/action/company_item_step02.png);
	height: 76px;
	top: -10px;
	right: 20px;
	width: 134px;
}
#company .action_column_step3 .action_column:after {
	background-image: url(/material/img/action/company_item_step03.png);
	height: 80px;
	top: -15px;
	right: 15px;
	width: 72px;
}
#company .action_column_step4 .action_column:after {
	background-image: url(/material/img/action/company_item_step04.png);
	height: 82px;
	top: -15px;
	right: 15px;
	width: 122px;
}
#company .action_column_tit .step {background-image: url(/material/img/action/company_bg_color01.png);}
#company .action_column_step1 .img {top: -25px;}
#company .action_column_step2 .img {top: -85px;}
#company .action_column_step3 .img {top: -75px;}
#company .action_column_list li {width: 49%;}
#company .action_column_list h4 {background-image: url(/material/img/action/company_bg_color01.png);}

#company .action_point {background-image: url(/material/img/action/company_bg_color01.png);}
#company .action_point h3 {background-image: url(/material/img/action/company_point01.png);}

#company .action_tools {
	background-image: url(/material/img/action/company_tools_bg01.png);
	background-position: 88% top;
}
#company .action_tools_lead {width: 697px;}
#company .action_tools_list:after {background-image: url(/material/img/action/company_tools_floss01.png);}

#company .action_voice,
#company .action_voice h3 {background-color: #ebe5f6;}
#company .action_voice .grid_2col > li:before {
	border-top-color: #ae98dc;
	border-left-color: #ae98dc;
}
#company .action_voice .grid_2col > li {width: 100%;}
#company .action_voice .grid_2col > li:after {
	border-bottom-color: #ebe5f6;
	border-right-color: #ebe5f6;
}

/*===============================================
  ACTION：企業に：960px未満
===============================================*/
@media screen and (max-width:959px) {
	#company .action_mv .container:before {margin-left: -370px;}
}

/*===============================================
  ACTION：企業に：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#company .action_mv .container:before {
		height: 340px;
		margin-left: -140px;
		top: 200px;
		left: 50%;
		width: 96px;
	}
	#company .contents_action {background-image: url(/material/img/action/company_bg_floss01_sp.png);}
	#company .action_column_step2 .action_column:after {top: -5px;}
	#company .action_column_step1 .action_column:after {
		top: -5px;
		right: 10px;
	}
	#company .action_column_step2 .action_column:after {
		top: -5px;
		right: 10px;
	}
	#company .action_column_step3 .action_column:after {
		top: -5px;
		right: -5px;
	}
	#company .action_column_step4 .action_column:after {
		top: -5px;
		right: -10px;
	}
	#company .action_column_wrap:nth-last-of-type(1) .action_column_explain {
		padding-bottom: 74%;
	}
}

/* ACTION：患者さんと
--------------------------------------------------------- */
.action_on .action_mv:before {
	content: '';
	background: url(/material/img/action/patients_mv_item02.png) no-repeat;
	height: 100px;
	margin-right: -500px;
	position: absolute;
	top: 95px;
	right: 50%;
	width: 76px;
}
.action_on .action_mv .container {background-image: url(/material/img/action/patients_mv_waku01.png);}
#patients .action_mv .container:before {
	background-image: url(/material/img/action/patients_mv_img01.png);
	height: 404px;
	margin-right: -425px;
	top: 120px;
	right: 50%;
	width: 198px;
}
.action_on .action_mv .container:after {
	content: url(/material/img/action/patients_mv_item01.png);
	margin-right: 350px;
	bottom: 45px;
	right: 50%;
}
#patients .action_mv .action_mv_ico {background-image: url(/material/img/action/patients_mv_ico01.png);}
#patients .action_mv h1 {background-image: url(/material/img/action/patients_mv_tit01.png);}
#patients .action_mv .action_mv_board {
	background-image: url(/material/img/action/patients_mv_board01.png);
	margin-right: 225px;
}
#patients .action_mv_voice li {color: #85c33b;}

#patients .contents_action {
	background-image: url(/material/img/action/patients_bg_floss01.png);
	background-position: center 80px;
}
#patients .contents_action h2 {
	background-image: url(/material/img/action/patients_tit01.png);
	height: 122px;
	margin-bottom: 50px;
}
#patients .action_column_step1 .action_column:before {
	content: '';
	background: url(/material/img/action/patients_item_step01b.png) no-repeat;
	background-size: contain;
	height: 70px;
	position: absolute;
	bottom: -80px;
	right: -3%;
	width: 66px;
}
#patients .action_column_step1 .action_column:after {
	background-image: url(/material/img/action/patients_item_step01.png);
	height: 72px;
	top: 20px;
	right: 15px;
	width: 98px;
}
#patients .action_column_step2 .action_column:after {
	background-image: url(/material/img/action/patients_item_step02.png);
	height: 120px;
	top: -20px;
	right: 30px;
	width: 102px;
}
#patients .action_column_tit .step {
	background-image: url(/material/img/action/patients_bg_color01.png);
	width: 23%;
}
#patients .action_column_tit .step img {width: 70px;}
#patients .action_column_step1 .img {top: -40px;}
#patients .action_column_step2 .img {top: -30px;}

#patients .action_point {background-image: url(/material/img/action/patients_bg_color01.png);}
#patients .action_point h3 {background-image: url(/material/img/action/patients_point01.png);}

#patients .action_tools {
	background-image: url(/material/img/action/patients_tools_bg01.png);
	background-position: 55% top;
}
#patients .action_tools_lead {width: 548px;}
#patients .action_tools_list:after {background-image: url(/material/img/action/patients_tools_floss01.png);}

#patients .action_voice,
#patients .action_voice h3 {background-color: #ebf4cd;}
#patients .action_voice .grid_2col > li:before {
	border-top-color: #b1d438;
	border-left-color: #b1d438;
}
#patients .action_voice .grid_2col > li:after {
	border-bottom-color: #ebf4cd;
	border-right-color: #ebf4cd;
}

/*===============================================
  ACTION：患者さんと：960px未満
===============================================*/
@media screen and (max-width:959px) {
	#patients .action_mv .container:before {margin-right: -370px;}
	#patients .action_mv .container:after {margin-right: 280px;}
}

/*===============================================
  ACTION：患者さんと：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#patients .action_mv .container:before {
		height: 340px;
		margin-right: -155px;
		top: 200px;
		right: 50%;
		width: 167px;
		z-index: 100;
	}
	#patients .contents_action {
		background-image: url(/material/img/action/patients_bg_floss01_sp.png);
		background-position: center 55px;
	}
	#patients .contents_action h2 {
		height: 70px;
		margin-bottom: 25px;
	}
	#patients .action_column_tit .step img {width: 40px;}
	#patients .action_column_step1 .action_column:before {display: none;}
	#patients .action_column_step1 .action_column:after {top: 12px;}
	#patients .action_column_step2 .action_column:after {
		top: -8px;
		right: 10px;
	}
	#patients .action_column_wrap:nth-last-of-type(1) .action_column_explain {
		padding-bottom: 108%;
	}
}

/* ACTION：同僚と
--------------------------------------------------------- */
#staff .action_mv .container:before {
	background-image: url(/material/img/action/staff_mv_img01.png);
	height: 412px;
	margin-right: -430px;
	top: 110px;
	right: 50%;
	width: 104px;
}
#staff .action_mv .action_mv_ico {background-image: url(/material/img/action/staff_mv_ico01.png);}
#staff .action_mv h1 {background-image: url(/material/img/action/staff_mv_tit01.png);}
#staff .action_mv .action_mv_board {
	background-image: url(/material/img/action/staff_mv_board01.png);
	margin-right: 300px;
}
#staff .action_mv_voice li {color: #f8a038;}

#staff .contents_action {
	background-image: url(/material/img/action/staff_bg_floss01.png);
	background-position: center 80px;
}
#staff .contents_action h2 {
	background-image: url(/material/img/action/staff_tit01.png);
	height: 122px;
	margin-bottom: 50px;
}
#staff .action_column_step1 .action_column:after {
	background-image: url(/material/img/action/staff_item_step01.png);
	height: 102px;
	top: -25px;
	right: 15px;
	width: 152px;
}
#staff .action_column_step2 .action_column:after {
	background-image: url(/material/img/action/staff_item_step02.png);
	height: 116px;
	top: -45px;
	right: 30px;
	width: 136px;
}
#staff .action_column_tit .step {background-image: url(/material/img/action/staff_bg_color01.png);}
#staff .action_column_tit .step img {width: 44px;}
#staff .action_column_step1 .img {top: -40px;}
#staff .action_column_step2 .img {top: -95px;}

#staff .action_point {background-image: url(/material/img/action/staff_bg_color01.png);}
#staff .action_point h3 {background-image: url(/material/img/action/staff_point01.png);}

#staff .action_tools {
	background-image: url(/material/img/action/staff_tools_bg01.png);
	background-position: 45% top;
}
#staff .action_tools_lead {width: 607px;}
#staff .action_tools_list:after {background-image: url(/material/img/action/staff_tools_floss01.png);}

#staff .action_voice,
#staff .action_voice h3 {background-color: #fde7cd;}
#staff .action_voice .grid_2col > li:before {
	border-top-color: #f8a038;
	border-left-color: #f8a038;
}
#staff .action_voice .grid_2col > li {width: 100%;}
#staff .action_voice .grid_2col > li:after {
	border-bottom-color: #fde7cd;
	border-right-color: #fde7cd;
}

/*===============================================
  ACTION：同僚と：960px未満
===============================================*/
@media screen and (max-width:959px) {
	#staff .action_mv .container:before {margin-right: -380px;}
	#staff .action_mv .container:after {margin-right: 280px;}
	#staff .action_mv .action_mv_board {
		margin-right: 230px;
		top: 70px;
	}
}

/*===============================================
  ACTION：同僚と：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#staff .action_mv .container:before {
		height: 330px;
		margin-right: -150px;
		top: 210px;
		right: 50%;
		width: 84px;
	}
	#staff .action_mv h1 {
		background-image: url(/material/img/action/staff_mv_tit01_sp.png);
		background-size: auto 70px;
		height: 70px;
		margin-bottom: 35px;
	}
	#staff .contents_action {
		background-image: url(/material/img/action/staff_bg_floss01_sp.png);
		background-position: center 67px;
	}
	#staff .contents_action h2 {
		background-image: url(/material/img/action/staff_tit01_sp.png);
		height: 88px;
		margin-bottom: 25px;
	}
	#staff .action_column_tit .step img {width: 26px;}
	#staff .action_column_step1 .action_column:after {
		top: -8px;
		right: 5px;
	}
	#staff .action_column_step2 .action_column:after {
		top: -8px;
		right: 10px;
	}
}



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

	11. SPECIAL 特集

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

/* SPECIAL：インデックス
--------------------------------------------------------- */
#special {background-color: #f9f6f0;}
#special .cmn_mv h1 {background-image: url(/material/img/special/special_mv_tit01.png);}

.special_index_menu {
	margin: 0 auto;
	max-width: 920px;
	width: 100%;
}
.special_index_menu li + li {
	margin-top: 60px;
}
.special_index_menu .img {
	margin-bottom: 15px;
	width: 100%;
}
.special_index_menu .img a {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 0;
	margin: 0 auto;
	max-width: 920px;
	padding-top: 30.43%;
	text-indent: -9999px;
	width: 100%;
}
.special_index_together .img a {background-image: url(/material/img/top/special_img01_pc.jpg);}
.special_index_interview .img a {background-image: url(/material/img/top/special_img02_pc.jpg);}
.special_index_menu .txt {
	text-align: center;
}

/*===============================================
  SPECIAL：みんなでグッペリ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.special_index_menu {
		font-size: 12px;
		max-width: 540px;
	}
	.special_index_menu li + li {margin-top: 35px;}
	.special_index_menu .img {margin-bottom: 10px;}
	.special_index_menu .img a {padding-top: 54.81%;}
	.special_index_together .img a {background-image: url(/material/img/top/special_img01_sp.jpg);}
	.special_index_interview .img a {background-image: url(/material/img/top/special_img02_sp.jpg);}
}

/* SPECIAL：みんなでグッペリ
--------------------------------------------------------- */
#together {background-color: #f9f6f0;}
#together .cmn_mv h1 {background-image: url(/material/img/special/together_mv_tit01.png);}

#together .together_box {
	background: url(/material/img/special/together_bg01.png);
	background-size: 100px;
	border: 4px solid #ecdce4;
	box-shadow: 0 0 0 2px rgba(255,255,255,1) inset;
	margin-bottom: 40px;
	padding: 45px;
}
#together .together_lead {
	position: relative;
}
#together .together_box h2 span {
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	text-indent: -9999px;
}
#together .together_box h2 span:first-child {
	background-image: url(/material/img/special/together_tit01.png);
	background-size: contain;
	height: 23px;
	margin-bottom: 30px;
}
#together .together_box h2 span:last-child {
	background-image: url(/material/img/special/together_tit02.png);
	background-size: contain;
	height: 49px;
}
#together .together_box h2 + p {
	margin: 30px 0 70px;
	padding: 0 90px;
	text-align: center;
}
#together .together_box h2 + p span {/*2020.03.02追記*/
    font-weight: bold;
    display: block;
    margin-top:20px;
}

#together .together_box_inner {
	position: relative;
	width: 100%;
}
#together .together_box_inner + .together_box_inner {
	margin-top: 50px;
}
#together .together_box_left {
	background-color: #e5368d;
	box-shadow: 2px 2px 6px rgba(1,1,1,0.2);
	float: left;
	width: 62%;
}
#together .together_box_left_photo {
	float: right;
	width: 38%;
}
#together .together_box_right {
	background-color: #e5368d;
	box-shadow: 2px 2px 6px rgba(1,1,1,0.2);
	float: right;
	width: 62%;
}
#together .together_box_right_photo {
	float: left;
	text-align: right;
	width: 38%;
}
#together .together_box_inner .together_photo {
	box-shadow: 2px 2px 6px rgba(1,1,1,0.2);
	display: inline-block;
	max-width: 272px;
	position: relative;
	width: 100%;
}
#together .together_box_inner .together_photo:after {
	content: '';
	background: url(/material/img/special/together_ico01.png) no-repeat;
	background-size: 24px;
	height: 24px;
	margin-left: -12px;
	position: absolute;
	top: -7px;
	left: 50%;
	width: 24px;
}
#together .together_box_right_photo .together_photo:nth-child(1) {
	right: 50px;
	-webkit-transform: rotate(10deg);
			-ms-transform: rotate(10deg);
					transform: rotate(10deg);
}
#together .together_box_right_photo .together_photo:nth-child(2) {
	-webkit-transform: rotate(-5deg);
			-ms-transform: rotate(-5deg);
					transform: rotate(-5deg);
}
#together .together_box_left_photo .together_photo:nth-child(1) {
	-webkit-transform: rotate(10deg);
			-ms-transform: rotate(10deg);
					transform: rotate(10deg);
}
#together .together_box_left_photo .together_photo:nth-child(2) {
	left: 50px;
	-webkit-transform: rotate(-5deg);
			-ms-transform: rotate(-5deg);
					transform: rotate(-5deg);
}

#together .together_box_inner h3 {
	background-color: #e5368d;
	border-bottom: 1px dotted #fff;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	display: table;
	height: 80px;
	line-height: 1.2;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 100%;
}
#together .together_box_inner h3:before,
#together .together_box_inner h3:after {
	content: '';
	background: url(/material/img/special/together_ico01.png) no-repeat;
	background-size: 24px;
	height: 24px;
	position: absolute;
	top: -7px;
	left: 15px;
	width: 24px;
}
#together .together_box_inner h3:after {
	left: inherit;
	right: 15px;
}
#together .together_box_inner h3 span {
	display: table-cell;
	vertical-align: middle;
}
#together .together_box_inner dl {
	background-color: #fff;
	border-top: 2px solid #e5368d;
	padding: 13px 25px 25px;
}
#together .together_box_inner dt {
	background-color: #e6368d;
	clear: both;
	color: #fff;
	float: left;
	font-weight: bold;
	margin-top: 12px;
	padding: 5px;
	text-align: center;
	width: 5em;
}
#together .together_box_inner dd {
	border-bottom: 1px dotted #e5368d;
	font-size: 16px;
	line-height: 1.5;
	padding: 12px 0 12px 6em;
}
#together .together_box_inner dd a {
	color: #e5368d;
}
#together .together_box li {
	line-height: 1.5;
}

#together .together_anim_left,
#together .together_anim_right {
	position: absolute;
}
#together .together_anim_left {
	top: 0;
	left: 0;
}
#together .together_anim_left img {
	width: 180px;
}
#together .together_anim_right {
	top: 0;
	right: 0;
}
#together .together_anim_right img {
	width: 85px;
}

#together .btn_wrap .txt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#together .btn_wrap_participate {
	background-color: rgba(255,255,255,0.6);
	margin-top: 60px;
	text-align: center;
}
#together .btn_wrap_participate .txt {
	color: #e5368d;
}
#together.member .btn_wrap_participate a {
	/*background-image: url(/material/img/member/together_btn_bg01.jpg), url(/material/img/member/together_btn_bg02.jpg);*/
	background-position: 3% center, 92% center;
	background-repeat: no-repeat;
	background-size: auto 90%;
}
#together .btn_wrap .txt_caution {
	display: inline-block;
	margin-top: 15px;
	text-align: left;
}
#together .btn_wrap .txt_caution a {
	background-color: inherit;
	color: #e5368d;
}
#together .btn_wrap_recruit {
	background-color: #fff;
	text-align: center;
}
#together .btn_wrap_recruit a {
	background-color: #000;
}

#together .box_entry {
	display: none;
}
#together .box_contact {display: block;}
#together .box_contact h2 {background-image: url(/material/img/common/tit_contact01.png);}

.line_through{ /*定員達成用*/
	text-decoration: line-through;
}
.line_through+span { /*定員達成用文言*/
	font-size:14px;
}

/*===============================================
  SPECIAL：みんなでグッペリ：960px未満
===============================================*/
@media screen and (max-width:959px) {
	#together .together_box h2 span:first-child {
		height: 20px;
		margin-bottom: 25px;
	}
	#together .together_box h2 span:last-child {
		height: 40px;
	}
	#together .together_box h2 + p {
		margin: 25px 0 50px;
		padding: 0 110px;
	}
	#together .together_anim_left {
		left: -25px;
	}
	#together .together_anim_right {
		right: -15px;
	}
}

/*===============================================
  SPECIAL：みんなでグッペリ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#together .together_box {
		margin-bottom: 20px;
		padding: 25px 15px 15px;
		position: relative;
	}
	#together .together_lead {
		padding-bottom: 10px;
	}
	#together .together_box h2 span:first-child {
		height: 20px;
		margin-bottom: 15px;
	}
	#together .together_box h2 span:last-child {
		height: 22px;
	}
	#together .together_box h2 + p {
		margin: 20px 0;
		padding: 0;
        text-align: left;/*2020.03.03追記*/
	}

	#together .together_box_inner h3 {
		font-size: 20px;
		display: block;
		height: auto;
		line-height: 1.2;
		padding: 12px 10px 10px;
	}
	#together .together_box_inner h3:before,
	#together .together_box_inner h3:after {
		background-size: 20px;
		height: 20px;
		width: 20px;
	}
	#together .together_box_inner h3 span {
		display: inline;
	}

	#together .together_box_inner + .together_box_inner {
		margin-top: 40px;
	}
	#together .together_box_left,
	#together .together_box_right {
		float: none;
		width: 100%;
	}
	#together .together_box_left_photo,
	#together .together_box_right_photo {
		display: none;
	}
	#together .together_box_inner .together_photo {
		box-shadow: 2px 2px 6px rgba(1,1,1,0.2);
		display: block;
		margin: 0 auto;
		max-width: 272px;
		width: 100%;
	}
	#together .together_box_inner .together_photo:after {
		content: '';
		background: url(/material/img/special/together_ico01.png) no-repeat;
		background-size: 24px;
		height: 24px;
		margin-left: -12px;
		position: absolute;
		top: -7px;
		left: 50%;
		width: 24px;
	}
	#together .together_box_right_photo .together_photo:nth-child(1) {
		right: 0;
	}
	#together .together_box_left_photo .together_photo:nth-child(2) {
		left: 0;
	}
	#together .together_box_inner dl {
		padding: 15px;
	}
	#together .together_box_inner dt {
		float: none;
		margin-top: 7px;
	}
	#together .together_box_inner dd {
		font-size: 14px;
		padding: 7px 0;
	}

	#together .together_anim_left {
		display: none;
		top: inherit;
		bottom: 40px;
		left: 50%;
		-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
		  		  transform: translateX(-50%);
	}
	#together .together_anim_left img {
		max-width: 180px;
	}
	#together .together_anim_right {
		display: none;
	}

	#together .btn_wrap {
		padding-bottom: 20px;
	}
	#together .btn_wrap .txt {
		font-size: 14px;
	}
	#together .btn_wrap_participate {
		margin-top: 25px;
	}
	#together.member .btn_wrap_participate a {
		background-position: 5% center, 89% center;
	}
}

/* SPECIAL：インタビュー：インデックス
--------------------------------------------------------- */
.interview {background-color: #f9f6f0;}
.interview .cmn_mv h1 {background-image: url(/material/img/special/interview_mv_tit01.png);}

.interview_index_menu {
	margin-bottom: 20px;
	overflow: hidden;
}
.interview_index_menu li {
	float: left;
	margin: 0 5% 5% 0;
	position: relative;
	text-align: center;
	width: 29%;
}
.interview_index_menu li:nth-child(3n) {
	margin-right: 0;
}
.interview_index_menu h2 {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 7px;
	position: relative;
}
.interview_index_menu h2:after {
	content: '';
	background-color: #000;
	height: 2px;
	margin-left: -7px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 14px;
}
.interview_index_menu .img {
	margin-bottom: 15px;
}
.interview_index_menu .img a {
	background-color: #e6e3de;
	display: block;
	padding: 10px;
}
.interview_index_menu h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.interview_index_menu .name {
	color: #e5368d;
}

.interview_new:after {
	content: '';
	background: url(/material/img/special/interview_ico_new01.png);
	background-size: contain;
	height: 56px;
	position: absolute;
	top: 40px;
	left: 20px;
	width: 56px;
}

/*===============================================
  SPECIAL：インタビュー：インデックス：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.interview_index_menu {
		margin: 0 auto -45px;
		max-width: 300px;
	}
	.interview_index_menu li {
		float: none;
		margin: 0 0 45px 0;
		width: 100%;
	}
	.interview_index_menu h2 {font-size: 23px;}
	.interview_index_menu .img {margin-bottom: 10px;}
	.interview_index_menu h3 {font-size: 15px;}
	.interview_index_menu .name {font-size: 13px;}
}

/* SPECIAL：インタビュー：記事
--------------------------------------------------------- */
.interview_num {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
}

.interview_single h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 30px;
	text-align: center;
}

.interview_lead {
	background-color: #fff;
	border-radius: 20px;
	font-size: 16px;
	font-weight: bold;
	height: 350px;
	overflow: hidden;
	width: 100%;
}
.interview_lead_inner {
	display: table;
	float: left;
	height: 100%;
	padding: 0 40px 0 50px;
	width: 59%;
}
.interview_lead_txt {
	display: table-cell;
	vertical-align: middle;
}
.interview_lead h3 {
	color: #e5368d;
	font-size: 18px;
	margin-bottom: 25px;
}
.interview_lead_img {
	background-position: center top;
	background-repeat: no-repeat;
	float: right;
	min-height: 350px;
	text-indent: -9999px;
	width: 41%;
}
#interview_v01 .interview_lead_img {background-image: url(/material/img/special/interview_01_lead01.jpg);}
#interview_v02 .interview_lead_img {background-image: url(/material/img/special/interview_02_lead01.jpg);}
#interview_v03 .interview_lead_img {background-image: url(/material/img/special/interview_03_lead01.jpg);}
#interview_v04 .interview_lead_img {background-image: url(/material/img/special/interview_04_lead01.jpg);}
#interview_v05 .interview_lead_img {background-image: url(/material/img/special/interview_05_lead01.jpg);}
#interview_v06 .interview_lead_img {background-image: url(/material/img/special/interview_06_lead01.jpg);}

.interview_row {
	margin-top: 7%;
	overflow: hidden;
}
.interview_row h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 25px;
}
.interview_row .txt {
	float: left;
	font-size: 16px;
	line-height: 2.0;
	width: 50%;
}
.txt-a{
	font-size:16px;
}
.interview_row .img {
	float: right;
	margin-top: 0.4em;
	width: 45%;
}
.interview_row_reverse h3 {margin-left: 50%;}
.interview_row_reverse .txt {float: right;}
.interview_row_reverse .img {float: left;}

.interview_graf {
	background-color: #fcfbf9;
	border-radius: 20px;
	margin: 70px 0 60px;
	padding: 40px 30px;
	text-align: center;
}
.interview_graf h4 {
	color: #e5368d;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 50px;
}
.interview_graf .img_graf, .interview_graf ul {
	max-width: 250px;
	display: block;
	float: left;
}
.interview_graf ul {
	max-width: 360px;
	margin-left: 40px;
	text-align: left;
}
.interview_graf li {
	margin-bottom: 10px;
}
.interview_graf .inner_ttl {
	font-weight: bold;
}
.interview_graf .pink {
	color: #F98FB3;
}
.interview_graf .blue {
	color: #60b3f2;
}
.interview_graf .orange {
	color: #fb9e37;
}
.interview_graf .yellow_green{
	color: #AAD523;
}
.interview_graf .green{
	color: #5dd4d2;
}
.interview_graf .purple{
	color: #a988e3;
}
.interview_graf {
	overflow: hidden;
}
.interview_graf .detail{
	display: inline-block;
	text-align: center;
}
.interview_patient {
	background-color: #fff1f8;
	border: 1px solid #e5368d;
	border-radius: 20px;
	margin-bottom: 70px;
	padding: 30px;
}
.interview_patient_tit {
	display: table;
	margin-bottom: 30px;
	width: 100%;
}
.interview_patient h3 {
	display: table-cell;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	padding-right: 2%;
	text-align: center;
	vertical-align: middle;
	width: 66%;
}
.interview_patient h3 span {
	display: inline-block;
	font-size: 18px;
}
.interview_patient .img {
	display: table-cell;
	vertical-align: middle;
	width: 34%;
}
.interview_patient h4 {
	color: #e5368d;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 15px;
}
.interview_patient .txt {
	font-size: 16px;
	line-height: 2.0;
}

.interview_pagenation {
	margin: 0 auto;
	max-width: 600px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.interview_pagenation p {
	display: inline-block;
}
.interview_btn_back {
	position: absolute;
	top: 0;
	left: 0;
}
.interview_btn_back a {
	padding-left: 20px;
	position: relative;
}
.interview_btn_back a:before {
	content: '';
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	display: inline-block;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 3px;
	-webkit-transform: translateY(-50%) rotate(135deg);
	    -ms-transform: translateY(-50%) rotate(135deg);
	        transform: translateY(-50%) rotate(135deg);
	width: 9px;
}
.interview_btn_next {
	position: absolute;
	top: 0;
	right: 0;
}
.interview_btn_next a {
	padding-right: 20px;
	position: relative;
}
.interview_btn_next a:before {
	content: '';
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	display: inline-block;
	height: 9px;
	position: absolute;
	top: 50%;
	right: 3px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	    -ms-transform: translateY(-50%) rotate(-45deg);
	        transform: translateY(-50%) rotate(-45deg);
	width: 9px;
}
.interview_pagenation a {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.layout_pc .interview_pagenation a:hover {opacity: 0.8;}

/*===============================================
  SPECIAL：インタビュー：記事：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.interview_num {margin-top: 15px;}

	.interview_single h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.interview_lead {
		border-radius: 10px;
		font-size: 13px;
		height: auto;
	}
	.interview_lead_inner {
		display: block;
		float: none;
		height: 100%;
		padding: 15px;
		width: 100%;
	}
	.interview_lead_txt {
		display: block;
		vertical-align: middle;
	}
	.interview_lead h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.interview_lead_img {
		background-size: cover;
		display: block;
		float: none;
		height: 0;
		min-height: 200px;
		padding-top: 68.36%;
		width: 100%;
	}

	.interview_row {margin-top: 30px;}
	.interview_row h3 {
		font-size: 17px;
		line-height: 1.5;
		margin-bottom: 10px;
		width: 100%;
	}
	.interview_row .txt {
		float: none;
		font-size: 14px;
		line-height: 1.7;
		width: 100%;
	}
	.txt-a{
		font-size:14px;
	}
	.interview_row .img {
		float: none;
		margin-top: 15px;
		text-align: center;
		width: 100%;
	}
	.interview_row_reverse h3 {margin-left: 0;}
	.interview_row_reverse .txt {float: none;}
	.interview_row_reverse .img {float: none;}

	.interview_graf .detail {
		font-size: 12px;
		font-weight: bold;
		width: auto;
	}
	.interview_graf {
		border-radius: 10px;
		max-width: 450px;
		margin: 40px auto 30px;
		padding: 30px 0;
	}
	.interview_graf h4 {
		color: #e5368d;
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.interview_graf .img_graf, .interview_graf ul {
		float:none;
		margin: 0 auto;
		max-width: 270px;
	}
	.interview_graf .img_graf {
		max-width: 160px;
		margin-bottom: 14px;
	}

	.interview_patient {
		border-radius: 10px;
		margin-bottom: 30px;
		padding: 15px;
	}
	.interview_patient_tit {
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
	.interview_patient h3 {
		display: block;
		font-size: 16px;
		line-height: 1.3;
		margin-bottom: 12px;
		padding-right: 0;
		width: 100%;
	}
	.interview_patient h3 span {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.interview_patient .img {
		display: block;
		text-align: center;
		width: 100%;
	}
	.interview_patient h4 {
		font-size: 16px;
		margin-bottom: 10px;
		text-align: center;
	}
	.interview_patient .txt {
		font-size: 14px;
		line-height: 1.7;
	}

	.interview_pagenation {max-width: 450px;}
	.interview_pagenation a {font-size: 15px;}
	.interview_btn_back a {padding-left: 15px;}
	.interview_btn_back a:before {
		height: 7px;
		width: 7px;
	}
	.interview_btn_next a {padding-right: 15px;}
	.interview_btn_next a:before {
		height: 7px;
		width: 7px;
	}
}



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

	12. よくある質問

--------------------------------------------------------- */
#faq .cmn_mv h1 {background-image: url(/material/img/faq/faq_mv_tit01.png);}
#faq .box_entry {background-color: #f7f7f7;}

.faq_block {
	margin: 0 auto;
	max-width: 930px;
	width: 100%;
}
.faq_block + .faq_block {
	margin-top: 10px;
}
.faq_block > dd {
	border-bottom: 1px dotted #111;
	display: none;
}
.faq_title a {
	background-position: 15px center, left top;
	background-repeat: no-repeat, repeat;
	background-size: 32px auto, 10px;
	border: 2px solid #000;
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding: 10px 40px 10px 60px;
	position: relative;
	text-decoration: none;
}
.faq_title a:before {
	content: '';
	background-color: #111;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
}
.faq_title a:after {
	content: '';
	background-color: #111;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	right: 29px;
	width: 2px;
}
.faq_title.open a:after {
	display: none;
}
.layout_pc .faq_title a:hover {
	opacity: 0.8;
}
.faq_list dt {
	overflow: hidden;
	position: relative;
}
.faq_list dt a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	line-height: 1.7;
	padding: 30px 20px;
	position: relative;
	text-decoration: none;
}
.faq_list dt div:before {
	content: '';
	background-color: #111;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	right: 24px;
	width: 16px;
}
.faq_list dt div:after {
	content: '';
	background-color: #111;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 31px;
	width: 2px;
}
.faq_list dt.open div:after {
	display: none;
}
.layout_pc .faq_list dt div:hover {
	opacity: 0.7;
}
.faq_list dd + dt {
	border-top: 1px dotted #111;
}
.faq_list dd {
	font-size: 14px;
	display: none;
	line-height: 1.7;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 20px;
	position: relative;
}
.faq_list dd div {
	margin-left: 3.0em;
}
.faq_list dt a:before,
.faq_list dd:before {
	border-radius: 5px;
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-right: 1.0em;
	text-align: center;
	width: 1.5em;
}
.faq_list dt a:before {
	content: 'Q';
	background-color: #111;
	top: 30px;
}
.faq_list dd:before {
	content: 'A';
	background-color: #e5368d;
	top: 20px;
}

.faq_tool_col {
	overflow: hidden;
}
.faq_tool_col li {
	background-color: #6b6fdf;
	color: #fff;
	float: left;
	padding: 10px;
	width: 32%;
}
.faq_tool_col li + li {
	margin-left: 2%;
}

#faq_about .faq_title a {background-image: url(/material/img/faq/faq_ico01.png), url(/material/img/faq/faq_bg_slash_pink01.png);}
#faq_about .faq_list dd {
	background-color: #fef2f8;
	color: #e5368d;
}
#faq_about .faq_list dd:before {background-color: #e5368d;}

#faq_entry .faq_title a {background-image: url(/material/img/faq/faq_ico02.png), url(/material/img/faq/faq_bg_slash_brown01.png);}
#faq_entry .faq_list dd {
	background-color: #fff8f2;
	color: #b36d2c;
}
#faq_entry .faq_list dd:before {background-color: #b36d2c;}

#faq_member .faq_title a {background-image: url(/material/img/faq/faq_ico03.png), url(/material/img/faq/faq_bg_slash_lightgreen01.png);}
#faq_member .faq_list dd {
	background-color: #f6ffe7;
	color: #84b830;
}
#faq_member .faq_list dd:before {background-color: #84b830;}

#faq_activity .faq_title a {background-image: url(/material/img/faq/faq_ico04.png), url(/material/img/faq/faq_bg_slash_mintgreen01.png);}
#faq_activity .faq_list dd {
	background-color: #f3fcf5;
	color: #47ad59;
}
#faq_activity .faq_list dd:before {background-color: #47ad59;}

#faq_floss .faq_title a {background-image: url(/material/img/faq/faq_ico05.png), url(/material/img/faq/faq_bg_slash_lightblue01.png);}
#faq_floss .faq_list dd {
	background-color: #f1f8ff;
	color: #2486e6;
}
#faq_floss .faq_list dd:before {background-color: #2486e6;}

#faq_tool .faq_title a {background-image: url(/material/img/faq/faq_ico06.png), url(/material/img/faq/faq_bg_slash_deepblue01.png);}
#faq_tool .faq_list dd {
	background-color: #f5f5fd;
	color: #4d52d1;
}
#faq_tool .faq_list dd:before {background-color: #4d52d1;}

#faq_other .faq_title a {background-image: url(/material/img/faq/faq_ico07.png), url(/material/img/faq/faq_bg_slash_purple01.png);}
#faq_other .faq_list dd {
	background-color: #f9f0fb;
	color: #a041b9;
}
#faq_other .faq_list dd:before {background-color: #a041b9;}

/*===============================================
  よくある質問：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.faq_title a {
		background-position: 7px center, left top;
		background-size: 25px auto, 10px;
		font-size: 16px;
		padding: 10px 35px 10px 45px;
	}
	.faq_title a:before {
		right: 10px;
		width: 16px;
	}
	.faq_title a:after {
		height: 16px;
		margin-top: -8px;
		right: 17px;
	}

	.faq_list dt a {
		font-size: 14px;
		line-height: 1.5;
		padding: 15px 35px 15px 10px;
	}
	.faq_list dt div:before {
		right: 13px;
		width: 12px;
	}
	.faq_list dt div:after {
		height: 12px;
		margin-top: -6px;
		right: 18px;
	}
	.faq_list dd {
		font-size: 14px;
		line-height: 1.5;
		padding: 10px;
	}

	.faq_tool_col li {
		float: none;
		padding: 10px;
		width: 100%;
	}
	.faq_tool_col li + li {
		margin-left: 0;
		margin-top: 5px;
	}
}



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

	13. メディア情報

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

/* メディア情報
--------------------------------------------------------- */
#media {background-color: #f9f6f0;}
#media .cmn_mv h1 {background-image: url(/material/img/media/media_mv_tit01.png);}

#media .media_list {
	margin: 0 auto 60px;
	max-width: 860px;
	width: 100%;
}
#media .media_list dt {
	margin-bottom: 5px;
}
#media .media_list dt a {
	background: url(/material/img/common/bg_slash_gray01.png);
	background-size: 10px;
	border: 2px solid #111;
	border-radius: 10px;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
}
#media .media_list dt a:before {
	content: '';
	background-color: #000;
	display: block;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 18px;
}
#media .media_list dt a:after {
	content: '';
	background-color: #000;
	display: block;
	height: 18px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 23px;
	width: 2px;
}
#media .media_list dt.open a:after {
	display: none;
}
.layout_pc #media .media_list dt a:hover {
	opacity: 0.8;
}
#media .media_list dd {
	display: none;
	padding-bottom: 10px;
}
#media .media_list ol > li {
	background-position: 24px center;
	background-repeat: no-repeat;
	background-size: 52px auto;
	padding: 20px 20px 20px 100px;
}
#media .media_list ol > li + li {
	border-top: 1px dotted #000;
}
#media .media_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}
#media .media_list_link {
	letter-spacing: -.4em;
	margin-top: 5px;
}
#media .media_list_link li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 1.0em;
}

#media .media_tv {background-image: url(/material/img/media/media_ico_tv01.png);}
#media .media_tv .media_date {color: #e5368d;}
#media .media_tv .media_title,
#media .media_tv .media_title a {color: #e5368d;}

#media .media_paper {background-image: url(/material/img/media/media_ico_paper01.png);}
#media .media_paper .media_date {color: #e58436;}
#media .media_paper .media_title,
#media .media_paper .media_title a {color: #e58436;}

#media .media_web {background-image: url(/material/img/media/media_ico_web01.png);}
#media .media_web .media_date {color: #28b54c;}
#media .media_web .media_title,
#media .media_web .media_title a {color: #28b54c;}

#media .media_radio {background-image: url(/material/img/media/media_ico_radio01.png);}
#media .media_radio .media_date {color: #8cbd23;}
#media .media_radio .media_title,
#media .media_radio .media_title a {color: #8cbd23;}

#media .media_magazine {background-image: url(/material/img/media/media_ico_magazine01.png);}
#media .media_magazine .media_date {color: #2f97d3;}
#media .media_magazine .media_title,
#media .media_magazine .media_title a {color: #2f97d3;}

#media .contents_wide .btn_wrap {
	background-color: #fff;
}
#media .contents_wide .btn_wrap .btn_single a {
	background-color: #000;
	font-size: 14px;
}

/*===============================================
  メディア情報：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#media .media_list {
		margin: 0 auto 30px;
	}
	#media .media_list dt a:before {
		right: 12px;
		width: 14px;
	}
	#media .media_list dt a:after {
		height: 14px;
		margin-top: -6px;
		right: 18px;
	}
	#media .media_list ol > li {
		background-position: 10px center;
		background-size: 42px auto;
		padding: 10px 10px 10px 70px;
	}
	#media .media_title {
		font-size: 16px;
		line-height: 1.4;
	}
}

/* メディア向け資料
--------------------------------------------------------- */
#for_media {background-color: #f9f6f0;}
#for_media .cmn_mv h1 {background-image: url(/material/img/media/for_media_mv_tit01.png);}

#for_media .container > .grid_2col {
	margin-bottom: 1.0em;
}
#for_media .container > .grid_2col > li {
	background-color: #fff;
	background-image: url(/material/img/media/for_media_ico01.png);
	background-position: center 33px;
	background-size: auto 34px;
	background-repeat: no-repeat;
	padding: 90px 20px 20px;
}
#for_media .container > .grid_2col > li:nth-child(2) {
	background-image: url(/material/img/media/for_media_ico02.png);
	background-position: center 29px;
	background-size: auto 38px;
}
#for_media .grid_2col h2 {
	background-image: url(/material/img/media/for_media_tit01.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 27px;
	margin-bottom: 25px;
}
#for_media .grid_2col > li:nth-child(2) h2 {
	background-image: url(/material/img/media/for_media_tit02.png);
}
#for_media .grid_2col div {
	background-color: #f9f6f0;
	margin: 25px 0 10px;
	text-align: center;
	padding: 15px 10px 20px;
}
#for_media .grid_2col > li:nth-child(2) div {
	padding-top: 25px;
}
#for_media .grid_2col div img {
	max-width: 190px;
	width: 100%;
}
#for_media .grid_2col .grid_2col p + p {
	color: #e5368d;
	font-weight: bold;
	margin-top: 10px;
}
#for_media .for_media_tel {
	line-height: 1.3;
	margin-bottom: 15px;
}
#for_media .for_media_tel span {
	color: #e5368d;
	font-size: 30px;
	font-weight: bold;
}

#for_media .grid_2col + .txt_list {
	font-size: 12px;
}

/*===============================================
  メディア向け資料：960px未満
===============================================*/
@media screen and (max-width:960px) {
	#for_media .grid_2col > li:nth-child(2) div {
		padding-top: 40px;
	}
	#for_media .tb {display: block;}
}

/*===============================================
  メディア向け資料：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#for_media .grid_2col h2 {
		margin-bottom: 15px;
	}
	#for_media .grid_2col div {
		margin-top: 15px;
	}
	#for_media .grid_2col > li:nth-child(2) div {
		padding-top: 25px;
	}
	#for_media .for_media_tel span {
		font-size: 22px;
	}
}



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

	14. サイトマップ

--------------------------------------------------------- */
#sitemap {background-color: #f9f6f0;}
#sitemap .cmn_mv h1 {background-image: url(/material/img/sitemap/sitemap_mv_tit01.png);}

.sitemap_box {
	background-color: #fff;
	border-radius: 20px;
	margin: 0 auto;
	max-width: 930px;
	padding: 35px;
	width: 100%;
}
.sitemap_box h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 10px;
}
.sitemap_box a {
	text-decoration: none;
}
.layout_pc .sitemap_box a:hover {
	opacity: 0.75;
	text-decoration: none;
}

.sitemap_list > li + li {
	margin-top: 10px;
}
.sitemap_list > li > a {
	background: url(/material/img/sitemap/sitemap_bg01.png);
	background-size: 10px;
	border: 2px solid #e5368d;
	border-radius: 5px;
	color: #e5368d;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 15px;
	position: relative;
}
.sitemap_list > li > a .txt_s {
	font-size: 12px;
}
.sitemap_list ul {
	padding: 15px 15px 10px;
}
.sitemap_list ul li + li {
	margin-top: 0.5em;
}
.sitemap_list ul li a {
	color: #e5368d;
	font-size: 16px;
	font-weight: bold;
	padding-left: 17px;
	position: relative;
}
.sitemap_list > li > a:after,
.sitemap_list ul li a:before {
	content: '';
	border-right: 2px solid #e5368d;
	border-bottom: 2px solid #e5368d;
	display: block;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
					transform: translateY(-50%) rotate(-45deg);
	width: 8px;
}
.sitemap_list ul li a:before {
	right: inherit;
	left: 0;
}

.sitemap_member_list {
	border-top: 1px dotted #111;
	border-bottom: 1px dotted #111;
	margin-bottom: 30px;
	padding-top: 10px;
}
.sitemap_member_list > li > a {
	background-image: url(/material/img/sitemap/sitemap_bg02.png);
	border-color: #111;
	color: #111;
}
.sitemap_member_list ul li a {
	color: #111;
}
.sitemap_member_list > li > a:after,
.sitemap_member_list ul li a:before {
	border-color: #111;
}

/*===============================================
  サイトマップ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.sitemap_box {
		padding: 15px;
	}
	.sitemap_box h2 {
		margin-top: 30px;
	}
	.sitemap_list > li > a {
		font-size: 14px;
		padding: 5px 15px 5px 10px;
	}
	.sitemap_list > li > a:after {
		right: 10px;
	}
	.sitemap_list ul {
		padding-top: 10px;
	}
	.sitemap_list ul li a {
		font-size: 14px;
	}
	.sitemap_member_list {
		margin-bottom: 30px;
	}
}



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

	15. 利用規約・プライバシーポリシー

--------------------------------------------------------- */
#policy,
#privacy {background-color: #f9f6f0;}
#policy .cmn_mv h1 {background-image: url(/material/img/policy/policy_mv_tit01.png);}
#privacy .cmn_mv h1 {background-image: url(/material/img/privacy/privacy_mv_tit01.png);}

.policy_box h2 {
	border-bottom: 1px dotted #e5368d;
	color: #e5368d;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.policy_box h2:before {
	content: '■';
	font-size: 11px;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.policy_list {
	margin: 0 auto;
	max-width: 930px;
	width: 100%;
}
.policy_list > li {
	background-color: #fff;
	padding: 30px;
}
.policy_list > li + li {
	margin-top: 2px;
}
.policy_list li ul {
	background-color: #f9f6f0;
	margin: 1.0em 0;
	padding: 20px;
}

.policy_link {
	margin: 15px auto 0;
	max-width: 930px;
	padding-right: 20px;
	position: relative;
	text-align: right;
}
.policy_link:after {
	content: '';
	border-right: 1px solid #e5368d;
	border-bottom: 1px solid #e5368d;
	display: block;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
					transform: translateY(-50%) rotate(-45deg);
	width: 8px;
	z-index: 10;
}
.policy_link a {color: #e5368d;}

/*===============================================
  利用規約・プライバシーポリシー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#privacy .cmn_mv .container {
		padding: 0;
	}
	.policy_box h2 {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.policy_list > li {
		padding: 20px;
	}
	.policy_list li ul {
		padding: 15px;
	}
}



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

	16. 一般の方へ

--------------------------------------------------------- */
.general .cmn_mv {margin-bottom: 25px;}
.general .cmn_mv h1 {background-image: url(/material/img/general/general_mv_tit01.png);}
.general .box_entry {display: none;}

.general_section {
	background: url(/material/img/general/general_bg01.png) center
	top repeat-x;
	background-size: auto 95px;
	padding-top: 105px;
	text-align: center;
}
.general_section + .general_section {
	background-image: url(/material/img/general/general_bg02.png);
}
.general_section h2 {
	background: url(/material/img/general/general_ico01.png) center top no-repeat;
	background-size: auto 71px;
	color: #e5368d;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px;
	padding-top: 90px;
}
.general_section .general_img {
	margin: 30px auto;
	max-width: 930px;
}

.general_acc {
	margin: 50px auto 60px;
	max-width: 930px;
}
.general_acc dt {
	margin-top: 30px;
	position: relative;
	text-align: left;
}
.general_acc dd .ttl_startup {
	line-height: 1.3;
}
.general_acc dt:first-child {
	margin-top: 0;
}
.general_acc dt:before {
	content: '';
	background-color: #fff;
	display: block;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 18px;
	z-index: 10;
}
.general_acc dt:after {
	content: '';
	background-color: #fff;
	display: block;
	height: 18px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	right: 28px;
	width: 2px;
	z-index: 10;
}
.general_acc dt.open:after {
	display: none;
}

.general_acc dt a {
	background-color: #e5368d;
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 15px 15px 115px;
	position: relative;
	text-decoration: none;
}
.general_acc .acc_panel {
	background-color: #faf6eb;
	display: none;
	overflow: hidden;
	text-align: left;
	width: 100%;
}
.general_acc dd .grid_left {
	display: table-cell;
	padding: 25px 50px;
	vertical-align: middle;
	width: 55%;
}
.general_acc dd .grid_right {
	display: table-cell;
	padding: 25px 25px 25px 0;
	width: 45%;
}
.general_acc dd .grid_right > p:first-child {
	font-weight: bold;
	margin-bottom: 5px;
}
.general_acc dd h3 { 
	color: #e5368d;
	font-size: 29px;  /*170418.修正 30px*/
	font-weight: bold;
	margin-bottom: 10px;
}

.general_list {
	border-top: 1px dotted #e5368d;
	margin-top: 15px;
	padding-top: 15px;
}
.general_list li {
	overflow: hidden;
}
.general_list li + li {
	margin-top: 1.0em;
}
.general_list .txt {
	line-height: 1.5;
	margin-right: 120px;
	padding-left: 1.0em;
	text-indent: -1.0em;
	width: auto;
}
.general_list .no_img { /*170418.追記 .no_img*/
	margin-right: 0;
}
.general_list li .txt:before {
	content: '■';
	color: #e5368d;
}
.general_list .img {
	float: right;
	width: auto;
}

.general_table {
	display: table;
}
.general_table li {
	display: table-row;
}
.general_table li span {
	display: table-cell;
}
.general_table li span:last-child {
	padding-left: 0.5em;
}

.btn_general {
	margin: 30px auto 0;
}
.btn_general .btn_single a {
	background-color: #111;
}

/* お口の健康セミナー
--------------------------------------------------------- */
#general .general_acc {
	margin-bottom: 30px;
}
#general .acc_panel {
	padding: 15px 30px 25px;
}
.seminar_table {
	margin-bottom: 10px;
	width: 100%;
}
.seminar_table tr {
	border-bottom: 1px dotted #e5368d;
}
.seminar_table th {
	color: #e5368d;
	line-height: 1.7;
	padding: 10px 0;
	vertical-align: top;
	width: 150px;
}
.seminar_table td {
	padding: 10px 0;
}
.seminar_table td li {
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.seminar_caution {
	font-size: 12px;
	padding-left: 1.0em;
	text-indent: -1.0em;
}

#general .general_acc {
	margin-bottom: 10px;
}
#general .general_acc dt {
	margin-top: 10px;
}
#general .general_acc dt a {
	background-position: 18px 12px;
	background-repeat: no-repeat;
	background-size: auto 30px;
	font-size: 18px;
	padding: 18px 15px 18px 60px;
}
#general .general_acc dt:first-child a {
	background-image: url(/material/img/general/general_ico04.png);
}
#general .general_acc dt:nth-of-type(2) a {
	background-image: url(/material/img/general/general_ico05.png);
}

#general .general_section h3 {
	background: #e5368d url(/material/img/general/general_ico06.png) 18px 12px no-repeat;
	background-size: auto 30px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto 15px;
	max-width: 930px;
	padding: 18px 15px 18px 60px;
	text-align: left;
}

.seminar_case {
	margin: 0 auto 40px;
	max-width: 930px;
}
.seminar_case ol {
	overflow: hidden;
}
.seminar_case ol >  li {
	border: 1px solid #e5368d;
	float: left;
	text-align: left;
	width: 32%;
}
.seminar_case ol > li + li {
	margin-left: 2%;
}
.seminar_case a {
	text-decoration: none;
}
.seminar_case .img {
	margin-bottom: 15px;
	padding: 10px 10px 0;
	text-align: center;
}
.seminar_case p,
.seminar_case ul {
	padding: 0 20px;
}
.seminar_case .tit {
	color: #e5368d;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 5px 0 10px;
}
.seminar_case .txt {
	margin: 5px 0 15px;
}
.seminar_case .btn {
	padding: 0;
}
.seminar_case .btn a {
	background-color: #e5368d;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 46px;
	position: relative;
	text-align: center;
}
.seminar_case .btn a:after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 13px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
					transform: translateY(-50%) rotate(-45deg);
	width: 8px;
	z-index: 10;
}
.seminar_case .btn a:hover {
	opacity: 0.8;
}

#general .btn_general {
	margin-top: 10px;
}

/* 歯ぐきケア専用製品
--------------------------------------------------------- */
#products .general_acc dt:first-child a:after {
	content: url(/material/img/general/general_ico02.png);
	position: absolute;
	top: -10px;
	left: 15px;
}
#products .general_acc dt:nth-of-type(2) a:after {
	content: url(/material/img/general/general_ico02_02.png);
	position: absolute;
	top: -10px;
	left: 18px;
}
#products .general_acc dt:nth-of-type(3) a:after {
	content: url(/material/img/general/general_ico03.png);
	position: absolute;
	top: -6px;
    left: 32px;
}
#products .general_acc dt:nth-of-type(4) a:after {
	content: url(/material/img/general/general_ico03_02.png);
	position: absolute;
	top: 14px;
	left: 28px;
}
#products .youtube_box iframe{
	width: 100%;
	padding: 0 25px 25px;
}
#products .youtube_box iframe .ytp-title-text{
	white-space: normal !important;
}
#products .youtube_box .video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#products .youtube_box .video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*===============================================
  一般の方へ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.general_section {
		background-size: auto 47px;
		padding-top: 60px;
	}
	.general_section h2 {
		background-size: auto 50px;
		color: #e5368d;
		font-size: 18px;
		margin-bottom: 20px;
		padding-top: 75px;
	}
	.general_section h2 + p {
		text-align: left;
	}

	.general_acc {
		margin: 50px auto;
	}
	.general_acc dt:before {
		right: 14px;
		width: 16px;
	}
	.general_acc dt:after {
		height: 16px;
		margin-top: -8px;
		right: 21px;
	}

	.general_acc dt a {
		font-size: 18px;
		padding: 15px 15px 15px 100px;
	}
	.general_acc dd .grid_left {
		display: block;
		padding: 20px 40px;
		width: 100%;
	}
	.general_acc dd .grid_right {
		display: block;
		padding: 0 10px 10px;
		width: 100%;
	}
	.general_acc dd h3 {
		color: #e5368d;
		font-size: 24px;
	}
	.general .btn_wrap_caution {
		font-size: 12px;
		padding-left: 1.0em;
		text-indent: -1.0em;
	}
	.btn_general {
		margin: 20px auto 0;
	}

	#general .general_acc {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	#general .acc_switch {
		margin-top: 10px;
	}
	#general .acc_panel {
		padding: 5px 10px 15px;
	}
	.seminar_table th {
		display: block;
		line-height: 1;
		width: auto;
	}
	.seminar_table td {
		display: block;
		padding-top: 0;
	}
	#general .general_acc dt a {
		background-position: 18px 9px;
		padding: 15px 15px 15px 60px;
	}
	#general .general_section h3 {
		background-position: 18px 7px;
		margin-bottom: 5px;
		padding: 13px 15px 13px 60px;
	}
	.seminar_case {
		margin: 0 auto 50px;
	}
	.seminar_case ol >  li {
		float: none;
		width: 100%;
	}
	.seminar_case ol > li + li {
		margin-left: 0;
		margin-top: 5px;
	}
	.seminar_case .img {
		margin-bottom: 10px;
	}
	.seminar_case .tit {
		margin: 3px 0;
	}
	.seminar_case .txt {
		margin: 3px 0 7px;
	}
	.seminar_case .btn a {
		font-size: 14px;
		line-height: 40px;
	}

	#products .general_acc dt:first-child a:after {
		left: 5px;
	}
	#products .general_acc dt:nth-of-type(2) a:after {
		left: 25px;
	}
}



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

	17. ログイン

--------------------------------------------------------- */
#login {background-color: #f9f6f0;}
#login .cmn_mv h1 {background-image: url(/material/img/login/login_mv_tit01.png);}
#login .box_entry {display: none;}

#login .contents_wide {
	text-align: center;
}
#login .contents_wide h2 {
	color: #e5368d;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
}
#login .login_img {
	letter-spacing: -.5em;
	margin: 30px auto;
	position: relative;
	text-align: center;
	width: 498px;
}
#login .login_img:before {
	content: '';
	background-color: #e5368d;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
}
#login .login_img li {
	display: inline-block;
	height: 102px;
	letter-spacing: normal;
	position: relative;
	width: 102px;
	z-index: 10;
}
#login .login_img li + li {
	margin-left: 30px;
}
#login .btn_wrap {
	background-color: #fff;
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
#login .btn_wrap .txt {
	color: #111;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto 10px;
	max-width: 400px;
	text-align: left;
}
#login .btn_wrap input {
	border: 2px solid #c5c5c5;
	height: 60px;
	font-size: 16px;
	margin: 0 auto 10px;
	max-width: 400px;
	padding: 0 15px;
	width: 100%;
}
#login .btn_wrap .btn_single input {
	background-color: #e5368d;
	border: none;
	color: #fff;
	display: table-cell;
	font-weight: bold;
	height: 70px;
	line-height: 1.3;
	margin: 0 auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
#login .btn_wrap + ul a {
	color: #e5368d;
}

#login .login_caution {
	display: inline-block;
	text-align: left;
}
#login .login_caution a {
	color: #e5368d;
}

/*===============================================
  ログイン：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#login .contents_wide h2 {
		font-size: 20px;
	}
	#login .login_img {
		margin-bottom: 0;
		width: 245px;
	}
	#login .login_img:before {
		background-color: transparent;
		border: 2px solid #e5368d;
		display: block;
		height: 132px;
		margin: -81px 0 0 -66px;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 132px;
	}
	#login .login_img li {
		margin-bottom: 30px;
	}
	#login .login_img li + li {
		margin-left: 0;
	}
	#login .login_img li:nth-child(even) {
		margin-left: 30px;
	}
	#login .btn_wrap input {
		height: 50px;
	}
	#login .btn_wrap .btn_single input {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
	}
}



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

	18. メンバーページ

--------------------------------------------------------- */
.member .box_entry {display: none;}

/* メンバートップ
--------------------------------------------------------- */
.member_sp_hello {display: none;}
#member_home .cmn_mv {margin: 0 0 35px;}

/*===============================================
  メンバートップ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.member_sp_hello {
		background: #e5368d url(/material/img/common/header_ico_member01.png) 10px center no-repeat;
		background-size: 28px;
		color: #fff;
		display: block;
		font-size: 14px;
		font-weight: bold;
		min-height: 40px;
		padding: 13px 10px 13px 45px;
	}
	#member_home .cmn_mv {margin: 0 0 22px;}
}

/* メンバートップ：メインビジュアル
--------------------------------------------------------- */
#member_mv_wrap {position: relative;}
#member_mv_wrap:before,
#member_mv_wrap:after {
	content: '';
	background: url(/material/img/member/member_mv_cover01.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 10.15%;
	position: absolute;
	width: 43.43%;
	z-index: 10;
}
#member_mv_wrap:before {
	top: 0;
	left: 0;
}
#member_mv_wrap:after {
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#member_mv_wrap .slide img {
	width: 100%;
}

#member_mv_wrap .bx-wrapper {
	margin: 0 auto 32px;
}
#member_mv_wrap .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: inherit;
}
#member_mv_wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: #c9c9c9;
	border-radius: 6px;
	display: block;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	text-indent: -9999px;
	width: 12px;
}
#member_mv_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#member_mv_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e5368d;
}
#member_mv_wrap .bx-wrapper .bx-controls-direction a {
	z-index: 1000;
}

/*===============================================
  メンバートップ：メインビジュアル：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#member_mv_wrap:before,
	#member_mv_wrap:after {
		background: url(/material/img/member/member_mv_cover01_sp.png) no-repeat;
		background-size: contain;
		padding-top: 20.31%;
		width: 35.93%;
	}
}

/* メンバートップ：NEWS
--------------------------------------------------------- */
#member_home .top_news .cmn_mv h2 {
	background-image: url(/material/img/member/member_news_tit01.png);
	background-size: auto 64px;
	padding-bottom: 105px;
}
#member_home .attention{    /*2020.03.04　コロナウィルス関連による臨時追記*/
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
}
#member_home .attention>p:first-of-type{
    margin-bottom: 30px;
    font-size:22px;
    font-weight: bold;
}
#member_home .attention>p:last-of-type{
    font-size:18px;
}
#member_home .attention>p>a{
    color: #e5368d;
    font-weight: bold;
    display: block;
    margin-top: 40px;
    margin-bottom: 80px;
    cursor: pointer;
}
.news_tag_member {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
/*===============================================
  メンバートップ：NEWS：768px未満              /*2020.03.04　コロナウィルス関連による臨時追記*/
/*===============================================*/
@media screen and (max-width:767px) {
    #member_home .attention{    /*2020.03.04　コロナウィルス関連による臨時追記*/
        font-size: 14px;
        text-align: left;
    }
    #member_home .attention>p:first-of-type{
        margin-bottom: 20px;
        font-size:16px;
        font-weight: bold;
    }
    #member_home .attention>p:last-of-type{
        font-size:14px;
    }
    #member_home .attention>p .pc_box{
        display: none;
    }
    #member_home .attention>p>a{
        margin-top:20px;
    }
}
/*===============================================
  メンバートップ：MOVIE：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#member_home .top_news .cmn_mv h2 {
		background-size: auto 48px;
		padding-bottom: 80px;
	}
}

/* メンバートップ：SUPPORT
--------------------------------------------------------- */
#member_home .member_support {
	background-color: #f9f6f0;
	padding: 55px 0 60px;
}
#member_home .member_support h2 {background-image: url(/material/img/member/member_support_tit01.png);}

#member_home .member_support_menu {
	margin-bottom: -2%;
	overflow: hidden;
	/* 2023.11.01 追記 start*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* 2023.11.01 追記 end*/
}

/* 2023.11.01 追記 start*/
#member_home .member_support_menu2{
	justify-content: center;
}
/* 2023.11.01 追記 end*/

#member_home .member_support_menu li {
	/* 2023.11.01 削除 */
	/* float: left; */
	height: 0;
	margin-bottom: 2%;
	padding-top: 22%;
	position: relative;
	width: 49%;
}
#member_home .member_support_menu li:nth-child(2n) {float: right;}
#member_home .member_support_menu li a {
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
#member_home .member_support_menu li a .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
#member_home .member_support_menu li#member_product a .inner {
	width: 70%;
	top: 30%;
	left: 56%;
	text-align: right;
}
#member_home .member_support_menu li a .tit {
	display: block;
	font-size: 28px;
	margin-top: 10px;
}
#member_home .member_support_menu li#member_product a .tit {
	font-size: 22px;
}
#small_intestine a .inner, #member_support_floss a .inner{
	font-size: 24px;
}
#member_support_floss a .inner .inner_row {
	display: block;
	margin-top: 10px;
}
#member_support_event a {background-image: url(/material/img/member/member_bg_event01.jpg);}
#member_support_tools a {background-image: url(/material/img/member/member_bg_tools01.jpg);}
#small_intestine a {background-image: url(/material/img/member/new_small_intestine.jpg);}
#member_seminar a {background-image: url(/material/img/member/member_bg_seminar.jpg);}
#member_product a {background-image: url(/material/img/member/member_bg_product.jpg);}
#member_support_floss a {background-image: url(/material/img/member/member_bg_floss01.jpg);}

#member_home .member_support_menu2 {
	margin-top: 2%;
}
#member_home .member_support_menu2 li {
	padding-top: 14%;
}
#member_home .member_support_menu2 li a {
	background-repeat: repeat;
	background-size: 11px;
}
#member_home .member_support_menu2 li a .tit {
	display: inline-block;
	padding-left: 40px;
	position: relative;
	white-space: nowrap;
}
#member_home .member_support_menu2 li a .tit:after {
	content: '';
	background-size: 32px;
	display: block;
	height: 32px;
	margin-top: -16px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 32px;
}
#member_support_mail a {background-image: url(/material/img/member/member_bg_mail01.png);}
#member_support_mail a span:after {background-image: url(/material/img/member/member_ico_mail01.png);}
#member_support_facebook a {background-image: url(/material/img/member/member_bg_facebook01.png);}
#member_support_facebook a span:after {background-image: url(/material/img/member/member_ico_facebook01.png);}


/*===============================================
  メンバートップ：SUPPORT：800px未満
===============================================*/
@media screen and (max-width:799px) {
	#member_home .member_support_menu li a .tit {
		font-size: 25px;
	}
	#small_intestine a .inner, #member_support_floss a .inner{
		font-size: 22px;
 	}
}

/*===============================================
  メンバートップ：SUPPORT：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#member_home .member_support {padding: 30px 0;}
	#member_home .member_support_menu {
		margin: 0 auto;
		max-width: 490px;
		/*height: 100%;*/
	}
	#member_home .member_support_menu li {
		float: none;
		margin-bottom: 0;
		padding-top: 44.89%;
		width: 100%;
	}
	#member_home .member_support_menu li:nth-child(2n) {float: none;}
	#member_home .member_support_menu li + li {margin-top: 10px;}
	#member_home .member_support_menu li a {font-size: 14px;}
	#member_home .member_support_menu li a .tit {font-size: 20px;}
	#small_intestine a .inner, #member_support_floss a .inner{font-size: 18px;}
	#member_home .member_support_menu li#member_product a .tit{font-size: 18px;}

	#member_home .member_support_menu2 {margin-top: 10px;}
	#member_home .member_support_menu2 li {
		padding-top: 26.51%;
	}
	#member_home .member_support_menu2 li a {background-size: 6px;}
	#member_home .member_support_menu2 li a .inner:after {
		background-size: 20px;
		height: 20px;
		margin-top: -10px;
		width: 20px;
	}
}

/* メンバートップ：MOVIE
--------------------------------------------------------- */
.member_movie {
	background: url(/material/img/top/special_bg01.png);
	background-size: 32px auto;
	padding: 55px 0;
	text-align: center;
}
.member_movie .cmn_mv h2 {
	background-image: url(/material/img/member/member_movie_tit01.png);
	color: #fff;
}
.member_movie .cmn_mv h2:after {
	background-color: #fff;
}
#member_movie_slider_wrap {
	margin: 0 auto;
	max-width: 920px;
	width: 92%;
}
.member_movie_slider .slide {
	display: none;
	position: relative;
}
.bx-viewport .member_movie_slider .slide {
	display: block !important;
}

.member_movie_panel {
	background-color: #e5368d;
	padding: 25px;
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	z-index: 10;
}
.member_movie_panel h3 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
}
.member_movie_list {
	margin: 0 -5.05% -5.05% 0;
	overflow: hidden;
}
.member_movie_panel li {
	background-color: #fff;
	border: 2px solid #fff;
	color: #e5368d;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0 5.05% 5.05% 0;
	width: 28.28%;
}
.member_movie_panel li .tit {
	background-color: #e5368d;
	color: #fff;
	font-size: 14px;
	padding: 5px;
}
.member_movie_panel li .txt {
	display: table;
	height: 65px;
	line-height: 1.5;
	width: 100%;
}
.member_movie_panel li .txt span {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.member_movie_img {
	margin: 20px 0 0 auto;
	width: 65%;
}
.member_movie_img a {
	border: 6px solid #e5368d;
	display: block;
	outline: none;
	position: relative;
}
.member_movie_img a:after {
	content: '';
	background: url(/material/img/member/member_ico_movie01.png) no-repeat;
	background-size: 90px;
	height: 90px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 90px;
}

.member_movie_slider .btn_single {
	min-height: auto;
	position: absolute;
	top: 205px;
	left: 20px;
	width: 30%;
}
.member_movie_slider .btn_single:after {display: none;}
.member_movie_slider .btn_single a {
	display: table;
	height: 100%;
	width: 100%;
}
.member_movie_slider .btn_single span {
	background-color: #000;
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 44px;
	color: #fff;
	display: table-cell;
	font-size: 14px;
	font-weight: bold;
	height: 100%;
	padding: 10px 10px 10px 60px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}
.member_movie_slider .btn_download span {background-image: url(/material/img/member/member_ico_download01.png);}
.member_movie_slider .btn_pdf span {background-image: url(/material/img/member/member_ico_pdf01.png);}

#member_movie_slider_wrap .bx-wrapper {
	margin: 0 auto 32px;
}
#member_movie_slider_wrap .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: inherit;
}
#member_movie_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border-radius: 6px;
	display: block;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	text-indent: -9999px;
	width: 12px;
}
#member_movie_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#member_movie_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e5368d;
}
#member_movie_slider_wrap .bx-wrapper .bx-controls-direction a {
	z-index: 1000;
}
#member_movie_slider_wrap .bx-wrapper .bx-prev {
	background: url(/material/img/top/btn_arrow01.png) no-repeat;
	background-size: contain;
	height: 21px;
	left: -45px;
	-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
					transform: rotate(90deg);
	width: 36px;
}
#member_movie_slider_wrap .bx-wrapper .bx-prev:hover,
#member_movie_slider_wrap .bx-wrapper .bx-next:hover {
	background-position: left top;
	opacity: 0.8;
}
#member_movie_slider_wrap .bx-wrapper .bx-next {
	background: url(/material/img/top/btn_arrow01.png) no-repeat;
	background-size: contain;
	height: 21px;
	right: -45px;
	-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
					transform: rotate(-90deg);
	width: 36px;
}

/*===============================================
  メンバートップ：MOVIE：900px未満
===============================================*/
@media screen and (max-width:899px) {
	.member_movie_panel {padding: 20px;}
	.member_movie_panel h3 {font-size: 18px;}
	.member_movie_panel li {font-size: 14px;}
	.member_movie_slider .btn_single {top: 180px;}
	.member_movie_slider .btn_single span {
		background-size: 30px;
		font-size: 12px;
		padding: 10px 10px 10px 45px;
	}
}

/*===============================================
  メンバートップ：MOVIE：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.member_movie_panel {
		padding: 15px;
		position: static;
		width: 100%;
	}
	.member_movie_panel h3 {
		font-size: 17px;
		margin-bottom: 10px;
		text-align: center;
	}
	.member_movie_panel li {font-size: 12px;}
	.member_movie_panel li .tit {font-size: 12px;}
	.member_movie_panel li .txt {
		height: 40px;
		line-height: 1.3;
	}

	.member_movie_img {
		margin: 0 0 5px;
		width: 100%;
	}
	.member_movie_img a {
		border: 2px solid #e5368d;
	}
	.member_movie_img a:after {
		background-size: 50px;
		height: 50px;
		width: 50px;
	}

	.member_movie_slider .btn_single {
		min-height: 56px;
		position: static;
		width: 100%;
	}
	.member_movie_slider .btn_single span {
		background-size: 30px;
		color: #fff;
		display: table-cell;
		font-size: 12px;
		font-weight: bold;
		height: 100%;
		line-height: 1.5;
		padding: 10px 10px 10px 60px;
		text-align: left;
		vertical-align: middle;
		width: 100%;
	}

	#member_movie_slider_wrap {
		max-width: 540px;
	}
	#member_movie_slider_wrap .bx-wrapper .bx-controls-direction a {
		margin-top: -7px;
	}
	#member_movie_slider_wrap .bx-wrapper .bx-prev {
		height: 14px;
		left: -28px;
		width: 24px;
	}
	#member_movie_slider_wrap .bx-wrapper .bx-next {
		height: 14px;
		right: -28px;
		width: 24px;
	}
}

/* メンバートップ：お問い合わせ
--------------------------------------------------------- */
#member_home .box_contact {display: block;}
#member_home .box_contact h2 {background-image: url(/material/img/common/tit_contact01.png);}

/* メンバートップ：よくある質問
--------------------------------------------------------- */
#faq.memberfaq .box_entry{
    display: none;
}
#faq.memberfaq .contents_wide{
    margin-top: 100px;
}
@media screen and (max-width:767px) {
    #faq.memberfaq .contents_wide{
        margin-top: 30px;
    }
}

/* 便利ツール
--------------------------------------------------------- */
#tools .cmn_mv h1 {background-image: url(/material/img/member/tools_mv_tit01.png);}

#tools .tools_lead {
	margin: -30px 0 75px;
	text-align: center;
}

#tools .tools_icon {
	display: table;
	float: right;
	margin-bottom: 15px;
}
#tools .tools_icon li {
	display: table-cell;
	padding-right: 25px;
	vertical-align: middle;
}
#tools .tools_icon li:last-child {
	padding-right: 0;
}
#tools .tools_icon li img {
	height: 35px;
	margin-right: 10px;
	vertical-align: middle;
	width: auto;
}

#tools .tools_list {
	clear: both;
}
#tools .tools_list dt {
	margin-bottom: 5px;
	position: relative;
}
#tools .tools_list dt:before {
	content: '';
	background-color: #000;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 16px;
}
#tools .tools_list dt:after {
	content: '';
	background-color: #000;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 22px;
	width: 2px;
}
#tools .tools_list dt.open:after {
	display: none;
}
#tools .tools_list dt a {
	background: url(/material/img/common/bg_slash_gray01.png);
	background-size: 10px;
	border: 2px solid #111;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
	text-decoration: none;
}
#tools .tools_list dt:nth-of-type(even) a {
	background: url(/material/img/common/bg_slash_pink01.png);
	background-size: 10px;
	border: 2px solid #e5368d;
	color: #e5368d;
}
#tools .tools_list dt a:before {
	content: '';
	border: 3px solid #000;
	display: inline-block;
	height: 14px;
	margin-right: 10px;
	position: relative;
	top: 1px;
	width: 14px;
}
#tools .tools_list dt:nth-of-type(even) a:before {
	border: 3px solid #e5368d;
}
#tools .tools_list dd {
	display: none;
	margin: 0 -2px;
}
#tools .tools_list table {
	border-collapse: separate;
	border-spacing: 2px 4px;
	margin-bottom: 15px;
	width: 100%;
}
#tools .tools_list th {
	background-color: #f9f9f9;
	text-align: center;
	vertical-align: middle;
	width: 60px;
}
#tools .tools_list th img {
	height: 35px;
	width: auto;
}
#tools .tools_list td {
	background-color: #f9f9f9;
	padding: 10px;
}
#tools .tools_list dd:nth-of-type(even) th,
#tools .tools_list dd:nth-of-type(even) td {
	background-color: #fff8fb;
}
#tools .tools_list_title p {
	line-height: 1.4;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#tools .tools_list_title p:before {
	content: '■';
	color: #e5368d;
	margin-right: 0.5em;
}
#tools .tools_list_title .txt_s {
	font-size: 12px;
}
#tools .tools_list td:last-child {
	overflow: hidden;
	width: 262px;
}
#tools .tools_list .tools_check,
#tools .tools_list .tools_download {
	float: left;
	height: 40px;
	width: 110px;
}
#tools .tools_list .tools_check a,
#tools .tools_list .tools_download a {
	background-color: #e5368d;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 100%;
	line-height: 40px;
	outline: none;
	text-align: center;
	text-decoration: none;
}
#tools .tools_list .tools_download {
	margin-left: 10px;
}
#tools .tools_list .tools_download a {
	background-color: #000;
}

#tools .contents_wide + .cmn_mv h1 {
	background-image: url(/material/img/member/tools_mv_tit02.png);
}
#tools .tools_lead2 {
	margin: -30px 0 30px;
	text-align: center;
}
#tools .btn_wrap {
	margin-bottom: 10px;
}
#tools .btn_wrap_caution {
	font-size: 12px;
	margin-top: 0;
	padding-left: 1.0em;
	text-indent: -1.0em;
}

/*===============================================
  便利ツール：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#tools .tools_lead {
		margin: 30px 0;
	}

	#tools .tools_icon {
		float: none;
		margin: 0 auto 15px;
	}
	#tools .tools_icon li {
		text-align: center;
	}
	#tools .tools_icon li img {
		display: block;
		margin: 0 auto;
	}

	#tools .tools_list dt:before {
		right: 12px;
		width: 14px;
	}
	#tools .tools_list dt:after {
		height: 14px;
		margin-top: -7px;
		right: 18px;
	}
	#tools .tools_list dt a {
		font-size: 15px;
		padding: 10px 5px;
	}
	#tools .tools_list dt a:before {
		height: 12px;
		width: 12px;
	}

	#tools .tools_list th {
		width: 50px;
	}
	#tools .tools_list th img {
		height: 30px;
	}
	#tools .tools_list td {
		background-color: #f9f9f9;
		padding: 10px;
	}
	#tools .tools_list_title {
		display: block;
	}
	#tools .tools_list td:last-child {
		display: block;
		padding-top: 0;
		width: 100%;
	}
	#tools .tools_list .tools_check,
	#tools .tools_list .tools_download {
		height: 30px;
		width: 49%;
	}
	#tools .tools_list .tools_download {
		margin-left: 1%;
	}
	#tools .tools_list .tools_check a,
	#tools .tools_list .tools_download a {
		line-height: 30px;
		text-align: center;
		text-decoration: none;
	}

	#tools .tools_lead2 {
		margin: 30px 0 20px;
	}
}

/*===============================================
  便利ツール：340px未満
===============================================*/
@media screen and (max-width:339px) {
	#tools .tools_list dt a {
		font-size: 14px;
	}
}

/* メールマガジン
--------------------------------------------------------- */
#mailmagazine_index {background-color: #f9f6f0;}
#mailmagazine_index .cmn_mv h1 {background-image: url(/material/img/form/mailmagazine_mv_tit01.png);}

#mailmagazine_index .contents_wide {
	text-align: center;
}
#mailmagazine_index .mm_tit {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
	position: relative;
}
#mailmagazine_index .mm_tit:before,
#mailmagazine_index .mm_tit:after {
	content: '';
	border: 3px solid transparent;
	border-top: 32px solid #111;
	display: block;
	height: 0;
	position: absolute;
	top: 0;
	left: -1.5em;
	width: 0;
}
#mailmagazine_index .mm_tit:before {
	-webkit-transform: rotate(-25deg);
			-ms-transform: rotate(-25deg);
					transform: rotate(-25deg);
}
#mailmagazine_index .mm_tit:after {
	left: inherit;
	right: -1.2em;
	-webkit-transform: rotate(25deg);
			-ms-transform: rotate(25deg);
					transform: rotate(25deg);
}
#mailmagazine_index .contents_wide .mm_tit2 {
	color: #e5368d;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 30px;
}
#mailmagazine_index .mm_tit2 span {
	position: relative;
}
#mailmagazine_index .mm_tit2 span:after {
	content: '・';
	color: #ffde00;
	position: absolute;
	top: -1.0em;
	left: 0;
}

#mailmagazine_index .mm_point {
	margin: 0 auto;
	max-width: 830px;
	width: 100%;
}
#mailmagazine_index .mm_point li {
	background: url(/material/img/common/bg_slash_white01.png);
	background-size: 10px;
	border: 2px solid #111;
	border-radius: 50%;
	box-shadow: 0 3px 3px rgba(1,1,1,0.2);
	float: left;
	font-weight: bold;
	height: 260px;
	margin-top: 40px;
	padding-top: 30px;
	width: 260px;
}
#mailmagazine_index .mm_point li:nth-child(2) {
	margin-top: 0;
}
#mailmagazine_index .mm_point li + li {
	margin-left: 25px;
}
#mailmagazine_index .mm_point h2 {
	border-bottom: 1px dotted #111;
	display: inline-block;
	font-size: 15px;
	line-height: 1.1;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#mailmagazine_index .mm_point h2 span {
	display: block;
	font-size: 50px;
	position: relative;
}
#mailmagazine_index .mm_point h2 span:before,
#mailmagazine_index .mm_point h2 span:after {
	content: '';
	background: url(/material/img/member/mm_ico_star01.png) no-repeat;
	background-size: contain;
	display: block;
	height: 39px;
	margin-top: -19px;
	position: absolute;
	top: 50%;
	left: -0.8em;
	width: 26px;
}
#mailmagazine_index .mm_point h2 span:after {
	left: inherit;
	right: -0.8em;
	-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
					transform: rotate(180deg);
}
#mailmagazine_index .mm_point p:last-child {
	color: #e5368d;
	font-size: 22px;
	line-height: 1.3;
	margin-top: 5px;
}

#mailmagazine_index .mm_anim_img {
	height: 260px;
	margin: 0 auto;
	position: relative;
	left: 64px;
	width: 230px;
}
#mailmagazine_index .mm_anim_img:before {
	content: url(/material/img/member/mm_bg01.png);
	position: absolute;
	top: 30px;
	left: -300px;
}

#mailmagazine_index .btn_wrap {
	background-color: #fff;
}
#mailmagazine_index .mm_btn_wrap {
	margin: 20px auto 0;
	max-width: 400px;
	overflow: hidden;
	width: 100%;
}
#mailmagazine_index .mm_btn_wrap .txt {
	margin-bottom: 10px;
}
#mailmagazine_index .mm_btn_wrap .btn_single {
	float: left;
	width: 49%;
}
#mailmagazine_index .mm_btn_wrap .btn_single + .btn_single {
	margin-left: 2%;
}
#mailmagazine_index .mm_btn_wrap a {
	background-color: #000;
}

#mailmagazine_index .mm_backnumber {
	background-color: #fff;
	margin-bottom: 0;
	padding: 45px 0 60px;
}
#mailmagazine_index .mm_backnumber h3 {
	color: #e5368d;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
#mailmagazine_index .mm_backnumber_list {
	background: url(/material/img/common/bg_slash_gray01.png);
	background-size: 10px;
	border: 2px solid #000;
	margin: 0 auto;
	max-width: 930px;
	overflow: hidden;
	padding: 20px;
}
#mailmagazine_index .mm_backnumber_list li {
	background-color: #fff;
	float: left;
	max-width: 290px;
	text-align: left;
	width: 32%;
}
#mailmagazine_index .mm_backnumber_list li + li {
	margin-left: 2%;
}
#mailmagazine_index .mm_backnumber_list li a {
	text-decoration: none;
}
#mailmagazine_index .mm_backnumber_list h4 {
	color: #e5368d;
	font-weight: bold;
	padding: 15px 20px 5px;
}
#mailmagazine_index .mm_backnumber_list h4 + p {
	padding: 0 20px 15px;
}

/*===============================================
  メールマガジン：870px未満
===============================================*/
@media screen and (min-width:768px) and (max-width:869px) {
	#mailmagazine_index .mm_point {
		max-width: 728px;
	}
	#mailmagazine_index .mm_point li {
		height: 226px;
		margin-top: 30px;
		padding-top: 15px;
		width: 226px;
	}
	#mailmagazine_index .mm_point p:last-child {
		color: #e5368d;
		font-size: 18px;
		line-height: 1.3;
		margin-top: 5px;
	}
}

/*===============================================
  メールマガジン：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#mailmagazine_index .mm_point {
		margin-bottom: 30px;
		max-width: 260px;
	}
	#mailmagazine_index .mm_point li {
		margin-top: 0;
	}
	#mailmagazine_index .mm_point li:nth-child(2),
	#mailmagazine_index .mm_point li + li {
		margin-left: 0;
		margin-top: 25px;
	}

	#mailmagazine_index .mm_tit {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#mailmagazine_index .mm_tit:before,
	#mailmagazine_index .mm_tit:after {
		border-top: 25px solid #111;
	}
	#mailmagazine_index .contents_wide .mm_tit2 {
		font-size: 20px;
		line-height: 1.3;
		margin-bottom: 30px;
	}

	#mailmagazine_index .mm_point p:last-child {
		font-size: 20px;
	}

	#mailmagazine_index .mm_anim_img {
		height: 260px;
		margin: 0 auto;
		position: relative;
		left: 5px;
		width: 230px;
	}
	#mailmagazine_index .mm_anim_img:before {
		display: none;
	}

	#mailmagazine_index .mm_backnumber {
		padding: 30px 0 30px;
	}
	#mailmagazine_index .mm_backnumber_list li {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	#mailmagazine_index .mm_backnumber_list li + li {
		margin: 15px auto 0;
	}
}



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

	19. ブログ

--------------------------------------------------------- */
.blog {background-color: #f9f6f0;}
.blog .cmn_mv h1 {background-image: url(/material/img/blog/blog_mv_tit01.png);}

/* ブログ：トップ
--------------------------------------------------------- */
#blog_index .cmn_mv {margin-bottom: 40px;}

.blog_index_lead {
	margin-bottom: 70px;
	text-align: center;
}
.blog_index_lead h2 {
	color: #e5368d;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

.blog_menu .blog_menu_top {
	height: 40px;
	width: 100%;
}
.blog_menu .blog_menu_top a {
	background-color: #fff;
	color: #e5368d;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 100%;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.blog_menu input[type="text"] {
	background-color: #fff;
	border: none;
	border-radius: 0;
	float: left;
	height: 40px;
	line-height: 40px;
	outline: none;
	padding: 0 10px;
	padding-right: 40px;
	width: calc(100% - 40px);
}
.blog_menu input[type="image"] {
	background-color: #e5368d;
	border-radius: 0;
	outline: none;
	vertical-align: middle;
	width: 40px;
}
.blog_menu select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(/material/img/blog/blog_ico_arrow01.png) right center no-repeat;
	background-size: auto 40px;
	border: none;
	border-radius: 0;
	cursor: pointer;
	height: 40px;
	outline: none;
	padding: 0 10px;
	width: 100%;
}
body:not(:target) .blog_menu select {
	background: #fff\9;
	padding: 0 0 0 10px;
}
.blog_menu select::-ms-expand {
	display: none;
}
.blog_menu select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}

.blog_list {
	margin: 0 auto -50px;
	max-width: 992px;
	overflow: hidden;
	width: 100%;
}
.blog_list li {
	float: left;
	margin: 0 32px 50px;
	text-align: center;
	width: 200px;
}
.blog_list li:nth-child(4n) {margin-right: 0;}
.blog_list li:nth-child(4n+1) {margin-left: 0;}
.blog_list .img_thumb {
	margin-bottom: 10px;
	position: relative;
}
.img_thumb .blog_ico_new {
	background-color: #e5368d;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 42px;
}
.blog_list .img_thumb a {
	border: 4px solid #e5368d;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}
.layout_pc .blog_list .img_thumb a:hover {opacity: 0.9;}
.blog_list .img_thumb a img {
	width: 100%;
}
.blog_list .txt_date {
	color: #e5368d;
	font-size: 16px;
	margin-bottom: 5px;
}
.blog_list .txt_tit a {
	text-decoration: none;
}
.layout_pc .blog_list .txt_tit a:hover {
	text-decoration: underline;
}

/*===============================================
  ブログ：トップ：1032px未満
===============================================*/
@media screen and (max-width:1031px) {
	.blog_list {
		max-width: 728px;
		overflow: hidden;
		width: 100%;
	}
	.blog_list li {
		float: left;
		margin: 0 32px 32px;
		text-align: center;
		width: 200px;
	}
	.blog_list li:nth-child(4n) {margin-right: 32px;}
	.blog_list li:nth-child(4n+1) {margin-left: 32px;}
	.blog_list li:nth-child(3n) {margin-right: 0;}
	.blog_list li:nth-child(3n+1) {margin-left: 0;}
}

/*===============================================
  ブログ：トップ：758px未満
===============================================*/
@media screen and (max-width:757px) {
	.blog_index_lead {
		margin-bottom: 40px;
	}
	.blog_menu {margin-bottom: -10px;}
	.blog_menu > li {margin-bottom: 10px;}

	.blog_list {
		max-width: 570px;
	}
	.blog_list li {
		margin: 0 15px 30px;
		width: 120px;
	}
	.blog_list li:nth-child(4n) {margin-right: 0;}
	.blog_list li:nth-child(4n+1) {margin-left: 0;}
	.blog_list li:nth-child(3n) {margin-right: 15px;}
	.blog_list li:nth-child(3n+1) {margin-left: 15px;}
	.blog_list li:first-child {margin-left: 0;}
	.blog_list li:last-child {margin-right: 0;}
	.blog_list .img_thumb a {border: 3px solid #e5368d;}
	.blog_list .txt_date {font-size: 14px;}
	.blog_list .txt_tit {
		font-size: 12px;
		line-height: 1.5;
	}
}

/*===============================================
  ブログ：トップ：600px未満
===============================================*/
@media screen and (max-width:599px) {
	.blog_list {
		max-width: 420px;
	}
	.blog_list li:nth-child(4n) {margin-right: 15px;}
	.blog_list li:nth-child(4n+1) {margin-left: 15px;}
	.blog_list li:nth-child(3n) {margin-right: 0;}
	.blog_list li:nth-child(3n+1) {margin-left: 0;}
	.blog_list li:first-child {margin-left: 0;}
	.blog_list li:last-child {margin-right: 0;}
}

/*===============================================
  ブログ：トップ：450px未満
===============================================*/
@media screen and (max-width:449px) {
	.blog_list {
		max-width: 270px;
	}
	.blog_list li:nth-child(4n) {margin-right: 15px;}
	.blog_list li:nth-child(4n+1) {margin-left: 15px;}
	.blog_list li:nth-child(3n) {margin-right: 15px;}
	.blog_list li:nth-child(3n+1) {margin-left: 15px;}
	.blog_list li:nth-child(odd) {margin-left: 0;}
	.blog_list li:nth-child(even) {margin-right: 0;}
}

/* ブログ：アーカイブ
--------------------------------------------------------- */
#blog_archive .blog_menu {
	float: right;
	width: 24%;
}
#blog_archive .blog_menu > li + li {margin-top: 20px;}

#blog_archive .contents_main {
	float: left;
	width: 72%;
}

#blog_archive .blog_index_lead {
	margin-bottom: 25px;
	text-align: left;
}
#blog_archive .blog_index_lead h2 {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 0;
}

.blog_archive_list > li {
	background: url(/material/img/blog/archive_bg01.png);
	overflow: hidden;
	padding: 20px;
}
.blog_archive_list > li + li {
	margin-top: 10px;
}

.blog_archive_list .img_thumb {
	float: left;
	position: relative;
	width: 29.41%;
}
.blog_archive_list .img_thumb a {
	border: 4px solid #e5368d;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}

.archive_inner {
	margin-left: 32.5%;
}
.archive_tit {
	margin-bottom: 7px;
}
.archive_tit a {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
}
.layout_pc .archive_tit a:hover {
	text-decoration: underline;
}
.archive_date {
	font-size: 16px;
	margin-bottom: 5px;
}
.archive_category {
	font-size: 12px;
	margin-bottom: 7px;
}
.archive_category_tit,
.archive_category .post-categories {
	display: inline;
}
.archive_category .post-categories li {
	display: inline-block;
}
.archive_category .post-categories li:after {
	content: ',';
}
.archive_category .post-categories li:last-child:after {
	content: '';
}
.archive_category .post-categories a {
	color: #e5368d;
	text-decoration: none;
}
.layout_pc .archive_category .post-categories a:hover {
	text-decoration: underline;
}

.archive_btn {
	height: 40px;
	margin: 2em 0 0 auto;
	width: 140px;
}
.archive_btn a {
	background-color: #e5368d;
	color: #fff;
	display: block;
	height: 100%;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

/*===============================================
  ブログ：アーカイブ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#blog_archive .blog_menu {
		float: none;
		margin-bottom: 40px;
		width: 100%;
	}
	#blog_archive .blog_menu > li + li {margin-top: 10px;}

	#blog_archive .contents_main {
		float: none;
		width: 100%;
	}

	#blog_archive .blog_index_lead {text-align: center;}
	#blog_archive .blog_index_lead h2 {font-size: 20px;}

	.blog_archive_list > li {padding: 10px;}

	.blog_archive_list .img_thumb {
		float: none;
		height: 150px;
		margin: 0 auto 12px;
		width: 150px;
	}
	.blog_archive_list .img_thumb a {border: 3px solid #e5368d;}
	.archive_category .post-categories li {display: inline;}
	.archive_inner {margin-left: 0;}
	.archive_tit a {font-size: 16px;}
	.archive_btn {margin: 10px auto 0;}
}

/* ブログ：ページネーション
--------------------------------------------------------- */
.wp-pagenavi {
	margin: 60px 0 70px;
	text-align: center;
}
#blog_archive .wp-pagenavi {margin-bottom: 0;}
.wp-pagenavi span,
.wp-pagenavi a {
	background-color: #fff;
	border: 1px solid #fff !important;
	color: #000;
	display: inline-block;
	margin: 2px;
	min-height: 26px;
	min-width: 26px;
	padding: 5px !important;
	text-decoration: none;
	vertical-align: middle;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
	background-color: #e5368d;
	border-color: #e5368d;
	color: #fff;
	font-weight: bold;
}

/*===============================================
  ブログ：ページネーション：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#blog_archive .wp-pagenavi {margin-top: 30px;}
}

/* ブログ：詳細
--------------------------------------------------------- */
#blog_single .blog_menu {
	float: right;
	width: 24%;
}
#blog_single .blog_menu > li + li {margin-top: 20px;}

#blog_single .contents_main {
	float: left;
	width: 72%;
}
#blog_single .contents_main h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 7px;
}
#blog_single .contents_main h2 {
	color: #e5368d;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}
#blog_single .contents_main h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}
#blog_single .blog_info {
	font-size: 12px;
	margin-bottom: 45px;
}
#blog_single .blog_date {
	font-size: 16px;
	margin-bottom: 5px;
}
#blog_single .blog_category_tit {
	display: inline;
}
#blog_single .blog_info .post-categories {
	display: inline;
}
#blog_single .blog_info .post-categories li {
	display: inline-block;
}
#blog_single .blog_info .post-categories li:after {
	content: ',';
}
#blog_single .blog_info .post-categories li:last-child:after {
	content: '';
}
#blog_single .blog_info .post-categories li a {
	color: #e5368d;
	text-decoration: none;
}
.layout_pc #blog_single .blog_info .post-categories li a:hover {
	text-decoration: underline;
}
#blog_single .contents_main p {
	/*clear: both;*/
}
#blog_single .contents_main a {
	color: #e5368d;
}
#blog_single .contents_main p + h2,
#blog_single .contents_main p + h3,
#blog_single .contents_main p + p {
	margin-top: 20px;
}
#blog_single .contents_main .aligncenter,
#blog_single .contents_main img.aligncenter {
	display: block;
	margin: 0 auto;
}
#blog_single .contents_main .alignleft,
#blog_single .contents_main img.alignleft {
	float: left;
	margin-right: 3%;
	margin-bottom: 3%;
	vertical-align: top;
	/*width: 48.5%;*/
}
#blog_single .contents_main .alignright,
#blog_single .contents_main img.alignright {
	float: right;
	margin-left: 3%;
	margin-bottom: 3%;
	vertical-align: top;
	/*width: 48.5%;*/
}
#blog_single .contents_main .size-full,
#blog_single .contents_main .size-large {
	max-width: 720px;
	width: 100%;
}
#blog_single .contents_main .size-medium {
	max-width: 350px;
	width: 100%;
}

#blog_single .contents_main .blog_link_category {
	margin-top: 10px;
}
#blog_single .contents_main .blog_link_category a {
	color: #e5368d;
}
#blog_single .contents_main .blog_facebook {
	margin-top: 40px;
	text-align: right;
}

.blog_pagenation {
	margin-top: 40px;
	overflow: hidden;
}
.blog_pagenation > div {
	display: table;
	line-height: 1.5;
	position: relative;
	width: 45%;
}

.blog_pagenation > div a {
	display: table-cell;
	height: 40px;
	position: relative;
	vertical-align: middle;
}
.blog_pagenation > div a:before {
	content: '';
	background-color: #e5368d;
	height: 40px;
	position: absolute;
	top: 0;
	width: 40px;
}
.blog_pagenation > div a:after {
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	height: 9px;
	position: absolute;
	top: 16px;
	width: 9px;
}
.blog_pagenation_prev {float: left;}
.blog_pagenation_prev a {padding-left: 50px;}
.blog_pagenation_prev a:before {left: 0;}
.blog_pagenation_prev a:after {
	left: 18px;
	-webkit-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.blog_pagenation_next {float: right;}
.blog_pagenation_next a {
	padding-right: 50px;
	text-align: right;
}
.blog_pagenation_next a:before {right: 0;}
.blog_pagenation_next a:after {
	right: 16px;
	-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

/*===============================================
  ブログ：詳細：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#blog_single .blog_menu {
		float: none;
		margin-bottom: 40px;
		width: 100%;
	}
	#blog_single .blog_menu > li + li {margin-top: 10px;}

	#blog_single .contents_main {
		float: none;
		font-size: 12px;
		width: 100%;
	}
	#blog_single .contents_main h1 {
		font-size: 17px;
		margin-bottom: 7px;
	}
	#blog_single .contents_main h2 {
		color: #e5368d;
		font-size: 15px;
		margin-bottom: 7px;
	}
	#blog_single .contents_main h3 {
		font-size: 13px;
		margin-bottom: 7px;
	}
	#blog_single .blog_info {margin-bottom: 20px;}
	#blog_single .blog_date {
		display: block;
		margin-right: 0;
	}
	#blog_single .blog_info .post-categories li {display: inline;}
	#blog_single .contents_main p + h2,
	#blog_single .contents_main p + h3,
	#blog_single .contents_main p + p {
		margin-top: 20px;
	}
	#blog_single .contents_main .alignleft,
	#blog_single .contents_main img.alignleft,
	#blog_single .contents_main .alignright,
	#blog_single .contents_main img.alignright {
		float: none;
		margin: 0 auto 20px;
		max-width: 100%;
		/*width: 100%;*/
	}

	#blog_single .contents_main .blog_facebook {
		margin-top: 20px;
		text-align: left;
	}

	.blog_pagenation {margin-top: 30px;}
	.blog_pagenation > div {
		display: table;
		line-height: 1.5;
		position: relative;
		width: 45%;
	}

	.blog_pagenation > div a {
		color: transparent;
		display: table-cell;
		font-size: 0;
		height: 30px;
		position: relative;
		vertical-align: middle;
	}
	.blog_pagenation > div a:before {
		height: 30px;
		width: 30px;
	}
	.blog_pagenation > div a:after {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		height: 7px;
		top: 12px;
		width: 7px;
	}
	.blog_pagenation_prev a {padding-left: 40px;}
	.blog_pagenation_prev a:after {left: 14px;}
	.blog_pagenation_next a {padding-right: 40px;}
	.blog_pagenation_next a:after {right: 12px;}
}

/* ブログ：詳細用グリッド：2カラム
--------------------------------------------------------- */
#blog_single .grid_2col {
	margin: 20px 0 -4%;
	overflow: hidden;
	padding-bottom: 20px;
}
#blog_single .grid_2col li {
	float: left;
	margin-bottom: 4%;
	width: 48%;
}
#blog_single .grid_2col li:nth-child(even) {
	float: right;
}

/*===============================================
  ブログ：詳細用グリッド：2カラム：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#blog_single .grid_2col {
		margin-bottom: 0;
	}
	#blog_single .grid_2col li {
		float: none;
		margin-bottom: 0;
		width: 100%;
	}
	#blog_single .grid_2col li:nth-child(even) {
		float: none;
	}
	#blog_single .grid_2col li + li {
		margin-top: 20px;
	}
	#blog_single .grid_2col.width_50 li { /*18.07.31 追加*/
		width: auto;
		max-width: 350px
	}	
}

/* ブログ：詳細用グリッド：3カラム
--------------------------------------------------------- */
#blog_single .grid_3col {
	overflow: hidden;
	padding: 20px 0;
}

/* ブログ：詳細用：YouTube
--------------------------------------------------------- */
.box_youtube {
	margin: 20px 0;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.box_youtube iframe {
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
}

/* ブログ：コメント
--------------------------------------------------------- */
.form-allowed-tags {display: none;}

#respond {
	background: url(/material/img/blog/blog_bg_comment01.png);
	background-size: 4px;
	margin-top: 30px;
	padding: 30px;
}
#respond .required {
	color: #e5368d;
}
#respond form p + p {margin-top: 10px !important;}
#respond form p label {
	display: inline-block;
	vertical-align: middle;
	width: 9em;
}
#respond form p.comment-form-comment label {vertical-align: top;}
#respond form p input {
	background-color: #fff;
	border: none;
	height: 40px;
	padding: 0 10px;
	width: calc(100% - 10em);
}
#respond form p textarea {
	background-color: #fff;
	border: none;
	padding: 10px;
	width: calc(100% - 10em);
}
#respond form p.form-submit {
	margin-top: 25px !important;
	text-align: center;
}
#respond form p.form-submit input[type="submit"] {
	background-color: #e5368d;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	width: 200px;
}

/*===============================================
  ブログ：コメント：768px未満
===============================================*/
@media screen and (max-width:767px) {
	#respond {padding: 15px;}
	#respond form p + p {margin-top: 10px !important;}
	#respond form p label {
		display: block;
		margin-bottom: 5px;
		width: auto;
	}
	#respond form p input {
		height: 30px;
		padding: 0 10px;
		width: 100%;
	}
	#respond form p textarea {
		padding: 10px;
		width: 100%;
	}
	#respond form p.form-submit {
		margin-top: 10px !important;
	}
	#respond form p.form-submit input[type="submit"] {
		height: auto;
		padding: 10px;
		width: 100%;
	}
}



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

	20. キャンペーン特設ページ

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

/* 共通：メインビジュアル
--------------------------------------------------------- */
#special_page {
	padding-top: -90px;
	color: #B11114;
	}
	#presen {
	padding-top: -90px;
	color: #B11114;
	}
.present_mv {
	background: radial-gradient(circle at center, #ffffff 35%, #faf3de 100%);
	padding: 70px 0 110px;
	position: relative;
	text-align: center;
}
.present_mv:after {
	content: '';
	background-image: url(/material/img/campaign/bg_pinkstar03.png);
	background-size: contain;
	height: 53px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
	width: 198px;
}
.present_mv_ribbon {
	background: url(/material/img/campaign/bg_ribbon.png) center top no-repeat;
	background-size: auto 104px;
	color: #fff6df;
	font-size: 28px;
	font-weight: bold;
	height: 104px;
	margin-bottom: 32px;
	padding-top: 15px;
}
.present_mv h1 {
	color: #e5368d;
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
}
.present_mv h1:before,
.present_mv h1:after {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	height: 176px;
	position: absolute;
	top: 4px;
	width: 80px;
}
.present_mv h1:before {
	background-image: url(/material/img/campaign/bg_pinkstar01.png);
	left: 10%;
}
.present_mv h1:after {
	background-image: url(/material/img/campaign/bg_pinkstar02.png);
	right: 10%;
}
.present_mv .sub_txt {
	color: #e5368d;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 30px;
}
.present_mv .sub_txt a{
	color: inherit;
	text-decoration: underline;	
}


/*MI勉強会関連*/
#seminar_top .container>div{
	background-color:#e5368d;
	color:#fff;
}


/*===============================================
  共通：メインビジュアル：891px未満 (768px未満)
===============================================*/
@media screen and (max-width:890px) {
	.present_mv {
		padding: 30px 0 66px;
	}
	.present_mv:after {
		height: 33px;
		bottom: 20px;
		width: 124px;
	}
	.present_mv_ribbon {
		background-size: auto 67px;
		font-size: 18px;
		height: 67px;
		margin-bottom: 15px;
		padding-top: 10px;
	}
	.present_mv h1 {
		font-size: 24px;
		margin-bottom: 0;
		position: relative;
	}
	.present_mv h1:before,
	.present_mv h1:after {
		height: 100px;
		top: -20px;
		width: 42px;
	}
	.present_mv h1:before {
		left: -9%;
	}
	.present_mv h1:after {
		right: -9%;
	}
}


/* 共通：リード
--------------------------------------------------------- */
.present_lead {
	background: url(/material/img/campaign/bg_stripe.png);
	padding: 28px 0 38px;
	text-align: center;
}
.present_lead .txt {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	padding: 0 20px;
}
.present_lead .nobreak {
	white-space: nowrap;
}
/*.present_lead .txt_em { 
	
	background-color: #fff;
    padding: 5px 20px;
	border-radius: 10px;
	display: inline-block;
	color: #e5368d; 
	font-size: 17px;
	font-weight: bold;
	line-height: 1.7;
	margin: 0.5em 2em 0;
	position: relative;
}*/


.present_lead .txt_em { 
	color: #fff; 
	font-size: 17px;
	font-weight: bold;
	line-height: 1.7;
	margin: 0.5em 2em 0;
	position: relative;
}
.present_lead .txt_em:before,
.present_lead .txt_em:after {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	height: 58px;
	position: absolute;
	top: -25px;
	width: 40px;
}
.present_lead .txt_em:before {
	background-image: url(/material/img/campaign/bg_star01.gif);
	left: -30px;
}
.present_lead .txt_em:after {
	background-image: url(/material/img/campaign/bg_star02.gif);
	right: -30px;
}


/*===============================================
  共通：リード：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.present_lead {
		margin-bottom: 30px;
		padding: 30px 0;
	}
	.present_lead .txt {
		font-size: 13px;
		line-height: 1.7;
		padding: 0;
		text-align: left;
	}
	.present_lead .txt_em {
		font-size: 15px;
		line-height: 1.5;
		margin: 0.5em 20px 0;
		padding: 5px 10px;
	}
	.present_lead .txt_em:before,
	.present_lead .txt_em:after {
		top: 10px;
	}
	.present_lead .txt_em:before {
		left: -35px;
	}
	.present_lead .txt_em:after {
		right: -35px;
	}
}

/* ポイント
--------------------------------------------------------- */
.present_calender p {
	max-width: 400px;
	width: 60%;
	margin: 0 auto;
}
.present_calender h2 {
	color: #e5368d;
	font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
}
.present_point_list > li {
	background-color: #faf8f3;
	border: 4px solid #e5368d;
	float: left;
	position: relative;
	width: 30%;
}
.present_point_list > li:nth-child(2) {
	margin: 0 5%;
}
.present_point_list > li:nth-child(3) {
	float: right;
}
.present_point_list > li:after {
	content: '';
	background-image: url(/material/img/campaign/icon_point01.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 47px;
	position: absolute;
	top: -25px;
	left: -15px;
	width: 114px;
}
.present_point_list > li:nth-child(2):after {
	background-image: url(/material/img/campaign/icon_point02.png);
}
.present_point_list > li:nth-child(3):after {
	background-image: url(/material/img/campaign/icon_point03.png);
}
.present_point dt {
	background-color: #e5368d;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	padding: 15px;
	text-align: center;
}
.present_point dd {
	padding: 20px;
}
/*===============================================
  ポイント：840px未満
===============================================*/
@media screen and (max-width:840px) {
	.present_point dt {
		font-size: 16px;
		line-height: 1.3;
		padding: 10px;
	}
	.present_point dd {
		padding: 10px;
	}
}
/*===============================================
  ポイント：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.present_calender h2 {
		font-size: 20px;
		margin-bottom: 14px;
	}
	.present_point_list > li {
		border: 2px solid #e5368d;
		float: none;
		width: 100%;
	}
	.present_point_list > li:nth-child(2n) {
		float: none;
	}
	.present_point_list > li + li {
		margin-top: 25px;
	}
	.present_point_list > li:after {
		height: 36px;
		width: 88px;
	}
	.present_point_list > li:nth-child(2) {
	margin: 25px 0 0;
    }
}
/*===============================================
  ポイント：376px未満
===============================================*/
@media screen and (max-width:375px) {
	.present_calender h2 {
		font-size: 18px;
	}
}

/* メンバーの声
--------------------------------------------------------- */
.present_voice {
	background-color: #f9f6f0;
	padding: 30px 0;
	text-align: center;
}
.present_voice h2 {
	color: #e5368d;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 6px;
}
.present_voice_name {
	color: #e5368d;
	font-size: 16px;
}
.present_voice_name rt{
	font-size: 10px;
	font-weight: bold;
}
.present_voice .box{
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto;
}
.present_voice .col_left{
	float: left;
	max-width: 286px;
	width: 33%;
}
.present_voice .col_right{
	float: right;
	max-width: 754px;
	width: 66%;
	padding-left: 10px;
}
.present_voice .col_right .interview_txt{
	text-align: left;
}	
/*===============================================
  メンバーの声：897px未満
===============================================*/
@media screen and (max-width:896px) {
	.present_voice .interview_txt .pc {
		display: none;
	}
}	
/*===============================================
  メンバーの声：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.present_voice {
		padding: 30px 0;
	}
	.present_voice h2 {
		font-size: 18px;
	}
	.present_voice_name {
		font-size: 14px;
	}
	.present_voice .box{
		display: block;
	}
}
/*===============================================
  メンバーの声：721px未満
===============================================*/
@media screen and (max-width:720px) {
	.present_voice .col_left, .present_voice .col_right {
	float: none;
	width: 100%;
	display: block;
	padding-left: 0;
	margin: 0 auto;
	}
	.present_voice .col_left{
		margin-bottom: 20px;
	}
	.present_voice .present_voice_name {
		margin-bottom: 10px;
	}
}


/* 共通：申し込み
--------------------------------------------------------- */
.present_offer {
	margin-bottom: 60px;
}
.present_offer_lead {
	border: 3px solid #e5368d;
	color: #e5368d;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 auto 18px;
	max-width: 630px;
	padding: 15px;
	position: relative;
	text-align: center;
}
.present_offer_lead:before {
	content: '';
	border: 11px solid transparent;
	border-top: 13px solid #e5368d;
	display: block;
	height: 0;
	position: absolute;
	bottom: -26px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
}
.present_offer_lead:after {
	content: '';
	border: 8px solid transparent;
	border-top: 10px solid #fff;
	display: block;
	height: 0;
	position: absolute;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
}
.present_offer_wrap {
	background-color: #f1f1f1;
	margin: 0 auto;
	max-width: 630px;
	min-height: 172px;
	overflow: hidden;
	padding: 40px 25px 30px;
	position: relative;
	text-align: center;
}
.present_offer_wrap .btn_image {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 140px;
}
.present_offer_wrap .btn_image:after {
	content: '';
	background: url(/material/img/campaign/btn_calendar01.jpg) no-repeat;
	background-size: contain;
	height: 68px;
	pointer-events: none;
	position: absolute;
	top: 50px;
	left: 50%;
	-webkit-transform: rotate(10deg) translateX(-50%);
			-ms-transform: rotate(10deg) translateX(-50%);
					transform: rotate(10deg) translateX(-50%);
	width: 96px;
}
.present_offer_wrap .btn_image a {outline: none;}
.present_offer_wrap .present_offer_hidden {display: none;}
.present_offer_wrap .btn_single {
	margin-bottom: 40px;
	max-width: 400px;
}
.present_offer_wrap p {
	line-height: 1.7;
}
.present_offer_wrap .btn_single + p {
	color: #e5368d;
	font-weight: bold;
}

.mfp-img-anniv button.mfp-arrow {
	background-color: transparent;
	background-image: url(/material/img/campaign/icon_arrow01.png);
	background-size: contain;
}
.mfp-img-anniv button.mfp-arrow-left {
	background-image: url(/material/img/campaign/icon_arrow02.png);
}
.mfp-img-anniv button.mfp-arrow:after {display: none;}

/*===============================================
  共通：申し込み：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.present_offer {
		margin-bottom: 30px;
	}
	.present_offer_lead {
		border: 2px solid #e5368d;
		padding: 10px;
	}
	.present_offer_lead:before {
		bottom: -25px;
	}
	.present_offer_wrap {
		min-height: inherit;
		padding: 15px;
	}
	.present_offer_wrap .btn_image {
		margin: 0 auto 15px;
		position: relative;
		top: 0;
		left: 0;
	}
	.present_offer_wrap p {
		font-size: 12px;
	}
	.present_mv .sub_txt {
		font-size: 16px;
	}
}

/* leaflet_2018
--------------------------------------------------------- */
#member_mv_wrap .pc_box {
	display: block;
}
#member_mv_wrap .sp_box {
	display: none;
}

.present_contents {
	background-image: url(/material/img/campaign/bg_leaflet_2018.png);
	/*max-width: 630px;*/
	padding: 60px 0;
	margin: 0 auto;
}
.present_contents h2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
.present_contents .leaflet_block {
	max-width: 500px;
	width: 90%;
	margin: 0 auto;
}
.present_offer_wrap {
	background: none;
	padding: 10px 25px 30px;
}
.present_offer_wrap .btn_single:last-child {
	margin-bottom: 0;
}
.present_offer_wrap .btn_second {
	margin-bottom: 20px;
}
@media screen and (max-width:640px) {
	#member_mv_wrap .pc_box {
		display: none;
	}
	#member_mv_wrap .sp_box {
		display: block;
	}
	.present_offer_wrap {
		padding: 0 30px;
	}
	.present_mv h1 {
		font-size: 20px;
	}
	.present_mv .sp {
		font-size: 16px;
	}
	.present_contents h2 {
		font-size: 18px;
	}
	.present_mv .sub_txt {
		font-size: 14px;
	}
	.present_mv h1 .sp_ttl {
		display: block;
		font-size: 18px;
}
}
@media screen and (max-width:414px) {
	.present_mv h1::before, .present_mv h1::after {
		display: none;
	}
	.present_mv .sub_txt {
		font-size: 14px;
	}
	.present_mv h1 {
		font-size: 18px;
	}
	.present_mv h1 .sp_ttl {
		font-size: 16px;
	}
}



/* 記念日：共通：clearfix
--------------------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}



/* 記念日：共通：バックナンバー
--------------------------------------------------------- */
.anniv_backnumber {
	padding-top: 40px;
	text-align: center;
}
.anniv_backnumber h2 {
	color: #e5368d;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 40px;
}
.anniv_backnumber_list {
	margin-bottom: -1%;
	overflow: hidden;
}
.anniv_backnumber_list li {
	float: left;
	margin-bottom: 1%;
	width: 19.2%;
}
.anniv_backnumber_list li + li {
	margin-left: 1%;
}
.anniv_backnumber_list li:nth-child(5n+1) {
	margin-left: 0;
}
.anniv_backnumber_list a {
	background-color: #f9f6f0;
	color: #e5368d;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 100%;
	padding: 25px 15px;
	text-decoration: none;
	width: 100%;
}
.layout_pc .anniv_backnumber_list a:hover {
	opacity: 0.8;
}

/*===============================================
  記念日：共通：バックナンバー：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.anniv_backnumber {
		padding-top: 30px;
	}
	.anniv_backnumber h2 {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.anniv_backnumber_list {
		margin-bottom: -2%;
	}
	.anniv_backnumber_list li {
		float: left;
		margin-bottom: 2%;
		width: 49%;
	}
	.anniv_backnumber_list li + li,
	.anniv_backnumber_list li:nth-child(5n+1) {
		margin-left: 2%;
	}
	.anniv_backnumber_list li:nth-child(2n+1) {
		margin-left: 0;
	}
	.anniv_backnumber_list a {
		font-size: 14px;
		padding: 15px 15px;
	}
}



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

	21. エラーページ

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

/* 401エラー
--------------------------------------------------------- */
.error {background-color: #f9f6f0;}
.error .contents_wide {
	padding-top: 85px;
	text-align: center;
}
.error .contents_wide h2 {
	color: #e5368d;
	font-size: 56px;
	font-weight: bold;
	margin-bottom: 55px;
}
.error .error_lead {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.error .btn_single {
	margin-top: 50px;
}

#error401 .error_message {
	background-color: #fff;
	margin: 0 auto 20px;
	max-width: 640px;
	padding: 35px 10px;
}
#error401 .error_caution a {
	color: #e5368d;
}

/*===============================================
  エラーページ：グローバルナビ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.error .contents_wide {padding-top: 50px;}
	.error .contents_wide h2 {
		font-size: 40px;
		margin-bottom: 35px;
	}
	.error .btn_single {margin-top: 30px;}
	#error401 .error_message {
		margin: 0 auto 20px;
		padding: 25px 10px;
	}
}



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

	22. リンク非活性化

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

/* リンク非活性化：グローバルナビ
--------------------------------------------------------- */
.header_gnav .noLink {
	cursor: default;
	opacity: 0.5;
	position: relative;
}
.header_gnav .noLink:after {
	content: 'coming soon';
	font-size: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	text-align: center;
	-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 100%;
}
.layout_pc .header_gnav > li:hover > a.noLink {
	background-color: transparent;
	color: #000;
}
.layout_pc .header_gnav > li:nth-child(2):hover > a.noLink {background-image: url(/material/img/common/header_gnav_will01.png);}

/*===============================================
  リンク非活性化：グローバルナビ：768px未満
===============================================*/
@media screen and (max-width:767px) {
	.header_gnav .noLink:after {
		font-size: 12px;
		position: absolute;
		bottom: 50%;
		left: calc(60px + 3em);
		text-align: center;
		-webkit-transform: translate(0, 50%);
				-ms-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		width: 100%;
	}
}

/* リンク非活性化：サイトマップ
--------------------------------------------------------- */
.sitemap_list > li.noLink > a {
	background: url(/material/img/sitemap/sitemap_bg02.png);
	background-size: 10px;
	border: 2px solid #bbb;
	color: #bbb;
	cursor: default;
}
.sitemap_list > li.noLink > a:hover {opacity: 1;}
.sitemap_list > li.noLink > a span {font-size: 12px;}
.sitemap_list > li.noLink > a:after {
	content: '';
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
}

/* リンク非活性化：活動の流れ（下層）
--------------------------------------------------------- */
.action_tools_list .noLink {
	cursor: default;
	opacity: 0.5;
	position: relative;
}
.action_tools_list .noLink:after {
	content: 'coming soon';
	font-size: 12px;
	position: absolute;
	bottom: -1.2em;
	left: 50%;
	-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	white-space: nowrap;
}
.layout_pc .action_tools_list .noLink:hover {opacity: 0.5;}
.layout_pc .action_tools_list .noLink:hover img {opacity: 1;}


/*===============================================
　2025.5.19追記
　トップページ　スペシャルバナー
===============================================*/
#top_special_bnr_pc {
			margin: 0 auto;
			max-width: 920px;
			width: 92%;
		}

		#top_special_bnr_pc div {
			position: relative;
			width: 920px;
			max-width: 100%;
			margin-right: 15px;
		}

		#top_special_bnr_pc div .btn_single span {
			background-color: #e5368d;
			color: #fff;
			display: block;
			font-size: 16px;
			font-weight: bold;
			height: 58px;
			line-height: 58px;
			text-align: center;
			vertical-align: middle;
			width: 100%;
			text-decoration: none;
		}

		#top_special_bnr_pc div .btn_single {
			display: table;
			margin: 0 auto;
			max-width: 360px;

			height: 58px;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 260px;
		}

		#top_special_bnr_sp {
			display: none;
		}

		
/* スマホ（767px以下）
--------------------------------------------------------- */
		@media screen and (max-width:767px) {
			#top_special_bnr_pc {
				display: none;
			}

			#top_special_bnr_sp div {
				position: relative;
				width: 100%;
			}

			#top_special_bnr_pc div .btn_single {
				display: table;
				margin: 0 auto;
				max-width: 360px;

				height: 58px;
				position: absolute;
				bottom: 0;
				right: 0;
				width: 260px;
				height: 40px;
				width: 140px;
			}

			#top_special_bnr_sp {
				display: block;
			}

			#top_special_bnr_sp div a {
				display: block;
				position: relative;
			}

			#top_special_bnr_sp div .btn_single {
				height: 40px;
				width: 140px;

				position: absolute;
				bottom: 0;
				right: 0;
			}

			#top_special_bnr_sp div .btn_single span {
				font-size: 14px;
				font-weight: bold;
				height: 40px;
				line-height: 40px;

				background-color: #e5368d;
				color: #fff;
				display: block;
				text-align: center;
				vertical-align: middle;
				width: 100%;
				text-decoration: none;
			}
		}