/***************************
 *
 * トップページ
 * ★ページ中身用★
 *
 **************************/
@media all and (max-width: 736px) {
	/*
MAIN VISUAL
*/
	.main-visual {
		position: relative;
		height: 600px;
	}
	.main-visual .main-visual-swiper {
	}
	.main-visual .swiper-slide {
		width: 100%;
		height: 600px;
	}
	.main-visual .swiper-slide img {
		width: 100%;
		height: 600px;

		object-fit: cover;
	}
	.main-visual .box-content {
		position: absolute;
		left: 5%;
		bottom: 0%;
		transform: translate(0%, -50%);
		z-index: 3;
	}
	.main-visual .main-visual-title {
		margin-bottom: 22px;
	}
	.main-visual .main-visual-title span {
		display: inline-block;
		background: #fff;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.9444em;
		padding: 0 13px;
		margin-bottom: 10px;
		color: #444444;
	}
	.main-visual .btn {
		margin: 0;
	}

	/*
	MAIN FEATURE
	*/
	.main-feature {
		background: url(../img/main-feature-bg.jpg) 0 0 repeat;
		background-size: cover;
		position: relative;
		padding: 1px 15px 40px;
		z-index: 5;
	}
	.main-feature .box-content {
		background: #fff;
		position: relative;
		border-radius: 10px;
		box-sizing: border-box;
		margin-top: -50px;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.main-feature .main-feature-header {
		position: relative;
	}
	.main-feature .main-feature-title {
		text-indent: -9999em;
		width: 200px;
		margin: 0 auto 5px;
		position: relative;
		background: url(../img/main-feature-title-sp.png) center top no-repeat;
		background-size: contain;
		padding-top: 38.45%;
		height: 0;
	}
	.main-feature .main-feature-title img {
		display: none;
	}
	.main-feature .main-feature-header .btn {
		width: 200px;
	}
	.list-main-feature {
		/* display: flex;
		justify-content: space-between;
		flex-wrap: wrap; */
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px;
	}
	.list-main-feature li {
		border: 2px solid #efeeea;
		box-sizing: border-box;
		position: relative;
		/* width: 32%; */
		/* height: 200px; */
		/* margin-bottom: 15px; */
		display: flex;

		flex-direction: column;
		justify-content: center;
	}
	/* .list-main-feature li:nth-child(4),
	.list-main-feature li:nth-child(6) {
		margin-right: 15%;
	}
	.list-main-feature li:nth-child(5),
	.list-main-feature li:nth-child(7) {
		margin-left: 15%;
	}
	.list-main-feature li:nth-child(8),
	.list-main-feature li:nth-child(9),
	.list-main-feature li:nth-child(10) {
		margin-bottom: 0;
	} */
	.list-main-feature .feature-num {
		position: absolute;
		left: -15px;
		top: -15px;
		color: white;
		text-align: center;
		border-radius: 100%;
		width: 40px;
		line-height: 37px;
		height: 40px;
		padding-right: 2px;
		background: #a8baaa;
		font-size: 2rem;
		font-weight: bold;
	}
	.list-main-feature .feature-ic {
		margin: 15px auto 5px;
		width: 64px;
	}
	.list-main-feature .feature-title {
		text-align: center;
		font-size: 1.1rem;
		color: #a8baaa;
		font-weight: bold;
		margin-bottom: 10px;
	}

	/*
	MAIN LINKS 1
	*/
	.main-links-1 {
		padding: 40px 15px;
	}
	.main-link-1-wrap {
		/* display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 46px; */
	}
	.main-link-1 {
		position: relative;
	}
	.main-link-1:nth-child(1) {
		width: 75%;
		margin-left: 25%;
		margin-bottom: 50px;
	}
	.main-link-1:nth-child(2) {
		width: 75%;

	}
	.main-link-1 .main-link-1-link {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: block;
	}
	.main-link-1 .main-link-1-link:hover + .main-link-1-title + .main-link-1-pic img {
		opacity: 0.7;
	}
	.main-link-1 .main-link-1-title {
		position: absolute;
		left: -15px;
		top: -15px;
		z-index: 2;
	}
	.main-link-1 .main-link-1-title span {
		color: white;
		display: inline-block;
		font-weight: bold;
		font-size: 2.6rem;
		background: #a97a4a;
		padding: 0 10px;
	}
	.main-link-1 .main-link-1-title span.en {
		color: white;
		display: inline-block;
		font-weight: bold;
		font-size: 1.6rem;
		background: #a97a4a;
	}
	.main-link-1 .main-link-1-pic {
	}
	.main-link-1 .main-link-1-pic img {
		/* width: 100%;
		height: 300px;
		object-fit: cover; */
		border-radius: 10px;
		transition: 0.3s ease;
	}
	.main-link-1:nth-child(1):before {
		content: "";
		display: block;
		background: url(../img/main-link-1-stick-1.png) 0 0 no-repeat;
		background-size: contain;
		width: 188px;
		height: 132px;
		position: absolute;
		left: -120px;
		bottom: -25px;
		transfrom: scale(1.2);
	}
	.main-link-1:nth-child(2):before {
		content: "";
		display: block;
		background: url(../img/main-link-1-stick-2.png) 0 0 no-repeat;
		background-size: contain;
		width: 154px;
		height: 151px;
		position: absolute;
		right: -120px;
		bottom: -25px;
		transfrom: scale(1.2);
	}

	/*
	MAIN FAC
	*/
	.main-fac {
		position: relative;
		background: url(../img/main-fac-bg-sp.jpg) center top no-repeat;
		background-size: cover;
		padding: 40px 45px 25px;
	}
	.main-fac .main-fac-title {
		text-align: center;
		font-weight: bold;
		font-size: 3rem;
		color: #a97a4a;
		margin-bottom: 35px;
	}

	/*
	MAIN NEWS
	*/
	.main-news {
		position: relative;
		padding-bottom: 40px;
		background: url(../img/main-news-bg-2.jpg) left bottom repeat-x;
		background-size: cover;
	}
	.main-news .main-news-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 50%;
		background: url(../img/main-news-bg-sp.jpg) center top no-repeat;
		background-size: cover;
	}
	.main-news .box-content {
		position: relative;
		z-index: 2;
	}
	.main-news .main-news-title {
		text-align: center;
		font-weight: bold;
		color: white;
		font-size: 3rem;
		padding: 40px 0;
	}
	.main-news .main-news-content {
		background: #fff;
		border-radius: 10px;
		padding: 20px 15px;
		position: relative;
	}
	.main-news .main-news-content:before {
		content: "";
		display: block;
		background: url(../img/main-news-stick-r.png) 0 0 no-repeat;
		background-size: contain;
		width: 61px;
		height: 54px;
		position: absolute;
		left: -20px;
		bottom: -5px;
		transfrom: scale(1.2);
	}
	.main-news .main-news-content:after {
		content: "";
		display: block;
		background: url(../img/main-news-stick-l.png) 0 0 no-repeat;
		background-size: contain;
		width: 25px;
		height: 53px;
		position: absolute;
		right: -20px;
		bottom: -5px;
		transfrom: scale(1.2);
	}

	.main-news .btn {
	}

	/*
	MAIN INSTA
	*/
	.main-insta {
		position: relative;
		padding-bottom: 35px;
	}
	.main-insta .main-insta-header {
		padding: 40px 20px;
	}
	.main-insta .main-insta-header .main-insta-title {
		text-align: left;
		font-weight: bold;
		font-size: 3rem;
		color: #a97a4a;
		position: relative;
		z-index: 2;
	}
	.main-insta .main-insta-header .btn {
		margin: 0;
		position: absolute;
		right: 70px;
		top: 50px;
		z-index: 3;
	}
	.main-insta .main-insta-header:after {
		content: "";
		display: block;
		background: url(../img/main-insta-stick.png) 0 0 no-repeat;
		background-size: contain;
		width: 182px;
		height: 86px;
		position: absolute;
		right: 0px;
		top: 0;
		
	}

	/*
	MAIN FEATS
	*/
	.main-feats {
		background: url(../img/main-feats-bg.jpg) center top no-repeat;
		background-size: cover;
		position: relative;
		padding: 40px 0 40px;
	}
	.main-feats .box-content {
		padding: 0;

	}
	.box-feat {
		position: relative;
	}
	.box-feat + .box-feat {
		margin-top: 40px;
	}
	.box-feat .feat-pic {
		position: relative;
	}
	.box-feat .feat-pic img {
		width: 100%;
		height: 220px;
		object-fit: cover;

	}
	.box-feat .feat-content {
		background: #fff;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 0px 15px 10px;
		position: relative;
		margin: 0 20px;
		margin-top: -50px;
	}
	.box-feat .feat-content .feat-title {
		text-align: center;
		position: relative;
		margin-bottom: 0px;
		top: -20px;
	}
	.box-feat .feat-content .feat-title span {
		background: #a8baaa;
		color: white;
		font-weight: bold;
		font-size: 2.6rem;
		display: inline-block;
		padding: 0 15px;
	}
	.box-feat .feat-content .feat-title span.en {
		color: white;
		font-weight: bold;
		font-size: 1.6rem;
	}
	.box-feat .feat-content p {
		font-size: 1.6rem;
		line-height: 2.25em;
		color: #444444;
	}
	.box-feat .feat-content .btn {
		width: 200px;
		margin: 15px auto;
	}
	/* .box-feat-2 .feat-content {
		left: auto;
		right: -30px;
	} */
	.feat-stick-1 {
		position: absolute;
		left: -30px;
		bottom: -20px;
		background: url(../img/box-feat-stick-1.png) 0 0 no-repeat;
		background-size: contain;
		width: 52px;
		height: 45px;
		transfrom: scale(1.2);
	}
	.feat-stick-2 {
		position: absolute;
		right: -30px;
		top: -30px;
		background: url(../img/box-feat-stick-2.png) 0 0 no-repeat;
		background-size: contain;
		width: 52px;
		height: 45px;
		transfrom: scale(1.2);
	}

	/*
	MAIN USE
	*/
	.main-use {
		position: relative;
		padding-bottom: 30px;
	}
	.main-use .main-use-title {
		text-align: center;
		font-weight: bold;
		font-size: 3rem;
		color: #a97a4a;
		padding: 40px 0;
		background: url(../img/main-use-title-bg-sp.jpg) center center no-repeat;
		background-size: 100% 41px;
	}
	.main-use .cards {
		margin: 0 50px;
	}
	.main-use .cards .card-content {
		border-right: 1px dashed #eceae4;
	}
	.main-use .cards .card:nth-child(2n) .card-content {
		border-right: none;
	}

	/*
	MAIN LINKS 2
	*/
	.main-links-2 {
		background: url(../img/main-feature-bg.jpg) 0 0 repeat;
		background-size: cover;
		padding: 40px 0 40px;
	}
	.main-link-2-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
	}
	.main-link-2-wrap .main-link-2 {
		border-radius: 10px;
		overflow: hidden;
		position: relative;
	}
	.main-link-2 .main-link-2-pic {
	}
	.main-link-2 .main-link-2-pic img {
		width: 100%;
	}
	.main-link-2 .main-link-2-content {
		position: relative;
		background: #fff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.main-link-2 .main-link-2-content .main-link-2-title {
		position: relative;
		text-align: center;
	}
	.main-link-2 .main-link-2-content .main-link-2-title span {
		color: #fff;
		display: inline-block;
		background: #e4bbc1;
		font-size: 2.4rem;
		font-weight: bold;
		padding: 0 15px;
		margin-top: -50px;
		margin-bottom: 5px;
	}
	.main-link-2 .main-link-2-content p {
		font-size: 1.6rem;
		text-align: left;
		padding: 0 5px;
	}
	.main-link-2 .main-link-2-content .btn {
		width: 170px;
		margin-top: 10px;
		margin-bottom: 0;
	}
	
	
	/* 
	NEW SLIDE
	*/
	
	#container {
	  position: absolute;
	  width: 100%;
	  /* height: 100%; */
	  height: 600px;
	  overflow: hidden;
	}
	
	#slides {
	  position: relative;
	  width: 100%;
	  height: 600px;
	}
	#slides .slide {
	  position: absolute;
	  display: flex;
	  width: 100%;
	  height: 600px;
	}
	#slides .slide .title {
	  position: absolute;
	  top: calc(50% - 0.5em);
	  left: 20px;
	  z-index: 2;
	  padding-top: 5px;
	  font-family: "Reem Kufi", sans-serif;
	  font-size: 5em;
	  color: white;
	  overflow: hidden;
	}
	#slides .slide .title .title-text {
	  display: block;
	  transform: translateY(1.2em);
	  transition: transform 1s ease-in-out;
	}
	#slides .slide .slide-partial {
	  position: absolute;
	  width: 50%;
	  height: 100%;
	  overflow: hidden;
	  transition: transform 1s ease-in-out;
	}
	#slides .slide .slide-partial img {
	  position: absolute;
	  z-index: 1;
	  width: 100%;
	  height: 600px;
	  -o-object-fit: cover;
		 object-fit: cover;
	  transition: transform 1s ease-in-out;
	}
	#slides .slide .slide-left {
	  top: 0;
	  left: 0;
	  transform: translateX(-100%);
	}
	#slides .slide .slide-left img {
	  top: 0;
	  right: 0;
	  -o-object-position: 100% 50%;
		 object-position: 100% 50%;
	  transform: translateX(50%);
	}
	#slides .slide .slide-right {
	  top: 0;
	  right: 0;
	  transform: translateX(100%);
	  transition-delay: 0.2s;
	}
	#slides .slide .slide-right img {
	  top: 0;
	  left: 0;
	  -o-object-position: 0% 50%;
		 object-position: 0% 50%;
	  transition-delay: 0.2s;
	  transform: translateX(-50%);
	}
	#slides .slide.active .title .title-text {
	  transform: translate(0);
	  transition-delay: 0.3s;
	}
	#slides .slide.active .slide-partial, #slides .slide.active .slide-partial img {
	  transform: translateX(0);
	}
	
	#slide-select {
	  position: absolute;
	  bottom: 20px;
	  left: 20px;
	  z-index: 100;
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	  font-family: "Reem Kufi", sans-serif;
	  font-size: 1.5em;
	  font-weight: lighter;
	  color: white;
	  opacity: 0;
	}
	#slide-select li {
	  position: relative;
	  cursor: pointer;
	  margin: 0 5px;
	}
	#slide-select li.prev:hover {
	  transform: translateX(-2px);
	}
	#slide-select li.next:hover {
	  transform: translateX(2px);
	}
	#slide-select .selector {
	  height: 14px;
	  width: 14px;
	  border: 2px solid white;
	  background-color: transparent;
	  transition: background-color 0.5s ease-in-out;
	}
	#slide-select .selector.current {
	  background-color: white;
	}
}