@charset "UTF-8";

:root {
	--color-primary: #323280;
	--color-primary-opacity: rgba(0, 117, 194, .6);
	--color-secondary: #0065A7;
	--color-gray: #707070;
	--color-light-gray: #F7F7F7;
	--color-dark-gray: #5B7A8E;
	--color-dark-gray-2: #516C7D;
	--color-category-tag: #E5E5E5;
	--color-disable: #ACBBC6;
	--color-caution: #D01E11;
	--color-table-border: #8ba8bb;
	--color-white: #ffffff;
	--color-white-opacity: rgba(255, 255, 255, .25);
	--color-black: #333333;
	--color-black-sea: #293337;
	--color-black-oak: #252323;
	--color-border: #DAD9DA;
	--color-border-2: #48555B;
	--color-lbl-yellow: #AF5800;
	--color-lbl-green: #19779A;
	--color-green: #487416;
	--color-footer-text: #DDDDDD;

}

/* -----------------------------------------------
Table of Contents (common css)
--------------------------------------------------
[1. Foundation]
		1-1. Reset
		1-2. Config
[2. Object]
		2-1. Utility
				 2-1-1. clearfix [ModernType]
				 2-1-2. margin,padding [mb10,pt20]
				 2-1-3. Object-Oriented CSS [OOCSS]
				 2-1-4. Grid System [grid-***]
				 2-1-5. CSS Animation [act-***]
		2-2. WebFont 
		2-3. State [is-***]
		2-4. Component a.k.a Module
				 2-4-1. Wrapper     [wrp-***]
				 2-4-2. Headings [hdg-lv*]
				 2-4-3. Text     [txt-***]
				 2-4-4. Button   [btn-***]
				 2-4-5. Anchor   [acr-***]
				 2-4-6. Icon     [icn-***]
				 2-4-7. Label    [lbl-***]
				 2-4-8. List     [lst-***]
				 2-4-9. Table    [tbl-***]
				 2-4-10. Nav      [nav-***]
				 2-4-11. Box      [box-***]
				 2-4-12. Panel    [pnl-***]
				 2-4-13. Media    [mda-***]
				 2-4-14. Form     [frm-***]
				 2-4-15. Error    [err-***]
				 2-4-16. UI
[3. Layout]
		3-1. #l-document
		3-2. #l-header
		3-3. #l-container
				 3-3-1. #l-main
				 3-3-2. #l-sub
		3-4. #l-footer
		3-4. OverLayerConfig [z-index]
		3-5. Project
[4. Print Style]


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

/* -----------------------------------------------
*> [1. Foundation]
-------------------------------------------------- */

/*>> 1-1. Reset
-------------------------------------------------- */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
}

a {
	background-color: transparent;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline-width: 0;
}

html,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
em,
img,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

article,
aside,
footer,
header,
small,
nav,
section,
figure,
figcaption,
main {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	background-color: transparent;
	outline: none;
}

small {
	font-size: 60%;
}

audio,
canvas,
progress,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

progress {
	vertical-align: baseline;
}

template,
[hidden] {
	display: none;
}

ul,
ol {
	list-style-type: none;
}

table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	line-height: 1;
	vertical-align: baseline;
	outline: none;
	border-style: none;
}

a img {
	border: none;
	outline: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

dt,
dd,
li,
th,
td,
input,
textarea {
	text-align: left;
	vertical-align: top;
}

button {
	border: none;
}

input,
textarea,
button {
	margin: 0;
	padding: 0;
}

input {
	border: 0.1rem solid #dad7d3;
	height: auto;
	padding: 0.2rem 0.5rem;
}

textarea {
	border: 0.1rem solid #dad7d3;
	height: 7.8rem;
	resize: none;
	overflow: auto;
}

button,
label {
	background-color: transparent;
	cursor: pointer;
}

button,
select {
	text-transform: none;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -0.2rem;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 0.1rem dotted ButtonText;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: content-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

:focus {
	outline: none;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

details {
	display: block;
}

summary {
	display: list-item;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

main {
	display: block;
}

h1 {
	margin: 0.67em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: bold;
}

table {
	width: 100%;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

b,
strong,
em {
	font-weight: bolder;
}

hr {
	display: block;
	height: 0.1rem;
	border: 0;
	border-top: 0.1rem solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*>> 1-2. Config
-------------------------------------------------- */
html {
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 10px;
	height: 100%;
}

body {
	font-size: 1.6rem;
	color: #333333;
	background-color: #fff;
	line-height: 2;
	letter-spacing: 0;
	font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
	/*font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;*/
	font-feature-settings: "palt";
	height: 100%;
}

a {
	color: #336699;
	text-decoration: none;
	transition: all 0.3s ease;
}

a:focus {
	outline: none;
}

.no-touchevents a:hover {
	color: #336699;
	text-decoration: underline;
}

a[href="tel"] {
	color: #a4002c;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.4;
}

p {
	line-height: 1.75;
}

dt,
dd,
li,
th,
td,
input,
textarea,
button {
	line-height: 1.6;
}

input {
	font-size: 1.6rem;
	box-sizing: border-box;
}

select {
	display: block;
}

textarea {
	width: 100%;
	display: block;
	font-size: 1.6rem;
	box-sizing: border-box;
}

/* -----------------------------------------------
*> [2. Object]
-------------------------------------------------- */

/*>> 2-1. Utility
-------------------------------------------------- */
/*>>> 2-1-1. clearfix [ModernType]*/
#l-header:after,
#l-container:after,
#l-main:after,
#l-sub:after,
#l-footer:after,
.grid-row:after,
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/*>>> 2-1-2. margin,padding [mb10,pt20]*/
/* margin  */



.m0 {
	margin: 0 !important;
}

.m5 {
	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;
}

.m50 {
	margin: 50px !important;
}

.m55 {
	margin: 55px !important;
}

.m60 {
	margin: 60px !important;
}

.m65 {
	margin: 65px !important;
}

.m70 {
	margin: 70px !important;
}

.m75 {
	margin: 75px !important;
}

.m80 {
	margin: 80px !important;
}

.m85 {
	margin: 85px !important;
}

.m90 {
	margin: 90px !important;
}

.m95 {
	margin: 95px !important;
}

.m100 {
	margin: 100px !important;
}

/* margin-top */

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	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;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt85 {
	margin-top: 85px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.mt100 {
	margin-top: 100px !important;
}

/* margin-right */

.mr0 {
	margin-right: 0 !important;
}

.mr5 {
	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;
}

.mr50 {
	margin-right: 50px !important;
}

.mr55 {
	margin-right: 55px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr65 {
	margin-right: 65px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr75 {
	margin-right: 75px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr85 {
	margin-right: 85px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mr95 {
	margin-right: 95px !important;
}

.mr100 {
	margin-right: 100px !important;
}

/* margin-bottom */

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	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;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

/* margin-left */

.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	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;
}

.ml50 {
	margin-left: 50px !important;
}

.ml55 {
	margin-left: 55px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml65 {
	margin-left: 65px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.ml85 {
	margin-left: 85px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.ml95 {
	margin-left: 95px !important;
}

.ml100 {
	margin-left: 100px !important;
}

/* padding */

.p0 {
	padding: 0 !important;
}

.p5 {
	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;
}

.p50 {
	padding: 50px !important;
}

.p55 {
	padding: 55px !important;
}

.p60 {
	padding: 60px !important;
}

.p65 {
	padding: 65px !important;
}

.p70 {
	padding: 70px !important;
}

.p75 {
	padding: 75px !important;
}

.p80 {
	padding: 80px !important;
}

.p85 {
	padding: 85px !important;
}

.p90 {
	padding: 90px !important;
}

.p95 {
	padding: 95px !important;
}

.p100 {
	padding: 100px !important;
}

/* padding-top */

.pt0 {
	padding-top: 0 !important;
}

.pt5 {
	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;
}

.pt50 {
	padding-top: 50px !important;
}

.pt55 {
	padding-top: 55px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt85 {
	padding-top: 85px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt95 {
	padding-top: 95px !important;
}

.pt100 {
	padding-top: 100px !important;
}

/* padding-right */

.pr0 {
	padding-right: 0 !important;
}

.pr5 {
	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;
}

.pr50 {
	padding-right: 50px !important;
}

.pr55 {
	padding-right: 55px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.pr65 {
	padding-right: 65px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pr75 {
	padding-right: 75px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr85 {
	padding-right: 85px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.pr95 {
	padding-right: 95px !important;
}

.pr100 {
	padding-right: 100px !important;
}

/* padding-bottom */

.pb0 {
	padding-bottom: 0 !important;
}

.pb5 {
	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;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb75 {
	padding-bottom: 75px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb85 {
	padding-bottom: 85px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb95 {
	padding-bottom: 95px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

/* padding-left */

.pl0 {
	padding-left: 0 !important;
}

.pl5 {
	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;
}

.pl50 {
	padding-left: 50px !important;
}

.pl55 {
	padding-left: 55px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pl65 {
	padding-left: 65px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.pl75 {
	padding-left: 75px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl85 {
	padding-left: 85px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.pl95 {
	padding-left: 95px !important;
}

.pl100 {
	padding-left: 100px !important;
}

.mlrauto {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {

	/* margin  */
	.m0-sp {
		margin: 0 !important;
	}

	.m5-sp {
		margin: 5px !important;
	}

	.m10-sp {
		margin: 10px !important;
	}

	.m15-sp {
		margin: 15px !important;
	}

	.m20-sp {
		margin: 20px !important;
	}

	.m25-sp {
		margin: 25px !important;
	}

	.m30-sp {
		margin: 30px !important;
	}

	.m35-sp {
		margin: 35px !important;
	}

	.m40-sp {
		margin: 40px !important;
	}

	.m45-sp {
		margin: 45px !important;
	}

	.m50-sp {
		margin: 50px !important;
	}

	.m55-sp {
		margin: 55px !important;
	}

	.m60-sp {
		margin: 60px !important;
	}

	.m65-sp {
		margin: 65px !important;
	}

	.m70-sp {
		margin: 70px !important;
	}

	.m75-sp {
		margin: 75px !important;
	}

	.m80-sp {
		margin: 80px !important;
	}

	.m85-sp {
		margin: 85px !important;
	}

	.m90-sp {
		margin: 90px !important;
	}

	.m95-sp {
		margin: 95px !important;
	}

	.m100-sp {
		margin: 100px !important;
	}

	/* margin-top */
	.mt0-sp {
		margin-top: 0 !important;
	}

	.mt-5-sp {
		margin-top: -5px !important;
	}

	.mt-10-sp {
		margin-top: -10px !important;
	}

	.mt-15-sp {
		margin-top: -15px !important;
	}

	.mt-20-sp {
		margin-top: -20px !important;
	}

	.mt-25-sp {
		margin-top: -25px !important;
	}

	.mt-30-sp {
		margin-top: -30px !important;
	}

	.mt-35-sp {
		margin-top: -35px !important;
	}

	.mt-40-sp {
		margin-top: -40px !important;
	}

	.mt-45-sp {
		margin-top: -45px !important;
	}

	.mt-50-sp {
		margin-top: -50px !important;
	}

	.mt-55-sp {
		margin-top: -55px !important;
	}

	.mt-60-sp {
		margin-top: -60px !important;
	}

	.mt-65-sp {
		margin-top: -65px !important;
	}

	.mt-70-sp {
		margin-top: -70px !important;
	}

	.mt-75-sp {
		margin-top: -75px !important;
	}

	.mt-80-sp {
		margin-top: -80px !important;
	}

	.mt-85-sp {
		margin-top: -85px !important;
	}

	.mt-90-sp {
		margin-top: -90px !important;
	}

	.mt-95-sp {
		margin-top: -95px !important;
	}

	.mt-100-sp {
		margin-top: -100px !important;
	}

	.mt5-sp {
		margin-top: 5px !important;
	}

	.mt10-sp {
		margin-top: 10px !important;
	}

	.mt15-sp {
		margin-top: 15px !important;
	}

	.mt20-sp {
		margin-top: 20px !important;
	}

	.mt25-sp {
		margin-top: 25px !important;
	}

	.mt30-sp {
		margin-top: 30px !important;
	}

	.mt35-sp {
		margin-top: 35px !important;
	}

	.mt40-sp {
		margin-top: 40px !important;
	}

	.mt45-sp {
		margin-top: 45px !important;
	}

	.mt50-sp {
		margin-top: 50px !important;
	}

	.mt55-sp {
		margin-top: 55px !important;
	}

	.mt60-sp {
		margin-top: 60px !important;
	}

	.mt65-sp {
		margin-top: 65px !important;
	}

	.mt70-sp {
		margin-top: 70px !important;
	}

	.mt75-sp {
		margin-top: 75px !important;
	}

	.mt80-sp {
		margin-top: 80px !important;
	}

	.mt85-sp {
		margin-top: 85px !important;
	}

	.mt90-sp {
		margin-top: 90px !important;
	}

	.mt95-sp {
		margin-top: 95px !important;
	}

	.mt100-sp {
		margin-top: 100px !important;
	}

	/* margin-right */
	.mr0-sp {
		margin-right: 0 !important;
	}

	.mr5-sp {
		margin-right: 5px !important;
	}

	.mr10-sp {
		margin-right: 10px !important;
	}

	.mr15-sp {
		margin-right: 15px !important;
	}

	.mr20-sp {
		margin-right: 20px !important;
	}

	.mr25-sp {
		margin-right: 25px !important;
	}

	.mr30-sp {
		margin-right: 30px !important;
	}

	.mr35-sp {
		margin-right: 35px !important;
	}

	.mr40-sp {
		margin-right: 40px !important;
	}

	.mr45-sp {
		margin-right: 45px !important;
	}

	.mr50-sp {
		margin-right: 50px !important;
	}

	.mr55-sp {
		margin-right: 55px !important;
	}

	.mr60-sp {
		margin-right: 60px !important;
	}

	.mr65-sp {
		margin-right: 65px !important;
	}

	.mr70-sp {
		margin-right: 70px !important;
	}

	.mr75-sp {
		margin-right: 75px !important;
	}

	.mr80-sp {
		margin-right: 80px !important;
	}

	.mr85-sp {
		margin-right: 85px !important;
	}

	.mr90-sp {
		margin-right: 90px !important;
	}

	.mr95-sp {
		margin-right: 95px !important;
	}

	.mr100-sp {
		margin-right: 100px !important;
	}

	/* margin-bottom */
	.mb0-sp {
		margin-bottom: 0 !important;
	}

	.mb5-sp {
		margin-bottom: 5px !important;
	}

	.mb10-sp {
		margin-bottom: 10px !important;
	}

	.mb15-sp {
		margin-bottom: 15px !important;
	}

	.mb20-sp {
		margin-bottom: 20px !important;
	}

	.mb25-sp {
		margin-bottom: 25px !important;
	}

	.mb30-sp {
		margin-bottom: 30px !important;
	}

	.mb35-sp {
		margin-bottom: 35px !important;
	}

	.mb40-sp {
		margin-bottom: 40px !important;
	}

	.mb45-sp {
		margin-bottom: 45px !important;
	}

	.mb50-sp {
		margin-bottom: 50px !important;
	}

	.mb55-sp {
		margin-bottom: 55px !important;
	}

	.mb60-sp {
		margin-bottom: 60px !important;
	}

	.mb65-sp {
		margin-bottom: 65px !important;
	}

	.mb70-sp {
		margin-bottom: 70px !important;
	}

	.mb75-sp {
		margin-bottom: 75px !important;
	}

	.mb80-sp {
		margin-bottom: 80px !important;
	}

	.mb85-sp {
		margin-bottom: 85px !important;
	}

	.mb90-sp {
		margin-bottom: 90px !important;
	}

	.mb95-sp {
		margin-bottom: 95px !important;
	}

	.mb100-sp {
		margin-bottom: 100px !important;
	}

	/* margin-left */
	.ml0-sp {
		margin-left: 0 !important;
	}

	.ml5-sp {
		margin-left: 5px !important;
	}

	.ml10-sp {
		margin-left: 10px !important;
	}

	.ml15-sp {
		margin-left: 15px !important;
	}

	.ml20-sp {
		margin-left: 20px !important;
	}

	.ml25-sp {
		margin-left: 25px !important;
	}

	.ml30-sp {
		margin-left: 30px !important;
	}

	.ml35-sp {
		margin-left: 35px !important;
	}

	.ml40-sp {
		margin-left: 40px !important;
	}

	.ml45-sp {
		margin-left: 45px !important;
	}

	.ml50-sp {
		margin-left: 50px !important;
	}

	.ml55-sp {
		margin-left: 55px !important;
	}

	.ml60-sp {
		margin-left: 60px !important;
	}

	.ml65-sp {
		margin-left: 65px !important;
	}

	.ml70-sp {
		margin-left: 70px !important;
	}

	.ml75-sp {
		margin-left: 75px !important;
	}

	.ml80-sp {
		margin-left: 80px !important;
	}

	.ml85-sp {
		margin-left: 85px !important;
	}

	.ml90-sp {
		margin-left: 90px !important;
	}

	.ml95-sp {
		margin-left: 95px !important;
	}

	.ml100-sp {
		margin-left: 100px !important;
	}

	/* padding */
	.pd0 {
		padding: 0 !important;
	}

	.p0-sp {
		padding: 0 !important;
	}

	.p5-sp {
		padding: 5px !important;
	}

	.p10-sp {
		padding: 10px !important;
	}

	.p15-sp {
		padding: 15px !important;
	}

	.p20-sp {
		padding: 20px !important;
	}

	.p25-sp {
		padding: 25px !important;
	}

	.p30-sp {
		padding: 30px !important;
	}

	.p35-sp {
		padding: 35px !important;
	}

	.p40-sp {
		padding: 40px !important;
	}

	.p45-sp {
		padding: 45px !important;
	}

	.p50-sp {
		padding: 50px !important;
	}

	.p55-sp {
		padding: 55px !important;
	}

	.p60-sp {
		padding: 60px !important;
	}

	.p65-sp {
		padding: 65px !important;
	}

	.p70-sp {
		padding: 70px !important;
	}

	.p75-sp {
		padding: 75px !important;
	}

	.p80-sp {
		padding: 80px !important;
	}

	.p85-sp {
		padding: 85px !important;
	}

	.p90-sp {
		padding: 90px !important;
	}

	.p95-sp {
		padding: 95px !important;
	}

	.p100-sp {
		padding: 100px !important;
	}

	/* padding-top */
	.pt0-sp {
		padding-top: 0 !important;
	}

	.pt5-sp {
		padding-top: 5px !important;
	}

	.pt10-sp {
		padding-top: 10px !important;
	}

	.pt15-sp {
		padding-top: 15px !important;
	}

	.pt20-sp {
		padding-top: 20px !important;
	}

	.pt25-sp {
		padding-top: 25px !important;
	}

	.pt30-sp {
		padding-top: 30px !important;
	}

	.pt35-sp {
		padding-top: 35px !important;
	}

	.pt40-sp {
		padding-top: 40px !important;
	}

	.pt45-sp {
		padding-top: 45px !important;
	}

	.pt50-sp {
		padding-top: 50px !important;
	}

	.pt55-sp {
		padding-top: 55px !important;
	}

	.pt60-sp {
		padding-top: 60px !important;
	}

	.pt65-sp {
		padding-top: 65px !important;
	}

	.pt70-sp {
		padding-top: 70px !important;
	}

	.pt75-sp {
		padding-top: 75px !important;
	}

	.pt80-sp {
		padding-top: 80px !important;
	}

	.pt85-sp {
		padding-top: 85px !important;
	}

	.pt90-sp {
		padding-top: 90px !important;
	}

	.pt95-sp {
		padding-top: 95px !important;
	}

	.pt100-sp {
		padding-top: 100px !important;
	}

	/* padding-right */
	.pr0-sp {
		padding-right: 0 !important;
	}

	.pr5-sp {
		padding-right: 5px !important;
	}

	.pr10-sp {
		padding-right: 10px !important;
	}

	.pr15-sp {
		padding-right: 15px !important;
	}

	.pr20-sp {
		padding-right: 20px !important;
	}

	.pr25-sp {
		padding-right: 25px !important;
	}

	.pr30-sp {
		padding-right: 30px !important;
	}

	.pr35-sp {
		padding-right: 35px !important;
	}

	.pr40-sp {
		padding-right: 40px !important;
	}

	.pr45-sp {
		padding-right: 45px !important;
	}

	.pr50-sp {
		padding-right: 50px !important;
	}

	.pr55-sp {
		padding-right: 55px !important;
	}

	.pr60-sp {
		padding-right: 60px !important;
	}

	.pr65-sp {
		padding-right: 65px !important;
	}

	.pr70-sp {
		padding-right: 70px !important;
	}

	.pr75-sp {
		padding-right: 75px !important;
	}

	.pr80-sp {
		padding-right: 80px !important;
	}

	.pr85-sp {
		padding-right: 85px !important;
	}

	.pr90-sp {
		padding-right: 90px !important;
	}

	.pr95-sp {
		padding-right: 95px !important;
	}

	.pr100-sp {
		padding-right: 100px !important;
	}

	/* padding-bottom */
	.pb0-sp {
		padding-bottom: 0 !important;
	}

	.pb5-sp {
		padding-bottom: 5px !important;
	}

	.pb10-sp {
		padding-bottom: 10px !important;
	}

	.pb15-sp {
		padding-bottom: 15px !important;
	}

	.pb20-sp {
		padding-bottom: 20px !important;
	}

	.pb25-sp {
		padding-bottom: 25px !important;
	}

	.pb30-sp {
		padding-bottom: 30px !important;
	}

	.pb35-sp {
		padding-bottom: 35px !important;
	}

	.pb40-sp {
		padding-bottom: 40px !important;
	}

	.pb45-sp {
		padding-bottom: 45px !important;
	}

	.pb50-sp {
		padding-bottom: 50px !important;
	}

	.pb55-sp {
		padding-bottom: 55px !important;
	}

	.pb60-sp {
		padding-bottom: 60px !important;
	}

	.pb65-sp {
		padding-bottom: 65px !important;
	}

	.pb70-sp {
		padding-bottom: 70px !important;
	}

	.pb75-sp {
		padding-bottom: 75px !important;
	}

	.pb80-sp {
		padding-bottom: 80px !important;
	}

	.pb85-sp {
		padding-bottom: 85px !important;
	}

	.pb90-sp {
		padding-bottom: 90px !important;
	}

	.pb95-sp {
		padding-bottom: 95px !important;
	}

	.pb100-sp {
		padding-bottom: 100px !important;
	}

	/* padding-left */
	.pl0-sp {
		padding-left: 0 !important;
	}

	.pl5-sp {
		padding-left: 5px !important;
	}

	.pl10-sp {
		padding-left: 10px !important;
	}

	.pl15-sp {
		padding-left: 15px !important;
	}

	.pl20-sp {
		padding-left: 20px !important;
	}

	.pl25-sp {
		padding-left: 25px !important;
	}

	.pl30-sp {
		padding-left: 30px !important;
	}

	.pl35-sp {
		padding-left: 35px !important;
	}

	.pl40-sp {
		padding-left: 40px !important;
	}

	.pl45-sp {
		padding-left: 45px !important;
	}

	.pl50-sp {
		padding-left: 50px !important;
	}

	.pl55-sp {
		padding-left: 55px !important;
	}

	.pl60-sp {
		padding-left: 60px !important;
	}

	.pl65-sp {
		padding-left: 65px !important;
	}

	.pl70-sp {
		padding-left: 70px !important;
	}

	.pl75-sp {
		padding-left: 75px !important;
	}

	.pl80-sp {
		padding-left: 80px !important;
	}

	.pl85-sp {
		padding-left: 85px !important;
	}

	.pl90-sp {
		padding-left: 90px !important;
	}

	.pl95-sp {
		padding-left: 95px !important;
	}

	.pl100-sp {
		padding-left: 100px !important;
	}

	.mlrauto-sp {
		margin-left: auto;
		margin-right: auto;
	}

	.m1-sp {
		margin-bottom: 1px !important;
	}
}







/*>>> 2-1-3. Object-Oriented CSS [OOCSS]*/
.no-display {
	display: none;
}

.no-br {
	white-space: nowrap;
}

.no-line-height {
	line-height: 1 !important;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.block {
	display: inline-block;
}

/* for RWD */
.fluid-image {
	max-width: 100%;
	height: auto;
}

/* width */
.w1per {
	width: 1% !important;
}

.w2per {
	width: 2% !important;
}

.w3per {
	width: 3% !important;
}

.w4per {
	width: 4% !important;
}

.w5per {
	width: 5% !important;
}

.w6per {
	width: 6% !important;
}

.w7per {
	width: 7% !important;
}

.w8per {
	width: 8% !important;
}

.w9per {
	width: 9% !important;
}

.w10per {
	width: 10% !important;
}

.w11per {
	width: 11% !important;
}

.w12per {
	width: 12% !important;
}

.w13per {
	width: 13% !important;
}

.w14per {
	width: 14% !important;
}

.w15per {
	width: 15% !important;
}

.w16per {
	width: 16% !important;
}

.w17per {
	width: 17% !important;
}

.w18per {
	width: 18% !important;
}

.w19per {
	width: 19% !important;
}

.w20per {
	width: 20% !important;
}

.w21per {
	width: 21% !important;
}

.w22per {
	width: 22% !important;
}

.w23per {
	width: 23% !important;
}

.w24per {
	width: 24% !important;
}

.w25per {
	width: 25% !important;
}

.w26per {
	width: 26% !important;
}

.w27per {
	width: 27% !important;
}

.w28per {
	width: 28% !important;
}

.w29per {
	width: 29% !important;
}

.w30per {
	width: 30% !important;
}

.w31per {
	width: 31% !important;
}

.w32per {
	width: 32% !important;
}

.w33per {
	width: 33% !important;
}

.w34per {
	width: 34% !important;
}

.w35per {
	width: 35% !important;
}

.w36per {
	width: 36% !important;
}

.w37per {
	width: 37% !important;
}

.w38per {
	width: 38% !important;
}

.w39per {
	width: 39% !important;
}

.w40per {
	width: 40% !important;
}

.w41per {
	width: 41% !important;
}

.w42per {
	width: 42% !important;
}

.w43per {
	width: 43% !important;
}

.w44per {
	width: 44% !important;
}

.w45per {
	width: 45% !important;
}

.w46per {
	width: 46% !important;
}

.w47per {
	width: 47% !important;
}

.w48per {
	width: 48% !important;
}

.w49per {
	width: 49% !important;
}

.w50per {
	width: 50% !important;
}

.w51per {
	width: 51% !important;
}

.w52per {
	width: 52% !important;
}

.w53per {
	width: 53% !important;
}

.w54per {
	width: 54% !important;
}

.w55per {
	width: 55% !important;
}

.w56per {
	width: 56% !important;
}

.w57per {
	width: 57% !important;
}

.w58per {
	width: 58% !important;
}

.w59per {
	width: 59% !important;
}

.w60per {
	width: 60% !important;
}

.w61per {
	width: 61% !important;
}

.w62per {
	width: 62% !important;
}

.w63per {
	width: 63% !important;
}

.w64per {
	width: 64% !important;
}

.w65per {
	width: 65% !important;
}

.w66per {
	width: 66% !important;
}

.w67per {
	width: 67% !important;
}

.w68per {
	width: 68% !important;
}

.w69per {
	width: 69% !important;
}

.w70per {
	width: 70% !important;
}

.w71per {
	width: 71% !important;
}

.w72per {
	width: 72% !important;
}

.w73per {
	width: 73% !important;
}

.w74per {
	width: 74% !important;
}

.w75per {
	width: 75% !important;
}

.w76per {
	width: 76% !important;
}

.w77per {
	width: 77% !important;
}

.w78per {
	width: 78% !important;
}

.w79per {
	width: 79% !important;
}

.w80per {
	width: 80% !important;
}

.w81per {
	width: 81% !important;
}

.w82per {
	width: 82% !important;
}

.w83per {
	width: 83% !important;
}

.w84per {
	width: 84% !important;
}

.w85per {
	width: 85% !important;
}

.w86per {
	width: 86% !important;
}

.w87per {
	width: 87% !important;
}

.w88per {
	width: 88% !important;
}

.w89per {
	width: 89% !important;
}

.w90per {
	width: 90% !important;
}

.w91per {
	width: 91% !important;
}

.w92per {
	width: 92% !important;
}

.w93per {
	width: 93% !important;
}

.w94per {
	width: 94% !important;
}

.w95per {
	width: 95% !important;
}

.w96per {
	width: 96% !important;
}

.w97per {
	width: 97% !important;
}

.w98per {
	width: 98% !important;
}

.w99per {
	width: 99% !important;
}

.w100per {
	width: 100% !important;
}

.wauto {
	width: auto !important;
}

@media only screen and (max-width: 767px) {

	/* SP */
	.w1per-sp {
		width: 1% !important;
	}

	.w2per-sp {
		width: 2% !important;
	}

	.w3per-sp {
		width: 3% !important;
	}

	.w4per-sp {
		width: 4% !important;
	}

	.w5per-sp {
		width: 5% !important;
	}

	.w6per-sp {
		width: 6% !important;
	}

	.w7per-sp {
		width: 7% !important;
	}

	.w8per-sp {
		width: 8% !important;
	}

	.w9per-sp {
		width: 9% !important;
	}

	.w10per-sp {
		width: 10% !important;
	}

	.w11per-sp {
		width: 11% !important;
	}

	.w12per-sp {
		width: 12% !important;
	}

	.w13per-sp {
		width: 13% !important;
	}

	.w14per-sp {
		width: 14% !important;
	}

	.w15per-sp {
		width: 15% !important;
	}

	.w16per-sp {
		width: 16% !important;
	}

	.w17per-sp {
		width: 17% !important;
	}

	.w18per-sp {
		width: 18% !important;
	}

	.w19per-sp {
		width: 19% !important;
	}

	.w20per-sp {
		width: 20% !important;
	}

	.w21per-sp {
		width: 21% !important;
	}

	.w22per-sp {
		width: 22% !important;
	}

	.w23per-sp {
		width: 23% !important;
	}

	.w24per-sp {
		width: 24% !important;
	}

	.w25per-sp {
		width: 25% !important;
	}

	.w26per-sp {
		width: 26% !important;
	}

	.w27per-sp {
		width: 27% !important;
	}

	.w28per-sp {
		width: 28% !important;
	}

	.w29per-sp {
		width: 29% !important;
	}

	.w30per-sp {
		width: 30% !important;
	}

	.w31per-sp {
		width: 31% !important;
	}

	.w32per-sp {
		width: 32% !important;
	}

	.w33per-sp {
		width: 33% !important;
	}

	.w34per-sp {
		width: 34% !important;
	}

	.w35per-sp {
		width: 35% !important;
	}

	.w36per-sp {
		width: 36% !important;
	}

	.w37per-sp {
		width: 37% !important;
	}

	.w38per-sp {
		width: 38% !important;
	}

	.w39per-sp {
		width: 39% !important;
	}

	.w40per-sp {
		width: 40% !important;
	}

	.w41per-sp {
		width: 41% !important;
	}

	.w42per-sp {
		width: 42% !important;
	}

	.w43per-sp {
		width: 43% !important;
	}

	.w44per-sp {
		width: 44% !important;
	}

	.w45per-sp {
		width: 45% !important;
	}

	.w46per-sp {
		width: 46% !important;
	}

	.w47per-sp {
		width: 47% !important;
	}

	.w48per-sp {
		width: 48% !important;
	}

	.w49per-sp {
		width: 49% !important;
	}

	.w50per-sp {
		width: 50% !important;
	}

	.w51per-sp {
		width: 51% !important;
	}

	.w52per-sp {
		width: 52% !important;
	}

	.w53per-sp {
		width: 53% !important;
	}

	.w54per-sp {
		width: 54% !important;
	}

	.w55per-sp {
		width: 55% !important;
	}

	.w56per-sp {
		width: 56% !important;
	}

	.w57per-sp {
		width: 57% !important;
	}

	.w58per-sp {
		width: 58% !important;
	}

	.w59per-sp {
		width: 59% !important;
	}

	.w60per-sp {
		width: 60% !important;
	}

	.w61per-sp {
		width: 61% !important;
	}

	.w62per-sp {
		width: 62% !important;
	}

	.w63per-sp {
		width: 63% !important;
	}

	.w64per-sp {
		width: 64% !important;
	}

	.w65per-sp {
		width: 65% !important;
	}

	.w66per-sp {
		width: 66% !important;
	}

	.w67per-sp {
		width: 67% !important;
	}

	.w68per-sp {
		width: 68% !important;
	}

	.w69per-sp {
		width: 69% !important;
	}

	.w70per-sp {
		width: 70% !important;
	}

	.w71per-sp {
		width: 71% !important;
	}

	.w72per-sp {
		width: 72% !important;
	}

	.w73per-sp {
		width: 73% !important;
	}

	.w74per-sp {
		width: 74% !important;
	}

	.w75per-sp {
		width: 75% !important;
	}

	.w76per-sp {
		width: 76% !important;
	}

	.w77per-sp {
		width: 77% !important;
	}

	.w78per-sp {
		width: 78% !important;
	}

	.w79per-sp {
		width: 79% !important;
	}

	.w80per-sp {
		width: 80% !important;
	}

	.w81per-sp {
		width: 81% !important;
	}

	.w82per-sp {
		width: 82% !important;
	}

	.w83per-sp {
		width: 83% !important;
	}

	.w84per-sp {
		width: 84% !important;
	}

	.w85per-sp {
		width: 85% !important;
	}

	.w86per-sp {
		width: 86% !important;
	}

	.w87per-sp {
		width: 87% !important;
	}

	.w88per-sp {
		width: 88% !important;
	}

	.w89per-sp {
		width: 89% !important;
	}

	.w90per-sp {
		width: 90% !important;
	}

	.w91per-sp {
		width: 91% !important;
	}

	.w92per-sp {
		width: 92% !important;
	}

	.w93per-sp {
		width: 93% !important;
	}

	.w94per-sp {
		width: 94% !important;
	}

	.w95per-sp {
		width: 95% !important;
	}

	.w96per-sp {
		width: 96% !important;
	}

	.w97per-sp {
		width: 97% !important;
	}

	.w98per-sp {
		width: 98% !important;
	}

	.w99per-sp {
		width: 99% !important;
	}

	.w100per-sp {
		width: 100% !important;
	}

	.wauto-sp {
		width: auto !important;
	}
}

/*>>> 2-1-4. Grid System [grid-***] */

.grid-row {
	margin-right: -10px;
	margin-left: -10px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.grid-col, .grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	/* float: left; */
	box-sizing: border-box;
	margin-bottom: 20px;
}

.grid-col--1 {
	width: 8.33333333333%
}

.grid-col--2 {
	width: 16.6666666667%;
}

.grid-col--3 {
	width: 25%;
}

.grid-col--4 {
	width: 33.3333333333%;
}

.grid-col--5 {
	width: 41.6666666667%;
}

.grid-col--6 {
	width: 50%;
}

.grid-col--7 {
	width: 58.3333333333%;
}

.grid-col--8 {
	width: 66.6666666667%;
}

.grid-col--9 {
	width: 75%;
}

.grid-col--10 {
	width: 83.3333333333%;
}

.grid-col--11 {
	width: 91.6666666667%;
}

.grid-col--12 {
	width: 100%;
}

@media only screen and (min-width:1px) and (max-width:767px) {
	.grid-row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.grid-row--sp-col2 > div {
		width: 50%;
	}
	.grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12 {
		width: 100%;
		padding: 0 5px 0 5px;
		margin-bottom: 10px;
	}
	.grid-col--1 img, .grid-col--2 img, .grid-col--3 img, .grid-col--4 img, .grid-col--5 img, .grid-col--6 img, .grid-col--7 img, .grid-col--8 img, .grid-col--9 img, .grid-col--10 img, .grid-col--11 img, .grid-col--12 img {
		text-align: center;
	}
	.grid-col-sp--1, .grid-col-sp--2, .grid-col-sp--3, .grid-col-sp--4, .grid-col-sp--5, .grid-col-sp--6, .grid-col-sp--7, .grid-col-sp--8, .grid-col-sp--9, .grid-col-sp--10, .grid-col-sp--11, .grid-col-sp--12 {
		position: relative;
		min-height: 1px;
		/* float: left; */
		box-sizing: border-box;
		padding: 0 5px 0 5px;
		margin-bottom: 10px;
	}
	.grid-col-sp--1 {
		width: 8.33333333333%
	}
	.grid-col-sp--2 {
		width: 16.6666666667%;
	}
	.grid-col-sp--3 {
		width: 25%;
	}
	.grid-col-sp--4 {
		width: 33.3333333333%;
	}
	.grid-col-sp--5 {
		width: 41.6666666667%;
	}
	.grid-col-sp--6 {
		width: 50%;
	}
	.grid-col-sp--7 {
		width: 58.3333333333%;
	}
	.grid-col-sp--8 {
		width: 66.6666666667%;
	}
	.grid-col-sp--9 {
		width: 75%;
	}
	.grid-col-sp--10 {
		width: 83.3333333333%;
	}
	.grid-col-sp--11 {
		width: 91.6666666667%;
	}
	.grid-col-sp--12 {
		width: 100%;
	}
}

.grid-center {
	justify-content: center;
}
/* endMedia */

/*>>> 2-1-5. CSS Animation [act-***] */

/*>> 2-2. WebFont [is-***]
-------------------------------------------------- */

/*>> 2-3. State [is-***]
-------------------------------------------------- */
.is-error {
	background-color: #f9eceb;
}

.is-disabled {
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}

.is-inline-block span {
	margin-bottom: 1rem;
	display: inline-block;
}

.is-visiblePc {
	display: block !important;
}

.is-visibleSp {
	display: none !important;
}

.is-visibleTablet {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	.is-visiblePc {
		display: none !important;
	}

	.is-visibleTablet {
		display: none !important;
	}

	.is-visibleSp {
		display: block !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.is-visibleTablet {
		display: block !important;
	}
}

/*>> 2-4. Component a.k.a Module
-------------------------------------------------- */
/*>>> 2-4-1.  Wrapper     [wrp-***]*/
.wrp-container {
	margin: 0 auto;
	max-width: 136.6rem;
	padding: 0 1.6rem;
}

.wrp-container:after {
	content: "";
	display: block;
	clear: both;
}

.wrp-footer {
	margin: 0 62px;
}

.wrp-detail {
	max-width: 1085px;
	margin: 0 auto;
	padding: 0 15px;
}

@media only screen and (min-width: 767px) {
	.wrp-page-container {
		transform: translateX(-12px);
	}
}

@media only screen and (max-width: 767px) {
	.wrp-detail {
		padding: 0 25px;
		letter-spacing: 0.04em;
	}
}

/* endMedia */

.wrp-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 3rem;
	height: 0;
	overflow: hidden;
}

.wrp-video iframe,
.wrp-video object,
.wrp-video embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*>>> 2-4-2.  Headings [hdg-lv*] */

.hdg-lv3 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 24px;
	color: #333333;
	padding-left: 54px;
	position: relative;
}

.hdg-lv3 img {
	position: absolute;
	width: 35px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.hdg-lv4 {
	font-size: 18px;
	line-height: 1.333;
	margin-bottom: 18px;
}

/*>>> 2-4-3.  Text     [txt-***]*/
.txt-copyright {
	letter-spacing: 0.1em;
	text-align: center;
	font-size: 1.2rem;
}

.txt-copyright small {
	font-size: 1.2rem;
	line-height: 1.33;
	color: #ccc;
}

.txt-note {
	color: #888888;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	padding-bottom: 15px;
	padding-left: 22px;
	margin-bottom: 0 !important;
}

.txt-note a {
	color: #323280;
	transition: 0.3s;
}

.txt-note:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}

@media only screen and (max-width: 767px) {
	.txt-copyright small {
		font-size: 1rem;
	}

	.hdg-lv3 {
		font-size: 19px;
		line-height: 1.42;
		margin-bottom: 16px;
		padding-left: 44px;
	}

	.hdg-lv3 img {
		width: 29px;
	}

	.txt-note {
		font-size: 14px !important;
		padding-bottom: 5px;
		line-height: 1.5 !important;
	}
}

/*>>> 2-4-4.  Button   [btn-***]*/
.btn-arrow {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	font-weight: bold;
}

.btn-arrow img {
	width: 22px;
	transition: 0.3s;
	vertical-align: middle;
}

.btn-arrow img:first-child {
	margin-right: 20px;
}

.no-touchevents .btn-arrow:hover {
	opacity: 0.5;
	color: #fff !important;
	text-decoration: none !important;
}

.no-touchevents .btn-arrow:hover img {
	transform: translateX(10px);
}

/*>>> 2-4-5.  Anchor   [acr-***]*/

/*>>> 2-4-6. Icon     [icn-***]*/

/*>>> 2-4-7. Label    [lbl-***]*/

/*>>> 2-4-8. List     [lst-***]*/
.lst-earthquake {
	padding: 64px 0 62px;
	border-bottom: 1px solid #d8dde5;
}

.lst-earthquake:last-child {
	border-bottom: 0;
}

.lst-earthquake p {
	margin-bottom: 27px;
}

.lst-earthquake a {
	color: #323280;
}

.no-touchevents .lst-earthquake a:hover {
	color: #323280;
	opacity: 0.5;
	text-decoration: none;
}

.lst-dot li {
	position: relative;
	padding-left: 20px;
	line-height: 1.625;
	margin-bottom: 8px;
}

.lst-dot li:before {
	position: absolute;
	left: 0;
	top: 11px;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #323280;
}

@media (min-width: 991px) {
	.lst-earthquake .col-lg-8 {
		padding-right: 56px;
	}
}

@media only screen and (max-width: 767px) {
	.lst-earthquake {
		padding: 46px 0 47px;
		margin-bottom: 3px;
	}

	.lst-earthquake p {
		font-size: 16px;
		line-height: 1.75;
	}

	.lst-earthquake .col-lg-8 > *:last-child {
		margin-bottom: 27px !important;
	}

	.sp24 {
		margin-top: 24px;
	}

	.sp35 {
		margin-top: 35px;
	}
}

/*>>> 2-4-9. Table    [tbl-***]*/

/*>>> 2-4-10. Nav      [nav-***]*/
/*Menu button*/
.nav-global-menu {
	position: absolute;
	width: 5rem;
	height: 5rem;
	right: 0;
	top: 0;
	display: none;
}

.nav-global-menu span {
	display: block;
	width: 2.4rem;
	height: 0.1rem;
	position: absolute;
	left: 1.1rem;
	background: #336699;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.nav-global-menu span.b1 {
	top: 1.9rem;
}

.nav-global-menu span.b2 {
	top: 2.8rem;
}

.nav-global-menu span.b3 {
	top: 3.7rem;
}

.nav-global-menu.is-active {
	position: fixed;
}

.nav-global-menu.is-active span {
	background: #fff;
}

.nav-global-menu.is-active span.b1 {
	transform: translateY(0.9rem) rotate(45deg);
	-webkit-transform: translateY(0.9rem) rotate(45deg);
}

.nav-global-menu.is-active span.b2 {
	opacity: 0;
}

.nav-global-menu.is-active span.b3 {
	transform: translateY(-0.9rem) rotate(-45deg);
	-webkit-transform: translateY(-0.9rem) rotate(-45deg);
}

/*Menu button*/
.nav-global {
	display: flex;
	overflow: hidden;
}

.nav-global > li {
	padding: 0 20px;
}

.nav-global > li > a {
	position: relative;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	display: flex;
	height: 4rem;
	color: #323280;
	align-items: center;
}

.nav-global > li:last-child {
	padding-right: 0;
}

.nav-global > li > a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	border-bottom: 0.3rem solid #2065c0;
	visibility: hidden;
	transition: all 0.3s ease;
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease;
	-webkit-transform: translateX(-50%);
}

.no-touchevents .nav-global > li a,
.no-touchevents .nav-global > li > a:hover {
	opacity: 1;
	text-decoration: none;
}

.no-touchevents .nav-global > li:hover > a::after,
.nav-global > li.is-hover > a::after,
.nav-global > li.current > a::after {
	width: 60%;
	visibility: visible;
}

.nav-parent-wrap {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	width: 100vw;
	background: #2065c0;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.no-touchevents .nav-parent-wrap {
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}

.nav-global > li.is-hover .nav-parent-wrap {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}

.nav-parent {
	display: flex;
}

.nav-parent__title {
	width: 33.33vw;
	color: #fff;
	box-sizing: border-box;
	font-size: 2.2rem;
	text-align: center;
	padding: 0 2rem;
	margin: 4.6rem 0;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	letter-spacing: 0.12em;
}

.nav-parent__title a {
	color: #fff;
}

.nav-parent__title a:hover {
	text-decoration: none;
}

.nav-parent__title:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	right: 0;
	top: 0;
	border-right: 0.1rem solid #fff;
	opacity: 0.5;
}

.nav-global__sub {
	position: relative;
	width: 33.33vw;
	box-sizing: border-box;
	padding: 3.2rem 0 2.7rem 5%;
	font-size: 1.6rem;
}

.nav-global__sub > li > a {
	padding: 1rem 4rem 1rem 2rem;
	display: block;
	color: #fff;
	transition: background 0.3s ease;
	position: relative;
	font-weight: bold;
	-webkit-transition: background 0.3s ease;
}

.no-touchevents .nav-global__sub > li > a:hover {
	color: #fff;
}

.nav-global__sub__title:after {
	content: "";
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.1rem solid #fff;
	border-right: 0.1rem solid #fff;
	transform: translate(-50%, -45%) rotate(45deg);
	transform-origin: center;
	position: absolute;
	top: 50%;
	right: 2rem;
	visibility: hidden;
	-webkit-transform: translate(-50%, -45%) rotate(45deg);
}

.nav-global__sub > li.is-active > a,
.no-touchevents .nav-global__sub > li:hover > a {
	background: #3378d3;
	text-decoration: none;
}

.nav-global__sub > li.is-active > a:after,
.no-touchevents .nav-global__sub > li:hover > a:after {
	visibility: visible;
}

.nav-global__sub__child {
	position: absolute;
	background: #3378d3;
	min-height: 100%;
	left: 100%;
	top: 0;
	width: 33.333vw;
	box-sizing: border-box;
	display: block;
	padding: 3.2rem 0 2.7rem 10%;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	font-size: 1.4rem;
	font-weight: bold;
}

.nav-global__sub__child > li {
	padding: 1.2rem 3rem 1.1rem 1rem;
}

.nav-global__sub__child > li > a {
	display: inline;
	color: #fff;
	position: relative;
	background-image: linear-gradient(#fff, #fff);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 0.1rem;
	transition: background-size 0.3s;
	padding-bottom: 0.4rem;
	-webkit-transition: background-size 0.3s;
}

.no-touchevents .nav-global__sub__child > li > a:hover {
	color: #fff;
	text-decoration: none;
	background-size: 100% 0.1rem;
	opacity: 1;
}

.nav-global__sub > li.is-active .nav-global__sub__child,
.no-touchevents .nav-global__sub > li:hover .nav-global__sub__child {
	display: block;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@media only screen and (min-width: 768px) {
	.nav-global > li {
		padding: 0 10px;
	}
}

@media only screen and (min-width: 900px) {
	.nav-global > li {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.is-opened-menu {
		overflow: hidden;
	}

	.nav-global-menu {
		display: block;
	}

	.nav-global-wrap {
		visibility: hidden;
		left: 100%;
		position: fixed;
		width: 100%;
		top: 0;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		overflow-y: auto;
		transition: all 0.3s ease-in-out;
		background-color: #2065c0;
		-webkit-transition: all 0.3s ease-in-out;
	}

	.nav-global-wrap.is-active {
		left: 0;
		display: block;
		visibility: visible;
	}

	.nav-global {
		display: block;
		padding: 3.5rem 4% 5rem;
	}

	.nav-global > li {
		padding: 0;
	}

	.nav-global > li + li {
		margin-top: 2rem;
	}

	.nav-global > li.nav_special {
		margin-bottom: 3rem;
	}

	.nav-global > li > a {
		color: #fff !important;
		font-size: 1.8rem;
		border-bottom: 0.1rem solid #90b2e0;
		height: auto;
		display: block;
		margin-bottom: 0.8rem;
		padding-bottom: 0.7rem;
		letter-spacing: 0.06em;
		font-weight: bold;
	}

	.nav-global > li > a:after {
		display: none;
	}

	.nav-parent-wrap {
		position: static;
		visibility: visible;
		opacity: 1;
		background: none;
		width: auto;
		pointer-events: auto;
	}

	.nav-parent {
		display: block;
	}

	.nav-parent__title {
		display: none;
	}

	.nav-parent__title:after {
		display: none;
	}

	.nav-global__sub {
		width: auto;
		padding: 0;
	}

	.nav-global__sub > li > a {
		padding: 0.6rem 0 0.6rem 1.4rem;
		font-weight: normal;
	}

	.no-touchevents .nav-global__sub > li:hover > a,
	.nav-global__sub > li.is-active > a {
		background: none;
	}

	.nav-global__sub__title:after {
		transform: translate(-50%, -50%) rotate(135deg);
		transition: all 0.3s ease;
		visibility: visible;
		right: 1.3rem;
		-webkit-transform: translate(-50%, -50%) rotate(135deg);
		-webkit-transition: all 0.3s ease;
	}

	.nav-global__sub__child {
		position: static;
		visibility: visible;
		opacity: 1;
		width: auto;
		padding: 0;
		background: none;
		min-height: 0;
		height: 0;
		overflow: hidden;
		pointer-events: auto;
	}

	.nav-global__sub > li.is-active .nav-global__sub__child {
		height: auto;
	}

	.nav-global__sub > li.is-active .nav-global__sub__title:after {
		transform: translate(-50%, -50%) rotate(-45deg);
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	}

	.nav-global__sub__child > li {
		padding: 0;
	}

	.nav-global__sub__child > li > a {
		padding: 0.5rem 0 0.5rem 5rem;
		position: relative;
		display: block;
		font-weight: normal;
	}

	.nav-global__sub__child > li:last-child {
		padding-bottom: 0.7rem;
	}

	.nav-global__sub__child > li > a:before {
		position: absolute;
		content: "";
		width: 1rem;
		border-bottom: 0.1rem solid #fff;
		top: 1em;
		left: 2.9rem;
	}
}

/* endMedia */

/*>>> 2-4-11. Box      [box-***]*/
.box-noscript {
	border: 0.2rem solid red;
	padding: 2rem;
	margin: 1rem;
}

.box-earthquake {
	border: 1px solid #d8dde5;
	padding: 20px 32px;
	margin-bottom: 16px;
}

.box-earthquake ul li a {
	position: relative;
	padding-left: 26px;
	margin-bottom: 5px;
	display: inline-block;
	color: #323280;
	font-weight: bold;
}

.box-earthquake ul li:last-child a {
	margin-bottom: 0;
}

.box-earthquake ul li a:before {
	width: 16px;
	display: inline-block;
	left: 0;
	position: absolute;
	top: 1px;
	transition: 0.3s;
	content: url(../img/icon-arrow_blue.svg);
}

.no-touchevents .box-earthquake ul li a:hover {
	opacity: 0.5;
	color: #323280;
	text-decoration: none;
}

.no-touchevents .box-earthquake ul li a:hover:before {
	left: 5px;
}

@media only screen and (max-width: 767px) {
	.box-earthquake {
		padding: 24px 20px;
	}
}

.box-link {
	border: 2px solid #d8dde5;
	border-radius: 8px;
	padding: 15px 20px 17px 58px;
	display: inline-block;
	width: 100%;
	position: relative;
	transition: 0.3s;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
}

.box-link:before {
	content: url(../img/icon-arrow_blue.svg);
	width: 20px;
	height: 20px;
	display: inline-block;
	left: 20px;
	position: absolute;
	top: 47%;
	transform: translateY(-50%);
	transition: 0.3s;
}

.box-link__title {
	font-size: 20px;
	color: #323280;
	line-height: 1.45;
	font-weight: bold;
}

.box-link__text {
	font-size: 13px;
	line-height: 1.38;
	color: #333;
}

.box-link__hover {
	display: none;
}

.no-touchevents .box-link:hover {
	text-decoration: none !important;
	opacity: 0.5;
}

.no-touchevents .box-link:hover:before {
	left: 25px;
}

.box-detail {
	background: #f0f2f7;
	padding-bottom: 62px;
}

.box-detail .btn-top {
	margin-top: 40px !important;
}

.box-detail .lst-detail_box {
	background: #fff;
}

.box-detail-container {
	max-width: 900px;
	margin: 0 auto;
}

.box-button {
	background: #e7eaf1;
	padding: 80px 0 77px;
}

.box-button .infomation__btn {
	margin-top: 0;
}

.box-button .infomation__power {
	background: #fff;
	border-radius: 16px;
	border: 2px solid #d8dde5;
	padding: 38px 15px;
	font-weight: bold;
}

.box-twitter {
	padding: 68px 0 66px;
	background: #f0f2f7;
}

.box-twitter-container {
	max-width: 916px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	padding-left: 24px;
	padding-right: 25px;
}

.box-twitter__title {
	border-bottom: 1px solid #E2E2E2;
	font-weight: bold;
	padding-bottom: 12px;
	margin-bottom: 19px;
	font-size: 24px;
	display: flex;
}

.box-twitter__title small {
	color: #888888;
	font-size: 13px;
	margin-bottom: 7px;
	display: block;
}

.box-twitter__title small img {
	margin-right: 8px;
}

.box-twitter__title strong span {
	font-size: 16px;
}

.box-twitter__img {
	width: 249px;
	padding-right: 48px;
	display: block;
}

.box-twitter__content {
	width: calc(100% - 249px);
}

.box-twitter__img-sp {
	display: none;
}

.box-twitter__title strong {
	width: 100%;
}

.box-twitter .btn-top {
	margin: 4px 0 0;
	padding-left: 15px;
	width: 268px;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.box-twitter .btn-top:before {
	transform: none;
	left: initial !important;
	vertical-align: middle;
	position: initial;
	margin-right: 12px;
}

.no-touchevents .box-twitter .btn-top:hover:before {
	transform: translateX(8px);
	left: initial !important;
	position: initial !important;
}

@media only screen and (min-width: 768px) {
	.box-detail .lst-detail_weather {
		margin: 0 -20px;
	}

	.box-detail .btn-top {
		margin-top: 40px !important;
	}

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

@media only screen and (max-width: 767px) {
	.box-link {
		padding: 13px 20px 16px 51px;
		margin-bottom: 22px;
	}

	.box-link:before {
		top: 47%;
	}

	.lst-detail_box .lst-detail__txt {
		font-size: 18px;
	}

	.box-twitter {
		padding: 40px 0 47px;
	}

	.box-twitter__title {
		padding-bottom: 17px;
	}

	.box-twitter__title small {
		margin-bottom: 11px;
	}

	.box-twitter__title strong {
		width: 50%;
		display: inline-block;
		font-size: 18px;
	}

	.box-twitter__title strong span {
		font-size: 14px;
		display: block;
		margin-top: 10px;
	}

	.box-twitter__img {
		display: none;
	}

	.box-twitter__content {
		width: 100%;
	}

	.box-twitter .btn-top {
		display: table;
		margin: 28px auto 0;
		text-align: center;
	}

	.box-twitter .btn-top:before {
		transform: none;
		left: 0px;
		margin-right: 20px;
		vertical-align: middle;
		/*position: absolute;*/
	}

	.box-twitter__img-sp {
		width: 50%;
		display: inline-block;
		padding-left: 30px;
	}
}

/*>>> 2-4-12. Panel    [pnl-***]*/

/*>>> 2-4-13. Media    [mda-***]*/

/*>>> 2-4-14. Form     [frm-***]*/

/*>>> 2-4-15. Error    [err-***]*/

/*>>> 2-4-16. UI*/

/* -----------------------------------------------
*> [3. Layout]
-------------------------------------------------- */

/*>> 3-1. #l-document
-------------------------------------------------- */
#l-document {
	min-height: 100%;
	box-sizing: border-box;
	position: relative;
}

@media only screen and (max-width: 767px) {
	#l-document {}
}

/* endMedia */

/*>> 3-2. #l-header
-------------------------------------------------- */
#l-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: rgba(255, 255, 255, 1);
}

#l-header #sitelogo {
	width: 14rem;
	margin: 0 auto;
}

.no-touchevents #l-header #sitelogo a:hover {
	opacity: 0.7;
}

@media only screen and (max-width: 767px) {
	#l-header #sitelogo {

		transition: all 0.4s ease;
		width: 8.8rem;
	}

	#l-header #sitelogo.is-hide {
		opacity: 0;
	}
}

/* endMedia */
.l-header__wrapper {
	padding: 24px 0;
	margin: 0 115px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media only screen and (max-width: 767px) {
	#l-container {
		padding-top: 60px;
	}

	.l-header__wrapper {
		display: block;
		margin: 0;
		text-align: center;
		padding: 0.4rem 0 0.4rem;
	}
}

@media only screen and (min-width: 768px) {

	.l-header__wrapper,
	.wrp-footer {
		margin: 0 90px !important;
	}
}
}

/*>> 3-3. #l-container
-------------------------------------------------- */
#l-container {
	margin-top: 23px;
}

@media only screen and (max-width: 767px) {
	#l-container {
		margin-top: 0;
	}
}

/*>>> 3-3-1. #l-main
-------------------------------------------------- */
#l-main {
	overflow: hidden;
}

/*>>> 3-3-2. #l-sub
-------------------------------------------------- */

/*>> 3-4. #l-footer
-------------------------------------------------- */
.l-footer {
	position: relative;
	padding: 74px 0 28px;
	border-top: 1px solid #e4eaef;
	z-index: 2;
	background: #323280;
}

.l-footer__top {
	text-align: center;
	font-size: 12px;
	line-height: 1.333;
}

.l-footer__top a {
	color: #666;
	text-decoration: underline;
}

.no-touchevents .l-footer__top a:hover {
	text-decoration: none;
}

.l-footer__bottom {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.l-footer__sns {
	display: table-cell;
	vertical-align: bottom;
	width: 35%;
}

.l-footer__content {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.l-footer__content p {
	font-size: 12px;
	line-height: 1.333;
	color: #fff;
	opacity: 0.4;
}

.l-footer__content a {
	color: #fff;
	font-size: 14px;
	line-height: 2;
	display: inline-block;
	margin-bottom: 10px;
}

.no-touchevents .l-footer__content p a:hover {
	text-decoration: underline;
}

.l-footer__content p + p {
	margin-top: 10px;
}

.l-footer__content .btn-arrow img:first-child {
	margin-right: 12px;
}

.media-sns {
	display: flex;
	justify-content: start;
}

.media-sns > li {
	display: inline-block;
}

.media-sns > li a {
	width: 40px;
	display: inline-block;
}

.no-touchevents .media-sns > li a:hover {
	transition: all 0.3s ease;
	opacity: 0.7;
}

.media-sns > li + li {
	margin-left: 22px;
}

.l-footer__nav {
	max-width: 960px;
	margin: 120px auto 0;
	display: flex;
	justify-content: space-between;
}

.l-footer__nav li {
	display: inline-block;
	width: calc(20% - 8px);
	padding: 0 8px;
	text-align: center;
}

.l-footer__nav li a {
	display: block;
	color: #666;
	font-weight: bold;
}

.l-footer__nav li.current a {
	color: #85ce70;
	pointer-events: none;
	cursor: default;
}

.no-touchevents .l-footer__nav li a:hover {
	color: #85ce70;
}

.l-footer__nav li a img {
	display: block;
	margin: 0 auto 20px;
}

.l-footer__nav li a span {
	display: block;
}

.l-footer__nav li a span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	color: #85ce70;
	margin-right: 8px;
}

.l-footer__return {
	margin-top: 75px;
	margin-bottom: 40px;
	text-align: center;
}

.l-footer__return a {
	display: inline-block;
	width: 100%;
	max-width: 368px;
	padding: 11px 15px;
	border-radius: 40px;
	border: 1px solid #666666;
	color: #666666;
	box-sizing: border-box;
	transition: background 0.3s ease;
}

.no-touchevents .l-footer__return a:hover {
	background: rgb(133, 206, 112);
	background: linear-gradient(90deg,
			rgba(133, 206, 112, 1) 0%,
			rgba(197, 234, 73, 1) 100%,
			rgba(197, 234, 73, 1) 100%);
	border: none;
	padding: 12px 15px;
	color: #fff;
}

@media only screen and (max-width: 767px) {
	.l-footer {
		padding-top: 0;
		padding-bottom: 5px;
		margin-top: 0;
	}

	.wrp-footer {
		margin: 0 32px;
	}

	.l-footer__top {
		text-align: left;
		line-height: 1.5;
	}

	.l-footer__bottom {
		display: block;
		margin-top: 48px;
	}

	.media-sns > li a {
		width: 44px;
	}

	.media-sns > li + li {
		margin-left: 28px;
	}

	.l-footer__sns {
		display: block;
		width: 100%;
	}

	.l-footer__content {
		display: block;
	}

	.media-sns {
		justify-content: center;
	}

	.l-footer__content {
		margin-top: 43px;
		text-align: right;
	}

	.l-footer__content p + p {
		font-size: 10px;
		line-height: 1.6;
		margin-top: 20px;
	}

	.l-footer__nav {
		flex-wrap: wrap;
		margin: 0 auto;
	}

	.l-footer__nav li {
		width: calc(50% - 4px);
		padding: 0;
		box-sizing: border-box;
		margin-bottom: 80px;
		text-align: left;
	}

	.l-footer__nav li:last-child {
		width: 100%;
	}

	.l-footer__nav li a {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.l-footer__nav li a figure {
		display: table-cell;
		vertical-align: middle;
		width: 53px;
		margin: 0;
	}

	.l-footer__nav li a img {
		margin: 0;
	}

	.l-footer__nav li a span {
		display: table-cell;
		vertical-align: middle;
		padding-left: 8px;
	}

	.l-footer__return {
		margin-top: 0;
	}
}

/*>> 3-4. OverLayerConfig [z-index]
-------------------------------------------------- */
.nav-global-menu {
	z-index: 100;
}

.nav-global {
	z-index: 100;
}

#l-header {
	z-index: 100;
}

.nav-backtotop {
	position: fixed;
	bottom: 0px;
	right: 20px;
	width: 52px;
	opacity: 0;
	z-index: -1;
	transition: 0.5s;
}

.nav-backtotop.show {
	opacity: 1;
	z-index: 99;
	bottom: 20px;
}

.no-touchevents .nav-backtotop:hover {
	opacity: 0.8;
}

.nav-backtotop img {
	width: 100%;
}

@media (max-width: 768px) {
	.nav-backtotop {
		width: 44px
	}
}

/*>> 3-5. Project
-------------------------------------------------- */

/* -----------------------------------------------
*> [4. Print Style]
-------------------------------------------------- */
@media print {

	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " ("attr(href) ")";
	}

	abbr[title]::after {
		content: " ("attr(title) ")";
	}

	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		border: 0.1rem solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/* endMedia */


.l-header__wrapper {
	padding: 18px 0;
}

* {
	box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
	.nav-global > li + li {
		margin-top: 6px;
	}

	.nav-global-menu {
		width: 6rem;
		height: 6rem;
	}

	.nav-global-menu span {
		left: 1.8rem;
	}

	#l-header #sitelogo {
		margin: 7px auto;
		width: 11.8rem;
	}

	.l-header__wrapper {
		padding: 9px 0;
		margin-left: 0;
	}
}

#l-header {
	border-bottom: 2px solid #171764;
}

.no-touchevents .nav-global > li > a:hover {
	opacity: 0.5;
}

.no-touchevents .nav-global > li:hover > a::after {
	visibility: hidden;
	display: none;
}

.nav-global > li > a:after {
	display: none;
}

.nav-global-menu span {
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.nav-global {
		padding: 12.5rem 11% 5rem;
	}

	.nav-global-menu span {
		height: 0.2rem;
	}

	.nav-global-wrap {
		background-color: #fff;
	}

	.nav-global > li > a {
		color: #323280 !important;
		display: flex;
		padding: 27px 0 27px;
		font-size: 18px;
		padding-left: 73px;
		margin: 0;
		border-bottom: 0.1rem solid #d8dde5;
	}

	.nav-global > li + li {
		margin-top: 1px;
	}

	.nav-global > li > a > img {
		position: absolute;
		width: 52px;
		left: 14px;
	}

	.nav-global > li:last-child a {
		margin-top: -2px;
	}

	.nav-global > li:last-child a {
		border-bottom: none;
	}

	.nav-global-menu {
		background-color: #171764;
	}

	.nav-global-menu.is-active {
		background-color: #171764;
	}

	.nav-global-wrap {
		top: 62px;
	}
}

.box-main-index + .wrp-detail {
	max-width: 1085px;
	margin: 0 auto;
	padding: 0 0px;
}

.box-main-visual .box-main-visual__content {
	background-color: #171764;
	width: 100%;
}

.box-main-index .box-main-visual__content {
	min-height: 396px;
}

.box-main-index .box-main-visual__figure {
	bottom: -29px;
	top: initial;
	right: 132px;
	position: absolute;
	max-width: 47%;
}

.box-main-visual__title {
	font-size: 44px;
	margin: 40px 0 24px;
	color: #fff;
	letter-spacing: 1.5px;

	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;

}

.box-main-visual__txt {
	font-size: 18px;
	line-height: 1.77;
	color: #333333;
}

.box-main-visual__text {
	position: relative;
	top: 80px;
	left: 10.5%;
}

.box-main-visual__figure {
	position: relative;
	top: 37px;
	right: 130px;
	display: inline-block;
	float: right;
}

.box-main-visual .box-main-visual__content {
	position: relative;
}

@media only screen and (max-width: 1200px) {
	.box-main-visual__text {
		left: 1.5%;
	}

	.box-main-visual__figure {
		right: 0;
	}

	.box-main-index .box-main-visual__figure {
		right: 0px;
	}
}

@media only screen and (max-width: 990px) {
	.box-main-visual__title {
		font-size: 30px;
	}
}

.box-main-visual {
	display: flex;
}

.page-content .box-main-visual__figure {
	position: relative;
	top: -53px;
	right: 0px;
}

.page-content .box-main-visual__figure figure {
	width: 50%;
	display: inline-block;
	float: right;
}

.page-content .box-main-visual__title {
	font-size: 38px;
}

.page-content .box-main-visual__content {
	height: 340px;
	max-height: 340px;
	margin-bottom: 4.5em
}

@media only screen and (max-width: 768px) {
	.box-main-visual__txt {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.box-main-visual .wrp-container {
		padding: 0 22px;
	}

	.box-main-visual__title {
		font-size: 30px;
		color: #fff;
		margin: 12px 0 27px;
	}

	.box-main-visual__grid {
		flex-wrap: wrap;
	}

	.box-main-visual__txt {
		font-size: 16px;
		line-height: 1.77;
		color: #333333;
	}

	.box-main-visual__text {
		position: relative;
		left: 0;
		padding: 34px 0px;
		font-size: 18px;
		width: 100%;
		top: 0;
	}

	.box-main-visual__figure {
		position: relative;
		top: 0;
		margin: 0 auto;
		width: 98%;
		display: block;
		right: 0;
		margin-top: 24px;
	}

	.box-main-visual__figure .fluid-image {
		max-width: 100%;
	}

	.box-main-index .box-main-visual__figure {
		top: inherit;
		right: initial;
		margin-top: inherit;
		position: initial;
		max-width: 400px;
		bottom: inherit;
		left: initial;
		width: 100%;
		float: none;
		margin-bottom: -28px;
	}

	.box-main-index .box-main-visual__content {
		max-height: max-content;
	}

	.page-content .box-main-visual__title {
		font-size: 24px;
	}

	.page-content .box-main-visual__figure figure {
		width: 100%;
	}

	.page-content .box-main-visual__text {
		position: relative;
		left: 11px;
		padding: 0;
		font-size: 18px;
		width: 100%;
		top: 39px;
	}

	.page-content .box-main-visual__figure {
		width: 142px;
		position: absolute;
		top: 29px;
		right: 28px;
		margin-top: 0;
	}

	.page-content .box-main-visual__content {
		height: 200px;
		max-height: 200px;
		margin-bottom: 2em
	}
}

@media only screen and (max-width: 360px) {
	.page-content .box-main-visual__figure {
		width: 100px;
		right: 5px;
	}
}

.lst-detail__box {
	margin-top: 60px;
	margin-bottom: 72px;
}

.box-page-content .lst-detail__box {
	margin-top: 68px;
	margin-bottom: 0;
	display: inline-block;
}

.lst-detail_weather {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -10px;
	margin-right: -10px;
	box-sizing: border-box;
}

.lst-detail__col-4 {
	position: relative;
	width: 33.33%;
	padding: 0 20px;
	flex: 1;
	box-sizing: border-box;
}

.lst-detail__col-4 .lst-detail__figure {
	padding-top: 31px;
	width: 75%;
	margin: 0 auto;
}

.lst-detail_box {
	border: 2px solid #d8dde5;
	border-radius: 20px;
	margin-bottom: 7px;
	height: 100%;
}

.lst-detail__content {
	padding: 6px 12px;
	height: 100%;
	display: flex;
	margin: 0;
	flex-direction: column;
	box-sizing: border-box;
}

.lst-detail__txt {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.4;
	min-height: 52px;
	margin: 0 auto;
	top: 28px;
	display: flex;
	align-items: center;
	position: relative;
	color: #323280;
}

.lst-detail__txt::before {
	content: "";
	background: url(../img/icon-arrow_blue.svg);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	display: inline-block;
	left: -19px;
	position: absolute;
	top: 50%;
	transition: 0.3s;
	transform: translateY(-50%);
}

.no-touchevents .lst-detail_box a:hover {
	opacity: 0.5;
	text-decoration: none;
}

.no-touchevents .lst-detail_box a:hover > .lst-detail__txt::before {
	left: -12px;
	transition: 0.3s;
}

@media only screen and (min-width: 769px) {
	.lst-detail__box {
		padding: 0 15px;
	}
}

@media only screen and (min-width: 1030px) {
	.lst-detail__box {
		padding: 0;
	}
}

@media only screen and (max-width: 767px) {
	.lst-detail_box {
		border-radius: 16px;
	}

	.lst-detail__box {
		margin-bottom: 48px;
		margin-top: 64px;
		border-radius: 8px;
	}

	.lst-detail__col-4 {
		width: 100%;
		padding: 15px 62px;
	}

	.lst-detail__col-4 .lst-detail__figure {
		padding-top: 15px;
		width: 89%;
		position: relative;
		margin: 0 auto;
		text-align: center;
		top: 5px;
	}

	.lst-detail__content {
		padding: 31px 38px 19px;
	}

	.lst-detail__txt {
		padding-left: 26px;
		min-height: 0;
		text-align: left;
		top: -2px;
		margin: 0 auto;
		line-height: 1.3;
		position: relative;
	}

	.lst-detail__txt::before {
		left: -11px;
		top: 12px;
		transform: translateY(-50%);
	}

	.lst-detail_weather {
		flex-direction: column;
	}
}

.infomation {
	margin-top: 98px;
	padding: 46px 0 80px;
	background: #e7eaf1;
}

.infomation__btn {
	width: 100%;
	margin: 33px auto 0;
	max-width: 750px;
	text-align: center;
	border-radius: 20px;
	font-size: 20px;
	box-sizing: border-box;
}

.infomation__power {
	display: block;
	text-align: center;
	background-color: #fff;
	border-radius: 20px;
	padding: 38.5px 15px;
	color: #323280;
}

.infomation__power::before {
	content: "";
	background: url(../img/icon-arrow_blue.svg);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	display: inline-block;
	left: -17px;
	position: relative;
	transition: 0.3s;
	top: -1px;
	vertical-align: middle;
	;
}

.no-touchevents .infomation__btn .infomation__power:hover {
	text-decoration: none;
	opacity: 0.5;
	color: #323280;
}

.no-touchevents .infomation__btn:hover > .infomation__power::before {
	left: -12px;
	transition: 0.3s;
}

.btn-top {
	background: #323280;
	border-radius: 8px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 63px auto 0;
	width: 230px;
	padding: 14px 15px;
	padding-left: 45px;
	transition: 0.3s;
	position: relative;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
}

.btn-top img {
	width: 24px;
	transform: rotate(180deg);
	margin-right: 15px;
	transition: 0.3s;
	transition: 0.3s;
}

.btn-top::before {
	content: "";
	background: url(../img/icon-arrow_transparent.svg);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	display: inline-block;
	left: 43px;
	position: absolute;
	transform: rotate(180deg);
	transition: 0.3s;
}

.no-touchevents .btn-top:hover {
	opacity: 0.8;
	color: #fff !important;
	text-decoration: none !important;
}

.no-touchevents .btn-top:hover::before {
	transition: 0.6s;
	transform: rotate(180deg);
	position: relative;
	left: 33px;
	position: absolute;
}

.link-detail__txt {
	font-size: 18px;
}

.link-detail_box {
	margin-bottom: 80px;
}

.link-detail_button {
	padding: 77px 0 80px;
}

@media only screen and (max-width: 767px) {
	.wrp-detail .wrp-container {
		padding: 0 22px;
	}

	.infomation {
		margin-top: 62px;
		padding: 25px 0 60px;
	}

	.infomation__btn {
		width: 95%;
		margin: 40px auto 0;
		text-align: left;
	}

	.box-button .infomation__power {
		font-size: 18px;
		border-radius: 16px;
		text-align: left;
		font-weight: bold;
		padding: 19px 25px;
	}

	.infomation__power::before {
		width: 22px;
		height: 20px;
		display: inline-block;
		left: 19px;
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		transition: 0.3s;
	}

	.btn-top img {
		margin-left: -20px;
		transform: rotate(180deg);
	}

	.box-button {
		padding: 65px 0 63px;
	}

	.btn-top::before {
		left: -16px;
		position: relative;
	}

	.link-detail__txt-sp {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.wrp-detail.link-lst {
		padding: 0 24px;
	}

	.box-link {
		margin-bottom: 20px;
		padding: 13px 18px 18px 51px;
	}

	.link-detail_box {
		margin-bottom: 58px;
	}

	.box-page-content .lst-detail__content {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
	}

	.box-page-content .lst-detail_weather {
		flex-direction: column;
	}

	.box-page-content .lst-detail__col-4 .lst-detail__figure {
		padding-top: 0;
		width: 33%;
		position: relative;
		margin: 0;
		padding-left: 13px;
		text-align: center;
		top: -11px;
		right: -7px;
	}

	.box-page-content .lst-detail__col-4 .lst-detail__figure {
		padding-top: 13px;
	}

	.box-page-content .lst-detail__txt::before {
		left: -4px;
		position: relative;
		top: -1px;
		transform: translateY(0);
		padding-left: 7px;
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}

	.box-page-content .lst-detail__col-4 {
		padding: 12px 42px 1px;
	}

	.box-page-content {
		min-height: 0;
	}

	.box-page-content .lst-detail__box {
		margin-top: 56px;
	}

	.box-detail .btn-top {
		margin-top: 48px !important;
	}

	.box-page-content .lst-detail__content {
		padding: 9px 18px 0px;
	}

	.btn-top {
		margin: 47px auto 0;
		padding: 14px 16px;
		width: 232px;
	}

	.link-detail_button {
		padding: 60px 0 64px;
	}

	.box-page-content .lst-detail__col-4:first-child .lst-detail__txt {
		top: -4px;
		left: 6px;
	}

	.box-page-content .lst-detail__txt {
		padding-left: 0;
		min-height: 0;
		text-align: left;
		top: -4px;
		line-height: 1.3;
		left: 7px;
		margin: 0;
		position: relative;
	}

	.box-page-content .lst-detail__col-4:last-child .lst-detail__txt {
		top: -3px;
	}

	.box-page-content .btn-top {
		margin: 38px auto 1px;
	}
}

.no-touchevents .infomation__btn:hover > .infomation__power::before {
	left: -11px;
	position: relative;
}

.no-touchevents .earthquake-menu ul li a:hover {
	text-decoration: none;
	opacity: 0.5;
}

/* HIẾU */
.row {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.row24 {
	margin-left: -12px;
	margin-right: -12px;
}

.row24 > div {
	padding-left: 12px;
	padding-right: 12px;
}

.row * {
	box-sizing: border-box;
}

.fluid-image {
	max-width: 100%;
}

@media (min-width: 991px) {
	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
}

.col-lg-4,
.col-lg-8 {
	width: 100%;
}

.earthquake-menu {
	background: #f0f2f7;
	border-radius: 6px;
	padding: 32.5px 40px 24.5px;
}

.earthquake-menu li {
	margin-bottom: 7px;
	display: block;
	padding-left: 32px;
	position: relative;
}

.earthquake-menu li a {
	color: #323280;
	font-weight: bold;
	display: inline-block;
	position: relative;
}

.earthquake-menu li:before {
	position: absolute;
	content: url(../img/icon-arrow_white.svg);
	width: 20px;
	height: 20px;
	display: inline-block;
	left: 0;
	top: 3px;
	transform: rotate(90deg);
}

.earthquake-menu li a:after {
	content: '';
	width: 0;
	position: absolute;
	bottom: 0;
	height: 1px;
	background: #323280;
	transition: 0.3s;
	left: 0;
}

.no-touchevents .earthquake-menu li a:hover {
	color: #323280;
	opacity: 1 !important;
}

.no-touchevents .earthquake-menu li a:hover:after {
	width: 100%;
}

.link-lst {
	margin-top: 71px;
}

.link-lst .row24 {
	margin-top: 48px;
	margin-bottom: 87px;
}

@media only screen and (max-width: 767px) {
	.earthquake-menu {
		margin: 38px 0 0;
		font-size: 15px;
		letter-spacing: 0.04em;
		line-height: 1.45;
		padding: 24px 16px;
	}

	.earthquake-menu li {
		margin-bottom: 5px;
	}

	.earthquake-menu li a {
		margin-bottom: 10px;
	}

	.earthquake-menu li:last-child a,
	.earthquake-menu li:last-child {
		margin-bottom: 0;
	}

	.earthquake-menu li a:before {
		left: 6px;
		top: 4px;
		transform: none;
	}

	.link-lst {
		margin-top: 34px;
	}

	.link-lst .row24 {
		margin-top: 37px;
		margin-bottom: 58px;
	}
}

@media only screen and (max-width: 768px) {
	.lst-detail_weather {
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.lst-detail__col-4 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.page-content .box-main-visual__figure {
		right: 40px;
	}

	.page-content .box-main-visual__figure figure {
		width: 270px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.page-content .box-main-visual__figure {
		right: 40px;
	}

	.page-content .box-main-visual__figure figure {
		width: 270px;
	}
}

@media only screen and (min-width: 1200px) {
	.box-main-index .box-main-visual__figure {
		right: 9%;
	}

	.box-main-visual .box-main-visual__figure {
		right: 9%;
	}
}

@media only screen and (min-width: 1400px) {
	.box-main-index .box-main-visual__figure {
		right: 13%;
	}

	.box-main-visual .box-main-visual__figure {
		right: 13%;
	}
}

.box-button .wrp-container {
	max-width: 112.6rem;
}

.box-button__gird {
	display: flex;
	margin-left: -12px;
	margin-right: -12px;
	box-sizing: border-box;

}

.grid-6 {
	width: 50%;
	margin: 0 auto;
	padding: 0 20px;
}

.box-button .infomation__power {
	text-align: left;
	position: relative;
	padding: 38px 53px;
}

.box-button .box-button__link .infomation__power::after {
	content: url("../img/bottom-icon-map.svg");
	position: absolute;
	display: block;
	top: 55%;
	right: 10px;
	transform: translateY(-50%);
}

.box-button .box-button__pdf .infomation__power::after {
	content: url("../img/bottom-icon-pdf.svg");
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	top: 55%;
	right: 10px;
	transform: translateY(-50%);
}

@media screen and (width: 768px) {
	.box-button .infomation__power {
		padding: 30px 118px 30px 54px !important;
	}

	.box-button .infomation__btn {
		max-width: 730px;
	}
}

@media screen and (max-width: 768px) {
	.box-button .box-button__gird {
		display: flex;
		flex-wrap: wrap;
		margin-left: -8px;
		margin-right: -8px;

	}

	.box-button .infomation__power {
		padding: 19px 118px 19px 54px;
		line-height: 1.3;
		font-weight: bold;
	}

	.grid-12--sp {
		width: 100%;
		padding: 0;
	}

	.box-button .box-button__pdf {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {

	.box-button .box-button__link .infomation__power::after,
	.box-button .box-button__pdf .infomation__power::after {
		transform: translateY(-50%) scale(0.87);
	}
}










/**能登地ページ用設定***********************/

.txt-note-nomark{
	margin-top: 20px;
	color: #888;
	font-size: 80%;
}

h1 span {
	font-size: 70%;
	display: block;
	margin-bottom: 0.5em;
}

.info_box {
	display: block;
	padding: 20px;
	border: 1px solid #333;
	margin: 2em 0;
	font-weight: bold;
	font-size: 150%;
}

.noto_h2 {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 200%;
	color: #171764;
	padding: 3em 0 1em 0;
}

.noto_h3 {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 150%;
	padding: 1.5em 0 0.5em 0;
}

.number {
	display: block;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 4em 0 1.5em 0;
	background-color: #171764;
	padding: 10px 20px;
}

p.indent-1 {

	padding-left: 0.8em;
	text-indent: -0.8em;
	margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
	.noto_h2 {
		font-size: 140%;
		padding: 2.5em 0 0.5em 0;
	}
	.noto_h3 {
		font-size: 120%;
		padding: 1.2em 0 0.3em 0;
	}
}



/*アコーディオン*/

.p-accordion {
	margin-inline: auto;
}

.p-accordion-desc {
	font-size: 15px;
	font-weight: 700;
}

.p-accordion__head {
	cursor: pointer;
	/*font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
	background-color: #171764;
	font-size: 120%;
	/*font-weight: bold;*/
	display: block;
	color: white;
	padding: 10px 20px;
	margin-top: 10px;
}

.p-accordion__head-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 96%;
}

.p-accordion__icon {
	display: block;
	position: relative;
	/*width: 24px;*/
	left: 20px;
	transition: transform 0.25s;
}

.p-accordion__icon:before {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 2px;
	background-color: #fff;
}

.p-accordion__icon:after {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 2px;
	background-color: #fff;
}

.p-accordion__icon:before {
	left: -3px;
	transform: rotate(45deg);
}

.p-accordion__icon:after {
	right: -2px;
	transform: rotate(-45deg);
}

.p-accordion__input input[name=p-accordion__block] {
	display: none;
}

.p-accordion__input .p-accordion__block {
	cursor: pointer;
}

.p-accordion__input .p-accordion__content {
	height: 0;
	padding: 0 20px;
	overflow: hidden;
	opacity: 0.5;
	background-color: #fff;
	transition: padding 0.25s ease, opacity 0.3s ease 0s;
}

.p-accordion__input input[name=p-accordion__block]:checked + .p-accordion__head > .p-accordion__head-inner .p-accordion__icon {
	transform: rotate(-180deg);
}

.p-accordion__input input[name=p-accordion__block]:checked + .p-accordion__head + .p-accordion__content {
	height: auto;
	opacity: 1;
	padding: 20px 20px 50px 20px;
}

@media screen and (max-width: 767px) {
	.p-accordion__head-inner {

		width: 92%;
	}
}

/**アコーディオン白バージョン*/
.p-accordion__head.p-accordion__change-color {
	background-color: #fff;
	color: #171764;
	border: 1px solid #171764;
}
.p-accordion__change-color .p-accordion__icon:after{
	background-color: #171764;
}
.p-accordion__change-color .p-accordion__icon:before {
		background-color: #171764;
}








/**カードリンク　lst-article*/

.lst-article {
	margin-top: 40px;
}

.lst-article .grid-row>div {
	margin-bottom: 40px;
}

.lst-article--01 .grid-row>div {
	margin-bottom: 20px;
}

.lst-article--02 .grid-row>div {
	margin-bottom: 20px;
}

.lst-article--03 {
	margin-top: 0;
}

.lst-article--03 .lst-article__content {
	padding: 5px 25px 55px;
}

.lst-article--03 .lst-article__button .btn {
	padding: 30px 0;
}

.lst-article__inner {
	display: block;
}

.lst-article__image {
	display: block;
	overflow: hidden;
}

.lst-article__image img {
	width: 100%;
}

.lst-article__image--center {
	/* display: block;
	overflow: hidden; */
	position: relative;
	padding-top: 66.5%;
}
.lst-article__image--center span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}


.lst-article__content {
	display: block;
	color: var(--color-black);
	/*background: var(--color-light-gray);*/
	background: #fff;
	padding: 30px 25px 55px;
	position: relative;
}


.lst-article__title {
	display: block;
	font-size: 2.0rem;
	letter-spacing: 0.06em;
	font-weight: bold;
	/* line-height: 24px; */
	line-height: 2.4rem;
	margin-bottom: 20px;
}


.lst-article--02 .lst-article__title {
	font-weight: normal;
}

.lst-article__title small {
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.04em;
	font-weight: normal;
}

.lst-article__text {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 12px;
	text-align: left;
}

.lst-article__button {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1;
}

.lst-article__button .btn {
	width: 100%;
	padding: 30px 25px;
	color: var(--color-primary);
}

.lst-article__button .btn:hover {
	color: var(--color-primary);
}

.lst-article__button .btn span {
	padding-right: 15px;
	display: inline-block;
}
.lst-article__button .btn.btn--link-ex span {
	padding-right: 23px;
}

.lst-article__button .icon-external:before {
	content: '\f08e';
	right: -5px;
}

.lst-article__inner--col1 .lst-article__content {
	padding: 30px 25px 60px;
	/* min-height: 385px; */
	/* width: 50%; */
	box-sizing: border-box;
	/* float: right; */
	flex-basis: 50%;
	max-width: 50%;
}

.lst-article__inner--col1 .lst-article__image {
	/* position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-right: 50%; */
	box-sizing: border-box;
	overflow: hidden;
	flex-basis: 50%;
	max-width: 50%;
}

.lst-article__inner--col1 .lst-article__title small {
	margin-top: 20px;
}

.lst-article__inner--col1 .lst-article__image span {
	display: block!important;
	height: 100%;
}

.lst-article__inner:hover {
	text-decoration: none;
}

.lst-article--04 .lst-article__inner--col1 .lst-article__content {
	height: 126px;
	min-height: auto;
	padding: 0;
}

.lst-article--04 .lst-article__button {
	bottom: 50%;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	/*	height: 100%;*/
}

.lst-article--04 .lst-article__button .btn {
	display: table;
	height: 100%;
	color: var(--color-primary);
}

.lst-article--04 .lst-article__button .btn>span {
	display: table-cell;
	vertical-align: middle;
	line-height: 20px;
}

.lst-article__inner--01 .lst-article__content {
	min-height: 240px;
}

.lst-article__inner--col1.txt-large .lst-article__title {
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 0 40px;
	line-height:1.4;
}

/* .lst-article__inner--col1.txt-large .lst-article__image img{
	max-width: none;
	width: auto;
	height: 100%;
} */

.lst-article__inner--col1.txt-large .lst-article__text{
	font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {
	.lst-article__image img {
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	a.lst-article__inner:hover .lst-article__image img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.lst-article__inner:hover .lst-article__image img.no-animation {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.lst-article__no-expand .lst-article__inner:hover .lst-article__image img {
		transform: none;
	}
	a.lst-article__inner:hover .btn:after {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
	}
	a.lst-article__inner:hover .btn--link span:before {
		right: -10px;
	}
	a.lst-article__inner:hover .btn--link .icon-external:before {
		right: -10px;
	}
	.lst-article__inner:hover .btn--noeffect {
		background: none;
		color: var(--color-primary);
	}
	.lst-article__inner--col1 {
		overflow: hidden;
		position: relative;
		display: flex;
	}
	.lst-article__inner--col1 .lst-article__image>span {
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	.lst-article__inner--col1:not(.noHover):hover .lst-article__image>span {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	a.lst-article__inner.noHover .lst-article__image img {
		transition: none;
	}
	a.lst-article__inner.noHover:hover .lst-article__image img {
		transform: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.lst-article__inner--col1.txt-large .lst-article__title {
		font-size: 2rem;
		margin: 0 0 20px;
    line-height: 2.4rem;
	}
	.lst-article__inner--col1.txt-large .lst-article__text{
		font-size: 1.4rem;
    line-height: 1.4;
	}

	.lst-article__inner--col1 .lst-article__content {
		min-height: auto;
		padding: 30px 25px 50px;
	}

}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-article .grid-row>div {
		margin-bottom: 10px;
		padding: 0 5px;
	}
	.lst-article .grid-row .grid-col--12 {
		margin-bottom: 20px;
	}
	.lst-article--02 .grid-row>div {
		margin-bottom: 10px;
	}
	.lst-article--03 .grid-row>div {
		margin-bottom: 0;
	}
	.lst-article__title {
		font-size: 1.4rem;
		line-height: 15px;
		margin-bottom: 10px;
	}
	.lst-article__content {
		padding: 20px 15px 35px;
	}
	.lst-article__title small {
		font-size: 1.0rem;
	}
	.lst-article__text {
		font-size: 1.0rem;
		line-height: 15px;
		margin-bottom: 5px;
	}
	.lst-article__button {
		position: relative;
		line-height: initial;
	}
	.lst-article__button .btn {
		font-size: 1.0rem;
		text-align: left;
		padding: 10px 0 0;
	}
	.lst-article__button .btn span {
		padding-right: 10px;
	}
	.lst-article__button .btn.btn--link-ex span {
		padding-right: 16px;
	}
	.lst-article__inner--col1 .lst-article__image {
		position: relative;
		padding-right: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	.lst-article__inner--col1 .lst-article__image>span {
		background: none;
	}
	.lst-article__inner--col1 .lst-article__image>span img {
		display: block!important;
		max-width: 100%;
	}
	.lst-article__inner--col1 .lst-article__content {
		width: 100%;
		padding: 20px 15px 5px;
		min-height: auto;
		flex-basis: 100%;
		max-width: 100%;
	}
	.lst-article__inner--col1 .lst-article__title small {
		margin-top: 0;
	}
	.lst-article--03 .lst-article__content {
		padding: 0;
	}
	.lst-article--03 .lst-article__button .btn {
		padding: 5px 0 0;
		font-size: 1.1rem;
	}
	.lst-article--04 .lst-article__inner--col1 .lst-article__content {
		height: 70px;
	}
	.lst-article--04 .lst-article__button {
		bottom: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	.lst-article--04 .lst-article__button .btn {
		padding: 0 10px;
	}

	.lst-article__inner--col1.txt-large .lst-article__title {
		font-size: 1.4rem;
		line-height: 15px;
		margin: 0 0 10px;
	}

	.lst-article__inner--col1.txt-large .lst-article__text{
		font-size: 1.0rem;
		line-height: 15px;
		margin-bottom: 5px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1023px) {
	.lst-article__inner--col1 .lst-article__content {
		min-height: auto;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1024px) and (-ms-high-contrast:none) {
	*::-ms-backdrop, .lst-article__button {
		line-height: 1;
	}
}


a.lst-article__inner:hover{
	text-decoration: none !important;
}
a.lst-article__inner:hover .btn--link span {
	text-decoration:underline;
}

.btn {
    display: inline-block;
    padding: 20px 50px;
    background: var(--color-primary);
    color: var(--color-white);
    position: relative;
    min-width: 280px;
    max-width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 1.6rem;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left;
}
.btn--noeffect {
    background: none;
}

a.bnr_link:hover{
	opacity: 0.8;
}



/**追加　Youtubeレスポンシブ---------------------**/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 13px;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}