@charset "UTF-8";
/* コンテンツ */


.bg2 {
    background-color: #ebf3fa;
}
.bg1 {
    background-color: #60b0e0;
    color: #fff;
}

.tx1 {
    text-align: center;
    font-size: 1.16em;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
    line-height: 2;
    font-weight: 500;
    margin-bottom: 3em;
}
.lf_box {
    
}
.lf_box ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -2em;
}
.lf_box ul li {
    width: 23%;
    margin-bottom: 2em;
}
.lf_box ul li img {
    width: 100%;
}
.lf_box ul li p {
    font-size: 0.76em;
    line-height: 1.5;
    margin-top: 0.5em;
}

.acmap {
    position: relative;
    z-index: 1;
}
.acmap img {
    width: 100%;
}

.leaflet-container {
	background: #fff !important;
	outline-offset: 0 !important;
}
/*.leaflet-left .leaflet-control {
  margin-left: 0 !important;
}
.leaflet-top .leaflet-control {
  margin-top: 0 !important;
}*/

.tr_box ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -2em;
}
.tr_box ul li img {
    width: 100%;
}
.tr_box ul li {
    width: 30%;
    margin-bottom: 2em;
}

.copy2 {
    font-size: 1em;
    text-align: center;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
    line-height: 2;
}
.img2 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -3em;
}
.img2 ul li {
    width: 30%;
    margin-bottom: 3em;
}
.img2 ul li img {
    width: 100%;
}
.img2 ul li figure {
    border-left: 1px solid #11445f;
    border-right: 1px solid #11445f;
}
.img2 ul li section {
    padding: 0.7em;
    background-color: #fff;
}
.img2 ul li h3 {
    font-size: 1.08em;
    line-height: 1.5;
    margin-bottom: 0.3em;
    color: #00709c;
    font-weight: 500;
}
.img2 ul li p {
    font-size: 0.92em;
    line-height: 1.5;
    text-align: justify !important;
    text-justify: inter-ideograph;
}
.exlink {
    margin-top: 1em;
}
.exlink a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 3.4em;
    background: linear-gradient(to right, #fff, #d2f3fe);
    border: 2px solid #11445f;
    color: #11445f;
    border-radius: 2em;
    font-size: 0.84em;
    line-height: 1.3;
    transition: all 0.3s;
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.3));
}
.exlink a:hover {
    opacity: 0.6;
}

.img1 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -3em;
}
.img1 ul li {
    width: 30%;
    margin-bottom: 3em;
}
.img1 ul li img {
    width: 100%;
}
.img1 ul li h3 {
    font-size: 1.08em;
    line-height: 1.5;
    margin-top: 0.6em;
    margin-bottom: 0.3em;
    font-weight: 500;
}
.img1 ul li p {
    font-size: 0.92em;
    line-height: 1.5;
    text-align: justify !important;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1200px) {
.tr_box ul li {
    width: 47%;
}
}

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

.tx1 {
    font-size: 1em;
    margin-bottom: 3em;
}
.lf_box {
    
}
.lf_box ul {
    margin-bottom: -2em;
}
.lf_box ul li {
    width: 30%;
    margin-bottom: 2em;
}
.lf_box ul li p {
    font-size: 0.76em;
    line-height: 1.5;
    margin-top: 0.5em;
}

.img2 ul {
    margin-bottom: -3em;
}
.img2 ul li {
    width: 47%;
    margin-bottom: 3em;
}
.img2 ul li section {
    padding: 0.7em;
}
.img2 ul li h3 {
    font-size: 1em;
}
.img2 ul li p {
    font-size: 0.84em;
}
.exlink {
    margin-top: 1em;
}
.exlink a {
    height: 3.4em;
    font-size: 0.84em;
}

.img1 ul {
    margin-bottom: -3em;
}
.img1 ul li {
    width: 47%;
    margin-bottom: 3em;
}
.img1 ul li h3 {
    font-size: 1em;
}
.img1 ul li p {
    font-size: 0.84em;
}

.copy2 {
    font-size: 1em;
    text-align: left;
    text-indent: 0;
    text-align: justify !important;
    text-justify: inter-ideograph;
}

}


@media screen and (max-width: 520px) {
.tx1 {
    font-size: 3.5vw;
    margin-bottom: 3em;
}
.lf_box {
    
}
.lf_box ul {
    margin-bottom: -2em;
}
.lf_box ul li {
    width: 47%;
    margin-bottom: 2em;
}
.lf_box ul li p {
    font-size: 0.76em;
    line-height: 1.5;
    margin-top: 0.5em;
}

.tr_box ul li {
    width: 100%;
}

.img2 ul {
    margin:0 5% -3em;
}
.img2 ul li {
    width: 100%;
    margin-bottom: 3em;
}
.img2 ul li section {
    padding: 0.7em;
}
.img2 ul li h3 {
    font-size: 1em;
}
.img2 ul li p {
    font-size: 0.84em;
}
.exlink {
    margin-top: 1em;
}
.exlink a {
    height: 3.4em;
    font-size: 0.84em;
}

.img1 ul {
    margin:0 5% -3em;
}
.img1 ul li {
    width: 100%;
    margin-bottom: 3em;
}
.img1 ul li h3 {
    font-size: 1em;
}
.img1 ul li p {
    font-size: 0.84em;
}

.copy2 {
    font-size: 0.92em;
}

}