@charset "utf-8";
/*
	
	sans
	weight
	900 black
	700 bold
	400 regular
	
Korolev Bold
font-family: korolev, sans-serif;
font-weight: 700;
font-style: normal;

Korolev Medium
font-family: korolev, sans-serif;
font-weight: 500;
font-style: normal;

Korolev Light
font-family: korolev, sans-serif;
font-weight: 300;
font-style: normal;
	
*/
/*
@function sp($value , $container:null){ @if($container == null){ @return round-decimal((($value/2)*1.171875px),3); }@else{ @return round-decimal((($value/2)*1.171875px),3); }
}
*/
@keyframes flicker { 0% { opacity: 0.6209912125; }
  5% { opacity: 0.5452361785; }
  10% { opacity: 0.461972554; }
  15% { opacity: 0.9889074993; }
  20% { opacity: 0.6348419936; }
  25% { opacity: 0.9586632832; }
  30% { opacity: 0.1307895343; }
  35% { opacity: 0.3846091368; }
  40% { opacity: 0.6869028943; }
  45% { opacity: 0.705858933; }
  50% { opacity: 0.7837741018; }
  55% { opacity: 0.8082002407; }
  60% { opacity: 0.1018942721; }
  65% { opacity: 0.1927868596; }
  70% { opacity: 0.7783796084; }
  75% { opacity: 0.2254475813; }
  80% { opacity: 0.1127644305; }
  85% { opacity: 0.1443632702; }
  90% { opacity: 0.879570288; }
  95% { opacity: 0.8917577818; }
  100% { opacity: 0.8322365136; } }
@keyframes hoverin { 0% { transform: translateX(-101%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; } }
@keyframes hoverout { 0% { transform: translateY(0); left: 0; opacity: 1; }
  100% { transform: translateY(0); left: 101%; opacity: 1; } }
@keyframes hoverin_reverse { 0% { transform: translateX(101%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; } }
@keyframes hoverout_reverse { 0% { transform: translateY(0); left: 0; opacity: 1; }
  100% { transform: translateY(0); left: -101%; opacity: 1; } }
.buruburu { display: inline-block; animation: hurueru .1s  infinite; }

@keyframes hurueru { 0% { transform: translate(0px, 0px) rotateZ(0deg); }
  25% { transform: translate(2px, 2px) rotateZ(1deg); }
  50% { transform: translate(0px, 2px) rotateZ(0deg); }
  75% { transform: translate(2px, 0px) rotateZ(-1deg); }
  100% { transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave { 0% { background-position: 0 0; }
  100% { background-position: round-decimal(7.8125vw, 3) 0; } }
@media screen and (min-width: 768px) { @keyframes wave { 0% { background-position: 0 0; }
    100% { background-position: 100px 0; } } }
@keyframes sdb { 0% { transform: translate(0, -2.667vw); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translate(0, 0vw); opacity: 0; } }
@keyframes sdbpc { 0% { transform: translate(0, -20px); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translate(0, 0); opacity: 0; } }
[data-animate-x] { opacity: 0; filter: blur(3px) brightness(0.5); transform: translateX(-15vw); }

[data-animate-xr] { opacity: 0; filter: blur(3px) brightness(0.5); transform: translateX(15vw); }

[data-animate-y] { opacity: 0; filter: blur(3px) brightness(0.5); transform: translateY(10vw); }

[data-opacity] { opacity: 0; filter: blur(0) brightness(0.5); transform: translateY(0); }

@media screen and (min-width: 769px) { [data-animate-y] { transform: translateY(50px); }
  [data-animate-x] { transform: translateX(-80px); }
  [data-animate-xr] { transform: translateX(80px); }
  [data-pc-opacity] { opacity: 0; transform: translateY(0); }
  [data-pc-opacity].animated { opacity: 1; transform: translateY(0); } }
[data-animate-y].animated, [data-animate-x].animated, [data-animate-xr].animated { opacity: 1; transform: translateY(0); filter: blur(0) brightness(1); transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

[data-opacity].animated { opacity: 1; transform: translateY(0); filter: blur(0) brightness(1); transition: 1.2s 0s cubic-bezier(0.23, 1, 0.32, 1); }

/*
@media screen and (max-width: $break_width1 ){
	[data-opacity],
	[data-sp-opacity]{opacity: 0; transform: translateY(10vw); transition: 1.2s 0s $easeOutQuint;}
.ie11	[data-opacity],
.ie11	[data-sp-opacity]{opacity: 0; transform: translateY(20px); transition: 1.2s 0s $easeOutQuint;}
	[data-sp-opacity].animated,
	[data-opacity].animated { opacity: 1; transform: translateY(0);}
}
*/
[data-animate-xr], [data-animate-x], [data-animate-y], [data-sp-opacity], [data-pc-opacity], [data-opacity], [data-once] { will-change: transform; backface-visibility: hidden; }

.neon { animation: flicker 2s linear infinite; }

@keyframes flicker { from { opacity: 1; }
  4% { opacity: .9; }
  6% { opacity: .85; }
  8% { opacity: .95; }
  10% { opacity: .90; }
  11% { opacity: .922; }
  12% { opacity: .9; }
  14% { opacity: .95; }
  16% { opacity: .98; }
  17% { opacity: .9; }
  19% { opacity: .93; }
  20% { opacity: .99; }
  24% { opacity: 1; }
  26% { opacity: .94; }
  28% { opacity: .98; }
  37% { opacity: .93; }
  38% { opacity: .5; }
  39% { opacity: .96; }
  42% { opacity: 1; }
  44% { opacity: .97; }
  46% { opacity: .94; }
  56% { opacity: .9; }
  58% { opacity: .9; }
  60% { opacity: .99; }
  68% { opacity: 1; }
  70% { opacity: .9; }
  72% { opacity: .95; }
  93% { opacity: .93; }
  95% { opacity: .95; }
  97% { opacity: .93; }
  to { opacity: 1; } }
@-webkit-keyframes flash { 100% { left: 125%; } }
@keyframes flash { 100% { left: 125%; } }
@media screen and (max-width: 768px) { #kbd #daigakuContent { margin: 0 auto; }
  #kbd #kbd_wrapper { margin: 0 auto; background: #fff; margin-bottom: 16vw; position: relative; padding: 10.667vw 7.333vw 0; }
  #kbd #kbd_wrapper section { margin-left: auto; margin-right: auto; }
  #kbd #kbd_wrapper .kbd_detailheader { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 28.4vw; position: relative; color: #fff; margin-bottom: 10.667vw; }
  #kbd #kbd_wrapper .kbd_detailheader div { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; position: relative; z-index: 100; line-height: 1; }
  #kbd #kbd_wrapper .kbd_detailheader div::after { content: ''; width: 96.875%; height: 25.733vw; position: absolute; left: 1.5625%; top: 1.333vw; z-index: -1; border: 0.267vw solid #fff; }
  #kbd #kbd_wrapper .kbd_detailheader div::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; z-index: -1; }
  #kbd #kbd_wrapper .kbd_detailheader div h2 { border: 1px solid #fff; border-radius: 2.8vw; height: 5.6vw; padding: 0 3.2vw; font-size: 3.733vw; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05em; margin-bottom: 1.067vw; }
  #kbd #kbd_wrapper .kbd_detailheader div h2 span { font-weight: 800; }
  #kbd #kbd_wrapper .kbd_detailheader div h1 { font-size: 4.267vw; font-weight: 900; padding-top: 1.067vw; text-align: center; }
  #kbd #kbd_wrapper article h2 { color: #644c0f; font-size: 4.8vw; line-height: 6.4vw; font-weight: 900; }
  #kbd #kbd_wrapper article h3 { color: #644c0f; font-size: 3.733vw; line-height: 5.6vw; font-weight: 900; }
  #kbd #kbd_wrapper article h3 a { color: #644c0f; font-weight: 900; }
  #kbd #kbd_wrapper article p { font-size: 3.2vw; line-height: 1.5; }
  #kbd #kbd_wrapper article p.category { margin-bottom: 1.333vw; }
  #kbd #kbd_wrapper article p.category a { display: inline-block; color: #fff; font-weight: 800; font-size: 2.667vw; background: #644c0f; padding: 0vw 1.333vw; border-radius: 0.4vw; height: 4.8vw; }
  #kbd #kbd_wrapper article a.img img { width: 29.867vw; height: auto; }
  #kbd #kbd_wrapper article .item { background: #feffe6; padding: 5.333vw; border-radius: 2vw; margin: 5.067vw 0 0; display: flex; justify-content: space-between; }
  #kbd #kbd_wrapper article .item .img { width: 29.867vw; margin-right: 2.667vw; }
  #kbd #kbd_wrapper article .item div { width: 42vw; margin-left: 2.667vw; }
  #kbd #kbd_wrapper article h2 + p { margin-top: 4vw; }
  #kbd #kbd_wrapper article section { padding-bottom: 10.667vw; }
  #kbd #kbd_wrapper article section ~ section { padding-top: 9.333vw; border-top: 1px solid #ccc; }
  #kbd #daigakuDetailContents { padding: 0; margin: 0 auto; background: none; background-color: #fff; }
  #kbd #daigakuDetailContents::after, #kbd #daigakuDetailContents::before { display: none; } }
@media screen and (min-width: 769px) { /* PC STYLE  *************************************************************/
  .sp-item { display: none; }
  #kbd #daigakuContent { margin: 0 auto; }
  #kbd #daigakuWrapper { text-align: center; }
  #kbd .detailHeader .gakubu, #kbd .detailHeader .no { display: none !important; }
  #kbd #kbd_wrapper { max-width: 960px; margin: 0 auto; padding: 80px 0 0; margin-bottom: 0; }
  #kbd #kbd_wrapper section { margin-left: auto; margin-right: auto; }
  #kbd #kbd_wrapper .kbd_detailheader { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 320px; position: relative; color: #fff; margin-bottom: 80px; }
  #kbd #kbd_wrapper .kbd_detailheader div { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; position: relative; z-index: 100; line-height: 1; }
  #kbd #kbd_wrapper .kbd_detailheader div::after { content: ''; width: 940px; height: 300px; left: 10px; top: 10px; border: 2px solid #fff; position: absolute; }
  #kbd #kbd_wrapper .kbd_detailheader div::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; z-index: -1; }
  #kbd #kbd_wrapper .kbd_detailheader div h2 { border: 1px solid #fff; border-radius: 21px; height: 42px; padding: 0 25px; font-size: 28px; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05em; margin-bottom: 8px; }
  #kbd #kbd_wrapper .kbd_detailheader div h2 span { font-weight: 800; }
  #kbd #kbd_wrapper .kbd_detailheader div h1 { font-size: 32px; font-weight: 900; padding-top: 8px; text-align: center; }
  #kbd #kbd_wrapper article h2 { font-size: 36px; line-height: 48px; font-weight: 900; color: #644c0f; }
  #kbd #kbd_wrapper article h3 { font-size: 24px; line-height: 1.5; font-weight: 900; }
  #kbd #kbd_wrapper article h3 a { color: #644c0f; font-weight: 900; }
  #kbd #kbd_wrapper article p { font-size: 15px; line-height: 22.5px; }
  #kbd #kbd_wrapper article p.category { margin-bottom: 15px; }
  #kbd #kbd_wrapper article p.category a { display: inline-block; color: #fff; font-weight: 800; font-size: 12px; background: #644c0f; padding: 0 10px 0; border-radius: 3px; height: 24px; }
  #kbd #kbd_wrapper article a.img img { width: 29.867vw; height: auto; }
  #kbd #kbd_wrapper article .item { background: #feffe6; padding: 40px; border-radius: 15px; margin: 40px 0 0; display: flex; justify-content: space-between; }
  #kbd #kbd_wrapper article .item .img { width: 224px; margin-right: 20px; }
  #kbd #kbd_wrapper article .item div { width: 630px; margin-left: 20px; }
  #kbd #kbd_wrapper article h2 + p { margin-top: 30px; }
  #kbd #kbd_wrapper article section { padding-bottom: 80px; }
  #kbd #kbd_wrapper article section ~ section { padding-top: 70px; border-top: 1px solid #ccc; }
  #kbd #daigakuDetailContents { padding: 0; margin: 0 auto; background: none; background-color: #fff; }
  #kbd #daigakuDetailContents::after, #kbd #daigakuDetailContents::before { display: none; } }