@charset "UTF-8";
/* line 7, ../sass/top.scss */
.titStyle div {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1;
  margin: 0 0 12px;
  color: #767676;
}
@media screen and (max-width: 1920px) {
  /* line 7, ../sass/top.scss */
  .titStyle div {
    font-size: 1.04167vw;
  }
}
@media screen and (max-width: ) {
  /* line 7, ../sass/top.scss */
  .titStyle div {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
/* line 18, ../sass/top.scss */
.titStyle div::after {
  content: '';
  width: 32.29167vw;
  height: 1px;
  background-color: #C8C8C8;
  position: absolute;
  bottom: -12px;
  left: 0;
}
@media screen and (max-width: ) {
  /* line 18, ../sass/top.scss */
  .titStyle div::after {
    width: 100%;
  }
}
/* line 31, ../sass/top.scss */
.titStyle.h2Style {
  font-size: 56px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  /* line 31, ../sass/top.scss */
  .titStyle.h2Style {
    font-size: 2.91667vw;
  }
}
@media screen and (max-width: ) {
  /* line 31, ../sass/top.scss */
  .titStyle.h2Style {
    font-size: 36px;
  }
}
/* line 40, ../sass/top.scss */
.titStyle.h2Style div::after {
  left: 50%;
  transform: translateX(-50%);
}
/* line 46, ../sass/top.scss */
.titStyle.h3Style {
  font-size: 40px;
  text-align: left;
  margin-bottom: 40px;
  line-height: normal;
}
@media screen and (max-width: 1920px) {
  /* line 46, ../sass/top.scss */
  .titStyle.h3Style {
    font-size: 2.08333vw;
  }
}
@media screen and (max-width: ) {
  /* line 46, ../sass/top.scss */
  .titStyle.h3Style {
    font-size: 30px;
  }
}
/* line 55, ../sass/top.scss */
.titStyle.h3Style div::after {
  left: 0;
}

/* line 63, ../sass/top.scss */
#mainArea {
  margin: 0 0 40px;
}
/* line 66, ../sass/top.scss */
#mainArea h2 img {
  max-width: auto;
  width: 100%;
}
/* line 71, ../sass/top.scss */
#mainArea iframe {
  width: 100% !important;
  margin-top: -16.9% !important;
  right: 0 !important;
  left: auto !important;
}

/* line 80, ../sass/top.scss */
#impNewsArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 80px;
  padding: 0 2.08333vw;
  border-radius: 0px 20px;
  border: 1px solid #C8C8C8;
  width: 66.66667vw;
}
@media screen and (max-width: ) {
  /* line 80, ../sass/top.scss */
  #impNewsArea {
    width: 90%;
    display: block;
    padding: 20px 20px 0;
  }
}
@media screen and (min-width: 1201px) {
  /* line 94, ../sass/top.scss */
  #impNewsArea h2 {
    font-size: clamp(14px, 0.9375vw, 18px);
    width: 18%;
  }
}
@media screen and (max-width: ) {
  /* line 94, ../sass/top.scss */
  #impNewsArea h2 {
    text-align: center;
    margin-bottom: 20px;
  }
}
/* line 103, ../sass/top.scss */
#impNewsArea h2 span {
  position: relative;
  padding: 5px 0 5px 2.5vw;
}
@media screen and (max-width: ) {
  /* line 103, ../sass/top.scss */
  #impNewsArea h2 span {
    padding-left: 48px;
  }
}
/* line 109, ../sass/top.scss */
#impNewsArea h2 span::before {
  content: "";
  background-image: url(/img/icon/icon_important.svg);
  background-position: center left;
  background-size: 1.875vw;
  background-repeat: no-repeat;
  width: 1.875vw;
  height: 1.875vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: ) {
  /* line 109, ../sass/top.scss */
  #impNewsArea h2 span::before {
    background-size: 36px;
    width: 36px;
    height: 36px;
  }
}
/* line 129, ../sass/top.scss */
#impNewsArea ul {
  width: 51.04167vw;
}
@media screen and (min-width: 1201px) {
  /* line 129, ../sass/top.scss */
  #impNewsArea ul {
    width: 81%;
  }
}
@media screen and (max-width: ) {
  /* line 129, ../sass/top.scss */
  #impNewsArea ul {
    width: 100%;
  }
}
/* line 137, ../sass/top.scss */
#impNewsArea ul li {
  border-bottom: 1px solid #C8C8C8;
}
/* line 139, ../sass/top.scss */
#impNewsArea ul li:last-child {
  border-bottom: none;
}
/* line 142, ../sass/top.scss */
#impNewsArea ul li a {
  display: block;
  padding: 1.04167vw 0;
}
@media screen and (max-width: ) {
  /* line 142, ../sass/top.scss */
  #impNewsArea ul li a {
    padding: 20px 0;
  }
}
/* line 148, ../sass/top.scss */
#impNewsArea ul li a .flgWrap {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: ) {
  /* line 148, ../sass/top.scss */
  #impNewsArea ul li a .flgWrap {
    display: block;
  }
}
/* line 157, ../sass/top.scss */
#impNewsArea ul li a div.date {
  width: 120px;
}
@media screen and (max-width: ) {
  /* line 157, ../sass/top.scss */
  #impNewsArea ul li a div.date {
    margin-bottom: 10px;
  }
}
/* line 163, ../sass/top.scss */
#impNewsArea ul li a div.iconNew {
  text-decoration: none;
}
@media screen and (max-width: ) {
  /* line 163, ../sass/top.scss */
  #impNewsArea ul li a div.iconNew {
    margin-bottom: 10px;
  }
}
/* line 169, ../sass/top.scss */
#impNewsArea ul li a div.tit {
  text-decoration-line: underline;
  text-decoration-thickness: 0;
}
@media screen and (min-width: 1201px) {
  /* line 169, ../sass/top.scss */
  #impNewsArea ul li a div.tit {
    width: calc(100% - 212px);
  }
}
@media screen and (min-width: 1201px) {
  /* line 179, ../sass/top.scss */
  #impNewsArea ul li a:hover div {
    text-decoration: none;
  }
}

/* line 190, ../sass/top.scss */
#bnrSlide {
  position: relative;
  max-width: 980px;
  margin: 0 auto 5%;
}
@media screen and (max-width: 768px) {
  /* line 190, ../sass/top.scss */
  #bnrSlide {
    position: relative;
    width: 320px;
    width: 100%;
    margin: 0 auto 50px;
  }
}
/* line 201, ../sass/top.scss */
#bnrSlide .subSlider .slick-slide {
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
  /* line 201, ../sass/top.scss */
  #bnrSlide .subSlider .slick-slide {
    margin: 0 20px;
  }
}
/* line 206, ../sass/top.scss */
#bnrSlide .subSlider .slick-slide img {
  margin: 0 auto;
}
/* line 210, ../sass/top.scss */
#bnrSlide .subSlider .slick-dots {
  bottom: -30px;
}
/* line 212, ../sass/top.scss */
#bnrSlide .subSlider .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: #767676;
  border-radius: 50%;
  margin: 0 10px;
}
/* line 218, ../sass/top.scss */
#bnrSlide .subSlider .slick-dots li.slick-active {
  background-color: #B84C34;
}
/* line 221, ../sass/top.scss */
#bnrSlide .subSlider .slick-dots li button {
  width: 10px;
  height: 10px;
}
/* line 225, ../sass/top.scss */
#bnrSlide .subSlider .slick-dots li button .slick-dot-icon::before {
  content: '';
  width: 10px;
  height: 10px;
}
/* line 234, ../sass/top.scss */
#bnrSlide .subSlider a[target$="_blank"]:after {
  display: none;
}
/* line 238, ../sass/top.scss */
#bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
  width: 28px;
  height: 28px;
  position: absolute;
  background-image: url(/img/icon/icon_pause.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 28px;
  text-indent: -9999px;
  bottom: -30px;
  right: 375px;
}
@media screen and (max-width: 1300px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 38%;
  }
}
@media screen and (max-width: 900px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 36%;
  }
}
@media screen and (max-width: 900px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 36%;
  }
}
@media screen and (max-width: 768px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 34%;
  }
}
@media screen and (max-width: 600px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 30%;
  }
}
@media screen and (max-width: 500px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 26%;
  }
}
@media screen and (max-width: 400px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 23%;
  }
}
@media screen and (max-width: 375px) {
  /* line 238, ../sass/top.scss */
  #bnrSlide #btnPausePc, #bnrSlide #btnPauseSp {
    right: 20%;
  }
}
/* line 273, ../sass/top.scss */
#bnrSlide #btnPausePc.paused, #bnrSlide #btnPauseSp.paused {
  background-image: url(/img/icon/icon_play.svg);
}

/* ¹Ì¶¨¤¹¤ë¥Ð¥Ê©` */
#bnrFix {
  max-width: 980px;
  margin: 0 auto 13%;
}
@media screen and (max-width: 768px) {
  #bnrFix {
    width: 100%;
    margin: 0 auto 80px;
  }
  #bnrFix .bnr {
    padding: 20px;
  }
}
/* ¹Ì¶¨¤¹¤ë¥Ð¥Ê©` */

/* line 280, ../sass/top.scss */
#topicsArea {
  width: 66.66667vw;
  margin: 0 auto 160px;
}
@media screen and (max-width: ) {
  /* line 280, ../sass/top.scss */
  #topicsArea {
    width: 90%;
    margin-bottom: 80px;
  }
}
/* line 287, ../sass/top.scss */
#topicsArea .lead {
  margin: 0 0 40px;
}
/* line 290, ../sass/top.scss */
#topicsArea .tabNav {
  display: flex;
  gap: 1.04167vw;
  margin: 0 0 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: ) {
  /* line 290, ../sass/top.scss */
  #topicsArea .tabNav {
    text-align: center;
    flex-wrap: wrap;
    gap: 20px;
  }
}
/* line 301, ../sass/top.scss */
#topicsArea .tabNav li button {
  font-size: clamp(12px, 0.72917vw, 14px);
  border-radius: 0px 20px;
  border: 1px solid #333;
  background: #fff;
  display: block;
  width: 9.375vw;
  padding: 10px;
  line-height: 1;
}
@media screen and (min-width: 1201px) {
  /* line 301, ../sass/top.scss */
  #topicsArea .tabNav li button {
    transition: 0.5s all;
  }
}
@media screen and (max-width: 1500px) {
  /* line 301, ../sass/top.scss */
  #topicsArea .tabNav li button {
    width: 142px;
  }
}
@media screen and (min-width: 1201px) {
  /* line 317, ../sass/top.scss */
  #topicsArea .tabNav li button:hover {
    background-color: #B84C34;
    border: 1px solid #B84C34;
    color: #fff;
    transition: 0.5s all;
  }
}
@media screen and (max-width: ) {
  /* line 301, ../sass/top.scss */
  #topicsArea .tabNav li button {
    width: auto;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  /* line 301, ../sass/top.scss */
  #topicsArea .tabNav li button {
    font-size: 14px;
  }
}
/* line 331, ../sass/top.scss */
#topicsArea .tabNav li button[aria-selected="true"] {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}
/* line 339, ../sass/top.scss */
#topicsArea .tabCont {
  margin: 0 0 40px;
}
/* line 341, ../sass/top.scss */
#topicsArea .tabCont .tabContChild {
  display: none;
}
/* line 343, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.08333vw;
}
@media screen and (max-width: 768px) {
  /* line 343, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul {
    gap: 20px 6%;
  }
}
/* line 350, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li {
  width: 20.83333vw;
}
@media screen and (max-width: 768px) {
  /* line 350, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul li {
    width: 47%;
  }
}
/* line 355, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li a {
  display: block;
}
@media screen and (min-width: 1201px) {
  /* line 360, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul li a:hover .thumb img {
    transform: scale(1.1, 1.1);
    transition: 1s all;
  }
}
/* line 367, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li a .date {
  margin: 0 0 10px;
}
@media screen and (min-width: 1201px) {
  /* line 367, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul li a .date {
    transition: none;
    color: #333;
  }
}
/* line 374, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li a .thumb {
  overflow: hidden;
  margin: 0 0 10px;
  border-radius: 0 20px;
}
/* line 378, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li a .thumb img {
  transition: 1s all;
}
/* line 382, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li a .cat {
  margin: 0 0 10px;
  color: #767676;
  font-weight: bold;
}
/* line 386, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li a .cat span {
  border-bottom: 1px solid #767676;
  padding: 0 8px 2px;
}
/* line 391, ../sass/top.scss */
#topicsArea .tabCont .tabContChild ul li a .tit {
  font-size: 18px;
  text-decoration-line: underline;
  text-decoration-thickness: 0;
}
@media screen and (max-width: 20px) {
  /* line 391, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul li a .tit {
    font-size: 90vw;
  }
}
@media screen and (min-width: 1201px) {
  /* line 398, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul li a:hover .cat {
    color: #B84C34;
  }
  /* line 400, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul li a:hover .cat span {
    border-color: #B84C34;
  }
  /* line 404, ../sass/top.scss */
  #topicsArea .tabCont .tabContChild ul li a:hover .tit {
    text-decoration: none;
  }
}
/* line 412, ../sass/top.scss */
#topicsArea .tabCont .tabContChild.active {
  display: block;
}

/* line 420, ../sass/top.scss */
#styleArea {
  background-image: url(/img/top/bg_style_pc.png);
  background-size: 78.125vw;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin: 0 0 160px;
  padding: 0 0 26%;
}
@media screen and (max-width: ) {
  /* line 420, ../sass/top.scss */
  #styleArea {
    margin: 0 auto 80px;
  }
}
@media screen and (max-width: 768px) {
  /* line 420, ../sass/top.scss */
  #styleArea {
    background-image: url(/img/top/bg_style_sp.png);
    background-size: 100%;
    padding-bottom: 56%;
  }
}
@media screen and (max-width: ) {
  /* line 435, ../sass/top.scss */
  #styleArea h2 {
    width: 90%;
    margin: 0 auto 40px;
  }
}
/* line 441, ../sass/top.scss */
#styleArea .lead {
  text-align: center;
  margin: 0 0 40px;
  line-height: 1.8;
}
@media screen and (min-width: 1201px) {
  /* line 441, ../sass/top.scss */
  #styleArea .lead {
    font-size: clamp(12px, 0.83333vw, 16px);
  }
}
@media screen and (max-width: ) {
  /* line 441, ../sass/top.scss */
  #styleArea .lead {
    width: 90%;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: ) {
  /* line 453, ../sass/top.scss */
  #styleArea .btnStyle {
    width: 90%;
    margin: 0 auto;
  }
}

/* line 463, ../sass/top.scss */
#learnArea,
#relationshipArea {
  margin: 0 0 80px;
}
@media screen and (max-width: ) {
  /* line 463, ../sass/top.scss */
  #learnArea,
  #relationshipArea {
    width: 90%;
    margin: 0 auto 80px;
  }
}
/* line 470, ../sass/top.scss */
#learnArea .lead,
#relationshipArea .lead {
  text-align: center;
  margin: 0 0 40px;
  line-height: 1.8;
}
/* line 475, ../sass/top.scss */
#learnArea ul,
#relationshipArea ul {
  display: flex;
  justify-content: center;
  gap: 2.08333vw;
}
@media screen and (max-width: ) {
  /* line 475, ../sass/top.scss */
  #learnArea ul,
  #relationshipArea ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
/* line 483, ../sass/top.scss */
#learnArea ul li,
#relationshipArea ul li {
  width: 20.83333vw;
}
@media screen and (max-width: ) {
  /* line 483, ../sass/top.scss */
  #learnArea ul li,
  #relationshipArea ul li {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  /* line 483, ../sass/top.scss */
  #learnArea ul li,
  #relationshipArea ul li {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  }
}
/* line 494, ../sass/top.scss */
#learnArea ul li:nth-child(2) h3,
#relationshipArea ul li:nth-child(2) h3 {
  letter-spacing: -2px;
}
/* line 498, ../sass/top.scss */
#learnArea ul li a,
#relationshipArea ul li a {
  display: block;
}
/* line 500, ../sass/top.scss */
#learnArea ul li a h3,
#relationshipArea ul li a h3 {
  font-size: clamp(20px, 1.66667vw, 32px);
  text-align: center;
  position: relative;
  margin: 0 0 40px;
  line-height: 1;
}
@media screen and (min-width: 1201px) {
  /* line 500, ../sass/top.scss */
  #learnArea ul li a h3,
  #relationshipArea ul li a h3 {
    color: #333;
    transition: none;
  }
}
@media screen and (max-width: 768px) {
  /* line 500, ../sass/top.scss */
  #learnArea ul li a h3,
  #relationshipArea ul li a h3 {
    font-size: 24px;
  }
}
/* line 513, ../sass/top.scss */
#learnArea ul li a h3::after,
#relationshipArea ul li a h3::after {
  content: '';
  width: 2.08333vw;
  height: 1px;
  background-color: #C8C8C8;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  /* line 513, ../sass/top.scss */
  #learnArea ul li a h3::after,
  #relationshipArea ul li a h3::after {
    width: 40px;
  }
}
/* line 527, ../sass/top.scss */
#learnArea ul li a .pic,
#relationshipArea ul li a .pic {
  overflow: hidden;
  border-radius: 0 20px;
  margin: 0 0 20px;
}
/* line 531, ../sass/top.scss */
#learnArea ul li a .pic img,
#relationshipArea ul li a .pic img {
  transition: 1s all;
}
/* line 535, ../sass/top.scss */
#learnArea ul li a .btnStyle,
#relationshipArea ul li a .btnStyle {
  width: 100%;
  display: inline-block;
  text-align: center;
}
/* line 539, ../sass/top.scss */
#learnArea ul li a .btnStyle span,
#relationshipArea ul li a .btnStyle span {
  text-align: left;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid #333;
  padding: 20px;
  line-height: 1.2;
  background-size: 16px;
  background-repeat: no-repeat;
  min-width: 290px;
  max-width: 580px;
}
@media screen and (min-width: 1201px) {
  /* line 539, ../sass/top.scss */
  #learnArea ul li a .btnStyle span,
  #relationshipArea ul li a .btnStyle span {
    transition: 0.5s all;
  }
}
@media screen and (max-width: 1500px) {
  /* line 539, ../sass/top.scss */
  #learnArea ul li a .btnStyle span,
  #relationshipArea ul li a .btnStyle span {
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }
}
/* line 560, ../sass/top.scss */
#learnArea ul li a .btnStyle.iconArwR span,
#relationshipArea ul li a .btnStyle.iconArwR span {
  padding-right: 45px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17"><path fill="%23333333" d="M11.7062 7.79376C12.0969 8.18438 12.0969 8.81876 11.7062 9.20938L6.70624 14.2094C6.31562 14.6 5.68124 14.6 5.29062 14.2094C4.89999 13.8188 4.89999 13.1844 5.29062 12.7938L9.58437 8.50001L5.29374 4.20626C4.90312 3.81563 4.90312 3.18126 5.29374 2.79063C5.68437 2.40001 6.31874 2.40001 6.70937 2.79063L11.7094 7.79063L11.7062 7.79376Z" /></svg>');
  background-color: #fff;
  background-position: center right 20px;
}
@media screen and (min-width: 1201px) {
  /* line 572, ../sass/top.scss */
  #learnArea ul li a:hover .btnStyle.iconArwR span,
  #relationshipArea ul li a:hover .btnStyle.iconArwR span {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17"><path fill="%23ffffff" d="M11.7062 7.79376C12.0969 8.18438 12.0969 8.81876 11.7062 9.20938L6.70624 14.2094C6.31562 14.6 5.68124 14.6 5.29062 14.2094C4.89999 13.8188 4.89999 13.1844 5.29062 12.7938L9.58437 8.50001L5.29374 4.20626C4.90312 3.81563 4.90312 3.18126 5.29374 2.79063C5.68437 2.40001 6.31874 2.40001 6.70937 2.79063L11.7094 7.79063L11.7062 7.79376Z" /></svg>');
    background-color: #B84C34;
    color: #fff;
    border: 1px solid #B84C34;
    transition: 0.5s all;
    background-position: center right 10px;
  }
  /* line 583, ../sass/top.scss */
  #learnArea ul li a:hover .pic img,
  #relationshipArea ul li a:hover .pic img {
    transform: scale(1.1, 1.1);
    transition: 1s all;
  }
}
/* line 591, ../sass/top.scss */
#learnArea ul li:last-child,
#relationshipArea ul li:last-child {
  margin-bottom: 0;
}

/* line 597, ../sass/top.scss */
#relationshipArea {
  position: relative;
  padding: 24px 0;
}
@media screen and (max-width: 768px) {
  /* line 597, ../sass/top.scss */
  #relationshipArea {
    padding-bottom: 40px;
  }
}
/* line 603, ../sass/top.scss */
#relationshipArea h2,
#relationshipArea .lead,
#relationshipArea ul {
  z-index: 1;
  position: relative;
}
/* line 609, ../sass/top.scss */
#relationshipArea::before {
  content: '';
  width: 43.75vw;
  height: 100%;
  background-color: #FCF6F5;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  /* line 609, ../sass/top.scss */
  #relationshipArea::before {
    width: 82.3%;
  }
}

/* line 625, ../sass/top.scss */
#departmentArea {
  margin: 0 0 80px;
}
/* line 627, ../sass/top.scss */
#departmentArea h3 {
  width: 66.66667vw;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  /* line 627, ../sass/top.scss */
  #departmentArea h3 {
    width: 90%;
  }
}
/* line 635, ../sass/top.scss */
#departmentArea ul li {
  overflow: hidden;
  position: relative;
}
/* line 638, ../sass/top.scss */
#departmentArea ul li a {
  display: block;
}
/* line 640, ../sass/top.scss */
#departmentArea ul li a img {
  transition: 1s all;
  max-width: auto;
  width: 100%;
}
@media screen and (min-width: 1201px) {
  /* line 646, ../sass/top.scss */
  #departmentArea ul li a:hover {
    color: #333;
  }
  /* line 648, ../sass/top.scss */
  #departmentArea ul li a:hover img {
    transform: scale(1.05, 1.05);
    transition: ¡¡0 0.5s all;
  }
}
/* line 655, ../sass/top.scss */
#departmentArea ul li .titWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 32.29167vw;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.562);
  backdrop-filter: blur(3px);
  font-size: clamp(26px, 1.66667vw, 32px);
}
@media screen and (max-width: 768px) {
  /* line 655, ../sass/top.scss */
  #departmentArea ul li .titWrap {
    width: 90%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 0;
  }
}
/* line 676, ../sass/top.scss */
#departmentArea ul li .titWrap .cat {
  border: 1px solid #333;
  font-size: clamp(16px, 0.9375vw, 18px);
  margin: 0 0 20px;
  padding: 5px 10px;
  display: inline-block;
}
/* line 683, ../sass/top.scss */
#departmentArea ul li .titWrap .subTit {
  font-size: clamp(16px, 0.9375vw, 18px);
  display: block;
  margin: 0 0 10px;
}

/* line 695, ../sass/top.scss */
#studiesArea,
#lifeArea {
  margin: 0 auto 80px;
  display: flex;
  justify-content: space-between;
  width: 66.66667vw;
}
@media screen and (max-width: ) {
  /* line 695, ../sass/top.scss */
  #studiesArea,
  #lifeArea {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  /* line 695, ../sass/top.scss */
  #studiesArea,
  #lifeArea {
    display: block;
  }
}
/* line 707, ../sass/top.scss */
#studiesArea .contL,
#lifeArea .contL {
  width: 32.29167vw;
}
@media screen and (min-width: 1201px) {
  /* line 707, ../sass/top.scss */
  #studiesArea .contL,
  #lifeArea .contL {
    order: 1;
  }
}
@media screen and (max-width: ) {
  /* line 707, ../sass/top.scss */
  #studiesArea .contL,
  #lifeArea .contL {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  /* line 707, ../sass/top.scss */
  #studiesArea .contL,
  #lifeArea .contL {
    width: 100%;
  }
}
/* line 718, ../sass/top.scss */
#studiesArea .contL .lead,
#lifeArea .contL .lead {
  margin: 0 0 40px;
  line-height: 1.8;
}
/* line 722, ../sass/top.scss */
#studiesArea .contL .btnStyle,
#lifeArea .contL .btnStyle {
  text-align: left;
}
/* line 726, ../sass/top.scss */
#studiesArea .contR,
#lifeArea .contR {
  width: 32.29167vw;
}
@media screen and (min-width: 1201px) {
  /* line 726, ../sass/top.scss */
  #studiesArea .contR,
  #lifeArea .contR {
    order: 2;
  }
}
@media screen and (max-width: ) {
  /* line 726, ../sass/top.scss */
  #studiesArea .contR,
  #lifeArea .contR {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  /* line 726, ../sass/top.scss */
  #studiesArea .contR,
  #lifeArea .contR {
    width: 100%;
    margin-bottom: 40px;
  }
}
/* line 738, ../sass/top.scss */
#studiesArea .contR img,
#lifeArea .contR img {
  border-radius: 0 20px;
}

/* line 746, ../sass/top.scss */
#relationshipArea .lead {
  text-align: center;
}

/* line 752, ../sass/top.scss */
#entranceArea {
  margin: 0 0 8%;
}
@media screen and (max-width: 768px) {
  /* line 752, ../sass/top.scss */
  #entranceArea {
    margin-bottom: 80px;
  }
}
/* line 757, ../sass/top.scss */
#entranceArea a {
  display: block;
  background-image: url(/img/top/bg_entrance.jpg);
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  color: #333;
}
@media screen and (max-width: 768px) {
  /* line 757, ../sass/top.scss */
  #entranceArea a {
    background-position: center;
  }
}
/* line 768, ../sass/top.scss */
#entranceArea a .inner {
  padding: 6.5% 0;
}
@media screen and (min-width: 1201px) {
  /* line 768, ../sass/top.scss */
  #entranceArea a .inner {
    transition: 0.5s all;
  }
}
@media screen and (max-width: 768px) {
  /* line 768, ../sass/top.scss */
  #entranceArea a .inner {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 25% 0;
  }
}
/* line 778, ../sass/top.scss */
#entranceArea a h3 {
  color: #fff;
  width: 66.66667vw;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  /* line 778, ../sass/top.scss */
  #entranceArea a h3 {
    width: 90%;
    margin-bottom: 40px;
  }
}
/* line 786, ../sass/top.scss */
#entranceArea a h3 div {
  color: #fff;
}
/* line 790, ../sass/top.scss */
#entranceArea a .btnStyle {
  text-align: left;
  width: 66.66667vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  /* line 790, ../sass/top.scss */
  #entranceArea a .btnStyle {
    width: 90%;
  }
}
/* line 797, ../sass/top.scss */
#entranceArea a .btnStyle span {
  display: inline-block;
  border-radius: 100px;
  border: 1px solid #333;
  padding: 20px;
  line-height: 1.2;
  background-size: 16px;
  background-repeat: no-repeat;
  min-width: 290px;
  max-width: 580px;
}
@media screen and (min-width: 1201px) {
  /* line 797, ../sass/top.scss */
  #entranceArea a .btnStyle span {
    transition: 0.5s all;
  }
}
@media screen and (max-width: 768px) {
  /* line 797, ../sass/top.scss */
  #entranceArea a .btnStyle span {
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }
}
/* line 817, ../sass/top.scss */
#entranceArea a .btnStyle.iconBlank span {
  text-align: left;
  padding-right: 45px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17"><path fill="%23333333" d="M10 0.5C9.44687 0.5 9 0.946875 9 1.5C9 2.05313 9.44687 2.5 10 2.5H12.5844L6.29375 8.79375C5.90312 9.18437 5.90312 9.81875 6.29375 10.2094C6.68437 10.6 7.31875 10.6 7.70937 10.2094L14 3.91563V6.5C14 7.05313 14.4469 7.5 15 7.5C15.5531 7.5 16 7.05313 16 6.5V1.5C16 0.946875 15.5531 0.5 15 0.5H10ZM2.5 1.5C1.11875 1.5 0 2.61875 0 4V14C0 15.3813 1.11875 16.5 2.5 16.5H12.5C13.8813 16.5 15 15.3813 15 14V10.5C15 9.94687 14.5531 9.5 14 9.5C13.4469 9.5 13 9.94687 13 10.5V14C13 14.275 12.775 14.5 12.5 14.5H2.5C2.225 14.5 2 14.275 2 14V4C2 3.725 2.225 3.5 2.5 3.5H6C6.55313 3.5 7 3.05313 7 2.5C7 1.94687 6.55313 1.5 6 1.5H2.5Z" /></svg>');
  background-color: #fff;
  background-position: center right 20px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1201px) {
  /* line 829, ../sass/top.scss */
  #entranceArea a:hover .inner {
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.5s all;
  }
  /* line 833, ../sass/top.scss */
  #entranceArea a:hover .inner .btnStyle span {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17"><path fill="%23ffffff" d="M10 0.5C9.44687 0.5 9 0.946875 9 1.5C9 2.05313 9.44687 2.5 10 2.5H12.5844L6.29375 8.79375C5.90312 9.18437 5.90312 9.81875 6.29375 10.2094C6.68437 10.6 7.31875 10.6 7.70937 10.2094L14 3.91563V6.5C14 7.05313 14.4469 7.5 15 7.5C15.5531 7.5 16 7.05313 16 6.5V1.5C16 0.946875 15.5531 0.5 15 0.5H10ZM2.5 1.5C1.11875 1.5 0 2.61875 0 4V14C0 15.3813 1.11875 16.5 2.5 16.5H12.5C13.8813 16.5 15 15.3813 15 14V10.5C15 9.94687 14.5531 9.5 14 9.5C13.4469 9.5 13 9.94687 13 10.5V14C13 14.275 12.775 14.5 12.5 14.5H2.5C2.225 14.5 2 14.275 2 14V4C2 3.725 2.225 3.5 2.5 3.5H6C6.55313 3.5 7 3.05313 7 2.5C7 1.94687 6.55313 1.5 6 1.5H2.5Z" /></svg>');
    background-color: #B84C34;
    color: #fff;
    border: 1px solid #B84C34;
    transition: 0.5s all;
  }
}

/* line 848, ../sass/top.scss */
#bnrArea {
  width: 66.66667vw;
  margin: 0 auto 8%;
}
@media screen and (max-width: 768px) {
  /* line 848, ../sass/top.scss */
  #bnrArea {
    width: 90%;
  }
}
/* line 854, ../sass/top.scss */
#bnrArea ul {
  display: flex;
  gap: 2.08333vw;
}
@media screen and (max-width: ) {
  /* line 854, ../sass/top.scss */
  #bnrArea ul {
    flex-wrap: wrap;
    gap: 20px 6%;
  }
}
/* line 861, ../sass/top.scss */
#bnrArea ul li {
  width: 15.10417vw;
}
@media screen and (max-width: ) {
  /* line 861, ../sass/top.scss */
  #bnrArea ul li {
    width: 47%;
  }
}
/* line 866, ../sass/top.scss */
#bnrArea ul li a {
  position: relative;
  display: block;
  overflow: hidden;
}
/* line 870, ../sass/top.scss */
#bnrArea ul li a span {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  width: 100%;
  text-align: center;
}
/* line 880, ../sass/top.scss */
#bnrArea ul li a img {
  transition: 1s all;
}
@media screen and (min-width: 1201px) {
  /* line 885, ../sass/top.scss */
  #bnrArea ul li a:hover img {
    transform: scale(1.1, 1.1);
    transition: 1s all;
  }
}

#toMMU {
  position: fixed;
  z-index: 1;
}
#toMMU a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #333;
  border: 1px solid #333;
  line-height: 1;
  margin-right: 0!important;
}
@media screen and (min-width: 1201px) {
  #toMMU {
    bottom: 100px;
    right: 20px;
  }
  #toMMU a {
    width: 64px;
    height: 64px;
    border-radius: 0 20px;
  }
  #toMMU a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: ) {
  #toMMU {
    bottom: 130px;
    right: 10px;
  }
  #toMMU a {
    width: 44px;
    height: 44px;
    border-radius: 0 20px;
    font-size: 12px;
  }
}