@charset "utf-8";
/* -----------------------------
 common_medical_sbjct.css
----------------------------- */

/* ------------------------------
 general
------------------------------ */

/* リストの点 */
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}

.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}


/* メインイメージ */
#mainimg {
	position: relative;

	padding-top: 90px;
	width: 100%;
}

#mainimg img {
	width: auto;
	height: 40vw;
}

#mainimg > div:first-of-type {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);

	width: 100%;

	text-align: center;
	font-size: 2vw;
	color: #FFFFFF;
}

#mainimg h2 { margin-bottom: 10px; }

#mainimg p { font-size: 1.5vw; }


/* 青丸付h3 */
h3:not(#hosVisit h3) {
	position: relative;

	line-height: 5vw;
	font-size: 5vw;
}

h3:not(#hosVisit h3)::before {
	content: '';

	position: absolute;
	top: 0;
	left: 0;

	background-image: url(../../images/common/img_01.png);
	background-repeat: no-repeat;
	background-size: contain;
}

/* 目次 */
.contents {
	background-color: #F5F8E8;
}

.contents dl dt {
	font-weight: normal;
}

.contents dl dd {
	letter-spacing: 2px;
}

.contents dl dd::before {
	background: #BFD277;
}

.contents dl dd::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

/* h4 */
h4 {
	margin-bottom: 40px;
	padding: 30px 7vw;
	background-color: #BFD277;
	color: #FFFFFF;
}



/* ------------------------------
 header
------------------------------ */
header {
	position: absolute;
	left: 0;

	width: 100%;
	background-color: #A9907A;
	z-index: 2;
}

header > div,
header nav    { width: 50%; }


/* ------------------------------
 main
------------------------------ */
/* ------------------------------
 footer
------------------------------ */



/* -----------------------------
 PC
----------------------------- */
@media screen and (min-width:1000px) {

/* -------------------------------------- header -------------------------------------- */
	/* header高さ設定 */
	header { height: 150px; }

	header nav #menuBtn { display: none; }

	header h1 a { margin-left: 6.2%; }

	header h1 img {
		width: 43%;
		height: auto;
	}

	header nav ul {
		display: flex;
		justify-content: right;
		align-items: center;

		margin-right: 2%;
		color: #FFFFFF;
	}

	header nav li {
		position: relative;

		margin: 0px 1.5vw;
		font-size: 1.2vw;
	}

	header nav li::after {
		content: '';
		position: absolute;
		right: -1.5vw;

		width: 2px;
		height: 25px;
		background-color: #FFFFFF;
	}

	header nav li:last-of-type::after { background-color: inherit; }


/* -------------------------------------- メインコンテンツ -------------------------------------- */
	/* メインイメージ */
	#mainimg h2 { margin-bottom: 10px; }

	#mainimg p { font-size: 1.5vw; }

	/* 目次 */
	.contents dl {
		display: flex;
		flex-wrap: wrap;

		margin: 0px auto;
		width: 80%;
	}

	/* 青丸付h3 */
	h3:not(#hosVisit h3) {
		margin: 0 auto 2vw;
		padding-left: 7vw;

		line-height: 5vw;
		font-size: 2.5vw;
	}

	h3:not(#hosVisit h3)::before {
		width: 5vw;
		height: 5vw;
	}

	/* 目次 */
	.contents {
		padding: 50px 0px;
		margin-bottom: 100px;
	}

	.contents dl dt {
		width: 10%;

		font-size: 1.5vw;
	}

	.contents dl dd {
		padding-left: 5%;
		width: 90%;

		font-size: 1.4vw;
	}

	.contents dl dd::before {
		width: 1.5vw;
		height: 1.5vw;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

	.contents dl dd::after {
		left: 0.4vw;

		width: 0.5vw;
		height: 0.5vw;
	}

	.contents dl dd:first-of-type {
		margin-bottom: 30px;
	}

	.contents dl dd:last-of-type {
		margin-left: 10%;
	}

	/* h4 */
	h4 {
		font-size: 2vw;
	}

	/* 症状 */
	#tekiou .symptoms > div,
	#ptsd   .symptoms > div {
		display: flex;
		align-items: center;

		margin-bottom: 30px;
		padding: 50px 10%;
	}

	#tekiou .symptoms > div div:first-of-type,
	#ptsd   .symptoms > div div:first-of-type {
		width: 30%;

		text-align: center;
		font-size: 1.7vw;
	}

	#tekiou .symptoms > div div:last-of-type,
	#ptsd   .symptoms > div div:last-of-type {
		width: 60%;
		line-height: 250%;
		font-size: 1vw;
	}


}


/* -----------------------------
 SP
----------------------------- */
@media screen and (max-width:999px) {

/* -------------------------------------- header -------------------------------------- */
	header {
		position: absolute;
		left: 0;

		height: 90px;
	}

	header > div { width: 60%; }

	header nav { width: 40%; }

	header h1 a img {
		width: 100%;
		height: auto;
	}


/* -------------------------------------- メインコンテンツ -------------------------------------- */
	/* 青丸付h3 */
	h3:not(#hosVisit h3) {
		margin: 0 auto 30px;
		padding-left: 17vw;
		width: 90%;

		line-height: 13vw;
		font-size: 4.5vw;
	}

	h3:not(#hosVisit h3)::before {
		width: 13vw;
		height: 13vw;
	}

	/* 目次 */
	.contents {
		padding: 10vw 0px;
	}

	.contents dl {
		margin: 0px auto;
		width: 80%;
	}

	.contents dl dt {
		margin-bottom: 5vw;
		font-size: 5vw;
	}

	.contents dl dd {
		margin-bottom: 5vw;
		padding-left: 10vw;
		width: 100%;

		font-size: 4vw;
	}

	.contents dl dd::before {
		width: 5vw;
		height: 5vw;
		-webkit-border-radius: 2.5vw;
		border-radius: 2.5vw;
	}

	.contents dl dd::after {
		left: 1.4vw;

		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);

		width: 2vw;
		height: 2vw;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}

	/* h4 */
	h4 {
		line-height: 150%;
		letter-spacing: 2px;
		font-size: 5vw;
	}

	/* リストのdisk */
	.disk li {
		position: relative;

		padding-left: 20px;
	}

	.disk li::before {
		content: '';

		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);

		width: 5px;
		height: 5px;
		background-color: #000000;
		border-radius: 2px;
	}


/* -------------------------------------- mainimg -------------------------------------- */
	#mainimg h2 { margin-bottom: 1vw; }

	#mainimg p { font-size: 3vw; }




}