@charset "UTF-8";
@media screen and (min-width: 768px),print {
.breadcrumbs{margin-bottom: 26px;}
.main-bx {margin: 0 auto;width: 1200px;}

    #transfer{width: 1100px;margin: 0 auto;}
    #transfer .data{font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 20px;}
    #transfer h3{font-size: 34px;font-weight: bold;text-align: center;margin-bottom: 40px;}
    #transfer h3 .marker{background:linear-gradient(transparent 60%, #ff911a 60%);}
    #transfer figure{width: 1100px;margin-bottom: 50px;}
    #transfer .comment-box{margin-bottom: 50px;}
    #transfer .comment-box p{font-size: 18px;line-height: 30px;text-align: center;}
    #transfer .comment-box p .orange{color: #ff911a;font-weight: bold;}
    #transfer ul.info-box{width: 100%; border-top:2px dashed #000;border-bottom:2px dashed #000;padding: 40px 30px;margin-bottom: 60px;}
    #transfer ul.info-box li{overflow: hidden;}
    #transfer ul.info-box li:first-child{margin-bottom: 20px;;}
    #transfer ul.info-box li dt{width: 160px; background-color: #000;font-size: 18px;font-weight: bold;color: #fff;text-align: center;float: left;}
    #transfer ul.info-box li dd{font-size: 18px;float: left;margin-left: 30px;}
    #transfer .google-map h4{font-size: 24px;font-weight: bold;margin-bottom: 30px;}
    #transfer .google-map iframe{width: 100%;height: 500px;}
    #transfer .google-map .focus-btn{font-size: 16px;font-weight: bold; text-align: right;}
}

@media screen and (max-width: 767px) {
.breadcrumbs{margin-bottom: 3.865vw;}
.main-bx {margin: 0 auto;width: 100%;}
    
    #transfer{width: 100%;}
    #transfer .data{font-size: 5.0vw;font-weight: bold;text-align: center;margin-bottom: 2%;}
    #transfer h3{font-size: 6.6vw;font-weight: bold;line-height: 9.0vw; text-align: center;margin-bottom: 5%;}
    #transfer h3 .marker{background:linear-gradient(transparent 60%, #ff911a 60%);}
    #transfer figure{width: 100%;margin-bottom: 10%;}
    #transfer .comment-box{width: 90%;margin: 0 auto 10%;}
    #transfer .comment-box p{font-size: 3.8vw;line-height: 6.8vw;text-align: center;}
    #transfer .comment-box p .orange{color: #ff911a;font-weight: bold;}
    #transfer ul.info-box{width: 90%; border-top:2px dashed #000;border-bottom:2px dashed #000;padding: 10% 0;margin: 0 auto 10%;}
    #transfer ul.info-box li{}
    #transfer ul.info-box li:first-child{margin-bottom: 5%;}
    #transfer ul.info-box li dt{width: 100%; background-color: #000;font-size: 4.2vw;font-weight: bold;color: #fff;text-align: center;padding: 1.5% 0 1%;margin-bottom: 5%;}
    #transfer ul.info-box li dd{font-size: 4.6vw;line-height: 7.6vw;}
    #transfer .google-map{width: 90%;margin: 0 auto;}
    #transfer .google-map h4{width: 90%; font-size: 5.0vw;font-weight: bold;margin-bottom: 5%;}
    #transfer .google-map iframe{width: 100%;height: 80vw;margin-bottom: 3%;}
    #transfer .google-map .focus-btn{font-size: 5.0vw;font-weight: bold; text-align: right;}
}