@charset"utf-8";

.contentsWidth h2{font-size: 1.8rem; color: #fff; padding: 10px 20px; background: #505050;}
.contentsWidth h3{font-size: 2rem; padding:65px 5px 5px; border-bottom: #000 1px solid;}

.contentsWidth .txt{font-size: 1.4rem; margin: 30px 0;}
.contentsWidth .txt a{text-decoration: underline; font-weight: bold;}

.contentsWidth nav{font-size: 1.8rem; font-weight: bold; border-bottom: #ccc solid 1px; border-top: #ccc solid 1px; text-align: center;}
.contentsWidth nav a{padding:15px 20px; display: inline-block;}
.contentsWidth nav a span{color: #7d7fb3; padding-right: 5px;}
.contentsWidth nav a:hover span{color: #c00;}

.contentsWidth .ac{font-size: 1.4rem; word-break: break-all;}

.contentsWidth .ac .tab{ background: #f1f1f1; padding: 20px 50px 20px 50px; font-weight: bold; margin-top: 20px; position: relative; cursor: pointer;}
.contentsWidth .ac .tab:after{content:""; display: block; background:url(../img/o.svg) no-repeat; width: 18px; height: 10px; position: absolute; right:20px; top:25px;}
.contentsWidth .ac .tab.active:after{content:""; display: block; background:url(../img/c.svg) no-repeat; width: 18px; height: 10px; position: absolute; right:20px; top:25px;}
.contentsWidth .ac .tab b{color: #7d7fb3; font-size: 2.5rem; font-family: Arial, 'sans-serif'; font-weight: normal; position: absolute; left: 15px; line-height: 1.9rem;}

.contentsWidth .ac dd{display: none;}
.contentsWidth .ac .open{display: block;}
.contentsWidth .ac .con{ border-bottom: 3px #f1f1f1 solid; border-left: 3px #f1f1f1 solid ;border-right: 3px #f1f1f1 solid; padding: 17px 17px 17px 47px; position: relative;}
.contentsWidth .ac .con b{color: #f06671; font-size: 2.5rem; font-family: Arial, 'sans-serif'; font-weight: normal; position: absolute; left: 15px; line-height: 1.9rem;}
.contentsWidth .ac .con a{padding: 10px 0; display: inline-block; color: #7d7fb3;}
.contentsWidth .ac .con span{color: #666; font-size: 1.2rem; display: block; margin-top: 10px;}

.mt65{margin-top: 65px;}

.inquiryBox {margin: 30px 0 90px;}
.inquiryBox dt {
	position: relative;
	float: left;
	width: 316px;
	height: 55px;
	padding: 15px 0 0 75px;
	box-sizing: border-box;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
}

.inquiryBox dt img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.inquiryBox dt span {
	display: block;
	margin: 5px 0 0 8em;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}
.inquiryBox dd {
	margin: 0 0 0 333px;
	color: #464646;
}
/* テキスト */
.inquiryBox dd p {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.inquiryBox dd p span {
	font-weight: normal;
}
.inquiryBox dd li {
	margin: 5px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.inquiryBox dd li:before {
	content: "◎";
}

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

.contentsWidth .txt{margin: 10px 0 20px;}

.contentsWidth nav{font-size: 1.5rem; font-weight: bold; border-bottom: none; border-top: none;}
.contentsWidth nav a{padding:10px 5px;}
.contentsWidth nav a span{padding-right: 2px;}

.contentsWidth h3{font-size: 1.8rem; padding:45px 5px 5px;}

.contentsWidth .ac .tab{padding: 15px 40px 15px 40px;}
.contentsWidth .ac .tab b{left: 10px; line-height: 1.8rem;}
.contentsWidth .ac .tab:after{right:15px; top:20px;}
.contentsWidth .ac .tab.active:after{right:15px; top:20px;}

.contentsWidth .ac dd{display: none;}
.contentsWidth .ac .con{ border-bottom: 3px #f1f1f1 solid; border-left: 3px #f1f1f1 solid ;border-right: 3px #f1f1f1 solid; padding: 12px 12px 12px 32px; position: relative;}
.contentsWidth .ac .con b{left: 10px; line-height: 1.8rem;}

.inquiryBox {margin: 20px 0 60px;}
.inquiryBox dt{float: none!important; width: 300px;}
.inquiryBox dd{float: none!important; margin:20px 0 0;}
}