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

/* Base Style
------------------------------------------------------------ */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }
img {
	max-width:100%;
	hieght:auto;
}
li {
	list-style:none;
	display:inline-block;
}

/* web font
------------------------------------------------------------ */

/*
* “はんなり明朝” licensed under the IPA Font License Agreement v1.0
* http://typingart.net/（”はんなり明朝”配布元のURL）
* http://ipafont.ipa.go.jp/（IPAフォントのURL）
* http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/
@font-face {
  font-family: 'Hannari';
  src: url('fonts/Hannari.eot'); /* IE9 Compat Modes */
  src: url('fonts/Hannari.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Hannari.woff') format('woff'), /* Modern Browsers */
       url('fonts/Hannari.ttf')  format('truetype');/* Safari, Android, iOS */
}

h1,h2,h3,h4,h5,h6,p,ul,li {
	margin:0;
	padding:0;
	font-weight:normal;
}
h2 {
	font-size: 2.8rem;
	margin-bottom:12px;
	font-family:'Hannari';
	font-weight:normal;
}
h3 {
	font-size: 1.8rem;
	line-height:2.4rem;
	font-weight:normal;
}
p {
	line-height:2.4rem;
}
/* Link */
a {
	display:block;
	text-decoration:none;
	color:#766138;
	-webkit-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}
a:hover {
	opacity:0.5;
}
a img {
	opacity:1;
	transition-duration:0.3s;
	transition-timing-function:ease-in;
}
a img:hover {
	opacity:0.5;
}
/*crearfix*/
 .clearfix:after
 .row:after {
    content:"";
    display:block;
    clear:both;
}

/* Column
------------------------------------------------------------ */
.two {
	width:50%;
	float:left;
	margin:0;
	padding:0;
}
.two:last-child {
	float:right;
}
.two_01 {
	width:35%;
	float:left;
	margin:0;
	padding:0;
	padding-top:7.5%;
}
.two_02 {
	width:65%;
	float:right;
	margin:0;
	padding:0;
}
.three {
	width:30%;
	margin-left:2%;
	margin-right:2%;
	float:left;
}
.three:first-child {
	margin-left: 1%;
	margin-right: 2%;
}
.three:last-child {
	margin-right:1%;
	float:right;
}


/* Style
------------------------------------------------------------ */

html {
	height:100%;
	font-size:62.5%;
}
body{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , "Meiryo" , Osaka,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:16px;
	font-size:1.6rem;
	color:#303030;
}
.section {
	width: 100%;
	position: relative;
	background-position: bottom;
	background-size: cover;
}
.sectionInner {
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0 40px;
}
.section .sectionInner img {
	display:block;
	margin:0 auto;
}

/* section 01
------------------------------------------------------------ */
.section01 {
	background-image:url(../image/section_bg01.jpg);
	background-repeat:no-repeat;
}
.section01 .sectionInner {
	text-align:center;
}
.header {
	width:100%;
	position:relative;
}
.header h1 {
	width:100%;
	padding-bottom:60px;
}
.header h1 img {
	display:block;
}

/* section 02
------------------------------------------------------------ */
.section02 {
	background-image:url(../image/section_bg02.jpg);
	background-repeat:no-repeat;
}
.section02 .sectionInner {
	padding:0 60px;
}
.section02 h2 {
	margin-bottom:40px;
}
.section02 h2 img,
.section02 .sec02_introText {
	display:block;
}

/* section 03
------------------------------------------------------------ */
.section03 {
	background-image:url(../image/section_bg03.jpg);
	background-repeat:no-repeat;
}
.section03 .sectionInner h2 {
	float:right;
}
.section03 .sectionInner h2 img {
	display:block;
}

/* section 04
------------------------------------------------------------ */
.section04 {
	background-image:url(../image/section_bg07.jpg);
	background-repeat:no-repeat;
}
.section04 .sectionInner {
	padding:0 20px;
}
.section04 .sectionInner .sec04TextArea img{
	width:100%;
	display:block;
	max-width:460px;
	margin:0;
	padding:16px;
}

/* section 05
------------------------------------------------------------ */
.section05 {
	background-image:url(../image/section_bg07.jpg);
	background-repeat:no-repeat;
}
.section05 .sectionInner .my-gallery figure {
	margin:0;
	padding:0;
}

/* section 06
------------------------------------------------------------ */
.section06 {
	background-image:url(../image/section_bg07.jpg);
	background-repeat:no-repeat;
}
.section06 img {
	display: block;
}
.section06 .sectionInner .my-gallery figure {
	margin:0;
	padding:0;
	text-align:left;
}
.section06 .sectionInner .story_title {
	margin:0 0 20px 0;
}
.section06 .sectionInner .story_caption {
	margin:20px 0 0 0;
}

/* section 07
------------------------------------------------------------ */
.section07 {
	background-image:url(../image/section_bg07.jpg);
	background-repeat:no-repeat;
}
.section07 img {
	display: block;
}
.section07 .sectionInner .my-gallery figure {
	margin:0;
	padding:0;
	text-align:left;
}
.section07 .sectionInner .story_title {
	margin:0 0 20px 0;
}
.section07 .sectionInner .story_caption {
	margin:20px 0 0 0;
}

/* section Last
------------------------------------------------------------ */
.sectionLast {
	background-image:url(../image/section_bg06_pc.jpg);
	background-repeat:no-repeat;
}
.sectionLast .sectionInner {
	margin-bottom:0px;
}
.bnrArea {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	z-index: 10;
	text-align:center;
	position:relative;
	top:-100px;
}
.bnrArea a {
	display:inline-block;
}
.bnrArea a .bnr {
	margin-top: 100px;
	-webkit-box-shadow: 2px 2px 6px 0px #B0B0B0;
	box-shadow: 2px 2px 6px 0px #B0B0B0;
}
.bnrArea .bnrText {
	text-align:center;
	padding-top:20px;
	color:#766138;
}
.bnrArea .bnrText a{
	display:inline-block;
	padding-top:20px;
}
.bnrArea .bnrText .newsRelease {
	width: 100%;
	height:60px;
	margin: 0 auto;
	position: relative;
}
.bnrArea .bnrText .newsRelease a img {
	width: 100%;
	max-width: 14px;
	padding-top: 0;
	float: left;
}
.bnrArea .bnrText .newsRelease a p{
	float:left;
	line-height:2.2rem;
	margin-left:10px;
}

/* footer
------------------------------------------------------------ */
.footer  {
	width: 100%;
	height:200px;
	position: absolute;
	bottom: 0px;
}
.footerInner {
	width:100%;
	margin:0 auto;
	position:relative;
	text-align:right;
	padding-right:40px;
}
.footerInner a {
	display:inline-block;
}
.footerInner a img:hover {
	opacity:1;
}
.footerInner img {
	position: relative;
	right: 20px;
	bottom:-110px;
}
.footerInner p {
	font-size:1.2rem;
	position:relative;
	right:20px;
	bottom:-110px;
}

.bnrArea .bnr_spLink,
.bnrArea a .bnr_sp {
	display:none;
}


@media screen and (max-width:640px){
	.bnrArea .bnrLink,
	.bnrArea a .bnr {
	display:none;
}
.bnrArea .bnr_spLink {
	display:block;
}
.bnrArea a .bnr_sp {
	display:block;
	margin-top: 100px;
	-webkit-box-shadow: 2px 2px 6px 0px #B0B0B0;
	box-shadow: 2px 2px 6px 0px #B0B0B0;
}
	
}