@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.inner, .Greeting, .Overview, .Access { width: 100%; max-width: 960px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner, .Greeting, .Overview, .Access { width: 85%; 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; } }

body { margin-top: 105px; }
@media (max-width: 959px) { body { padding: 0; margin-top: 27vw; } }

h2.Title { margin-bottom: 0.9em; color: #474747; font-size: 18px; font-weight: 500; line-height: 100%; }
@media (max-width: 959px) { h2.Title { font-size: 3.6vw; } }
h2.Title i { display: block; margin-bottom: 0.45em; font-size: 46px; font-weight: 500; font-family: Poppins; }
@media (max-width: 959px) { h2.Title i { font-size: 7vw; margin-bottom: 0.6em; } }

.Company { padding: 160px 0 130px; background: #F9F9F9; }
@media (max-width: 959px) { .Company { padding: 12vw 0 23vw 0; } }
.Company .inner, .Company .Greeting, .Company .Overview, .Company .Access { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; max-width: 1082px; }
@media (max-width: 959px) { .Company .inner, .Company .Greeting, .Company .Overview, .Company .Access { -webkit-flex-direction: column; flex-direction: column; max-width: 1082px; } }
.Company .inner div, .Company .Greeting div, .Company .Overview div, .Company .Access div { flex: 1; }
@media (max-width: 959px) { .Company .inner div, .Company .Greeting div, .Company .Overview div, .Company .Access div { width: 100%; } }
.Company .inner img, .Company .Greeting img, .Company .Overview img, .Company .Access img { border-radius: 20px; }
@media (max-width: 959px) { .Company .inner img, .Company .Greeting img, .Company .Overview img, .Company .Access img { border-radius: 5vw; } }
.Company .inner div + img, .Company .Greeting div + img, .Company .Overview div + img, .Company .Access div + img { width: 46%; margin-top: 115px; border-radius: 20px; }
@media (max-width: 959px) { .Company .inner div + img, .Company .Greeting div + img, .Company .Overview div + img, .Company .Access div + img { display: none; } }
.Company h2 { color: #838383; font-size: 60px; font-weight: 600; font-family: Poppins; line-height: 1.5em; }
@media (max-width: 959px) { .Company h2 { width: 100%; font-size: 8vw; line-height: 1.5em; } }
.Company h2 + img { display: none; }
@media (max-width: 959px) { .Company h2 + img { display: block; width: 82%; margin: 6vw 0 0 auto; } }
.Company div img + img { display: none; }
@media (max-width: 959px) { .Company div img + img { display: block; width: 68%; margin: 13vw 0 0 0; } }
.Company h3 { margin: 0.6em 0 2em 0; font-size: 26px; font-weight: 500; }
@media (max-width: 959px) { .Company h3 { margin: 3em 0 1em 0; font-size: 5vw; } }
.Company p { font-weight: 400; line-height: 37px; }
@media (max-width: 959px) { .Company p { font-size: 3.6vw; line-height: 1.8em; } }
.Company .inner + .inner, .Company .Greeting + .inner, .Company .Overview + .inner, .Company .Access + .inner, .Company .inner + .Greeting, .Company .Greeting + .Greeting, .Company .Overview + .Greeting, .Company .Access + .Greeting, .Company .inner + .Overview, .Company .Greeting + .Overview, .Company .Overview + .Overview, .Company .Access + .Overview, .Company .inner + .Access, .Company .Greeting + .Access, .Company .Overview + .Access, .Company .Access + .Access { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; max-width: 1082px; margin-top: 60px; }
@media (max-width: 959px) { .Company .inner + .inner, .Company .Greeting + .inner, .Company .Overview + .inner, .Company .Access + .inner, .Company .inner + .Greeting, .Company .Greeting + .Greeting, .Company .Overview + .Greeting, .Company .Access + .Greeting, .Company .inner + .Overview, .Company .Greeting + .Overview, .Company .Overview + .Overview, .Company .Access + .Overview, .Company .inner + .Access, .Company .Greeting + .Access, .Company .Overview + .Access, .Company .Access + .Access { max-width: 100%; margin-top: 5vw; } }
.Company .inner + .inner div, .Company .Greeting + .inner div, .Company .Overview + .inner div, .Company .Access + .inner div, .Company .inner + .Greeting div, .Company .Greeting + .Greeting div, .Company .Overview + .Greeting div, .Company .Access + .Greeting div, .Company .inner + .Overview div, .Company .Greeting + .Overview div, .Company .Overview + .Overview div, .Company .Access + .Overview div, .Company .inner + .Access div, .Company .Greeting + .Access div, .Company .Overview + .Access div, .Company .Access + .Access div { flex: 1; }
.Company .inner + .inner div img, .Company .Greeting + .inner div img, .Company .Overview + .inner div img, .Company .Access + .inner div img, .Company .inner + .Greeting div img, .Company .Greeting + .Greeting div img, .Company .Overview + .Greeting div img, .Company .Access + .Greeting div img, .Company .inner + .Overview div img, .Company .Greeting + .Overview div img, .Company .Overview + .Overview div img, .Company .Access + .Overview div img, .Company .inner + .Access div img, .Company .Greeting + .Access div img, .Company .Overview + .Access div img, .Company .Access + .Access div img { display: block; width: 72%; margin-top: 0; }
@media (max-width: 959px) { .Company .inner + .inner div img, .Company .Greeting + .inner div img, .Company .Overview + .inner div img, .Company .Access + .inner div img, .Company .inner + .Greeting div img, .Company .Greeting + .Greeting div img, .Company .Overview + .Greeting div img, .Company .Access + .Greeting div img, .Company .inner + .Overview div img, .Company .Greeting + .Overview div img, .Company .Overview + .Overview div img, .Company .Access + .Overview div img, .Company .inner + .Access div img, .Company .Greeting + .Access div img, .Company .Overview + .Access div img, .Company .Access + .Access div img { display: none; } }
.Company .inner + .inner div img + img, .Company .Greeting + .inner div img + img, .Company .Overview + .inner div img + img, .Company .Access + .inner div img + img, .Company .inner + .Greeting div img + img, .Company .Greeting + .Greeting div img + img, .Company .Overview + .Greeting div img + img, .Company .Access + .Greeting div img + img, .Company .inner + .Overview div img + img, .Company .Greeting + .Overview div img + img, .Company .Overview + .Overview div img + img, .Company .Access + .Overview div img + img, .Company .inner + .Access div img + img, .Company .Greeting + .Access div img + img, .Company .Overview + .Access div img + img, .Company .Access + .Access div img + img { width: 80%; margin: 130px 0 0 auto; }
.Company .inner + .inner > img, .Company .Greeting + .inner > img, .Company .Overview + .inner > img, .Company .Access + .inner > img, .Company .inner + .Greeting > img, .Company .Greeting + .Greeting > img, .Company .Overview + .Greeting > img, .Company .Access + .Greeting > img, .Company .inner + .Overview > img, .Company .Greeting + .Overview > img, .Company .Overview + .Overview > img, .Company .Access + .Overview > img, .Company .inner + .Access > img, .Company .Greeting + .Access > img, .Company .Overview + .Access > img, .Company .Access + .Access > img { width: 39%; margin: 50px 40px 0 0; }
@media (max-width: 959px) { .Company .inner + .inner > img, .Company .Greeting + .inner > img, .Company .Overview + .inner > img, .Company .Access + .inner > img, .Company .inner + .Greeting > img, .Company .Greeting + .Greeting > img, .Company .Overview + .Greeting > img, .Company .Access + .Greeting > img, .Company .inner + .Overview > img, .Company .Greeting + .Overview > img, .Company .Overview + .Overview > img, .Company .Access + .Overview > img, .Company .inner + .Access > img, .Company .Greeting + .Access > img, .Company .Overview + .Access > img, .Company .Access + .Access > img { display: block; width: 68%; margin: 0 0 0 auto; } }
@media (max-width: 959px) { .Company .inner + .inner > img + img, .Company .Greeting + .inner > img + img, .Company .Overview + .inner > img + img, .Company .Access + .inner > img + img, .Company .inner + .Greeting > img + img, .Company .Greeting + .Greeting > img + img, .Company .Overview + .Greeting > img + img, .Company .Access + .Greeting > img + img, .Company .inner + .Overview > img + img, .Company .Greeting + .Overview > img + img, .Company .Overview + .Overview > img + img, .Company .Access + .Overview > img + img, .Company .inner + .Access > img + img, .Company .Greeting + .Access > img + img, .Company .Overview + .Access > img + img, .Company .Access + .Access > img + img { display: block; width: 85%; margin: 7vw auto 0 0; } }

.Greeting { max-width: 1082px; margin-top: 200px; }
@media (max-width: 959px) { .Greeting { margin-top: 18vw; } }
.Greeting h2 { margin-bottom: 2.2em; }
@media (max-width: 959px) { .Greeting h2 { margin-bottom: 3.2em; } }
.Greeting p { margin: 0; font-weight: 500; line-height: 38px; }
@media (max-width: 959px) { .Greeting p { font-size: 3.4vw; line-height: 1.82em; } }

.Overview { max-width: 1082px; margin-top: 30px; padding: 180px 60px 0 20px; }
@media (max-width: 959px) { .Overview { margin-top: 11vw; padding: 15vw 0 0 0; } }
.Overview .Title { margin-bottom: 1.3em; }
@media (max-width: 959px) { .Overview .Title { margin-bottom: 2em; } }
.Overview dl { overflow: hidden; margin: 0; border-bottom: 1px dashed #474747; }
.Overview dl:after { content: ""; clear: both; }
.Overview dl dt { clear: both; float: left; width: 12.5%; padding: 25px 0; margin: 0; font-size: 16px; font-weight: 700; }
@media (max-width: 959px) { .Overview dl dt { float: none; width: 100%; padding: 0; margin: 5vw 0 0 0; font-size: 3.4vw; } }
.Overview dl dd { float: left; width: 87.5%; padding: 25px 0; margin: 0; font-size: 16px; font-weight: 400; }
@media (max-width: 959px) { .Overview dl dd { float: none; width: 100%; margin: 0; padding: 2vw 0 3vw 0; font-size: 3.4vw; } }
.Overview ul { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; }
@media (max-width: 959px) { .Overview ul { -webkit-flex-direction: column; flex-direction: column; } }
.Overview ul li { width: 50%; }
@media (max-width: 959px) { .Overview ul li { width: 100%; } }
@media (max-width: 959px) { .Overview ul li + li { margin-top: 5vw; } }
.Overview h3 { font-size: 16px; font-weight: 500; }
@media (max-width: 959px) { .Overview h3 { font-size: 4vw; } }
.Overview p { margin: 1.5em 0 0 0; font-size: 16px; font-weight: 400; line-height: 26px; }
@media (max-width: 959px) { .Overview p { margin: 0.5em 0 0 0; font-size: 3.4vw; line-height: 2em; } }
@media (max-width: 959px) { .Overview div { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; width: 70%; } }
.Overview a:link, .Overview a:visited { display: inline-block; margin-top: 0.5em; color: #545454; font-size: 14px; }
@media (max-width: 959px) { .Overview a:link, .Overview a:visited { margin-top: 0.5em; font-size: 3.4vw; } }
.Overview a:link:hover, .Overview a:visited:hover { opacity: 0.7; }
.Overview a:link:before, .Overview a:visited:before { content: "["; display: inline-block; width: 1.7em; height: 1.5em; margin-right: 0.2em; background: url(../img/about/map.png) no-repeat bottom left 8px/60% auto; }
@media (max-width: 959px) { .Overview a:link:before, .Overview a:visited:before { width: 1.5em; height: 1.3em; margin-right: 0.2em; } }
.Overview a:link:after, .Overview a:visited:after { content: "]"; margin-left: 0.2em; }

.Access { max-width: 1082px; padding: 175px 70px 0 20px; margin: 0 auto 150px auto; }
@media (max-width: 959px) { .Access { padding: 24vw 0 0 0; margin: 0 auto 23vw auto; } }
.Access ul { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 50px; }
@media (max-width: 959px) { .Access ul { margin-top: 12vw; -webkit-box-direction: reverse; flex-direction: column-reverse; } }
.Access ul li:nth-child(1) { width: 43%; }
@media (max-width: 959px) { .Access ul li:nth-child(1) { display: none; } }
.Access ul li:nth-child(2) { width: 46.5%; }
@media (max-width: 959px) { .Access ul li:nth-child(2) { width: 100%; } }
.Access div { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 20px; }
@media (max-width: 959px) { .Access div { margin-top: 20px; } }
.Access div strong { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; font-weight: 500; }
.Access div strong:before { content: ""; display: inline-block; width: 1.5em; height: 1.5em; margin-right: 0.3em; background: url(../img/about/click.png) no-repeat center center/100% auto; }
.Access div a { text-decoration: underline; }
.Access h3 { margin-bottom: 0.4em; padding-left: 1.5em; font-size: 20px; font-weight: 500; line-height: 30px; background: url(../img/about/access.png) no-repeat center left/auto 90%; }
@media (max-width: 959px) { .Access h3 { margin-bottom: 0.9em; padding-left: 1.5em; font-size: 4vw; line-height: 1.3em; } }
.Access p { margin: 0; }
.Access h4 { margin: 1.2em 0 0.2em 0; font-size: 18px; font-weight: 500; line-height: 40px; vertical-align: middle; border-bottom: 1px solid #202020; }
@media (max-width: 959px) { .Access h4 { margin: 1.5em 0 1em 0; font-size: 4vw; line-height: 2.6em; } }
.Access img + h4 { margin-top: 1.8em; }
@media (max-width: 959px) { .Access img + h4 { margin-top: 2.8em; } }
.Access p + img { display: block; width: 390px; margin: 35px 0 0 0; }
@media (max-width: 959px) { .Access p + img { width: 80%; margin: 5vw 0 0 0; } }