@charset "utf-8";
/* =========================================================
	GLOBAL RESET 
========================================================= */
/*@font-face{
	font-family:'Noto Sans JP';
	font-display:swap;
	src:url("../font/NotoSerifJP-Regular.otf"),
	src:url("../font/NotoSerifJP-Black.otf")
}

@font-face{
	font-family:'Noto Sans JP';
	font-display:swap;
	src:url("../font/NotoSansJP-Regular.otf"),
	src:url("../font/NotoSansJP-Black.otf")
}*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
border:0px;
outline:0px;
}

* html body {     
    background: url(null) fixed;
	
}  

html{
	font-size: 62.5%;
	color:#333;
	line-height:1.8;
	font-family: "Noto Sans JP";
}

ul{list-style-type: none; width:100%;}
ol li{
	margin:0 0 0 20px;
}
img {
	vertical-align:top;
/*
	pointer-events:none;
*/
}
h1,h2,h3,h4{
	font-weight:normal;
	line-height:1.4;
}
#contents p,
#contents li{ line-height:1.8!important; }

sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
  font-size:0.6em;
}

sub{
  vertical-align: baseline;
  position: relative;
  top: 0ex;
  font-size:0.6em;
}


/*================================================================
 * common style
================================================================*/
/*Define Body*/
body {
font-size: 10px;
font-size: 1.6rem;
text-align:left;

}

.bold{
	font-weight:700!important;
}

.small{
	font-size:0.8em;
}

.kome{
	text-indent:-1em;
	padding-left:1em;
}


/*Link
----------------------------------------------------------*/
a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {text-decoration:none;}
a:focus{outline:none;}
a img {text-decoration:none;}

a:hover img,
a:hover{
	opacity:0.70;
	filter: alpha(opacity=70);
}

a::before,
a::after {
  position: absolute;
  /*z-index: -1;*/
  display: block;
  content: '';
}
a,
a::before,
a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/*table
----------------------------------------------------------*/
.contents table{
	width:100%;
	border-collapse:collapse;
}


/*color
----------------------------------------------------------*/
.color_red{ color:#AB0F4E!important;}
.color_gray{ color:#999!important;}
.color_darkgray{ color:#333!important;}

/*layout&margin
----------------------------------------------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.vtop{vertical-align:top!important}
.vmid{vertical-align:middle!important}

.w2em{width:2em;}
.w3em{width:3em;}
.w4em{width:4em;}
.w5em{width:5em;}
.w6em{width:6em;}
.w7em{width:7em;}
.w8em{width:8em;}
.w9em{width:9em;}
.w10em{width:10em!important;}
.w12em{width:12em;}
.w14em{width:14em;}

.w10per{width:10%!important;}
.w20per{width:20%!important;}
.w30per{width:30%!important;}
.w40per{width:40%!important;}
.w50per{width:50%!important;}
.w60per{width:60%!important;}
.w70per{width:70%!important;}
.w80per{width:80%!important;}
.w90per{width:90%!important;}
.w100per{width:100%!important;}

.fbAuto{flex-basis:auto;}
.fb2em{flex-basis:2em;}
.fb3em{flex-basis:3em;}
.fb4em{flex-basis:4em;}
.fb5em{flex-basis:5em;}
.fb6em{flex-basis:6em;}
.fb7em{flex-basis:7em;}
.fb8em{flex-basis:8em;}
.fb9em{flex-basis:9em;}
.fb10em{flex-basis:10em;}
.fb12em{flex-basis:12em;}
.fb14em{flex-basis:14em;}

.ml0{margin-left:0px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}

.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}

.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}

.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb80{margin-bottom:80px!important;}
.mb100{margin-bottom:100px!important;}

.clear {clear:both!important;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


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

.w2em,
.w3em,
.w4em,
.w5em,
.w6em,
.w7em,
.w8em,
.w9em,
.w10em,
.w12em,
.w14em{width:100%!important;}

.w10per,
.w20per,
.w30per,
.w40per,
.w50per,
.w60per,
.w70per,
.w80per,
.w90per,
.w100per{width:100%!important;}

.fbAuto,
.fb2em,
.fb3em,
.fb4em,
.fb5em,
.fb6em,
.fb7em,
.fb8em,
.fb9em,
.fb10em,
.fb12em,
.fb14em{flex-basis:100%!important;}

.ml5{margin-left:1vw!important;}
.ml10{margin-left:2vw!important;}
.ml15{margin-left:3vw!important;}
.ml20{margin-left:4vw!important;}
.ml25{margin-left:5vw!important;}
.ml30{margin-left:6vw!important;}
.ml35{margin-left:7vw!important;}
.ml40{margin-left:8vw!important;}
.ml45{margin-left:9vw!important;}
.ml50{margin-left:10vw!important;}
.ml60{margin-left:12vw!important;}
.ml70{margin-left:14vw!important;}

.mr5{margin-right:1vw!important;}
.mr10{margin-right:2vw!important;}
.mr15{margin-right:3vw!important;}
.mr20{margin-right:4vw!important;}
.mr25{margin-right:5vw!important;}
.mr30{margin-right:6vw!important;}
.mr35{margin-right:7vw!important;}
.mr40{margin-right:8vw!important;}
.mr45{margin-right:9vw!important;}
.mr50{margin-right:10vw!important;}

.mt5{margin-top:1vw!important;}
.mt10{margin-top:2vw!important;}
.mt15{margin-top:3vw!important;}
.mt20{margin-top:4vw!important;}
.mt25{margin-top:5vw!important;}
.mt30{margin-top:6vw!important;}
.mt35{margin-top:7vw!important;}
.mt40{margin-top:8vw!important;}
.mt45{margin-top:9vw!important;}
.mt50{margin-top:10vw!important;}
.mt60{margin-top:12vw!important;}

.mb0{margin-bottom:0vw!important;}
.mb5{margin-bottom:1vw!important;}
.mb10{margin-bottom:2vw!important;}
.mb15{margin-bottom:3vw!important;}
.mb20{margin-bottom:4vw!important;}
.mb25{margin-bottom:5vw!important;}
.mb30{margin-bottom:6vw!important;}
.mb35{margin-bottom:7vw!important;}
.mb40{margin-bottom:8vw!important;}
.mb45{margin-bottom:9vw!important;}
.mb50{margin-bottom:10vw!important;}
.mb60{margin-bottom:12vw!important;}
.mb80{margin-bottom:16vw!important;}
.mb100{margin-bottom:20vw!important;}

}