@charset "utf-8";
#ctt > .sec + .sec{margin-top:6em}

.map-info{margin-top:3em}
.map-info__item:after{content:''; display:block; clear:both}
.map-info__item + .map-info__item{margin-top:3em}
.map-info__item-tit{float:left; width:30%; color:#0097af}
.map-info__item-tit span{position:relative; display:block; padding-left:.5em; font-size:3rem; font-weight:700}
.map-info__item-tit span:before{content:''; position:absolute; left:0; top:6px; bottom:-3px; width:6px; background:#0097af}
.map-info__item-tit p{margin-top:1em; font-size:1.5rem}
.map-info__item-list{float:left; margin-left:1em; width:calc(70% - 1em); border-top:1px solid #333; box-sizing:border-box}
.map-info__item-list .tit-paragraph dt{width:25%; min-width:200px; text-align:left}

.sec:nth-child(3) .img-float-box{height:437px}
.sec:nth-child(3) .img-float-box:first-child{margin-right:1.5em; width:calc(60% - 1.5em)}
.sec:nth-child(3) .img-float-box:last-child{width:40%}

.sec4,
.sec5{padding-top:3em; border-top:1px solid #ddd}
.sec4 .title-wrap,
.sec5 .title-wrap{margin-bottom:1.5em}
.sec4 .text .img-float-box,
.sec5 .text .img-float-box{display:block; height:auto; word-break:keep-all; line-height:1.7}
.sec4 .text .img-float-box:first-child,
.sec5 .text .img-float-box:first-child{width:40%; font-size:1.5rem}
.sec4 .text .img-float-box:last-child,
.sec5 .text .img-float-box:last-child{margin-left:2em; width:calc(60% - 2em); font-size:1.125rem}
.sec4 .text .img-float-box:last-child p,
.sec5 .text .img-float-box:last-child p{word-break:keep-all; color:#666}
.sec4 .text .img-float-box:last-child p + p,
.sec5 .text .img-float-box:last-child p + p{margin-top:1.5em}
.sec4 .image,
.sec5 .image{margin-bottom:2em}
.sec4 .image .img-float-box,
.sec5 .image .img-float-box{margin-bottom:1.5em; height:437px}
.sec4 .image .img-float-box .img-info,
.sec5 .image .img-float-box .img-info{position:absolute; bottom:-1.5em; color:#999}

.sec4 .image .img-float-box:first-child{margin-right:1.5em; width:calc(60% - 1.5em)}
.sec4 .image .img-float-box:last-child{position:relative; width:40%}

.sec5 .image .img-float-box{position:relative; margin-right:1.5em; width:calc((100% - 4.5em) / 4); height:437px}
.sec5 .image .img-float-box:last-child{margin-right:0}
@media screen and (max-width:1000px){
    #ctt > .sec + .sec{margin-top:3em}
    .map-info__item-tit,
    .map-info__item-list{float:none; width:100%}
    .map-info__item-list{margin:1em 0 0}

    .sec:nth-child(3) .img-float-box{width:100% !important}
    .sec:nth-child(3) .img-float-box + .img-float-box{margin-top:10px}

    .sec4 .image .img-float-box{float:left}
    .sec4 .text .img-float-box:first-child,
    .sec5 .text .img-float-box:first-child{width:100%; min-height:auto; line-height:1.5}
    .sec4 .text .img-float-box:last-child,
    .sec5 .text .img-float-box:last-child{margin:10px 0 0; width:100%; min-height:auto}
    .sec4 .text .img-float-box:last-child p + p,
    .sec5 .text .img-float-box:last-child p + p{margin-top:1em}

    .sec5 .title-wrap{margin-bottom:0}
    .sec5 .image .img-float-box{float:left; margin-top:1.5em; width:calc((100% - 1.5em) / 2)}
    .sec5 .image .img-float-box:nth-child(even){margin-right:0}
}
@media screen and (max-width:600px){
    .sec5 .image .img-float-box{margin-right:0; width:100%; background-size:contain; background-position:left}
}