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

.kiritori-box {
width: 1280px;
margin: 0 auto;
.in{
margin-left: -320px;
margin-right: -320px;
}
}

.mv-rel-box { width: 1280px; margin: 0 auto; position: relative; }
.mv-rel-box .mv-ttl { position: absolute; right: 120px; top: -20px; z-index: 99; }
.mv-sra {width: 3900px;margin: 0 auto;position: relative;left: -990px;}
.mv-sra .mv-sra-item { margin-left: 10px; margin-right: 10px; }
.mv-rel-box-u { position: relative; width: 1280px; margin: 0 auto; margin-bottom: 141px; }
.mv-rel-box-u .mv-deco { position: absolute; top: -130px; left: 49px; }
.mv-rel-box-u .hukidashi-box { width: 880px; height: 80px; border-radius: 20px; background: #00523f; margin-left: 350px; margin-top: 20px; padding-top: 24px; padding-left: 62px; }
.mv-rel-box-u .hukidashi-box .deco { position: absolute; left: 320px; top: 21px; }
.mv-rel-box-u .hukidashi-box .hukidashi .hukidashi-list { font-weight: bold; font-size: 22px; letter-spacing: 0.05em; text-align: left; color: #fff; }
.hukidashi-list { position: relative; list-style: none; margin: 0; padding: 0; }
.hukidashi-list li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; }
.hukidashi-list li.active { opacity: 1; visibility: visible; }
.hukidashi-list .char { display: inline-block; opacity: 0; white-space: pre; }
#c1 .inner { width: 1440px; margin: 0 auto; margin-bottom: 37px; }
#c1 .inner .ttl { margin-bottom: 53px; position: relative; left: 2px; }
#c1 .inner .system-default-list { width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c1 .inner .system-default-list .system-default-item { width: 440px; margin-right: 60px; }
#c1 .inner .system-default-list .system-default-item:nth-child(3n) { margin-right: 0px; }

#c1 .inner .system-default-list a:hover{
	text-decoration: none;
}
#c1 .inner .system-default-list .system-default-item:hover .system-ttl{
	text-decoration: underline;
}



#c1 .inner .system-default-list .system-default-item .system-pic { margin-bottom: 23px; }
#c1 .inner .system-default-list .system-default-item .system-pic img { aspect-ratio: 440 / 280; max-width: 100%; height: auto; border-radius: 20px; }
#c1 .inner .system-default-list .system-default-item .system-ttl { font-weight: bold; font-size: 24px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; margin-bottom: 12px; }
#c1 .inner .system-default-list .system-default-item .system-txt { font-weight: 500; font-size: 18px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #212121; margin-bottom: 14px; }
#c1 .inner .system-default-list .system-default-item .system-date { font-weight: 500; font-size: 18px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; background-image: url(../images/system/up.png); background-repeat: no-repeat; background-position: 0 8px; padding-left: 48px; }
#c2 { background-image: url(../images/index/c2-bg.png); background-repeat: no-repeat; background-position: center 0; background-color: #D1CA9F; padding-top: 350px; padding-bottom: 506px; }
#c2 .inner { width: 1600px; margin: 0 auto; }
#c2 .inner .flex { display: flex; flex-wrap: wrap; }
#c2 .inner .flex .box-l { width: 760px; }
#c2 .inner .flex .box-l .ttl { margin-bottom: 74px; }
#c2 .inner .flex .box-l .txt-box { font-weight: bold; font-size: 22px; letter-spacing: 0.05em; line-height: 46px; text-align: left; color: #212121; margin-bottom: 73px; }
#c2 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 46px; }
#c2 .inner .flex .box-l .more { position: relative; }
#c2 .inner .flex .box-r { width: 800px; position: relative; right: -120px; top: -10px; }
#c2 .inner .flex .box-r .kurukuru-box { position: absolute; top: 0; right: 0; z-index: 100; }
#c2 .inner .flex .box-r .kurukuru-box .txt-en { position: absolute; top: -124px; right: 37px; transform-origin: center center; animation: rotateSlow 25s linear infinite; }
#c2 .inner .flex .box-r .kurukuru-box .txt-img { position: absolute; top: -104px; right: 59px; }
#c2 .inner .flex .box-r .pic { position: relative; }
#c2 .inner .flex .box-r .deco { position: absolute; left: -80px; bottom: -40px; }
.o-box { background-image: url(../images/index/o-bnr-bg.png); background-repeat: no-repeat; background-position: center 0; height: 705px; padding-top: 160px; position: relative; top: -356px; }
.o-box .o-bnr { width: 1240px; margin: 0 auto; margin-bottom: 27px; }
.o-box .o-txt { width: 1240px; margin: 0 auto; font-weight: bold; font-size: 20px; line-height: 36px; text-align: center; color: #212121; }
#c3 { background-image: url(../images/index/c3-bg.png); background-repeat: no-repeat; background-position: center 0; padding-top: 509px; margin-top: -715px; height: 2332px; }
#c3 .inner { width: 1440px; margin: 0 auto; }
#c3 .inner .ttl { width: 543px; margin-bottom: 93px; margin-left: 2px; }
#c3 .inner .bnr-list { display: flex; flex-wrap: wrap; }
#c3 .inner .bnr-list li { width: 660px; margin-right: 120px; margin-bottom: 72px; }
#c3 .inner .bnr-list li a { color: #fff; }
#c3 .inner .bnr-list li:nth-child(2n) { margin-right: 0px; }
#c3 .inner .bnr-list .li-pic { margin-bottom: 37px; }
#c3 .inner .bnr-list .li-ttl { font-weight: bold; font-size: 32px; text-align: left; color: #fff; margin-bottom: 21px; }
#c3 .inner .bnr-list .li-ttl .ss { font-size: 24px; margin-left: -7px; position: relative; bottom: -2px; }
#c3 .inner .bnr-list .li-txt { font-weight: normal; font-size: 20px; line-height: 32px; text-align: left; color: #fff; width: 655px; }
#c4 {background-color: #EDE7D7;padding-top: 0px;padding-bottom: 99px;}
#c4 .inner { width: 1660px; margin: 0 auto; position: relative; }
#c4 .inner .ttl {
	text-align: right;
	margin-bottom: 40px;
	/* margin-top: -52px; */
	position: relative;
	top: -52px;
	margin-bottom: -12px;
}
#c4 .inner .list{
	display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}

#c4 .inner .list li {width: 400px;background-color: #fff;border-radius: 20px;padding: 73px 31px 60px;}
#c4 .inner .list .box-r .li-ttl {font-weight: bold;font-size: 32px;text-align: center;color: #212121;margin-bottom: 28px;}
#c4 .inner .list .box-r .li-txt {
font-weight: 500;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 34px;
text-align: left;
color: #212121;
}
#c4 .inner .list .box-r .li-txt small {
	display: block;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 36px;
	text-align: left;
	color: #212121;
	margin-top: 4px;
	}
.top-map-rel { position: relative; background-color: #F2F1E7; }
.top-map-rel img{
	width: 100%;
}
#c5 { padding-top: 200px; padding-bottom: 192px; margin-bottom: 121px; background-color: #F2F1E7; background-image: url(../images/index/c5-bg.png); background-repeat: no-repeat; background-position: center bottom -1px; }
#c5 .inner { width: 1760px; margin: 0 auto; position: relative; }
#c5 .inner .ttl { position: absolute; top: -310px; left: 30px; }
#c5 .inner .bnr-list {margin-left: 420px;display: flex;flex-wrap: wrap;}
#c5 .inner .bnr-list >li { width: 640px; margin-right: 60px; margin-bottom: 56px; }
#c5 .inner .bnr-list >li:nth-child(2n) { margin-right: 0px; }
#c5 .inner .bnr-list .li-bnr { margin-bottom: 31px; }
#c5 .inner .bnr-list .li-ttl { font-weight: bold; font-size: 32px; letter-spacing: 0.05em; text-align: left; color: #212121; margin-bottom: 20px; }
#c5 .inner .bnr-list .li-txt { font-weight: normal; font-size: 18px; letter-spacing: 0.05em; line-height: 34px; text-align: left; color: #212121; }
#c6 { margin-bottom: 134px; }
#c6 .inner { width: 1440px; margin: 0 auto; position: relative; }
#c6 .inner .ttl-box { position: absolute; top: 0; right: 0; padding-top: 6px; }
#c6 .inner .ttl { margin-bottom: 35px; }
#c6 .inner .sy-ch-sra { display: flex; flex-wrap: wrap; position: relative; left: 120px; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item { width: 440px; margin-right: 60px; margin-bottom: 24px; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-pic { margin-bottom: 22px; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-pic img { border-radius: 20px; aspect-ratio: 440 / 280; max-width: 100%; height: auto; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-ttl { font-weight: bold; font-size: 18px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; margin-bottom: 12px; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-txt{
	font-size: 15px;
	margin-bottom: 8px;
}
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-date {
	font-weight: 500;
        font-size: 18px;
        letter-spacing: 0.05em;
        line-height: 30px;
        text-align: left;
        color: #212121;
        background-image: url(../images/system/up.png);
        background-repeat: no-repeat;
        background-position: 0 8px;
        padding-left: 48px;
}
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-date2{
 font-weight: 500; font-size: 18px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121;
}


#c6 .inner .more { position: absolute; top: 220px; right: 0; }
#c6 .inner .sy-ch-sra.over { width: 1500px; left: -410px; }
#c6 .inner .sy-ch-sra.over .sy-ch-sra-item { width: 440px; margin-left: 30px; margin-right: 30px; margin-bottom: 24px; }
#c6 .arrows { width: 88px; margin-left: auto; z-index: 10; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#c6 .arrows > div { width: 40px; height: 40px; background-image: url(../images/index/sra-deco.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; background-color: #fff; }
#c6 .arrows > div:hover { cursor: pointer; cursor: hand; background-image: url(../images/index/sra-deco-on.png); }
#c6 .arrows .slick_mae { left: -32px; }
#c6 .arrows .slick_ushiro { right: -32px; transform: scale(-1, 1); }
#c7 .inner { width: 1440px; margin: 0 auto; margin-bottom: 151px; position: relative; }
#c7 .inner .ttl { width: 583px; position: absolute; top: -81px; left: 0; }
#c7 .inner .deco {position: absolute;top: -119px;right: 20px;z-index: 10;}
#c7 .inner .bnr-list { width: 910px; margin-left: auto; display: flex; flex-wrap: wrap; margin-right: 137px; }
#c7 .inner .bnr-list >li { width: 440px; margin-right: 30px; position: relative;}
#c7 .inner .bnr-list >li:nth-child(2n) { margin-right: 0px; }
.top-bg-wap { background-image: url(../images/index/bg-wap.png),url(../images/common/gurade.png); background-repeat: no-repeat; background-position: center top,center bottom; padding-top: 256px; background-color: #F2F1E7; }
.top-bg-wap #c8 { margin-bottom: 120px; }
.top-bg-wap #c8 .inner { width: 1200px; margin: 0 auto; }
.top-bg-wap #c8 .inner .flex { display: flex; flex-wrap: wrap; }
.top-bg-wap #c8 .inner .flex .box-l { width: 260px; padding-left: 2px; }
.top-bg-wap #c8 .inner .flex .box-l .ttl {width: 139px;margin-bottom: 90px;}
.top-bg-wap #c8 .inner .flex .box-l .more-btn{
	margin-left: -2px;
}
.top-bg-wap #c8 .inner .flex .box-r { width: 860px; margin-left: 80px; position: relative; top: 6px; }
.top-bg-wap #c8 .inner .flex .box-r .accordion { border-bottom: 1px solid #212121; }
.top-bg-wap #c9 { background-image: url(../images/index/c9-bg.png); background-repeat: no-repeat; background-position: center 0; padding-top: 560px; margin-bottom: 135px; margin-top: -565px; }
.top-bg-wap #c9 .inner { width: 1200px; margin: 0 auto; background-color: #FFFFFF; border-radius: 40px; padding: 80px 80px 80px 143px; }
.top-bg-wap #c9 .inner .flex { display: flex; flex-wrap: wrap; }
.top-bg-wap #c9 .inner .flex .box-l { width: 340px; margin-right: 77px; padding-top: 5px; }
.top-bg-wap #c9 .inner .flex .box-l .ttl { width: 272px; margin-bottom: 52px; }
.top-bg-wap #c9 .inner .flex .box-l .s-ttl { font-weight: bold; font-size: 18px; letter-spacing: 0.05em; text-align: left; color: #212121; margin-bottom: 3px; }
.top-bg-wap #c9 .inner .flex .box-l .txt-1 { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; margin-bottom: 24px; }
.top-bg-wap #c9 .inner .flex .box-l .link-1 a { font-weight: normal; text-decoration: underline; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; background-image: url(../images/index/c9-deco-01.png); background-repeat: no-repeat; background-position: 0 5px; padding-left: 28px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 2px; display: block; }
.top-bg-wap #c9 .inner .flex .box-l .link-2 a { font-weight: normal; text-decoration: underline; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #212121; background-image: url(../images/index/c9-deco-02.png); background-repeat: no-repeat; background-position: 0 10px; padding-left: 28px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 7px; display: block; }
.top-bg-wap #c9 .inner .flex .box-r { width: 560px; height: 400px; border-radius: 10px; overflow: hidden; }
.nagare-move-u { margin-top: -40px; --nagare-w: 2600px; --nagare-h: 400px; --nagare-speed: 80s; background-image: url(../images/index/c5-nagare.png); background-repeat: repeat-x; background-position: 0 0; background-size: auto var(--nagare-h); width: 100%; height: var(--nagare-h); animation: nagare-left var(--nagare-speed) linear infinite; will-change: background-position; }

.accordion { margin-bottom: 10px; }
.accordion-header {padding: 26px 120px 36px 0;cursor: pointer;outline: none;font-weight: bold;position: relative;list-style: none;font-weight: bold;font-size: 22px;letter-spacing: 0.05em;line-height: 40px;text-align: left;color: #212121;}
.accordion-content { padding: 0px 120px 40px 0; font-weight: normal; font-size: 18px; letter-spacing: 0.05em; line-height: 34px; text-align: left; color: #212121; }
.accordion-header::after {content: '';position: absolute;right: -1px;top: -10px;bottom: 0;margin-top: auto;margin-bottom: auto;transition: transform 0.2s ease-in-out;background-image: url(../images/index/c8-deco.png);background-repeat: no-repeat;background-position: center center;width: 42px;height: 42px;}
.accordion[open] .accordion-header::after { transform: rotate(45deg); }
.accordion .accordion-header::-webkit-details-marker { display: none; }
@keyframes rotateSlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes nagare-left {
  from { background-position-x: 0; }
  to { background-position-x: calc(-1 * var(--nagare-w)); }
}
@media (prefers-reduced-motion: reduce) {
  .nagare-move-u { animation: none; }
}


}

@media screen and (min-width: 766px) and (max-width: 1780px) {

.mv-sra{
        width: 3200px;
        left: -645px;
}
.mv-rel-box .mv-ttl{
	top: -10px;
}
.mv-sra .mv-sra-item img{
	width: 100%;
}

#c1 .inner{
	width: 1200px;
}
#c1 .inner .system-default-list{
	width: 1200px;
}
.mv-rel-box-u{
	margin-bottom: 120px;
}
#c1 .inner .system-default-list .system-default-item{
	width: 32%;
	margin-right: 2%;
}




#c2{
	padding-top: 228px;
	        padding-bottom: 440px;
}

#c2 .inner{
	width: 1200px;
}

#c2 .inner .flex .box-l .ttl{
	width: 440px;
}
#c2 .inner .flex .box-l .ttl img{
	width: 100%;
}
    #c2 .inner .flex .box-l {
        width: 591px;
    }
	    #c2 .inner .flex .box-r {
        width: 600px;
        position: relative;
        right: 0px;
        top: -10px;
    }
	#c2 .inner .flex .box-r .pic img{
		width: 100%;
	}

#c2 .inner .flex .box-r .kurukuru-box .txt-en{
        width: 260px;
        right: -9px;
}
#c2 .inner .flex .box-r .kurukuru-box .txt-en img{
	width: 100%;
}

	#c2 .inner .flex .box-r .kurukuru-box .txt-img{
        width: 220px;
        right: 8px;
	}
	#c2 .inner .flex .box-r .kurukuru-box .txt-img img{
		width: 100%;
	}
.o-box .o-bnr{
	width: 1200px;
}

.o-box .o-bnr img{
	width: 100%;
}

#c3 .inner{
	width: 1200px;
	margin: 0 auto;
}
#c3 .inner .bnr-list li{
	width: 48%;
	margin-right: 4%;}

#c3 .inner .bnr-list li img{
	width: 100%;
}
#c3 .inner .bnr-list .li-txt{
	width: 100%;
}
#c4 .inner {
        width: 1200px;
    }
#c4 .inner .list li{
	width: 24%;
	padding: 73px 24px 60px;
}
#c4 .inner .list .box-r .li-ttl{
	        font-size: 24px;
}
    #c4 .inner .list .box-r .li-txt {
        font-size: 15px;
        line-height: 1.65;
    }
    #c4 .inner .list .box-r .li-txt small {
        font-size: 12px;
        line-height: 1.65;
    }
    .nagare-move-u {
        margin-top: -29px;
        --nagare-w: 1420px;
        --nagare-h: 218px;
    }
#c5 .inner{
	width: 1200px;
	margin: 0 auto;
}

    #c5 {
        padding-top: 88px;
        padding-bottom: 192px;
        margin-bottom: 121px;
    }

    #c5 .inner .ttl {
        position: absolute;
        top: -120px;
        left: 30px;
        width: 180px;
    }
    #c5 .inner .ttl img{
width: 100%;
    }

    #c5 .inner .bnr-list {
        margin-left: 260px;
  
    }

    #c5 .inner .bnr-list >li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 56px;
    }
 #c5 .inner .bnr-list >li img{
	width: 100%;
 }

 #c5 .inner .bnr-list .li-ttl {
        font-size: 26px;
    }
	    #c5 .inner .bnr-list .li-txt {
        font-size: 16px;
		line-height: 1.8;
    }
    #c6 {
        margin-bottom: 240px;
    }
	    #c6 .inner {
        width: 1200px;
    }

    #c6 .inner .sy-ch-sra {
        left: -16px;
    }
#c6 .inner .sy-ch-sra .sy-ch-sra-item {
        margin-right: 32px;
    }


#c6 .inner .sy-ch-sra.over{
	        width: 1500px;
	        left: -610px;
}

#c6 .inner .sy-ch-sra.over .sy-ch-sra-item {
        margin-right: 16px;
    }
#c7 .inner{
	        width: 1200px;
	        margin-bottom: 64px;
}

    #c7 .inner .ttl {
        top: -191px;
    }

#c7 .inner .bnr-list{
	        margin-right: 0px;

}


}

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

    .sp-header .h-logo {
        position: relative;
        width: 25.362vw;
        margin-top: 3.14vw;
        margin-left: 4.106vw;
        margin-bottom: 16.667vw;
    }

.mv-rel-box { width: 100%; margin: 0 auto; position: relative; }
.mv-rel-box .mv-ttl {position: absolute;right: 11.353vw;top: -7.246vw;z-index: 99;width: 30.676vw;}
.mv-sra {width: 255.072vw;margin: 0 auto;position: relative;left: -77.295vw;}
.mv-sra .mv-sra-item {margin-left: 1.932vw;margin-right: 1.932vw;}
.mv-rel-box-u {position: relative;width: 100%;margin: 0 auto;margin-bottom: 18.599vw;}
.mv-rel-box-u .mv-deco {position: absolute;top: -33.575vw;right: 4.106vw;width: 35.507vw;}
.mv-rel-box-u .hukidashi-box {width: 91.787vw;height: 18.116vw;margin: 0 auto;border-radius: 2.415vw;background: #00523f;margin-top: 16.908vw;padding-top: 3.623vw;padding-left: 7.971vw;}
.mv-rel-box-u .hukidashi-box .deco {position: absolute;width: 3.744vw;margin: 0 auto;left: 0;right: 0;top: -5.797vw;}
.mv-rel-box-u .hukidashi-box .hukidashi .hukidashi-list {font-weight: bold;color: #fff;font-size: 3.623vw;letter-spacing: 0.05em;line-height: 5.797vw;text-align: center;}
.hukidashi-list { position: relative; list-style: none; margin: 0; padding: 0; }
.hukidashi-list li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; }
.hukidashi-list li.active { opacity: 1; visibility: visible; }
.hukidashi-list .char { display: inline-block; opacity: 0; white-space: pre; }
#c1 .inner {width: 100%;margin: 0 auto;margin-bottom: 0.242vw;}
#c1 .inner .ttl {width: 79.227vw;margin-bottom: 12.319vw;margin-left: 4.589vw;}



#c1 .inner .system-default-list {width: 82.126vw;margin: 0 auto;display: flex;flex-wrap: wrap;}
#c1 .inner .system-default-list .system-default-item {width: 100%;margin-bottom: 7.729vw;}


#c1 .inner .system-default-list.over {width: 260.87vw;margin: 0 auto;display: flex;flex-wrap: wrap;position: relative;left: -80.435vw;}
#c1 .inner .system-default-list.over  .system-default-item { width: 100%; margin-right: 2.415vw; margin-left: 2.415vw; }


#c1 .inner .system-default-list .system-default-item .system-pic {margin-bottom: 3.865vw;}
#c1 .inner .system-default-list .system-default-item .system-pic img { aspect-ratio: 440 / 280; max-width: 100%; height: auto; border-radius: 4.831vw; }
#c1 .inner .system-default-list .system-default-item .system-ttl {font-weight: bold;text-align: left;color: #212121;margin-bottom: 1.449vw;font-size: 4.831vw;letter-spacing: 0.05em;line-height: 7.246vw;}
#c1 .inner .system-default-list .system-default-item .system-txt {font-weight: 500;text-align: left;color: #212121;margin-bottom: 3.623vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 7.246vw;}
#c1 .inner .system-default-list .system-default-item .system-date {font-weight: 500;text-align: left;color: #212121;background-image: url(../images/system/sp-up.png);background-repeat: no-repeat;background-position: 0 0.725vw;background-size: 8.454vw;padding-left: 9.903vw;font-size: 3.623vw;letter-spacing: 0.05em;line-height: 6.039vw;}

#c1 .rel-box{
	position: relative;
}

#c1 .sp-arrows { width: 100%; margin-left: auto; z-index: 10; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#c1 .sp-arrows > div {width: 9.662vw;height: 9.662vw;background-image: url(../images/index/sp-sra-deco.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;position: absolute;z-index: 100;top: 21.256vw;}

#c1 .sp-arrows > div:active { background-image: url(../images/index/sp-sra-deco-on.png); }

#c1 .sp-arrows .sp-slick_mae {left: 4.106vw;}
#c1 .sp-arrows .sp-slick_ushiro {right: 4.106vw;transform: scale(-1, 1);}


#c2 {background-image: url(../images/index/sp-c2-bg.png);background-repeat: no-repeat;background-position: center -1px;background-color: #D1CA9F;background-size: 100%;padding-top: 33.575vw;padding-bottom: 24.638vw;position: relative;}
#c2 .inner { width: 100%; margin: 0 auto; }
#c2 .inner .flex {/* display: flex; *//* flex-wrap: wrap; */}
#c2 .inner .flex .box-l { width: 100%; }
#c2 .inner .flex .box-l .ttl {margin-bottom: 13.768vw;margin-left: 8.937vw;width: 74.638vw;}
#c2 .inner .flex .box-l .txt-box {font-weight: bold;color: #212121;margin-bottom: 13.043vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.696vw;color: #f2f1e7;}
#c2 .inner .flex .box-l .txt-box .p-mb {margin-bottom: 8.696vw;}
#c2 .inner .flex .box-l .more {width: 62.319vw;position: relative;}
#c2 .inner .flex .box-r {/* width: 100%; *//* height: 72.464vw; *//* position: relative; */right: -28.986vw;top: -2.415vw;}
#c2 .inner .flex .box-r .kurukuru-box {position: absolute;top: 100.483vw;right: 0;z-index: 140;/* width: 33.454vw; */}
#c2 .inner .flex .box-r .kurukuru-box .txt-en {position: absolute;top: -29.227vw;right: 4.106vw;transform-origin: center center;animation: rotateSlow 25s linear infinite;width: 33.454vw;}
#c2 .inner .flex .box-r .kurukuru-box .txt-img {position: absolute;top: -26.087vw;right: 7.246vw;width: 27.053vw;}
#c2 .inner .flex .box-r .pic {position: relative;display: none;}
#c2 .inner .flex .box-r .deco {position: absolute;right: 4.106vw;bottom: -3.382vw;width: 41.787vw;z-index: 10;}

#c2 .sp-bg{
	background-image: url(../images/index/sp-c2-pic.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
	height: 192.271vw;
	padding: 30.435vw 8.937vw 4.831vw;
}

.sp-bg-ch {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  pointer-events: none;
}

.sp-bg-ch.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


.o-box {
	background-image: url(../images/index/sp-o-bnr-bg.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #F2F1E7;
	background-size: 100%;
	/* height: 170.29vw; */
	padding-top: 26.087vw;
	position: relative;
	/* top: -85.99vw; */
	padding-bottom: 18.599vw;
	}



.o-box .o-bnr {width: 91.787vw;margin: 0 auto;margin-bottom: 6.522vw;}
.o-box .o-txt {width: 100%;margin: 0 auto;font-weight: bold;color: #212121;font-size: 3.865vw;line-height: 7.246vw;text-align: center;}
#c3 {background-image: url(../images/index/sp-c3-bg.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;padding-top: 28.986vw;/* margin-top: -172.705vw; */height: 496.739vw;}
#c3 .inner {width: 82.126vw;margin: 0 auto;}
#c3 .inner .ttl {width: 68.116vw;margin-bottom: 11.111vw;margin-left: 0.483vw;position: relative;left: -0.483vw;}
#c3 .inner .bnr-list { display: flex; flex-wrap: wrap; }
#c3 .inner .bnr-list li {width: 100%;/* margin-right: 28.986vw; */margin-bottom: 12.802vw;}
#c3 .inner .bnr-list li a { color: #fff; }
#c3 .inner .bnr-list li:nth-child(2n) { margin-right: 0px; }
#c3 .inner .bnr-list .li-pic {margin-bottom: 5.556vw;}
#c3 .inner .bnr-list .li-ttl {font-weight: bold;font-size: 7.729vw;text-align: left;color: #fff;margin-bottom: 1.691vw;font-size: 5.314vw;text-align: left;}
#c3 .inner .bnr-list .li-ttl .ss {font-size: 5.797vw;font-size: 3.865vw;margin-left: -1.691vw;position: relative;bottom: -0.483vw;}
#c3 .inner .bnr-list .li-txt {font-weight: normal;color: #fff;width: 100%;font-size: 3.382vw;line-height: 6.28vw;text-align: left;}
#c4 {background-color: #EDE7D7;padding-top: 10.903vw;padding-bottom: 14.493vw;}
#c4 .inner { width: 100%; margin: 0 auto; position: relative; }

#c4 .inner .ttl {width: 73.913vw;margin: 0 auto;margin-bottom: 7.005vw;}
#c4 .inner .list li {width: 86.957vw;margin: 0 auto;border-radius: 4.831vw;background: #fff;padding: 9.903vw 4.831vw 8.937vw;margin-bottom: 4.831vw;}
#c4 .inner .list li .li-ttl{font-weight: bold;font-size: 5.314vw;text-align: center;color: #212121;margin-bottom: 2.174vw;}
#c4 .inner .list li .li-txt{
font-weight: 500;
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
text-align: left;
color: #212121;
}
#c4 .inner .list li .li-txt small{
	display: block;
	font-weight: 500;
	font-size: 2.899vw;
	letter-spacing: 0.05em;
	/* line-height: 8.696vw; */
	text-align: left;
	color: #212121;
	margin-top: 0.725vw;
	margin-bottom: -0.242vw;
}

#c4 .inner .list .flex .box-r {width: 100%;/* padding-top: 4.831vw; *//* margin-left: 9.662vw; */}
#c4 .inner .list .flex .box-r .li-ttl {font-weight: bold;font-size: 7.729vw;text-align: left;color: #212121;margin-bottom: 1.449vw;font-size: 5.314vw;text-align: left;}
#c4 .inner .list .flex .box-r .li-txt {font-weight: 500;text-align: left;color: #212121;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}
#c4 .inner .list .flex .box-r .li-txt small { display: block; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 8.696vw; margin-top: 1.449vw; }
.top-map-rel { position: relative; background-color: #F2F1E7; }
.top-map-rel .sp-only{
	position: absolute;
	bottom: -11.836vw;
	right: 0;
}

#c5 {padding-top: 16.425vw;padding-bottom: 27.536vw;margin-bottom: 19.807vw;background-color: #F2F1E7;background-image: url(../images/index/sp-c5-bg.png);background-repeat: no-repeat;background-position: center bottom -1px;background-size: 100%;}
#c5 .inner { width: 100%; margin: 0 auto; position: relative; }
#c5 .inner .ttl {width: 65.58vw;margin-left: 8.937vw;margin-bottom: 9.903vw;/* position: absolute; *//* top: -74.879vw; *//* left: 7.246vw; */}
#c5 .inner .bnr-list {width: 82.126vw;margin: 0 auto;display: flex;flex-wrap: wrap;}
#c5 .inner .bnr-list >li {width: 100%;margin-bottom: 7.005vw;}
#c5 .inner .bnr-list >li:nth-child(2n) { margin-right: 0px; }
#c5 .inner .bnr-list .li-bnr {margin-bottom: 3.623vw;}
#c5 .inner .bnr-list .li-ttl {font-weight: bold;text-align: left;color: #212121;margin-bottom: 1.932vw;font-size: 5.314vw;letter-spacing: 0.05em;}
#c5 .inner .bnr-list .li-txt {font-weight: normal;text-align: left;color: #212121;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 6.28vw;}
#c6 {margin-bottom: 21.981vw;}
#c6 .inner { width: 100%; margin: 0 auto; position: relative; }
#c6 .inner .ttl-box {padding-top: 1.449vw;}
#c6 .inner .ttl {width: 67.633vw;margin: 0 auto;margin-bottom: 9.903vw;}
#c6 .inner .sy-ch-sra { display: flex; flex-wrap: wrap; position: relative; left: 28.986vw; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item { width: 100%; margin-right: 14.493vw; margin-bottom: 5.797vw; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-pic {margin-bottom: 4.348vw;}
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-pic img { border-radius: 4.831vw; aspect-ratio: 440 / 280; max-width: 100%; height: auto; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-ttl {font-weight: bold;text-align: left;color: #212121;margin-bottom: 1.691vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 5.797vw;margin-left: 0px;}


#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-ttl { font-weight: bold; font-size: 4.348vw; letter-spacing: 0.05em; line-height: 7.246vw; text-align: left; color: #212121; margin-bottom: 2.899vw; }
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-txt{
	font-size: 3.382vw;
	margin-bottom: 1.932vw;
line-height: 1.7;
}
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-date {
	font-weight: 500;
	font-size: 3.623vw;
	letter-spacing: 0.05em;
	line-height: 7.246vw;
	text-align: left;
	color: #212121;
	background-image: url(../images/system/up.png);
	background-repeat: no-repeat;
	background-position: 0 1.449vw;
	padding-left: 11.594vw;
}
#c6 .inner .sy-ch-sra .sy-ch-sra-item .system-date2 {font-weight: 500;text-align: left;color: #212121;font-size: 2.899vw;letter-spacing: 0.05em;line-height: 4.831vw;margin-left: 0.483vw;}




#c6 .inner .more {top: 53.14vw;right: 0;width: 62.802vw;margin: 0 auto;}
#c6 .inner .sy-ch-sra.over {width: 234.058vw;left: -66.908vw;}
#c6 .inner .sy-ch-sra.over .sy-ch-sra-item {width: 100%;margin-left: 2.053vw;margin-right: 2.053vw;margin-bottom: 6.763vw;}

#c6 .arrows {width: 91.787vw;margin: 0 auto;z-index: 10;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;position: absolute;left: 0;right: 0;top: 49.517vw;}
#c6 .arrows > div {width: 9.662vw;height: 9.662vw;background-image: url(../images/index/sp-sra-deco.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;/* background-color: #fff; */}
#c6 .arrows > div:hover { cursor: pointer; cursor: hand; background-image: url(../images/index/sp-sra-deco-on.png); }
#c6 .arrows .slick_mae { left: -7.729vw; }
#c6 .arrows .slick_ushiro { right: -7.729vw; transform: scale(-1, 1); }

#c7 .inner {width: 100%;margin: 0 auto;margin-bottom: 28.502vw;position: relative;}
#c7 .inner .ttl {width: 71.135vw;margin-left: 8.937vw;margin-bottom: 11.111vw;}
#c7 .inner .deco {position: absolute;top: 31.884vw;right: 8.937vw;width: 28.986vw;}
#c7 .inner .bnr-list {width: 91.787vw;margin: 0 auto;}
#c7 .inner .bnr-list >li {width: 100%;margin-bottom: 3.382vw;}
#c7 .inner .bnr-list >li:nth-child(2n) { margin-right: 0px; }
.top-bg-wap {background-image: url(../images/index/sp-bg-wap.png),url(../images/common/sp-gurade.png);background-repeat: no-repeat;background-position: center top,center bottom;background-size: 100%;padding-top: 27.295vw;background-color: #F2F1E7;}
.top-bg-wap #c8 {width: 82.126vw;margin: 0 auto;margin-bottom: 28.986vw;}
.top-bg-wap #c8 .inner { width: 100%; margin: 0 auto; }
.top-bg-wap #c8 .inner .flex { display: flex; flex-wrap: wrap; }
.top-bg-wap #c8 .inner .flex .box-l { width: 100%; padding-left: 0.483vw; }
.top-bg-wap #c8 .inner .flex .box-l .ttl {width: 28.865vw;margin-bottom: 3.763vw;}
.top-bg-wap #c8 .inner .flex .box-r {width: 100%;position: relative;top: 1.449vw;}
.top-bg-wap #c8 .inner .flex .box-r .accordion {/* border-bottom: 1px solid #212121; */}
.top-bg-wap #c9 {background-image: url(../images/index/sp-c9-bg.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;padding-top: 71.981vw;margin-bottom: 28.502vw;margin-top: -20.531vw;}
.top-bg-wap #c9 .inner {width: 91.787vw;margin: 0 auto;background-color: #FFFFFF;border-radius: 2.415vw;padding: 13.285vw 4.831vw 8.937vw;}
.top-bg-wap #c9 .inner .flex { display: flex; flex-wrap: wrap; }

.top-bg-wap #c9 .inner .flex .box-l {width: 100%;padding-top: 1.208vw;}
.top-bg-wap #c9 .inner .flex .box-l .ttl {width: 43.841vw;margin-bottom: 9.42vw;}
.top-bg-wap #c9 .inner .flex .box-l .s-ttl { font-weight: bold; font-size: 4.348vw; letter-spacing: 0.05em; text-align: left; color: #212121; margin-bottom: 0.725vw; }
.top-bg-wap #c9 .inner .flex .box-l .txt-1 {font-weight: normal;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 7.246vw;text-align: left;color: #212121;margin-bottom: 2.657vw;}
.top-bg-wap #c9 .inner .flex .box-l .link-1 a {font-weight: normal;text-decoration: underline;text-align: left;color: #212121;background-image: url(../images/index/sp-c9-deco-01.png);background-repeat: no-repeat;background-position: 0 1.208vw;background-size: 3.812vw;padding-left: 6.039vw;padding-top: 0.966vw;padding-bottom: 0.966vw;margin-bottom: 0.242vw;display: block;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 5.797vw;}
.top-bg-wap #c9 .inner .flex .box-l .link-2 a {font-weight: normal;text-decoration: underline;text-align: left;color: #212121;background-image: url(../images/index/sp-c9-deco-02.png);background-repeat: no-repeat;background-position: 0px 1.932vw;background-size: 3.812vw;padding-left: 6.039vw;padding-top: 0.966vw;padding-bottom: 0.966vw;margin-bottom: 1.691vw;display: block;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 5.797vw;}
.top-bg-wap #c9 .inner .flex .box-r {
	width: 100%;
	height: 43.478vw;
	border-radius: 2.415vw;
	overflow: hidden;
	margin-bottom: 4.348vw;
	}
.nagare-move-u {margin-top: 0px;--nagare-w: 263.527vw;--nagare-h: 40.58vw;--nagare-speed: 50s;background-image: url(../images/index/sp-c5-nagare.png);background-repeat: repeat-x;background-position: 0 0;background-size: auto var(--nagare-h);width: 100%;height: var(--nagare-h);animation: nagare-left var(--nagare-speed) linear infinite;will-change: background-position;}

.accordion { margin-bottom: 2.415vw; }
.accordion-header {padding: 6.039vw 9.662vw 4.831vw 0;cursor: pointer;outline: none;position: relative;list-style: none;font-weight: bold;text-align: left;color: #212121;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 7.246vw;border-bottom: 1px solid #212121;}
.accordion-content {padding: 5.072vw 0px 4.589vw 0;font-weight: normal;text-align: left;color: #212121;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}
.accordion-header::after {content: '';position: absolute;right: 0px;top: 6.522vw;transition: transform 0.2s ease-in-out;background-image: url(../images/index/sp-c8-deco.png);background-repeat: no-repeat;background-position: center 0;background-size: cover;width: 7.246vw;height: 7.246vw;}
.accordion[open] .accordion-header::after { transform: rotate(45deg); }
.accordion .accordion-header::-webkit-details-marker { display: none; }
@keyframes rotateSlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes nagare-left {
  from { background-position-x: 0; }
  to { background-position-x: calc(-1 * var(--nagare-w)); }
}
@media (prefers-reduced-motion: reduce) {
  .nagare-move-u { animation: none; }
}
}