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

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



/*-----------------------------------------------
  shinryou
-----------------------------------------------*/

#main .shinryou {
max-width:660px;
margin:4em auto 0 auto;
padding:0 4%;
overflow:hidden;
}
#main .shinryou .tb01 {
width:100%;
margin-top:2em;
}

#main .shinryou .mynumber {
width: 100%;
margin-top: 2em;
}
#main .shinryou .mynumber dt {
font-size: 1.25em;
font-weight: bold;
text-align: center;
color:#141977;
overflow: hidden;
}
#main .shinryou .mynumber dt span {
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
font-weight: bold;
}
#main .shinryou .mynumber dt span:before,
#main .shinryou .mynumber dt span:after {
position: absolute;
top: 50%;
content: "";
width: 100%;
height: 2px;
background: #141977;
}
#main .shinryou .mynumber dt span:before {
right: 100%;
}
#main .shinryou .mynumber dt span:after {
left: 100%;
}
#main .shinryou .mynumber dd {
margin-top: 0.5em;
}

#main .shinryou .contact {
width:100%;
text-align:center;
margin-top:2em;
color:#141977;
}
#main .shinryou .contact dt {
padding:0.5em 1em;
border:1px solid #141977;
}
#main .shinryou .contact dd {
font-size:1.5em;
line-height:1.25;
}
#main .shinryou .contact dd.tel {
margin-top:0.5em;
}
#main .shinryou .contact dd.tel span {
font-size:2em;
font-weight:bold;
}
#main .shinryou .contact dd.tel a {
color:#141977;
}


@media (max-width:640px) {
	#main .shinryou .ph {
	float:none;
	width:100%;
	}
	#main .shinryou .tb01 {
	width:100%;
	}

	#main .shinryou .mynumber dt {
	font-size: 1em;
	}

	#main .shinryou .contact {
	width:100%;
	}
	#main .shinryou .contact p {
	font-size:1.2em;
	}
	#main .shinryou .contact p span {
	font-size:1.8em;
	}
}


/*-----------------------------------------------
  gaiyou
-----------------------------------------------*/

#main .gaiyou {
margin:4em auto 0 auto;
padding:2em 4%;
overflow:hidden;
background:#F1F1F1;
}
#main .gaiyou .kamoku {
margin:2em auto 0 auto;
text-align:center;
}
#main .gaiyou .kamoku th {
width:10em;
padding:0.25em 0;
text-align:left;
vertical-align:top;
}
#main .gaiyou .kamoku th:before {
content:"■";
color:#141977
}
#main .gaiyou .kamoku td {
padding:0.25em 0;
text-align:left;
vertical-align:top;
}

@media (max-width:640px) {
#main .gaiyou .kamoku th {
display:block;
margin-top:0.5em;
padding:0;
}
#main .gaiyou .kamoku td {
display:block;
padding:0;
}
}



/*-----------------------------------------------
  aisatsu
-----------------------------------------------*/


#about .aisatsu .inner {
display:flex;
flex-wrap:no-wrap;
flex-direction:row; /* 横並び逆順 */
justify-content:space-between; /* 左右均等 */
align-items:flex-start; /* 上揃い */
margin-top:2em;
color:#FFF;
background:#141977;
}
#about .aisatsu .ph {
width:35%;
}
#about .aisatsu p {
width:55%;
margin:4%;
}
#about .aisatsu p span {
font-size:1.5em;
}

@media (max-width:640px) {
#about .aisatsu .inner {
display:block;
padding:4%;
text-align:center;
}
#about .aisatsu .ph {
width:80%;
margin:0 auto;
}
#about .aisatsu p {
width:100%;
margin:1em 0 0 0;
}
}



/*-----------------------------------------------
  aside
-----------------------------------------------*/