@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: 1600px;
max-width:100%;
	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-xs, .inner-s, .inner-m, .inner-l {
    width: 95%;
  }
}

/*�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 > div {
  width: 100%;
}



.fv{
	position: relative;
background:url(../images/top_bg2.jpg) repeat-x center top;
}
.fv-img{
	position: absolute;
}
.fv-img01{
	bottom: 50px;
	height: auto;
	left: 10%;
	width: 23%;
max-width:330px;
}
@media screen and (min-width:980px){

	.fv-img01{
	bottom: 70px;
	}
}


@media screen and (max-width:768px){
	.fv-img01{
		width: 290px;
	}
}
@media screen and (max-width:580px){
	.fv-img01{
		width: 177px;
	}
}
.fv-img01.on{
	opacity: 1;
	left: 16%;
}
@media screen and (min-width:1650px){

	.fv-img01.on{
	bottom: 75px;
		left: 25%;
	}
}

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

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

.fv-img02{
	bottom: 50px;
	height: auto;
	right: 10%;
	transition-delay: .2s;
	width: 23%;
max-width:330px;
}
@media screen and (min-width:980px){

	.fv-img02{
	bottom: 70px;
	}
}

@media screen and (max-width:768px){
	.fv-img02{
		width: 290px;
	}
}
@media screen and (max-width:580px){
	.fv-img02{
		width: 177px;
	}
}

.fv-img02.on{
	opacity: 1;
	right: 16%;
}
@media screen and (min-width:1650px){

	.fv-img02.on{
	bottom: 75px;
		right: 25%;
	}
}


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

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


.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_bg_kekka.png) no-repeat 50% 0 #c2686a;
	color: #fff;
	padding-top: 5em;
}




@media screen and (max-width:768px){
.campeign{
background-image:none;
	color: #fff;
	padding-top: 5em;
}

}

.campeign-read{
	font-size: 1.25em;
	font-weight: bold;
margin-top:0em;
}
.campeign-read-senkou{
	font-size: 1.0em;
	font-weight: bold;
margin:0em 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:0em;
max-width:60% !important;
}
}



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


.campeign .left{
	width: 45%;
}
.campeign .right{
	width: 52%;
}
.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_bg.jpg") repeat-x center top;
text-align:center;
}
}

/*post*/
/*****************************************/
.post{
	background:#b19e5b;
	padding-top: 0em;
}


@media screen and (max-width: 1279px){
.post{
background-image:none;

}

}


@media screen and (max-width:768px){
	.post{
		background: #b19e5b;
	}
}
.post-read{
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
margin-top:0em;
}
@media screen and (max-width: 1279px){
.post-read{
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
margin-top:0em;
}
}
@media screen and (max-width: 980px){
.post-read{
margin-top:0em;
}
}
@media screen and (max-width: 768px){
.post-read{
margin-top:0em;
}
}
.post-list-bg{
background:url("../images/3rd_bg_kekka.png") no-repeat center 2em #b19e5b;
margin:0 auto 0;
max-width:100%;
min-height:750px;
}


.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: url("../images/5th_1.png") no-repeat center top #e2e0d4;
	padding-top: 0;
}

@media screen and (max-width: 1279px){
.flow{
background-image:none;
}

}

.flow .inner{
width:1366px;
max-width:100%;
}
.flow .inner2{
width:980px;
max-width:94%;
margin:-1em auto 0;
}


@media screen and (min-width:1366px){
.flow{

}
}
.flow-read{
	color: #82434f;
	font-size: 1.25em;
	font-weight: bold;
margin-top:2em;
}
@media screen and (max-width:768px){
.flow-read{
	color: #82434f;
	font-size: 1.25em;
	font-weight: bold;
margin-top:2em;
}
}


.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: #e2e0d4;
}
.guideline .inner{
	background: #ffffff;
border-radius:20px;
	padding: 2em 0 3em;
	position: relative;
width:1147px;
max-width:100%;
}
@media screen and (max-width:768px){
.guideline .inner{
border-radius:0px;

margin-bottom:0em !important;
}
}


.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: #9e5e6d;
	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.png") repeat-x center top;
	color: #ffffff;
	font-size: .75em;
	padding-top: 50px;
	text-align: center;
width:100%;
height:128px;
}
@media screen and (max-width:768px){
footer{
margin-top:0 !important;

}
}


.copyright{
	margin-top: 1em;
}