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

		object-fit: cover;
	}
	.main-visual .box-content {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -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: 3.6rem;
		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: 1600px 919px;
		position: relative;
		padding: 1px 0 80px;
		z-index: 5;
	}
	.main-feature .box-content {
		background: #fff;
		position: relative;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 60px;
		margin-top: -100px;
	}
	.main-feature .main-feature-header {
		position: relative;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.main-feature .main-feature-title {
		width: 211px;
		margin: 0 auto;
		position: relative;
	}
	.main-feature .main-feature-header .btn {
		width: 200px;
	}
	.list-main-feature {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.list-main-feature li {
		border: 4px 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: 60px;
		line-height: 57px;
		height: 60px;
		background: #a8baaa;
		font-size: 3rem;
		font-weight: bold;
		padding-right: 2px;
	}
	.list-main-feature .feature-ic {
		margin: 0 auto 15px;
		width: 132px;
	}
	.list-main-feature .feature-title {
		text-align: center;
		font-size: 2.1rem;
		color: #a8baaa;
		font-weight: bold;
	}

	/*
	MAIN LINKS 1
	*/
	.main-links-1 {
		padding: 100px 0;
	}
	.main-link-1-wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 46px;
	}
	.main-link-1 {
		position: relative;
	}
	.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: 3.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: 2.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: 376px;
		height: 264px;
		position: absolute;
		left: -240px;
		bottom: -50px;
	}
	.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: 308px;
		height: 303px;
		position: absolute;
		right: -240px;
		bottom: -50px;
	}

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

	/*
	MAIN NEWS
	*/
	.main-news {
		position: relative;
		padding-bottom: 110px;
		background: url(../img/main-news-bg-2.jpg) left bottom repeat-x;
		background-size: 1600px 554px;
	}
	.main-news .main-news-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 538px;
		background: url(../img/main-news-bg.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: 4.2rem;
		padding: 130px 0;
	}
	.main-news .main-news-content {
		background: #fff;
		border-radius: 10px;
		padding: 60px 70px 50px;
		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: 122px;
		height: 108px;
		position: absolute;
		left: -40px;
		bottom: -5px;
	}
	.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: 50px;
		height: 106px;
		position: absolute;
		right: -20px;
		bottom: -5px;
	}

	.main-news .btn {
		margin-top: 50px;
	}

	/*
	MAIN INSTA
	*/
	.main-insta {
		position: relative;
		padding-bottom: 50px;
	}
	.main-insta .main-insta-header {
		padding: 50px 70px;
	}
	.main-insta .main-insta-header .main-insta-title {
		text-align: left;
		font-weight: bold;
		font-size: 4.2rem;
		color: #a97a4a;
	}
	.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: 365px;
		height: 172px;
		position: absolute;
		right: 320px;
		top: 0;
	}

	/*
	MAIN FEATS
	*/
	.main-feats {
		background: url(../img/main-feats-bg.jpg) center top no-repeat;
		background-size: cover;
		position: relative;
		padding: 70px 0 100px;
	}
	.box-feat {
		position: relative;
	}
	.box-feat + .box-feat {
		margin-top: 100px;
	}
	.box-feat .feat-pic {
		position: relative;
	}
	.box-feat .feat-pic img {
		width: 100%;
		height: 420px;
		object-fit: cover;
		border-radius: 10px;
	}
	.box-feat .feat-content {
		position: absolute;
		left: -50px;
		bottom: -50px;
		background: #fff;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 85px 25px 0;
		width: 365px;
	}
	.box-feat .feat-content .feat-title {
		position: absolute;
		left: -10px;
		top: -30px;
	}
	.box-feat .feat-content .feat-title span {
		background: #a8baaa;
		color: white;
		font-weight: bold;
		font-size: 3.6rem;
		display: inline-block;
		padding: 0 15px;
	}
	.box-feat .feat-content .feat-title span.en {
		color: white;
		font-weight: bold;
		font-size: 2.6rem;
	}
	.box-feat .feat-content p {
		font-size: 1.6rem;
		line-height: 2.25em;
		color: #444444;
	}
	.box-feat .feat-content .btn {
		width: 200px;
	}
	.box-feat-2 .feat-content {
		left: auto;
		right: -30px;
	}
	.feat-stick-1 {
		position: absolute;
		left: -50px;
		bottom: -30px;
		background: url(../img/box-feat-stick-1.png) 0 0 no-repeat;
		background-size: contain;
		width: 104px;
		height: 91px;
	}
	.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: 104px;
		height: 91px;
	}

	/*
	MAIN USE
	*/
	.main-use {
		position: relative;
	}
	.main-use .main-use-title {
		text-align: center;
		font-weight: bold;
		font-size: 4.2rem;
		color: #a97a4a;
		padding: 60px 0;
		background: url(../img/main-use-title-bg.jpg) center center no-repeat;
		background-size: 1592px 95px;
	}
	.main-use .cards .card-content {
		border-right: 1px dashed #eceae4;
	}
	.main-use .cards .card:nth-child(3n) .card-content {
		border-right: none;
	}

	/*
	MAIN LINKS 2
	*/
	.main-links-2 {
		background: url(../img/main-feature-bg.jpg) 0 0 repeat;
		background-size: 1600px 919px;
		padding: 65px 0 100px;
	}
	.main-link-2-wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}
	.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%;
		height: 248px;
		object-fit: cover;
	}
	.main-link-2 .main-link-2-content {
		position: relative;
		background: #fff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-bottom: 30px;
	}
	.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: 3.6rem;
		font-weight: bold;
		padding: 0 15px;
		margin-top: -50px;
		margin-bottom: 25px;
	}
	.main-link-2 .main-link-2-content p {
		font-size: 1.6rem;
		text-align: center;
	}
	.main-link-2 .main-link-2-content .btn {
		width: 200px;
		margin-bottom: 0;
	}
	
	
	
	/* 
	NEW SLIDE
	*/
	
	#container {
	  position: absolute;
	  width: 100%;
	  /* height: 100%; */
	  height: 800px;
	  overflow: hidden;
	}
	
	#slides {
	  position: relative;
	  width: 100%;
	  height: 800px;
	}
	#slides .slide {
	  position: absolute;
	  display: flex;
	  width: 100%;
	  height: 800px;
	}
	#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: 800px;
	  -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;
	}

}