@charset "utf-8";
/* CSS Document */
.fv .bgArea {background: url("/common/images/sitemap/view01.jpg") center top no-repeat;}
.view02 .container {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; width: 1100px; padding: 5% 0; max-width: 94%;}
.view02 .floor {width: 31%; letter-spacing: 0.05em; margin: 2% 0;}
.view02 h2 a{font-size: 1.2rem; border-bottom: 1px solid; color: #333; padding: .2em .5em; width: 100%; box-sizing: border-box; transition: all .2s;}
.view02 h2 a:hover {color: #037c8a;}
.view02 ul {width: 95%;}
.view02 ul li {margin: 1% auto;}
.view02 li:before {content: "-"; margin-right: .5em;}
.view02 a {border-bottom: 1px solid transparent; color: #333;}
.view02 a:hover {color: #037c8a; border-color: #037c8a;}
.view02 li a:hover {margin: 1px -1px -1px 1px;}

@media screen and (max-width: 1100px) {
    .view02 h2 a {font-size: 1.8vw}
    .view02 li:before {margin-right: 1vw;}
    .view02 ul li {font-size: 1.5vw;}
}
@media screen and (max-width: 737px) and (min-width: 481px) {
    .view02 .floor {width: 48%;}
    .view02 h2 a {font-size: 3vw;}
    .view02 ul li {font-size: 2.3vw;}
}
@media screen and (max-width: 480px) {
    .view02 ul li {font-size: 3vw;}
    .view02 h2 a {font-size: 3.5vw;}
    .view02 .floor {width: 98%;}
    .view02 .floor h2 {margin: 2vw auto;}
}
@media screen and (max-width: 380px) {
    .view02 h2 a {font-size: 4.5vw;}
    .view02 ul li {font-size: 3.8vw}
}