@charset "utf-8";
/* CSS Document */
header ul li:nth-of-type(3) a {
    color: #000;
}
header ul li:nth-of-type(3) a:hover {
	text-decoration:none;
}
#main_v{
	background:url(../img/main_v_bg.jpg) center center/cover no-repeat;
	height:41.8rem!important;
	max-height:41.8rem!important;
	position:relative;
	z-index:1;
}
/* ieハック */
@media screen\0 {
#main_v.fadein{
	 transition-duration:0;
}
}

h1{
	position:absolute;
	left:0px;
	top:auto;
	bottom:-35rem;
}
h1.fadein.scrollin{
	top:auto;
	bottom:-30rem;
}
#section01{
	width:62%;
	margin-left:30%;
	margin-bottom:12rem;
	position:relative;
}
#section01 img{
	position:absolute;
	right:-4em;
	top:-3em;
}
#section01 h2{
	font-size:2.8rem;
	margin-top:3em;
}
#section01 h2  + p{
	line-height:2;
	margin:1em 0;
}
#section02{
	margin-bottom:10rem;
}
#section02 img{
	width:53.107%;
}
#section02 div {
    width: 34%;
    margin-right: 6%;
}
#section02 div h3{
	font-size:2.6rem;
	margin-top:1em;
}
#section02 div h3 + p{
	line-height:2;
	margin-top:1em;
}

#section03{
	margin-bottom:13rem;
}
#section03 img{
	width:56.602%;
}
#section03 div {
    width: 34%;
    margin-left: 3%;
}
#section03 div h3{
	font-size:2.6rem;
	margin-top:4.5em;
}
#section03 div h3 + p{
	line-height:2;
	margin-top:1em;
}

/*---------------------------------------------------------------
横幅768px～1130pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1130px) {
}

/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width: 767px) {
header ul li:nth-of-type(3) a {
    color: #8f6a46;
}
#main_v {
    background: url(../img/main_v_bg_sp.jpg) center center/cover no-repeat;
    height: 95vw!important;
    max-height: 95vw!important;
}
h1 {
    bottom: -44rem;
	width:28%;
	left:auto;
	right:8%;
	position:absolute;
}
h1.fadein.scrollin {
	left:auto;
	right:8%;
    bottom: -39rem;
	position:absolute;
}
#section01 {
    width: 80%;
	margin:0 auto;
    margin-bottom: 7rem;
}
#section01 h2 {
    font-size: 2rem;
    margin-top: 2.5em;
	white-space:nowrap;
}
#section01 img {
    right: -3em;
    top: -2.5em;
    width: 40%;
}

#section02 {
	width:100vw;
	margin-left:-6vw;
    margin-bottom: 5rem;
}
#section02 img {
    width: 100%;
}
#section02 div {
    width: 70.5%;
	margin:0 auto;
}
#section02 div h3 {
    font-size: 2rem;
    margin-top: 2em;
}

#section03 {
	width:100vw;
	margin-left:-6vw;
    margin-bottom: 7rem;
}
#section03 img {
    width: 100%;
	order:1;
}
#section03 div {
    width: 70.5%;
	margin:0 auto;
	order:2;
}
#section03 div h3 {
    font-size: 2rem;
    margin-top: 2em;
}



 
}