@charset "UTF-8";

/*---------------------------------------------------------
lead
---------------------------------------------------------*/
.anxiety-list{
	display: flex;
	justify-content: center;
	gap: 1.2em;
	width: 80%;
}
.anxiety-box{
	background-image: url(../../images/reason/anxiety/kyosei_anxiety@2x.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 37%;
	min-height: 420px;
	margin-right: 5%;
}
.anxiety-box .c-hdg--min{
	text-align: left;
}
.anxiety-box h3{
	padding: .1em 0 .1em 5%;
	letter-spacing: .12em;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-image: linear-gradient(90deg, #15b2be, rgba(21, 178, 190, 0)) 1;
	max-width: 900px;
	width: 75%;
	margin-bottom: .6em;
}
.anxiety-box h3 span{
	color: #c27358;
}
.anxiety-box__txt{
	width: 65%;
	padding-left: 5%;
}
.anxiety-box__title{
	display: flex;
}
.anxiety-box__img{
	width: 18%;
}
.anxiety-box__img img{
	width: 100%;
}
.anxiety-box__title h4{
	margin-left: 1em;
}

/* PC 調整 (Portrait)
------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1240px) {
	.anxiety-box h3{
		width: 83%;
	}
	.anxiety-box__txt{
		width: 100%;
	}
	.anxiety-box__img{
		width: 14%;
	}
	.anxiety-box__txt p{
		width: 65%;
	}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.anxiety-list{
		gap: .8em;
	}
	.anxiety-box{
		margin-right: 0;
		min-height: auto;
	}
	.anxiety-box h3{
		width: 80%;
	}
	.anxiety-box__txt{
		width: 100%;
	}
	.anxiety-box__img{
		width: 16%;
	}
	.anxiety-box__txt p{
		width: 65%;
	}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	.anxiety-list{
		flex-wrap: wrap;
		gap: .6em;
		width: 85%;
	}
	.anxiety-list li{
		width: 45%;
	}
	.anxiety-box{
		min-height: auto;
		margin-right: 0;
		background-position: right top;
	}
	.anxiety-box h3.c-hdg--min{
		width: 68%;
		padding: .3em 0 .3em .2em;
		font-size: 150%;
	}
	.anxiety-box__txt{
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	.anxiety-box__title{
		margin-bottom: .5em;
		margin-top: .5em;
	}
	.anxiety-box__img{
		width: 22%;
	}
	.anxiety-box__title .u-size--35{
		font-size: 120%;
	}
}


/*---------------------------------------------------------

---------------------------------------------------------*/

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

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

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}