@charset "UTF-8";
/* ---- CSS Common Document ---- */


/* <link> preload being set in common/meta.html!!!! */
@font-face {
	font-family: 'HanSans-jp-Desktop';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/han-sans/Japanese/woff/SourceHanSans-ExtraLight.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'HanSans-jp-Desktop';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/han-sans/Japanese/woff/SourceHanSans-Light.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'HanSans-jp-Mobile';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/han-sans/Japanese/woff/SourceHanSans-Light.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'HanSans-jp-Mobile';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/han-sans/Japanese/woff/SourceHanSans-Normal.woff2') format('woff2');
	font-display: swap;
}

body,input,textarea,select {font-family: 'HanSans-jp-Desktop', sans-serif;}
body,h1,h2,h3 {
	font-size: 16px;
	background-color: #fff;
	color: #333;
	word-break: normal;
	white-space: normal;
	line-break: strict;
	word-wrap: normal;
}
h1, h2, h3 {margin: 0;padding: 20px 0;letter-spacing: 2px;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;} 
h4 {font-size: 1.1em;} 
 
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
table, th, td {border: 1px solid #333;}



input,textarea,select {-webkit-appearance: none;border: none;border: 1px solid #696969;border-radius: 3px;}
:placeholder-shown {color: #ddd;opacity: 1;}
::-webkit-input-placeholder {color: #ddd;opacity: 1;}
:-moz-placeholder {color: #ddd;opacity: 1;}
::-moz-placeholder {color: #ddd;opacity: 1;}
:-ms-input-placeholder {color: #ddd;opacity: 1;}
input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="radio"] {-webkit-appearance: radio;}
input[type="button"],
input[type="reset"],
input[type="submit"] {background-color: #fff;color: #333;}
input,
textarea,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {padding: 0.3em 0.7em;margin: 3px 0;}
select{background-color: #fff;color: #333;}





ul,ol {margin:0;padding:0;}
ol {padding-left:50px;}
ul li {	list-style: none;}



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



a:link { color: #0775a8; }
a:visited, a:active, a:focus { color: #0775a8; }
a:hover { color: #0775a8; }
a:hover img { opacity:0.75; }



hr {
    border: 0;
    background: #ccc;
    background-image: -webkit-linear-gradient(left, #e6e6e6, #ccc, #e6e6e6);
    background-image:    -moz-linear-gradient(left, #e6e6e6, #ccc, #e6e6e6);
    background-image:     -ms-linear-gradient(left, #e6e6e6, #ccc, #e6e6e6);
    background-image:      -o-linear-gradient(left, #e6e6e6, #ccc, #e6e6e6);
}



.clear {clear: both;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}



.arrow:after {content: "　>　";vertical-align: top;}



.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}
.block{display: block;}
.inline{display: inline;}


.textred {color: #dc143c;}
.textred a:link,
.textred a:visited,
.textred a:active {color: #dc143c;}
.textred a:hover { color: #0775a8; }