@charset "UTF-8";
/******************************* Preface ***************************************/
a:hover { color: #5b1986; }

/********************************* body ***************************************/
body { /******************************** header **************************************/ /********************************  Main Content ******************************/ /***********************************  footer ********************************/ }

body header { position: relative; }

body header.back-head .inner { top: 0; }

body header.header-03.top { height: 91vh; }

body header.header-03 .inner { position: fixed; width: 100%; max-width: 1280px; min-width: 100%; display: flex; justify-content: flex-end; align-items: center; padding: 1rem 3rem; z-index: 100; background-color: white; top: 0; }

body header.header-03 .inner .logo { margin-right: auto; flex: none; }

body header.header-03 .inner .logo a { display: block; }

body header.header-03 .inner .logo a img { height: 3rem; width: auto; }

body header.header-03 .inner .menu-wrapper nav.gnav { flex: none; }

body header.header-03 .inner .menu-wrapper nav.gnav .menu-container ul { display: flex; margin: 0 1rem; }

body header.header-03 .inner .menu-wrapper nav.gnav .menu-container ul li a { color: black; padding: 0 1rem; line-height: 1; transition: all .3s; }

body header.header-03 .inner .menu-wrapper nav.gnav .menu-container ul li a:hover { text-decoration: none; opacity: .7; }

body header.header-03 .inner .menu-wrapper nav.gnav .menu-container ul li .fa-home:before { font-size: 1.3rem; margin-right: .5rem; }

body header.header-03 .inner .menu-wrapper nav.gnav .menu-container ul li .fa-instagram:before { font-size: 1.3rem; }

body header.header-03 .mainvi { height: 100%; width: 100%; position: relative; padding: 2.5% 2.5rem 2.5rem; overflow-x: hidden; background: linear-gradient(-225deg, rgba(91, 25, 134, 0.9) 0%, rgba(216, 56, 47, 0.9) 65%, rgba(242, 148, 0, 0.9)); }

body header.header-03 .mainvi.mask.dark .slider div { filter: brightness(80%); }

body header.header-03 .mainvi.mask.dark .copy h1 span { color: white; }

body header.header-03 .mainvi.mask.white .slider div { filter: opacity(60%); }

body header.header-03 .mainvi.mask.white .copy h1 span { color: black; }

body header.header-03 .mainvi .slider { height: 100%; }

body header.header-03 .mainvi .slider div { height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: 15px; }

body header.header-03 .mainvi .copy { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; height: 100%; width: 100%; }

body header.header-03 .mainvi .copy h1 { text-align: center; }

body header.header-03 .mainvi .copy h1 span { font-family: "Montserrat", sans-serif; display: block; font-size: 3vw; font-weight: 700; padding-bottom: 1rem; line-height: 1.1; letter-spacing: .3rem; }

body header.header-03 .mainvi .copy h1 span.sub { font-size: 1rem; font-weight: 500; }

body main .breadcrumb-wrap { padding: 0 2rem; }

body main .breadcrumb-wrap ul { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 1em 0; }

body main .breadcrumb-wrap ul li { color: #fff; }

body main .breadcrumb-wrap ul li::after { padding: 0 1em; content: '>'; }

body main .breadcrumb-wrap ul li:last-child::after { content: ''; }

body main .breadcrumb-wrap ul li a { color: #fff !important; text-decoration: none; }

body main .breadcrumb-wrap ul li a:first-child { color: #5b1986; font-weight: bold; text-decoration: underline; }

body .content-wrap { padding: 4rem 0; }

body .content-wrap .inner.inner-ss { padding: 0 250px; }

body .content-wrap .inner.inner-s { padding: 0 145px; }

body .content-wrap .inner.inner-m { padding: 0 100px; }

body .content-wrap .inner.inner-l { padding: 0 50px; }

body .content-wrap .inner.inner-artcle { max-width: 920px; margin: 0 auto; padding: 0 2rem; }

@media screen and (min-width: 678px) and (max-width: 1024px) { body .content-wrap .inner.inner-ss { padding: 0 40px; }
		body .content-wrap .inner.inner-s { padding: 0 40px; }
		body .content-wrap .inner.inner-m { padding: 0 40px; }
		body .content-wrap .inner.inner-l { padding: 0 40px; } }

body .content-wrap h1.section-title, body .content-wrap h2.section-title, body .content-wrap h3.section-title, body .content-wrap h4.section-title, body .content-wrap h5.section-title, body .content-wrap h6.section-title { margin-bottom: 4rem; }

body .content-wrap h1.section-title span, body .content-wrap h2.section-title span, body .content-wrap h3.section-title span, body .content-wrap h4.section-title span, body .content-wrap h5.section-title span, body .content-wrap h6.section-title span { display: block; }

body .content-wrap h1.section-title span.main, body .content-wrap h2.section-title span.main, body .content-wrap h3.section-title span.main, body .content-wrap h4.section-title span.main, body .content-wrap h5.section-title span.main, body .content-wrap h6.section-title span.main { font-size: 3rem; font-weight: bold; }

body .content-wrap h1.section-title span.sub, body .content-wrap h2.section-title span.sub, body .content-wrap h3.section-title span.sub, body .content-wrap h4.section-title span.sub, body .content-wrap h5.section-title span.sub, body .content-wrap h6.section-title span.sub { font-size: 1.1rem; font-weight: 500; }

body .content-wrap h1.section-title.centerline, body .content-wrap h2.section-title.centerline, body .content-wrap h3.section-title.centerline, body .content-wrap h4.section-title.centerline, body .content-wrap h5.section-title.centerline, body .content-wrap h6.section-title.centerline { display: flex; align-items: center; line-height: 1; }

body .content-wrap h1.section-title.centerline span.main, body .content-wrap h2.section-title.centerline span.main, body .content-wrap h3.section-title.centerline span.main, body .content-wrap h4.section-title.centerline span.main, body .content-wrap h5.section-title.centerline span.main, body .content-wrap h6.section-title.centerline span.main { font-size: 3rem; font-weight: bold; border-right: solid 2px #5b1986; margin-right: 1rem; padding-right: 1rem; }

body .content-wrap h1.section-title.centerline span.sub, body .content-wrap h2.section-title.centerline span.sub, body .content-wrap h3.section-title.centerline span.sub, body .content-wrap h4.section-title.centerline span.sub, body .content-wrap h5.section-title.centerline span.sub, body .content-wrap h6.section-title.centerline span.sub { font-size: 1.1rem; font-weight: 500; }

body .content-wrap h1.section-title-02, body .content-wrap h2.section-title-02, body .content-wrap h3.section-title-02, body .content-wrap h4.section-title-02, body .content-wrap h5.section-title-02, body .content-wrap h6.section-title-02 { margin-bottom: 4rem; font-size: 2rem; font-weight: bold; border-bottom: 1px solid #f29400; padding: 0 1.5rem 1.4rem 1.5rem; }

body .content-wrap h1.content-title, body .content-wrap h2.content-title, body .content-wrap h3.content-title, body .content-wrap h4.content-title, body .content-wrap h5.content-title, body .content-wrap h6.content-title { margin-bottom: 3rem; }

body .content-wrap h1.content-title.boder-left-01, body .content-wrap h2.content-title.boder-left-01, body .content-wrap h3.content-title.boder-left-01, body .content-wrap h4.content-title.boder-left-01, body .content-wrap h5.content-title.boder-left-01, body .content-wrap h6.content-title.boder-left-01 { font-size: 1.4rem; font-weight: bold; border-left: 6px solid #5b1986; padding-left: .7rem; }

body .content-wrap h1.content-title.boder-left-02, body .content-wrap h2.content-title.boder-left-02, body .content-wrap h3.content-title.boder-left-02, body .content-wrap h4.content-title.boder-left-02, body .content-wrap h5.content-title.boder-left-02, body .content-wrap h6.content-title.boder-left-02 { font-size: 1.4rem; font-weight: bold; border-left: 6px solid #5b1986; border-bottom: 1px solid #5b1986; padding-left: .7rem; padding-bottom: .5rem; }

body .content-wrap h1.content-title.boder-left-03 span, body .content-wrap h2.content-title.boder-left-03 span, body .content-wrap h3.content-title.boder-left-03 span, body .content-wrap h4.content-title.boder-left-03 span, body .content-wrap h5.content-title.boder-left-03 span, body .content-wrap h6.content-title.boder-left-03 span { display: block; padding-left: .7rem; border-left: 2px solid #5b1986; }

body .content-wrap h1.content-title.boder-left-03 span.main, body .content-wrap h2.content-title.boder-left-03 span.main, body .content-wrap h3.content-title.boder-left-03 span.main, body .content-wrap h4.content-title.boder-left-03 span.main, body .content-wrap h5.content-title.boder-left-03 span.main, body .content-wrap h6.content-title.boder-left-03 span.main { font-size: 1.4rem; font-weight: bold; padding-bottom: .3rem; }

body .content-wrap h1.content-title.boder-left-03 span.sub, body .content-wrap h2.content-title.boder-left-03 span.sub, body .content-wrap h3.content-title.boder-left-03 span.sub, body .content-wrap h4.content-title.boder-left-03 span.sub, body .content-wrap h5.content-title.boder-left-03 span.sub, body .content-wrap h6.content-title.boder-left-03 span.sub { font-size: .9rem; }

body .content-wrap h1.content-title.boder-left-04 span, body .content-wrap h2.content-title.boder-left-04 span, body .content-wrap h3.content-title.boder-left-04 span, body .content-wrap h4.content-title.boder-left-04 span, body .content-wrap h5.content-title.boder-left-04 span, body .content-wrap h6.content-title.boder-left-04 span { display: block; font-weight: bold; padding-left: .8rem; margin-left: 1.5rem; border-left: 2px solid #5b1986; }

body .content-wrap h1.content-title.boder-left-04 span.main, body .content-wrap h2.content-title.boder-left-04 span.main, body .content-wrap h3.content-title.boder-left-04 span.main, body .content-wrap h4.content-title.boder-left-04 span.main, body .content-wrap h5.content-title.boder-left-04 span.main, body .content-wrap h6.content-title.boder-left-04 span.main { font-size: 1.8rem; }

body .content-wrap h1.content-title.boder-left-04 span.sub, body .content-wrap h2.content-title.boder-left-04 span.sub, body .content-wrap h3.content-title.boder-left-04 span.sub, body .content-wrap h4.content-title.boder-left-04 span.sub, body .content-wrap h5.content-title.boder-left-04 span.sub, body .content-wrap h6.content-title.boder-left-04 span.sub { font-size: 1.2rem; padding-bottom: .3rem; }

body .content-wrap h1.content-title.boder-left-05 span, body .content-wrap h2.content-title.boder-left-05 span, body .content-wrap h3.content-title.boder-left-05 span, body .content-wrap h4.content-title.boder-left-05 span, body .content-wrap h5.content-title.boder-left-05 span, body .content-wrap h6.content-title.boder-left-05 span { display: block; font-weight: bold; position: relative; }

body .content-wrap h1.content-title.boder-left-05 span.main, body .content-wrap h2.content-title.boder-left-05 span.main, body .content-wrap h3.content-title.boder-left-05 span.main, body .content-wrap h4.content-title.boder-left-05 span.main, body .content-wrap h5.content-title.boder-left-05 span.main, body .content-wrap h6.content-title.boder-left-05 span.main { font-size: 1.8rem; padding-left: 2.8rem; }

body .content-wrap h1.content-title.boder-left-05 span.sub, body .content-wrap h2.content-title.boder-left-05 span.sub, body .content-wrap h3.content-title.boder-left-05 span.sub, body .content-wrap h4.content-title.boder-left-05 span.sub, body .content-wrap h5.content-title.boder-left-05 span.sub, body .content-wrap h6.content-title.boder-left-05 span.sub { font-size: 1.2rem; padding-bottom: .3rem; padding-left: 2.8rem; }

body .content-wrap h1.content-title.boder-left-05 span.sub:before, body .content-wrap h2.content-title.boder-left-05 span.sub:before, body .content-wrap h3.content-title.boder-left-05 span.sub:before, body .content-wrap h4.content-title.boder-left-05 span.sub:before, body .content-wrap h5.content-title.boder-left-05 span.sub:before, body .content-wrap h6.content-title.boder-left-05 span.sub:before { position: absolute; top: calc(50% - 1px); left: 0; width: 2rem; height: 2px; content: ''; background: #5b1986; }

body .content-wrap h1.content-title.boder-left-06, body .content-wrap h2.content-title.boder-left-06, body .content-wrap h3.content-title.boder-left-06, body .content-wrap h4.content-title.boder-left-06, body .content-wrap h5.content-title.boder-left-06, body .content-wrap h6.content-title.boder-left-06 { border-left: 40px solid #5b1986; padding-left: 1rem; line-height: 1; }

body .content-wrap h1.content-title.boder-left-06 span, body .content-wrap h2.content-title.boder-left-06 span, body .content-wrap h3.content-title.boder-left-06 span, body .content-wrap h4.content-title.boder-left-06 span, body .content-wrap h5.content-title.boder-left-06 span, body .content-wrap h6.content-title.boder-left-06 span { display: block; position: relative; font-weight: bold; }

body .content-wrap h1.content-title.boder-left-06 span.main, body .content-wrap h2.content-title.boder-left-06 span.main, body .content-wrap h3.content-title.boder-left-06 span.main, body .content-wrap h4.content-title.boder-left-06 span.main, body .content-wrap h5.content-title.boder-left-06 span.main, body .content-wrap h6.content-title.boder-left-06 span.main { font-size: 1.8rem; margin-bottom: .4rem; }

body .content-wrap h1.content-title.boder-left-06 span.sub, body .content-wrap h2.content-title.boder-left-06 span.sub, body .content-wrap h3.content-title.boder-left-06 span.sub, body .content-wrap h4.content-title.boder-left-06 span.sub, body .content-wrap h5.content-title.boder-left-06 span.sub, body .content-wrap h6.content-title.boder-left-06 span.sub { font-size: 1rem; }

body .content-wrap h1.content-title.boder-bottom-01, body .content-wrap h2.content-title.boder-bottom-01, body .content-wrap h3.content-title.boder-bottom-01, body .content-wrap h4.content-title.boder-bottom-01, body .content-wrap h5.content-title.boder-bottom-01, body .content-wrap h6.content-title.boder-bottom-01 { position: relative; font-size: 1.4rem; font-weight: bold; border-bottom: 3px solid #f29400; padding: 1rem 0; }

body .content-wrap h1.content-title.boder-bottom-01:before, body .content-wrap h2.content-title.boder-bottom-01:before, body .content-wrap h3.content-title.boder-bottom-01:before, body .content-wrap h4.content-title.boder-bottom-01:before, body .content-wrap h5.content-title.boder-bottom-01:before, body .content-wrap h6.content-title.boder-bottom-01:before { position: absolute; bottom: -3px; left: 0; width: 10%; height: 3px; content: ''; background: #5b1986; }

body .content-wrap h1.content-title.boder-top-01, body .content-wrap h2.content-title.boder-top-01, body .content-wrap h3.content-title.boder-top-01, body .content-wrap h4.content-title.boder-top-01, body .content-wrap h5.content-title.boder-top-01, body .content-wrap h6.content-title.boder-top-01 { font-size: 1.4rem; font-weight: bold; border-top: 3px solid #5b1986; padding: 1rem; background: #f29400; }

body .content-wrap h1.content-title.boder-bg-01, body .content-wrap h2.content-title.boder-bg-01, body .content-wrap h3.content-title.boder-bg-01, body .content-wrap h4.content-title.boder-bg-01, body .content-wrap h5.content-title.boder-bg-01, body .content-wrap h6.content-title.boder-bg-01 { font-size: 1.4rem; font-weight: bold; padding: 1rem; background: #5b1986; color: #fff; }

body .content-wrap .news-list-wrap-01 { display: flex; flex-wrap: wrap; }

body .content-wrap .news-list-wrap-01 li { width: calc(100% / 3 - 1.5rem); margin-right: 2rem; margin-bottom: 2rem; }

body .content-wrap .news-list-wrap-01 li:nth-child(3n) { margin-right: 0; }

body .content-wrap .news-list-wrap-01 li a { display: block; transition: all .3s; }

body .content-wrap .news-list-wrap-01 li a:hover { text-decoration: none; color: black; opacity: .7; }

body .content-wrap .news-list-wrap-01 li a .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 16/10; }

body .content-wrap .news-list-wrap-01 li a .text { padding: .5rem 0; }

body .content-wrap .news-list-wrap-01 li a .text .date { font-family: "Montserrat", sans-serif; color: #999999; font-size: .8rem; padding-bottom: .5rem; line-height: 1; }

body .content-wrap .news-list-wrap-01 li a .text .date > span { display: inline-block; background: #f29400; color: #ffffff; padding: .3rem .8rem; margin-left: .5rem; }

body .content-wrap .news-list-wrap-02 { display: flex; flex-wrap: wrap; }

body .content-wrap .news-list-wrap-02 li { width: calc(100% / 4 - 1.5rem); margin-right: 2rem; margin-bottom: 2rem; }

body .content-wrap .news-list-wrap-02 li:nth-child(4n) { margin-right: 0; }

body .content-wrap .news-list-wrap-02 li a { display: block; transition: all .3s; }

body .content-wrap .news-list-wrap-02 li a:hover { text-decoration: none; color: black; opacity: .7; }

body .content-wrap .news-list-wrap-02 li a .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 16/10; border-radius: 15px; }

body .content-wrap .news-list-wrap-02 li a .text { padding: .5rem 0; }

body .content-wrap .news-list-wrap-02 li a .text .date { font-family: "Montserrat", sans-serif; color: #999999; font-size: .8rem; padding-bottom: .5rem; line-height: 1; }

body .content-wrap .news-list-wrap-02 li a .text .date > span { display: inline-block; background: #f29400; color: #ffffff; padding: .3rem .8rem; margin-left: .5rem; }

body .content-wrap .news-list-wrap-03 a { display: flex; border-bottom: 1px solid #dcdcdc; padding: 2.5rem 0; transition: all .3s; }

body .content-wrap .news-list-wrap-03 a:hover { text-decoration: none; color: black; opacity: .7; }

body .content-wrap .news-list-wrap-03 a .thumb { width: 30%; }

body .content-wrap .news-list-wrap-03 a .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 16/9; }

body .content-wrap .news-list-wrap-03 a .text { width: 70%; padding-left: 2rem; }

body .content-wrap .news-list-wrap-03 a .text .date { font-family: "Montserrat", sans-serif; color: #999999; font-size: .8rem; padding-bottom: .5rem; line-height: 1; }

body .content-wrap .news-list-wrap-03 a .text .date > span { display: inline-block; background: #f29400; color: #ffffff; padding: .3rem .8rem; margin-left: .5rem; }

body .content-wrap .news-list-wrap-03 a .text .title { font-weight: bold; padding-bottom: 1rem; }

body .content-wrap .news-list-wrap-03 a .text .detail { font-size: .9rem; }

body .content-wrap .news-list-wrap-04 li { border-bottom: 1px solid #dcdcdc; }

body .content-wrap .news-list-wrap-04 li:first-child { border-top: 1px solid #dcdcdc; }

body .content-wrap .news-list-wrap-04 li a { display: block; padding: 2.5rem 3rem; transition: all .3s; }

body .content-wrap .news-list-wrap-04 li a:hover { text-decoration: none; color: black; opacity: .7; }

body .content-wrap .news-list-wrap-04 li a .text .date { font-family: "Montserrat", sans-serif; color: #999999; font-size: .8rem; padding-bottom: .5rem; line-height: 1; }

body .content-wrap .news-list-wrap-04 li a .text .date > span { display: inline-block; background: #f29400; color: #ffffff; padding: .3rem .8rem; margin-left: .5rem; }

body .content-wrap .news-list-wrap-04 li a .text .title { font-weight: bold; padding-bottom: 1rem; }

body .content-wrap .news-list-wrap-04 li a .text .detail { font-size: .9rem; }

body .content-wrap .news-list-wrap-05 { background: #EFEFEF; padding: 90px; }

body .content-wrap .news-list-wrap-05 li { border-bottom: 1px solid #dcdcdc; }

body .content-wrap .news-list-wrap-05 li:first-child { border-top: 1px solid #dcdcdc; }

body .content-wrap .news-list-wrap-05 li a { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 2.5rem 0; transition: all .3s; }

body .content-wrap .news-list-wrap-05 li a:hover { text-decoration: none; color: black; opacity: .7; }

body .content-wrap .news-list-wrap-05 li a::after { content: "→"; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 30px; height: 30px; padding: .4rem; line-height: 1; border-radius: 100rem; background: #B0AFB0; color: white; }

body .content-wrap .news-list-wrap-05 li a .date { font-family: "Montserrat", sans-serif; color: #B0AFB0; font-weight: 500; font-size: .9rem; }

body .content-wrap .news-list-wrap-05 li a .category { display: inline-block; background: #ffffff; color: #000000; font-size: .9rem; padding: .3rem .8rem; margin: 0 1rem; line-height: 1; }

body .content-wrap .news-list-wrap-05 li a .title { width: 70%; padding-right: 3rem; }

body .content-wrap .box-1col .link.link-01 a { display: block; padding-right: 4rem; position: relative; }

body .content-wrap .box-1col .link.link-01 a::before { content: '>'; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

body .content-wrap .box-1col .link.link-01 a::after { position: absolute; bottom: -5px; left: 50%; content: ''; width: 100%; height: 1px; background-color: #5b1986; transition: .3s; transform: translateX(-50%); }

body .content-wrap .box-1col .link.link-01 a:hover::after { width: 0; }

body .content-wrap .box-1col.box-1col-01 .title { color: #ffffff; font-weight: bold; margin-bottom: 2rem; padding-bottom: 2rem; line-height: 2; position: relative; }

body .content-wrap .box-1col.box-1col-01 .title::before { background-color: #ffffff; /* 線の色 */ border-radius: 5px; /* 線の両端を丸く */ bottom: 0px; /* 線の位置 */ content: ""; height: 2px; /* 線の高さ */ left: 50%; /* 線の中央寄せ */ position: absolute; transform: translateX(-50%); /* 線の中央寄せ */ width: 8%; /* 線の長さ */ }

body .content-wrap .box-1col.box-1col-01 .title .main-title { font-size: 1.3rem; }

body .content-wrap .box-1col.box-1col-01 .title .sub-title { font-size: 1.1rem; }

body .content-wrap .box-1col.box-1col-01 .text { color: #ffffff; line-height: 2; }

body .content-wrap .box-1col.box-1col-02 { display: flex; align-items: stretch; }

body .content-wrap .box-1col.box-1col-02 .thumb { width: 50%; }

body .content-wrap .box-1col.box-1col-02 .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 1/1; height: 100%; }

body .content-wrap .box-1col.box-1col-02 .text { width: 50%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 5rem 3.5rem; background-color: #F6F6F6; }

body .content-wrap .box-1col.box-1col-02 .text h3.section-title { margin-bottom: 3rem; }

body .content-wrap .box-1col.box-1col-02 .text h3.section-title .main { font-size: 2.5rem; }

body .content-wrap .box-1col.box-1col-02 .text > p { font-size: 1rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-03 { display: flex; align-items: stretch; }

body .content-wrap .box-1col.box-1col-03 .thumb { width: 53%; margin-right: -3%; }

body .content-wrap .box-1col.box-1col-03 .thumb img { display: block; width: 100%; object-fit: cover; }

body .content-wrap .box-1col.box-1col-03 .text { width: 53%; margin-left: -3%; margin-top: 5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 5rem 3.5rem; background-color: #F6F6F6; }

body .content-wrap .box-1col.box-1col-03 .text h3.section-title { margin-bottom: 2.5rem; }

body .content-wrap .box-1col.box-1col-03 .text h3.section-title .main { font-size: 2.3rem; }

body .content-wrap .box-1col.box-1col-03 .text > p { font-size: 1rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-04 { display: flex; align-items: stretch; flex-direction: row-reverse; }

body .content-wrap .box-1col.box-1col-04 .thumb { width: 60%; margin-right: -50px; }

@media screen and (min-width: 678px) and (max-width: 1024px) { body .content-wrap .box-1col.box-1col-04 .thumb { margin-right: -40px; } }

body .content-wrap .box-1col.box-1col-04 .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 1/1; height: 100%; }

body .content-wrap .box-1col.box-1col-04 .text { width: 45%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 5rem 3.5rem; background-color: #F6F6F6; }

body .content-wrap .box-1col.box-1col-04 .text h3.section-title { margin-bottom: 3rem; }

body .content-wrap .box-1col.box-1col-04 .text h3.section-title .main { font-size: 2.5rem; }

body .content-wrap .box-1col.box-1col-04 .text > p { font-size: 1rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-04 .text .link-btn { width: 100%; }

body .content-wrap .box-1col.box-1col-05 { display: flex; align-items: flex-start; flex-direction: row-reverse; }

body .content-wrap .box-1col.box-1col-05 .thumb { width: 60%; }

body .content-wrap .box-1col.box-1col-05 .thumb img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-05 .text { width: 45%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 1rem 3.5rem; }

body .content-wrap .box-1col.box-1col-05 .text h3.section-title { margin-bottom: 3rem; flex-wrap: wrap; }

body .content-wrap .box-1col.box-1col-05 .text h3.section-title .main { font-size: 2rem; }

body .content-wrap .box-1col.box-1col-05 .text > p { font-size: 1rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-05 .text .link-btn { width: 100%; }

body .content-wrap .box-1col.box-1col-06 { display: flex; align-items: flex-start; border: solid 1px #5b1986; border-radius: 25px; padding: 3rem; }

body .content-wrap .box-1col.box-1col-06 .thumb { width: 40%; }

body .content-wrap .box-1col.box-1col-06 .thumb img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-06 .text { width: 60%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 3rem; }

body .content-wrap .box-1col.box-1col-06 .text h3.section-title { margin-bottom: 2.5rem; }

body .content-wrap .box-1col.box-1col-06 .text h3.section-title .main { font-size: 2rem; }

body .content-wrap .box-1col.box-1col-06 .text > p { font-size: 1rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-06 .text .link-btn { width: 55%; }

body .content-wrap .box-1col.box-1col-07 .thumb { width: 100%; }

body .content-wrap .box-1col.box-1col-07 .thumb img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-07 .text { position: relative; width: 60%; margin: -18rem auto 0 auto; padding: 3.5rem 5rem; }

@media screen and (min-width: 678px) and (max-width: 1024px) { body .content-wrap .box-1col.box-1col-07 .text { width: 70%; margin: -15rem auto 0 auto; padding: 3rem 3rem; } }

body .content-wrap .box-1col.box-1col-07 .text h3.section-title { margin-bottom: 2.5rem; }

body .content-wrap .box-1col.box-1col-07 .text h3.section-title .main { font-size: 2.5rem; }

body .content-wrap .box-1col.box-1col-07 .text > p { font-size: 1rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-07 .text .link-btn { width: 55%; margin: 0 auto; }

body .content-wrap .box-1col.box-1col-08 .thumb img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-08 .text .title { font-size: 2rem; font-weight: bold; margin-bottom: 2.5rem; }

body .content-wrap .box-1col.box-1col-08 .text > p { font-size: 1rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-09 { padding: 4rem 0; color: #ffffff; }

body .content-wrap .box-1col.box-1col-09 .text .content-title { border-color: #ffffff; }

body .content-wrap .box-1col.box-1col-09 .text > p { font-size: .9rem; line-height: 2.2; padding: 0 4rem; }

body .content-wrap .box-1col.box-1col-09 .text .link-btn { width: 360px; margin: 0 0 0 auto; padding: 0 4rem; }

body .content-wrap .box-1col.box-1col-09 .text .link-btn a { color: #ffffff; }

body .content-wrap .box-1col.box-1col-10 { padding: 5rem 180px; color: #ffffff; }

@media screen and (min-width: 678px) and (max-width: 1024px) { body .content-wrap .box-1col.box-1col-10 { padding: 5rem 5rem; } }

body .content-wrap .box-1col.box-1col-10 .box-1col-inner { background-size: cover; padding: 4rem 1.5rem; }

body .content-wrap .box-1col.box-1col-10 .box-1col-inner .text > p { font-size: 1rem; line-height: 2.2; padding: 0 4rem; }

body .content-wrap .box-1col.box-1col-10 .box-1col-inner .text .link-btn { width: 360px; margin: 0 auto; }

body .content-wrap .box-col2-wrap-01 { display: flex; flex-wrap: wrap; justify-content: space-between; }

body .content-wrap .box-col2-wrap-01 .item { width: 45%; margin-right: 1.5rem; margin-bottom: 1.5rem; }

body .content-wrap .box-col2-wrap-01 .item:nth-child(2n) { margin-right: 0; }

body .content-wrap .box-col2-wrap-01 .item .thumb img { display: block; width: 100%; object-fit: cover; object-position: center; aspect-ratio: 16 / 10; overflow: hidden; }

body .content-wrap .box-col2-wrap-01 .item .text h4 { font-family: "Montserrat", sans-serif; display: flex; align-items: baseline; justify-content: space-between; padding: 1rem 0 1.5rem; font-size: 2.8rem; font-weight: bold; color: #5b1986; }

body .content-wrap .box-col2-wrap-01 .item .text h4 span { display: block; font-weight: 500; font-size: 1rem; }

body .content-wrap .box-col2-wrap-01 .item .btn-wrap a { display: block; padding: 1rem 0; text-align: center; background-color: transparent; border: 1px solid #5b1986; color: #5b1986; font-size: 1rem; border-radius: 10px; transition: all .3s; }

body .content-wrap .box-col2-wrap-01 .item .btn-wrap a:hover { background: #5b1986; color: white; opacity: 1; }

body .content-wrap .box-col2-wrap-02 { display: flex; flex-wrap: wrap; justify-content: space-between; }

body .content-wrap .box-col2-wrap-02 .item { width: 48%; margin-right: 1rem; margin-bottom: 1.5rem; transition: all .3s; }

body .content-wrap .box-col2-wrap-02 .item:nth-child(2n) { margin-right: 0; }

body .content-wrap .box-col2-wrap-02 .item:hover { opacity: .6; }

body .content-wrap .box-col2-wrap-02 .item .thumb img { display: block; width: 100%; object-fit: cover; object-position: center; aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; }

body .content-wrap .box-col2-wrap-02 .item .text { position: relative; padding: 1rem 1.5rem; }

body .content-wrap .box-col2-wrap-02 .item .text h4 { font-family: "Montserrat", sans-serif; font-size: 1.8rem; font-weight: bold; color: #5b1986; line-height: 1.4; }

body .content-wrap .box-col2-wrap-02 .item .text h4 span { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; position: relative; display: block; font-size: .9rem; padding-left: 35px; }

body .content-wrap .box-col2-wrap-02 .item .text h4 span::before { content: ''; position: absolute; top: 50%; left: 0; display: inline-block; width: 30px; height: 1px; background-color: black; }

body .content-wrap .box-col2-wrap-02 .item .text::after { content: "→"; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); display: block; width: 30px; height: 30px; padding: .4rem; line-height: 1; border-radius: 100rem; background: #5b1986; color: white; }

body .content-wrap .box-col2-wrap-03 { display: flex; flex-wrap: wrap; justify-content: space-between; }

body .content-wrap .box-col2-wrap-03 .item { width: 48%; margin-right: 1rem; margin-bottom: 1.5rem; padding: 2rem; background: #f29400; border-radius: 30px; }

body .content-wrap .box-col2-wrap-03 .item:nth-child(2n) { margin-right: 0; }

body .content-wrap .box-col2-wrap-03 .item .text { color: #ffffff; }

body .content-wrap .box-col2-wrap-03 .item .text h4 { font-family: "Montserrat", sans-serif; padding: 1rem 0 1.5rem; font-size: 2.8rem; font-weight: bold; text-align: center; }

body .content-wrap .box-col2-wrap-03 .item .text h4 span { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; display: block; font-weight: 500; font-size: 1rem; }

body .content-wrap .box-col2-wrap-03 .item .btn-wrap a { position: relative; display: block; width: 310px; margin: 0 auto; padding: 1rem 0; text-align: center; background: #ffffff; color: #5b1986; border-radius: 40px; transition: all .3s; }

body .content-wrap .box-col2-wrap-03 .item .btn-wrap a::after { content: "→"; position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); display: block; width: 50px; height: 50px; padding: .2rem 0; line-height: 1; border-radius: 100rem; background: #f29400; color: white; font-size: 2.5rem; text-align: left; }

body .content-wrap .box-col2-wrap-03 .item .btn-wrap a:hover { opacity: .7; }

body .content-wrap .box-col2-wrap-04 { display: flex; flex-wrap: wrap; justify-content: space-between; }

body .content-wrap .box-col2-wrap-04 .item { width: calc(100% / 2); padding: 2.5rem 3rem; }

body .content-wrap .box-col2-wrap-04 .item .text { color: #ffffff; }

body .content-wrap .box-col2-wrap-04 .item .text h4 { font-family: "Montserrat", sans-serif; display: flex; align-items: center; padding: 1rem 0 1.5rem; font-size: 2.8rem; font-weight: bold; line-height: 1; }

body .content-wrap .box-col2-wrap-04 .item .text h4 span { display: block; font-weight: 500; font-size: 1rem; margin-left: 1rem; padding-left: 1rem; border-left: 1px solid #ffffff; line-height: 2; }

body .content-wrap .box-col2-wrap-04 .item .btn-wrap a { position: relative; display: block; width: 260px; margin: 0 auto; padding: .5rem 0; text-align: center; background-color: #5b1986; border: 1px solid #5b1986; color: #ffffff; transition: all .3s; }

body .content-wrap .box-col2-wrap-04 .item .btn-wrap a::before { content: ''; position: absolute; top: 0; bottom: 0; right: 27px; width: 9px; height: 9px; margin: auto; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); box-sizing: border-box; }

body .content-wrap .box-col2-wrap-04 .item .btn-wrap a:hover { background: #f29400; color: #5b1986; opacity: 1; }

body .content-wrap .box-col2-wrap-04 .item .btn-wrap a:hover::before { border-top: 2px solid #5b1986; border-right: 2px solid #5b1986; }

body .content-wrap .box-col2-wrap-04 .item.bg-sub { background: #f29400; }

body .content-wrap .box-col2-wrap-04 .item.bg-main { background: #5b1986; }

body .content-wrap .box-col2-wrap-04 .item.bg-main .btn-wrap a { background: #f29400; border: 1px solid #f29400; }

body .content-wrap .box-col2-wrap-04 .item.bg-main .btn-wrap a:hover { background: #5b1986; border: 1px solid #f29400; color: #f29400; }

body .content-wrap .box-col2-wrap-04 .item.bg-main .btn-wrap a:hover::before { border-top: 2px solid #f29400; border-right: 2px solid #f29400; }

body .content-wrap .box-col2-wrap-05 { display: flex; flex-wrap: wrap; justify-content: space-between; }

body .content-wrap .box-col2-wrap-05 .item { width: calc(100% / 2); background: #f29400; padding: 2rem; }

body .content-wrap .box-col2-wrap-05 .item .text { background: #5b1986; color: #ffffff; padding: 3rem; }

body .content-wrap .box-col2-wrap-05 .item .text h4 { position: relative; font-family: "Montserrat", sans-serif; padding-bottom: 3rem; font-size: 2.8rem; font-weight: bold; text-align: center; }

body .content-wrap .box-col2-wrap-05 .item .text h4 span { display: block; font-weight: 500; font-size: 1rem; }

body .content-wrap .box-col2-wrap-05 .item .text h4::after { content: ''; border-bottom: 1px solid #ffffff; display: block; position: absolute; left: 50%; bottom: 1.5rem; transform: translateX(-50%); width: 260px; }

body .content-wrap .box-col2-wrap-05 .item .text .btn-wrap a { display: block; width: 260px; margin: 0 auto; padding: 1rem 0; text-align: center; background-color: #ffffff; border: 1px solid #ffffff; color: #5b1986; font-size: 1rem; transition: all .3s; }

body .content-wrap .box-col2-wrap-05 .item .text .btn-wrap a:hover { background: transparent; color: white; opacity: 1; }

body .content-wrap .box-col2-wrap-05 .item.bg-img { background-position: center; background-repeat: no-repeat; background-size: cover; }

body .content-wrap .box-col2-wrap-05 .item.bg-img .text { background-color: rgba(91, 25, 134, 0.7); }

body .content-wrap .box-col2-wrap-06 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }

body .content-wrap .box-col2-wrap-06 .item { width: 48%; margin-right: 1rem; }

body .content-wrap .box-col2-wrap-06 .item:nth-child(2n) { margin-right: 0; }

body .content-wrap .box-col2-wrap-06 .item .text { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; background: #5b1986; color: #ffffff; padding: 3rem 2rem; }

body .content-wrap .box-col2-wrap-06 .item .text img { display: block; width: 80px; padding-bottom: 1.5rem; }

body .content-wrap .box-col2-wrap-06 .item .text p { font-size: .9rem; font-weight: 500; }

body .content-wrap .box-col2-wrap-06 .item .text p.title { font-size: 1.1rem; font-weight: bold; padding-bottom: 1.5rem; }

body .content-wrap .box-col2-wrap-06 .item .text p.tel { font-size: 1.1rem; font-weight: bold; }

body .content-wrap .box-col2-wrap-06 .item .text p.tel a { display: inline-block; padding-left: .5rem; font-size: 2rem; font-weight: bold; transition: all .3s; }

body .content-wrap .box-col2-wrap-06 .item .text p.tel a:hover { opacity: .6; color: #ffffff; }

body .content-wrap .box-col2-wrap-06 .item .btn-wrap a { display: block; width: 310px; margin: 0 auto; padding: 1rem 0; text-align: center; background-color: #ffffff; border: 1px solid #ffffff; color: #5b1986; font-size: 1rem; font-weight: bold; transition: all .3s; }

body .content-wrap .box-col2-wrap-06 .item .btn-wrap a:hover { background: #5b1986; color: white; opacity: 1; }

body .content-wrap .box-col2-wrap-07 { padding: 2.5rem 3rem; border-radius: 30px; }

body .content-wrap .box-col2-wrap-07 h3 { font-size: 1.6rem; font-weight: bold; padding-bottom: 3rem; }

body .content-wrap .box-col2-wrap-07 .contact-box { display: flex; justify-content: space-between; align-items: center; }

body .content-wrap .box-col2-wrap-07 .contact-box .item { width: calc(100% / 2); padding: 0 1.5rem; }

body .content-wrap .box-col2-wrap-07 .contact-box .item p { text-align: center; font-weight: 600; font-size: 1.3rem; }

body .content-wrap .box-col2-wrap-07 .contact-box .item p.tel a, body .content-wrap .box-col2-wrap-07 .contact-box .item p.tel span { font-size: 2.5rem; color: #000000; line-height: 1; }

body .content-wrap .box-col2-wrap-07 .contact-box .item .contact-btn { margin-top: 1rem; }

body .content-wrap .box-col2-wrap-07 .contact-box .item .contact-btn a { display: block; background: #5b1986; color: #ffffff; width: 70%; border-radius: 5px; margin: 0 auto; padding: 1rem 0; text-align: center; font-size: 1.5rem; font-weight: bold; transition: all .3s; }

body .content-wrap .box-col2-wrap-07 .contact-box .item .contact-btn a:hover { opacity: .6; }

body .content-wrap .box-col2-wrap-07 .contact-box .item .contact-btn a:before { content: "　"; background-image: url(../img/icon_mail_w.png); font-size: 1.5rem; margin-right: 0.3rem; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; }

body .content-wrap .box-col2-wrap-07 .contact-box .item:first-child { border-right: 1px solid #000000; }

body .content-wrap .box-col2-wrap-07.bg-main { background: #5b1986; }

body .content-wrap .box-col2-wrap-07.bg-main .contact-box .item p.tel a, body .content-wrap .box-col2-wrap-07.bg-main .contact-box .item p.tel span { color: #ffffff; }

body .content-wrap .box-col2-wrap-07.bg-main .contact-box .item .contact-btn a { background: #ffffff; color: #000000; }

body .content-wrap .box-col2-wrap-07.bg-main .contact-box .item .contact-btn a:before { background-image: url(../img/icon_mail_b.png); }

body .content-wrap .box-col2-wrap-07.bg-main .contact-box .item:first-child { border-right: 1px solid #ffffff; }

body .content-wrap .box-col2-wrap-08 { display: flex; flex-wrap: wrap; }

body .content-wrap .box-col2-wrap-08 a { display: block; width: calc( 100% / 2); padding: 3rem; transition: all .3s; }

body .content-wrap .box-col2-wrap-08 a:hover { opacity: .6; }

body .content-wrap .box-col2-wrap-08 a:first-child { background-color: #d8d8d8; color: black; }

body .content-wrap .box-col2-wrap-08 a:last-child { background: #000; position: relative; color: white; }

body .content-wrap .box-col2-wrap-08 a:last-child p.main { color: white; }

body .content-wrap .box-col2-wrap-08 a:last-child:after { content: "→"; position: absolute; top: calc(50% - 0.5em); right: 2.5rem; }

body .content-wrap .box-col2-wrap-08 a p { font-weight: bold; letter-spacing: .1rem; line-height: 1.4; }

body .content-wrap .box-col2-wrap-08 a p.title { font-size: 1.1rem; }

body .content-wrap .box-col2-wrap-08 a p.main { font-family: "Montserrat", sans-serif; font-size: 2rem; }

body .content-wrap .box-col2-wrap-08 a p.sub { font-size: 1rem; }

body .content-wrap .box-3col.box-3col-01 .circle-wrap { display: flex; justify-content: space-between; }

body .content-wrap .box-3col.box-3col-01 .circle-wrap .item { width: calc(100% / 3 - 40px); padding-top: 3rem; }

body .content-wrap .box-3col.box-3col-01 .circle-wrap .item .circle { width: 90px; height: 90px; margin: 0 auto; margin-bottom: 1rem; background: #5b1986; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: white; }

body .content-wrap .box-3col.box-3col-01 .circle-wrap .item p { text-align: center; color: #5b1986; font-size: 1rem; }

body .content-wrap .box-3col.box-3col-01 .circle-wrap .item p.main { font-size: 2.3rem; font-weight: bold; border-bottom: 1px solid #5b1986; padding-bottom: .5rem; margin-bottom: .5rem; line-height: 1; }

body .content-wrap .box-3col.box-3col-02 ul.list { display: flex; flex-wrap: wrap; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item { width: 31.6%; margin-right: 2.5%; margin-bottom: 2.5%; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item:nth-child(3n) { margin-right: 0; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item a { display: block; transition: .3s; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item a:hover { opacity: .7; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .title { font-size: 1.2rem; font-weight: bold; padding: .5rem 1rem; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .text { font-size: .9rem; padding: 0 1rem .5rem 1rem; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .more { text-align: right; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .more span { display: inline-block; color: #ffffff; background: #5b1986; font-size: .8rem; padding: 0rem 1rem .2rem 1rem; }

body .content-wrap .box-3col.box-3col-03 ul.list { display: flex; flex-wrap: wrap; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item { width: 32%; margin-right: 2%; margin-bottom: 2%; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item:nth-child(3n) { margin-right: 0; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item a { display: block; transition: .3s; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item a:hover { opacity: .7; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .preface { display: flex; flex-wrap: wrap; margin: .5rem 0; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .preface .label { border-radius: 999px; background: #5b1986; color: #ffffff; font-size: .7rem; padding: .1rem 1rem 0 1rem; margin-right: .5rem; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .preface .date { font-size: .85rem; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .title { font-size: 1.1rem; font-weight: bold; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .text { font-size: .9rem; }

body .content-wrap .box-3col.box-3col-04 ul.list { display: flex; flex-wrap: wrap; }

body .content-wrap .box-3col.box-3col-04 ul.list li.list-item { width: 33%; margin-right: .5%; margin-bottom: .5%; }

body .content-wrap .box-3col.box-3col-04 ul.list li.list-item:nth-child(3n) { margin-right: 0; }

body .content-wrap .box-3col.box-3col-04 ul.list li.list-item a { display: block; transition: .3s; }

body .content-wrap .box-3col.box-3col-04 ul.list li.list-item a:hover { opacity: .7; }

body .content-wrap .box-3col.box-3col-04 ul.list li.list-item .text { padding: 1rem; font-size: .9rem; background: #5b1986; color: #ffffff; }

body .content-wrap .box-3col.box-3col-05 ul.list { display: flex; flex-wrap: wrap; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item { width: 32.33%; margin-right: 1.5%; margin-bottom: 1.5%; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item:nth-child(3n) { margin-right: 0; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item a { display: block; transition: .3s; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item a:hover { opacity: .7; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .thm { overflow: hidden; border-radius: 20px; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .title { padding: .5rem 1rem; display: flex; align-items: stretch; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .title .num { font-size: 3rem; margin-right: 1rem; line-height: 1; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .title .ttl { font-weight: bold; font-size: 1.2rem; margin-top: .3rem; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .text { font-size: .9rem; padding: 0 1rem .5rem 1rem; }

body .content-wrap .box-3col.box-3col-06 ul.list { display: flex; flex-wrap: wrap; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item { width: 30%; margin-right: 5%; margin-bottom: 5%; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item:nth-child(3n) { margin-right: 0; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item a { display: block; transition: .3s; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item a:hover { opacity: .7; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item .thm { overflow: hidden; border-radius: 999px; margin-bottom: 1.5rem; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item .text { font-size: 1.1rem; }

body .content-wrap .box-free-wrap a { display: block; transition: .3s; }

body .content-wrap .box-free-wrap a:hover { opacity: .7; color: inherit; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul { display: flex; flex-wrap: wrap; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li { position: relative; width: 50%; background-size: 100%; background-repeat: no-repeat; aspect-ratio: 5 / 3; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 5 / 3; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.5)); }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li a { position: relative; aspect-ratio: 5 / 3; display: block; z-index: 99; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; color: #ffffff; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text .bb { border-bottom: 1px solid white; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text .main { font-size: 1.6rem; padding: .5rem 1.5rem; font-weight: bold; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text .sub { font-size: 1.1rem; padding: .5rem 1.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul { display: flex; flex-wrap: wrap; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li { position: relative; width: 25%; background-size: 100%; background-repeat: no-repeat; aspect-ratio: 5 / 3; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 5 / 3; background: rgba(51, 51, 51, 0.5); }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li a { position: relative; aspect-ratio: 5 / 3; display: block; z-index: 99; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li a::after { content: ''; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #fff; border-right: 0; transform: translateX(1px); position: absolute; bottom: 8px; right: 8px; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li .text { position: absolute; top: 50%; right: 0; left: 0; margin: 0 auto; transform: translateY(-50%); z-index: 1; color: #ffffff; text-align: center; line-height: 1.1; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li .text .main { font-size: 3rem; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li .text .sub { font-size: .95rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li { display: flex; justify-content: center; margin-bottom: 4rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) { flex-direction: row-reverse; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .thumb { margin-left: 4%; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .main { text-align: right; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .sub { margin: 0 0 0 auto; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .link { margin: 2rem 0 0 auto; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(even) .thumb { margin-right: 4%; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .thumb { width: 60%; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text { width: 40%; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .main { font-size: 1.8rem; font-weight: bold; border-bottom: 1px solid #5b1986; margin-bottom: 1.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .sub { width: 70%; font-size: .9rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .link { width: 70%; margin-top: 2rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .link a { display: block; position: relative; padding-left: 2.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .link a::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-color: #5b1986; border-radius: 50%; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .link a::after { content: ''; position: absolute; top: calc(50% - 1px); left: 3.5px; transform: rotate(45deg) translateY(-50%); width: 6px; height: 6px; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff #fff transparent transparent; }

body .content-wrap .link-btn { width: 30%; }

body .content-wrap .link-btn.center { margin: 0 auto; }

body .content-wrap .link-btn.right { margin: 0 0 0 auto; }

body .content-wrap .link-btn.main-color a { display: block; background-color: #5b1986; border: 1px solid #5b1986; color: #fff; }

body .content-wrap .link-btn.main-color a:hover { background-color: #fff; color: #5b1986; }

body .content-wrap .link-btn.main-color a:hover::after { border-color: #5b1986; }

body .content-wrap .link-btn.main-color a::after { border-color: #fff; }

body .content-wrap .link-btn.reverse-color a { background-color: #fff; border: 1px solid #5b1986; color: #5b1986; }

body .content-wrap .link-btn.reverse-color a:hover { background-color: #5b1986; color: #fff; }

body .content-wrap .link-btn.reverse-color a:hover::after { border-color: #fff; }

body .content-wrap .link-btn.grad-color a { background: linear-gradient(-225deg, #5b1986 0%, #d8382f 65%, #f29400); color: #fff; }

body .content-wrap .link-btn a { display: block; transition: .3s; }

body .content-wrap .link-btn.link-btn-01 a { position: relative; text-align: center; padding: 1rem; font-size: 1rem; }

body .content-wrap .link-btn.link-btn-01 a::after { content: ''; position: absolute; top: 50%; right: 20px; transform: rotate(45deg) translateY(-50%); width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; }

body .content-wrap .link-btn.link-btn-02 a { background: #ffffff; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; padding: 10px 25px; color: #5b1986; transition: 0.3s ease-in-out; z-index: 0; border-left: solid 5px #5b1986; }

body .content-wrap .link-btn.link-btn-02 a::before { content: ""; position: absolute; top: 0; bottom: 0; width: 0; display: block; background: #5b1986; transition: .3s; left: 0; }

body .content-wrap .link-btn.link-btn-02 a:hover { color: #ffffff; }

body .content-wrap .link-btn.link-btn-02 a:hover:before { width: 100%; z-index: -1; }

body .content-wrap .link-btn.link-btn-02.main-color a { background: #5b1986; color: #ffffff; border: 0; border-left: solid 5px #ffffff; }

body .content-wrap .link-btn.link-btn-02.main-color a::before { background: #ffffff; }

body .content-wrap .link-btn.link-btn-02.main-color a:hover { color: #5b1986; }

body .content-wrap .link-btn.link-btn-03 a { background: 0; border: 0; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; padding: 10px 0px 10px 25px; color: #5b1986; transition: 0.3s ease-in-out; }

body .content-wrap .link-btn.link-btn-03 a:before, body .content-wrap .link-btn.link-btn-03 a:after { content: ""; position: absolute; display: block; top: 50%; }

body .content-wrap .link-btn.link-btn-03 a::before { width: 0.5rem; height: 0.5rem; left: 1.1rem; border-top: solid 2px #fff; border-right: solid 2px #fff; z-index: 2; transform: translateY(-50%) rotate(45deg); transition: all 0.3s; }

body .content-wrap .link-btn.link-btn-03 a::after { left: 0; background: #5b1986; z-index: 1; width: 3rem; height: 3rem; border-radius: 4rem; transform: translateY(-50%); transition: all 0.5s; }

body .content-wrap .link-btn.link-btn-03 a span { position: relative; transition: all 0.3s; z-index: 3; }

body .content-wrap .link-btn.link-btn-03 a:hover { background: 0; }

body .content-wrap .link-btn.link-btn-03 a:hover span { color: #fff; }

body .content-wrap .link-btn.link-btn-03 a:hover:before { left: 2rem; }

body .content-wrap .link-btn.link-btn-03 a:hover:after { right: 0; width: 100%; }

body .content-wrap .link-btn.link-btn-03.reverse-color a::before { width: 0.5rem; height: 0.5rem; left: 1.1rem; border-top: solid 2px #5b1986; border-right: solid 2px #5b1986; z-index: 2; transform: translateY(-50%) rotate(45deg); transition: all 0.3s; }

body .content-wrap .link-btn.link-btn-03.reverse-color a::after { left: 0; background: #ffffff; z-index: 1; width: 3rem; height: 3rem; border-radius: 4rem; transform: translateY(-50%); transition: all 0.5s; border: solid 1px #5b1986; }

body .content-wrap .link-btn.link-btn-03.reverse-color a span { position: relative; transition: all 0.3s; z-index: 3; }

body .content-wrap .link-btn.link-btn-03.reverse-color a:hover { background: 0; }

body .content-wrap .link-btn.link-btn-03.reverse-color a:hover span { color: #5b1986; }

body .content-wrap .link-btn.link-btn-03.reverse-color a:hover:before { left: 2rem; }

body .content-wrap .link-btn.link-btn-03.reverse-color a:hover:after { right: 0; width: 100%; }

body .content-wrap .link-text { width: 30%; }

body .content-wrap .link-text.main-color a { display: block; background-color: #5b1986; border: 1px solid #5b1986; color: #fff; }

body .content-wrap .link-text.main-color a:hover { background-color: #fff; color: #5b1986; }

body .content-wrap .link-text.main-color a:hover::after { border-color: #5b1986; }

body .content-wrap .link-text.main-color a::after { border-color: #fff; }

body .content-wrap .link-text.reverse-color a { background-color: #fff; border: 1px solid #5b1986; color: #5b1986; }

body .content-wrap .link-text.reverse-color a:hover { background-color: #5b1986; color: #fff; }

body .content-wrap .link-text.reverse-color a:hover::after { border-color: #fff; }

body .content-wrap .link-text a { display: block; transition: .3s; }

body .content-wrap .link-text.link-text-01 a { position: relative; text-align: center; padding: 1rem; font-size: 1rem; }

body .content-wrap .link-text.link-text-01 a::after { content: ''; position: absolute; top: 50%; right: 20px; transform: rotate(45deg) translateY(-50%); width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; }

body .content-wrap .table tr th { width: 28%; padding: 1.5rem 1rem; }

body .content-wrap .table tr td { padding: 1.5rem 1rem; }

body .content-wrap .table.table-01 tr { display: flex; margin-bottom: 1rem; background: #FAFAFA; }

body .content-wrap .table.table-01 tr th { border: none; margin-bottom: 1rem; padding: 2rem 2.5rem; }

body .content-wrap .table.table-01 tr td { border: none; margin-bottom: 1rem; padding: 2rem 0; }

body .content-wrap .form-01.form-inner { padding: 0 80px; }

@media screen and (min-width: 678px) and (max-width: 1024px) { body .content-wrap .form-01.form-inner { padding: 0 40px; } }

body .content-wrap .form-01.gray select, body .content-wrap .form-01.gray input, body .content-wrap .form-01.gray textarea { background-color: #F8F9F9; border: 1px solid #E6E6E6; }

body .content-wrap .form-01.white select, body .content-wrap .form-01.white input, body .content-wrap .form-01.white textarea { background-color: #ffffff; border: 1px solid #E6E6E6; }

body .content-wrap .form-01.border-01 .form-item { border-top: 1px solid #E6E6E6; }

body .content-wrap form .form-item { display: flex; flex-wrap: wrap; align-items: center; padding: 1.5rem 0; }

body .content-wrap form .form-item label { width: 20%; font-weight: 500; }

body .content-wrap form select, body .content-wrap form input, body .content-wrap form textarea { width: 80%; padding: 1em; border-radius: 0.25rem; }

body .content-wrap form select:hover, body .content-wrap form select:focus, body .content-wrap form select:active, body .content-wrap form input:hover, body .content-wrap form input:focus, body .content-wrap form input:active, body .content-wrap form textarea:hover, body .content-wrap form textarea:focus, body .content-wrap form textarea:active { outline: 2px solid #5b1986; border-color: transparent !important; box-shadow: none !important; }

body .content-wrap form .radio-wrap { display: flex; flex-wrap: wrap; }

body .content-wrap form .radio-wrap label { display: flex; align-items: center; width: calc(100% / 3); padding-bottom: .5rem; }

body .content-wrap form .radio-wrap input[type="radio"] { position: relative; padding: 0; margin-right: .5rem; width: 16px; height: 16px; border: 1px solid #000; border-radius: 50%; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

body .content-wrap form .radio-wrap input[type="radio"]:checked:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #000; content: ''; }

body .content-wrap form .checkbox-consent { text-align: center; padding: 2rem 0; }

body .content-wrap form .checkbox-consent .form-box-item input[type="checkbox"] { position: relative; padding: 0; margin-right: .5rem; width: 16px; height: 16px; border: 1px solid #000; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

body .content-wrap form .checkbox-consent .form-box-item input[type="checkbox"]:checked:before { position: absolute; top: 1px; left: 4px; transform: rotate(50deg); width: 4px; height: 8px; border-right: 2px solid #000; border-bottom: 2px solid #000; content: ''; }

body .content-wrap form .checkbox-consent .form-box-item p a { color: black; text-decoration: underline; transition: all .3s; }

body .content-wrap form .checkbox-consent .form-box-item p a:hover { opacity: .6; }

body .content-wrap form input[type=submit] { background-color: #5b1986; color: white; font-weight: bold; font-size: 1rem; width: 350px; padding: 1.5rem 2rem; border-radius: 8px; border: none; }

body .content-wrap .scroll-wrap { height: 300px; overflow: auto; border: 1px solid #D6D6D6; padding: 1.5rem; background: white; }

body .content-wrap .scroll-wrap h5 { padding-bottom: 1rem; margin-bottom: 0; font-size: 1rem; font-weight: 500; }

body .content-wrap .scroll-wrap p { padding-bottom: 1rem; line-height: 1.8; }

body .content-wrap .map iframe { width: 100%; height: 100%; aspect-ratio: 16/7; }

body footer.footer-03 .inner { padding: 4rem 0; }

body footer.footer-03 .inner .nav { justify-content: center; padding-bottom: 2rem; }

body footer.footer-03 .inner .nav .menu-footer-container .menu { display: flex; align-items: center; justify-content: center; }

body footer.footer-03 .inner .nav .menu-footer-container .menu a { color: white; display: block; padding: 0 2rem; transition: all .3s; }

body footer.footer-03 .inner .nav .menu-footer-container .menu a:hover { color: #000000; opacity: .7; }

body footer.footer-03 .inner .nav .menu-footer-container .menu a::before { content: '-'; }

body footer.footer-03 .inner .info { text-align: center; color: white; }

body footer.footer-03 .inner .info .logo img { display: block; width: 100%; max-width: 280px; margin: 0 auto; padding-bottom: 2rem; }

body footer.footer-03 .inner .info .sns-link { display: flex; justify-content: center; }

body footer.footer-03 .inner .info .sns-link a { display: block; }

body footer.footer-03 .inner .info .sns-link a img { display: block; width: 100%; max-width: 60px; }

body footer.footer-03 .copyright { background: #000; color: white; padding: 1rem 0; }