@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : layout.css
Description : レイアウト用CSS
===================================================================== */

@media print {
	.image {
		display: none;
	}

	.gard img {
		display: none;
	}
}
/* ==========================================================
	共通
========================================================== */
a{
	text-decoration: none;
	color: #fff !important;
	font-size: 1.5em;
	display: block;
	background-color: #0075c2;
	width: fit-content;
	margin: 0 auto;
	font-weight: bold;
	padding: 1rem 2rem;
	letter-spacing: 0.1em;
	transition : all 0.3s;
}
a:hover{
	opacity: 0.7;
}
img{
	width: 100%;
}
/*メインビジュアル背景*/
.mv {
	background-color: #f5ecd9;
	/*	画像はこちら↓ */
		/* background: url(../images/bg.png) repeat center; */
}

.wrapper section:not(:last-child) {
    border-bottom: 1px solid #fff;
}
.ttl_h2:before{
    background-color: #0075c2;
}
/* ==========================================================
	コンテンツ
========================================================== */

/*コンテンツ外側の背景*/
#main {
	background-color: #f5ecd9;
    /*	画像はこちら↓ */
    	/* background: url(../images/bg.png) repeat center; */
}

/*コンテンツ背景*/
.contents {
	background-color: #fff;
}
h2{
	font-weight: bold;
}
p{	display: inline;
	line-height: 2;
}
.explanation dt{
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 0.2em;
	background-color: #0075c2;
	padding: 0.3rem 0.5rem;
	width: fit-content;
	color: #fff;
	margin-bottom: 0.5rem;
}
.explanation dd{
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #0075c2;
	margin-bottom: 2rem;
}


.staff_list1 dl, .staff_list2 dl{
	display: block;
}

.staff_list1 dd, .staff_list2 dd{
color: #000;
}

/* 画像ガード */
 .image {
	position: relative;
	display: inline-block;
	pointer-events: none;
}
.gard img {
		pointer-events: none;
}

.image::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-color: transparent;
	position: absolute;

	top: 0;
	left: 0;
}