@charset "utf-8";
.sitemap_mv{
    width: 100%;
    height: 300px;
    background: url("../img/img_sitemap_mv.png")no-repeat center;
    background-size: cover;
}
.sitemap_container .inner{
    padding: 60px 0 70px;
    width: 90%;
    max-width: 1300px;
    margin: auto;
}
.sitemap_container .inner h2 {
    font-size: clamp(5rem, 2.275rem + 10.9vw, 7.5rem);
    /*767 80-120*/
    color: #3696c1;
    font-family: "Cormorant", serif;
    margin: 0 auto 70px;
    /*766 30-55*/
    font-weight: inherit;
    line-height: 1;
    display: block;
    text-align: center;
}
.sitemap_container .inner h2 span {
    display: block;
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(1.313rem, 0.971rem + 1.37vw, 1.625rem);
    /*766 21-26*/
    color: #000;
}
.sitemap_container .inner .sitemap_ul {
    max-width: 900px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0 4rem;
    justify-content: center;
}
.sitemap_container .inner .sitemap_ul ul{
    width: auto;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}
.sitemap_container .inner .sitemap_ul ul:nth-child(1){
    width: 6rem;
}
.sitemap_container .inner .sitemap_ul ul li{
    width: 100%;
    margin: 0 0 1rem;
    color: #ccc;
}
.sitemap_container .inner .sitemap_ul ul li::before{
    content: "";
    background: url(../../img/ico_arrow02.svg) no-repeat center;
    background-size: contain;
    width: 0.8rem;
    height: 1rem;
    display: inline-block;
    margin: 0 1rem 0 0;
}
.sitemap_container .inner .sitemap_ul ul li a {
    position: relative;
    display: inline-flex;
}
.sitemap_container .inner .sitemap_ul ul li a img {
    width: 1rem;
    height: auto;
    margin: 0 0 0 0.5rem;
}
.sitemap_container .inner .sitemap_ul ul li a::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    bottom: -3px;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
}
.sitemap_container .inner .sitemap_ul ul li a:hover::after {
    transform: scale(1, 1);
}

/**404**/
.sitemap_container.not404 .inner{
    padding: 0 0 70px;
}
.sitemap_container.not404 .inner h2 {
    font-size: clamp(5rem, 4.103rem + 4.48vw, 6.25rem);
    /*767 80-100*/
    margin: 0 auto 50px;
}
.sitemap_container.not404 .inner h2 span {
    font-size: clamp(1.313rem, 1.223rem + 0.45vw, 1.438rem);
    /*766 21-23*/
    margin: 2rem auto 0;
    line-height: 1.5;
}
/**404**/

@media screen and (min-width: 1201px) {
}
@media screen and (max-width: 870px) {
.sitemap_container .inner .sitemap_ul ul:nth-child(1){
    width: 100%;
}
.sitemap_container .inner .sitemap_ul{
    justify-content: space-between;
    width: 90%;
}
}
@media screen and (max-width: 767px) {
.sitemap_mv {
    height: clamp(6.25rem, -0.581rem + 27.32vw, 12.5rem);
    /*100-200*/
}
.sitemap_container .inner h2 {
    font-size: clamp(3.75rem, 0.608rem + 12.57vw, 6.625rem);
    margin: 0 0 clamp(2rem, 0.907rem + 4.37vw, 3rem);
}
.sitemap_container .inner h2 span {
    font-size: clamp(1.125rem, 0.852rem + 1.09vw, 1.375rem);
}
.sitemap_container .inner {
    padding: clamp(1.875rem, -0.174rem + 8.2vw, 3.75rem) 0 0;
    /*30-60*/
    margin-bottom: -15px;
}
.sitemap_container .inner iframe{
    width: 100%;
    height: 280px;
    margin-bottom: 2rem;
}
.sitemap_container .inner .info{
    width: 100%;
}
.sitemap_container .inner .sitemap_ul ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
}
.sitemap_container .inner .sitemap_ul ul li {
    width: calc(50% - 1rem);
    margin: 0 1rem 2rem 0;
}
.sitemap_container .inner .sitemap_ul ul li:nth-of-type(2n) {
    margin: 0 0 2rem;
}
.sitemap_container .inner .sitemap_ul ul:nth-child(3) li {
    width: 100%;
    margin: 0 0 2rem 0;
}
.sitemap_container .inner .sitemap_ul ul li::before{
    margin: 0 0.5rem 0 0;
}
.sitemap_container .inner .sitemap_ul ul:last-child li:last-child {
    margin: 0 1rem 0 0;
}
}
@media screen and (max-width: 430px) {
}