/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
  font-size: 62.5%;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

body {
	height:100%;
	margin: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 10px;
	font-size: 1.2vw;
	text-align:left;
	color: #333;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
	overflow-x:hidden;
}

img{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}

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

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

.small{
	font-size:0.8em;
}

.large{
	font-size:1.2em;
}

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

.color_red{
	color:#D24A39!important;
}


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

a:hover /*img.link_img*/{
opacity:0.70;
filter: alpha(opacity=70);
}


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


/*layout&margin
----------------------------------------------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.f_left{float:left!important;}
.f_right{float: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;}

.w48per{width:48%!important;}

.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;}

.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;}
.mb120{margin-bottom:120px!important;}
 
.p5{padding:5px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.p25{padding:25px!important;}
.p30{padding:30px!important;}
.p35{padding:35px!important;}
.p40{padding:40px!important;}
.p45{padding:45px!important;}
.p50{padding:50px!important;}
 
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt50{padding-top:50px!important;}
.pt100{padding-top:150px!important;}

.pb0{padding-bottom:0px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb50{padding-bottom:50px!important;}

.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!important;}
 
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;}

.fontSize10{font-size:10px!important;}
.fontSize14{font-size:14px!important;}
.fontSize16{font-size:16px!important;}
.fontSize18{font-size:18px!important;}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


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

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

.w48per{width:100%!important;}

.ml0,
.ml5,
.ml10,
.ml15,
.ml20,
.ml25,
.ml30,
.ml35,
.ml40,
.ml45,
.ml50,
.ml60,
.ml70{margin-left:0!important;}

.mr5,
.mr10,
.mr15,
.mr20,
.mr25,
.mr30,
.mr35,
.mr40,
.mr45,
.mr50{margin-right:0!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:10vw!important;}
.mb80{margin-bottom:10vw!important;}
.mb100{margin-bottom:20vw!important;}
.mb120{margin-bottom:24vw!important;}

/*.pl5,
.pl10,
.pl15,
.pl20,
.pl25,
.pl30,
.pl35,
.pl40,
.pl45,
.pl50{padding-left:0!important;}*/
 
.pr5,
.pr10,
.pr15,
.pr20,
.pr25,
.pr30,
.pr35,
.pr40,
.pr45,
.pr50{padding-right:0!important;}

}