@charset "UTF-8";



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

default.css

リセット項目・body初期設定・回り込み解除・リンク色用
ボックス／マージン／フロート等　各モジュール用

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



/* リセット
-------------------------------------------------------------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
form,fieldset,input {
	margin:        0px;
	padding:       0px;
    font-weight: normal;
}
img {
	margin:        0px;
	padding:       0px;
	border:        0px;
	line-height:   0;
	vertical-align: bottom;
}
ul,ol {
    list-style-type: none;
    text-align: left;
}

table {font-size:     100%;}

/* htmlデフォルト指定
-------------------------------------------------------------------------------------------------------- */
html {
	overflow: auto;
}
P {
    text-align: left;
}
*:focus {
  outline: none;
}

/* bodyデフォルト指定
-------------------------------------------------------------------------------------------------------- */
body {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 0px;
	text-align:     center;
    font-size: 18px;
    font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
	line-height: 1.55;
	overflow: hidden;
    min-width: 1100px;
    color: #212d4b;
      -webkit-text-size-adjust: 100%;
}


@media screen and (max-width: 900px) {
    body {
        min-width: unset;
    }
}


/* 回り込み解除指定
-------------------------------------------------------------------------------------------------------- */

/* 通常解除指定 */
.clearbt {
	clear:  both;
	height: 1px;
}

/* overflow解除指定 */
.clearof {
	overflow: hidden;
}


/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* --------------------------------------------------------- */


/* 区切り線指定 */
.hrline {
	margin:  0px;
	padding: 0px;
	display: none;
}



/* 画像アイコン リスト
----------------------------- */


/* 通常ナンバリングリスト
----------------------------- */
.list_number li {
	margin:        0px 0px 5px 25px;
	padding:       0px;
	list-style:    decimal outside;
	line-hight:    150%;
}


/* 通常リスト
----------------------------- */
.list_disc li {
	margin:        0px 0px 5px 17px;
	padding:       0px;
	list-style:    disc outside;
	line-hight:    150%;
}


/* 定義リスト 下マージン有り
----------------------------- */
.list_div dt {
	font-weight:   bold;
}
.list_div dd {
	margin:        0px 0px 10px 0px;
}
.list_div dd.last {
	margin:        0px 0px 0px 0px;
}


/* リスト 下マージン
----------------------------- */

.list_b10 li {margin-bottom: 10px;}
.list_b20 li {margin-bottom: 20px;}

.list_b10 li ol li,
.list_b20 li ol li,
.list_b10 li ul li,
.list_b20 li ul li {margin-bottom: 0px;}


/* リンク色
-------------------------------------------------------------------------------------------------------- */
a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
	color:            #212d4b;
}

a:link {
	color:            #212d4b;
	text-decoration:  none;
}

a:visited {
	color:            #212d4b;
	text-decoration:  none;
}

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

/* aタグ画像ホバー */
a img {
    transition: 0.3s;
    color: #212d4b;
}
a:hover img {
    opacity: 0.7;
    text-decoration: none;
}



/* フォント指定　（デフォルト18px）
-------------------------------------------------------------------------------------------------------- */

/* フォントサイズ */
.text10 {font-size:  10px;}
.text11 {font-size:  11px;}
.text12 {font-size:  12px;}
.text13 {font-size:  13px;}
.text14 {font-size:  14px;}
.text15 {font-size:  15px;}
.text16 {font-size:  16px;}
.text17 {font-size:  17px;}
.text18 {font-size:  18px;}
.text19 {font-size:  19px;}
.text20 {font-size:  20px;}
.text21 {font-size:  21px;}
.text22 {font-size:  22px;}

.text_smaller {font-size:  smaller;}
.text_xsmaller {font-size:x-small;}

/* スマホ時 */
@media screen and (max-width:900px) {
    .text10_sp {font-size:  10px;}
    .text11_sp {font-size:  11px;}
    .text12_sp {font-size:  12px;}
    .text13_sp {font-size:  13px;}
    .text14_sp {font-size:  14px;}
    .text15_sp {font-size:  15px;}
    .text16_sp {font-size:  16px;}
    .text17_sp {font-size:  17px;}
    .text18_sp {font-size:  18px;}
    .text19_sp {font-size:  19px;}
    .text20_sp {font-size:  20px;}
    .text21_sp {font-size:  21px;}
    .text22_sp {font-size:  22px;}
}


/* フォントウェイト */
.weight100   {
    font-weight:100;
}
.weight300   {
    font-weight:300;
}
.weight400   {
    font-weight:400;
} 
.weight500   {
    font-weight:500;
}
.weight600   {
    font-weight:600;
}
.weight700   {
    font-weight:700;
}
.weight900   {
    font-weight:900;
}

/* フォントノーマル */
.normal {font-weight:	normal;}


/* フォントイタリック */
.italic {font-style:     italic;}


/* フォントボールド */
.bold {font-weight:    bold;}


/* 取消線 */
.strike {text-decoration: line-through;}


/* フォントカラー */
.blue {color:       #02649c;}
.red {color:        #E60025;}
.white {color:      #FFFFFF;}
.gray {color:       #666666;}
.green {color:      #00924e;}





/* 左右フロート　汎用指定
-------------------------------------------------------------------------------------------------------- */
.floatL {float:    left;}
.floatR {float:   right;}

/* スマホ時　コンテンツ内フロート削除 */
@media screen and (max-width:900px) {
	#main .floatL,
	#main .floatR {
		float: none;
        width: 100%;
	}
}




/* カラム　マージン汎用指定
-------------------------------------------------------------------------------------------------------- */
.mLR_auto {
    margin-left: auto;
    margin-right: auto;
}

/* 下マージン */
.b0  {margin:         0px;}
.b01 {margin-bottom:  1px;}
.b04 {margin-bottom:  4px;}
.b05 {margin-bottom:  5px;}
.b10 {margin-bottom:  10px;}
.b15 {margin-bottom:  15px;}
.b20 {margin-bottom:  20px;}
.b25 {margin-bottom:  25px;}
.b30 {margin-bottom:  30px;}
.b35 {margin-bottom:  35px;}
.b40 {margin-bottom:  40px;}
.b45 {margin-bottom:  45px;}
.b50 {margin-bottom:  50px;}
.b55 {margin-bottom:  55px;}
.b60 {margin-bottom:  60px;}
.b70 {margin-bottom:  70px;}
.b80 {margin-bottom:  80px;}
.b90 {margin-bottom:  90px;}
.b100 {margin-bottom:  100px;}
.b105 {margin-bottom:  105px;}
.b110 {margin-bottom:  110px;}
.b115 {margin-bottom:  115px;}
.b120 {margin-bottom:  120px;}
.b125 {margin-bottom:  125px;}
.b130 {margin-bottom:  130px;}
.b135 {margin-bottom:  135px;}

/* スマホ表示時のみ、下マージン追加 */
@media screen and (max-width:900px) {
	.r-xs-b05 {margin:0 0 5px 0;}
	.r-xs-b10 {margin:0 0 10px 0;}
	.r-xs-b15 {margin:0 0 15px 0;}
	.r-xs-b16 {margin:0 0 16px 0;}
	.r-xs-b20 {margin:0 0 20px 0;}
	.r-xs-b25 {margin:0 0 25px 0;}
	.r-xs-b30 {margin:0 0 30px 0;}
	.r-xs-b40 {margin:0 0 40px 0;}
	.r-xs-b120 {margin:0 0 120px 0;}
}

/* 上マージン指定 */
.t02 {margin-top:     2px;}
.t05 {margin-top:     5px;}
.t10 {margin-top:     10px;}
.t15 {margin-top:     15px;}
.t20 {margin-top:     20px;}


/* 左マージン */
.l05p {margin-left:  5%;}
.l02 {margin-left:  2px;}
.l05 {margin-left:  5px;}
.l10 {margin-left:  10px;}
.l15 {margin-left:  15px;}
.l20 {margin-left:  20px;}
.l25 {margin-left:  25px;}
.l30 {margin-left:  30px;}
.l35 {margin-left:  35px;}
.l40 {margin-left:  40px;}
.l45 {margin-left:  45px;}
.l50 {margin-left:  50px;}
.l55 {margin-left:  55px;}
.l60 {margin-left:  60px;}
.l65 {margin-left:  65px;}
.l70 {margin-left:  70px;}
.l75 {margin-left:  75px;}
.l80 {margin-left:  80px;}


/* 右マージン */
.r05p {margin-right:  5%;}
.r05 {margin-right:  5px;}
.r10 {margin-right:  10px;}
.r15 {margin-right:  15px;}
.r20 {margin-right:  20px;}


/* ボックス　幅指定 */
.w40 {width:       40px;}
.w45 {width:       45px;}
.w50 {width:       50px;}
.w55 {width:       55px;}
.w60 {width:       60px;}
.w65 {width:       65px;}
.w70 {width:       70px;}
.w75 {width:       75px;}
.w80 {width:       80px;}
.w85 {width:       85px;}
.w90 {width:       90px;}
.w95 {width:       95px;}
.w100 {width:      100px;}
.w105 {width:      105px;}
.w110 {width:      110px;}
.w115 {width:      115px;}
.w120 {width:      120px;}
.w125 {width:      125px;}
.w130 {width:      130px;}
.w135 {width:      135px;}
.w140 {width:      140px;}
.w145 {width:      145px;}
.w150 {width:      150px;}
.w155 {width:      155px;}
.w160 {width:      160px;}
.w165 {width:      165px;}
.w170 {width:      170px;}
.w174 {width:      174px;}
.w175 {width:      175px;}
.w180 {width:      180px;}
.w185 {width:      185px;}
.w190 {width:      190px;}
.w195 {width:      195px;}
.w200 {width:      200px;}
.w205 {width:      205px;}
.w209 {width:      209px;}
.w210 {width:      210px;}
.w215 {width:      215px;}
.w216 {width:      216px;}
.w221 {width:      221px;}
.w222 {width:      222px;}
.w220 {width:      220px;}
.w225 {width:      225px;}
.w227 {width:      227px;}
.w228 {width:      228px;}
.w230 {width:      230px;}
.w235 {width:      235px;}
.w240 {width:      240px;}
.w245 {width:      245px;}
.w250 {width:      250px;}
.w255 {width:      255px;}
.w260 {width:      260px;}
.w265 {width:      265px;}
.w270 {width:      270px;}
.w273 {width:      273px;}
.w274 {width:      274px;}
.w275 {width:      275px;}
.w280 {width:      280px;}
.w285 {width:      285px;}
.w290 {width:      290px;}
.w295 {width:      295px;}
.w300 {width:      300px;}
.w305 {width:      305px;}
.w310 {width:      310px;}
.w311 {width:      311px;}
.w315 {width:      315px;}
.w320 {width:      320px;}
.w323 {width:      323px;}
.w325 {width:      325px;}
.w330 {width:      330px;}
.w335 {width:      335px;}
.w338 {width:      338px;}
.w340 {width:      340px;}
.w345 {width:      345px;}
.w350 {width:      350px;}
.w355 {width:      355px;}
.w360 {width:      360px;}
.w365 {width:      365px;}
.w370 {width:      370px;}
.w375 {width:      375px;}
.w380 {width:      380px;}
.w385 {width:      385px;}
.w390 {width:      390px;}
.w395 {width:      395px;}
.w400 {width:      400px;}
.w405 {width:      405px;}
.w410 {width:      410px;}
.w415 {width:      415px;}
.w420 {width:      420px;}
.w425 {width:      425px;}
.w430 {width:      430px;}
.w435 {width:      435px;}
.w440 {width:      440px;}
.w445 {width:      445px;}
.w450 {width:      450px;}
.w455 {width:      455px;}
.w460 {width:      460px;}
.w465 {width:      465px;}
.w470 {width:      470px;}
.w475 {width:      475px;}
.w480 {width:      480px;}
.w485 {width:      485px;}
.w490 {width:      490px;}
.w495 {width:      495px;}
.w500 {width:      500px;}
.w510 {width:      510px;}
.w515 {width:      515px;}
.w520 {width:      520px;}
.w530 {width:      530px;}
.w540 {width:      540px;}
.w550 {width:      550px;}
.w560 {width:      560px;}
.w570 {width:      570px;}
.w580 {width:      580px;}
.w590 {width:      590px;}
.w600 {width:      600px;}
.w610 {width:      610px;}
.w620 {width:      620px;}
.w630 {width:      630px;}
.w640 {width:      640px;}
.w650 {width:      650px;}
.w660 {width:      660px;}
.w670 {width:      670px;}
.w680 {width:      680px;}
.w690 {width:      690px;}
.w700 {width:      700px;}
.w710 {width:      710px;}
.w720 {width:      720px;}
.w730 {width:      730px;}
.w740 {width:      740px;}
.w750 {width:      750px;}
.w760 {width:      760px;}
.w770 {width:      770px;}
.w780 {width:      780px;}
.w790 {width:      790px;}
.w800 {width:      800px;}
.w810 {width:      810px;}
.w820 {width:      820px;}
.w830 {width:      830px;}
.w840 {width:      840px;}
.w850 {width:      850px;}
.w860 {width:      860px;}
.w870 {width:      870px;}
.w880 {width:      880px;}
.w890 {width:      890px;}
.w900 {width:      900px;}

.mw594 {max-width:      594px;}

.w10p { width:10%; height:auto; }
.w15p { width:15%; height:auto; }
.w20p { width:20%; height:auto; }
.w25p { width:25%; height:auto; }
.w30p { width:30%; height:auto; }
.w35p { width:35%; height:auto; }
.w38p { width:38%; height:auto; }
.w40p { width:40%; height:auto; }
.w45p { width:45%; height:auto; }
.w50p { width:50%; height:auto; }
.w55p { width:55%; height:auto; }
.w60p { width:60%; height:auto; }
.w65p { width:65%; height:auto; }
.w70p { width:70%; height:auto; }
.w75p { width:75%; height:auto; }
.w75p { width:75%; height:auto; }
.w80p { width:80%; height:auto; }
.w85p { width:85%; height:auto; }
.w90p { width:90%; height:auto; }
.w95p { width:95%; height:auto; }
.w100p { width:100%; height:auto; }

/* スマホ時のみ幅調整／上記w◯◯のあとに追加 */
@media screen and (max-width:900px) {
	.w10p_sp { width:10%; height:auto; }
	.w20p_sp { width:20%; height:auto; }
	.w30p_sp { width:30%; height:auto; }
	.w33p_sp { width:33%; height:auto; }
	.w40p_sp { width:40%; height:auto; }
	.w50p_sp { width:50%; height:auto; }
	.w60p_sp { width:60%; height:auto; }
	.w70p_sp { width:70%; height:auto; }
	.w75p_sp { width:75%; height:auto; }
	.w80p_sp { width:80%; height:auto; }
	.w90p_sp { width:90%; height:auto; }
	.w100p_sp { width:100%; height:auto; }
}





/* ボックス内　寄せ指定
-------------------------------------------------------------------------------------------------------- */
.alignC {text-align:  center;}
.alignR {text-align:  right;}
.alignL {text-align:  left;}





/* イメージ回り込み指定
-------------------------------------------------------------------------------------------------------- */

/* 右寄せ
----------------------------- */
.imgR {
	margin:   0px 0px 20px 20px;
	float:    right;
}


/* 左寄せ
----------------------------- */
.imgL {
	margin:   0px 20px 20px 0px;
	float:    left;
}





/* イメージ行揃え
-------------------------------------------------------------------------------------------------------- */

/* 中央
----------------------------- */
.valignM {vertical-align:  middle;}


/* 下
----------------------------- */
.valignB {vertical-align:  bottom;}




/* 768px以下で非表示
-------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	.min768 { display: none; }
}


/* br
-------------------------------------------------------------------------------------------------------- */

.br-xl { display: block; }/* 1200px以上で改行 */
.br-lg { display: block; }/* 992px以上で改行 */
.br-md { display: block; }/* 991px以下で改行 */
.br-768 { display: block; }/* 768px以下で改行 */
.br-sm { display: none; }/* 767px以下で改行 */
.br-xs { display: none; }
@media screen and (max-width: 1199px) {
	.br-xl { display: none; }
}
@media screen and (max-width: 991px) {
	.br-lg { display: none; }
}
@media screen and (max-width: 767px) {
	.br-md { display: none; }
	.br-sm { display: block; }
}
@media screen and (max-width: 768px) {
    .br-768  { display: none; }
}
@media screen and (max-width: 576px) {
	.br-xs { display: block; }
}

/* ●●px以上で改行 */
.br-min-1200,.br-min-992,.br-min-768,.br-min-577 { display: block; }
@media screen and (max-width: 1199px) {
	.br-min-1200 { display: none; }
}
@media screen and (max-width: 991px) {
	.br-min-992 { display: none; }
}
@media screen and (max-width: 767px) {
	.br-min-768 { display: none; }
}
@media screen and (max-width: 576px) {
	.br-min-577 { display: none; }
}

/* ●●px以下で改行 */
.br-max-1199,.br-max-991,.br-max-767,.br-max-576 { display: none; }
@media screen and (max-width: 1199px) {
	.br-max-1199 { display: block; }
}
@media screen and (max-width: 991px) {
	.br-max-991 { display: block; }
}
@media screen and (max-width: 767px) {
	.br-max-767 { display: block; }
}
@media screen and (max-width: 576px) {
	.br-max-576 { display: block; }
}