@charset "UTF-8";
@media screen and (min-width: 768px),print {

.main-title{margin: 0 6rem 2rem;background: none;height: 279px;text-align: center;border-radius: 4rem;}
.main-title .en{font-family: "Rammetto One", sans-serif;font-weight: normal;font-size: 5.5rem;letter-spacing: 0.275rem;line-height: 1;text-align: center;margin-bottom: 2.1rem;color: #523E1F;display: block;padding: 114px 0 0;-webkit-text-stroke: 0px #523E1E;}
.main-title .en span.col1{ color: #56C0EF;}
.main-title .en span.col2{ color: #FD734A;}
.main-title .jp{font-size: 1.8rem;font-weight: bold;letter-spacing: 0;}

#contentsmain{padding: 0px 5rem 0;max-width: 1200px;margin: 0 auto 184px;position: relative;top: 14px;}
#contentsmain .inner-Box{background: #fff;border-radius: 20px;position: relative;padding: 82px 0 110px 356px;min-height: 550px;}
#contentsmain .inner-Box a{color: #523E1F;}
#contentsmain .img{width: 123px;position: absolute;bottom: -44px;right: 67px;}

#contentsmain .sitemap_logo{position: absolute;top: 69px;left: 64px;width: 203px;}
#contentsmain .sitemap_logo .sitemap_logo-link{margin-bottom: 44px;display: block;}
#contentsmain .sitemap_logo .homelink{position: relative;top: 0px;display: block;margin: 0 0 12px 7px;font-size: 1.8rem;font-weight: 700;}
#contentsmain .sitemap_logo .sitemap_logo-title{font-size: 1.2rem;text-align: left;margin-left: 7px;font-weight: bold;letter-spacing: 0.06rem;}

#contentsmain .footer__nav-label{ color: #523E1F; }
#contentsmain .footer__nav{margin-top: 3px;}

#contentsmain #sitemaplist{ }
#contentsmain #sitemaplist .smap-l{float: left;width: 267px;}
#contentsmain #sitemaplist .smap-c{float: left;width: 226px;}
#contentsmain #sitemaplist .smap-r{ float: left; width: 200px; }

#contentsmain #sitemaplist .title{font-size: 1.8rem;font-weight: 700;letter-spacing: 0.09rem;margin-bottom: 1.8rem;display: block;}
#contentsmain #sitemaplist p{font-size: 1.8rem;font-weight: 700;letter-spacing: 0.09rem;margin-bottom: 2.3rem;}
#contentsmain #sitemaplist ul{margin: 0 0 24px 1px;}
#contentsmain #sitemaplist li{ position: relative; font-size: 1.6rem;font-weight: 500;letter-spacing: 0.08rem;margin-bottom: 16px;}
#contentsmain #sitemaplist li::before{content: "-";display: inline-block;margin-right: 3px;}


#bottom-subnv-sitemap{position: absolute;bottom: 65px;left: 76px;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#bottom-subnv-sitemap li{margin-right: 2.6rem;}
#bottom-subnv-sitemap li a{font-size: 1.4rem;color: #93897A;letter-spacing: 0.065rem;font-weight: 500;}
#bottom-subnv-sitemap li a::before{content: "-";display: inline-block;margin-right: 5px;}



}


@media screen and (max-width: 767px) {

.main-title{margin: 0 6vw 0vw;background: none;height: 38.45vw;text-align: center;border-radius: 0;}
.main-title .en{font-family: "Rammetto One", sans-serif;font-size: 6.75vw;letter-spacing: 0.34vw;line-height: 1;text-align: center;margin-bottom: 1.9vw;color: #523E1F;display: block;padding: 13.5vw 0 0;-webkit-text-stroke: 0;}
.main-title .en span.col1{ color: #56C0EF;}
.main-title .en span.col2{ color: #FD734A;}
.main-title .jp{font-size: 3.75vw;font-weight: bold;letter-spacing: 0.19vw;}

#contentsmain{padding: 0.0vw 2.4vw 0;margin: 5.1vw auto 21.3vw;position: relative;}
#contentsmain .inner-Box{background: #fff;border-radius: 3vw;position: relative;padding: 7.6vw 5.1vw;}
#contentsmain .inner-Box a{color: #523E1F;}
#contentsmain .img{position: absolute;bottom: -8.1vw;right: 6.85vw;width: 18.4vw;}

#contentsmain .sitemap_logo{position: relative;margin-bottom: 12vw;}
#contentsmain .sitemap_logo .sitemap_logo-link{margin: 0 17.3vw 11.0vw;display: block;}
#contentsmain .sitemap_logo .homelink{background: url(../images/sitemap/line.svg)no-repeat bottom center;background-size: 100% auto;position: relative;top: 9.4vw;display: block;margin: 0 0 0;font-size: 3.50vw;font-weight: 700;padding: 0.6vw 0 3.9vw 0.5vw;}
#contentsmain .sitemap_logo .sitemap_logo-title{font-size: 3.25vw;text-align: left;margin-left: 1.75vw;font-weight: 500;letter-spacing: 0.16vw;position: absolute;top: 20vw;left: 17vw;text-align: center;}

#contentsmain .footer__nav-label{ color: #523E1F; }
#contentsmain .footer__nav{margin-top: 0.75vw;}

#contentsmain #sitemaplist{ }
#contentsmain #sitemaplist .smap-l{}
#contentsmain #sitemaplist .smap-c{}
#contentsmain #sitemaplist .smap-r{   }

#contentsmain #sitemaplist .title{font-size: 3.50vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 3vw;display: block;padding: 0.9vw 0 0 0.5vw;}
#contentsmain #sitemaplist p{font-size: 3.50vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 3vw;display: block;padding: 0.9vw 0 3.6vw 0.5vw;background: url(../images/sitemap/line.svg)no-repeat bottom center;background-size: 100% auto;}
#contentsmain #sitemaplist ul{margin: 0 0 6.0vw 0.95vw;}
#contentsmain #sitemaplist li{position: relative;font-size: 3.25vw;font-weight: 500;letter-spacing: 0.2vw;margin-bottom: 1.6vw;}
#contentsmain #sitemaplist li::before{content: "-";display: inline-block;margin-right: 0.75vw;}

#bottom-subnv-sitemap{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 2vw 0 12vw;}
#bottom-subnv-sitemap li{margin-right: 1.6vw;}
#bottom-subnv-sitemap li a{font-size: 2.50vw;color: #93897A!important;letter-spacing: 0.16vw;font-weight: 500;}
#bottom-subnv-sitemap li a::before{content: "-";display: inline-block;margin-right: 1.25vw;}



#contentsmain .accordion {margin: 3em auto; max-width: 60vw; }
#contentsmain .toggle {display: none; }
#contentsmain .option {position: relative;margin-bottom: 3.06vw;background: url(../images/sitemap/line.svg)no-repeat bottom center;background-size: 100% auto;}
#contentsmain .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#contentsmain .title {padding: 3vw 9vw 3vw 11.9vw;display: block;color: #333;font-weight: bold;margin-bottom: 0;background: #fff;border-radius: 2vw 2vw 2vw 2vw;letter-spacing: 0.19vw;font-size: 3.86vw;}

#contentsmain .content {max-height: 0; overflow: hidden; }
#contentsmain .content p {margin: 0;padding:  0;font-size: 0.9em;line-height: 1.5;}
#contentsmain .toggle:checked + .title + .content {max-height: 65.2vw; transition: all 1.5s; }
#contentsmain .toggle:checked + .title::before {transform: rotate(0deg) !important; }
#contentsmain .toggle:checked + .title{ border-radius: 2.42vw 2.42vw 0.0vw 0.0vw; }

#contentsmain .title::after,#contentsmain .title::before {content: "";position: absolute;right: 4.05vw;top: 2.1vw;height: 3vw;background-color: #523E1F;transition: all 0.3s;width: 0.4vw;}
#contentsmain .title::after {transform: rotate(90deg); }
#contentsmain .toggle:checked + .title::before {transform: rotate(90deg) !important; }


}