@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500);
/* slick共通style
----------------------------------------------------------- */
.slick-dots li button:before {
	display: none;
}

.slick-dots {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	bottom: -50px;
}

@media screen and (max-width: 800px) {
	.slick-dots {
		bottom: -8vw;
	}
}

.slick-dots li {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

@media screen and (max-width: 800px) {
	.slick-dots li {
		margin: 0 1.33333vw;
	}
}

.slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #aaa;
}

@media screen and (max-width: 800px) {
	.slick-dots li button {
		width: 2.66667vw;
		height: 2.66667vw;
	}
}

.slick-dots li.slick-active button {
	background: #333;
}

/* #hero1
----------------------------------------------------------- */
#hero1 {
	z-index: 0;
	position: relative;
	background: url("../img/hero1_bg.jpg") 50% 0 fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#hero1 {
		background: none;
	}
}

@media screen and (max-width: 1000px) {
	#hero1 .bgBody:before {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: -1;
		background: url("../img/hero1_bg-sp.jpg") 45% 30px no-repeat;
		background-size: cover;
	}
}

#hero1 .hero1_inner {
	position: relative;
	width: 1200px;
	margin: auto;
	height: calc(100vh - 80px);
	-webkit-transition: 0.15s;
	transition: 0.15s;
}

@media screen and (max-width: 1200px) {
	#hero1 .hero1_inner {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	#hero1 .hero1_inner {
		height: 100%;
	}
}

#hero1 .hero1_logo {
	position: absolute;
	top: 209px;
	right: 188px;
	width: 415px;
}

@media screen and (max-width: 1000px) {
	#hero1 .hero1_logo {
		width: 36.13333vw;
		top: 209px;
		right: 6.66667vw;
		max-width: 240px;
	}
	#hero1 .hero1_logo img {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	#hero1 .hero1_logo {
		top: 20px;
		right: 15px;
		max-width: 180px;
	}
}

#hero1 .hero1_wrap {
	position: relative;
}

#hero1 .hero1_btnMov {
	position: absolute;
	display: block;
	bottom: 24px;
	right: 203px;
	width: 120px;
	height: 120px;
}

@media all and (min-width: 801px) {
	#hero1 .hero1_btnMov:hover {
		-ms-filter: "alpha(opacity=60)";
		filter: alpha(opacity=60);
		opacity: .60;
	}
}

#hero1 .hero1_btnMov img {
	width: 100%;
}

@media screen and (max-width: 800px) {
	#hero1 .hero1_btnMov {
		bottom: 32vw;
		right: 4.66667vw;
		width: 20vw;
		height: 20vw;
		max-width: 140px;
	}
}

#hero1 .ochakun {
	position: absolute;
	display: block;
	bottom: 11px;
	right: 63px;
	width: 140px;
	height: auto;
}

@media all and (min-width: 801px) {
	#hero1 .ochakun:hover {
		-ms-filter: "alpha(opacity=60)";
		filter: alpha(opacity=60);
		opacity: .60;
	}
}

#hero1 .ochakun img {
	width: 100%;
}

@media screen and (max-width: 800px) {
	#hero1 .ochakun {
		bottom: 9.33333vw;
		right: 6.66667vw;
		width: 24vw;
		height: 20vw;
		max-width: 170px;
	}
}

#hero1 .mv_bnr {
	position: absolute;
	display: block;
	bottom: 185px;
	right: 40px;
	width: 200px;
	height: auto;
}

@media all and (min-width: 801px) {
	#hero1 .mv_bnr:hover {
		-ms-filter: "alpha(opacity=60)";
		filter: alpha(opacity=60);
		opacity: .60;
	}
}

#hero1 .mv_bnr img {
	width: 100%;
}

@media screen and (max-width: 800px) {
	#hero1 .mv_bnr {
		bottom: 32vw;
		right: 2vw;
		width: 37.33333vw;
		max-width: 280px;
	}
}

#hero1 .hero_detail {
	position: relative;
	height: calc(100vh - 80px);
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: 0.15s;
	transition: 0.15s;
}

@media screen and (max-width: 800px) {
	#hero1 .hero_detail {
		height: calc(100vh - 60px);
	}
}

#hero1 .hero_detail .hero_detail_inner {
	position: relative;
	width: 1200px;
	margin: auto;
	height: 100%;
}

@media screen and (max-width: 1200px) {
	#hero1 .hero_detail .hero_detail_inner {
		width: 100%;
	}
}

#hero1 .hero_detail .hero_detail_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 52px;
}

#hero1 .hero_detail .hero_detail_logo img {
	width: 100%;
}

#hero1 .hero_detail .hero_detail_logo span {
	margin-bottom: -0.6em;
}

@media screen and (max-width: 1000px) {
	#hero1 .hero_detail .hero_detail_logo {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		top: 18.66667vw;
		right: 130px;
		left: auto;
	}
}

@media screen and (max-width: 800px) {
	#hero1 .hero_detail .hero_detail_logo {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		top: 18.66667vw;
		right: 13.33333vw;
		width: 5.5vh;
	}
}

/* sec common
----------------------------------------------------------- */
ruby {
	color: #fff9ac;
	font-weight: 300;
}

ruby rt {
	text-align: center;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
}

ruby rt .rubyCircle {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: auto;
	background: #fff9ac;
	border-radius: 50%;
}

@media screen and (max-width: 800px) {
	ruby rt .rubyCircle {
		width: 1.06667vw;
		height: 1.06667vw;
	}
}

.sec {
	z-index: 2;
}

.sec:before {
	position: absolute;
	top: -45px;
	left: 50%;
	display: block;
	content: '';
	width: 1px;
	height: 90px;
	background: #009e45;
}

@media screen and (max-width: 800px) {
	.sec:before {
		top: -6vw;
		height: 12vw;
	}
}

.sec .sec_intro {
	padding-top: 190px;
	padding-bottom: 220px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

@media screen and (max-width: 800px) {
	.sec .sec_intro {
		height: auto;
		padding: 25.33333vw 0 29.33333vw;
	}
}

.sec .sec_intro .sec_intro_inner {
	width: 1200px;
	margin: auto;
}

@media screen and (max-width: 1200px) {
	.sec .sec_intro .sec_intro_inner {
		width: 100%;
	}
}

.sec .sec_num {
	margin-bottom: 15px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-weight: 100;
	font-family: Roboto , serif;
}

@media screen and (max-width: 800px) {
	.sec .sec_num {
		margin-bottom: 2vw;
		font-size: 65px;
		font-size: 8.66667vw;
	}
}

.sec .sec_ttl {
	margin-bottom: 9vh;
	text-align: center;
	color: #fff;
	font-size: 46px;
	font-weight: 100;
	letter-spacing: 0.1em;
}

.sec .sec_ttl span {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 800px) {
	.sec .sec_ttl {
		margin-bottom: 16vw;
		font-size: 69px;
		font-size: 9.2vw;
	}
	.sec .sec_ttl span {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.sec .sec_lead {
	margin-bottom: 25px;
	text-align: center;
	color: #fff;
	font-size: 35px;
	letter-spacing: 0.1em;
	font-weight: 100;
}

@media screen and (max-width: 800px) {
	.sec .sec_lead {
		margin-bottom: 6.66667vw;
		font-size: 54px;
		font-size: 7.2vw;
	}
}

.sec .sec_txt {
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 2.3;
	letter-spacing: 0.1em;
	font-weight: 200;
}

@media screen and (max-width: 800px) {
	.sec .sec_txt {
		margin-bottom: 5.33333vw;
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.sec .sec_btn {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 200px;
	height: 50px;
	margin: auto;
	margin-bottom: 30px;
	color: #fff;
	border: 1px solid #fff;
}

@media screen and (max-width: 800px) {
	.sec .sec_btn {
		width: 48vw;
		height: 10.66667vw;
		margin-bottom: 8vw;
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.sec .sec_btn:after {
	content: url(/oiocha/shared/img/icon_blank_wht.png);
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin-top: -3px;
	margin-left: 12px;
}

@media screen and (max-width: 800px) {
	.sec .sec_btn:after {
		margin-top: 0vw;
		margin-left: 1.6vw;
	}
}

.sec .sec_btn:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #fff;
	text-decoration: none;
}

.sec .sec_detail {
	background: rgba(255, 255, 255, 0.8);
	padding-bottom: 280px;
}

@media screen and (max-width: 1200px) {
	.sec .sec_detail {
		padding-bottom: 23.33333vw;
	}
}

@media screen and (max-width: 1000px) {
	.sec .sec_detail {
		padding: 0 4vw;
		background: #fff;
	}
}

@media screen and (max-width: 800px) {
	.sec .sec_detail {
		padding-bottom: 9.33333vw;
	}
}

.sec .sec_detail .sec_detail_inner {
	width: 1200px;
	margin: auto;
	position: relative;
}

@media screen and (max-width: 1200px) {
	.sec .sec_detail .sec_detail_inner {
		width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	.sec .sec_detail .sec_detail_inner {
		max-width: 600px;
	}
}

@media screen and (max-width: 800px) {
	.sec .sec_detail .sec_detail_inner {
		max-width: 100000px;
	}
}

.sec .sec_detail_txt {
	position: absolute;
	z-index: 1;
	padding: 81px 95px;
	background: #009e45;
	color: #fff;
}

@media screen and (max-width: 1200px) {
	.sec .sec_detail_txt {
		padding: 5.08333vw 6.25vw;
	}
}

@media screen and (max-width: 1000px) {
	.sec .sec_detail_txt {
		position: relative;
		padding: 41px 55px;
	}
}

@media screen and (max-width: 1000px) {
	.sec .sec_detail_txt {
		left: 0 !important;
	}
	.sec .sec_detail_txt br {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.sec .sec_detail_txt {
		top: -13.33333vw !important;
		padding: 8.13333vw 10vw;
		white-space: nowrap;
	}
	.sec .sec_detail_txt br {
		display: inline;
	}
}

.sec .sec_detail_txt h3 {
	line-height: 1.6;
	margin-bottom: 25px;
	font-size: 35px;
	letter-spacing: 0.1em;
	font-weight: 100;
}

@media screen and (max-width: 1200px) {
	.sec .sec_detail_txt h3 {
		font-size: 2.91667vw;
	}
}

@media screen and (max-width: 1000px) {
	.sec .sec_detail_txt h3 {
		font-size: 29px;
	}
}

@media screen and (max-width: 800px) {
	.sec .sec_detail_txt h3 {
		margin-bottom: 5.33333vw;
		font-size: 54px;
		font-size: 7.2vw;
	}
}

.sec .sec_detail_txt p {
	font-size: 16px;
	line-height: 2.2;
	font-weight: 200;
}

@media screen and (max-width: 1200px) {
	.sec .sec_detail_txt p {
		font-size: 1.33333vw;
	}
}

@media screen and (max-width: 1000px) {
	.sec .sec_detail_txt p {
		font-size: 13px;
	}
}

@media screen and (max-width: 800px) {
	.sec .sec_detail_txt p {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.sec .sec_detail_img {
	position: relative;
	z-index: 0;
}

.sec .sec_detail_img img {
	box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
	.sec .sec_detail_img img {
		width: 56.66667vw;
	}
}

@media screen and (max-width: 1000px) {
	.sec .sec_detail_img {
		top: -8.41667vw !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.sec .sec_detail_img img {
		width: 100% !important;
	}
}

@media screen and (max-width: 800px) {
	.sec .sec_detail_img {
		top: -13.46667vw !important;
	}
}

.sec:nth-child(2n) .sec_detail_txt {
	top: -100px;
	left: 70px;
}

@media screen and (max-width: 1200px) {
	.sec:nth-child(2n) .sec_detail_txt {
		top: -8.33333vw;
		left: 5.83333vw;
	}
}

.sec:nth-child(2n) .sec_detail_img {
	text-align: right;
	top: 120px;
	padding-right: 70px;
}

@media screen and (max-width: 1200px) {
	.sec:nth-child(2n) .sec_detail_img {
		top: 10vw;
		padding-right: 5.83333vw;
	}
}

.sec:nth-child(2n+1) .sec_detail_txt {
	top: -100px;
	right: 70px;
}

@media screen and (max-width: 1200px) {
	.sec:nth-child(2n+1) .sec_detail_txt {
		top: -8.33333vw;
		right: 5.83333vw;
	}
}

.sec:nth-child(2n+1) .sec_detail_img {
	text-align: left;
	top: 120px;
	padding-left: 70px;
}

@media screen and (max-width: 1200px) {
	.sec:nth-child(2n+1) .sec_detail_img {
		top: 10vw;
		padding-left: 5.83333vw;
	}
}

/* #sec0
----------------------------------------------------------- */
#sec0 {
	position: relative;
	background: url("../img/sec0_bg.jpg") 50% 0 fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 800px) {
	#sec0 {
		background: #fff url("../img/sec0_bg-sp.jpg") 50% 0 no-repeat;
		background-size: auto 100%;
		background-size: cover;
	}
	#sec0 .sec_intro {
		padding-left: 13.33333vw;
		padding-right: 13.33333vw;
	}
	#sec0 .sec_intro img {
		max-width: 100%;
	}
}

#sec0:before {
	display: none;
}

#sec0 .sec-logo {
	text-align: center;
	margin-bottom: 1.5em;
}

@media screen and (max-width: 800px) {
	#sec0 .sec-logo {
		padding: 0 12vw;
	}
}

#sec0 .sec_ttl {
	height: auto;
	font-size: 0;
}

#sec0 .sec_detail {
	padding-top: 90px;
	padding-bottom: 150px;
	background: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail {
		padding-top: 16vw;
		padding-bottom: 18.66667vw;
	}
}

#sec0 .rekka {
	display: flex;
	flex-wrap: wrap;
	width: 660px;
	margin: auto;
	margin-top: 90px;
	margin-bottom: 90px;
}

@media screen and (max-width: 800px) {
	#sec0 .rekka {
		width: 100%;
		padding: 0 2%;
		margin-top: 10.66667vw;
		margin-bottom: 10.66667vw;
	}
}

#sec0 .rekka .rekka-arrow {
	position: relative;
}

#sec0 .rekka .rekka-arrow:before {
	content: '';
	display: block;
	position: absolute;
	background: url("../img/rekka-arrow.png") 0 0 no-repeat;
	background-size: 100% auto;
	width: 41px;
	height: 37px;
	left: -80px;
	top: 118px;
}

@media screen and (max-width: 800px) {
	#sec0 .rekka .rekka-arrow:before {
		width: 8.26667vw;
		height: 7.2vw;
		left: -27%;
		top: 12.4vw;
	}
}

@media screen and (max-width: 800px) {
	#sec0 .rekka .rekka-item {
		width: calc(50% - 6vw);
	}
}

#sec0 .rekka .rekka-item + .rekka-item {
	margin-left: 119px;
}

@media screen and (max-width: 800px) {
	#sec0 .rekka .rekka-item + .rekka-item {
		margin-left: 12vw;
	}
}

#sec0 .rekka .rekka-item figure {
	margin-bottom: 1em;
}

@media screen and (max-width: 800px) {
	#sec0 .rekka .rekka-item figure {
		margin-bottom: 0.5em;
	}
	#sec0 .rekka .rekka-item figure img {
		width: 100%;
	}
}

#sec0 .rekka .rekka-item figcaption {
	font-size: 20px;
	line-height: 1.8;
}

@media screen and (max-width: 800px) {
	#sec0 .rekka .rekka-item figcaption {
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

#sec0 .rekka .rekka-item figcaption .note {
	font-size: 13px;
}

@media screen and (max-width: 800px) {
	#sec0 .rekka .rekka-item figcaption .note {
		font-size: 20px;
		font-size: 2.66667vw;
	}
}

#sec0 .rekka-lead .large {
	font-size: 24px;
}

@media screen and (max-width: 800px) {
	#sec0 .rekka-lead .large {
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

#sec0 .sec_detail_inner {
	text-align: center;
}

#sec0 .sec_detail_inner .title {
	font-size: 35px;
	margin-bottom: 90px;
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail_inner .title {
		margin-bottom: 10.66667vw;
		font-size: 54px;
		font-size: 7.2vw;
	}
}

#sec0 .sec_detail_inner .lead {
	font-size: 16px;
	line-height: 2.2;
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail_inner .lead {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

#sec0 .sec_detail_inner .mv-lists {
	max-width: 1000px;
	margin: 13vw auto 0;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail_inner .mv-lists {
		display: block;
		margin: 12vw 2.66667vw 0;
	}
}

#sec0 .sec_detail_inner .mv-lists li {
	width: 48%;
	position: relative;
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail_inner .mv-lists li {
		width: 100%;
	}
	#sec0 .sec_detail_inner .mv-lists li + li {
		margin-top: 6.66667vw;
	}
}

#sec0 .sec_detail_inner .mv-lists li img {
	max-width: 100%;
}

#sec0 .sec_detail_inner .mv-lists .label {
	font-size: 20px;
	margin-bottom: .8em;
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail_inner .mv-lists .label {
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

#sec0 .sec_detail_inner .mv-lists .movie_txt {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#sec0 .sec_detail_inner .mv-lists a {
	position: relative;
	display: block;
}

#sec0 .sec_detail_inner .mv-lists a .movie_txt_icon_play {
	width: 76px;
	height: 76px;
	margin-bottom: 10px;
	-webkit-transition: 0.15s;
	transition: 0.15s;
}

#sec0 .sec_detail_inner .mv-lists a .movie_txt_icon_play img {
	width: 100%;
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail_inner .mv-lists a .movie_txt_icon_play {
		width: 13.33333vw;
		height: 13.33333vw;
		margin-bottom: 2.66667vw;
	}
}

#sec0 .sec_detail_inner .mv-lists a:hover .movie_txt_icon_play {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#sec0 .sec_detail_inner .mv-lists .movie_txt_play {
	color: #fff;
	font-size: 15px;
}

@media screen and (max-width: 800px) {
	#sec0 .sec_detail_inner .mv-lists .movie_txt_play {
		font-size: 21px;
		font-size: 2.8vw;
	}
}

/* #sec1
----------------------------------------------------------- */
#sec1 {
	position: relative;
	background: url("../img/sec1_bg.jpg") 50% 0 fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#sec1 {
		background: none;
	}
	#sec1 .sec_intro {
		background: #fff url("../img/sec1_bg.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 800px) {
	#sec1 {
		background: none;
	}
	#sec1 .sec_intro {
		background: #fff url("../img/sec1_bg-sp.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

#sec1:before {
	display: none;
}

#sec1 .sec_detail {
	padding-bottom: 325px;
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail {
		padding-bottom: 0;
	}
}

#sec1 .sec_detail_inner:nth-child(1) {
	margin-bottom: 220px;
}

@media screen and (max-width: 1200px) {
	#sec1 .sec_detail_inner:nth-child(1) {
		margin-bottom: 18.33333vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail_inner:nth-child(1) {
		margin-bottom: -5.83333vw;
	}
}

@media screen and (max-width: 800px) {
	#sec1 .sec_detail_inner:nth-child(1) {
		margin-bottom: 5vw;
	}
}

#sec1 .sec_detail_inner:nth-child(2) {
	margin-bottom: 230px;
}

@media screen and (max-width: 1200px) {
	#sec1 .sec_detail_inner:nth-child(2) {
		margin-bottom: 19.16667vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail_inner:nth-child(2) {
		margin-bottom: 2.5vw;
	}
}

@media screen and (max-width: 800px) {
	#sec1 .sec_detail_inner:nth-child(2) {
		margin-bottom: 5vw;
	}
}

#sec1 .sec_detail_inner:nth-child(2) .sec_detail_txt {
	top: 80px;
	left: auto;
	right: 70px;
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail_inner:nth-child(2) .sec_detail_txt {
		top: 0;
	}
}

#sec1 .sec_detail_inner:nth-child(2) .sec_detail_img {
	text-align: left;
	top: 0;
	padding-left: 70px;
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail_inner:nth-child(2) .sec_detail_img {
		padding-left: 0;
		top: 0 !important;
	}
}

@media screen and (max-width: 800px) {
	#sec1 .sec_detail_inner:nth-child(2) .sec_detail_img {
		top: -13.46667vw !important;
	}
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail_inner:nth-child(3) {
		padding-bottom: 10vw;
	}
}

@media screen and (max-width: 800px) {
	#sec1 .sec_detail_inner:nth-child(3) {
		padding-bottom: 6.66667vw;
	}
}

#sec1 .sec_detail_inner:nth-child(3) .sec_detail_txt {
	top: 70px;
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail_inner:nth-child(3) .sec_detail_txt {
		top: 0;
	}
}

#sec1 .sec_detail_inner:nth-child(3) .sec_detail_img {
	top: 0;
}

@media screen and (max-width: 1000px) {
	#sec1 .sec_detail_inner:nth-child(3) .sec_detail_img {
		top: 0 !important;
	}
}

@media screen and (max-width: 800px) {
	#sec1 .sec_detail_inner:nth-child(3) .sec_detail_img {
		top: -13.46667vw !important;
	}
}

/* #sec2
----------------------------------------------------------- */
#sec2 {
	position: relative;
	background: url("../img/sec2_bg.jpg") 50% 60px fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#sec2 {
		background: none;
	}
	#sec2 .sec_intro {
		background: #fff url("../img/sec2_bg.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 800px) {
	#sec2 {
		background: none;
	}
	#sec2 .sec_intro {
		background: #fff url("../img/sec2_bg-sp.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

#sec2 .sec_detail_txt {
	left: 70px;
	right: auto;
}

#sec2 .sec_detail_img {
	text-align: right;
	padding-right: 70px;
}

/* #sec3
----------------------------------------------------------- */
#sec3 {
	position: relative;
	background: url("../img/sec3_bg.jpg") 50% 60px fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#sec3 {
		background: none;
	}
	#sec3 .sec_intro {
		background: #fff url("../img/sec3_bg.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 800px) {
	#sec3 {
		background: none;
	}
	#sec3 .sec_intro {
		background: #fff url("../img/sec3_bg-sp.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

#sec3 .sec_detail_txt {
	left: auto;
	right: 70px;
}

#sec3 .sec_detail_img {
	text-align: left;
	padding-left: 70px;
}

/* #sec4
----------------------------------------------------------- */
#sec4 {
	position: relative;
	background: url("../img/sec4_bg.jpg") 50% 60px fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#sec4 {
		background: none;
	}
	#sec4 .sec_intro {
		background: #fff url("../img/sec4_bg.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 800px) {
	#sec4 {
		background: none;
	}
	#sec4 .sec_intro {
		background: #fff url("../img/sec4_bg-sp.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

#sec4 .sec_detail {
	background: #fafcee url("../img/sec4_bg2.png") 50% 40% fixed no-repeat;
	background-size: 100% auto;
}

@media screen and (max-width: 1000px) {
	#sec4 .sec_detail {
		background: #fafcee url("../img/sec4_bg2.png") left 50% bottom 8vw no-repeat;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 800px) {
	#sec4 .sec_detail {
		background: #fafcee url("../img/sec4_bg2-sp.png") left 50% bottom 8vw no-repeat;
		background-size: 100% auto;
	}
}

#sec4 .sec_detail_inner:nth-child(1) {
	margin-bottom: 320px;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(1) {
		margin-bottom: 26.66667vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec4 .sec_detail_inner:nth-child(1) {
		margin-bottom: 2.5vw;
	}
}

@media screen and (max-width: 800px) {
	#sec4 .sec_detail_inner:nth-child(1) {
		margin-bottom: 8.33333vw;
	}
}

#sec4 .sec_detail_inner:nth-child(1) .sec_detail_txt {
	top: -100px;
	left: 4.16667vw;
	right: auto;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(1) .sec_detail_txt {
		top: -8.33333vw;
	}
}

#sec4 .sec_detail_inner:nth-child(1) .sec_detail_img {
	text-align: right;
	top: 120px;
	padding-right: 70px;
	padding-left: 0;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(1) .sec_detail_img {
		top: 10vw;
		padding-right: 5.83333vw;
	}
	#sec4 .sec_detail_inner:nth-child(1) .sec_detail_img img {
		width: 53.33333vw;
		border: 0;
	}
}

#sec4 .sec_detail_inner:nth-child(2) {
	margin-bottom: 100px;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(2) {
		margin-bottom: 8.33333vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec4 .sec_detail_inner:nth-child(2) {
		margin-bottom: -5.83333vw;
	}
}

#sec4 .sec_detail_inner:nth-child(2) .sec_detail_txt {
	right: 0;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(2) .sec_detail_txt {
		right: 4.16667vw;
	}
}

#sec4 .sec_detail_inner:nth-child(2) .sec_detail_img {
	padding-left: 10px;
}

#sec4 .sec_detail_inner:nth-child(2) .sec_detail_img img {
	border: 1px solid #ccc;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(2) .sec_detail_img {
		padding-left: 4.16667vw;
	}
}

#sec4 .sec_detail_inner:nth-child(3) .sec_detail_txt {
	top: 200px;
	left: 4.16667vw;
	right: auto;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(3) .sec_detail_txt {
		top: 16.66667vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec4 .sec_detail_inner:nth-child(3) .sec_detail_txt {
		top: 0 !important;
	}
}

#sec4 .sec_detail_inner:nth-child(3) .sec_detail_img {
	text-align: right;
	top: 120px;
	padding-left: 0;
}

#sec4 .sec_detail_inner:nth-child(3) .sec_detail_img img {
	border: 1px solid #ccc;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail_inner:nth-child(3) .sec_detail_img {
		top: 10vw;
		padding-right: 4.16667vw;
	}
	#sec4 .sec_detail_inner:nth-child(3) .sec_detail_img img {
		width: 53.33333vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec4 .sec_detail_inner:nth-child(3) .sec_detail_img {
		top: 0 !important;
	}
}

#sec4 .sec_detail {
	padding-bottom: 220px;
}

@media screen and (max-width: 1200px) {
	#sec4 .sec_detail {
		padding-bottom: 18.33333vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec4 .sec_detail {
		padding-bottom: 8.33333vw;
	}
}

@media screen and (max-width: 800px) {
	#sec4 .sec_detail {
		padding-bottom: 41.66667vw;
	}
}

/* #sec5
----------------------------------------------------------- */
#sec5 {
	position: relative;
	background: url("../img/sec5_bg.jpg") 50% 60px fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#sec5 {
		background: none;
	}
	#sec5 .sec_intro {
		background: #fff url("../img/sec5_bg.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 800px) {
	#sec5 {
		background: none;
	}
	#sec5 .sec_intro {
		background: #fff url("../img/sec5_bg-sp.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

#sec5 .sec_detail {
	padding-bottom: 260px;
}

@media screen and (max-width: 800px) {
	#sec5 .sec_detail {
		padding-bottom: 16.66667vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec5 .sec_detail {
		padding-bottom: 3.33333vw;
	}
}

@media screen and (max-width: 800px) {
	#sec5 .sec_detail {
		padding-bottom: 5vw;
	}
}

#sec5 .sec_detail_inner .sec_detail_txt {
	top: -100px;
	left: 0;
	right: auto;
}

@media screen and (max-width: 1200px) {
	#sec5 .sec_detail_inner .sec_detail_txt {
		top: 16.66667vw;
	}
}

@media screen and (max-width: 1000px) {
	#sec5 .sec_detail_inner .sec_detail_txt {
		top: -8.33333vw;
	}
}

#sec5 .sec_detail_inner .sec_detail_img {
	text-align: right;
	top: 100px;
	padding-left: 0;
	padding-right: 20px;
}

#sec5 .sec_detail_inner .sec_detail_img img {
	border: 1px solid #ccc;
}

@media screen and (max-width: 1200px) {
	#sec5 .sec_detail_inner .sec_detail_img {
		top: 10vw;
		padding-right: 4.16667vw;
	}
	#sec5 .sec_detail_inner .sec_detail_img img {
		width: 53.33333vw;
	}
}

/* #sec6
----------------------------------------------------------- */
#sec6 {
	position: relative;
	background: url("../img/sec6_bg.jpg") 50% 60px fixed no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#sec6 {
		background: none;
	}
	#sec6 .sec_intro {
		background: #fff url("../img/sec6_bg.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 800px) {
	#sec6 {
		background: none;
	}
	#sec6 .sec_intro {
		background: #fff url("../img/sec6_bg-sp.jpg") 50% 0 no-repeat;
		background-size: cover;
	}
}

/* #sec7
----------------------------------------------------------- */
#sec7 {
	position: relative;
}

#sec7 .hot_bnr a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 60%;
	background: url("../img/sec7_bnr.jpg") no-repeat;
	background-size: cover;
	transition: opacity .6s;
}

#sec7 .hot_bnr a:hover {
	opacity: 0.5;
}

#sec7:before {
	display: none;
}

@media screen and (max-width: 800px) {
	#sec7 .hot_bnr a {
		display: block;
		width: 100vw;
		height: 0;
		padding-top: 123.73333vw;
		background: url("../img/sec7_bnr_sp.jpg") no-repeat;
		background-size: cover;
	}
}

#sec7 .sec_intro {
	padding: 100px 0;
}

@media screen and (max-width: 800px) {
	#sec7 .sec_intro {
		padding: 33.33333vw 0;
	}
}

#sec7 .sec_intro_inner {
	position: relative;
	width: 1200px;
	margin: auto;
}

@media screen and (max-width: 1200px) {
	#sec7 .sec_intro_inner {
		width: 100%;
	}
}

#sec7 .sec7_lead {
	position: absolute;
	top: 178px;
	right: 98px;
	max-width: 498px;
}

@media screen and (max-width: 1200px) {
	#sec7 .sec7_lead {
		top: 14.83333vw;
		right: 8.16667vw;
		width: 41.5vw;
	}
}

@media screen and (max-width: 800px) {
	#sec7 .sec7_lead {
		top: -13.33333vw;
		right: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 77.6vw;
	}
}

#sec7 .sec7_logo {
	position: absolute;
	top: 317px;
	right: 163px;
	max-width: 368px;
}

@media screen and (max-width: 1200px) {
	#sec7 .sec7_logo {
		top: 26.41667vw;
		right: 13.58333vw;
		width: 30.66667vw;
	}
}

@media screen and (max-width: 800px) {
	#sec7 .sec7_logo {
		top: 6.66667vw;
		right: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 53.6vw;
	}
}

#sec7 .sec7_bottle {
	position: relative;
	top: 97px;
	left: -227px;
	max-width: 1220px;
}

@media screen and (max-width: 1200px) {
	#sec7 .sec7_bottle {
		top: 8.08333vw;
		left: -18.91667vw;
		width: 101.66667vw;
	}
}

@media screen and (max-width: 800px) {
	#sec7 .sec7_bottle {
		top: 32vw;
		left: -25.33333vw;
		width: 162.66667vw;
	}
}

/* #products
----------------------------------------------------------- */
#products {
	position: relative;
	z-index: 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

#products .products_inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 1200px;
	height: 800px;
	margin: auto;
}

@media screen and (max-width: 1200px) {
	#products .products_inner {
		width: 100%;
		height: 66.66667vw;
		padding: 0 4.16667vw;
	}
	#products .products_inner img {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	#products .products_inner {
		height: auto;
		padding: 16vw 5.33333vw;
	}
}

#products h2 {
	margin-bottom: 50px;
	font-size: 46px;
	font-weight: 200;
}

@media screen and (max-width: 800px) {
	#products h2 {
		margin-bottom: 6.66667vw;
		font-size: 50px;
		font-size: 6.66667vw;
	}
}

#products .products_img {
	margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {
	#products .products_img {
		margin-bottom: 3.33333vw;
	}
}

@media screen and (max-width: 800px) {
	#products .products_img {
		margin-bottom: 6.66667vw;
	}
}

#products .btn a {
	width: 200px;
	height: 50px;
}

@media screen and (max-width: 800px) {
	#products .btn a {
		width: 42.66667vw;
		height: 10.66667vw;
		font-size: 18px;
		font-size: 2.4vw;
	}
}

/* #gallery
----------------------------------------------------------- */
#gallery {
	position: relative;
	z-index: 0;
	background: #fff;
}

#gallery .gallery_inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 1200px;
	height: 760px;
	margin: auto;
	padding: 0 4.16667vw;
}

@media screen and (max-width: 1200px) {
	#gallery .gallery_inner {
		width: 100%;
		height: 63.33333vw;
	}
}

@media screen and (max-width: 800px) {
	#gallery .gallery_inner {
		height: auto;
		padding: 16vw 5.33333vw;
	}
}

#gallery h2 {
	margin-bottom: 50px;
	font-size: 46px;
	font-weight: 200;
}

@media screen and (max-width: 800px) {
	#gallery h2 {
		margin-bottom: 6.66667vw;
		font-size: 50px;
		font-size: 6.66667vw;
	}
}

#gallery ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 60px;
}

@media screen and (max-width: 1200px) {
	#gallery ul {
		margin-bottom: 5vw;
	}
}

@media screen and (max-width: 800px) {
	#gallery ul {
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin-bottom: 6.4vw;
	}
}

#gallery li {
	position: relative;
}

#gallery li img {
	width: 100%;
}

#gallery li:nth-child(2n) {
	margin-left: 40px;
}

@media screen and (max-width: 800px) {
	#gallery li:nth-child(2n) {
		margin-left: 0;
		margin-top: 6.66667vw;
	}
}

#gallery .movie_txt {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#gallery .movie_txt_title {
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	font-size: 24px;
}

@media screen and (max-width: 1200px) {
	#gallery .movie_txt_title {
		font-size: 2vw;
	}
}

@media screen and (max-width: 800px) {
	#gallery .movie_txt_title {
		margin-bottom: 2.66667vw;
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

#gallery .thumb_layer_bk {
	background-color: rgba(0, 0, 0, 0.3);
}

#gallery a .movie_txt_icon_play {
	width: 76px;
	height: 76px;
	margin-bottom: 10px;
	-webkit-transition: 0.15s;
	transition: 0.15s;
}

#gallery a .movie_txt_icon_play img {
	width: 100%;
}

@media screen and (max-width: 800px) {
	#gallery a .movie_txt_icon_play {
		width: 13.33333vw;
		height: 13.33333vw;
		margin-bottom: 2.66667vw;
	}
}

#gallery a:hover .movie_txt_icon_play {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#gallery .movie_txt_play {
	color: #fff;
	font-size: 15px;
}

@media screen and (max-width: 800px) {
	#gallery .movie_txt_play {
		font-size: 21px;
		font-size: 2.8vw;
	}
}

#gallery .btn a {
	width: 200px;
	height: 50px;
}

@media screen and (max-width: 800px) {
	#gallery .btn a {
		width: 42.66667vw;
		height: 10.66667vw;
		font-size: 18px;
		font-size: 2.4vw;
	}
}

/* #haiku
----------------------------------------------------------- */
#haiku {
	position: relative;
	z-index: 0;
	overflow-x: hidden;
	background-image: url("../img/haiku_bg.jpg");
	background-position: center 0;
	background-size: cover;
}

@media only screen and (max-width: 800px) {
	#haiku {
		background-image: url("../img/haiku_bg-sp.jpg");
		background-position: center 0;
		background-size: cover;
	}
}

#haiku .contents-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: 1200px;
	margin: auto;
	height: 770px;
	/* #haiku-slider
		------------------------------------- */
}

@media screen and (max-width: 1200px) {
	#haiku .contents-inner {
		width: 100%;
		padding: 0 4.16667vw;
		height: 64.16667vw;
	}
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner {
		height: auto;
		padding-bottom: 0px;
		padding: 16vw 0;
	}
}

#haiku .contents-inner h2 {
	text-align: center;
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner h2 {
		width: 80.13333vw;
		margin-bottom: 2.66667vw;
	}
	#haiku .contents-inner h2 img {
		width: 100%;
	}
}

#haiku .contents-inner #haiku-slider {
	position: relative !important;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	/* previous button */
	/* next button */
}

@media screen and (max-width: 1000px) {
	#haiku .contents-inner #haiku-slider {
		width: 78.33333vw;
	}
}

@media only screen and (max-width: 830px) {
	#haiku .contents-inner #haiku-slider {
		position: static;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

@media screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-list {
		overflow: visible;
	}
}

#haiku .contents-inner #haiku-slider .item {
	height: auto;
	margin: 0 20px;
	position: relative;
	outline: none;
}

@media screen and (max-width: 1000px) {
	#haiku .contents-inner #haiku-slider .item {
		margin: 0 1.25vw;
	}
}

@media screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .item {
		margin: 0 3.33333vw;
	}
}

#haiku .contents-inner #haiku-slider .item .base {
	width: 100%;
	height: auto;
}

#haiku .contents-inner #haiku-slider .item .base img {
	width: 100%;
	max-width: 100000px;
	max-width: auto;
}

#haiku .contents-inner #haiku-slider .item .date {
	position: absolute;
	top: 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #141414;
	font-weight: 200;
	letter-spacing: 0.08em;
}

@media screen and (max-width: 1200px) {
	#haiku .contents-inner #haiku-slider .item .date {
		font-size: 0.91667vw;
	}
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .item .date {
		font-size: 20px;
		font-size: 2.66667vw;
		top: 0;
		padding: 4% 0;
	}
}

#haiku .contents-inner #haiku-slider .item .date .date2 {
	color: #009e45;
}

#haiku .contents-inner #haiku-slider .item .inner {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	/* 欧文回転 */
	-webkit-text-orientation: upright;
	-ms-text-orientation: upright;
	text-orientation: upright;
	/* 縦中横 */
	-webkit-text-combine-upright: digits 2;
	-ms-text-combine-upright: digits 2;
	text-combine-upright: digits 2;
	white-space: nowrap;
	color: #141414;
}

#haiku .contents-inner #haiku-slider .item .haiku {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	letter-spacing: 0.45em;
	font-weight: bold;
	position: absolute;
	top: 16.47%;
	right: 12%;
	line-height: 1.8;
}

@media screen and (max-width: 1000px) {
	#haiku .contents-inner #haiku-slider .item .haiku {
		font-size: 2vw;
	}
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .item .haiku {
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

#haiku .contents-inner #haiku-slider .item .name {
	font-size: 11px;
	font-weight: 200;
	position: absolute;
	left: 7.5%;
	bottom: 5%;
	vertical-align: baseline;
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .item .name {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

#haiku .contents-inner #haiku-slider .item .name.long {
	font-size: 1vw;
}

@media only screen and (max-width: 940px) {
	#haiku .contents-inner #haiku-slider .item .name.long {
		font-size: 0.8vw;
		-webkit-transform: scale(0.8);
		-webkit-transform-origin: bottom;
	}
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .item .name.long {
		font-size: 3.5vw;
		-webkit-transform: scale(1);
	}
}

#haiku .contents-inner #haiku-slider .item .name span {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: digits;
	text-combine-upright: all;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	display: inline-block;
	text-align: center;
}

#haiku .contents-inner #haiku-slider .slick-slide {
	height: 20%;
}

@media screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-slide {
		min-height: 69.33333vw;
	}
}

#haiku .contents-inner #haiku-slider .slick-prev, #haiku .contents-inner #haiku-slider .slick-next {
	width: 60px;
	height: 60px;
	z-index: 100;
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-prev, #haiku .contents-inner #haiku-slider .slick-next {
		width: 20vw;
		height: 69.33333vw;
	}
}

#haiku .contents-inner #haiku-slider .slick-prev:before, #haiku .contents-inner #haiku-slider .slick-next:before {
	display: inline-block;
	content: "";
	width: 24px;
	height: 37px;
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-prev:before, #haiku .contents-inner #haiku-slider .slick-next:before {
		width: 4.26667vw;
		height: 6.93333vw;
	}
}

#haiku .contents-inner #haiku-slider .slick-prev:hover, #haiku .contents-inner #haiku-slider .slick-next:hover {
	opacity: 0.5;
}

@media screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-prev:hover, #haiku .contents-inner #haiku-slider .slick-next:hover {
		opacity: 1;
	}
}

#haiku .contents-inner #haiku-slider .slick-prev {
	left: -4.16667vw;
}

@media only screen and (max-width: 950px) {
	#haiku .contents-inner #haiku-slider .slick-prev {
		left: -70px;
	}
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-prev {
		left: -12vw;
	}
}

#haiku .contents-inner #haiku-slider .slick-prev:before {
	background: url("../img/haiku_arrow_left.png");
	background-size: cover;
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-prev:before {
		background: url("../img/haiku_arrow_left-sp.png");
		background-size: cover;
	}
}

#haiku .contents-inner #haiku-slider .slick-next {
	right: -4.16667vw;
}

@media only screen and (max-width: 950px) {
	#haiku .contents-inner #haiku-slider .slick-next {
		right: -70px;
	}
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-next {
		right: -12vw;
	}
}

#haiku .contents-inner #haiku-slider .slick-next:before {
	background: url("../img/haiku_arrow_right.png");
	background-size: cover;
}

@media only screen and (max-width: 800px) {
	#haiku .contents-inner #haiku-slider .slick-next:before {
		background: url("../img/haiku_arrow_right-sp.png");
		background-size: cover;
	}
}

#haiku .contents-inner .btn a {
	width: 200px;
	height: 50px;
	border: 1px solid #000;
}

_::content, _:future, body.is-pc .digit-1:not(*:root) {
	vertical-align: bottom;
	line-height: 1;
	padding-left: 0.38em;
}

_::content, _:future, body.is-pc.mac .digit-1:not(*:root) {
	padding-left: 0.24em;
}

@supports (-ms-accelerator: true) {
	body.is-pc .digit-1 {
		vertical-align: bottom;
		line-height: 1;
		padding-left: 0.2em;
	}
}

_::-webkit-full-page-media, _:future, :root body.is-sp .digit-1 {
	padding-left: 0;
	text-align: center;
	-webkit-transform: translateX(0.18em);
}

/* .col2wrap
----------------------------------------------------------- */
.col2wrap {
	position: relative;
	z-index: 0;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 700px;
}

@media screen and (max-width: 800px) {
	.col2wrap {
		-webkit-flex-direction: column;
		flex-direction: column;
		height: auto;
	}
}

/* #campaign
----------------------------------------------------------- */
#campaign {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 50%;
	/* previous button */
	/* next button */
}

@media screen and (max-width: 1180px) {
	#campaign {
		padding: 0 60px;
	}
}

@media screen and (max-width: 800px) {
	#campaign {
		display: block;
		width: 100%;
		padding: 16vw 5.33333vw 20vw;
	}
}

#campaign h2 {
	text-align: center;
	margin-bottom: 50px;
	font-size: 36px;
	font-weight: 200;
}

@media screen and (max-width: 800px) {
	#campaign h2 {
		margin-bottom: 6.66667vw;
		font-size: 50px;
		font-size: 6.66667vw;
	}
}

#campaign #campaign-slider {
	width: 100%;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 460px;
	height: auto;
	max-height: 330px;
}

@media all and (min-width: 801px) {
	#campaign #campaign-slider a:hover {
		-ms-filter: "alpha(opacity=60)";
		filter: alpha(opacity=60);
		opacity: .60;
	}
}

#campaign .item img {
	width: 100%;
	margin: auto;
	max-width: 460px;
	height: auto;
	max-height: 330px;
}

#campaign .slick-prev, #campaign .slick-next {
	width: 60px;
	height: 60px;
	z-index: 100;
}

@media only screen and (max-width: 800px) {
	#campaign .slick-prev, #campaign .slick-next {
		width: 14.66667vw;
		height: 41.33333vw;
	}
}

#campaign .slick-prev:before, #campaign .slick-next:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 29px;
}

@media only screen and (max-width: 800px) {
	#campaign .slick-prev:before, #campaign .slick-next:before {
		width: 4.26667vw;
		height: 6.93333vw;
	}
}

#campaign .slick-prev:hover, #campaign .slick-next:hover {
	opacity: 0.5;
}

@media screen and (max-width: 800px) {
	#campaign .slick-prev:hover, #campaign .slick-next:hover {
		opacity: 1;
	}
}

#campaign .slick-prev {
	left: -14%;
}

@media screen and (max-width: 800px) {
	#campaign .slick-prev {
		left: -17.33333vw;
	}
}

#campaign .slick-prev:before {
	background: url("../img/campaign_arrow_left.png") 0 0 no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 800px) {
	#campaign .slick-prev:before {
		background: url("../img/campaign_arrow_left-sp.png") 0 0 no-repeat;
		background-size: 4.26667vw auto;
	}
}

#campaign .slick-next {
	right: -14%;
}

@media screen and (max-width: 800px) {
	#campaign .slick-next {
		right: -17.33333vw;
	}
}

#campaign .slick-next:before {
	background: url("../img/campaign_arrow_right.png") 0 0 no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 800px) {
	#campaign .slick-next:before {
		background: url("../img/campaign_arrow_right-sp.png") 0 0 no-repeat;
		background-size: 4.26667vw auto;
	}
}

/* .row2wrap
----------------------------------------------------------- */
.row2wrap {
	position: relative;
	z-index: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 50%;
}

@media screen and (max-width: 800px) {
	.row2wrap {
		display: block;
		width: 100%;
	}
}

.row2wrap > section {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 350px;
}

@media screen and (max-width: 800px) {
	.row2wrap > section {
		height: 66.66667vw;
	}
}

.row2wrap > section h2 {
	margin-bottom: 35px;
	text-align: center;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: 200;
}

@media screen and (max-width: 800px) {
	.row2wrap > section h2 {
		margin-bottom: 4vw;
		font-size: 50px;
		font-size: 6.66667vw;
	}
}

/* #environment
----------------------------------------------------------- */
#environment {
	background: url("../img/environment_bg.jpg") 50% 50% no-repeat;
	background-size: cover;
}

#environment .btn a {
	width: 200px;
	height: 50px;
	background: rgba(0, 76, 131, 0.8);
}

@media screen and (max-width: 800px) {
	#environment .btn a {
		width: 42.66667vw;
		height: 10.66667vw;
		font-size: 18px;
		font-size: 2.4vw;
	}
}

#environment .btn a:hover {
	background: white;
}

/* #quality
----------------------------------------------------------- */
#quality {
	background: url("../img/quality_bg.jpg") 50% 50% no-repeat;
	background-size: cover;
}

#quality .btn a {
	width: 200px;
	height: 50px;
	background: rgba(60, 62, 67, 0.5);
}

@media screen and (max-width: 800px) {
	#quality .btn a {
		width: 42.66667vw;
		height: 10.66667vw;
		font-size: 18px;
		font-size: 2.4vw;
	}
}

#quality .btn a:hover {
	background: white;
}

/* #archive
----------------------------------------------------------- */
#archive {
	position: relative;
	z-index: 0;
	background-color: #f3f3f3;
	padding: 90px 0;
}

@media screen and (max-width: 800px) {
	#archive {
		padding: 9.33333vw 0;
	}
}

#archive .archive_list {
	width: 1000px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (max-width: 1000px) {
	#archive .archive_list {
		width: 100%;
		padding: 0 4.16667vw;
	}
}

@media only screen and (max-width: 800px) {
	#archive .archive_list {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

#archive .archive_list .archive-item {
	width: 23.64%;
	margin-left: 1.67%;
}

@media only screen and (max-width: 800px) {
	#archive .archive_list .archive-item {
		width: 46.15%;
		margin-left: 0;
	}
}

#archive .archive_list .archive-item:nth-child(4n+1) {
	margin-left: 0;
}

#archive .archive_list .archive-item:nth-child(n+5) {
	margin-top: 60px;
}

@media only screen and (max-width: 800px) {
	#archive .archive_list .archive-item:nth-child(n+5) {
		margin-top: 0;
	}
}

@media only screen and (max-width: 800px) {
	#archive .archive_list .archive-item:nth-child(n+3) {
		margin-top: 5.33333vw;
	}
}

#archive .archive_list .archive-item a {
	display: block;
}

#archive .archive_list .archive-item a img {
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

#archive .archive_list .archive-item a:hover img {
	opacity: 0.5;
}

#archive .archive_list .archive-item a figcaption {
	position: relative;
	margin-top: 10px;
	padding-left: 12px;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.3;
	letter-spacing: 0.04em;
	vertical-align: middle;
}

@media screen and (max-width: 800px) {
	#archive .archive_list .archive-item a figcaption {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

#archive .archive_list .archive-item a figcaption:before {
	content: "▲";
	display: inline-block;
	-moz-transform: rotate(90deg) scale(0.9, 0.7);
	-webkit-transform: rotate(90deg) scale(0.9, 0.7);
	transform: rotate(90deg) scale(0.9, 0.7);
	font-size: 10px;
	vertical-align: middle;
	line-height: 1;
	position: absolute;
	top: 0.7em;
	left: 0px;
}

@media only screen and (max-width: 800px) {
	#archive .archive_list .archive-item a figcaption:before {
		top: 0.4em;
		font-size: 20px;
		font-size: 2.66667vw;
	}
}

#archive .archive_list .archive-item a figcaption:after {
	content: url(/oiocha/shared/img/icon_blank_blk.png);
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin-top: -8px;
	margin-left: 4px;
}

@media only screen and (max-width: 800px) {
	#archive .archive_list .archive-item a figcaption:after {
		width: 9px;
		margin-top: -1.33333vw;
		margin-left: 3px;
	}
}

/* #float-location
----------------------------------------------------------- */
#float-location {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 37px;
	width: 13px;
	height: 313px;
	margin: auto 0;
	z-index: 9;
	display: none;
}

#float-location.show {
	opacity: 1;
}

@media screen and (max-width: 800px) {
	#float-location {
		display: none !important;
	}
}

#float-location .float-location-inner {
	position: relative;
	height: 100%;
}

#float-location .float-location-inner ol {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#float-location .float-location-inner ol li {
	position: relative;
	height: 60px;
}

#float-location .float-location-inner ol li:last-child {
	height: 13px;
}

#float-location .float-location-inner ol li .float-location-circle {
	position: relative;
}

#float-location .float-location-inner ol li .float-location-circle::before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border: 1px solid #999999;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

#float-location .float-location-inner ol li .float-location-circle::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background-color: #999999;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px;
}

#float-location .float-location-inner ol li .float-location-circle a {
	position: absolute;
	z-index: 2;
	top: -19px;
	left: -19px;
	display: block;
	width: 50px;
	height: 50px;
}

#float-location .float-location-inner ol li .float-location-line {
	width: 1px;
	height: 51px;
	background-color: #999999;
	position: absolute;
	left: 0;
	right: 0;
	top: -47px;
	margin: auto;
}

#float-location .float-location-inner ol li .float-location-line-green {
	width: 1px;
	height: 51px;
	background-color: #009E45;
	position: absolute;
	left: 0;
	right: 0;
	top: -47px;
	margin: auto;
	transform: scale(1, 0);
	transform-origin: center top;
	transition: transform 0.5s;
}

#float-location .float-location-inner ol li .float-location-img {
	position: absolute;
	z-index: 1;
	top: -21px;
	left: -21px;
	transform: scale(0);
	transform-origin: center;
	transition-property: all;
	transition-duration: 0.5s;
	transition-delay: 0s;
}

#float-location .float-location-inner ol li.through .float-location-circle::before {
	border-color: #009E45;
}

#float-location .float-location-inner ol li.through .float-location-circle::after {
	background-color: #009E45;
}

#float-location .float-location-inner ol li.through .float-location-line-green {
	transform: scale(1, 1);
}

#float-location .float-location-inner ol li.through .float-location-img {
	transform: scale(0);
	transition-property: all;
	transition-duration: 0.5s;
	transition-delay: 0s;
}

#float-location .float-location-inner ol li.current .float-location-line-green {
	transform: scale(1, 1);
}

#float-location .float-location-inner ol li.current .float-location-img {
	transform: scale(1);
	transition-property: all;
	transition-duration: 0.5s;
	transition-delay: 0.5s;
}

#float-location .float-location-inner ol li:first-child.current .float-location-img {
	transition-delay: 0s;
}

/* #30th
----------------------------------------------------------- */
#camp_30th {
	position: relative;
	z-index: 0;
	background: url(../img/30th_bg.jpg) 50% 0 no-repeat;
	background-size: cover;
	border-bottom: 1px solid #ccc;
}

#camp_30th .camp_30th_inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 1200px;
	height: 950px;
	margin: auto;
}

@media screen and (max-width: 1200px) {
	#camp_30th .camp_30th_inner {
		width: 100%;
		height: 79.16667vw;
		padding: 0 4.16667vw;
	}
	#camp_30th .camp_30th_inner img {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	#camp_30th .camp_30th_inner {
		height: auto;
		padding: 16vw 5.33333vw;
	}
}

#camp_30th h2 {
	margin-bottom: 30px;
	font-size: 46px;
	font-weight: 200;
}

@media screen and (max-width: 800px) {
	#camp_30th h2 {
		margin-bottom: 4vw;
		font-size: 50px;
		font-size: 6.66667vw;
	}
}

#camp_30th .camp_30th_img {
	margin-bottom: -30px;
	/*@media screen and (max-width: 1200px) {
			margin-bottom: pvw(40);
		}
		@media screen and (max-width: 800px) {
			margin-bottom: vw(50);
		}*/
}

#camp_30th .btn a {
	width: 200px;
	height: 50px;
}

@media screen and (max-width: 800px) {
	#camp_30th .btn a {
		width: 42.66667vw;
		height: 10.66667vw;
		font-size: 18px;
		font-size: 2.4vw;
	}
}

/* #sec-nav
----------------------------------------------------------- */
#sec-nav {
	position: relative;
	background-color: #009e45;
	padding: 3% 0;
}

@media screen and (max-width: 800px) {
	#sec-nav {
		padding: 10.66667vw 0;
	}
}

#sec-nav:before {
	display: none;
}

#sec-nav .nav-list {
	width: 880px;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
	#sec-nav .nav-list {
		width: 100%;
	}
}

#sec-nav .nav-list li {
	width: 33%;
	padding: 0 7%;
}

@media screen and (min-width: 801px) {
	#sec-nav .nav-list li:not(:nth-child(3n)) {
		border-right: 1px solid #FFF;
	}
	#sec-nav .nav-list li:nth-child(n + 4) {
		margin-top: 4%;
	}
}

@media screen and (max-width: 800px) {
	#sec-nav .nav-list li {
		width: 50%;
		padding: 0 5.33333vw;
	}
	#sec-nav .nav-list li:not(:nth-child(2n)) {
		border-right: 1px solid #FFF;
	}
	#sec-nav .nav-list li:nth-child(n + 3) {
		margin-top: 8vw;
	}
}

#sec-nav .nav-list li a {
	color: #FFF;
	font-size: 17px;
	display: block;
	transition: opacity .3s;
	position: relative;
}

@media screen and (max-width: 800px) {
	#sec-nav .nav-list li a {
		font-size: 30px;
		font-size: 4vw;
	}
}

#sec-nav .nav-list li a:hover {
	text-decoration: none;
	opacity: .8;
}

#sec-nav .nav-list li a:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: calc(50% - 5px);
}

@media screen and (max-width: 800px) {
	#sec-nav .nav-list li a:after {
		width: 6px;
		height: 6px;
		top: calc(50% - 3px);
	}
}

#sec-nav .nav-list li .num {
	margin-right: 1.2em;
	font-family: Roboto , serif;
	font-weight: 200;
}

/*# sourceMappingURL=top.css.map */