@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,p,address,em,img,small,strong,ol,ul,li,form,table,caption,tr,th,td,article,aside,footer,header,nav,section{
margin:0; padding:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;padding:0 5em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{border:0}
table {border-collapse:collapse;border-spacing:0;}
body{margin:0 auto;font-family: 'Noto Serif JP', serif;color:#271c06;font-size:16px;line-break:strict;}


#contents img {pointer-events: none;}
#toplogo{padding:10px 0}
#toplogoen{padding:10px 0;text-indent: 0}
#toplogoen a{color:#866935;text-decoration:none;font-size:18px;line-height:1.2em;font-family:'Libre Caslon Display';font-weight:bold;}
#toplogoen small{font-size:13px;font-family: 'IM Fell English SC';font-weight:normal}

#topTitle{padding:0;font-size:21px;text-align:center}
#topTitle2{text-align:center;vertical-align: middle;line-height:75px;font-size:1.5em;}
#topTitle2 img{vertical-align: middle;margin-right:0.5em;}

#page1{position:relative; }
#page1txt{background: url(./img/P0.jpg) no-repeat;background-size: 500px auto;background-position:right 7em}
#space1{float:right;width:0;height:6em;}
#space2{float:right;width:330px;height:280px;;clear:right}
#space3{float:right;width:480px;padding:270px 0 0 50px;clear:right;text-align:center;font-size:0.8em;margin-bottom:3em}


.nextlink{display: block;text-align: center;padding:1em;border:1px solid #eee;box-shadow: 5px 5px 5px #aaa;width:440px;margin:10em auto 0 auto;color:#771717;border-radius: 10px;text-decoration: none;
background:url(./img/bg034.png);font-size:1.2em}
.linknb{text-align: center;margin-top:3em;font-size: 1.2em}
.linknb span{border:1px solid #eee;padding:0.2em 0.4em;margin:0 1em;background:#eee;border-radius:4px}
.linknb a{border:1px solid #ccc;padding:0.2em 0.4em;margin:0 1em;border-radius:4px;color:#333;text-decoration: none}
.linknb a:hover{background: #ffd8d8}

		#contents{max-width:750px;margin:5em auto}
		p{font-size:16px;line-height:1.8em;text-indent:1em;text-align: justify;margin-bottom:1em}
		.imagebox{font-size:0.8em;line-height:1.4em;padding-top:3px}
		.leftimg{float:left;margin:0px 30px 1em 0;text-align:right}
		.leftimge{float:left;margin:0px 30px 1em 0;text-align:left}
		.rightimg{float:right;margin:0px 0 1em 30px;text-align:right}
		.image2{float:left;margin:0}
		.image2:first-child{;margin:0 10px 0 0;}
		h2{text-align: center;font-size:2em;margin-bottom:30px;clear: both;padding:5em 0 50px 0;
background:url(./img/bg035.png) no-repeat bottom}

		.kensyu{clear:both;margin-top:3em}
		.kensyu h3{border:1px solid #aaa;padding:1em;border-radius:10px;box-shadow:0 0 5px #ccc inset;margin-bottom:1em;}
		.kensyuimg {margin:-40px 20px 0 30px; }
		.kensyuimg img{box-shadow:0 0 5px #aaa;border:3px solid #fff  }

		.naka img{box-shadow:0 0 5px #aaa;border:3px solid #fff }
		#dna{width:370px;word-break:break-all;padding-top:2em}
		#owarini{padding:50px 140px;background:url(./img/tex1.jpg) #eee;margin-top:5em;border-radius:20px}
#owarini h2{background:none;margin-bottom:0px}
		.nihonkencr{font-size:0.8em;text-align: right}
.chu{text-indent: 0;margin-top:3em}
.inugata{width:250px ;margin:50px auto 0 auto;}
.inugata img{width:200px ;margin-left:25px}
		@media (max-width: 560px) {

#page1txt{background-size: 100vw auto;}
#space2{width:65vw;height:45vw;}
#space3{width:100%;padding:55vw 0 0 0;clear:right;text-align:center;}
			h2{font-size:1.5em}

	#toplogo{padding:5px 10px}
	#toplogo img{width:90%}
	body{padding:0 0}
	#topTitle2 img{width:80%}
	#topTitle img{width:90%}
	#contents{width:90%;margin:5em auto}
			#page1txt{background-size: contain}
			.imagebox {width:100%;margin-bottom:4em}
			.imagebox img{width:100%}
					.kensyuimg {margin:20px 0px 4em 0px; }
			#owarini{padding:4em}
			#dna{width:100%;}
			.nextlink{width:90%}
			.inugata{width:100%}
}