@charset "UTF-8";
@import url(aos.css);
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap");
.inner, .MainImage { width: 960px; margin: 0 auto; }
@media (max-width: 959px) { .inner, .MainImage { width: 85%; } }

.inner-m, .About #company, .About .Photo { width: 1040px; margin: 0 auto; }
@media (max-width: 959px) { .inner-m, .About #company, .About .Photo { width: 85%; } }

.inner-s { width: 880px; margin: 0 auto; }
@media (max-width: 959px) { .inner-s { width: 80%; } }

.MainImage { position: relative; margin: 160px auto 120px auto; }
@media (max-width: 959px) { .MainImage { position: static; margin: 18vw auto 20vw auto; } }
.MainImage img { position: absolute; top: 0; right: -30px; width: 580px; height: auto; }
@media (max-width: 959px) { .MainImage img { position: static; display: block; width: 100%; margin: 6.5vw auto; } }
@media (max-width: 959px) { .MainImage .PC { display: none; } }
.MainImage .Contents { position: relative; z-index: 10; padding: 240px 0 0 0; }
@media (max-width: 959px) { .MainImage .Contents { padding: 0 0 0 0; } }
.MainImage .Contents h1 { font-size: 41px; line-height: 100%; letter-spacing: 0.1em; font-family: "Sawarabi Mincho", serif; }
@media (max-width: 959px) { .MainImage .Contents h1 { font-size: 7vw; } }
.MainImage .Contents h1 i { display: block; margin-top: 1.2em; font-size: 0.55em; letter-spacing: 0.05em; font-family: "Sawarabi Mincho", serif; }
@media (max-width: 959px) { .MainImage .Contents h1 i { margin-top: 0.6em; } }
.MainImage .Contents > div { margin-left: 40px; }
@media (max-width: 959px) { .MainImage .Contents > div { margin-left: 0; } }
.MainImage .Contents h2 { margin: 2.35em 0 1.15em 0; font-size: 29px; line-height: 100%; line-height: 1.5em; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff,  2px -2px 2px #fff, 2px 0 2px #fff, -2px  0 2px #fff, 0 2px 2px #fff,  0 -2px 2px #fff; }
@media (max-width: 959px) { .MainImage .Contents h2 { margin: 2.35em 0 2.2em 0; font-size: 5vw; line-height: 1.8em; letter-spacing: 0; text-shadow: none; } }
.MainImage .Contents p { font-size: 17px; line-height: 2.65em; font-family: "Noto Sans JP", sans-serif; }
@media (max-width: 959px) { .MainImage .Contents p { font-size: 3.5vw; line-height: 2.1em; } }

.About #company { padding: 115px 90px 80px 90px; border-radius: 70px; background: #fff; }
@media (max-width: 959px) { .About #company { padding: 10vw 10vw 13vw 10vw; border-radius: 10vw; } }
.About #company h2 { margin-bottom: 60px; font-size: 32px; line-height: 100%; letter-spacing: 0.1em; font-family: "Sawarabi Mincho", serif; }
@media (max-width: 959px) { .About #company h2 { margin-bottom: 9vw; font-size: 4.5vw; text-align: center; } }
.About #company dl { font-size: 18.5px; line-height: 1.8em; }
@media (max-width: 959px) { .About #company dl { font-size: 3.5vw; line-height: 2em; } }
.About #company dt { clear: both; float: left; width: 27%; padding: 20px 0 65px 0; }
@media (max-width: 959px) { .About #company dt { width: 30%; padding: 3vw 0 10vw 0; } }
.About #company dd { float: left; width: 73%; margin: 0; padding: 20px 0 65px 65px; border-left: 1px solid #dfc5c6; }
@media (max-width: 959px) { .About #company dd { width: 70%; padding: 3vw 0 10vw 7.5vw; } }
.About #company dd:last-of-type { padding-bottom: 20px; }
@media (max-width: 959px) { .About #company dd:last-of-type { padding-bottom: 0; } }
.About #company iframe { margin-top: 2.6em; width: 520px; height: 280px; border: 0; }
@media (max-width: 959px) { .About #company iframe { margin-top: 2em; width: 100%; height: 70vw; } }
@media (max-width: 959px) { .About #company dd iframe { display: none; } }
.About #company dl + iframe { display: none; }
@media (max-width: 959px) { .About #company dl + iframe { display: block; } }
.About .Photo { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 80px auto 120px auto; }
@media (max-width: 959px) { .About .Photo { margin: 13vw auto 8vw auto; } }
.About .Photo li { width: 47.7%; }
@media (max-width: 959px) { .About .Photo li { width: 100%; } }
.About .Photo li:nth-child(2n) { margin-top: 50px; }
@media (max-width: 959px) { .About .Photo li:nth-child(2n) { margin-top: 13vw; } }
@media (max-width: 959px) { .About .Photo li + li { margin-top: 13vw; } }
.About .Photo img { width: 100%; height: auto; }