@charset "utf-8";

/* メディアクエリ（768px）
---------------------------------------------------------*/

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

img.pc {
	display: none;
}

img.sp {
	display: block;
}


.service {
	flex-wrap: wrap;
}

.service div {
	width: 32%;
}

.service::after {
    content: "";
    display:block;
    width:32%;
}

/* */

.midasi {
	margin-top: 30px;
}

.midasi h3,
.midasi__page h3,
.midasi__b h3 {
	font-size: 16px;
}

/* */

#header,
main {
	padding: 0 20px;
}

hr.header {
	margin-bottom: 10px !important;
}

hr.footer {
	margin-bottom: 15px !important;
}

#header h1 {
	max-width: 415px !important;
	text-align:center;
	margin: 0 auto;
}

footer {
	padding: 20px 20px 0 20px;
}

#header,
footer {
	flex-wrap: wrap;
}

#header div,
footer div {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#header h2 p:nth-child(2) {
	margin-bottom: 20px;
}

footer h3 p:nth-child(2) {
	margin-bottom: 10px;
}

#header h2 p,
footer h3 p {
	font-size: 20px !important;
	text-align:center !important;
}

span.font__18 {
	font-size: 14px;
}

}

/* メディアクエリ（480px/スマホ）
---------------------------------------------------------*/

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

body {
	font-size: 14px;
}

}

/* メディアクエリ（印刷用/補足）
---------------------------------------------------------*/

@media print {
	
body {
-webkit-print-color-adjust: exact;
}

.printImg {
	display: block;
}

}