@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
.inner { width: 100%; max-width: 1040px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner { max-width: 88%; padding: 0; } }

.inner_w { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_w { max-width: 88%; padding: 0; } }

.inner_s { width: 100%; max-width: 970px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_s { max-width: 88%; padding: 0; } }

.inner_ss { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_ss { max-width: 88%; padding: 0; } }

.inner { width: 100%; max-width: 940px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner { max-width: 88%; padding: 0; } }

body { background: url(../img/back/back01.png) no-repeat top left/29% auto; }
@media (max-width: 959px) { body { background: url(../img/back/back01.png) no-repeat top 54vw left -10vw/85% auto; } }

.PageTitle { margin-top: 130px; padding: 0 0 160px 0; background: url(../img/back/back02.png) no-repeat bottom right/27% auto; }
@media (max-width: 959px) { .PageTitle { margin: 0; padding: 36vw 0 10vw 0; background: url(../img/back/back07.png) no-repeat bottom -15vw right -26vw/62% auto; } }
.PageTitle ul { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; width: 100%; max-width: 1160px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .PageTitle ul { -webkit-flex-direction: column; flex-direction: column; max-width: 88%; padding: 0; } }
.PageTitle ul li:nth-child(1) { width: 530px; padding-top: 5px; }
@media (max-width: 959px) { .PageTitle ul li:nth-child(1) { width: 100%; padding-top: 0; } }
.PageTitle ul li:nth-child(1) img { display: none; }
@media (max-width: 959px) { .PageTitle ul li:nth-child(1) img { display: block; width: 64%; margin: 6.2vw auto 0 auto; } }
.PageTitle ul li:nth-child(2) { flex: 1; }
@media (max-width: 959px) { .PageTitle ul li:nth-child(2) { display: none; } }
.PageTitle ul li:nth-child(2) img { display: block; width: 346px; margin: 0 0 0 125px; }
.PageTitle h2 { color: #202020; font-size: 42px; font-weight: 700; line-height: 100%; font-family: Noto Sans JP; }
@media (max-width: 959px) { .PageTitle h2 { font-size: 6.5vw; text-align: center; } }
.PageTitle h2 i { display: flex; overflow: hidden; color: #0073FF; font-size: 20px; font-weight: 700; font-family: Noto Sans JP; }
@media (max-width: 959px) { .PageTitle h2 i { -webkit-justify-content: center; justify-content: center; font-size: 4vw; margin-bottom: 3vw; } }
.PageTitle h2 i p { margin: 0; opacity: 0; animation: textanimation 1s forwards; }
.PageTitle h2 i p:nth-child(1) { animation-delay: 0.05s; }
.PageTitle h2 i p:nth-child(2) { animation-delay: 0.1s; }
.PageTitle h2 i p:nth-child(3) { animation-delay: 0.15s; }
.PageTitle h2 i p:nth-child(4) { animation-delay: 0.2s; }
.PageTitle h2 i p:nth-child(5) { animation-delay: 0.25s; }
.PageTitle h2 i p:nth-child(6) { animation-delay: 0.3s; }
.PageTitle h2 i p:nth-child(7) { animation-delay: 0.35s; }
.PageTitle h2 i p:nth-child(8) { animation-delay: 0.4s; }
.PageTitle h2 i p:nth-child(9) { animation-delay: 0.45s; }
.PageTitle h2 i p:nth-child(10) { animation-delay: 0.5s; }
.PageTitle h2 i p:nth-child(11) { animation-delay: 0.55s; }
.PageTitle h2 i p:nth-child(12) { animation-delay: 0.6s; }
.PageTitle h2 i p:nth-child(13) { animation-delay: 0.65s; }
.PageTitle h2 i p:nth-child(14) { animation-delay: 0.7s; }
.PageTitle h2 i p:nth-child(15) { animation-delay: 0.75s; }
@keyframes textanimation { 0% { opacity: 0; }
  100% { opacity: 1; } }
.PageTitle img + p, .PageTitle h2 + p { margin-top: 95px; font-size: 16px; font-weight: 500; line-height: 36px; letter-spacing: 0.5px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .PageTitle img + p, .PageTitle h2 + p { margin: 6vw 0 0 0; font-size: 3.4vw; line-height: 2.1em; text-align: center; } }

.slider { margin: 0 0 0 0; }
@media (max-width: 959px) { .slider { display: none; } }

.Photo { display: none; }
@media (max-width: 959px) { .Photo { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .Photo li { width: 50%; } }

.Detail { margin: 125px 0 240px 0; }
@media (max-width: 959px) { .Detail { margin: 15vw 0 13vw 0; } }
.Detail h2 { font-size: 32px; font-weight: 700; line-height: 100%; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Detail h2 { font-size: 4.9vw; text-align: center; } }
.Detail table { width: 100%; margin: 75px 0 0 0; }
@media (max-width: 959px) { .Detail table { margin: 11vw 0 0 0; } }
.Detail table th { width: 240px; padding: 23px 10px 23px 20px; font-size: 16px; font-weight: 500; line-height: 28px; font-family: Noto Sans JP; border-top: 1px solid #202020; }
@media (max-width: 959px) { .Detail table th { display: block; width: 100%; padding: 7vw 0 0 0; font-size: 3.4vw; text-align: center; } }
.Detail table tr:last-child th { border-bottom: 1px solid #202020; }
@media (max-width: 959px) { .Detail table tr:last-child th { border-bottom: none; } }
.Detail table td { width: 585px; padding: 23px 10px 23px 20px; font-size: 16px; font-weight: 500; line-height: 28px; font-family: Noto Sans JP; border-top: 1px solid #202020; }
@media (max-width: 959px) { .Detail table td { display: block; width: 100%; padding: 3vw 0 6vw 0; font-size: 3.4vw; font-weight: 400; line-height: 1.7em; text-align: center; border-top: none; } }
.Detail table td span { color: #606060; }
.Detail table tr:last-child td { border-bottom: 1px solid #202020; }
.Detail table td.Dummy { width: 75px; border: none; }
@media (max-width: 959px) { .Detail table td.Dummy { display: none; } }
.Detail .Mail { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 351px; height: 75px; margin: 25px 0; border-radius: 9999px; border: 2px solid #FFF; box-shadow: 5px 5px 9.1px 0px #C7C7C7; background: linear-gradient(90deg, #4498FF 0%, #0022CC 100%); }
@media (max-width: 959px) { .Detail .Mail { width: 78%; height: 23.5vw; margin: 5vw auto 5vw auto; border: 0.6vw solid #FFF; border-bottom: 0.9vw solid #FFF; border-top: none; } }
.Detail .Mail:hover { transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3); }
.Detail .Mail em { display: block; color: #fff; font-size: 24px; font-weight: 700; line-height: 100%; font-style: normal; text-align: center; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Detail .Mail em { font-size: 5vw; } }
.Detail .Mail i { display: block; margin-top: 9px; color: #fff; font-size: 13px; font-weight: 400; line-height: 100%; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Detail .Mail i { font-size: 3vw; margin-top: 2vw; } }