@charset "UTF-8";

/*********************************

#header

*********************************/
#header__wrapper{
	padding:0;
	margin-bottom:0;
}
@media screen and (max-width:768px) {
	#header__wrapper{
		padding:1.4em 0;
	}
}
.header__wrapper--item{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	-webkit-align-items: center;
}
.header__wrapper--logo{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	-webkit-align-items: center;
}
.header__wrapper--logo svg{
	width:62px;
	height:auto;
	margin-right:0px;
	position:absolute;
	top:5px;
	left: -70px;
	fill:#fff;
}
@media screen and (max-width:768px) {
	.header__wrapper--logo svg{
		width:36px;
		height:36px;
		top:0;
		left:10px;
	}
}
.header__wrapper--logo__text{
	font-size:60px;
	color:#fffef8;
}
@media screen and (max-width:768px) {
	.header__wrapper--logo__text{
		font-size: 1.5em;
		margin-left: 50px;
	}
}
.header__wrapper--tel{
	font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif;
	font-size:31px;
	color:#fffef8;
}
@media screen and (max-width:480px) {
	.header__wrapper--tel{
		font-size:20px;
		margin-right:5px;
	}
}
/*********************************

#main-image

*********************************/
#main-image{
	background-color:rgb(243, 248, 246);
	padding:20px 0 10px;
}

.main-image__wrapper{
	max-width:980px;
	margin:0 auto;
	background-image:url(../images/man.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:auto 100%;
}
@media screen and (max-width:768px) {
	.main-image__wrapper{
		max-width:980px;
		margin:0 auto;
		background-image:url(../images/man.png);
		background-repeat:no-repeat;
		background-position:right -50px bottom;
		background-size:80% auto;
	}
}
.main-image__wrapper--txt01{
	color:#8c711e;
	font-size:40px;
}
@media screen and (max-width:768px) {
	.main-image__wrapper--txt01{
		font-size:30px;
	}
}
@media screen and (max-width:480px) {
	.main-image__wrapper--txt01{
		font-size:20px;
	}
}
.main-image__wrapper--txt01 span{
	font-weight:700;
}
.main-image-line .main-image__wrapper--txt01{
	color:#00bc2a;
}
.main-image__wrapper--txt01 img{
	width:153px;
	height:auto;
	vertical-align:bottom;
}
@media screen and (max-width:768px) {
	.main-image__wrapper--txt01 img{
		width:100px;
		height:auto;
	}
}
@media screen and (max-width:480px) {
	.main-image__wrapper--txt01 img{
		width:80px;
		height:auto;
	}
}
.main-image__wrapper--txt02 img{
	max-width:807px;
	height:auto;
	vertical-align:bottom;
}

.main-image__wrapper--txt03{
	color:#8c711e;
	font-size:96px;
	font-weight:700;
}
@media screen and (max-width:768px) {
	.main-image__wrapper--txt03{
		font-size:48px;
	}
}
@media screen and (max-width:480px) {
	.main-image__wrapper--txt03{
		font-size:30px;
	}
}

.main-image__wrapper--txt03 img{
	max-width:259px;
	height:auto;
	vertical-align:bottom;
}
@media screen and (max-width:768px) {
	.main-image__wrapper--txt03 img{
		max-width:170px;
		height:auto;
	}
}
@media screen and (max-width:480px) {
	.main-image__wrapper--txt03 img{
		max-width:100px;
		height:auto;
	}
}

.main-image__wrapper--box{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	max-width:700px;
	margin-top:50px;
}
@media screen and (max-width:768px) {
	.main-image__wrapper--box{
		margin-top:20px;
	}
}
.main-image-line .main-image__wrapper--box{
	margin-top:20px;
}

.box__inner{
	width:202px;
	border:rgba(6, 16, 17, 0.55) 1px solid;
	box-shadow: rgba(0, 0, 0, 0.31) 3.38px 7.25px 4px 0px;
	padding:10px 20px;
	box-sizing:border-box;
	background-color:rgb(243, 248, 246);
}
@media screen and (max-width:768px) {
	.box__inner{
/*
		width:32%;
*/
		width:51%;
		padding:10px;
		margin-bottom:10px;
	}
}
.box__inner--text01{
	text-align:center;
	font-size:20px;
	color:#8c711e;
}
@media screen and (max-width:768px) {
	.box__inner--text01{
		font-size:14px;
	}
}
.box__inner--text02{
	text-align:center;
	font-size:20px;
	color:#8c711e;
	margin-top:20px;
	border-bottom:rgb(255, 79, 79) 3px solid;
	position:relative;
}
@media screen and (max-width:768px) {
	.box__inner--text02{
		font-size:14px;
	}
}
@media screen and (max-width:480px) {
	.box__inner--text02{
		margin-top:10px;
	}
}

.box__inner--text02:after{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	bottom:-7px;
	border-bottom:rgb(255, 79, 79) 1px solid;
}
.box__inner--text02 span{
	font-size:50px;
	font-weight:700;
	padding-bottom:5px;
	position:relative;
}
@media screen and (max-width:768px) {
	.box__inner--text02 span{
		font-size:30px;
	}
}
@media screen and (max-width:768px) {
	.box__inner--text02 span{
		font-size:20px;
	}
}
.main-image__wrapper--txt04{
	font-size:50px;
	color:#00bc2a;
	margin-top:20px;
}
@media screen and (max-width:768px) {
	.main-image__wrapper--txt04{
		font-size:30px;
	}
}
@media screen and (max-width:480px) {
	.main-image__wrapper--txt04{
		font-size:20px;
	}
}
/*********************************

.register

*********************************/
.register{
	padding:50px 0 100px;
}
@media screen and (max-width:768px) {
	.register{
		padding:50px 10px;
	}
}
@media screen and (max-width:480px) {
	.register{
		padding:25px 5px;
	}
}
.register__wrapper{
	max-width:807px;
	margin:0 auto;
}
.register__wrapper-title{
	text-align:center;
	font-size:40px;
	color:#8c711e;
	line-height:1.2;
}
@media screen and (max-width:768px) {
	.register__wrapper-title{
		font-size:30px;
	}
}
@media screen and (max-width:480px) {
	.register__wrapper-title{
		font-size:20px;
	}
}
.register__wrapper-title span{
	color:#ff0000;
}
.register__wrapper--form__input{
	border:rgba(6, 16, 17, 0.55) 1px solid;
	margin-top:20px;
}
.register__wrapper--form__input input{
	font-size:20px;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}
@media screen and (max-width:480px) {
	.register__wrapper--form__input input{
		font-size:16px;
		padding:10px;
	}
}
.register__wrapper--form__submit{
	margin-top:30px;
}
@media screen and (max-width:480px) {
	.register__wrapper--form__submit{
		margin-top:20px;
	}
}
.register__wrapper--form__submit button{
	background:#8c711e;
	display:block;
	color:#fffef8;
	font-size:47px;
	width:100%;
	border-radius:10px;
	padding:15px 0;
	overflow: hidden;
	position:relative;
}
@media screen and (max-width:768px) {
	.register__wrapper--form__submit button{
		font-size:20px;
		border-radius:5px;
		padding:15px 0;

	}
}
.register__wrapper--form__submit button::after{
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 10%;
	height: 150%;
	background: #fff;
	transform: rotate(45deg);
	animation: reflect 3s ease-in-out infinite;
	-webkit-animation: reflect 3s ease-in-out infinite;
}

@keyframes reflect{
	0%,75%{
		-webkit-transform: rotate(45deg) scale(0);
		transform: rotate(45deg) scale(0);
		opacity: 1;
	}
	100%{
		-webkit-transform: rotate(45deg) scale(100);
		transform: rotate(45deg) scale(100);
		opacity: 0;
	}
}