@CHARSET "UTF-8";

footer a:hover,footer a:visited{text-decoration:none;color:#fff;}

#header .headArea {
		background-color: #FFF;
}
#header .logo p {
	font-size: 15px;
	color: #4ea096;
	margin-left:20px;
	font-weight:bold;
}
.headArea{
	border:1px #eee solid;
	border-width:0 0 1px 0;
			-webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.8));
			filter: drop-shadow(0px 0px 3px rgba(0,0,0,.8));
}

#main .obi {
	text-align: center;
	background-color: #4ea096;
}

#about{
	margin:0;padding:0;
}

.subtitles{
	display:flex;
	justify-content: center;
	align-items: center;
}

#about .subtitles{
	background-color:#eee;
}

.subtitles img{
	width:70%;
	max-width:800px;
	padding:40px 0;
}
.advantages{
	
	display:flex;
	justify-content: center;
	align-items: center;
	padding:60px 0 40px 0;
}
.advantages ul{max-width:1000px;}
.advantages li{
	font-size:34px;
	line-height:1.6em;
	font-weight:bold;
	color:#555;
}


.flowBox2.first{
	margin-top:0;
}
.flowBox2{
	border-radius: 0px;
	border-color: #4ea096;
	max-width:1000px;
}

.flowBox2 .obi2{background-color: #4ea096;}

.flowBox2 .desc-inner{
	padding:20px;
	font-size:1.4rem;
	line-height:2rem;
}
#goTop a {
	background-color: #4ea096;
	border:1px #fff solid;
}
#footer .ftarea01{
	background-color: #e8e8e8;
}
#footer .ftarea02{
	background-color: #4ea096;
}

#reg{
	
	padding-bottom:80px;
	
}

#reg .desc{
	margin:0 auto;
	max-width:1000px;
	padding:10px 0;
	font-size:1.5rem;
	line-height:2.5rem;
}

.regulations{
	
	display:flex;
	justify-content: center;
	align-items: center;
	padding:30px 0 40px 0;
}

.regulations ul{max-width:1000px;}
.regulations li{
	font-size:22px;
	line-height:45px;
	font-weight:bold;
	color:#555;
	width:100%;
}

.regulations li .kitei{
	
	display:flex;
	justify-content: center;
	align-items: center;
	width:80%;
	margin:0 auto;
	
}
.regulations li .kitei div:nth-of-type(1){
	
	flex-shrink: 0;
	width:70%;
}

.regulations li .kitei div:nth-of-type(2){
	
	flex-shrink: 0;
	width:30%;
	padding-left:20px;
	text-align:right;
}


.main-img-wrapper{position:relative;}

.bt-wrapper{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	z-index:100;
	
}
.bt-wrapper .bt{
	position:absolute;
	padding:10px 20px;
	left:18%;
	bottom:6%;
	background-color:#7b63ff;
	border-radius:4px;
	
}

.bt-wrapper a{
	display:block;
	color:#fff;
}

.bt-wrapper a:hover{
	color:yellow;
}

.bt-wrapper .bt .material-icons{
	font-size:1.6em;
	line-height:1.2em;
	vertical-align:middle;
	color:inherit;
}
.bt-wrapper .bt span{
	font-size:1.2em;
	line-height:1.2em;
	vertical-align:middle;
	padding-left:5px;
	color:inherit;
	
}

@media screen and (min-width: 980px){
	.formArea dt {font-size: 20px;}
	
	.bt-wrapper .bt .material-icons{
		font-size:1.8em;
		line-height:1.2em;
		vertical-align:middle;
		
	}
	.bt-wrapper .bt span{
		font-size:1.4em;
		line-height:1.2em;
		vertical-align:middle;
		padding-left:5px;
		
	}
		
}

@media screen and (max-width: 480px){
	
	.advantages li {
		font-size: 14px;
		line-height: 1.8em;
		font-weight: bold;
		color: #555;
	}
	
}

@media screen and (max-width: 767px){
	
	#footer .ftarea02 {
		height: auto;
		padding: 2rem 0;
		background-color: #4ea096;
		margin-top: 0 !important;
	}
	
	#goTop {
		bottom: 10px;
	}
	#header .headArea {
		height: 60px;
		padding: 0;
	}
	
	#header .logo p {
		font-size: 12px;
	}
	#header .logo .img{
		width:120px;
	}
	#header .logo .img img {
		display: block;
	}
	
	.subtitles img {
		width: 120%;
		padding: 20px 0;
	}
	
	.advantages li {
		font-size: 16px;
		line-height: 1.8em;
		font-weight: bold;
		color: #555;
	}
	
	.advantages {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 40px 0 20px 0;
	}
	
	#flow {
		padding: 30px 0px;
		padding-bottom:80px;
		
	}
	
	#flow .subtitles,#reg .subtitles{
		background-color: #eee;
		margin-bottom:20px;
	}
	
	.flowBox2{
		margin-left:10px;
		margin-right:10px;
	}
	
	.flowBox2 .obi2 .title {
		font-size: 1.2em;
		padding-top: 0;
	}
	
	.flowBox2 .desc-inner {
		padding: 10px;
		font-size: 1.0rem;
		line-height: 1.6rem;
	}
	.flowBox2 .obi2 div {
		display: block;
		color: #fff;
		font-size: 1.6em;
		font-weight: bold;
		padding: 5px 10px 5px 10px;
		vertical-align: middle;
	}
	.arrow {
		text-align: center;
		margin: 10px 0 -40px 0;
	}
	#reg {
		padding:0 0px;
		padding-bottom: 50px;
	}
	
	#reg .desc {
			margin: 0 auto;
			max-width: 1000px;
			padding: 10px;
			font-size: 1.1rem;
			line-height: 2.0rem;
	}
	.regulations li {
		font-size: 14px;
		line-height: 26px;
		font-weight: bold;
		color: #555;
		margin-bottom:10px;
	}
	.regulations li .sp{margin-left:20px;}
	
	.regulations li .kitei {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: 0 auto;
	}
	
	.regulations li .kitei div:nth-of-type(2) {
		flex-shrink: 0;
		width: 30%;
		padding-left: 5px;
		text-align: right;
	}
	
	.main-img-wrapper{position:relative;}
	
	.bt-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;}
	.bt-wrapper .bt{position:absolute;padding:10px;right:4%;left:auto;bottom:38%;background-color:#7b63ff;border-radius:4px;}
	
	.bt-wrapper a{display:inline-block;}
	.bt-wrapper .bt .material-icons{font-size:1.4em;line-height:1.2em;vertical-align:middle;}
	.bt-wrapper .bt span{font-size:1.2em;line-height:1.2em;vertical-align:middle;padding-left:5px;}
	
	body {
		padding-bottom: 0px;
	}
	
}