@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;
}

address, article, aside, figure, figCaption, footer, header, hgroup, hr, legend, menu, nav, section, summary {
	display: block;
}

ul, ol {
	list-style-type: none;
}

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

a img {
	border: none;
}

img {
	vertical-align: bottom;
	max-width: 100%;
}

mark {
	background: none;
}

input {
	opacity: 1;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

a,a:hover {
	text-decoration: none;
	color: #434343;
}

.cf:after {
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0;
}

.cf {
	min-height: 1px;
	zoom: 1;
}

.hoverBtn a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all  0.1s ease;
}

/* 共通
------------------------------------------*/

.fL { float: left; }
.fR { float: right;}
.tC { text-align: center; }
.tL { text-align: left; }
.tR { text-align: right; }


/* Padding
------------------------------------------*/

.padT05 { padding-top: 5px !important;}
.padT10 { padding-top: 10px !important;}
.padT20 { padding-top: 20px !important;}
.padT30 { padding-top: 30px !important;}
.padT40 { padding-top: 40px !important;}
.padT50 { padding-top: 50px !important;}
.padT60 { padding-top: 60px !important;}
.padT70 { padding-top: 70px !important;}
.padT80 { padding-top: 80px !important;}
.padT90 { padding-top: 90px !important;}
.padT100 { padding-top: 100px !important;}

.padB05 { padding-bottom: 5px !important;}
.padB10 { padding-bottom: 10px !important;}
.padB20 { padding-bottom: 20px !important;}
.padB30 { padding-bottom: 30px !important;}
.padB40 { padding-bottom: 40px !important;}
.padB50 { padding-bottom: 50px !important;}
.padB60 { padding-bottom: 60px !important;}
.padB70 { padding-bottom: 70px !important;}
.padB80 { padding-bottom: 80px !important;}
.padB90 { padding-bottom: 90px !important;}
.padB100 { padding-bottom: 100px !important;}

.padR05 { padding-right: 5px !important;}
.padR10 { padding-right: 10px !important;}
.padR20 { padding-right: 20px !important;}
.padR30 { padding-right: 30px !important;}
.padR40 { padding-right: 40px !important;}
.padR50 { padding-right: 50px !important;}
.padR60 { padding-right: 60px !important;}
.padR70 { padding-right: 70px !important;}
.padR80 { padding-right: 80px !important;}
.padR90 { padding-right: 90px !important;}
.padR100 { padding-right: 100px !important;}

.padL05 { padding-left: 5px !important;}
.padL10 { padding-left: 10px !important;}
.padL20 { padding-left: 20px !important;}
.padL30 { padding-left: 30px !important;}
.padL40 { padding-left: 40px !important;}
.padL50 { padding-left: 50px !important;}
.padL60 { padding-left: 60px !important;}
.padL70 { padding-left: 70px !important;}
.padL80 { padding-left: 80px !important;}
.padL90 { padding-left: 90px !important;}
.padL100 { padding-left: 100px !important;}


/* Margin
------------------------------------------*/

.margT05 { margin-top: 5px !important;}
.margT10 { margin-top: 10px !important;}
.margT20 { margin-top: 20px !important;}
.margT30 { margin-top: 30px !important;}
.margT40 { margin-top: 40px !important;}
.margT50 { margin-top: 50px !important;}
.margT60 { margin-top: 60px !important;}
.margT70 { margin-top: 70px !important;}
.margT80 { margin-top: 80px !important;}
.margT90 { margin-top: 90px !important;}
.margT100 { margin-top: 100px !important;}

.margB05 { margin-bottom: 5px !important;}
.margB10 { margin-bottom: 10px !important;}
.margB20 { margin-bottom: 20px !important;}
.margB30 { margin-bottom: 30px !important;}
.margB40 { margin-bottom: 40px !important;}
.margB50 { margin-bottom: 50px !important;}
.margB60 { margin-bottom: 60px !important;}
.margB70 { margin-bottom: 70px !important;}
.margB80 { margin-bottom: 80px !important;}
.margB90 { margin-bottom: 90px !important;}
.margB100 { margin-bottom: 100px !important;}

.margR05 { margin-right: 5px !important;}
.margR10 { margin-right: 10px !important;}
.margR20 { margin-right: 20px !important;}
.margR30 { margin-right: 30px !important;}
.margR40 { margin-right: 40px !important;}
.margR50 { margin-right: 50px !important;}
.margR60 { margin-right: 60px !important;}
.margR70 { margin-right: 70px !important;}
.margR80 { margin-right: 80px !important;}
.margR90 { margin-right: 90px !important;}
.margR100 { margin-right: 100px !important;}

.margL05 { margin-left: 5px !important;}
.margL10 { margin-left: 10px !important;}
.margL20 { margin-left: 20px !important;}
.margL30 { margin-left: 30px !important;}
.margL40 { margin-left: 40px !important;}
.margL50 { margin-left: 50px !important;}
.margL60 { margin-left: 60px !important;}
.margL70 { margin-left: 70px !important;}
.margL80 { margin-left: 80px !important;}
.margL90 { margin-left: 90px !important;}
.margL100 { margin-left: 100px !important;}


/* ALL
----------------------------------------------------------------------------------*/

body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	-webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4 { font-weight: 500; }

div#wrapper {
	margin: 0 auto;
	font-size: 14px;
}

/*---------- top_nav ----------*/
.top_nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
}

.top_nav nav {
  max-width: 950px;
  /* PC対応 */
  margin: 0 auto;
  /* PC対応 */
}

.top_nav ul {
  display: table;
  width: 100%;
  height: 120px;
  margin: 0 auto;
  font-size: 0;
}

.top_nav ul li:first-child {
  vertical-align: middle;
  padding-left:52px;
  padding-right: 239px
}

.top_nav ul li:last-child {
  padding: 0 49px 0 18px;
}

.top_nav ul li {
  display: table-cell;
}

.inner {
	width: 950px;
	margin: 120px auto 0;
}

.btn01 {
	background: url(../img/sec_01.jpg) no-repeat center center;
	height: 1684px;
}

.btn01 div {
	padding: 1330px 0 0 220px;
}

.btn02 {
	background: url("../img/sec_11.jpg") no-repeat center center;
	height: 450px;
}

.btn02 div {
	text-align: center;
	padding-top: 50px;
}

.btn03 {
	position: relative;
}

.btn03 a {
	position: absolute;
	bottom: 70px;
	left: 100px;
}

/*---------- footer ----------*/
footer {
  background-color: #482316;
  text-align: center;
}
footer p {
  padding: 35px 0 87px;
}

.text01,.text02,.text03,.text04,.text05,.text06,.text07,.text08,.text09,.text10,.text11
 {
	position: relative;
	font-weight: 500;

}

.text01 p,.text02 p,.text03 p,.text04 p,.text05 p,.text06 p,.text07 p,.text08 p,.text09 p,.text10 p {
	position: absolute;
	text-align: center;
	color: #452118;
}


.text01 p {
	bottom: 20px;
	left: 120px;
	font-size: 30px;
	color: #452118;
	line-height: 1.7;
}

.text01 p span ,.text02 p span,.text07 p span,.text10 p span {
	color: #B33633;
}

.text02 p:nth-of-type(1) {
	top: 560px;
	font-size: 27px;
	left: 125px;
	line-height: 1.9em;
}

.text02 p:nth-of-type(2) {
	bottom: 0px;
	left: 170px;
	text-align: center;
	font-size: 30px;
	line-height: 1.8em;
}

.text03 p {
	width: 340px;
	text-align: left;
	right: 160px;
	font-size: 30px;
	bottom: 120px;
	line-height: 1.7em;
	letter-spacing: 4px;
}

.text04 p {
	width: 340px;
	text-align: left;
	left: 145px;
	font-size: 30px;
	bottom: 120px;
	line-height: 1.7em;
	letter-spacing: 4px;
}

.text05 p {
	width: 340px;
	text-align: left;
	right: 160px;
	font-size: 30px;
	bottom: 120px;
	line-height: 1.7em;
	letter-spacing: 4px;
}

.text06 p {
	width: 370px;
	text-align: left;
	left: 145px;
	font-size: 30px;
	bottom: 160px;
	line-height: 1.7em;
	letter-spacing: 4px;
}

.text07 p:nth-of-type(1) {
	width: 405px;
	text-align: left;
	right: 130px;
	font-size: 30px;
	top: 850px;
	line-height: 1.65em;
}

.text07 p:nth-of-type(2) {
	width: 405px;
	text-align: left;
	right: 130px;
	font-size: 30px;
	bottom: 170px;
	line-height: 1.65em;
}

.text08 p:nth-of-type(1) {
	width: 463px;
	text-align: left;
	left: 135px;
	font-size: 32px;
	top: 335px;
	line-height: 1.6em;
	color: #333;
	font-weight: 400;
}

.text08 p:nth-of-type(2) {
	width: 380px;
	left: 177px;
	font-size: 30px;
	bottom: 295px;
	line-height: 1.5em;
	color: #fff;	
}

.text09 p {
	font-size: 27px;
	width: 273px;
	font-weight: 400;
	text-align: left;
	letter-spacing: -1px;
}

.text09 p:nth-of-type(1) {
	width: 258px;
	left: 70px;
	top: 480px;
}

.text09 p:nth-of-type(2) {
	right: 165px;
	top: 480px;
}

.text09 p:nth-of-type(3) {
	width: 248px;
	left: 70px;
	top: 960px;
}

.text09 p:nth-of-type(4) {
	width: 230px;
	right: 205px;
	top: 960px;
}

.text10 p {
	width: 580px;
	font-size: 30px;
	text-align: left;
	line-height: 1.7em;
	left: 200px;
}

.text10 p:nth-of-type(1) {
	top: 370px;	
}

.text10 p:nth-of-type(2) {
	top: 760px;	
}

.text10 p:nth-of-type(3) {
	top: 1145px;	
}