@charset "utf-8";

/* CSS Document */

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

	追加

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

#naps_clm-container *:not(.breadcrumbs *){

	font-feature-settings: normal;

    font-family: Meiryo, fontFamily\.sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-variation-settings: normal;

	line-height: 1.6;

	letter-spacing: 0;

}

#naps_clm-container p{

	font-size: 14px;

}

/* #naps_clm-container *:not(ul.a_rec,.e_link){

	font-size: 14px;

	line-height: 1.6;

	letter-spacing: unset;

} */

/* #naps_clm-container p:not([class]){

	font-size: 14px;

	line-height: 1.6;

	letter-spacing: unset;

} */

#naps_clm-container h4{

	line-height: 1;

}

#naps_clm-container ul.a_rec,

#naps_clm-container ul.a_rec li{

	font-size: 16px;

    font-weight: 600;

    line-height: 1.25;

}

#naps_clm-container .e_link,

#naps_clm-container .e_link a {

    line-height: 2;

    font-size: 16px;

}



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

	#naps_clm-container .e_link,

	#naps_clm-container .e_link a {

		font-size: 14px;

		line-height: 2.5;

		font-weight: 600;

	}

}









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

	コンテナ

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

img {

	width: 100%;

}

#naps_clm-container {

	max-width: 1020px;

	background-color: #ffffff;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 50px;

}

.lead {

	background-color: black;

	color: yellow;

	text-align: center;

	font-size: 16px;

	line-height: 2.3;

}

.mt10 {

	margin-top: 10px;

}

h1 {

	text-indent: -9999px;

}

#a_nav ul {

	overflow: hidden;

	margin: 20px 0 0 0;

}

#a_prevention, #a_type, #a_pttype, #a_maker, #a_hide {

	background-color: #F0F0F0;

	box-shadow: 0 0 3px #000;

	padding: 20px 50px 50px 50px;

}

h2 {

	font-size: 24px;

	text-align: center;

	font-weight: 700;

	border-bottom: 2px solid #ccc;

}

#a_prevention ul li dl dd h3 {

	font-size: 18px;

	font-weight: 600;

	color: white;

	background-color: #C1272D;

	padding: 2px 0 0 8px;

}

#a_prevention ul li dl dd p {

	margin-top: 5px;

}

#a_type ul li h3, #a_pttype ul li h3, #a_maker ul li h3, #a_hide ul li h3 {

	background-color: #333;

	color: white;

	font-size: 18px;

	font-weight: 600;

	padding: 3px 0 0 10px;

	line-height: 1.6;

}

#a_type ul li, #a_pttype ul li, #a_maker ul li, #a_hide ul li {

	background-color: white;

	border: 1px solid #ccc;

	box-sizing: border-box;

}

#a_type ul.a_rec li, #a_pttype ul.a_rec li, #a_maker ul.a_rec li, #a_hide ul.a_rec li {

	border: none;

	float: none;

	width: auto;

	margin: 3px 0 0 0;

	padding: 0;

}

.e_link {

	color: white;

	background-color: #ed1e79;

	border: 2px solid #ed1e79;

	border-radius: 5px;

	text-align: center;

	width: 96%;

	margin: 10px 2% 2% 2%;

	line-height: 2;

	font-size: 16px;

}

.e_link a {

	color: white;

	text-decoration: none;

	display: block;

}

.e_link a:hover {

	background-color: white;

	color: #ed1e79;

	transition: 0.7s;

	padding: 0;

	border-radius: 5px;

	box-sizing: border-box;

}

ul.a_rec {

	font-size: 16px;

	font-weight: 600;

	line-height: 1.25;

	margin: 30px 2% 0 2%;

	padding-left: 1em;

}

ul.a_rec h4 {

	color: red;

	font-weight: 700;

}

.mlr10 {

	margin: 10px 10px 0 10px;

}

.a_rec li {

	text-indent: -1em;

}



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

	.pcnon {

		display: none;

	}

	#a_nav ul li {

		float: left;

		width: calc(96%/5);

		margin-right: 1%;

	}

	#a_nav ul li:last-child {

		margin-right: 0;

	}

	#a_prevention, #a_type, #a_pttype, #a_maker, #a_hide {

		width: 1014px;

		margin: 80px auto 0 auto;

	}

	#a_prevention {

		margin-top: 30px;

	}

	#a_prevention ul li dl {

		overflow: hidden;

		margin-top: 30px;

	}

	#a_prevention ul li dl dt {

		float: left;

		width: 20%;

		margin-right: 2%;

	}

	#a_prevention ul li dl dd {

		float: left;

		width: 78%;

	}

	#a_type ul, #a_pttype ul, #a_maker ul, #a_hide ul {

		overflow: hidden;

		margin-top: 30px;

	}

	#a_type ul li, #a_pttype ul li, #a_maker ul li, #a_hide ul li {

		float: left;

		width: 49%;

		margin: 30px 2% 0 0;

	}

	#a_type ul li:nth-child(even), #a_pttype ul li:nth-child(even), #a_maker ul li:nth-child(even), #a_hide ul li:nth-child(even) {

		margin-right: 0;

	}

	#a_type ul li:nth-child(-n+2), #a_pttype ul li:nth-child(-n+2), #a_maker ul li:nth-child(-n+2), #a_hide ul li:nth-child(-n+2) {

		margin-top: 0;

	}

	#a_type ul li:nth-child(2) .e_link {

		margin-top: 33px;

	}

	#a_type ul li:nth-child(3) .e_link {

		margin-top: 10px;

	}

	#a_type ul li:nth-child(6) .e_link {

		margin-top: 34px;

	}

	#a_type ul li:nth-child(7) .e_link {

		margin-top: 11px;

	}

	#a_type ul li:nth-child(10) .e_link {

		margin-top: 33px;

	}

	#a_pttype ul li:nth-child(2) .e_link {

		margin-top: 43px;

	}

	#a_hide ul li:nth-child(2) .e_link {

		margin-top: 12px;

	}

}



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

	.spnon {

		display: none;

	}

	.lead {

		line-height: 1.3;

		padding: 5px 2px;

	}

	#a_head .mt10 {

		margin: 10px 1% 0 1%;

	}

	#a_nav ul {

		margin-left: 1%;

		margin-right: 1%;

	}

	#a_nav ul li {

		float: left;

		width: calc(97%/2);

		margin: 1.5% 1.5% 0 0;

	}

	#a_nav ul li:nth-child(even) {

		margin-right: 0;

	}

	#a_prevention, #a_type, #a_pttype, #a_maker, #a_hide {

		padding: 20px 2%;

		margin: 50px 2% 0 2%;

	}

	h2 {

		font-size: 22px;

		text-align: left;

		padding-left: 5px;

	}

	#a_prevention ul li, #a_type ul li, #a_pttype ul li, #a_maker ul li, #a_hide ul li {

		margin-top: 30px;

	}

	#a_prevention ul li:first-child, #a_type ul li:first-child, #a_pttype ul li:first-child, #a_maker ul li:first-child, #a_hide ul li:first-child {

		margin-top: 20px;

	}

	.e_link {

		font-size: 14px;

		line-height: 2.5;

		font-weight: 600;

	}

	#a_type ul li:nth-child(4) .e_link {

		letter-spacing: -0.05em;

	}

}