/*
=============================
TOP PAGE STYLE
=============================
*/
/*
=====================
IMPORT
=====================
*/
/*
=================================================
VARIABLE
=================================================
*/
/*
=============================
COLOR
=============================
*/
.color-white {
  color: #ffffff;
}

.blue,
.color-blue {
  color: #005ed2;
}

.color-darkblue {
  color: #162a59;
}

.color-aqua {
  color: #13a9e7;
}

.color-red {
  color: #f22235;
}

.color-font-basic {
  color: #333333;
}

.color-gray {
  color: #6e6e6e;
}

.color-pale-pink {
  color: #fee9e5;
}

.color-pale-orange {
  color: #fdf3d2;
}

.color-pale-green {
  color: #e6f6de;
}

.color-pale-aqua {
  color: #e5f5f3;
}

.color-pale-blue {
  color: #e6edf9;
}

.color-pale-perple {
  color: #f2e6f6;
}

.color-pale-gray {
  color: #e6e8ed;
}

.top-page.main-container {
  max-width: 70.625rem;
}
.top-page h2.contents-title {
  text-align: center;
  font-weight: 300;
}
.top-page h2.contents-title.big {
  font-size: 34px;
}
.top-page h2.contents-title small {
  display: inline-block;
  height: 16px;
  color: #13a9e7;
  border-bottom: 1px solid #13a9e7;
  font-size: 16px;
  margin-bottom: 1rem;
  letter-spacing: 0.25rem;
}

/*
=====================
IMPORTANT NOTICES
=====================
*/
.mainvisual-area.has-importantNotices {
  margin-bottom: 0;
}
.mainvisual-area.has-importantNotices .mainvisual {
  min-height: 640px !important;
}
.mainvisual-area.has-importantNotices .mainvisual img {
  min-width: 1535px;
}

.importantNotices-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  top: -70px;
}
.importantNotices-wrapper .importantNotices-header label.important {
  position: relative;
  background-color: #ff4040;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  padding: 0.2rem 1.7775rem 0.2rem 3.7775rem;
}
.importantNotices-wrapper .importantNotices-header label.important span.icon {
  position: absolute;
  font-size: 24px;
  left: 2rem;
}
.importantNotices-wrapper .importantNotices-contents {
  background-color: #162a59;
  display: inline-block;
  width: 100%;
}
.importantNotices-wrapper .importantNotices-contents ul.important-list-wrapper {
  list-style-type: none;
  margin-left: 0;
  margin-top: 0.75em;
}
.importantNotices-wrapper .importantNotices-contents ul.important-list-wrapper li.important-list a {
  display: inline-block;
  position: relative;
  font-size: 13px;
  color: #ffffff;
  height: 23px;
  padding-left: 1.5em;
}
.importantNotices-wrapper .importantNotices-contents ul.important-list-wrapper li.important-list a .icon {
  position: absolute;
  top: 3px;
  left: 0;
}