/* ===============================
CD = 20200617
LD = 20200617
==================================
Editor:
1. recca
2.
3.
==================================
Index:
1. html
2.
3.
4.
5.
6.
7.
8.
9.
10.
================================*/





/* html ======================*/
body {
	background: linear-gradient(90deg, rgba(249,224,219,1) 50%, rgba(231,236,245,1) 50%);
	min-width: 320px;
}
a {
	border: none;
}







/* index - top ============= */
.home-cover {
	margin-bottom: 250px;
}
.home-cover-A, .home-cover-B {
	box-shadow: 0px 0px 7px #000;
	left: 10%;
	max-width: 14%;
	position: absolute;
	top: 15%;
	width: 100%;
	z-index: 10;
}
.home-cover-B {
	left: inherit;
	right: 11%;
	top: 10%;
}

.home-cover-A img , .home-cover-B img {
	width: 100%;
}

.home-intro {
	background-color: #f58672;
	bottom: -200px;
	color: #fff;
	font-size: 1.2rem;
	height: 230px;
	left: 7%;
	padding: 80px 40px 30px 40px;
	position: absolute;
	width: 43%;
	
	transition: .2s all linear;
}
.home-logo {
	background-color: #fff;
	bottom: -220px;
	height: 220px;
	padding: 60px 40px 30px 40px;
	position: absolute;
	left: 47%;
	text-align: center;
	width: 40%;
		
	transition: .2s all linear;
}
.home-logo img {
	width: 70%;
}
.title-blue {
	color: #536597;
	font-size: 4rem;
}
h1.title-blue {
	font-size: 2rem;
	font-weight: bold;
}

@media screen and (max-width:1280px) {
	.home-intro {
		padding: 60px 40px 30px 40px;
		
		transition: .2s all linear;
	}
}

@media screen and (max-width:1024px) {
	.home-intro {
		padding: 50px 40px 30px 40px;
		
		transition: .2s all linear;
	}
	.home-logo {
		padding: 70px 40px 30px 40px;
		
		transition: .2s all linear;
	}
	.home-logo img {
		width: 80%;
		
		transition: .2s all linear;
	}
}

@media screen and (max-width:815px) {
	.home-intro {
		padding: 40px 15px 30px 15px;
		
		transition: .2s all linear;
	}
	.home-logo {
		padding: 70px 40px 30px 40px;
		
		transition: .2s all linear;
	}
	.home-logo img {
		width: 100%;
		
		transition: .2s all linear;
	}
}

@media screen and (max-width:768px) {
	body > section:first-child {
		padding-top: 0px !important;
	}
	
	.home-cover {
		margin-bottom: 0px;
		margin-top: 10px;
		
		transition: .2s all linear;
	}
	
	.home-cover-A, .home-cover-B {
		left: 7%;
		top: 25%;
		
		transition: .2s all linear;
	}
	.home-cover-B {
		left: inherit;
		right: 7%;
		top: 20%;
		
		transition: .2s all linear;
	}
	
	.home-intro {
		bottom: 0px;
		height: auto;
		left: inherit;
		margin: auto;
		padding: 40px 20px 30px 20px;
		position: relative;
		width: 94%;

		transition: .2s all linear;
	}
	.home-logo {
		bottom: inherit;
		height: auto;
		padding: 10px;
		position: relative;
		left: 0%;
		text-align: center;
		width: 100%;

		transition: .2s all linear;
	}
	.home-logo img {
		width: 40%;
		
		transition: .2s all linear;
	}
}


@media screen and (max-width:480px) {
	.home-cover-A, .home-cover-B {
		left: 3%;
		top: 28%;
		
		transition: .2s all linear;
	}
	.home-cover-B {
		left: inherit;
		right: 3%;
		top: 23%;
		
		transition: .2s all linear;
	}
	
	.home-logo img {
		width: 60%;
		
		transition: .2s all linear;
	}
	
	.home-intro {
		padding: 20px 20px 10px 20px;
		width: 100%;

		transition: .2s all linear;
	}
}

@media screen and (max-width:320px) {
	.home-cover-A, .home-cover-B {
		left: 3%;
		top: 20%;
	}
	.home-cover-B {
		left: inherit;
		right: 3%;
		top: 15%;
	}
	
	.home-logo img {
		width: 60%;
		
		transition: .2s all linear;
	}
	
	.home-intro {
		padding: 20px 20px 10px 20px;
		width: 100%;

		transition: .2s all linear;
	}
}





/* inside ========================*/
#root {
	background-color: #fff;
	padding: 15px;
}
.card-body {
	border-top: 1px #ccc solid;
}






/* 20251217 */
.btn-2way1 {
    background-color: #fff;
    border: 1px #e06a2c solid;
    border-radius: 8px;
    color: #e06a2c;
    padding: 0.75rem 1rem;
    text-decoration: none;
    transition: .2s all linear;
    width: auto;
    white-space: nowrap;
}
.btn-2way1 svg {
    fill: #e06a2c;
    transition: .2s all linear;
}
.btn-2way1:hover {
    background-color: #e06a2c;
    color: #fff;
    text-decoration: none;
}
.btn-2way1:hover svg {
    fill: #fff;
}