@charset "UTF-8";

/*box3
---------------------------------------------------------*/
.box3 .compare{
	display: flex;
	justify-content: space-between;
}
.box3 .compare dl{
	max-width: 403px;
	width: 32.5%;
}
.box3 .compare dl dt{
	font-size: min(2.8vw,160%);
	letter-spacing: 0.1em;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	padding: 1.25em 1em;
	background-color: rgba(99,183,163,0.34);
}
.box3 .compare dl:first-child dt{
	color: #fff;
	background-color: #63B7A3;
}
.box3 .compare dd .merit,
.box3 .compare dd .demerit{
	padding: 35px 6% 60px;
	box-sizing:  border-box;
}
.box3 .compare dd .merit{
	background-color: rgba(186,156,24,0.15);
}
.box3 .compare dd .demerit{
	background-color: rgba(205,212,214,0.3);
}
.box3 .compare dd .merit p,
.box3 .compare dd .demerit p{
	font-size: 130%;
	letter-spacing: 0.15em;
	line-height: 1em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}
.box3 .compare dd .merit p{
	color:#BA9C18;
}
.box3 .compare dd .demerit p{
	color:#6D798A;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.box3 .compare dd .merit,
.box3 .compare dd .demerit{
	padding: 3.5vw 6% 5vw;
}
.box3 .compare dd .merit{
	background-color: rgba(186,156,24,0.15);
}
.box3 .compare dd .demerit{
	background-color: rgba(205,212,214,0.3);
}
.box3 .compare dd .merit p,
.box3 .compare dd .demerit p{
	letter-spacing: 0.1em;
	margin-bottom: 2.5vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .compare{
	display: block;
}
.box3 .compare dl{
	max-width: 100%;
	width:100%;
	margin-top: 4%;
}
.box3 .compare dl:first-child{
	margin-top: 0;
}
.box3 .compare dl dt{
	font-size: 140%;
	letter-spacing: 0.05em;
	padding: 1em ;
}
    .box3 .compare dd .img{
        width: 70%;
        margin: 4% auto;
    }
.box3 .compare dd .img img{
	width: 100%;
}
.box3 .compare dd .merit,
.box3 .compare dd .demerit{
	padding: 6% 5% 7%;
	box-sizing:  border-box;
}
.box3 .compare dd .merit p,
.box3 .compare dd .demerit p{
	font-size: 120%;
	letter-spacing: 0.05em;
	margin-bottom: 5%;
}
}