<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
#app	{
		width: 950px;
		margin: 0 auto;
	}
#app .sp_only {
		display: none;
}
#app .pc_only {
		display: block;
}
#app img{
		width: 100%;
	}
#app p,
#app dl,
#app ul{
		font-size: large;
    	line-height: 180%;
    	width: 80%;
	}
#app p{
		margin: 1% auto;
	}
#app dl,
#app ul{
    	margin: 0 auto;
	}
#app h1{
		padding: 2%;
		text-align: center;
	}
#app ul.dlbtn{
		display:-webkit-flex;
		display:flex;
		flex-wrap:wrap;
		width:50%;
		margin:0 auto; padding:0;
		flex-flow:row wrap;
	}
#app ul.dlbtn li{
		width: 48%;
        margin: 8% 2% 8% 0;
        text-align: center;
	}
#app ul.dlbtn li:last-child {
		margin-right: 0;
}
#app h2{
		background-color: #e4d3e6;
		margin: 5% 0;
		padding: 2%;
		text-align: center;
	    font-size: x-large;
	    /*text-decoration: underline;*/
	}
#app dl{
		width:80%;
		margin:0 auto;
    	padding:0;
	}
#app dl dt{
        border: 1px solid #cccccc;
        font-weight: bold;
        padding: 1% 2%;
}
#app dl dd{
    margin-bottom: 3%;
}
/*#app #yotei p{
    margin-top: 1%;
}*/
.button02 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2em auto 0;
  padding: 1em 2em;
  width: 80%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  background-color: #5FBD00;
  border-radius: 50vh;
}

.button02 a::after {
  content: '';
  width: 15px;
  height: 15px;
  border-top: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  transform: rotate(45deg);
}

.button02 a:hover {
  text-decoration: none;
  background-color: #5F9100;
}
@media only screen and (max-width: 767px) {
		#app .sp_only {
			display: block;
	}
		#app .pc_only {
			display: none;
	}
		#app	{
			width: 100%;
	}
		#app p {
			font-size: large;
			line-height: 140%;
			width: 85%;
			margin: 0 auto;
	}
		#app ul.dlbtn	{
			display:block;
			width:70%;
			margin:0 auto;
	}
		#app ul.dlbtn li{
			width: 100%;
	}
		#app ul.benefits li {
			display: -webkit-flex;
			display: flex;
			flex-wrap: wrap;
			width: 80%;
			margin: 0 auto 5%;
			padding: 0;
			flex-flow: row wrap;
	}
		#app ul.benefits p.bene_txt {
			width: 70%;
			display: flex;
			align-items: center;
			padding-left: 5%;
	}
		#app ul.scs {
			display: -webkit-flex;
			display: flex;
			margin: 10%;
			overflow-x: scroll;
			flex-flow: nowrap;
	}
		#app ul.scs li {
			margin: 0 2% 0;
			flex: 0 0 70%;
	}
		#app .pc_hid{
        display: block;
    }
		#app .sp_hid{
        display: none;
    }
}
</pre></body></html>