@charset "UTF-8";

/* common styles
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
@media screen and (max-width:1024px) {
  .spnone{display: none;}
}



/* float
----- ----- ----- ----- ----- */
.float{overflow: hidden;}
.float .left{float: left;}
.float .right{float: right;}
@media screen and (max-width: 820px) {
	.float .left{width:49%;}
	.float .right{width:49%;}
}/* @media */


/* display
----- ----- ----- ----- ----- */
.db{display:block !important;}
.di{display:inline !important;}
.dib{display:inline-block !important;}
.dt{display:table !important;}
.dtc{display:table-cell !important;}

/* display:flex */
.df{display:flex !important;}
.jcsb{justify-content:space-between !important;}
.fdc{flex-direction:column !important;}
.aic{align-items:center !important;}
.ais{align-items:stretch !important;}
.fww{flex-wrap:wrap !important;}


/* border
----- ----- ----- ----- ----- */
.bd0{border:0 !important;}
.bdb{border-bottom:1px solid #717171;}
.bdn{border: none !important;}
.imgBd{border: 1px solid #efefef;}



/* font & text
----- ----- ----- ----- ----- */
/* font-weight */
.fwb{font-weight:bold !important;}
.bold{font-weight:bold !important;}
.fw100{font-weight:100 !important;} /*100 Thin*/
.fw300{font-weight:300 !important;} /*300 Light*/
.fw400{font-weight:400 !important;} /*400 Regular*/
.fw500{font-weight:500 !important;} /*500 Medium*/
.fw700{font-weight:700 !important;} /*700 Bold*/
.fw900{font-weight:900 !important;} /*900 Black*/

/* font-size */
.fsz09{font-size:09px !important;}
.fsz10{font-size:10px !important;}
.fsz11{font-size:11px !important;}
.fsz12{font-size:12px !important;}
.fsz13{font-size:13px !important;}
.fsz14{font-size:14px !important;}
.fsz15{font-size:15px !important;}
.fsz16{font-size:16px !important;}
.fsz17{font-size:17px !important;}
.fsz18{font-size:18px !important;}
.fsz19{font-size:19px !important;}
.fsz20{font-size:20px !important;}
.fsz21{font-size:21px !important;}
.fsz22{font-size:22px !important;}
.fsz23{font-size:23px !important;}
.fsz24{font-size:24px !important;}
.fsz28{font-size:28px !important;}
.fsz32{font-size:32px !important;}
.fsz36{font-size:36px !important;}
.fsz40{font-size:40px !important;}
.fsz010{font-size:0.10rem !important;}
.fsz020{font-size:0.20rem !important;}
.fsz030{font-size:0.30rem !important;}
.fsz040{font-size:0.40rem !important;}
.fsz050{font-size:0.50rem !important;}
.fsz060{font-size:0.60rem !important;}
.fsz070{font-size:0.70rem !important;}
.fsz080{font-size:0.80rem !important;}
.fsz090{font-size:0.90rem !important;}
.fsz100{font-size:1.00rem !important;}
.fsz110{font-size:1.10rem !important;}
.fsz120{font-size:1.20rem !important;}
.fsz130{font-size:1.30rem !important;}
.fsz140{font-size:1.40rem !important;}
.fsz150{font-size:1.50rem !important;}
.fsz160{font-size:1.60rem !important;}
.fsz170{font-size:1.70rem !important;}
.fsz180{font-size:1.80rem !important;}
.fsz190{font-size:1.90rem !important;}
.fsz200{font-size:2.00rem !important;}

/* text-align */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}

/* color */
.cBlue{color:#14A7CC !important;}
.fcBlue1{color: #14A7CC;}
.fcRed{color: #BD0808;}
.fcGreen{color: #5CBD8A;}
.fcOrange{color: #F6B63E;}
.fcBlue2{color: #46ABEC;}
.fcGlay{color: #AAA;}

/* font & text other style */
strong{font-weight:bold !important;}
em{font-style:italic !important;}
.tul{text-decoration: underline;}
.tdu{text-decoration:underline !important;}
.tlt{text-decoration: line-through;}
.underline{text-decoration: underline !important;};}
.tdn{text-decoration:none !important;}
.indent{text-indent:1rem !important;}
.note{
	text-indent: -1em;
	padding-left: 1em;
}



/* padding & margin
----- ----- ----- ----- ----- */
.mg0a{margin:0 auto !important;}

/* padding-top */
.pt00{padding-top:0rem !important;}
.pt04{padding-top:0.4rem !important;}
.pt05{padding-top:0.5rem !important;}
.pt08{padding-top:0.8rem !important;}
.pt10{padding-top:1.0rem !important;}
.pt12{padding-top:1.2rem !important;}
.pt15{padding-top:1.5rem !important;}
.pt16{padding-top:1.6rem !important;}
.pt20{padding-top:2.0rem !important;}
.pt24{padding-top:2.4rem !important;}
.pt25{padding-top:2.5rem !important;}
.pt28{padding-top:2.8rem !important;}
.pt30{padding-top:3.0rem !important;}
.pt32{padding-top:3.2rem !important;}
.pt35{padding-top:3.5rem !important;}
.pt40{padding-top:4.0rem !important;}
.pt45{padding-top:4.5rem !important;}
.pt50{padding-top:5.0rem !important;}

/* padding-right */
.pr00{padding-right:0px !important;}
.pr04{padding-right:4px !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr12{padding-right:12px !important;}
.pr15{padding-right:15px !important;}
.pr16{padding-right:16px !important;}
.pr20{padding-right:20px !important;}
.pr24{padding-right:24px !important;}
.pr25{padding-right:25px !important;}
.pr28{padding-right:28px !important;}
.pr30{padding-right:30px !important;}
.pr32{padding-right:32px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/* padding-bottom */
.pb00{padding-bottom:0rem !important;}
.pb04{padding-bottom:0.4rem !important;}
.pb05{padding-bottom:0.5rem !important;}
.pb08{padding-bottom:0.8rem !important;}
.pb10{padding-bottom:1.0rem !important;}
.pb12{padding-bottom:1.2rem !important;}
.pb15{padding-bottom:1.5rem !important;}
.pb16{padding-bottom:1.6rem !important;}
.pb20{padding-bottom:2.0rem !important;}
.pb24{padding-bottom:2.4rem !important;}
.pb25{padding-bottom:2.5rem !important;}
.pb28{padding-bottom:2.8rem !important;}
.pb30{padding-bottom:3.0rem !important;}
.pb32{padding-bottom:3.2rem !important;}
.pb35{padding-bottom:3.5rem !important;}
.pb40{padding-bottom:4.0rem !important;}
.pb45{padding-bottom:4.5rem !important;}
.pb50{padding-bottom:5.0rem !important;}

/* padding-left */
.pl00{padding-left:0px !important;}
.pl04{padding-left:4px !important;}
.pl05{padding-left:05px !important;}
.pl08{padding-left:8px !important;}
.pl10{padding-left:10px !important;}
.pl12{padding-left:12px !important;}
.pl15{padding-left:15px !important;}
.pl16{padding-left:16px !important;}
.pl20{padding-left:20px !important;}
.pl24{padding-left:24px !important;}
.pl25{padding-left:25px !important;}
.pl28{padding-left:28px !important;}
.pl30{padding-left:30px !important;}
.pl32{padding-left:32px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* margin-top */
.mta{margin-top:auto !important;}
.mt00{margin-top:0rem !important;}
.mt04{margin-top:0.4rem !important;}
.mt05{margin-top:0.5rem !important;}
.mt08{margin-top:0.8rem !important;}
.mt10{margin-top:1.0rem !important;}
.mt12{margin-top:1.2rem !important;}
.mt15{margin-top:1.5rem !important;}
.mt16{margin-top:1.6rem !important;}
.mt20{margin-top:2.0rem !important;}
.mt24{margin-top:2.4rem !important;}
.mt25{margin-top:2.5rem !important;}
.mt28{margin-top:2.8rem !important;}
.mt30{margin-top:3.0rem !important;}
.mt32{margin-top:3.2rem !important;}
.mt35{margin-top:3.5rem !important;}
.mt40{margin-top:4.0rem !important;}
.mt45{margin-top:4.5rem !important;}
.mt50{margin-top:5.0rem !important;}

/* margin-right */
.mra{margin-right:auto !important;}
.mr00{margin-right:0px !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr12{margin-right:12px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr24{margin-right:24px !important;}
.mr25{margin-right:25px !important;}
.mr28{margin-right:28px !important;}
.mr30{margin-right:30px !important;}
.mr32{margin-right:32px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/* margin-bottom */
.mba{margin-bottom:auto !important;}
.mb0{margin-bottom:0px !important;}
.mb00{margin-bottom:0rem !important;}
.mb04{margin-bottom:0.4rem !important;}
.mb05{margin-bottom:0.5rem !important;}
.mb08{margin-bottom:0.8rem !important;}
.mb10{margin-bottom:1.0rem !important;}
.mb12{margin-bottom:1.2rem !important;}
.mb15{margin-bottom:1.5rem !important;}
.mb16{margin-bottom:1.6rem !important;}
.mb20{margin-bottom:2.0rem !important;}
.mb24{margin-bottom:2.4rem !important;}
.mb25{margin-bottom:2.5rem !important;}
.mb28{margin-bottom:2.8rem !important;}
.mb30{margin-bottom:3.0rem !important;}
.mb32{margin-bottom:3.2rem !important;}
.mb35{margin-bottom:3.5rem !important;}
.mb36{margin-bottom:3.6rem !important;}
.mb40{margin-bottom:4.0rem !important;}
.mb44{margin-bottom:4.4rem !important;}
.mb45{margin-bottom:4.5rem !important;}
.mb48{margin-bottom:4.8rem !important;}
.mb50{margin-bottom:5.0rem !important;}
.mb52{margin-bottom:5.2rem !important;}
.mb56{margin-bottom:5.6rem !important;}
.mb60{margin-bottom:6.0rem !important;}
.mb64{margin-bottom:6.4rem !important;}
.mb68{margin-bottom:6.8rem !important;}
.mb72{margin-bottom:7.2rem !important;}
.mb76{margin-bottom:7.6rem !important;}
.mb80{margin-bottom:8.0rem !important;}

/* margin-left */
.mla{margin-left:auto !important;}
.ml00{margin-left:0px !important;}
.ml04{margin-left:4px !important;}
.ml05{margin-left:5px !important;}
.ml08{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml20{margin-left:20px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml28{margin-left:28px !important;}
.ml30{margin-left:30px !important;}
.ml32{margin-left:32px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}

/* br
----- ----- ----- ----- ----- */
.pcNoBr{display:none !important;}
.tbNoBr{display:inline !important;}
.spNoBr{display:inline !important;}
.spbr{display:none !important;}
.br1024{display:none !important;}
@media screen and (max-width: 1024px) {
	.br1024{display: inline;}
}/* @media */
@media screen and (max-width: 820px) {
	.pcnobr{display:inline !important;}
	.tbnobr{display:none !important;}
	.pcNoBr{display:inline !important;}
	.tbNoBr{display:none !important;}
}/* @media */
@media screen and (max-width: 640px) {
	.spnobr{display:none !important;}
	.spbr{display:inline !important;}
	.spNoBr{display:none !important;}
}/* @media */

@media screen and (min-width:1024px) {
  br.sp{display: none;}
}

/* img style
----- ----- ----- ----- ----- */
.imgLayout2{
	display: flex;
	justify-content: center;
}
.imgLayout2c,
.imgLayout3c,
.imgLayout4c{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.imgLayout2c > *{width:50%;}
.imgLayout3c > *{width:33%;}
.imgLayout4c > *{width:25%;}

.imgLayout2c > * img,
.imgLayout3c > * img,
.imgLayout4c > * img{max-width:100%;}

@media screen and (max-width: 640px) {
	.imgLayout2,
	.imgLayout2c,
	.imgLayout3c,
	.imgLayout4c{
		display:block;
	}
	.imgLayout2c > *,
	.imgLayout3c > *,
	.imgLayout4c > *{width:100%;}
}/* @media */

/* list styles
----- ----- ----- ----- ----- */
ul.ul,
ol.ol{padding-left: 1.5rem}
ul.ul li{list-style-position: outside; list-style-type: circle;}
ol.ol li{list-style-position: outside; list-style-type: decimal;}
ul.disc li{list-style-position: outside; list-style-type: disc;}




/* other common styles
----- ----- ----- ----- ----- */
.ofh{overflow: hidden;}
.wsn{white-space:nowrap;}
.cb{clear: both;}






/* ----- ----- ----- ----- -----
 /hoge/index.php
----- ----- ----- ----- ----- */
@media screen and (max-width:1024px) { /* iPad landscape */
}/* @media */

@media screen and (max-width:820px) { /* iPad Air Portrait */
}/* @media */

@media screen and (max-width:768px) { /* iPad Portrait */
}/* @media */

@media screen and (max-width:640px) { /* SP */
}/* @media */