/* CSS Document */

html{
	line-height: 100%;
	-webkit-text-size-adjust:100%;
	}

body{
	color: #000000;
	fill: #000000;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.6em;
	text-align: justify;
	font-feature-settings : "palt";
	}
	body > svg{
		display: none;
		}

a{
	color: #dc1c24;
	fill: #dc1c24;
	text-decoration: underline;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	transition-property: color,background-color,background-size,border-color,box-shadow,opacity;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	a:hover,
	a:active{
		color: #8f090f;
		fill: #8f090f;
		}

img{
	width: 100%;
	height: auto;
	vertical-align: top;
	}

#wrapper{
	width: 100%;
	background: #f2f2f2;
	}

#header,
#footer{
	display: none;
	}

#main{
	width: 100%;
	max-width: 1000px;
	margin: auto;
	}

/*.wrap{
	width: 100%;
	max-width: 1000px;
	margin: auto;
	}*/


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
html{
	font-size: 2.8vw;
	}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
html{
	font-size: 1.4vw;
	}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
html{
	font-size: 62.5%;
	}
body{
	font-size: 1.8rem;
	line-height: 1.6em;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
body{
	font-family: Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-weight: 400;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none){
main{
	display: block;
	}
}