@charset "utf-8";

/***- styleリセット -***/
/***- 全タグ共通 -***/
/***- 幅 -***/
/***- 余白 -***/
/***- 背景 -***/
/***- テキスト体裁 -***/
/***- リストスタイル -***/
/***- フォントサイズ -***/
/***- フォントカラー -***/
/***- フォント装飾 -***/
/***- ボーダー -***/
/***- ボックス -***/
/***- 吹き出し -***/
/***- ボタン -***/
/***- レイアウト -***/
/***- 埋め込み動画レスポンシブ -***/
/***- 画像装飾 -***/


/***- styleリセット -***/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}
*:focus {
	outline: none;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, font, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
button, input[type="button"], input[type="reset"], input[type="submit"] {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #444;
	line-height: 1.8em;
	-webkit-text-size-adjust: 100%;
	word-wrap:break-word;
}
input[type="search"],
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
li > ul, li > ol {
	margin-left: 0;
}

/***- 全タグ共通 -***/
a, div, span, p {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a, a *, a:link, a:visited {
	color: #6492c3;
	text-decoration: none;
}
a:hover {
	color: #6492c3;
	opacity: .5;
}
b {
	font-weight: bold;
}
li {
	list-style: none;
}
h1 {
	font-size: 2rem;
	font-weight: bold;
}
h2 {
	font-size: 1.7rem;
}
h3 {
	font-size: 1.5rem;
	font-weight: bold;
}
h4 {
	font-size: 1.3rem;
}
h5 {
	font-size: 1.2rem;
	font-weight: bold;
}
img {
	vertical-align: bottom;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #ccc;
	background: #ccc;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: .5;
}
/***- 幅 -***/
.w_100per {
	width: 100%;
}
.w_80per {
	width: 80%;
}
.w_50per {
	width: 50%;
}
.w_20per {
	width: 20%;
}
@media only screen and (min-width: 961px) {
	.w_80per_p {
		width: 80%;
	}
	.w_70per_p {
		width: 70%;
	}
	.w_30per_p {
		width: 30%;
	}
}
.mx-w_1920 {
	max-width: 1920px;
}
.mx-w_1080 {
	max-width: 1080px;
}
.mx-w_800 {
	max-width: 800px;
}
.mx-w_760 {
	max-width: 760px;
}
.mx-w_600 {
	max-width: 600px;
}
.mx-w_500 {
	max-width: 500px;
}
.mx-w_450 {
	max-width: 450px;
}
.mx-w_400 {
	max-width: 400px;
}
.mx-w_300 {
	max-width: 300px;
}
.mx-w_250 {
	max-width: 250px;
}
.mx-w_200 {
	max-width: 200px;
}
.mx-w_140 {
	max-width: 140px;
}
.mx-w_100 {
	max-width: 100px;
}
.mx-w_60 {
	max-width: 60px;
}
@media only screen and (max-width: 960px) {
	.mx-w_600_ts {
		max-width: 600px;
	}
}
@media only screen and (max-width: 480px) {
	.mx-w_170_s {
		max-width: 170px;
	}
}
/***- 余白 -***/
.mg_auto {
	margin: 0 auto !important;
}
.mg-t_05rm {
	margin-top: .5rem !important;
}
.mg-t_1rm {
	margin-top: 1rem !important;
}
.mg-t_2rm {
	margin-top: 2rem !important;
}
.mg-t_3rm {
	margin-top: 3rem !important;
}
.mg-t_6rm {
	margin-top: 6rem !important;
}
.mg-b_05rm {
	margin-bottom: .5rem !important;
}
.mg-b_1rm {
	margin-bottom: 1rem !important;
}
.mg-b_2rm {
	margin-bottom: 2rem !important;
}
.mg-b_3rm {
	margin-bottom: 3rem !important;
}
.mg-b_6rm {
	margin-bottom: 6rem !important;
}
.mg-r_0 {
	margin-right: 0;
	margin-left: auto;
}
.mg-lr_1rm {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
@media only screen and (min-width: 961px) {
	.mg-t_3rm_p {
		margin-top: 3rem !important;
	}
	.mg-b_3rm_p {
		margin-bottom: 3rem !important;
	}
}
@media only screen and (min-width: 481px) {
	.mg-b_05rm_pt {
		margin-bottom: .5rem !important;
	}
	.mg-b_1rm_pt {
		margin-bottom: 1rem !important;
	}
	.mg-b_2rm_pt {
		margin-bottom: 2rem !important;
	}
}
@media only screen and (max-width: 480px) {
	.mg-b_1rm_s {
		margin-bottom: 1rem !important;
	}
}
.pd_01rm {
	padding: .1rem !important;
}
.pd_03rm {
	padding: .3rem;
}
.pd_05rm {
	padding: .5rem !important;
}
.pd_05per {
	padding: .5%;
}
.pd_1rm {
	padding: 1rem !important;
}
.pd_2rm {
	padding: 2rem;
}
.pd_3rm {
	padding: 3rem;
}
.pd_5rm {
	padding: 5rem;
}
@media only screen and (max-width: 960px) {
	.pd_1rm_t {
		padding: 1rem;
	}
}
@media only screen and (max-width: 480px) {
	.pd_1rm_s {
		padding: 1rem;
	}
}
.pd-t_05rm {
	padding-top: .5rem;
}
.pd-t_1rm {
	padding-top: 1rem;
}
.pd-t_2rm {
	padding-top: 2rem;
}
.pd-t_3rm {
	padding-top: 3rem;
}
.pd-t_6rm {
	padding-top: 6rem;
}
.pd-b_1rm {
	padding-bottom: 1rem;
}
.pd-b_3rm {
	padding-bottom: 3rem;
}
.pd-b_6rm {
	padding-bottom: 6rem;
}
.pd-l_1rm {
	padding-left: 1rem;
}

/***- 背景 -***/
.bg_shippou {
	background-image: url('https://www.bathlier.com/img/topMain/bg_shippou.gif');
}
.bg_bk {
	background-color: #000 !important;
}
.bg_gy {
	background-color: #f0f0f0 !important;
}
.bg_lgy {
	background-color: #f7f7f7 !important;
}
.bg_drd {
	background-color: #7d0000 !important;
}
.bg_wh {
	background-color: #fff !important;
}

/***- テキスト体裁 -***/
.txt_c, .txt_c * {
	text-align: center !important;
}
.txt_l, .txt_l * {
	text-align: left !important;
}
.txt_r, .txt_r * {
	text-align: right !important;
}
.ls_01em {
	letter-spacing: .1em;
}
.ls_02em {
	letter-spacing: .2em;
}
.lh_13em {
	line-height: 1.3em;
}
.lh_15em {
	line-height: 1.5em;
}
@media only screen and (max-width: 960px) {
	br.dsp_none_t {
		display: none;
	}
}

/***- リストスタイル -***/
ul.mk_hyphen {		/* ハイフン */
	margin-left: 1rem;
}
ul.mk_hyphen > li:before {
	content: '－ ';
	margin-left: -1.5rem;
}
ul.mk_disc,
ul.mk_dec {
	margin-left: 2rem;
	margin-right: 1rem;
}
ul.mk_disc > li {	/* 黒丸 */
	list-style: disc;
}
ul.mk_dec > li {	/* 半角数字 */
	list-style: decimal;
}
ul.mk_side_c {		/* 横向き三角(▸)・下線なし */
	position: relative;
}
ul.mk_side_c > li {
	padding: 0.2rem 0 0.2rem 2rem;
}
ul.mk_side_c li:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	position: absolute;
	left: 0.7em;
}
ul.mk_index {		/* 横向き三角(▸)・下線あり */
	position: relative;
}
ul.mk_index > li {
	padding: 0.5rem 0 0.5rem 2rem;
	border-bottom: dashed 1px #bbb;
}
ul.mk_index li:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	position: absolute;
	left: 0.5em;
}
ul.mk_index li:last-of-type {
	border-bottom: none;
}

/***- フォントサイズ -***/
.f_bld, .f_bld * {
	font-weight: bold;
}
.f_nml, .f_nml * {
	font-weight: normal;
}
.f_30rm, .f_30rm * {
	font-size: 3.0rem;
}
.f_25rm, .f_25rm * {
	font-size: 2.5rem;
}
.f_20rm, .f_20rm * {
	font-size: 2.0rem;
}
.f_18rm, .f_18rm * {
	font-size: 1.8rem;
}
.f_15rm, .f_15rm * {
	font-size: 1.5rem;
}
.f_13rm, .f_13rm * {
	font-size: 1.3rem;
}
.f_11rm, .f_11rm * {
	font-size: 1.1rem;
}
.f_09rm, .f_09rm * {
	font-size: .9rem;
}
.f_08rm, .f_08rm * {
	font-size: .8rem;
}
.f_07rm, .f_07rm * {
	font-size: .7rem;
}
@media only screen and (max-width: 480px) {
	.f_15rm_s, .f_15rm_s * {
		font-size: 1.5rem;
	}
}

/***- フォントカラー -***/
.f_bk, .f_bk * {
	color: #000 !important;
}
.f_gy, .f_gy * {
	color: #888 !important;
}
.f_lgy, .f_lgy * {
	color: #aaa !important;
}
.f_wh, .f_wh * {
	color: #fff !important;
}
.f_bl, .f_bl * {
	color: #4b698c !important;
}
.f_dbl, .f_dbl * {
	color: #0c3055 !important;
}
.f_rd, .f_rd * {
	color: #c00 !important;
}
.f_drd, .f_drd * {
	color: #8b0000 !important;
}
.f_lbr, .f_lbr * {
	color: #b39777 !important;
}
.f_gld, .f_gld * {
	color: #cda860 !important;
}
.f_fb {
	color: #3c5a99
}
.f_twtr {
	color: #1da1f2
}
.f_line {
	color: #00b900
}

/***- フォント装飾 -***/
.f_mincho, .f_mincho * {
	font-family: 'Noto Serif JP', serif;
}
.f_tri:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';	/* 横向き三角 */
	font-weight: 900;
}
.ttl_bk_01 {
	color: #000;
	position: relative;
	display: inline-block;
}
.ttl_bk_01::before,
.ttl_bk_01::after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 1em;
	top: .45em;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #000;
}
.ttl_bk_01::before {
	left: -.3em;
}
.ttl_bk_01::after {
	right: -.4em;
}

/***- ボーダー -***/
.bd_bk_01 {		/* 見出し下線 */
	border-bottom: 1px solid #000;
	display: inline-block;
}
.bd_bk_02 {		/* 見出し下線(太) */
	border-bottom: 2.5px solid #000;
	display: inline-block;
}
.bd_bk_03 {		/* 見出し上下線 */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.bd_gy_01 {		/* 見出し二重線(下) */
	border-bottom: solid 2px #bbb;
	display: inline-block;
	padding: .8em;
	position: relative;
}
.bd_gy_01:after {	/* 見出し二重線(上) */
	content: "";
	position: absolute;
	border-bottom: solid 1px #bbb;
	top: -.3em;
	left: 0;
	width: 100%;
	height: 100%;
}
.bd_gy_02 {		/* 見出し上下線 */
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.bd_gy_03 {		/* 区分け破線 */
	border-bottom: #dcdcdc 1px dashed;
}
.bd_wh_01 {		/* 見出し上下線 */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.bd_dbl_01 {	/* 見出し下線 */
	border-bottom: 2px solid #0c3055;
	display: inline-block;
}
.bd_dbl_02 {	/* 区分け破線 */
	background-image: linear-gradient(to right, #0c3055, #0c3055 12px, transparent 1px);
	background-size: 15px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.bd_gld_01 {	/* 見出し下線(太) */
	border-bottom: 2.5px solid #cda860;
}
.bd_text {
	position: relative;
	text-align: center;
}
.bd_text span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.bd_text::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

/***- ボックス -***/
.box_gy_01 {
	border: 1px solid #bbb;
	margin: 0 .5%;
}
.box_gy_02 {
	border: 2px solid #bbb;
	margin: 0 .5%;
}
.box_gy_03 {
	border: 3px solid #f7f7f7;
	margin: 0 .5%;
}
.box_rd_01 {
	border: 1px dashed #dd0000;
	margin: 0 .5%;
	background-color: #FFEEEF;
}
.box_wo_top_btm {
	display: block;
	max-width: 1040px;
	border: 2px solid #0c3055;
	border-width: 2px 0;
	position: relative;
}
@media only screen and (max-width: 1080px) {
	.box_wo_top_btm {
		max-width: 94%;
	}
}
.box_wo_rgt_lft {
	position: relative;
	padding: 0 28px;
	margin: 0;
	border: 2px solid #0c3055;
	border-width: 0 2px;
}
.box_wo_top_btm:before, .box_wo_top_btm:after,
.box_wo_rgt_lft:before, .box_wo_rgt_lft:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 2px #0c3055;
}
.box_wo_top_btm.bg_gy:before, .box_wo_top_btm.bg_gy:after,
.box_wo_rgt_lft.bg_gy:before, .box_wo_rgt_lft.bg_gy:after {
	background: #f0f0f0;
}
.box_wo_top_btm:before {
	top: -8px;
	left: -6px;
	clip: rect(6px, auto, auto, 6px);
	z-index: 99;
}
.box_wo_top_btm:after {
	top: -8px;
	right: -6px;
	clip: rect(6px, 24px, auto, auto);
}
.box_wo_rgt_lft:before {
	bottom: -16px;
	left: -8px;
	clip: rect(auto, auto, 23px, 6px);
}
.box_wo_rgt_lft:after {
	bottom: -16px;
	right: -8px;
	clip: rect(auto, 24px, 23px, auto);
}
@media all and (-ms-high-contrast:none) {	/* for IE11 */
	*::-ms-backdrop, .box_wo_top_btm:before {
		top: -8.4px;
		left: -6.3px;
	}
	*::-ms-backdrop, .box_wo_top_btm:after {
		top: -8.4px;
	}
	*::-ms-backdrop, .box_wo_rgt_lft:before {
		bottom: -16.4px;
		left: -8.3px;
	}
	*::-ms-backdrop, .box_wo_rgt_lft:after {
		bottom: -16.4px;
	}
}
@supports (-ms-ime-align:auto) {	/* for Edge */
	.box_wo_top_btm:before {
		top: -8.3px;
	}
	.box_wo_top_btm:after {
		top: -8.3px;
	}
	.box_wo_rgt_lft:before {
		bottom: -16.3px;
	}
	.box_wo_rgt_lft:after {
		bottom: -16.3px;
	}
}
.box_wi_top_btm {
	display: block;
	margin: 7px auto;
	max-width: 1040px;
	padding: 20px 0;
	border: 1px solid #0c3055;
	border-width: 1px 0;
	position: relative;
}
.box_wi_rgt_lft {
	position: relative;
	padding: 0 40px;
	margin: 0 -21px;
	border: 1px solid #0c3055;
	border-width: 0 1px;
}
.box_wi_top_btm:before, .box_wi_top_btm:after,
.box_wi_rgt_lft:before, .box_wi_rgt_lft:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	box-shadow: inset 0 0 0 1px #0c3055;
}
.box_wi_top_btm:before {
	top: -18px;
	left: -38px;
	clip: rect(18px, auto, auto, 18px);
}
.box_wi_top_btm:after {
	top: -18px;
	right: -38px;
	clip: rect(18px, 22px, auto, auto);
}
.box_wi_rgt_lft:before {
	bottom: -38px;
	left: -18px;
	clip: rect(auto, auto, 22px, 18px);
}
.box_wi_rgt_lft:after {
	bottom: -38px;
	right: -18px;
	clip: rect(auto, 22px, 22px, auto);
}

/***- 吹き出し -***/
.balloon_btm {
	position: relative;
	display: inline-block;
	border: 1px solid black;
	width: 100%;
}
.balloon_btm::before,
.balloon_btm::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 10px solid transparent;
}
.balloon_btm::before {
	border-top: 10px solid black;
}
.balloon_btm::after {
	margin-top: -1px;
	border-top: 10px solid white;
}
/*--- 背景グレイ ---*/
.balloon_btm.balloon_gy::after {
	margin-top: -1px;
	border-top: 10px solid #f0f0f0;
}
/*--- ボーダーライトブラウン ---*/
.balloon_btm.balloon_lbr {
	border: 1px solid #c9baa9;
}
.balloon_btm.balloon_lbr::before {
	border-top: 10px solid #c9baa9;
}
.balloon_top {
	position: relative;
	display: inline-block;
	background: #fff;
	width: 100%;
}
.balloon_top:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
}
.balloon_rgt {
	float: right;
	position: relative;
	display: inline-block;
	background: #fff;
	border: 3px solid #f0f0f0;
	border-radius: 5px;
	margin-right: 80px;
	margin-left: 12%;
}
.balloon_rgt::before,
.balloon_rgt::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 100%;
	transform: translateX(-50%);
	border: 10px solid transparent;
}
.balloon_rgt::before {
	border-left: 10px solid #f0f0f0;
	margin-left: .7rem;
}
.balloon_rgt::after {
	border-left: 10px solid #fff;
	margin-left: .4rem;
}
.balloon_rgt_img {
	float: right;
	margin-left: -60px;
	clear: both;
}
.balloon_lft {
	float: left;
	position: relative;
	display: inline-block;
	background: #eaf1f8;
	border: 3px solid #eaf1f8;
	border-radius: 5px;
	margin-left: 80px;
	margin-right: 12%;
}
.balloon_lft::before {
	content: '';
	position: absolute;
	top: 15px;
	right: 100%;
	transform: translateX(-50%);
	border: 10px solid transparent;
}
.balloon_lft::before {
	border-right: 10px solid #eaf1f8;
	margin-right: -.5rem;
}
.balloon_lft_img {
	float: left;
	margin-right: -60px;
	clear: both;
}
/*--- リボン ---*/
div[class^="ribbon"] {
	display: inline-block;
	position: relative;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 18px 0 9px;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 0 8px;
}
.ribbon1 {
	background: #fa0;
	color: #FFF;
}
.ribbon2 {
	background: #bbb;
	color: #FFF;
}
.ribbon3 {
	background: #930;
	color: #FFF;
}
.ribbon4 {
	background: #fff;
	border: solid 1px #000;
	color: #000;
}
.ribbon1:after , .ribbon2:after , .ribbon3:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}
.ribbon1:after , .ribbon2:after , .ribbon3:after {
	top: 0;
	right: 0;
	border-width: 15px 7px 15px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

/***- ボタン -***/
div[class*="btn_bd_"] {
	border: 1px solid;
}
div[class*="btn_bd_"] a {
	display: table;
	width: 100%;
}
div[class*="btn_bd_"] a div:first-child {
	width: 90%;
}
div[class*="btn_bd_"] a div:nth-child(2) {
	padding-right: 10px;
}
div[class*="btn_bd_"] .btn_cap {
	display: table-cell;
	vertical-align: middle;
}
.btn_bd_wh {
	border-color: #fff !important;
}
.btn_bd_bk {
	border-color: #000 !important;
}
.btn_bd_gy {
	border-color: #bbb !important;
}
.btn_bd_lbr {
	border-color: #b39777 !important;
}
.btn_bd_dbl {
	border-color: #0c3055 !important;
}

/***- レイアウト -***/
.c_both {
	clear: both;
}
.fl_lft {
	float: left;
}
.fl_rgt {
	float: right;
}
.pos_rel {
	position: relative;
}
.pos_abs {
	position: absolute;
}
.pos_fix {
	position: fixed;
}
.disp_blc {
	display: block;
}
li.btm_parts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
li.btm_parts a {
	min-height: .01%;
}
li.btm_parts p {
	width: 100%;
	margin: auto auto .5rem;
	padding: .3rem .5rem;
	white-space: nowrap;
}
.col_9 > ul, .col_8 > ul, .col_6 > ul, .col_5 > ul,
.col_4 > ul, .col_3 > ul, .col_2 > ul, .col_1 > ul,
.col_3-7 > ul, .col_7-3 > ul {
	width: 100%;
	display: flex;
	display: -ms-flexbox;	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;	/* IE10 */
	list-style-type: none;
}
.col_9 > ul > li, .col_8 > ul > li, .col_6 > ul > li, .col_5 > ul > li,
.col_4 > ul > li, .col_3 > ul > li, .col_2 > ul > li, .col_1 > ul > li,
.col_3-7 > ul > li, .col_7-3 > ul > li {
	position: relative;
	overflow: hidden;
	padding: 5px;
	margin: .5%;
}
.col_9 > ul > li img, .col_8 > ul > li img, .col_6 > ul > li img, .col_5 > ul > li img,
.col_4 > ul > li img, .col_3 > ul > li img, .col_2 > ul > li img, .col_1 > ul > li img,
.col_3-7 > ul > li img, .col_7-3 > ul > li img {
	width: 100%;
}
.col_9 > ul > li {
	width: 10.11111%;
}
.col_8 > ul > li {
	width: 11.5%;
}
.col_6 > ul > li {
	width: 15.66666%;
}
.col_5 > ul > li {
	width: 19%;
}
.col_4 > ul > li {
	width: 24%;
}
.col_3 > ul > li {
	width: 32.33333%;
}
.col_2 > ul > li {
	width: 49%;
}
.col_1 > ul > li {
	width: 100%;
}
.col_3-7 > ul > li {
	width: 29%;
}
.col_3-7 > ul > li:nth-child(2n) {
	width: 69%;
}
.col_7-3 > ul > li {
	width: 69%;
}
.col_7-3 > ul > li:nth-child(2n) {
	width: 29%;
}
.col_rv_t > ul {
	flex-flow: row-reverse;
}
@media only screen and (max-width: 960px) {
	.col_to3t > ul > li {
		width: 32.33333%;
	}
	.col_to2t > ul > li,
	.col_to2t > ul > li:nth-child(2n) {	/* 3-7or7-3解除の場合 */
		width: 49%;
	}
	.col_to1t > ul > li,
	.col_to1t > ul > li:nth-child(2n) {	/* 3-7or7-3解除の場合 */
		width: 99%;
	}
	.col_rv_t > ul {
		flex-flow: column;
	}
}
@media only screen and (max-width: 480px) {
	.col_to5s > ul > li {
		width: 19%;
	}
	.col_to4s > ul > li {
		width: 24%;
	}
	.col_to3s > ul > li {
		width: 32.33333%;
	}
	.col_to2s > ul > li,
	.col_to2s > ul > li:nth-child(2n) {	/* 3-7or7-3解除の場合 */
		width: 49%;
	}
	.col_to1s > ul > li,
	.col_to1s > ul > li:nth-child(2n) {	/* 3-7or7-3解除の場合 */
		width: 99%;
	}
}
.wrap_box h2 {
	display: inline-block;
}
.wrap_box .l_img img,
.wrap_box .r_img img {
	width: 100%;
}
.wrap_box .l_img {
	float: left;
	clear: both;
	margin: 0 1rem 0 0;
}
.wrap_box .r_img {
	float: right;
	clear: both;
	margin: 0 0 0 1rem;
}
@media only screen and (max-width: 480px) {
	.wrap_box.wrap_clr .l_img,
	.wrap_box.wrap_clr .r_img {
		width: 100%;
		float: none;
		margin: 0 0 1rem 0;
	}
}
.box_cont .msg_area_l,
.box_cont .msg_area_c {
	display: block;
	position: absolute;
}
.box_cont .msg_area_l {
	top: 30%;
	left: 10%;
}
.box_cont .msg_area_c {
	top: 40%;
	left: 50%;
	-ms-transform: translate(-50%,-40%);
	-webkit-transform: translate(-50%,-40%);
	transform: translate(-50%,-40%);
}
@media only screen and (max-width: 960px) {
	.box_cont .msg_area_l {
		position: static;
	}
	.box_cont .msg_area_l .msg_ttl {
		position: absolute;
		top: 50%;
		left: 10%;
		-ms-transform: translate(-10%,-50%);
		-webkit-transform: translate(-10%,-50%);
		transform: translate(-10%,-50%);
		margin-top: -3rem;
	}
	.box_cont .msg_area_l .msg_desc div {
		color: #000 !important;
		font-size: .9rem;
	}
	.box_cont .msg_area_l .msg_desc br {
		display: none;
	}
}

/***- 埋め込み動画レスポンシブ -***/
.img_mov {
	position: relative;
	padding-bottom: 78.947368421%;	/* 760x600の場合(600/760*100) */
	height: 0;
	overflow: hidden;
}
@media only screen and (max-width: 480px) {
	.img_mov {
		padding-bottom: 75%;		/* サムネイル画像のアスペクト比4:3(3/4*100) */
	}
}
.img_mov img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.disp_img,
.disp_mov {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.disp_img::after,
.disp_img::before {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-size: 4rem;
	font-weight: 900;
	text-align: center;
	width: 100%;
	padding-top: 35%;
	transition: all .3s
}
.disp_img::before {
	content: '\f28b';
	color: #fff;
	z-index: 10;
}
.disp_img::after {
	content: "\f111";
	color: #666;
	z-index: 5
}
.disp_img:hover::before {
	cursor: pointer;
	opacity: .6;
	transition: all .3s
}
.disp_img:hover::after {
	opacity: .6;
}

/***- 画像装飾 -***/
.round_img {
	width: 100%;
	height: 77%;
	border-radius: 50%;
	background-position: center center;
	display: inline-block;
	background-size: cover;
	padding-bottom: 100%;
}