<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body{padding:0;}
header.header{padding-left:2%;padding-right:2%;}

/*���C�A�E�g*/

.col2 {
  width: 48%;
}
.col3 {
  width: 30.6666666667%;
}
.col4 {
  width: 22%;
}
.col5 {
  width: 16.8%;
}
.col6 {
  width: 13.3333333333%;
}


@media screen and (min-width: 769px) {
  .col2-pc {
    width: 48%;
  }
  .col3-pc {
    width: 30.6666666667%;
  }
  .col4-pc {
    width: 22%;
  }
  .col5-pc {
    width: 16.8%;
  }
  .col6-pc {
    width: 13.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .col2-sp {
    width: 48%;
  }
  .col3-sp {
    width: 30.6666666667%;
  }
  .col4-sp {
    width: 22%;
  }
  .col5-sp {
    width: 16.8%;
  }
  .col6-sp {
    width: 13.3333333333%;
  }
}
/*flex*/
.flex {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .flex-pc {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .flex-sp {
    display: flex;
    flex-wrap: wrap;
  }
}
.flex-abottom {
  align-items: flex-end;
}
.flex-acenter {
  align-items: center;
}
.f_box {
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .flex-bet-pc {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .flex-bet-sp {
    justify-content: space-between;
  }
}
.flex-center {
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .flex-center-pc {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .flex-center-sp {
    justify-content: center;
  }
}
.flex-end {
  justify-content: flex-end;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-start {
  justify-content: flex-start;
}

.order2 {
  order: 2;
}

/*inner*/
.inner-m .inner, .inner-l .inner {
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .inner-m .inner, .inner-l .inner {
    padding: 0 1rem;
  }
}
.inner{
	width: 1000px;
	margin: 0 auto;
max-width:100%;
}
.campeign .inner{
	width: 1300px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.inner{
		width: 95%;
	}
}
.inner .inner{
	margin: 0 auto;
	width: 90%;
}
.inner-s {
  margin: 0 auto;
  width: 40%;
}
.inner-m {
  margin: 0 auto;
  width: 60%;
}
.inner-l {
  margin: 0 auto;
  width: 80%;
}
@media screen and (min-width: 769px) {
	.inner-s-pc {
	  margin: 0 auto;
	  width: 40%;
	}
	.inner-m-pc {
	  margin: 0 auto;
	  width: 60%;
	}
	.inner-l-pc {
	  margin: 0 auto;
	  width: 80%;
	}
}
@media screen and (max-width: 768px) {
  .inner-s, .inner-m, .inner-l {
    width: 95%;
  }
  .inner-xs{
    width: 85%;
margin:0 auto;
  }

}

/*�A�j���[�V����*/
.anime{
	opacity: 0;
	transition: .5s;
}
.slideup{
	transform: translateY(20%);
	
}
.slideup.on{
	opacity: 1;
	transform: translateY(0);
}
.on .slideup{
	opacity: 1;
	transform: translateY(0);
}
/*transition*/
.tr-1{
	transition-delay: .1s;
}
.tr-2{
	transition-delay: .2s;
}
.tr-3{
	transition-delay: .3s;
}



#topcontrol {
  align-items: center;
  background: #634435;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 0.6em;
  height: 60px;
  text-align: center;
  width: 60px;
}
@media screen and (max-width: 768px) {
  #topcontrol {
    bottom: 10px !important;
    height: 30px;
    right: 10px !important;
    width: 30px;
  }
  #topcontrol .txt {
    display: none;
  }
}
#topcontrol &gt; div {
  width: 100%;
}



.fv{
	position: relative;
background:url(../images/top_bg2.jpg) repeat-x center top;
}
.fv-img{
	position: absolute;
}
.fv-img01{
	bottom: 0;
	height: auto;
	left: 10%;
	width: 16.5%;
max-width:200px;
}
.fv-img01-senkou{
	bottom: 0;
	height: auto;
	left: 10%;
	width: 16.5%;
max-width:200px;
}

@media screen and (max-width:768px){
	.fv-img01{
		width: 160px;
	}
	.fv-img01-senkou{
		width: 160px;
	}

}
@media screen and (max-width:580px){
	.fv-img01{
		width: 120px;
	}
	.fv-img01-senkou{
		width: 120px;
	}

}
.fv-img01.on{
	opacity: 1;
	left: 37%;
}
.fv-img01-senkou.on{
	opacity: 1;
	left: 42%;
}

@media screen and (min-width:1650px){
	.fv-img01.on{
		left: 42%;
	}
	.fv-img01-senkou.on{
		left: 47%;
	}

}

@media screen and (max-width:768px){
	.fv-img01.on{
		left: 4%;
	}
}

@media screen and (max-width:480px){
	.fv-img01.on{
		left: 2%;
	}
	.fv-img01-senkou.on{
		left: 2%;
	}
}

.fv-img02{
	bottom: 0;
	height: auto;
	right: 10%;
	transition-delay: .2s;
	width: 16%;
max-width:210px;
}
.fv-img02-senkou{
	bottom: 0;
	height: auto;
	right: 10%;
	transition-delay: .2s;
	width: 16%;
max-width:210px;
}

@media screen and (max-width:768px){
	.fv-img02{
		width: 170px;
	}
	.fv-img02-senkou{
		width: 170px;
	}

}
@media screen and (max-width:580px){
	.fv-img02{
		width: 120px;
	}
	.fv-img02-senkou{
		width: 120px;
	}

}

.fv-img02.on{
	opacity: 1;
	right: 30%;
}
.fv-img02-senkou.on{
	opacity: 1;
	right: 25%;
}


@media screen and (min-width:1650px){
	.fv-img02.on{
		right: 35%;
	}
	.fv-img02-senkou.on{
		right: 30%;
	}
}


@media screen and (max-width:768px){
	.fv-img02.on{
		right: 3%;
	}
	.fv-img02-senkou.on{
		right: 3%;
	}
}

@media screen and (max-width:480px){
	.fv-img02.on{
		right: 1%;
	}
	.fv-img02-senkou.on{
		right: 1%;
	}
}


.fv-title{
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%,0);
	transition-delay: .4s;
	width: 34%;
}
@media screen and (max-width:768px){
	.fv-title{
		width: 88%;
	}
}
.fv-title.on{
	opacity: 1;
	transform: translate(-50%,-50%);
}
@media screen and (max-width:768px){
	.fv-title.on{
		transform: translate(-50%,-74%);
	}	
}
.fv-bottom{
	bottom: 0;
	height: auto;
	width: 100%;
}
//*header*/
*****************************************/
.header {
	background: #fff;


}
@media screen and (max-width:768px){
	.header {
		padding: 1em;
	}
	.header-logo img{
		height: 30px;
		width: auto;
	}
}
.g_item{
	margin-left: 2em;
}
.g_item a{
	font-size: 2.5em;
}
/*gnav*/
/*****************************************/

/*main*/
/*****************************************/
main{
}
/*fv*/
/*****************************************/
.fv img{
	display: block;
}
/*campeign*/
/*****************************************/
.campeign{
	background: url("../images/2nd_bg2.jpg") repeat-x center top #b19154;
	color: #fff;
	padding-top: 0;
}
@media screen and (max-width:768px){
	.campeign{
		background: #b19154;
	}
}

.campeign-read{
	font-size: 1.25em;
	font-weight: bold;
margin-top:-3.5em;
}
.campeign-read-senkou{
	font-size: 1.0em;
	font-weight: bold;
margin:-11.5em auto 0em;
padding-bottom:3em;
width:670px;
max-width:75%;

}

@media screen and (max-width:768px){
.campeign-read{
	font-size: 1.25em;
	font-weight: bold;
margin-top:0em;
}
.campeign-read-senkou{
	font-size: 1.0em;
	font-weight: bold;
margin-top:0em;
max-width:85%;
}

}


@media (min-width: 769px) and (max-width: 1279px){
.campeign-read-senkou{
	font-size: 1.0em;
	font-weight: bold;
margin-top:-10em;
max-width:60% !important;
}
}


.campeign a{color:#ffffff;text-decoration:underline;}


.campeign .left{
	width: 44%;
}
.campeign .right{
	width: 53%;
}
.campeign .right .ml2{
	line-height: 1.2;
}
.campeign .right .ml2 small{
	font-size: .75em;
	line-height: 1.2;
}
.campeign .right .ml2 small a{
	color: #fff;
	text-decoration: underline;
}


.campeign_bottom{
	position: relative;
text-align:center;
	padding-top: 0;
padding-bottom:0;
margin-bottom:0px;
}


@media screen and (min-width:1366px){
.campeign_bottom{
background:url("../images/2nd_bottom.jpg") repeat-x center top;
text-align:center;
}
}

/*post*/
/*****************************************/
.post{
	background: #b63224;
	padding-top: 0em;
}
@media screen and (max-width:768px){
	.post{
		background: #b63224;
	}
}
.post-read{
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
margin-top:-2.5em;
}
@media screen and (max-width: 1279px){
.post-read{
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
margin-top:0em;
}
}


.post-list-bg{
	/*background:url("../images/3rd_1_02.png") no-repeat center top;*/
width:1366px;
margin:0 auto;
max-width:100%;
}


.post-list{
margin:0 auto;
padding-top:20px;
max-width:80%;
}

.post-list2{
	margin: 0 auto;
	width: 70%;
padding-top:20px;
padding-bottom:0px;
}
@media screen and (max-width:768px){
	.post-items{
padding-top:30px;
width:100%;
	}
	.post-items-right{
		margin-top: 8em;
	}
	.post-item:nth-child(n+2){
		margin-top: 2em;
	}
	.post-items div.anime{
margin-top:-10px;

}

}

@media screen and (min-width:1366px){
.flow_bg{
background:url("../images/3rd_bottom.png") repeat-x center top;
}
}


/*flow*/
/*****************************************/
.flow{
	background: #054927;
	padding-top: 0;
}

@media screen and (min-width:1366px){
.flow{
background:url("../images/4th_bg.png") no-repeat center top #054927;
}
}
.flow-read{
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
margin-top:-6em;
}
@media screen and (max-width:768px){
.flow-read{
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
margin-top:0em;
}
}


.flow-item{
	position: relative;
}
.flow-item3{
	min-height: 460px;
}
@media screen and (max-width:768px){
	
}
.flow-item-inner{
	padding: 2em 6em;
	position: relative;
	z-index: 2;
background-color:#ffffff;
border-radius:20px;
}
@media screen and (max-width:768px){
	.flow-item-inner{
		padding: 2em;
	}
	.flow-item-inner .sp{
		margin: 0 auto;
		width: 80%;
	}
}
.flow-item-bg{
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
@media screen and (max-width:768px){
	.flow-item3 .flow-item-bg{
		height: 100%;
	}
}
.flow-item-inner-text{
	font-size: 1em;
	margin-top: 2em;
	min-height: 90px;
}
@media screen and (max-width:768px){
	.flow-item-inner-text{
		min-height:inherit;
	font-size: 1.4em;
	}
}
.flow-item-inner-text strong{
	color: #e94534;
	font-size: 1.3em;
}
/*guidelines*/
/*****************************************/
.guideline{
	background: #054927;
}
.guideline .inner{
	background: #ffffff;
border-radius:20px;
	padding: 2em 0;
	position: relative;
width:1147px;
max-width:100%;
}
@media screen and (max-width:768px){
.guideline .inner{
border-radius:0px;
}
}


.guideline .inner .inner{
width:1000px;
max-width:92%;
}

.guideline-read{
	font-size: 1.125em;
	margin-top: 1em;
}
.guideline-item:nth-child(n+2){
	margin-top: 4em;
}
@media screen and (max-width:768px){
	.guideline-item:nth-child(n+2){
		margin-top: 2em;
	}
}
.guideline-item-title{
	background: #005c30;
	color: #fff;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	padding: 1rem 0;
	position: relative;
	text-align: center;
}
@media screen and (max-width:768px){
	.guideline-item-title{
		font-size: 16px;
	}
}
.guideline-item-title:after{
	content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 2em;
}
.guideline-item-title.on:after{
	content: '\f077';
}
.guideline-item-cnt{
	display: none;
	font-size: .875em;
}
.guideline-item-cnt a{
	text-decoration: underline;
}
.guideline-deco1{
	position: absolute;
	left: -4em;
	top: -2em;
}
.guideline-deco2{
	position: absolute;
	right: -2em;
	top: -2em;
}
/*footer*/
/*****************************************/
/*footer__top*/
.footer{

	background:url("../images/5th_bg.jpg") repeat-x center top #ffffff;
	color: #555555;
	font-size: .75em;
	padding-bottom: 4em;
	text-align: center;
width:100%;
}
.footer-senkou{

	background:url("../images/5th_bg_senkou.png") repeat-x center top #ffffff;
	color: #555555;
	font-size: .75em;
	padding-bottom: 4em;
	text-align: center;
width:100%;
}
@media screen and (max-width:1268px){
footer, footer-senkou{

	background: #ffffff !important;background-image:none;
}
}


.copyright{
	margin-top: 1em;
}

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