<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%;
}

.box_thanks{
background:#eef8fc;
text-align:center;
line-height:190%;
width:660px;
padding-top:50px;
padding-bottom:50px;
margin:20px auto;
display:block;
border-radius:15px;
color:#333333 !important;
}
@media screen and (max-width: 768px) {
.box_thanks{
background:#eef8fc;
text-align:center;
line-height:200%;
width:90%;
padding-top:50px;
padding-bottom:50px;
margin:20px auto;
display:block;
border-radius:15px;
color:#333333 !important;
}

}


@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;
}

.campeign .pc-only-m

}



@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: #686969;
  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-img{
	position: absolute;
}
.fv-img01{
	top: 130px;
	height: auto;
	left: 7%;
width:360px;
max-width:22%;
}
@media screen and (min-width:980px){

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


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

	.fv-img01.on{
	top: 75px;
		left: 13%;
	}
}

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

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

.fv-img02{
	top: 130px;
	height: auto;
	right: 7%;
max-width:22%;
width:360px;
}
@media screen and (min-width:980px){

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

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

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

	.fv-img02.on{
	top: 75px;
		right: 13%;
	}
}


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

@media screen and (max-width:480px){
	.fv-img02.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_2_bg.png) no-repeat 50% 0 #ffffff;
	color: #333;
	padding-top: 0em;

}
@media screen and (min-width:1101px){
.campeign{
min-height:770px;
}
}

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


@media screen and (max-width:768px){
	.campeign{
		background: #ffffff;
	}
}

.campeign-read{
	font-size: 1.25em;
	font-weight: bold;
margin-top:0em;
color:#333333;
}
.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;
margin-top:0em;
font-weight:normal;
}

}


@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 .center{
text-align:center;
	width:100%;
}
.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{
background:#eef8fc;
	position: relative;
text-align:center;
	padding-top: 0;
padding-bottom:0px !important;
margin-bottom:0px;
height:auto;
}

.flow_bottom{
background:#fff;
	position: relative;
text-align:center;
	padding-top: 0;
padding-bottom:0;
margin-bottom:0px;
height:auto;
}


@media screen and (min-width: 1367px) {
.campeign_bottom{
background:url(../images/2nd_bg.jpg) repeat-x center top #eef8fc;
text-align:center;
min-height:337px;
}
.flow_bottom{
background:url(../images/3rd_bg.jpg) repeat-x center top #fff;
text-align:center;
min-height:381px;
}

}


@media screen and (min-width: 1367px) {
.made1366{display:none;}

}

@media screen and (max-width: 768px) {
.made1366{display:none;}

}



/*post*/
/*****************************************/
.post{
	background:url("../images/3rd_2_bg.png") no-repeat center top #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{
width:1366px;
margin:0 auto 10em;
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;

}

}




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

@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 2em 9em;
	position: relative;
	z-index: 2;
background-color:#ffffff;
border-radius:20px;
}

.flow-item-inner-step1{
background:url("../images/step1_bg.jpg") no-repeat #ffffff left 50%;
	padding: 2em 6em 2em 9em;
	position: relative;
	z-index: 2;
border-radius:20px;
overflow:hidden;
}
.flow-item-inner-step1 p{
float:left;
padding-top:3em;
width:45%;
}

.flow-item-inner-step1 img{
max-width:45%;
vertical-align:middle;
float:right;
}


.flow-item-inner-step2{
background:url("../images/step2_bg.jpg") no-repeat #ffffff left 50%;
	padding: 2em 6em 2em 9em;
	position: relative;
	z-index: 2;
border-radius:20px;
overflow:hidden;
}
.flow-item-inner-step2 p{
float:left;
padding-top:3em;
width:45%;
}

.flow-item-inner-step2 img{
max-width:45%;
vertical-align:middle;
float:right;
}

.flow-item-inner-step3{
background:url("../images/step3_bg.jpg") no-repeat #ffffff left 50%;
	padding: 2em 6em 0em 9em;
	position: relative;
	z-index: 2;
border-radius:20px;
overflow:hidden;
}
.flow-item-inner-step3 p{
float:left;
padding-top:3em;
width:45%;
}

.flow-item-inner-step3 img{
max-width:45%;
vertical-align:middle;
float:right;
}



@media screen and (max-width:980px){
.flow-item-inner-step1{
background:url("../images/step1_bg.jpg") no-repeat #ffffff -15px 50%;
	padding: 1em 6em 1em 10em;
}
.flow-item-inner-step2{
background:url("../images/step2_bg.jpg") no-repeat #ffffff -15px 50%;
	padding: 1em 6em 1em 10em;
}
.flow-item-inner-step3{
background:url("../images/step3_bg.jpg") no-repeat #ffffff -15px 50%;
	padding: 1em 6em 1em 10em;
}



}


@media screen and (max-width:768px){
.flow-item-inner-step1{
background:url("../images/sp/step1_bg.jpg") no-repeat #ffffff center top;
	padding: 10em 2em 1em 2em;
}
.flow-item-inner-step2{
background:url("../images/sp/step2_bg.jpg") no-repeat #ffffff center top;
	padding: 10em 2em 1em 2em;
}
.flow-item-inner-step3{
background:url("../images/sp/step3_bg.jpg") no-repeat #ffffff center top;
	padding: 10em 2em 1em 2em;
}

.flow-item-inner-step1 p{
font-size:16px;
float:none;
padding-top:0em;
width:80%;
margin:auto;
text-align:center;
}

.flow-item-inner-step1 img{
max-width:90%;
vertical-align:middle;
float:none;
margin:10px auto;
display:block;
}
.flow-item-inner-step2 p{
font-size:16px;
float:none;
padding-top:0em;
width:80%;
margin:auto;
text-align:center;
}

.flow-item-inner-step2 img{
max-width:90%;
vertical-align:middle;
float:none;
margin:10px auto;
display:block;
}

.flow-item-inner-step3 p{
font-size:16px;
float:none;
padding-top:0em;
width:80%;
margin:auto;
text-align:center;
}

.flow-item-inner-step3 img{
max-width:90%;
vertical-align:middle;
float:none;
margin:10px auto;
display:block;
}




}


@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: #ffffff;
}
.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: #029ac2;
	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: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 2em;
}
.guideline-item-title.on:after{
	content: '\f078';
}
.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: #029ac2;
	color: #ffffff;
	font-size: .75em;
	padding-top: 0px;
	text-align: center;
height:auto;
}

@media screen and (min-width: 1367px) {
.footer{

	background:url(../images/foot_bg.png) no-repeat center top #029ac2;
	color: #ffffff;
	font-size: .75em;
	padding-top: 0px;
	text-align: center;
height:320px;
margin-top:0px;
}

}


footer img{
max-width:100%;
margin:0;
}

@media screen and (max-width:768px){
footer{
margin-top:0 !important;

}


}


.copyright{
	background:#029ac2;
margin-top:-10px;
padding-top:2em;
padding-bottom:5em;
text-align:center;
color:#fff;
}

.text-orange{color:#ed161e;}

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