@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fl {
	float: left;
}

.flimg img {
	float: left;
}
.fldiv {
	width: 960px;
}
.fldiv div {
	float: left;
}
.rblock {
	position: relative;
}
.ablock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rblock img, .ablock img {
	display: block;
}
.pblock img {
	display: block;
	width: 100%;
}
.tx {
	width: 100%;
	position: absolute;
}
.sp{
	display: none;
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
	width: 100%;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

hr{
	display: none;
}

html {
	width: 100%;
	background: #FFF;
	overflow-y: scroll;
}
body {
	width: 100%;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrapper {
	width: 100%;
}

/* common */
#bg {
	position: relative;
	width: 100%;
	background: #FFF;
}
#lovl {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
	background: #FFF;
}
#loadimg {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
}

#mainArea{
	width: 800px;
	margin: 0 auto;
	position: relative;
	padding-top: 2.5%;
}
#mainArea img{
	width: 100%;
}
#mainArea h2{
	margin-bottom: 4.375%;
}

.header{
	margin: 0 0 5%;
	position: relative;
}
.header h1{
	width:100%;
	margin: 0 auto 5%;
}
.gaiyo{
	margin-bottom: 7.5%;
}
.gaiyo h2{
	width:100%;
	margin: 0 auto 4.375%;
	font-size:0;
}
.gaiyo p{
	width:100%;
	margin: 0 auto;
	font-size: 19px;
	line-height: 1.57;
}
.gaiyo ul{
	list-style: none;
}
.gaiyo ul li{
	list-style: none;
	font-size: 19px;
	line-height: 1.57;
	text-indent:-1em;
	padding-left:1em;
	zoom:1;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.naiyo{
	margin-bottom: 7.5%;
}
.naiyo h3{
	width:77.75%;
	font-size:0;
	line-height:0;
	margin: 0 auto 5%;
}
.naiyo h4{
	width:100%;
	font-size:0;
	line-height:0;
	margin: 0 auto 6.875%;
}
.naiyo p{
	font-size:19px;
	line-height:1.5;
}
.jyoken{
	margin-bottom: 2.75%;
}
.jyoken p{
	width:100%;
	margin: 0 auto 2.375%;
}
.jyoken ol{
	list-style: none;
	width:100%;
}
.jyoken ol li{
	list-style: none;
	margin-bottom: 6%;
	position: relative;
	font-size: 0;
}
.jyoken ol li:nth-of-type(1){
	width:72.625%;
	margin-left:2.875%;
}
.jyoken ol li:nth-of-type(2){
	width:99.875%;
}
.jyoken ol li span.link01{
	width: 50.25%;
	position: absolute;
	top:0;
	left: 0;
	margin-top:10.15%;
	margin-left:17.90%;
}
.jyoken ol li span.link01:hover img{
	opacity:0.6;
}
.housou{
	margin-bottom: 7.5%;
}
.housou p{
	margin: 0 auto 2.875%;
	font-size: 19px;
	line-height: 1.57;
}
.chui{
	margin-bottom: 7.5%;
}
.chui h2{
	width:100%;
	margin: 0 auto 4.375%;
}
.chui ul{
	list-style: none;
}
.chui ul li{
	list-style: none;
	font-size: 19px;
	line-height: 1.57;
	text-indent:-1em;
	padding-left:1em;
	zoom:1;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.chui ul li ul{
	width:95.0248%;
	padding-left:4.9752%;
}
.toiawase{
	margin-bottom: 7.5%;
}
.toiawase h2{
	width:99.5024%;
	margin: 0 auto 2.875%;
}
.toiawase p{
	font-size: 19px;
	line-height: 1.57;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.toiawase ul li{
	font-size: 19px;
	line-height: 1.57;
}
.toiawase p span{
	font-size: 15px;
}
.toiawase p a{
	color: #000;
}
.kojinjyoho{
	margin-bottom: 7.5%;
}
.kojinjyoho h2{
	width:99.5024%;
	margin: 0 auto 2.875%;
}
.kojinjyoho p{
	font-size: 19px;
	line-height: 1.2;
}
.kojinjyoho p:first-of-type{
	margin-bottom: 5%;
}
.kojinjyoho p span{
	font-size: 15px;
}
.kojinjyoho p a{
	color: #000;
}
.gotwitter{
	margin-bottom: 16.25%;
}
.gotwitter p{
	width: 72.6368%;
	margin: 0 auto;
}
.gotwitter p a:hover img{
	opacity: 0.6;
	\zoom: 1;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.copyright{
	margin-bottom: 5%;
}
.copyright p{
	font-size: 15px;
	line-height: 1.2;
}

.housouYoutube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:0 auto 0.625%;
}

.housouYoutube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* footer	*/
.ptop {
	position: fixed;
	right: 1em;
	bottom: 7em;
	text-align:right;
	display:block;
	z-index:100 !important;
}
.ptop img {
	width: 15em !important;
}

.ptop a:hover	{
	opacity: 0.7;
}

#footer {
	position: relative;
	width: 100%;
	overflow: hidden;
}
@media only screen and (max-width: 960px) {
	#wrapper {
		background-position: -480px 0;
	}
}
@media screen and (max-width:767px) {
	/* common */
	.sp{
		display: block;
	}

	.pc{
		display: none;
	}


	.contents {
		width: 100%;
	}
	#mainArea{
		width: 95%;
	}

	.naiyo ul li{
		font-size: 16px;
		font-size: 1rem;
	}
	.housou p{
		font-size: 16px;
		font-size: 1rem;
}
	.chui ul li{
		font-size: 16px;
		font-size: 1rem;
	}
	.toiawase p{
		font-size: 16px;
		font-size: 1rem;
	}
	.toiawase p span{
		font-size: 12px;
		font-size: 0.75rem;
	}
	.kojinjyoho p{
		font-size: 16px;
		font-size: 1rem;
	}
	.kojinjyoho p span{
		font-size: 12px;
		font-size: 0.75rem;
	}
	.copyright p{
		font-size: 12px;
		font-size: 0.75rem;
	}

	.ptop img {
		width: 10em !important;
	}

}
