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

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



/*-----------------------------------------------
  service
-----------------------------------------------*/

#main .service {
max-width:1280px;
margin:4em auto 0 auto;
padding:0 4%;
}
#main .service p {
max-width:960px;
margin:0 auto;
}
#main .service .photo {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-top:2em;
}
#main .service li {
width:48%;
margin:1em 0;
box-sizing:border-box;
}
@media (max-width:640px) {
#main .service li {
width:100%;
margin:0.5em 0;
}
}



/*-----------------------------------------------
  service
-----------------------------------------------*/

#main .data {
max-width:1280px;
margin:4em auto 0 auto;
padding:0 4%;
}
#main .data .inner {
max-width:960px;
margin:0 auto;
}
#main .data .taishou {
margin-top:2em;
text-align:center;
}
#main .data .taishou li {
display:inline-block;
width:10.5em;
height:10.5em;
margin:0.25em;
font-size:0.85em;
text-align:center;
vertical-align:top;
color:#141977;
border:1px solid #141977;
border-radius:100%;
}
#main .data .taishou li span {
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
#main .data .photo {
display:block;
margin-top:2em;
overflow:hidden;
}
#main .data .photo li {
width:48%;
margin:0 auto;
}

#main .data .schedule {
width:100%;
max-width:800px;
margin:4em auto 0 auto;
text-align:center;
}
#main .data .schedule th {
padding:0.25em 1em;
border:1px solid #141977;
}
#main .data .schedule td {
padding:0.25em 1em;
border:1px solid #141977;
}
#main .data .schedule thead th {
color:#FFF;
background:#141977;
}

#main .data .contact {
width:100%;
max-width:800px;
margin:2em auto 0 auto;
text-align:center;
color:#141977;
}

#main .data .contact dt {
padding:0.25em 1em;
color:#141977;
border:1px solid #141977;
}
#main .data .contact dd {
font-size:1.5em;
line-height:1.25;
}
#main .data .contact .tel {
margin-top:0.5em;
}
#main .data .contact .tel span {
font-size:2em;
font-weight:bold;
}
#main .data .contact .tel a {
color:#141977;
}


@media (max-width:640px) {
#main .data .contact dd {
font-size:1.2em;
}
}




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