@charset "UTF-8";

/* CSSリセット
================================================*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
img,ins,kbd,q,s,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,figure {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-weight: normal;background: transparent;list-style: none;
}
img{vertical-align:top;}
html {scroll-behavior: smooth;}

.mt0 {margin-top: 0;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt150 {margin-top: 150px !important;}

.mb0 {margin-bottom: 0;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml300 {margin-left: 300px;}

.pt0 {padding-top: 0;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}

.pb0 {padding-bottom: 0;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb100 {padding-bottom: 100px !important;}

.pl300 {padding-left: 300px;}

.ptb30 {padding: 30px 0;}
.ptb50 {padding: 50px 0;}
.ptb100 {padding: 100px 0;}

.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}

.w70 {width: 70%;margin: 0 auto;}

.fz12 {font-size: 12px !important;}
.fz13 {font-size: 13px !important;}
.fz14 {font-size: 14px !important;}
.fz15 {font-size: 15px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}
.fz22 {font-size: 22px !important;}
.fz24 {font-size: 24px !important;}
.fz26 {font-size: 26px !important;}
.fz28 {font-size: 28px !important;}

.bold {font-weight: 600;}

.lh15 {line-height: 1.5rem;}
.lh18 {line-height: 1.8rem;}
.lh20 {line-height: 2rem;}
.lh25 {line-height: 2.5rem;}

.tategaki {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
}
/*--文字色--*/
.white {color: #fff;}
.red {color: red;}
.blue {color: blue;}

.sp {display: none;}
	@media screen and (max-width: 767px) {
	.sp {display: inline-block; }
	}
.tab {display: block;}
	@media screen and (max-width: 1200px) {
		.tab {display: none; }
		}

.pc {display: inline-block;}
	@media screen and (max-width: 767px) {
	.pc {display: none;}
	}

@media screen and (max-width: 767px) {

.mt100 {margin-top: 50px !important;}
.mb50 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 40px !important;}
.mb70 {margin-bottom: 40px !important;}
.mb80 {margin-bottom: 50px !important;}
.mb90 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 50px !important;}

.pt100 {padding-top: 30px !important;}

.lh18 {line-height: 1.8rem;}
.lh20 {line-height: 1.8rem;}
.lh25 {line-height: 1.8rem;}

.ptb30 {padding: 10px 0;}
.ptb50 {padding: 10px 0;}
.ptb100 {padding: 30px 0;}

}