@charset "utf-8";




@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	.top_image{
		margin-bottom:5rem;
		width: 200%;
		margin-left: -50%;
	}
}



/*--------------------------------------------
    Know
--------------------------------------------*/


@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
    /*SP*/
}

/*--------------------------------------------
    Main
--------------------------------------------*/
#main .main_wrap{
	background:url(../../../files/img/bg_guide_tea.jpg);
	background-size:cover;
	background-position:center;
}
#main .gradient{
	/* background: linear-gradient(to right,#fff, #aa3200 60%, #5c1803); */
}
#main #title {
    fill: #fff;
    filter: drop-shadow(0 0 10px #000);
}
h1{
	/* width: 12%;
    margin-left: 81%;
    margin-right: 7%; */
    width: 8%;
    margin-left: 85%;
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	#main .main_wrap{
		background:url((../../../files/img/bg_guide_tea.jpg);
		background-size:cover;
		background-position:center;
	}
	#main .gradient{
		/* background: linear-gradient(to right,#fff, #aa3200 40%, #5c1803); */
	}
	h1{
		width: 30%;
	}
}

/*--------------------------------------------
    Zen
--------------------------------------------*/

#zen{
	padding-top:20rem;
	padding-bottom:10rem;
	background:url(../../../common/img/bg_washi.jpg);
}
#zen .title{
	font-size:2.4rem;
	margin-bottom:5rem;
}
#zen p{
	line-height:2;
}
#zen p.name{
	text-align:right;
	margin-top:2rem;
}
#zen .link{
	width: 60%;
	margin-left: 20%;
	margin-top:5rem;
	position:relative;
}
#zen .link a:after{
	content:"";
    display: inline-block;
	background:url(../../../common/img/img_arrow_w.svg);
    width:22px;
    height:4px;
    position:absolute;
    right:1.5rem;
    top: 50%;
    transform: translateY(-50%);
    transition:0.3s;
}
#zen .link a:hover:after{
    right:0.5rem;
}
#zen .link .title{
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
}
#zen .link .title p{
	color:#fff;
	font-size:2.4rem;
	letter-spacing: 0.5rem;
}
#zen .link .bg-scale {
	width:100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 0 12px #7b7a35;
	padding: 60px 0;
	display: inline-block;
	background: #90B721;
}
#zen .link .bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
}
#zen .link a:hover .bg-scale:after {
    opacity: 0.5;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
#zen .link .bg-scale:after {
    background: url(../../../files/img/bg_guide_experience.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#zen .link .bg-scale .inner {
    z-index: 1;
    position: relative;
}


@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	#zen{
		overflow:hidden;
	}
	#zen .link {
		width: 90%;
		margin-left: 5%;
	}
	#zen .link .title{
		transform: translate(-25%,-50%);
		width: 100%;
	}
}


/*--------------------------------------------
    Buddha
--------------------------------------------*/
#buddha{
	margin-top:20rem;
}
#buddha .contents{
	justify-content: space-between;
	align-items: flex-start;
}
#buddha .juichimen{
	margin-bottom: 15rem;
}
#buddha .contents img{
	width:40%;
	margin-top: -15rem;
}
#buddha .text{
	width:55%;
	line-height:2;
}
#buddha .name{
	font-size:2.4rem;
	color:#90b821;
	margin-bottom:5rem;
}


@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	#buddha{
		overflow:hidden;
	}
	#buddha .top_image {
		margin-bottom: 0;
	}
	#buddha .contents{
		width:90%;
		margin-left:5%;
	}
	#buddha .contents img{
		width:100%;
		margin-top:3rem;
	}
	#buddha .text{
		width:100%;
	}
	#buddha .name {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
}


/*--------------------------------------------
    Tea
--------------------------------------------*/
#tea{
	margin-top:20rem;
	background:url(../img/bg_tea_text.jpg);
	background-size:cover;
}
#tea .text{
	padding-bottom:20rem;
}
#tea .parallax{
	background:url(../img/bg_tea_parallax.jpg);
	background-size: cover;
    padding: 15rem 0;
    background-attachment: fixed;
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	#tea{
		overflow:hidden;
	}
}


/*--------------------------------------------
    History
--------------------------------------------*/
#history{
	margin-top:20rem;
}
#history .chronology{
	background:url(../../../common/img/bg_washi.jpg);
	padding: 2rem 0 10rem 0;
	margin-top: 10rem;
	margin-bottom:10rem;
}
#history .chronology table{
	width:80%;
	margin-left:10%;
}
#history .chronology th,
#history .chronology td{
	border-bottom:1px solid #c2c2c2;
	text-align:left;
	padding:1rem 0;
	font-weight:normal;
	font-size:1.4rem;
}
#history .chronology th{
	width:25%;
}
#history .yosai{
}
#history .img_yosai {
	width:50%;
	background:url(../img/img_yosai.jpg);
	background-size:cover;
	background-position:center;
}
#history .yosai .text{
	width:47%;
	margin-left:3%;
	max-width:calc(500px - 3%);
}
#history .yosai_chronology {
	justify-content: space-between;
	margin-top:10rem;
}
#history .yosai_chronology table{
	width:47%;
	border-top:1px solid #c2c2c2;
}
#history .yosai_chronology th{
	width:15%
}
#history .yosai_chronology td{
	width:80%
}
#history .yosai_chronology th,
#history .yosai_chronology td{
	border-bottom:1px solid #c2c2c2;
	text-align:left;
	padding:1rem 0;
	font-weight:normal;
	font-size:1.4rem;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/
	#history .yosai .text{
		width:42%;
		margin-left:3%;
		margin-right:5%;
		max-width:calc(500px - 8%);
	}
}
@media screen and (max-width:479px) {
	/*SP*/
	#history{
		overflow:hidden;
	}
	#history .chronology {
		padding: 2rem 0 5rem 0;
		width: 90%;
		margin-left: 5%;
	}
	#history .chronology table {
		width: 90%;
		margin-left: 5%;
	}
	#history .chronology th {
		width: 30%;
		margin-right:3%;
	}
	#history .img_yosai {
		width: 100%;
		padding: 15rem 0;
		margin-bottom:5rem;
		background-position: center top;
	}
	#history .yosai .text{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	#history .yosai_chronology table {
		width: 90%;
		margin-left:5%;
	}
	#history .yosai_chronology tr{
		border-bottom:1px solid #c2c2c2;
	}
	#history .yosai_chronology th,
	#history .yosai_chronology td{
		border-bottom:none;
	}
}