@charset "UTF-8";


.u-main{background: #fff;overflow: hidden;}
ul.fl{display: flex;justify-content: space-around;flex-wrap: wrap;padding: 2% 0;}
ul.fl li{width: 32%;}
p{margin: 0 0 20px;}
img{max-width: 100%;vertical-align: bottom;}

section{ padding: 20px 20px;}
.c_Head{ background: #1068b3;
    text-align: left;
    color: #ffffff;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 2.0em;
    letter-spacing: 0px;
    text-decoration: none;
    padding: 4px 11px;
    margin: 0 0 24px;}

h5{    text-align: left;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: normal;
    text-decoration: none;
    border-bottom: solid 1px #56c3da;
    margin: 12px 0px 15px 0px;}
h5 .inner{    border-left: solid 5px #56c3da;
    padding: 0 0 0 10px;}
p.nomal{text-align: left;
    color: #231815;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.8em;
    letter-spacing: -0.4px;
    text-decoration: none;}
.roukyuuka,.rousuijiko{display: flex;justify-content: space-around;align-items: center;}
.roukyuuka li:first-child,.rousuijiko li:first-child{width: 68%;}

.map{position: relative;}
.map_01{position: absolute;width: 51.5%;height: 8%;bottom: 15%;left: 42%;}
.map_02{position: absolute;width: 47.5%;height: 8%;bottom: 11%;left: 46%;}



@media screen and (max-width: 767px) {
    .u-main{width: 100%;}
    ul.fl{display: block;}
    ul.fl li{width: 96%;margin: auto;}
    ul.fl img{display: block;margin: auto;}
.roukyuuka,.rousuijiko{display: block;}
.roukyuuka li:first-child,.rousuijiko li:first-child{width: 100%;}
    .roukyuuka img,.rousuijiko img{display: block;margin: 0 auto 20px;max-width: 100%;}
}