@charset "utf-8";html {width: 100%;height: 100%;overflow: auto; }html.open, html.appearance, html.appear {overflow: hidden; }html.open body, html.appearance body, html.appear body {position: relative;overflow: hidden;height: 100%; }html.open #bg, html.appearance #bg, html.appear #bg {opacity: 0.8 !important;visibility: visible !important; }html.large {font-size: 75%; }body {width: 100%;font-size: 1.4em; }body a:hover > img, body .btn input:hover {-webkit-font-smoothing: antialiased;text-decoration: none;opacity: 0.6; }html.ios body a:hover > img, html.ios body .btn input:hover {opacity: 1; }body [class^="grid_"].clearFix {float: none;margin-left: auto;margin-right: auto; }body .innerL {width: 1210px; }body .innerM {width: 1030px; }body .innerS {width: 800px; }body [class^="inner"] {max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px; }@media screen and (max-width: 768px) {body [class^="inner"] {padding-left: 10px;padding-right: 10px; } }body [class^="inner"] [class^="inner"] {padding-left: 0;padding-right: 0; }body .clearFix {display: block; }body .clearFix:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }body .inlineList {font-size: 0px;text-align: left;letter-spacing: -0.4em; }body .inlineList > * {display: inline-block;font-size: 1.4rem;letter-spacing: 0;vertical-align: top; }body .inlineList > * * {letter-spacing: 0; }body .flex {-js-display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex; }body .btn a {display: block;width: 220px;padding: 25px 0;line-height: 1;text-align: center;font-weight: 600;background-image: -moz-linear-gradient(to right, #f0f0f0, #e5eaed, #e5eaed, #f0f0f0);background-image: -webkit-linear-gradient(to right, #f0f0f0, #e5eaed, #e5eaed, #f0f0f0);background-image: linear-gradient(to right, #f0f0f0, #e5eaed, #e5eaed, #f0f0f0);background-size: 300% 100%;transition: all 0.6s; }@media screen and (max-width: 768px) {body .btn a {width: 100%; } }body .btn a:hover {text-decoration: none;background-position: 100% 0%; }body .pc {display: block; }@media screen and (max-width: 896px) {body .pc {display: none; } }body .sp {display: none; }@media screen and (max-width: 896px) {body .sp {display: block; } }body #wrapper {position: relative;min-height: 100vh;overflow: hidden; }body #wrapper #header {position: absolute;width: 100%;left: 0;top: 0;z-index: 100; }body #wrapper #header #headerInner {-js-display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;padding: 30px 60px;justify-content: space-between; }@media screen and (max-width: 1200px) {body #wrapper #header #headerInner {padding-left: 15px;padding-right: 15px; } }@media screen and (max-width: 896px) {body #wrapper #header #headerInner {padding: 15px; } }@media screen and (max-width: 896px) {body #wrapper #header #headerInner #logo {width: 100px; } }body #wrapper #header #headerInner #logo a {display: block; }body #wrapper #header #headerInner #logo a img {width: 274px;height: 70px; }@media screen and (max-width: 1024px) {body #wrapper #header #headerInner #logo a img {width: 234px;height: 60px; } }@media screen and (max-width: 896px) {body #wrapper #header #headerInner #logo a img {width: 100%;height: 40px; } }body #wrapper #header #headerInner #logo.logoEn a img {width: 361px; }@media screen and (max-width: 1024px) {body #wrapper #header #headerInner #logo.logoEn a img {width: 310px; } }@media screen and (max-width: 896px) {body #wrapper #header #headerInner #logo.logoEn a img {width: 100%; } }body #wrapper #header #headerInner #navWrap {color: #fff; }body #wrapper #header #headerInner #navWrap #navigation {justify-content: flex-end;align-items: center; }@media screen and (max-width: 896px) {body #wrapper #header #headerInner #navWrap #navigation {display: none; } }body #wrapper #header #headerInner #navWrap #navigation #loginBtn {font-size: 13px; }body #wrapper #header #headerInner #navWrap #navigation #loginBtn a {display: inline-block;padding: 3px 6px;background-color: rgba(255, 255, 255, .2);font-size: 13px;color: #fff; }body #wrapper #header #headerInner #navWrap #navigation #loginBtn a:hover {text-decoration: none; }body #wrapper #header #headerInner #navWrap #navigation #loginBtn a img {display: inline-block;width: 10px;height: 12px;margin-right: 6px;margin-top: 3px; }body #wrapper #header #headerInner #navWrap #navigation #enrollment {margin-left: 10px;font-size: 12px; }body #wrapper #header #headerInner #navWrap #navigation #enrollment a {font-size: 12px;color: #fff; }body #wrapper #header #headerInner #navWrap #navigation #toggleSwitch {-js-display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;align-items: center;margin-left: 40px;font-size: 12px; }body #wrapper #header #headerInner #navWrap #navigation #toggleSwitch i {padding-right: 6px; }body #wrapper #header #headerInner #navWrap #navigation #toggleSwitch label {width: 30px;height: 18px;background: rgba(255, 255, 255, .3);position: relative;display: inline-block;border-radius: 18px;transition: 0.4s;box-sizing: border-box;cursor: pointer; }body #wrapper #header #headerInner #navWrap #navigation #toggleSwitch label:after {content: '';position: absolute;width: 12px;height: 12px;border-radius: 100%;left: 3px;top: 3px;z-index: 2;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);transition: 0.4s; }body #wrapper #header #headerInner #navWrap #navigation #toggleSwitch input {display: none !important; }body #wrapper #header #headerInner #navWrap #navigation #toggleSwitch input:checked + label {background-color: #95daf0 !important; }body #wrapper #header #headerInner #navWrap #navigation #toggleSwitch input:checked + label:after {left: 15px; }body #wrapper #header #headerInner #navWrap #navigation #langBtn {position: relative;padding-left: 40px; }body #wrapper #header #headerInner #navWrap #navigation #langBtn:after {content: '';position: absolute;display: block;width: 3px;height: 3px;margin: auto;border: transparent 3px solid;border-top: #fff 3px solid;right: 8px;top: 50%; }body #wrapper #header #headerInner #navWrap #navigation #langBtn #langSelect {display: block;padding: 5px 7px;min-width: 120px;border: rgba(255, 255, 255, .5) 1px solid;border-radius: 0;background-color: transparent;color: #fff;line-height: 1;font-size: 12px;-webkit-appearance: none;-moz-appearance: none;appearance: none; }html.windows body #wrapper #header #headerInner #navWrap #navigation #langBtn #langSelect {color: #333;background-color: rgba(255, 255, 255, .4); }body #wrapper #header #headerInner #navWrap #bg {position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background-color: #333;visibility: hidden;opacity: 0;cursor: pointer;transition: all 0.5s;z-index: 99; }body #wrapper #gNavi {margin-top: 25px; }@media screen and (max-width: 1200px) {body #wrapper #gNavi {margin-top: 20px; } }@media screen and (max-width: 896px) {body #wrapper #gNavi {position: fixed;display: block;width: 300px;height: 100vh;margin: 0;padding: 65px 15px 50px 15px;right: -100%;top: 0;transition: all 0.5s;overflow-y: auto;background-color: #002f4c;-webkit-overflow-scrolling: touch;z-index: 1000; }body #wrapper #gNavi.open {right: 0; } }body #wrapper #gNavi > ul {font-size: 0px;text-align: left;letter-spacing: -0.4em; }body #wrapper #gNavi > ul > * {display: inline-block;font-size: 1.4rem;letter-spacing: 0;vertical-align: top; }body #wrapper #gNavi > ul > * * {letter-spacing: 0; }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul {width: 100%;height: 100%;overflow-y: auto; } }body #wrapper #gNavi > ul > li {margin-right: 30px;font-size: 14px; }@media screen and (max-width: 1200px) {body #wrapper #gNavi > ul > li {font-size: 13px;margin-right: 20px; } }body #wrapper #gNavi > ul > li:last-child {margin-right: 0; }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul > li {display: block;width: 100%;border-top: 1px #001f33 solid;font-size: 12px; }body #wrapper #gNavi > ul > li:last-child {border-bottom: 1px #001f33 solid; } }body #wrapper #gNavi > ul > li > a {font-weight: 600;color: #fff; }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul > li > a {display: block;padding: 10px 15px;font-size: 12px;font-weight: normal; } }body #wrapper #gNavi > ul > li > a.active, body #wrapper #gNavi > ul > li > a:hover {text-decoration: none;color: #ffd999; }body #wrapper #spMenu {display: none; }@media screen and (max-width: 896px) {body #wrapper #spMenu {position: absolute;display: block;width: 24px;top: 25px;right: 15px;background-color: transparent;z-index: 1100; } }body #wrapper #spMenu i {position: relative;display: block;height: 2px;left: 0;right: 0;margin: auto;background-color: #fff;transition: all 0.5s; }body #wrapper #spMenu i + i {margin-top: 6px; }body #wrapper #spMenu i:nth-child(1) {transform-origin: left top; }body #wrapper #spMenu i:nth-child(3) {transform-origin: left bottom; }body #wrapper #spMenu.open {right: 10px; }body #wrapper #spMenu.open i:nth-child(2) {opacity: 0; }body #wrapper #spMenu.open i:nth-child(1) {transform: rotate(45deg); }body #wrapper #spMenu.open i:nth-child(3) {transform: rotate(-45deg); }body #wrapper #content .ttl01 {position: relative;display: block;margin-bottom: 50px;font-size: 30px;font-weight: 600;padding-left: 32px;line-height: 1.6; }@media screen and (max-width: 896px) {body #wrapper #content .ttl01 {font-size: 20px;margin-bottom: 30px;padding-left: 22px; } }body #wrapper #content .ttl01:before, body #wrapper #content .ttl01:after {content: '';position: absolute;left: 0;top: 0;width: 2px; }body #wrapper #content .ttl01:before {height: 100%;background-color: #dedede; }body #wrapper #content .ttl01:after {height: 12px;background-color: #002f4c; }@media screen and (max-width: 896px) {body #wrapper #content .ttl01:after {height: 10px; } }body #wrapper #content .ttl01 i {display: block;margin-bottom: 10px;letter-spacing: 1px;color: #999;font-size: 12px;line-height: 1; }@media screen and (max-width: 896px) {body #wrapper #content .ttl01 i {margin-bottom: 8px;font-size: 10px; } }body #wrapper #content .ttl02 {position: relative;display: block;margin-bottom: 30px;padding-left: 32px;font-size: 2rem;font-weight: 600;line-height: 1.2; }@media screen and (max-width: 896px) {body #wrapper #content .ttl02 {font-size: 16px;margin-bottom: 20px; } }body #wrapper #content .ttl02:before, body #wrapper #content .ttl02:after {content: '';position: absolute;left: 0;top: 50%;height: 2px; }body #wrapper #content .ttl02:before {width: 20px;background-color: #dedede; }body #wrapper #content .ttl02:after {width: 10px;background-color: #002f4c; }@media screen and (max-width: 896px) { }body #wrapper #content .ttl03 {font-size: 2rem;font-weight: 600; }@media screen and (max-width: 896px) {body #wrapper #content .ttl03 {font-size: 16px; } }body #wrapper #content .ttl04 {font-size: 30px;font-weight: 600;line-height: 1.2; }@media screen and (max-width: 896px) {body #wrapper #content .ttl04 {font-size: 20px;line-height: 1.4; } }body #wrapper #content .ttl05 {display: block;font-size: 16px;font-weight: 600;margin-bottom: 10px; }body #wrapper #content .linkText {color: #002f4c;text-decoration: underline; }body #wrapper #content .linkText:hover {text-decoration: none; }body #wrapper #footer {margin-top: 120px;padding: 50px 0;background-color: #002f4c !important; }@media screen and (max-width: 896px) {body #wrapper #footer {margin-top: 80px;padding: 35px 0; } }body #wrapper #footer #footerSitemap {position: relative;margin-bottom: 30px;padding-bottom: 40px;border-bottom: #001f33 1px solid;font-size: 0px;text-align: left;letter-spacing: -0.4em; }body #wrapper #footer #footerSitemap > * {display: inline-block;font-size: 1.4rem;letter-spacing: 0;vertical-align: top; }body #wrapper #footer #footerSitemap > * * {letter-spacing: 0; }@media screen and (max-width: 896px) {body #wrapper #footer #footerSitemap {margin-bottom: 20px;padding-bottom: 30px; } }body #wrapper #footer #footerSitemap > dl {margin-right: 6.77966%; }@media screen and (max-width: 1200px) {body #wrapper #footer #footerSitemap > dl {margin-right: 5.08475%; } }@media screen and (max-width: 896px) {body #wrapper #footer #footerSitemap > dl {display: block;width: 48%;margin-right: 4%;font-size: 12px; } }@media screen and (max-width: 896px) {body #wrapper #footer #footerSitemap > dl:nth-child(2n) {margin-right: 0; } }body #wrapper #footer #footerSitemap > dl:last-child {margin-right: 0; }@media screen and (max-width: 896px) {body #wrapper #footer #footerSitemap > dl#spRight {position: absolute;top: 0;right: 0; } }body #wrapper #footer #footerSitemap > dl > dt {margin-bottom: 10px;font-size: 14px; }@media screen and (max-width: 1024px) {body #wrapper #footer #footerSitemap > dl > dt {font-size: 12px; } }body #wrapper #footer #footerSitemap > dl > dt a {color: #fff; }body #wrapper #footer #footerSitemap > dl > dd {font-size: 13px; }@media screen and (max-width: 1024px) {body #wrapper #footer #footerSitemap > dl > dd {font-size: 12px; } }@media screen and (max-width: 896px) {body #wrapper #footer #footerSitemap > dl > dd {display: none; } }body #wrapper #footer #footerSitemap > dl > dd:nth-child(n+2) {padding-top: 3px; }body #wrapper #footer #footerSitemap > dl > dd a {color: #dedede; }body #wrapper #footer #gred {text-align: center; }body #wrapper #footer #gred a {display: inline-block; }body #wrapper #footer #copyright {margin-top: 20px;text-align: center;font-size: 12px;color: #fff; }@media screen and (max-width: 896px) {body #wrapper #footer #copyright {margin-top: 20px;font-size: 10px; } }