.under.coordinates .wrap::before{
    content: none;
}
.section_top{
    padding-top: 125px;
}
.h2_ttl{
    font-size: 70px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 45px;
}
.h2_ttl img {
    max-height: 180px;
}
.box_info{
    max-width: 780px;
}
.box_info .ttl{
    font-weight: bold;
    margin-bottom: 20px;
}
.bg1{
    background: #2D4C54;
}
.bg2{
    background: #BB7F59;
}
.bg3{
    background: #D0AA50;
}
.bg4{
    background: #496674;
}
.detil_map{
    position: relative;
}
.box_map{
    width: 100%;
    position: relative;
    height: 69.1vw;
    background: url(../coordinates/images/map.png) no-repeat top center/100% auto;
}
@media print, screen and (min-width: 769px){
    .flag{
        position: absolute;
        border-left: 2px solid #1A1311;
        color: #fff;
    }
    .flag::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: -0.26vw;
        width: 0.417vw;
        height: 0.417vw;
        border-radius: 50%;
        background: #1A1311;
    }
    .flag.f_even{
        border-left: none;
        border-right: 2px solid #1A1311;
    }
    .flag.f_even::before{
        left: auto;
        right: -0.26vw;
    }

    .flag > a{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    .flag .info{
        position: relative;
        padding: 0.212vw 0.421vw 0.402vw 0.452vw;
        transition: all 0.2s ease;
        font-size: 0.885vw;
        cursor: pointer;
        line-height: 1;
        max-height: 28px;
    }
    .flag.f_even .info{
        padding-right: 0.521vw;
        padding-left: 0.452vw;
    }
    .flag .info:hover{
        transform: scale(1.3);
        transform-origin: top left;
    }
    .flag .info::before{
        content: '';
        position: absolute;
        top: 0;
        right: -0.725vw;
        bottom: 0;
        width: 0.925vw;
    }
    .flag .info.bg1::before{
        background: url(../coordinates/images/bg_info.png) no-repeat right/auto 100%;
    }
    .flag .info.bg2::before{
        background: url(../coordinates/images/bg_info2.png) no-repeat right/auto 100%;
    }
    .flag .info.bg3::before{
        background: url(../coordinates/images/bg_info3.png) no-repeat right/auto 100%;
    }
    .flag .info.bg4::before{
        background: url(../coordinates/images/bg_info4.png) no-repeat right/auto 100%;
    }
    .flag.f_even .info::before{
        transform: rotate(-180deg);
        left: -0.725vw;
        right: auto;
    }
    .flag.f_even .info:hover{
        transform-origin: top right;
    }
    .flag_box1 {
        top: 7.15vw;
        right: 14.4vw;
        height: 5.5vw;
    }
    .flag_box2 {
        top: 18.5vw;
        right: 15.5vw;
        height: 5.3vw;
    }
    .flag_box3 {
        top: 20.5vw;
        right: 21vw;
        height: 5.5vw;
    }
    .flag_box4 {
        top: 30.5vw;
        right: 15.2vw;
        height: 5.5vw;
    }
    .flag_box5 {
        top: 32.8vw;
        right: 22.6vw;
        height: 5.5vw;
    }
    .flag_box6 {
        top: 41vw;
        right: 16.8vw;
        height: 4.7vw;
    }
    .flag_box7 {
        top: 43.4vw;
        right: 15.8vw;
        height: 5vw;
    }
    .flag_box8 {
        top: 43.6vw;
        right: 22.25vw;
        height: 8.3vw;
    }
    .flag_box9 {
        top: 47vw;
        right: 22.9vw;
        height: 3.4vw;
    }
    .flag_box10 {
        top: 39.6vw;
        right: 35vw;
        height: 5vw;
    }
    .flag_box10 .info{
        padding-right: 0.021vw;
    }
    .flag_box11 {
        top: 45.3vw;
        right: 30vw;
        height: 6.2vw;
    }
    .flag_box12 {
        top: 47.85vw;
        right: 28.5vw;
        height: 5.3vw;
    }
    .flag_box13 {
        top: 43.5vw;
        right: 36.2vw;
        height: 5vw;
    }
    .flag_box14 {
        top: 50.8vw;
        right: 34vw;
        height: 4vw;
    }
    .flag_box15 {
        top: 49.6vw;
        right: 38.7vw;
        height: 3.5vw;
    }
    .flag_box16 {
        top: 43.8vw;
        right: 41.5vw;
        height: 5vw;
    }
    .flag_box17 {
        bottom: 14.1vw;
        right: 41.5vw;
        height: 3.5vw;
    }
    .flag_box18 {
        bottom: 10.6vw;
        right: 37.5vw;
        height: 3.5vw;
    }
    .flag_box18 .info{
        padding-right: 0.121vw;
    }

    .flag_box19 {
        top: 51vw;
        left: 15.9vw;
        height: 3.6vw;
    }
    .flag_box20 {
        bottom: 12vw;
        left: 17.3vw;
        height: 3.5vw;
    }
    .flag_box21 {
        bottom: 10vw;
        left: 19.5vw;
        height: 3vw;
    }
    .flag_box22 {
        bottom: 9.1vw;
        left: 12.8vw;
        height: 4vw;
    }
    .flag_box23 {
        bottom: 11vw;
        left: 8vw;
        height: 5.3vw;
    }
    .flag_box24 {
        bottom: 5.1vw;
        left: 4.1vw;
        height: 4vw;
    }
    .flag_box25 {
        bottom: 2.3vw;
        left: 8.7vw;
        height: 5.3vw;
    }
    .flag_box18 .info{
        padding-right: 0.121vw;
    }
}
.content_shirt{
    width: 36.198vw;
    padding-top: 4.063vw;
}
.content_shirt .shirt{
    display: none;
    transition: all 0.2s
}
.content_shirt .shirt.show{
    display: block;
}
.content_shirt .box_content{
    display: flex;
}
.content_shirt .item_shirt{
   width: 8.333vw;
   color: #fff;
   padding: 1.563vw 0.546vw 1.146vw;
   text-align: center;
   font-weight: bold;
   border-radius: 5px;
}
.content_shirt .item_shirt .img{
    margin-bottom: 10px;
    margin-right: -8%;
}
.content_shirt .item_shirt.bg1{
   background: #424F58;
}
.content_shirt .item_shirt:not(:nth-child(3n+3)){
    margin-right: 1.042vw;
}
.content_shirt .item_shirt.bg1:hover{
   background: #607481;
}
.content_shirt .item_shirt.bg2{
   background: #424F58;
}
.content_shirt .item_shirt.bg2:hover{
   background: #607481;
}
.content_shirt .item_shirt.bg3{
   background: #424F58;
}
.content_shirt .item_shirt.bg3:hover{
   background: #607481;
}
.content_shirt .item_shirt.bg4{
   background: #527796;
}
.content_shirt .item_shirt.bg4:hover{
   background: #6C9AC1;
}
.content_shirt .item_shirt.bg5{
   background: #527796;
}
.content_shirt .item_shirt.bg5:hover{
   background: #6C9AC1;
}
.content_shirt .item_shirt.bg6{
   background: #AD9788;
}
.content_shirt .item_shirt.bg6:hover{
   background: #D3BDAE;
}
.content_shirt .item_shirt .ttl{
    font-size: 1.198vw;
    line-height: 1.6;
 }
.content_shirt .item_shirt .ttl .small{
    font-size: 73.913%;
    display: block;
    line-height: 1.2;
    margin-bottom: 0.521vw;
 }
.content_shirt .item_shirt .txt{
   font-size: 1.563vw;
   text-align: center;
 }
.content_shirt .item_shirt .txt .icon{
   font-size: 60%;
 }
.content_shirt .item_shirt .txt .small{
   font-size: 83.333%;
   margin-left: 3px;
 }
.content_shirt .item_shirt .txt .txt_info{
    font-size: 76.667%;
    display: block;
    margin-bottom: 0;
    line-height: 1.4;
 }
.map_box_top{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 36.198vw;
 }
.map_list{
    font-weight: bold;
}
.map_list .txt{
    font-size: 1.042vw;
}
.map_list label{
    text-align: center;
    width: 100%;
    color: #fff;
    display: block;
    cursor: pointer;
    font-size: 1.563vw;
}
.map_list label .number{
    font-size: 133.33%;
    display: inline-block !important;
}
.map_list input{
    display: none !important;
}
.map_list .box_time{
    width: 48%;
}
.map_list .item1, .map_list .item2, .map_list .item8{
    color: #000;
}
.map_list .item1{
    background: #CDC5C2;
}
.map_list .item2{
    background: #A3AAB0;
}
.map_list .item3{
    background: #739EB1;
}
.map_list .item4{
    background: #416B8B;
}
.map_list .item5{
    background: #4A6080;
}
.map_list .item6{
    background: #2C738D;
}

.box_time .ttl_time, .box_time #select{
    position: relative;
    z-index: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    cursor: pointer;
   
}
.box_time .ttl_time{
    font-size: 1.042vw;
    padding: 1.198vw 1.154vw;
}
.box_time #select[class^="item"]{
    font-size: 2.083vw;
    padding: 0.398vw 1.154vw;
    text-align: center;
    color: #fff;
}
.box_time .ttl_time::before{
    content: '';
    position: absolute;
    right: 2.396vw;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.729vw 0.417vw 0 0.417vw;
    border-color: #000 transparent transparent transparent;
}
.map_list #select.item1{
    color: #000000;
    border-top: 1px solid #CDC5C2;
    border-bottom: 1px solid #CDC5C2;
}
.map_list #select.item2{
    color: #000000;
    border-top: 1px solid #A3AAB0;
    border-bottom: 1px solid #A3AAB0;
}
.map_list #select.item3{
    border-top: 1px solid #739EB1;
    border-bottom: 1px solid #739EB1;
}
.map_list #select.item4{
    border-top: 1px solid #416B8B;
    border-bottom: 1px solid #416B8B;
}
.map_list #select.item5{
    border-top: 1px solid #4A6080;
    border-bottom: 1px solid #4A6080;
}
.map_list #select.item6{
    border-top: 1px solid #2C738D;
    border-bottom: 1px solid #2C738D;
}

.content_list{
    display: none;
    
}
.content_list *{
    display: none;
    
}
.box_time .over ~ .content_list{
    display: block;
}
.box_time .over ~ .content_list *{
    display: block;
}
.box_time .over ~ .content_list label{
    padding: 0.418vw 0;
}
.box_time:hover .ttl_time{
    color: #fff;
    background: #000;
}
.box_time:hover .ttl_time::before{
    border-color: #fff transparent transparent transparent;
}
.box_txt_chart{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.box_txt_chart dt{
    width: 55px;
}
.box_txt_chart dd{
    width: calc(100% - 55px);
}
.map_import{
    margin-top: 0.781vw;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.box_area {
    width: 48%;
}
.box_area .box_area_detail{
    justify-content: space-between;
    padding: 1.05vw 0.854vw;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 100%;
    display: none;
}
.box_area .box_area_detail.show {
    display: flex;
}
.box_area .ttl{
    font-size: 1.063vw;
}
.box_area .txt{
    border-left: 1px solid;
    font-size: 1.042vw;
    display: flex;
    align-items: center;
    padding-left: 0.781vw;
}
.box_area .txt .heat{
    font-size: 2.083vw;
    margin-left: 0.885vw;
}
.box_area .txt .heat .small{
    font-size: 62.5%;
    margin-left: 3px;
}

.section01{
    margin-bottom: 75px;
}
.section02{
    padding-bottom: 160px;
}
.section02 .inner_content{
    position: relative;
    z-index: 0;
}
.section02 .inner_content::before{
    content: '';
    top: 0;
    background: url(../coordinates/images/coordinates_left1.png) no-repeat left/contain;
    width: 30px;
    height: 188px;
}
.section02 .inner_content::before, .section03 #bgChange::before{
    position: absolute;
    font-size: 30px;
    line-height: 1;
    left: -4px;
}
.content_pdleft{
    padding-left: 62px;
}
.section02 .sec2_img{
    margin-bottom: 50px;
}
.section02 .sec2_line{
    margin-bottom: 24px;
}

.knowledge_item {
    text-align: center;
    margin: 0 15px;
}
@media print, screen and (min-width: 1800px){
    .knowledge_item {
        margin: 0 1.7vw;
    }
}
.knowledge_item .ttl{
   margin-bottom: 10px;
}
.knowledge_item .txt{
    font-weight: bold;
}
.knowledge_item .img_txt img{
    margin: 0 auto;
}
.scroll_knowledge{
    display: flex;
    align-items: center;
    width: 84.34%;
    margin-top: 73px;
}
.slider_knowledge {
    width: 96%;
}
.knowledge_dots{
    width: calc(100% - 130px);
    padding-right: 33px;
}
.knowledge_arrows{
    width: 130px;
    display: flex;
    justify-content: space-between;
}
.knowledge_dots_list{
    position: relative;
    z-index: 0;
    display: flex;
    width: 100%;
    height: 3px;
}
.knowledge_dots_list::before{
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 1px;
    width: 100%;
    height: 1px;
    background: #000;
}
.knowledge_dots_list li{
    font-size: 0;
    width: 50%;
    background: #000;
    height: 3px;
    opacity: 0;
    visibility: hidden;
}
.knowledge_dots_list li.slick-active{
    opacity: 1;
    visibility: visible;
}
.knowledge_prev, .knowledge_next{
    width: 55px;
    height: 55px;
}
.knowledge_prev{
    background: url(../images/icon_prev.svg);
}
.knowledge_next{
    background: url(../images/icon_next.svg);
}
.slick-arrow:hover {
    opacity: .6;
}
.slick-arrow {
    cursor: pointer;
    transition: all 0.3s ease;
}
/*---section03---*/
.section03{
    padding-top: 30px;
    padding-bottom: 162px;
}
#bgChange{
    background: #F1F1F1;
    position: relative;
    z-index: 0;
    padding-bottom: 130px;
}
#bgChange.choose-1{
    background: #F0EEED;
}
#bgChange.choose-2{
    background: #E3E5E7;
}
#bgChange.choose-3{
    background: #D5E2E7;
}
#bgChange.choose-4{
    background: #CFDAE2;
}
#bgChange.choose-5{
    background: #D1D7DF;
}
#bgChange.choose-6{
    background: #D4E3E8;
}
.section03 .inner_content{
    position: relative;
    z-index: 0;
}
.section03 #bgChange::before{
    content: '';
    top: 0;
    background: url(../coordinates/images/coordinates_left2.png) no-repeat left/contain;
    width: 30px;
    height: 110px;
}
.choice_list li{
    position: relative;
    z-index: 0;
    padding-left: 12px;
}
.choice_list li:not(:last-child){
    margin-bottom: 5px;
}
.choice_list li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background: #000;
}
.section03 .box_info{
    width: 56%;
    margin-bottom: 75px;
}
.sec3_content{
    padding-left: 8.5%;
    padding-top: 100px;
}
.sec3_detil{
    margin-bottom: 89px;
}
.sec3_detil .box_item .ttl{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 17px;
}
.sec3_detil .box_item.box1{
    width: 41.36%;
}
.sec3_detil .box_item.box2{
    width: 48%;
}
.sec3_detil .box_item.box1 .img{
    margin-bottom: 46px;
}


@media print, screen and (max-width: 768px){
    .section01 {
        margin-bottom: 30px;
    }
    .h2_ttl {
        font-size: 40px;
        margin-bottom: 35px;
    }
    .section_top{
        padding-top: 0;
    }
    .content_pdleft {
        padding-left: 0;
    }
    .section02 .sec2_img{
        margin-bottom: 30px;
    }
    .scroll_knowledge{
        display: none;
    }
    .section02 {
        padding-bottom: 50px;
    }
    .section03 {
        padding-top: 15px;
        padding-bottom: 50px;
    }
    .section03 .box_info {
        width: 100%;
        margin-bottom: 40px;
    }
    #bgChange{
        padding-bottom: 50px;
        background: none !important;
    }
    .section02 .inner_content::before, .section03 #bgChange::before{
        display: block;
        position: relative;
        margin-bottom: 0;
        width: 24px;
        height: 144px;
        line-height: 0;
        left: 0;
    }
    .section02 .inner_content::before{
        transform: translate(247%, 0) rotate(-90deg);
    }
    .section03 #bgChange::before {
        transform: translate(100%, 0) rotate(-90deg);
    }
    .sec3_content{
        padding-left: 0;
        padding-top: 0;
    }
    .sec3_detil .box_item.box1 .img{
        margin-bottom: 30px;
    }
    .sec3_detil .box_item.box1{
        margin-bottom: 40px;
    }
    .sec3_detil .box_item.box1, .sec3_detil .box_item.box2{
        width: 100%;
    }
    .sec3_detil .box_item .ttl{
        font-size: 18px;
    }
    .sec3_detil{
        margin-bottom: 30px;
    }
    .map_box_top{
        position: relative;
        width: 100%;
    }
    .map_list .box_time, .box_area{
        width: 100%;
    }
    .map_list .txt {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }
    .box_time .ttl_time{
        font-size: 20px;
    }
    .box_time .ttl_time::before{
        border-width: 6px 6px 0 6px;
    }
    .map_import {
        margin-top: 0;
    }
    .box_area .ttl-area-map{
        font-size: 14px;
    }
    .box_area .txt{
        margin-bottom: 0;
        border-left: none;
        font-size: 4.831vw;
        padding-left: 0;
    }
    .box_area .txt .heat{
        font-size: 32px;
        margin-left: 16px;
    }
    .box_area_select .ttl_area {
        border-top: none;
        border-bottom: 1px solid #000;
        position: relative;
        font-size: 20px;
        padding: 8px;
    }
    .box_area_select .ttl_area::before {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0 6px;
        border-color: #000 transparent transparent transparent;
    }
    .box_area_select .ttl_area.select {
        background: #000;
        color: #fff;
        text-align: center;
    }
    .box_area_select .ttl_area.flag {
        text-align: center;
        color: #fff;
        border-bottom: none;
    }
    .box_area_select .ttl_area.flag::before {
        display: none;
    }
    .box_map .flag {
        width: 50%;
        text-align: center;
    }
    .box_map .flag.flag_1col {
        width: 100%;
    }
    .box_area_select .box_map.sp {
        display: none !important;
    }
    .box_map.sp.show_item {
        display: flex !important;
        flex-wrap: wrap;
    }
    .content_shirt,
    .content_shirt .item_shirt {
        width: 100%;
    }
    .content_shirt .box_content {
        display: block;
    }
    .map_list label {
        font-size: 16px;
    }
    .box_time #select[class^="item"] {
        font-size: 20px;
        padding: 8px;
    }
    .box_area .box_area_detail {
        border-top: none;
        padding: 10px;
    }
    .box_area .box_area_detail.show {
        align-items: center;
        justify-content: center;
    }
    .box_area .ttl{
        display: none;
    }
    
    .box_map .info{
        padding: 8px;
    }
    .box_map .flag:not(.flag_1col), .box_map .flag.flag_box15, .box_map .flag.flag_box15{
        border-right: 1px solid #fff;
    }
    .box_map .flag:nth-child(odd), .box_map .flag.flag_box17, .box_map .flag.flag_box20{
        border-right: none;
    }
    .box_map .flag.flag_box15, .box_map .flag.flag_box15{
        border-right: 1px solid #fff;
    }
    .box_map .flag.flag_box15, .box_map .flag.flag_box19{
        border-right: 1px solid #fff;
    }
    .box_map .flag:not(:last-child){
        border-bottom: 1px solid #fff;
    }
    .box_map.sp.show_item{
        color: #fff;
    }

    .content_shirt .item_shirt{
        display: flex;
        align-items: center;
        padding: 1.563vw 0.546vw 1.146vw;
    }
    .content_shirt .item_shirt:not(:last-child){
        margin-bottom: 40px;
    }
    .content_shirt .box_content{
        margin-top: 30px;
    }
    .content_shirt .item_shirt .img{
        margin-top: -30px;
        margin-right: 10px;
        margin-bottom: 0;
        width: 30%;
    }
    .content_shirt .item_shirt .b_txt{
        width: 70%;
    }
    .content_shirt .item_shirt .ttl {
        font-size: 6vw;
        text-align: left;
    }
    .content_shirt .item_shirt .txt {
        font-size: 3.5vw;
        display: flex;
        align-items: center;
        text-align: left;
    }
    .content_shirt .item_shirt .txt .txt_info{
        margin-right: 2vw;
        font-size: 106%;
    }
    .slider_knowledge {
        width: 100%;
    }
    .h2_ttl img {
        max-height: 420px;
    }
}