.mvWrap {
 padding-bottom: 0
}
.mvWrap .mvBox {
 align-items: flex-end
}
.mvWrap .mvBox .mvCopy {
 flex-basis: calc(30% - 40px);
 text-align: right
}
.mvWrap .mvBox .imgCol {
 flex-basis: 70%
}
@media only screen and (max-width: 767px) {
 .mvWrap {
  padding: 25px 0 0 25px
 }
 .mvWrap .scrollDownWrap {
  display: none
 }
 .mvWrap .mvBox {
  position: relative
 }
 .mvWrap .mvBox .mvCopy {
  position: absolute;
  bottom: 20%;
  left: -10px;
  width: 30%
 }
}
.main .contTit {
 text-align: center;
 margin: 60px 0 110px
}
.main .titReason {
 text-align: center
}
.main .titReason p {
 display: inline-block
}
.main .titReason p span {
 margin-top: 5px;
 display: block;
 text-align: right;
 font-size: 10px
}
.main .titBox {
 text-align: center
}
.main u {
 text-decoration: underline dashed #d71e79;
 text-underline-offset: .4em;
 text-decoration-thickness: 1px;
 -webkit-text-decoration: underline dashed #d71e79;
 -webkit-text-underline-offset: .4em;
 -webkit-text-decoration-thickness: 1px;
 font-weight: inherit !important
}
.main .plusBox {
 margin-top: 30px;
 border-top: 1px dashed #d71e79;
 border-bottom: 1px dashed #d71e79;
 padding: 15px 0;
 text-align: center;
 position: relative
}
.main .plusBox::before {
 position: absolute;
 top: -20px;
 left: 0;
 content: "";
 width: 49px;
 height: 49px;
 background: url(../img/seicho/icon_plus.svg) no-repeat 0 0/contain
}
.main .plusBox.wh {
 border-top: 1px dashed #fff;
 border-bottom: 1px dashed #fff
}
.main .plusBox.wh::before {
 background: url(../img/seicho/icon_plus_wh.svg) no-repeat 0 0/contain
}
@media only screen and (max-width: 767px) {
 .main .plusBox p {
  font-size: 13px !important
 }
 .main .plusBox p b {
  font-size: inherit
 }
}
.main .titLine {
 padding-top: 20px;
 text-align: center;
 margin-bottom: 40px
}
.main .titLine::before {
 content: "";
 display: block;
 border-bottom: 2px solid #d71e79
}
.main .titLine p {
 transform: translateY(-22px);
 display: inline-block;
 font-size: 28px;
 color: #d71e79;
 border: 2px solid #d71e79;
 background: #fff;
 line-height: 1em;
 padding: 5px 10px
}
.main .core {
 max-width: 900px
}
.main .spLabel {
 background: #000;
 background-color: #f5f5f5;
 padding-top: 60px
}
@media only screen and (max-width: 767px) {
 .main .core {
  max-width: 540px
 }
 .main .contTit {
  padding: 0 60px
 }
 .main .gradeLabel {
  text-align: center !important
 }
}
.main .row-2 .inner, .main .row-3 .inner, .main .row-4 .inner, .main .row-5 .inner {
 flex-wrap: wrap
}
.main .row-2 .inner .imgWrap, .main .row-3 .inner .imgWrap, .main .row-4 .inner .imgWrap, .main .row-5 .inner .imgWrap {
 flex-basis: 100%;
 order: 1;
 text-align: center;
 max-width: 725px;
 margin-left: auto;
 margin-right: auto
}
.main .row-2 .inner .box, .main .row-3 .inner .box, .main .row-4 .inner .box, .main .row-5 .inner .box {
 flex-basis: calc((100% - 80px)/2)
}
.main .row-2 .inner .box:first-of-type, .main .row-3 .inner .box:first-of-type, .main .row-4 .inner .box:first-of-type, .main .row-5 .inner .box:first-of-type {
 order: 2
}
.main .row-2 .inner .box:first-of-type p, .main .row-3 .inner .box:first-of-type p, .main .row-4 .inner .box:first-of-type p, .main .row-5 .inner .box:first-of-type p {
 font-size: 17px;
 line-height: 2em
}
.main .row-2 .inner .box:nth-of-type(3), .main .row-3 .inner .box:nth-of-type(3), .main .row-4 .inner .box:nth-of-type(3), .main .row-5 .inner .box:nth-of-type(3) {
 order: 3
}
.main .row-2 .inner .box p b, .main .row-3 .inner .box p b, .main .row-4 .inner .box p b, .main .row-5 .inner .box p b {
 font-size: inherit
}
@media only screen and (min-width: 768px) {
 .main .row-2 .inner .box, .main .row-3 .inner .box, .main .row-4 .inner .box, .main .row-5 .inner .box {
  max-width: 400px
 }
 .main .row-2 .inner .box p, .main .row-3 .inner .box p, .main .row-4 .inner .box p, .main .row-5 .inner .box p {
  font-size: 16px;
  line-height: 1.8em
 }
 .main .row-2 .inner .imgWrap, .main .row-3 .inner .imgWrap, .main .row-4 .inner .imgWrap, .main .row-5 .inner .imgWrap {
  margin-bottom: 60px
 }
}
@media only screen and (max-width: 767px) {
 .main .row-2 .inner .box:nth-of-type(3) p, .main .row-3 .inner .box:nth-of-type(3) p, .main .row-4 .inner .box:nth-of-type(3) p, .main .row-5 .inner .box:nth-of-type(3) p {
  font-size: 14px;
  line-height: 2em
 }
 .main .row-2 .inner .box:nth-of-type(3) p u, .main .row-3 .inner .box:nth-of-type(3) p u, .main .row-4 .inner .box:nth-of-type(3) p u, .main .row-5 .inner .box:nth-of-type(3) p u {
  font-size: inherit
 }
}
.main .row-1 {
 background-color: #f5f5f5
}
.main .row-1 .gradeLabel {
 transform: translateY(-50%)
}
.main .row-1 .box {
 align-items: center
}
.main .row-1 .box.mid {
 max-width: 780px;
 margin-left: auto;
 margin-right: auto
}
.main .row-1 .box .txtCol p {
 margin: 10px 0 0 10px
}
@media only screen and (max-width: 767px) {
 .main .row-1 .box .graphCol {
  margin-top: 30px
 }
 .main .row-1 .box:nth-of-type(3) .graphCol {
  margin: -40px 0 0;
  padding-left: 30px;
  transform: translateX(20px)
 }
 .main .row-1 .box .txtCol p {
  font-size: 12px
 }
}
@media only screen and (min-width: 768px) {
 .main .row-2 {
  padding-top: 12%;
  margin-top: -12%
 }
}
@media only screen and (max-width: 767px) {
 .main .row-2 {
  background-image: url(../img/seicho/line_gr_sp.png);
  margin-top: 12%
 }
 .main .row-2 .box {
  margin-top: 40px
 }
 .main .row-2 .box .imgWrap {
  margin-top: 20px
 }
}
.main .row-3 {
 margin-top: 12%
}
.main .row-3 .gradeLabel {
 transform: translateY(-50%)
}
@media only screen and (max-width: 767px) {
 .main .row-3 {
  background-image: url(../img/seicho/bg_rg_02_01_sp.png);
  padding-bottom: 12%
 }
 .main .row-3 .gradeLabel {
  overflow: visible;
  height: 140px
 }
 .main .row-3 .box {
  margin-top: 40px
 }
 .main .row-3 .box .imgWrap {
  margin-top: 20px
 }
}
@media only screen and (min-width: 768px) {
 .main .row-4 {
  padding-top: 12%;
  margin-top: -12%
 }
}
@media only screen and (max-width: 767px) {
 .main .row-4 .box {
  margin-top: 40px
 }
 .main .row-4 .box .imgWrap {
  margin-top: 20px
 }
}
.main .row-5 {
 margin-top: 12%
}
.main .row-5 .gradeLabel {
 transform: translateY(-50%)
}
.main .row-5 .imgWrap {
 text-align: center
}
.main .row-5 .imgWrap img {
 max-width: 570px;
 width: 100%
}
@media only screen and (max-width: 767px) {
 .main .row-5 .gradeLabel {
  overflow: visible;
  height: 140px
 }
 .main .row-5 .box {
  margin-top: 40px
 }
 .main .row-5 .box .imgWrap {
  margin-top: 20px
 }
}
.main .row-goukaku {
 margin-top: 60px
}
.main .row-goukaku .capBox{
  max-width: 720px;
  width: calc(100% - 20px);
  text-align: right;
  margin: 10px auto 0;
}
.main .row-goukaku .inner {
 max-width: 600px
}
.main .row-goukaku .inner .box {
 padding-bottom: 60px;
 flex-basis: calc((100% - 80px)/2);
 position: relative
}
.main .row-goukaku .inner .box p {
 text-align: center;
 font-weight: bold;
 font-size: 22px;
 margin-bottom: 20px
}
.main .row-goukaku .inner .box .addImg {
 position: absolute;
 bottom: 0;
 max-width: 236px
}
@media only screen and (max-width: 767px) {
  .main .row-goukaku .capBox{font-size: 12px;}
 .main .row-goukaku .inner {
  max-width: 540px
 }
 .main .row-goukaku .inner .box {
  padding: 0 60px 20px
 }
.main .row-goukaku .inner .box:nth-of-type(1){margin-bottom: 40px;}
 .main .row-goukaku .inner .box p {
  font-size: 18px;
  margin-bottom: 20px
 }
}
.main .row-message {
 padding: 40px 40px 0;
 max-width: 960px
}
.main .row-message .tit1 {
 font-size: 21px;
 font-weight: bold;
 margin: 30px 0
}
.main .row-message .txtCol {
 flex-basis: calc(70% - 60px);
 padding-bottom: 40px
}
.main .row-message .txtCol .txt {
 font-size: 14px
}
.main .row-message .txtCol .profBox p {
 font-size: 14px
}
.main .row-message .txtCol .profBox p em {
 font-size: 1.2em
}
.main .row-message .imgCol {
 flex-basis: 30%;
 align-self: flex-end
}
@media only screen and (max-width: 767px) {
 .main .row-message {
  padding: 30px 20px;
  max-width: 400px;
  position: relative
 }
 .main .row-message .txtCol {
  padding-bottom: 0
 }
 .main .row-message .imgCol {
  transform: none;
  position: absolute;
  width: 42%;
  bottom: 0;
  right: -20px
 }
}
.main .row-link a {
 display: inline-block;
 position: relative
}
.main .row-link a::before {
 position: absolute;
 top: calc(50% - 13px);
 right: calc(100% + 40px);
 content: "";
 width: 47px;
 height: 27px;
 background: url(../img/seicho/icon_link_arrrow.svg) no-repeat 0 0/contain;
 transition: all .3s;
 -webkit-transition: all .3s
}
.main .row-link a:hover::before {
 right: calc(100% + 20px)
}
@media only screen and (max-width: 767px) {
 .main .row-link {
  padding: 0 40px 0 100px
 }
 .main .row-link a::before {
  right: calc(100% + 30px);
  width: 40px;
  height: 24px
 }
 .main .imgWrap {
  margin-top: 40px
 }
}
#rigaku .row-3, #rigaku .row-5 {
 background: #b2e2d9
}
#rigaku .row-1 {
 background-image: url(../img/seicho/bg_gy_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #rigaku .row-1 {
  background-image: url(../img/seicho/bg_gy_01_sp.png);
  margin-top: 120px
 }
 #rigaku .row-1 .box:not(:nth-of-type(3), :nth-of-type(5)) .graphCol {
  margin-top: 30px
 }
 #rigaku .row-1 .box:nth-of-type(5) .txtCol {
  max-width: 150px;
  margin-left: auto
 }
 #rigaku .row-1 .box:nth-of-type(5) .txtCol p {
  margin: 10px 0 0
 }
 #rigaku .row-1 .box:nth-of-type(5) .graphCol {
  margin: -100px 0 0;
  padding-right: 30px
 }
}
#rigaku .row-2 {
 background-image: url(../img/seicho/bg_gy_02.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (min-width: 768px) {
 #rigaku .row-2 .box:first-of-type {
  transform: translateY(-42%)
 }
}
@media only screen and (max-width: 767px) {
 #rigaku .row-2 {
  background-image: url(../img/seicho/line_gr_sp.png)
 }
}
#rigaku .row-3 {
 background-image: url(../img/seicho/bg_rg_02_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #rigaku .row-3 {
  margin-top: 100px;
  background-image: url(../img/seicho/bg_rg_grade2_sp.png)
 }
 #rigaku .row-3 .gradeLabel {
  overflow: visible;
  height: 110px
 }
}
#rigaku .row-4 {
 background-image: url(../img/seicho/bg_wh_01_gr.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #rigaku .row-4 {
  background-image: url(../img/seicho/bg_rg_grade3_sp.png)
 }
}
#rigaku .row-5 {
 background-image: url(../img/seicho/bg_rg_02_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #rigaku .row-5 {
  margin-top: 150px;
  background-image: url(../img/seicho/bg_rg_grade2_sp.png)
 }
 #rigaku .row-5 .gradeLabel {
  overflow: visible;
  height: 140px
 }
}
#rigaku .row-goukaku .inner .box .addImg {
 width: 48%
}
#rigaku .row-goukaku .inner .box:first-of-type .addImg {
 right: 75%
}
#rigaku .row-goukaku .inner .box:nth-of-type(2) .addImg {
 left: 75%
}
@media only screen and (max-width: 767px) {
 #rigaku .row-goukaku .inner .box .addImg {
  width: 25%
 }
 #rigaku .row-goukaku .inner .box:first-of-type .addImg {
  right: 75%;
 }
 #rigaku .row-goukaku .inner .box:nth-of-type(2) .addImg {
  left: 75%
 }
}
#rigaku .row-message {
 border: 12px solid #28c5b1
}
#sagyo .row-3, #sagyo .row-5 {
 background: #b8f0f4
}
#sagyo .row-1 {
 background-image: url(../img/seicho/bg_gy_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #sagyo .row-1 .box:not(:nth-of-type(3), :nth-of-type(5)) .graphCol {
  margin-top: 30px
 }
 #sagyo .row-1 .box:nth-of-type(5) .txtCol {
  max-width: 150px;
  margin-left: auto
 }
 #sagyo .row-1 .box:nth-of-type(5) .txtCol p {
  margin: 10px 0 0
 }
 #sagyo .row-1 .box:nth-of-type(5) .graphCol {
  margin: -100px 0 0;
  padding-right: 30px
 }
}
#sagyo .row-2 {
 background-image: url(../img/seicho/bg_gy_02_bu.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (min-width: 768px) {
 #sagyo .row-2 .box:first-of-type {
  transform: translateY(-42%)
 }
}
@media only screen and (max-width: 767px) {
 #sagyo .row-2 {
  background-image: url(../img/seicho/line_gr_sp.png)
 }
}
#sagyo .row-3 {
 background-image: url(../img/seicho/bg_sg_02_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (min-width: 768px) {
 #sagyo .row-3 .box:nth-of-type(3) {
  transform: translateY(-35%)
 }
}
@media only screen and (max-width: 767px) {
 #sagyo .row-3 {
  margin-top: 100px;
  background-image: url(../img/seicho/bg_sg_grade2_sp.png)
 }
}
#sagyo .row-4 {
 background-image: url(../img/seicho/bg_wh_01_bu.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (min-width: 768px) {
 #sagyo .row-4 .box:first-of-type {
  transform: translateY(-45%)
 }
}
@media only screen and (max-width: 767px) {
 #sagyo .row-4 {
  background-image: url(../img/seicho/bg_sg_grade3_sp.png)
 }
}
#sagyo .row-5 {
 background-image: url(../img/seicho/bg_sg_02_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #sagyo .row-5 {
  margin-top: 120px;
  background-image: url(../img/seicho/bg_sg_grade2_sp.png)
 }
 #sagyo .row-5 .gradeLabel {
  height: 130px;
  overflow: visible
 }
}
#sagyo .row-goukaku .inner .box .addImg {
 width: 65%
}
#sagyo .row-goukaku .inner .box:first-of-type .addImg {
 right: 75%
}
#sagyo .row-goukaku .inner .box:nth-of-type(2) .addImg {
 left: 75%
}
@media only screen and (max-width: 767px) {
 #sagyo .row-goukaku .inner .box .addImg {
  width: 25%
 }
 #sagyo .row-goukaku .inner .box:first-of-type .addImg {
  right: 75%;
   bottom: 10%;
 }
 #sagyo .row-goukaku .inner .box:nth-of-type(2) .addImg {
  left: 75%
 }
}
#sagyo .row-message {
 border: 12px solid #449eb2
}
#kango .row-3, #kango .row-5 {
 background: #ffe0e0
}
#kango .row-1 {
 background-image: url(../img/seicho/bg_gy_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
#kango .row-2 {
 background-image: url(../img/seicho/bg_gy_02_pk.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #kango .row-2 {
  background-image: url(../img/seicho/line_pk_sp.png)
 }
}
#kango .row-3 {
 background-image: url(../img/seicho/bg_kg_02_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (min-width: 768px) {
 #kango .row-3 {
  background-image: url(../img/seicho/bg_kg_02_01.png)
 }
 #kango .row-3 .box:first-of-type {
  transform: translateY(-35%)
 }
}
@media only screen and (max-width: 767px) {
 #kango .row-3 {
  margin-top: 150px;
  background-image: url(../img/seicho/bg_kg_grade2_sp.png)
 }
}
#kango .row-4 {
 background-image: url(../img/seicho/bg_wh_01_pk.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (min-width: 768px) {
 #kango .row-4 .box:nth-of-type(3) {
  padding-top: 120px
 }
}
@media only screen and (max-width: 767px) {
 #kango .row-4 {
  background-image: url(../img/seicho/bg_kg_grade3_sp.png)
 }
}
#kango .row-5 {
 background-image: url(../img/seicho/bg_kg_02_01.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 100%
}
@media only screen and (max-width: 767px) {
 #kango .row-5 {
  margin-top: 150px;
  background-image: url(../img/seicho/bg_kg_grade2_sp.png)
 }
}
#kango .row-goukaku .inner .box .addImg {
 width: 65%
}
#kango .row-goukaku .inner .box:first-of-type .addImg {
 right: 75%
}
#kango .row-goukaku .inner .box:nth-of-type(2) .addImg {
 left: 75%
}
@media only screen and (max-width: 767px) {
 #kango .row-goukaku .inner .box .addImg {
  width: 25%
 }
 #kango .row-goukaku .inner .box:first-of-type .addImg {
  right: 77%;
  bottom: 60px
 }
 #kango .row-goukaku .inner .box:nth-of-type(2) .addImg {
  left: 77%;
  bottom: 40px
 }
}
#kango .row-message {
 border: 12px solid #e17875
} /*# sourceMappingURL=seicho.css.map */


/* row-yumenabi */
.txtBox {
  text-align: center;
  padding-top: 40px;
  margin: 0 20px;
}
.row-yumenabi{ margin: 80px 0 0; background-color: #939cc5;}
.row-yumenabi .col-01, .row-yumenabi .col-02 {
  flex-basis: 50%;
  padding: 0px 4% 40px;
}
.row-yumenabi .inner .tit {
  font-size: 34px;
  margin-top: 20px;
  text-align: center;
}
.row-yumenabi .inner .tit span {
  color: #ffffff;
  font-weight: bold;
  border-bottom: 3px solid;
  padding-bottom: 3px;
}
.row-yumenabi .inner .col-02 .tit { visibility: hidden;}
.row-yumenabi .inner .txt {
  text-align: left;
  font-size: 21px;
  padding-left: 80px;
  margin: 30px 0 10px;
}
.row-yumenabi a {
  color: #939cc5;
}
.row-yumenabi ul li a {
  display: block;
  line-height: 1.1em;
  font-size: clamp(14px, 1.5vw, 18px);
  padding: 0 0 0 80px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 62px;
  background-image: url(../img/common/icon_link_wh.svg);
}
.row-yumenabi ul li:nth-child(n+2) {
  margin-top: 15px;
}
.row-yumenabi ul li a p {
  color: inherit;
  font-size: inherit;
  display: flex;
  align-items: center;
  height: 45px;
  width: 100%;
  padding: 0 15px;
  background: #fff;
  border-radius: 30px;
}
.btnBox {
  text-align: center;
  background: #73C3AF;
  padding: 20px;
 }
.btnBox .moreLink a {
  font-size: inherit;
  max-width: 500px;
  margin: 0 auto;
 }
.btnBox .moreLink a, .row-yumenabi .btnBox .moreLink a p {
  height: 65px;
 }
.btnBox .moreLink a p {
  color: #74c6b2;
  justify-content: center;
  font-size: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  background: #fff;
  border-radius: 40px;
 }
.btnBox .moreLink .txt {
  color: #fff;
 }
.btnBox .txt {
  color: #fff;
 }
 .moreLink a {
  display: inline-block;
  line-height: 1em;
  font-size: 30px;
  padding: 0 0 0 80px;
  display: flex;
  text-align: left;
  align-items: center;
  height: 45px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 62px;
  background-image: url(../img/common/icon_link_gr.svg);
}
.moreLink.wh a {
  background-image: url(../img/common/icon_link_wh.svg);
}
.row-yumenabi ul li a:hover {
  transform: translateX(15px);
}

#kango .row-yumenabi{ background-color: #F099A5;}
#kango .row-yumenabi a { color: #F099A5;}
#kango .row-yumenabi .flexpc { display: block;}


@media only screen and (max-width: 767px){
  
  .row-yumenabi .col-01{
    padding: 0px 20px;
  }
  #kango .row-yumenabi .col-01 {
    padding: 0 20px 20px;
  }
  .row-yumenabi .col-02 {
    padding: 0px 20px 40px;
  }
  .row-yumenabi .inner .tit {
    font-size: 22px;
    margin-bottom: 0;
  }
  .row-yumenabi .inner .col-02 .tit { display: none;}
  .row-yumenabi .inner .txt {
    font-size: 18px;
    padding-left: 55px;
    margin: 30px 0 10px;
  }
  .row-yumenabi ul li a {
    font-size: min(3vw, 16px);
    padding: 0 0 0 55px;
    background-size: 45px;
  }
  .row-yumenabi ul li a p {
    color: inherit;
    font-size: inherit;
    display: flex;
    align-items: center;
    height: 42px;
    width: 100%;
    padding: 10px 15px;
  }
  .row-yumenabi ul li:nth-child(n+2) {
    margin-top: 15px;
  }
  .btnBox .moreLink a p {
    font-size: 20px;
    padding: 15px;
  }
}