﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
* {
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
table {
	border-collapse:collapse;
    border-spacing:0;
}
table td, table th { vertical-align:top;}
a {
    margin:0;
    padding:0;
    color: #FFF;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:hover {
	opacity:0.7;

}
img {
	border:0px;
	vertical-align:top;
}
ol, ul {
    list-style:none;
}
caption, th {
    text-align: left;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
    overflow-y: scroll;
}
/*smartphone*/
/*------------------------------------------------------------------------------*/
html { -webkit-text-size-adjust: none; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0.3);}
/*base*/
/*------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
body {
	/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", sans-serif; */
	font-family: "Noto Sans JP", sans-serif;
	color:#333;
	font-weight:normal;
	font-size:80%;
	line-height:1.7;
	word-break:break-all;
}
a {
	text-decoration: none;
}
a:hover img {
	opacity: 0.7;
}
/*utility*/
/*------------------------------------------------------------------------------*/
.m5 { margin-bottom:5px;}
.m10 { margin-bottom:10px;}
.m15 { margin-bottom:15px;}
.m20 { margin-bottom:20px;}
.m25 { margin-bottom:25px;}
.m30 { margin-bottom:30px;}
.m40 { margin-bottom:40px;}
.m50 { margin-bottom:50px;}
.m60 { margin-bottom:60px;}
.m100 { margin-bottom:100px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt80 { margin-top:80px;}
.txt_r, td.txt_r, .txt_r td { text-align:right;}
.txt_c, td.txt_c, .txt_c td { text-align:center;}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
section:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*--------------------------------------------------------------------------*/
/*arrow*/
/*--------------------------------------------------------------------------*/
.arr a {
	background: url(../image/common/arr01.gif) no-repeat 0 4px;
	padding-left: 12px;
	text-decoration: none;
	font-size: 90%;
}
.arr a:hover {
	text-decoration: underline;
}
.img100 img { width:100%; height:auto;}
/* screens smaller than 980---------------------------- */
/* screens smaller than 600----------------------------- */
@media only screen and (max-width:690px) {
.img100_sp img { width:100%; height:auto;}
}
/*--------------------------------------------------------------------------*/
.pb img {border:#CCC solid 1px;}
.fs90 {font-size:90%; line-height:140%;}
.fs110 {font-size:110%; line-height:130%;}
.fs120 {font-size:120%; line-height:140%;}
.fs140 {font-size:140%; line-height:150%;}
.fs200 {font-size:200%!important; line-height:210%;}
.fs110b {font-size:110%; line-height:130%; font-weight:bold;}
.fs120b {font-size:120%; line-height:140%; font-weight:bold;}
.blue_bold {color: #1664AF; font-weight:bold;}
.type_disc li { list-style-type:disc; margin-left:20px;}
.type_latin > li { list-style-type:lower-latin; margin-left:20px;}
.type_roman > li { list-style-type:lower-roman; margin-left:20px;}
.type_roman a {
	color: #0055a7;
}
/*------------------------------------------------------------------------------*/
/*====================================================================*/
/*responsive*/
.m10_sph { margin-bottom:10px;}
.m20_sph { margin-bottom:20px;}
.m30_sph { margin-bottom:30px;}
.m40_sph { margin-bottom:40px;}
.m50_sph { margin-bottom:50px;}
.m60_sph { margin-bottom:60px;}
.m100_sph { margin-bottom:100px;}
.m120_sph { margin-bottom:120px;}
/* screens smaller than 980 (iPad)---------------------------------------------------------- */
@media only screen and (min-width:691px) and (max-width:979px) {
.img100 img { width:100%; height:auto;}
}
/* screens smaller than 690 (iphone)---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.m10_sph { margin-bottom:5px;}
.m20_sph { margin-bottom:10px;}
.m30_sph { margin-bottom:15px;}
.m40_sph { margin-bottom:20px;}
.m50_sph { margin-bottom:25px;}
.m60_sph { margin-bottom:30px;}
.m100_sph { margin-bottom:50px;}
.m120_sph { margin-bottom:60px;}
.img100 img { width:100%; height:auto;}
.img100_sp img { width:100%; height:auto;}
}
/*===============