@charset "utf-8";
/* CSS Document */

/*reset
------------------------------------*/
html, body, div, 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;
	font-size:100%;
	font-weight:normal;
	font-weight:500;
}

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

body {
	font-family:YuGothic, 'Yu Gothic', "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	font-size:17px;
	line-height:1.5;
	color:#43352C;	
}
img {
	border:0;
	max-width:100%;
	height:auto;
}
.ie8 img{
	width:100%;
}
ul,ol{
	list-style-type:none;
}
table {
	border-collapse: collapse; 
	/*border-spacing: 0;*/
}
a {
	color:#00C;
	text-decoration:underline;
}
a:hover{
	color:#06C;
}
a img:hover{
	background: none;
	opacity:0.8;
	-moz-opacity:80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.bold {
	font-weight:bold;
}
.notes01 {
	padding-left:1em;
	text-indent:-1em;
}
.mb1e {
	margin-bottom:1em;
}
.borderbottom01 {
	border-bottom:dotted 1px #43352C;
}
.f90 {
	font-size:90%;
}
.f80 {
	font-size:80%;
}
.mr1e {
	margin-right:1em;
}
.txt-r {
	text-align:right;
}
.clear {
	clear:both;
}
.fll {
	float:left;
}
.flr {
	float:right;
}
/*==============================

/*Base Style

================================*/
#header-back {
	width:100%;
	margin:0 auto;
	padding-top:15px;
	height:65px;
	background: linear-gradient(top, #FFFFFF 0%, #FFFFFF 70%, #CCCCCC 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 70%, #CCCCCC 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 70%, #CCCCCC 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 70%, #CCCCCC 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 70%, #CCCCCC 100%);
	border-bottom:solid 1px #FFFFFF;
	box-shadow:0 1px 5px #999;
	margin-bottom:30px;
}
header, .contents, footer {
	width:100%;
	margin:0 auto;
	clear:both;
}
header .left {
	width:30%;
	max-width:281px;
	float:left;
}
header h1 {
	text-align:right;

}
footer {
	margin-bottom:2em;
}
footer ul li {
	display:inline;
}
footer ul li a {
	color:#00C;
	text-decoration:underline;
}
footer ul li a:hover {
	color:#06F;
}
#top01 {
	background:url(../images/top-back01.png) no-repeat;
		-webkit-background-size:100%;
		-moz-background-size:cover;
		background-size:cover;
	padding-top:23%;
	margin-bottom:30px;
}
#top01 h1 {
	background:rgba(0, 0, 0, 0.5);
	padding-top:1em;
	padding-bottom:0.8em;
	text-align:center;
}
#top02 h2, #top03 h3 {
	font-size:35px;
	font-weight:bold;
	text-align:center;
	border-bottom:dotted 2px #261F1A;
	margin-bottom:30px;
}
#top02 p {
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
}
.arrow {
	width:70px;
	margin:0 auto;
	margin-bottom:15px;
}
.wrapper880 {
	width:100%;
	margin:0 auto 30px auto;
}
#con-wrapper {
	width:100%;
}
.con-wrap {
	clear:both;
	overflow:hidden;
	margin-bottom:2em;
}
#con-wrapper h2 {
	background:#554737;
	padding:0.4em 2%; 0.3em 2%;
	font-size:40px;
	color:#FFFFFF;
	margin-bottom:1em;
	text-align:center;
}
#con-wrapper section {
	margin-bottom:2em;
	clear:both;
}
#con-wrapper .contents h3 {
	font-size:30px;
	font-weight:bold;
	padding-left:0.4em;
	border-left:solid 40px #978579;
	border-bottom:dotted 1px #43352C;
	margin-bottom:0.5em;
}
#con-wrapper .contents .text01 {
	width:65%;
	float:left;
}
#con-wrapper .contents .image01 {
	width:32%;
	float:right;
}
#con-wrapper .contents .text02 {
	width:62%;
	float:left;
}
#con-wrapper .contents .image02 {
	width:37%;
	float:right;
}
#con-wrapper .contents .half-l {
	width:48%;
	float:left;
}
#con-wrapper .contents .half-r {
	width:48%;
	float:right;
}
#con-wrapper .contents h4 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:1em;
}
#con-wrapper .contents p {
	margin-bottom:1em;
	padding-left:20px;
}
#con-wrapper .contents .p21 {
	font-size:21px;
	font-weight:bold;
	line-height:2.0;
	padding-top:1em;
}
#con-wrapper .contents .text03 {
	width:80%;
	float:right;
}
#con-wrapper .contents .image03 {
	width:16.5%;
	float:left;
}
#con-wrapper .contents .text03 h4 {
	font-size:26px;
	color:#069;
	font-weight:bold;
	border-bottom:solid 1px #069;
	margin-bottom:0.5em;
}
#con-wrapper .contents .text03 p {
	font-size:24px;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:0.5em;
}
#t-of-con ul {
	margin-bottom:2em;
}
#t-of-con ul li {
	margin-bottom:1em;
}
#t-of-con ul li dl dt {
	font-size:22px;
	font-weight:bold;
	padding-left:4em;
	text-indent:-4em;
}
#t-of-con ul li dl dd {
	font-size:20px;
	padding-left:88px;
}
.obitsu {
	margin-bottom:40px;
}
.order-right {
	float:right;
	overflow:hidden;
	margin-bottom:2em;
}
/*YouTube埋め込み===============*/
.youtube_wrap {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	margin-bottom:0.5em;
}
.youtube_wrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*==============================*/
.mob-only {
	display:none;
}
@media screen and (max-width:820px){
	#top01 h1 {
		padding-left:2%;
		padding-right:2%;
	}
	#top02 h2 {
		font-size:30px;
	}
}
@media screen and (max-width:640px){
	body {
		font-size:15px;
	}
	#header-back, #top01, #top02 h2, #top02 p, .wrapper880 {
		margin-bottom:15px;
	}
	header h1 {
	text-align:left;
	clear:both;
	font-size:14px;
	line-height:1.2;
}
	.arrow {
		margin-bottom:5px;
		width:50px;
	}
	#top02 h2 {
		font-size:16px;
	}
	#top02 p {
		font-size:14px;
	}
	.con-wrap {
		margin-bottom:1em;
	}
	#con-wrapper h2 {
		font-size:22px;
	}
	#con-wrapper .contents h3 {
		font-size:20px;
	}
	#con-wrapper .contents .text01, #con-wrapper .contents .image01, #con-wrapper .contents .text02, #con-wrapper .contents .image02, #con-wrapper .contents .half-l, #con-wrapper .contents .half-r {
		width:96%;
		float:none;
		margin:0 auto;
	}
	#con-wrapper .contents h4 {
		font-size:18px;
		padding-left:14px;
	}
	#con-wrapper .contents p {
		margin-bottom:1em;
		padding-left:15px;
	}
	#con-wrapper .contents .p21 {
		font-size:18px;
		padding-top:0;
	}
	#con-wrapper .contents .text03 h4 {
		font-size:16px;
	}
	#con-wrapper .contents .text03 p {
		font-size:14px;
	}
	#t-of-con ul {
		margin-bottom:1em;
	}
	#t-of-con ul li {
		margin-left:0.5em;
	}
	#t-of-con ul li dl dt {
		font-size:16px;
	}
	#t-of-con ul li dl dd {
		font-size:14px;
		padding-left:64px;
	}
	.obitsu {
		margin-bottom:20px;
	}
	.order-right {
		padding-right:2%;
		margin-bottom:1em;
	}
	.mob-only {
		display:block;
	}
}
@media screen and (min-width:880px){
	.wrapper880 {
		width:880px;
	}
}
@media screen and (min-width:1000px){
	header, .contents, footer {
		width:1000px;
	}

}