@charset "utf-8";

/* sitetop */

@media screen and (min-width: 768px) {
	body {
		background: url(../common/img/bg01.jpg) left top no-repeat,
			url(../common/img/bg02.jpg) right 1650px no-repeat,
			url(../common/img/bg01.jpg) left 3150px no-repeat;
	}

	.inner {
		width: 1300px;
		padding: 0 50px 0;
	}



	.block_mainvisual {
		position: relative;
		width: 100%;
		min-width: 1200px;
		margin-bottom: 88px;
	}
	.block_mainvisual .swiper-container {
		width: 1200px;
		height: 665px;
	}
	.block_mainvisual .swiper-button-next,
	.block_mainvisual .swiper-button-prev {
		width: 16px;
		height: 33px;
	}
	.block_mainvisual .swiper-button-next.swiper-button-white,
	.block_mainvisual .swiper-container-rtl .swiper-button-prev.swiper-button-white {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
		background-size: contain;
	}
	.block_mainvisual .swiper-button-prev.swiper-button-white,
	.block_mainvisual .swiper-container-rtl .swiper-button-next.swiper-button-white {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
		background-size: contain;
	}
	.block_mainvisual .logo {
		position: absolute;
		top: 296px;
		left: calc(50% - 150px);
		width: 300px;
		height: 72px;
		background: url(../common/img/logo_wh.png) center center / contain no-repeat;
		z-index: 1;
	}
	.block_mainvisual .slide1 {
		background: url(../img/main_img_01.jpg) center center / cover no-repeat;
	}
	.block_mainvisual .slide2 {
		background: url(../img/main_img_02.jpg) center center / cover no-repeat;
	}



	.block_news {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		min-width: 1200px;
		margin-bottom: 88px;
	}
	.block_news .inner {
		display: flex;
		width: 860px;
		height: 180px;
		padding: 0;
	}
	.block_news .title {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(100% - 560px);
		padding-left: 80px;
		padding-bottom: 20px;
		background: url(../common/img/logo_gr.png) left center no-repeat;
	}
	.block_news h2.title {
		font-size: 3.0rem;
		font-family: 'Times New Roman', 'Lusitana', Times, serif;
		letter-spacing: 0.25em;
	}
	.block_news .newslist {
		width: 560px;
	}
	.block_news .newslist dl {
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}
	.block_news .newslist dl dt {
		float: left;
		width: 100px;
		padding: 20px 10px;
		color: #949495;
	}
	.block_news .newslist dl dd {
		width: 100%;
		padding: 20px 10px 20px 100px;
		border-bottom: 1px solid #333;
		font-size: 1.4rem;
	}
	.block_news .newslist dl dd:first-of-type {
		border-top: 1px solid #333;
	}
	.block_news .newslist dl {
		width: 100%;
	}



	.block_about {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		min-width: 1200px;
		margin-bottom: 88px;
	}
	.block_about .inner {
		display: flex;
		width: 1180px;
		min-height: 590px;
		padding: 0;
	}
	.block_about .text {
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		width: 50%;
	}
	.block_about .text h2 {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
		font-family: 'Times New Roman', 'Lusitana', Times, serif;
		letter-spacing: 0.25em;
	}
	.block_about .text h2::after {
		content: "";
		display: block;
		height: 39px;
		margin-top: 20px;
		text-align: center;
		background: url(../common/img/logo.png) center center / contain no-repeat;
	}
	.block_about .text h2 + p {
		width: 100%;
		text-align: center;
		font-size: 1.4rem;
		line-height: 3.0;
	}
	.block_about .btn_more {
		margin-top: 30px;
	}
	.block_about .img {
		width: 50%;
		height: 100%;
		background: url(../img/about_img.jpg) center center / contain no-repeat;
	}



	.block_pickup1 {
		display: flex;
		justify-content: center;
		min-width: 1200px;
	}
	.block_pickup1 .inner {
		position: relative;
		width: 1100px;
		height: 654px;
		margin-bottom: 140px;
	}
	.block_pickup1 h2 {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		height: 200px;
		margin-left: 50%;
		font-size: 1.6rem;
		font-family: 'Times New Roman', 'Lusitana', Times, serif;
		text-align: center;
		letter-spacing: 0.25em;
		line-height: 2.0;
	}
	.block_pickup1 .btnbox {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	#img-pickup1-1 {
		position: absolute;
		top: 0;
		left: 80px;
	}
	#img-pickup1-2 {
		position: absolute;
		bottom: 50px;
		right: 100px;
	}
	#img-pickup1-1,
	#img-pickup1-2,
	#img-pickup2,
	#img-pickup3-1,
	#img-pickup3-2 {
		/*box-shadow: 5px 5px 10px rgba(136, 136, 136, 0.25);*/
		transition: all 1000ms ease 0ms;
	}



	.block_pickup2 {
		display: flex;
		justify-content: center;
		min-width: 1200px;
	}
	.block_pickup2 .inner {
		position: relative;
		display: flex;
		justify-content: center;
		width: 1100px;
		height: 520px;
		margin-bottom: 200px;
	}
	.block_pickup2 .inner a {
		position: relative;
		display: block;
		width: 1100px;
		height: 520px;
	}
	#img-pickup2 {
		position: absolute;
		top: 0;
		left: 0;
	}



	.block_pickup3 {
		display: flex;
		justify-content: center;
		min-width: 1200px;
	}
	.block_pickup3 .inner {
		display: flex;
		justify-content: center;
		width: 1100px;
		height: 654px;
		margin-bottom: 140px;
	}
	.block_pickup3 .col {
		position: relative;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 50%;
	}
	.block_pickup3 .col.pickup3-2 {
		align-content: flex-end;
	}
	.block_pickup3 h2 {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 217px;
	}
	.block_pickup3 .btnbox {
		width: 375px;
	}
	#img-pickup3-1 {
		position: absolute;
		bottom: 50px;
		left: 48px;
	}
	#img-pickup3-2 {
		position: absolute;
		top: 0;
		right: 48px;
	}
	.pickup3-2 .btnbox {
		position: absolute;
		bottom: 0;
		right: 40px;
		display: flex;
		justify-content: flex-end;
		height: 41px;
	}


	.block_collection {
	}
	.block_collection .inner {
		display: flex;
		justify-content: center;
		width: 1200px;
		height: 250px;
		margin: 0 auto;
		padding: 0 0 0;
		margin-bottom: 115px;
	}
	.block_collection .swiper-button-next,
	.block_collection .swiper-button-prev {
		top: 45px;
		width: 39px;
		height: 187px;
		background-color: rgba(0, 0, 0, 0.6);
		background-size: 14px auto;
	}
	.block_collection .swiper-button-next,
	.block_collection .swiper-button-prev {
		top: 45px;
		width: 39px;
		height: 187px;
		background-color: rgba(0, 0, 0, 0.6);
		background-size: 14px auto;
	}
	.block_collection .swiper-button-prev,
	.block_collection .swiper-container-rtl .swiper-button-next {
		left: 0;
	}
	.block_collection .swiper-button-next,
	.block_collection .swiper-container-rtl .swiper-button-prev {
		right: 0;
	}
}



@media screen and (max-width: 767px) {
	
	body {
		background: url(../common/img/bg01.jpg) left top no-repeat,
			url(../common/img/bg02.jpg) right 1650px no-repeat,
			url(../common/img/bg01.jpg) left 3150px no-repeat;
	}
	
	main {
		padding-top: 64px;
	}
	
	.block_mainvisual {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		margin-bottom: 38px;
	}
	.block_mainvisual .swiper-container {
		width: 100%;
		height: calc(860 / 750 * 100vw);
	}
	.block_mainvisual .swiper-button-next,
	.block_mainvisual .swiper-button-prev {
		width: 16px;
		height: 33px;
	}
	.block_mainvisual .swiper-button-next.swiper-button-white,
	.block_mainvisual .swiper-container-rtl .swiper-button-prev.swiper-button-white {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
		background-size: contain;
	}
	.block_mainvisual .swiper-button-prev.swiper-button-white,
	.block_mainvisual .swiper-container-rtl .swiper-button-next.swiper-button-white {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
		background-size: contain;
	}
	.block_mainvisual .logo {
		position: absolute;
		top: calc((860 / 750 * 100vw) / 2 - (108 / 750 * 100vw) / 2);
		left: calc(50% - (448 / 750 * 100vw) / 2);
		width: calc(448 / 750 * 100vw);
		height: calc(108 / 750 * 100vw);
		background: url(../common/img/logo_wh.png) center center / contain no-repeat;
		z-index: 1;
	}
	.block_mainvisual .slide1 {
		background: url(../img/sp/main_img_01.jpg) center center / cover no-repeat;
	}
	.block_mainvisual .slide2 {
		background: url(../img/sp/main_img_02.jpg) center center / cover no-repeat;
	}
	
	
	.block_news .inner {
		width: 100%;
		padding: 0;
		margin-bottom: 100px;
		margin-top:45px;
	}
	.block_news .title {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-bottom: 10px;
		padding-left: 40px;
		padding-bottom: 10px;
		background: url(../common/img/logo_gr.png) calc(50%  - (150 / 750 * 100vw) / 2) center / contain no-repeat;
	}
	.block_news h2.title {
		font-size: 2.0rem;
		font-family: 'Times New Roman', 'Lusitana', Times, serif;
		letter-spacing: 0.25em;
	}
	.block_news .newslist {
		width: 100%;
		max-width: 540px;
		height: 80px;
		margin: 0 auto;
		padding: 0 20px;
		margin:25px 0 0 0;
	}
	.block_news .newslist dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		/* height: 100%; */
		overflow-y: auto;
	}
	.block_news .newslist dl dt {
		width: 65px;
		padding: 20px 2px;
		font-size: 1.0rem;
		color: #949495;
		border-bottom: 1px solid #333;
	}
	.block_news .newslist dl dd {
		width: calc(100% - 65px);
		padding: 16px 10px 12px 0px;
		border-bottom: 1px solid #333;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.block_news .newslist dl dt:first-of-type {
		border-top: 1px solid #333;
	}
	.block_news .newslist dl dd:first-of-type {
		border-top: 1px solid #333;
	}
	.block_news .newslist dl {
		width: 100%;
	}
	
	
	.block_about {
		width: 100%;
		margin-bottom: 88px;
	}
	.block_about .inner {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0 0;
	}
	.block_about .text {
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		width: 100%;
		padding: 0 20px;
		order: 2;
	}
	.block_about .text h2 {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
		font-family: 'Times New Roman', 'Lusitana', Times, serif;
		letter-spacing: 0.25em;
	}
	.block_about .text h2 + p {
		width: 100%;
		text-align: center;
		font-size: 1.4rem;
		line-height: 3.0;
	}
	.block_about .btn_more {
		margin-top: 30px;
	}
	.block_about .img {
		width: 100%;
		height: calc(708 / 750 * 100vw);
		height: 354px;
		margin-bottom: 20px;
		background: url(../img/about_img.jpg) center center / contain no-repeat;
		order: 1;
	}
	
	
	
	.block_pickup1 {
		display: flex;
		justify-content: center;
	}
	.block_pickup1 .inner {
		position: relative;
		width: 100%;
		height: 800px;
		margin-bottom: 80px;
		padding: 0 20px;
	}
	.block_pickup1 h2 {
		position: absolute;
		top: 360px;
		left: 0;
		width: 100%;
		height: auto;
		font-size: 1.6rem;
		font-family: 'Times New Roman', 'Lusitana', Times, serif;
		text-align: center;
		letter-spacing: 0.25em;
		line-height: 2.0;
	}
	.block_pickup1 .btnbox {
		position: absolute;
		bottom: 0;
		left: 40px;
	}
	.block_pickup1 h2 {
	}
	#img-pickup1-1 {
		position: absolute;
		top: 20px;
		left: calc(50% - 112.5px);
		width: 225px;
		height: auto;
	}
	#img-pickup1-2 {
		position: absolute;
		bottom: 70px;
		left: calc(50% - 121.5px);
		width: 243px;
		height: auto;
	}
	
	
	
	.block_pickup2 .inner {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		height: calc(395 / 750 * 100vw);
		margin-bottom: 100px;
	}
	#img-pickup2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
	
	
	
	
	
	#img-pickup1-1,
	#img-pickup1-2,
	#img-pickup2,
	#img-pickup3-1,
	#img-pickup3-2 {
		/*box-shadow: 5px 5px 10px rgba(136, 136, 136, 0.25);*/
		transition: all 1000ms ease 0ms;
	}
	
	
	
	.block_pickup3 {
	}
	.block_pickup3 .inner {
		height: 800px;
		margin-bottom: 60px;
	}
	.block_pickup3 .col {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		height: 400px;
	}
	.block_pickup3 .col.pickup3-2 {
		align-content: flex-end;
	}
	.block_pickup3 h2 {
		display: flex;
		justify-content: center;
		width: 130px;
		height: 20px;
	}
	.block_pickup3 .btnbox {
		width: 240px;
	}
	#img-pickup3-1 {
		position: absolute;
		bottom: 20px;
		left: calc(50% - 121.5px);
		width: 243px;
		height: auto;
	}
	#img-pickup3-2 {
		position: absolute;
		top: 20;
		left: calc(50% - 112.5px);
		width: 225px;
		height: auto;
	}
	.pickup3-2 .btnbox {
		position: absolute;
		bottom: 0;
		display: flex;
		justify-content: flex-end;
		height: 41px;
	}
	
	
	
	.block_collection {
	}
	.block_collection .inner {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 0 0 0;
		margin-bottom: 60px;
	}
	.block_collection .swiper-button-next,
	.block_collection .swiper-button-prev {
		top: 40%;
		width: 20px;
		height: 50%;
		background-color: rgba(0, 0, 0, 0.6);
		background-size: 7px auto;
	}
	.block_collection .swiper-button-prev,
	.block_collection .swiper-container-rtl .swiper-button-next {
		left: 0;
	}
	.block_collection .swiper-button-next,
	.block_collection .swiper-container-rtl .swiper-button-prev {
		right: 0;
	}
	
	
	
}