@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

@media only screen and (min-width:768px) {

	body {background: url(../img/body_bg2.jpg) top center repeat-x ;}
.pc_del {display: none;}

.ippanp{
	padding:0 40px;
	color:#84786F !important;
	font-size: 20px !important;
	line-height: 140% !important;
}
.ippanp span {
	font-size:150% !important;
	font-weight:bold;
	color:#ffa800;
}
.pc_m40 {
text-align:right;
}














}

#origin {
	background: url(../img/top_bg.png) top center no-repeat;
}



nav ul {
	list-style:none;
}



a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}




table {
	border-collapse:collapse;
	border-spacing:0;
}



input, select {
	vertical-align:middle;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


.sp {
	display: none;
}



#wapper {
	margin: 0 auto;
	width:1024px;
}

header {
	padding: 20px 0 0 0 ;
	height: 526px;
}
header .wrap{
	margin: 0 auto ;
	width: 924px;
	height: 526px;
	background: url(../img/mrtsuda.png) top right no-repeat;
}
header .wrap h1{
	padding-top: 53px;
	text-align:right;
	color:#ffffff;
	font-size:8px;
	line-height:140%;
	font-weight:normal;
}


#contents .wrap{
	margin: 0 auto;
	padding: 50px 50px 100px 50px;
	width: 924px;
	border-radius: 15px;		/* CSS3草案 */
	-webkit-border-radius: 15px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 15px;	/* Firefox用 */
	background:#fff;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.6)
	-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.6);
	position:relative;
}
#contents .wrap h2{
	position: absolute;
	top: -90px;
	left: 50px;
}
#contents .wrap h3{
	color:#0099CC;
	font-size: 40px;
	text-align :center;
	border-bottom: solid 1px #0099CC;
	font-weight: normal;
	padding: 20px 0 20px 0;
	margin-bottom: 50px;
}
#contents .wrap h4{
	color:#0099CC;
	font-size: 30px;
	text-align :center;
	border-bottom: dotted 1px #0099CC;
	font-weight: normal;
	padding: 20px 0 10px 0;
	margin-bottom: 50px;
	margin: 50px 60px;
}
#contents .wrap dl.yakusoku {
	margin: 0 auto;
	width: 840px;
}
#contents .wrap dl.yakusoku dt{
	float: left;
	min-height: 152px;
}
#contents .wrap dl.yakusoku dd{
	margin-left: 186px;
	padding-bottom: 55px;
}
#contents .wrap dl.yakusoku dd h4{
	color:#84786F;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 25px;
	padding-top: 20px;
}
#contents .wrap dl.yakusoku dd p{
	color:#84786F;
	font-size: 20px;
	line-height: 140%;
}
#contents .wrap dl.yakusoku dd ul{
	list-style:none;
}
#contents .wrap dl.yakusoku dd ul li{
	color:#84786F;
	font-size: 20px;
	line-height: 140%;
	padding-bottom: 15px;
	text-indent: -1em;
	margin-left: 1em;
}
#contents .wrap .box{
	margin: 0 auto 40px;
	padding: 40px;
	width: 720px;
	border-radius: 15px;		/* CSS3草案 */
	-webkit-border-radius: 15px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 15px;	/* Firefox用 */
	background:#fff;
	border:solid 1px #5B5751;
}
#contents .wrap .box dl dt{
	color:#0099CC;
	font-size: 30px;
	line-height: 140%;
}
#contents .wrap .box dl dd{
	color:#666666;
	font-size: 20px;
	line-height: 140%;
	padding-left: 1em;
	width:640px;
	margin-bottom: 30px;
}


footer p.copyright {
	color:#fff;
	font-size: 17px;
	text-align :center;
	padding: 60px 0 ;
}




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

body {background: url(../img/bottom_bg.png) bottom center repeat-x,url(../img/body_bg.jpg) top center repeat ;}

	img {
		width: 100%;
		height: auto;
	}
.name_div {
	margin:0 auto;
	text-align:center;
}
.name_png {
		width: 80% !important;
}
	.sp {
		display: block;
	}

	#wapper {
		width: 100%;
	}

	header {
		padding: 3% 0 0 0 ;
		height: auto;
		-moz-background-size:180% auto;
		background-size:180% auto; 
	}
	header .wrap{
		margin: 0 auto ;
		width: 100%;
		height: auto;
		background: none;
	}
	header .wrap h1{
		margin: 0 auto;
		width: 80%;
		padding-top: 5%;
	}
	header .wrap .mrtsuda{
		margin: 0 auto;
		width: 50%;
	}


	#contents .wrap{
		margin: 0 auto;
		width: 96%;
		box-sizing: border-box;
		padding: 20px;
	}

	#contents .wrap h2{
		position: absolute;
		top: -50px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 80%;
	}
	#contents .wrap h3{
		font-size: 24px;
		padding: 30px 0 10px 0;
		margin-bottom: 4%;
	}
	#contents .wrap h4{
		font-size: 22px;
		padding: 0 0 10px 0;
		margin:4% 0;
		line-height: 140%;
	}
	#contents .wrap dl.yakusoku {
		width: 100%;
	}
	#contents .wrap dl.yakusoku dt{
		float: none;
		min-height: auto;
		text-align :center;
	}
	#contents .wrap dl.yakusoku dt img {
		margin: 0 auto;
		width: 30%;
	}
	#contents .wrap dl.yakusoku dd{
		margin-left: 0;
		width: 100%;
		padding-bottom: 3%;
	}
	#contents .wrap dl.yakusoku dd h4{
		font-size: 20px;
		text-align :center;
		line-height: 140%;
	}
	#contents .wrap dl.yakusoku dd p{
		font-size: 16px;
	}
	#contents .wrap dl.yakusoku dd ul li{
		font-size: 16px;
	}
	#contents .wrap .box{
		padding: 20px;
		width: 100%;
		box-sizing: border-box;
	}
	#contents .wrap .box dl dt{
		font-size: 18px;
		margin:0 !important;
	}
	#contents .wrap .box dl dd{
		margin:0 !important;
		font-size: 14px;
		width: 100%;
	}
	footer p.copyright {
		font-size: 14px;
		padding: 30px 0 ;
	}

.sp_img_mini {
	margin:10% 0 0 0 !important ;
	width:20% !important;
}




.ippanp{
	padding:10% 0;
	color:#84786F !important;
	font-size: 16px !important;
	line-height:140% !important;
}
.ippanp span {
	font-size:150% !important;
	color:#ffa800;
}





}