@media screen and (min-width: 768px), print { .s-after01 { width: 1100px; background: url(../images/after/bg_ttl_after.jpg) no-repeat center center; background-size: cover; height: 340px; margin: auto; padding: 75px 0; position: relative; z-index: 99; }
  .common-iezukuri:after {background: #fff;}
  .s-after01 .inner { width: 520px; height: 190px; background: #fff; margin: auto; position: relative; text-align: center; padding: 45px 0 0; }
  .s-after01 .inner h2 { font-size: 32px; font-weight: bold; letter-spacing: 0.08em; line-height: 37px; margin-bottom: 20px; }
  .s-after01 .inner h2 span { background: #fdcd00; }
  .s-after01 .inner p { font-size: 16px; line-height: 28px; font-weight: bold; letter-spacing: 0.08em; padding-left: 9px; }
  .s-after01 .inner .img1 { width: 92px; height: auto; display: block; position: absolute; top: -4px; right: 20px; }
  .s-after02 { position: relative; }
  .s-after02:after { content: ''; width: 100%; height: 430px; background: url(../images/after/bg_after01.jpg); position: absolute; top: -66px; left: 0; z-index: 1; }
  .s-after02 .inner { width: 1100px; position: relative; margin: auto; z-index: 11; text-align: center; padding: 59px 0; height: 363px; }
  .s-after02 .inner h2 { color: #00479d; font-size: 20px; font-weight: bold; line-height: 42px; letter-spacing: 0.1em; margin-bottom: 20px; position: relative; z-index: 11; padding-left: 12px; }
  .s-after02 .inner p { font-size: 16px; line-height: 30px; letter-spacing: 0.1em; position: relative; z-index: 11; padding-left: 2px; }
  .s-after02 .inner img { height: auto; display: block; position: absolute; }
  .s-after02 .inner .img1 { width: 279px; top: 28px; left: 10px; }
  .s-after02 .inner .img2 { width: 199px; bottom: 28px; right: 31px; z-index: 9; }
  .s-after02 .inner .img3 { width: 262px; bottom: 30px; right: 175px; z-index: 1; }
  .s-after03 { background: url(../images/common/pt_03.jpg); padding: 105px 0 80px; position: relative; margin-top: 134px; }
  .s-after03 .inner { max-width: 900px; margin: auto; }
  .s-after03 h2 { position: absolute; top: -36px; left: 0; text-align: center; width: 100%; }
  .s-after03 h2 span { font-size: 32px; font-weight: bold; width: 233px; background: #00479d; color: #fff; letter-spacing: 0.1em; padding: 22px 0; position: relative; display: block; text-align: center; margin: auto; }
  .s-after03 h2 span:before, .s-after03 h2 span:after { content: ''; position: absolute; height: 0; width: 0; top: 0; border-style: solid; border-width: 72px 18px 0 0; }
  .s-after03 h2 span:before { left: -18px; border-color: transparent #00479d; }
  .s-after03 h2 span:after { right: -18px; border-color: #00479d transparent; }
  .s-after03 .box { background: #fff; position: relative; padding: 0 50px 46px 340px; margin-bottom: 30px; }
  .s-after03 .box .img { width: 290px; position: absolute; left: 0; top: 0; }
  .s-after03 .box .img img { width: 100%; height: auto; display: block; }
  .s-after03 .box h3 { color: #00479d; font-size: 20px; letter-spacing: 0.1em; line-height: 36px; margin-bottom: 12px; font-weight: bold; padding: 43px 0 0 0; }
  .s-after03 .box p { font-size: 16px; line-height: 30px; letter-spacing: 0.1em; }
  .s-after03 .box a { width: 400px; height: 52px; border: 1px solid #00479d; background: #00479d; text-align: center; color: #fff; display: block; font-size: 15px; letter-spacing: 0.08em; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 27px; padding: 12px 0; }
  .s-after03 .box a:hover { background: #fff; color: #00479d; text-decoration: none; }
  .s-after03 .box a:hover:before { border: solid #00479d; border-width: 0 2px 2px 0; }
  .s-after03 .box a:before { content: ''; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 18px; top: 21px; }
  .s-after03 .box2 { padding: 0 50px 50px 340px; }
  .s-after03 .box3 { padding: 0 50px 48px 340px; }
  .s-after03 .box4 { padding: 0 50px 106px 340px; }
  .s-after04 { background: url(../images/after/bg_after03.jpg) no-repeat center center; background-size: cover; padding: 89px 0 90px; }
  .s-after04 .inner { width: 1030px; height: 541px; background: rgba(255, 255, 255, 0.85); padding: 59px 100px; position: relative; margin: auto; }
  .s-after04 h2 { color: #00479d; font-size: 20px; line-height: 42px; letter-spacing: 0.1em; text-align: center; font-weight: bold; padding-left: 6px; margin-bottom: 31px; }
  .s-after04 .text { letter-spacing: 0.1em; max-width: 800px; margin: auto; background: url(../images/after/line_dot.png) repeat-x top left; padding-top: 3px; }
  .s-after04 .text span { font-size: 16px; line-height: 48px; background: url(../images/after/line_dot.png) repeat-x bottom center; display: block; padding: 0 8px; }
  .s-after04 .attention { max-width: 782px; margin: 15px auto 0; font-size: 14px; line-height: 1.57; letter-spacing: 0.01em; color: rgba(0, 0, 0, 0.5); text-indent: -1em; padding-left: 1em; }
  .s-after04 img { height: auto; display: block; position: absolute; }
  .s-after04 .img1 { width: 267px; top: -28px; left: -57px; }
  .s-after04 .img2 { width: 136px; top: 259px; left: -43px; }
  .s-after04 .img3 { width: 169px; right: 152px; top: 32px; }
  .s-after04 .img4 { width: 249px; bottom: -57px; right: -121px; }
  .s-after05 { background: url(../images/after/bg_end.jpg) no-repeat center center; background-size: cover; height: 430px; margin-top: 120px; }
  .s-after05 .inner { width: 1100px; margin: auto; padding: 78px 0; }
  .s-after05 .box { width: 551px; height: 280px; background: url(../images/after/img_end.png) no-repeat center center; background-size: cover; text-align: center; padding: 99px 0 0; }
  .s-after05 .box h2 { color: #00479d; font-size: 26px; line-height: 44px; letter-spacing: 0.14px; font-weight: bold; padding-left: 15px; }
  .s-after05 .box p { font-size: 16px; line-height: 32px; letter-spacing: 0.14px; margin-left: 18px; margin-top: 21px; }
  .common-iezukuri { margin-top: 124px; height: 746px; }
  .list-banner a { width: 446px; } }

@media screen and (max-width: 767px) { .s-after01 { background: url(../images/after/bg_ttl_after_sp.jpg) no-repeat center center; background-size: cover; padding: 7.246vw 5.314vw; margin-top: 8%; }
  .s-after01 .inner { background: rgba(255, 255, 255, 0.9); margin: auto; position: relative; text-align: center; padding: 7.246vw 0 4.831vw; }
  .s-after01 .inner h2 { font-size: 5.314vw; font-weight: bold; letter-spacing: 0.08em; }
  .s-after01 .inner h2 span { background: #fdcd00; }
  .s-after01 .inner p { font-size: 3.382vw; letter-spacing: 0.08em; font-weight: bold; margin-top: 1.932vw; }
  .s-after01 .inner .img1 { height: auto; display: block; position: absolute; width: 14.251vw; top: -2.899vw; right: -3.14vw; }
  .s-after02 { position: relative; background: url(../images/after/bg_after01.jpg); background-size: 231.884vw auto; }
  .s-after02 .inner { text-align: center; padding: 7.246vw 4.831vw; }
  .s-after02 .inner h2 { color: #00479d; font-size: 3.865vw; font-weight: bold; line-height: 5.797vw; letter-spacing: 0.1em; margin-bottom: 4.831vw; }
  .s-after02 .inner p { font-size: 3.382vw; line-height: 5.314vw; letter-spacing: 0.1em; margin-top: 2.415vw; }
  .s-after02 .inner img { height: auto; display: block; }
  .s-after02 .inner .img1 { width: 100%; }
  .s-after02 .inner .img2 { display: none; }
  .s-after02 .inner .img3 { width: 24.155vw; top: 7.246vw; left: 50%; z-index: 1; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .s-after03 { background: url(../images/common/pt_03.jpg); background-size: 19.324vw auto; padding: 12.077vw 4.831vw 7.246vw; position: relative; margin-top: 19.324vw; }
  .s-after03 h2 { position: absolute; top: -8.696vw; left: 0; text-align: center; width: 100%; }
  .s-after03 h2 span { font-size: 4.831vw; font-weight: bold; width: 38.647vw; background: #00479d; color: #fff; margin: 3.382vw auto 0; letter-spacing: 0.1em; height: 10.667vw; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .s-after03 h2 span:before, .s-after03 h2 span:after { content: ''; position: absolute; height: 0; width: 0; top: 0; border-style: solid; border-width: 10.667vw 4.348vw 0 0; }
  .s-after03 h2 span:before { left: -4.227vw; border-color: transparent #00479d; }
  .s-after03 h2 span:after { right: -4.227vw; border-color: #00479d transparent; }
  .s-after03 .box { background: #fff; position: relative; margin-bottom: 7.246vw; padding: 4.831vw; }
  .s-after03 .box .img { width: 100%; margin-bottom: 4.831vw; }
  .s-after03 .box .img img { width: 100%; height: auto; display: block; }
  .s-after03 .box h3 { color: #00479d; font-size: 4.348vw; letter-spacing: 0.1em; line-height: 5.797vw; margin-bottom: 4.831vw; font-weight: bold; }
  .s-after03 .box p { font-size: 3.382vw; line-height: 5.314vw; letter-spacing: 0.1em; }
  .s-after03 .box a { width: 77.295vw; height: 12.56vw; border: 0.242vw solid #00479d; background: #00479d; text-align: center; color: #fff; display: block; font-size: 3.382vw; letter-spacing: 0.08em; position: relative; padding: 2.899vw 0; margin: 4.831vw auto 0; }
  .s-after03 .box a:before { content: ''; border: solid #fff; border-width: 0 0.483vw 0.483vw 0; display: inline-block; padding: 0.725vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 2.415vw; top: 5.072vw; }
  .s-after03 .box:last-of-type { margin-bottom: 0; }
  .s-after04 { background: url(../images/after/bg_after03_sp.jpg) no-repeat center center; background-size: cover; padding: 12.077vw 4.831vw; }
  .s-after04 .inner { background: rgba(255, 255, 255, 0.85); padding: 16.908vw 4.831vw 30.879vw; position: relative; margin: auto; }
  .s-after04 h2 { color: #00479d; font-size: 3.865vw; line-height: 6.28vw; letter-spacing: 0.1em; text-align: center; font-weight: bold; margin: 0 -4.831vw 2.415vw; }
  .s-after04 .text { font-size: 3.382vw; line-height: 5.314vw; letter-spacing: 0.1em; margin: auto; }
  .s-after04 .attention { font-size: 3.382vw; line-height: 5.314vw; letter-spacing: 0.1em; color: rgba(0, 0, 0, 0.5); margin-top: 7vw; text-indent: -1em; padding-left: 1em; }
  .s-after04 img { height: auto; display: block; position: absolute; }
  .s-after04 .img1 { width: 38.647vw; top: -12.319vw; left: -4.831vw; }
  .s-after04 .img2 { width: 17.246vw; bottom: 4.831vw; left: -2.174vw; }
  .s-after04 .img3 { width: 24.492vw; right: 3.6vw; top: 2.14vw; }
  .s-after04 .img4 { width: 57.729vw; bottom: -4.106vw; right: -2.657vw; }
  .s-after05 { background: url(../images/after/bg_end_sp.jpg) no-repeat center center; background-size: cover; height: 71.256vw; margin-top: 12.077vw; padding: 13.285vw 0; }
  .s-after05 .box { background: url(../images/after/img_end_sp.png) no-repeat top center; background-size: 100% 100%; width: 89.372vw; height: 43.478vw; margin: auto; padding: 14.493vw 0 0; text-align: center; }
  .s-after05 .box h2 { color: #00479d; font-size: 3.865vw; font-weight: bold; letter-spacing: 0.14em; margin-bottom: 2.415vw; }
  .s-after05 .box p { font-size: 2.899vw; line-height: 4.831vw; letter-spacing: 0.14em; } }