/*いじらない！触らない！追加可（名称注意*/
html{
  font-family: sans-serif;
	font-size: 1vw;
}

p,h1,h2,h3,h4,h5,h6,ul,li,table,dl {
	letter-spacing: 0.2em;
	/*line-height: 200%;*/
  font-family: sans-serif;
	    font-size: above;
}
a {
	letter-spacing: 0.2em;
	
transition: color 1.0s ease 0s;
  font-family: sans-serif;
}
a:hover { text-decoration: none; }
.maxwidth{
    max-width: 100%;
}
html { font-size: large; }
/* 上 */
html:before {
  height: 2%; 
  width: 100vw;
  left: 0;
  top: 0;
}

/* 右 */
html:after {
 width: 10px;
  height: 100vh;
  right: 0;
  top: 0;
}
/* 左 */
body:after {
 width: 10px;
  height: 100vh;
  top: 0;
  left: 0;
}

/* 下 */
body:before {
  height: 10px;
  width: 100vw;
  bottom: 0;
  left: 0;
}
.w10{
	width:10%;
}
.w10s{
	width:10%;
}
.mb20{
	margin-bottom: 20px;
}
.mb40{
	margin-bottom: 40px;
}
.mb60{
	margin-bottom: 60px;
}
.mb80{
	margin-bottom: 80px;
}
.mb100{
	margin-bottom: 100%;
}
.mb120{
	margin-bottom: 120px;
}
.w70s{
	width:70%;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.ffright{
	float: left;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.br-sp{
	display:none;
		}
.br-pc{
	display:block;
		}
.w1000{
	max-width: 1000px;
}
.w10{
	width: 10%;
}
.w20{
	width: 20%;
}
.w30{
	width: 30%;
}
.bannertopsize{
	width:45%;
	padding:2%;
}
.w33{
width:29%;
padding:2%}
.w33s{
	width:29%;
	padding:2%
}
.w40{
	width: 40%;
}
.w45{
	width:45%;
}
.w50{
	width: 50%;
}
.w60{
	width: 60%;
}
.w70{
	width: 70%;
}
.w80{
	width: 80%;
}
.w90{
	width: 90%;
}
.w100{
	width: 100%;
}
.wd10{
	width: 10%;
}
.wd20{
	width: 20%;
}
.wd30{
	width: 30%;
}
.wd40{
	width: 40%;
}
.wd50{
	width: 50%;
}
.wd60{
	width: 60%;
}
.wd70{
	width: 70%;
}
.wd80{
	width: 80%;
}
.wd90{
	width: 90%;
}
.wd100{
	width: 100%;
}
.w80s {
	width: 80%;
    background-color: white;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.pconly{
	display: block;
}
.sponly{
	display:none;
}
	.side{
		float: left;
	}
	.sider{
		float: right;
	}
.menusize {
    padding: 1%;
}
@media screen and (max-width: 1105px){
	.w42{
	width:100%;
}
	.w10{
		width:15%;
	}
		.w51 {
			width: 80%;}}
@media screen and (max-width: 700px){
	.bannertopsize{
	width:90%;
	padding:2%;
}
	html {
 font-size: 2.6vw;
}
.br-sp{
	display:block;
		}
.br-pc{
	display:none;
	}
.sponly{
	display:block;
}
.pconly{
	display:none;
	}
	.side{
		float: none;
	}
	.sider{
		float: none;
	}
	.ffright{
	float: right;
}
.w10{
	width: 90%;
}
	.w10s{
	width:40%;
}
.w20{
	width: 90%;
}
.w30{
	width: 90%;
}	
.w33s
	{width:90%;
}
.w40{
	width: 90%;
}
	.w45{
	width:100%;
}
.w50{
	width: 100%;
}
.w60{
	width: 90%;
}
.w70{
	width: 90%;
}
.w80{
	width: 90%;
}
.w90{
	width: 90%;
}
.w100{
	width: 100%;
}
.wd10{
	width: 100%;
}
.wd20{
	width: 100%;
}
.wd30{
	width: 100%;
}
.wd40{
	width: 100%;
}
	.w40s{
	width: 100%;
}

.wd50{
	width: 100%;
}
.wd60{
	width: 100%;
}
.wd70{
	width: 100%;
}
.wd80{
	width: 100%;
}
.wd90{
	width: 100%;
}
.wd100{
	width: 100%;
}
	.w20s {
    width: 146%;
}
	.w70s{
	width:100%;
}
	.w80s {
	width: 100%;
    background-color: white;
	margin-left: -4px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	}
	p,h1,h2,h3,h4,h5,h6,ul,li,table,dl {
	letter-spacing: 0.2em;
	line-height: 200%;
	/* font-family: sans-serif;
	font-size: medium; */
	}
	.header-position {
		position: absolute;
		left: 0;
		top: 0;
		height: 30px;
		padding: 0;
		margin: 0;
		z-index: 1;
		background-image: linear-gradient(-225deg, #70A1F7 0%, #6FCEDA 100%);
		margin-top: -16px;
	}
	.header-fix {
		width: 100%;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #FFF;
		transform: translate3d(0, 0, 0);
	}
}