@charset "utf-8";

html{
    overflow-x: hidden;
}
body {
    width: 100%;
    color: #303030;
    font-size: 16px;
    overflow-x: hidden;
    position: relative;
    font-family: 'Noto Sans JP';
}
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
.carousel-indicators .active {
    border-radius: 100%;
}
.cursol-pointer.indicator.active>.coverPoint {
     background: #fff;
}
.carousel-indicators {
    bottom: 35px;
    max-width: 520px;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
      display: none;
}
.coverPoint {
    width: 100%;
    height: 6px;
    /* border-radius: 100%; */
    background-color: #666666;
  border: 1px solid #666666;
}
#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.pageTop {
    z-index: 999;
    max-width: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #666;
    padding: 30px 10px;
}
.pageTop>P {
    writing-mode: vertical-rl;
    font-size: 14px;
    color: #C1C1C1;
}

.pageTop>img {
    max-width: 20px;
    width: 100%;
}
.pdf{
    max-width: 160px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px 8px 10px;
    position: relative;
    border: 1px solid rgb(51 51 51);
    color: #333;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.pdf:hover {
    background: rgb(51 51 51);
    color: #fff;
}
.fMap>div {
    width: 100%;
    height: 100%;
}

.fMap>div>iframe {
    width: 100%;
    height: 100%;
}
.jl {
	justify-content: left!important;
}
/*-- ヘッダー--------------------------------------------------------------*/
.header {
    z-index: 999999;
}

/*-- top--------------------------------------------------------------*/
.topScrollTxt {
    writing-mode: tb;
}
.topScrollAr {
    min-width: 50px;
}
/*-- フッター--------------------------------------------------------------*/
.fNavLink:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 16px;
    background: #000;
}
.fNavLink:last-child:after {
    display: none;
}
/*-- 共通--------------------------------------------------------------*/

.fontA {
   font-family: 'Noto Sans JP';
}

.fontB {
    font-family: 'Noto Sans JP', sans-serif;
}
.fontC {
    font-family: 'Lato', sans-serif;
}
.color01 {
	color: #333;
}
.black {
	color: #000000;
}

.white {
	color: #fff!important;
}
.tit01 {
  font-family: 'Noto Sans JP';
  font-size: 18px;
  font-weight: 500;
  color: #202020;
  line-height: 1.667em;
  letter-spacing: 0.2em;
}

.tit02 {
    font-size: 27px;
    font-family: 'Lato';
    color: #202020;
    font-weight: 400;
    letter-spacing: 0.2em;
}
.subTit01 {
    font-size: 16px;
    font-family: 'Noto Sans JP';
    font-weight: 500;
    color: #202020;
      margin: 7px 0 0 0;
      letter-spacing: 0.05em;
}
.subTit02 {
    font-size: 14px;
    font-family: 'Noto Sans JP';
    color: #666;
      letter-spacing: 0.05em;
}

.txt01{
    font-size: 13px;
    font-weight: 500;
    line-height: 2.75em;
    font-family: 'Noto Sans JP';
    color: #202020;
      letter-spacing: 0.05em;
}

/*-- ボタン--------------------------------------------------------------*/
.btn01 {
    max-width: 190px;
    width: 100%;
    color: #202020;
    font-size: 16px;
    text-align: center;
    font-family: 'Lato';
    display: block;
    padding: 0 0 6.5px;
    border-bottom: 1px solid #AB9A86;
    font-weight: 700;
}
.btn02 {
    max-width: 160px;
}
.btn03 {
    max-width: 160px;
}
.btn01>p {
    /* padding: 0 0 0 11px; */
    position: relative;
  letter-spacing: 0.1em;
}

.btn01>p:after {content: "";width: 0;height: 0;border-style: solid;border-width: 4.35px 0 4.35px 4.35px;border-color: transparent transparent transparent #9d8665;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.btn01:hover {
    opacity: 0.7;
    color: #9D8665;
}
.btn05 {
    max-width: 445px;
    width: 100%;
    background: #AB9A86;
    display: block;
    padding: 20px 10px;
    border: 1px solid #AB9A86;
}

.btn05>p {
    max-width: 155px;
    width: 100%;
    margin: auto;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 0 0 0 11px;
    position: relative;
}

.btn05>p:after {
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 4.35px 0 4.35px 4.35px;
   border-color: transparent transparent transparent #fff;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   }

.btn05:hover {
    background: #fff;
}

.btn05:hover>p {
    color: #AB9A86;
}

.btn05:hover>p:after {
        border-color: transparent transparent transparent #AB9A86;
}
.btn06 {
    max-width: 220px;
    width: 100%;
    color: #9D8665;
    font-size: 22px;
    text-align: center;
    font-family: 'Noto Sans JP';
    display: block;
    padding: 0 0 6.5px;
    border-bottom: 1px solid #AB9A86;
    font-weight: 500;
    letter-spacing: 1px;
}
.btn06>p:after {content: "";width: 0;height: 0;border-style: solid;border-width: 5.615px 0 5.615px 5.62px;border-color: transparent transparent transparent #9d8665;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
/*============
nav
=============*/
.hamBx {
    display: block;
}
.toggle_btn {
    display: flex;
    position: relative;
    width: 40px;
    height: 24.53px;
    transition: all .5s;
    cursor: pointer;
    z-index: 999999999;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.toggle_btnIn {
    width: 100%;
    height: 100%;
    position: relative;
}

.toggle_btn span {
	display: block;
	position: absolute;
	left: 0;
	height: 2px;
	background-color: #fff;
	transition: all .5s;
}

.toggle_btn span:nth-child(1) {
	top: 0%;
	width: 100%;
}

.toggle_btn span:nth-child(2) {
	top: 44%;
	width: 100%;
	max-width: 30px;
	right: 0;
	left: auto;
}

.toggle_btn span:nth-child(3) {
	bottom: 0%;
	width: 100%;
	max-width: 20px;
	right: 0;
	left: auto;
}

.hamBx.open span:nth-child(1) {
	-webkit-transform: translateY(10px) rotate(-315deg);
	transform: translateY(10px) rotate(-315deg);
	background: #fff;
	top: 5px;
}

.hamBx.open span:nth-child(2) {
	opacity: 0;
}

.hamBx.open span:nth-child(3) {
	-webkit-transform: translateY(10px) rotate(315deg);
	transform: translateY(10px) rotate(315deg);
	background: #fff;
	top: 5px;
    max-width: 100%;
}

.navConte {
	display: block;
	position: fixed;
	top: 0;
	width: 300px;
	background: #AB9A86;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: 3;
	opacity: 0;
	height: 100vh;
	top: -1000px;
	width: 100%;
}

.open .navConte {
	top: 0;
	opacity: 1;
	z-index: 9999;
	position: fixed;
	right: 0;
	left: 0;
	width: 100%;
}
.navConte .navBx {
    /* padding: 25px 0 0 85px; */
}

.navConte .navBx .navIt {
	list-style: none;
	margin: 221px 0 0;
	padding: 0;
}

.navConte .navBx .navIt .navPt {
	position: relative;
	margin: auto;
	max-width: 600px;
	width: 100%;
	text-align: center;
}

.navConte .navBx .navIt .navPt a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 10px 5px;
	text-decoration: none;
	transition-duration: 0.2s;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
}

.navConte .navBx .navIt .navPt a:hover {
	/* color: #fff; */
	opacity: .7;
}

.navArea {
	position: absolute;
    top: -1000px;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.tit01 {
  font-size: 22px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */  

.txt01{
    font-size: 14px;
}
.tit02 {
    font-size: 38px;
}
.btn02 {
    max-width: 140px;
}
.btn05 {
    padding: 30px 10px;
}
.slide-arrow.prev-arrow.slick-arrow {
    top: 50%;
}
.slide-arrow.next-arrow.slick-arrow {
    top: 50%;
}
/*-- カバー　--------------------------------------------------------------*/
.header.is-animation>.hInner {
    background: #ab9a86;
    padding: 15px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.tit01 {
  font-size: 30px;
}

/*-- ヘッダー　--------------------------------------------------------------*/

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.topAr05msk {
    padding: 43px 7.45% 47px 7.45%!important;
}
.topAr05MskTxt01 {
    font-size: 26px!important;
}
/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1500px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.topAr05MskTxt01 {
    letter-spacing: 4px!important;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1500px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1700px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1700px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1800px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1800px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.category_container{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
    margin-top: 60px;
}
@media screen and (max-width:768px) {
    .category_container{
        grid-template-columns: repeat(2, 1fr);
    }
}
.c6112.topAr05In{
    width: 50% !important;
}
@media screen and (max-width:768px) {
    .c6112.topAr05In{
        width: 100% !important;
    }
}
.topArNew{
    margin-top: 80px;
}
.topArNew .tit01{
    margin-bottom: 40px;
}
.topArNew .btn01{
    margin: 60px auto 0 auto;
}