<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
/campaign/30th/css/style.css

文字：201410
メインカラー：005e3c

*/

/*通常フォーマットの非表示*/
.footer_bnrs, .footer_nav{
	display: none;
}
.nav_btn_txt{
	display: none;
}
#header{
	display: none;
}


.content{
	font-family: 'Zen Old Mincho', '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	position: relative;
}
.content_inner{
	width:87.2%;
	max-width: 1000px;
	height:100%;
	margin: 0 auto;
}
.content_title{
}
.content_text{
	margin: 30px 0;
	font-size: 15px;
	line-height: 2;
	color:#005e3c;
}
.content_img{
	display: block;
	margin: 0 auto;
}
.content_title-img{
}
@media screen and (max-width:767px) {
}
@media screen and (min-width:768px) {
}
html.iOS,html.iOS body, html.iOS #container, html.iOS #hero{
	/*height: -webkit-fill-available;*/
}
body.iOS,body.iOS, body.iOS #container, body.iOS #hero{
	/*height: -webkit-fill-available;*/
}
body{
	background:#f7f7ef;
	overflow-x: hidden;
	overflow-y: hidden;
}
#container{
	height: 100vh;
	overflow: hidden;
}
body.endmovie{
	overflow-y: auto;
}
body.endmovie #container{
	height: auto;
	overflow: auto;
}

/*hero*/
#hero{
	height:100vh;
	overflow:hidden;
	background: #f0efed;
}
.autoplaymovie, .autoplaymovie_videobox{
	width:100%;
	height: 100%;
}
.btn_skip{
	font-size: 14px;
	color:#332319;
	opacity:0.7;
	position: fixed;
	right: 0;
	bottom: 0;
	padding: 5px 12px 8px;
	margin: 0 1% 1% 0;
	line-height: 1.2;
	cursor: pointer;
	letter-spacing: 1px;
	background: #332319c7;
	color: #fff;
	border-radius: 3px;
	/* z-index: 100; */
}
body.endmovie .btn_skip{
	transition:0.5s ease-out;
	opacity:0;
	pointer-events: none;
}
.hero_img{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
}

.hero_last{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow-x: hidden;
	background: #f0efed;
	opacity:0;
	pointer-events: none;
}
.hero_part{
	position: absolute;
	left:-1000px;
	right:-1000px;
	margin: auto;
}
.hero_waku{
	width: auto;
	height: 80%;
	top: 0;
	bottom: 0;
	max-width:95%;
	opacity: 0;
}
.hero_logo{
	top: 12.5%;
	width: auto;
	height: 32.5%;
	opacity:0;
}
.hero_burger{
	top: 56.5%;
	width: auto;
	height: 33%;
	opacity:0;
}
.hero_ts{
	top:51%;
	text-align: center;
	height:4.1%;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0.95);
}
.hero_ts_block{
	display: flex;
	height:100%;
}
.hero_t{
	height:100%;
	width:auto;
	opacity:0;
}
.hero_scroll{
	position: absolute;
	left:0;right:0;
	bottom:1.2%;
	top:auto;
	width:auto;
	height: 45px;
    max-height: 6.75%;
	margin: 0 auto;
	transition:1s ease-out 5.5s;	
	opacity: 0;
	transform: translateY(8px);
}

body.endmovie .hero_last{
    animation:fadeIn 1s ease-out forwards;	
}
body.endmovie .hero_waku{
    animation:scalezoomIn 1s ease-out forwards 0.6s;	
}
body.endmovie .hero_logo{
    animation:scaleIn 0.8s ease-out forwards 1.2s;	
}
body.endmovie .hero_burger{
    animation:upIn 0.8s ease-out forwards 1.6s;	
}
body.endmovie .hero_ts{
    animation:scalezoom 2.8s ease-out forwards 2.5s;	
}
body.endmovie .hero_t1{
    animation:fadeIn 0.7s ease-out forwards 2.5s;	
}
body.endmovie .hero_t2{
    animation:fadeIn 0.7s ease-out forwards 2.8s;	
}
body.endmovie .hero_t3{
    animation:fadeIn 0.7s ease-out forwards 3.1s;	
}
body.endmovie .hero_t4{
    animation:fadeIn 0.7s ease-out forwards 3.4s;	
}
body.endmovie .hero_scroll{
	opacity: 1;
	transform: translateY(0);    
}


@media screen and (max-width:767px) {
	.hero_part{
	}
	.hero_waku{
		height:100%;
		width:100%;
		max-width:100%;
	}
	.hero_logo{
		top:10%;
		height:30%;
	}
	.hero_burger{
		height:32%;
		top:58%;
	}
	.hero_ts{
		top: 47.3%;
		flex-direction:column;
		display:block;
		height:4%;
	}
	.hero_ts_block{
		margin:1% 0 0;
		display:block;
		height:100%;
		white-space:nowrap;
		text-align:center;
	}
	.hero_t{
		display:inline;
		height:100%;
	}
	body.endmovie{
	}
}
@media screen and (min-width:768px) {
	.btn_skip{
		font-size:15px;
		padding: 6px 15px 10px;
	}
	.hero_img{
		height: 100%;
		width:auto;
		max-width:none;
		left:-1000px;
		right:-1000px;
	}
}

#history{
	background:url("../images/history_bg_pc.jpg") top center;
	background-size: 1440px auto;
	height: 1133px;
	overflow: hidden;
}
.history{
}
.history_title{
	position: absolute;
	margin-left:36px;
	top:170px;
	left:50%;
}
.history_img{
	position: absolute;
	left:50%;
}
.history_text{
	position: absolute;
	left:50%;
	color: #3a312a;
}
.history_img-1{
	margin-left: -516px;
	top:139px;
}
.history_text-1{
	margin-left:110px;
	top:300px;
}
.history_img-2{
	margin-left:-62px;
	top:591px;
}
.history_text-2{
	margin-left:-391px;
	top:724px;
}
@media screen and (max-width:767px) {
	#history{
		background-image:url("../images/history_bg_sp.jpg");
		background-size: 500px auto;
		height: auto;
		padding: 1px 0 100px;
	}
	.history{
	
	}
	.history_title{
		position: static;
		margin: 90px auto 0;
	}
	.history_img{
		position: static;
	}
	.history_text{
		position: static;
		padding:0 20px;
		white-space:nowrap
	}
	.history_img-1{
		margin: 0 -59px 0 auto;
	}
	.history_text-1{
		margin: -46px auto 0;
	}
	.history_img-2{
		margin: 20px auto 0 -16%;
		width: 120%;
		max-width: none;
	}
	.history_text-2{
		margin: 10px auto 0;
	}
}
@media screen and (min-width:768px) {
}


#concept{
	background:url("../images/concept_bg_pc.jpg") center top;
	background-size: 1440px auto;
	padding: 1px 0 20%;
}
.concept{
}
.concept_bg{
	position: absolute;
	left:-1000px;
	right: -1000px;
	top:0;
	margin: 0 auto;
	width:1440px;
	height: auto;
}
.concept_logo{
	position: relative;
	margin: 225px auto 0;
}
#concept .content_title{
	position: relative;
	margin: 50px auto 0;
}
#concept .content_text{
	position: relative;
	margin: 10px auto 0;
	text-align:center;
}

@media screen and (max-width:767px) {

	#concept{
		background-image:url("../images/concept_bg_sp.jpg");
		background-size: 480px auto;
		padding-bottom: 165%;
	}
	.concept_bg{
		left:0;
		right: 0;
		top:auto;
		bottom:0;
		margin: 0 auto;
		width:100%;
	}
	.concept_logo{
		margin: 87px auto 0;
	}
	#concept .content_title{
		margin: 45px auto 0;
	}
	#concept .content_text{
		margin: 0 auto 0;
		white-space: nowrap;
	}
}
@media screen and (min-width:768px) {
}


#b30{
	background:url("../images/b30_bg_pc.jpg") center top #ded1a7 repeat-y;
	background-size: 120% auto;
	padding: 1px 0 150px;
}
#b30:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	height: 15%;
	margin: -5% 0 0;
	background:#ded1a7;
	transform:skewY(-5deg);
}
#b30 .content_title{
	margin: 100px auto 0;
	position:relative;
}
#b30 .content_text{
	margin: 22px auto 0;
	font-size: 20px;
	text-align: center;
	line-height: 1.8;
}

.imglist{
	margin: 65px auto 0;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	gap: 2% 3.5%;
	justify-content: flex-start;
}
.imglist_item{
	width: 48%;
	position: relative;
	background:rgba(0,94,60,0.34);
	margin: 4% 0 0;
}
.imglist_item:after{
	content:"";
	width:68px;
	height:68px;
	background: url("../images/b30_label_1.png") center no-repeat;
	background-size:100% auto;
	position: absolute;
	top:15px;
	left:-15px;
}
.imglist_item_img{
	width:100%;
	height: auto;
}
.imglist_texts{
	background: rgb(0 94 60 / 80%);
	min-height: 85px;
	position: absolute;
	left:0;
	bottom: 3.5%;
	width:100%;
	max-width: 380px;
	padding: 7px 16px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	box-sizing: border-box;
	backdrop-filter: blur(4px);
}

.imglist_title{
	font-size: 21px;
	color: #fff;
	line-height: 1.18;
}
.imglist_title span{
	display: inline-block;
}
.imglist_title span.min{
	font-size:83%;
}
.imglist_date{
	color:#e9e8cc;
	font-size:13px;
	padding:0 0 0 0.6em;
	position: relative;
}
.imglist_date:before{
	content:"";
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	margin: auto 0;
	border: 4px solid;
	border-color:transparent transparent transparent #e9e8cc;
	width: 0;
	height: 0;
	transform:translateY(1px);
	
}
.imglist_comming{
	margin: 50px auto 0;
}

@media screen and (min-width:1300px) {
	#b30 .content_inner, .imglist{
		max-width:1600px;
	}
	.imglist_item{
		width:31%;
	}
}


@media screen and (max-width:767px) {
	#b30{
		background-image:url("../images/b30_bg_sp.jpg");
		background-size: 100% auto;
		background-repeat: repeat-y;
	}
	#b30 .content_title{
		margin: 55px -5% 0;
	}
	#b30 .content_text{
		margin: 15px auto 0;
		font-size: 18px;
	}
	.imglist{
		margin: 35px auto 0;
		justify-content: normal;
	}

	
	.imglist_item{
		width:100%;
	}
	.imglist_item_img{
	}
	.imglist_texts{
		bottom:0;
		min-height: 80px;
	}
	.imglist_title{
	font-size: 20px;
	}
	.imglist_date{
	}
	.imglist_comming{
		margin-top:30px;
		width:200px;

	}
	
}
@media screen and (min-width:768px) {
}


.single_snslink{margin: 100px auto 50px;}
.single_snslink .btn_icon{
	background-color:#000;
}
@media screen and (max-width:767px) {
}
@media screen and (min-width:768px) {
}

.imglist_item.b1:after{ background-image: url("../images/b30_label_1.png"); }.imglist_item.b2:after{ background-image: url("../images/b30_label_2.png"); }.imglist_item.b3:after{ background-image: url("../images/b30_label_3.png"); }.imglist_item.b4:after{ background-image: url("../images/b30_label_4.png"); }.imglist_item.b5:after{ background-image: url("../images/b30_label_5.png"); }.imglist_item.b6:after{ background-image: url("../images/b30_label_6.png"); }.imglist_item.b7:after{ background-image: url("../images/b30_label_7.png"); }.imglist_item.b8:after{ background-image: url("../images/b30_label_8.png"); }.imglist_item.b9:after{ background-image: url("../images/b30_label_9.png"); }.imglist_item.b10:after{ background-image: url("../images/b30_label_10.png"); }.imglist_item.b11:after{ background-image: url("../images/b30_label_11.png"); }.imglist_item.b12:after{ background-image: url("../images/b30_label_12.png"); }.imglist_item.b13:after{ background-image: url("../images/b30_label_13.png"); }.imglist_item.b14:after{ background-image: url("../images/b30_label_14.png"); }.imglist_item.b15:after{ background-image: url("../images/b30_label_15.png"); }.imglist_item.b16:after{ background-image: url("../images/b30_label_16.png"); }.imglist_item.b17:after{ background-image: url("../images/b30_label_17.png"); }.imglist_item.b18:after{ background-image: url("../images/b30_label_18.png"); }.imglist_item.b19:after{ background-image: url("../images/b30_label_19.png"); }.imglist_item.b20:after{ background-image: url("../images/b30_label_20.png"); }.imglist_item.b21:after{ background-image: url("../images/b30_label_21.png"); }.imglist_item.b22:after{ background-image: url("../images/b30_label_22.png"); }.imglist_item.b23:after{ background-image: url("../images/b30_label_23.png"); }.imglist_item.b24:after{ background-image: url("../images/b30_label_24.png"); }.imglist_item.b25:after{ background-image: url("../images/b30_label_25.png"); }.imglist_item.b26:after{ background-image: url("../images/b30_label_26.png"); }.imglist_item.b27:after{ background-image: url("../images/b30_label_27.png"); }.imglist_item.b28:after{ background-image: url("../images/b30_label_28.png"); }.imglist_item.b29:after{ background-image: url("../images/b30_label_29.png"); }.imglist_item.b30:after{ background-image: url("../images/b30_label_30.png"); }





#b30.b30-b{
	background: #fff;
}
#b30.b30-b:before{
	display:none;
}
#b30.b30-b .content_text{
	color:#000;
}
#b30.b30-b .imglist_texts{
	background:#0000009e;
}

.b30-b .imglist_item.b1:after{ background-image: url("../images/b/b30_label_1.png"); }.b30-b .imglist_item.b2:after{ background-image: url("../images/b/b30_label_2.png"); }.b30-b .imglist_item.b3:after{ background-image: url("../images/b/b30_label_3.png"); }.b30-b .imglist_item.b4:after{ background-image: url("../images/b/b30_label_4.png"); }.b30-b .imglist_item.b5:after{ background-image: url("../images/b/b30_label_5.png"); }.b30-b .imglist_item.b6:after{ background-image: url("../images/b/b30_label_6.png"); }.b30-b .imglist_item.b7:after{ background-image: url("../images/b/b30_label_7.png"); }.b30-b .imglist_item.b8:after{ background-image: url("../images/b/b30_label_8.png"); }.b30-b .imglist_item.b9:after{ background-image: url("../images/b/b30_label_9.png"); }.b30-b .imglist_item.b10:after{ background-image: url("../images/b/b30_label_10.png"); }.b30-b .imglist_item.b11:after{ background-image: url("../images/b/b30_label_11.png"); }.b30-b .imglist_item.b12:after{ background-image: url("../images/b/b30_label_12.png"); }.b30-b .imglist_item.b13:after{ background-image: url("../images/b/b30_label_13.png"); }.b30-b .imglist_item.b14:after{ background-image: url("../images/b/b30_label_14.png"); }.b30-b .imglist_item.b15:after{ background-image: url("../images/b/b30_label_15.png"); }.b30-b .imglist_item.b16:after{ background-image: url("../images/b/b30_label_16.png"); }.b30-b .imglist_item.b17:after{ background-image: url("../images/b/b30_label_17.png"); }.b30-b .imglist_item.b18:after{ background-image: url("../images/b/b30_label_18.png"); }.b30-b .imglist_item.b19:after{ background-image: url("../images/b/b30_label_19.png"); }.b30-b .imglist_item.b20:after{ background-image: url("../images/b/b30_label_20.png"); }.b30-b .imglist_item.b21:after{ background-image: url("../images/b/b30_label_21.png"); }.b30-b .imglist_item.b22:after{ background-image: url("../images/b/b30_label_22.png"); }.b30-b .imglist_item.b23:after{ background-image: url("../images/b/b30_label_23.png"); }.b30-b .imglist_item.b24:after{ background-image: url("../images/b/b30_label_24.png"); }.b30-b .imglist_item.b25:after{ background-image: url("../images/b/b30_label_25.png"); }.b30-b .imglist_item.b26:after{ background-image: url("../images/b/b30_label_26.png"); }.b30-b .imglist_item.b27:after{ background-image: url("../images/b/b30_label_27.png"); }.b30-b .imglist_item.b28:after{ background-image: url("../images/b/b30_label_28.png"); }.b30-b .imglist_item.b29:after{ background-image: url("../images/b/b30_label_29.png"); }.b30-b .imglist_item.b30:after{ background-image: url("../images/b/b30_label_30.png"); }


#loading{
  position: fixed;
  left:0;top:0;bottom:0;right:0;
  background:#f0efed;
  z-index: 1000000;
  transform:translate(0,0);
  transform-origin:50% 0;
	z-index: 100000000000;
}
#loading:after{
  content:"";
  font-size:10px;
  letter-spacing: 1px;
  color:#005e3c;
  text-align: center;
  display: block;
  position: absolute;
  left:0;top:0;bottom:0;right:0;
  margin: auto;
  width:130px;
  height: 130px;
  padding: 0;
  background: url(../images/loading.png) center top no-repeat;
  background-size: 130px auto;
  transition:0.2s ease-out;
  animation: zooming 1s ease 0s;
  animation-iteration-count: infinite;
}
.init #loading{
   animation: fadeOut 0.3s ease-out 0.2s;
   animation-fill-mode:both;
}
.init #loading:after{
  opacity:0;
}

@media screen and (max-width:767px) {
	#loading:after{
		 width:90px;
		  height: 90px;
		 background-size: 90px auto;
	}
}

@keyframes upOut {
  0% {
    transform: translateY(0%);
  }
  99% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(-100%);
    display: none;
  }
}

@keyframes zooming {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}


@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes scalezoomIn {
  0% {
    opacity: 0;
    transform: scale(0.94);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scalezoom {
  0% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes upIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

</pre></body></html>