@charset "UTF-8";
/* ======================================================================
 common style index
・reset
・variable
・mixin
・base
・utility
・component
・layout
====================================================================== */
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
::before, ::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-webkit-tap-highlight-color: transparent; /* 3*/
}
/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}
/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl {
	margin: 0;
}
/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}
/* Lists (enumeration) */
/* ============================================ */
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Lists (definition) */
/* ============================================ */
dd {
	margin-left: 0;
}
/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
	border: 0;
	border-top: 1px solid;
	margin: 0;
	clear: both;
	color: inherit;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: inherit; /* 2 */
}
address {
	font-style: inherit;
}
/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
	font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
	font-family: monospace, monospace; /* 1 */
	font-size: inherit; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
	vertical-align: bottom;
}
embed, object, iframe {
	border: 0;
	vertical-align: bottom;
}
/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button, input, optgroup, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	outline: 0;
	border-radius: 0;
	text-align: inherit;
}
/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
[type=radio] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
	/* 1 */
	overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
	/* 1 */
	text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type=button], [type=reset], [type=submit] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button[disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled] {
	cursor: default;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
	display: none;
}
/**
 * Remove padding
 */
option {
	padding: 0;
}
/**
 * Reset to invisible
 */
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto;
}
/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
	outline-offset: -2px; /* 1 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */ ::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/**
 * Clickable labels
 */
label[for] {
	cursor: pointer;
}
/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}
/*
 * Remove outline for editable content.
 */
[contenteditable] {
	outline: none;
}
/* Table */
/* ============================================ */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	text-align: left;
}
td, th {
	vertical-align: top;
	padding: 0;
}
th {
	text-align: left;
	font-weight: bold;
}
/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}
/* ======================================================================
 base
====================================================================== */
html {
	font-size: 62.5%;
}
#html {
	margin-top: 0 !important;
}
@media screen and (max-width: 900px) {
	#html {
		margin-top: 0 !important;
	}
}
body {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
	line-height: 1.6;
	font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
	color: #666666;
}
@media screen and (max-width: 900px) {
	body {
		line-height: 1.75;
	}
}
@media screen and (min-width: 901px) {
	body {
		width: 100%;
		min-width: 100%;
	}
}
body._fixed {
	width: 100%;
	height: 100%;
	position: fixed;
}
html, body {
	width: 100%;
	height: 100%;
}
* {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
	max-width: 100%;
}
/* h1 - h6 */
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}
/* a */
a {
	text-decoration: none;
}
a:link {
	color: #242424;
	cursor: pointer;
}
a:visited {
	color: #242424;
}
a:hover {
	color: #242424;
}
a:active {
	color: #242424;
}
a[href^=tel] {
	color: #242424;
}
/* Text Highlight */
/* button */
button {
	display: block;
}
textarea {
	resize: vertical;
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #242424;
}
/* placeholder */
input:-moz-placeholder-shown, textarea:-moz-placeholder-shown {
	color: #242424;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #242424;
}
input:placeholder-shown, textarea:placeholder-shown {
	color: #242424;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #242424;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #242424;
	opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: #242424;
	opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #242424;
}
input:focus:-moz-placeholder-shown, textarea:focus:-moz-placeholder-shown {
	color: #242424;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color: #242424;
}
input:focus:placeholder-shown, textarea:focus:placeholder-shown {
	color: #242424;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	color: #242424;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
	color: #242424;
	opacity: 1;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color: #242424;
	opacity: 1;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color: #242424;
}
/*====================================================================================
■03.MARGIN DEFAULT
====================================================================================*/
/*--------------------------------------------------
  margin
-------------------------------------------------- */
.m00 {
	margin: 0px !important;
}
.m05 {
	margin: 5px !important;
}
.m10 {
	margin: 10px !important;
}
.m15 {
	margin: 15px !important;
}
.m20 {
	margin: 20px !important;
}
.m25 {
	margin: 25px !important;
}
.m30 {
	margin: 30px !important;
}
.m35 {
	margin: 35px !important;
}
.m40 {
	margin: 40px !important;
}
.m45 {
	margin: 45px !important;
}
.mt00 {
	margin-top: 0px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt33 {
	margin-top: 33px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt58 {
	margin-top: 58px !important;
}
.mr00 {
	margin-right: 0px !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr55 {
	margin-right: 55px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.ml00 {
	margin-left: 0px !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml60 {
	margin-left: 60px !important;
}
/*
--------------------------------------------------
  padding
-------------------------------------------------- */
.p00 {
	padding: 0px !important;
}
.p05 {
	padding: 5px !important;
}
.p10 {
	padding: 10px !important;
}
.p15 {
	padding: 15px !important;
}
.p20 {
	padding: 20px !important;
}
.p25 {
	padding: 25px !important;
}
.p30 {
	padding: 30px !important;
}
.p35 {
	padding: 35px !important;
}
.p40 {
	padding: 40px !important;
}
.p45 {
	padding: 45px !important;
}
.pt00 {
	padding-top: 0px !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pr00 {
	padding-right: 0px !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pb00 {
	padding-bottom: 0px !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pl00 {
	padding-left: 0px !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.mt1em {
	margin-top: 1em;
}
.mt2em {
	margin-top: 2em;
}
.f_bold {
	font-weight: bold;
}
.red {
	color: #c70101;
}
.t_link {
	color: #5d6f97 !important;
	text-decoration: underline;
}
.t_link:hover {
	text-decoration: none;
}
.t_outlink {
	color: #b25c70;
	text-decoration: underline;
	position: relative;
}
.t_outlink:hover {
	text-decoration: none;
}
.t_outlink:after {
	content: "";
	width: 1em;
	height: 1.4em;
	background: url(../img/common/ico_txtoutlink.png) no-repeat center bottom/contain;
	display: inline-block;
	margin-left: 0.5em;
}
@media screen and (min-width: 901px) {
	.br {
		display: none;
	}
}
/* ======================================================================
 utility
====================================================================== */
/* =================================
 layout
================================= */
.u_cf:after {
	display: block;
	clear: both;
	content: "";
}
@media screen and (min-width: 901px) {
	.u_pc {
		display: block;
	}
	.u_pc_i {
		display: inline;
	}
	.u_pc_ib {
		display: inline-block;
	}
	.u_pc_f {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.u_pc_if {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	.u_sp {
		display: none;
	}
	.u_sp_i, .u_sp_ib, .u_sp_f, .u_sp_if {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.u_pc {
		display: none;
	}
	.u_pc_i, .u_pc_ib, .u_pc_f, .u_pc_if {
		display: none;
	}
	.u_sp {
		display: block;
	}
	.u_sp_i {
		display: inline;
	}
	.u_sp_ib {
		display: inline-block;
	}
	.u_sp_f {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.u_sp_if {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
}
/* =================================
 content_size
================================= */
.u_content_size {
	padding: 0 15px;
}
@media screen and (min-width: 901px) {
	.u_content_size {
		padding: 0;
		margin: 0 auto;
		width: 100%;
	}
}
.u_conainer_lg {
	width: 100%;
	max-width: 1145px;
	margin: 0 auto;
	padding: 0 40px;
}
@media screen and (min-width: 901px) and (max-width: 900px) {
	.u_conainer_lg {
		padding: 0 35px;
	}
}
@media screen and (max-width: 900px) {
	.u_conainer_lg {
		padding: 0;
	}
}
/* =================================
 text
================================= */
.u_txt_1 {
	font-size: 36px;
}
@media screen and (max-width: 900px) {
	.u_txt_1 {
		font-size: 30px;
	}
}
.u_txt_2 {
	font-size: 16px;
	line-height: 1.7;
}
.u_txt_3 {
	font-size: 18px;
	line-height: 30px;
}
/* =================================
 text weight
================================= */
.u_lighter {
	font-weight: lighter;
}
.u_bold {
	font-weight: bold;
}
@media screen and (max-width: 900px) {
	.u_sp_bold {
		font-weight: 700;
	}
}
/* =================================
 text align
================================= */
.u_ta_c {
	text-align: center;
}
.u_ta_r {
	text-align: right;
}
@media screen and (max-width: 900px) {
	.u_ta_cl {
		text-align: center;
	}
}
@media screen and (min-width: 901px) {
	.u_ta_lc {
		text-align: center;
	}
}
@media screen and (max-width: 900px) {
	.u_ta_cr {
		text-align: center;
	}
}
@media screen and (min-width: 901px) {
	.u_ta_cr {
		text-align: right;
	}
}
@media screen and (max-width: 900px) {
	.u_ta_rc {
		text-align: right;
	}
}
@media screen and (min-width: 901px) {
	.u_ta_rc {
		text-align: center;
	}
}
/* =================================
 paragraph margin
================================= */
.u_paragraph {
	font-size: 18px;
	line-height: 1.7;
}
.u_paragraph + .u_paragraph {
	margin: 12px 0 0;
}
/* =================================
 hover animation
================================= */
.u_hover_1 {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
@media screen and (min-width: 901px) {
	.u_hover_1:hover {
		opacity: 0.7;
	}
}
/* =================================
 fonts
================================= */
.u_txt_bluegreen {
	color: #00a29a;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_pink {
	color: #e73b79;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_yellow {
	color: #fff67c;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_red {
	color: #e73b3b;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_red_2 {
	color: #D8523A;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_orange {
	color: #b72A00;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_orange_2 {
	color: #FF4B4B;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_white {
	color: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.u_txt_underline {
	text-decoration: underline;
}
.u_ff_raboto {
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif;
}
.u_fs_1 {
	font-size: 14px;
}
.u_fs_2 {
	font-size: 16px;
}
.u_fs_3 {
	font-size: 18px;
}
.u_fs_4 {
	font-size: 20px;
}
.u_fs_5 {
	font-size: 22px;
}
.u_fs_6 {
	font-size: 24px;
}
.u_fs_7 {
	font-size: 26px;
}
.u_fs_8 {
	font-size: 28px;
}
.u_fs_9 {
	font-size: 30px;
}
.u_fs_10 {
	font-size: 34px;
}
.u_fs_11 {
	font-size: 36px;
}
.u_fs_12 {
	font-size: 40px;
}
.u_fs_13 {
	font-size: 12px;
}
@media screen and (max-width: 900px) {
	.u_sp_fs_1 {
		font-size: 14px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_2 {
		font-size: 16px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_3 {
		font-size: 18px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_4 {
		font-size: 20px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_5 {
		font-size: 22px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_6 {
		font-size: 24px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_7 {
		font-size: 26px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_8 {
		font-size: 28px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_9 {
		font-size: 30px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_10 {
		font-size: 34px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_11 {
		font-size: 36px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_12 {
		font-size: 40px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_13 {
		font-size: 12px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_14 {
		font-size: 11px;
	}
}
@media screen and (max-width: 900px) {
	.u_sp_fs_15 {
		font-size: 8px;
	}
}
.u_fw_300 {
	font-weight: 300;
}
.u_fw_500 {
	font-weight: 500;
}
.u_fw_700 {
	font-weight: 700;
}
.u_fw_900 {
	font-weight: 900;
}
.u_bg_yellow_1 {
	background-image: url(../img/common/t_border.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position-y: 100%;
}
.u_bg_yellow_2 {
	background-image: url(../img/common/t_border-1.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position-y: 100%;
}
.u_bg_circle {
	margin: -20px 4px -20px -6px;
	padding: 19.5px;
	background-image: url(../img/common/bg-1.svg);
	background-repeat: no-repeat;
	background-size: calc(100% - 13px);
	background-position: 7px 4px;
	color: #fff67c;
	font-weight: 700;
}
@media screen and (max-width: 900px) {
	.u_bg_circle {
		margin: -16px 0px;
		padding: 16px;
		background-size: calc(100% - 10px);
		background-position: 4.5px 1px;
	}
}
.u_box_shadow {
	-webkit-box-shadow: 2px 3px 1px 0px rgba(0, 0, 0, 0.082);
	box-shadow: 2px 3px 1px 0px rgba(0, 0, 0, 0.082);
}
.u_mx_auto {
	margin-left: auto;
	margin-right: auto;
}
/* ======================================================================
 component
====================================================================== */
@media screen and (min-width: 901px) {
	.sp {
		display: none;
	}
}
/* =================================
 title
================================= */
.c_ttl {
	background: url(../img/common/bg_slide.png) no-repeat center center/cover;
	padding: 75px 0;
	text-align: center;
}
@media screen and (max-width: 900px) {
	.c_ttl {
		margin-top: 81px;
		padding: 40px 0;
	}
}
.c_ttl .ttl {
	font-family: serif;
	font-size: 36px;
	color: #000;
	font-weight: bold;
	text-shadow: 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255);
}
@media screen and (max-width: 900px) {
	.c_ttl .ttl {
		font-size: 28px;
	}
}
.c_ttl2._center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media screen and (max-width: 900px) {
	.c_ttl2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 50px;
		margin-bottom: 25px;
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 1px;
		font-family: serif;
		line-height: 1.3 !important;
	}
	.c_ttl2 .min {
		font-size: 16px;
		display: block;
	}
	.c_ttl2 img {
		width: 34px;
		display: block;
		margin-right: 10px;
	}
	.c_ttl2 + * {
		margin-top: 0 !important;
	}
}
@media screen and (min-width: 901px) {
	.c_ttl2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 50px;
		margin-bottom: 25px;
		font-size: 29px;
		font-weight: 500;
		letter-spacing: 2px;
		font-family: serif;
	}
	.c_ttl2 img {
		display: block;
		margin-right: 20px;
		width: 58px;
	}
	.c_ttl2 + * {
		margin-top: 0 !important;
	}
}
.c_ttl3 {
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 1.1em;
}
.c_ttl3 + * {
	margin-top: 0 !important;
}
.c_ttl4 {
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #b2995c;
	border-bottom: 1px solid #b2995c;
	display: inline-block;
}
.c_ttl4 + * {
	margin-top: 0 !important;
}
.c_ttl5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #5d6f97;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	font-size: 21px;
	letter-spacing: 2px;
	font-family: serif;
	margin-top: 40px;
	margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
	.c_ttl5 {
		font-size: 18px;
	}
}
.c_ttl5 + * {
	margin-top: 0 !important;
}
.c_ttl5:before, .c_ttl5:after {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #5d6f97;
	display: block;
}
.c_ttl6 {
	font-size: 21px;
	letter-spacing: 2px;
	font-family: serif;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	position: relative;
}
@media screen and (max-width: 900px) {
	.c_ttl6 {
		margin-top: 30px;
		font-size: 18px;
	}
}
.c_ttl6:before, .c_ttl6:after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	bottom: 0;
}
.c_ttl6:after {
	width: 200px;
	background-color: #B2995B;
	z-index: 2;
	height: 2px;
}
.c_ttl6:before {
	width: 100%;
	z-index: 1;
	height: 1px;
	background-color: #C5B286;
}
.c_ttl6 + * {
	margin-top: 0 !important;
}
.c_ttl7 {
	border-bottom: 2px solid #5d6f97;
	color: #333333;
	padding-bottom: 8px;
	margin-bottom: 15px;
	font-size: 16px;
}
@media screen and (max-width: 900px) {
	.c_ttl7 {
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 1.2;
		padding-bottom: 3px;
	}
}
.c_ttl7 + * {
	margin-top: 0 !important;
}
.c_ttl8 {
	font-weight: normal;
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 5px;
	padding-bottom: 10px;
	font-size: 28px;
	font-family: serif;
	border-bottom: 1px solid #b2995c;
}
@media screen and (max-width: 900px) {
	.c_ttl8 {
		padding-bottom: 10px;
		font-size: 24px;
		line-height: 1.3;
		letter-spacing: 2px;
	}
}
.c_ttl8 + * {
	margin-top: 0 !important;
}
.c_ttl9 {
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.3;
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-family: serif;
}
.c_ttl9._white {
	color: #fff;
}
@media screen and (max-width: 900px) {
	.c_ttl9 {
		font-size: 24px;
		line-height: 1.3;
	}
}
.c_ttl9 .eng {
	letter-spacing: 1px;
	margin: 5px auto 0;
	color: #B2995B;
	font-size: 14px;
	font-weight: normal;
	display: block;
}
@media screen and (min-width: 901px) {
	.c_ttl9._2 {
		text-align: left;
	}
	.c_ttl9._2 h2 {
		display: inline;
	}
	.c_ttl9._2 .eng {
		display: inline;
		padding-left: 15px;
	}
}
.c_txtbox {
	margin-top: 30px;
}
.c_txtbox p + p {
	margin-top: 1em;
}
.c_imgbox_s {
	width: 800px;
	max-width: 100%;
	margin: 30px auto 0;
}
.c_videobox {
	margin: 30px auto 0;
}
.c_videobox video {
	width: 100%;
}
.c_list {
	margin-top: 30px;
}
.c_list li {
	position: relative;
	margin-left: 1em;
}
.c_list li:before {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	border-radius: 4px;
	background-color: #666;
	position: absolute;
	left: -1em;
}
@media screen and (max-width: 900px) {
	.c_list li:before {
		top: 10px;
	}
}
@media screen and (min-width: 901px) {
	.c_list li:before {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.c_dlbox {
	border: 1px solid #5e6e97;
}
.c_dlbox dt {
	padding: 8px 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #5e6e97;
}
.c_dlbox dd {
	padding: 10px;
}
.c_dlbox dd > *:nth-child(1) {
	margin-top: 0;
}
.c_youtube {
	width: 800px;
	max-width: 100%;
	margin: 30px auto 0;
}
@media screen and (max-width: 900px) {
	.c_youtube {
		width: 600px;
	}
}
.c_youtube .inr {
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}
.c_youtube .inr iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.c_step {
	margin-top: 30px;
}
@media screen and (max-width: 900px) {
	.c_step .c_btn1 {
		width: 100% !important;
		margin-left: auto;
		margin-right: auto;
	}
}
.c_step li {
	margin-top: 70px;
	background-color: #f5efe9;
	padding: 8px;
	position: relative;
}
.c_step li:before {
	content: "";
	background: url(../img/common/icon_line.png) no-repeat top center;
	width: 77px;
	height: 68px;
	position: absolute;
	top: -10px;
	left: -10px;
}
@media screen and (max-width: 900px) {
	.c_step li:before {
		width: 60px;
		height: 60px;
	}
}
.c_step li:nth-child(1) {
	margin-top: 0;
}
.c_step li:nth-child(1):after {
	content: none;
}
@media screen and (max-width: 900px) {
	.c_step li {
		margin-top: 50px;
	}
}
.c_step li:after {
	content: "";
	width: 51px;
	height: 32px;
	background: url(../img/common/c_step_down.png) no-repeat center center/contain;
	display: block;
	position: absolute;
	top: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (max-width: 900px) {
	.c_step li:after {
		top: -37px;
		width: 40px;
		height: 25px;
	}
}
.c_step li .inr {
	border: 1px solid #b2995c;
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
	.c_step li .inr {
		padding: 15px 15px 20px;
		position: relative;
	}
}
.c_step li .inr a.pull_right {
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.c_step li .inr a.pull_right:hover {
	opacity: 0.8;
}
.c_step li .inr .left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.c_step li .inr .right {
	width: 200px;
	margin-left: 30px;
}
@media screen and (max-width: 900px) {
	.c_step li .inr .right {
		display: none;
	}
}
.c_step li .inr .right img {
	max-width: 100%;
}
.c_step li .ttl {
	color: #5d6f97;
	position: relative;
	font-size: 24px;
	font-family: serif;
	font-weight: bold;
	padding-bottom: 10px;
}
@media screen and (max-width: 900px) {
	.c_step li .ttl {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.c_step li .ttl + *:nth-child(1) {
		margin-top: 0 !important;
	}
}
.c_step li .ttl:after {
	content: "";
	background-color: #C6C5C4;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.c_step li .ttl:before {
	content: "";
	width: 200px;
	height: 2px;
	background-color: #5d6f97;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.c_step li .sp_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 140px;
}
@media screen and (min-width: 901px) {
	.c_step li .sp_right {
		display: none;
	}
}
.c_step li .desc {
	margin-top: 20px;
	pointer-events: none;
}
@media screen and (max-width: 900px) {
	.c_step li .desc {
		margin-top: 15px;
	}
}
.c_btn1 {
	-webkit-box-shadow: 0 2px 0 #3c4964;
	box-shadow: 0 2px 0 #3c4964;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	color: #fff !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 320px;
	max-width: 100%;
	margin-top: 20px;
	position: relative;
	background: #5d6f97;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.c_btn1._center {
	margin-left: auto;
	margin-right: auto;
}
.c_btn1._outlink:after {
	content: "";
	background: url(../img/common/ico_outlink.png) no-repeat center center/contain;
	width: 12px;
	height: 12px;
}
.c_btn1._right {
	margin-left: auto;
}
@media screen and (max-width: 900px) {
	.c_btn1 {
		height: 40px;
		font-size: 14px;
		width: 300px;
		border-radius: 5px;
	}
}
.c_btn1:after {
	content: "";
	background: url(../img/common/ico_arrowlink.png) no-repeat center center/contain;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
}
.c_btn1:hover {
	opacity: 0.8;
}
@media screen and (min-width: 901px) {
	.c_btn1:hover {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
		-webkit-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
	}
}
.c_btn2 {
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	color: #fff !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 320px;
	border-radius: 10px;
	-webkit-transition: 0.2 ease-out;
	transition: 0.2 ease-out;
	-webkit-box-shadow: 0 2px 0 #3c4964;
	box-shadow: 0 2px 0 #3c4964;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 30px;
	position: relative;
	background: #5d6f97;
}
.c_btn2:hover {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
@media screen and (max-width: 900px) {
	.c_btn2 {
		border-radius: 5px;
	}
}
.c_btn2:after {
	content: "";
	background: url(../img/common/ico_arrowlink.png) no-repeat center center/contain;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
}
.c_btn2:hover {
	opacity: 0.8;
}
.c_btn2._outlink:after {
	content: "";
	background: url(../img/common/ico_outlink.png) no-repeat center center/contain;
	width: 12px;
	height: 12px;
}
.c_btn3 {
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	color: #fff !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 320px;
	max-width: 100%;
	margin-top: 20px;
	position: relative;
	background: #5d6f97;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.c_btn3._center {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 900px) {
	.c_btn3 {
		width: 300px;
		border-radius: 5px;
	}
}
.c_btn3:after {
	content: "";
	background: url(../img/common/ico_outlink.png) no-repeat center center/contain;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
}
.c_btn3:hover {
	opacity: 0.8;
}
.bnr_box {
	width: 640px;
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 20px 0;
}
@media screen and (max-width: 900px) {
	.bnr_box {
		padding: 0;
	}
}
.bnr_box a {
	display: block;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.bnr_box a:hover {
	opacity: 0.8;
}
.bnr_box img {
	max-width: 100%;
	display: block;
}
.c_returnbtn {
	-webkit-transition: 0.2 ease-out;
	transition: 0.2 ease-out;
	-webkit-box-shadow: 0 3px 0 #3c4964;
	box-shadow: 0 3px 0 #3c4964;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 60px;
	color: #fff !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 400px;
	border-radius: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 80px;
	position: relative;
	background: #5d6f97 url(../img/common/ico_arrowlink.png) no-repeat right 15px center;
}
@media screen and (max-width: 900px) {
	.c_returnbtn {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px;
		margin-top: 60px;
	}
}
.c_returnbtn:after {
	content: "";
	background: url(../img/common/ico_arrowlink.png) no-repeat center center/contain;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
}
.c_returnbtn:hover {
	opacity: 0.8;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-box-shadow: 0 0 0 #3c4964;
	box-shadow: 0 0 0 #3c4964;
}
.c_returnbtn._outlink:after {
	content: "";
	background: url(../img/common/ico_outlink.png) no-repeat center center/contain;
	width: 12px;
	height: 12px;
}
.c_portraitlist {
	margin-top: 20px;
}
.c_portraitlist > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.c_portraitlist > li img {
	width: 180px;
	height: 110px;
	-o-object-fit: contain;
	object-fit: contain;
}
@media screen and (max-width: 900px) {
	.c_portraitlist > li img {
		width: 140px;
		height: 90px;
	}
}
.c_portraitlist > li .inf {
	margin-left: 5%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
@media screen and (max-width: 900px) {
	.c_portraitlist > li .inf {
		margin-left: 2%;
	}
}
.c_portraitlist > li + li {
	margin-top: 10px;
}
.c_gummyportrait {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #eee;
}
@media screen and (max-width: 900px) {
	.c_gummyportrait {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 10px;
	}
}
.c_gummyportrait > li {
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	padding: 10px;
	text-align: center;
	width: 33%;
}
@media screen and (max-width: 900px) {
	.c_gummyportrait > li {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: 0;
		padding: 0;
	}
	.c_gummyportrait > li img {
		width: 140px;
		height: 90px;
		-o-object-fit: contain;
		object-fit: contain;
	}
	.c_gummyportrait > li p {
		padding-top: 0 !important;
		text-align: left;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-left: 2%;
	}
}
.c_gummyportrait > li p {
	margin: 10px 0 0;
}
.c_tbl td, .c_tbl th {
	border: 1px solid #7b9ce4;
	padding: 10px 12px;
	text-align: left;
	vertical-align: middle;
	line-height: 1.2;
}
@media screen and (max-width: 900px) {
	.c_tbl td, .c_tbl th {
		padding: 3px;
	}
}
.c_tbl th {
	background-color: #e9edf7;
	width: 180px;
	font-weight: normal;
}
@media screen and (max-width: 900px) {
	.c_tbl th {
		width: 40%;
	}
}
.c_tbl td {
	border: 1px solid #7b9ce4;
	padding: 10px 12px;
	text-align: left;
	vertical-align: middle;
}
.c_tableleft {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	border-bottom: none;
}
.c_tableleft._short {
	width: 600px;
	max-width: 100%;
}
.c_tableleft dt {
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 900px) {
	.c_tableleft dt {
		width: 35%;
	}
}
.c_tableleft dd {
	border-bottom: 1px solid #ccc;
	width: 75%;
	padding: 10px;
}
@media screen and (max-width: 900px) {
	.c_tableleft dd {
		width: 65%;
	}
}
.c_beforeafterbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px;
	width: 800px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
}
@media screen and (max-width: 900px) {
	.c_beforeafterbox + .c_beforeafterbox {
		margin-top: 10px;
	}
}
.c_beforeafterbox .image_txt {
	font-size: 16px;
	font-weight: bold;
	color: #5d6f97;
	text-align: center;
	padding-bottom: 5px;
}
@media screen and (max-width: 900px) {
	.c_beforeafterbox .image_txt {
		font-size: 14px;
	}
}
.c_beforeafterbox .desc {
	font-size: 14px;
	padding-top: 0.5em;
	font-weight: normal;
}
.c_beforeafterbox .image_list._1 {
	background: #f5f8f8;
	padding: 10px;
	font-weight: bold;
	font-size: 1.1em;
	width: auto;
	text-align: center;
	border-radius: 10px;
	flex: 1;
}
@media screen and (max-width: 900px) {
	.c_beforeafterbox .image_list._1 {
		padding: 5px;
		border-radius: 5px;
	}
}
.c_beforeafterbox .image_list._2 {
	width: 50px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2%;
}
@media screen and (max-width: 900px) {
	.c_beforeafterbox .image_list._2 {
		padding: 0 2%;
		width: 7%;
	}
	.c_beforeafterbox .image_list._2 img {
		width: 30px;
	}
}
.image_list._1 img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.table_wrap {
	margin-top: 30px;
}
.table_wrap._case_details th, .table_wrap._case_details td {
	border: 1px solid #91ade9;
	padding: 13px;
	vertical-align: middle;
}
.table_wrap._case_details th {
	width: 12%;
	background-color: #5d6f97;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 900px) {
	.table_wrap._case_details th {
		width: 35%;
	}
}
.table_wrap._case_details td {
	width: 80%;
}
@media screen and (max-width: 900px) {
	.table_wrap._case_details td {
		width: 65%;
	}
}
.cp_qa .cp_actab input[type=checkbox] {
	display: none;
}
.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.cp_qa .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
	opacity: 0;
}
.c_col_wrap {
	margin-top: 30px;
}
.c_col_wrap > *:nth-child(1) {
	margin-top: 0 !important;
}
.c_col_wrap:after {
	content: "";
	display: block;
	clear: both;
}
.c_col_wrap img {
	display: block;
}
@media screen and (max-width: 900px) {
	.c_col_wrap img {
		width: 150px;
	}
}
.c_col_wrap .pull_right {
	float: right;
	margin-left: 30px;
}
@media screen and (max-width: 900px) {
	.c_col_wrap .pull_right {
		margin-left: 10px;
	}
}
.c_col_wrap .pull_left {
	float: left;
	margin-right: 30px;
}
@media screen and (max-width: 900px) {
	.c_col_wrap .pull_left {
		margin-right: 10px;
	}
}
.c_pagenav {
	margin-top: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	row-gap: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}
@media screen and (max-width: 900px) {
	.c_pagenav {
		-webkit-column-gap: 2%;
		-moz-column-gap: 2%;
		column-gap: 2%;
	}
}
.c_pagenav_wrap {
	padding: 20px 30px 30px;
	background: #f5f8f8;
	border-radius: 10px;
}
@media screen and (max-width: 900px) {
	.c_pagenav_wrap {
		margin-top: 30px;
		padding: 15px 15px 25px;
	}
}
.c_pagenav_wrap > *:nth-child(1) {
	margin-top: 0 !important;
}
.c_pagenav_ttl {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 900px) {
	.c_pagenav_ttl .c_ttl5 {
		margin-bottom: 10px;
	}
}
.c_pagenav_ttl + * {
	margin-top: 0 !important;
}
.c_pagenav_ttl > *:nth-child(1) {
	margin-top: 0 !important;
}
@media screen and (min-width: 901px) {
	.c_pagenav .bnt_blue._col3 a {
		width: 150px;
		padding: 0 20px;
	}
}
.c_pagenav .bnt_blue._none a {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	background: #fff;
	color: #5d6f97;
	border: 1px solid #5d6f97;
	pointer-events: none;
}
@media screen and (max-width: 900px) {
	.c_pagenav .bnt_blue {
		width: 49%;
	}
}
.c_pagenav .bnt_blue._inlink a:after {
	-webkit-transform: rotate(0) translateY(-50%);
	transform: rotate(0) translateY(-50%);
	-webkit-transform-origin: center;
	transform-origin: center;
}
.c_pagenav .bnt_blue a {
	-webkit-box-shadow: 0 2px 0 #3c4964;
	box-shadow: 0 2px 0 #3c4964;
	height: 45px;
	padding: 0 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #5d6f97;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	position: relative;
	line-height: 1.2;
}
@media screen and (max-width: 900px) {
	.c_pagenav .bnt_blue a {
		width: 100%;
		padding: 0 5px;
		height: 45px;
	}
}
@media screen and (min-width: 901px) {
	.c_pagenav .bnt_blue a {
		width: 180px;
	}
	.c_pagenav .bnt_blue a:hover {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
		-webkit-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
	}
}
.c_pagenav .bnt_blue a:hover {
	opacity: 0.8;
}
.c_pagenav .bnt_blue a:after {
	content: "";
	background: url(../img/common/ico_arrowlink.png) no-repeat center center/contain;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: rotate(90deg) translateY(-50%);
	transform: rotate(90deg) translateY(-50%);
	width: 10px;
	height: 10px;
	-webkit-transform-origin: top;
	transform-origin: top;
}
@media screen and (max-width: 900px) {
	.c_pagenav .bnt_blue a:after {
		right: 10px;
	}
}
.case_bnr > a {
	width: 300px;
	max-width: 100%;
	margin: 30px auto 0;
	display: block;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.case_bnr > a:hover {
	opacity: 0.8;
}
.c_qanav {
	margin-top: 30px;
	padding-left: 80px;
}
.c_qanav + * {
	margin-top: 40px;
}
@media screen and (max-width: 900px) {
	.c_qanav + * {
		margin-top: 30px;
	}
}
@media screen and (max-width: 900px) {
	.c_qanav {
		padding-left: 45px;
	}
}
.c_qanav li {
	position: relative;
	margin-left: 1em;
}
.c_qanav li:before {
	content: "";
	background: url(../img/common/ico_faqlink.png) no-repeat center center;
	width: 7px;
	top: 5px;
	height: 12px;
	position: absolute;
	left: -1em;
}
.c_qanav li a {
	color: #5d6f97 !important;
	text-decoration: underline;
}
.c_qanav li a:hover {
	text-decoration: none;
}
.c_importbox {
	background-color: #f5efe9;
	margin-top: 40px;
	padding: 8px;
	position: relative;
}
.c_importbox:before {
	content: "";
	background: url(../img/common/icon_line.png) no-repeat top center;
	width: 77px;
	height: 68px;
	position: absolute;
	top: -10px;
	left: -10px;
}
.c_importbox .inner {
	border: 1px solid #b2995c;
	padding: 20px 40px 30px;
}
@media screen and (max-width: 900px) {
	.c_importbox .inner {
		padding: 20px;
	}
}
.c_importbox .pull_left {
	float: left;
	margin-right: 30px;
}
.c_importbox .pull_right {
	float: right;
	margin-left: 30px;
	max-width: 200px;
}
@media screen and (max-width: 900px) {
	.c_importbox .pull_right {
		width: 130px;
	}
}
.c_importbox .ttl {
	text-align: center !important;
	margin-bottom: 30px;
}
.c_importbox .ttl + * {
	margin-top: 0 !important;
}
.c_importbox .merideme {
	margin-top: 30px;
}
.c_importbox .merideme > *:nth-child(1) {
	margin-top: 0 !important;
}
.c_importbox .merideme dt {
	margin-top: 30px;
	color: #666666;
	font-weight: bold;
	border-bottom: 1px solid #666666;
	margin-bottom: 15px;
	display: inline-block;
}
@media screen and (max-width: 900px) {
	.c_importbox .merideme dt {
		margin-top: 20px;
	}
}
.c_importbox2 {
	margin-top: 30px;
	background: #f5efe9;
	padding: 20px;
}
.c_importbox2 .inner {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(128, 128, 128, 0.31);
	box-shadow: 0 0 5px rgba(128, 128, 128, 0.31);
	padding: 25px;
}
@media screen and (max-width: 900px) {
	.c_importbox2 .c_btn1 {
		width: 100% !important;
	}
}
.c_importbox2 dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
	.c_importbox2 dl {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
}
.c_importbox2 dl + dl {
	margin-top: 40px;
}
.c_importbox2 dt {
	margin-right: 20px;
}
@media screen and (max-width: 900px) {
	.c_importbox2 dt {
		margin-right: 0;
		margin-left: 20px;
		width: 80px;
	}
}
.c_importbox2 dd {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.c_importbox2 .ttl {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 5px;
	font-family: serif;
	border-bottom: 2px solid #5d6f97;
}
.c_importbox2 .c_btn1 {
	margin-left: auto;
}
.c_numberlist {
	margin-top: 30px;
	counter-reset: number 0;
}
@media screen and (max-width: 900px) {
	.c_numberlist br {
		display: none;
	}
}
.c_numberlist > li {
	position: relative;
	padding-left: 1.5em;
}
.c_numberlist > li + li {
	margin-top: 0.5em;
}
.c_numberlist > li:before {
	position: absolute;
	left: 0;
	counter-increment: number 1;
	content: counter(number) ".";
}
.c_table_address {
	margin-top: 30px;
}
.c_table_address th {
	text-align: left;
	width: 200px;
	border-bottom: 1px solid #000;
	padding: 10px 0;
}
@media screen and (max-width: 900px) {
	.c_table_address th {
		width: 80px;
	}
}
.c_table_address td {
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.c_author {
	margin: 50px auto 0;
	padding: 20px;
	border: 1px solid #b2995c;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 620px) {
	.c_author {
		padding: 10px;
	}
}
.c_author .flex {
	background: #f2f2f2;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width: 620px) {
	.c_author .flex {
		display: block;
		padding: 10px;
	}
}
.c_author_title {
	margin-top: 0;
}
.c_author_img {
	width: 110px;
	margin-right: 10px;
	-ms-flex-item-align: baseline;
	align-self: baseline;
}
@media screen and (max-width: 620px) {
	.c_author_img {
		width: 70px;
		float: right;
		margin-left: 10px;
	}
}
.c_author_img img {
	height: auto !important;
}
.c_author_people {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.c_author_name {
	font-weight: bold;
	margin-top: 0;
	font-size: 16px;
	line-height: 1.6;
}
@media screen and (max-width: 620px) {
	.c_author_name {
		font-size: 14px;
	}
}
.c_author_text {
	font-size: 14px;
	margin-top: 1em;
}
.c_author_text a {
	color: #5d6f97;
	text-decoration: underline;
}
.c_author_text a:hover {
	text-decoration: none;
}
.c_author_text a:after {
	display: inline-block;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	background: url(../img/common/ico_link.svg) 0 0/cover no-repeat;
	content: "";
}
.c_author_content {
	margin-top: 20px;
}
.c_chase_cv {
	left: 0;
	z-index: 100;
	position: fixed;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
@media screen and (min-width: 901px) {
	.c_chase_cv {
		display: none !important;
	}
}
@media screen and (max-width: 900px) {
	.c_chase_cv + .page_up {
		bottom: 70px;
	}
}
.c_chase_cv .line {
	line-height: 1.2;
	height: 55px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	position: relative;
	background: #06C755;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.c_chase_cv .line:after {
	content: "";
	width: 6px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../img/common/ico_arrowlink.png) no-repeat center center/cover;
}
.chasebtn_sp {
	display: none;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 900;
	padding: 5px 5px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
}
@media screen and (min-width: 901px) {
	.chasebtn_sp {
		display: none;
	}
}
.chasebtn_sp .item_gummy, .chasebtn_sp .item_mouth {
	width: 62.7%;
}
.chasebtn_sp .item_line {
	width: 35.8%;
}
.chasebtn_sp .link {
	border-radius: 4px;
	position: relative;
	height: 60px;
	width: 100%;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	padding: 10px 20px 10px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.3;
}
.chasebtn_sp .link:after {
	content: "";
	background: url(../img/column/foot_icon03.png) no-repeat center center;
	width: 6px;
	height: 10px;
	display: block;
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.chasebtn_sp .item_line .link {
	background: #06C755;
	-webkit-box-shadow: 0 5px 0 #0BA54A;
	box-shadow: 0 5px 0 #0BA54A;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 10px;
	font-size: 13px;
}
.chasebtn_sp .item_mouth .link {
	background: #5A77B5;
	-webkit-box-shadow: 0 5px 0 #3D5CA0;
	box-shadow: 0 5px 0 #3D5CA0;
	padding-left: 65px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.chasebtn_sp .item_mouth .link:before {
	content: "";
	width: 51px;
	height: 51px;
	background: url(../img/column/foot_icon02.png) no-repeat center center;
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.chasebtn_sp .item_gummy .link {
	background: #5A77B5;
	-webkit-box-shadow: 0 5px 0 #3D5CA0;
	box-shadow: 0 5px 0 #3D5CA0;
	padding-left: 65px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.chasebtn_sp .item_gummy .link:before {
	content: "";
	width: 51px;
	height: 51px;
	background: url(../img/column/foot_icon01.png) no-repeat center center;
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.c_pager_num {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 30px;
	gap: 5px;
}
.c_pager_num a {
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.c_pager_num a:hover {
	opacity: 0.8;
}
.c_pager_num .page-numbers {
	width: 46px;
	height: 46px;
	border-radius: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #5d6f97;
	color: #fff;
}
.c_pager_num .page-numbers.dots {
	background-color: #fff;
	color: #5d6f97;
}
.c_pager_num .page-numbers.current {
	color: #5d6f97;
	border: 1px solid #5d6f97;
	background-color: #fff;
}
.c_pager_num .page-numbers.next, .c_pager_num .page-numbers.last, .c_pager_num .page-numbers.first, .c_pager_num .page-numbers.prev {
	background-color: #fff;
	color: #5d6f97;
}
/* ======================================================================
 layout
====================================================================== */
/* =================================
 l_container
================================= */
.container {
	width: 1040px;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 900px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 619px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.l_sect {
	font-size: 14px;
	padding-top: 50px;
}
.l_sect img {
	max-width: 100%;
}
@media screen and (max-width: 900px) {
	.l_sect {
		padding-top: 30px;
	}
}
#header .spmenu {
	display: none;
}
@media screen and (max-width: 900px) {
	#header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1000;
		background-color: #fff;
	}
}
@media screen and (max-width: 900px) {
	#header .in_header {
		padding: 10px 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#header .in_header img {
		height: 40px;
	}
	#header .in_header img {
		max-width: 100%;
	}
	#header .in_header .h_logo {
		margin-top: 0;
		padding-top: 0 !important;
	}
	#header .in_header .h_logo a {
		display: block;
	}
	#header .in_header .spmenu {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 3%;
		width: 40%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
		gap: 2%;
	}
	#header .in_header .pcmenu {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	#header .h_nav {
		display: none;
	}
}
#header .txt_h1 {
	background: #cac5b2;
	color: #666666;
	font-size: 9px;
	font-weight: normal;
	padding: 3px 0;
	margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
	#header .txt_h1 {
		margin-bottom: 0;
	}
}
#header .in_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media screen and (min-width: 901px) {
	#header .in_header {
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
	}
}
@media screen and (max-width: 900px) {
	#header .in_header {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
#header .pull {
	width: 575px;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
	#header .pull {
		display: none;
	}
}
#header .pull_left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#header .pull_left .ttl {
	padding: 3px 0;
	text-align: center;
	background-color: #b2995c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#header .pull_left .ttl img {
	height: 12px;
}
#header .pull_left .desc {
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
}
#header .pull_left .tel {
	padding: 10px 20px 0;
}
#header .pull_right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#header .pull_right .ttl {
	padding: 3px 0;
	text-align: center;
	background-color: #5d6f97;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#header .pull_right .ttl img {
	height: 12px;
}
#header .pull_right .pull_inr {
	line-height: 1.75;
	font-size: 14px;
}
#header .gnav {
	margin-top: 15px;
}
@media screen and (max-width: 900px) {
	#header .gnav {
		display: none;
	}
}
#header .gnav_inr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#header .gnav_inr > li {
	position: relative;
}
#header .gnav_inr > li.active .sub_nav {
	opacity: 1;
	pointer-events: auto;
}
#header .gnav_inr > li .sub_nav {
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	position: absolute;
	width: 110%;
	background-color: #fff;
}
#header .gnav_inr > li .sub_nav > li {
	border-bottom: 1px solid #b2995c;
}
#header .gnav_inr > li .sub_nav > li a {
	font-weight: bold;
	display: block;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 10px;
	color: #b2995c;
	position: relative;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
#header .gnav_inr > li .sub_nav > li a:hover {
	opacity: 0.8;
}
#header .gnav_inr > li .sub_nav > li a:after {
	content: "";
	background: url(../img/common/ico_arrow_gold.png) no-repeat center center/contain;
	width: 6px;
	height: 10px;
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header .gnav_inr > li .sub_nav > li:last-child {
	border: none;
}
.map {
	margin-top: 80px;
	background: #f2f2f2;
}
.map .footer_line {
	padding-bottom: 40px;
}
.map .footer_line .c_ttl2 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.map .footer_line .read {
	text-align: center;
}
@media screen and (max-width: 900px) {
	.map {
		margin-top: 50px;
	}
}
.inne_company {
	padding: 25px 23px;
	text-align: center;
}
@media screen and (max-width: 900px) {
	.inne_company {
		padding: 15px 0;
	}
}
@media screen and (max-width: 900px) {
	.company_logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
.company_logo img {
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 900px) {
	.company_logo img {
		height: 43px;
	}
}
.company_address {
	font-size: 14px;
}
.company_address br {
	display: none;
}
@media screen and (max-width: 900px) {
	.company_address {
		text-align: left;
	}
	.company_address br {
		display: block;
	}
}
.company_flex {
	margin-top: 20px;
}
@media screen and (min-width: 901px) {
	.company_flex {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-column-gap: 5px;
		-moz-column-gap: 5px;
		column-gap: 5px;
		margin-top: 0;
	}
}
.company_flex .navlabel_yoyaku .ttl {
	padding: 3px 0;
	text-align: center;
	background-color: #b2995c;
}
@media screen and (min-width: 901px) {
	.company_flex .navlabel_yoyaku .ttl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
.company_flex .navlabel_yoyaku .ttl img {
	height: 16px;
}
@media screen and (min-width: 901px) {
	.company_flex .navlabel_yoyaku .ttl img {
		height: 12px;
	}
}
.company_flex .navlabel_yoyaku .desc {
	margin-top: 10px;
	font-size: 12px;
}
.company_flex .navlabel_yoyaku .tel {
	display: block;
	width: 250px;
	margin: 0 auto;
}
@media screen and (min-width: 901px) {
	.company_flex .navlabel_yoyaku .tel {
		width: 210px;
		margin-top: 10px;
	}
}
.company_flex .navlabel_yoyaku .tel img {
	width: 100%;
}
.company_flex .company_info_ttl {
	margin-top: 20px;
	padding: 3px 0;
	text-align: center;
	background-color: #5d6f97;
}
@media screen and (min-width: 901px) {
	.company_flex .company_info_ttl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
.company_flex .company_info_ttl img {
	height: 16px;
}
@media screen and (min-width: 901px) {
	.company_flex .company_info_ttl img {
		height: 12px;
	}
}
.company_info {
	text-align: left;
	font-size: 14px;
}
.box_com {
	border: 1px solid #666666;
	padding: 15px 30px;
	margin: 33px auto;
}
@media screen and (min-width: 901px) {
	.box_com {
		width: 660px;
	}
}
@media screen and (max-width: 900px) {
	.box_com {
		padding: 15px;
		margin-bottom: 0;
		margin: 20px auto;
	}
}
.box_com_ttl {
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	background: #b25c70;
	padding: 5px;
}
.box_com .txt {
	padding: 15px 5px 0;
	font-size: 14px;
}
@media screen and (max-width: 900px) {
	.box_com .txt {
		text-align: left;
	}
}
.page_up {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 700;
}
@media screen and (max-width: 900px) {
	.page_up._column {
		bottom: 80px;
	}
}
@media screen and (min-width: 901px) {
	.page_up {
		right: 20px;
		bottom: 20px;
	}
}
.page_up a {
	background: #5d6f97;
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 20px;
}
@media screen and (min-width: 901px) {
	.page_up a {
		width: 50px;
		height: 50px;
		border-radius: 25px;
	}
}
.page_up a img {
	display: block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 7px;
}
@media screen and (min-width: 901px) {
	.page_up a img {
		width: 10px;
	}
}
#footer {
	background: #99a0af;
	padding: 60px 0 12px;
}
@media screen and (max-width: 900px) {
	#footer {
		padding: 15px 0;
	}
}
#footer .f_navs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
	#footer .f_navs {
		display: none;
	}
}
#footer .f_navs .navmenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 30px 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 15px;
}
#footer .f_navs .navmenu li {
	width: 50%;
	position: relative;
	padding-left: 1em;
	font-size: 14px;
}
#footer .f_navs .navmenu li._wide {
	width: 100%;
}
#footer .f_navs .navmenu li a {
	color: #fff !important;
}
#footer .f_navs .navmenu li:before {
	content: "";
	width: 7px;
	height: 10px;
	background: url(../img/common/ico_footerarrow.png) no-repeat center center;
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
}
#footer .f_navs .right, #footer .f_navs .left {
	width: 50%;
}
#footer .f_navs .left {
	padding-top: 55px;
}
#footer .f_navs .right .footer_ttl {
	margin-bottom: 30px;
}
#footer .f_bnrs {
	border-top: 1px dotted #fff;
	padding: 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}
@media screen and (max-width: 900px) {
	#footer .f_bnrs {
		margin-inline: calc(50% - 50vw);
		padding: 15px 15px 50px;
		row-gap: 10px;
		-webkit-column-gap: 4%;
		-moz-column-gap: 4%;
		column-gap: 4%;
	}
}
@media screen and (min-width: 901px) {
	#footer .f_bnrs > li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
@media screen and (max-width: 900px) {
	#footer .f_bnrs > li {
		width: 48%;
	}
}
#footer .f_bnrs > li a {
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
#footer .f_bnrs > li a:hover {
	opacity: 0.8;
}
#footer .f_bnrs > li a img {
	display: block;
	max-width: 100%;
	width: 100%;
}
.l_spmenu {
	z-index: 1;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #5d6f97;
	padding: 90px 2% 5%;
	z-index: 999;
	overflow: scroll;
}
.l_spmenu.navopen {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
}
.l_spmenu .js_spsubnav {
	position: relative;
}
.l_spmenu .js_spsubnav:after {
	content: "";
	width: 12px;
	height: 12px;
	background: url(../img/common/spsubnav.png) no-repeat center center/contain;
	display: block;
	position: absolute;
	right: 1%;
	z-index: 1;
	top: 50%;
	-webkit-transform: rotate(180deg) translateY(-50%);
	transform: rotate(180deg) translateY(-50%);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.l_spmenu .js_spsubnav.active:after {
	-webkit-transform: rotate(0deg) translateY(-50%);
	transform: rotate(0deg) translateY(-50%);
}
.l_spmenu .spsubnav {
	display: none;
}
.l_spmenu .submenulist {
	background: #b2995c;
	padding-left: 5%;
	padding-right: 5%;
}
.l_spmenu .submenulist > li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 16px;
	color: #fff;
	border-bottom: 1px dotted #fff;
	padding: 15px 8% 15px 1%;
	position: relative;
}
.l_spmenu .menulist > li .navitem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 16px;
	color: #fff;
	border-bottom: 1px dotted #fff;
	padding: 15px 8% 15px 1%;
	position: relative;
}
@media screen and (max-width: 900px) {
	.l_spmenu .menulist > li .navitem {
		font-size: 14px;
	}
}
.l_spmenu .menulist > li .navitem span {
	color: #b2995c;
	font-size: 14px;
}
.l_line {
	font-size: 14px;
	text-align: left;
}
@media screen and (max-width: 900px) {
	.l_line {
		font-size: 14px;
	}
}
.l_line .telephone {
	font-size: 1.6em;
	font-weight: bold;
	font-family: serif;
}
.l_line .telephone:before {
	content: "";
	width: 18px;
	height: 18px;
	background: url(../img/common/ico_phone.png) no-repeat center center/cover;
	display: inline-block;
	margin-right: 5px;
}
.l_breadcrumbs {
	padding: 8px 0;
}
@media screen and (min-width: 901px) {
	.l_breadcrumbs {
		font-size: 14px;
	}
	.l_breadcrumbs a {
		color: #5d6f97 !important;
		text-decoration: underline;
	}
	.l_breadcrumbs a:hover {
		text-decoration: none;
	}
}
@media screen and (max-width: 900px) {
	.l_breadcrumbs {
		background: #f2f2f2;
		margin-inline: calc(50% - 50vw);
		overflow-x: scroll;
	}
	.l_breadcrumbs .breadcrumbs {
		padding: 0 15px;
		white-space: nowrap;
		font-size: 12px;
	}
	.l_breadcrumbs .breadcrumbs a {
		text-decoration: underline;
	}
}
@media screen and (max-width: 900px) {
	#columnpost {
		margin-top: 85px;
	}
}
#columnpost .wrap {
	margin-top: 30px;
	background: #f2f2f2;
	padding-left: 15px;
	padding-right: 15px;
}
@media screen and (max-width: 620px) {
	#columnpost .wrap {
		padding-left: 0;
		padding-right: 0;
	}
}
#columnpost .wrap .l_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 60px 0px 40px;
	width: 1000px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#columnpost .wrap .l_content._pt0 {
	padding-top: 0px;
}
@media screen and (max-width: 620px) {
	#columnpost .wrap .l_content {
		display: block;
	}
}
#columnpost .wrap .l_main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#columnpost .wrap .main_contents {
	background-color: #fff;
	padding: 30px 50px 50px;
	border-radius: 10px;
}
@media screen and (max-width: 900px) {
	#columnpost .wrap .main_contents {
		padding: 20px 20px 40px;
		border-radius: 5px;
	}
}
.l_side {
	width: 250px;
	margin-left: 30px;
}
@media screen and (max-width: 900px) {
	.l_side {
		width: 100%;
		margin: 20px 0 0;
	}
}
@media screen and (max-width: 620px) {
	.l_side {
		margin: 20px 10px;
		width: auto;
	}
}
.l_side > *:nth-child(1) {
	margin-top: 0 !important;
}
.l_side .ttl {
	margin-top: 30px;
	padding: 10px;
	line-height: 1.2;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #5d6f97;
	color: #f5f8f8;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.l_side .box {
	margin-top: 0;
	border: 1px solid #5d6f97;
	background-color: #fff;
	padding: 0 10px;
}
.l_side .list {
	margin-top: 0;
}
.l_side .c_item_4 {
	border-bottom: 1px dashed;
}
.l_side .c_item_4:last-child {
	border: none;
}
.l_side .c_item_4 .link {
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0;
}
.l_side .c_item_4 .link:hover {
	opacity: 0.8;
}
.l_side .c_item_4 .img_box {
	width: 100px;
	margin-right: 10px;
}
.l_side .c_item_4 .sub {
	margin-top: 0;
	font-size: 14px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#columnpost .bcwrap {
	background: #f2f2f2;
}
/************
linebtn
************/
.linebtn_box {
	margin-top: 30px;
}
.linebtn_box_btn:hover {
	opacity: 0.8;
}
.linebtn_box_btn {
	width: 400px;
	max-width: 100%;
	height: 60px;
	border-radius: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-decoration: none !important;
	margin: 10px auto 0;
	background: #06c755;
	color: #fff !important;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
}
@media screen and (max-width: 620px) {
	.linebtn_box_btn {
		margin-top: 5px;
		font-size: 16px;
	}
}
.linebtn_box_msg {
	position: relative;
	font-weight: bold;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.1em;
	/* align-items: center; */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0 !important;
}
.linebtn_box_msg._white {
	color: #fff;
}
.linebtn_box_msg._white:after {
	border-left: 1px solid #fff;
}
.linebtn_box_msg._white:before {
	border-top: 1px solid #fff;
}
.linebtn_box_msg:after {
	content: "";
	width: 15px;
	height: 15px;
	border-left: 1px solid;
	-webkit-transform: rotate(45deg) translateX(6px);
	transform: rotate(45deg) translateX(6px);
	-webkit-transform-origin: center;
	transform-origin: center;
}
.linebtn_box_msg:before {
	content: "";
	width: 15px;
	height: 15px;
	border-top: 1px solid;
	-webkit-transform: rotate(45deg) translateY(2px);
	transform: rotate(45deg) translateY(2px);
	-webkit-transform-origin: left;
	transform-origin: left;
}
.w70 {
	width: 70%;
}
@media screen and (max-width: 700px) {
	.w70 {
		width: 100%;
	}
}
/*add 20241217*/
.gammykv {
	background: #e6f3ff;
}
.kvinner {
	max-width: 1000px;
	margin: auto;
	position: relative;
}
.kvinner h1 {
	position: absolute;
	top: calc(100% - 89%);
	z-index: 1;
	left: calc(100% - 42%);
	font-size: 31px;
	text-align: center;
	line-height: 1.22;
	font-feature-settings: "palt";
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	color: #323c4f;
	letter-spacing: 0.2em;
	
}
.kvinner h1 stong{
	font-weight: bold;
}
.kvinner h1::before {
	content: '';
	background: url(../../assets/img/gummy/SVG/h1eadline.svg) no-repeat 0 0;
	height: 21px;
	display: block;
	width: 100%;
	z-index: 1;
	position: absolute;
	bottom: -25px;
}
.gmap {
	margin: 0 0 10px;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 40%;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gummy-pagelink {
	margin: 30px 0 50px;
	display: flex;
	column-gap: 1em;
}
.gummy-pagelink li a {
    position: relative;
    background: #fff;
    border: 2px solid #5d6f97;
    text-align: center;
    padding: 10px 10px 30px;
    border-radius: 5px;
    transition: ease .3s;
    color: #5d6f97;
    font-weight: bold;
    display: flex;
    justify-content: center;
    width: 100%;
	
}.gummy-pagelink {
	margin: 30px 0 50px;
	display: grid;
	column-gap: 1em;
	flex-wrap: wrap;
	grid-template-columns: repeat(5, 1fr);
}
.gummy-pagelink li a:hover {
	background: #5d6f97;
	color: #fff;
}
.gummy-pagelink li a:hover::before {
	border-color: transparent transparent #fff transparent; /* 下向き三角 */
}
.gummy-pagelink li {
	position: relative;
	display: flex;
	justify-content: center;
}
.gummy-pagelink li a::before {
	content: '';
	border-style: solid;
	border-width: 10px; /* 三角形の大きさ (10px) */
	border-color: transparent transparent #5d6f97 transparent; /* 下向き三角 */
	transform: rotate(180deg);
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
	z-index: 1;
}
.csel h2{
	margin: 0 0 1em;
}
.csel .swiper {
	padding: 0em 40px;
	max-width: 850px;
}
.csel .swiper .swiper-slide {
	background: #f5f8f8;
	padding: 10px;
	font-weight: bold;
	font-size: 1.1em;
	width: auto;
	text-align: center;
	border-radius: 10px;
}
.csel .swiper .swiper-slide:nth-child(odd)::before {
	content: '';
	background: url(/images/arrow.png)no-repeat right center;
	background-size: 17px;
	width: 17px;
	display: block;
	height: 17px;
	position: absolute;
	right: calc(100% - 111%);
	top: 0;
	bottom: 0;
	margin: auto;
}
.csel .swiper .swiper-slide b {
	font-size: 16px;
	font-weight: bold;
	color: #5d6f97;
	text-align: center;
	padding-bottom: 5px;
	display: block;
}
.csel .swiper .swiper-button-prev::after {
	font-family: none;
	content: '';
	clip-path: polygon(0 7%, 7% 0, 57% 50%, 7% 100%, 0 93%, 43% 50%, 0 7%);
	height: 30px;
	aspect-ratio: 1;
	background-color: #333;
	transform: rotate(180deg);
}
.csel .swiper .swiper-button-next::after {
	font-family: none;
	content: '';
	clip-path: polygon(0 7%, 7% 0, 57% 50%, 7% 100%, 0 93%, 43% 50%, 0 7%);
	height: 30px;
	aspect-ratio: 1;
	background-color: #333;
}
.csel .swiper .swiper-button-prev {
	left: 0px;
}
.csel .swiper .swiper-button-next {
	right: 0px;
}
.csel .swiper .swiper-button-prev, .csel .swiper .swiper-button-next {
	top: 0;
	bottom: 0;
	margin: auto;
}
.gummy-beforeafter {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 3em;
	margin: 20px 0 30px;
	background: #f5f8f8;
	padding: 1em 3em;
}
.gummy-beforeafter dl {}
.gummy-beforeafter dl dt {
	text-align: center;
	font-size: clamp(16px, 2vw, 22px);
	font-weight: bold;
	color: #5d6f97;
}
.gummy-beforeafter dl dd {}
.gummy-beforeafter dl dd ul {}
.gummy-beforeafter dl dd ul li {
	margin-bottom: 5px;
	position: relative;
	display: flex;
	align-items: center;
}
.gummy-beforeafter dl:first-child dd ul li::before {
	content: '';
	border-style: solid;
	border-width: 20px;
	border-color: transparent transparent #5d6f97 transparent;
	position: absolute;
	display: flex;
	justify-content: center;
	z-index: 1;
	right: -52px;
	transform: rotate(90deg);
}
.gummy-beforeafter dl dd ul li img {
	width: 100%;
}
.gmbox .image_txt {
	line-height: 1.6;
}
@media (768px <=width <=900px) {
	.csel .swiper .swiper-slide:nth-child(odd)::before {
		right: 0;
		left: calc(100% - -20px);
		background-size: 100%;
	}
	.kvinner h1 {
		top: calc(100% - 86%);
		left: calc(100% - 40%);
		font-size: clamp(25px, 2vw, 26px);
	}
}
@media(max-width:768px) {
	.gammykv {
		margin-top: 81px;
	}
	.gummy-pagelink {
		margin: 30px 0;
		grid-row-gap: 1em;
		flex-direction: column;
		    grid-template-columns: repeat(2, 1fr);
	}
	.gummy-pagelink li a {
		width: 100%;
	}
	.gummy-beforeafter {
		column-gap: 1em;
		margin: 50px 0;
		background: #f5f8f8;
		padding: 1em;
	}
	.gummy-beforeafter dl:first-child dd ul li::before {
		content: '';
		border-style: solid;
		border-width: 10px;
		right: -22px;
	}
	.gmap {
		margin: 0 0 10px;
		padding-top: 56.25%; /*16:9の比率にしたい場合、9/16=56.25%*/
	}
	.csel .swiper {
		padding: 0;
	}
	.csel .swiper .swiper-slide b {
		font-size: 14px;
	}
	.csel .swiper .swiper-slide {
		padding: 5px;
		border-radius: 5px;
	}
	.csel .swiper .swiper-slide:nth-child(odd)::before {
		content: '';
		background: url(/images/arrow.png) no-repeat right center;
		background-size: 17px;
		width: 6%;
		display: block;
		height: auto;
		position: absolute;
	}
	.csel .swiper .swiper-button-next::after, .csel .swiper .swiper-button-prev::after {
		background-color: #fff;
		height: 20px;
	}
	.kvinner h1 {
		top: 20px;
		font-size: clamp(28px, 5vw, 70px);
		font-family: serif;
		writing-mode: tb-rl;
		left: calc(100% - 16%);
	}
	.kvinner h1::before {
		content: '';
		background: url("../../assets/img/gummy/SVG/h1eadline-sp.svg") no-repeat 0 0;
		height: 53vw;
		display: block;
		width: 30px;
		z-index: 1;
		position: absolute;
		bottom: 0;
		top: 0;
		left: calc(100% - 150%);
	}

}
@media (max-width:500px) {
	.csel .swiper .swiper-slide:nth-child(odd)::before {
		width: 12px;
	}
	.kvinner h1 {
		top: 5%;
		font-size: clamp(16px, 4.5vw, 40px);
	}
}
/*/add 20241217*/

/* 250226 コラム内レイアウト崩れの修正 ここから */
#columnpost .wrap .l_content .l_main .main_contents .c_beforeafterbox{
	width: 100%;
}
/* 250226 コラム内レイアウト崩れの修正 ここまで */

/* 250228 バナー SPクリック領域調整 ここから　*/
.sp_block{
	display: block;
}
/* 250228 バナー SPクリック領域調整 ここまで　*/