@charset "UTF-8";

/* ------------------------------------------------
                    ABOUT
--------------------------------------------------- */
/*---------- contents ----------*/
body {
	position: relative;
}

.sec-inn-bg {
	width: 100%;
	height: 100%;
	border-radius: 40px;
}
.cont-inn {
    width: 90%;
    max-width: 1400px;
	min-height: calc(100vh - 20px);
    margin: 0 auto;
    position: relative;
}
.cont-inn.flex-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.sticky-cont {
	width: 100%;
	height: 100vh;
	padding: 0;
	position: sticky;
	top: 0;
}

.scroll-margin {
	width: 100%;
	height: 50vh;
}

@media (max-width: 768px) {
	body {
		padding-bottom: 15vw;
	}
	.sec-inn-bg {
		width: 100%;
		min-height: 100%;
		border-radius: 8vw;
	}
    .cont-inn {
        width: 90%;
		padding: 8vw 0;
        max-width: initial;
		min-height: 0;
        margin: 0 auto;
        position: relative;
    }
	.sticky-cont {
		height: auto;
		min-height: 1;
		position: relative;
		top: auto;
	}
	.is-sp-fixed.is-fixed {
		position: fixed;
		bottom: 15vw;
		left: 0;
		z-index: 2;
	}
    
}

/*---------- title, text ----------*/
.sec-ttl {
	margin-bottom: 40px;
	font-size: 3.8rem;
	line-height: 1.6;
}
.sec-txt {
	font-size: 1.8rem;
	line-height: 2;
}
@media (max-width: 768px) {
	.sec-ttl {
		margin-bottom: 6vw;
		font-size: 5.6vw;
		text-align: center;
	}
	.sec-txt {
		font-size: 3.6vw;
	}
    
}


/*---------- font ----------*/
.txt-barlow {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.txt-white {
	color: #fff;
}
.txt-orange {
	color: #ee7701;
}
.txt-marker-w {
	display: inline;
	background: #fff;
	color: #000;
    padding: 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
@media (max-width: 768px) {
	.txt-marker-w {
		padding: 1vw;
	}
    
}


/*---------- header ----------*/
header {
	position: fixed;
	left: 15px;
	top: 15px;
	z-index: 999;
}

/* btn */
a.btn-home {
    width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 50%;
	border: 2px solid #fff;
	background: linear-gradient(#fc9d04, #ff8300);
	color: #fff;
	text-align: center;
}
a.btn-home img {
	width: 26px;
	margin: 0 auto 8px;
}
a.btn-home span {
	font-size: 1.3rem;
	line-height: 1;
}

@media (max-width: 768px) {
	header {
		left: 3vw;
		top: 3vw;
	}

	/* btn */
	a.btn-home {
		width: 16vw;
		height: 16vw;
		display: flex;
	}
	a.btn-home img {
		width: 5vw;
		margin: 0 auto 1.5vw;
	}
	a.btn-home span {
		font-size: 3.0vw;
	}

    
}


/*---------- header ----------*/
a.btn-floating {
    width: auto;
	padding: 80px 20px 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #85bd54 url("../img/common/icon_user_w.svg") center top 45px no-repeat;
	background-size: 22px;
	border: 1px solid #fff;
	border-right: none;
	border-radius: 10px 0 0 10px;
	color: #fff;
    text-align: left;
	line-height: 1;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
}


@media (max-width: 768px) {
	a.btn-floating {
		width: 100%;
		height: 15vw;
		padding: 0 4vw;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background: #85bd54 url("../img/common/icon_user_w.svg") left 5vw center no-repeat;
		background-size: 4vw;
		border: none;
		border-radius: 0;
		text-align: center;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		position: fixed;
		right: 0;
		top: auto;
		bottom: 0;
		transform: none;
		z-index: 999;
	}
    
}



/*---------- MV ----------*/
.sec-mv {
	width: 100%;
	padding: 10px;
}
.sec-mv .sec-inn-bg {
	background: #ece8e2;
	position: relative;
	overflow: hidden;
}
.sec-mv .sec-inn-bg::before, 
.sec-mv .sec-inn-bg::after {
	content: 'ABOUT';
	width: 100%;
	color: #f4f1ee;
	text-align: center;
	font-family: "Barlow", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 14.8rem;
	line-height: 1;
	position: absolute;
	left: 0;
	z-index: 1;
}
.sec-mv .sec-inn-bg::before {
	top: -1.6rem;
	transform: rotate(180deg);
}
.sec-mv .sec-inn-bg::after {
	bottom: -1.6rem;
}

.sec-mv .cont-inn {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 3;
}
.mv-ttl {
	width: 100%;
	padding-right: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}
.mv-ttl img {
	width: 60%;
	max-width: 448px;
}

.mv-txt {
	margin-top: 20px;
	text-align: center;
	font-size: 3.4rem;
	line-height: 2;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

/* deco images */
.mv-img-01 {
	width: 22%;
	max-width: 367px;
	position: absolute;
	top: 5%;
	left: 3%;
	z-index: 2;
}
.mv-img-02 {
	width: 15%;
	max-width: 250px;
	position: absolute;
	top: 42%;
	left: 4%;
	z-index: 2;
}
.mv-img-03 {
	width: 18%;
	max-width: 248px;
	position: absolute;
	bottom: 5%;
	left: 10%;
	z-index: 2;
}
.mv-img-04 {
	width: 20%;
	max-width: 93px;
	position: absolute;
	top: 7%;
	left: 38%;
	z-index: 2;
}
.mv-img-05 {
	width: 27%;
	max-width: 364px;
	position: absolute;
	top: 3%;
	right: 3%;
	z-index: 2;
}
.mv-img-06 {
	width: 11%;
	max-width: 146px;
	position: absolute;
	top: 44%;
	right: 6%;
	z-index: 2;
}
.mv-img-07 {
	width: 20%;
	max-width: 271px;
	position: absolute;
	bottom: 4%;
	right: 10%;
	z-index: 2;
}
.mv-img-08 {
	width: 30%;
	max-width: 127px;
	position: absolute;
	bottom: 9.8rem;
	left: 34.5%;
	z-index: 2;
}


@media (max-width: 768px) {
	.sec-mv {
		width: 100%;
		padding: 2vw;
	}
	.sec-mv .sec-inn-bg::before, 
	.sec-mv .sec-inn-bg::after {
		font-size: 20vw;
	}
	.sec-mv .sec-inn-bg::before {
		top: -3vw;
	}
	.sec-mv .sec-inn-bg::after {
		bottom: -3vw;
	}
	.sec-mv .cont-inn {
		min-height: calc(100vh - 4vw - 15vw);
	}
	
	.mv-ttl {
		width: 100%;
		padding-right: 4vw;
		font-size: 4.8vw;
	}
	.mv-ttl img {
		width: 70%;
		max-width: 448px;
	}

	.mv-txt {
		margin-top: 2vw;
		font-size: 5.2vw;
	}

	/* deco images */
	.mv-img-01 {
		width: 34%;
		max-width: initial;
		position: absolute;
		top: 10%;
		left: 18%;
		z-index: 2;
	}
	.mv-img-02 {
		width: 29%;
		max-width: initial;
		position: absolute;
		top: 26%;
		left: 4%;
		z-index: 2;
	}
	.mv-img-03 {
		width: 28%;
		max-width: initial;
		position: absolute;
		bottom: 18%;
		left: 4%;
		z-index: 2;
	}
	.mv-img-04 {
		width: 12%;
		max-width: initial;
		position: absolute;
		top: 5%;
		left: 68%;
		z-index: 2;
	}
	.mv-img-05 {
		width: 37%;
		max-width: initial;
		position: absolute;
		top: 17%;
		right: 3%;
		z-index: 2;
	}
	.mv-img-06 {
		width: 31%;
		max-width: initial;
		position: absolute;
		top: 64%;
		right: 6%;
		z-index: 2;
	}
	.mv-img-07 {
		width: 20%;
		max-width: initial;
		position: absolute;
		bottom: 11%;
		right: 20%;
		z-index: 2;
	}
	.mv-img-08 {
		width: 26%;
		max-width: initial;
		position: absolute;
		bottom: 6.5rem;
		left: 23%;
		z-index: 2;
	}
    
}



/*---------- Introduction ----------*/
.sec-introduction {
	width: 100%;
	padding: 10px;
}
.sec-introduction .sec-inn-bg {
	background: #85bd54;
	position: relative;
	overflow: hidden;
}

.sec-introduction .box-img {
	width: 42%;
	margin-right: 8%;
}
.sec-introduction .box-txt-wrap {
	width: 50%;
	color: #fff;
}


@media (max-width: 768px) {
	.sec-introduction {
		width: 100%;
		padding: 2vw;
	}
	.sec-introduction .sec-inn-bg {
		position: relative;
		overflow: auto;
	}
	.sec-introduction .cont-inn {
		padding: 8vw 0;
	}

	.sec-introduction .box-img {
		width: 60%;
		margin: 0 auto 8vw;
	}
	.sec-introduction .box-txt-wrap {
		width: 100%;
	}
    
}



/*---------- Contents ----------*/
.sec-contents {
	width: 100%;
	padding: 10px;
}
.sec-contents .sec-inn-bg {
	background: url("../img/about/bg_about.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.sec-contents .box-img {
	width: 50%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.sec-contents .box-txt-wrap {
	width: 50%;
	margin-right: auto;
	color: #fff;
}
.sec-contents .sec-ttl .fs-l {
	font-size: 5.0rem;
}


@media (max-width: 768px) {
	.sec-contents {
		width: 100%;
		padding: 2vw;
	}
	.sec-contents .sec-inn-bg {
		position: relative;
		overflow: hidden;
	}

	.sec-contents .cont-inn.flex-box {
		flex-direction: column;
	}
	.sec-contents .box-img-sp {
		width: 100%;
		margin: 6vw auto 0;
	}
	.sec-contents .box-txt-wrap {
		width: 100%;
		margin-right: auto;
		color: #fff;
	}
	.sec-contents .sec-ttl .fs-l {
		font-size: 8.2vw;
	}
    
}



/*---------- Point common ----------*/
.point-num {
	font-size: 2.8rem;
	line-height: 1;
	margin-bottom: 50px;
}
.point-num .fs-l {
	font-size: 3.8rem;
}
@media (max-width: 768px) {
	.point-num {
		font-size: 4.8vw;
		margin-bottom: 5vw;
	}
	.point-num .fs-l {
		font-size: 6.8vw;
	}
}


/*---------- Point.1 ----------*/
.sec-point-01 {
	width: 100%;
	padding: 10px;
}
.sec-point-01 .sec-inn-bg {
	background: #ece8e2;
	position: relative;
	overflow: hidden;
}

.sec-point-01 .box-img {
	width: 45%;
	margin-right: 5%;
}
.sec-point-01 .box-txt-wrap {
	width: 50%;
	position: relative;
}
.sec-point-01 .point-num, 
.sec-point-01 .sec-ttl, 
.sec-point-01 .sec-txt {
	position: relative;
	z-index: 2;
}
.sec-point-01 .point-01-img {
	width: 254px;
	position: absolute;
	top: -190px;
	right: 10%;
	z-index: 1;
}


@media (max-width: 768px) {
	.sec-point-01 {
		width: 100%;
		padding: 2vw;
	}
	.sec-point-01 .sec-inn-bg {
	}
	.sec-point-01 .cont-inn {
		padding: 8vw 0;
		flex-direction: column;
	}

	.sec-point-01 .box-img {
		width: 60%;
		margin: 0 auto 2vw;
	}
	.sec-point-01 .box-txt-wrap {
		width: 100%;
	}
	.sec-point-01 .point-num, 
	.sec-point-01 .sec-ttl, 
	.sec-point-01 .sec-txt {
		position: relative;
		z-index: 2;
	}
	.sec-point-01 .point-01-img {
		width: 50%;
		margin-left: auto;
		position: relative;
		top: auto;
		right: auto;
		z-index: 1;
	}
}



/*---------- Point.2 ----------*/
.sec-point-02 {
	width: 100%;
	padding: 10px;
}
.sec-point-02 .sec-inn-bg {
	background: url("../img/about/bg_point02.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.sec-point-02 .box-img {
	width: 35%;
	margin-left: 5%;
}
.sec-point-02 .box-txt-wrap {
	width: 60%;
	position: relative;
	color: #fff;
}
.point-02-list {
	width: 100%;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}
.point-02-list li {
	width: 30%;
}
.point-02-list li img {
	width: 100%;
	margin: 0 auto 5px;
}
.point-02-list li p {
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
}



@media (max-width: 768px) {
	.sec-point-02 {
		width: 100%;
		padding: 2vw;
	}
	.sec-point-02 .sec-inn-bg {
	}
	.sec-point-02 .cont-inn {
		padding: 8vw 0;
		flex-direction: column-reverse;
	}

	.sec-point-02 .box-img {
		width: 60%;
		margin: 0 auto 2vw;
	}
	.sec-point-02 .box-txt-wrap {
		width: 100%;
	}

	.point-02-list {
		width: 100%;
		margin: 8vw auto 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.point-02-list li {
		width: 48%;
	}
	.point-02-list li:nth-child(2) {
		margin-left: auto;
	}
	.point-02-list li:nth-child(3) {
		margin-top: 5vw;
	}
	.point-02-list li img {
		width: 80%;
		margin: 0 auto 1vw;
	}
	.point-02-list li p {
		width: 100%;
		font-size: 3.6vw;
	}
    
}


/*---------- Point.3 ----------*/
.sec-point-03 {
	width: 100%;
	padding: 10px;
}
.sec-point-03 .sec-inn-bg {
	background: #ece8e2;
	position: relative;
	overflow: hidden;
}

.sec-point-03 .box-img {
	width: 45%;
	margin-right: 5%;
}
.sec-point-03 .box-txt-wrap {
	width: 50%;
	position: relative;
}
.sec-point-03 .point-num, 
.sec-point-03 .sec-ttl, 
.sec-point-03 .sec-txt {
	position: relative;
	z-index: 2;
}
.sec-point-03 .point-03-img {
	width: 293px;
	position: absolute;
	top: -190px;
	right: 10%;
	z-index: 1;
}


@media (max-width: 768px) {
	.sec-point-03 {
		width: 100%;
		padding: 2vw;
	}
	.sec-point-03 .sec-inn-bg {
	}
	.sec-point-03 .cont-inn {
		padding: 8vw 0;
		flex-direction: column;
	}

	.sec-point-03 .box-img {
		width: 60%;
		margin: 0 auto 2vw;
	}
	.sec-point-03 .box-txt-wrap {
		width: 100%;
	}
	.sec-point-03 .point-num, 
	.sec-point-03 .sec-ttl, 
	.sec-point-03 .sec-txt {
		position: relative;
		z-index: 2;
	}
	.sec-point-03 .point-03-img {
		width: 50%;
		margin-left: auto;
		position: relative;
		top: auto;
		right: auto;
		z-index: 1;
	}
}


/*---------- STEP ----------*/
.sec-step {
	width: 100%;
	padding: 10px;
}
.sec-step .sec-inn-bg {
	background: #85bd54;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.sec-step .cont-inn.flex-box {
	flex-direction: column;
}

.step-ttl {
	margin-bottom: 50px;
	text-align: center;
	font-size: 3.8rem;
	line-height: 1;
}
.step-ttl .step-ttl-en {
	margin-bottom: 30px;
	display: block;
	font-size: 2.8rem;
	font-weight: 500;
}

.step-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.step-list li {
	width: 29%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.step-list li .step-list-ttl {
	margin: 35px auto 15px;
	padding: 5px 30px;
	display: inline-block;
	background: #ee7802;
	border-radius: 30px;
	font-size: 2.0rem;
	line-height: 1;
}

@media (max-width: 768px) {
	.sec-step {
		width: 100%;
		padding: 2vw;
	}
	.sec-step .sec-inn-bg {
	}
	.sec-step .cont-inn.flex-box {
		padding: 8vw 0;
		flex-direction: column;
	}

	.step-ttl {
		margin-bottom: 8vw;
		font-size: 5.6vw;
	}
	.step-ttl .step-ttl-en {
		margin-bottom: 4vw;
		font-size: 4.8vw;
	}

	.step-list {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.step-list li {
		width: 100%;
		margin-bottom: 8vw;
		text-align: center;
	}
	.step-list li:last-child {
		margin-bottom: 0;
	}
	.step-list li img {
		width: 60%;
		margin: 0 auto;
	}
	.step-list li .step-list-ttl {
		margin: 5vw auto 3vw;
		padding: 1vw 6vw;
		border-radius: 8vw;
		font-size: 4.0vw;
	}
    
}


/*---------- RECOMMEND ----------*/
.sec-recommend {
	width: 100%;
	padding: 10px;
}
.sec-recommend .sec-inn-bg {
	background: url("../img/about/bg_recommend.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.sec-recommend .cont-inn.flex-box {
	flex-direction: column;
}

.recommend-ttl {
	margin-bottom: 40px;
	text-align: center;
	font-size: 3.8rem;
	line-height: 1;
}
.recommend-ttl .recommend-ttl-en {
	margin-bottom: 30px;
	display: block;
	font-size: 2.8rem;
	font-weight: 500;
}
.recommend-lead-txt {
	margin-bottom: 45px;
	text-align: center;
	font-size: 1.8rem;
}

.recommend-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recommend-list li {
	width: 18%;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.recommend-list li img {
	margin: auto;
}
/*
.recommend-list li .recommend-list-ttl {
	margin: 30px auto;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #fff;
}
*/
.recommend-list li .btn-viewmore {
	width: 100%;
	margin: 30px auto 0;
	padding: 10px 15px;
	display: block;
	color: #fff;
	background: #303030;
	border-radius: 80px;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
}
.recommend-list li .btn-viewmore span {
	font-size: 1.8rem;
}
.recommend-list li .btn-viewmore::after {
	content: '';
	width: 6px;
	height: 10px;
	background: url("../img/common/icon_arrow_w.svg") center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: calc(50% - 5px);
	right: 15px;
}
@media (max-width: 1100px) {
	.recommend-list li {
		width: 30%;
		margin-bottom: 50px;
	}
	.recommend-list li:nth-child(4), 
	.recommend-list li:nth-child(5) {
		margin: 0 auto 50px;
	}
}

@media (max-width: 768px) {
	.sec-recommend {
		width: 100%;
		padding: 2vw;
	}
	.sec-recommend .sec-inn-bg {
	}
	.sec-recommend .cont-inn.flex-box {
		padding: 8vw 0;
		flex-direction: column;
	}

	.recommend-ttl {
		margin-bottom: 8vw;
		font-size: 5.6vw;
	}
	.recommend-ttl .recommend-ttl-en {
		margin-bottom: 4vw;
		font-size: 4.8vw;
	}
	.recommend-lead-txt {
		margin-bottom: 8vw;
		text-align: left;
		font-size: 3.8vw;
	}

	.recommend-list {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.recommend-list li {
		width: 46%;
		margin-bottom: 10vw;
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.recommend-list li:nth-child(4) {
		margin: 0 0 10vw;
	}
	.recommend-list li:last-child {
		margin: 0;
	}
	.recommend-list li img {
		margin: auto;
	}
	/*
	.recommend-list li .recommend-list-ttl {
		margin: 2vw auto 4vw;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	*/
	.recommend-list li .btn-viewmore {
		width: 100%;
		padding: 3vw;
		border-radius: 6vw;
	}
	.recommend-list li .btn-viewmore {
		width: 100%;
		margin: 3vw auto 0;
		padding: 2.5vw 3vw;
		border-radius: 20vw;
		font-size: 3.2vw;
	}
	.recommend-list li .btn-viewmore span {
		font-size: 3.6vw;
	}
	.recommend-list li .btn-viewmore::after {
		content: '';
		width: 1.2vw;
		height: 2.2vw;
		top: calc(50% - 1.1vw);
		right: 3vw;
	}
    
}




/*---------- footer ----------*/
.footer {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.footer .sec-inn-bg {
	background: linear-gradient(#fc9f04, #ff8600);
	position: relative;
	overflow: hidden;
}
.footer .sec-inn-bg::after {
	content: '';
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	background: #ece8e2;
	border-radius: 34px;
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
}
.footer .cont-inn.flex-box {
	flex-direction: column;
	position: relative;
	z-index: 2;
	text-align: center;
}

.footer-logo {
	width: 80%;
	max-width: 580px;
}
a.btn-register {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 40px;
	padding: 40px 60px;
	background: #85bd54;
	border-radius: 30px;
	color: #fff;
	font-size: 3.0rem;
	line-height: 1;
	position: relative;
}
a.btn-register::before {
	content: '';
	width: 148px;
	height: 117px;
	background: url("../img/about/img_btn_register.png") center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 30px;
	bottom: 20px;
	z-index: 2;
}
a.btn-register::after {
	content: '';
	width: 38px;
	height: 42px;
	background: url("../img/common/icon_user_w_l.svg") center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: calc(50% - 21px);
	right: 40px;
	z-index: 2;
}
a.btn-white {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 24px;
	display: block;
	color: #000;
	background: #fff;
	border-radius: 30px;
	line-height: 1;
	position: relative;
}
a.btn-white::after {
	content: '';
	width: 8px;
	height: 14px;
	background: url("../img/common/icon_arrow_b.svg") center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}

.txt-copyright {
	margin: 70px auto 0;
	font-size: 1.3rem;
	line-height: 2;
}

@media (max-width: 768px) {
	.footer {
		width: 100%;
		padding: 2vw;
	}
	.footer .sec-inn-bg {
	}
	.footer .sec-inn-bg::after {
		content: '';
		width: calc(100% - 3vw);
		height: calc(100% - 3vw);
		background: #ece8e2;
		border-radius: 6.8vw;
		position: absolute;
		top: 1.5vw;
		left: 1.5vw;
		z-index: 1;
	}
	.footer .cont-inn.flex-box {
	}

	.footer-logo {
		width: 90%;
		margin-bottom: 10vw;
	}
	a.btn-register {
		width: 100%;
		max-width: 960px;
		margin: 0 auto 8vw;
		padding: 8vw;
		border-radius: 6vw;
		font-size: 4.4vw;
	}
	a.btn-register::before {
		content: '';
		width: 24vw;
		height: 22vw;
		background: url("../img/about/img_btn_register.png") center center no-repeat;
		background-size: 100%;
		position: absolute;
		left: calc(50% - 12vw);
		bottom: auto;
		top: -16vw;
		z-index: 2;
	}
	a.btn-register::after {
		content: '';
		width: 7vw;
		height: 8vw;
		background: url("../img/common/icon_user_w_l.svg") center center no-repeat;
		background-size: 100%;
		position: absolute;
		top: calc(50% - 4vw);
		right: 6vw;
		z-index: 2;
	}
	a.btn-white {
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
		padding: 5vw;
		border-radius: 8vw;
	}
	a.btn-white::after {
		content: '';
		width: 1.8vw;
		height: 3vw;
		background: url("../img/common/icon_arrow_b.svg") center center no-repeat;
		background-size: 100%;
		position: absolute;
		top: calc(50% - 1.5vw);
		right: 4vw;
	}

	.txt-copyright {
		margin: 12vw auto 0;
		font-size: 3.0vw;
	}
    
}