@charset "utf-8";

/*------------------------------------------------------宮城スバル健康宣言------------------------------------------------------*/

/*------------------------
	ポップアップ関連
------------------------*/

.view img {
     cursor: zoom-in;
}

.modal-wrapper {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.5);
     pointer-events: none;
     opacity: 0;
     transition: 0.25s ease-out;
     z-index: 9998;
}

.modal-wrapper.show {
     opacity: 1;
     pointer-events: all;
}

.modal-image {
     position: absolute;
     max-width: 90%;
     max-height: 90%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     object-fit: contain;
     opacity: 0;
     transition: 0.5s ease-out;
     z-index: 9999;
     cursor: zoom-out;
}

.modal-image.show {
     opacity: 1;
}

/*------------------------
	ページ共通
------------------------*/

main.csr h2 {
	color: #0E79D6;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.7;
}

main.csr h3{
	font-size: 1.3rem;
    letter-spacing: 1px;
    line-height: 1.7;	
}

main.csr p.right{
	margin: 3% 0 0 0;
	text-align: right;
}

main.csr .w40{
	width: 40%;
	margin: 2% auto;
}

main.csr .w45{
	width: 45%;
	margin: 2% auto;
}

main.csr .w55{
	width: 55%;
	margin: 2% auto;
}

main.csr .w65{
	width: 65%;
	margin: 2% auto;
}

main.csr .w70{
	width: 70%;
	margin: 2% auto;
}

main.csr .w75{
	width: 75%;
	margin: 2% auto;
}

main.csr .w80{
	width: 80%;
	margin: 2% auto;
}

main.csr .w85{
	width: 85%;
	margin: 2% auto;
}

/*------------------------
	打ち消し
------------------------*/

main.csr p span {
    font-size: inherit;
    display: inline;
    margin: 0;
}

main.csr dl{
	display: flex;
	flex-direction: column;
	gap:10px 0;
}

main.csr dl div{
	display: flex;
	flex-direction: column;
	border: none;
	padding: 0;
}

main.csr dl div dt,main.csr dl div dd{
	width: 100%;
}

main.csr .images{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap:10px 15px;
	margin: 1% 0;
}

main.csr .images figure{
	width: calc( (100% - 30px ) / 3);
}

main.csr span{
	font-weight: 500;
	font-size: 1.1rem;
}

/*------------------------
	経営理念・方針
------------------------*/

main.csr .rinen .msg,main.csr .rinen span{
	font-weight: 500;
	font-size: 1.1rem;
}


/*------------------------
	健康経営の目的
------------------------*/

main.csr dl{
	margin: 2% 0 0 0;
}

main.csr dl dt{
	font-weight: 500;
	font-size: 1.1rem;
}

/*------------------------
	健康経営の推進体制
------------------------*/

main.csr .kekka ol{
	list-style-type: none;
	display: flex;
	flex-direction: column;
	gap:20px 0;
}

main.csr .kekka ol h4{
	font-size: 1.1rem;
	font-weight: 500;
	margin: 0 0 0.5% 0;
}

main.csr .kekka dt{
	color: #0E79D6;
}

/*------------------------
	健康経営の取り組みによる効果
------------------------*/

main.csr .koka h4{
	font-size: 1.1rem;
	color: #0E79D6;
	margin: 0 0 1% 0;
}


@media screen and (max-width: 480px) {
main.csr .w40,main.csr .w45,main.csr .w55,main.csr .w65,main.csr .w70,main.csr .w75,main.csr .w80,main.csr .w85{
	width: 100%;
	margin: 2% auto;
}
main.csr .images{
	gap:7px 10px;
	margin: 2% 0;
}
main.csr .images figure{
	width: calc( (100% - 20px ) / 2);
}

}