.anchor:before {
 content: "";
 display: block;
 padding-top: 95px;
 margin-top: -95px
}
.hdLogoWrap {
 position: static;
 padding: 15px
}
.hdLogoWrap a img {
 max-width: 200px
}
.main {
 padding-bottom: 80px
}
@media only screen and (max-width: 767px) {
 .main {
  padding-bottom: 50px
 }
}
.pageTitBar {
 display: block;
 margin-bottom: 60px;
 text-align: center;
 background: url(../img/common/bg_titbar.svg) #eef0f0 no-repeat center bottom;
 position: relative;
 height: 172px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.pageTitBar::after {
 content: "";
 position: absolute;
 right: calc(50% - 10px);
 bottom: 20px;
 padding: 20px 20px 0 0;
 border-bottom: 1px solid #000;
 border-right: 1px solid #000;
 transform: rotate(45deg)
}

.pageTitBar h2{font-size: min(5vw,55px); line-height: 1.2; letter-spacing: 0.1em; margin-bottom: 22px;}
.pageTitBar h2 span{display: block; font-size: 52%;}
.pageTitBar.titGreen *{color: #74c6b2;}
.pageTitBar.titGreen:after{border-bottom: 1px solid #74c6b2; border-right: 1px solid #74c6b2;}
.pageTitBar.titPurple *{color: #949ac2;}
.pageTitBar.titPurple:after{border-bottom: 1px solid #949ac2; border-right: 1px solid #949ac2;}
.pageTitBar.titPink *{color: #db97a3;}
.pageTitBar.titPink:after{border-bottom: 1px solid #db97a3; border-right: 1px solid #db97a3;}
.pageTitBar.titBlue *{color: #2cd4d7;}
.pageTitBar.titBlue:after{border-bottom: 1px solid #2cd4d7; border-right: 1px solid #2cd4d7;}

@media only screen and (max-width: 767px) {
  .pageTitBar{height: 128px; background: url(../img/common/bg_titbar.svg) #eef0f0 no-repeat center top/auto 100%;}
  .pageTitBar h2{font-size: min(6.5vw,35px);}
  .pageTitBar h2 span{margin-bottom: 0.3em;}
 .pageTitBar .lowerTit02 {
  font-size: 20px
 }
 .pageTitBar .titEn {
  font-size: 16px;
  text-align: right
 }
}
.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 a:hover {
 transform: translateX(15px)
}
.moreLink a p {
 font-size: inherit
}
.moreLink.gr1 a {
 background-image: url(../img/common/icon_link_gr2.svg)
}
.moreLink.gr2 a {
 background-image: url(../img/common/icon_link_gr3.svg)
}
.moreLink.wh a {
 background-image: url(../img/common/icon_link_wh.svg)
}
.moreLink.pk a {
 background-image: url(../img/common/icon_link_pk3.svg)
}
.moreLink.pe a {
 background-image: url(../img/common/icon_link_pe.svg)
}
@media only screen and (max-width: 767px) {
 .moreLink {
  margin-top: 20px
 }
 .moreLink a {
  font-size: 30px;
  height: 35px;
  background-size: 45px;
  font-size: 16px;
  padding: 0 0 0 55px
 }
 .moreLink a:hover {
  transform: translateX(10px)
 }
}
.btnBox-01 .moreLink a {
 font-size: inherit;
 padding: 0 0 0 75px
}
.btnBox-01 .moreLink a, .btnBox-01 .moreLink a p {
 height: 38px
}
.btnBox-01 .moreLink a p {
 color: #fff;
 font-size: 17px;
 display: flex;
 align-items: center;
 width: 100%;
 padding: 0 30px;
 background: #599db1;
 border-radius: 20px
}
.btnBox-02 .moreLink a {
 font-size: inherit;
 font-weight: bold;
 padding: 0 75px;
 max-width: 720px;
 margin: 0 auto
}
.btnBox-02 .moreLink a, .btnBox-02 .moreLink a p {
 height: 65px
}
.btnBox-02 .moreLink a p {
 font-size: 34px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 padding: 0 30px;
 background: #74c6b2;
 border-radius: 50px;
 color: #fff;
 font-weight: bold
}
.btnBox-02 .moreLink.txtSmall a p {
 font-size: 30px;
}
.btnBox-02 .moreLink.pe a p{background: #949ac2;}
.btnBox-02 .moreLink.pk a p{background: #db97a3;}
@media only screen and (max-width: 767px) {
 .btnBox-02 .moreLink a {
  padding: 0 0 0 55px
 }
 .btnBox-02 .moreLink a, .btnBox-02 .moreLink a p {
  height: 45px
 }
 .btnBox-02 .moreLink a p {
  font-size: 20px;
  padding: 0
 }
.btnBox-02 .moreLink.txtSmall a p {
 font-size: min(4vw,20px);
}
}
.btnBox-03 .moreLink {
 max-width: 400px;
 margin: 0 auto
}
.btnBox-03 .moreLink a {
 font-size: inherit;
 padding: 0 0 0 75px
}
.btnBox-03 .moreLink a, .btnBox-03 .moreLink a p {
 height: 46px
}
.btnBox-03 .moreLink a p {
 font-size: 21px;
 display: flex;
 align-items: center;
 width: 100%;
 padding: 0 30px;
 background: #fff;
 border-radius: 30px
}
@media only screen and (max-width: 767px) {
 .btnBox-03 .moreLink a {
  font-size: inherit;
  padding: 0 0 0 55px
 }
 .btnBox-03 .moreLink a, .btnBox-03 .moreLink a p {
  height: 32px
 }
 .btnBox-03 .moreLink a p {
  font-size: 18px;
  padding: 0 30px
 }
}
.titRow {
 align-items: center
}
.pdfLink {
 text-align: right
}
.pdfLink a {
 color: #599db1;
 text-decoration: underline;
 font-size: 14px;
 padding-right: 40px;
 position: relative;
 text-underline-offset: .3rem;
 transition: all .3s
}
.pdfLink a:hover {
 text-underline-offset: .1rem
}
.pdfLink a::after {
 position: absolute;
 right: 0;
 top: -10px;
 bottom: -10px;
 content: "";
 padding: 24px 29px 0 0;
 background: url(../img/common/icon_pdf.png) no-repeat 0 50%/contain
}
.lower-tit01 {
 display: block;
 color: #74c6b2;
 font-weight: bold;
 font-size: 36px;
 text-align: center;
 margin-bottom: 0
}
@media only screen and (max-width: 767px) {
 .lower-tit01 {
  font-size: 24px
 }
}
.lower-tit02 {
 font-size: 32px;
 margin-bottom: 40px
}
.lower-tit03 {
 font-size: 20px;
 color: #599db1;
 font-weight: bold;
 margin-bottom: 10px
}
.lower-tit04 {
 font-size: 24px;
 margin-bottom: 10px
}
@media only screen and (max-width: 767px) {
 .anchor:before {
  content: none
 }
 .mvWrap {
  padding: 0 0 40px
 }
 .btnBox-01 .moreLink a {
  padding: 0 0 0 55px
 }
 .lower-tit01, .lower-tit02 {
  font-size: 22px;
  margin-bottom: 30px
 }
 .lower-tit03 {
  font-size: 16px
 }
} /*# sourceMappingURL=lower.css.map */