@charset "utf-8";
/*
Theme Name: 株式会社ワイズセーフネット
Theme URI: https://www.hoken-wise.co.jp/
Description: 株式会社ワイズセーフネットのテーマです
*/

.content_visual {
	position:relative;
	margin-bottom:7.5rem;
	text-align:center;
}

.content_visual span {
	display:inline-block;
	font-size:clamp(20px, 2vw, 26px);
	font-weight: 500;
}

.head-border {
    display: flex;
    align-items: center;
}

.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #444;
}

.head-border:before {
    margin-right: 2rem;
}

.head-border:after {
    margin-left: 2rem;
}

.archive .archive-wrapper {
	padding-top:15rem;
	padding-bottom:15rem;
}

.archive #wrapper:before {
}

.archive-list-type01 ul li {
	margin-bottom:7.5rem;
}

.archive-list-type01 ul:after {
    content: "";
    display: block;
    width: 31.6%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}


.archive-list-type01 ul li .img-box {
}

.archive-list-type01 ul li .img-box img {
	object-fit: cover;
    width: 100%;
    height: 300px;
	filter: grayscale(100%);
	transition: filter 0.3s ease; /* 色が変わるのに0.3秒かける */
}

.archive-list-type01 ul li .img-box img:hover {
	filter: grayscale(0);
}

.archive-list-type01 ul li .text-box {
	position:relative;
	line-height:1;
}

.archive-list-type01 ul li .text-box h3 {
	display:inline-block;
	position: absolute;
	top:-2rem;
	right:0;
}

.archive-list-type01 ul li .text-box h3 a {
	display:block;
	font-size: clamp(14px, 1.6vw, 16px);
	font-weight: 500;
	line-height: 1.4;
	display: block;
	padding: 0.75rem 2rem;
	color: #FFF;
	/*background-image: linear-gradient(90deg, #a21d14, #8b0006);*/
	background:#a3a3a3;
	letter-spacing:0;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.archive-list-type02 ul li {
	padding:2rem 0;
	border-bottom: 1px solid rgba(204,204,204,0.6);
	background-color: rgba(255,255,255,0.6);
}

.bukken-midashi,
.archive-list-type02 ul li dl {
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.bukken-midashi {
	padding:2rem 0 2rem 0;
	border-bottom: 1px solid rgba(204,204,204,0.6);
	background-color: rgba(255,255,255,0.6);
}

.bukken-midashi dt,
.archive-list-type02 ul li dl dt {
	width:36%;
	padding-left:2rem;
	font-size:clamp(14px, 1.2vw, 16px);
	font-family:'Noto Serif JP', Yu Mincho, '游明朝','Hiragino Mincho Pro','Hiragino Mincho Pro','ＭＳ 明朝',serif;
}

.bukken-midashi dd,
.archive-list-type02 ul li dl dd {
	font-size:clamp(14px, 1.2vw, 16px);
	width:60%;
	font-family:'Noto Serif JP', Yu Mincho, '游明朝','Hiragino Mincho Pro','Hiragino Mincho Pro','ＭＳ 明朝',serif;
}

.archive-list-type02 ul li dl dt:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right:1rem;
	color:#a21d14;
}

@media screen and (max-width: 980px) {
.archive .archive-wrapper {
	padding-top:9rem;
	padding-bottom:9rem;
}

.content_visual {
	margin-bottom:4.5rem;
}

.archive-list-type01 ul li.w32 {
	width:49%;
	margin-bottom:2rem;
}

.archive-list-type01 ul li .text-box h3 {
	display: inline-block;
	position: inherit;
	top: inherit;
	right: inherit;
	width: 100%;
}

.archive-list-type01 ul li .text-box h3 a {
	padding:1rem 0.75rem;
	border:none;
}

.bukken-midashi dt {
	padding-left:0;
}

.bukken-midashi, .archive-list-type02 ul li dl {
	padding-left:1.5rem;
}

.archive-list-type02 ul li dl dt {
	padding-left:1.9rem;
	text-indent:-1.9rem;
}

.archive-list-type02 ul li dl dd {
}

}

@media screen and (max-width: 680px) {
.archive-list-type01 ul li .img-box img {
  height: 160px;
}

}


/*よくある質問*/
.qa_wrapper section {
	margin-bottom:9rem;
}

dl.faq {
	width:100%;
	margin:0 auto !important;
	padding:3rem 2rem;
	border-bottom:1px dashed #DDD;
}

dl.faq:last-child,
dl.faq:first-child {
}

dl.faq dt {
	font-size:clamp(15px, 1.5vw, 18px);
	font-weight:normal;
	text-indent:-3.2rem;
	padding-left:3.2rem;
}

dl.faq dt:before {
    content: "Q.";
    margin-right:0.65rem;
	font-size:1.25em;
	font-weight:900;
	color:#243060;
}

dl.faq dd {
	margin-top:1.5rem;
	padding-left:3.5rem;
	position:relative;
}

dl.faq dd p {
    font-size: clamp(15px, 1.5vw, 18px) !important;
}

dl.faq dd:before {
	position:absolute;
	top:-0.4rem;
	left:0.15rem;
    content: "A.";
    margin-right:0.5rem;
	font-size:1.5em;
	font-weight:900;
	color:#243060;
}

dl.faq dd p {
	margin-bottom:0 !important;
}

@media screen and (max-width: 980px) {
dl.faq dd {
	padding-left:3.2rem;
}

dl.faq dd:before {
	font-size:1.25em;
}
}