@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@600&display=swap');

.plan__all__wrap {
  padding: 50px 0;
}

/* タイトル str */
.main__visual {
  position: relative;
  background-image: url("/attending/gakusei/images/main__visual--memory.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	max-width: 1950px;
	width: 100%;
	height: 440px;
  margin: 0 auto;
}

.main__visual h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main__visual .label__naigai--dept {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: inline-block;
  background-color: #032181;
  border-radius: 5px;
  font-size: 3.2rem;
  line-height: 1;
  color: #fff;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding: 5px 10px;
}
/* タイトル end */

/* コンテンツ str */
.memory__sbttl {
  font-size: 2.2rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  margin-bottom: 0.5rem;
  text-align: center;
}

.memory__caption {
  text-align: center;
}

.memory__caption span {
  display: inline-block;
  background-color: #84cea4;
  border-radius: 100px;
  font-size: 2.2rem;
  line-height: 1;
  color: #fff;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding: 0.5rem 2rem;
}

.memory__caption span img {
  width: auto;
  vertical-align: middle;
  margin: 0 2px;
}

.experience--gakusei__wrapper {
  display: inherit;
}

.dispNone {
  display: none
}

.exBoxWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.exBox,
.modalBox {
  background-color: #fff;
  -moz-box-shadow: 0px 2px 5px 0px #777777;
  -webkit-box-shadow: 0px 2px 5px 0px #777777;
  -ms-box-shadow: 0px 2px 5px 0px #777777;
  box-shadow: 0px 2px 5px 0px rgba(51, 51, 51, 0.2);
  height: 100%;
  margin: 3rem 0;
  padding: 3rem;
}

.modalBox {
  visibility: hidden;
  height: 0;
  position: absolute;
}

.exBox__inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.exPlace {
  width: 40%;
}

.exDetails {
  width: calc(100% - 40% - 2rem);
}

.icn__qs {
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  border-bottom: solid 2px #DAF0E3;
  font-size: 2rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 500;
  margin-bottom: 1rem;
}

.icn__qs::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 3rem;
}

.qs__no01 {
  background-image: url(/attending/gakusei/images/icn__memory--01.png);
}

.qs__no02 {
  background-image: url(/attending/gakusei/images/icn__memory--02.png);
}

.qs__no03 {
  background-image: url(/attending/gakusei/images/icn__memory--03.png);
}

.exLabel {
  display: inline-block;
  background-color: #84cea4;
  border-radius: 100px;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 0.5rem 2rem;
}

.newIcn {
  display: inline-block;
}

.newIcn img {
  width: auto;
  vertical-align: baseline;
}

.reTime {
  text-align: right;
  margin-top: 5px;
}

.exPrf dt {
  font-weight: normal;
}

.exBudget span {
  color: #ff2800;
}

.exQuestion dl {
  margin-bottom: 2rem;
}

.exQuestion dl:last-of-type {
  margin-bottom: 0;
}

.exQuestion dl dd {
  font-size: 1.4rem;
}

.toggle,
.toggleClose {
  position: relative;
  border:solid 2px var(--other-color);
  background-color: #fff;
  border-radius: 10px;
  font-size: 1.6rem;
  text-align: center;
  color: var(--other-color);
  padding: 1.5rem 0;
  cursor: pointer;
  transition: all 0.5s;
}

.toggle:hover,
.toggleClose:hover {
  background-color: var(--other-color);
  color: #fff;
}

.toggle::after,
.toggleClose::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--other-color);
  transform: translateY(-50%);
  transition: all 0.5s;
}

.toggle:hover::after,
.toggleClose:hover::after {
  background-color: #fff;
}

.toggle span::before,
.toggleClose span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  background-color: #fff;
  width: 10px;
  height: 2px;
  transform: translateY(-50%);
  z-index: 10;
  transition: all 0.5s;
}

.toggle:hover span::before,
.toggleClose:hover span::before {
  background-color: var(--other-color);
}

.toggle span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  background-color: #fff;
  width: 10px;
  height: 2px;
  transform: translateY(-50%) rotate(90deg);
  z-index: 11;
  transition: all 0.5s;
}

.toggle:hover span::after {
  background-color: var(--other-color);
}
/* コンテンツ end */

/* ボタン幅 str */
.Common21__fill-btn {
  padding: 18px 60px 18px 50px;
}
/* ボタン幅 end */