body{
	margin: auto;
	width: 100%;
	max-width: 960px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
h1.title{
	width: 100%;
	margin: 8% auto 8%;
	padding-top: 16%;
}
	
h1.title img{
	width: 100%;
	margin: auto;
	display: block;
}	


@media only screen and (max-width: 436px) {
	
#bg{
	width: 100%;
	background: url(../img/introduction/bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: -10%;
}

.line{
	border-bottom: #c9c9c9 solid 1px;
	width: 100%;
	margin: auto;
	padding-bottom: 10%;
}
	
h1.title{
	width: 100%;
	margin: 8% auto 8%;
	padding-top: 16%;
}
	
h1.title img{
	width: 100%;
	margin: auto;
	display: block;
}	
	
	
section{
	width: 88%;
	margin: auto;
}
	
section p{	
	font-size: 4.5vmin;
	line-height: 1.5;
	padding-top: 5%;
	text-shadow: #FFF 0.5px 0px 1px, #FFF -0.5px 0px 1px, #FFF 0px -0.5px 1px, #FFF 0px 0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px;
}
	
a.toplink{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font: 5vmin;
	border: solid 1px;
	width: 90%;
	margin: 10% auto 10%;
	padding: 1% 0;
}
a.toplink:hover{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font: 5vmin;
	background: #414141;
	width: 90%;
	margin: 10% auto 10%;
	padding: 1% 0;
	}
}
/* ------------------タブレット------------------------- */
@media only screen and (min-width: 437px) {
	
#bg{
	width: 100%;
	background: url(../img/introduction/bg.png);
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: 50% 50%;
	background-attachment: fixed;
}

.line{
	border-bottom: #c9c9c9 solid 1px;
	width: 90%;
	margin: auto;
	padding-bottom: 3%;
}
	
h1.title{
	width: 100%;
	margin: 0% auto 8%;
	padding-top: 20%;
}
h1.title img{
	width: 70%;
	margin: auto;
	display: block;
}	
	
section{
	width: 88%;
	margin: auto;
	padding-bottom: 3%;
}
	
section p{	
	font-size: 3.2vmin;
    line-height: 1.9;
    padding-top: 5%;
    text-align: center;
    text-shadow: #FFF 0.5px 0px 1px, #FFF -0.5px 0px 1px, #FFF 0px -0.5px 1px, #FFF 0px 0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px;
    padding-bottom: 5%;
}
a.toplink{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font: 5vmin;
	border: solid 1px;
	width: 50%;
	margin: 4% auto;
	padding: 1% 0;
	letter-spacing: 1px;

}
a.toplink:hover{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font: 5vmin;
	background: #414141;
	width: 50%;
	margin: 4% auto;
	padding: 1% 0;
	letter-spacing: 1px;
}
}


/* ------------------PC------------------------- */
@media only screen and (min-width: 801px) {
	
	
#bg{
	width: 100%;
	background: url(../img/introduction/bg.png);
	background-repeat: no-repeat;
	background-size: 45%;
	background-position: 50% 50%;
	background-attachment: fixed;
}

.line{
	border-bottom: #c9c9c9 solid 1px;
	width: 90%;
	margin: auto;
	padding-bottom: 3%;
}
	
h1.title{
	width: 100%;
	margin: 0% auto 3%;
	padding-top: 5%;
}
h1.title img{
	width: 50%;
	margin: auto;
	display: block;
}	
	
section{
	width: 88%;
	margin: auto;
	padding-bottom: 3%;
}
	
section p{	
	font-size: 2.5vmin;
	line-height: 1.8;
	padding-top: 5%;
	text-align: center;
	text-shadow: #FFF 0.5px 0px 1px, #FFF -0.5px 0px 1px, #FFF 0px -0.5px 1px, #FFF 0px 0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px;
	padding-bottom: 5%;
}	
a.toplink{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font: 5vmin;
	border: solid 1px;
	width: 50%;
	margin: 4% auto;
	padding: 1% 0;
	letter-spacing: 1px;
}
a.toplink:hover{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font: 5vmin;
	background: #414141;
	width: 50%;
	margin: 4% auto;
	padding: 1% 0;
	letter-spacing: 1px;
}
	
}