/* ======================

  success

====================== */
h1.h1ttl {
  display: none;
}
.pass_record {
  display: flex;
  justify-content: center;
  font-size: 1.1em;
  letter-spacing: .1em;
  font-weight: 900;
  margin: 2rem 0;
}
.pass_record::after, .pass_record::before {
  content: "▼";
  margin: 0 2rem;
}

section.pass_record_2 {
	letter-spacing: .05rem;
	line-height: 1.8rem;
}

section.pass_record_2 h3 {
	margin: 3rem 0 1rem 0;
    padding: .8rem 0 .3rem 1rem;
    border-left: solid .5rem var(--Dark_Sub_Color);
    font-size: 1.4rem;
    line-height: 2rem;
}

section.pass_record_2 .pr2_col1 {
	
}

section.pass_record_2 .pr2_col1 .pr1_col1_l {
	    width: 100%;
}

section.pass_record_2 .pr2_col2 {
	display: flex;
    align-items: center;
}

section.pass_record_2 .pr2_col2 .pr2_col2_l {
	    width: 60%;
}

section.pass_record_2 .pr2_col2 .pr2_col2_l p {
	text-align: justify;
}

section.pass_record_2 .pr2_col1 .pr2_col1_l p span.marker {
    background-image: linear-gradient(transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: .2em .5em;
    font-weight: bold;
}

section.pass_record_2 .pr2_col2 .pr2_col2_l p span.marker {
    background-image: linear-gradient(transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: .2em .5em;
    font-weight: bold;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r {
	width: 40%;
    margin-left: 3rem;
}

section.pass_record_2 .pr2_col2 .bg_gray {
    background-color: #efefef;
	padding: 1.5rem;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r h5 {
	font-size: 1.2rem;
    text-align: center;
	padding-bottom: 1.5rem;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r table {
	width: 100%;
    border-collapse: collapse;
    text-align: center;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r table thead {
	background-color: var(--Dark_Sub_Color);
    color: #fff;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r table th,
section.pass_record_2 .pr2_col2 .pr2_col2_r table td {
	border: solid .05rem var(--Dark_Sub_Color);
}

section.pass_record_2 .pr2_col2 .pr2_col2_r table td:nth-of-type(1) {
	background-color: #edf0f9;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r ul li {
	padding-left: .8rem;
    text-indent: -.8rem;
    font-size: .8rem;
	line-height: 1.2rem;
	margin: .5rem 0;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r ul li::before {
	content: "※";
}

section.pass_record_2 .pr2_col2 .pr2_col2_r dt {
	text-align: center;
	letter-spacing: .2rem;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r dt span {
	font-size: 1.4rem;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r dd {
	font-size: 2rem;
    color: var(--Dark_Sub_Color);
    text-align: center;
	margin: 1rem;
}

section.pass_record_2 .pr2_col2 .pr2_col2_r dd span {
	font-size: 3rem;
	padding-left: 1rem;
}


@media screen and (orientation: portrait) and (max-width: 767px) {
	
	section.pass_record_2 {
	line-height: 1.6rem;
		margin: 0 1rem;
}
	
	section.pass_record_2 .pr2_col2 {
	display: block;
}
	
	section.pass_record_2 .pr2_col2 .pr2_col2_l {
	    width: 100%;
}
	
	section.pass_record_2 .pr2_col2 .pr2_col2_r {
	width: 100%;
	margin-left: 0rem;
	margin-top: 2rem;
}
	
}

/* nav_anchor_wrap

============================ */
.nav_anchor_wrap {
  width: 80%;
  margin: 0 auto;
}
.nav_anchor_wrap ul li {
  margin: .5rem 0;
  background: var(--Main_Color);
  text-align: center;
}
.nav_anchor_wrap ul li a {
  border: none;
  color: #fff;
}
.pagelink_list {
  margin: 0 auto;
}
.pagelink_list li a {
  padding: 1rem;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  .nav_anchor_wrap {
    width: 96%;
  }
  .pagelink_list li {
    width: 48%;
  }
  .pagelink_list li a {
    padding: .5rem;
  }
}
/* news_area

============================ */
.news_area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 2rem;
  border: 1px solid #f8a4ab;
}
.news_area dt {
  width: 20%;
  padding: 1rem;
  background-color: #f8a4ab;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.2;
}
.news_area div {
  flex: 1;
  box-sizing: border-box;
  padding: 1rem;
}
.news_area div dd:not(:last-child) {
  margin-bottom: .5rem;
}
.news_area div dd::before {
  color: #f8a4ab;
  content: "▶";
}
.news_area div dd a {
  padding-left: 1rem;
  text-decoration: underline;
}
.news_area div dd span {
  padding-left: 1rem;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  .news_area {
    display: block;
    width: 96%;
  }
  .news_area dt {
    width: 100%;
    height: auto;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #f8a4ab;
    text-align: center;
  }
  .news_area div dd {
    padding-left: 2rem;
    text-indent: -2rem;
  }
}
/* ======================

  anchor content

====================== */
/* domestic_wrap

============================ */
#domestic_wrap {
  box-sizing: border-box;
  margin-top: 3rem;
  padding: 1.5rem 1.2rem;
  background-color: #fff0f5;
  background-image: url("/success/common/img/domestic_bg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  color: #666;
}
#domestic_wrap h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
#domestic_wrap .achievement {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}
#domestic_wrap .achievement > div {
  padding: 2rem 0;
  border-bottom: 1px solid #fff;
}
#domestic_wrap .achievement dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 45%;
  padding: 0;
  font-weight: bold;
  font-family: var(--Font_Weight_Bold);
}
#domestic_wrap .achievement dt {
  width: 12rem;
  font-size: 2rem;
}
#domestic_wrap .achievement dd {
  font-size: 2rem;
}
#domestic_wrap .achievement dd span {
  display: inline-block;
  padding-right: .5rem;
  color: #f00;
  font-size: 4.8rem;
  font-family: 'Arimo', sans-serif;
  text-shadow: 3px 4px 3px #f8a4ab;
}
#domestic_wrap ul {
  width: 90%;
  margin: 1rem auto 0;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  #domestic_wrap {
    width: 96%;
    margin: 2rem auto;
    padding: 1rem .5rem;
    background-position: center center;
    background-size: contain;
  }
  #domestic_wrap h2 {
    font-size: 1.4rem;
  }
  #domestic_wrap .achievement {
    width: 100%;
    margin: 0 auto;
  }
  #domestic_wrap .achievement > div {
    padding: 2rem 0;
    border-bottom: 1px solid #fff;
  }
  #domestic_wrap .achievement dl {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  #domestic_wrap .achievement dt {
    width: 60%;
    font-size: 1.6rem;
  }
  #domestic_wrap .achievement dd {
    width: 40%;
    font-size: 1.6rem;
    text-align: right;
  }
  #domestic_wrap .achievement dd span {
    font-size: 3.6rem;
  }
  #domestic_wrap .note {
    width: 96%;
    margin: 1rem auto 0;
  }
}
/* overseas_wrap

============================ */
#overseas_wrap {
  box-sizing: border-box;
  margin-top: 3rem;
  padding: 1.5rem 1.2rem;
  background-color: #0a557e;
  background-image: url("/success/common/img/overseas_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
}
#overseas_wrap h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
#overseas_wrap h2 span {
  display: block;
  color: #f5ff00;
}
#overseas_wrap .list_box {
  display: flex;
  justify-content: space-between;
}
#overseas_wrap .list_box > div {
  width: 49%;
  margin: 0 auto;
}
#overseas_wrap .list_box p {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 13px;
  background: #2394D1;
  font-size: 18px;
}
#overseas_wrap .list_box ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  line-height: 1.5;
  padding: 8px 5px 0 2px;
}
#overseas_wrap .list_margin_top {
  margin-top: 30px;
}
#overseas_wrap .list_flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  #overseas_wrap {
    width: 96%;
    margin: 2rem auto;
    padding: 1rem .5rem;
    background-position: center center;
    background-size: contain;
  }
  #overseas_wrap h2 {
    font-size: 1.4rem;
  }
  #overseas_wrap .list_box {
    display: block;
  }
  #overseas_wrap .list_box > div {
    width: 96%;
    margin: 0 auto;
  }
  #overseas_wrap .list_box ul li {
    font-size: 4.2667vw;
    padding: 2.6667vw 2.4vw 0 0;
    margin: 0 1.2vw 0 1.6vw;
  }
  #overseas_wrap .list_margin_top {
    margin-top: 9.3334vw;
  }
  #overseas_wrap .list_flex {
    display: block;
  }
  #overseas_wrap .note {
    margin: 2rem auto 0;
  }
}
/* enrolled

============================ */
#enrolled_wrap {
  margin-top: 4rem;
  color: #353535;
}
#enrolled_wrap h2 {
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid var(--Dark_Sub_Color);
  color: var(--Dark_Sub_Color);
  font-weight: bold;
  font-size: 1.6rem;
  font-family: var(--Font_Weight_Bold);
}
#enrolled_wrap .list_box {
  display: flex;
  justify-content: space-between;
}
#enrolled_wrap .list_box > div {
  width: 49%;
  margin: 0 auto;
}
#enrolled_wrap .list_box p.list_name {
  box-sizing: border-box;
  width: 100%;
  margin: .6rem 0;
  padding: .5rem 1rem;
  background: var(--Dark_Sub_Color);
  color: #fff;
  font-size: 1.2rem;
}
#enrolled_wrap .list_box .prefectural_school {
  margin-top: 2.7rem;
}
#enrolled_wrap .list_box ul li {
  padding: .5rem 0 0 .5rem;
  border-bottom: 1px solid #ccc;
  font-size: 1rem;
  line-height: 1.5;
}
#enrolled_wrap .list_box .private_school ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#enrolled_wrap .list_box .private_school li {
  width: 49%;
}
#enrolled_wrap .list_flex {
  display: flex;
  justify-content: space-between;
}
#enrolled_wrap .list_flex > div {
  width: 48%;
  margin: 0 auto;
}
#enrolled_wrap .list_box .others {
  display: flex;
  justify-content: flex-end;
}
#enrolled_wrap .list_box .others p {
  margin-top: 4rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  #enrolled_wrap {
    width: 96%;
    margin: 2rem auto;
    padding: 1rem 0;
  }
  #enrolled_wrap h2 {
    margin-bottom: 0;
    padding: .5rem;
    font-size: 1.4rem;
  }
  #enrolled_wrap .list_box {
    display: block;
  }
  #enrolled_wrap .list_box > div {
    width: 100%;
    margin-top: 8vw;
  }
  #enrolled_wrap .list_box p {
    padding: 1.8667vw 3.2vw;
    font-size: 4.8vw;
  }
  #enrolled_wrap .list_box ul {
    width: 100%;
  }
  #enrolled_wrap .list_box ul li {
    margin: 10px 0 0 0;
    font-size: .9rem;
  }
  #enrolled_wrap .list_flex {
    display: block;
  }
  #enrolled_wrap .list_flex > div {
    width: 100%;
  }
  #enrolled_wrap .list_flex > div:first-of-type {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  #enrolled_wrap .list_box .prefectural_school {
    margin-top: 0;
  }
  /*#enrolled_wrap .list_flex > div:first-of-type div {
    width: 49%;
  }*/
    
  #enrolled_wrap .list_flex > div.national_school {
    margin-top: 2.7rem;
  }
  #enrolled_wrap .national_school ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
    #enrolled_wrap .national_school li {
    width: 49%;
  }
    
  #enrolled_wrap .list_flex > div.metropolitan_school {
    margin-top: 2.7rem;
  }
  #enrolled_wrap .metropolitan_school ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #enrolled_wrap .metropolitan_school li {
    width: 49%;
  }
  #enrolled_wrap .list_box .others p {
    margin-top: 1rem;
    font-size: 1rem;
  }
}
/* voice 

============================ */
#voice_wrap {
  margin-top: 4rem;
}
#voice_wrap p {
  margin: 2rem auto;
}
#voice_wrap p a {
  display: block;
  position: relative;
  width: 60%;
  margin: auto;
  padding: 1rem;
  background: var(--Main_Color);
  border-radius: .5rem;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}
#voice_wrap p a:hover {
  opacity: .7;
  transition: .3s all ease-in;
}
#voice_wrap p a::after {
  position: absolute;
  top: calc(50% - .6rem);
  right: 1rem;
  width: auto;
  height: auto;
  border: none;
  line-height: 1;
  font-weight: 900;
  font-family: var(--Font_Awesome);
  content: var(--Arrow_Right);
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  #voice_wrap {
    margin-top: 2rem;
  }
  #voice_wrap p a {
    width: 80%;
  }
}
/* trial

============================ */
#trial_wrap {
  margin-top: 4rem;
}