@charset "utf-8";



/*　　基本設定
-------------------------------------------------------*/
html { font-size: 62.5%; height: 100%;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {
	position: relative;
	height: 100%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 300;
	font-size: 18px; font-size: 1.8rem;
	line-height: 1.6;
	color: #333;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}


@media screen and (min-width: 768px) and (max-width: 1023px){
body { font-size: 16px; font-size: 1.6rem;}
}

@media screen and (max-width: 767px){
body { font-size: 16px; font-size: 1.6rem;}
}

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



/*　　ヘッダー
-------------------------------------------------------*/
#header .wrapper-nav .nav-fontsize .size-M {
	display: block;
	width: 24px;
	height: 32px;
	margin-right: 10px;
	background-image: url(../images/common/btn_fontsize_M.png);
	background-repeat: no-repeat;
	background-position: left -32px;
	text-indent: -99999px;
}
#header .wrapper-nav .nav-fontsize .size-M:hover {
	background-position: left -64px;
}
#header .wrapper-nav .nav-fontsize .size-L {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(../images/common/btn_fontsize_L.png);
	background-repeat: no-repeat;
	background-position: left 0;
	text-indent: -99999px;
}


@media screen and (min-width: 768px) and (max-width: 1023px){
#header .wrapper-nav .nav-fontsize .size-M:hover {
	background-position: left 0;
}
}

@media screen and (max-width: 767px){
#header .wrapper-nav .nav-fontsize .size-M:hover {
	background-position: left 0;
}
}




/*　　コンテンツ共通パーツ
-------------------------------------------------------*/
.txt-str {
	font-size: 20px; font-size: 2.0rem;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.txt-str {
	font-size: 18px; font-size: 1.8rem;
}
}

@media screen and (max-width: 767px){
.txt-str {
	font-size: 18px; font-size: 1.8rem;
}
}