.mainImage{
	width: 100%;
	height: 0;
	padding-top: calc(520 / 1280 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 24px;
	position: relative;
	margin-bottom: 56px;
}
#welfare{background-image: url(../images/outline/imgWelfare1280.jpg);}
#youkou{background-image: url(../images/outline/imgOutline1280.jpg);}
#outlineC{background-image: url(../images/outline/imgOutlineC1280.jpg);}
#container h2{border-bottom: #004098 solid 3px; padding-bottom: 4px; margin-bottom: 14px; font-size: 20px; font-weight: 600;}

.boxFaq{}
.boxFaq h3{cursor: pointer;}
.boxFaq h3::before{content: "Ｑ：";}
.boxFaq h3+div {display: none; background-color: #f1fafe; padding: 20px; margin-bottom: 1rem;}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#welfare{background-image: url(../images/outline/imgWelfare1280@2x.jpg);}
	#youkou{background-image: url(../images/outline/imgOutline1280@2x.jpg);}
	#outlineC{background-image: url(../images/outline/imgOutlineC1280@2x.jpg);}
}

/*==================
 ▼ブレイクポイントのルール▼
 -スマホを基本設計にする-
 *〜479px：SP縦
 *480px〜：SP横
 *600px〜タブレット
 *960px〜小型PC
 *1280px〜大型PC
==================*/

@media screen and (max-width:480px) { 
    /*　画面サイズが480pxまではここを読み込む　*/
	#container h2{font-size: 16px;}
}
@media screen and (min-width:480px) and ( max-width:600px) { 
/*　画面サイズが480pxからはここを読み込む　*/
}
@media screen and (min-width:600px) and ( max-width:960px) {
/*　画面サイズが600pxから960pxまではここを読み込む　*/
}
@media screen and (min-width:960px) and ( max-width:1140px) {
/*　画面サイズが960pxから1280pxまではここを読み込む　*/
}
@media screen and (min-width:1140px) {
/*　画面サイズが1280pxからはここを読み込む　*/
}