/* CSS Document */


/*校正用CSS*/
div.test, span.test, .index_box.test, table.test, body.test .test_no { display:none; }
body.test .index_box.test, body.test .test { display:block; }
body.test span.test { display:inline; }
body.test table.test { display:table; }


/*20250611校正用追記ここから*/
body.test section.main-visual div.main-visual-copy { writing-mode: horizontal-tb; color: #333; line-height: 1.2; letter-spacing: 0.5rem; position: absolute; bottom:50%; left: 0; transform: translateY(50%); white-space: nowrap; z-index: 1000; text-shadow: 1px 0 0 #fff, 1px 1px 3px #fff, 0 1px 3px #fff, -1px 1px 3px #fff, -1px 0 0 #fff, -1px -1px 3px #fff, 0 -1px 3px #fff, 1px -1px 3px #fff; }
body.test section.main-visual div.main-visual-copy span { font-size: clamp(1.8rem,3vw,2.8rem); }
body.test section.main-visual div.main-visual-copy span.pink { color: #fd8dab; }
@media only screen and (max-width: 1360px) {
  body.test section.main-visual div.main-visual-copy { left: 4rem; }
}
@media only screen and (max-width: 768px) {
  /* スマホ時はコピーを動画の下（通常フロー）に配置 */
  body.test section.main-visual {padding-top:2rem !important;}
  body.test section.main-visual div.main-visual-visual { margin-bottom: 2rem; }
  body.test section.main-visual div.main-visual-copy { position:relative; transform: none; top:0; bottom: auto; left: auto; white-space: normal; letter-spacing: 0.3rem; padding-top:0; line-height:1.5; }
  body.test section.main-visual div.main-visual-visual::before { height: 0; width: 0; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0; content: ""; z-index: 100; }
}
/*20250611校正用追記ここまで*/












.is-fadeIn { transform: translate3d(0, -1rem, 0); transition: 1s; opacity: 0; }
.is-fadeIn.animated { transform: translate3d(0, 0, 0); opacity: 1; }
.is-fadeIn.delay1000 { transition-delay: 1s; }
.is-fadeIn.delay2000 { transition-delay: 2s; }
.is-fadeIn.delay3000 { transition-delay: 3s; }
.is-fadeIn.delay4000 { transition-delay: 4s; }
.is-fadeIn.delay5000 { transition-delay: 5s; }

/* -------------------------------------------------------- html & body */
html { height: 100%; background-position: center; position: relative; }
body {}

/*
body:before { width: 100%; height: 0.1rem; content: ""; background: #000; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); z-index: 1; filter: blur(0.75rem); animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: forwards; animation-name: slideHorizontal; }
@-webkit-keyframes slideHorizontal {
  0% { transform: rotate(0); }
  50% {}
  100% { transform: rotate(360deg); }
}
@keyframes slideHorizontal {
  0% { transform: rotate(0); }
  50% {}
  100% { transform: rotate(360deg); }
}
*/
body:after {}
div.wrapper { position: relative; z-index: 1; z-index: 1; }
body.top div.wrapper {}
body.top div.contents-wrapper { box-sizing: border-box; padding-bottom: 0; }
div.contents-wrapper { /* padding-left: 2rem; padding-right: 2rem; */ box-sizing: border-box; padding-bottom: 4rem; }
div.contents-wrapper { padding-left: 2rem; padding-right: 2rem; box-sizing: border-box; padding-bottom: 4rem; }
div.contents-wrapper div.inner {}
div.inner { width: 100%; max-width: 120rem; margin-left: auto; margin-right: auto; z-index: 1; padding: 0; }
/*
body.university div.wrapper { background: #fdf4f5; }
body.center div.wrapper { background: #fdf4f5; }
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- loading */

/* loading */
.loader-bg { background: #fff; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 100000; }

/*
.loader-bg.is-inview { opacity: 1 !important; }
*/
.loader-bg .loading-logo div.loading-logo-wrap { position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10000; display: block; width: 75%; max-width: 72rem; height: auto; /* background: url(../img/loading-logo-pre.png) no-repeat; background-size: 22.5rem 8rem; */ }
/*
.loader-bg .loading-logo div.loading-logo-wrap > div { width: 22.5rem; max-height: 0; transition: 1s all; overflow: hidden; }
.loader-bg.animate__animated .loading-logo div.loading-logo-wrap > div { width: 100%; height: auto; }
*/
.loader-bg .loading-logo div.loading-logo-wrap > div img { width: 50%; margin-left: auto; margin-right: auto; height: auto; display: block; }
/*
.loader-bg-figure { width: 100%; height: 100%; position: relative; overflow: hidden; }
.loader-bg-figure img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: 10s all; }
.loader-bg.is-inview.animate__animated .loader-bg-figure img { -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1); transform: translateX(-50%) translateY(-50%) scale(1.1); opacity: 0; }
*/
div.fixed-menu { position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 10000; }
div.fixed-menu div.university-center-link-banner {}
div.fixed-menu div.university-center-link-banner ul {}
div.fixed-menu div.university-center-link-banner ul li { text-align: center; position: relative; overflow: hidden; box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.125); background: #fff; border-radius: 0.75rem 0 0 0.75rem; margin-bottom: 2rem; width: 7rem; box-sizing: border-box; }
/*
div.university-center-link-banner ul li a::before { content: ""; display: block; height: 0.1rem; right: 1.25rem; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.2s ease-in-out 0s; width: 2rem; background: #333; }
div.university-center-link-banner ul li a::after { border-right: 0.1rem solid #333; border-top: 0.1rem solid #333; content: ""; display: block; height: 0.5rem; right: 1rem; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 0.5rem; }
*/
div.university-center-link-banner ul li a { display: block; padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 1.25rem; width: 100%; box-sizing: border-box; /* border: 0.1rem solid #bcbcbc; */ text-decoration: none; font-size: 1.6rem; color: #2c3b4a; position: relative; z-index: 0; letter-spacing: 0.1rem; white-space: nowrap; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; z-index: 2; border-radius: 0.75rem 0 0 0.75rem; }
div.university-center-link-banner ul li.university a { border: 0.2rem solid #fde8ee; border-right: none; transition: 0.25s all; }
div.university-center-link-banner ul li.center a { border: 0.2rem solid #e9d0e8; border-right: none; transition: 0.25s all; }
div.university-center-link-banner ul li.university::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2rem; content: ""; background: #fde8ee; z-index: 0; transition: 0.25s all; }
div.university-center-link-banner ul li.center::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2rem; content: ""; background: #e9d0e8; z-index: 0; transition: 0.25s all; }
div.university-center-link-banner ul li.university:hover a { background: #fde8ee; }
div.university-center-link-banner ul li.center:hover a { background: #e9d0e8; }
div.university-center-link-banner ul li div { position: relative; z-index: 0; }
div.university-center-link-banner ul li a span { display: block; font-size: 1.0rem; z-index: 1; position: relative; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- header */
header { /* background: #fff; */ width: calc(100%); z-index: 100000; position: relative; /* background: #39454f; */ /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); */ /* box-shadow: 0 0 0 2px #fff inset, 5px 5px 25px #e7ecf1; */ /* box-shadow: 5px 5px 25px #e7ecf1; */ /* height: 6rem; */ /* border-top: 0.1rem solid #303030; */ /* padding-top: 1rem; padding-bottom: 1rem; */ box-sizing: border-box; /* background: #fff; */ /* background: #f4f5f6; */ /* max-height: 12rem; */ /* padding-top: 1rem; padding-bottom: 1rem; */ /* background: rgba(255,255,255,0.90); */ /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); */ }
body.top header {}
header > div.inner { width: 100%; max-width: 120rem; margin-left: auto; margin-right: auto; }

/* header */

/* div.header-top */
header div.header-top { padding-top: 1.5rem; padding-bottom: 1.5rem; }
header div.header-top div.inner {}

/* */
header div.header-top div.utility { float: right; /* background: #f8f8f8; */ padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; border-radius: 1000rem; }
header div.header-top div.utility ul { font-size: 0; /* margin-bottom: 1rem; */ }
header div.header-top div.utility ul li { display: inline-block; }

/* ------------------------------------------------------------------------------------------  */
header div.header-top div.utility ul li a { font-size: 1.4rem; /* letter-spacing: 0.125rem; */ position: relative; padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.5rem; color: #2c3b4a; display: block; text-decoration: none; /* font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, sans-serif, 'Noto Sans JP', YakuHanJP, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; */ }
header div.header-top div.utility ul li:nth-child(1) a::before { /* position: absolute; top: 50%; right: 0; width: 0.1rem; height: 1rem; margin: auto; content: ''; -webkit-transform: translateY(-50%) rotate(30deg); transform: translateY(-50%) rotate(30deg); background: #2c3b4a; z-index: 1; */ }
header div.header-top div.utility ul li a:hover { text-decoration: underline; }
header div.header-top div.utility ul li a span { font-size: 1.8rem; vertical-align: middle; position: relative; top: -0.2rem; margin-right: 0.25rem; }
header div.header-top div.utility ul li.general-top {}
header div.header-top div.utility ul li.general-top a { color: #fff; background: #3266aa; box-sizing: border-box; /* border: 0.125rem solid #f8f8f8; */ padding-bottom: 0.25rem; border-radius: 1000rem; }

/* ------------------------------------------------------------------------------------------  */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- nav */
header div.header-bottom { /* border-top: 0.1rem #f4f4f7 solid; */ border-bottom: 0.1rem #000 solid; }

/*
header.opacity div.header-bottom { box-shadow: 0 0.2rem 2.5rem rgba(0,22,38,.1); }
*/
header div.logo { margin-right: ; position: relative; /* top: -0.5rem; */ /* top: 1rem; */ /* 	top: -3rem; */ /* margin-bottom: 1rem; */ top: 0; float: left; /* margin-right: 12%; */ height: 100%; z-index: 1000; min-height: 6.5rem; /* width: 50rem; */ }
header div.logo h1, header div.logo span { /* display: none; */ height: 100%; display: block; }
header div.logo a { color: #333333; text-decoration: none; font-size: 2.4rem; font-weight: normal; letter-spacing: 0.25rem; }
header div.logo a > span { display: block; }
header div.logo img { max-width: 42.5rem; display: block; transition: 0.25s all; }
body.university header div.logo img { max-width: 42rem; }
body.center header div.logo img { max-width: 52.5rem; }
header div.logo a > span span {}
header div.logo a:hover { opacity: 0.75:; }

/* */
div.menu-button { display: none; }
nav { /* border-top: 0.1rem solid #a3a37c; */ /* border-bottom: 0.1rem solid #a3a37c; */ /* position: relative; */ height: 100%; /* background: #f1deb4; */ /* border-top: 0.1rem solid #e9ebec; */ /* border-bottom: 0.2rem solid #f3f3f3; */ /* width: calc(98% - 18rem); */ /* float: left; */ }
nav > div.inner { max-width: 120rem; }
nav div.inner > ul { /* width: 100%; */ height: 100%; white-space: nowrap; font-size: 0; /* height: 2rem; */ /* padding-top: 1rem; padding-bottom: 1rem; */ /* float: right; */ /* width: calc(100% - 36%); */ /* text-align: right; */ /* text-align: center; */ /* padding-top: 3rem; padding-bottom: 3rem; */ table-layout: fixed; width: 100%; display: table; }
nav ul li { display: table-cell; position: relative; /* width: 14.285714%; */ /* float: left; width: 12.5%; */ /* height: 80px; */ vertical-align: middle; /* width: 25%; */ /* padding-top: 2rem; padding-bottom: 2rem; */ }
body.top nav ul li {}
nav ul li:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0; width: 0.1rem; height: 1.5rem; background: #000; }
nav ul li:last-child:before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; width: 0.1rem; height: 1.5rem; background: #000; z-index: 10; }
nav ul li:first-child:before {}
nav > div.inner > ul > li > a:hover::after {}
nav ul li a { font-size: 1.8rem; line-height: 1.5; position: relative; display: block; box-sizing: border-box; width: 100%; text-align: center; white-space: nowrap; text-decoration: none; /* color: #1b3600; */ /*   padding-left: min(4rem, 4vw); padding-right: min(4rem, 4vw); */ padding-top: 1rem; padding-bottom: 1rem; font-weight: normal; transition: 0.25s all; /* color: #f279b7; */ /* color: #006cbc; */ color: #2c3b4a; /* font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, sans-serif, 'Noto Sans JP', YakuHanJP, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; */ /* font-family: "Yu Gothic", YuGothic, sans-serif, 'Noto Sans JP', YakuHanJP, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; */ /* border-radius: 1000rem; */ }
nav ul li a:hover { background: #f8f8f8; border-radius: 0; color: #fd8dab; /* opacity: 0.7; */ /* background: #e8f5fe; color: #333333; */ }
nav div.inner > ul > li > a:before {}
nav div.inner > ul > li > a:hover:before {}
nav ul li a::after {}
nav ul li:first-child a::before {}

/* sub-menu */
nav > div.inner > ul > li > div.sub-menu { max-height: 0; overflow: hidden; transition: 0.25s all; position: absolute; /* background: #fff; */ background-color: rgba(255, 255, 255, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); /* width: 150%; */ min-width: 100%; top: 7.0rem; left: 0; opacity: 0; /* transform: translateX(-50%); -webkit-transform: translateX(-50%); */ }
nav > div.inner > ul > li:hover div.sub-menu { max-height: 100rem; overflow: visible; opacity: 1; top: 4.75rem; padding-top: 1rem; padding-bottom: 1rem; }
nav > div.inner > ul > li > div.sub-menu ul li { float: none; width: 100%; display: block; }
nav > div.inner > ul > li > div.sub-menu ul li a { display: block; border-bottom: none; font-size: 1.4rem; letter-spacing: 0; padding: 1.0rem 5rem 1.0rem 2rem; /* padding-left: 0; padding-right: 0; padding-top: 1rem; padding-bottom: 1rem; */ /* border-bottom: 0.1rem #eee solid; */ text-align: left; position: relative; }
nav > div.inner > ul > li > div.sub-menu ul li:after { display: none; }
nav > div.inner > ul > li > div.sub-menu ul li:last-child:before { display: none; }
nav > div.inner > ul > li > div.sub-menu ul li a::before { border-right: 0.1rem solid #333333; border-top: 0.1rem solid #333333; content: ""; display: block; height: 0.75rem; right: 1rem; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 0.75rem; z-index: 1; }
nav > div.inner > ul > li > div.sub-menu ul li a::after {}
nav > div.inner > ul > li.university > a, nav > div.inner > ul > li.center > a { /* background: #fcd4df; */ /* 	border-radius: 1000rem; width: calc(100% - 1rem); margin-left: auto; margin-right: auto; */ position: relative; /* border-bottom: 0.5rem solid #fcd4df; */ }
nav > div.inner > ul > li.university a, nav > div.inner > ul > li.center a { font-size: 1.6rem; line-height: 1.5; }
nav > div.inner > ul > li.university > a span, nav > div.inner > ul > li.center > a span { font-size: 1.0rem; padding-bottom: 0.25rem; display: inline-block; }
nav > div.inner > ul > li.university > a:after { width: calc(100% - 1rem); bottom: 0; left: 50%; transform: translateX(-50%); position: absolute; content: ""; height: 0.5rem; background: #fcd4df; border-radius: 0.25rem 0.25rem 0 0; }
nav > div.inner > ul > li.center > a:after { width: calc(100% - 1rem); bottom: 0; left: 50%; transform: translateX(-50%); position: absolute; content: ""; height: 0.5rem; background: #e9cfe7; border-radius: 0.25rem 0.25rem 0 0; }

/* header の へんけい */
header.opacity div.header-bottom {}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a.anchor { position: absolute; top: -6rem; }
body.top section { /* border-top: 0.5rem solid #39454f; */ /* background:; */ }
section { font-size: 1.8rem; line-height: 2; padding-top: 4rem; padding-bottom: 4rem; }
section div.inner { max-width: 120rem; margin-left: auto; margin-right: auto; clear: both; /* overflow: hidden; */ box-sizing: border-box; padding-left: 4rem; padding-right: 4rem; }
section div.title { /* text-align: center; */ margin-bottom: 3rem; /* border-bottom: 0.3rem double #484838; */ position: relative; }
section div.title h2 { font-size: 3.2rem; font-weight: normal; letter-spacing: 0.75rem; }
section div.titles-wrap div.description { margin-bottom: 4rem; font-size: 1.4rem; }
section {}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
div.links-wrap a { display: block; /* border: 0.1rem solid #333333; */ padding-top: 1rem; padding-bottom: 1rem; box-sizing: border-box; text-align: center; /* color: #fff; */ text-decoration: none; font-weight: normal; position: relative; /* background: #26406f; */ transition: 0.25s all; /* border-radius: 0.5rem; */ /* border-radius: 0.25rem; */ /* border-radius: 1000rem; */ /* box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.25); */ box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.1); color: #000; font-size: 1.6rem; background: rgba(255, 255, 255, 0.9); }
div.links-wrap a:before { /* border-right: 0.1rem solid #85d5ec; border-top: 0.1rem solid #85d5ec; */ /* border-top: 0.3rem solid transparent; border-bottom: 0.3rem solid transparent; border-left: 0.75rem solid #85d5ec; content: ""; display: block; height: 0 !important; right: 0.9rem; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.2s ease-in-out 0s; width: 0 !important; z-index: 1; */ width: 0; height: 0; border-style: solid; border-width: 0 0.25rem 0.5rem 0.25rem; border-color: transparent transparent #000 transparent; /* border-right: 0.1rem solid #333; border-top: 0.1rem solid #333; */ content: ""; display: block; /* height: 0.5rem; */ right: 1.0rem; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); transition: all 0.2s ease-in-out 0s; /* width: 0.5rem; */ z-index: 1; }
div.links-wrap a:after { position: absolute; top: 50%; margin: auto; content: ""; height: 0.1rem; width: 1.5rem; background: #000; transform: translateY(-50%); /* 	animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: both; animation-name: slideHorizontal; */ z-index: 1; right: 1.5rem; /* reset */ display: block; padding: 0; border-radius: 0; }
div.links-wrap a:hover:before { border-color: transparent transparent #fd8dab transparent; }
div.links-wrap a:hover:after { background: #fd8dab; /* position: absolute; top: 50%; margin: auto; content: ""; height: 0.1rem; width: 1.5rem; background: #85d5ec; -webkit-transform: translateY(-50%); transform: translateY(-50%); animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: both; animation-name: slideHorizontal; z-index: 1; right: 1.5rem; */ }
div.links-wrap a:hover { background: #fff; color: #fd8dab; }

/* */
/*
div.link.pink a { border: 0.1rem solid #e8f5fe; background: #fbe9f8; color: #26406f; }
div.link.pink a:before { border-right: 0.1rem solid #26406f; border-top: 0.1rem solid #26406f; }
div.link.pink a:hover { background: #fff; color: #333333; }
@-webkit-keyframes slideHorizontal {
  0% { height: 0.1rem; width: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); visibility: visible; opacity: 0; right: 5rem; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { height: 0; width: 2rem; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); opacity: 1; right: 0; }
}
@keyframes slideHorizontal {
  0% { height: 0.1rem; width: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); visibility: visible; opacity: 0; right: 5rem; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { height: 0; width: 2rem; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); opacity: 1; right: 0; }
}
.slideHorizontal { -webkit-animation-name: slideHorizontal; animation-name: slideHorizontal; }
div.link a[href$=".pdf"]:after { display: none; }
div.link a:hover:before { border-right: 0.1rem solid #fff; border-top: 0.1rem solid #fff; }
div.link a.active { background: #ccc; color: #fff; pointer-events: none; }
div.link a.active:hover:after { display: none; }
div.link a.active:after { display: none; }
*/
section .strong { color: #6c5025; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*
div.from-main-visual-to-greeting-bg { background-color: #8EC5FC; background-image: linear-gradient(0deg, #e8f5fe 0%, #e8f5fe 60%, #fbe9f8 100%); }
*/
section.main-visual { padding-top: 4rem; padding-bottom: 4rem; position: relative; z-index: 1; /* max-height: 57rem; height: 50vw; */ }
section.main-visual div.inner { position: relative; padding: 0; /* background: linear-gradient(90deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1)); */ /* background: #f8f8f8; */ }
section.main-visual div.clearfix { height: 55.2rem; }
section.main-visual div.main-visual-copy { /* font-size: 8.0rem; */ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 4rem; color: #333333; line-height: 1.5; letter-spacing: 1.5rem; position: absolute; /* top: 50%; left: 10.25%; transform: translateY(-50%); -webkit-transform: translateY(-50%); */ bottom: 0; left: 10rem; transform: translateY(0); white-space: nowrap; z-index: 1000; /* text-shadow: 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff; */ }
section.main-visual div.main-visual-copy span { font-size: 3.6rem; }
section.main-visual div.main-visual-copy span.pink { color: #fd8dab; font-size: 4rem; }
section.main-visual div.main-visual-copy-name { font-size: 2.4rem; font-weight: bold; letter-spacing: 0; color: #85d5ec; top: -8rem; position: relative; }
section.main-visual div.main-visual-copy-name span { font-weight: normal; }
section.main-visual div.main-visual-copy-name::before { position: absolute; top: 50%; transform: translateY(-50%); left: calc((100vw - 108rem) / -2); width: calc((100vw - 112rem) / 2); content: ""; height: 0.1rem; background: #2c3b4a; }
section.main-visual div.main-visual-visual { float: right; width: 70%; overflow: hidden; }
section.main-visual div.main-visual-visual div.video video { width: 100%; display: block; padding-top: 4rem; padding-bottom: 4rem; }
section.main-visual div.main-visual-visual img { position: relative; left: 0; }

/* */
section.main-visual div.main-visual-visual li img { transform: translateX(-0.5rem); transition: 5s all; width: calc(100% + 2rem); max-width: none; height: auto; /* filter: blur(0.125rem); */ }
section.main-visual div.main-visual-visual li.flex-active-slide img { transform: translateX(0.5rem); width: calc(100% + 2rem); max-width: none; height: auto; /* filter: blur(0); */ }
section.main-visual div.scroll-arrow { opacity: 1; position: absolute; height: 4rem; white-space: nowrap; transform-origin: top left; -webkit-transform-origin: top left; transform: rotate(90deg); top: 50%; left: 4rem; letter-spacing: 0.125rem; color: #bbb; z-index: 1000; }
section.main-visual div.scroll-arrow:after { border-right: 0.1rem solid #bbb; border-top: 0.1rem solid #bbb; content: ""; display: block; height: 0.5rem; right: -4rem; position: absolute; top: 50%; transform: translateX(0) translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 0.5rem; }
/*
section.main-visual div.scroll-arrow:before { width: 5rem; height: 5rem; display: block; right: 0; position: absolute; content: ""; top: 100%; z-index: 100000; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); border: 1px solid #1e2e53; box-sizing: border-box; border-radius: 100rem; z-index: 0; animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: both; animation-name: circle; }
*/
section.main-visual div.scroll-arrow span { position: relative; display: block; width: 100%; transform: rotate(90deg); }
section.main-visual div.scroll-arrow span:after { width: 0.10rem; position: absolute; content: ""; height: 3rem; background: #bbb; display: block; left: 14.5rem; transform: translateY(0); bottom: 17rem; animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: both; animation-name: slideInDown; }
/*
section.main-visual div.scroll-arrow span:before { content: "Scroll"; font-size: 1.2rem; letter-spacing: 0.25rem; position: absolute; top: 0; left: 52.5%; transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); color: #333333; white-space: nowrap; z-index: 1; font-weight: bold; font-family: 'Oswald', sans-serif; }
*/
.video-js { background: none !important; }
.top-video-dimensions { width: 100%; height: 100vh; max-height: 55.25rem; }


/*20260611調整*/
section.main-visual { padding:clamp(4rem,8vw,8rem) 0 !important;}
section.main-visual div.main-visual-copy { bottom:-4rem; letter-spacing:clamp(0.75rem,1.5vw,1.5rem) ;}
section.main-visual div.main-visual-copy span { font-size: clamp(2.4rem,36vw,3.6rem); }
section.main-visual div.main-visual-visual { float: none; aspect-ratio:16/9; padding:0; margin-left:auto;}
section.main-visual div.clearfix { height: auto; }
section.main-visual div.main-visual-visual .video { width:100%; height:100%; }
section.main-visual div.main-visual-visual div.video video { width:100%; height:100%; padding:0; object-fit: cover; }
section.main-visual .top-video-dimensions { width: 100%; height: 100%; max-height:100vw !important; object-fit: cover; }




/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -- */
@-webkit-keyframes slideInDown {
  0% { height: 0; transform: translateX(-50%) translateY(-50%); visibility: visible; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { height: 3rem; transform: translateX(-50%) translateY(0); opacity: 0; }
}
@keyframes slideInDown {
  0% { height: 0; transform: translateX(-50%) translateY(-50%); visibility: visible; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { height: 3rem; transform: translateX(-50%) translateY(0); opacity: 0; }
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
section.main-visual div.blog-link { position: absolute; bottom: -8rem; right: 0; width: 16rem; height: 16rem; z-index: 10000; background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); border-radius: 1000rem; transition: 0.25s all; }
section.main-visual div.blog-link:hover { background: rgba(255, 255, 255, 1); /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); */ }
section.main-visual div.blog-link a { display: block; text-align: center; /* 	color: #fdbdce; */ color: #fd8dab; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); line-height: 1; text-decoration: none; width: 100%; height: 100%; }
/*section.main-visual div.blog-link:hover { background: #f0f0f0; }*/
section.main-visual div.blog-link a div.title { font-size: 3.0rem; margin-top: 3.5rem; margin-bottom: 1rem; font-weight: bold; opacity: 0.75; }
section.main-visual div.blog-link a div.update { color: #000; margin-bottom: 2rem; font-size: 1.6rem; }
section.main-visual div.blog-link a div.update-label { color: #fd8dab; font-size: 1.6rem; }
section.main-visual div.blog-link a.new:before { width: 2rem; height: 2rem; position: absolute; top: 1.5rem; right: 1.5rem; background: #ef6173; content: ""; border-radius: 1000rem; }
section.main-visual div.blog-link a.new:after { width: 0.25rem; height: 0.25rem; position: absolute; top: 2.4rem; right: 2.4rem; background: #fff; content: ""; border-radius: 1000rem; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.university-center-link { padding-top: 8rem; }
section.university-center-link div.inner { display: flex; }
section.university-center-link div.inner > div { position: relative; padding-left: 4rem; box-sizing: border-box; }
section.university-center-link div.inner > div.university-article { width: 50%; }
section.university-center-link div.inner > div.center-article { width: 50%; }
section.university-center-link div.inner > div div.article-name { writing-mode: vertical-rl; position: absolute; top: 0; right: 0; font-size: 3.2rem; letter-spacing: 0.5rem; line-height: 1.25; z-index: 2; white-space: nowrap; }
section.university-center-link div.inner > div div.article-name:after { position: absolute; top: -3rem; right: 1rem; width: 2rem; height: 2rem; background: #ccc; border-radius: 1000rem; content: ""; }
section.university-center-link div.inner > div.university-article div.article-name:after { background: #fcd1dd; }
section.university-center-link div.inner > div.center-article div.article-name:after { background: #e9d0e8; }
section.university-center-link div.inner > div div.name-thumbnail-wrap { position: relative; }
section.university-center-link div.inner > div div.name-thumbnail-wrap:after { position: absolute; left: 0; bottom: 0; width: 100%; content: ""; background: #f8f8f8; height: 50%; z-index: 0; }
section.university-center-link div.inner > div.university-article div.name-thumbnail-wrap:after { background: #fcd1dd; }
section.university-center-link div.inner > div.center-article div.name-thumbnail-wrap:after { background: #e9d0e8; }
section.university-center-link div.inner > div div.article-name span { font-size: 1.7rem; }
section.university-center-link div.inner > div div.article-thumbnail { width: 75%; position: relative; z-index: 1; }
section.university-center-link div.inner > div div.article-thumbnail a { transition: 0.25s all; }
section.university-center-link div.inner > div div.article-thumbnail a:hover { opacity: 0.75; }
section.university-center-link div.inner > div div.article-description-link { padding: 2rem; }
section.university-center-link div.inner > div.university-article div.article-description-link { background: #fde8ee; }
section.university-center-link div.inner > div.center-article div.article-description-link { background: #f4e7f3; }
section.university-center-link div.inner > div div.article-description { font-size: 1.6rem; margin-bottom: 2rem; }
section.university-center-link div.inner > div div.article-link {}
section.university-center-link div.inner > div div.article-link ul { display: flex; flex-wrap: wrap; }
section.university-center-link div.inner > div div.article-link ul li { width: 49%; margin-right: 2%; }
section.university-center-link div.inner > div div.article-link ul li:nth-child(-n+2) { margin-bottom: 1rem; }
section.university-center-link div.inner > div div.article-link ul li:nth-child(2n) { margin-right: 0; }
section.university-center-link div.inner > div div.article-link ul li a { display: block; /* border: 0.1rem solid #333333; */ padding-top: 1rem; padding-bottom: 1rem; box-sizing: border-box; text-align: center; /* color: #fff; */ text-decoration: none; font-weight: normal; position: relative; /* background: #26406f; */ transition: 0.25s all; /* border-radius: 0.5rem; */ /* border-radius: 0.25rem; */ /* border-radius: 1000rem; */ /* box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.25); */ box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.1); color: #000; font-size: 1.6rem; background: rgba(255, 255, 255, 0.9); }
section.university-center-link div.inner > div div.article-link ul li a:before { width: 0; height: 0; border-style: solid; border-width: 0 0.25rem 0.5rem 0.25rem; border-color: transparent transparent #000 transparent; /* border-right: 0.1rem solid #333; border-top: 0.1rem solid #333; */ content: ""; display: block; /* height: 0.5rem; */ right: 1.0rem; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); transition: all 0.2s ease-in-out 0s; /* width: 0.5rem; */ z-index: 1; }
section.university-center-link div.inner > div div.article-link ul li a:after { position: absolute; top: 50%; margin: auto; content: ""; height: 0.1rem; width: 1.5rem; background: #000; transform: translateY(-50%); /* 	animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: both; animation-name: slideHorizontal; */ z-index: 1; right: 1.5rem; /* reset */ display: block; padding: 0; border-radius: 0; }
section.university-center-link div.inner > div div.article-link ul li a:hover { color: #fd8dab; }
section.university-center-link div.inner > div div.article-link ul li a:hover:before { border-color: transparent transparent #fd8dab transparent; }
section.university-center-link div.inner > div div.article-link ul li a:hover:after { background: #fd8dab; }
div.links-wrap a:hover { background: #fff; color: #fd8dab; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.about { overflow: hidden; z-index: 1; position: relative; padding-top: 12rem; padding-bottom: 12rem; }
body.university section.about { /* position: absolute; top: 0; left: 0; width: 1rem; height: 100%; content: ""; z-index: 0; */ border: 1rem solid #fdf4f5; }
body.center section.about { /* position: absolute; top: 0; left: 0; width: 1rem; height: 100%; content: ""; z-index: 0; */ border: 1rem solid #e8e6fa; }
section.about div.inner { display: flex; position: relative; z-index: 1; }
section.about div.inner div.details-wrap { width: 40%; position: relative; z-index: 1; margin-right: 10%; }
section.about div.inner div.titles-wrap div.title { white-space: nowrap; }
section.about div.inner div.titles-wrap div.title h2 { line-height: 1.75; }
section.about div.inner div.titles-wrap div.title h2 div.nth-child-01 { font-size: clamp(1.6rem, 2.4vw, 2.4rem); letter-spacing: 0.25rem; }
section.about div.inner div.titles-wrap div.title h2 div.nth-child-01 strong { font-weight: normal; }
section.about div.inner div.titles-wrap div.title h2 div.nth-child-01 strong span { font-size: 3.6rem; font-weight: normal; }
section.about div.inner div.titles-wrap div.title h2 div.nth-child-02 { font-size: clamp(2.1rem, 3.6vw, 3.6rem); letter-spacing: 0.25rem; }
section.about div.inner div.titles-wrap div.title h2 div.nth-child-02 span.pink { color: #fd8dab; font-size: clamp(2.2rem, 4.2vw, 4.2rem); }
section.about div.inner div.titles-wrap div.title h2 div.nth-child-02 span.purple { color: #e4bae6; font-size: clamp(2.2rem, 4.2vw, 4.2rem); }
section.about div.inner div.titles-wrap div.title h2 div.nth-child-02 strong { font-size: clamp(2.2rem, 4.2vw, 4.2rem); font-weight: normal; }
section.about div.inner div.titles-wrap div.description {}
section.about div.inner div.titles-wrap div.links-wrap {}
section.about div.inner div.links-wrap div.links-wrap-title { color: #bcbcbc; position: relative; margin-bottom: 4rem; }
section.about div.inner div.links-wrap div.links-wrap-title:after { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 0.1rem; background: #bcbcbc; }
section.about div.inner div.links-wrap div.links-wrap-title span { background: #fff; position: relative; z-index: 1; display: inline-block; padding-right: 4rem; }
section.about div.inner div.links-wrap ul { display: flex; flex-wrap: wrap; }
section.about div.inner div.links-wrap ul li { margin-bottom: 2rem; width: 48%; margin-right: 4%; }
section.about div.inner div.links-wrap ul li:nth-child(2n) { margin-right: 0; }
section.about div.inner div.figures-wrap { position: relative; width: 50%; z-index: 0; }
section.about div.inner div.figures-wrap img { width: 125%; max-width: 125%; height: auto; top: 52.5%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; position: absolute; z-index: 0; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.image-figure { position: relative; min-height: 45rem; overflow: hidden; }
section.image-figure img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100vw; min-width: 150rem; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.medical { /* padding-top: 10rem; */ position: relative; }
section.medical:after { width: 100%; /* height: calc(100% - 6rem); */ height: calc(100%); position: absolute; bottom: 0; left: 0; background: #fdf4f5; content: ""; z-index: 0; }
section.medical:before { width: 50%; /* height: calc(100% - 6rem); */ height: calc(100%); position: absolute; bottom: 0; right: 0; background: #fce7ea; content: ""; z-index: 1; }
body.center section.medical:after { background: #e8e6fa; }
body.center section.medical:before { background: #dddaf8; }
section.medical div.inner { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; }
section.medical div.inner > div.column { max-width: 48%; margin-right: 4%; }
section.medical div.inner > div.column:nth-child(2) { margin-right: 0; }
section.medical div.titles-wrap {}
section.medical div.titles-wrap > div {}
section.medical div.video { max-width: 100%; }
section.medical div.video video { width: 100%; }
section.medical div.details-wrap { position: relative; z-index: 1; max-width: 100%; }
section.medical div.details-wrap div.titles-wrap div.description { max-width: 50%; }
section.medical div.medical-list {}
section.medical div.medical-list ul { display: flex; flex-wrap: wrap; }
section.medical div.medical-list ul li { width: 48%; margin-right: 4%; margin-bottom: 2rem; background: rgba(255, 255, 255, 0.8); box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.1); }
section.medical div.medical-list ul li:nth-child(2n) { margin-right: 0; }
section.medical div.medical-list ul li:nth-child(n+5) { /* margin-bottom: 0; */ }
section.medical div.medical-list ul li a { position: relative; display: block; box-sizing: border-box; padding-top: 1rem; padding-right: 1.5rem; padding-left: 1.5rem; padding-bottom: 1rem; font-size: 1.5rem; color: #000; text-decoration: none; text-align: center; transition: 0.25s all; display: flex; align-items: center; }
section.medical div.medical-list ul li a:hover { color: #fd8dab; }
section.medical div.medical-list ul li a > div { /* 	width: 50%; */ }
section.medical div.medical-list ul li div.icon { /* border-bottom: 0.1rem solid #ccc; */ /* padding-bottom: 1.25rem; */ width: 25%; }
section.medical div.medical-list ul li div.icon img { display: block; margin-right: auto; margin-left: auto; max-width: 6rem; }
section.medical div.medical-list ul li div.link-label { /* padding-top: 1rem; padding-bottom: 1rem; */ width: 75%; white-space: nowrap; }
/*
section.medical div.figures-wrap { position: absolute; z-index: 0; top: -6rem; right: 0; width: 50%; }
section.medical div.figures-wrap ul { display: flex; flex-wrap: wrap; }
section.medical div.figures-wrap ul li { width: 48%; margin-right: 4%; margin-bottom: 2.5rem; }
section.medical div.figures-wrap ul li:nth-child(2n) { margin-right: 0; }
*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.education-research-achievement { background: #f8f8f8; position: relative; overflow: hidden; }
section.education-research-achievement div.education-research-achievement-bg { position: absolute; z-index: 0; width: 100%; height: 100%; }
section.education-research-achievement div.education-research-achievement-bg img { position: absolute; z-index: 0; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; max-width: 100%; height: auto; }
@media only screen and (max-width: 1200px) {
  section.education-research-achievement div.education-research-achievement-bg { position: absolute; z-index: 0; width: 100%; height: 100%; }
  section.education-research-achievement div.education-research-achievement-bg img { position: absolute; z-index: 0; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: auto; max-width: inherit; height: auto; min-height: 60rem; }
}
section.education-research-achievement div.link-articles { display: flex; justify-content: center; position: relative; z-index: 1; }
section.education-research-achievement div.link-articles div.article { width: 25.00%; min-height: 46rem; margin-right: 8.3333%; background: rgba(255, 255, 255, 0.8); box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.1); }
section.education-research-achievement div.link-articles div.article:nth-child(3) { margin-right: 0; }
section.education-research-achievement div.link-articles div.article a { display: block; color: #000; text-decoration: none; padding-top: 4rem; position: relative; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
section.education-research-achievement div.link-articles div.article a div.title { font-size: clamp(2.1rem, 3.2vw, 3.2rem); text-align: center; padding-bottom: 2rem; margin-bottom: 2rem; position: relative; padding-left: 2rem; padding-right: 2rem; transition: 0.25s all; }
section.education-research-achievement div.link-articles div.article a:hover div.title { color: #fd8dab; }
section.education-research-achievement div.link-articles div.article a div.title:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50%; height: 0.1rem; background: #e9cfe7; content: ""; }
section.education-research-achievement div.link-articles div.article a div.description { font-size: 1.5rem; padding-left: 2rem; padding-right: 2rem; }
section.education-research-achievement div.link-articles div.article div.thumbnail { /* position: absolute; bottom: 0; left: 0; */ margin-top: auto; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.enter { overflow: hidden; padding: 0; }
section.enter div.inner { display: flex; flex-direction: row-reverse; }
section.enter div.inner div.details-wrap { width: 40%; background: #fff; position: relative; z-index: 1; padding-top: 4rem; padding-bottom: 4rem; }
section.enter div.inner div.details-wrap div.titles-wrap { text-align: right; width: 200%; margin-left: -100%; position: relative; }
section.enter div.inner div.details-wrap div.titles-wrap div.en { font-size: 2.4rem; color: #fd8dab; margin-bottom: 8rem; letter-spacing: 0.5rem; }
section.enter div.inner div.details-wrap div.titles-wrap div.title h2 span { font-size: clamp(2.4rem, 3.6vw, 3.6rem); white-space: nowrap; line-height: 1.5; letter-spacing: 0.125rem; }
section.enter div.inner div.figures-wrap { width: 50%; position: relative; z-index: 0; }
section.enter div.inner div.figures-wrap::before { position: absolute; top: -4rem; right: 0; width: 60%; background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.0) 100%); height: 100vh; z-index: 1; content: ""; }
section.enter div.inner div.figures-wrap img { width: 50vw; max-width: 50vw; position: absolute; right: 0; top: 50%; transform: translateY(-50%); /* min-height: calc(100% + 8rem); */ min-width: 90rem; min-height: 60.00rem; }
section.enter div.inner div.links-wrap { margin-bottom: 4rem; }
section.enter div.inner div.links-wrap div.links-wrap-title { color: #bcbcbc; position: relative; margin-bottom: 4rem; }
section.enter div.inner div.links-wrap div.links-wrap-title:after { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 0.1rem; background: #bcbcbc; }
section.enter div.inner div.links-wrap div.links-wrap-title span { background: #fff; position: relative; z-index: 1; display: inline-block; padding-right: 4rem; }
section.enter div.inner div.note { font-size: 1.5rem; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.achievement { background: #f8f8f8; color: #6b6a64; overflow: hidden; position: relative; padding-top: 8rem; padding-bottom: 8rem; }
section.achievement div.achievement-bg { position: absolute; right: 0; bottom: 0; transform: translateX(50%) translateY(30%); wdith: 100%; height: 100%; z-index: 0; pointer-events: none; }
section.achievement div.achievement-bg img { max-width: 120rem; pointer-events: none; }
section.achievement div.inner { /*  display: flex; flex-direction: row-reverse; overflow: hidden; z-index: 1; */ }
section.achievement div.details-wrap-section { display: flex; /* flex-direction: row-reverse; */ overflow: hidden; z-index: 1; margin-bottom: 8rem; }
section.achievement div.details-wrap { width: 50%; padding-left: 4rem; padding-right: 4rem; /* border-left: 0.1rem solid #e4a0df; */ box-sizing: border-box; }
section.achievement div.details-wrap-section div.achivement-subtitle { margin-bottom: 2rem; }
section.achievement div.titles-wrap { text-align: left; width: 100%; }
section.achievement div.titles-wrap h2 { color: #6b6a64; }
section.achievement div.titles-wrap div.title-label { background: none; display: inline-block; padding-left: 2rem; padding-right: 2rem; font-size: 1.5rem; border-radius: 1000rem; border: 0.2rem solid #fcd1dd; margin-right: 2rem; }
section.achievement div.titles-wrap div.nth-child-01 { font-size: clamp(2.1rem, 3.6vw, 3.6rem); }
section.achievement div.titles-wrap div.nth-child-01 span.large { font-size: clamp(2.8rem, 4.2vw, 4.2rem); }
section.achievement div.titles-wrap div.nth-child-01 span.pink { color: #e4a0df; color: #f5a2bb; }
section.achievement div.titles-wrap div.nth-child-02 { font-size: clamp(1.6rem, 2.4vw, 2.4rem); }
section.achievement div.titles-wrap div.description { font-size: 1.5rem; }
section.achievement div.links-wrap { margin-bottom: 4rem; }
section.achievement div.figures-wrap { /* width: 40%; position: relative; overflow: hidden; */ }
section.achievement div.figures-wrap img { width: 40vw; max-width: 40vw; left: 50%; top: 50%; position: absolute; transform: translateX(-50%) translateY(-50%); /* min-height: calc(100% + 8rem); */ }
section.achievement div.achievement-list { margin-bottom: 4rem; }
section.achievement div.achievement-list div.article { position: relative; padding-top: 2rem; padding-bottom: 2rem; border-bottom: 0.1rem solid #f5a2bb; text-align: right; }
section.achievement div.achievement-list div.article:first-child { border-top: 0.1rem solid #f5a2bb; }
section.achievement div.achievement-list div.article div.thumbnail { position: relative; width: 30%; }
section.achievement div.achievement-list div.article div.thumbnail img { display: block; width: 100%; }
section.achievement div.achievement-list div.article div.title { /* position: absolute; top: 40%; right: 0; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); text-align: left; */ display: inline-block; margin-bottom: 0; }
section.achievement div.achievement-list div.article div.number { /* position: absolute; bottom: -2rem; ; right: 0; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); */ display: inline-block; }
section.achievement div.achievement-list div.article div.number span { font-size: 4.8rem; line-height: 1; }
section.achievement div.achievement-list div.note { text-align: right; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.achievement div.achievement-select { position: relative; }
section.achievement div.achievement-select ul { display: flex; flex-wrap: nowrap; position: absolute; width: 100%; top: 0; left: 0; }
section.achievement div.achievement-select ul li { width: 33.33%; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; white-space: nowrap; }
section.achievement div.achievement-select ul li div { font-size: clamp(1.1rem, 1.1vw, 1.4rem); cursor: pointer; transition: 0.25s all; }
section.achievement div.achievement-select ul li.active div { background: #fde8ee; }
section.achievement div.achievement-list { display: none; padding-top: 4rem; }
section.achievement div.achievement-list.active { display: block; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.topics-meeting { background: #f8f8f8; }
div.topics-meeting div.inner { display: flex; padding:1.5rem; box-sizing:border-box; }
div.topics-meeting section.topics { /* width: 45%; margin-right: 5%; padding-right: 5%; border-right: 0.1rem solid #f0ebf0; */ }
div.topics-meeting section.meeting { /* margin-right: 0; width: 45%; padding-bottom: 4rem; */ }
div.topics-meeting section.meeting div.meeting-article { margin-bottom: 4rem; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.sections { display: flex; flex-wrap: nowrap; max-width: 120rem; margin-left: auto; margin-right: auto; }
section.topics { width: 100%; /* background: #f0f5f5; width: 49%; margin-right: 2%; */ }
section.topics div.inner {}
section.topics div.topics-wrap { background: #fff; /* border-radius: 1rem; position: relative; box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.25); */ }
section.topics div.titles-wrap { /* float: left; width: 26%; margin-right: 6%; box-sizing: border-box; padding: 2rem; */ }
section.topics div.topics-wrap div.title { margin-bottom: 0; text-align: center; }
section.topics div.topics-wrap div.title:after { z-index: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 0.1rem; background: #333333; }
section.topics div.topics-wrap div.title h2 { margin-left: auto; margin-right: auto; /* height: 15rem; */ /* display: block; */ font-size: 2rem; font-weight: bold; letter-spacing: 0.25rem; position: relative; z-index: 1; line-height: 1.5; /* margin-bottom: 4rem; */ color: #333333; background: #fff; margin-bottom: 0; padding: 0; padding-top: 0; display: inline-block; padding-left: 2rem; padding-right: 2rem; }

/* */
section.topics div.article-list { margin-left: auto; margin-right: auto; padding-top: 2rem; padding-bottom: 2rem; box-sizing: border-box; /* float: left; width: calc(68% - 2rem); */ }


section.instagram .title a { color:#333; text-decoration:none;}
#sb_instagram #sbi_images { padding:0 !important; }  

/* */
section.event { /* background: #f0f5f5; */ width: 49%; }
section.event div.inner {}
section.event div.topics-wrap { background: #fff; /* border-radius: 1rem; position: relative; box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.25); */ }
section.event div.titles-wrap { /* float: left; width: 26%; margin-right: 6%; box-sizing: border-box; padding: 2rem; */ }
section.event div.event-wrap div.title { margin-bottom: 0; text-align: center; }
section.event div.event-wrap div.title:after { z-index: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 0.1rem; background: #333333; }
section.event div.event-wrap div.title h2 { margin-left: auto; margin-right: auto; /* height: 15rem; */ /* display: block; */ font-size: 2rem; font-weight: bold; letter-spacing: 0.25rem; position: relative; z-index: 1; line-height: 1.5; /* margin-bottom: 4rem; */ color: #333333; background: #fff; margin-bottom: 0; padding: 0; padding-top: 0; display: inline-block; padding-left: 2rem; padding-right: 2rem; }

/* */
section.event div.article-list { margin-left: auto; margin-right: auto; padding-top: 2rem; padding-bottom: 2rem; box-sizing: border-box; /* float: left; width: calc(68% - 2rem); */ }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.article-list ul { /* margin-bottom: 4rem; */ position: relative; /* padding-left: 1rem; padding-right: 1rem; */ }
div.article-list ul li a { display: block; border-bottom: 0.1rem solid #e2e9f0; font-size: 1.6rem; position: relative; width: 100%; box-sizing: border-box; transition: 0.25s all; color: #2c3b4a; text-decoration: none; padding-top: 1.25rem; padding-bottom: 1.25rem; /* padding-left: 34rem; */ padding-right: 4rem; background: #fff; /* box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.25); */ /* margin-bottom: 2rem; */ clear: both; overflow: hidden; transform: 0.25s all; }
div.article-list ul li a:hover { background: #f8f8f8; }
div.article-list ul li:first-child a { border-top: 0.1rem solid #e2e9f0; }
div.article-list ul li a div.new { background: #fff471; color: #333333; display: inline-block; text-align: center; font-size: 1.2rem; width: 8rem; }
div.article-list ul li a div.update { color: #2c3b4a; display: inline-block; text-align: center; font-size: 1.4rem; width: 10rem; white-space: nowrap; }
div.article-list ul li a div.heading { /* width: calc(100% - 34rem); */ }
/*
div.article-list ul li:after { position: absolute; width: 2.75rem; height: 2.75rem; content: ""; background: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0.75rem; border-radius: 1000rem; }
*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
div.article-list ul li a { position: relative; }
div.article-list ul li a:before { right: 2rem; opacity: 0; transition: 0.25s all; border-right: 0.1rem solid #333333; border-top: 0.1rem solid #333333; content: ""; display: block; height: 0.5rem; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 0.5rem; z-index: 1; }
div.article-list ul li a:before { right: 1rem; opacity: 1; }
div.article-list ul li a:after { position: absolute; top: 50%; margin: auto; content: ""; height: 0.1rem; width: 1.5rem; background: #333333; transform: translateY(-50%); animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: both; animation-name: slideHorizontal; z-index: 1; right: 1.5rem; }
section.topics div.link { position: absolute; left: 2rem; bottom: 4rem; width: 26%; }
section.topics div.link a { font-size: 1.6rem; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.scroller { bottom: 0.5rem; display: block; height: 6rem; position: fixed; right: 0.5rem; width: 6rem; z-index: 2000; background: rgba(255, 255, 255, 0.8); box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.1); }
div.scroller div.button { height: 6rem; position: absolute; top: 0; width: 6rem; }
div.scroller div.button a { display: block; height: 6rem; position: relative; width: 6rem; z-index: 1; /* border-radius: 1000rem; */ }
div.scroller div.button a::before { width: 0; height: 0; border-style: solid; border-width: 0 0.25rem 0.5rem 0.25rem; border-color: transparent transparent #000 transparent; /* border-right: 0.1rem solid #333; border-top: 0.1rem solid #333; */ content: ""; display: block; /* height: 0.5rem; */ left: 50%; position: absolute; top: 30%; transform: translateX(-50%) rotate(0); transition: all 0.2s ease-in-out 0s; /* width: 0.5rem; */ z-index: 1; }
div.scroller div.button a::after { position: absolute; top: 50%; margin: auto; content: ""; height: 0.1rem; width: 1.5rem; background: #000; transform: translateX(-50%) rotate(90deg); /* 	animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: both; animation-name: slideHorizontal; */ z-index: 1; left: 50%; /* reset */ display: block; padding: 0; border-radius: 0; }
div.scroller:hover div.button a { background: #fff; }
div.scroller:hover div.button a::before { /* border-right: 0.1rem solid #2c3b4a; border-top: 0.1rem solid #2c3b4a; */ }
div.scroller:after { height: 0; width: 0; background: #2c3b4a; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); content: ""; z-index: -1; /* border-radius: 10000rem; */ transition: 0.25s all; }
div.scroller:hover:after { /* 	height: 7rem; width: 7rem; */ }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
footer { /* padding-bottom: 4rem; */ z-index: 1000; position: relative; text-align: center; /* background: #f3f3f6; */ /* text-align: center */ /* background-color: #8EC5FC; */ /* background-image: linear-gradient(0deg, #fbe9f8 0%, #fff 100%); */ }
footer div.inner { padding-top: 1rem; /* border-top: 0.1rem solid #333; */ }
footer div.logo { margin-top: 1rem; margin-bottom: 2rem; font-size: 1.8rem; }
footer div.logo a { /* color: #a99a78; */ text-decoration: none; letter-spacing: 0.2rem; }
footer div.logo img { width: 100%; max-width: 36rem; margin-left: auto; margin-right: auto; display: block; }
footer div.address { font-size: 1.2rem; }
footer div.tel-fax {}
footer div.footer-information { text-align: center; line-height: 1.5; background: #2d3a40; color: #f0f0f0; }
footer a { color: #2c3b4a; }
footer a span { font-size: 3rem; }

/*20240403追記 バナー右下固定表示*/
.b_skpj { position:fixed; bottom:0.5rem; right:7rem; box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.125); }
@media only screen and (max-width: 768px) {
  .footer-information { padding-bottom:8.5rem; }
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- topic-path */
.topic-path { font-size: 1.2rem; display: block; /* margin: 0 auto 40px; */ /* background: #4568DC; */ /* background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC); */ /* 		background: #f8f8f8; */ /* background: #f2f2f0; */ text-align: left; background: none; /* font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, sans-serif, 'Noto Sans JP', YakuHanJP, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;font-family: "Yu Gothic", YuGothic, sans-serif, 'Noto Sans JP', YakuHanJP, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; border-bottom: 0.1rem solid #f8f8f8; */ padding-top: 1rem; padding-bottom: 1rem; background: #f8f8f8; }
.topic-path ul { padding: 1rem; /* padding-left: 0.5em; padding-right: 0.5em;	 */ list-style: none; }
.topic-path ul li { display: inline; }
.topic-path ul li a { font-size: 1.2rem; /* font-weight: bold; */ text-decoration: none; position: relative; padding-right: 1rem; padding-left: 1rem; /* color: #689d38; */ /* color: #003e6c; */ color: #26406f; font-weight: normal; text-decoration: underline; display: inline-block; white-space: nowrap; }
.topic-path ul li:first-child a { padding-left: 0; }
.topic-path ul li span { padding-right: 1rem; padding-left: 1rem; }
.topic-path ul li a:before { width: 0.4rem; height: 0.4rem; position: absolute; top: 50%; right: 0; content: ""; /* 	border-top: 1px solid #003e6c; border-right: 1px solid #003e6c; */ border-top: 1px solid #39454f; border-right: 1px solid #39454f; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all .2s ease-in; }
.topic-path ul li a:hover { text-decoration: none; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.page-title */
div.page-title { /* margin-top: 2rem; */ /* margin-bottom: 2rem; */ padding-top: 4rem; padding-bottom: 4rem; /* background: #39454f; */ position: relative; /* background-image: linear-gradient(0deg, #fff 0%, #e8f5fe 30%, #e8f5fe 60%, #fbe9f8 100%); */ /* background-image: linear-gradient(0deg, #fff 0%, #e8f5fe 100%); */ border-bottom: 0.1rem solid #000; max-width: 120rem; margin-left: auto; margin-right: auto; }
div.page-title div.title { /* border: 0.2rem solid #39454f; */ padding-top: 2rem; padding-bottom: 2rem; text-align: ; /* background: #fff; */ /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); */ /* border-top: 1rem solid #a4d4ed; border-right: 1rem solid #cba5bd; border-bottom: 1rem solid #e9afbd; border-left: 1rem solid #aed071; */ }
div.page-title div.title h1 { font-size: 3.0rem; letter-spacing: 0.125rem; font-weight: normal; /* display: none; */ }
div.page-title div.title h1 div { display: inline-block; }
div.page-title div.title h1 span { color: #39454f; display: inline-block; }
div.page-title div.description h2 { /* background: #fff; */ font-weight: normal; text-align: left; padding-bottom: 1rem; font-size: 1.4rem; }
div.page-title div.update { /* background: #f8f8f8; */ /* color: #1e82be; */ text-align: left; font-size: 1.4rem; /* font-family: oswald; */ }
div.page-title div.description div.number { border-radius: 100rem; border: 0.1rem solid #f0f0f0; display: inline-block; padding-left: 1rem; padding-right: 1rem; background: #f8f8f8; white-space: nowrap; }
div.page-title div.description span.material-icons { color: #39454f; font-size: 1.8rem; vertical-align: middle; position: relative; top: -0.1rem; }
div.page-title:after { /* position: absolute; width: calc(10rem); height: calc(10rem); content: ""; border-radius: 3rem; background: linear-gradient(to right, #fde0d7 0%, #fde0d7 100%); border: 1rem double #fff; border-image: linear-gradient(to right, #333333; 0%, #3da9c4 100%); border-image-slice: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); z-index: 0; opacity: 0.25; */ /* filter: blur(1rem); */ }
div.page-title:before { /* position: absolute; width: calc(10rem); height: calc(10rem); content: ""; border-radius: 3rem; background: linear-gradient(to right, #e7e9f4 0%, #fff 100%); border: 1rem double #fff; border-image: linear-gradient(to right, #333333; 0%, #3da9c4 100%); border-image-slice: 1; left: 52.5%; top: 65%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); z-index: 1; opacity: 0.45; */ /* filter: blur(1rem); */ }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.map */
div.anchor-wrap { position: relative; }
div.anchor-wrap a { position: absolute; top: -8rem; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/* sticky する */
/* aside を表示したいときは、 .main-aside-wrap を active にする */
.main-aside-wrap { display: block; padding-bottom: 4rem; }
.main-aside-wrap main { width: 100%; max-width: 100rem; margin-left: auto; margin-right: auto; }
.main-aside-wrap aside { display: none; }
.main-aside-wrap.active { display: flex; }
.main-aside-wrap.active main { width: 70%; }
.main-aside-wrap.active aside { display: block; width: calc(100% - 70% - 4rem); margin-left: auto; }
.main-aside-wrap aside div.aside-list-wrap { height: 100%; }
.main-aside-wrap aside div.aside-list-wrap div.aside-list { position: sticky; top: 2rem; left: 0; }
/*
.contentBody { width: 76%; float: left; margin-right: 4%; background: #fff; box-sizing: border-box; padding: 4rem; }
*/
aside { font-family: 'Zen Maru Gothic', sans-serif; }
aside div.aside-heading { font-size: 1.6rem; letter-spacing: 0.2rem; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 0.1rem solid #303030; }
aside div.aside-list ul li a { display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 3rem; border-bottom: 0.1rem solid #e3e4e5; color: #303030; position: relative; text-decoration: none; transition: 0.25s all; }
aside a:hover { background: #f8f8f8; }
aside div.aside-list ul li a:after { width: 0; height: 0; border-style: solid; border-width: 0.5rem 0.25rem 0.5rem 0.25rem; border-color: transparent transparent #000 transparent; content: ""; display: block; right: 0; position: absolute; top: 51.25%; transform: translateY(-50%) rotate(90deg); transition: all 0.2s ease-in-out 0s; z-index: 1; }
aside div.aside-list ul li a::before { position: absolute; top: 51.75%; right: 0.75rem; background: #303030; content: ""; width: 1.5rem; height: 0.15rem; transform: translateY(-50%); }

/* */
aside div.number { display: none; }
aside div.thumbnail { display: none; }
aside div.category-list-details {}
aside div.update-label { display: none; }
aside.topics div.update-label { display: flex; flex-wrap: nowrap; margin-bottom: 0.5rem; }
aside.topics div.new { font-size: 1.0rem; margin-right: 1rem; /* font-family: 'Noto Serif JP', YakuHanJP, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; */ margin-right: 1rem; background: #2c3b4a; /* border: 0.1rem solid #2c3b4a; */ color: #fff; padding-right: 1.5rem; padding-left: 1.5rem; }
aside.topics div.update { font-size: 1.0rem; /* font-family: 'Noto Serif JP', YakuHanJP, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif; */ }
aside div.heading { font-size: 1.4rem; }
aside div.description { display: none; }
aside div.category-labels-wrap { display: none; }
aside div.category-label { display: none; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.category-list */
div.category-list { margin-top: 2rem; /* padding-left: 4rem; padding-right: 4rem; */ margin-bottom: 4rem; }
div.category-list ul li { margin-bottom: 0.25rem; }
div.category-list ul li a { display: block; color: #303030; text-decoration: none; position: relative; transition: 0.25s all; padding: 1rem; }
div.category-list ul li a div.number { background: #2c3b4a; position: absolute; top: 1rem; left: 1rem; width: 4rem; height: 4rem; content: ""; z-index: 10; }
div.category-list ul li a div.number span { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; }
div.category-list ul li a div.category-list-details div.update-label { clear: both; overflow: hidden; margin-bottom: 0.5rem; }
div.category-list ul li a div.category-list-details div.update-label div.new { font-size: 1.2rem; float: left; margin-right: 1rem; background: #fdc9d8; color: #fff; padding-right: 1.5rem; padding-left: 1.5rem; border-radius: 1000rem; line-height: 1.5; }
div.category-list ul li a div.category-list-details div.update-label div.update { font-size: 1.2rem; float: left; line-height: 1.5; }
div.category-list ul li a div.category-list-details {}
div.category-list ul li a div.thumbnail { position: relative; margin-bottom: 1rem; }
div.category-list ul li a div.thumbnail:before { position: relative; padding-top: 75%; content: ""; display: block; }
div.category-list ul li a div.thumbnail img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
div.category-list ul li a div.category-list-details div.heading { font-size: 1.6rem; margin-bottom: 0.5rem; }
div.category-list ul li a div.category-list-details div.description { font-size: 1.4rem; color: #aaa; }
div.category-list ul li a div.category-list-details div.category-labels-wrap { clear: both; overflow: hidden; margin-bottom: 0.5rem; padding-top: 1rem; margin-top: 1rem; border-top: 0.1rem solid #333; }
div.category-list ul li a div.category-list-details div.category-labels-wrap div.category-label { font-size: 1.2rem; float: left; margin-right: 1rem; border: 0.1rem solid #ccc; padding-right: 1.5rem; padding-left: 1.5rem; border-radius: 1000rem; background: #f0f0f0; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ category-list default */
div.category-list.default ul { display: flex; flex-wrap: wrap; }
div.category-list.default ul li { width: 30%; margin-right: 4.5%; margin-bottom: 2rem; font-size: 1.6rem; }
div.category-list.default ul li:nth-child(3n) { margin-right: 0; }
div.category-list.default ul li a:hover { background: #f8f8f8; }

/* default の とき 非表示にする */
div.category-list.default ul li a div.number { display: none; }
div.category-list.default ul li a div.category-list-details div.update-label { display: none; }
div.category-list.default ul li a div.category-list-details div.category-labels-wrap { display: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ category-list update */
div.category-list.update ul { display: block; }
div.category-list.update ul li { width: 100%; font-size: 1.6rem; }
div.category-list.update ul li:nth-child(3n) { margin-right: 0; }
div.category-list.update ul li a { overflow: hidden; clear: both; /* border-top: 0.1rem solid #ccc; */ position: relative; padding-right: 4rem; background: #fff; }
div.category-list.update ul li a:after { border-right: 0.1rem solid #333; border-top: 0.1rem solid #333; content: ""; display: block; height: 0.5rem; right: 1rem; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 0.5rem; }
div.category-list.update ul li a:before { content: ""; display: block; height: 0.1rem; right: 1.25rem; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.2s ease-in-out 0s; width: 2rem; background: #333; }
div.category-list.update ul li:last-child a { /* border-bottom: 0.1rem solid #ccc; */ }
div.category-list.update ul li a:hover { background: #f8f8f8; }
div.category-list.update ul li a div.thumbnail { position: relative; margin-right: 2rem; margin-bottom: 0; float: left; width: 10%; max-width: 20rem; min-width: 8rem; }
div.category-list.update ul li a div.category-list-details { float: left; width: calc(90% - 2rem); max-width: calc(90% - 10rem); }
div.category-list.update ul li a div.category-list-details div.category-labels-wrap { clear: both; overflow: hidden; margin-bottom: 0; padding-top: 1rem; margin-top: 0; border: none; }

/* update の とき 非表示にする */
div.category-list.update ul li a div.number { display: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ category-list update.no-thumbnail */
div.category-list.update.no-thumbnail ul li a div.category-list-details { width: calc(100%); }

/* update.no-thumbnail の とき 非表示にする */
div.category-list.update.no-thumbnail ul li a div.thumbnail, div.category-list.update.no-thumbnail ul li a div.number { display: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ category-list double */
div.category-list.double ul { display: flex; flex-wrap: wrap; }
div.category-list.double ul li { width: 48%; margin-right: 4%; margin-bottom: 2rem; }
div.category-list.double ul li:nth-child(3n) { margin-right: 4%; }
div.category-list.double ul li:nth-child(2n) { margin-right: 0; }

/* double の とき 非表示にする */
div.category-list.double ul li a div.number, div.category-list.double ul li a div.update-label, div.category-list.double ul li a div.category-list-details div.category-labels-wrap { display: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ category-list box */
div.category-list.box ul { display: flex; flex-wrap: wrap; }
div.category-list.box ul li { width: 48%; margin-right: 4%; margin-bottom: 2rem; /* border: 0.1rem solid #333; */ box-sizing: border-box; box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0, 0.1); position: relative; }
div.category-list.box ul li:after { background: #fdc9d8; content: ""; display: block; height: 4rem; right: 1rem; position: absolute; top: 50%; transform: translateX(0) translateY(-50%); transition: all 0.2s ease-in-out 0s; width: 4rem; z-index: 0; border-radius: 1000rem; }
div.category-list.box ul li:nth-child(3n) { margin-right: 4%; }
div.category-list.box ul li:nth-child(2n) { margin-right: 0; }
div.category-list.box ul li a { padding: 3rem; padding-right: 4rem; }
div.category-list.box ul li a:after { border-right: 0.1rem solid #fff; border-top: 0.1rem solid #fff; content: ""; display: block; height: 0.5rem; right: 1.75rem; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 0.5rem; z-index: 1; }
div.category-list.box ul li a:before { content: ""; display: block; height: 0.1rem; right: 2rem; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.2s ease-in-out 0s; width: 2rem; background: #fff; z-index: 1; }
div.category-list.box ul li a:hover { background: #f8f8f8; }

/* box の とき 非表示にする */
div.category-list.box ul li a div.thumbnail, div.category-list.box ul li a div.category-list-details div.update-label, div.category-list ul li a div.category-list-details div.description, div.category-list.box ul li a div.category-list-details div.category-labels-wrap, div.category-list.box ul li a div.number { display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.subtop { margin-top: 0; position: relative; padding-top: 0; padding-bottom: 0; }
section.subtop.university::after { width: 100%; height: calc(15%); position: absolute; bottom: 0; left: 0; background: #fdf4f5; content: ""; z-index: 0; }
section.subtop.center::after { width: 100%; height: calc(15%); position: absolute; bottom: 0; left: 0; background: #e8e6fa; content: ""; z-index: 0; }
section.subtop div.inner { display: flex; flex-wrap: nowrap; position: relative; z-index: 1; padding-right: 0; }
section.subtop.university {}
section.subtop div.title { margin-bottom: 0; /* color: #bcbcbc; */ position: relative; width: 35%; z-index: 2; }
section.subtop div.title img { max-width: clamp(24rem, 32vw, 32rem); position: absolute; top: 40%; left: 0; transform: translateY(-50%); }
section.subtop div.inner > div.figures-wrap { position: relative; z-index: 0; top: 0; right: 0; width: 65%; }
section.subtop div.video { overflow: hidden; /* margin-top: 2rem; */ margin-bottom: 12rem; /* max-height: 42.0rem; */ }
section.subtop div.video video { width: calc(100% + 0.2rem); max-width: auto; position: relative; top: -0.1rem; left: -0.1rem; }
/*
section.subtop div.figures-wrap ul { display: flex; flex-wrap: wrap; }
section.subtop div.figures-wrap ul li { width: 48%; margin-right: 4%; margin-bottom: 2.5rem; box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.1); }
section.subtop div.figures-wrap ul li:nth-child(2n) { margin-right: 0; }
section.subtop div.figures-wrap ul li:nth-child(2n) { position: relative; top: -2rem; }
*/

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- scroll- effect アニメーション */

/* addClass ではなく、はじめから つけておかないとうごかない! */
.scroll-effect-trigger { opacity: 0; transition: 1s 2s all; transform: translateY(4rem); }
.scroll-effect-trigger.scroll-effect { opacity: 1; transform: translateY(0); }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ページャー */
.pager { clear: both; position: relative; overflow: hidden; /* margin-top: px; */ /* margin-bottom: px; */ width: 100%; }
.pager .pagenavi { font-size: 1.5rem; font-weight: bold; list-style: none; position: relative; text-align: center; }
.pager .pagenavi > span, .pager .pagenavi > a { margin-left: 0.5rem; margin-right: 0.5rem; position: relative; display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; background-color: #caccd8; text-decoration: none; color: #fff; vertical-align: middle; transition: 0.25s all; }

/* ------------------------- "前へ"と"次へ" */
.pager .pagenavi > .prev, .pager .pagenavi > .next, .pager .pagenavi > .prev, .pager .pagenavi > .next { background: #fdc9d8; width: 4rem; height: 4rem; display: inline-block; transition: all 0.2s ease-in-out; vertical-align: middle; }
.pager .pagenavi > .prev:hover, .pager .pagenavi > .prev:active, .pager .pagenavi > .next:hover, .pager .pagenavi > next:active { background: #f8f8f8; color: #c6d542; text-decoration: none; }

/* ------------------------- a:hover と a:active */
.pager .pagenavi > a:hover, .pager .pagenavi > a:active { background: #fd8dab !important; color: #fff !important; text-decoration: none; }
.pager .pagenavi > a.next::after, .pager .pagenavi > span.next::after { position: absolute; top: 50%; right: 1.75rem; left: inherit; display: block; width: 0.75rem; height: 0.75rem; margin-top: 0; content: ''; transition: all .2s ease-in-out; transform: translateY(-50%) rotate(45deg); border-top: 0.1rem solid #fff; border-right: 0.1rem solid #fff; }
.pager .pagenavi > a.prev:after, .pager .pagenavi > span.prev::after { position: absolute; top: 50%; ; left: 1.75rem; display: block; width: 0.75rem; height: 0.75rem; margin-top: 0; content: ''; transition: all .2s ease-in-out; transform: translateY(-50%) rotate(-135deg); border-top: 0.1rem solid #fff; border-right: 0.1rem solid #fff; }

/* @end */
.pager .pagenavi span.current { background: #fd8dab; color: #fff; }