@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@800&family=Roboto:wght@700;900&display=swap');
/************　HTML5 表示定義　*************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
figure { margin: 0; }

svg:not(:root) { overflow: hidden; } /* IE9 で非表示にならないオーバーフローを修正 */
/* 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
object, embed, video {
	max-width: 100%;
}

/*************** reSet ***************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, /*input, textarea,*/ p, blockquote, th, td, a, img {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}

fieldset { border: none; }
ul { list-style:none; }

table {
	border-collapse: collapse;
	/*border-spacing: 0; border-collapse:separateのとき有効*/
}

caption, th { text-align: left; }


img { border: 0; 
max-width:100%;/*img フルードイメージ対応*/
height:auto;
-ms-interpolation-mode: bicubic; /*IE7 で拡大/縮小する際の画質を改善*/
}

.ie8 img {width:auto;}/*ie8用 max-width指定時の天地変化無しのバグ回避*/
.ie6 img {width:100%;}/* IE6では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */

/*
img[height="xx"][width="xxx"]{display:none;}条件付きの指定
* {zoom:1;IEのhasLayout対策} 戻す時はnormal

@media print{ie7プリントバグ対策　画面用のcssに一部printの指定
*:first-child+html #xxxxxx{
	zoom:99.99%;←この数字で調整
	ie6の場合は70%くらい
}
}*/
	
/* Common */
html{font-size:62.5%;}
body {
	background:#fff;/*背景入れる場合は丸ごとlayout.cssへ-color*/
	color: #333333;
	line-height: 1.5;
font-family: Avenir, Helvetica,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Meiryo, 'メイリオ', sans-serif;
	-webkit-text-size-adjust: 100%;/*iOS用　noneだとPCで文字サイズが固定されるのでNG*/
	-ms-text-size-adjust: 100%;
		letter-spacing: -0.01em;		/* iOS4でのテキストの隙間への対応 */
		font-feature-settings: "palt";/*文字詰め2022*/
}

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

/* link */
a, area {
	outline: 0 transparent;
	text-decoration: none;
	outline-style:none;
}
a:link { color:#900; }
a:visited { color:#900; }
a:hover { color:#FF0033; }
a:active { color:#FF0033; }

footer a:link { color:#333; }
footer a:visited { color:#333; }
/* text */
p {
	font-size:1.4rem;
	text-align:justify;/*文字両端揃え欧文のみ*/
	text-justify:distribute;/*IEのみ*//*text-justify:distribute-all-lines;IEのみ最後の行も両端揃え*/
	/*word-break:break-all;	英語は単語の途中でも強制改行　日本語は標準*/
	line-height: 1.7;
}

.t06 { font-size:0.6rem; }
.t077 { font-size:0.77rem; }/*1.3em内に1.0emを指定*/
.t08 { font-size:0.8rem; }
.t083 { font-size:0.83rem; }/*1.2em内に1.0emを指定*/
.t085 { font-size:0.85rem; }/*1.3em内に1.1emを指定*/
.t09 { font-size:0.9rem; }
.t092 { font-size:0.92rem; }/*1.2em内に1.1emを指定*/
.t10 { font-size:1.0rem; }
.t11 { font-size:1.1rem; }
.t12 { font-size:1.2rem; }
.t13 { font-size:1.3rem; }
.t14 { font-size:1.4rem; }
.t15 { font-size:1.5rem; }
.t16 { font-size:1.6rem; }
.t18 { font-size:1.8rem; }
.t20 { font-size:2.0rem; }
.t22 { font-size:2.2rem; }
.t24 { font-size:2.4rem; }
@media screen and (max-width:480px){
.t11 { font-size:1.0rem; }

}

.bld{font-weight:bold;}

/* ====================================
   テキスト編集
   ==================================== */

abbr[title] { border-bottom: 1px dotted; }

dfn { font-style: italic; }

/* タイプライター字体ファミリーを再宣言 : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* すべてのブラウザーでのプリフォーマットテキストの読みやすさを改善 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }/*引用タグ　引用部分 "～"*/
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* 行の高さに影響を与えずに、サブスクリプトおよびスーパースクリプトコンテンツを配置 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*========================================================================*/

.super {/*あるいはtop*/
	font-size: 0.7em;
	vertical-align:top;
}
.sub {/*あるいはbaseline*/
	font-size: 0.7em;
	vertical-align:sub
}

/*sup,sub {
	vertical-align: baseline;
	position: relative;
	}
sup {top: -4px}
sub {top: 4px}*/

/* etc */
.Hover {/*yugaRollOver*/ }
.allHover {/*yugaRollOver*/ }

.f-rt { float: right; }
.f-lt { float: left; }

.t-lt { text-align:left; }
.t-cr { text-align:center; }
.t-rt { text-align:right; }

.nrap { white-space: nowrap; }
.in-blk { display: inline-block;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* clearfix Hack new2011 */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix {*zoom:1;	}	/*IE*/
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear-b { clear:both; }
.clear-l { clear:left; }
.clear-r { clear:right; }

.inblc{
	display: inline-block;
	*display:inline;/*ie6-7*/
	*zoom:1;/*ie6-7*/
}

/* margin */
.m-t05 { margin-top:5px; }
.m-t10 { margin-top:10px; }
.m-t15 { margin-top:15px; }
.m-t20 { margin-top:20px; }
.m-t25 { margin-top:25px; }
.m-t30 { margin-top:30px; }
.m-t35 { margin-top:35px; }
.m-t40 { margin-top:40px; }
.m-t45 { margin-top:45px; }
.m-t50 { margin-top:50px; }

.m-b05 { margin-bottom:5px; }
.m-b10 { margin-bottom:10px; }
.m-b15 { margin-bottom:15px; }
.m-b20 { margin-bottom:20px; }
.m-b25 { margin-bottom:25px; }
.m-b30 { margin-bottom:30px; }
.m-b35 { margin-bottom:35px; }
.m-b40 { margin-bottom:40px; }
.m-b45 { margin-bottom:45px; }
.m-b50 { margin-bottom:50px; }
.m-b-05 { margin-bottom:-5px; }
.m-b-10 { margin-bottom:-10px; }

.m-l05 { margin-left:5px; }
.m-l10 { margin-left:10px; }
.m-l15 { margin-left:15px; }
.m-l20 { margin-left:20px; }
.m-l25 { margin-left:25px; }
.m-l30 { margin-left:30px; }
.m-l35 { margin-left:35px; }
.m-l40 { margin-left:40px; }
.m-l45 { margin-left:45px; }
.m-l50 { margin-left:50px; }
.m-l60 { margin-left:60px; }

.m-r05 { margin-right:5px; }
.m-r10 { margin-right:10px; }
.m-r15 { margin-right:15px; }
.m-r20 { margin-right:20px; }
.m-r25 { margin-right:25px; }
.m-r30 { margin-right:30px; }
.m-r35 { margin-right:35px; }
.m-r40 { margin-right:40px; }
.m-r45 { margin-right:45px; }
.m-r50 { margin-right:50px; }

/* padding */
.pd-t05 { padding-top:5px; }
.pd-t10 { padding-top:10px; }
.pd-t15 { padding-top:15px; }
.pd-t20 { padding-top:20px; }
.pd-t40 { padding-top:40px; }

.pd-b05 { padding-bottom:5px; }
.pd-b10 { padding-bottom:10px; }
.pd-b20 { padding-bottom:20px; }
.pd-b30 { padding-bottom:30px; }

.pd-l05 { padding-left:5px; }
.pd-l10 { padding-left:10px; }
.pd-l15 { padding-left:15px; }
.pd-l20 { padding-left:20px; }
.pd-l30 { padding-left:30px; }
.pd-l40 { padding-left:40px; }
.pd-l45 { padding-left:45px; }
.pd-l50 { padding-left:50px; }

.pd-r10 { padding-right:10px; }
.pd-r20 { padding-right:20px; }
.pd-r30 { padding-right:30px; }
.pd-r35 { padding-right:35px; }
.pd-r40 { padding-right:40px; }
.pd-r50 { padding-right:50px; }

.pd-10{padding:10px;}
.pd-20{padding:20px;}

/* width */
.w100p { width:100%; }
.w100 { width:100px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }

/* color */
.bc-red{background-color:red;}
.bc-red2{background-color:#900;}
.bc-gry{background-color:#e6e6e6;}
.bc-gry2{ background-color:#F1F1F1; }
.bc-grn{ background-color:#D0E0E0; }
.c-wht { color:white; }
.c-red { color:red; }