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

body {
    background-color: #eeeade;
}
#title {
    position: relative;
    background-image: url("../img/hd_bg.jpg");
    background-position: center bottom;
    background-size: cover;
    width: 100%;
}
#title h1 {
   
}
#title h1 img {
    width: 100%;
    max-width: 1300px;
}
.grad_w {
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
}
.tx1 {
    text-align: center;
    line-height: 0;
    margin-bottom: 2em;
}
.tx1 img {
    width: 70%;
}
.tx2 {
    text-align: center;
    line-height: 0;
}
.tx2 img {
    width: 50%;
}

.asub {
    text-align: center;
    margin-bottom: 3em;
}
.asub img {
    width: 100%;
}
.aimg_box1 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -3em;
}
.aimg_box1 ul li img {
    width: 100%;
}
.aimg_box1 ul li {
    width: 32%;
    margin-bottom: 3em;
}
.aimg_box1 ul li p {
    text-align: center;
    line-height: 1.4;
    font-size: 0.84em;
    margin-top: 0.5em;
}

.aimg_box2 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -1em;
}
.aimg_box2 ul li img {
    width: 100%;
}
.aimg_box2 ul li {
    width: 32%;
    margin-bottom: 1em;
}
.aimg_box2 ul li p {
    text-align: left;
    line-height: 1.4;
    font-size: 0.84em;
}

.tx3 {
    text-align: center;
    color: #004ea2;
    font-size: 1.4em;
    line-height: 1.4;
}

.tx3img {
    text-align: center;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1),rgba(255,255,255,0));
    padding: 3em 0;
}
.tx3img img {
    width: 50%;
}
.aimg_box3 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.aimg_box3 ul li img {
    width: 100%;
}
.aimg_box3 ul li {
    width: 25%;
}


.lmap {
    width: 100%;
}
.lmap img {
    width: 100%
}
.swiptx {
    display: none;
}

.site p {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.site p a {
    display: block;
    background-color: #666;
    color: #fff;
    line-height: 1;
    padding: 1em 0;
}


@media screen and (max-width: 960px) {
.tx3 {
    font-size: 1.24em;
}

.tx3img {
}
.tx3img img {
    width: 60%;
}
}

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

.tx1 {
    text-align: center;
    line-height: 0;
    margin-bottom: 1em;
}
.tx1 img {
    width: 90%;
}
.tx2 {
    text-align: center;
    line-height: 0;
}
.tx2 img {
    width: 80%;
}

.asub {
    text-align: center;
    margin-bottom: 2em;
}
.asub img {
    width: 100%;
}
.aimg_box1 ul {
    margin-bottom: -1em;
}
.aimg_box1 ul li img {
    width: 100%;
}
.aimg_box1 ul li {
    width: 48%;
    margin-bottom: 1em;
}
.aimg_box1 ul li p {
    font-size: 0.68em;
}

.aimg_box2 ul {
    margin-bottom: -1em;
}
.aimg_box2 ul li img {
    width: 100%;
}
.aimg_box2 ul li {
    width: 48%;
    margin-bottom: 1em;
}
.aimg_box2 ul li p {
    font-size: 0.68em;
}

.tx3 {
    text-align: left;
    color: #004ea2;
    font-size: 1.16em;
    line-height: 1.4;
}

.tx3img {
    padding: 2em 0;
}
.tx3img img {
    width: 90%;
}

.lmap {
    width: 100%;
    overflow: auto;
}
.lmap img {
    width: 600px !important;
}
.swiptx {
    display: block;
    margin-top: 10px;
    letter-spacing: 1px;
    text-indent: 1px;
    line-height: 1;
}


}