@charset "UTF-8";
/* CSS Document */


.about>p{
	color: #006837;
	font-size: 26px;
	line-height: 2rem;
}


.area04{position: relative;}




.btn-details{
	width: 300px;
	height: 42px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.roundedsquare{
	border-radius: 17px;
    border: medium solid #e6e6e6;
    overflow: hidden;
    padding: 18px;
}

.roundedsquare>div:nth-child(1){
	width: 390px;
}

.roundedsquare>div:nth-child(1) p{
	width: 400px;
}

.roundedsquare>div:nth-child(2){
	float: right;
}

.roundedsquare img{
	width: auto;
    height: 205px;
}
.roundedsquare h4{
	color: #006837;
	font-size: 22px;
	line-height: 1.8rem;
	margin-bottom: 10px;
}

.roundedsquare .end{
	text-align: center;
}

.sp-view {
    display: none;
}

html, body {
    height: 100%;
}

@media screen and (min-width: 737px) {

	
}

@media screen and (max-width: 737px) {


.btn-details{
	width: 90vw;
		position: initial;
		margin: 30px auto;
	}


	.roundedsquare>div:nth-child(1){
		width: 100%;
		text-align: justify;
	}
	
	.roundedsquare>div:nth-child(1) br{
		display: none;
	}
	
	.roundedsquare>div:nth-child(1) p{
		width: 100%;
		margin-bottom: 20px;
	}
   
   
     .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }  
 
}