@charset "UTF-8";
@media screen and (min-width: 768px),
print {
    
 .kiritori-box { width: 1280px; margin: 0 auto; .in { margin-left: -320px; margin-right: -320px; }
 }

html{
overflow-x: hidden;
}

.nagare-move-u { margin-top: 8px; --nagare-w: 2860px; /* 背景画像の横幅 */
		--nagare-h: 580px; /* 背景画像の高さ */
		--nagare-speed: 150s; /* 1周する時間。長いほどゆっくり */
		background-image: url(../images/index/mv.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; }
/* ← 左方向に流す */
	@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; }
 }
.cc-btn-01 { a { display: block; width: 500px; height: 74px; margin: 0 auto; border: 1px solid #575757; margin-top: 50px; font-size: 16px; letter-spacing: 0.05em; text-align: center; color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right center; &:hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }
.cc-btn-02 { a { display: block; width: 500px; height: 74px; margin: 0 auto; background: #1a1a1a; margin-top: 50px; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; text-align: center; color: #fff; background-image: url(../images/index/btn-deco-01.svg); background-repeat: no-repeat; background-position: right 24px center; background-size: 7.5px 10px; padding-top: 22px; &:hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }
.mv-u-rel { max-width: 1920px; width: 100%; position: relative; .deco {position: absolute;top: -102px;right: 67px;}
 }
.bg-wap-lead { background-color: #F5F5E8; padding-top: 53px; padding-bottom: 106px; }
/*============================
#top-lead
============================*/
	#top-lead { margin-bottom: 51px; .ttl { font-family: "Noto Sans JP", sans-serif; font-weight: bold; font-size: 57px; letter-spacing: 0.15em; line-height: 88px; text-align: center; color: #070001; margin-bottom: 7px; position: relative; left: 5px; .ss { color: #3878E8; display: block; position: relative; top: -8px; left: 9px; }
 }
.txt { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 19px; letter-spacing: 0.2em; line-height: 36px; text-align: center; color: #070001; position: relative; left: 2px; }
 }
.top-nav-list { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; padding-left: 180px;
	li { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; text-align: left; color: #070001; margin-right: 32.3px; }

		li:hover .ss2{
		text-decoration: underline;
		}

	li a:hover{
		text-decoration: none;
	}

.ss { color: #3878e8; margin-right: 5px; position: relative; top: -3px; }
 }
/*============================
#c1
============================*/
	#c1 { background-color: #F5F5E8; .inner { width: 1450px; margin: 0 auto; background-color: #fff; padding-top: 91px; padding-bottom: 110px; position: relative; z-index: 10; .deco { position: absolute; top: 66px; right: 136px; }
.ttl { font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 51px; letter-spacing: 0.03em; text-align: center; color: #3878e8; margin-bottom: 13px; }
.txt { font-weight: 500; font-size: 16px; letter-spacing: 0.1em; text-align: center; color: #070001; margin-bottom: 42px; }
 }
 }
/* ★ c1 event -------------------------------------*/
	/* 一覧 -------------------------------------*/
	#c1 .system-default-list { margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, 310px); /* ← 幅固定で自動折り返し */
		justify-content: start; /* 左詰めに */
		row-gap: 30px; column-gap: 30px; max-width: 990px; margin: 0 auto; padding: 0; .system-default-item { background-color: #FAFAF5; padding: 40px 30px 44px; position: relative; a:hover { text-decoration: none; .system-ttl { text-decoration: underline; }
 }
 }
.system-pic { margin-bottom: 16px; text-align: center; }
.system-pic img { width: 100%; height: 100%; aspect-ratio: 150 / 190; object-fit: cover;}
.system-pic.event-off img { filter: grayscale(1); }
.sy_radio-box { >p { padding: 5px 0px 5px; text-align: center; display: inline-block; position: absolute; top: 0; left: 0; color: #fff; font-size: 14px; letter-spacing: 0.1em; line-height: 16px; text-align: center; color: #fff; width: 62px; }
 }
.sy_radio-1 { background-color: #3878E8; }
.sy_radio-2 { background-color: #F5F5E8; color: #000!important; }
.system-ttl { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; text-align: left; color: #070001; line-height: normal; margin-bottom: 9px; }
.system-info { margin-top: 8px; .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 9px; &:last-child { margin-bottom: 0; }
.system-box-l { width: 52px; text-align: center; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; text-align: center; color: #070001; border-bottom: 1px solid #3878E8; padding-bottom: 6px; line-height: normal; .system-color { }
 }
.system-box-r { width: calc(100% - 52px); font-weight: normal; font-size: 14px; text-align: left; color: #070001; border-bottom: 1px solid #CCCCCC; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; line-height: normal; span:nth-child(n+2)::before { content: "・"; }
 }
 }
 }
 }
/*============================
#c2
============================*/
	#c2 { position: relative; min-height: 500px; background-image: url(../images/index/kotei.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding-top: 230px; padding-bottom: 70px; margin-top: -101px; .inner { width: 1200px; margin: 0 auto; position: relative; .ttl { position: absolute; top: 0; left: 16px; }
.list { width: 1000px; margin-left: auto; li { margin-bottom: 67px; }
.li-pic { margin-bottom: 14px; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); }
.li-txt { font-size: 14px; letter-spacing: 0.05em; line-height: 23px; text-align: center; color: #575757; }
 }
 }
 }
/*============================
#c3
============================*/
	#c3 { background-color: #F5F5E8; padding-top: 113px; padding-bottom: 220px; .inner { width: 1715px; margin: 0 auto; .txt-01 { font-weight: 500; font-size: 18px; letter-spacing: 0.1em; line-height: 22px; text-align: center; color: #070001; margin-bottom: 23px; }
.ttl { margin-bottom: 27px; text-align: center; .ss1 { font-family: "Work Sans", sans-serif; font-weight: 500; font-size: 94px; letter-spacing: 0.1em; color: #3878e8; position: relative; left: 15px; top: 4px; }
.ss2 { font-weight: bold; font-size: 41px; letter-spacing: 0.1em; color: #3878e8; position: relative; left: 0px; top: 4px; }
.ss3 { font-weight: bold; font-size: 36px; letter-spacing: 0.1em; color: #070001; position: relative; left: -6px; top: 2px; }
.ss4 { font-weight: bold; font-size: 54px; letter-spacing: 0.1em; line-height: 61px; text-align: left; color: #070001; position: relative; left: -8px; }
 }
.txt-02 { font-size: 16px; letter-spacing: 0.05em; text-align: center; color: #070001; margin-bottom: 55px; line-height: normal; }
.bg-box { background-image: url(../images/index/haitei-ue-01.png), url(../images/index/haitei-ue-02.png), url(../images/index/bg-ptn-03.png); background-repeat: no-repeat, no-repeat, repeat; background-position: center top, center bottom, center; .link-list { width: 1225px; margin: 0 auto; position: relative; left: 44px; margin-bottom: -20px; li { margin-bottom: 80px; a { &:hover { text-decoration: none; }
 }
 }
.flex { display: flex; flex-wrap: wrap; }
.flex .box-l { width: 564px; margin-right: 71px; }
.flex .box-r { width: 590px; position: relative; padding-top: 15px; &.ano1 { padding-top: 6px; .s-txt-01 { margin-bottom: 4px; }
.s-ttl { margin-bottom: 40px; }
.s-txt-02 { padding-left: 0px; }
 }
&.ano2 { .s-txt-01 { margin-bottom: 8px; padding-left: 0px; }
.s-ttl { line-height: 1.14; margin-bottom: 45px; }
.s-txt-02 { padding-left: 0px; }
 }
 }
.flex .box-r .s-ttl { font-family: "Noto Sans JP", sans-serif; font-weight: bold; font-size: 76px; line-height: 90px; text-align: left; margin-bottom: 10px; }
.flex .box-r .s-ttl .ss { font-size: 66px; }
.flex .box-r .s-ttl .iro { color: #3878e8; position: relative; top: -4px; }
.flex .box-r .s-txt-01 { font-family: "Noto Sans JP", sans-serif; font-weight: bold; font-size: 25px; letter-spacing: 0.1em; line-height: 39px; text-align: left; color: #1a1a1a; margin-bottom: 32px; padding-left: 9px; }
.flex .box-r .s-txt-02 { font-size: 14px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #070001; padding-left: 8px; }
.more { width: 120px; position: absolute; right: 0; bottom: 21px; border-bottom: 1px solid #A2A2A2; padding: 5px 5px 1px 9px; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 11px top 17px; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #070001; &.ano1 { right: 0; bottom: 27px; }
&.ano2 { right: 0; bottom: 35px; }
&:hover { cursor: pointer; cursor: hand; opacity: 0.85; text-decoration: none; }
 }
 }
 }
.cc-btn-01 { a { display: block; width: 340px; height: 74px; margin: 0 auto; border: 1px solid #575757; font-size: 16px; letter-spacing: 0.05em; text-align: center; color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 23px center; background-size: 8px; padding-top: 20px; &:hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }
 }
 }
/*============================
#c5
============================*/
	#c5 { background-image: url(../images/index/c5-bg.png); background-repeat: no-repeat; background-position: center 0; margin-bottom: 130px; }
#c5 .inner { max-width: 1600px; width: 100%; margin: 0 auto; padding-top: 99px; padding-bottom: 170px; }
#c5 .inner .rel { width: 1000px; margin: 0 auto; position: relative; }
#c5 .inner .rel .deco { position: absolute; top: 50px; right: 130px; }
#c5 .inner .rel .en { text-align: center; margin-bottom: 17px; }
#c5 .inner .rel .ttl { font-weight: 500; font-size: 34px; letter-spacing: 0.15em; text-align: center; color: #fff; margin-bottom: 27px; position: relative; left: 3px; }
#c5 .inner .rel .txt { font-size: 16px; letter-spacing: 0.05em; text-align: center; color: #fff; margin-bottom: 90px; line-height: normal; }
#c5 .inner .link-list { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; >li { width: 24.8%; background-color: #fff; a { &:hover { cursor: pointer; cursor: hand; opacity: 0.85; text-decoration: none; img { opacity: 1.0; }
 }
 }
 }
 }
#c5 .inner .link-list .li-pic { }
#c5 .inner .link-list .li-box { background-color: #FFFFFF; padding-top: 38px; padding-bottom: 38px; }
#c5 .inner .link-list .li-box .li-txt { font-family: "Zen Kaku Gothic New"; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 25px; text-align: center; color: #3878e8; margin-bottom: 18px; }
#c5 .inner .link-list .li-box .li-more { width: 100px; margin: 0 auto; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 32px; color: #070001; padding: 5px 5px 1px 5px; border-bottom: 1px solid #3878E8; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 6px bottom 13px; background-size: 6.75px 9px; }
/*============================
#c6
============================*/
	#c6 { margin-bottom: 128px; .inner { .link-list { width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; li { width: 530px; }
.li-pic { margin-bottom: 19px; }
.li-txt { font-size: 14px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #575757; }
 }
 }
 }
/* c7 -------------------------------------*/
	/* 一覧 -------------------------------------*/
	/*============================
#c7
============================*/
	#c7 { margin-bottom: 208px; .inner { width: 1420px; margin: 0 auto; border: 14px solid #F5F5E8; background-color: #FAFAF5; padding-top: 48px; padding-bottom: 96px; position: relative; .ttl { width: 162px; margin: 0 auto; margin-bottom: 0px; }
.txt { font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: center; color: #070001; margin-bottom: 36px; position: relative; &::after { content: ""; display: block; width: 30px; height: 1px; background-color: #3878E8; margin: 0 auto; margin-top: 15px; }
 }
.cc-btn-02 { margin-top: 81px; a { width: 500px; position: relative; left: 11px; background-position: right 35px center; padding-right: 19px; }
 }
.deco { position: absolute; bottom: -56px; right: 120px; }
 }
 }
/*============================
#c7
============================*/
	#c7 .system-default-list { display: grid; grid-template-columns: repeat(auto-fill, 360px); /* ← 幅固定で自動折り返し */
		justify-content: start; /* 左詰めに */
		row-gap: 100px; column-gap: 10px; max-width: 1100px; margin: 0 auto; padding: 0; .system-pic { text-align: center; margin-bottom: 0px; }
.system-default-item { position: relative; padding-top: 35px; }
.system-category-set { position: absolute; top: 0; left: 0; p { background-color: #3878E8; font-weight: 500; font-size: 14px; letter-spacing: 0.2em; line-height: 26px; color: #fff; padding: 5px 13px 4px; }
 }
.system-pic img { aspect-ratio: 360 / 240; max-width: 100%; height: auto; }
.cate-list { display: flex; flex-wrap: wrap; margin-top: 15px; span { background-color: #5f5e5e; font-weight: 500; font-size: 10px; letter-spacing: 0.05em; line-height: normal; text-align: left; color: #fff; padding: 4px 8px 3px; margin-bottom: 8px; margin-right: 8px; }
 }
.system-sy1 { background-color: #FFFFFF; text-align: center; padding: 5px 1em; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; margin-bottom: 16px; }
.system-ttl { font-size: 16px; letter-spacing: 0.05em; color: #070001; line-height: normal; }
.system-info { border-top: 1px solid #1c1c1c; margin-top: 10px; padding-top: 17px; .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 9px; &:last-child { margin-bottom: 0; }
.system-box-l { width: 92px; text-align: center; font-weight: 500; font-size: 14px; color: #fff; margin-right: 18px; .system-color { background-color: #1c1c1c; display: block; }
 }
.system-box-r { width: 200px; font-weight: normal; font-size: 14px; text-align: left; color: #000; }
 }
 }
 }
/*============================
#c8
============================*/
	#c8 { margin-bottom: 158px; .inner { width: 1420px; margin: 0 auto; position: relative; .ttl-box { }
.ttl { font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 41px; letter-spacing: 0.03em; text-align: left; color: #3878e8; margin-bottom: 19px; }
.txt { font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #070001; margin-bottom: 90px; }
.btn { position: absolute; top: -4px; right: 0; a { display: block; width: 340px; height: 74px; margin: 0 auto; border: 1px solid #CCCCCC; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; /* text-align: center; */
					color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 24px center; padding: 22px 29px; }
 }
 }
.system-default-list-wap { width: 1280px; margin: 0 auto; position: relative; }
 }
#c8 .system-default-list { width: 2550px; margin: 0 auto; position: relative; left: -580px; .system-default-item { margin-right: 110px; }
.system-pic { text-align: center; margin-bottom: 13px; }
.system-pic img { width: 400px; max-width: 100%; height: 270px; display: inline-block; }
.system-ttl { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #1a1a1a; margin-top: 1px; }
.system-s-box { }
.system-info { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #4d4d4d; margin-bottom: 8px; >span { display: inline-block; &:nth-child(2) { margin-left: 1em; }
 }
 }
.system-info-wap { >p { display: inline-block; }
.system-cate { margin-bottom: -3px; >span { display: inline-block; border: 1px solid #E6E6E6; font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #4d4d4d; padding: 6px 12px 6px; margin-right: 8px; margin-bottom: 8px; }
 }
 }
.system-category { span { display: inline-block; background-color: #F5F5E8; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #3878e8; padding: 3px 7px; margin-right: 5px; margin-bottom: 5px; }
margin-bottom: -3px; }
.system-txt { font-size: 14px; letter-spacing: 0.1em; color: #070001; }
 }
/*============================
#c9
============================*/
	#c9 { width: 1420px; margin: 0 auto; margin-bottom: 170px; background-image: url(../images/index/c9-bg.png); background-repeat: no-repeat; background-position: center 0; padding-top: 24px; text-align: center; .inner { .ttl { width: 446px; margin: 0 auto; margin-bottom: 21px; }
.txt-01 { font-weight: bold; font-size: 18px; letter-spacing: 0.05em; line-height: 34px; color: #070001; margin-bottom: 8px; }
.txt-02 { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: center; color: #575757; margin-bottom: 35px; }
.more { width: 310px; margin: 0 auto; }
 }
 }
.bg-wap { background-image: url(../images/index/bg-ptn.png); background-repeat: repeat; background-position: center 0; padding-top: 132px; padding-bottom: 662px; }
/*============================
#c10
============================*/
	#c10 { margin-bottom: 186px; .inner { .ttl { width: 831px; margin: 0 auto; position: relative; z-index: 10; left: 4px; margin-bottom: 99px; }
.box { width: 1510px; margin: 0 auto; .s-box { width: 574px; position: relative; .en { font-family: "Work Sans", sans-serif; font-weight: bold; font-size: 24px; letter-spacing: 0.03em; text-align: left; color: #3878e8; margin-bottom: 6px; }
.ttl2 { font-weight: bold; font-size: 42px; letter-spacing: 0.11em; line-height: 60px; text-align: left; color: #070001; margin-bottom: 37px; }
.pic { position: absolute; top: -117px; right: -992px; }
.txt-box { font-size: 16px; letter-spacing: 0.05em; line-height: 30px; color: #070001; .p-mb { margin-bottom: 24px; }
 }
 }
 }
 }
.cc-btn-01 { a { margin-left: 0; margin-right: 0; margin-top: 96px; width: 340px; padding-top: 21px; background-position: right 23px center; background-size: 8px; }
 }
 }
/*============================
#c11
============================*/
	#c11 { margin-bottom: 120px; .inner { width: 1510px; margin: 0 auto; .en { font-family: "Work Sans", sans-serif; font-weight: bold; font-size: 20px; letter-spacing: 0.03em; color: #3878e8; padding-left: 4px; margin-bottom: -4px; }
.ttl { font-weight: bold; font-size: 32px; letter-spacing: 0.1em; line-height: 41px; text-align: left; color: #070001; margin-bottom: 22px; }
.list { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; li { width: 748px; position: relative; a { &:hover { text-decoration: none; }
&:hover .li-more { text-decoration: underline; }
 }
 }
.li-pic { margin-bottom: 24px; }
.li-ttl { position: absolute; background: #1a1a1a; font-weight: 500; font-size: 16px; letter-spacing: 0.15em; line-height: 25px; text-align: left; color: #fff; padding: 5px 10px 5px 13px; top: 356px; left: 20px; }
.li-txt { font-weight: bold; font-size: 28px; letter-spacing: 0.1em; line-height: 48px; text-align: left; color: #070001; padding-left: 28px; }
.li-more { width: 708px; margin: 0 auto; margin-top: 7px; border-bottom: 1px solid #A2A2A2; padding-right: 37px; padding-bottom: 1px; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 10px bottom 11px; text-align: right; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 32px; color: #070001; }
 }
 }
 }
#c12 { margin-bottom: 152px; .inner { width: 1050px; margin: 0 auto; background-color: #fff; padding: 34px 24px 9px; }
.rel-box { position: relative; }
.box-l { position: absolute; top: 0; left: 47px; .ttl { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; text-align: left; color: #070001; margin-bottom: -3px; }
.en { font-family: "Work Sans", sans-serif; font-weight: 500; font-size: 30px; letter-spacing: 0.03em; text-align: left; color: #3878e8; }
 }
.box-r { width: 745px; margin-left: 211px; padding-top: 28px; .system-list { margin-bottom: 50px; }
.system-list-inner { /* padding: 20px; */
				background: #fff; }
.system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 20px; padding: 0 0 17px; border-bottom: 1px solid #b2b2b2; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 10px bottom 28px; background-size: 5.5px; }
.system-list li a:hover { text-decoration: none; }
.system-list .system-date { line-height: 1.4; float: left; width: 110px; padding-left: 12px; font-size: 14px; letter-spacing: 0.1em; color: #070001; }
.system-date::before { }
.system-list .text-box { line-height: 1.6; float: left; width: 635px; font-weight: 500; font-size: 14px; letter-spacing: 0.1em; color: #070001; }
.system-list .system-ttl-01 { line-height: 1.6; font-weight: 500; font-size: 14px; letter-spacing: 0.1em; color: #070001; position: relative; top: -2px; }
.system-list li a:hover .system-ttl-01 { text-decoration: underline; }
.system-list .system-category-set { margin-bottom: 10px; color: #fff; font-size: 13px; }
.system-list .system-category { font-size: 0.688em; font-weight: bold; float: left; width: 20%; margin-right: 1px; padding: 5px; text-align: center; color: #fff; background: #ccc; }
/* カテゴリ -------------------------------------*/
			.system-category-set p { display: inline-block; margin-right: 10px; padding: 4px 15px 3px; background: #3878E8; &.blog { background: #857841; }
 }
 }
.more { position: absolute; top: 61px; left: 36px; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: left 10px top 11px; background-size: 6.5px; padding-left: 24px; font-family: "Work Sans", sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.03em; text-align: center; color: #070001; }
 }
/*============================
#c13
============================*/
	#c13 { width: 1510px; margin: 0 auto; margin-bottom: 70px; background-image: url(../images/index/bg-ptn-02.png); background-repeat: repeat; background-position: center 0; padding-top: 88px; padding-bottom: 110px; .sy2-txt a { pointer-events: none; }
.sectionContent_row_name { font-weight: bold; font-size: 16px; letter-spacing: 0.05em; text-align: left; color: #070001; margin-top: 11px; margin-bottom: -1px; .coming_soon { font-weight: 500; }
 }
.sy1-txt,
		.sy2-txt { font-weight: normal; font-size: 14px; letter-spacing: 0.1em; line-height: 20px; text-align: left; color: #070001; }
.inner { .en { font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 41px; letter-spacing: 0.03em; text-align: center; color: #3878e8; margin-bottom: 8px; }
.ttl { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; text-align: center; color: #070001; position: relative; margin-bottom: 50px; &::after { content: ""; display: block; background-color: #070001; width: 30px; height: 1px; margin: 0 auto; margin-top: 13px; }
 }
.pageInfo_group { width: 1340px; margin: 0 auto; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; .pageInfo_group_list { width: 308px; margin-right: 36px; margin-bottom: 60px; a:hover { text-decoration: none; }
&:nth-child(4n) { margin-right: 0px; }
.img-ana { img { aspect-ratio: 308 / 184; max-width: 100%; height: auto; }
 }
.img-ana .img-ana-txt { }
 }
 }
.gaibu-link-list { width: 886px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
 }

.cc-btn-03 { a { display: block; width: 500px; height: 74px; margin: 0 auto; border: 1px solid #575757; margin-top: 50px; font-size: 16px; letter-spacing: 0.05em; text-align: center; color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right center; &:hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }
.cc-btn-03 { a { margin: 0 auto 80px; width: 340px; padding-top: 21px; background-position: right 23px center; background-size: 8px; }
 }

 }
#c14 .bnr-list { width: 1510px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.seo-txt-box { width: 990px; margin: 0 auto; padding-top: 74px; padding-bottom: 89px; .seo-ttl { font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 31px; letter-spacing: 0.03em; text-align: center; color: #3878e8; margin-bottom: 15px; }
.seo-txt { font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #070001; }
 }
.top-only #e { margin-top: -386px; }
 }

@media screen and (min-width: 766px) and (max-width: 1600px) {
	    .mv-u-rel {
        .deco {
            right: 5px;
        }
    }
				    #c1 {
        .inner {
            width: 1200px;
        }
    }
				    #c2 {
        & .inner {
            .list {
																margin-right: 28px;
												}
        }
    }

				    #c3 {
        & .inner {
            & .bg-box {
                .link-list {
                    width: 1225px;
                    left: 0px;
                    margin-bottom: -20px;
                }
            }
        }
    }

    #c3 {
        & .inner {
            & .bg-box {
                & .link-list {
                    .flex .box-r {
                        width: 550px;
                    }
                }
            }
        }
    }

    #c3 {
        & .inner {
            & .bg-box {
                & .link-list {
                    .flex .box-l {
                        margin-right: 48px;
                    }
                }
            }
        }
    }

				    #c5 .inner .link-list {
width: 1200px;
margin: 0 auto;
    }
				#c5 .inner .link-list .li-pic img{
					width: 100%;
    }

    #c7 {
        .inner {
            width: 1200px;
        }
    }

				    #c7 {
        & .inner {
            .deco {
                   right: 64px;
            }
        }
    }

    #c8 {
        .inner {
            width: 1100px;
        }
    }

    #c9 {
        width: 1100px;
    }

				    #c10 {
        & .inner {
            .box {
                width: 1100px;
                margin: 0 auto;
            }
        }
    }

				    #c10 {
        & .inner {
            & .box {
                & .s-box {
                    .pic {
                        position: absolute;
                        top: -117px;
                        right: -677px;
                        width: 626px;
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
																								img{
																									width: 100%;
																								}
                    }
                }
            }
        }
    }

#c11 {
        .inner {
            width: 1100px;
            margin: 0 auto;
        }
    }
    #c11 {
        & .inner {
            & .list {
                li {
                    width: 543px;
                    position: relative;
																				img{
																					width: 100%;
																				}
                }
            }
        }
    }

				    #c11 {
        & .inner {
            & .list {
                .li-more {
                    width: 543px;
                }
            }
        }
    }


#c11 {
        & .inner {
            & .list {
                .li-ttl {
                    top: 255px;
                }
            }
        }
    }

#c13{
	width: 1200px;
}

    #c13 {
        & .inner {
            .pageInfo_group {
                width: 1100px;
            }
        }
    }

				    #c13 {
        & .inner {
            & .pageInfo_group {
                .pageInfo_group_list {
                    width: 253px;
                    margin-right: 29px;
                    margin-bottom: 60px;
                }
            }
        }
    }

				    #c14 .bnr-list {
        width: 1200px;
        margin: 0 auto;
								li{
									width: 390px;
									img{
										width: 100%;
									}
								}
    }


}





@media screen and (max-width: 767px) {
 .nagare-move-u { margin-top: 1.208vw; --nagare-w: 311.353vw; /* 背景画像の横幅 */
		--nagare-h: 90.338vw; /* 背景画像の高さ */
		--nagare-speed: 64s; /* 1周する時間。長いほどゆっくり */
		background-image: url(../images/index/sp-mv.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; }
/* ← 左方向に流す */
	@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; }
 }
.cc-btn-01 { a { display: block; width: 100%; height: 17.874vw; margin: 0 auto; border: 1px solid #575757; margin-top: 12.077vw; font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right center; &:hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }
.cc-btn-02 { a { display: block; width: 74.879vw; height: 17.874vw; margin: 0 auto; background: #1a1a1a; margin-top: 7.729vw; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #fff; background-image: url(../images/index/btn-deco-01.svg); background-repeat: no-repeat; background-position: right 5.797vw center; background-size: 1.812vw 2.415vw; padding-top: 5.314vw; &:hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }
.mv-u-rel { max-width: 100%; width: 100%; position: relative; .deco { position: absolute; top: -10.87vw; right: 1.691vw; width: 33.333vw; }
 }
.bg-wap-lead { background-color: #F5F5E8; padding-top: 7.488vw; padding-bottom: 7.005vw; }
/*============================
#top-lead
============================*/
	#top-lead { margin-bottom: 12.319vw; .ttl { font-family: "Noto Sans JP", sans-serif; font-weight: bold; font-size: 13.768vw; letter-spacing: 0.15em; line-height: 21.256vw; text-align: center; color: #070001; margin-bottom: 2.174vw; position: relative; left: 0.725vw; font-size: 6.763vw; letter-spacing: 0.15em; line-height: 9.179vw; .ss { color: #3878E8; display: block; position: relative; top: 0.242vw; left: 1.449vw; }
 }
.txt { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 4.589vw; letter-spacing: 0.2em; line-height: 8.696vw; text-align: center; color: #070001; position: relative; left: 0.483vw; font-size: 3.865vw; letter-spacing: 0.2em; line-height: 6.039vw; }
 }
.top-nav-list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; padding-left: 43.478vw; display: none; li { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; text-align: left; color: #070001; margin-right: 7.802vw; }
.ss { color: #3878e8; margin-right: 1.208vw; position: relative; top: -0.725vw; }
 }
/*============================
#c1
============================*/
	#c1 { background-color: #F5F5E8; .inner { width: 91.787vw; margin: 0 auto; background-color: #fff; padding-top: 13.043vw; padding-bottom: 11.836vw; position: relative; z-index: 10; .deco { position: absolute; top: -9.662vw; right: 32.609vw; width: 26.57vw; }
.ttl { font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 12.319vw; letter-spacing: 0.03em; text-align: center; color: #3878e8; margin-bottom: 3.14vw; }
.txt { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.1em; text-align: center; color: #070001; margin-bottom: 6.28vw; }
 }
.sp-rel-box { position: relative; }
.arrows { width: 100%; margin: 0 auto; position: absolute; top: 43.237vw; z-index: 10; }
.arrows > div { width: 6.28vw; height: 19.324vw; background-image: url(../images/index/sp-sra-deco-l.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; position: absolute; background-color: #fff; }
.arrows > div:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
.arrows .mae { left: 5.314vw; }
.arrows .ushiro { right: 5.556vw; transform: scale(-1, 1); }
 }
/* ★ c1 event -------------------------------------*/
	/* 一覧 -------------------------------------*/
	#c1 .system-default-list { width: 237.681vw; margin: 0 auto; position: relative; left: -72.947vw; .system-default-item { background-color: #FAFAF5; padding: 9.662vw 7.246vw 10.628vw; position: relative; margin-left: 2.174vw; margin-right: 2.174vw; a:hover { text-decoration: none; .system-ttl { text-decoration: underline; }
 }
 }
.system-pic { margin-bottom: 3.865vw; text-align: center; }
.system-pic img { aspect-ratio: 4/5; max-width: 100%; height: auto; }
.system-pic.event-off img { filter: grayscale(1); }
.sy_radio-box { >p { padding: 1.208vw 0px 1.208vw; text-align: center; display: inline-block; position: absolute; top: 0; left: 0; color: #fff; font-size: 3.382vw; letter-spacing: 0.1em; line-height: 3.865vw; text-align: center; color: #fff; width: 14.734vw; }
 }
.sy_radio-1 { background-color: #3878E8; }
.sy_radio-2 { background-color: #F5F5E8; color: #000!important; }
.system-ttl { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; text-align: left; color: #070001; line-height: normal; margin-bottom: 2.174vw; }
.system-info { margin-top: 1.932vw; .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.174vw; &:last-child { margin-bottom: 0; }
.system-box-l { width: 12.56vw; text-align: center; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; text-align: center; color: #070001; border-bottom: 1px solid #3878E8; padding-bottom: 1.449vw; line-height: normal; .system-color { }
 }
.system-box-r { width: calc(100% - 12.56vw); font-weight: normal; font-size: 3.382vw; text-align: left; color: #070001; border-bottom: 1px solid #CCCCCC; padding-bottom: 1.449vw; padding-left: 2.899vw; padding-right: 2.899vw; line-height: normal; font-size: 3.382vw; letter-spacing: 0.05em; text-align: left; span:nth-child(n+2)::before { content: "・"; }
 }
 }
 }
 }
/*============================
#c2
============================*/
	#c2 { position: relative; min-height: 120.773vw; background-image: url(../images/index/sp-kotei.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 44.203vw; padding-bottom: 1.932vw; margin-top: -24.396vw; .inner { width: 100%; margin: 0 auto; position: relative; .ttl { width: 46.86vw; margin: 0 auto; margin-bottom: 9.662vw; left: 3.865vw; }
.list { width: 91.787vw; margin: 0 auto; li { margin-bottom: 14.01vw; }
.li-pic { margin-bottom: 4.831vw; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); }
.li-txt { width: 83.575vw; margin: 0 auto; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.556vw; text-align: left; color: #575757; }
 }
 }
 }
/*============================
#c3
============================*/
	#c3 { background-color: #F5F5E8; padding-top: 15.217vw; padding-bottom: 16.908vw; .inner { width: 100%; margin: 0 auto; .txt-01 { font-weight: 500; font-size: 4.348vw; letter-spacing: 0.1em; line-height: 5.314vw; text-align: center; color: #070001; margin-bottom: 5.556vw; }
.ttl { margin-bottom: 5.072vw; text-align: center; .ss1 { font-family: "Work Sans", sans-serif; font-weight: 500; font-size: 22.705vw; letter-spacing: 0.1em; color: #3878e8; position: relative; left: 2.899vw; top: 0.966vw; }
.ss2 { font-weight: bold; font-size: 9.903vw; letter-spacing: 0.1em; color: #3878e8; position: relative; left: 0px; top: 0.966vw; }
.ss3 { font-weight: bold; font-size: 8.696vw; letter-spacing: 0.1em; color: #070001; position: relative; left: -1.449vw; top: 0.483vw; }
.ss4 { font-weight: bold; font-size: 13.043vw; letter-spacing: 0.1em; line-height: 14.734vw; text-align: left; color: #070001; position: relative; left: -1.932vw; }
 }
.txt-02 { font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #070001; margin-bottom: 12.077vw; line-height: normal; }
.bg-box { background-image: url(../images/index/sp-haitei-ue-01.png), url(../images/index/sp-haitei-ue-02.png), url(../images/index/sp-bg-ptn-03.png); background-repeat: no-repeat, no-repeat, repeat; background-position: center top, center bottom 8.454vw, center; background-size: 103%; padding-bottom: 0.242vw; .link-list { width: 93.72vw; margin: 0 auto; position: relative; margin-bottom: -4.831vw; li { margin-bottom: 21.739vw; a { &:hover { text-decoration: none; }
 }
 }
.flex { /* display: flex; *//* flex-wrap: wrap; */ }
.flex .box-l { width: 100%; }
.flex .box-r { width: 100%; position: relative; padding-top: 4.348vw; &.ano1 { padding-top: 4.589vw; .s-txt-01 { margin-bottom: 0.966vw; }
.s-ttl { margin-bottom: 5.072vw; }
.s-txt-02 { /* padding-left: 0px; */ }
 }
&.ano2 { .s-txt-01 { margin-bottom: 2.899vw; /* padding-left: 0px; */ }
.s-ttl { line-height: 1.05; margin-bottom: 6.28vw; }
.s-txt-02 { /* padding-left: 0px; */ }
.s-ttl .ss { position: relative; top: 0; }
 }
 }
.flex .box-r .s-ttl { font-family: "Noto Sans JP", sans-serif; font-weight: bold; text-align: left; margin-bottom: 2.657vw; font-size: 12.802vw; line-height: 14.493vw; padding-left: 3.865vw; }
.flex .box-r .s-ttl .ss { font-size: 10.386vw; }
.flex .box-r .s-ttl .iro { color: #3878e8; position: relative; top: -0.966vw; }
.flex .box-r .s-txt-01 { font-family: "Noto Sans JP", sans-serif; font-weight: bold; text-align: left; color: #1a1a1a; margin-bottom: 4.831vw; padding-left: 5.072vw; font-size: 4.831vw; letter-spacing: 0.1em; line-height: 7.005vw; }
.flex .box-r .s-txt-02 { text-align: left; color: #070001; padding-left: 5.072vw; padding-right: 5.072vw; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.556vw; }
.more { width: 28.986vw; margin: 0 auto; margin-top: 3.865vw; border-bottom: 1px solid #A2A2A2; padding: 1.208vw 1.208vw 0.242vw 2.174vw; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 2.657vw top 4.106vw; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 7.729vw; text-align: left; color: #070001; &.ano1 { right: 0; bottom: 6.522vw; }
&.ano2 { margin-top: 4.106vw; right: 0; bottom: 8.454vw; }
&:hover { cursor: pointer; cursor: hand; opacity: 0.85; text-decoration: none; }
 }
 }
 }
.cc-btn-01 { background-color: #F5F5E8; padding-top: 7.971vw; display: block; margin-top: -8.454vw; a { display: block; background-color: #F5F5E8; width: 74.879vw; height: 17.874vw; margin: 0 auto; border: 1px solid #575757; font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 5.556vw center; background-size: 1.932vw; padding-top: 5.072vw; margin-top: 0.242vw; &::hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }
 }
 }
/*============================
#c5
============================*/
	#c5 { background-image: url(../images/index/sp-c5-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; background-color: #707070; margin-bottom: 14.493vw; }
#c5 .inner { max-width: 100%; width: 100%; margin: 0 auto; padding-top: 13.527vw; padding-bottom: 15.942vw; }
#c5 .inner .rel { width: 100%; margin: 0 auto; position: relative; }
#c5 .inner .rel .deco { position: absolute; top: 0; right: 0; }
#c5 .inner .rel .en { width: 17.391vw; margin: 0 auto; text-align: center; margin-bottom: -1.691vw; }
#c5 .inner .rel .ttl { font-weight: 500; color: #fff; margin-bottom: 3.623vw; position: relative; left: 0.725vw; font-size: 8.213vw; letter-spacing: 0.15em; text-align: center; line-height: normal; }
#c5 .inner .rel .txt { font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #fff; margin-bottom: 9.662vw; line-height: normal; position: relative; left: 0.483vw; }
#c5 .inner .link-list { width: 91.787vw; margin: 0 auto; >li { width: 100%; background-color: #fff; margin-bottom: 3.382vw; &:nth-child(1) { .li-box .li-txt { position: relative; left: -1.691vw; }
 }
&:nth-child(2) { .li-box .li-txt { position: relative; left: -0.725vw; }
 }
&:nth-child(3) { .li-box .li-txt { position: relative; left: 0px; line-height: normal; margin-bottom: -0.242vw; }
.li-box { padding-top: 5.797vw; padding-bottom: 5.797vw; }
 }
&:nth-child(4) { .li-box .li-txt { position: relative; left: -1.691vw; margin-bottom: -0.725vw; }
.li-box { padding-top: 5.797vw; padding-bottom: 5.797vw; }
 }
a { &:hover { cursor: pointer; cursor: hand; opacity: 0.85; text-decoration: none; img { opacity: 1.0; }
 }
 }
 }
 }
#c5 .inner .link-list .li-pic { }
#c5 .inner .link-list .li-box { background-color: #FFFFFF; padding-top: 8.454vw; padding-bottom: 5.797vw; }
#c5 .inner .link-list .li-box .li-txt { font-weight: 500; margin-bottom: 2.657vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.039vw; text-align: center; color: #3878e8; }
#c5 .inner .link-list .li-box .li-more { width: 24.155vw; margin: 0 auto; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #070001; padding: 1.208vw 1.208vw 0.242vw 1.208vw; border-bottom: 1px solid #3878E8; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 1.449vw bottom 3.14vw; background-size: 1.63vw 2.174vw; }
/*============================
#c6
============================*/
	#c6 { margin-bottom: 16.908vw; .inner { .link-list { width: 83.575vw; margin: 0 auto; li { width: 100%; margin-bottom: 12.56vw; }
.li-pic { margin-bottom: 2.899vw; }
.li-txt { color: #575757; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 4.831vw; text-align: left; }
 }
 }
 }
/* c7 -------------------------------------*/
	/* 一覧 -------------------------------------*/
	/*============================
#c7
============================*/
	#c7 { margin-bottom: 15.217vw; .inner { width: 93.237vw; margin: 0 auto; border: 5px solid #F5F5E8; background-color: #FAFAF5; padding-top: 3.14vw; padding-bottom: 11.353vw; position: relative; .ttl { width: 38.043vw; margin: 0 auto; margin-bottom: 2.657vw; }
.txt { font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: center; color: #070001; margin-bottom: 7.246vw; position: relative; &::after { content: ""; display: block; width: 7.246vw; height: 0.242vw; background-color: #3878E8; margin: 0 auto; margin-top: 3.623vw; }
 }
.cc-btn-02 { margin-top: 9.662vw; a { width: 74.879vw; position: relative; background-position: right 5.797vw center; padding-right: 0px; }
 }
.deco { position: absolute; bottom: -4.348vw; right: 0.483vw; width: 13.768vw; }
 }
.sp-rel-box { position: relative; }
.arrows2 { width: 100%; margin: 0 auto; position: absolute; top: 27.536vw; z-index: 10; }
.arrows2 > div { width: 6.28vw; height: 19.324vw; background-image: url(../images/index/sp-sra-deco-l.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; position: absolute; background-color: #fff; }
.arrows2 > div:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
.arrows2 .mae2 { left: -1.208vw; }
.arrows2 .ushiro2 { right: -1.208vw; transform: scale(-1, 1); }
 }
/*============================
#c7
============================*/
	#c7 .system-default-list { width: 276.087vw; margin: 0 auto; padding: 0; position: relative; left: -92.754vw; .system-pic { text-align: center; margin-bottom: 0px; }
.system-default-item { position: relative; padding-top: 8.454vw; margin-left: 2.536vw; margin-right: 2.536vw; }
.system-category-set { position: absolute; top: 0; left: 0; p { background-color: #3878E8; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.2em; line-height: 6.28vw; color: #fff; padding: 1.208vw 3.14vw 0.966vw; }
 }
.system-pic img { aspect-ratio: 360 / 240; max-width: 100%; height: auto; }
.cate-list { display: flex; flex-wrap: wrap; margin-top: 3.623vw; span { background-color: #5f5e5e; font-weight: 500; font-size: 2.415vw; letter-spacing: 0.05em; line-height: normal; text-align: left; color: #fff; padding: 0.966vw 1.932vw 0.725vw; margin-bottom: 1.932vw; margin-right: 1.932vw; }
 }
.system-sy1 { background-color: #FFFFFF; text-align: center; padding: 1.208vw 1em; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; margin-bottom: 3.865vw; }
.system-ttl { font-size: 3.865vw; letter-spacing: 0.05em; color: #070001; line-height: normal; }
.system-info { border-top: 1px solid #1c1c1c; margin-top: 2.415vw; padding-top: 4.106vw; .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.174vw; &:last-child { margin-bottom: 0; }
.system-box-l { width: 100%; text-align: center; font-weight: 500; font-size: 3.382vw; color: #fff; margin-right: 4.348vw; .system-color { background-color: #1c1c1c; display: block; }
 }
.system-box-r { width: 100%; font-weight: normal; font-size: 3.382vw; text-align: left; color: #000; }
 }
 }
 }
/*============================
#c8
============================*/
	#c8 { margin-bottom: 24.155vw; .inner { width: 100%; margin: 0 auto; position: relative; .ttl-box { }
.ttl { font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 9.903vw; letter-spacing: 0.03em; text-align: center; color: #3878e8; margin-bottom: 4.589vw; }
.txt { font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: center; color: #070001; margin-bottom: 9.42vw; }
.btn { /* position: absolute; *//* top: -0.966vw; *//* right: 0; */ a { display: block; width: 74.879vw; height: 17.874vw; margin: 0 auto; border: 1px solid #575757; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 5.797vw center; padding: 5.314vw 7.005vw; }
 }
 }
.system-default-list-wap { width: 100%; margin: 0 auto; position: relative; }
 }
#c8 .system-default-list { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; >article { width: 44.928vw; margin-right: 1.932vw; margin-bottom: 9.662vw; &:nth-child(2n) { margin-right: 0px; }
 }
.system-pic { text-align: center; margin-bottom: 2.415vw; }
.system-pic img { aspect-ratio: 186 / 125; max-width: 100%; height: auto; }
.system-ttl { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.556vw; text-align: left; color: #1a1a1a; margin-top: 0.483vw; }
.system-s-box { }
.system-info { font-weight: normal; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 6.763vw; text-align: left; color: #4d4d4d; margin-bottom: 1.932vw; >span { display: inline-block; &:nth-child(2) { margin-left: 1em; }
 }
 }
.system-info-wap { >p { display: inline-block; }
.system-cate { margin-bottom: -0.725vw; >span { display: inline-block; border: 1px solid #E6E6E6; font-weight: normal; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #4d4d4d; padding: 0.966vw 1.691vw 0.966vw; margin-right: 1.932vw; margin-bottom: 1.932vw; }
 }
 }
.system-info-wap { >p { display: inline-block; }
.system-cate { margin-bottom: -0.725vw; >span { display: inline-block; border: 1px solid #E6E6E6; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #4d4d4d; padding: 1.449vw 2.899vw 1.449vw; margin-right: 1.932vw; margin-bottom: 1.932vw; }
 }
 }
.system-category { span { display: inline-block; background-color: #F5F5E8; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #3878e8; padding: 0.725vw 1.449vw; margin-right: 1.208vw; margin-bottom: 1.208vw; }
margin-bottom: -0.725vw; }
.system-txt { font-size: 3.382vw; letter-spacing: 0.1em; color: #070001; }
 }
/*============================
#c9
============================*/
	#c9 { width: 91.787vw; margin: 0 auto; margin-bottom: 23.671vw; background-image: url(../images/index/sp-c9-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; padding-top: 2.415vw; text-align: center; .inner { .ttl { width: 100vw; margin: 0 auto; margin-bottom: 5.072vw; position: relative; left: -4.106vw; margin-top: -2.415vw; }
.txt-01 { font-weight: bold; font-size: 4.348vw; letter-spacing: 0.05em; line-height: 8.213vw; color: #070001; margin-bottom: 2.415vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.039vw; margin-top: -30.918vw; position: relative; z-index: 10; }
.txt-02 { width: 83.575vw; margin: 0 auto; font-weight: 500; color: #575757; margin-bottom: 9.903vw; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 4.831vw; text-align: left; position: relative; z-index: 10; }
.more { width: 74.879vw; margin: 0 auto; }
 }
 }
.bg-wap { background-image: url(../images/index/bg-ptn.png); background-repeat: repeat; background-position: center 0; background-size: 19.324vw; padding-top: 16.425vw; padding-bottom: 125.121vw; }
/*============================
#c10
============================*/
	#c10 { margin-bottom: 18.599vw; .inner { .ttl { width: 83.092vw; margin: 0 auto; position: relative; z-index: 10; left: 0.242vw; margin-bottom: 14.01vw; }
.box { width: 100%; margin: 0 auto; .s-box { width: 83.575vw; margin: 0 auto; position: relative; .en { font-family: "Work Sans", sans-serif; font-weight: bold; text-align: left; color: #3878e8; margin-bottom: -0.242vw; font-size: 3.865vw; letter-spacing: 0.03em; margin-left: 2.415vw; }
.ttl2 { font-weight: bold; text-align: left; color: #070001; margin-bottom: 8.696vw; font-size: 6.28vw; letter-spacing: 0.11em; line-height: 9.662vw; padding: 0 2.415vw; }
.pic { margin-bottom: 11.353vw; /* position: absolute; *//* top: -28.261vw; *//* right: -239.614vw; */ }
.txt-box { width: 78.744vw; margin: 0 auto; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.246vw; color: #070001; .p-mb { margin-bottom: 4.348vw; }
.p-mb.sp-no { margin-bottom: 0px; }
 }
 }
 }
 }
.cc-btn-01 { a { margin: 0 auto; margin-top: 13.768vw; width: 74.879vw; padding-top: 5.072vw; background-position: right 5.556vw center; background-size: 1.932vw; }
 }
.ss { display: block; margin-bottom: 4.348vw; }
 }
/*============================
#c11
============================*/
	#c11 { margin-bottom: 0.242vw; .inner { width: 100%; margin: 0 auto; .en { font-family: "Work Sans", sans-serif; font-weight: bold; color: #3878e8; padding-left: 0.966vw; margin-bottom: -1.208vw; font-size: 4.831vw; letter-spacing: 0.03em; text-align: center; }
.ttl { font-weight: bold; color: #070001; margin-bottom: 6.28vw; text-align: center; font-size: 7.729vw; letter-spacing: 0.1em; line-height: 9.903vw; position: relative; left: 0.725vw; }
.list { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; li { width: 100%; position: relative; margin-bottom: 14.493vw; text-align: center; a { &:hover { text-decoration: none; }
&:hover .li-more { text-decoration: underline; }
 }
 }
.li-pic { margin-bottom: 4.589vw; }
.li-ttl { display: inline-block; margin: 0 auto; background: #1a1a1a; font-weight: 500; text-align: left; color: #fff; padding: 1.208vw 1.932vw 1.208vw 3.14vw; font-size: 3.623vw; letter-spacing: 0.15em; line-height: 6.039vw; margin-bottom: 2.657vw; }
.li-txt { font-weight: bold; text-align: center; color: #070001; font-size: 6.039vw; letter-spacing: 0.1em; line-height: 7.971vw; margin-bottom: 5.072vw; }
.li-more { width: 28.986vw; margin: 0 auto; margin-top: 1.691vw; border-bottom: 1px solid #A2A2A2; padding-right: 8.937vw; padding-bottom: 0.242vw; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 2.415vw bottom 2.657vw; text-align: right; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #070001; }
 }
 }
 }
#c12 { margin-bottom: 7.005vw; .inner { width: 91.787vw; margin: 0 auto; background-color: #fff; padding: 8.213vw 5.797vw 12.077vw; }
.rel-box { position: relative; }
.box-l { text-align: center; /* position: absolute; *//* top: 0; *//* left: 11.353vw; */ .ttl { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; color: #070001; margin-bottom: -0.966vw; }
.en { font-family: "Work Sans", sans-serif; font-weight: 500; font-size: 7.246vw; letter-spacing: 0.03em; color: #3878e8; }
 }
.box-r { width: 100%; padding-top: 4.831vw; .system-list { margin-bottom: 5.314vw; }
.system-list-inner { /* padding: 4.831vw; */
				background: #fff; }
.system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 4.831vw; padding: 0 0 3.623vw; border-bottom: 1px solid #b2b2b2; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right 4.348vw bottom 5.314vw; background-size: 1.329vw; padding-right: 6.28vw; }
.system-list li a:hover { text-decoration: none; }
.system-list .system-date {line-height: 1.4;float: left;width: 100%;padding-left: 3.382vw;font-size: 3.382vw;letter-spacing: 0.1em;color: #070001;margin-bottom: 2%;}
.system-date::before { }
.system-list .text-box { line-height: 1.6; float: left; width: 100%; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.1em; color: #070001; }
.system-list .system-ttl-01 { line-height: 1.6; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.1em; color: #070001; position: relative; /* top: -0.483vw; */padding-left: 3.14vw; }
.system-list li a:hover .system-ttl-01 { text-decoration: underline; }
.system-list .system-category-set {margin-bottom: 2.415vw;color: #fff;font-size: 3.14vw;margin-bottom: 2%;padding-left: 3.14vw;}
.system-list .system-category { font-size: 0.688em; font-weight: bold; float: left; width: 20%; margin-right: 0.242vw; padding: 1.208vw; text-align: center; color: #fff; background: #ccc; }
/* カテゴリ -------------------------------------*/
			.system-category-set p { display: inline-block; margin-right: 2.415vw; padding: 0.966vw 3.623vw 0.725vw; background: #3878E8; &.blog { background: #857841; }
 }
 }
.more { display: none; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: left 2.415vw top 2.657vw; background-size: 1.57vw; padding-left: 5.797vw; font-family: "Work Sans", sans-serif; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.03em; text-align: center; color: #070001; }
.cc-btn-01 { a { margin: 0 auto; margin-top: 9.662vw; width: 74.879vw; padding-top: 5.072vw; background-position: right 5.556vw center; background-size: 1.932vw; }
 }
 }
/*============================
#c13
============================*/
	#c13 { width: 100%; margin: 0 auto; margin-bottom: 7.005vw; background-image: url(../images/index/bg-ptn-02.png); background-repeat: repeat; background-position: center 0; padding-top: 17.874vw; padding-bottom: 16.184vw;.sectionContent_row_name { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; text-align: left; color: #070001; margin-top: 3.623vw; margin-bottom: 0.242vw; line-height: normal; }
.sy1-txt,
		.sy2-txt { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.1em; line-height: 4.831vw; text-align: left; color: #070001; }
.inner { .en { font-family: "Work Sans", sans-serif; font-weight: 600; text-align: center; color: #3878e8; margin-bottom: 0.725vw; font-size: 9.903vw; letter-spacing: 0.03em; line-height: 10.386vw; .ss { display: block; position: relative; left: -1.449vw; }
 }
.ttl { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #070001; position: relative; margin-bottom: 7.246vw; &::after { content: ""; display: block; background-color: #070001; width: 7.246vw; height: 0.242vw; margin: 0 auto; margin-top: 3.14vw; }
 }
.pageInfo_group { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; .pageInfo_group_list { width: 44.928vw; margin-right: 1.932vw; margin-bottom: 9.662vw; a:hover { text-decoration: none; }
&:nth-child(2n) { margin-right: 0px; }
.img-ana { img { aspect-ratio: 186 / 111; max-width: 100%; height: auto; }
 }
.img-ana .img-ana-txt { }
.coming_soon { font-size: 3.382vw; letter-spacing: 0.242vw; line-height: 4.831vw; text-align: left; color: #070001; display: block; }
 }
 }


.cc-btn-03 { a { display: block; width: 100%; height: 17.874vw; margin: 0 auto; border: 1px solid #575757; margin-top: 12.077vw; font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #070001; background-image: url(../images/index/btn-deco-02.svg); background-repeat: no-repeat; background-position: right center; &:hover { cursor: pointer; cursor: hand; opacity: 0.8; text-decoration: none; }
 }
 }

 .cc-btn-03 { a { margin: 0 auto 15vw; width: 74.879vw; padding-top: 5.072vw; background-position: right 5.556vw center; background-size: 1.932vw; }
 }

 .gaibu-link-list { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.gaibu-link-list li { margin-bottom: 0.966vw; }
 }
 }
#c14 .bnr-list { width: 83.575vw; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#c14 .bnr-list li { margin-bottom: 1.932vw; }
.seo-txt-box { width: 100%; margin: 0 auto; padding-top: 10.87vw; padding-bottom: 9.42vw; .seo-ttl { font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 7.488vw; letter-spacing: 0.03em; text-align: center; color: #3878e8; margin-bottom: 3.382vw; }
.seo-txt { width: 83.575vw; margin: 0 auto; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #070001; }
 }
.top-only #e { margin-top: -93.237vw; }
 }