@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('//fonts.googleapis.com/css?family=Alegreya+Sans+SC&display=swap');

/*=======================================================*/
/* Reset */
/*=======================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
}

/*=======================================================*/
/* Base - /cmn/ (old Style) */
/*=======================================================*/

body {
	-webkit-text-size-adjust: 100%;
	background: #e3e8ee url(../img/bg.png) repeat 0 0;
	color: #555;
	font: 81.25%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	-webkit-tap-highlight-color: rgba(30, 15, 190, 0.3);
	-webkit-touch-callout: none;
}

a:link {
	color: #0073be;
	text-decoration: underline;
}

a:visited {
	color: #19089a;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #004573;
	text-decoration: none;
}

sup {
	line-height: 4px;
	vertical-align: text-top;
	font-size: 0.8em;
}

sub {
	font-size: 0.8em;
	vertical-align: baseline;
}

th, td {
	word-break: break-all;
}

/*=======================================================*/
/* Base - /cmn2/ */
/*=======================================================*/

html,
body.cmn2 {
  overflow-x: visible;
}

body.cmn2 {
	color: #222;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 13px;
	background: #fff;
}

body.cmn2 a {
	color: #19509d;
	text-decoration: underline;
}

body.cmn2 a:hover {
	color: #19509d;
	text-decoration: none;
}

body.cmn2 .link_active a:link,
body.cmn2 .link_active a:visited,
body.cmn2 a.link_active:link,
body.cmn2 a.link_active:visited {
	text-decoration: underline;
}

body.cmn2 .link_active a:hover,
body.cmn2 a.link_active:hover {
	text-decoration: none !important;
}

body.cmn2 img[src$=".svg"] {
	position: relative;
	top: 0.4px;
	left: 0.4px;
}

body.cmn2 input[type=text] {
	font-family: 'Noto Sans JP', sans-serif;
}

/*=======================================================*/
/* Base - /cmn3/ (WebCX) */
/*=======================================================*/

body.cmn3 {
	font-size: 100%;
	line-height: 1.6;
	color: #1A1311;
	word-break: break-word;
}

body.cmn3 a:hover,
body.cmn3 a {
	color: #0072BC;
}

body.cmn3 a:active {
	color: #1D2088;
}

body.cmn3 *,
body.cmn3 *:before,
body.cmn3 *:after {
	box-sizing: border-box
}