@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
base
#141977 青
#ED4549 赤
-----------------------------------------------*/

/*-----------------------------------------------
  menkai
-----------------------------------------------*/
#menkai .box {
padding: 40px;
border: 1px solid #141977;
}
#menkai h3 {
margin-top: 60px;
}
#menkai h4 {
padding: 0.25em 0.75em;
font-size: 1.2em;
font-weight: bold;
color: #141977;
background: #F0F0F0;
border-left: 4px solid #141977;
}
#menkai h4:not(:first-child) {
margin-top: 40px;
}
#menkai .tel {
display: flex;
flex-wrap: wrap;
margin: 5px 0;
font-size: 1.2em;
color: #141977;
}
#menkai .tel li {
font-weight: bold;
}
#menkai .tel li:not(:last-child) {
margin-right: 1em;
}
#menkai .tel span {
margin-right: 0.5em;
padding: 2px 0.5em 0 0.5em;
font-size: 0.8em;
font-weight: bold;
color: #FFF;
background: #141977;
border-radius: 4px;
}
#menkai .list1 {
margin-top: 15px;
}
#menkai .list1 > li {
position: relative;
margin: 0.25em 0;
padding-left: 1em;
text-align: justify;
}
#menkai .list1 > li::before {
content: "●";
position: absolute;
top: 0.75em;
left: 0.25em;
font-size: 0.5em;
color: #141977;
}
#menkai .list2 {
margin-top: 15px;
}
#menkai .list2 > li {
margin: 0.25em 0;
padding-left: 1em;
text-indent: -1em;
text-align: justify;
}
#menkai .note {
margin-top: 15px;
font-size: 0.85em;
}
#menkai .note > li {
margin: 0.25em 0;
padding-left: 1em;
text-indent: -1em;
text-align: justify;
}
#menkai .qr {
display: block;
margin: auto;
}
#menkai .link {
margin-top: 1em;
}
#menkai .link a {
position: relative;
display: block;
max-width: 18em;
padding: 1em 1em 1em 2em;
text-decoration: none;
color: #141977;
border: 1px solid #141977;
transition: 0.2s;
}
#menkai .link a::before {
content: "▶";
position: absolute;
left: 1.25em;
top: calc(50% - 0.65em);
font-size: 0.65em;
}
#menkai .link a:hover {
color: #FFF;
background: #141977;
}
@media (max-width: 800px) {
	#menkai .box {
	padding: 4%;
	}
	#menkai h3 {
	margin-top: 8%;
	}
	#menkai h4 {
	font-size: 1.1em;
	}
	#menkai h4:not(:first-child) {
	margin-top: 8%;
	}
}
