@charset "utf-8";

.page-kv-ttl.choice-kv {
	background: url(../../point/images/kv-point-sp.jpg) no-repeat 12px bottom/contain;
}

.page-kv-ttl h1.choice-pageTtl {
	width: 52vw;
}

/* 
ピースサインが選ばれる理由
----------------------------- */


.fnt-b {
	
	font-weight: bold;
}

.mgn-b15 {
	margin-bottom: 15px;
  }  
  
.choice {
	margin-bottom: 40px;
	border-radius: 12px;
	background-color: #fff;
	padding: 2.8vw;
	align-items: center;
}

.choice p{
	color: #555;
}

.choice-img img {
	max-width: 100%;
	border-radius: 12px;
	border: 1px solid #dddddd;
}

.choice-img {
	text-align: center;
}

.choice-detail {
	font-size: 1.4rem;
	margin-bottom: 20px;
}

.choice-detail h3 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #00b6bc;
	margin-bottom: 15px;
	text-align: center;
	font-family: 'Kosugi Maru', sans-serif;
}

.merit-feature {
	margin-bottom: 60px;
}

@media (min-width: 481px) {
	.merit-feature {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0px;
	}
}

.merit-feature div {
	background-color: #fff;
	border-radius: 6px;
	padding: 2rem;
	font-size: 1.4rem;
}

@media (min-width: 481px) {
	.merit-feature div {
		width: 48%;
	}
}

@media (min-width: 769px) {
	.merit-feature div {
		font-size: 16px;
	}
}

.merit-feature div dt {
	text-align: center;
	margin-bottom: 15px;
}

.merit-feature div dt img {
	width: 100%;
}

@media (min-width: 769px) {
	.merit-feature div dt img {
		max-width: 402px;
	}
}

.merit-featureLeft {
	border: 1px solid #f2a44c;
	margin-bottom: 20px;
}

@media (min-width: 481px) {
	.merit-featureLeft {
		margin-bottom: 0;
	}
}

.merit-featureRight {
	border: 1px solid #00b6bc;
}

.cicle-img-pc {
	display: none;
}

/* 見守りを習慣化しないデメリット
--------------------------------*/

.demerit-col {
	margin-bottom: 60px;
}

@media (min-width: 481px) {
	.list-demerit {
		display: flex;
		justify-content: space-between;
	}
}

.list-demerit li {
	background-color: #fff;
	border-radius: 12px;
	padding: 4vw;
	border: 1px solid #ccc;
}

.list-demerit li:not(:last-child) {
	margin-bottom: 30px;
}

@media (min-width: 481px) and (max-width: 768px) {
	.list-demerit li {
		margin-bottom: 0;
		width: 32%;
		padding: 1.5vw;
	}

	.list-demerit li:not(:last-child) {
		margin-bottom: 0;
	}
}

@media (min-width: 769px) {
	.list-demerit li {
		padding: 20px;
		margin-bottom: 0;
		width: 32%;
	}
}

.list-demerit li .img-dmt {
	text-align: center;
	margin-bottom: 15px;
}

@media (min-width: 481px) {
	.list-demerit li .img-dmt {
		vertical-align: bottom;
	}
	.list-demerit li .img-dmt img {
		width: 80%;
	}
}

.list-demerit li dt {
	font-size: 1.6rem;
	font-weight: 600;
	color: #00b6bc;
	margin-bottom: 15px;
	font-family: 'Kosugi Maru', sans-serif;
}

@media (min-width: 481px) and (max-width: 768px) {
	.list-demerit li dt {
		font-size: 1.4rem;
	}
}

@media (min-width: 769px) {
	.list-demerit li dt {
		font-size: 16px;
	}
}

.list-demerit li dd {
	font-size: 1.4rem;
}

@media (min-width: 481px) and (max-width: 768px) {
	.list-demerit li dd {
		font-size: 1.2rem;
	}
}

.cicle-txt {
	font-size: 1.4rem;
	margin-bottom: 30px;
}

.cnbt-col-txt {
	font-size: 1.4rem;
}

.cnbt-col-img img {
	width: 100%;
}

.cmps-glaf {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}

.cmps-txt {
	font-size: 1.4rem;
}

.cmps img {
	width: 560px;
}

.cicle-img-sp {
	width: 100%;
}

/* + + + + + + + + + + + + + + + + + + 
タブレット
+ + + + + + + + + + + + + + + + + + + + */

@media (min-width: 481px) {
	.page-kv-ttl.choice-kv {
		background: #ffffff url(../../point/images/kv-point-pc.jpg) no-repeat right bottom/contain;
		background-origin: border-box;
	}

	.choice {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.cicle {
		margin-bottom: 80px;
	}

	.cicle-img-sp {
		display: none;
	}
	.cicle-img-pc {
		display: block;
		max-width: 100%;
	}

	.cmps-glaf {
		text-align: center;
		overflow-x: unset;
	}
}

@media (min-width: 481px) and (max-width: 768px) {
	.page-kv-ttl h1.choice-pageTtl {
		width: 32vw;
	}

	.page-read-appy.choice-page {
		width: 90px;
	}

	.page-read p.choice-read {
		width: calc(100% - 112px);
	}

	.choice-img {
		width: 200px;
	}

	.choice-detail {
		width: calc(100% - 217px);
		margin-bottom: 0;
	}

	.choice-detail h3 {
		text-align: left;
	}

	.cnbt-col {
		display: flex;
		justify-content: space-between;
	}

	.cnbt-col-img {
		width: 200px;
	}

	.cnbt-col-txt {
		width: calc(100% - 202px);
	}

	.cmps-txt {
		max-width: 564px;
		margin: 0 auto;
	}
}
/* mediaquery */

@media (min-width: 769px) {
	.page-kv-ttl h1.choice-pageTtl {
		width: 226px;
	}

	.page-kv-ttl.choice-kv {
		padding: 0;
	}

	.choice-img {
		width: 286px;
	}

	.choice-img img {
		max-width: auto;
		width: 100%;
	}

	.choice-detail {
		width: calc(100% - 312px);
		margin-bottom: 0;
		font-size: 16px;
	}

	.choice-detail h3 {
		text-align: left;
		font-size: 20px;
	}

	.cicle-txt {
		font-size: 16px;
		max-width: 840px;
		margin: 0 auto 40px;
	}

	.list-demerit li:not(:last-child) {
		margin-bottom: 0;
	}

	.cnbt-col {
		display: flex;
		justify-content: space-between;
	}

	.cnbt-col-img {
		width: 220px;
	}

	.cnbt-col-txt {
		width: calc(100% - 240px);
		font-size: 14px;
	}

	.cmps img {
		width: auto;
		max-width: 100%;
	}

	.cmps-glaf {
		text-align: center;
	}

	.cmps-txt {
		font-size: 16px;
		max-width: 746px;
		margin: 0 auto;
	}
}