/* = Reset CSS
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
dl,dt,dd,ul,ol,li {	list-style: none;}

body {
	background-color: #515151;
	margin: 0;
	padding: 0;
	color: #fff;
}

#head_base {
	background-color:transparent;
}

footer {
	background-color: #fff;
	padding: 50px 0 10px;
}

/* 大タイトル
---------------------------------------------------*/

h1 {
	margin-bottom: 30px;
	margin-top: 20px;
font-family: 'Crimson Text', serif;
font-weight: 400;
font-size: 50px; 
color: #85DDE5;
}

h2 {
	color:#85dde5;;
	margin-bottom: 30px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 500;
color: 85dde5;
}




#pager_base{
display: none; position: fixed; top: 0px; left: 50%; width: 200px; height: 2000px; margin: 0px 0px 0px 400px;
}

/* コンテンツ
---------------------------------------------------*/


@media(min-width: 1200px){


h2{
font-size: 30px;
}


.main {
  position: relative;
/*
width: 1200px;
*/
margin: 0px auto;
}

.pager {
position: absolute;
/*
	margin: 188px 0px 0px 0px;
*/
	margin: 188px 0px 0px 0px;
  transform: translateY(-50%);
  padding: 0px 0px 0px 0px;
border: 1px slid #000000;
}
.pager li {
	display: block;
	margin: 20px 20px 20px 20px;
}
.pager li a {
	display: block;
	width: 20px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	transform: scale(0.7,0.7);
}



.pager li.is-current a {
  background: #85dde5;
border: 1px solid #85dde5;
}

.section {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.section-content {
  	width: 100%;
	padding: 25px;
}

/* -- ここから各ページレイアウト
---------------------------------------------------*/

/*section1*/

section:nth-of-type(1)  {
	background: url("../images/history/history1.jpg") no-repeat right top;
height: 500px;
}

section:nth-of-type(1) p.discription {
	font-size: 24px;
	width: 680px;
	margin-top: 30px;
	margin-bottom: 50px;

font-family: 'M PLUS 1p', sans-serif;
font-weight: 400;
font-size: 25px; 
line-height: 1.8em;

}

section:nth-of-type(1) .list {
	overflow: hidden;
} 

section:nth-of-type(1) .list .photo {
	float: left;
	width: 47%;
	padding: 0px 0px 0px 0px;
} 

section:nth-of-type(1) .list .photo img {
	width : 100%;
	height : auto;
}

section:nth-of-type(1) .list ul {
	float: right;
	width: 53%;
	padding: 0px 0px 0px 0px;
} 

section:nth-of-type(1) .list ul li {
	background: url("../images/history/bg_arrow.png") no-repeat left 8px;
	padding-left: 30px;
	margin-bottom: 20px;
} 

section:nth-of-type(1) .list ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 20px;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 400;
font-size: 23px; 
text-shadow: 1px 2px 3px #252626;

} 
section:nth-of-type(1) .list ul li a:hover, section:nth-of-type(1) .list ul li a:active{
color: #D9E581;
}

/*section2*/

section:nth-of-type(2){
	background: url("../images/history/history2.jpg") no-repeat left top;
/*
	background-size:cover;
*/
}

section:nth-of-type(2) .layout_area {
	overflow: hidden;
	width : 100%;
}

section:nth-of-type(2) h2{
padding: 5px 0px 0px 31px;
line-height: 1.6em;
}

section:nth-of-type(2) .layout_area .txt_area {
	float: left;
	width: 50%;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;
padding: 0px 0px 0px 31px;
}

section:nth-of-type(2) .layout_area .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(2) .layout_area p.cite {
	font-size : 16px;
	margin-top: 20px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
text-indent: 0;

}

section:nth-of-type(2) .layout_area p.cite cite {
	font-style: normal;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
text-indent: 0;
}

section:nth-of-type(2) .layout_area p.photo {
	float: right;
	width: 45%;
}


/*section3*/

section:nth-of-type(3) {
	background: url("../images/history/history3.jpg") no-repeat right top;
	background-size: 100% auto;
}

section:nth-of-type(3) .layout_area {
	overflow: hidden;
	width : 100%;
}


section:nth-of-type(3) h2{
padding: 5px 0px 0px 31px;
line-height: 1.6em;
}

section:nth-of-type(3) .layout_area .txt_area {
	float: left;
	width: 50%;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;
padding: 0px 0px 0px 31px;

}

section:nth-of-type(3) .layout_area .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(3) .layout_area .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
text-indent: 0;


}

section:nth-of-type(3) .layout_area .txt_area p.cite cite {
	font-style: normal;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
}

section:nth-of-type(3) .layout_area p.photo {
	float: right;
	width: 45%;
}


/*section4*/

section:nth-of-type(4) {
	background: url("../images/history/history4.jpg") no-repeat right top;
	background-size: 100% auto;
}



section:nth-of-type(4) h2{
padding: 5px 0px 0px 31px;
line-height: 1.6em;
}



section:nth-of-type(4) .txt_area {
	width: 600px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;
padding: 0px 0px 0px 31px;


}

section:nth-of-type(4) .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(4) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
text-indent: 0;


}

section:nth-of-type(4) .txt_area p.cite cite {
	font-style: normal;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;

}

section:nth-of-type(4) .photo_area {
	overflow: hidden;
	width : 100%;
	height: 400px;
}

section:nth-of-type(4) .photo_area p.left {
	float: left;
	width : 50%;
}

section:nth-of-type(4) .photo_area p.right {
	float: right;
	width : 50%;
}

section:nth-of-type(4) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(4) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;



}

section:nth-of-type(4) .photo_area p .cmt cite {
	font-style: normal;
}


/*section5*/

section:nth-of-type(5) {
	background: url("../images/history/history5.jpg") no-repeat right top;
	background-size: 100% auto;
}



section:nth-of-type(5) h2{
padding: 5px 0px 0px 31px;
line-height: 1.6em;
}




section:nth-of-type(5) .txt_area {
	width: 600px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;
padding: 0px 0px 0px 31px;


}

section:nth-of-type(5) .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(5) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;

text-indent: 0;


}

section:nth-of-type(5) .txt_area p.cite cite {
	font-style: normal;

font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
}

section:nth-of-type(5) .photo_area {
	overflow: hidden;
	width : 100%;
	height: 420px;
}

section:nth-of-type(5) .photo_area p {
	width : 100%;
}

section:nth-of-type(5) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(5) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;

font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
}

section:nth-of-type(5) .photo_area p .cmt cite {
	font-style: normal;
}


/*section6*/

section:nth-of-type(6) {
	background: url("../images/history/history6.jpg") no-repeat right top;
	background-size: 100% auto;
}



section:nth-of-type(6) h2{
padding: 5px 0px 0px 31px;
line-height: 1.6em;
}




section:nth-of-type(6) .txt_area {
	width: 600px;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;
padding: 0px 0px 0px 31px;

}

section:nth-of-type(6) .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(6) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
text-indent: 0em;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;
}

section:nth-of-type(6) .txt_area p.cite cite {
	font-style: normal;

font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;


}

/*section7*/
section:nth-of-type(7) {
	background: url("../images/history/history7.jpg") no-repeat right top;
	background-size: 100% auto;
}



section:nth-of-type(7) h2{
padding: 5px 0px 0px 31px;
line-height: 1.6em;
}


section:nth-of-type(7) .txt_area {
	width: 600px;

font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;
padding: 0px 0px 0px 31px;


}

section:nth-of-type(7) .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(7) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;

}

section:nth-of-type(7) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(7) .photo_area {
	overflow: hidden;
	width : 100%;
	height: 370px;
}

section:nth-of-type(7) .photo_area p {
	width : 100%;
}

section:nth-of-type(7) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(7) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;


}

section:nth-of-type(7) .photo_area p .cmt cite {
	font-style: normal;
}


/*section8*/
section:nth-of-type(8) {
	background: url("../images/history/history8.jpg") no-repeat right top;
	background-size: 100% auto;
}



section:nth-of-type(8) h2{
padding: 5px 0px 0px 31px;
line-height: 1.6em;
}



section:nth-of-type(8) .txt_area {
	width: 600px;

font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;
padding: 0px 0px 0px 31px;



}

section:nth-of-type(8) .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(8) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;


}

section:nth-of-type(8) .txt_area p.cite cite {
	font-style: normal;
	text-indent: 0;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;


}






/*section9*/
section:nth-of-type(9) {
	background: url("../images/history/history9.jpg") no-repeat right top;
	background-size: 100% auto;
}

section:nth-of-type(9) h2 {
	width: 600px;
	margin-bottom: 0px;
	background-color:rgba(0,0,0,0.6);
	padding: 30px 0px 10px 30px;
}

section:nth-of-type(9) .txt_area {
	width: 600px;
	margin-top: 0px;
	background-color:rgba(0,0,0,0.6);
	padding: 10px 10px 10px 30px;


font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 1.8;



}

section:nth-of-type(9) .txt_area p {
	font-size : 22px;
	text-indent: 1em;
	margin-bottom: 10px;
}



section:nth-of-type(9) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;


}




section:nth-of-type(9) .txt_area2_base{
height: 454px; background: url('../images/history/history10.jpg') no-repeat right top;
}
section:nth-of-type(9) .txt_area2 {
	width: 800px;
	margin: 0px auto;
	font-size: 23px;
	padding: 80px 10px 10px 10px;



font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 400;
line-height: 1.8;



}



section:nth-of-type(9) .img_notice_base {
	background-color: #888888; display: flex; height: 317px; color: #FFFFFF;

font-family: ‘M PLUS 1p’, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.8;




}

section:nth-of-type(9) .img_notice1 {
	padding: 0px;
}

section:nth-of-type(9) .img_notice2 {
	padding: 10px;
	height: 317px;
	display: flex; align-items: flex-end;
}

section:nth-of-type(9) .photo2 {
	height: 900px;
}





section:nth-of-type(9) .txt_area2_base{
height: 454px; background: url('../images/history/history10.jpg') no-repeat right top;
}



/*section10*/
section:nth-of-type(10) {
	background: url("../images/history/history10.jpg") no-repeat right top;
	background-size: 100% auto;
}



section:nth-of-type(10) .txt_area {
	width: 700px;
	margin: 0px auto;
	font-size: 24px;
	padding: 50px 10px 10px 10px;
}

}


/* --------------------------------------------------------------------------------

martPhone layout

-------------------------------------------------------------------------------- */

@media (min-width: 641px) and (max-width: 1199px) {
section:nth-of-type(2) h2 {
	padding: 600px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(3) h2 {
	padding: 600px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(4) h2 {
	padding: 400px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(5) h2 {
	padding: 400px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(6) h2 {
	padding: 420px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(7) h2 {
	padding: 620px 10px 10px 0px;
	font-size: 22px;
}

section:nth-of-type(8) h2 {
	padding: 620px 10px 10px 0px;
	font-size: 22px;
}


section:nth-of-type(9) h2 {
	padding: 760px 10px 10px 0px;
	font-size: 22px;
}


section:nth-of-type(9) .txt_area2 {
	font-size: 22px;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	min-height: 330px;
	width: 90%;
}

section:nth-of-type(9) .txt_area2 p{
	margin: 60px 40px 0px 40px;
}
section:nth-of-type(9) .txt_area2_base{
	background: url('../images/history/history10_1000.jpg') no-repeat left top;
}


}

@media (max-width: 640px) {
section:nth-of-type(2) h2 {
	padding: 400px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(3) h2 {
	padding: 370px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(4) h2 {
	padding: 310px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(5) h2 {
	padding: 350px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(6) h2 {
	padding: 250px 10px 10px 0px;
	font-size: 22px;
}

section:nth-of-type(7) h2 {
	padding: 420px 10px 10px 0px;
	font-size: 22px;
}

section:nth-of-type(8) h2 {
	padding: 320px 10px 10px 0px;
	font-size: 22px;
}





section:nth-of-type(9) h2 {
	padding: 390px 10px 10px 0px;
	font-size: 22px;
}
section:nth-of-type(9) .txt_area2 {
	font-size: 15px;
	padding: 0px 0px;
	min-height: 240px;
	width: 100%;
}
section:nth-of-type(9) .txt_area2 p{
	margin: 10px 5px 0px 10px;
}
section:nth-of-type(9) .txt_area2_base{
	background: url('../images/history/history10_800.jpg') no-repeat left top;
}






}







@media screen and (max-width: 1199px) {

	/* 大タイトル
	---------------------------------------------------*/

	h1 {
		margin: 20px auto 0px auto;
		width: 90%;
	}

	h1  img{
		width: 90%;
	}

	h2{
		width: 90%;
		margin: 0px auto;
		padding: 10px 0px 20px 0px;
	}





section:nth-of-type(1)  {
	background: url("../images/history/smp_history1.jpg") no-repeat left center;
	background-size:cover;
}

section:nth-of-type(1) p.discription {
	font-size: 20px;
	width: 90%;
	margin: 20px auto 50px auto;
}

section:nth-of-type(1) .list {
	overflow: hidden;
} 

section:nth-of-type(1) .list .photo {
	width: 90%;
	margin: 0px auto 50px auto;
} 

section:nth-of-type(1) .list .photo img {
	width : 100%;
	height : auto;
}

section:nth-of-type(1) .list ul {
	width: 90%;
	margin: 0px auto 50px auto;
} 

section:nth-of-type(1) .list ul li {
	background: url("../images/history/bg_arrow.png") no-repeat left top;
	padding-left: 30px;
	margin-bottom: 20px;
} 

section:nth-of-type(1) .list ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 20px;
} 



/*section2*/

section:nth-of-type(2){
	background: url("../images/history/smp_history2.jpg") no-repeat left top;
	background-size:contain;
}




section:nth-of-type(2) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 600px 10px 10px 10px;
*/
}



section:nth-of-type(2) .txt_area {
	width: 90%;
	margin: 0px auto;
}

section:nth-of-type(2) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(2) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(2) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(2) .photo_area {
	overflow: hidden;
	width : 100%;
}

section:nth-of-type(2) .photo_area p {
	width : 100%;
}

section:nth-of-type(2) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(2) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}

section:nth-of-type(2) .photo_area p .cmt cite {
	font-style: normal;
}


section:nth-of-type(2) .photo {
	overflow: hidden;
	width : 100%;
	text-align: center;
	padding: 0px 0px 20px 0px ;
}






/*section3*/

section:nth-of-type(3){
	background: url("../images/history/smp_history3.jpg") no-repeat left top;
	background-size:contain;
}


section:nth-of-type(3) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 600px 10px 10px 10px;
*/
}



section:nth-of-type(3) .txt_area {
	width: 90%;
	margin: 0px auto;
}

section:nth-of-type(3) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(3) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(3) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(3) .photo_area {
	overflow: hidden;
	width : 100%;
}

section:nth-of-type(3) .photo_area p {
	width : 100%;
}

section:nth-of-type(3) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(3) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}

section:nth-of-type(3) .photo_area p .cmt cite {
	font-style: normal;
}

section:nth-of-type(3) .photo {
	overflow: hidden;
	width : 100%;
	text-align: center;
	padding: 0px 0px 20px 0px ;
}




/*section4*/

section:nth-of-type(4){
	background: url("../images/history/smp_history4.jpg") no-repeat left top;
	background-size:contain;
}


section:nth-of-type(4) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 400px 10px 10px 10px;
*/
}



section:nth-of-type(4) .txt_area {
	width: 90%;
	margin: 0px auto;
}

section:nth-of-type(4) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(4) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(4) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(4) .photo_area {
	overflow: hidden;
	width : 100%;
	height: auto;
}

section:nth-of-type(4) .photo_area p {
	width : 100%;
}

section:nth-of-type(4) .photo_area p img {
	width:100%;
	height: auto;
}

section:nth-of-type(4) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}

section:nth-of-type(4) .photo_area p .cmt cite {
	font-style: normal;
}



/*section5*/

section:nth-of-type(5){
	background: url("../images/history/smp_history5.jpg") no-repeat left top;
	background-size:contain;
}


section:nth-of-type(5) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 400px 10px 10px 10px;
*/
}




section:nth-of-type(5) .txt_area {
	width: 90%;
	margin: 0px auto;
}

section:nth-of-type(5) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(5) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(5) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(5) .photo_area {
	overflow: hidden;
	width : 100%;
}

section:nth-of-type(5) .photo_area p {
	width : 100%;
}

section:nth-of-type(5) .photo_area p img {
	width:100%;
	height: auto;
}

section:nth-of-type(5) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}

section:nth-of-type(5) .photo_area p .cmt cite {
	font-style: normal;
}




/*section6*/

section:nth-of-type(6){
	background: url("../images/history/smp_history6.jpg") no-repeat left top;
	background-size:contain;
}


section:nth-of-type(6) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 500px 10px 10px 10px;
*/
}




section:nth-of-type(6) .txt_area {
	width: 90%;
	margin: 0px auto;
	padding-bottom: 10px;
}

section:nth-of-type(6) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 30px;
}

section:nth-of-type(6) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(6) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(6) .photo_area {
	overflow: hidden;
	width : 100%;
}

section:nth-of-type(6) .photo_area p {
	width : 100%;
}

section:nth-of-type(6) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(6) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}

section:nth-of-type(6) .photo_area p .cmt cite {
	font-style: normal;
}



/*section7*/

section:nth-of-type(7){
	background: url("../images/history/smp_history7.jpg") no-repeat left top;
	background-size:contain;
}


section:nth-of-type(7) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 620px 10px 10px 10px;
*/
}




section:nth-of-type(7) .txt_area {
	width: 90%;
	margin: 0px auto;
}

section:nth-of-type(7) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(7) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(7) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(7) .photo_area {
	width : 100%;
}

section:nth-of-type(7) .photo_area p {
	width : 100%;
}

section:nth-of-type(7) .photo_area p img {
	width:100%;
}

section:nth-of-type(7) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	padding-bottom: 30px;
	text-align: center;
}

section:nth-of-type(7) .photo_area p .cmt cite {
	font-style: normal;
}




/*section8*/
section:nth-of-type(8){
	background: url("../images/history/smp_history8.jpg") no-repeat left top;
	background-size:contain;
}


section:nth-of-type(8) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 620px 10px 10px 10px;
*/
}



section:nth-of-type(8) .txt_area {
	width: 90%;
	margin: 0px auto;
	padding-bottom: 10px;
}

section:nth-of-type(8) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 10px;
}

section:nth-of-type(8) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(8) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(8) .photo_area {
	overflow: hidden;
	width : 100%;
}

section:nth-of-type(8) .photo_area p {
	width : 100%;
}

section:nth-of-type(8) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(8) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}

section:nth-of-type(8) .photo_area p .cmt cite {
	font-style: normal;
}



/*section9*/
section:nth-of-type(9){
	background: url("../images/history/smp_history9.jpg") no-repeat left top;
	background-size:contain;
}


section:nth-of-type(9) h2 {
	width: 90%;
	margin: 0px auto 0px auto;
/*
	padding: 620px 10px 10px 10px;
*/
}

section:nth-of-type(9) .txt_area {
	width: 90%;
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
}


section:nth-of-type(9) .txt_area p {
	font-size : 18px;
	text-indent: 1em;
	margin-bottom: 10px;
}




section:nth-of-type(9) .txt_area p.cite {
	font-size : 16px;
	margin-top: 20px;
	text-indent: 0;
}

section:nth-of-type(9) .txt_area p.cite cite {
	font-style: normal;
}

section:nth-of-type(9) .photo_area {
	overflow: hidden;
	width : 100%;
}

section:nth-of-type(9) .photo_area p {
	width : 100%;
}

section:nth-of-type(9) .photo_area p img {
	wight:100%;
	height: auto;
}

section:nth-of-type(9) .photo_area p .cmt {
	display: block;
	font-size : 16px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}

section:nth-of-type(9) .photo_area p .cmt cite {
	font-style: normal;
}




section:nth-of-type(9) .txt_area2 {
	margin: 0px auto;
}



section:nth-of-type(9) .img_notice_base {
        background-color: #515151;
	color: #FFFFFF;
}

section:nth-of-type(9) .img_notice1 {
        padding: 0px 10px;
}

section:nth-of-type(9) .img_notice1 img{
        width: 100%;
}


section:nth-of-type(9) .img_notice2b {
        padding: 10px;
}

section:nth-of-type(9) .photo2 {
	width: 100%; 
}
section:nth-of-type(9) .photo2 img{
	width: 100%; 
}


section:nth-of-type(9) .txt_area2_base{
	background-size:contain;
	border: 1px solid #515151;
}








}