@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;900&display=swap');

.infoCol{
    max-width:1920px;
    margin:0 auto;
    padding-bottom:92px;
    background-image:url(../images/common/pattern/bg_circle_right.png),url(../images/common/pattern/bg_circle_left.png),url(../images/common/pattern/bg_grid.png);
    background-repeat:repeat-y, repeat-y, repeat;
    background-position:top 350px right, top 180px left, top center
    }
@media screen and (max-width: 1024px){
    .infoCol{
        background-position:top 350px right, top 230px left, top center;
        background-size:24%, 24%, auto
        }
    }
@media screen and (max-width: 768px){
    .infoCol{padding-bottom:66px}
    }
.infoCol h2{
    position:relative;
    height:226px;
    overflow:hidden
    }
@media screen and (max-width: 768px){
    .infoCol h2{
        position:static;
        height:auto;
        overflow:visible
        }
    }
.infoCol h2 img{
    position:absolute;
    top:50%;
    left:50%;
    width:1920px;
    height:226px;
    margin-top:-113px;
    margin-left:-960px
    }
@media screen and (max-width: 768px){
    .infoCol h2 img{
        position:static;
        margin:0;
        width:100%;
        height:auto
        }
    }
.infoCol .infoMenu{
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:
    center;
    justify-content:center;
    padding:15px;
    background-color:#fff;
    box-shadow:0 10px 7px -7px rgba(0,0,0,0.2),0 -10px 7px -7px rgba(0,0,0,0.2);
    position:relative
}
@media screen and (max-width: 768px){
    .infoCol .infoMenu{
        padding:1.95vw
        }
    }
.infoCol .infoMenu li{
    margin:15px;
    text-align:center;
    line-height:1.0;
    width:200px
}
@media screen and (max-width: 768px){
    .infoCol .infoMenu li{
        margin:1.95vw;width:100%
        }
    }
.infoCol .infoMenu li a{
    color:#4b4b4b;
    font-size:16px;
    background-color:#fff;
    display:block;
    padding:12px 0;
    border:solid 1px #4b4b4b;box-sizing:
    border-box
    }
@media screen and (max-width: 768px){
    .infoCol .infoMenu li a{
        font-size:14px;
        padding:10px 0;
        width:auto
        }
    }
@media screen and (min-width: 1024px){
    .infoCol .infoMenu li a:hover{
        background:linear-gradient(to right, #ed2b00 0%, #f76b00 30%, #fc8400 70%, #f90 100%);
        color:#fff;
        border:none;
        padding:13px 1px
        }
    }
.infoCol .infoCommonCol{
    max-width:1260px;
    margin:50px auto 0
    }
@media screen and (max-width: 1024px){
    .infoCol .infoCommonCol{
        margin:30px auto 0
        }
    }
@media screen and (max-width: 768px){
    .infoCol .infoCommonCol{
        margin:6.5vw auto 0
        }
    }
.infoCol .infoCommonCol .infoCommonColInner{
    margin:0 50px;
    background-color:rgba(255,255,255,0.8);
    padding:50px
    }
@media screen and (max-width: 1024px){
    .infoCol .infoCommonCol .infoCommonColInner{
        margin:0 30px;
        padding:30px
        }
    }
@media screen and (max-width: 768px){
    .infoCol .infoCommonCol .infoCommonColInner{
        margin:0 3.9vw;
        padding:6.5vw 2.6vw
        }
    }
.infoCol .infoCommonCol .infoCommonColInner h3{
    text-align:center;
    margin-bottom:47px;
    line-height:0
    }
.infoCol .infoCommonCol .infoCommonColInner h3 img{
    max-width:100%
    }
@media screen and (max-width: 1024px){
    .infoCol .infoCommonCol .infoCommonColInner h3{
        margin-bottom:30px
        }
    }
@media screen and (max-width: 768px){
    .infoCol .infoCommonCol .infoCommonColInner h3{
        margin-bottom:6.5vw
        }
    .infoCol .infoCommonCol .infoCommonColInner h3 img{
        max-width:96%
        }
    }
.infoCol .greetCol .infoCommonColInner .catch{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 900;
    font-style: Black;
    color:#ff7c00;
    font-size:30px;
    line-height:1.3;
    text-align:center;
    margin-bottom:40px
    }
@media screen and (max-width: 1024px){
    .infoCol .greetCol .infoCommonColInner .catch{
        margin-bottom:30px
        }
    }
@media screen and (max-width: 768px){
    .infoCol .greetCol .infoCommonColInner .catch{
        font-size:18px;
        margin-bottom:3.9vw
        }
    }
.infoCol .greetCol .infoCommonColInner .greetContent{
    overflow:hidden
    }
@media screen and (max-width: 768px){
    .infoCol .greetCol .infoCommonColInner .greetContent{
        overflow:visible
        }
    }
.infoCol .greetCol .infoCommonColInner .greetContent .greetImg{
        float:none;
        display:block;
        margin:0 auto;
        width:60%
    }
@media screen and (max-width: 1024px){
    .infoCol .greetCol .infoCommonColInner .greetContent .greetImg{
        float:none;
        display:block;
        margin:0 auto;
        width:60%
        }
    }
@media screen and (max-width: 768px){
    .infoCol .greetCol .infoCommonColInner .greetContent .greetImg{
        float:none;
        display:block;
        margin:0 auto;
        width:100%
        }
    }
.infoCol .greetCol .infoCommonColInner .greetContent .greetImg img{
    max-width:100%
    }
.infoCol .greetCol .infoCommonColInner .greetContent .greetText{
    margin-top:-24px
    }
@media screen and (max-width: 768px){
    .infoCol .greetCol .infoCommonColInner .greetContent .greetText{
        margin-top:0px
        }
    }
.infoCol .greetCol .infoCommonColInner .greetContent .greetText p{
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 400;
    font-style: normal;
    font-size:16px;
    color:#4b4b4b;
    text-align:  center;
    line-height:1.5;
    margin-top:24px
    }
@media screen and (max-width: 768px){
    .infoCol .greetCol .infoCommonColInner .greetContent .greetText p{
        font-size:14px;
        line-height:1.4;
        margin-top:20px
        }
    }
@media screen and (min-width: 768px){
    .br-sp {
        display: none
        }
    }

.infoCol .greetCol .infoCommonColInner .greetContent .greetText font{
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 900;
    font-style: normal;
    font-size:17px;
    }


.infoCol .newsCol .infoCommonColInner .catch{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 900;
    font-style: Black;
    color:#ff7c00;
    font-size:30px;
    line-height:1.3;
    text-align:center;
    margin-bottom:40px
    }
@media screen and (max-width: 1024px){
    .infoCol .newsCol .infoCommonColInner .catch{
        margin-bottom:30px
        }
    }
@media screen and (max-width: 768px){
    .infoCol .newsCol .infoCommonColInner .catch{
        font-size:18px;
        margin-bottom:3.9vw
        }
    }
.infoCol .newsCol .infoCommonColInner .newsContent{
    overflow:hidden
    }
@media screen and (max-width: 768px){
    .infoCol .newsCol .infoCommonColInner .newsContent{
        overflow:visible
        }
    }
.infoCol .newsCol .infoCommonColInner .newsContent .newsImg{
        float:none;
        display:block;
        margin:0 auto;
        width:60%
    }
@media screen and (max-width: 1024px){
    .infoCol .newsCol .infoCommonColInner .newsContent .newsImg{
        float:none;
        display:block;
        margin:0 auto;
        width:60%
        }
    }
@media screen and (max-width: 768px){
    .infoCol .newsCol .infoCommonColInner .newsContent .newsImg{
        float:none;
        display:block;
        margin:0 auto;
        width:100%
        }
    }
.infoCol .newsCol .infoCommonColInner .newsContent .newsImg img{
    max-width:100%
    }
.infoCol .newsCol .infoCommonColInner .newsContent .newsText{
    margin-top:-24px
    }
@media screen and (max-width: 768px){
    .infoCol .newsCol .infoCommonColInner .newsContent .newsText{
        margin-top:0px
        }
    }
.infoCol .newsCol .infoCommonColInner .newsContent .newsText p{
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 400;
    font-style: normal;
    font-size:16px;
    color:#4b4b4b;
    text-align:  center;
    line-height:1.5;
    margin-top:24px
    }
@media screen and (max-width: 768px){
    .infoCol .newsCol .infoCommonColInner .newsContent .newsText p{
        font-size:14px;
        line-height:1.4;
        margin-top:20px
        }
    }
@media screen and (min-width: 768px){
    .br-sp {
        display: none
        }
    }

.infoCol .newsCol .infoCommonColInner .newsContent .newsText font{
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 900;
    font-style: normal;
    font-size:17px;
    }

.infoCol .overviewCol .infoCommonColInner dl{
    max-width:1000px;
    margin:0 auto;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    color:#4b4b4b;
    line-height:1.6;
    font-size:16px;
    padding-bottom:10px
    }
.infoCol .overviewCol .infoCommonColInner dl dt{
    width:calc(30% - 48px);
    border-bottom:1px solid #ff7c00;
    padding:24px;
    font-weight:700
    }
@media screen and (max-width: 768px){
    .infoCol .overviewCol .infoCommonColInner dl dt{
        padding:2.6vw;
        width:calc(30% - 5.2vw);
        font-size:14px
        }
    }
.infoCol .overviewCol .infoCommonColInner dl dt:first-of-type{
    border-top:1px solid #ff7c00
    }
.infoCol .overviewCol .infoCommonColInner dl dd{
    width:calc(70% - 48px);
    border-bottom:1px solid #c3c3c3;
    padding:24px
    }
@media screen and (max-width: 768px){
    .infoCol .overviewCol .infoCommonColInner dl dd{
        padding:2.6vw;
        width:calc(70% - 5.2vw);
        font-size:14px
        }
    }
.infoCol .overviewCol .infoCommonColInner dl dd:first-of-type{
    border-top:1px solid #c3c3c3
    }
.infoCol .overviewCol .infoCommonColInner dl dd a{
    color:#ed2b00;
    text-decoration:underline
    }
.infoCol .mapCol .infoCommonColInner .mapContent{
    max-width:1000px;
    margin:0 auto;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
    }
@media screen and (max-width: 768px){
    .infoCol .mapCol .infoCommonColInner .mapContent{
        display:block;padding:0 2.6vw
        }
    }
.infoCol .mapCol .infoCommonColInner .mapContent .gmap{
    margin-right:30px;
    width:calc(53.5% - 17px);
    max-width:482px;
    overflow:hidden;
    border:solid 1px #ff7c00
    }
@media screen and (max-width: 768px){
    .infoCol .mapCol .infoCommonColInner .mapContent .gmap{
        width:100%;
        max-width:100%;
        margin:0 auto 3.9vw
        }
    }
.infoCol .mapCol .infoCommonColInner .mapContent .gmap .gmapInner{
    position:relative;
    width:100%;
    padding-top:75%
    }
.infoCol .mapCol .infoCommonColInner .mapContent .gmap .gmapInner iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
    }
.infoCol .mapCol .infoCommonColInner .mapContent dl{
    width:calc(46.5% - 15px);
    max-width:388px;
    margin-bottom:-30px
    }
@media screen and (max-width: 768px){
    .infoCol .mapCol .infoCommonColInner .mapContent dl{
        margin-bottom:-3.9vw;
        width:100%;
        max-width:100%
        }
    }
.infoCol .mapCol .infoCommonColInner .mapContent dl dt{
    border-left:solid 6px #ff7c00;
    color:#ff7c00;
    line-height:1.2;
    padding-left:6px;
    font-size:16px;
    margin-bottom:10px
    }
@media screen and (max-width: 768px){
    .infoCol .mapCol .infoCommonColInner .mapContent dl dt{
        font-size:14px;
        margin-bottom:6px
        }
    }
.infoCol .mapCol .infoCommonColInner .mapContent dl dd{
    margin-bottom:30px;
    display:block;
    width:100%;
    font-size:16px
    }
@media screen and (max-width: 768px){
    .infoCol .mapCol .infoCommonColInner .mapContent dl dd{
        font-size:14px;
        margin-bottom:3.9vw
        }
    }
.infoCol .noticeCol .note{
    color:#4b4b4b;
    font-size:16px;
    line-hieght:1.5;
    margin-bottom:30px
    }
@media screen and (max-width: 768px){
    .infoCol .noticeCol .note{
        font-size:14px;
        margin-bottom:3.9vw
        }
    }
.infoCol .noticeCol ul li{
    margin-top:16px
    }
@media screen and (max-width: 768px){
    .infoCol .noticeCol ul li{
        margin-top:10px
        }
    }
.infoCol .noticeCol ul li i{
    color:#ed2b00
    }
.infoCol .noticeCol ul li:first-child{
    margin-top:0
    }
.infoCol .noticeCol ul li a{
    font-size:16px;
    color:#ed2b00;
    text-decoration:underline
    }
@media screen and (max-width: 768px){
    .infoCol .noticeCol ul li a{
        font-size:14px
        }
    }
.infoCol .noticeCol ul li p{
    color:#4b4b4b;
    font-size:14px
    }
@media screen and (max-width: 768px){
    .infoCol .noticeCol ul li p{
        font-size:12px
        }
    }
.infoCol .historyCol .infoCommonColInner dl{
    margin:0 auto;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    color:#4b4b4b;
    line-height:1.6;
    font-size:16px;
    padding-bottom:10px
    }
@media screen and (max-width: 768px){
    .infoCol .historyCol .infoCommonColInner dl{
        margin-top:-2.6vw
        }
    }
.infoCol .historyCol .infoCommonColInner dl dt{
    width:calc(22% - 48px);
    border-bottom:1px solid #ff7c00;
    padding:24px;
    font-weight:700
    }
@media screen and (max-width: 768px){
    .infoCol .historyCol .infoCommonColInner dl dt{
        padding:2.6vw;
        width:calc(22% - 5.2vw);
        font-size:14px
        }
    }
@media screen and (max-width: 600px){
    .infoCol .historyCol .infoCommonColInner dl dt{
        width:calc(80px - 5.2vw);
        font-size:12px
        }
    }
.infoCol .historyCol .infoCommonColInner dl dt:first-of-type{
    border-top:1px solid #ff7c00
    }
.infoCol .historyCol .infoCommonColInner dl dt .brSp{
    display:none
    }
@media screen and (max-width: 600px){
    .infoCol .historyCol .infoCommonColInner dl dt .brSp{
        display:block
        }
    }
.infoCol .historyCol .infoCommonColInner dl dd{
    width:calc(78% - 48px);
    border-bottom:1px solid #c3c3c3;
    padding:24px
    }
@media screen and (max-width: 768px){
    .infoCol .historyCol .infoCommonColInner dl dd{
        padding:2.6vw;
        width:calc(78% - 5.2vw);
        font-size:14px
        }
    }
@media screen and (max-width: 600px){
    .infoCol .historyCol .infoCommonColInner dl dd{
        font-size:12px;
        width:calc(100% - 80px - 5.2vw)
        }
    }
.infoCol .historyCol .infoCommonColInner dl dd:first-of-type{
    border-top:1px solid #c3c3c3
    }
.infoCol .historyCol .infoCommonColInner dl dd a{
    color:#ed2b00;
    text-decoration:underline
    }
.infoCol .privacyCol p{
    font-size:16px;
    color:#4b4b4b
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol p{
        font-size:14px
        }
    }
.infoCol .privacyCol ol{
    font-size:16px;
    color:#4b4b4b
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol ol{
        font-size:14px
        }
    }
.infoCol .privacyCol ul{
    font-size:16px;
    color:#4b4b4b
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol ul{
        font-size:14px
        }
    }
.infoCol .privacyCol .firstText{
    margin-bottom:30px
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .firstText{
        margin-bottom:3.9vw
        }
    }
.infoCol .privacyCol .privacyList{
    margin-bottom:50px
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .privacyList{
        margin-bottom:6.5vw
        }
    }
.infoCol .privacyCol .privacyList ol{
    margin-bottom:30px;
    padding-left:2em
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .privacyList ol{
        margin-bottom:3.9vw
        }
    }
.infoCol .privacyCol .privacyList ol li{
    margin-top:30px
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .privacyList ol li{
        margin-top:3.9vw
        }
    }
.infoCol .privacyCol .privacyList ol li:first-child{
    margin-top:0
    }
.infoCol .privacyCol .privacyList .name{
    text-align:right
    }
.infoCol .privacyCol .privacyList2{
    margin-bottom:50px
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .privacyList2{
        margin-bottom:6.5vw
        }
    }
.infoCol .privacyCol .privacyList2 ul{
    list-style:disc;
    margin-bottom:50px;
    padding-left:2em
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .privacyList2 ul{
        margin-bottom:6.5vw
        }
    }
.infoCol .privacyCol .privacyList2 ul li{
    margin-top:30px
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .privacyList2 ul li{
        margin-top:3.9vw
        }
    }
.infoCol .privacyCol .privacyList2 ul li a{
    color:#ed2b00;
    text-decoration:underline
    }
.infoCol .privacyCol .privacyList2 .textCenter{
    text-align:center;
    margin-bottom:50px
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .privacyList2 .textCenter{
        margin-bottom:6.5vw
        }
    }
.infoCol .privacyCol .privacyList2 .address{
    padding-left:2em
    }
.infoCol .privacyCol .note{
    font-size:14px;
    margin-bottom:50px
    }
@media screen and (max-width: 768px){
    .infoCol .privacyCol .note{
        font-size:12px;
        margin-bottom:6.5vw
        }
    }
.infoCol .privacyCol .lastText{
    text-align:right
    }

/*# sourceMappingURL=maps/info.css.map */