@charset "utf-8";

.top_section {
  position: relative;
  z-index: 10;
  color: #fff;
  background-color: #8D989F;
  padding-top: 20px;
  overflow: hidden;
}
.top_section a {
  color: #fff;
}

h3 {
	font-size: 115%;
	margin: 5em 0 5em 80px;
  font-family: "Shippori Mincho B1", serif;
  line-height: 4em;
  letter-spacing: 0.2em;
}

/* main-visual */
#main-visual {
	height: 100vh;
  z-index: 2;
}
#main-visual #slides {
  overflow: hidden;
}
#main-visual #slides img {
  width: 100%;
  height: 97vh;
  display: flex;
  object-fit: cover;
}
#main-visual #slides li {
  list-style: none;
}

#main-visual .rslides_tabs {
  list-style: none;
  z-index: 10;
  position: relative;
}
#main-visual .rslides_tabs li {
  font-size: 200%;
  margin: -20px 0 0 10px;
  float: left;
}
#main-visual .rslides_tabs li.rslides_here a {
  color: #727272;
}
#main-visual .rslides_tabs a {
  text-decoration: none;
  transition: .6s;
}

#main-visual #slides .caption {
	font-size: 210%;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 500;
  text-shadow: 2px 2px 6px #797979;
  letter-spacing: 0.4em;
  color: #fff;
  padding: 0 0 0 100px;
  position: absolute;
  bottom: 200px;
  z-index: 20;
}

.top_blog {
  width: 100%;
  height: 100vh;
  position: relative;
  margin: 100px 0 0 0;
  padding: 0;
}
.top_blog .latest_blog_posts {
  height: 1em;
  font-family: "Playfair Display", serif;
  font-size: 1em;
  font-style: italic;
  letter-spacing: 0.2em;
  transform: rotate(90deg);
  position: absolute;
  top: 50px;
  left: 0px;
}

.top_blog .blog_more {
  width: 100%;
  clear: both;
  margin: 10px 0 80px 0;
  padding: 0;
}
.top_blog .blog_more a {
  width: 200px;
  display: block;
  letter-spacing: 0.4em;
  position: relative;
  text-decoration: none;
  margin: 0 0 0 80px;
}
.blog_more a:before,
.blog_more a:after{
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  left: -30px;
  height: 1px;
  background: #fff;
}
.blog_more a:before{
  width: 120px;
  transform: translate(30px, 0px);
}
.blog_more a:after{
  width: 10px;
  left: 80px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(35deg);
}

#feed {
  width: 85%;
	margin: 0 auto;
	padding: 0;
  z-index: 100;
}
#feed div {
	width: 26%;
  height: 300px;
  padding: 0;
  margin: 0 4% 0 3%;
	text-align: left;
  color: #eee;
	font-size: 80%;
  float: left;
  display: block;
}
#feed a {
	text-decoration: none;
	color: #fff;
  display: block;
  width: 100%;
}
#feed a:hover {
  opacity: 0.6;
}
	#feed h4 {
		font-size: 110%;
		text-align: left;
    line-height: 1.5;
		margin: 0 0 1em 0;
	}
	#feed span {
		font-size: 100%;
    margin: 1em 0 0 0;
		display: inline-block;
		text-align: left;
    line-height: 1.5;
	}
	#feed div img {
		width: 100%;
    display: block;
	}

.plan_link_i {
  letter-spacing: 0.2em;
  color: #A8A096;
}
.plan_link_i span {
  font-size: 200%;
  font-style: italic;
  margin-left: 5px;
}
.plan_link_1 .plan_link_title,
.plan_link_2 .plan_link_title,
.plan_link_3 .plan_link_title,
.plan_link_4 .plan_link_title,
.plan_link_5 .plan_link_title {
  font-family: "Shippori Mincho B1", serif;
  font-size: 180%;
  margin: 0 0 0 80px;
}
.plan_link_1 .plan_link_title a,
.plan_link_2 .plan_link_title a,
.plan_link_3 .plan_link_title a,
.plan_link_4 .plan_link_title a,
.plan_link_5 .plan_link_title a {
  text-decoration: none;
  color: #81766A;
}

.plan_link_1 {
  background: linear-gradient(to left, transparent 0%, #D8C7C7 70%, #D6CACA 100%), url("/assets/images/top_1.jpg?v=1.0.0");
  background-repeat: no-repeat;
  background-position: right;
  height: 200px;
  color: #FFF;
  padding: 10px 30px;
  z-index: 35;
}
.plan_link_2 {
  background: linear-gradient(to left, transparent 0%, #E9D8CB 70%, #E0D5CD 100%), url("/assets/images/top_2.jpg?v=1.0.0");
  background-repeat: no-repeat;
  background-position: right;
  height: 200px;
  color: #FFF;
  padding: 10px 30px;
  z-index: 35;
}
.plan_link_3 {
  background: linear-gradient(to left, transparent 0%, #D8C7C7 70%, #D6CACA 100%), url("/assets/images/top_3.jpg?v=1.0.0");
  background-repeat: no-repeat;
  background-position: right;
  height: 200px;
  color: #FFF;
  padding: 10px 30px;
  z-index: 35;
}
.plan_link_4 {
  background: linear-gradient(to left, transparent 0%, #E9D8CB 70%, #E0D5CD 100%), url("/assets/images/top_4.jpg?v=1.0.0");
  background-repeat: no-repeat;
  background-position: right;
  height: 200px;
  color: #FFF;
  padding: 10px 30px;
  z-index: 35;
}
.plan_link_5 {
  background: linear-gradient(to left, transparent 0%, #D8C7C7 70%, #D6CACA 100%), url("/assets/images/top_5.jpg?v=1.0.0");
  background-repeat: no-repeat;
  background-position: right;
  height: 200px;
  color: #FFF;
  padding: 10px 30px;
  z-index: 35;
}

@media screen and (max-width: 1100px) {
#main-visual #slides img {
  height: auto;
  object-fit: contain;
}

.top_blog .latest_blog_posts {
  transform: rotate(0);
  position: absolute;
  top: -50px;
  left: 20px;
  display: block;
}
}
@media screen and (max-width: 600px) {
#main-visual {
  height: 300px;
}
#main-visual #slides img {
  width: 100%;
  object-fit: contain;
}

h3 {
	font-size: 100%;
	margin: 4em 2em;
  font-family: "Shippori Mincho B1", serif;
  line-height: 4em;
  letter-spacing: 0.2em;
}
  
.plan_link_i span {
  font-size: 120%;
}
.plan_link_1 .plan_link_title,
.plan_link_2 .plan_link_title,
.plan_link_3 .plan_link_title,
.plan_link_4 .plan_link_title,
.plan_link_5 .plan_link_title {
  font-family: "Shippori Mincho B1", serif;
  font-size: 150%;
  margin: 0 0 0 20px;
}

.plan_link_1 {
  background: linear-gradient(to left, transparent 0%, #D8C7C7 70%, #D6CACA 100%), url("/assets/images/top_1.jpg?v=1.0.0");
  height: 120px;
  background-position: center;
}
.plan_link_2 {
  background: linear-gradient(to left, transparent 0%, #E9D8CB 70%, #E0D5CD 100%), url("/assets/images/top_2.jpg?v=1.0.0");
  height: 120px;
  background-position: center;
}
.plan_link_3 {
  background: linear-gradient(to left, transparent 0%, #D8C7C7 70%, #D6CACA 100%), url("/assets/images/top_3.jpg?v=1.0.0");
  height: 120px;
  background-position: center;
}
.plan_link_4 {
  background: linear-gradient(to left, transparent 0%, #E9D8CB 70%, #E0D5CD 100%), url("/assets/images/top_4.jpg?v=1.0.0");
  height: 120px;
  background-position: center;
}
.plan_link_5 {
  background: linear-gradient(to left, transparent 0%, #D8C7C7 70%, #D6CACA 100%), url("/assets/images/top_5.jpg?v=1.0.0");
  height: 120px;
  background-position: center;
}

#feed {
  width: 98%;
	margin: 0 auto 30px auto;
	padding: 0;
  z-index: 100;
}
#feed div {
	width: 28%;
  height: 250px;
  margin: 0 2% 0 2%;
	text-align: left;
  color: #eee;
	font-size: 80%;
  float: left;
  display: block;
}
#feed a {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}
  
h3 {
	font-size: 100%;
	margin: 5em 20px 5em 20px;
  line-height: 2.2;
  letter-spacing: 0.2em;
}
  
.top_blog .blog_more a {
  width: 200px;
  display: block;
  letter-spacing: 0.4em;
  position: relative;
  text-decoration: none;
  margin: 0 0 0 20px;
}
}