.main-visual { position: relative;  width: 100%; z-index: 0; overflow: hidden; }
.main-visual { background-image: url('../img/first-view/bg-first-view.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.main-visual .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; width: 100%; }
.main-visual .inner .page-title::after { content: none; position: absolute; background-image: url('../img/first-view/medal.png'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.main-visual .inner .page-title .phrase { color: #454545; text-shadow: 2px  2px 1px #ffffff, -2px  2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff, -2px  0px 1px #ffffff, 0px -2px 1px #ffffff; }
.main-visual .inner .page-title .catch { color: #395187; text-shadow: 2px  2px 1px #ffffff, -2px  2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff, -2px  0px 1px #ffffff, 0px -2px 1px #ffffff; }
.main-visual .inner .items ul { display: flex; margin: 0; padding: 0; list-style: none; }
.main-visual .inner .items ul li img { display: block; width: 100%; height: auto; }
.main-visual-pont { width: 100%; overflow: hidden; }
.main-visual-pont { background-image: url('../img/background/bg-03_2-min.jpg'); }
.main-visual-pont ul { display: flex; margin: 0 auto; padding: 0; width: 100%; list-style: none; }
.main-visual-pont ul li img { height: auto; }
.main-visual-pont p { margin: 0 auto; text-align: center; }
.reason-content-items { background-color: #ffffff; }
@media screen and ( max-width: 768px ) {
    .main-visual { height: 615px; margin-top: 140px; }
    .main-visual .inner::before { content: ""; position: absolute; right: 0px; bottom: 29px; width: 360px; height: 435px; background-image: url(../img/first-view/kanteishi/kanteishi-sp.png); background-size: contain; background-repeat: no-repeat; }
    .main-visual .inner h1 { margin: 10px auto 4px; padding: 8px 0; text-align: center; background-color: rgba(246, 246, 246, 0.8); }
    .main-visual .inner .page-title .phrase { font-size: 32px; }
    .main-visual .inner .page-title .catch { font-size: 48px; }
    .main-visual.prefecture .inner .page-title .catch { font-size: 48px; }
    .main-visual .inner .items { margin: 0; padding: 0 0 0 16px; max-width: 375px; }
    .main-visual .inner .items ul { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; }
    .main-visual .inner .items ul li { margin: 0; padding: 4px 0; width: 50%; max-width: 165px;  }
    .main-visual-pont ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; padding: 10px 0 16px; }
    .main-visual-pont ul li { margin-bottom: 16px; width: calc(100%/2); max-width: 273px; }
    .main-visual-pont ul li img { display: block; width: 100%; }
    .main-visual-pont .point-5 .is-pc { display: none; }
    .main-visual-pont .point-5 .is-sp { display: block; margin: 0 auto 10px; width: 100%; max-width: 582px; height: auto;}
    .main-visual .inner .remarks { position: relative; margin: 0; padding: 8px; border: #c8a163 3px solid; box-sizing: border-box; background-color: #394f87; }
    .main-visual .inner .remarks::after { content: ""; position: absolute; top: -50px; right: 5px; width: 295px; height: 150px; background-image: url(../img/first-view/medal.png); background-position: center; background-size: contain; background-repeat: no-repeat; }
    .main-visual .inner .remarks p { margin: 0; font-size: 32px; font-weight: 900; color: #fff; }
    .main-visual .inner .remarks p .small { font-size: 30px; }
    .main-visual .inner .remarks p .strong { color: #e2cd88; }
}
@media screen and ( max-width: 568px ) {
    .main-visual { height: 424px; margin-top: 60px; background-image: url('../img/first-view/bg-first-view_sp.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;}
    .main-visual .inner::before { content: url('../img/first-view/kanteishi/kanteishi02-sp.png'); position: absolute; right: 0; bottom: 90px; width: 185px; height: 207px; background: none; }
    .main-visual .inner h1 { margin: 10px auto 4px; padding: 8px 0; text-align: center; background-color: rgba(246, 246, 246, 0.8); }
    .main-visual .inner .page-title .phrase { font-size: 20px; }
    .main-visual .inner .page-title .phrase.area-page-phrase { font-size: 16px; }
    .main-visual .inner .page-title .catch { font-size: 22px; }
    /* .main-visual .inner .page-title .catch span.strong-point { font-size: 32px;font-weight: 900;color: #f49d0a;letter-spacing: 1px; } */
    .main-visual .inner .page-title .catch span.strong-point { font-size: 28px;font-weight: 900;color: #f49d0a;letter-spacing: 1px; }
    /* .main-visual.prefecture .inner .page-title .catch { font-size: 18px; } */
    .main-visual.prefecture .inner .page-title .catch { font-size: 14px; }
    .main-visual .inner .items { margin: 0; padding: 0 0 0 10px; max-width: 200px; }
    .main-visual .inner .items ul { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; }
    .main-visual .inner .items ul li { margin: 0; padding: 4px 0; width: 50%; max-width: 98px;  }
    .main-visual-pont ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; padding: 10px 0 16px; }
    .main-visual-pont ul li { margin-bottom: 0; width: calc(100%/2); max-width: 180px; }
    .main-visual-pont ul li img { display: block; width: 100%; }
    .main-visual-pont .point-5 .is-pc { display: none; }
    .main-visual-pont .point-5 .is-sp { display: block; margin: 0 auto 10px; width: 100%; max-width: 356px; }
    .main-visual .inner .remarks { position: relative; margin: 0; padding: 8px; border: #c8a163 3px solid; box-sizing: border-box; background-color: #394f87; }
    .main-visual .inner .remarks::after { content: none; position: absolute; top: -50px; right: 5px; width: 160px; height: 100px; background-image: url('../img/first-view/medal.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }
    .main-visual .inner .remarks p { margin: 0; font-size: 25px; font-weight: 900; color: #fff; }
    .main-visual .inner .remarks p .small { font-size: 20px; }
    .main-visual .inner .remarks p .strong { color: #e2cd88; }
}
@media screen and ( min-width: 1024px ) {
    .main-visual { height: 500px; margin-top: 150px; }
    .main-visual .inner { margin: 32px auto; max-width: 1218px; }
    .main-visual .inner::after { content: ""; position: absolute; bottom: -45px; right: 0; width: 485px; height: 470px; background-image: url('../img/first-view/kanteishi/kanteishi02.png'); background-position: center; background-size: cover; background-repeat: no-repeat; }
    .main-visual .inner .page-title { position: relative; margin: 0 auto; padding: 16px 0; max-width: 1218px; width: 100%; line-height: 1.4; }
    .main-visual .inner .page-title::after { top: -70px; left: 0; width: 283px; height: 140px; }
    .main-visual .inner .page-title .phrase { font-size: 32px; }
    .main-visual .inner .page-title .phrase.area-page-phrase { font-size: 30px; }
    .main-visual .inner .page-title .catch { font-size: 60px; }
    /* .main-visual .inner .page-title .catch span.strong-point { font-size: 80px;font-weight: 900;color: #f49d0a;letter-spacing: 1px; } */
    .main-visual .inner .page-title .catch span.strong-point { font-size: 64px;font-weight: 900;color: #f49d0a;letter-spacing: 1px; }
    /* .main-visual.prefecture .inner .page-title .catch { font-size: 48px; } */
    .main-visual.prefecture .inner .page-title .catch { font-size: 38px; }
    .main-visual .inner .items { margin: 0 auto; max-width: 1218px; }
    .main-visual .inner .items ul { justify-content: space-around; max-width: 760px; }
    .main-visual-pont { padding: 24px 0; }
    .main-visual-pont ul { justify-content: space-between; margin-bottom: 16px; max-width: 1218px; }
    .main-visual-pont ul li { width: (100%/4 - 4px); }
    .main-visual-pont ul li img { width: 100%; }
    .main-visual-pont p { max-width: 1218px; }
    .main-visual-pont .point-5 .is-pc { display: block; }
    .main-visual-pont .point-5 .is-sp { display: none; }
    .main-visual .inner .remarks { display: none; }
}