/* reset
------------------------------------------------------------------------------------ */
* {
	box-sizing: border-box;
}

img { border: none; }
dl, dd { margin: 0; }
label:hover { cursor: default; }
table, table tr, table td, p, ul, input {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
h1 { margin-top: 0; }

#wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
@media (max-width:767px) {
	img{
		width:100%;
		height:auto;
	}
}

/* none
------------------------------------------------------------------------------------ */
.pc_none{
display: none;
}
.sp_none{
display: block;
}

@media (max-width:767px){
	.pc_none{
    	display: block;
    }
    .sp_none{
    	display: none;
    }

}

/* align
------------------------------------------------------------------------------------ */
.align_left { text-align: left!important; }
.align_right { text-align: right!important; }
.align_center { text-align: center!important; }
.valign_top { vertical-align: top!important; }
.valign_middle { vertical-align: middle!important; }
.valign_bottom { vertical-align: bottom!important; }

/* font
------------------------------------------------------------------------------------ */
.font-b { font-weight: bold!important; }
.font-normal { font-weight: normal!important; }
.size-x-small { font-size: x-small!important; }
.size-xx-small { font-size: xx-small!important; }
.size-medium { font-size: medium!important; }
.size-large { font-size: large!important; }
.size-x-large { font-size: x-large!important; }
.size-xx-large { font-size: xx-large!important; }
.size-08 { font-size: 0.8em!important; }
.size-09 { font-size: 0.9em!important; }
.size-1 { font-size: 1em!important; }
.size-11 { font-size: 1.1em!important; }
.size-12 { font-size: 1.2em!important; }
.font_red { color: #ff3300!important; }
.font_white { color: #fff!important; }
.font_blue { color: #0e55a4!important; }
.font_orange { color: #f16f0e!important; }
.font_big { font-size: 1.2em!important; }
.txtred { color: #CC0000!important; }
.pdf_mb {
	color: #333!important;
	text-decoration: none!important;
	float: left;
}
.nowrap { white-space: nowrap!important; }
.letter-fix { letter-spacing: -0.1em!important; }
.text-justify {
	text-align: justify;
	text-justify: distribute;
}

/* background
------------------------------------------------------------------------------------ */
.backColor-darkBlue {
	background-color: #36549C;
	color: #fff;
}
.backColor-lightBlue {
    color:#000000;
    background-color:#E8E9F7;
}
.backColor-transparent {
    background-color:transparent
}

/* border
------------------------------------------------------------------------------------ */
.borderbox-bk{
	border: #000000 solid 1px;
}
.borderbox-gry{
	border: #E8E9F7 solid 1px;
}

/* float
------------------------------------------------------------------------------------ */
.f_right { float: right; }
.f_left { float: left; }
.f_none { float: none!important; }

/* width
------------------------------------------------------------------------------------ */
.w10 { width: 10px!important; }
.w20 { width: 20px!important; }
.w30 { width: 30px!important; }
.w40 { width: 40px!important; }
.w50 { width: 50px!important; }
.w60 { width: 60px!important; }
.w70 { width: 70px!important; }
.w80 { width: 80px!important; }
.w90 { width: 90px!important; }
.w95 { width: 95px!important; }
.w100 { width: 100px!important; }
.w110 { width: 110px!important; }
.w120 { width: 120px!important; }
.w125 { width: 125px!important; }
.w128 { width: 128px!important; }
.w130 { width: 130px!important; }
.w135 { width: 135px!important; }
.w140 { width: 140px!important; }
.w150 { width: 150px!important; }
.w160 { width: 160px!important; }
.w164 { width: 164px!important; }
.w166 { width: 166px!important; }
.w170 { width: 170px!important; }
.w173 { width: 173px!important; }
.w174 { width: 174px!important; }
.w175 { width: 175px!important; }
.w176 { width: 176px!important; }
.w180 { width: 180px!important; }
.w190 { width: 190px!important; }
.w195 { width: 195px!important; }
.w200 { width: 200px!important; }
.w205 { width: 205px!important; }
.w210 { width: 210px!important; }
.w215 { width: 215px!important; }
.w220 { width: 220px!important; }
.w223 { width: 223px!important; }
.w224 { width: 224px!important; }
.w225 { width: 225px!important; }
.w228 { width: 228px!important; }
.w230 { width: 230px!important; }
.w233 { width: 233px!important; }
.w234 { width: 234px!important; }
.w235 { width: 235px!important; }
.w240 { width: 240px!important; }
.w245 { width: 245px!important; }
.w250 { width: 250px!important; }
.w253 { width: 253px!important; }
.w255 { width: 255px!important; }
.w260 { width: 260px!important; }
.w265 { width: 265px!important; }
.w270 { width: 270px!important; }
.w275 { width: 275px!important; }
.w280 { width: 280px!important; }
.w285 { width: 285px!important; }
.w290 { width: 290px!important; }
.w295 { width: 295px!important; }
.w297 { width: 297px!important; }
.w298 { width: 298px!important; }
.w300 { width: 300px!important; }
.w303 { width: 303px!important; }
.w305 { width: 305px!important; }
.w308 { width: 308px!important; }
.w310 { width: 310px!important; }
.w315 { width: 315px!important; }
.w320 { width: 320px!important; }
.w325 { width: 325px!important; }
.w330 { width: 330px!important; }
.w335 { width: 335px!important; }
.w340 { width: 340px!important; }
.w344 { width: 344px!important; }
.w345 { width: 345px!important; }
.w346 { width: 346px!important; }
.w350 { width: 350px!important; }
.w355 { width: 355px!important; }
.w360 { width: 360px!important; }
.w365 { width: 365px!important; }
.w370 { width: 370px!important; }
.w375 { width: 375px!important; }
.w380 { width: 380px!important; }
.w382 { width: 382px!important; }
.w383 { width: 383px!important; }
.w385 { width: 385px!important; }
.w390 { width: 390px!important; }
.w395 { width: 395px!important; }
.w400 { width: 400px!important; }
.w405 { width: 405px!important; }
.w410 { width: 410px!important; }
.w415 { width: 415px!important; }
.w417 { width: 417px!important; }
.w420 { width: 420px!important; }
.w425 { width: 425px!important; }
.w430 { width: 430px!important; }
.w440 { width: 440px!important; }
.w447 { width: 447px!important; }
.w445 { width: 445px!important; }
.w450 { width: 450px!important; }
.w455 { width: 455px!important; }
.w457 { width: 457px!important; }
.w460 { width: 460px!important; }
.w461 { width: 461px!important; }
.w465 { width: 465px!important; }
.w470 { width: 470px!important; }
.w475 { width: 475px!important; }
.w480 { width: 480px!important; }
.w485 { width: 485px!important; }
.w490 { width: 490px!important; }
.w495 { width: 495px!important; }
.w700 { width: 500px!important; }
.w500 { width: 500px!important; }
.w505 { width: 505px!important; }
.w510 { width: 510px!important; }
.w515 { width: 515px!important; }
.w518 { width: 518px!important; }
.w520 { width: 520px!important; }
.w525 { width: 525px!important; }
.w530 { width: 530px!important; }
.w534 { width: 534px!important; }
.w535 { width: 535px!important; }
.w540 { width: 540px!important; }
.w545 { width: 545px!important; }
.w550 { width: 550px!important; }
.w555 { width: 555px!important; }
.w560 { width: 560px!important; }
.w565 { width: 565px!important; }
.w570 { width: 570px!important; }
.w575 { width: 575px!important; }
.w580 { width: 580px!important; }
.w585 { width: 585px!important; }
.w590 { width: 590px!important; }
.w595 { width: 595px!important; }
.w600 { width: 600px!important; }
.w605 { width: 605px!important; }
.w610 { width: 610px!important; }
.w615 { width: 615px!important; }
.w620 { width: 620px!important; }
.w625 { width: 625px!important; }
.w630 { width: 630px!important; }
.w635 { width: 635px!important; }
.w640 { width: 640px!important; }
.w645 { width: 645px!important; }
.w650 { width: 650px!important; }
.w655 { width: 655px!important; }
.w660 { width: 660px!important; }
.w662 { width: 662px!important; }
.w665 { width: 665px!important; }
.w670 { width: 670px!important; }
.w673 { width: 673px!important; }
.w675 { width: 675px!important; }
.w678 { width: 678px!important; }
.w680 { width: 680px!important; }
.w685 { width: 685px!important; }
.w690 { width: 690px!important; }
.w695 { width: 695px!important; }
.w700 { width: 700px!important; }
.w710 { width: 710px!important; }
.w720 { width: 720px!important; }
.w730 { width: 730px!important; }
.w740 { width: 740px!important; }
.w750 { width: 750px!important; }
.w760 { width: 760px!important; }
.w770 { width: 770px!important; }
.w780 { width: 780px!important; }
.w790 { width: 790px!important; }
.w800 { width: 800px!important; }

@media (max-width:767px) {
	/* .w60, .w70, .w80, .w90, .w95, .w100, */
	.w110, .w120, .w125, .w128, .w130, .w135, .w140, .w150, .w160, .w164,.w166, .w170, .w173, .w174, .w175, .w176, .w180, .w190, .w195,
	.w200, .w205, .w210, .w215, .w220, .w223, .w224, .w225, .w228, .w230, .w233, .w234,
	.w235, .w240, .w245, .w250, .w253, .w255, .w260, .w265, .w270, .w275, .w280, .w285, .w290, .w295, .w297, .w298,
	.w300, .w303, .w305, .w308, .w310, .w315, .w320, .w325, .w330, .w335, .w340, .w344, .w345, .w346, .w350, .w355, .w360, .w365, .w370, .w375, .w380, .w382, .w383, .w385, .w390, .w395,
	.w400, .w405, .w410, .w415, .w417, .w420, .w425, .w430, .w440, .w447, .w445, .w450, .w455, .w457, .w460, .w461, .w465, .w470, .w475, .w480, .w485, .w490, .w495,
	.w500, .w505, .w510, .w515, .w518, .w520, .w525, .w530, .w534, .w535, .w540, .w545, .w550, .w555, .w560, .w565, .w570, .w575, .w580, .w585, .w590, .w595,
	.w600, .w605, .w610, .w615, .w620, .w625, .w630, .w635, .w640, .w645, .w650, .w655, .w660, .w662, .w665, .w670, .w673, .w675, .w678, .w680, .w685, .w690, .w695,
	.w700, .w710, .w720, .w730, .w740, .w750, .w760, .w770, .w780, .w790,
	.w800 {
		width: 100% !important;
	}
}

/* --- margin-both--- */
.marginAuto { margin: 0 auto; }
/* --- margin-top--- */
.margin-t0 { margin-top: 0!important; }
.margin-t1 { margin-top: 1px!important; }
.margin-t2 { margin-top: 2px!important; }
.margin-t3 { margin-top: 3px!important; }
.margin-t4 { margin-top: 4px!important; }
.margin-t5 { margin-top: 5px!important; }
.margin-t6 { margin-top: 6px!important; }
.margin-t7 { margin-top: 7px!important; }
.margin-t8 { margin-top: 8px!important; }
.margin-t9 { margin-top: 9px!important; }
.margin-t10 { margin-top: 10px!important; }
.margin-t15 { margin-top: 15px!important; }
.margin-t20 { margin-top: 20px!important; }
.margin-t25 { margin-top: 25px!important; }
.margin-t30 { margin-top: 30px!important; }
.margin-t35 { margin-top: 35px!important; }
.margin-t40 { margin-top: 40px!important; }
.margin-t45 { margin-top: 45px!important; }
.margin-t50 { margin-top: 50px!important; }
/* --- margin-right--- */
.margin-r0 { margin-right: 0!important; }
.margin-r1 { margin-right: 1px!important; }
.margin-r2 { margin-right: 2px!important; }
.margin-r3 { margin-right: 3px!important; }
.margin-r4 { margin-right: 4px!important; }
.margin-r5 { margin-right: 5px!important; }
.margin-r6 { margin-right: 6px!important; }
.margin-r7 { margin-right: 7px!important; }
.margin-r8 { margin-right: 8px!important; }
.margin-r9 { margin-right: 9px!important; }
.margin-r10 { margin-right: 10px!important; }
.margin-r11 { margin-right: 11px!important; }
.margin-r12 { margin-right: 12px!important; }
.margin-r13 { margin-right: 13px!important; }
.margin-r14 { margin-right: 14px!important; }
.margin-r15 { margin-right: 15px!important; }
.margin-r18 { margin-right: 18px!important; }
.margin-r19 { margin-right: 19px!important; }
.margin-r20 { margin-right: 20px!important; }
.margin-r23 { margin-right: 23px!important; }
.margin-r24 { margin-right: 24px!important; }
.margin-r25 { margin-right: 25px!important; }
.margin-r29 { margin-right: 29px!important; }
.margin-r30 { margin-right: 30px!important; }
.margin-r35 { margin-right: 35px!important; }
.margin-r40 { margin-right: 40px!important; }
.margin-r45 { margin-right: 45px!important; }
.margin-r50 { margin-right: 50px!important; }
.margin-r55 { margin-right: 55px!important; }
.margin-r140 { margin-right: 140px!important; }
/* --- margin-bottom--- */
.margin-b0 { margin-bottom: 0!important; }
.margin-b1 { margin-bottom: 1px!important; }
.margin-b2 { margin-bottom: 2px!important; }
.margin-b3 { margin-bottom: 3px!important; }
.margin-b4 { margin-bottom: 4px!important; }
.margin-b5 { margin-bottom: 5px!important; }
.margin-b6 { margin-bottom: 6px!important; }
.margin-b7 { margin-bottom: 7px!important; }
.margin-b8 { margin-bottom: 8px!important; }
.margin-b9 { margin-bottom: 9px!important; }
.margin-b10 { margin-bottom: 10px!important; }
.margin-b12 { margin-bottom: 12px!important; }
.margin-b14 { margin-bottom: 14px!important; }
.margin-b15 { margin-bottom: 15px!important; }
.margin-b20 { margin-bottom: 20px!important; }
.margin-b23 { margin-bottom: 20px!important; }
.margin-b25 { margin-bottom: 25px!important; }
.margin-b27 { margin-bottom: 27px!important; }
.margin-b30 { margin-bottom: 30px!important; }
.margin-b35 { margin-bottom: 35px!important; }
.margin-b40 { margin-bottom: 40px!important; }
.margin-b45 { margin-bottom: 45px!important; }
.margin-b50 { margin-bottom: 50px!important; }
.margin-b60 { margin-bottom: 60px!important; }
.margin-b70 { margin-bottom: 70px!important; }
/* --- margin-left--- */
.margin-l0 { margin-left: 0!important; }
.margin-l1 { margin-left: 1px!important; }
.margin-l2 { margin-left: 2px!important; }
.margin-l3 { margin-left: 3px!important; }
.margin-l4 { margin-left: 4px!important; }
.margin-l5 { margin-left: 5px!important; }
.margin-l6 { margin-left: 6px!important; }
.margin-l7 { margin-left: 7px!important; }
.margin-l8 { margin-left: 8px!important; }
.margin-l9 { margin-left: 9px!important; }
.margin-l10 { margin-left: 10px!important; }
.margin-l11 { margin-left: 11px!important; }
.margin-l12 { margin-left: 12px!important; }
.margin-l13 { margin-left: 13px!important; }
.margin-l14 { margin-left: 14px!important; }
.margin-l15 { margin-left: 15px!important; }
.margin-l20 { margin-left: 20px!important; }
.margin-l25 { margin-left: 25px!important; }
.margin-l29 { margin-left: 29px!important; }
.margin-l30 { margin-left: 30px!important; }
.margin-l35 { margin-left: 35px!important; }
.margin-l40 { margin-left: 40px!important; }
.margin-l45 { margin-left: 45px!important; }
.margin-l50 { margin-left: 50px!important; }

/* -----------padding-top------------- */
.padding-t0 { padding-top: 0!important; }
.padding-t1 { padding-top: 1px!important; }
.padding-t2 { padding-top: 2px!important; }
.padding-t3 { padding-top: 3px!important; }
.padding-t4 { padding-top: 4px!important; }
.padding-t5 { padding-top: 5px!important; }
.padding-t6 { padding-top: 6px!important; }
.padding-t7 { padding-top: 7px!important; }
.padding-t8 { padding-top: 8px!important; }
.padding-t9 { padding-top: 9px!important; }
.padding-t10 { padding-top: 10px!important; }
.padding-t15 { padding-top: 15px!important; }
.padding-t20 { padding-top: 20px!important; }
.padding-t25 { padding-top: 25px!important; }
.padding-t30 { padding-top: 30px!important; }
.padding-t35 { padding-top: 35px!important; }
.padding-t40 { padding-top: 40px!important; }
.padding-t45 { padding-top: 45px!important; }
.padding-t50 { padding-top: 50px!important; }
/* -----------padding-right------------- */
.padding-r0 { padding-right: 0!important; }
.padding-r1 { padding-right: 1px!important; }
.padding-r2 { padding-right: 2px!important; }
.padding-r3 { padding-right: 3px!important; }
.padding-r4 { padding-right: 4px!important; }
.padding-r5 { padding-right: 5px!important; }
.padding-r6 { padding-right: 6px!important; }
.padding-r7 { padding-right: 7px!important; }
.padding-r8 { padding-right: 8px!important; }
.padding-r9 { padding-right: 9px!important; }
.padding-r10 { padding-right: 10px!important; }
.padding-r15 { padding-right: 15px!important; }
.padding-r20 { padding-right: 20px!important; }
.padding-r24 { padding-right: 24px!important; }
.padding-r25 { padding-right: 25px!important; }
.padding-r29 { padding-right: 29px!important; }
.padding-r30 { padding-right: 30px!important; }
.padding-r35 { padding-right: 35px!important; }
.padding-r40 { padding-right: 40px!important; }
.padding-r45 { padding-right: 45px!important; }
.padding-r50 { padding-right: 50px!important; }
/* -----------padding-bottom------------- */
.padding-b0 { padding-bottom: 0!important; }
.padding-b1 { padding-bottom: 1px!important; }
.padding-b2 { padding-bottom: 2px!important; }
.padding-b3 { padding-bottom: 3px!important; }
.padding-b4 { padding-bottom: 4px!important; }
.padding-b5 { padding-bottom: 5px!important; }
.padding-b6 { padding-bottom: 6px!important; }
.padding-b7 { padding-bottom: 7px!important; }
.padding-b8 { padding-bottom: 8px!important; }
.padding-b9 { padding-bottom: 9px!important; }
.padding-b10 { padding-bottom: 10px!important; }
.padding-b15 { padding-bottom: 15px!important; }
.padding-b20 { padding-bottom: 20px!important; }
.padding-b25 { padding-bottom: 25px!important; }
.padding-b30 { padding-bottom: 30px!important; }
.padding-b35 { padding-bottom: 35px!important; }
.padding-b40 { padding-bottom: 40px!important; }
.padding-b45 { padding-bottom: 45px!important; }
.padding-b50 { padding-bottom: 50px!important; }
/* -----------padding-left------------- */
.padding-l0 { padding-left: 0!important; }
.padding-l1 { padding-left: 1px!important; }
.padding-l2 { padding-left: 2px!important; }
.padding-l3 { padding-left: 3px!important; }
.padding-l4 { padding-left: 4px!important; }
.padding-l5 { padding-left: 5px!important; }
.padding-l6 { padding-left: 6px!important; }
.padding-l7 { padding-left: 7px!important; }
.padding-l8 { padding-left: 8px!important; }
.padding-l9 { padding-left: 9px!important; }
.padding-l10 { padding-left: 10px!important; }
.padding-l15 { padding-left: 15px!important; }
.padding-l20 { padding-left: 20px!important; }
.padding-l24 { padding-left: 24px!important; }
.padding-l25 { padding-left: 25px!important; }
.padding-l30 { padding-left: 30px!important; }
.padding-l35 { padding-left: 35px!important; }
.padding-l40 { padding-left: 40px!important; }
.padding-l45 { padding-left: 45px!important; }
.padding-l50 { padding-left: 50px!important; }
.padding-0 { padding: 0px!important; }
.padding-2 { padding: 2px!important; }
.padding-tb0 {
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}
.padding-lr0 {
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.padding-lr10 {
	padding-left: 10px!important;
	padding-right: 10px!important;
}
.padding5-10 { padding: 5px 10px; }
.padding-l1h { padding-left: 0.5em!important; }
.padding-r1h { padding-right: 0.5em!important; }
.padding-10 { padding: 10px!important; }
.padding-15 { padding: 15px!important; }

/* etc
------------------------------------------------------------------------------------ */
.hide { display:none; }
 /* 日本語入力（全角）ONにする */
.imeZen { ime-mode: active !important; }
 /* 日本語入力（半角）OFFにする */
.imeHan { ime-mode: inactive !important; }