@charset "utf-8";
/* CSS Document */

h2#h2__asbesto {
	margin: 15px 0;
	padding: 50px 20px;
	color: #f7f7f7;
	line-height: 1.5;
	background-color: #204483;
/*	border: 1px solid #9eb4db;*/
	box-sizing: border-box;
}

.wrap__asbesto {
	width: 100%;
	margin: 50px 0 0;	
}

.container__asbesto--comment {
	width: 100%;
/*	margin: 100px 0;*/
}

.container__asbesto--comment h3 {
	margin: 50px 0 0;
	padding: 0;
	font-size: 1.0rem;
	text-align: left;
	border-bottom: none; 
}

.container__asbesto--comment dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 10px 0 0;
/*	font-size: 1.0rem;*/
	line-height: 1.5;
	letter-spacing: 0.05rem;
}

.container__asbesto--comment dl dt {
	width: 210px;
	margin: 5px 0;
}

.container__asbesto--comment dl dd {
	width: calc(100% - 210px);
	margin: 5px 0;
}

.container__asbesto {
	width: 100%;
	margin: 70px 0 0;
}

.container__asbesto h3 {
	border-bottom: 1px solid #333; 
}

.container__asbesto p {
}

.block__btn--list {
	position: relative;
}

.block__btn--list p a {
	position: absolute;
	bottom: 10px;
	right: 0;
	display: inline-block;
	padding: 0 20px;
	font-size: 0.875rem;
	color: #fff;
	background-color: #707070;
	border-radius: 100vh;
}

.block__btn--list p a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.container__asbesto dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size: 1.0rem;
	line-height: 1.5;
	letter-spacing: 0.05rem;
}

.container__asbesto dl dt {
	width: 120px;
	margin: 5px 0;
}

.container__asbesto dl dd {
	width: calc(100% - 120px);
	margin: 5px 0;
}

.container__asbesto dl dd a {
	color: #1d3994;
}

p.btn__asbesto--list {
	margin-top: 30px;
	text-align: center;
}

p.btn__asbesto--list a {
	display: inline-block;
	padding: 5px 20px;
	font-size: 0.875rem;
	color: #fff;
	background-color: #2857A7;
	border-radius: 100vh;
}

p.btn__asbesto--list a:hover {
	text-decoration: none;
	opacity: 0.7;
}

h3.h3__asbesto--single {
	margin: 10px 0 30px;
	padding-bottom: 10px;
	text-align: left;
	line-height: 1.5;
	border-bottom: 2px solid #9eb4db; 
}

.container__asbesto--single {
	width: 100%;
	margin: 50px 0;
}

.container__asbesto--single a {
	font-size: 1.0rem;
}

/*
.container__asbesto--single a:hover {
	text-decoration: underline;
}
*/

footer {
	color: #333;
}

.footer__asbestos {
	max-width: 940px;
	margin: 50px auto 0;
	padding: 10px;
}

.block__asbestos--footer-madoguchi {
	width: 100%;
	margin: 15px 0;
	padding: 15px 0;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

.title__footer--madoguchi {
	font-size: 1.0rem;
	font-weight: bold;
}

.dl_footer--fb-01 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 10px 0;
	line-height: 1.5;
	letter-spacing: 0.05rem;
}

.dl_footer--fb-01 dt {
	width: 170px;
}

.dl_footer--fb-01 dd {
	width: calc(100% - 170px);
}

.p__footer--sodantime{
	color: red;
}

.dl_footer--fb-02 {
	width: 100%;
	margin: 10px 0;
	line-height: 1.5;
	letter-spacing: 0.05rem;
}

.dl_footer--fb-02 dt {
/*	margin-bottom: 5px;*/
}

.dl_footer--fb-02 dd ul {
	margin-left: 20px;
	list-style-type: disc;
}

.dl_footer--fb-02 dd ul li {
	margin: 5px 0;
}

.title__footer--higai {
	margin-bottom: 5px;
	font-weight: bold;
}

.footer__company {
	width: 100%;
	margin: 70px 0 0;
	padding: 5px 0;
	color: #fff;
	background-color: #333;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
}


@media (max-width: 1024px) {

/*
h2#h2__asbesto {
	padding: 80px 20px;
}
*/

}

@media (max-width: 768px) {

/*
h2#h2__asbesto {
	padding: 60px 20px;
}
*/

.container__asbesto--comment dl {
	flex-direction: column;
}

.container__asbesto--comment dl dt {
	width: 100%;
	margin: 5px 0 0;
	font-weight: bold;
}

.container__asbesto--comment dl dd {
	width: 100%;
	margin: 0 0 5px;
}

}


@media (max-width: 640px) {

.container__asbesto dl {
	flex-direction: column;
}

.container__asbesto dl dt {
	width: 100%;
	margin: 5px 0 0;
}

.container__asbesto dl dd {
	width: 100%;
	margin: 0 0 5px;
}

}