/* Default */
.hero {display:flex; width:100%; height:240px; justify-content:center; align-items:center; color:#ffffff; text-align:center; font-weight:bold; font-size:4rem; background:#00457f;}

@media screen and (max-width:1023px) {
  .hero {height:120px; font-size:22px; letter-spacing:1px;}
}

.sec {width:100%; max-width:632px; margin:80px auto 130px; font-size:1.6rem; line-height:2;}
.sec h2 {margin:0 0 40px; font-size:28px; font-weight:bold; line-height:44px;}
.sec h3 {margin:0 0 40px; font-size:20px; font-weight:bold; line-height:32px;}

.sec p {margin:0 0 40px;}
.sec blockquote {position:relative; margin:60px 20px; padding:20px; background:#f5f5f5;}
.sec blockquote::before {content:url('../img/common/ic_quot.svg'); position:absolute; top:-15px; left:-20px;}
.sec blockquote::after {content:url('../img/common/ic_quot.svg'); position:absolute; bottom:-10px; right:-20px; transform:rotate(180deg);}
.sec img {display:block; max-width:100%; margin:0 auto 40px;}
.sec a {text-decoration:underline; color:#0060b1;}

.sec ol {margin:0 0 40px; counter-reset:li;}
.sec ol li {position:relative; padding:0 0 0 3.5rem; list-style:none;}
.sec ol li:before {content:counter(li)'.'; position:absolute; top:0; left:1rem; color:#808080; font-weight:600; font-family:'Montserrat',sans-serif; counter-increment:li;}
.sec ul {margin:0 0 40px;}
.sec ul li {position:relative; padding:0 0 0 3.5rem; list-style:none;}
.sec ul li:before {content:'・'; position:absolute; top:0; left:0.8rem; color:#808080; font-weight:600; font-family:'Montserrat',sans-serif;}

.sec .sec_btn {display:flex; width:320px; height:80px; justify-content:center; align-items:center; margin:0 auto 180px; border-radius:5px; color:#ffffff; text-decoration:none; background:#00457f;}
.sec .sec_btn span {line-height:1; font-size:18px; font-weight:bold; color:#ffffff;}

@media screen and (max-width:1023px) {
  .sec {width:calc(100% - 36px); margin:0 auto 50px;}

  .sec h2 {margin:0 0 20px;}
  .sec h3 {margin:0 0 20px;}

  .sec p {margin:0 0 20px;}
  .sec blockquote {margin:25px 14px; background:#f5f5f5;}
  .sec blockquote::before {top:0; left:-16px;}
  .sec blockquote::after {bottom:0; right:-16px;}
  .sec img {margin:0 auto 20px;}

  .sec ol {margin:0 0 20px;}
  .sec ul {margin:0 0 20px;}

}


.page404 .sec {max-width:100%; margin:20px auto 130px; text-align:center;}
.page404 .sec h2 {margin:0; font-size:1.8rem; line-height:32px;}
.page404 .sec h3 {margin:0 0 40px; font-size:1.8rem;}
.page404 .sec ul {display:inline-block; margin:0 0 60px;}
.page404 .sec ul li {padding:0; text-align:left;}
.page404 .sec ul li:before {content:none;}
.page404 .sec_btn {margin:60px auto 180px;}



.page_link {width:100%; max-width:632px; margin:0 auto 170px;}
.pageLink_items {display:flex; justify-content:space-between; align-items:center;}
.pageLink_item {flex:0 0 49%; width:49%;}
.pageLink_item.prev {}
.pageLink_item.next {}
.pageLink_item a {display:flex; position:relative; width:100%; height:80px; border-radius:5px; background:#00457f; justify-content:center; align-items:center; transition:all 0.3s;}
.pageLink_item.prev a::after {content:''; display:block; position:absolute; top:50%; left:15px; width:10px; height:10px; border-top:solid 2px #ffffff; border-right:solid 2px #ffffff; transform:translateY(-50%) rotate(-135deg);}
.pageLink_item.next a::after {content:''; display:block; position:absolute; top:50%; right:15px; width:10px; height:10px; border-top:solid 2px #ffffff; border-right:solid 2px #ffffff; transform:translateY(-50%) rotate(45deg);}
.pageLink_item span {line-height:1; font-size:18px; font-weight:bold; color:#ffffff;}

@media screen and (max-width:1023px) {
  .page_link {width:calc(100% - 112px); margin:0 auto 50px;}
  .pageLink_items {flex-direction:column-reverse;}
  .pageLink_item {flex:0 0 100%; width:100%;}
  .pageLink_item a {position:relative; height:70px; margin:0 auto 10px; border-radius:2px;}
  .pageLink_item span {font-size:15px;}
}