@charset "UTF-8";

/* -----------------------------------------------
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: 80%;
}
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: 0.5rem !important;
}
.m10 {
	margin: 1rem !important;
}
.m15 {
	margin: 1.5rem !important;
}
.m20 {
	margin: 2rem !important;
}
.m25 {
	margin: 2.5rem !important;
}
.m30 {
	margin: 3rem !important;
}
.m35 {
	margin: 3.5rem !important;
}
.m40 {
	margin: 4rem !important;
}
.m45 {
	margin: 4.5rem !important;
}
.m50 {
	margin: 5rem !important;
}
.m55 {
	margin: 5.5rem !important;
}
.m60 {
	margin: 6rem !important;
}
.m65 {
	margin: 6.5rem !important;
}
.m70 {
	margin: 7rem !important;
}
.m75 {
	margin: 7.5rem !important;
}
.m80 {
	margin: 8rem !important;
}
.m85 {
	margin: 8.5rem !important;
}
.m90 {
	margin: 9rem !important;
}
.m95 {
	margin: 9.5rem !important;
}
.m100 {
	margin: 10rem !important;
} /* margin-top */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 0.5rem !important;
}
.mt10 {
	margin-top: 1rem !important;
}
.mt15 {
	margin-top: 1.5rem !important;
}
.mt20 {
	margin-top: 2rem !important;
}
.mt25 {
	margin-top: 2.5rem !important;
}
.mt30 {
	margin-top: 3rem !important;
}
.mt35 {
	margin-top: 3.5rem !important;
}
.mt40 {
	margin-top: 4rem !important;
}
.mt45 {
	margin-top: 4.5rem !important;
}
.mt50 {
	margin-top: 5rem !important;
}
.mt55 {
	margin-top: 5.5rem !important;
}
.mt60 {
	margin-top: 6rem !important;
}
.mt65 {
	margin-top: 6.5rem !important;
}
.mt70 {
	margin-top: 7rem !important;
}
.mt75 {
	margin-top: 7.5rem !important;
}
.mt80 {
	margin-top: 8rem !important;
}
.mt85 {
	margin-top: 8.5rem !important;
}
.mt90 {
	margin-top: 9rem !important;
}
.mt95 {
	margin-top: 9.5rem !important;
}
.mt100 {
	margin-top: 10rem !important;
} /* margin-right */
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 0.5rem !important;
}
.mr10 {
	margin-right: 1rem !important;
}
.mr15 {
	margin-right: 1.5rem !important;
}
.mr20 {
	margin-right: 2rem !important;
}
.mr25 {
	margin-right: 2.5rem !important;
}
.mr30 {
	margin-right: 3rem !important;
}
.mr35 {
	margin-right: 3.5rem !important;
}
.mr40 {
	margin-right: 4rem !important;
}
.mr45 {
	margin-right: 4.5rem !important;
}
.mr50 {
	margin-right: 5rem !important;
}
.mr55 {
	margin-right: 5.5rem !important;
}
.mr60 {
	margin-right: 6rem !important;
}
.mr65 {
	margin-right: 6.5rem !important;
}
.mr70 {
	margin-right: 7rem !important;
}
.mr75 {
	margin-right: 7.5rem !important;
}
.mr80 {
	margin-right: 8rem !important;
}
.mr85 {
	margin-right: 8.5rem !important;
}
.mr90 {
	margin-right: 9rem !important;
}
.mr95 {
	margin-right: 9.5rem !important;
}
.mr100 {
	margin-right: 10rem !important;
} /* margin-bottom */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 0.5rem !important;
}
.mb10 {
	margin-bottom: 1rem !important;
}
.mb12 {
	margin-bottom: 1.2rem !important;
}
.mb15 {
	margin-bottom: 1.5rem !important;
}
.mb20 {
	margin-bottom: 2rem !important;
}
.mb25 {
	margin-bottom: 2.5rem !important;
}
.mb30 {
	margin-bottom: 3rem !important;
}
.mb35 {
	margin-bottom: 3.5rem !important;
}
.mb40 {
	margin-bottom: 4rem !important;
}
.mb45 {
	margin-bottom: 4.5rem !important;
}
.mb50 {
	margin-bottom: 5rem !important;
}
.mb55 {
	margin-bottom: 5.5rem !important;
}
.mb60 {
	margin-bottom: 6rem !important;
}
.mb65 {
	margin-bottom: 6.5rem !important;
}
.mb70 {
	margin-bottom: 7rem !important;
}
.mb75 {
	margin-bottom: 7.5rem !important;
}
.mb80 {
	margin-bottom: 8rem !important;
}
.mb85 {
	margin-bottom: 8.5rem !important;
}
.mb90 {
	margin-bottom: 9rem !important;
}
.mb95 {
	margin-bottom: 9.5rem !important;
}
.mb100 {
	margin-bottom: 10rem !important;
} /* margin-left */
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 0.5rem !important;
}
.ml10 {
	margin-left: 1rem !important;
}
.ml15 {
	margin-left: 1.5rem !important;
}
.ml20 {
	margin-left: 2rem !important;
}
.ml25 {
	margin-left: 2.5rem !important;
}
.ml30 {
	margin-left: 3rem !important;
}
.ml35 {
	margin-left: 3.5rem !important;
}
.ml40 {
	margin-left: 4rem !important;
}
.ml45 {
	margin-left: 4.5rem !important;
}
.ml50 {
	margin-left: 5rem !important;
}
.ml55 {
	margin-left: 5.5rem !important;
}
.ml60 {
	margin-left: 6rem !important;
}
.ml65 {
	margin-left: 6.5rem !important;
}
.ml70 {
	margin-left: 7rem !important;
}
.ml75 {
	margin-left: 7.5rem !important;
}
.ml80 {
	margin-left: 8rem !important;
}
.ml85 {
	margin-left: 8.5rem !important;
}
.ml90 {
	margin-left: 9rem !important;
}
.ml95 {
	margin-left: 9.5rem !important;
}
.ml100 {
	margin-left: 10rem !important;
}
.mb200 {
	margin-bottom: 20rem !important;
}
/* padding */
.p0 {
	padding: 0 !important;
}
.p5 {
	padding: 0.5rem !important;
}
.p10 {
	padding: 1rem !important;
}
.p15 {
	padding: 1.5rem !important;
}
.p20 {
	padding: 2rem !important;
}
.p25 {
	padding: 2.5rem !important;
}
.p30 {
	padding: 3rem !important;
}
.p35 {
	padding: 3.5rem !important;
}
.p40 {
	padding: 4rem !important;
}
.p45 {
	padding: 4.5rem !important;
}
.p50 {
	padding: 5rem !important;
}
.p55 {
	padding: 5.5rem !important;
}
.p60 {
	padding: 6rem !important;
}
.p65 {
	padding: 6.5rem !important;
}
.p70 {
	padding: 7rem !important;
}
.p75 {
	padding: 7.5rem !important;
}
.p80 {
	padding: 8rem !important;
}
.p85 {
	padding: 8.5rem !important;
}
.p90 {
	padding: 9rem !important;
}
.p95 {
	padding: 9.5rem !important;
}
.p100 {
	padding: 10rem !important;
} /* padding-top */
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 0.5rem !important;
}
.pt10 {
	padding-top: 1rem !important;
}
.pt15 {
	padding-top: 1.5rem !important;
}
.pt20 {
	padding-top: 2rem !important;
}
.pt25 {
	padding-top: 2.5rem !important;
}
.pt30 {
	padding-top: 3rem !important;
}
.pt35 {
	padding-top: 3.5rem !important;
}
.pt40 {
	padding-top: 4rem !important;
}
.pt45 {
	padding-top: 4.5rem !important;
}
.pt50 {
	padding-top: 5rem !important;
}
.pt55 {
	padding-top: 5.5rem !important;
}
.pt60 {
	padding-top: 6rem !important;
}
.pt65 {
	padding-top: 6.5rem !important;
}
.pt70 {
	padding-top: 7rem !important;
}
.pt75 {
	padding-top: 7.5rem !important;
}
.pt80 {
	padding-top: 8rem !important;
}
.pt85 {
	padding-top: 8.5rem !important;
}
.pt90 {
	padding-top: 9rem !important;
}
.pt95 {
	padding-top: 9.5rem !important;
}
.pt100 {
	padding-top: 10rem !important;
} /* padding-right */
.pr0 {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: 0.5rem !important;
}
.pr10 {
	padding-right: 1rem !important;
}
.pr15 {
	padding-right: 1.5rem !important;
}
.pr20 {
	padding-right: 2rem !important;
}
.pr25 {
	padding-right: 2.5rem !important;
}
.pr30 {
	padding-right: 3rem !important;
}
.pr35 {
	padding-right: 3.5rem !important;
}
.pr40 {
	padding-right: 4rem !important;
}
.pr45 {
	padding-right: 4.5rem !important;
}
.pr50 {
	padding-right: 5rem !important;
}
.pr55 {
	padding-right: 5.5rem !important;
}
.pr60 {
	padding-right: 6rem !important;
}
.pr65 {
	padding-right: 6.5rem !important;
}
.pr70 {
	padding-right: 7rem !important;
}
.pr75 {
	padding-right: 7.5rem !important;
}
.pr80 {
	padding-right: 8rem !important;
}
.pr85 {
	padding-right: 8.5rem !important;
}
.pr90 {
	padding-right: 9rem !important;
}
.pr95 {
	padding-right: 9.5rem !important;
}
.pr100 {
	padding-right: 10rem !important;
} /* padding-bottom */
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 0.5rem !important;
}
.pb10 {
	padding-bottom: 1rem !important;
}
.pb15 {
	padding-bottom: 1.5rem !important;
}
.pb20 {
	padding-bottom: 2rem !important;
}
.pb25 {
	padding-bottom: 2.5rem !important;
}
.pb30 {
	padding-bottom: 3rem !important;
}
.pb35 {
	padding-bottom: 3.5rem !important;
}
.pb40 {
	padding-bottom: 4rem !important;
}
.pb45 {
	padding-bottom: 4.5rem !important;
}
.pb50 {
	padding-bottom: 5rem !important;
}
.pb55 {
	padding-bottom: 5.5rem !important;
}
.pb60 {
	padding-bottom: 6rem !important;
}
.pb65 {
	padding-bottom: 6.5rem !important;
}
.pb70 {
	padding-bottom: 7rem !important;
}
.pb75 {
	padding-bottom: 7.5rem !important;
}
.pb80 {
	padding-bottom: 8rem !important;
}
.pb85 {
	padding-bottom: 8.5rem !important;
}
.pb90 {
	padding-bottom: 9rem !important;
}
.pb95 {
	padding-bottom: 9.5rem !important;
}
.pb100 {
	padding-bottom: 10rem !important;
} /* padding-left */
.pl0 {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: 0.5rem !important;
}
.pl10 {
	padding-left: 1rem !important;
}
.pl15 {
	padding-left: 1.5rem !important;
}
.pl20 {
	padding-left: 2rem !important;
}
.pl25 {
	padding-left: 2.5rem !important;
}
.pl30 {
	padding-left: 3rem !important;
}
.pl35 {
	padding-left: 3.5rem !important;
}
.pl40 {
	padding-left: 4rem !important;
}
.pl45 {
	padding-left: 4.5rem !important;
}
.pl50 {
	padding-left: 5rem !important;
}
.pl55 {
	padding-left: 5.5rem !important;
}
.pl60 {
	padding-left: 6rem !important;
}
.pl65 {
	padding-left: 6.5rem !important;
}
.pl70 {
	padding-left: 7rem !important;
}
.pl75 {
	padding-left: 7.5rem !important;
}
.pl80 {
	padding-left: 8rem !important;
}
.pl85 {
	padding-left: 8.5rem !important;
}
.pl90 {
	padding-left: 9rem !important;
}
.pl95 {
	padding-left: 9.5rem !important;
}
.pl100 {
	padding-left: 10rem !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: -1rem;
	margin-left: -1rem;
	display: flex;
	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: 0.1rem;
	padding-right: 1rem;
	padding-left: 1rem;
	box-sizing: border-box;
}
.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 (max-width: 767px) {
	.grid-row {
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}
	.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-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.grid-col--3.__isSP,
	.grid-col--4.__isSP,
	.grid-col--6.__isSP {
		width: 50%;
	}
} /* endMedia */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-row {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.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-right: 1rem;
		padding-left: 1rem;
	}
	.grid-col--3.__isTablet,
	.grid-col--4.__isTablet,
	.grid-col--6.__isTablet {
		width: 50%;
	}
} /* 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: 24px;
	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: 15px;
}

/*>>> 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: 30px 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;
}
.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;
}
.no-touchevents #l-header #sitelogo a:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 767px) {
	#l-header #sitelogo {
		margin: 0 auto;
		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 29px !important;
	}
}
@media only screen and (min-width: 990px) {
	.l-header__wrapper, .wrp-footer {
		margin: 0 62px !important;
	}
}

/*>> 3-3. #l-container
-------------------------------------------------- */
#l-container {
	margin-top: 78px;
}
@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;
	margin: 0 62px;
}
* {
	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: rgb(202,236,254);
	background: -moz-linear-gradient(0deg, rgba(202,236,254,1) 0%, rgba(155,220,254,1) 50%, rgba(153,219,254,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(202,236,254,1) 0%, rgba(155,220,254,1) 50%, rgba(153,219,254,1) 100%);
	background: linear-gradient(0deg, rgba(202,236,254,1) 0%, rgba(155,220,254,1) 50%, rgba(153,219,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#caecfe",endColorstr="#99dbfe",GradientType=1);
	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: 14px 0 24px;
	color: #323280;
	letter-spacing: 1.5px;
}
.box-main-visual__txt {
	font-size: 18px;
	line-height: 1.77;
	color: #333333;
}
.box-main-visual__text {
	position: relative;
	width: 57%;
	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: 240px;
	max-height: 240px;
}
@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: #323280;
		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: 140px;
		max-height: 140px;
	}
}
@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;
	margin-bottom: 2em;
}
.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;
	margin: 75px 0 21px;
}
.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: 0;
	margin-bottom: 20px;
}
@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: 0;
		margin-bottom: 10px;
	}
}

@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);
	}
}


/*▼▼▼ ADD240529 リンクページ改修*/
.box-link__title {
	font-size: 18px;
}

.box-link {
	padding: 10px 20px 12px 58px;
}

.lst-link {
	padding: 64px 0 62px;
	border-bottom: 1px solid #d8dde5;
}

.lst-link_no_border {
	border-bottom: none;
}

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



/*▼▼▼ ADD250916 Twitterエリア撤去　代わりのバナー掲載*/

.block-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

.box-twitter .row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
}

.box-twitter .row .lst-detail_box {
	border: none;
}



@media only screen and (max-width: 767px) {
    .box-twitter .lst-detail__content {
		padding: 0 10px;
    }
}


/* ▲▲▲ */