@charset "utf-8";

/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}


/* addition */
img,
video,
iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
}
em {
  font-style: normal;
}
small {
  font-size: 70%;
}

ul,ol,li {
  padding: 0;
  list-style: none;
}


/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family:  Helvetica Neue,
                Arial,
                Hiragino Sans,
                Hiragino Kaku Gothic ProN,
                Meiryo,
                sans-serif;
}

strong, em {
  font-weight: 700;
}


/* ---------------------------------------------
Base
--------------------------------------------- */
html body,
table th,
table td {
  line-height: 1.6;
  color: #000;
  font-size: 3.07vw;
}
@media screen and (min-width:751px) {
  html body,
  table th,
  table td {
    font-size: 23px;
  }
}

a,
a:link,
a:visited {
  color: #1e87f0;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
.wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .wrapper {
    width: 750px;
  }
}
.contentsWrapper {
  width: 90.134%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .contentsWrapper {
    width: 676px;
  }
}
.contentsWrapper2 {
  width: 86.267%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .contentsWrapper2 {
    width: 647px;
  }
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.page_cmn sup {
  font-size: 40%;
  vertical-align: super;
}

.page_cmn .btn a:hover {
  opacity: .8;
}

.page_cmn .red1 {
  color: #d50001;
}
.page_cmn .blu1 {
  color: #00008a;
}

.page_cmn .txtMarker {
  padding-bottom: .05em;
  background: linear-gradient(transparent 65%, #fff286 65%, #fff286 80%, transparent 80%);
}

.page_cmn .note {
  font-size: 2.7vw;
}
.page_cmn small.note {
  display: block;
}
.page_cmn p.note1,
.page_cmn small.note1,
.page_cmn ul.note1 li {
  padding-left: .8rem;
  text-indent: -.8rem;
}
.page_cmn p.note2,
.page_cmn small.note2,
.page_cmn ul.note2 li {
  padding-left: 2rem;
  text-indent: -2rem;
}
@media screen and (min-width:751px) {
  .page_cmn .note {
    font-size: 16px;
  }
}

.page_cmn .supplement {
  margin: 0 0 30px;
}
.page_cmn .supplement .SupplementList {
  margin: 0;
}
.page_cmn .supplement .SupplementList li {
  margin: 0 0 10px;
  padding: 0 0 0 1.3em;
  position: relative;
}
.page_cmn .supplement .SupplementList li:before {
  content: '\25CF';/* ● */
  position: absolute;
  top: 0;
  left: 0;
}

.page_cmn .cta1 {
  margin-bottom: 2em;
  padding-top: 10vw;
  position: relative;
}
@media screen and (min-width:751px) {
  .page_cmn .cta1 {
    padding-top: 70px;
  }
}
.page_cmn .cta1 .ctaTtl {
  width: 99.334%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: .333%;
  z-index: 2;
}
.page_cmn .cta1 .ctaBg {
  margin: 0 auto;
  padding: 0 0 1em;
  width: 96.667%;
  background: url(../images/cta1_bg1.jpg) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  z-index: 1;
}
.page_cmn .cta1 .ctaBg .ctaInner {
  width: 93.242%;
  margin: 0 auto;
  padding: 10vw 0 1em;
  background-color: #fff;
  border-radius: 1.3vw;
  box-shadow: 0 0 10px 5px rgba(102,41,0,0.17);
}
@media screen and (min-width:751px) {
  .page_cmn .cta1 .ctaBg .ctaInner {
    padding-top: 80px;
    border-radius: 10px;
  }
}
.page_cmn .cta1 .cta_item {
  margin: 0;
  display: block;
}
.page_cmn .cta1 .ctaBtnArea {
  width: 93.196%;
  margin: 0 auto 2em;
  position: relative;
  z-index: 2;
}
.page_cmn .cta1 .ctaBtnArea .ctaBtn {
  margin-bottom: .5em;
}
.page_cmn .cta1 .ctaAnnotation {
  width: 89.941%;
  margin: 0 auto;
  padding: 1.5em 1em 1em;
  border: 3px solid #164887;
  border-image: linear-gradient(60deg, #164887 0%, #b6dcff 50%, #164887 100%);
  border-image-slice: 1;
  position: relative;
  z-index: 1;
}
.page_cmn .cta1 .ctaAnnotation .ttl {
  margin: 0;
  padding: 0 .5em;
  line-height: 1;
  white-space: nowrap;
  font-size: 4vw;
  font-weight: 500;
  border-radius: 2em;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 30px 30px #fff;
}
@media screen and (min-width:751px) {
  .page_cmn .cta1 .ctaAnnotation .ttl {
    font-size: 30px;
  }
}
.page_cmn .cta1 .ctaAnnotation .ttl::before,
.page_cmn .cta1 .ctaAnnotation .ttl::after {
  content: '';
  width: 2.534vw;
  height: 6.667vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  display: block;
}
@media screen and (min-width:751px) {
  .page_cmn .cta1 .ctaAnnotation .ttl::before,
  .page_cmn .cta1 .ctaAnnotation .ttl::after {
    width: 19px;
    height: 50px;
  }
}
.page_cmn .cta1 .ctaAnnotation .ttl::before {
  background-image: url(../images/cta1_deco1_1.png);
}
.page_cmn .cta1 .ctaAnnotation .ttl::after {
  background-image: url(../images/cta1_deco1_2.png);
}
.page_cmn .cta1 .ctaAnnotation .ttl .inner {
  margin: 0 .3em;
  display: inline-block;
}
.page_cmn .cta1 .ctaAnnotation .txt1 {
  margin: 0 0 .5em;
  text-align: center;
  font-size: 4.8vw;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
@media screen and (min-width:751px) {
  .page_cmn .cta1 .ctaAnnotation .txt1 {
    font-size: 36px;
  }
}
.page_cmn .cta1 .ctaAnnotation .txt1 p {
  margin-bottom: 0;
  display: inline-block;
}

.page_cmn .cta2 {
  padding-bottom: 2em;
}
.page_cmn .cta2 .ctaTtl {
  margin-bottom: 1em;
}
.page_cmn .cta2 .cta2_cta {
  padding-bottom: 1em;
}
.page_cmn .cta2 .cta2_cta .cta_item {
  width: 94%;
  margin: 0 auto 1.5em;
  display: block;
}
.page_cmn .cta2 .cta2_cta .ctaBtnArea .btn {
  width: 84%;
  margin: 0 auto 1.5em;
}
.page_cmn .cta2 .cta2_cta .ctaBtnArea .ctaBtn_note {
  margin: 0 1em;
}


/* ---------------------------------------------
#mainContents
--------------------------------------------- */
#mainContents {
  position: relative;
  z-index: 2;
}


#mainContents #sec1 {
  margin-bottom: .5em;
  padding: 0;
}


#mainContents #sec6 {
  padding: 2em 0 3em;
  background: url(../images/sec6_bg1.jpg) no-repeat center top;
  background-size: 100% auto;
}
#mainContents #sec6 .secTitle {
  margin: 0 0 2rem;
  text-align: center;
  color: #164887;
  font-size: 5vw;
  font-weight: bold;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .secTitle {
    font-size: 39px;
  }
}
#mainContents #sec6 .voiceArea .voice {
  margin: 0 0 .8em;
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #164887;
  box-shadow: 0 0 8px 1px rgba(102,41,0,0.2);
}
#mainContents #sec6 .voiceArea .voice .ttl {
  padding: 1em 0;
  font-size: 3.07vw;
  font-weight: normal;
  position: relative;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .voiceArea .voice .ttl {
    font-size: 23px;
  }
}
#mainContents #sec6 .voiceArea .voice .ttl::before,
#mainContents #sec6 .voiceArea .voice .voiceContent::before {
  width: 1em;
  content: 'Q';
  line-height: 1;
  color: #164887;
  font-size: 5.3vw;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .voiceArea .voice .ttl::before,
  #mainContents #sec6 .voiceArea .voice .voiceContent::before {
    font-size: 36px;
  }
}
#mainContents #sec6 .voiceArea .voice .ttl::after {
  content: '';
  width: 3.067vw;
  height: .652em;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223px%22%20height%3D%2215px%22%3E%3Ctext%20kerning%3D%22auto%22%20font-family%3D%22Kozuka%20Gothic%20Pr6N%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20font-size%3D%2223px%22%20x%3D%220px%22%20y%3D%2214px%22%3E%3Ctspan%20font-size%3D%2223px%22%20fill%3D%22%23164887%22%3E%26%239660%3B%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all .2s;
  transform-origin: center;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .voiceArea .voice .ttl::after {
    width: 23px;
    height: 15px;
  }
}
#mainContents #sec6 .voiceArea .voice.active .ttl::after {
  transform: translateY(-50%) rotate(-180deg);
}
#mainContents #sec6 .voiceArea .voice .ttl .txt {
  padding-left: 3.5rem;
  text-decoration: underline;
  display: inline-block;
}
#mainContents #sec6 .voiceArea .voice .ttl:hover {
  cursor: pointer;
}
#mainContents #sec6 .voiceArea .voice .ttl:hover .txt {
  text-decoration: none;
}
#mainContents #sec6 .voiceArea .voice .voiceContent {
  position: relative;
}
#mainContents #sec6 .voiceArea .voice .voiceContent {
  padding: 0 0 1em 3.5rem;
  position: relative;
}
#mainContents #sec6 .voiceArea .voice .voiceContent::before {
  content: 'A';
  top: 0;
  transform: translateY(0);
}


#mainContents #sec7 {
  padding: 3em 0;
  background-color: #f0f0f0;
}
#mainContents #sec7 .secTitle {
  margin: 0 0 1rem;
  text-align: center;
  color: #164887;
  font-size: 5vw;
  font-weight: bold;
}
@media screen and (min-width:751px) {
  #mainContents #sec7 .secTitle {
    font-size: 39px;
  }
}
#mainContents #sec7 .txtAreaSt1 {
  margin-bottom: 2em;
  padding: 1em 1.5rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid #164887;
}
#mainContents #sec7 .txtAreaSt1 .txt {
  text-align: left;
}
#mainContents #sec7 .notificationNumber {
  margin-bottom: 2em;
}
#mainContents #sec7 .notificationNumber .ttl {
  margin: 0 0 1em;
  text-decoration: underline;
  font-size: 3.07vw;
  font-weight: normal;
  display: inline-block;
}
@media screen and (min-width:751px) {
  #mainContents #sec7 .notificationNumber .ttl {
    font-size: 23px;
  }
}
#mainContents #sec7 .itemDetail {
  padding-bottom: 1em;
}
#mainContents #sec7 .itemDetail .detail {
  margin: 0 0 3rem;
}
#mainContents #sec7 .itemDetail .detail .ttl {
  margin-bottom: 1rem;
  padding: .5rem .6em;
  padding-bottom: calc(.5rem + 4px);
  color: #fff;
  font-size: 3.5vw;
  background-color: #164887;
  position: relative;
}
@media screen and (min-width:751px) {
  #mainContents #sec7 .itemDetail .detail .ttl {
    font-size: 26px;
  }
}
#mainContents #sec7 .itemDetail .detail .ttl::after {
  content: '';
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
}
#mainContents #sec7 .itemDetail .detail .txt p {
  margin-bottom: 1.5em;
}
#mainContents #sec7 .itemDetail .detail .txt p:last-child {
  margin-bottom: 0;
}
#mainContents #sec7 .itemDetail .detail .list1 li {
  margin-bottom: 0.5em;
  padding-left: 1rem;
  text-indent: -1rem;
}
#mainContents #sec7 .itemDetail .detail .list1 li::before {
  content: '\025cf';
}
#mainContents #sec7 .notificationInformation .info {
  margin: 0 0 1rem;
  padding: 2rem;
}
#mainContents #sec7 .notificationInformation .info .ttl {
  margin: 0 1em 1em;
  padding: .2em 0;
  line-height: 1;
  color: #fff;
  font-size: 3.5vw;
  font-weight: normal;
  background-color: #164887;
  border-radius: 2em;
}
@media screen and (min-width:751px) {
  #mainContents #sec7 .notificationInformation .info .ttl {
    font-size: 27px;
  }
}
#mainContents #sec7 .notificationInformation .info .txt p {
  margin: 0 0 1.5em;
}
#mainContents #sec7 .notificationInformation .info .txt p:last-child {
  margin-bottom: 0;
}
#mainContents #sec7 .notificationInformation .info .txt .ttl2 {
  margin: 0 0 .5em;
  font-weight: normal;
}
#mainContents #sec7 .notificationInformation .info .txt .list1 li {
  margin: 0 0 .5em;
  padding-left: 1.65rem;
  text-indent: -1.65rem;
  list-style: inside decimal;
}


/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  margin: 0;
  text-align: center;
}
#pageFooter .footerTop {
  padding: 3em 0;
}
#pageFooter .footerTop .tel {
  width: 89.334%;
  margin: 0 auto 1em;
  display: block;
}
#pageFooter .footerTop .txtArea1 .txt1 {
  margin: 0 0 .2em;
  font-size: 130%;
}
#pageFooter .copyright {
  margin: 0;
  padding: 2em 0;
  color: #fff;
  text-align: center;
  font-size: 2.7vw;
  background-color: #11529c;
}
@media screen and (min-width:751px) {
  #pageFooter .copyright {
    font-size: 14px;
  }
}