@charset "UTF-8";
/* ----------------------------------------------------
	sassを使用しています。css編集の際はご注意ください。
	compass/scss
---------------------------------------------------- */
/* ----------------------------------------------------
selection
---------------------------------------------------- */
::selection {
  background: #f8deed;
  color: #fff;
}

::-moz-selection {
  background: #f8deed;
  color: #fff;
}

/* ----------------------------------------------------
link
---------------------------------------------------- */
a {
  color: #666;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
a:visited {
  text-decoration: none;
  color: #666;
}
a:hover {
  color: #de2c91;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: none !important;
  transition: 0.2s;
}
a:active {
  color: #666;
}

/* ----------------------------------------------------
title
---------------------------------------------------- */
h2.contTitle {
  color: #de2c91;
}

/* ----------------------------------------------------
header
---------------------------------------------------- */
header h1 {
  color: #de2c91;
}
header h1 a {
  color: #de2c91;
}
header h1 a:hover {
  opacity: 0.6;
}
header h1 a:visited {
  color: #de2c91;
}
header .rightbox .textsize .middle {
  color: #fff;
  background: #de2c91;
  border: 1px solid #de2c91;
  border-right: 0;
}
header .rightbox .textsize .middle.on {
  color: #de2c91;
  background: #fff;
}
header .rightbox .textsize .large {
  color: #fff;
  background: #de2c91;
  border: 1px solid #de2c91;
  border-left: 0;
}
header .rightbox .textsize .large.on {
  color: #de2c91;
  background: #fff;
}
header .rightbox .search input[type="text"] {
  border: 1px solid #de2c91;
}
header .rightbox .search input[type="submit"] {
  background: #de2c91;
}
header #spNavibtn {
  background: #de2c91;
}

/* ----------------------------------------------------
#mainvisual
---------------------------------------------------- */
#mainvisual {
  width: 100%;
  line-height: 0;
  text-align: center;
}
#mainvisual .pcver {
  position: relative;
  z-index: 0;
}
@media (max-width: 736px) {
  #mainvisual .pcver {
    display: none;
  }
}
#mainvisual .textImg {
  line-height: 0;
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
  z-index: 1;
}
#mainvisual .spver {
  display: none;
}
@media (max-width: 736px) {
  #mainvisual .spver {
    display: block;
    line-height: 0;
  }
}

/* ----------------------------------------------------
nav
---------------------------------------------------- */
nav.gnav {
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 736px) {
  nav.gnav {
    position: static;
  }
  nav.gnav.openbase {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
  }
}
nav.gnav .nav-inr {
  margin: 0 auto;
  width: 1020px;
  height: 60px;
  align-items: center;
}
@media (max-width: 736px) {
  nav.gnav .nav-inr {
    padding: 60px 20px 30px 20px;
    position: absolute;
    top: 0;
    right: -400px;
    width: 300px;
    height: 100%;
    background: #fff;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    transition: right 0.2s;
  }
  nav.gnav .nav-inr.openmenu {
    right: 0;
  }
}
nav.gnav .menu {
  display: flex;
  height: 100%;
  font-weight: 500;
}
@media (max-width: 736px) {
  nav.gnav .menu {
    height: auto;
  }
}
nav.gnav .menu:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #ddd;
  position: relative;
  top: 21px;
}
@media (max-width: 736px) {
  nav.gnav .menu:before {
    content: none;
  }
}
nav.gnav .menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
}
nav.gnav .menu a:hover {
  color: #de2c91;
}
@media (max-width: 736px) {
  nav.gnav .menu a {
    display: block;
    text-align: left;
    border-bottom: 1px solid #666;
  }
}
@media (max-width: 736px) {
  nav.gnav .menu:first-child {
    width: 100%;
  }
}
nav.gnav .menu:first-child a {
  padding: 0 21px;
}
@media (max-width: 736px) {
  nav.gnav .menu:first-child a {
    padding: 10px 0;
    width: 100%;
    text-align: left;
  }
}
nav.gnav .menu:not(:first-child) {
  width: 189px;
}
@media (max-width: 736px) {
  nav.gnav .menu:not(:first-child) {
    width: 100%;
  }
}
nav.gnav .menu:not(:first-child) a {
  width: 100%;
}
@media (max-width: 736px) {
  nav.gnav .menu:not(:first-child) a {
    padding: 10px 0;
  }
}
nav.gnav .appbtn {
  line-height: 0;
}
@media (max-width: 736px) {
  nav.gnav .appbtn {
    display: none;
  }
}

.sp_contactBtn {
  display: none;
}
@media (max-width: 736px) {
  .sp_contactBtn {
    display: block;
    position: fixed;
    top: 0;
    right: 60px;
    z-index: 201;
  }
  .sp_contactBtn a {
    line-height: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #de2c91;
  }
  .sp_contactBtn a img {
    width: 30px;
    height: auto;
  }
}

/* ----------------------------------------------------
.title-inr
---------------------------------------------------- */
.title-inr {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-weight: 900;
  color: #de2c91;
  text-align: center;
  border-bottom: 1px solid #de2c91;
}
@media (max-width: 736px) {
  .title-inr {
    margin-bottom: 6px;
  }
}
.title-inr.fs28 {
  padding-bottom: 0;
}

/* ----------------------------------------------------
#cont01
---------------------------------------------------- */
#cont01 h2.contTitle {
  padding-top: 78px;
  margin-top: -78px;
}
#cont01 .title_circle {
  margin: 54px auto 20px auto;
  width: 250px;
  height: 58px;
  font-size: 112.5%;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #de2c91;
  border-radius: 50%;
}
#cont01 .flex-btw.box_4column {
  padding-bottom: 50px;
  background: url(../img/nursing_student/bg_photo.jpg) bottom right no-repeat;
  background-size: calc(244px / 2);
}
@media (max-width: 736px) {
  #cont01 .flex-btw.box_4column {
    padding-bottom: 150px;
  }
}
@media (max-width: 736px) {
  #cont01 .flex-btw div {
    margin-bottom: 20px;
  }
}

/* ----------------------------------------------------
#cont02
---------------------------------------------------- */
#cont02 h2.contTitle {
  padding-top: 78px;
  margin-top: -78px;
}
@media (max-width: 736px) {
  #cont02 .box_4column .title-inr {
    margin-bottom: 6px;
  }
  #cont02 .box_4column div {
    margin-bottom: 20px;
  }
}

/* ----------------------------------------------------
#cont03
---------------------------------------------------- */
#cont03 h2.contTitle {
  padding-top: 78px;
  margin-top: -78px;
}
#cont03 .box_2column div p + p {
  margin-top: 10px;
}

/* ----------------------------------------------------
footer
---------------------------------------------------- */
footer .footer-inr-top {
  background: #f5bfde;
}
footer .footer-inr-btm p.site-name {
  color: #de2c91;
}