@charset "UTF-8";
/******************************************************************
Site Name: Tetsuro Tajiri
Author: Harimanics Co.Ltd.
******************************************************************/
/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url("../../../shared/css/fonts/fontawesome4.7.0/fontawesome-webfont.eot?v=4.7.0");
src: url("../../../shared/css/fonts/fontawesome4.7.0/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../../shared/css/fonts/fontawesome4.7.0/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../../shared/css/fonts/fontawesome4.7.0/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../../shared/css/fonts/fontawesome4.7.0/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../../shared/css/fonts/fontawesome4.7.0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}

.en01{
font-family: 'Courgette', cursive;
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}

.fa-2x {
font-size: 2em;
}

.fa-3x {
font-size: 3em;
}

.fa-4x {
font-size: 4em;
}

.fa-5x {
font-size: 5em;
}

.fa-fw {
width: 1.28571429em;
text-align: center;
}

.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}

.fa-ul > li {
position: relative;
}

.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center;
}

.fa-li.fa-lg {
left: -1.85714286em;
}

.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em;
}

.fa-pull-left {
float: left;
}

.fa-pull-right {
float: right;
}

.fa.fa-pull-left {
margin-right: .3em;
}

.fa.fa-pull-right {
margin-left: .3em;
}

.pull-right {
float: right;
}

.pull-left {
float: left;
}

.fa.pull-left {
margin-right: .3em;
}

.fa.pull-right {
margin-left: .3em;
}

.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}

.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}

@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}

.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}

.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}

.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}

.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}

.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
-webkit-filter: none;
filter: none;
}

.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}

.fa-stack-1x {
line-height: inherit;
}

.fa-stack-2x {
font-size: 2em;
}

.fa-inverse {
color: #fff;
}

.fa-glass:before {
content: "\f000";
}

.fa-music:before {
content: "\f001";
}

.fa-search:before {
content: "\f002";
}

.fa-envelope-o:before {
content: "\f003";
}

.fa-heart:before {
content: "\f004";
}

.fa-star:before {
content: "\f005";
}

.fa-star-o:before {
content: "\f006";
}

.fa-user:before {
content: "\f007";
}

.fa-film:before {
content: "\f008";
}

.fa-th-large:before {
content: "\f009";
}

.fa-th:before {
content: "\f00a";
}

.fa-th-list:before {
content: "\f00b";
}

.fa-check:before {
content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d";
}

.fa-search-plus:before {
content: "\f00e";
}

.fa-search-minus:before {
content: "\f010";
}

.fa-power-off:before {
content: "\f011";
}

.fa-signal:before {
content: "\f012";
}

.fa-gear:before, .fa-cog:before {
content: "\f013";
}

.fa-trash-o:before {
content: "\f014";
}

.fa-home:before {
content: "\f015";
}

.fa-file-o:before {
content: "\f016";
}

.fa-clock-o:before {
content: "\f017";
}

.fa-road:before {
content: "\f018";
}

.fa-download:before {
content: "\f019";
}

.fa-arrow-circle-o-down:before {
content: "\f01a";
}

.fa-arrow-circle-o-up:before {
content: "\f01b";
}

.fa-inbox:before {
content: "\f01c";
}

.fa-play-circle-o:before {
content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e";
}

.fa-refresh:before {
content: "\f021";
}

.fa-list-alt:before {
content: "\f022";
}

.fa-lock:before {
content: "\f023";
}

.fa-flag:before {
content: "\f024";
}

.fa-headphones:before {
content: "\f025";
}

.fa-volume-off:before {
content: "\f026";
}

.fa-volume-down:before {
content: "\f027";
}

.fa-volume-up:before {
content: "\f028";
}

.fa-qrcode:before {
content: "\f029";
}

.fa-barcode:before {
content: "\f02a";
}

.fa-tag:before {
content: "\f02b";
}

.fa-tags:before {
content: "\f02c";
}

.fa-book:before {
content: "\f02d";
}

.fa-bookmark:before {
content: "\f02e";
}

.fa-print:before {
content: "\f02f";
}

.fa-camera:before {
content: "\f030";
}

.fa-font:before {
content: "\f031";
}

.fa-bold:before {
content: "\f032";
}

.fa-italic:before {
content: "\f033";
}

.fa-text-height:before {
content: "\f034";
}

.fa-text-width:before {
content: "\f035";
}

.fa-align-left:before {
content: "\f036";
}

.fa-align-center:before {
content: "\f037";
}

.fa-align-right:before {
content: "\f038";
}

.fa-align-justify:before {
content: "\f039";
}

.fa-list:before {
content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
content: "\f03b";
}

.fa-indent:before {
content: "\f03c";
}

.fa-video-camera:before {
content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e";
}

.fa-pencil:before {
content: "\f040";
}

.fa-map-marker:before {
content: "\f041";
}

.fa-adjust:before {
content: "\f042";
}

.fa-tint:before {
content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044";
}

.fa-share-square-o:before {
content: "\f045";
}

.fa-check-square-o:before {
content: "\f046";
}

.fa-arrows:before {
content: "\f047";
}

.fa-step-backward:before {
content: "\f048";
}

.fa-fast-backward:before {
content: "\f049";
}

.fa-backward:before {
content: "\f04a";
}

.fa-play:before {
content: "\f04b";
}

.fa-pause:before {
content: "\f04c";
}

.fa-stop:before {
content: "\f04d";
}

.fa-forward:before {
content: "\f04e";
}

.fa-fast-forward:before {
content: "\f050";
}

.fa-step-forward:before {
content: "\f051";
}

.fa-eject:before {
content: "\f052";
}

.fa-chevron-left:before {
content: "\f053";
}

.fa-chevron-right:before {
content: "\f054";
}

.fa-plus-circle:before {
content: "\f055";
}

.fa-minus-circle:before {
content: "\f056";
}

.fa-times-circle:before {
content: "\f057";
}

.fa-check-circle:before {
content: "\f058";
}

.fa-question-circle:before {
content: "\f059";
}

.fa-info-circle:before {
content: "\f05a";
}

.fa-crosshairs:before {
content: "\f05b";
}

.fa-times-circle-o:before {
content: "\f05c";
}

.fa-check-circle-o:before {
content: "\f05d";
}

.fa-ban:before {
content: "\f05e";
}

.fa-arrow-left:before {
content: "\f060";
}

.fa-arrow-right:before {
content: "\f061";
}

.fa-arrow-up:before {
content: "\f062";
}

.fa-arrow-down:before {
content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
content: "\f064";
}

.fa-expand:before {
content: "\f065";
}

.fa-compress:before {
content: "\f066";
}

.fa-plus:before {
content: "\f067";
}

.fa-minus:before {
content: "\f068";
}

.fa-asterisk:before {
content: "\f069";
}

.fa-exclamation-circle:before {
content: "\f06a";
}

.fa-gift:before {
content: "\f06b";
}

.fa-leaf:before {
content: "\f06c";
}

.fa-fire:before {
content: "\f06d";
}

.fa-eye:before {
content: "\f06e";
}

.fa-eye-slash:before {
content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071";
}

.fa-plane:before {
content: "\f072";
}

.fa-calendar:before {
content: "\f073";
}

.fa-random:before {
content: "\f074";
}

.fa-comment:before {
content: "\f075";
}

.fa-magnet:before {
content: "\f076";
}

.fa-chevron-up:before {
content: "\f077";
}

.fa-chevron-down:before {
content: "\f078";
}

.fa-retweet:before {
content: "\f079";
}

.fa-shopping-cart:before {
content: "\f07a";
}

.fa-folder:before {
content: "\f07b";
}

.fa-folder-open:before {
content: "\f07c";
}

.fa-arrows-v:before {
content: "\f07d";
}

.fa-arrows-h:before {
content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080";
}

.fa-twitter-square:before {
content: "\f081";
}

.fa-facebook-square:before {
content: "\f082";
}

.fa-camera-retro:before {
content: "\f083";
}

.fa-key:before {
content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
content: "\f085";
}

.fa-comments:before {
content: "\f086";
}

.fa-thumbs-o-up:before {
content: "\f087";
}

.fa-thumbs-o-down:before {
content: "\f088";
}

.fa-star-half:before {
content: "\f089";
}

.fa-heart-o:before {
content: "\f08a";
}

.fa-sign-out:before {
content: "\f08b";
}

.fa-linkedin-square:before {
content: "\f08c";
}

.fa-thumb-tack:before {
content: "\f08d";
}

.fa-external-link:before {
content: "\f08e";
}

.fa-sign-in:before {
content: "\f090";
}

.fa-trophy:before {
content: "\f091";
}

.fa-github-square:before {
content: "\f092";
}

.fa-upload:before {
content: "\f093";
}

.fa-lemon-o:before {
content: "\f094";
}

.fa-phone:before {
content: "\f095";
}

.fa-square-o:before {
content: "\f096";
}

.fa-bookmark-o:before {
content: "\f097";
}

.fa-phone-square:before {
content: "\f098";
}

.fa-twitter:before {
content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a";
}

.fa-github:before {
content: "\f09b";
}

.fa-unlock:before {
content: "\f09c";
}

.fa-credit-card:before {
content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
content: "\f09e";
}

.fa-hdd-o:before {
content: "\f0a0";
}

.fa-bullhorn:before {
content: "\f0a1";
}

.fa-bell:before {
content: "\f0f3";
}

.fa-certificate:before {
content: "\f0a3";
}

.fa-hand-o-right:before {
content: "\f0a4";
}

.fa-hand-o-left:before {
content: "\f0a5";
}

.fa-hand-o-up:before {
content: "\f0a6";
}

.fa-hand-o-down:before {
content: "\f0a7";
}

.fa-arrow-circle-left:before {
content: "\f0a8";
}

.fa-arrow-circle-right:before {
content: "\f0a9";
}

.fa-arrow-circle-up:before {
content: "\f0aa";
}

.fa-arrow-circle-down:before {
content: "\f0ab";
}

.fa-globe:before {
content: "\f0ac";
}

.fa-wrench:before {
content: "\f0ad";
}

.fa-tasks:before {
content: "\f0ae";
}

.fa-filter:before {
content: "\f0b0";
}

.fa-briefcase:before {
content: "\f0b1";
}

.fa-arrows-alt:before {
content: "\f0b2";
}

.fa-group:before, .fa-users:before {
content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
content: "\f0c1";
}

.fa-cloud:before {
content: "\f0c2";
}

.fa-flask:before {
content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
content: "\f0c5";
}

.fa-paperclip:before {
content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
content: "\f0c7";
}

.fa-square:before {
content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9";
}

.fa-list-ul:before {
content: "\f0ca";
}

.fa-list-ol:before {
content: "\f0cb";
}

.fa-strikethrough:before {
content: "\f0cc";
}

.fa-underline:before {
content: "\f0cd";
}

.fa-table:before {
content: "\f0ce";
}

.fa-magic:before {
content: "\f0d0";
}

.fa-truck:before {
content: "\f0d1";
}

.fa-pinterest:before {
content: "\f0d2";
}

.fa-pinterest-square:before {
content: "\f0d3";
}

.fa-google-plus-square:before {
content: "\f0d4";
}

.fa-google-plus:before {
content: "\f0d5";
}

.fa-money:before {
content: "\f0d6";
}

.fa-caret-down:before {
content: "\f0d7";
}

.fa-caret-up:before {
content: "\f0d8";
}

.fa-caret-left:before {
content: "\f0d9";
}

.fa-caret-right:before {
content: "\f0da";
}

.fa-columns:before {
content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de";
}

.fa-envelope:before {
content: "\f0e0";
}

.fa-linkedin:before {
content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4";
}

.fa-comment-o:before {
content: "\f0e5";
}

.fa-comments-o:before {
content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
content: "\f0e7";
}

.fa-sitemap:before {
content: "\f0e8";
}

.fa-umbrella:before {
content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
content: "\f0ea";
}

.fa-lightbulb-o:before {
content: "\f0eb";
}

.fa-exchange:before {
content: "\f0ec";
}

.fa-cloud-download:before {
content: "\f0ed";
}

.fa-cloud-upload:before {
content: "\f0ee";
}

.fa-user-md:before {
content: "\f0f0";
}

.fa-stethoscope:before {
content: "\f0f1";
}

.fa-suitcase:before {
content: "\f0f2";
}

.fa-bell-o:before {
content: "\f0a2";
}

.fa-coffee:before {
content: "\f0f4";
}

.fa-cutlery:before {
content: "\f0f5";
}

.fa-file-text-o:before {
content: "\f0f6";
}

.fa-building-o:before {
content: "\f0f7";
}

.fa-hospital-o:before {
content: "\f0f8";
}

.fa-ambulance:before {
content: "\f0f9";
}

.fa-medkit:before {
content: "\f0fa";
}

.fa-fighter-jet:before {
content: "\f0fb";
}

.fa-beer:before {
content: "\f0fc";
}

.fa-h-square:before {
content: "\f0fd";
}

.fa-plus-square:before {
content: "\f0fe";
}

.fa-angle-double-left:before {
content: "\f100";
}

.fa-angle-double-right:before {
content: "\f101";
}

.fa-angle-double-up:before {
content: "\f102";
}

.fa-angle-double-down:before {
content: "\f103";
}

.fa-angle-left:before {
content: "\f104";
}

.fa-angle-right:before {
content: "\f105";
}

.fa-angle-up:before {
content: "\f106";
}

.fa-angle-down:before {
content: "\f107";
}

.fa-desktop:before {
content: "\f108";
}

.fa-laptop:before {
content: "\f109";
}

.fa-tablet:before {
content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b";
}

.fa-circle-o:before {
content: "\f10c";
}

.fa-quote-left:before {
content: "\f10d";
}

.fa-quote-right:before {
content: "\f10e";
}

.fa-spinner:before {
content: "\f110";
}

.fa-circle:before {
content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
content: "\f112";
}

.fa-github-alt:before {
content: "\f113";
}

.fa-folder-o:before {
content: "\f114";
}

.fa-folder-open-o:before {
content: "\f115";
}

.fa-smile-o:before {
content: "\f118";
}

.fa-frown-o:before {
content: "\f119";
}

.fa-meh-o:before {
content: "\f11a";
}

.fa-gamepad:before {
content: "\f11b";
}

.fa-keyboard-o:before {
content: "\f11c";
}

.fa-flag-o:before {
content: "\f11d";
}

.fa-flag-checkered:before {
content: "\f11e";
}

.fa-terminal:before {
content: "\f120";
}

.fa-code:before {
content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123";
}

.fa-location-arrow:before {
content: "\f124";
}

.fa-crop:before {
content: "\f125";
}

.fa-code-fork:before {
content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
content: "\f127";
}

.fa-question:before {
content: "\f128";
}

.fa-info:before {
content: "\f129";
}

.fa-exclamation:before {
content: "\f12a";
}

.fa-superscript:before {
content: "\f12b";
}

.fa-subscript:before {
content: "\f12c";
}

.fa-eraser:before {
content: "\f12d";
}

.fa-puzzle-piece:before {
content: "\f12e";
}

.fa-microphone:before {
content: "\f130";
}

.fa-microphone-slash:before {
content: "\f131";
}

.fa-shield:before {
content: "\f132";
}

.fa-calendar-o:before {
content: "\f133";
}

.fa-fire-extinguisher:before {
content: "\f134";
}

.fa-rocket:before {
content: "\f135";
}

.fa-maxcdn:before {
content: "\f136";
}

.fa-chevron-circle-left:before {
content: "\f137";
}

.fa-chevron-circle-right:before {
content: "\f138";
}

.fa-chevron-circle-up:before {
content: "\f139";
}

.fa-chevron-circle-down:before {
content: "\f13a";
}

.fa-html5:before {
content: "\f13b";
}

.fa-css3:before {
content: "\f13c";
}

.fa-anchor:before {
content: "\f13d";
}

.fa-unlock-alt:before {
content: "\f13e";
}

.fa-bullseye:before {
content: "\f140";
}

.fa-ellipsis-h:before {
content: "\f141";
}

.fa-ellipsis-v:before {
content: "\f142";
}

.fa-rss-square:before {
content: "\f143";
}

.fa-play-circle:before {
content: "\f144";
}

.fa-ticket:before {
content: "\f145";
}

.fa-minus-square:before {
content: "\f146";
}

.fa-minus-square-o:before {
content: "\f147";
}

.fa-level-up:before {
content: "\f148";
}

.fa-level-down:before {
content: "\f149";
}

.fa-check-square:before {
content: "\f14a";
}

.fa-pencil-square:before {
content: "\f14b";
}

.fa-external-link-square:before {
content: "\f14c";
}

.fa-share-square:before {
content: "\f14d";
}

.fa-compass:before {
content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152";
}

.fa-euro:before, .fa-eur:before {
content: "\f153";
}

.fa-gbp:before {
content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158";
}

.fa-won:before, .fa-krw:before {
content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
content: "\f15a";
}

.fa-file:before {
content: "\f15b";
}

.fa-file-text:before {
content: "\f15c";
}

.fa-sort-alpha-asc:before {
content: "\f15d";
}

.fa-sort-alpha-desc:before {
content: "\f15e";
}

.fa-sort-amount-asc:before {
content: "\f160";
}

.fa-sort-amount-desc:before {
content: "\f161";
}

.fa-sort-numeric-asc:before {
content: "\f162";
}

.fa-sort-numeric-desc:before {
content: "\f163";
}

.fa-thumbs-up:before {
content: "\f164";
}

.fa-thumbs-down:before {
content: "\f165";
}

.fa-youtube-square:before {
content: "\f166";
}

.fa-youtube:before {
content: "\f167";
}

.fa-xing:before {
content: "\f168";
}

.fa-xing-square:before {
content: "\f169";
}

.fa-youtube-play:before {
content: "\f16a";
}

.fa-dropbox:before {
content: "\f16b";
}

.fa-stack-overflow:before {
content: "\f16c";
}

.fa-instagram:before {
content: "\f16d";
}

.fa-flickr:before {
content: "\f16e";
}

.fa-adn:before {
content: "\f170";
}

.fa-bitbucket:before {
content: "\f171";
}

.fa-bitbucket-square:before {
content: "\f172";
}

.fa-tumblr:before {
content: "\f173";
}

.fa-tumblr-square:before {
content: "\f174";
}

.fa-long-arrow-down:before {
content: "\f175";
}

.fa-long-arrow-up:before {
content: "\f176";
}

.fa-long-arrow-left:before {
content: "\f177";
}

.fa-long-arrow-right:before {
content: "\f178";
}

.fa-apple:before {
content: "\f179";
}

.fa-windows:before {
content: "\f17a";
}

.fa-android:before {
content: "\f17b";
}

.fa-linux:before {
content: "\f17c";
}

.fa-dribbble:before {
content: "\f17d";
}

.fa-skype:before {
content: "\f17e";
}

.fa-foursquare:before {
content: "\f180";
}

.fa-trello:before {
content: "\f181";
}

.fa-female:before {
content: "\f182";
}

.fa-male:before {
content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
content: "\f184";
}

.fa-sun-o:before {
content: "\f185";
}

.fa-moon-o:before {
content: "\f186";
}

.fa-archive:before {
content: "\f187";
}

.fa-bug:before {
content: "\f188";
}

.fa-vk:before {
content: "\f189";
}

.fa-weibo:before {
content: "\f18a";
}

.fa-renren:before {
content: "\f18b";
}

.fa-pagelines:before {
content: "\f18c";
}

.fa-stack-exchange:before {
content: "\f18d";
}

.fa-arrow-circle-o-right:before {
content: "\f18e";
}

.fa-arrow-circle-o-left:before {
content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191";
}

.fa-dot-circle-o:before {
content: "\f192";
}

.fa-wheelchair:before {
content: "\f193";
}

.fa-vimeo-square:before {
content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
content: "\f195";
}

.fa-plus-square-o:before {
content: "\f196";
}

.fa-space-shuttle:before {
content: "\f197";
}

.fa-slack:before {
content: "\f198";
}

.fa-envelope-square:before {
content: "\f199";
}

.fa-wordpress:before {
content: "\f19a";
}

.fa-openid:before {
content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d";
}

.fa-yahoo:before {
content: "\f19e";
}

.fa-google:before {
content: "\f1a0";
}

.fa-reddit:before {
content: "\f1a1";
}

.fa-reddit-square:before {
content: "\f1a2";
}

.fa-stumbleupon-circle:before {
content: "\f1a3";
}

.fa-stumbleupon:before {
content: "\f1a4";
}

.fa-delicious:before {
content: "\f1a5";
}

.fa-digg:before {
content: "\f1a6";
}

.fa-pied-piper-pp:before {
content: "\f1a7";
}

.fa-pied-piper-alt:before {
content: "\f1a8";
}

.fa-drupal:before {
content: "\f1a9";
}

.fa-joomla:before {
content: "\f1aa";
}

.fa-language:before {
content: "\f1ab";
}

.fa-fax:before {
content: "\f1ac";
}

.fa-building:before {
content: "\f1ad";
}

.fa-child:before {
content: "\f1ae";
}

.fa-paw:before {
content: "\f1b0";
}

.fa-spoon:before {
content: "\f1b1";
}

.fa-cube:before {
content: "\f1b2";
}

.fa-cubes:before {
content: "\f1b3";
}

.fa-behance:before {
content: "\f1b4";
}

.fa-behance-square:before {
content: "\f1b5";
}

.fa-steam:before {
content: "\f1b6";
}

.fa-steam-square:before {
content: "\f1b7";
}

.fa-recycle:before {
content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
content: "\f1ba";
}

.fa-tree:before {
content: "\f1bb";
}

.fa-spotify:before {
content: "\f1bc";
}

.fa-deviantart:before {
content: "\f1bd";
}

.fa-soundcloud:before {
content: "\f1be";
}

.fa-database:before {
content: "\f1c0";
}

.fa-file-pdf-o:before {
content: "\f1c1";
}

.fa-file-word-o:before {
content: "\f1c2";
}

.fa-file-excel-o:before {
content: "\f1c3";
}

.fa-file-powerpoint-o:before {
content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8";
}

.fa-file-code-o:before {
content: "\f1c9";
}

.fa-vine:before {
content: "\f1ca";
}

.fa-codepen:before {
content: "\f1cb";
}

.fa-jsfiddle:before {
content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd";
}

.fa-circle-o-notch:before {
content: "\f1ce";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
content: "\f1d1";
}

.fa-git-square:before {
content: "\f1d2";
}

.fa-git:before {
content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content: "\f1d4";
}

.fa-tencent-weibo:before {
content: "\f1d5";
}

.fa-qq:before {
content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9";
}

.fa-history:before {
content: "\f1da";
}

.fa-circle-thin:before {
content: "\f1db";
}

.fa-header:before {
content: "\f1dc";
}

.fa-paragraph:before {
content: "\f1dd";
}

.fa-sliders:before {
content: "\f1de";
}

.fa-share-alt:before {
content: "\f1e0";
}

.fa-share-alt-square:before {
content: "\f1e1";
}

.fa-bomb:before {
content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3";
}

.fa-tty:before {
content: "\f1e4";
}

.fa-binoculars:before {
content: "\f1e5";
}

.fa-plug:before {
content: "\f1e6";
}

.fa-slideshare:before {
content: "\f1e7";
}

.fa-twitch:before {
content: "\f1e8";
}

.fa-yelp:before {
content: "\f1e9";
}

.fa-newspaper-o:before {
content: "\f1ea";
}

.fa-wifi:before {
content: "\f1eb";
}

.fa-calculator:before {
content: "\f1ec";
}

.fa-paypal:before {
content: "\f1ed";
}

.fa-google-wallet:before {
content: "\f1ee";
}

.fa-cc-visa:before {
content: "\f1f0";
}

.fa-cc-mastercard:before {
content: "\f1f1";
}

.fa-cc-discover:before {
content: "\f1f2";
}

.fa-cc-amex:before {
content: "\f1f3";
}

.fa-cc-paypal:before {
content: "\f1f4";
}

.fa-cc-stripe:before {
content: "\f1f5";
}

.fa-bell-slash:before {
content: "\f1f6";
}

.fa-bell-slash-o:before {
content: "\f1f7";
}

.fa-trash:before {
content: "\f1f8";
}

.fa-copyright:before {
content: "\f1f9";
}

.fa-at:before {
content: "\f1fa";
}

.fa-eyedropper:before {
content: "\f1fb";
}

.fa-paint-brush:before {
content: "\f1fc";
}

.fa-birthday-cake:before {
content: "\f1fd";
}

.fa-area-chart:before {
content: "\f1fe";
}

.fa-pie-chart:before {
content: "\f200";
}

.fa-line-chart:before {
content: "\f201";
}

.fa-lastfm:before {
content: "\f202";
}

.fa-lastfm-square:before {
content: "\f203";
}

.fa-toggle-off:before {
content: "\f204";
}

.fa-toggle-on:before {
content: "\f205";
}

.fa-bicycle:before {
content: "\f206";
}

.fa-bus:before {
content: "\f207";
}

.fa-ioxhost:before {
content: "\f208";
}

.fa-angellist:before {
content: "\f209";
}

.fa-cc:before {
content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b";
}

.fa-meanpath:before {
content: "\f20c";
}

.fa-buysellads:before {
content: "\f20d";
}

.fa-connectdevelop:before {
content: "\f20e";
}

.fa-dashcube:before {
content: "\f210";
}

.fa-forumbee:before {
content: "\f211";
}

.fa-leanpub:before {
content: "\f212";
}

.fa-sellsy:before {
content: "\f213";
}

.fa-shirtsinbulk:before {
content: "\f214";
}

.fa-simplybuilt:before {
content: "\f215";
}

.fa-skyatlas:before {
content: "\f216";
}

.fa-cart-plus:before {
content: "\f217";
}

.fa-cart-arrow-down:before {
content: "\f218";
}

.fa-diamond:before {
content: "\f219";
}

.fa-ship:before {
content: "\f21a";
}

.fa-user-secret:before {
content: "\f21b";
}

.fa-motorcycle:before {
content: "\f21c";
}

.fa-street-view:before {
content: "\f21d";
}

.fa-heartbeat:before {
content: "\f21e";
}

.fa-venus:before {
content: "\f221";
}

.fa-mars:before {
content: "\f222";
}

.fa-mercury:before {
content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
content: "\f224";
}

.fa-transgender-alt:before {
content: "\f225";
}

.fa-venus-double:before {
content: "\f226";
}

.fa-mars-double:before {
content: "\f227";
}

.fa-venus-mars:before {
content: "\f228";
}

.fa-mars-stroke:before {
content: "\f229";
}

.fa-mars-stroke-v:before {
content: "\f22a";
}

.fa-mars-stroke-h:before {
content: "\f22b";
}

.fa-neuter:before {
content: "\f22c";
}

.fa-genderless:before {
content: "\f22d";
}

.fa-facebook-official:before {
content: "\f230";
}

.fa-pinterest-p:before {
content: "\f231";
}

.fa-whatsapp:before {
content: "\f232";
}

.fa-server:before {
content: "\f233";
}

.fa-user-plus:before {
content: "\f234";
}

.fa-user-times:before {
content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
content: "\f236";
}

.fa-viacoin:before {
content: "\f237";
}

.fa-train:before {
content: "\f238";
}

.fa-subway:before {
content: "\f239";
}

.fa-medium:before {
content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
content: "\f23b";
}

.fa-optin-monster:before {
content: "\f23c";
}

.fa-opencart:before {
content: "\f23d";
}

.fa-expeditedssl:before {
content: "\f23e";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
content: "\f244";
}

.fa-mouse-pointer:before {
content: "\f245";
}

.fa-i-cursor:before {
content: "\f246";
}

.fa-object-group:before {
content: "\f247";
}

.fa-object-ungroup:before {
content: "\f248";
}

.fa-sticky-note:before {
content: "\f249";
}

.fa-sticky-note-o:before {
content: "\f24a";
}

.fa-cc-jcb:before {
content: "\f24b";
}

.fa-cc-diners-club:before {
content: "\f24c";
}

.fa-clone:before {
content: "\f24d";
}

.fa-balance-scale:before {
content: "\f24e";
}

.fa-hourglass-o:before {
content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
content: "\f253";
}

.fa-hourglass:before {
content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
content: "\f256";
}

.fa-hand-scissors-o:before {
content: "\f257";
}

.fa-hand-lizard-o:before {
content: "\f258";
}

.fa-hand-spock-o:before {
content: "\f259";
}

.fa-hand-pointer-o:before {
content: "\f25a";
}

.fa-hand-peace-o:before {
content: "\f25b";
}

.fa-trademark:before {
content: "\f25c";
}

.fa-registered:before {
content: "\f25d";
}

.fa-creative-commons:before {
content: "\f25e";
}

.fa-gg:before {
content: "\f260";
}

.fa-gg-circle:before {
content: "\f261";
}

.fa-tripadvisor:before {
content: "\f262";
}

.fa-odnoklassniki:before {
content: "\f263";
}

.fa-odnoklassniki-square:before {
content: "\f264";
}

.fa-get-pocket:before {
content: "\f265";
}

.fa-wikipedia-w:before {
content: "\f266";
}

.fa-safari:before {
content: "\f267";
}

.fa-chrome:before {
content: "\f268";
}

.fa-firefox:before {
content: "\f269";
}

.fa-opera:before {
content: "\f26a";
}

.fa-internet-explorer:before {
content: "\f26b";
}

.fa-tv:before, .fa-television:before {
content: "\f26c";
}

.fa-contao:before {
content: "\f26d";
}

.fa-500px:before {
content: "\f26e";
}

.fa-amazon:before {
content: "\f270";
}

.fa-calendar-plus-o:before {
content: "\f271";
}

.fa-calendar-minus-o:before {
content: "\f272";
}

.fa-calendar-times-o:before {
content: "\f273";
}

.fa-calendar-check-o:before {
content: "\f274";
}

.fa-industry:before {
content: "\f275";
}

.fa-map-pin:before {
content: "\f276";
}

.fa-map-signs:before {
content: "\f277";
}

.fa-map-o:before {
content: "\f278";
}

.fa-map:before {
content: "\f279";
}

.fa-commenting:before {
content: "\f27a";
}

.fa-commenting-o:before {
content: "\f27b";
}

.fa-houzz:before {
content: "\f27c";
}

.fa-vimeo:before {
content: "\f27d";
}

.fa-black-tie:before {
content: "\f27e";
}

.fa-fonticons:before {
content: "\f280";
}

.fa-reddit-alien:before {
content: "\f281";
}

.fa-edge:before {
content: "\f282";
}

.fa-credit-card-alt:before {
content: "\f283";
}

.fa-codiepie:before {
content: "\f284";
}

.fa-modx:before {
content: "\f285";
}

.fa-fort-awesome:before {
content: "\f286";
}

.fa-usb:before {
content: "\f287";
}

.fa-product-hunt:before {
content: "\f288";
}

.fa-mixcloud:before {
content: "\f289";
}

.fa-scribd:before {
content: "\f28a";
}

.fa-pause-circle:before {
content: "\f28b";
}

.fa-pause-circle-o:before {
content: "\f28c";
}

.fa-stop-circle:before {
content: "\f28d";
}

.fa-stop-circle-o:before {
content: "\f28e";
}

.fa-shopping-bag:before {
content: "\f290";
}

.fa-shopping-basket:before {
content: "\f291";
}

.fa-hashtag:before {
content: "\f292";
}

.fa-bluetooth:before {
content: "\f293";
}

.fa-bluetooth-b:before {
content: "\f294";
}

.fa-percent:before {
content: "\f295";
}

.fa-gitlab:before {
content: "\f296";
}

.fa-wpbeginner:before {
content: "\f297";
}

.fa-wpforms:before {
content: "\f298";
}

.fa-envira:before {
content: "\f299";
}

.fa-universal-access:before {
content: "\f29a";
}

.fa-wheelchair-alt:before {
content: "\f29b";
}

.fa-question-circle-o:before {
content: "\f29c";
}

.fa-blind:before {
content: "\f29d";
}

.fa-audio-description:before {
content: "\f29e";
}

.fa-volume-control-phone:before {
content: "\f2a0";
}

.fa-braille:before {
content: "\f2a1";
}

.fa-assistive-listening-systems:before {
content: "\f2a2";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content: "\f2a3";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content: "\f2a4";
}

.fa-glide:before {
content: "\f2a5";
}

.fa-glide-g:before {
content: "\f2a6";
}

.fa-signing:before, .fa-sign-language:before {
content: "\f2a7";
}

.fa-low-vision:before {
content: "\f2a8";
}

.fa-viadeo:before {
content: "\f2a9";
}

.fa-viadeo-square:before {
content: "\f2aa";
}

.fa-snapchat:before {
content: "\f2ab";
}

.fa-snapchat-ghost:before {
content: "\f2ac";
}

.fa-snapchat-square:before {
content: "\f2ad";
}

.fa-pied-piper:before {
content: "\f2ae";
}

.fa-first-order:before {
content: "\f2b0";
}

.fa-yoast:before {
content: "\f2b1";
}

.fa-themeisle:before {
content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
content: "\f2b4";
}

.fa-handshake-o:before {
content: "\f2b5";
}

.fa-envelope-open:before {
content: "\f2b6";
}

.fa-envelope-open-o:before {
content: "\f2b7";
}

.fa-linode:before {
content: "\f2b8";
}

.fa-address-book:before {
content: "\f2b9";
}

.fa-address-book-o:before {
content: "\f2ba";
}

.fa-vcard:before, .fa-address-card:before {
content: "\f2bb";
}

.fa-vcard-o:before, .fa-address-card-o:before {
content: "\f2bc";
}

.fa-user-circle:before {
content: "\f2bd";
}

.fa-user-circle-o:before {
content: "\f2be";
}

.fa-user-o:before {
content: "\f2c0";
}

.fa-id-badge:before {
content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
content: "\f2c2";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
content: "\f2c3";
}

.fa-quora:before {
content: "\f2c4";
}

.fa-free-code-camp:before {
content: "\f2c5";
}

.fa-telegram:before {
content: "\f2c6";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
content: "\f2c7";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content: "\f2c8";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
content: "\f2c9";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content: "\f2ca";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
content: "\f2cb";
}

.fa-shower:before {
content: "\f2cc";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
content: "\f2cd";
}

.fa-podcast:before {
content: "\f2ce";
}

.fa-window-maximize:before {
content: "\f2d0";
}

.fa-window-minimize:before {
content: "\f2d1";
}

.fa-window-restore:before {
content: "\f2d2";
}

.fa-times-rectangle:before, .fa-window-close:before {
content: "\f2d3";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
content: "\f2d4";
}

.fa-bandcamp:before {
content: "\f2d5";
}

.fa-grav:before {
content: "\f2d6";
}

.fa-etsy:before {
content: "\f2d7";
}

.fa-imdb:before {
content: "\f2d8";
}

.fa-ravelry:before {
content: "\f2d9";
}

.fa-eercast:before {
content: "\f2da";
}

.fa-microchip:before {
content: "\f2db";
}

.fa-snowflake-o:before {
content: "\f2dc";
}

.fa-superpowers:before {
content: "\f2dd";
}

.fa-wpexplorer:before {
content: "\f2de";
}

.fa-meetup:before {
content: "\f2e0";
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, caption, tr, th, td, dl, dt, dd, a, img, form, input, textarea, button, header, nav, article, section, footer, aside {
font-weight: normal;
margin: 0;
padding: 0;
}

header, footer, article, section, div {
box-sizing: border-box;
}

table {
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

p, th, td, li {
word-break: break-all;
}

legend {
display: none;
}

li {
list-style: none;
}

a, img {
outline: 0;
border: 0;
text-decoration: none;
}

br {
line-height: inherit;
}

span, strong, em, i, address {
padding: 0;
font-size: inherit;
line-height: inherit;
font-style: inherit;
color: inherit;
}

input[type=submit], input[type=reset], button {
cursor: pointer;
}

strong {
font-weight: inherit;
}

i, em, address {
font-style: normal;
}

address {
font-size: inherit;
}

label {
color: inherit;
font-size: inherit;
}

.cf:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: .1em;
line-height: 0;
clear: both;
}

.cf {
clear: both;
min-height: 0;
}

input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}

input {
line-height: normal;
}

button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
color: inherit;
}


/* ***************************** */
/* default */
/* ***************************** */
html, body {
height: 100%;
}

body {
font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: #333;
}

@media all and (-ms-high-contrast: none) {
body {
font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
}

img {
max-width: 100%;
vertical-align: middle;
height: auto;
}

a {
color: #09c;
text-decoration: none;
}

a:hover {
text-decoration: none;
}

/* color */
/* uri */
@media (max-width: 1199px) {
.header {
background-color: #FFF;
position: fixed;
height: 60px;
width: 100%;
z-index: 160;
}
.header__logo {
left: 15px;
position: absolute;
width: 160px;
}
.header__hamburger {
position: absolute;
right: 0;
}

.zaiko_meinu{
position: absolute;
top: 15px;
right: 60px;
}

.zaiko_meinu a{
display: block;
line-height: 1;
font-size: .7rem;
text-align: center;
padding: 10px 12px;
background: #0951CE;
color: #FFF;
white-space: nowrap;
border-radius: 5px;
}

}

@media (min-width: 1200px) {
.header {
background-color: #FFF;
position: relative;
z-index: 100;
}
.header__top {
background-color: #EEEEEE;
}
.header__top__box {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 1200px;
justify-content: space-between;
}
.header__top__box__copy {
font-size: 62.5%;
color: #949494;
}
.header__top__box__navi {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header__top__box__navi__list:not(:last-child) {
border-right: 1px solid #D9D9D9;
}
.header__top__box__navi__list__btn {
transition: all 0.2s ease-in-out;
font-size: 62.5%;
color: #949494;
display: block;
font-weight: bold;
padding: 0 12px;
}

.header__top__box__navi__list__btn2 {
transition: all 0.2s ease-in-out;
font-size: 62.5%;
color: #FFF;
display: block;
font-weight: bold;
padding: 12px;
background:#0951CE;
}

.header__top__box__navi__list__btn:hover {
opacity: 0.7;
}
.header__center {
margin: 0 auto;
max-width: 1200px;
padding: 13px 0 0;
}
}

@media (min-width: 1200px) {
.pc-navi__top {
display: flex;
margin-bottom: 13px;
justify-content: space-between;
}
.pc-navi__info__box {
display: flex;
align-items: center;
margin-bottom: 10px;
justify-content: space-between;
}
.pc-navi__info__tel {
margin-right: 25px;
font-size: 137.5%;
color: #0951CE;
font-weight: bold;
line-height: 1;
}
.pc-navi__info__sns {
display: flex;
}
.pc-navi__info__sns__list:not(:last-child) {
margin-right: 10px;
}
.pc-navi__info__sns__list__btn {
transition: all 0.2s ease-in-out;
}
.pc-navi__info__sns__list__btn:hover {
opacity: 0.7;
}
.pc-navi__info__time {
font-size: 75%;
color: #949494;
line-height: 1;
}
.pc-navi__block {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}

.pc-navi__box {
display: flex;
}

.pc-navi__box__list:not(:last-child) {
border-right: 1px solid #EEEEEE;
}
.pc-navi__box__list__btn {
font-size: 100%;
transition: all 0.2s ease-in-out;
color: #333333;
display: block;
font-weight: bold;
padding: 0 18px;
}
.pc-navi__box__list__btn:hover {
opacity: 0.7;
}
.pc-navi__contact {
display: flex;
}
.pc-navi__contact__box__btn {
font-size: 87.5%;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
color: #fff;
font-weight: bold;
display: block;
height: 50px;
line-height: 50px;
text-align: center;
width: 110px;
margin-left: 1px;
}

.pc-navi__box__list__btn.gray_txt{
color: #999;
font-size: 100%;
}

.icon_list{
position: absolute;
top:5px;
left: 750px;
width:110px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.icon_list li{
width:28%;
}

.pc-navi__contact__box__btn--line {
background-color: #00B900;
border: 1px solid #00B900;
}
.pc-navi__contact__box__btn--line:hover {
opacity: 0.7;
}
.pc-navi__contact__box__btn--web {
background-color: #0951CE;
border: 1px solid #0951CE;
}
.pc-navi__contact__box__btn--web:hover {
opacity: 0.7;
}
.pc-navi__contact__box__btn--doc {
background-color: #0951CE;
border: 1px solid #0951CE;
}
.pc-navi__contact__box__btn--doc:hover {
opacity: 0.7;
}
}

@media (max-width: 1199px) {
.hamburger {
cursor: pointer;
padding: 19px;
}
.hamburger__icon {
align-items: center;
height: 20px;
position: relative;
text-align: center;
width: 25px;
z-index: 110;
font-size: 187.5%;
display: flex;
}
.hamburger__icon[data-open="true"] span {
border-radius: 5px;
}
.hamburger__icon[data-open="true"] span:nth-of-type(1) {
transform: translateY(10px) rotate(-315deg);
}
.hamburger__icon[data-open="true"] span:nth-of-type(2) {
opacity: 0;
}
.hamburger__icon[data-open="true"] span:nth-of-type(3) {
transform: translateY(-8px) rotate(315deg);
}
.hamburger__icon span {
background-color: #000;
border-radius: 5px;
height: 2px;
position: absolute;
width: 100%;
transition: all 0.2s ease-in-out;
}
.hamburger__icon span:nth-of-type(1) {
top: 0;
}
.hamburger__icon span:nth-of-type(2) {
top: 9px;
}
.hamburger__icon span:nth-of-type(3) {
bottom: 0;
}
}

@media (min-width: 1200px) {
.tracking-navi {
transition: all 0.2s ease-in-out;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.95);
height: 62px;
position: fixed;
top: -62px;
width: 100%;
z-index: 100;
}
.tracking-navi[data-active="true"] {
top: 0;
}
.tracking-navi__block {
display: flex;
margin: 0 auto;
max-width: 1200px;
justify-content: space-between;
}
.tracking-navi__logo {
padding: 15px 0;
}
.tracking-navi__box {
display: flex;
align-items: center;
}
.tracking-navi__box__list:not(:last-child) {
border-right: 1px solid #EEEEEE;
}
.tracking-navi__box__list__btn {
font-size: 75%;
transition: all 0.2s ease-in-out;
color: #000;
font-weight: bold;
padding: 0 10px;
}

.tracking-navi__box__list__btn.gray_txt{
color: #999;
}

.tracking-navi__box__list__btn:hover {
opacity: 0.7;
}
.tracking-navi__contact {
display: flex;
}
.tracking-navi__contact__box__btn {
font-size: 87.5%;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
color: #fff;
font-weight: bold;
display: block;
height: 62px;
line-height: 62px;
text-align: center;
width: 110px;
margin-left: 1px;
}
.tracking-navi__contact__box__btn--line {
background-color: #00B900;
border: 1px solid #00B900;
}
.tracking-navi__contact__box__btn--line:hover {
opacity: 0.7;
}
.tracking-navi__contact__box__btn--web {
background-color: #0951CE;
border: 1px solid #0951CE;
}
.tracking-navi__contact__box__btn--web:hover {
opacity: 0.7;
}
.tracking-navi__contact__box__btn--doc {
background-color: #0951CE;
border: 1px solid #0951CE;
}
.tracking-navi__contact__box__btn--doc:hover {
opacity: 0.7;
}
}

@media (max-width: 1199px) {
.sp-navi {
background-color: #FFF;
display: none;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 150;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.sp-navi__block {
padding: 60px 10px 0;
}
.sp-navi__box__list {
border-bottom: 1px solid #D9D9D9;
text-align: center;
}
.sp-navi__box__list__btn {
color: #333333;
display: block;
font-weight: bold;
padding: 18px 0;
}

.sp-navi__box__list__btn.gray_txt {
color: #999;
}

.sp-navi__info {
padding-top: 23px;
}
.sp-navi__info__box {
display: flex;
justify-content: center;
}
.sp-navi__info__box__list {
font-size: 75%;
padding: 8px;
}
.sp-navi__info__box__list__btn {
color: #949494;
font-weight: bold;
}

.sp_icon_list{
position: relative;
margin:30px auto 0;
width:180px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.sp_icon_list li{
width:32%;
}

}
@media (max-width: 1199px) {
.tracking-btn {
background: #FFF;
display: flex;
bottom: 0;
height: 62px;
line-height: 62px;
position: fixed;
width: 100%;
z-index: 110;
justify-content: space-between;
}
.tracking-btn__box {
font-size: 87.5%;
text-align: center;
/*width: 33.33%;*/
width: 33.1%;
}
.tracking-btn__box__btn {
color: #FFF;
display: block;
font-weight: bold;
}
.tracking-btn__box__btn--line {
background-color: #00B900;
}
.tracking-btn__box__btn--web {
background-color: #0951CE;
}
.tracking-btn__box__btn--doc {
background-color: #0951CE;
}
}

@media (max-width: 1199px) {
.main {
padding: 60px 0 0 0;
}
}

@media (min-width: 1200px) {
.footer {
background-color: #EEEEEE;
padding: 70px 0 115px;
}
.footer__block {
display: flex;
margin: 0 auto;
justify-content: center;
}
.footer__boxes {
margin: 0 50px;
}
.footer__box:last-child {
margin-bottom: 0;
}
.footer__box--multi {
margin-bottom: 36px;
}
.footer__box__title {
font-size: 75%;
line-height: 1;
margin-bottom: 22px;
}
.footer__box__title--multi {
margin-bottom: 14px;
}
.footer__box__title__btn {
color: #0951CE;
display: inline-block;
font-weight: bold;
}
.footer__box__title__btn:hover {
opacity: 0.7;
}
.footer__box__list {
line-height: 1;
}
.footer__box__list:not(:last-child) {
margin-bottom: 8px;
}
.footer__box__list__btn {
font-size: 75%;
color: #333333;
display: inline-block;
}

.kyuushi_txt {
font-size: 75%;
color: #999;
}

.footer__box__list__btn:hover {
opacity: 0.7;
}

.btn_chatbot{
bottom:10px;
position:fixed;
right: 10px;
text-align:center;
z-index: 10;
}

.btn_chatbot a{
background: linear-gradient(to top, #069bd0, #07ade8);
border-radius: 30px;
display: inline-block;
height: 44px;
line-height: 44px;
padding: 0px 15px;
text-align: center;
z-index:10;
font-size: 0.8rem;
color: #FFF;
}

.btn_chatbot a span{
display: inline-block;
width: 30px;
margin-right: 5px;
}

}

@media all {
.copyright {
font-size: 75%;
color: #949494;
text-align: center;
}
}


@media (max-width: 1199px) {
.copyright {
padding: 40px 0 120px;
}

.btn_chatbot{
bottom:75px;
position:fixed;
right: 10px;
text-align:center;
z-index: 10;
}

.btn_chatbot a{
background: linear-gradient(to top, #069bd0, #07ade8);
border-radius: 30px;
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0px 15px;
text-align: center;
z-index:100;
font-size: 0.8rem;
color: #FFF;
}

.btn_chatbot a span{
display: inline-block;
width: 20px;
margin-right: 5px;
}

}

@media (min-width: 1200px) {
.copyright {
padding: 8px;
}
}

@media all {
.main-header {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
}
}

@media (max-width: 1199px) {


.main-header {
height: 200px;
}
.main-header--strength {
background-image: url(/shared/img/content/strength/bgimg_strength.jpg);
}

.main-header--semi_informal {
background-image: url(/shared/img/content/semi_informal/bgimg_semi_informal.jpg);
}

.main-header--course {
background-image: url(/shared/img/content/course/bgimg_course.jpg);
}
.main-header--admission {
background-image: url(/shared/img/content/admission/bgimg_admission.jpg);
}
.main-header--faculty {
background-image: url(/shared/img/content/faculty/bgimg_faculty.jpg);
}
.main-header--payment {
background-image: url(/shared/img/content/payment/bgimg_payment.jpg);
}
.main-header--event {
background-image: url(/shared/img/content/event/bgimg_event.jpg);
}
.main-header--news {
background-image: url(/shared/img/content/news/bgimg_news.jpg);
}
.main-header--current {
background-image: url(/shared/img/content/current/bgimg_current.jpg);
}
.main-header--additional {
background-image: url(/shared/img/content/additional/bgimg_additional.jpg);
}
.main-header--contact {
background-image: url(/shared/img/content/contact/bgimg_contact.jpg);
}
.main-header--privacy-policy {
background-image: url(/shared/img/content/privacy-policy/bgimg_privacy_policy.jpg);
}
}

@media (min-width: 1200px) {
.main-header {
height: 237px;
}
.main-header--strength {
background-image: url(/shared/img/content/strength/bgimg_strength.jpg);
}

.main-header--semi_informal {
background-image: url(/shared/img/content/semi_informal/bgimg_semi_informal.jpg);
}

.main-header--course {
background-image: url(/shared/img/content/course/bgimg_course.jpg);
}
.main-header--admission {
background-image: url(/shared/img/content/admission/bgimg_admission.jpg);
}
.main-header--faculty {
background-image: url(/shared/img/content/faculty/bgimg_faculty.jpg);
}
.main-header--payment {
background-image: url(/shared/img/content/payment/bgimg_payment.jpg);
}
.main-header--event {
background-image: url(/shared/img/content/event/bgimg_event.jpg);
}
.main-header--news {
background-image: url(/shared/img/content/news/bgimg_news.jpg);
}
.main-header--current {
background-image: url(/shared/img/content/current/bgimg_current.jpg);
}
.main-header--additional {
background-image: url(/shared/img/content/additional/bgimg_additional.jpg);
}
.main-header--contact {
background-image: url(/shared/img/content/contact/bgimg_contact.jpg);
}
.main-header--privacy-policy {
background-image: url(/shared/img/content/privacy-policy/bgimg_privacy_policy.jpg);
}
}

@media all {
.breadcrumb {
border-bottom: 1px solid #EEEEEE;
}
.breadcrumb__box {
display: flex;
margin: 0 auto;
max-width: 1200px;
}
.breadcrumb__box__list:not(:last-child)::after {
content: '\f105';
font-family: FontAwesome;
margin: 0 0.5em;
}
.breadcrumb__box__list__btn, .breadcrumb__box__list__txt {
color: #7D7D7D;
}
}

@media (max-width: 1199px) {
.breadcrumb__box {
flex-wrap: wrap;
padding: 10px;
}
.breadcrumb__box__list {
font-size: 75%;
}
}

@media (min-width: 1200px) {
.breadcrumb {
padding: 20px 0;
}
.breadcrumb__box__list {
font-size: 87.5%;
}
.breadcrumb__box__list__btn {
transition: all 0.2s ease-in-out;
}
.breadcrumb__box__list__btn:hover {
opacity: 0.7;
}
}

@media (min-width: 1200px) {
.content-navi {
background-color: #0951CE;
padding: 35px 0;
}
.content-navi__box {
display: flex;
margin: 0 auto;
max-width: 1200px;
}
.content-navi__box__list {
font-size: 87.5%;
}
.content-navi__box__list:not(:last-child) {
border-right: 1px solid #FFF;
}
.content-navi__box__list__btn {
transition: all 0.2s ease-in-out;
color: #FFF;
display: block;
font-weight: bold;
padding: 0 20px;
}

.content-navi__box__list__btn.gray {
transition: all 0.2s ease-in-out;
color:#C5C5C5;
display: block;
font-weight: bold;
padding: 0 20px;
}

.content-navi__box__list__btn:hover {
opacity: 0.7;
}
}

@media all {
.diamond {
display: flex;
align-items: center;
justify-content: center;
}
.diamond::before {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
content: '';
background-image: url(/shared/img/common/icon_diamond.png);
margin-right: 5px;
height: 19px;
width: 19px;
}
}

@media all {
.main-visual {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.main-visual__block {
height: 100%;
position: relative;
}
.main-visual__box {
position: absolute;
width: 100%;
}
.main-visual__box__title {
color: #FFF;
font-weight: bold;
text-align: center;
}
.main-visual__box__icon {
line-height: 1;
text-align: center;
}
.main-visual__box__icon__btn {
color: #FFF;
}
}

@media (max-width: 1199px) {
.main-visual {
background-image: url(/shared/img/content/home/bgimg_mainvisual_i.jpg);
overflow: hidden;
}
.main-visual__youtube {
position: relative;
}
.main-visual__youtube__block {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.main-visual__youtube__box__content {
height: 0;
padding-top: 56.25%;
position: relative;
width: 100%;
}
.main-visual__youtube__box__content__player {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.main-visual__box {
bottom: 0px;
}
.main-visual__box__title {
font-size: 175%;
line-height: 43px;
margin-bottom: 15px;
}
.main-visual__box__icon {
font-size: 187.5%;
}
}

@media (min-width: 1200px) {
.main-visual {
background-image: url(/shared/img/content/home/bgimg_mainvisual.jpg);
height: 500px;
overflow: hidden;
z-index: -1;
}
.main-visual__youtube {
position: relative;
}
.main-visual__youtube__block {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.main-visual__youtube__box__content {
height: 0;
padding-top: 56.25%;
position: relative;
width: 100%;
}
.main-visual__youtube__box__content__player {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.main-visual__box {
bottom: 0px;
}
.main-visual__box__title {
font-size: 625%;
line-height: 1.5;
}
}

@media all {
.top-notice__block {
background-color: #FFEAE4;
border: 1px solid #FF916E;
}
.top-notice__block__title {
color: #FF3900;
font-weight: bold;
line-height: 1;
text-align: center;
}
.top-notice__block__title .fa {
font-weight: normal;
}
.top-notice__box__date {
color: #949494;
font-weight: bold;
}
.top-notice__box__title__detail {
color: #333;
}
}

@media (max-width: 1199px) {
.top-notice {
margin: 0 10px;
padding-top: 30px;
}
.top-notice__block {
margin: 0 auto;
max-width: 375px;
padding: 20px;
}
.top-notice__block__title {
font-size: 87.5%;
margin-bottom: 15px;
}
.top-notice__block__title .fa {
font-size: 114.28571%;
}
.top-notice__box:not(:last-child) {
margin-bottom: 20px;
}
.top-notice__box__date {
font-size: 75%;
margin-bottom: 10px;
}
.top-notice__box__title {
font-size: 87.5%;
}
}

@media (min-width: 1200px) {
.top-notice {
padding-top: 70px;
}
.top-notice__block {
padding: 40px 200px;
margin: 0 auto;
max-width: 1200px;
}
.top-notice__block__title {
font-size: 125%;
margin-bottom: 30px;
}
.top-notice__block__title .fa {
font-size: 110%;
}
.top-notice__box {
display: flex;
align-items: top;
}
.top-notice__box:not(:last-child) {
margin-bottom: 20px;
}
.top-notice__box__date {
font-size: 75%;
margin-top: 4px;
width: 90px;
}
.top-notice__box__title {
width: calc(100% - 90px);
}
}

@media all {
.top-chosen__title {
font-weight: bold;
text-align: center;
}
.top-chosen__title__en {
color: #0951CE;
display: block;
line-height: 1;
}
.top-chosen__title__jp {
display: block;
line-height: 1;
}
.top-chosen__block {
background-color: #EEEEEE;
position: relative;
}
.top-chosen__boxes {
position: relative;
}
.top-chosen__box__list {
background-color: #FFF;
}
.top-chosen__box__list__icon {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
line-height: 1;
text-align: center;
}
.top-chosen__box__list__icon .fa {
font-weight: normal;
}
.top-chosen__box__list__text {
font-weight: bold;
line-height: 1;
}
.top-chosen__detail {
margin: 0 auto;
max-width: 170px;
text-align: center;
}
.top-chosen__detail__btn {
background-color: #FFF;
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.top-chosen__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.top-chosen {
padding: 40px 0 0;
}
.top-chosen__title {
font-size: 100%;
}
.top-chosen__title__en {
margin-bottom: 12px;
}
.top-chosen__title__jp {
font-size: 112.5%;
}
.top-chosen__block {
margin-top: 80px;
padding: 0 10px 40px;
}
.top-chosen__boxes {
left: 0;
margin: 0 auto;
max-width: 375px;
right: 0;
top: -50px;
}
.top-chosen__boxes__img {
margin-bottom: 40px;
}
.top-chosen__boxes__img img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.top-chosen__box {
display: flex;
flex-wrap: wrap;
max-width: 100%;
padding: 0 10px;
justify-content: space-between;
}

.top-chosen__box__list a{
position: relative;
}

.top-chosen__box__list {
width: 48%;
background: #fff;
border-radius: 6px;
margin: 0 0 40px;
box-shadow: 0px 5px 0px 0px rgba(8, 1, 3, 0.13);
transition: .2s;
}

.top-chosen__box__list a{
position: relative;
}

.top-chosen__box__list a .point_txt{
position: absolute;
top:-10px;
left: -6px;
font-size:1.1rem;
font-weight: bold;
white-space: nowrap;
font-family: 'Courgette', cursive;
text-shadow: 2.121px 2.121px 0px #fff;
z-index: 1;
}

.top-chosen__box__list a .point_txt span{
font-size: 1.6rem;
}

.top-chosen__box__list a .img_circle{
border-radius: 10px 10px 0 0;
overflow: hidden;
position: relative;
width: 100%;
margin:0 auto;
}

.top-chosen__box__list a .img_circle img{
position: relative;
}

.top-chosen__box__list__icon {
font-size: 87.5%;
margin: 0 auto 18px;
max-width: 90px;
padding: 10px;
}
.top-chosen__box__list__text {
position: relative;
width: 84%;
display:block;
font-size: .7rem;
letter-spacing: 0.05em;
color: #fff;
padding: 8px 10px;
background: rgb(6,155,208);
background-image:linear-gradient( 0deg, rgb(6,155,208) 0%, rgb(9,81,206) 100%);
margin-top: -20px;
margin-left:10px;
}
.top-chosen__box__list__text::before {
content:"";
position: absolute;
z-index: 5;
left: 20px;
top: -10px;
border-style: solid;
border-width:10px 10px 0 0;
border-color: transparent #069bd0 transparent #069bd0;
}
.top-chosen__detail {
font-size: 75%;
height: 40px;
line-height: 40px;
}
.top-chosen__detail__btn::after {
font-size: 83.33333%;
}
}

@media (min-width: 1200px) {
.top-chosen {
padding: 95px 0 0;
}
.top-chosen__title {
font-size: 100%;
margin-bottom: 145px;
}
.top-chosen__title__en {
font-size: 162.5%;
margin-bottom: 25px;
}
.top-chosen__title__jp {
font-size: 212.5%;
}
.top-chosen__block {
}
.top-chosen__boxes {
left: 0;
margin: 0 auto;
width: 1200px;
right: 0;
top: -70px;
}
.top-chosen__boxes__img {
margin-bottom: 40px;
}
.top-chosen__box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 20px;
}
.top-chosen__box__list {
width: 32%;
background: #fff;
border-radius: 10px;
margin: 0 0 60px;
box-shadow: 0px 5px 0px 0px rgba(8, 1, 3, 0.13);
transition: .2s;
}

.top-chosen__box__list a{
position: relative;
}

.top-chosen__box__list a .point_txt{
position: absolute;
top:-30px;
left: -10px;
font-size:1.8rem;
font-weight: bold;
white-space: nowrap;
font-family: 'Courgette', cursive;
text-shadow: 2.121px 2.121px 0px #fff;
z-index: 1;
}

.top-chosen__box__list a .point_txt span{
font-size: 2.6rem;
}

.top-chosen__box__list a .img_circle{
border-radius: 10px 10px 0 0;
overflow: hidden;
position: relative;
width: 100%;
margin:0 auto;
}

.top-chosen__box__list a .img_circle img{
position: relative;
margin-top: -10%;
}

.top-chosen__box__list__icon {
font-size: 87.5%;
margin: 0 auto 18px;
max-width: 90px;
padding: 10px;
}
.top-chosen__box__list__text {
position: relative;
display: inline-block;
font-size: 1.2rem;
letter-spacing: 0.05em;
color: #fff;
padding: 10px 16px 10px 16px;
background-image: -moz-linear-gradient( 0deg, rgb(6,155,208) 0%, rgb(9,81,206) 100%);
background-image:linear-gradient( 0deg, rgb(6,155,208) 0%, rgb(9,81,206) 100%);
margin-top: -60px;
margin-left: -10px;
z-index: 2;
}
.top-chosen__box__list__text::before {
content:"";
position: absolute;
z-index: 1;
left: 20px;
top: -6px;
border-style: solid;
border-width:6px 6px 4px 0;
border-color: transparent #0951ce transparent transparent;
z-index: -1;
}

.top-chosen__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
}
.top-chosen__detail__btn {
transition: all 0.2s ease-in-out;
}
.top-chosen__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.top-chosen__detail__btn::after {
font-size: 85.71429%;
}
}

@media all {
.top-event__top__title {
line-height: 1;
font-weight: bold;
}
.top-event__top__title__en, .top-event__top__title__jp {
display: block;
}
.top-event__top__all {
font-size: 75%;
text-align: center;
}
.top-event__top__all__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
}
.top-event__top__all__btn .fa {
margin-left: 6px;
}
.top-event__box {
color: #333333;
display: block;
}
.top-event__box__img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.top-event__box__info__date {
background-color: #EEEEEE;
color: #0951CE;
font-weight: bold;
text-align: center;
}
}

@media (max-width: 1199px) {
.top-event {
padding: 45px 0 55px;
}
.top-event__top {
margin-bottom: 30px;
}
.top-event__top__title {
font-size: 100%;
margin-bottom: 32px;
text-align: center;
}
.top-event__top__title__en {
font-size: 137.5%;
margin-bottom: 12px;
}
.top-event__top__title__jp {
font-size: 75%;
}
.top-event__top__all {
height: 25px;
line-height: 25px;
margin: 0 auto;
width: 170px;
}
.top-event__block {
margin: 0 auto;
max-width: 375px;
}
.top-event__box {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
justify-content: space-between;
}
.top-event__box__img {
height: 0;
padding-top: 70%;
width: 100%;
}
.top-event__box__info {
width: 100%;
}
.top-event__box__info__date {
font-size: 75%;
margin-bottom: 15px;
padding: 5px;
}
.top-event__box__info__title {
font-size: 87.5%;
}

}
@media (min-width: 1200px) {
.top-event {
padding: 75px 0 90px;
margin: 0 auto;
max-width: 1200px;
}
.top-event__top {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.top-event__top__title {
font-size: 100%;
display: flex;
align-items: center;
}
.top-event__top__title__en {
font-size: 162.5%;
}
.top-event__top__title__jp {
font-size: 75%;
border-left: 1px solid #D9D9D9;
padding-left: 21px;
margin-left: 21px;
}
.top-event__top__all {
height: 24px;
line-height: 24px;
width: 110px;
}
.top-event__top__all__btn {
transition: all 0.2s ease-in-out;
display: block;
height: 100%;
width: 100%;
}
.top-event__top__all__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.top-event__block {
display: flex;
}
.top-event__box {
transition: all 0.2s ease-in-out;
margin-right: 20px;
width: 285px;
}
.top-event__box:nth-child(4n) {
margin-right: 0;
}
.top-event__box:hover {
opacity: 0.7;
}
.top-event__box__img {
height: 200px;
}
.top-event__box__info__date {
font-size: 87.5%;
margin-bottom: 20px;
padding: 4px;
}
.top-event__box__info__title {
line-height: 1.7;
}
}

@media all {
.top-plans {
background-color: #0951CE;
}
.top-plans__title {
color: #FFF;
font-weight: bold;
}
.top-plans__box {
background-color: #FFF;
color: #0951CE;
display: block;
position: relative;
}
.top-plans__box::after {
content: '';
position: absolute;
}
.top-plans__box--01:hover {
background-color: #00C6EF;
}
.top-plans__box--01::after {
background-image: url(/shared/img/content/home/icon_car.png);
height: 154px;
width: 202px;
}
.top-plans__box--02:hover {
background-color: #00C6EF;
}
.top-plans__box--02::after {
background-image: url(/shared/img/content/home/icon_early.png);
height: 158px;
width: 153px;
}
.top-plans__box--03:hover {
background-color: #00C6EF;
}
.top-plans__box--03::after {
background-image: url(/shared/img/content/home/icon_quick.png);
height: 159px;
width: 166px;
}
.top-plans__box--04:hover {
background-color: #00C6EF;
}
.top-plans__box--04::after {
background-image: url(/shared/img/content/home/icon_easy.png);
height: 142px;
width: 164px;
}
.top-plans__box__title {
line-height: 1;
font-weight: bold;
text-align: center;
}
.top-plans__box__title__jp, .top-plans__box__title__en {
display: block;
}
.top-plans__box__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
margin: 0 auto;
max-width: 170px;
width: 100%;
background-color: #FFF;
color: #0951CE;
font-weight: bold;
position: relative;
text-align: center;
}
.top-plans__box__detail::after {
font-size: 85.71429%;
content: "\f054";
font-family: FontAwesome;
right: 15px;
position: absolute;
}
.top-plans__other__btn {
font-size: 87.5%;
background-color: #FFF;
box-sizing: border-box;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
text-align: center;
}
.top-plans__other__btn::after {
font-size: 85.71429%;
bottom: 0;
content: "\f054";
font-family: FontAwesome;
height: 20px;
margin: auto 0;
right: 15px;
top: 0;
position: absolute;
}
}

@media (max-width: 1199px) {
.top-plans {
padding: 45px 10px 40px;
}
.top-plans__block {
margin: 0 auto;
max-width: 375px;
}
.top-plans__title {
font-size: 100%;
line-height: 1;
margin-bottom: 32px;
text-align: center;
}
.top-plans__title__en, .top-plans__title__jp {
display: block;
}
.top-plans__title__en {
font-size: 137.5%;
margin-bottom: 12px;
}
.top-plans__title__jp {
font-size: 75%;
}
.top-plans__boxes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top-plans__box {
box-sizing: border-box;
margin-bottom: 15px;
min-height: 165px;
padding: 55px 7px 20px;
width: 170px;
}
.top-plans__box::after {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
left: 15px;
top: 20px;
}
.top-plans__box--01::after {
width: 141px;
height: 107px;
}
.top-plans__box--02::after {
width: 141px;
height: 110px;
}
.top-plans__box--03::after {
width: 141px;
height: 111px;
}
.top-plans__box--04::after {
width: 141px;
height: 99px;
}
.top-plans__box__title {
font-size: 100%;
font-weight: bold;
}
.top-plans__box__title__jp {
font-size: 100%;
margin-bottom: 15px;
}
.top-plans__box__title__en {
font-size: 75%;
margin-bottom: 20px;
}

.plans__box__txt{
font-weight: 500;
font-size: 0.7rem;
color: #000;
margin: 0 0 20px;
padding: 0 10px;
box-sizing: border-box;
}

.top-plans__other {
font-size: 100%;
padding-top: 15px;
}
.top-plans__other__btn {
padding: 15px;
}
.top-plans__other__btn:not(:last-child) {
margin-bottom: 15px;
}
}

@media (min-width: 1200px) {
.top-plans {
padding: 70px 0 90px;
}
.top-plans__block {
margin: 0 auto;
max-width: 1200px;
}
.top-plans__title {
display: flex;
font-size: 100%;
align-items: center;
line-height: 1;
margin-bottom: 40px;
}
.top-plans__title__en {
font-size: 162.5%;
}
.top-plans__title__jp {
font-size: 87.5%;
border-left: 1px solid #D9D9D9;
padding-left: 21px;
margin-left: 21px;
}
.top-plans__boxes {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.top-plans__box {
transition: all 0.2s ease-in-out;
box-sizing: border-box;
width: 33%;
padding:45px 0;
border-radius: 12px;
background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(14, 255, 255, .2));
}
.top-plans__box:hover > p {
background-color: #0951CE;
color: #FFF;
}
.top-plans__box::after {
left: 0;
margin: auto;
right: 0;
}
.top-plans__box--01::after, .top-plans__box--02::after, .top-plans__box--03::after {
top: 30px;
}
.top-plans__box--04::after {
top: 40px;
}
.top-plans__box__title {
font-size: 100%;
margin-bottom: 30px;
}
.top-plans__box__title__jp {
font-size: 162.5%;
margin-bottom: 25px;
}
.top-plans__box__title__jp--quick {
font-size: 137.5%;
}
.top-plans__box__detail {
transition: all 0.2s ease-in-out;
}

.plans__box__txt{
font-weight: 500;
font-size: 0.8rem;
color: #000;
margin: 0 0 30px;
padding: 0 30px;
box-sizing: border-box;
text-align: center;
}

.top-plans__other {
display: flex;
font-size: 125%;
justify-content: space-between;
}
.top-plans__other__btn {
font-size: 100%;
transition: all 0.2s ease-in-out;
border: 1px solid #FFF;
padding: 23px 25px;
width: 590px;
}
.top-plans__other__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.top-plans__other__btn::after {
font-size: 60%;
}
}

@media all {
.top-news__top__title {
line-height: 1;
font-weight: bold;
}
.top-news__top__title__en, .top-news__top__title__jp {
display: block;
}
.top-news__top__all {
font-size: 75%;
text-align: center;
}
.top-news__top__all__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
}
.top-news__top__all__btn .fa {
margin-left: 6px;
}
.top-news__box {
border-bottom: 1px solid #D9D9D9;
color: #333333;
display: block;
}
.top-news__box__info__date {
color: #949494;
font-weight: bold;
}
.top-news__box__info__category {
font-weight: bold;
}
}

@media (max-width: 1199px) {
.top-news {
margin: 0 auto;
max-width: 375px;
padding: 45px 10px 55px;
}
.top-news__top {
margin-bottom: 30px;
}
.top-news__top__title {
font-size: 100%;
margin-bottom: 32px;
text-align: center;
}
.top-news__top__title__en {
font-size: 137.5%;
margin-bottom: 12px;
}
.top-news__top__title__jp {
font-size: 75%;
}
.top-news__top__all {
height: 25px;
line-height: 25px;
margin: 0 auto;
width: 170px;
}
.top-news__box {
padding: 15px 0;
}
.top-news__box:first-child {
padding-top: 0;
}
.top-news__box__info {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.top-news__box__info__date {
font-size: 75%;
margin-right: 10px;
}
.top-news__box__info__category {
font-size: 87.5%;
}
.top-news__box__title {
font-size: 87.5%;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}

@media (min-width: 1200px) {
.top-news {
padding: 75px 0 90px;
margin: 0 auto;
max-width: 1200px;
}
.top-news__top {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.top-news__top__title {
font-size: 100%;
display: flex;
align-items: center;
}
.top-news__top__title__en {
font-size: 162.5%;
}
.top-news__top__title__jp {
font-size: 75%;
border-left: 1px solid #D9D9D9;
padding-left: 21px;
margin-left: 21px;
}
.top-news__top__all {
height: 24px;
line-height: 24px;
width: 110px;
}
.top-news__top__all__btn {
transition: all 0.2s ease-in-out;
display: block;
height: 100%;
width: 100%;
}
.top-news__top__all__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.top-news__block {
}
.top-news__box {
display: flex;
transition: all 0.2s ease-in-out;
justify-content: space-between;
width: 590px;
padding: 0 0 30px;
margin: 0 0 30px;
}
.top-news__box:hover {
opacity: 0.7;
}
.top-news__box__info {
width: 100px;
}
.top-news__box__info__date {
font-size: 75%;
}
.top-news__box__info__category {
font-size: 87.5%;
}
.top-news__box__title {
width: 460px;
}
}

@media all {
.top-sns {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.top-sns__title {
color: #FFF;
font-weight: bold;
}
.top-sns__box {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.top-sns__box__list__btn {
display: flex;
align-items: center;
color: #FFF;
font-weight: bold;
}
.top-sns__box__list__btn img {
margin-right: 5px;
}
}

@media (max-width: 1199px) {
.top-sns {
background-image: url(/shared/img/content/home/bgimg_sns_i@2x.jpg);
padding: 45px 10px 20px;
}
.top-sns__block {
margin: 0 auto;
max-width: 375px;
}
.top-sns__title {
font-size: 100%;
line-height: 1;
margin-bottom: 32px;
text-align: center;
}
.top-sns__title__en, .top-sns__title__jp {
display: block;
}
.top-sns__title__en {
font-size: 137.5%;
margin-bottom: 12px;
}
.top-sns__title__jp {
font-size: 75%;
}
.top-sns__box {
margin: 0 auto;
max-width: 265px;
}
.top-sns__box__list {
display: flex;
box-sizing: border-box;
margin-bottom: 20px;
width: 45%;
}
}

@media (min-width: 1200px) {
.top-sns {
background-image: url(/shared/img/content/home/bgimg_sns@2x.jpg);
padding: 75px 0 85px;
}
.top-sns__block {
margin: 0 auto;
max-width: 1200px;
}
.top-sns__title {
display: flex;
font-size: 100%;
align-items: center;
line-height: 1;
margin-bottom: 40px;
}
.top-sns__title__en {
font-size: 162.5%;
}
.top-sns__title__jp {
font-size: 87.5%;
border-left: 1px solid #D9D9D9;
padding-left: 21px;
margin-left: 21px;
}
.top-sns__box__list {
padding: 0 25px;
}
.top-sns__box__list__btn {
transition: all 0.2s ease-in-out;
}
.top-sns__box__list__btn:hover {
opacity: 0.7;
}
}

@media all {
.top-for-students {
background-image: url(/shared/img/content/home/bgimg_grid.png);
}
.top-for-students__title {
color: #000;
line-height: 1;
font-weight: bold;
}
.top-for-students__title__en, .top-for-students__title__jp {
display: block;
}
.top-for-students__boxes {
display: flex;
flex-wrap: wrap;
}
.top-for-students__box {
border: 1px solid #0951CE;
box-sizing: border-box;
}
.top-for-students__box__icon {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.top-for-students__box__title {
font-size: 125%;
background-color: #FFF;
box-sizing: border-box;
color: #0951CE;
font-weight: bold;
position: relative;
text-align: center;
}
.top-for-students__box__title::after {
font-size: 60%;
content: "\f054";
font-family: FontAwesome;
right: 15px;
position: absolute;
}
}

@media (max-width: 1199px) {
.top-for-students {
padding: 45px 10px 50px;
}
.top-for-students__block {
margin: 0 auto;
max-width: 375px;
}
.top-for-students__title {
font-size: 100%;
margin-bottom: 24px;
text-align: center;
}
.top-for-students__title__en {
font-size: 137.5%;
margin-bottom: 12px;
}
.top-for-students__title__jp {
font-size: 75%;
}
.top-for-students__boxes {
justify-content: space-between;
}
.top-for-students__box:not(:last-child) {
margin-bottom: 15px;
}
.top-for-students__box--01, .top-for-students__box--02,.top-for-students__box--03 {
width: 48%;
}
 .top-for-students__box--04 {
width: 100%;
/*width: 47.88%;*/
}
.top-for-students__box__icon {
display: flex;
align-items: center;
justify-content: center;
}
.top-for-students__box__icon--01,
.top-for-students__box__icon--02,
.top-for-students__box__icon--03{
padding: 16px;
box-sizing: border-box;
border-radius: 50%;
width: 80px;
background: #0951ce;
margin: 10px auto;
}

.top-for-students__box__icon--04{
padding: 10px;
box-sizing: border-box;
background: #F1F1F1;

}

.top-for-students__box__icon--01 img,
.top-for-students__box__icon--02 img,
.top-for-students__box__icon--03 img{
max-width: 100%;
}
.top-for-students__box__icon--04 img {
max-width: 90%;
}
.top-for-students__box__title {
height: 35px;
line-height: 35px;
}
.top-for-students__box__title--01,.top-for-students__box__title--02,
.top-for-students__box__title--03{
font-size: 60%;
}
.top-for-students__box__title--01::after, .top-for-students__box__title--02::after,
.top-for-students__box__title--03::after{
font-size: 75%;
}
.top-for-students__box__title--04 {
font-size: 60%;
}
.top-for-students__box__title--04::after {
font-size: 75%;
right: 10px;
}

#online.online_wrap{
width: 90%;
margin: 0 auto;
background: #307ACD;
padding: 20px;
box-sizing: border-box;
border-radius: 6px;
margin: 40px auto 0;
}

#online.online_wrap .ttl{
font-size: 1.2rem;
font-weight: 700;
color: #FFF;
margin: 0 auto 20px;
text-align: center;
}

#online.online_wrap .ttl span{
color: #ccff00;
}

#online.online_wrap .s_txt{
font-size: 1rem;
font-weight: 800;
line-height: 1.4;
text-align: center;
color: #ccff00;
margin: 0 auto 30px;
}

#online.online_wrap .s_txt2{
font-size: .8rem;
line-height: 1.4;
text-align: center;
}


#online.online_wrap .txt0{
font-size: 1rem;
font-weight: 700;
color: #FFF;
text-align: center;
}

#online.online_wrap .txt{
font-size: .8rem;
font-weight: 500;
text-align: center;
margin: 0 auto 20px;
color: #FFF;
}

#online.online_wrap .online_step{
width: 80%;
margin: 40px auto 0px;
}

#online.online_wrap .online_step li{
width: 100%;
padding: 15px;
box-sizing: border-box;
background: rgba(255,255,255,.9);
border-radius:8px;
margin: 0 0 20px;
}

#online.online_wrap .online_step li .icon{
width: 80%;
margin: 0 auto 10px;
}

#online.online_wrap .online_step li .qr{
width: 40%;
margin: 0 auto 10px;
text-align: center;
}

#online.online_wrap .online_step li .s_txt{
font-size: .8rem;
font-weight: 500;
text-align: center;
color: #000;
margin-bottom: 0;
}

#online.online_wrap .nline{
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 8px;
background: #FFF;
margin: 20px auto 0;
}

#online.online_wrap .nline{
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 8px;
background: #FFF;
margin: 20px auto 0;
}

#online .onlineabout_wrap{
width: 90%;
margin:0 auto 40px;
padding: 14px;
box-sizing: border-box;
background: rgba(255,255,255,.76);
border-radius: .8rem;
}

#online .onlineabout_wrap .img_box{
width: 80%;
margin:0 auto 20px;
}

#online .onlineabout_wrap .img_box img{
border-radius: .6rem;
border: 1px solid rgba(255,255,255,.3);
}

#online .onlineabout_wrap .txt_box{
width: 100%;
}

#online .onlineabout_wrap .txt_box .ab_ttl{
font-weight: 600;
line-height: 1;
color: #224293;
margin: 0 0 10px;
text-align: center;
}

#online .onlineabout_wrap .txt_box .ab_txt{
font-size: .7rem;
}

#online .onlinemerit_wrap{
width: 100%;
margin:0 auto 30px;
padding: 16px;
box-sizing: border-box;
background: rgba(255,255,255,.9);
border-radius: .8rem;
}

#online .onlinemerit_wrap .me_ttl{
font-size: 1.2rem;
font-weight: 800;
text-align: center;
margin: 0 0 10px;
color: #224293;
}

#online .onlinemerit_wrap .me_list{
margin-bottom: 20px;
}

#online .onlinemerit_wrap .me_list li{
width:100%;
padding: 10px;
box-sizing: border-box;
font-size: .8rem;
line-height: 1;
font-weight: 700;
border-radius: .2rem;
margin-bottom: 1%;
background: rgba(255,255,255,.8);
color: #224293;
}

#online .onlinemerit_wrap .me_stxt{
font-size: .7rem;
line-height: 1.8;
}

#online .ol_kibo_txt{
font-size: 1rem;
font-weight: 700;
color: #FFF;
margin: 0 0 40px;
}

#online .nline_ttl{
font-size: 1.2rem;
line-height: 1;
font-weight: 700;
margin: 0 0 10px;
text-align: center;
color: rgba(205,240,0,1);
border-bottom: 1px solid rgba(205,240,0,1);
padding-bottom: 10px;
box-sizing: border-box;
}

#online .nline_ttl span{
display: block;
margin-bottom: 5px;
}

#online .pc_nline_txt_box{
display: none;
}
#online .sp_nline_txt_box{
display:block;
color: #FFF;
}

#online .sp_nline_txt_box h4{
margin-bottom: 10px;
font-size: .8rem;
font-weight: 700;
}

#online .sp_nline_txt_box h4 span{
font-size: .8rem;
font-weight:normal;
}

}
@media (min-width: 1200px) {
.top-for-students {
padding: 75px 0 90px;
}
.top-for-students__block {
margin: 0 auto;
max-width: 1200px;
}
.top-for-students__title {
font-size: 100%;
display: flex;
align-items: center;
margin-bottom: 40px;
}
.top-for-students__title__en {
font-size: 150%;
}
.top-for-students__title__jp {
font-size: 87.5%;
border-left: 1px solid #D9D9D9;
padding-left: 21px;
margin-left: 21px;
}
.top-for-students__boxes {
justify-content: space-between;
}
.top-for-students__box {
transition: all 0.2s ease-in-out;
}
.top-for-students__box:hover {
opacity: 0.7;
}
.top-for-students__box--01,
.top-for-students__box--02,
.top-for-students__box--03,
.top-for-students__box--04{
margin-bottom: 20px;
width:32.6%;
}

.top-for-students__box__icon--01,
.top-for-students__box__icon--02,
.top-for-students__box__icon--03{
padding: 16px;
box-sizing: border-box;
border-radius: 50%;
width: 80px;
background: #0951ce;
margin: 10px auto;
}

.top-for-students__box__title {
height: 50px;
line-height: 50px;
}

#online.online_wrap{
width: 1000px;
margin: 0 auto;
background: #307ACD;
padding: 40px;
box-sizing: border-box;
border-radius: 12px;
}

#online.online_wrap .ttl{
font-size: 1.8rem;
font-weight: 700;
color: #FFF;
margin: 0 auto 20px;
text-align: center;
}

#online.online_wrap .ttl span{
color: #ccff00;
}

#online.online_wrap .s_txt{
font-size: 1.2rem;
font-weight: 800;
line-height: 1.4;
text-align: center;
margin: 0 auto 30px;
color: #ccff00;
}

#online.online_wrap .s_txt2{
font-size: .8rem;
line-height: 1.4;
text-align: center;
margin: 0 auto;
}

#online.online_wrap .txt0{
font-size: 1rem;
font-weight: 700;
color: #FFF;
text-align: center;
}

#online.online_wrap .txt{
font-size: .8rem;
font-weight: 500;
text-align: center;
margin: 0 auto 20px;
color: #FFF;
}

#online.online_wrap .online_step{
width: 70%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:40px auto 0;
}

#online.online_wrap .online_step li{
width: 48%;
padding: 15px;
box-sizing: border-box;
background: rgba(255,255,255,.9);
border-radius:8px;
}

#online.online_wrap .online_step li .icon{
width: 70%;
margin: 0 auto 10px;
}

#online.online_wrap .online_step li .qr{
width: 40%;
margin: 0 auto 10px;
text-align: center;
}

#online.online_wrap .online_step li .s_txt{
font-size: .8rem;
font-weight: 500;
text-align: center;
}

#online.online_wrap .nline{
width: 80%;
padding: 20px;
box-sizing: border-box;
border-radius: 8px;
background: #FFF;
margin: 20px auto 0;
}

#online .onlineabout_wrap{
width: 70%;
margin:0 auto 40px;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: center;
padding: 14px;
box-sizing: border-box;
background: rgba(255,255,255,.76);
border-radius: .8rem;
}

#online .onlineabout_wrap .img_box{
width: 32%;
}

#online .onlineabout_wrap .img_box img{
border-radius: .6rem;
border: 1px solid rgba(255,255,255,.3);
}

#online .onlineabout_wrap .txt_box{
width: 64%;
}

#online .onlineabout_wrap .txt_box .ab_ttl{
font-weight: 600;
line-height: 1;
color: #224293;
margin: 0 0 10px;
}

#online .onlineabout_wrap .txt_box .ab_txt{
font-size: .7rem;
}

#online .onlinemerit_wrap{
width: 100%;
margin:0 auto 30px;
padding: 20px;
box-sizing: border-box;
background: rgba(255,255,255,.90);
border-radius: .8rem;
}

#online .onlinemerit_wrap .me_ttl{
font-size: 1.6rem;
font-weight: 800;
text-align: center;
margin: 0 0 10px;
color: #224293;
}

#online .onlinemerit_wrap .me_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
}

#online .onlinemerit_wrap .me_list li{
width: 49.5%;
padding: 10px;
box-sizing: border-box;
font-size: 1rem;
line-height: 1;
font-weight: 700;
border-radius: .2rem;
margin-bottom: 1%;
background: rgba(255,255,255,.8);
color: #224293;
}

#online .onlinemerit_wrap .me_stxt{
font-size: .7rem;
}

#online .ol_kibo_txt{
font-size: 1.2rem;
font-weight: 700;
text-align: center;
color: #FFF;
margin: 0 0 70px;
}

#online .nline_ttl{
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
margin: 0 0 20px;
text-align: center;
color: rgba(205,240,0,1);
border-bottom: 1px solid rgba(205,240,0,1);
padding-bottom: 10px;
box-sizing: border-box;
}

#online .pc_nline_txt_box{
display: block;
color: #FFF;
}

#online .pc_nline_txt_box h4{
margin: 0 0 10px;
font-weight: 700;
}

#online .pc_nline_txt_box h4 span{
display: block;
font-size: .8rem;
font-weight: 500;
}

#online .sp_nline_txt_box{
display: none;
}
}

@media all {
.top-about {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.top-about__title {
color: #FFF;
font-weight: bold;
text-align: center;
}
.top-about__box__list__btn {
font-size: 125%;
background-color: #FFF;
border: 1px solid #0951CE;
box-sizing: border-box;
color: #0951CE;
display: block;
height: 100%;
font-weight: bold;
position: relative;
text-align: center;
width: 100%;
}
.top-about__box__list__btn::after {
content: "\f054";
font-family: FontAwesome;
right: 15px;
position: absolute;
}
.top-about__tel {
font-weight: bold;
text-align: center;
}
.top-about__tel__number {
color: #FFF;
line-height: 1;
font-weight: bold;
}
.top-about__tel__time {
color: #949494;
}
}

@media (max-width: 1199px) {
.top-about {
background-image: url(/shared/img/content/home/bgimg_info_i@2x.png);
padding: 43px 10px 45px;
}
.top-about__block {
margin: 0 auto;
max-width: 375px;
}
.top-about__title {
font-size: 100%;
margin-bottom: 30px;
}
.top-about__box {
margin-bottom: 35px;
}
.top-about__box__list {
height: 55px;
line-height: 55px;
width: 100%;
}
.top-about__box__list:not(:last-child) {
margin-bottom: 15px;
}
.top-about__box__list__btn {
font-size: 100%;
}
.top-about__box__list__btn::after {
font-size: 75%;
}
.top-about__tel__number {
font-size: 150%;
font-weight: bold;
margin-bottom: 15px;
}
.top-about__tel__number .fa {
font-weight: normal;
}
.top-about__tel__number a {
color: #FFF;
}
.top-about__tel__time {
font-size: 75%;
}
}

@media (min-width: 1200px) {
.top-about {
background-image: url(/shared/img/content/home/bgimg_info@2x.png);
padding: 65px 0;
}
.top-about__title {
font-size: 125%;
margin-bottom: 40px;
}
.top-about__box {
display: flex;
margin: 0 auto 55px;
max-width: 1200px;
justify-content: space-between;
}
.top-about__box__list {
height: 70px;
line-height: 70px;
width: 387px;
}
.top-about__box__list__btn {
font-size: 125%;
transition: all 0.2s ease-in-out;
}
.top-about__box__list__btn:hover {
background-color: #0951CE;
border: 1px solid #FFF;
color: #FFF;
}
.top-about__box__list__btn::after {
font-size: 60%;
}
.top-about__tel__number {
font-size: 212.5%;
margin-bottom: 15px;
}
.top-about__tel__time {
font-size: 87.5%;
}
}

@media all {
.top-access__title {
color: #0951CE;
line-height: 1;
font-weight: bold;
}
.top-access__title__en, .top-access__title__jp {
display: block;
}
.top-access__box--festa {
display: flex;
justify-content: space-between;
}
.top-access__info__title {
color: #0951CE;
font-weight: bold;
line-height: 1;
}
.top-access__info__address a, .top-access__info__tel a {
color: #0951CE;
}
.top-access__info__address {
line-height: 1.5;
}
.top-access__info__tel {
color: #0951CE;
font-weight: bold;
}
}

@media (max-width: 1199px) {
.top-access {
padding: 45px 10px 0;
}
.top-access__title {
font-size: 100%;
margin-bottom: 25px;
text-align: center;
}
.top-access__title__en {
font-size: 137.5%;
margin-bottom: 12px;
}
.top-access__title__jp {
font-size: 75%;
}
.top-access__boxes {
border-bottom: 1px solid #D9D9D9;
}
.top-access__boxes:not(:last-child) {
margin-bottom: 30px;
}
.top-access__boxes__map {
height: 400px;
width: 100%;
}
.top-access__box {
padding: 20px 0;
}
.top-access__box__img {
max-width: 105px;
}
.top-access__info__title {
font-size: 100%;
margin-bottom: 10px;
}
.top-access__info__address {
font-size: 75%;
margin-bottom: 10px;
}
.top-access__info__tel {
font-size: 100%;
}
}

@media (min-width: 1200px) {
.top-access {
padding: 75px 0 90px;
}
.top-access__block {
margin: 0 auto;
max-width: 1200px;
}
.top-access__title {
font-size: 100%;
display: flex;
align-items: center;
margin-bottom: 25px;
}
.top-access__title__en {
font-size: 162.5%;
}
.top-access__title__jp {
font-size: 87.5%;
border-left: 1px solid #D9D9D9;
padding-left: 21px;
margin-left: 21px;
}
.top-access__map {
display: flex;
justify-content: space-between;
}
.top-access__boxes {
width: 590px;
}
.top-access__boxes__map {
height: 400px;
margin-bottom: 20px;
width: 590px;
}
.top-access__box {
border-left: 1px solid #D9D9D9;
box-sizing: border-box;
min-height: 190px;
padding-left: 20px;
}
.top-access__info {
padding-top: 20px;
}
.top-access__info__title {
font-size: 125%;
margin-bottom: 15px;
}
.top-access__info__address {
font-size: 87.5%;
margin-bottom: 15px;
}
.top-access__info__tel {
font-size: 112.5%;
}
}

@media all {
.about__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.about__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
}

@media (max-width: 1199px) {
.about {
padding: 35px 0 50px;
}
.about__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.about__title::after {
margin: 10px auto 0;
}
}

@media (min-width: 1200px) {
.about {
padding: 70px 0 100px;
}
.about__title {
font-size: 212.5%;
margin-bottom: 70px;
}
.about__title::after {
margin: 20px auto 0;
}
}

@media all {
.about-top__img img {
display: block;
}
.about-top__txt {
line-height: 1.8;
text-align: center;
}
}

@media (max-width: 1199px) {
.about-top {
margin: 0 auto 45px;
max-width: 375px;
padding: 0 10px;
}
.about-top__img {
margin-bottom: 35px;
}
.about-top__txt {
font-size: 87.5%;
}
}

@media (min-width: 1200px) {
.about-top {
margin: 0 auto 90px;
max-width: 1200px;
}
.about-top__img {
margin-bottom: 70px;
}
}

@media all {
.about-greeting__block {
background-color: #F8F8F8;
}
.about-greeting__boxes {
background-image: url(/shared/img/content/about/bgimg_president.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.about-greeting__box__copy {
color: #0951CE;
}
.about-greeting__message__txt {
line-height: 1.8;
text-indent: 1em;
}
}

@media (max-width: 1199px) {
.about-greeting {
margin-bottom: 45px;
}
.about-greeting__top {
margin: 0 auto 20px;
max-width: 375px;
padding: 0 10px;
}
.about-greeting__top__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
}
.about-greeting__top__title::before, .about-greeting__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.about-greeting__top__title::before {
margin-right: 25px;
}
.about-greeting__top__title::after {
margin-left: 25px;
}
.about-greeting__block {
margin-bottom: 25px;
}
.about-greeting__boxes {
background-size: 380px 200px;
background-position: center 30px;
margin: 0 auto;
max-width: 375px;
min-height: 300px;
padding: 250px 10px 30px;
}
.about-greeting__box__copy {
font-size: 112.5%;
text-align: center;
}
.about-greeting__box__profile {
font-size: 100%;
margin-top: 20px;
text-align: center;
}
.about-greeting__message {
margin: 0 auto;
max-width: 375px;
padding: 0 10px;
}
.about-greeting__message__txt {
font-size: 87.5%;
}
.about-greeting__message__txt:not(:last-child) {
margin-bottom: 20px;
}
}

@media (min-width: 1200px) {
.about-greeting {
margin-bottom: 90px;
}
.about-greeting__top {
margin: 0 auto 40px;
max-width: 1200px;
}
.about-greeting__top__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
}
.about-greeting__top__title::before, .about-greeting__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.about-greeting__top__title::before {
margin-right: 50px;
}
.about-greeting__top__title::after {
margin-left: 50px;
}
.about-greeting__block {
margin-bottom: 50px;
}
.about-greeting__boxes {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 1200px;
height: 400px;
}
.about-greeting__box {
max-width: 510px;
}
.about-greeting__box__copy {
font-size: 212.5%;
}
.about-greeting__box__profile {
font-size: 125%;
line-height: 2.0;
margin: 25px 0 0 auto;
width: 180px;
}
.about-greeting__message {
margin: 0 auto;
max-width: 1200px;
}
.about-greeting__message__txt:not(:last-child) {
margin-bottom: 35px;
}
}

@media all {
.about-outline__boxes__title {
font-weight: bold;
}
.about-outline__box {
display: flex;
align-items: center;
border-bottom: 1px solid #D9D9D9;
}
.about-outline__box__title, .about-outline__box__content {
box-sizing: border-box;
}
}

@media (max-width: 1199px) {
.about-outline__top {
margin: 0 auto 20px;
max-width: 375px;
padding: 0 10px;
}
.about-outline__top__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
}
.about-outline__top__title::before, .about-outline__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.about-outline__top__title::before {
margin-right: 25px;
}
.about-outline__top__title::after {
margin-left: 25px;
}
.about-outline__block {
margin: 0 auto;
max-width: 375px;
padding: 0 10px;
}
.about-outline__boxes:not(:last-child) {
margin-bottom: 40px;
}
.about-outline__boxes__title {
font-size: 100%;
margin-bottom: 10px;
}
.about-outline__box__title, .about-outline__box__content {
font-size: 87.5%;
padding: 10px;
}
.about-outline__box__title {
width: 30%;
}
.about-outline__box__content {
width: 70%;
}
}

@media (min-width: 1200px) {
.about-outline__top {
margin: 0 auto 40px;
max-width: 1200px;
}
.about-outline__top__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
}
.about-outline__top__title::before, .about-outline__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.about-outline__top__title::before {
margin-right: 50px;
}
.about-outline__top__title::after {
margin-left: 50px;
}
.about-outline__block {
margin: 0 auto;
max-width: 800px;
}
.about-outline__boxes:not(:last-child) {
margin-bottom: 80px;
}
.about-outline__boxes__title {
font-size: 125%;
margin-bottom: 20px;
}
.about-outline__box__title, .about-outline__box__content {
padding: 20px;
}
.about-outline__box__title {
width: 200px;
}
}

@media all {
.strength__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.strength__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.strength__box__title {
font-weight: bold;
}
.strength__box__title__icon {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
line-height: 1;
text-align: center;
}
.strength__box__title__icon .fa {
font-weight: normal;
}
.strength__box__detail {
text-align: center;
}
.strength__box__detail__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.strength__box__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.strength {
padding: 35px 0 50px;
}
.strength__title {
font-size: 112.5%;
margin-bottom: 40px;
}
.strength__title::after {
margin: 10px auto 0;
}
.strength__block {
padding: 0 10px;
margin: 0 auto;
max-width: 375px;
}
.strength__boxes:not(:last-child) {
margin-bottom: 35px;
}
.strength__boxes__img {
margin-bottom: 20px;
}
.strength__box__title {
font-size: 100%;
margin-bottom: 20px;
}
.strength__box__title__icon {
font-size: 75%;
padding: 8px;
margin-right: 9px;
}
.strength__box__intro {
font-size: 87.5%;
}
.strength__box__detail {
font-size: 75%;
height: 40px;
line-height: 40px;
margin-top: 20px;
}
}

@media (min-width: 1200px) {
.strength {
padding: 70px 0 100px;
}
.strength__title {
font-size: 212.5%;
margin-bottom: 85px;
}
.strength__title::after {
margin: 20px auto 0;
}
.strength__block {
margin: 0 auto;
max-width: 1200px;
}
.strength__boxes {
display: flex;
align-items: center;
justify-content: space-between;
}
.strength__boxes:not(:last-child) {
margin-bottom: 70px;
}
.strength__boxes:nth-child(odd) {
flex-direction: row-reverse;
}
.strength__boxes__img {
width: 720px;
}
.strength__box {
width: 430px;
}
.strength__box__title {
font-size: 125%;
margin-bottom: 40px;
}
.strength__box__title__icon {
font-size: 70%;
margin: 0 10px 0 0;
max-width: 90px;
padding: 10px;
}
.strength__box__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
margin-top: 40px;
width: 100%;
}
.strength__box__detail__btn {
transition: all 0.2s ease-in-out;
}
.strength__box__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
}

@media all {
.course__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.course__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.course__intro {
text-align: center;
}
.course__block {
margin: 0 auto;
max-width: 1200px;
}
.course__block__advice {
color: #7D7D7D;
text-align: right;
}
.course__navi__list {
text-align: center;
}
.course__navi__list__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.course__navi__list__btn::after {
content: '\f078';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.course {
padding: 35px 10px 45px;
}
.course__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.course__title::after {
margin: 10px auto 0;
}
.course__intro {
font-size: 87.5%;
margin-bottom: 35px;
}
.course__block {
margin: 0 auto;
max-width: 375px;
}
.course__block__table {
margin-bottom: 5px;
}
.course__block__advice {
font-size: 75%;
}
.course__navi {
padding: 0 0 35px;
}
.course__navi__list {
height: 40px;
line-height: 40px;
margin: 0 auto;
width: 290px;
}
.course__navi__list:not(:last-child) {
margin-bottom: 10px;
}
.course__navi__list__btn {
font-size: 75%;
transition: all 0.2s ease-in-out;
height: 100%;
width: 100%;
}
.course__navi__list__btn::after {
font-size: 83.33333%;
}

.course__block__advice {
color: #7D7D7D;
text-align: right;
margin: 0 0 30px;
}

}

@media (min-width: 1200px) {
.course {
padding: 70px 0 90px;
}
.course__title {
font-size: 212.5%;
margin-bottom: 60px;
}
.course__title::after {
margin: 20px auto 0;
}
.course__intro {
margin-bottom: 70px;
line-height: 2;
}
.course__block__table {
margin-bottom: 10px;
margin: 0 auto;
max-width: 1200px
}
.course__block__advice {
font-size: 87.5%;
max-width: 1200px;
margin: 0 auto 90px;
}
.course__navi {
display: flex;
justify-content: space-between;
padding: 0 0 70px;
}
.course__navi__list {
height: 50px;
line-height: 50px;
width: 290px;
}
.course__navi__list__btn {
font-size: 87.5%;
transition: all 0.2s ease-in-out;
height: 100%;
width: 100%;
}
.course__navi__list__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.course__navi__list__btn::after {
font-size: 85.71429%;
}
}

@media all {
.course-table {
text-align: center;
width:100%;
margin:0 0 10px;
}
}

@media (max-width: 1199px) {
.course-table__box__title {
font-size: 75%;
background-color: #7D7D7D;
border: 5px solid #FFF;
color: #FFF;
padding: 6px;
}
.course-table__box__content {
font-size: 75%;
border: 5px solid #FFF;
padding: 6px;
width: 50%;
}
.course-table__box__content--title {
background-color: #EEEEEE;
font-weight: bold;
}
.course-table__box__content--is {
background-color: #F8F8F8;
}
}

@media (min-width: 1200px) {
.course-table__head__box__list {
font-size: 87.5%;
background-color: #7D7D7D;
border: 5px solid #FFF;
border-collapse: collapse;
color: #FFF;
font-weight: bold;
padding: 13px;
width: 20%;
}
.course-table__head__box__list--none {
background: none;
}
.course-table__body__box__title, .course-table__body__box__content {
border: 5px solid #FFF;
border-collapse: collapse;
padding: 13px;
}
.course-table__body__box__title {
background-color: #EEEEEE;
font-weight: bold;
}
.course-table__body__box__content {
background-color: #F8F8F8;
}
}

@media all {
.plan__block {
margin: 0 auto;
max-width: 1200px;
}
.plan__boxes__recommend {
display: flex;
align-items: center;
justify-content: space-between;
}
.plan__boxes__recommend__title, .plan__boxes__recommend__txt {
font-weight: bold;
}
.plan__boxes__recommend__title {
box-sizing: border-box;
color: #FFF;
}
.plan__boxes__recommend__title--01 {
background-color: #2A69E8;
border: 2px solid #2A69E8;
}
.plan__boxes__recommend__title--02 {
background-color: #00C6EF;
}
.plan__boxes__recommend__title--03 {
background-color: #00A0FF;
}
.plan__boxes__recommend__title--04 {
background-color: #00E0E8;
}
.plan__boxes__recommend__txt {
box-sizing: border-box;
border: 2px solid #EEEEEE;
}
.plan__boxes__action__list {
text-align: center;
}
.plan__boxes__action__list__btn {
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.plan__boxes__action__list__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
.plan__box {
background-color: #E8E8E8;
position: relative;
z-index: -1;
}
.plan__box::after {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
content: '';
position: absolute;
z-index: -1;
}
.plan__box--01::after {
background-image: url(/shared/img/content/course/icon_standard.png);
}
.plan__box--02::after {
background-image: url(/shared/img/content/course/icon_early.png);
}
.plan__box--03::after {
background-image: url(/shared/img/content/course/icon_quick.png);
}
.plan__box--04::after {
background-image: url(/shared/img/content/course/icon_easy.png);
}
.plan__box__top {
border-bottom: 1px solid #D9D9D9;
color: #0951CE;
text-align: center;
}
.plan__box__top__jp, .plan__box__top__en {
font-weight: bold;
}
.plan__box__top__jp {
line-height: 1;
}
.plan__box__title {
font-weight: bold;
text-align: center;
}
.plan__box__title2 {
font-weight: bold;
text-align: center;
}
.plan__box__intro {
line-height: 1.8;
text-align: center;
}
.plan__box__intro2 {
font-size: 90%;
line-height: 1.6;
text-align: center;
}
.plan__box__limit {
text-align: center;
}
.plan__box__limit__title {
font-weight: bold;
}
.plan__box__recommend {
background-color: #FFF;
text-align: center;
}
.plan__box__recommend__title {
font-weight: bold;
}
.plan__box__recommend__title--01 {
color: #2A69E8;
}
.plan__box__recommend__title--02 {
color: #00C6EF;
}
.plan__box__recommend__title--03 {
color: #00A0FF;
}
.plan__box__recommend__title--04 {
color: #00E0E8;
}
.plan__box__recommend__title .fa {
font-weight: normal;
margin: 0 18px 0 10px;
}
.plan__top {
display: flex;
align-items: center;
justify-content: center;
}
.plan__top__title--01 {
color: #2A69E8;
}
.plan__top__title--02 {
color: #00C6EF;
}
.plan__top__title--03 {
color: #00A0FF;
}
.plan__top__title--04 {
color: #00E0E8;
}
.plan__top__title__jp, .plan__top__title__en {
font-weight: bold;
line-height: 1;
}
.plan__support__boxes__title {
font-weight: bold;
}
.plan__support__boxes__intro {
line-height: 1.8;
text-align: center;
}
.plan__support__box {
display: flex;
align-items: center;
justify-content: space-between;
}
.plan__support__box__title, .plan__support__box__txt {
font-weight: bold;
}
.plan__support__box__title {
background-color: #00E0E8;
box-sizing: border-box;
color: #FFF;
}
.plan__support__box__txt {
background-color: #FFF;
border: 2px solid #EEEEEE;
box-sizing: border-box;
}
}

@media (max-width: 1199px) {
.plan {
padding: 25px 0 0;
}
.plan__boxes:not(:last-child) {
margin-bottom: 25px;
}
.plan__boxes__recommend {
align-items: stretch;
padding-top: 5px;
}
.plan__boxes__recommend__title, .plan__boxes__recommend__txt {
font-size: 75%;
padding: 5px 10px;
}
.plan__boxes__recommend__title {
display: flex;
align-items: center;
margin-right: 5px;
justify-content: center;
text-align: center;
width: 40%;
}
.plan__boxes__recommend__txt {
width: calc( 100% - 40% - 5px);
}
.plan__boxes__action {
padding-top: 15px;
}
.plan__boxes__action__list {
font-size: 87.5%;
height: 40px;
line-height: 40px;
margin: 0 auto;
max-width: 300px;
width: 100%;
}
.plan__boxes__action__list:not(:last-child) {
margin-bottom: 10px;
}
.plan__box {
padding: 25px;
}
.plan__box::after {
left: 30px;
top: 125px;
}
.plan__box--01::after {
height: 113px;
width: 148px;
}
.plan__box--02::after {
height: 121.5px;
width: 118.5px;
}
.plan__box--03::after {
height: 122px;
width: 127.5px;
}
.plan__box--04::after {
height: 104.5px;
width: 121px;
}
.plan__box__top {
margin-bottom: 15px;
padding-bottom: 10px;
}
.plan__box__top__jp {
font-size: 106.25%;
margin-bottom: 5px;
}
.plan__box__top__en {
font-size: 87.5%;
}
.plan__box__title {
font-size: 100%;
margin-bottom: 15px;
}
.plan__box__title2 {
font-size: 90%;
margin-bottom: 5px;
margin-top: 15px
}
.plan__box__intro {
font-size: 87.5%;
}
.plan__box__table {
margin-top: 15px;
}
.plan__box__limit {
padding-top: 25px;
}
.plan__box__limit__title {
font-size: 100%;
margin-bottom: 10px;
}
.plan__box__limit__intro {
font-size: 87.5%;
}
.plan__support__boxes {
padding-top: 25px;
}
.plan__support__boxes__title {
font-size: 112.5%;
margin-bottom: 10px;
}
.plan__support__boxes__intro {
font-size: 87.5%;
margin-bottom: 10px;
}
.plan__support__box {
align-items: stretch;
padding-top: 5px;
}
.plan__support__box__title, .plan__support__box__txt {
font-size: 75%;
padding: 5px;
}
.plan__support__box__title {
display: flex;
align-items: center;
margin-right: 5px;
justify-content: center;
text-align: center;
width: 40%;
}
.plan__support__box__txt {
width: calc( 100% - 40% - 5px);
}
}

@media (min-width: 1200px) {
.plan {
padding-top: 50px;
}
.plan__boxes:not(:last-child) {
margin-bottom: 50px;
}
.plan__boxes__recommend {
padding-top: 5px;
}
.plan__boxes__recommend__title, .plan__boxes__recommend__txt {
font-size: 87.5%;
padding: 15px 30px;
}
.plan__boxes__recommend__title {
text-align: center;
width: 260px;
}
.plan__boxes__recommend__txt {
width: 935px;
}
.plan__boxes__action {
display: flex;
justify-content: center;
padding-top: 30px;
}
.plan__boxes__action__list {
height: 50px;
line-height: 50px;
width: 300px;
}
.plan__boxes__action__list:not(:last-child) {
margin-right: 20px;
}
.plan__boxes__action__list__btn {
transition: all 0.2s ease-in-out;
display: block;
}
.plan__boxes__action__list__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.plan__box {
padding: 40px;
}
.plan__box::after {
bottom: 0;
left: 40px;
margin: auto 0;
top: 0;
}
.plan__box--01::after {
height: 226px;
width: 296px;
}
.plan__box--02::after {
height: 243px;
width: 237px;
}
.plan__box--03::after {
height: 244px;
width: 255px;
}
.plan__box--04::after {
height: 209px;
width: 242px;
}
.plan__box__top {
margin-bottom: 30px;
padding-bottom: 20px;
}
.plan__box__top__jp {
font-size: 162.5%;
margin-bottom: 10px;
}
.plan__box__top__en {
font-size: 100%;
}
.plan__box__title {
font-size: 125%;
margin-bottom: 30px;
}
.plan__box__title2 {
font-size: 110%;
margin-bottom: 10px;
margin-top: 30px;
}
.plan__box__table {
margin-top: 30px;
}
.plan__box__limit {
padding-top: 50px;
}
.plan__box__limit__title {
font-size: 125%;
margin-bottom: 20px;
}
.plan__top {
margin-bottom: 50px;
}
.plan__top__icon {
margin-right: 26px;
}
.plan__top__title {
text-align: center;
}
.plan__top__title__jp {
font-size: 162.5%;
margin-bottom: 10px;
}
.plan__top__title__en {
font-size: 100%;
}
.plan__support__boxes {
padding-top: 50px;
}
.plan__support__boxes__title {
font-size: 125%;
margin-bottom: 20px;
}
.plan__support__boxes__intro {
margin-bottom: 20px;
}
.plan__support__box {
padding-top: 5px;
}
.plan__support__box__title, .plan__support__box__txt {
font-size: 87.5%;
padding: 15px 30px;
}
.plan__support__box__title {
text-align: center;
width: 21.66%;
}
.plan__support__box__txt {
width: 77.91%;
}
}

@media all {
.plan-table {
text-align: center;
width: 100%;
}
.plan-table__box__title {
font-size: 100%;
background-color: #0951CE;
border: 5px solid #E8E8E8;
color: #FFF;
padding: 15px;
}
.plan-table__box__content {
font-size: 100%;
border: 5px solid #E8E8E8;
padding: 15px;
width: 50%;
}
.plan-table__box__content--title {
background-color: #D9D9D9;
font-weight: bold;
}
.plan-table__box__content--is {
background-color: #F8F8F8;
}

}

@media (max-width: 1199px) {
.plan-table__box__title {
font-size: 75%;
background-color: #0951CE;
border: 5px solid #E8E8E8;
color: #FFF;
padding: 6px;
}
.plan-table__box__content {
font-size: 75%;
border: 5px solid #E8E8E8;
padding: 6px;
width: 50%;
}
.plan-table__box__content--title {
background-color: #D9D9D9;
font-weight: bold;
}
.plan-table__box__content--is {
background-color: #F8F8F8;
}
}

@media (min-width: 1200px) {
.plan-table__head__box__list {
font-size: 87.5%;
background-color: #0951CE;
border: 5px solid #E8E8E8;
border-collapse: collapse;
color: #FFF;
font-weight: bold;
padding: 13px;
width: 20%;
}
.plan-table__head__box__list--none {
background: none;
border: none;
}
.plan-table__body__box__title, .plan-table__body__box__content {
border: 5px solid #E8E8E8;
border-collapse: collapse;
padding: 13px;
}
.plan-table__body__box__title {
background-color: #D9D9D9;
font-weight: bold;
}
.plan-table__body__box__content {
background-color: #F8F8F8;
}
}

@media all {
.vehicle__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.vehicle__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.msgC { text-align: center; margin: auto auto 80px; font-weight: bold;}
.c_red { color: #F00;}

}

@media (max-width: 1199px) {
.vehicle {
margin: 0 auto;
max-width: 375px;
padding: 35px 10px 50px;
}
.vehicle__title {
font-size: 112.5%;
margin-bottom: 40px;
}
.vehicle__title::after {
margin: 10px auto 0;
}
.msgC { text-align: center; margin: auto auto 50px; font-weight: bold; font-size: 0.8em;}
.c_red { color: #F00;}


.semi_bnr_img{
width:60%;
margin: 0 auto 40px;
}

}

@media (min-width: 1200px) {
.vehicle {
padding: 70px 0 20px;
}
.vehicle__title {
font-size: 212.5%;
margin-bottom: 85px;
}
.vehicle__title::after {
margin: 20px auto 0;
}
}

@media all {
.vehicle-top {
display: flex;
flex-wrap: wrap;
}
.vehicle-top__box__img img {
display: block;
}
.vehicle-top__box__title {
font-weight: bold;
text-align: center;
}
.vehicle-top__box__detail {
text-align: center;
}
.vehicle-top__box__detail__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.vehicle-top__box__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}

.vehicle-top__box.gray .vehicle-top__box__detail__btn {
border: 1px solid #999;
color: #999;
display: block;
font-weight: bold;
position: relative;
}
.vehicle-top__box.gray .vehicle-top__box__detail__btn::after {
display: none;
}

}

@media (max-width: 1199px) {
.vehicle-top {
justify-content: space-between;
}
.vehicle-top__box {
width: 48%;
}
.vehicle-top__box:not(:last-child) {
margin-bottom: 35px;
}
.vehicle-top__box__title {
font-size: 100%;
padding: 8px 0;
}
.vehicle-top__box__detail {
font-size: 75%;
height: 40px;
line-height: 40px;
}
.vehicle-top__box__detail__btn::after {
font-size: 83.33333%;
}
}

@media (min-width: 1200px) {
.vehicle-top {
margin: 0 auto;
max-width: 1200px;
}
.vehicle-top__box {
width: 32.22%;
margin-right: 1.67%;
margin-bottom: 70px;
}

.vehicle-top__box.gray{
position: relative;
overflow: hidden;
}

.vehicle-top__box:nth-child(3n) {
margin-right: 0;
}
.vehicle-top__box__title {
font-size: 125%;
padding: 15px 0;
}
.vehicle-top__box__detail {
font-size: 87.5%;
line-height: 50px;
width: 100%;
}
.vehicle-top__box__detail__btn {
transition: all 0.2s ease-in-out;
}
.vehicle-top__box__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.vehicle-top__box__detail__btn::after {
font-size: 85.71429%;
}

.vehicle-top__box.gray .vehicle-top__box__detail__btn:hover {
background-color: #FFF;
color: #999;
}

.vehicle-top__box.gray .vehicle-top__box__img img{
filter: grayscale(100%);
}
}

@media all {
.vehicle-guidance__tel {
box-sizing: border-box;
margin: 0 5px;
}
.vehicle-guidance__tel__txt {
font-weight: bold;
}
.vehicle-guidance__tel__number {
color: #0951CE;
font-weight: bold;
line-height: 1;
}
.vehicle-guidance__tel__number__time {
color: #949494;
display: inline-block;
font-weight: normal;
}
}

@media (max-width: 1199px) {
.vehicle-guidance {
margin: 20px auto 0;
max-width: 375px;
}
.vehicle-guidance__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.vehicle-guidance__title::before, .vehicle-guidance__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.vehicle-guidance__title::before {
margin-right: 25px;
}
.vehicle-guidance__title::after {
margin-left: 25px;
}
.vehicle-guidance__tel {
padding: 10px 15px;
}
.vehicle-guidance__tel__txt {
border-bottom: 2px solid #EEEEEE;
margin-bottom: 10px;
padding-bottom: 10px;
}
.vehicle-guidance__tel__number {
font-size: 112.5%;
text-align: center;
}
.vehicle-guidance__tel__number__time {
font-size: 66.66667%;
line-height: 1.8;
padding-top: 5px;
}
}

@media (min-width: 1200px) {
.vehicle-guidance {
margin: 20px auto 70px;
max-width: 1200px;
}
.vehicle-guidance__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.vehicle-guidance__title::before, .vehicle-guidance__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.vehicle-guidance__title::before {
margin-right: 50px;
}
.vehicle-guidance__title::after {
margin-left: 50px;
}
.vehicle-guidance__tel {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 25px;
}
.vehicle-guidance__tel__txt {
font-size: 112.5%;
}
.vehicle-guidance__tel__number {
font-size: 137.5%;
border-left: 2px solid #EEEEEE;
margin-left: 20px;
padding: 10px 0 10px 20px;
}
.vehicle-guidance__tel__number__time {
font-size: 63.63636%;
padding-top: 10px;
}
}

@media all {
.guidance-table {
width: 100%;
}
.guidance-table__box__title, .guidance-table__box__content {
border: 5px solid #FFF;
border-collapse: collapse;
box-sizing: border-box;
}
.guidance-table__box__title {
background-color: #EEEEEE;
font-weight: bold;
text-align: center;
}
.guidance-table__box__content {
background-color: #F8F8F8;
}
}

@media (max-width: 1199px) {
.guidance-table__box__title, .guidance-table__box__content {
font-size: 87.5%;
padding: 8px;
}
.guidance-table__box__title {
width: 30%;
}
}

@media (min-width: 1200px) {
.guidance-table__box__title, .guidance-table__box__content {
font-size: 100%;
padding: 15px;
}
.guidance-table__box__title {
width: 360px;
}
}

@media all {
.vehicle-charge__info {
border: 2px solid #EEEEEE;
box-sizing: border-box;
}
.vehicle-charge__info__box__list {
line-height: 1.9;
padding-left: 1em;
text-indent: -1em;
}
}

@media (max-width: 1199px) {
.vehicle-charge {
margin: 0 auto 45px;
max-width: 375px;
padding: 0 10px;
}
.vehicle-charge__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.vehicle-charge__title::before, .vehicle-charge__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.vehicle-charge__title::before {
margin-right: 25px;
}
.vehicle-charge__title::after {
margin-left: 25px;
}
.vehicle-charge__table {
margin-bottom: 20px;
}
.vehicle-charge__table--second {
padding-top: 40px;
}
.vehicle-charge__info {
padding: 20px 25px;
}
.vehicle-charge__info__box__list {
font-size: 87.5%;
}
}

@media (min-width: 1200px) {
.vehicle-charge {
margin: 0 auto 90px;
max-width: 1200px;
}
.vehicle-charge__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.vehicle-charge__title::before, .vehicle-charge__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.vehicle-charge__title::before {
margin-right: 50px;
}
.vehicle-charge__title::after {
margin-left: 50px;
}
.vehicle-charge__table {
margin-bottom: 40px;
}
.vehicle-charge__table--second {
padding-top: 80px;
}
.vehicle-charge__info {
padding: 40px 50px;
}
}

@media all {
.vehicle-table {
width: 100%;
}
.vehicle-table__box__title, .vehicle-table__box__content {
border: 5px solid #FFF;
border-collapse: collapse;
box-sizing: border-box;
text-align: center;
}
.vehicle-table__box__title {
background-color: #EEEEEE;
font-weight: bold;
}
.vehicle-table__box__content {
background-color: #F8F8F8;
}
}

@media (max-width: 1199px) {
.vehicle-table__box__title, .vehicle-table__box__content {
font-size: 87.5%;
padding: 8px;
}
.vehicle-table__box__title__advice {
font-size: 71.42857%;
}
.vehicle-table__box__content--half {
width: 50%;
}
}

@media (min-width: 1200px) {
.vehicle-table__box__title, .vehicle-table__box__content {
font-size: 100%;
padding: 12px;
box-sizing: border-box;
}

.vehicle-table__box__title .s_txt,
.vehicle-table__box__content .s_txt{
font-size: 70%;
}

.vehicle-table__box__title {
width: 28%;
}
.vehicle-table__box__title__advice {
font-size: 75%;
}
.vehicle-table__box__content {
width:18%;
}
}

@media all {
.vehicle-info__top__box__sub-title {
font-weight: bold;
}
.vehicle-info__table__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.vehicle-info__table__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.vehicle-info__footer__box__list {
text-align: center;
}
.vehicle-info__footer__box__list__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.vehicle-info__footer__box__list__btn::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 20px;
}
}

@media (max-width: 1199px) {
.vehicle-info__main{
margin: 0 auto 50px;
}

.vehicle-info {
margin: 0 auto 45px;
max-width: 375px;
padding: 0 10px;
}
.vehicle-info__top__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.vehicle-info__top__title::before, .vehicle-info__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.vehicle-info__top__title::before {
margin-right: 25px;
}
.vehicle-info__top__title::after {
margin-left: 25px;
}
.vehicle-info__top__box__sub-title {
font-size: 100%;
margin-bottom: 10px;
}
.vehicle-info__top__box__intro {
margin-bottom: 35px;
}
.vehicle-info__table:not(:last-child) {
margin-bottom: 35px;
}
.vehicle-info__table__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.vehicle-info__table__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}

.vehicle-info__table__title2{
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
color: #0951CE;
text-align: center;
margin: 0 auto 10px;
}

.vehicle-info__footer {
padding-top: 45px;
}
.vehicle-info__footer__intro {
font-size: 87.5%;
margin-bottom: 20px;
}
.vehicle-info__footer__box__list {
font-size: 75%;
width: 100%;
height: 40px;
line-height: 40px;
}
.vehicle-info__footer__box__list:not(:last-child) {
margin-bottom: 20px;
}
}

@media (min-width: 1200px) {
.vehicle-info__main{
margin: 0 auto 80px;
}

.vehicle-info {
margin: 0 auto 90px;
max-width: 1200px;
}
.vehicle-info__top__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.vehicle-info__top__title::before, .vehicle-info__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.vehicle-info__top__title::before {
margin-right: 50px;
}
.vehicle-info__top__title::after {
margin-left: 50px;
}
.vehicle-info__top__box__sub-title {
font-size: 125%;
margin-bottom: 40px;
}
.vehicle-info__top__box__intro {
margin-bottom: 70px;
}
.vehicle-info__table {
margin: 0 auto;
max-width: 800px;
}

.vehicle-info__table:not(:last-child) {
margin-bottom: 70px;
}
.vehicle-info__table__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.vehicle-info__table__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}

.vehicle-info__table__title2{
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
color: #0951CE;
text-align: center;
margin: 0 auto 20px;
}

.vehicle-info__footer {
padding-top: 90px;
}
.vehicle-info__footer__intro {
margin-bottom: 40px;
}
.vehicle-info__footer__box {
display: flex;
justify-content: space-between;
}
.vehicle-info__footer__box__list {
font-size: 87.5%;
width: 590px;
height: 50px;
line-height: 50px;
}
.vehicle-info__footer__box__list__btn {
transition: all 0.2s ease-in-out;
}
.vehicle-info__footer__box__list__btn:hover {
background-color: #0951CE;
color: #FFF;
}
}

@media all {
.flow-table {
width: 100%;
}
.flow-table__box--double {
display: flex;
justify-content: space-between;
}
.flow-table__box__content {
box-sizing: border-box;
font-weight: bold;
text-align: center;
}
.flow-table__box__content--double {
width: calc( 50% - 3px);
}
.flow-table__box__content--dark-gray {
background-color: #7D7D7D;
color: #FFF;
}
.flow-table__box__content--gray {
background-color: #D9D9D9;
}
.flow-table__box__content--light-gray {
background-color: #EEEEEE;
}
.flow-table__box__content--plain {
border: 1px solid #7D7D7D;
}
.flow-table__box__content__time {
display: block;
font-weight: normal;
}
}

@media (max-width: 1199px) {
.flow-table__box__content {
font-size: 87.5%;
}
.flow-table__box__content--dark-gray, .flow-table__box__content--light-gray, .flow-table__box__content--gray, .flow-table__box__content--plain {
margin-bottom: 4px;
padding: 6px;
}
.flow-table__box__content--icon {
margin-bottom: 4px;
}
.flow-table__box__content__time {
font-size: 85.71429%;
margin-top: 5px;
}
}

@media (min-width: 1200px) {
.flow-table__box__content {
font-size: 100%;
}
.flow-table__box__content--dark-gray, .flow-table__box__content--light-gray, .flow-table__box__content--gray, .flow-table__box__content--plain {
margin-bottom: 7px;
padding: 13px;
}
.flow-table__box__content--icon {
margin-bottom: 7px;
}
.flow-table__box__content__time {
font-size: 87.5%;
margin-top: 10px;
}
}

@media all {
.admission__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.admission__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
}

@media (max-width: 1199px) {
.admission {
padding: 35px 0 50px;
}
.admission__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.admission__title::after {
margin: 10px auto 0;
}
}

@media (min-width: 1200px) {
.admission {
padding: 70px 0 100px;
}
.admission__title {
font-size: 212.5%;
margin-bottom: 70px;
}
.admission__title::after {
margin: 20px auto 0;
}
}

@media all {
.admission-time__block {
width: 100%;
}
.admission-time__box__title, .admission-time__box__content {
border: 5px solid #FFF;
border-collapse: collapse;
box-sizing: border-box;
display: table-cell;
}
.admission-time__box__title {
background-color: #EEEEEE;
font-weight: bold;
}
.admission-time__box__content {
background-color: #F8F8F8;
}
}

@media (max-width: 1199px) {
.admission-time {
margin: 0 auto 35px;
max-width: 375px;
padding: 0 10px;
}
.admission-time__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.admission-time__title::before, .admission-time__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.admission-time__title::before {
margin-right: 25px;
}
.admission-time__title::after {
margin-left: 25px;
}
.admission-time__box__title, .admission-time__box__content {
font-size: 87.5%;
padding: 5px 20px;
}
}

@media (min-width: 1200px) {
.admission-time {
margin: 0 auto 70px;
max-width: 1200px;
}
.admission-time__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.admission-time__title::before, .admission-time__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.admission-time__title::before {
margin-right: 50px;
}
.admission-time__title::after {
margin-left: 50px;
}
.admission-time__box__title, .admission-time__box__content {
padding: 13px 50px;
}
.admission-time__box__title {
text-align: center;
width: 360px;
}
}

@media all {
.admission-item__intro {
line-height: 1.9;
}
.admission-item__block {
width: 100%;
}
.admission-item__box__title, .admission-item__box__content {
border: 5px solid #FFF;
border-collapse: collapse;
box-sizing: border-box;
display: table-cell;
}
.admission-item__box__title {
background-color: #EEEEEE;
font-weight: bold;
}
.admission-item__box__content {
background-color: #F8F8F8;
}
.admission-item__box__content__btn {
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
font-weight: bold;
max-width: 240px;
position: relative;
text-align: center;
width: 100%;
}
.admission-item__box__content__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.admission-item {
margin: 0 auto 35px;
max-width: 375px;
padding: 0 10px;
}
.admission-item__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.admission-item__title::before, .admission-item__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.admission-item__title::before {
margin-right: 25px;
}
.admission-item__title::after {
margin-left: 25px;
}
.admission-item__intro {
margin-bottom: 20px;
}
.admission-item__box__title, .admission-item__box__content {
font-size: 87.5%;
padding: 5px 20px;
}
.admission-item__box__title {
width: 35%;
}
.admission-item__box__content__btn {
font-size: 85.71429%;
display: block;
height: 40px;
line-height: 40px;
margin-top: 10px;
}
}

@media (min-width: 1200px) {
.admission-item {
margin: 0 auto 70px;
max-width: 1200px;
}
.admission-item__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.admission-item__title::before, .admission-item__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.admission-item__title::before {
margin-right: 50px;
}
.admission-item__title::after {
margin-left: 50px;
}
.admission-item__intro {
margin-bottom: 40px;
}
.admission-item__box__title, .admission-item__box__content {
padding: 13px 50px;
}
.admission-item__box__title {
text-align: center;
width: 360px;
}
.admission-item__box__content__btn {
transition: all 0.2s ease-in-out;
font-size: 87.5%;
display: inline-block;
height: 50px;
line-height: 50px;
margin-left: 20px;
}
.admission-item__box__content__btn:hover {
background-color: #0951CE;
color: #FFF;
}
}

@media all {
.admission-license__caution {
border: 1px solid #E8E8E8;
}
}

@media (max-width: 1199px) {
.admission-license {
margin: 0 auto 35px;
max-width: 375px;
padding: 0 10px;
}
.admission-license__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.admission-license__title::before, .admission-license__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.admission-license__title::before {
margin-right: 25px;
}
.admission-license__title::after {
margin-left: 25px;
}
.admission-license__caution {
font-size: 87.5%;
padding: 10px;
}
}

@media (min-width: 1200px) {
.admission-license {
margin: 0 auto 70px;
max-width: 1200px;
}
.admission-license__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.admission-license__title::before, .admission-license__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.admission-license__title::before {
margin-right: 50px;
}
.admission-license__title::after {
margin-left: 50px;
}
.admission-license__caution {
padding: 20px;
}
}

@media all {
.status-table {
text-align: center;
width: 100%;
}
}

@media (max-width: 1199px) {
.status-table__box__title {
font-size: 75%;
background-color: #0951CE;
border: 5px solid #FFF;
color: #FFF;
font-weight: bold;
padding: 6px;
}
.status-table__box__content {
font-size: 75%;
border: 5px solid #FFF;
padding: 6px;
width: 50%;
}
.status-table__box__content--title {
background-color: #EEEEEE;
font-weight: bold;
}
.status-table__box__content--info {
background-color: #F8F8F8;
}
}

@media (min-width: 1200px) {
.status-table__head__box__list {
font-size: 87.5%;
background-color: #0951CE;
border: 5px solid #FFF;
border-collapse: collapse;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
padding: 13px;
}
.status-table__head__box__list--none {
background: none;
border: none;
}
.status-table__head__box__list--01 {
width: 230px;
}
.status-table__head__box__list--02 {
width: 340px;
}
.status-table__head__box__list--03 {
width: 250px;
}
.status-table__head__box__list--04 {
width: 180px;
}
.status-table__head__box__list--05 {
width: 180px;
}
.status-table__body__box__title, .status-table__body__box__content {
border: 5px solid #FFF;
border-collapse: collapse;
padding: 13px;
}
.status-table__body__box__title {
background-color: #EEEEEE;
font-weight: bold;
white-space: nowrap;
}
.status-table__body__box__content {
background-color: #F8F8F8;
}
}

@media all {
.admission-pay__intro {
line-height: 1.9;
}
.admission-pay__box__list {
text-align: center;
}
.admission-pay__box__list__btn {
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.admission-pay__box__list__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.admission-pay {
margin: 0 auto;
max-width: 375px;
padding: 0 10px;
}
.admission-pay__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.admission-pay__title::before, .admission-pay__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.admission-pay__title::before {
margin-right: 25px;
}
.admission-pay__title::after {
margin-left: 25px;
}
.admission-pay__intro {
margin-bottom: 20px;
}
.admission-pay__box__list {
font-size: 87.5%;
height: 40px;
line-height: 40px;
width: 100%;
}
.admission-pay__box__list:not(:last-child) {
margin-bottom: 10px;
}
}

@media (min-width: 1200px) {
.admission-pay {
margin: 0 auto;
max-width: 1200px;
}
.admission-pay__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.admission-pay__title::before, .admission-pay__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.admission-pay__title::before {
margin-right: 50px;
}
.admission-pay__title::after {
margin-left: 50px;
}
.admission-pay__intro {
margin-bottom: 40px;
}
.admission-pay__box {
display: flex;
justify-content: space-between;
}
.admission-pay__box__list {
height: 50px;
line-height: 50px;
width: 590px;
}
.admission-pay__box__list__btn {
transition: all 0.2s ease-in-out;
display: block;
}
.admission-pay__box__list__btn:hover {
background-color: #0951CE;
color: #FFF;
}
}

/*
// web-payment
@import "./web-payment/web-payment";
*/
@media all {
.faculty__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.faculty__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.faculty__block {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1200px;
}
.faculty__box__info {
width: 100%;
}
.faculty__box__info__table {
border-bottom: 4px solid #FFF;
}
.faculty__box__info__table__title, .faculty__box__info__table__content {
border-collapse: collapse;
}
.faculty__box__info__table__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
}
.faculty__box__info__table__content {
background-color: #F8F8F8;
border-left: 4px solid #FFF;
}
.faculty__box__intro {
background-color: #F8F8F8;
line-height: 2.1;
}
}

@media (max-width: 1199px) {
.faculty {
margin: 0 auto;
max-width: 375px;
padding: 35px 10px 15px;
}
.faculty__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.faculty__title::after {
margin: 10px auto 0;
}
.faculty__block {
justify-content: space-between;
}
.faculty__box {
margin-bottom: 35px;
width: 170px;
}
.faculty__box__img {
margin-bottom: 10px;
}
.faculty__box__info {
margin-bottom: 5px;
}
.faculty__box__info__table__title, .faculty__box__info__table__content {
padding: 2px 5px;
}
.faculty__box__info__table__title {
font-size: 75%;
width: 50px;
}
.faculty__box__info__table__content {
font-size: 75%;
}
.faculty__box__intro {
font-size: 75%;
padding: 5px;
}
}

@media (min-width: 1200px) {
.faculty {
padding: 70px 0 30px;
}
.faculty__title {
font-size: 212.5%;
margin-bottom: 70px;
}
.faculty__title::after {
margin: 20px auto 0;
}
.faculty__box {
margin-right: 20px;
margin-bottom: 70px;
width: 285px;
}
.faculty__box:nth-child(4n) {
margin-right: 0;
}
.faculty__box__img {
margin-bottom: 20px;
}
.faculty__box__info {
margin-bottom: 10px;
}
.faculty__box__info__table__title, .faculty__box__info__table__content {
padding: 5px 10px;
}
.faculty__box__info__table__title {
font-size: 87.5%;
width: 90px;
}
.faculty__box__info__table__content {
font-size: 87.5%;
}
.faculty__box__intro {
font-size: 87.5%;
padding: 10px;
}
}

@media all {
.access__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.access__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
}

@media (max-width: 1199px) {
.access {
padding: 35px 0 50px;
}
.access__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.access__title::after {
margin: 10px auto 0;
}
}

@media (min-width: 1200px) {
.access {
padding: 70px 0 100px;
}
.access__title {
font-size: 212.5%;
margin-bottom: 70px;
}
.access__title::after {
margin: 20px auto 0;
}
}

@media all {
.access-map__content {
height: 0;
padding-top: 40%;
width: 100%;
}
.access-map__block {
width: 100%;
}
.access-map__box__title, .access-map__box__content {
border: 5px solid #FFF;
border-collapse: collapse;
box-sizing: border-box;
display: table-cell;
}
.access-map__box__title {
background-color: #EEEEEE;
font-weight: bold;
}
.access-map__box__content {
background-color: #F8F8F8;
}
.access-map__box__content a {
color: #333;
}
.access-map__box__content img {
margin-right: 5px;
}
}

@media (max-width: 1199px) {
.access-map {
margin: 0 auto 45px;
max-width: 375px;
padding: 0 10px;
}
.access-map__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.access-map__title::before, .access-map__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.access-map__title::before {
margin-right: 25px;
}
.access-map__title::after {
margin-left: 25px;
}
.access-map__content {
margin-bottom: 20px;
}
.access-map__wrap__img {
margin: 0 5px;
}
.access-map__box__title, .access-map__box__content {
font-size: 87.5%;
padding: 5px 20px;
}
}

@media (min-width: 1200px) {
.access-map {
margin: 0 auto 90px;
max-width: 1200px;
}
.access-map__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.access-map__title::before, .access-map__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.access-map__title::before {
margin-right: 50px;
}
.access-map__title::after {
margin-left: 50px;
}
.access-map__content {
margin-bottom: 40px;
}
.access-map__wrap {
display: flex;
justify-content: space-between;
}
.access-map__wrap__img {
margin: 5px 0;
}
.access-map__block--wrap {
width: 780px;
}
.access-map__box__title, .access-map__box__content {
padding: 13px 50px;
}
.access-map__box__title {
text-align: center;
width: 360px;
}
}

@media all {
.access-bus__shuttle__title, .access-bus__root__title {
font-weight: bold;
}
.access-bus__shuttle__intro, .access-bus__root__intro {
line-height: 1.9;
}
.access-bus__shuttle__box__hint, .access-bus__root__box__hint {
text-align: center;
}
.access-bus__shuttle__box__map, .access-bus__root__box__map {
height: 0;
padding-top: 67.79%;
position: relative;
}
.access-bus__shuttle__box__map iframe, .access-bus__root__box__map iframe {
border: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.access-bus__shuttle__box__name, .access-bus__root__box__name {
text-align: center;
font-weight: bold;
}
.access-bus__shuttle__box__detail, .access-bus__root__box__detail {
text-align: center;
width: 100%;
}
.access-bus__shuttle__box__detail__btn, .access-bus__root__box__detail__btn {
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.access-bus__shuttle__box__detail__btn::after, .access-bus__root__box__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
.access-bus__root__box:not(:last-child) {
margin-bottom: 20px;
}
.access-bus__reserve__title {
font-weight: bold;
margin-bottom: 20px;
}
.access-bus__reserve__intro {
font-size: 87.5%;
line-height: 1.9;
margin-bottom: 20px;
}
.access-bus__reserve__how {
border: 1px solid #EEEEEE;
}
.access-bus__reserve__how__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
}
.access-bus__reserve__how__box__list {
line-height: 1.9;
}
.access-bus__reserve__advice {
border: 1px solid #EEEEEE;
}
.access-bus__reserve__advice__title {
background-color: #D9D9D9;
font-weight: bold;
text-align: center;
}
.access-bus__reserve__advice__box__list {
line-height: 1.9;
}
}

@media (max-width: 1199px) {
.access-bus {
margin: 0 auto;
max-width: 375px;
padding: 0 10px;
}
.access-bus__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.access-bus__title::before, .access-bus__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.access-bus__title::before {
margin-right: 25px;
}
.access-bus__title::after {
margin-left: 25px;
}
.access-bus__shuttle, .access-bus__root {
margin-bottom: 50px;
}
.access-bus__shuttle__title, .access-bus__root__title {
font-size: 100%;
margin-bottom: 20px;
}
.access-bus__shuttle__intro, .access-bus__root__intro {
font-size: 87.5%;
margin-bottom: 20px;
}
.access-bus__shuttle__box__hint, .access-bus__root__box__hint {
font-size: 75%;
margin-bottom: 5px;
}
.access-bus__shuttle__box__name, .access-bus__root__box__name {
padding: 10px 0;
}
.access-bus__shuttle__box__detail, .access-bus__root__box__detail {
font-size: 75%;
height: 40px;
line-height: 40px;
}
.access-bus__reserve__title {
font-size: 100%;
}
.access-bus__reserve__intro {
font-size: 87.5%;
}
.access-bus__reserve__how {
font-size: 87.5%;
margin-bottom: 20px;
}
.access-bus__reserve__how__title {
padding: 8px;
}
.access-bus__reserve__how__boxes {
padding: 20px 25px;
}
.access-bus__reserve__how__box__list {
padding-left: 1.5em;
text-indent: -1.5em;
}
.access-bus__reserve__advice {
font-size: 87.5%;
}
.access-bus__reserve__advice__title {
padding: 8px;
}
.access-bus__reserve__advice__boxes {
padding: 20px 25px;
}
.access-bus__reserve__advice__box__list {
padding-left: 1.5em;
text-indent: -1.5em;
}
.access-bus__shuttle__box {
margin: 0 auto 50px;
}
}

@media (min-width: 1200px) {
.access-bus {
margin: 0 auto;
max-width: 1200px;
}
.access-bus__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.access-bus__title::before, .access-bus__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.access-bus__title::before {
margin-right: 50px;
}
.access-bus__title::after {
margin-left: 50px;
}
.access-bus__shuttle, .access-bus__root {
margin-bottom: 95px;
}
.access-bus__shuttle__title, .access-bus__root__title {
font-size: 125%;
margin-bottom: 40px;
}
.access-bus__shuttle__intro, .access-bus__root__intro {
margin-bottom: 40px;
}
.access-bus__shuttle__box, .access-bus__root__box {
width: 590px;
}
.access-bus__shuttle__box__hint, .access-bus__root__box__hint {
font-size: 87.5%;
margin-bottom: 10px;
}
.access-bus__shuttle__box__name, .access-bus__root__box__name {
padding: 20px 0;
}
.access-bus__shuttle__box__detail, .access-bus__root__box__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
}
.access-bus__shuttle__box__detail__btn, .access-bus__root__box__detail__btn {
transition: all 0.2s ease-in-out;
}
.access-bus__shuttle__box__detail__btn:hover, .access-bus__root__box__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.access-bus__shuttle__box {
margin: 0 auto;
}
.access-bus__root__block {
display: flex;
justify-content: space-between;
}
.access-bus__reserve__title {
font-size: 125%;
margin-bottom: 40px;
}
.access-bus__reserve__intro {
margin-bottom: 40px;
}
.access-bus__reserve__how {
margin-bottom: 40px;
}
.access-bus__reserve__how__title {
font-size: 100%;
padding: 15px;
}
.access-bus__reserve__how__boxes {
padding: 40px 50px;
}
.access-bus__reserve__advice__title {
font-size: 100%;
padding: 15px;
}
.access-bus__reserve__advice__boxes {
padding: 40px 50px;
}
.access-bus__reserve__advice__box__list {
padding-left: 1.5em;
text-indent: -1.5em;
}
}

@media all {
.event__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.event__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.event__pagination {
flex-wrap: wrap;
margin: 0 auto;
max-width: 1200px;
justify-content: center;
display: flex;
}
.event__pagination__icon {
background-color: #0951CE;
border: 1px solid #0951CE;
color: #fff;
display: block;
height: 45px;
line-height: 45px;
text-align: center;
width: 45px;
}
.event__pagination__icon:hover {
text-decoration: none;
}
.event__pagination__icon__btn {
color: #FFF;
display: block;
}
.event__btn {
height: 45px;
line-height: 45px;
margin: 0 auto;
width: 320px;
}
.event__btn__link {
background-color: #0951CE;
border: 1px solid #0951CE;
color: #fff;
display: block;
font-weight: bold;
position: relative;
text-align: center;
font-size: 87.5%;
}
.event__btn__link:hover {
text-decoration: none;
}
.event__btn__link::after {
content: '\f105';
font-family: FontAwesome;
position: absolute;
right: 22px;
top: 0;
font-size: 114.28571%;
}
}

@media (max-width: 1199px) {
.event {
padding: 35px 0 45px;
}
.event__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.event__title::after {
margin: 10px auto 0;
}
.event__pagination {
padding-bottom: 20px;
}
.event__pagination__icon {
margin-bottom: 5px;
}
.event__pagination__icon:not(:last-child) {
margin-right: 5px;
}
.event__btn {
width: 320px;
}
}

@media (min-width: 1200px) {
.event {
padding: 70px 0 90px;
}
.event__title {
font-size: 212.5%;
margin-bottom: 60px;
}
.event__title::after {
margin: 20px auto 0;
}
.event__pagination {
padding-bottom: 50px;
}
.event__pagination__icon {
margin-bottom: 10px;
font-size: 100%;
transition: all 0.2s ease-in-out;
}
.event__pagination__icon:not(:last-child) {
margin-right: 10px;
}
.event__pagination__icon--btn:hover {
background-color: #FFF;
border: 1px solid #0951CE;
color: #0951CE;
}
.event__btn {
width: 280px;
}
.event__btn__link {
transition: all 0.2s ease-in-out;
}
.event__btn__link:hover {
background-color: #fff;
color: #111;
}
}

@media all {
.event-archive {
margin: 0 auto;
max-width: 1200px;
}
.event-archive__block {
color: #333333;
display: block;
}
.event-archive__block:hover {
text-decoration: none;
}
.event-archive__block__img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.event-archive__boxes__info {
display: flex;
align-items: center;
}
.event-archive__boxes__info__category {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
margin-right: 10px;
}
.event-archive__boxes__info__date {
color: #0951CE;
letter-spacing: 0.1em;
}
.event-archive__box {
display: flex;
justify-content: space-between;
}
}

@media (max-width: 1199px) {
.event-archive {
margin: 0 auto;
max-width: 375px;
padding-bottom: 10px;
}
.event-archive__block {
margin-bottom: 60px;
padding: 0 12px;
}
.event-archive__block__img {
height: 0;
margin-bottom: 20px;
padding-top: 71.42%;
width: 100%;
}
.event-archive__boxes {
width: 100%;
}
.event-archive__boxes__info {
margin-bottom: 15px;
}
.event-archive__boxes__info__category, .event-archive__boxes__info__date {
font-size: 75%;
}
.event-archive__boxes__info__category {
padding: 5px;
}
.event-archive__box {
align-items: center;
overflow: hidden;
}
.event-archive__box__title {
font-size: 87.5%;
line-height: 1.7;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}

@media (min-width: 1200px) {
.event-archive {
display: flex;
flex-wrap: wrap;
padding-bottom: 50px;
}
.event-archive__block {
transition: all 0.2s ease-in-out;
margin-bottom: 60px;
margin-right: 45px;
width: 370px;
}
.event-archive__block:hover {
opacity: 0.7;
}
.event-archive__block:nth-child(3n) {
margin-right: 0;
}
.event-archive__block__img {
height: 250px;
margin-bottom: 20px;
}
.event-archive__boxes__info {
margin-bottom: 15px;
}
.event-archive__boxes__info__category, .event-archive__boxes__info__date {
font-size: 75%;
}
.event-archive__boxes__info__category {
padding: 5px;
}
}

@media all {
.event-single {
margin: 0 auto;
max-width: 1200px;
}
.event-single__block__img {
border-radius: 3px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.event-single__block__info {
display: flex;
align-items: center;
}
.event-single__block__info__category {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
margin-right: 10px;
}
.event-single__block__info__date {
color: #0951CE;
letter-spacing: 0.1em;
}
.event-single__block__content p {
margin-bottom: 1em;
line-height: 1.8;
}
.event-single__block__content img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.event-single__top__title {
font-weight: bold;
}
.event-single__side__title {
border-bottom: 1px solid #0951CE;
border-top: 1px solid #0951CE;
font-weight: bold;
text-align: center;
}
.event-single__side__boxes {
color: #0951CE;
display: block;
}
.event-single__side__boxes:hover {
text-decoration: none;
}
.event-single__side__boxes__img {
border-radius: 3px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.event-single__side__content__info {
display: flex;
align-items: center;
}
.event-single__side__content__info__category {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
margin-right: 10px;
}
.event-single__side__content__info__date {
color: #0951CE;
letter-spacing: 0.1em;
}
.event-single__side__box {
justify-content: space-between;
display: flex;
}
.event-single__side__box__img img {
display: block;
width: 100%;
}
.event-single__side__box__title {
font-weight: bold;
}
}

@media (max-width: 1199px) {
.event-single {
padding: 0 12px;
margin: 0 auto;
max-width: 375px;
}
.event-single__block {
margin-bottom: 50px;
}
.event-single__block__img {
height: 0;
margin-bottom: 10px;
padding-top: 74.32%;
}
.event-single__block__info {
margin-bottom: 15px;
}
.event-single__block__info__category, .event-single__block__info__date {
font-size: 75%;
}
.event-single__block__info__category {
padding: 5px;
}
.event-single__block__content {
font-size: 87.5%;
}
.event-single__top {
margin-bottom: 20px;
}
.event-single__top__title {
line-height: 1.8;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 112.5%;
}
.event-single__side {
margin-bottom: 60px;
}
.event-single__side__title {
margin-bottom: 20px;
padding: 10px 0;
font-size: 112.5%;
}
.event-single__side__boxes {
display: flex;
}
.event-single__side__boxes:not(:last-child) {
margin-bottom: 20px;
}
.event-single__side__boxes__img {
height: 0;
margin-right: 15px;
padding-top: 20%;
width: 20%;
}
.event-single__side__content__info {
margin-bottom: 3px;
}
.event-single__side__content__info__category, .event-single__side__content__info__date {
font-size: 75%;
}
.event-single__side__content__info__category {
padding: 5px;
}
.event-single__side__box {
align-items: center;
}
.event-single__side__box__img {
width: 18.46%;
}
.event-single__side__box__title {
line-height: 1.8;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 75%;
}
}

@media (min-width: 1200px) {
.event-single {
justify-content: space-between;
display: flex;
}
.event-single__block {
width: 740px;
}
.event-single__block__img {
height: 0;
margin-bottom: 20px;
padding-top: 74.32%;
}
.event-single__block__info {
margin-bottom: 15px;
}
.event-single__block__info__category, .event-single__block__info__date {
font-size: 75%;
}
.event-single__block__info__category {
padding: 5px;
}
.event-single__block__content {
padding-bottom: 130px;
}
.event-single__top {
margin-bottom: 40px;
}
.event-single__top__title {
font-size: 137.5%;
}
.event-single__side {
width: 370px;
}
.event-single__side__title {
margin-bottom: 40px;
padding: 20px 0;
font-size: 112.5%;
}
.event-single__side__boxes {
transition: all 0.2s ease-in-out;
}
.event-single__side__boxes:hover {
opacity: 0.7;
}
.event-single__side__boxes:not(:last-child) {
margin-bottom: 60px;
}
.event-single__side__boxes__img {
height: 0;
margin-bottom: 20px;
padding-top: 67.56%;
}
.event-single__side__content__info {
margin-bottom: 15px;
}
.event-single__side__content__info__category, .event-single__side__content__info__date {
font-size: 75%;
}
.event-single__side__content__info__category {
padding: 5px;
}
}

@media all {
.event-navi__btn {
height: 45px;
line-height: 45px;
margin: 0 auto;
}
.event-navi__btn__link {
background-color: #0951CE;
border: 1px solid #0951CE;
color: #fff;
display: block;
font-weight: bold;
position: relative;
text-align: center;
font-size: 87.5%;
}
.event-navi__btn__link:hover {
text-decoration: none;
}
.event-navi__btn__link::after {
content: '\f104';
font-family: FontAwesome;
position: absolute;
left: 22px;
top: 0;
font-size: 114.28571%;
}
}

@media (max-width: 1199px) {
.event-navi__btn {
width: 320px;
}
.event-navi__btn:not(:last-child) {
margin-bottom: 10px;
}
}

@media (min-width: 1200px) {
.event-navi__btn {
width: 280px;
}
.event-navi__btn:not(:last-child) {
margin-bottom: 20px;
}
.event-navi__btn__link {
transition: all 0.2s ease-in-out;
}
.event-navi__btn__link:hover {
background-color: #fff;
color: #0951CE;
}
}

@media all {
.news__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.news__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.news__pagination {
flex-wrap: wrap;
margin: 0 auto;
max-width: 1200px;
justify-content: center;
display: flex;
}
.news__pagination__icon {
background-color: #0951CE;
border: 1px solid #0951CE;
color: #fff;
display: block;
height: 45px;
line-height: 45px;
text-align: center;
width: 45px;
}
.news__pagination__icon:hover {
text-decoration: none;
}
.news__pagination__icon__btn {
color: #FFF;
display: block;
}
.news__btn {
height: 45px;
line-height: 45px;
margin: 0 auto;
width: 320px;
}
.news__btn__link {
background-color: #0951CE;
border: 1px solid #0951CE;
color: #fff;
display: block;
font-weight: bold;
position: relative;
text-align: center;
font-size: 87.5%;
}
.news__btn__link:hover {
text-decoration: none;
}
.news__btn__link::after {
content: '\f105';
font-family: FontAwesome;
position: absolute;
right: 22px;
top: 0;
font-size: 114.28571%;
}
}

@media (max-width: 1199px) {
.news {
padding: 35px 0 45px;
}
.news__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.news__title::after {
margin: 10px auto 0;
}
.news__pagination {
padding-bottom: 20px;
}
.news__pagination__icon {
margin-bottom: 5px;
}
.news__pagination__icon:not(:last-child) {
margin-right: 5px;
}
.news__btn {
width: 320px;
}
}

@media (min-width: 1200px) {
.news {
padding: 70px 0 90px;
}
.news__title {
font-size: 212.5%;
margin-bottom: 60px;
}
.news__title::after {
margin: 20px auto 0;
}
.news__pagination {
padding-bottom: 50px;
}
.news__pagination__icon {
margin-bottom: 10px;
font-size: 100%;
transition: all 0.2s ease-in-out;
}
.news__pagination__icon:not(:last-child) {
margin-right: 10px;
}
.news__pagination__icon--btn:hover {
background-color: #FFF;
border: 1px solid #0951CE;
color: #0951CE;
}
.news__btn {
width: 280px;
}
.news__btn__link {
transition: all 0.2s ease-in-out;
}
.news__btn__link:hover {
background-color: #fff;
color: #111;
}
}

@media all {
.news-archive {
margin: 0 auto;
max-width: 1200px;
}
.news-archive__block {
color: #333333;
display: block;
}
.news-archive__block:hover {
text-decoration: none;
}
.news-archive__block__img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.news-archive__boxes__info {
display: flex;
align-items: center;
}
.news-archive__boxes__info__category {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
margin-right: 10px;
}
.news-archive__boxes__info__date {
color: #0951CE;
letter-spacing: 0.1em;
}
.news-archive__box {
display: flex;
justify-content: space-between;
}
}

@media (max-width: 1199px) {
.news-archive {
margin: 0 auto;
max-width: 375px;
padding-bottom: 10px;
}
.news-archive__block {
margin-bottom: 60px;
padding: 0 12px;
}
.news-archive__block__img {
height: 0;
margin-bottom: 20px;
padding-top: 71.42%;
width: 100%;
}
.news-archive__boxes {
width: 100%;
}
.news-archive__boxes__info {
margin-bottom: 15px;
}
.news-archive__boxes__info__category, .news-archive__boxes__info__date {
font-size: 75%;
}
.news-archive__boxes__info__category {
padding: 5px;
}
.pageListBtn {
padding: 5px 0 60px;
text-align: center;
}
.pageListBtn .pnumber a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background: #FFF;
border: solid 1px #0951CE;
color: #0951CE;
margin: 0 5px;
transition: all 0.2s ease-in-out;
}

.pageListBtn .pnumber a:hover,
.pageListBtn .pcurrent a {
display: inline-block;
width: 40px;
height: 40px;
background: #0951CE;
line-height: 40px;
border: solid 1px #0951CE;
color: #FFF;
margin: 0 5px;
transition: all 0.2s ease-in-out;
}
.news-archive__box {
align-items: center;
overflow: hidden;
}
.news-archive__box__title {
font-size: 87.5%;
line-height: 1.7;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}

@media (min-width: 1200px) {
.news-archive {
display: flex;
flex-wrap: wrap;
padding-bottom: 50px;
}
.news-archive__block {
transition: all 0.2s ease-in-out;
margin-bottom: 60px;
margin-right: 45px;
width: 370px;
}
.news-archive__block:hover {
opacity: 0.7;
}
.news-archive__block:nth-child(3n) {
margin-right: 0;
}
.news-archive__block__img {
height: 250px;
margin-bottom: 20px;
}
.news-archive__boxes__info {
margin-bottom: 15px;
}
.news-archive__boxes__info__category, .news-archive__boxes__info__date {
font-size: 75%;
}
.news-archive__boxes__info__category {
padding: 5px;
}
.pageListBtn {
padding: 5px 0 60px;
text-align: center;
}
.pageListBtn .pnumber a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background: #FFF;
border: solid 1px #0951CE;
color: #0951CE;
margin: 0 5px;
transition: all 0.2s ease-in-out;
}

.pageListBtn .pnumber a:hover,
.pageListBtn .pcurrent a {
display: inline-block;
width: 40px;
height: 40px;
background: #0951CE;
line-height: 40px;
border: solid 1px #0951CE;
color: #FFF;
margin: 0 5px;
transition: all 0.2s ease-in-out;
}
}

@media all {
.news-single {
margin: 0 auto;
max-width: 1200px;
}
.news-single__block__img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.news-single__block__info {
display: flex;
align-items: center;
}
.news-single__block__info__category {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
margin-right: 10px;
}
.news-single__block__info__date {
color: #0951CE;
letter-spacing: 0.1em;
}
.news-single__block__content p {
margin-bottom: 1em;
line-height: 1.8;
}
.news-single__block__content img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.news-single__top__title {
font-weight: bold;
}
.news-single__side__title {
border-bottom: 1px solid #0951CE;
border-top: 1px solid #0951CE;
font-weight: bold;
text-align: center;
}
.news-single__side__boxes {
color: #0951CE;
display: block;
}
.news-single__side__boxes:hover {
text-decoration: none;
}
.news-single__side__boxes__img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.news-single__side__content__info {
display: flex;
align-items: center;
}
.news-single__side__content__info__category {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
margin-right: 10px;
}
.news-single__side__content__info__date {
color: #0951CE;
letter-spacing: 0.1em;
}
.news-single__side__box {
justify-content: space-between;
display: flex;
}
.news-single__side__box__img img {
display: block;
width: 100%;
}
.news-single__side__box__title {
font-weight: bold;
}
}

@media (max-width: 1199px) {
.news-single {
padding: 0 12px;
margin: 0 auto;
max-width: 375px;
}
.news-single__block {
margin-bottom: 50px;
}
.news-single__block__img {
height: 0;
margin-bottom: 10px;
padding-top: 74.32%;
}
.news-single__block__info {
margin-bottom: 15px;
}
.news-single__block__info__category, .news-single__block__info__date {
font-size: 75%;
}
.news-single__block__info__category {
padding: 5px;
}
.news-single__block__content {
font-size: 87.5%;
}
.news-single__top {
margin-bottom: 20px;
}
.news-single__top__title {
line-height: 1.8;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 112.5%;
}
.news-single__side {
margin-bottom: 60px;
}
.news-single__side__title {
margin-bottom: 20px;
padding: 10px 0;
font-size: 112.5%;
}
.news-single__side__boxes {
display: flex;
}
.news-single__side__boxes:not(:last-child) {
margin-bottom: 20px;
}
.news-single__side__boxes__img {
height: 0;
margin-right: 15px;
padding-top: 20%;
width: 20%;
}
.news-single__side__content__info {
margin-bottom: 3px;
}
.news-single__side__content__info__category, .news-single__side__content__info__date {
font-size: 75%;
}
.news-single__side__content__info__category {
padding: 5px;
}
.news-single__side__box {
align-items: center;
}
.news-single__side__box__img {
width: 18.46%;
}
.news-single__side__box__title {
line-height: 1.8;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 75%;
}
}

@media (min-width: 1200px) {
.news-single {
justify-content: space-between;
display: flex;
}
.news-single__block {
width: 740px;
}
.news-single__block__img {
height: 0;
margin-bottom: 20px;
padding-top: 74.32%;
}
.news-single__block__info {
margin-bottom: 15px;
}
.news-single__block__info__category, .news-single__block__info__date {
font-size: 75%;
}
.news-single__block__info__category {
padding: 5px;
}
.news-single__block__content {
padding-bottom: 130px;
}
.news-single__top {
margin-bottom: 40px;
}
.news-single__top__title {
font-size: 137.5%;
}
.news-single__side {
width: 370px;
}
.news-single__side__title {
margin-bottom: 40px;
padding: 20px 0;
font-size: 112.5%;
}
.news-single__side__boxes {
transition: all 0.2s ease-in-out;
}
.news-single__side__boxes:hover {
opacity: 0.7;
}
.news-single__side__boxes:not(:last-child) {
margin-bottom: 60px;
}
.news-single__side__boxes__img {
height: 0;
margin-bottom: 20px;
padding-top: 67.56%;
}
.news-single__side__content__info {
margin-bottom: 15px;
}
.news-single__side__content__info__category, .news-single__side__content__info__date {
font-size: 75%;
}
.news-single__side__content__info__category {
padding: 5px;
}
}

@media all {
.news-navi__btn {
height: 45px;
line-height: 45px;
margin: 0 auto;
}
.news-navi__btn__link {
background-color: #0951CE;
border: 1px solid #0951CE;
color: #fff;
display: block;
font-weight: bold;
position: relative;
text-align: center;
font-size: 87.5%;
}
.news-navi__btn__link:hover {
text-decoration: none;
}
.news-navi__btn__link::after {
content: '\f104';
font-family: FontAwesome;
position: absolute;
left: 22px;
top: 0;
font-size: 114.28571%;
}
}

@media (max-width: 1199px) {
.news-navi__btn {
width: 320px;
}
.news-navi__btn:not(:last-child) {
margin-bottom: 10px;
}
}

@media (min-width: 1200px) {
.news-navi__btn {
width: 280px;
}
.news-navi__btn:not(:last-child) {
margin-bottom: 20px;
}
.news-navi__btn__link {
transition: all 0.2s ease-in-out;
}
.news-navi__btn__link:hover {
background-color: #fff;
color: #0951CE;
}
}

@media all {
.current__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.current__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.current__intro {
text-align: center;
}
.current__block {
margin: 0 auto;
max-width: 1200px;
}
.current__navi__list {
text-align: center;
}
.current__navi__list__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.current__navi__list__btn::after {
content: '\f078';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.current {
margin: 0 auto;
max-width: 375px;
padding: 35px 10px 45px;
}
.current__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.current__title::after {
margin: 10px auto 0;
}
.current__intro {
font-size: 87.5%;
margin-bottom: 35px;
}
.current__navi {
padding: 0 0 35px;
}
.current__navi__list {
height: 40px;
line-height: 40px;
margin: 0 auto;
width: 290px;
}
.current__navi__list:not(:last-child) {
margin-bottom: 10px;
}
.current__navi__list__btn {
font-size: 75%;
transition: all 0.2s ease-in-out;
height: 100%;
width: 100%;
}
.current__navi__list__btn::after {
font-size: 83.33333%;
}
}

@media (min-width: 1200px) {
.current {
padding: 70px 0 90px;
}
.current__title {
font-size: 212.5%;
margin-bottom: 60px;
}
.current__title::after {
margin: 20px auto 0;
}
.current__intro {
margin-bottom: 70px;
line-height: 2;
}

.current__navi {
display: flex;
justify-content: center;
padding: 0 0 70px;
}
.current__navi__list {
height: 50px;
line-height: 50px;
width: 250px;
}
.current__navi__list:not(:last-child) {
margin-right: 20px;
}
.current__navi__list__btn {
font-size: 87.5%;
transition: all 0.2s ease-in-out;
height: 100%;
width: 100%;
}
.current__navi__list__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.current__navi__list__btn::after {
font-size: 85.71429%;
}
}

@media all {
.written-test__box__title {
font-weight: bold;
}
.written-test__box__intro {
text-align: center;
}
.written-test__box__intro__number--red > span {
color: #F00;
}
.written-test__box__intro__number--blue > span {
color: #00F;
}
.written-test__box__detail {
text-align: center;
}
.written-test__box__detail__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.written-test__box__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 20px;
}
.written-test__box__calendar {
text-align: center;
position: relative;
}
.written-test__box__calendar::before {
content: "";
display: block;
padding-top: calc(100% * 3 / 4);
}
.written-test__box__calendar iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.written-test__box__sub-title {
font-weight: bold;
text-align: center;
}
.written-test__box__img img {
display: block;
margin: 0 auto;
}
.written-test__box__addition {
text-align: center;
}
.written-test__box__caution {
background-color: #F8F8F8;
text-align: center;
}
}

@media (max-width: 1199px) {
.written-test {
margin-bottom: 45px;
}
.written-test__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.written-test__title::before, .written-test__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.written-test__title::before {
margin-right: 25px;
}
.written-test__title::after {
margin-left: 25px;
}
.written-test__box__title {
font-size: 100%;
margin-bottom: 10px;
}
.written-test__box__intro {
font-size: 87.5%;
margin-bottom: 20px;
}
.written-test__box__intro__number--black, .written-test__box__intro__number--red, .written-test__box__intro__number--blue {
display: block;
}
.written-test__box__detail {
font-size: 75%;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
width: 100%;
}
.written-test__box__calendar {
margin: 0 0 35px;
}
.written-test__box__sub-title {
font-size: 112.5%;
margin-bottom: 5px;
}
.written-test__box__img {
margin-bottom: 5px;
}
.written-test__box__addition {
font-size: 75%;
margin-bottom: 15px;
}
.written-test__box__caution {
font-size: 75%;
padding: 5px;
}
}

@media (min-width: 1200px) {
.written-test {
margin-bottom: 70px;
}
.written-test__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.written-test__title::before, .written-test__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.written-test__title::before {
margin-right: 50px;
}
.written-test__title::after {
margin-left: 50px;
}
.written-test__box__title {
font-size: 112.5%;
margin-bottom: 20px;
}
.written-test__box__intro {
margin-bottom: 40px;
line-height: 2;
}
.written-test__box__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
margin: 0 auto 50px;
width: 590px;
}
.written-test__box__detail__btn {
transition: all 0.2s ease-in-out;
}
.written-test__box__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.written-test__box__calendar {
margin: 0 auto 70px;
max-width: 800px;
}
.written-test__box__sub-title {
font-size: 112.5%;
margin-bottom: 10px;
}
.written-test__box__img {
margin-bottom: 10px;
}
.written-test__box__addition {
font-size: 87.5%;
margin-bottom: 30px;
}
.written-test__box__caution {
font-size: 87.5%;
padding: 10px;
margin: 0 auto;
max-width: 800px;
}
}

@media all {
.driving-test__box__title {
font-weight: bold;
}
.driving-test__box__detail {
text-align: center;
}
.driving-test__box__detail__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.driving-test__box__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 20px;
}
.driving-test__box__intro {
text-align: center;
}
.driving-test__box__calendar {
text-align: center;
position: relative;
}
.driving-test__box__calendar::before {
content: "";
display: block;
padding-top: calc(100% * 3 / 4);
}
.driving-test__box__calendar iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.driving-test__info {
background-color: #F8F8F8;
}
.driving-test__info__title {
font-weight: bold;
}
.driving-test__info__box__list {
list-style-position: inside;
list-style-type: decimal;
}

.canceltime_img{
width: 70%;
margin: 20px auto 10px;
padding: 10px;
background: #FFF;
box-sizing: border-box;
border: 1px solid #999;
}

}

@media (max-width: 1199px) {
.driving-test__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.driving-test__title::before, .driving-test__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.driving-test__title::before {
margin-right: 25px;
}
.driving-test__title::after {
margin-left: 25px;
}
.driving-test__box:not(:last-child) {
margin-bottom: 25px;
}
.driving-test__box__title {
font-size: 100%;
margin-bottom: 10px;
}
.driving-test__box__detail {
font-size: 75%;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
width: 100%;
}
.driving-test__box__intro {
font-size: 87.5%;
margin-bottom: 20px;
}
.driving-test__box__calendar {
margin: 0 0 35px;
}
.driving-test__info {
padding: 10px;
}
.driving-test__info__title {
font-size: 87.5%;
margin-bottom: 5px;
}
.driving-test__info__title:not(:first-child) {
padding-top: 10px;
}
.driving-test__info__txt {
font-size: 87.5%;
}
.driving-test__info__box__list {
font-size: 87.5%;
}

.canceltime_img{
width:100%;
margin: 10px auto 10px;
padding: 10px;
background: #FFF;
box-sizing: border-box;
border: 1px solid #999;
}

}

@media (min-width: 1200px) {
.driving-test__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.driving-test__title::before, .driving-test__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.driving-test__title::before {
margin-right: 50px;
}
.driving-test__title::after {
margin-left: 50px;
}
.driving-test__box:not(:last-child) {
margin-bottom: 50px;
}
.driving-test__box__title {
font-size: 112.5%;
margin-bottom: 20px;
}
.driving-test__box__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
margin: 0 auto 50px;
width: 590px;
}
.driving-test__box__detail__btn {
transition: all 0.2s ease-in-out;
}
.driving-test__box__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.driving-test__box__intro {
margin-bottom: 40px;
line-height: 2;
}
.driving-test__box__calendar {
margin: 0 auto 70px;
max-width: 800px;
}
.driving-test__info {
margin: 0 auto;
max-width: 800px;
padding: 20px;
}
.driving-test__info__title {
margin-bottom: 5px;
}
.driving-test__info__title:not(:first-child) {
padding-top: 20px;
}
}

@media all {
.contact__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.contact__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.contact__intro {
text-align: center;
}
.contact__pdf {
text-align: center;
}
.contact__pdf__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.contact__pdf__btn::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 20px;
}
.contact__detail {
margin: 0 auto;
max-width: 300px;
text-align: center;
}
.contact__detail__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
position: relative;
}
.contact__detail__btn::after {
content: '\f053';
font-family: FontAwesome;
font-weight: normal;
left: 20px;
position: absolute;
}
}

@media (max-width: 1199px) {
.contact {
margin: 0 auto;
max-width: 375px;
padding: 35px 10px 45px;
}
.contact__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.contact__title::after {
margin: 10px auto 0;
}
.contact__intro {
font-size: 87.5%;
}
.contact__pdf {
font-size: 75%;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
padding-top: 15px;
width: 100%;
}
.contact__detail {
font-size: 87.5%;
}
.contact__detail__btn {
height: 40px;
line-height: 40px;
}
}

@media (min-width: 1200px) {
.contact {
padding: 70px 0 90px;
margin: 0 auto;
max-width: 1200px;
}
.contact__title {
font-size: 212.5%;
margin-bottom: 60px;
}
.contact__title::after {
margin: 20px auto 0;
}
.contact__intro {
line-height: 2;
}
.contact__pdf {
font-size: 87.5%;
height: 50px;
line-height: 50px;
margin: 0 auto 50px;
padding-top: 25px;
width: 590px;
}
.contact__pdf__btn {
transition: all 0.2s ease-in-out;
}
.contact__pdf__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.contact__detail__btn {
transition: all 0.2s ease-in-out;
height: 50px;
line-height: 50px;
}
.contact__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
}

@media all {
.contact-form__boxes__head {
display: flex;
align-items: center;
box-sizing: border-box;
letter-spacing: -0.1em;
}
.contact-form__boxes__head--must::after {
background-color: #0951CE;
color: #fff;
content: '必須';
display: inline-block;
letter-spacing: 0.2em;
margin-left: 10px;
padding: 2px 15px;
font-size: 87.5%;
}
.contact-form__box__content--confirm {
padding: 15px 10px;
}
.contact-form__box__content:not(:first-of-type) {
margin-top: 20px;
}
.contact-form__box__content input,
.contact-form__box__content textarea {
background-color: #f5f5f5;
border: 1px solid #aeaeae;
border-radius: 3px;
box-sizing: border-box;
padding: 15px 10px;
}
.contact-form__box__content input {
width: 500px;
}
.contact-form__box__content textarea {
width: 720px;
}
.contact-form__box__content__text {
margin: 0 20px 0 10px;
font-size: 125%;
}
.contact-form__box__content__text--address {
font-size: 100%;
}
.contact-form__box__advice {
color: #05437A;
margin-top: 5px;
font-size: 87.5%;
}
.contact-form__box__error {
color: #F00;
display: none;
margin-top: 5px;
text-decoration: underline;
}
.contact-form__footer__accept {
text-align: center;
}
.contact-form__footer__accept__content {
display: inline-block;
padding-left: 1.5em;
position: relative;
}
.contact-form__footer__accept__content a {
color: #333;
text-decoration: underline;
}
.contact-form__footer__accept__content a:hover {
text-decoration: none;
}
.contact-form__footer__accept__content input[type=checkbox],
.contact-form__footer__accept__content input[type=radio] {
display: none;
}
.contact-form__footer__accept__content input[type=checkbox]:checked + label::before,
.contact-form__footer__accept__content input[type=radio]:checked + label::before {
content: '';
height: 12px;
width: 12px;
}
.contact-form__footer__accept__content input[type=checkbox]:checked + label::after,
.contact-form__footer__accept__content input[type=radio]:checked + label::after {
opacity: 1;
}
.contact-form__footer__accept__content label {
cursor: pointer;
}
.contact-form__footer__accept__content label::before {
background-color: #F5F5F5;
border: 1px solid #333333;
border-radius: 50%;
content: '';
color: #aeaeae;
font-family: FontAwesome;
height: 12px;
left: 0;
position: absolute;
top: 5px;
width: 12px;
}
.contact-form__footer__accept__content label::after {
background-color: #0951CE;
border-radius: 50%;
content: '';
height: 8px;
left: 3px;
opacity: 0;
position: absolute;
top: 8px;
width: 8px;
}
.contact-form__footer__accept__error {
color: #F00;
display: none;
text-decoration: underline;
}
.contact-form__footer__navi__btn {
height: 45px;
line-height: 45px;
margin: 0 auto;
}
.contact-form__footer__navi__btn__link {
background-color: #111;
border: 1px solid #111;
color: #fff;
display: block;
font-weight: bold;
position: relative;
text-align: center;
width: 100%;
font-size: 87.5%;
}
.contact-form__footer__navi__btn__link:hover {
text-decoration: none;
}
.contact-form__footer__navi__btn__link--next::after {
content: '\f105';
right: 22px;
}
.contact-form__footer__navi__btn__link--prev::after {
content: '\f104';
left: 22px;
}
.contact-form__footer__navi__btn__link::after {
font-family: FontAwesome;
position: absolute;
top: 0;
font-size: 114.28571%;
}
.contact-form__footer__back {
text-align: center;
}
.contact-form__footer__back a {
font-size: 87.5%;
display: inline-block;
padding: 15px;
width: auto;
}
}

@media (max-width: 1199px) {
.contact-form {
padding-top: 35px;
}
.contact-form__boxes__head {
font-size: 87.5%;
background-color: #f5f5f5;
border-bottom: 1px dotted #aeaeae;
border-top: 1px dotted #aeaeae;
padding: 5px 0;
text-align: center;
width: 100%;
}
.contact-form__box {
font-size: 87.5%;
padding: 10px 0 20px;
}
.contact-form__box__content {
align-items: center;
display: flex;
}
.contact-form__box__content__question {
min-height: 300px;
}
.contact-form__footer {
margin-bottom: 10px;
}
.contact-form__footer__accept {
margin-bottom: 30px;
}
.contact-form__footer__accept__content {
font-size: 87.5%;
}
.contact-form__footer__navi__btn:not(:last-child) {
margin-bottom: 10px;
}
}

@media (min-width: 1200px) {
.contact-form {
padding-top: 70px;
}
.contact-form__boxes {
align-items: center;
padding: 20px 0;
display: flex;
}
.contact-form__boxes__head {
padding: 15px 50px;
width: 390px;
font-size: 100%;
}
.contact-form__boxes__head--must::after {
font-size: 87.5%;
}
.contact-form__box {
width: 800px;
}
.contact-form__box__content {
align-items: center;
display: flex;
}
.contact-form__box__content__name {
width: 400px;
}
.contact-form__box__content__question {
width: 720px;
min-height: 400px;
}
.contact-form__footer {
margin-top: 50px;
}
.contact-form__footer__accept {
margin-bottom: 60px;
}
.contact-form__footer__navi__btn {
width: 280px;
}
.contact-form__footer__navi__btn:not(:last-child) {
margin-bottom: 10px;
}
.contact-form__footer__navi__btn__link {
transition: all 0.2s ease-in-out;
}
.contact-form__footer__navi__btn__link:hover {
background-color: #fff;
color: #111;
}
}

@media all {
.payment__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.payment__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.payment__intro {
text-align: center;
}
}

@media (max-width: 1199px) {
.payment {
padding: 35px 10px 50px;
}
.payment__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.payment__title::after {
margin: 10px auto 0;
}
.payment__intro {
font-size: 87.5%;
margin-bottom: 35px;
}
}

@media (min-width: 1200px) {
.payment {
padding: 70px 0 100px;
}
.payment__title {
font-size: 212.5%;
margin-bottom: 70px;
}
.payment__title::after {
margin: 20px auto 0;
}
.payment__intro {
margin-bottom: 70px;
}
}

@media all {
.payment-flow__block__sub-title {
font-weight: bold;
}
.payment-flow__block__detail {
text-align: center;
}
.payment-flow__block__detail__btn {
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.payment-flow__block__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
.payment-flow__box {
box-sizing: border-box;
}
.payment-flow__box__number {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
}
.payment-flow__box__content {
background-color: #EEEEEE;
}
.payment-flow__box__content--detail {
background-color: #FFF;
border: 2px solid #EEE;
}
.payment-flow__box__content__title {
color: #0951CE;
font-weight: bold;
}
}

@media (max-width: 1199px) {
.payment-flow {
margin-bottom: 50px;
}
.payment-flow__block {
margin: 0 auto;
max-width: 375px;
padding: 0 10px;
}
.payment-flow__block__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.payment-flow__block__title::before, .payment-flow__block__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.payment-flow__block__title::before {
margin-right: 25px;
}
.payment-flow__block__title::after {
margin-left: 25px;
}
.payment-flow__block__sub-title {
font-size: 100%;
margin-bottom: 12px;
}
.payment-flow__block__detail {
padding-top: 10px;
}
.payment-flow__block__detail__btn {
font-size: 87.5%;
height: 40px;
line-height: 40px;
width: 100%;
}
.payment-flow__block__detail__btn:not(:last-child) {
margin-bottom: 10px;
}
.payment-flow__box {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
justify-content: space-between;
}
.payment-flow__box--detail {
margin-left: 45px;
}
.payment-flow__box__number {
font-size: 87.5%;
height: 40px;
line-height: 40px;
width: 40px;
}
.payment-flow__box__content {
padding: 7px 10px;
width: calc(100% - 45px);
}
.payment-flow__box__content--detail {
width: 100%;
}
.payment-flow__box__content__title {
font-size: 87.5%;
}
.payment-flow__box__content__txt {
font-size: 87.5%;
}
.payment-flow__box__content__lists {
font-size: 87.5%;
}
}

@media (min-width: 1200px) {
.payment-flow {
margin-bottom: 100px;
}
.payment-flow__block {
margin: 0 auto;
max-width: 1200px;
}
.payment-flow__block__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.payment-flow__block__title::before, .payment-flow__block__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.payment-flow__block__title::before {
margin-right: 50px;
}
.payment-flow__block__title::after {
margin-left: 50px;
}
.payment-flow__block__sub-title {
font-size: 125%;
margin-bottom: 25px;
}
.payment-flow__block__detail {
height: 50px;
line-height: 50px;
margin: 0 auto;
padding-top: 20px;
width: 590px;
}
.payment-flow__block__detail__btn {
transition: all 0.2s ease-in-out;
display: block;
}
.payment-flow__block__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.payment-flow__boxes {
margin: 0 auto;
max-width: 800px;
}
.payment-flow__box {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: space-between;
}
.payment-flow__box--detail {
margin-left: 60px;
}
.payment-flow__box__number {
height: 50px;
line-height: 50px;
width: 50px;
}
.payment-flow__box__content {
padding: 14px 20px;
width: 740px;
}
.payment-flow__box__content__title {
font-size: 100%;
}
.payment-flow__box__content__txt {
font-size: 100%;
padding-top: 20px;
}
.payment-flow__box__content__lists {
display: flex;
font-size: 100%;
flex-wrap: wrap;
padding-top: 20px;
}
.payment-flow__box__content__list {
width: 50%;
}
}

@media all {
.payment-confirm__block {
background-color: #F8F8F8;
border: 2px solid #EEEEEE;
}
.payment-confirm__block__title {
text-align: center;
font-weight: bold;
}
.payment-confirm__box {
border-bottom: 1px dotted #D9D9D9;
}
.payment-confirm__box__title {
font-weight: bold;
}
.payment-confirm__box__title::after {
margin-left: 10px;
padding: 4px 16px;
}
.payment-confirm__box__title--must::after {
background-color: #0951CE;
content: '必須';
color: #FFF;
}
.payment-confirm__box__title--any::after {
background-color: #333333;
content: '対象者のみ';
color: #FFF;
}
.payment-confirm__box__license__name {
color: #7D7D7D;
}
.payment-confirm__cost {
display: flex;
align-items: center;
background-color: #EEEEEE;
border: 1px solid #D9D9D9;
justify-content: space-between;
}
.payment-confirm__cost__title {
font-weight: bold;
}
.payment-confirm__cost__number {
display: flex;
align-items: center;
color: #7D7D7D;
font-weight: bold;
}
.payment-confirm__cost__number::before {
content: '';
display: block;
border-top: 1px dotted #7D7D7D;
}
.payment-confirm__footer__next, .payment-confirm__footer__back {
width: 100%;
}
.payment-confirm__footer__next {
text-align: center;
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.payment-confirm__footer__next::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 15px;
}
.payment-confirm__footer__back {
text-align: center;
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.payment-confirm__footer__back::after {
content: '\f01e';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
left: 15px;
}
}

@media (max-width: 1199px) {
.payment-confirm__block {
margin: 0 auto 35px;
max-width: 375px;
padding: 20px 20px 25px;
}
.payment-confirm__block__title {
font-size: 112.5%;
}
.payment-confirm__box {
padding: 25px 0 10px;
}
.payment-confirm__box__title {
font-size: 100%;
margin-bottom: 10px;
}
.payment-confirm__box__title::after {
font-size: 75%;
}
.payment-confirm__box__txt {
font-size: 87.5%;
}
.payment-confirm__box__license__title {
font-size: 87.5%;
}
.payment-confirm__box__license__img {
margin: 5px 0 10px;
}
.payment-confirm__box__license__name {
font-size: 87.5%;
}
.payment-confirm__cost {
padding: 10px 20px;
}
.payment-confirm__cost__title {
font-size: 87.5%;
}
.payment-confirm__cost__number {
font-size: 112.5%;
}
.payment-confirm__cost__number::before {
margin-right: 10px;
width: 25px;
}
.payment-confirm__footer__next {
font-size: 112.5%;
height: 50px;
line-height: 50px;
margin-bottom: 10px;
}
.payment-confirm__footer__back {
font-size: 75%;
height: 50px;
line-height: 50px;
}
}

@media (min-width: 1200px) {
.payment-confirm__block {
margin: 0 auto 70px;
max-width: 1200px;
padding: 40px 40px 50px;
}
.payment-confirm__block__title {
font-size: 125%;
}
.payment-confirm__box {
display: flex;
padding: 50px 0 22px;
}
.payment-confirm__box__title {
font-size: 112.5%;
width: 440px;
}
.payment-confirm__box__title::after {
font-size: 77.77778%;
}
.payment-confirm__box__license {
display: flex;
align-items: center;
}
.payment-confirm__box__license__img {
margin: 0 10px 0 30px;
}
.payment-confirm__cost {
margin: 30px 0 40px auto;
padding: 20px 40px;
width: 690px;
}
.payment-confirm__cost__number {
font-size: 162.5%;
}
.payment-confirm__cost__number::before {
margin-right: 20px;
width: 50px;
}
.payment-confirm__footer {
margin: 0 auto;
max-width: 590px;
}
.payment-confirm__footer__next {
font-size: 125%;
transition: all 0.2s ease-in-out;
height: 70px;
line-height: 70px;
margin-bottom: 20px;
}
.payment-confirm__footer__next:hover {
background-color: #0951CE;
color: #FFF;
}
.payment-confirm__footer__next::after {
font-size: 60%;
}
.payment-confirm__footer__back {
font-size: 87.5%;
transition: all 0.2s ease-in-out;
height: 50px;
line-height: 50px;
}
.payment-confirm__footer__back:hover {
background-color: #0951CE;
color: #FFF;
}
.payment-confirm__footer__back::after {
font-size: 85.71429%;
}
}

@media all {
.payment-form input[type="text"],
.payment-form select {
background-color: #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
padding: 15px 10px;
}
.payment-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.payment-form input[type="checkbox"],
.payment-form input[type="radio"] {
display: none;
}
.payment-form input[type="checkbox"] + label,
.payment-form input[type="radio"] + label {
padding-left: 30px;
position: relative;
}
.payment-form input[type="checkbox"] + label::before,
.payment-form input[type="radio"] + label::before {
background-color: #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
content: '';
display: block;
height: 23px;
position: absolute;
top: -2px;
left: 0;
width: 23px;
}
.payment-form input[type="checkbox"]:checked + label::after,
.payment-form input[type="radio"]:checked + label::after {
font-size: 175%;
content: '\f00c';
font-family: 'fontAwesome';
display: block;
left: 4px;
position: absolute;
top: -14px;
}
.payment-form__type__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.payment-form__type__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__type__box {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.payment-form__type__box__title {
font-size: 100%;
font-weight: bold;
}
.payment-form__type__box__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必須';
margin-left: 10px;
padding: 4px 16px;
}
.payment-form__type__box__select {
position: relative;
}
.payment-form__type__box__select select {
width: 100%;
}
.payment-form__type__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.payment-form__possession__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.payment-form__possession__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__possession__block {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.payment-form__possession__box__check {
font-weight: bold;
}
.payment-form__possession__box__select {
position: relative;
}
.payment-form__possession__box__select select {
width: 100%;
}
.payment-form__possession__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.payment-form__course__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.payment-form__course__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__course__box {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.payment-form__course__box__title {
font-size: 100%;
font-weight: bold;
}
.payment-form__course__box__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必須';
margin-left: 10px;
padding: 4px 16px;
}
.payment-form__course__box__select {
position: relative;
}
.payment-form__course__box__select select {
width: 100%;
}
.payment-form__course__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.payment-form__user__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.payment-form__user__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__user__block {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.payment-form__user__boxes__title {
font-size: 100%;
font-weight: bold;
}
.payment-form__user__boxes__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必須';
margin-left: 10px;
padding: 4px 16px;
}
.payment-form__user__boxes__title--any::after {
background-color: #333333;
color: #FFF;
content: '対象者のみ';
}
.payment-form__user__box--flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.payment-form__user__box__address__prefecture__select {
position: relative;
}
.payment-form__user__box__address__prefecture__select select {
width: 100%;
}
.payment-form__user__box__address__prefecture__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.payment-form__user__box__job {
position: relative;
}
.payment-form__user__box__job select {
width: 100%;
}
.payment-form__user__box__job::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.payment-form__user__box__file {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.payment-form__user__box__file label {
font-size: 75%;
background-color: #FFF;
border: 1px solid #D9D9D9;
padding: 8px 33px;
}
.payment-form__user__box__file label input {
display: none;
}
.payment-form__user__box__file-type__box {
display: flex;
flex-wrap: wrap;
}
.payment-form__user__box__file-type__box label {
margin-bottom: 20px;
margin-right: 50px;
}
.payment-form__user__box__license {
display: flex;
flex-wrap: wrap;
}
.payment-form__user__box__license__content {
margin-bottom: 20px;
margin-right: 30px;
}
.payment-form__method__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.payment-form__method__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__method__boxes {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.payment-form__method__boxes__title {
font-size: 100%;
font-weight: bold;
}
.payment-form__method__boxes__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必須';
margin-left: 10px;
padding: 4px 16px;
}
.payment-form__method__box__select {
position: relative;
}
.payment-form__method__box__select select {
width: 100%;
}
.payment-form__method__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.payment-form__request__title {
background-color: #7D7D7D;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.payment-form__request__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #7D7D7D;
}
.payment-form__request__boxes {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.payment-form__request__boxes__title {
font-weight: bold;
}
.payment-form__request__boxes__input {
width: 100%;
}
.payment-form__detail {
text-align: center;
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.payment-form__detail::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.payment-form input {
max-width: 100%;
}
.payment-form input[type="text"],
.payment-form select {
font-size: 87.5%;
padding: 10px;
}
.payment-form label {
font-size: 87.5%;
}
.payment-form__block {
margin: 0 auto;
max-width: 375px;
padding: 0 10px;
}
.payment-form__block__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.payment-form__block__title::before, .payment-form__block__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.payment-form__block__title::before {
margin-right: 25px;
}
.payment-form__block__title::after {
margin-left: 25px;
}
.payment-form__type {
margin-bottom: 20px;
}
.payment-form__type__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.payment-form__type__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.payment-form__type__box {
padding: 20px;
}
.payment-form__type__box__title {
margin-bottom: 10px;
}
.payment-form__possession {
margin-bottom: 35px;
}
.payment-form__possession__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.payment-form__possession__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.payment-form__possession__block {
padding: 20px;
}
.payment-form__possession__box:not(:last-child) {
margin-bottom: 20px;
}
.payment-form__possession__box__check {
margin-bottom: 10px;
}
.payment-form__course {
margin-bottom: 35px;
}
.payment-form__course__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.payment-form__course__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.payment-form__course__box {
padding: 20px;
}
.payment-form__course__box__title {
margin-bottom: 10px;
}
.payment-form__user {
margin-bottom: 25px;
}
.payment-form__user__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.payment-form__user__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.payment-form__user__block {
padding: 20px;
}
.payment-form__user__boxes:not(:last-child) {
margin-bottom: 25px;
}
.payment-form__user__boxes__title {
margin-bottom: 10px;
}
.payment-form__user__box {
font-size: 87.5%;
}
.payment-form__user__box__year {
width: 20%;
}
.payment-form__user__box__month {
width: 15%;
}
.payment-form__user__box__day {
width: 15%;
}
.payment-form__user__box__address {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.payment-form__user__box__address:not(:last-child) {
margin-bottom: 5px;
}
.payment-form__user__box__address__zip-code01 {
width: 15%;
}
.payment-form__user__box__address__zip-code02 {
width: 20%;
}
.payment-form__user__box__address__prefecture {
margin-bottom: 5px;
width: 100%;
}
.payment-form__user__box__address__city {
width: 100%;
}
.payment-form__user__box__address__city input {
box-sizing: border-box;
width: 100%;
}
.payment-form__user__box__address__house-number {
width: 100%;
}
.payment-form__user__box__address__house-number__input input {
box-sizing: border-box;
width: 100%;
}
.payment-form__user__box__img {
margin-bottom: 10px;
}
.payment-form__user__box__img__hint {
font-size: 85.71429%;
}
.payment-form__user__box__file {
margin-bottom: 15px;
}
.payment-form__user__box__file-type__txt {
margin-bottom: 10px;
}
.payment-form__user__box__file-type__input {
box-sizing: border-box;
width: 100%;
}
.payment-form__user__box__tel {
box-sizing: border-box;
width: 100%;
}
.payment-form__user__box__email {
box-sizing: border-box;
width: 100%;
}
.payment-form__user__box__license {
box-sizing: border-box;
width: 100%;
}
.payment-form__method {
margin-bottom: 35px;
}
.payment-form__method__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.payment-form__method__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.payment-form__method__boxes {
padding: 20px;
}
.payment-form__method__boxes__title {
margin-bottom: 10px;
}
.payment-form__request {
margin-bottom: 35px;
}
.payment-form__request__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.payment-form__request__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #7D7D7D;
}
.payment-form__request__boxes {
padding: 20px;
}
.payment-form__request__boxes__title {
margin-bottom: 10px;
}
.payment-form__request__boxes__input {
min-height: 150px;
}
.payment-form__detail {
height: 50px;
line-height: 50px;
margin: 0 auto;
max-width: 375px;
width: calc(100% - 20px);
}
}

@media (min-width: 1200px) {
.payment-form__block {
margin: 0 auto;
max-width: 1200px;
}
.payment-form__block__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.payment-form__block__title::before, .payment-form__block__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.payment-form__block__title::before {
margin-right: 50px;
}
.payment-form__block__title::after {
margin-left: 50px;
}
.payment-form__type {
margin-bottom: 38px;
}
.payment-form__type__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.payment-form__type__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__type__box {
display: flex;
align-items: center;
padding: 40px;
justify-content: space-between;
}
.payment-form__type__box__title {
font-size: 112.5%;
}
.payment-form__type__box__title::after {
font-size: 77.77778%;
}
.payment-form__type__box__select {
width: 535px;
}
.payment-form__possession {
margin-bottom: 70px;
}
.payment-form__possession__title {
border-radius: 24px;
padding: 13px;
margin: 0 auto 20px;
max-width: 655px;
}
.payment-form__possession__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__possession__block {
padding: 40px;
}
.payment-form__possession__box {
display: flex;
align-items: center;
justify-content: space-between;
}
.payment-form__possession__box:not(:last-child) {
margin-bottom: 20px;
}
.payment-form__possession__box__check {
font-size: 112.5%;
}
.payment-form__possession__box__select {
width: 535px;
}
.payment-form__course {
margin-bottom: 70px;
}
.payment-form__course__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.payment-form__course__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__course__box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px;
}
.payment-form__course__box__title {
font-size: 112.5%;
}
.payment-form__course__box__title::after {
font-size: 77.77778%;
}
.payment-form__course__box__select {
width: 535px;
}
.payment-form__user {
margin-bottom: 50px;
}
.payment-form__user__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.payment-form__user__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__user__block {
padding: 40px;
}
.payment-form__user__boxes {
display: flex;
}
.payment-form__user__boxes:not(:last-child) {
margin-bottom: 50px;
}
.payment-form__user__boxes__title {
font-size: 112.5%;
padding-top: 20px;
width: 340px;
}
.payment-form__user__boxes__title::after {
font-size: 77.77778%;
}
.payment-form__user__box {
width: 740px;
}
.payment-form__user__box__name {
width: 500px;
}
.payment-form__user__box__sex:not(:last-child) {
margin-right: 20px;
}
.payment-form__user__box__year {
width: 130px;
}
.payment-form__user__box__month {
width: 50px;
}
.payment-form__user__box__day {
width: 50px;
}
.payment-form__user__box__age {
width: 130px;
}
.payment-form__user__box__place {
width: 500px;
}
.payment-form__user__box__address {
display: flex;
align-items: center;
}
.payment-form__user__box__address:not(:last-child) {
margin-bottom: 10px;
}
.payment-form__user__box__address__zip-code01 {
margin-left: 20px;
width: 100px;
}
.payment-form__user__box__address__zip-code02 {
width: 130px;
}
.payment-form__user__box__address__prefecture {
display: flex;
align-items: center;
}
.payment-form__user__box__address__prefecture__select {
margin-left: 20px;
width: 250px;
}
.payment-form__user__box__address__city {
display: flex;
align-items: center;
margin-left: 20px;
}
.payment-form__user__box__address__city input {
margin-left: 20px;
width: 250px;
}
.payment-form__user__box__address__house-number {
display: flex;
align-items: center;
}
.payment-form__user__box__address__house-number__title {
font-size: 87.5%;
}
.payment-form__user__box__address__house-number__input input {
width: 250px;
}
.payment-form__user__box__job {
width: 300px;
}
.payment-form__user__box__school-name {
width: 500px;
}
.payment-form__user__box__img {
margin-bottom: 20px;
}
.payment-form__user__box__img__hint {
font-size: 87.5%;
}
.payment-form__user__box__file {
margin-bottom: 30px;
}
.payment-form__user__box__file__txt {
margin-left: 10px;
}
.payment-form__user__box__file-type__txt {
margin-bottom: 20px;
}
.payment-form__user__box__file-type__input {
margin-left: 30px;
width: 500px;
}
.payment-form__user__box__tel {
width: 500px;
}
.payment-form__user__box__email {
width: 500px;
}
.payment-form__method {
margin-bottom: 70px;
}
.payment-form__method__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.payment-form__method__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.payment-form__method__boxes {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px;
}
.payment-form__method__boxes__title {
font-size: 112.5%;
}
.payment-form__method__boxes__title::after {
font-size: 77.77778%;
}
.payment-form__method__box__select {
width: 535px;
}
.payment-form__request {
margin-bottom: 70px;
}
.payment-form__request__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.payment-form__request__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #7D7D7D;
}
.payment-form__request__boxes {
padding: 40px;
}
.payment-form__request__boxes__title {
font-size: 112.5%;
margin-bottom: 20px;
}
.payment-form__request__boxes__input {
min-height: 300px;
}
.payment-form__detail {
font-size: 125%;
height: 70px;
line-height: 70px;
margin: 0 auto;
width: 590px;
transition: all 0.2s ease-in-out;
}
.payment-form__detail:hover {
background-color: #0951CE;
color: #FFF;
}
.payment-form__detail::after {
font-size: 60%;
}
}

@media all {
.additional__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.additional__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.additional__intro {
text-align: center;
}
}

@media (max-width: 1199px) {
.additional {
padding: 35px 10px 50px;
margin: 0 auto;
max-width: 375px;
}
.additional__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.additional__title::after {
margin: 10px auto 0;
}
.additional__sub-title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.additional__sub-title::before, .additional__sub-title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.additional__sub-title::before {
margin-right: 25px;
}
.additional__sub-title::after {
margin-left: 25px;
}
.additional__intro {
font-size: 87.5%;
margin-bottom: 35px;
}
}

@media (min-width: 1200px) {
.additional {
padding: 70px 0 100px;
margin: 0 auto;
max-width: 1200px;
}
.additional__title {
font-size: 212.5%;
margin-bottom: 70px;
}
.additional__title::after {
margin: 20px auto 0;
}
.additional__sub-title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 78px;
}
.additional__sub-title::before, .additional__sub-title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.additional__sub-title::before {
margin-right: 50px;
}
.additional__sub-title::after {
margin-left: 50px;
}
.additional__intro {
margin-bottom: 70px;
}
}

@media all {
.additional-form input[type="text"],
.additional-form select {
background-color: #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
padding: 15px 10px;
}
.additional-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.additional-form input[type="checkbox"],
.additional-form input[type="radio"] {
display: none;
}
.additional-form input[type="checkbox"] + label,
.additional-form input[type="radio"] + label {
padding-left: 30px;
position: relative;
}
.additional-form input[type="checkbox"] + label::before,
.additional-form input[type="radio"] + label::before {
background-color: #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
content: '';
display: block;
height: 23px;
position: absolute;
top: -2px;
left: 0;
width: 23px;
}
.additional-form input[type="checkbox"]:checked + label::after,
.additional-form input[type="radio"]:checked + label::after {
font-size: 175%;
content: '\f00c';
font-family: 'fontAwesome';
display: block;
left: 4px;
position: absolute;
top: -14px;
}
.additional-form__type__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.additional-form__type__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__type__box {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.additional-form__type__box__title {
font-size: 100%;
font-weight: bold;
}
.additional-form__type__box__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必 須';
margin-left: 10px;
padding: 4px 16px;
}
.additional-form__type__box__select {
position: relative;
}
.additional-form__type__box__select select {
width: 100%;
}
.additional-form__type__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.additional-form__chose__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.additional-form__chose__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__chose__block {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.additional-form__chose__block__icon {
background-color: #0951CE;
color: #FFF;
display: inline-block;
font-weight: bold;
padding: 4px 16px;
}
.additional-form__chose__box {
background-color: #FFF;
border: 1px solid #D9D9D9;
}
.additional-form__chose__box__list__number {
display: flex;
align-items: center;
color: #7D7D7D;
font-weight: bold;
}
.additional-form__chose__box__list__number::before {
content: '';
display: block;
border-top: 1px dotted #7D7D7D;
}
.additional-form__possession__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.additional-form__possession__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__possession__block {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.additional-form__possession__box__check {
font-weight: bold;
}
.additional-form__possession__box__select {
position: relative;
}
.additional-form__possession__box__select select {
width: 100%;
}
.additional-form__possession__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.additional-form__course__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.additional-form__course__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__course__box {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.additional-form__course__box__title {
font-size: 100%;
font-weight: bold;
}
.additional-form__course__box__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必 須';
margin-left: 10px;
padding: 4px 16px;
}
.additional-form__course__box__select {
position: relative;
}
.additional-form__course__box__select select {
width: 100%;
}
.additional-form__course__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.additional-form__user__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.additional-form__user__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__user__block {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.additional-form__user__boxes__title {
font-size: 100%;
font-weight: bold;
}
.additional-form__user__boxes__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必 須';
margin-left: 10px;
padding: 4px 16px;
}
.additional-form__user__boxes__title--any::after {
background-color: #333333;
color: #FFF;
content: '対象者のみ';
}
.additional-form__user__box--flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.additional-form__user__box__address__prefecture__select {
position: relative;
}
.additional-form__user__box__address__prefecture__select select {
width: 100%;
}
.additional-form__user__box__address__prefecture__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.additional-form__user__box__job {
position: relative;
}
.additional-form__user__box__job select {
width: 100%;
}
.additional-form__user__box__job::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.additional-form__user__box__file {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.additional-form__user__box__file label {
font-size: 75%;
background-color: #FFF;
border: 1px solid #D9D9D9;
padding: 8px 33px;
}
.additional-form__user__box__file label input {
display: none;
}
.additional-form__user__box__file-type__box {
display: flex;
flex-wrap: wrap;
}
.additional-form__user__box__file-type__box label {
margin-bottom: 20px;
margin-right: 50px;
}
.additional-form__user__box__license {
display: flex;
flex-wrap: wrap;
}
.additional-form__user__box__license__content {
margin-bottom: 20px;
margin-right: 30px;
}
.additional-form__method__title {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.additional-form__method__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__method__boxes {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.additional-form__method__boxes__title {
font-size: 100%;
font-weight: bold;
}
.additional-form__method__boxes__title::after {
font-size: 75%;
background-color: #0951CE;
color: #FFF;
content: '必 須';
margin-left: 10px;
padding: 4px 16px;
}
.additional-form__method__box__select {
position: relative;
}
.additional-form__method__box__select select {
width: 100%;
}
.additional-form__method__box__select::after {
font-size: 125%;
content: '\f0d7';
display: block;
font-family: 'fontAwesome';
margin-top: -15px;
position: absolute;
right: 20px;
top: 50%;
}
.additional-form__request__title {
background-color: #7D7D7D;
color: #FFF;
font-weight: bold;
text-align: center;
position: relative;
}
.additional-form__request__title::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 12px solid #7D7D7D;
}
.additional-form__request__boxes {
background-color: #F8F8F8;
border: 2px solid #EEE;
}
.additional-form__request__boxes__title {
font-weight: bold;
}
.additional-form__request__boxes__input {
width: 100%;
}
.additional-form__detail {
text-align: center;
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.additional-form__detail::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.additional-form input {
max-width: 100%;
}
.additional-form input[type="text"],
.additional-form select {
font-size: 87.5%;
padding: 10px;
}
.additional-form label {
font-size: 87.5%;
}
.additional-form__block {
margin: 0 auto;
max-width: 375px;
padding: 0 10px;
}
.additional-form__block__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.additional-form__block__title::before, .additional-form__block__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.additional-form__block__title::before {
margin-right: 25px;
}
.additional-form__block__title::after {
margin-left: 25px;
}
.additional-form__type {
margin-bottom: 20px;
}
.additional-form__type__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.additional-form__type__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.additional-form__type__box {
padding: 20px;
}
.additional-form__type__box__title {
margin-bottom: 10px;
}
.additional-form__chose {
margin-bottom: 35px;
}
.additional-form__chose__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.additional-form__chose__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.additional-form__chose__block {
padding: 20px;
}
.additional-form__chose__block__icon {
font-size: 75%;
margin-bottom: 10px;
}
.additional-form__chose__box {
padding: 6px 20px;
}
.additional-form__chose__box:not(:last-child) {
margin-bottom: 10px;
}
.additional-form__chose__box__list {
display: flex;
align-items: center;
justify-content: space-between;
}
.additional-form__chose__box__list__number::before {
margin-right: 10px;
width: 25px;
}
.additional-form__user {
margin-bottom: 25px;
}
.additional-form__user__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.additional-form__user__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.additional-form__user__block {
padding: 20px;
}
.additional-form__user__boxes:not(:last-child) {
margin-bottom: 25px;
}
.additional-form__user__boxes__title {
margin-bottom: 10px;
}
.additional-form__user__box {
font-size: 87.5%;
}
.additional-form__user__box__student-number, .additional-form__user__box__name, .additional-form__user__box__tel, .additional-form__user__box__email, .additional-form__user__box__license {
box-sizing: border-box;
width: 100%;
}
.additional-form__method {
margin-bottom: 35px;
}
.additional-form__method__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.additional-form__method__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #0951CE;
}
.additional-form__method__boxes {
padding: 20px;
}
.additional-form__method__boxes__title {
margin-bottom: 10px;
}
.additional-form__request {
margin-bottom: 35px;
}
.additional-form__request__title {
font-size: 87.5%;
border-radius: 12px;
margin-bottom: 10px;
padding: 6px;
}
.additional-form__request__title::after {
margin-left: -10px;
border: 10px solid transparent;
border-top: 6px solid #7D7D7D;
}
.additional-form__request__boxes {
padding: 20px;
}
.additional-form__request__boxes__title {
margin-bottom: 10px;
}
.additional-form__request__boxes__input {
min-height: 150px;
}
.additional-form__detail {
height: 50px;
line-height: 50px;
margin: 0 auto;
max-width: 375px;
width: calc(100% - 20px);
}
}

@media (min-width: 1200px) {
.additional-form__block {
margin: 0 auto;
max-width: 1200px;
}
.additional-form__block__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.additional-form__block__title::before, .additional-form__block__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.additional-form__block__title::before {
margin-right: 50px;
}
.additional-form__block__title::after {
margin-left: 50px;
}
.additional-form__type {
margin-bottom: 38px;
}
.additional-form__type__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.additional-form__type__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__type__box {
display: flex;
align-items: center;
padding: 40px;
justify-content: space-between;
}
.additional-form__type__box__title {
font-size: 112.5%;
}
.additional-form__type__box__title::after {
font-size: 77.77778%;
}
.additional-form__type__box__select {
width: 535px;
}
.additional-form__chose {
margin-bottom: 70px;
}
.additional-form__chose__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.additional-form__chose__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__chose__block {
padding: 40px;
}
.additional-form__chose__block__icon {
font-size: 87.5%;
margin-bottom: 20px;
}
.additional-form__chose__box {
padding: 12px 40px;
}
.additional-form__chose__box:not(:last-child) {
margin-bottom: 20px;
}
.additional-form__chose__box__list {
display: flex;
align-items: center;
justify-content: space-between;
}
.additional-form__chose__box__list__number {
font-size: 162.5%;
}
.additional-form__chose__box__list__number::before {
margin-right: 20px;
width: 50px;
}
.additional-form__user {
margin-bottom: 50px;
}
.additional-form__user__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.additional-form__user__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__user__block {
padding: 40px;
}
.additional-form__user__boxes {
display: flex;
}
.additional-form__user__boxes:not(:last-child) {
margin-bottom: 50px;
}
.additional-form__user__boxes__title {
font-size: 112.5%;
padding-top: 20px;
width: 340px;
}
.additional-form__user__boxes__title::after {
font-size: 77.77778%;
}
.additional-form__user__box {
width: 740px;
}
.additional-form__user__box__student-number {
width: 500px;
}
.additional-form__user__box__name {
width: 500px;
}
.additional-form__user__box__place {
width: 500px;
}
.additional-form__user__box__tel {
width: 500px;
}
.additional-form__user__box__email {
width: 500px;
}
.additional-form__method {
margin-bottom: 70px;
}
.additional-form__method__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.additional-form__method__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #0951CE;
}
.additional-form__method__boxes {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px;
}
.additional-form__method__boxes__title {
font-size: 112.5%;
}
.additional-form__method__boxes__title::after {
font-size: 77.77778%;
}
.additional-form__method__box__select {
width: 535px;
}
.additional-form__request {
margin-bottom: 70px;
}
.additional-form__request__title {
border-radius: 24px;
margin-bottom: 20px;
padding: 13px;
}
.additional-form__request__title::after {
margin-left: -20px;
border: 20px solid transparent;
border-top: 12px solid #7D7D7D;
}
.additional-form__request__boxes {
padding: 40px;
}
.additional-form__request__boxes__title {
font-size: 112.5%;
margin-bottom: 20px;
}
.additional-form__request__boxes__input {
min-height: 300px;
}
.additional-form__detail {
font-size: 125%;
height: 70px;
line-height: 70px;
margin: 0 auto;
width: 590px;
transition: all 0.2s ease-in-out;
}
.additional-form__detail:hover {
background-color: #0951CE;
color: #FFF;
}
.additional-form__detail::after {
font-size: 60%;
}
}

@media all {
.additional-confirm__block {
background-color: #F8F8F8;
border: 2px solid #EEEEEE;
}
.additional-confirm__block__title {
text-align: center;
font-weight: bold;
}
.additional-confirm__box {
border-bottom: 1px dotted #D9D9D9;
}
.additional-confirm__box__title {
font-weight: bold;
}
.additional-confirm__box__title::after {
margin-left: 10px;
padding: 4px 16px;
}
.additional-confirm__box__title--must::after {
background-color: #0951CE;
content: '必須';
color: #FFF;
}
.additional-confirm__box__title--any::after {
background-color: #333333;
content: '対象者のみ';
color: #FFF;
}
.additional-confirm__box__license__name {
color: #7D7D7D;
}
.additional-confirm__cost {
display: flex;
align-items: center;
background-color: #EEEEEE;
border: 1px solid #D9D9D9;
justify-content: space-between;
}
.additional-confirm__cost__title {
font-weight: bold;
}
.additional-confirm__cost__number {
display: flex;
align-items: center;
color: #7D7D7D;
font-weight: bold;
}
.additional-confirm__cost__number::before {
content: '';
display: block;
border-top: 1px dotted #7D7D7D;
}
.additional-confirm__footer__next, .additional-confirm__footer__back {
width: 100%;
}
.additional-confirm__footer__next {
text-align: center;
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.additional-confirm__footer__next::after {
content: '\f054';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 15px;
}
.additional-confirm__footer__back {
text-align: center;
border: 1px solid #0951CE;
background-color: #FFF;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.additional-confirm__footer__back::after {
content: '\f01e';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
left: 15px;
}
}

@media (max-width: 1199px) {
.additional-confirm__block {
margin: 0 auto 35px;
max-width: 375px;
padding: 20px 20px 25px;
}
.additional-confirm__block__title {
font-size: 112.5%;
}
.additional-confirm__box {
padding: 25px 0 10px;
}
.additional-confirm__box__title {
font-size: 100%;
margin-bottom: 10px;
}
.additional-confirm__box__title::after {
font-size: 75%;
}
.additional-confirm__box__txt {
font-size: 87.5%;
}
.additional-confirm__box__license__title {
font-size: 87.5%;
}
.additional-confirm__box__license__img {
margin: 5px 0 10px;
}
.additional-confirm__box__license__name {
font-size: 87.5%;
}
.additional-confirm__cost {
padding: 10px 20px;
}
.additional-confirm__cost__title {
font-size: 87.5%;
}
.additional-confirm__cost__number {
font-size: 112.5%;
}
.additional-confirm__cost__number::before {
margin-right: 10px;
width: 25px;
}
.additional-confirm__footer__next {
font-size: 112.5%;
height: 50px;
line-height: 50px;
margin-bottom: 10px;
}
.additional-confirm__footer__back {
font-size: 75%;
height: 50px;
line-height: 50px;
}
}

@media (min-width: 1200px) {
.additional-confirm__block {
margin: 0 auto 70px;
max-width: 1200px;
padding: 40px 40px 50px;
}
.additional-confirm__block__title {
font-size: 125%;
}
.additional-confirm__box {
display: flex;
padding: 50px 0 22px;
}
.additional-confirm__box__title {
font-size: 112.5%;
width: 440px;
}
.additional-confirm__box__title::after {
font-size: 77.77778%;
}
.additional-confirm__box__license {
display: flex;
align-items: center;
}
.additional-confirm__box__license__img {
margin: 0 10px 0 30px;
}
.additional-confirm__cost {
margin: 30px 0 40px auto;
padding: 20px 40px;
width: 690px;
}
.additional-confirm__cost__number {
font-size: 162.5%;
}
.additional-confirm__cost__number::before {
margin-right: 20px;
width: 50px;
}
.additional-confirm__footer {
margin: 0 auto;
max-width: 590px;
}
.additional-confirm__footer__next {
font-size: 125%;
transition: all 0.2s ease-in-out;
height: 70px;
line-height: 70px;
margin-bottom: 20px;
}
.additional-confirm__footer__next:hover {
background-color: #0951CE;
color: #FFF;
}
.additional-confirm__footer__next::after {
font-size: 60%;
}
.additional-confirm__footer__back {
font-size: 87.5%;
transition: all 0.2s ease-in-out;
height: 50px;
line-height: 50px;
}
.additional-confirm__footer__back:hover {
background-color: #0951CE;
color: #FFF;
}
.additional-confirm__footer__back::after {
font-size: 85.71429%;
}
}

@media all {
.privacy-policy__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.privacy-policy__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.privacy-policy__box__list:not(:last-child) {
margin-bottom: 1em;
}
.privacy-policy__box__list__wrap {
padding-left: 2em;
}
.privacy-policy__box__list__wrap__list:not(:last-child) {
margin-bottom: 0.5em;
}
}

@media (max-width: 1199px) {
.privacy-policy {
margin: 0 auto;
padding: 35px 10px 50px;
max-width: 375px;
}
.privacy-policy__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.privacy-policy__title::after {
margin: 10px auto 0;
}
.privacy-policy__sub-title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 20px;
}
.privacy-policy__sub-title::before, .privacy-policy__sub-title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.privacy-policy__sub-title::before {
margin-right: 25px;
}
.privacy-policy__sub-title::after {
margin-left: 25px;
}
.privacy-policy__box__list {
font-size: 87.5%;
}
.privacy-policy__box__list__wrap__list {
font-size: 85.71429%;
}
}

@media (min-width: 1200px) {
.privacy-policy {
padding: 70px 0 100px;
margin: 0 auto;
max-width: 1200px;
}
.privacy-policy__title {
font-size: 212.5%;
margin-bottom: 70px;
}
.privacy-policy__title::after {
margin: 20px auto 0;
}
.privacy-policy__sub-title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 40px;
}
.privacy-policy__sub-title::before, .privacy-policy__sub-title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.privacy-policy__sub-title::before {
margin-right: 50px;
}
.privacy-policy__sub-title::after {
margin-left: 50px;
}
.privacy-policy__box__list__wrap__list {
font-size: 87.5%;
}
}

/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0 10% 0;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}

.slick-track:before, .slick-track:after {
content: "";
display: table;
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
float: left;
height: 100%;
margin: 0 10px;
min-height: 1px;
display: none;
}

[dir="rtl"] .slick-slide {
float: right;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
display: none;
}

/* Slider */
.slick-loading .slick-list {
background: #fff url("../../../shared/css/dest/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
font-family: "slick";
src: url("../../../shared/css/fonts/slick/slick.eot");
src: url("../../../shared/css/fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("../../../shared/css/fonts/slick/slick.woff") format("woff"), url("../../../shared/css/fonts/slick/slick.ttf") format("truetype"), url("../../../shared/css/fonts/slick/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 10;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
font-family: FontAwesome;
font-size: 48px;
line-height: 1;
color: #111;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}

.slick-prev:before {
content: "";
}

[dir="rtl"] .slick-prev:before {
content: "";
}

[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}

.slick-next:before {
content: "";
}

[dir="rtl"] .slick-next:before {
content: "";
}

/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}

.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}

.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}

.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}

.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}

@media (max-width: 1199px) {
.slick-next,
.slick-prev {
margin: 0 auto;
top: 22%;
}
.slick-next::before,
.slick-prev::before {
font-size: 32px;
}
.slick-next {
right: 10px;
}
.slick-prev {
left: 10px;
}
}

@media (min-width: 1200px) {
.slick-next,
.slick-prev {
margin: 0 auto;
top: 30%;
}
.slick-next {
left: 1200px;
right: 48px;
}
.slick-prev {
left: 48px;
right: 1200px;
}
}

@media (max-width: 1199px) {
.pc {
display: none;
}
}

@media (min-width: 1200px) {
.sp {
display: none;
}
}

@media (max-width: 1199px) {
.not-sp {
display: none;
}
}

@media (min-width: 1200px) {
.not-pc {
display: none;
}
}

@media all {
.en {
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
}

/* add 20191004 start */
@media all {
.main-header--facility {
background-image: url(/shared/img/content/strength/facility/bgimg_facility.jpg);
}
}

@media all {
.facility__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.facility__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.facility__intro {
text-align: center;
}
.facility__img {
text-align: center;
}
.facility__box {
}
.facility__box__title {
font-weight: bold;
}
.facility__box__txt {
text-align: center;
}
}

@media (max-width: 1199px) {
.facility {
margin: 0 auto;
max-width: 375px;
padding: 35px 10px 50px;
}
.facility__title {
font-size: 112.5%;
margin-bottom: 40px;
}
.facility__title::after {
margin: 10px auto 0;
}
.facility__top {
margin: 0 auto 20px;
max-width: 375px;
padding: 0 10px;
}
.facility__top__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
}
.facility__top__title::before, .facility__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.facility__top__title::before {
margin-right: 25px;
}
.facility__top__title::after {
margin-left: 25px;
}
.facility__intro {
font-size: 87.5%;
margin-bottom: 25px;
}
.facility__img {
margin-bottom: 15px;
}
.facility__box {
margin-bottom: 25px;
}
.facility__box__title {
font-size: 100%;
margin-bottom: 10px;
}
.facility__box__txt {
font-size: 87.5%;
}
}
@media (min-width: 1200px) {
.facility {
padding: 70px 0 20px;
}
.facility__title {
font-size: 212.5%;
margin-bottom: 60px;
}
.facility__title::after {
margin: 20px auto 0;
}
.facility__top {
margin: 0 auto 40px;
max-width: 1200px;
}
.facility__top__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
}
.facility__top__title::before, .facility__top__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.facility__top__title::before {
margin-right: 50px;
}
.facility__top__title::after {
margin-left: 50px;
}
.facility__intro {
margin-bottom: 50px;
line-height: 2;
}
.facility__img {
margin-bottom: 30px;
}
.facility__box {
margin-bottom: 50px;
}
.facility__box__title {
font-size: 125%;
margin-bottom: 20px;
}
.facility__box__txt {
font-size: 87.5%;
}
}

@media all {
.facility-top {
display: flex;
flex-wrap: wrap;
}
.facility-top__box__img img {
display: block;
}
.facility-top__box__title {
font-weight: bold;
text-align: center;
}
}

@media (max-width: 1199px) {
.facility-top {
justify-content: space-between;
}
.facility-top__box {
width: 48%;
}
.facility-top__box:not(:last-child) {
margin-bottom: 35px;
}
.facility-top__box__title {
font-size: 100%;
padding: 8px 0;
}
.facility-top__box__txt {
font-size: 87.5%;
}
}

@media (min-width: 1200px) {
.facility-top {
margin: 0 auto;
max-width: 1200px;
}
.facility-top__box {
width: 32.22%;
margin-right: 1.67%;
margin-bottom: 70px;
}
.facility-top__box:nth-child(3n) {
margin-right: 0;
}
.facility-top__box__title {
font-size: 125%;
padding: 15px 0;
}
.facility-top__box__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
width: 100%;
}
.facility-top__box__detail__btn {
transition: all 0.2s ease-in-out;
}
.facility-top__box__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.facility-top__box__detail__btn::after {
font-size: 85.71429%;
}
}
/* add 20191004 end */


@media all {
.calendar .nav { text-align: center; margin: auto auto 10px; display: flex; justify-content: space-between; align-items: flex-end;}
.calendar .nav span { font-size: 150%; font-weight: bold;}
.calendar .nav a { display: inline-block;}
.calendar table { border-bottom: solid 1px #0951CE; border-left: solid 1px #0951CE; table-layout: fixed; width: 100%;}
.calendar table th { border-top: solid 1px #0951CE; border-right: solid 1px #0951CE; text-align: center; padding: 10px 2px; background: rgba(0,0,0,0.05);}
.calendar table td { border-top: solid 1px #0951CE; border-right: solid 1px #0951CE; text-align: center; padding: 15px 2px; vertical-align: top; box-shadow: 0 10px 8px -8px rgba(0,0,0,0.2) inset;}
.calendar table tr th:nth-child(7n+1),
.calendar table tr td:nth-child(7n+1) { background: rgba(255,0,0,0.05);}
.calendar table tr th:nth-child(7n+7),
.calendar table tr td:nth-child(7n+7) { background: rgba(0,0,255,0.05);}

.calendar table td a { font-size: 70%; display: inline-block; margin: 0 0 3px; padding: 1px 4px; border-radius: 5px; background: #0951CE; color: #FFF; border: solid 1px #0951CE; transition: all 0.3s ease;}
.calendar table td a:last-child { margin: 0 0 0;}
.calendar table td a:hover { background: #FFF; color: #0951CE; border: solid 1px #0951CE;}
.calendar table thead {}
.calendar table tbody {}
}

@media (max-width: 1199px) {
.calendar { margin: 0 auto 50px; width: 100%;}
.scroll { overflow: auto; white-space: nowrap;}
.scroll::-webkit-scrollbar{ height: 5px;}
.scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}

.calendar table { border-bottom: solid 1px #0951CE; border-left: solid 1px #0951CE; table-layout: inherit; width: 100%; overflow: auto;}
.calendar table td a { font-size: 50%; display: inline-block; margin: 0 0 2px; padding: 1px 4px; border-radius: 5px; background: #0951CE; color: #FFF; border: solid 1px #0951CE; transition: all 0.3s ease;}
.calendar table td a:last-child { margin: 0 0 0;}
}

@media (min-width: 1200px) {
.calendar { margin: 0 auto 50px; width: 800px;}
.calendar table { border-bottom: solid 1px #0951CE; border-left: solid 1px #0951CE; table-layout: fixed; width: 100%;}
}



@media all {
.calendar_detail {}
.calendar_detail .inner { padding: 30px; margin: 0 auto 50px; max-width: 800px; background-color: #F8F8F8; text-align: center;}
.calendar_detail .inner .sub { font-size: 20px; margin: auto auto 10px; font-weight: bold;}
.calendar_detail .inner .time { font-size: 14px; margin: auto auto 50px; color: #666;}
.calendar_detail .inner .txt { margin: auto auto;}

.calendar_detail .btn { font-size: 87.5%; height: 50px; line-height: 50px; margin: 0 auto 50px; text-align: center;}
.calendar_detail .btn a { border: 1px solid #0951CE; color: #0951CE; display: block; font-weight: bold; position: relative;  transition: all 0.2s ease-in-out;}
.calendar_detail .btn a::after { content: '\f054'; font-family: FontAwesome; font-weight: normal; position: absolute; right: 20px;}
.calendar_detail .btn a:hover { background-color: #0951CE; color: #FFF;}

}

@media (max-width: 1199px) {
.calendar_detail .btn { width: 100%;}
}

@media (min-width: 1200px) {
.calendar_detail .btn { width: 590px;}
}



/* add20200210 start */
@media all {
.recruit {
margin: 0 auto;
}
.recruit__title {
color: #0951CE;
font-weight: bold;
text-align: center;
}
.recruit__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.recruit__navi__list {
text-align: center;
}
.recruit__navi__list__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.recruit__navi__list__btn::after {
content: '\f078';
font-family: FontAwesome;
font-weight: normal;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.recruit {
max-width: 375px;
padding: 35px 10px 45px;
}
.recruit__title {
font-size: 112.5%;
margin-bottom: 35px;
}
.recruit__title::after {
margin: 10px auto 0;
}
.recruit__navi {
padding: 0 0 35px;
}
.recruit__navi__list {
height: 40px;
line-height: 40px;
margin: 0 auto;
width: 290px;
}
.recruit__navi__list:not(:last-child) {
margin-bottom: 10px;
}
.recruit__navi__list__btn {
font-size: 75%;
transition: all 0.2s ease-in-out;
height: 100%;
width: 100%;
}
.recruit__navi__list__btn::after {
font-size: 83.33333%;
}
}

@media (min-width: 1200px) {
.recruit {
max-width: 1200px;
padding: 70px 0 90px;
}
.recruit__title {
font-size: 212.5%;
margin-bottom: 60px;
}
.recruit__title::after {
margin: 20px auto 0;
}
.recruit__navi {
display: flex;
justify-content: center;
padding: 0 0 70px;
}
.recruit__navi__list {
height: 50px;
line-height: 50px;
width: 290px;
margin: 0 8px;
}
.recruit__navi__list__btn {
font-size: 87.5%;
transition: all 0.2s ease-in-out;
height: 100%;
width: 100%;
}
.recruit__navi__list__btn:hover {
background-color: #0951CE;
color: #FFF;
}
.recruit__navi__list__btn::after {
font-size: 85.71429%;
}
}

@media all {
.recruit-message__title {
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.recruit-message__block {
position: relative;
}
}

@media (max-width: 1199px) {
.recruit-message {
margin-bottom: 30px;
}
.recruit-message__title {
font-size: 106.25%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.recruit-message__title::before, .recruit-message__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.recruit-message__title::before {
margin-right: 25px;
}
.recruit-message__title::after {
margin-left: 25px;
}
.recruit-message__block {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-image: url(/shared/img/content/recruit/bgimg_president@2x.jpg);
height: 0;
padding-top: 66.66%;
position: relative;
}
.recruit-message__box {
background-color: rgba(9, 81, 206, 0.5);
bottom: 0;
color: #FFF;
left: 0;
padding: 10px;
position: absolute;
width: 100%;
}
.recruit-message__box__copy {
font-size: 112.5%;
font-weight: bold;
margin-bottom: 8px;
text-align: center;
}
.recruit-message__box__name {
font-size: 87.5%;
font-weight: bold;
text-align: right;
}
}

@media (min-width: 1200px) {
.recruit-message {
margin-bottom: 60px;
}
.recruit-message__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.recruit-message__title::before, .recruit-message__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.recruit-message__title::before {
margin-right: 50px;
}
.recruit-message__title::after {
margin-left: 50px;
}
.recruit-message__block {
background-image: url(/shared/img/content/recruit/bgimg_president.jpg);
background-repeat: no-repeat;
background-position: right center;
min-height: 480px;
}
.recruit-message__box {
background-color: rgba(9, 81, 206, 0.5);
padding: 25px;
width: 600px;
height: 160px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
color: #FFF;
}
.recruit-message__box__copy {
text-align: center;
font-weight: bold;
margin-bottom: 15px;
font-size: 137.5%;
}
.recruit-message__box__name {
text-align: right;
font-size: 100%;
font-weight: bold;
}
}

@media all {
.recruit-appeal__box__title {
font-weight: bold;
}
.recruit-appeal__box__comment {
line-height: 1.9;
word-break: break-all;
}
}

@media (max-width: 1199px) {
.recruit-appeal__box:not(:last-child) {
margin-bottom: 30px;
}
.recruit-appeal__box__title {
font-size: 100%;
margin-bottom: 10px;
}
.recruit-appeal__box__comment {
font-size: 87.5%;
margin-bottom: 20px;
}
}

@media (min-width: 1200px) {
.recruit-appeal {
padding-bottom: 60px;
}
.recruit-appeal__box__title {
font-size: 125%;
margin-bottom: 20px;
}
.recruit-appeal__box__comment {
margin-bottom: 40px;
}
}

@media all {
.recruit-outline {
width: 100%;
}
.recruit-outline__title {
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.recruit-outline__box__title {
font-weight: bold;
text-align: center;
}
.recruit-outline__box__comment {
text-align: center;
}
}

@media (max-width: 1199px) {
.recruit-outline__title {
font-size: 112.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
}
.recruit-outline__title::before, .recruit-outline__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 12px;
border: none;
content: '';
display: block;
height: 12px;
flex-grow: 1;
}
.recruit-outline__title::before {
margin-right: 25px;
}
.recruit-outline__title::after {
margin-left: 25px;
}
.recruit-outline__box {
margin-bottom: 25px;
}
.recruit-outline__box__title {
font-size: 100%;
padding-bottom: 20px;
}
.recruit-outline__box__comment {
font-size: 87.5%;
}
.recruit-outline__gallery {
margin-bottom: 25px;
}
.recruit-outline__gallery__img {
text-align: center;
}
.recruit-outline__gallery__img:not(:last-child) {
margin-bottom: 10px;
}
}

@media (min-width: 1200px) {
.recruit-outline__title {
font-size: 162.5%;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 48px;
}
.recruit-outline__title::before, .recruit-outline__title::after {
background: linear-gradient(-70deg, transparent 35%, #D9D9D9 45%, #D9D9D9 55%, transparent 65%);
background-size: 5px 17px;
border: none;
content: '';
display: block;
height: 17px;
flex-grow: 1;
}
.recruit-outline__title::before {
margin-right: 50px;
}
.recruit-outline__title::after {
margin-left: 50px;
}
.recruit-outline__box {
margin-bottom: 50px;
}
.recruit-outline__box__title {
font-size: 125%;
padding-bottom: 40px;
}
.recruit-outline__box__comment {
font-size: 100%;
}
.recruit-outline__gallery {
display: flex;
margin-bottom: 50px;
}
}

@media all {
.recruit-info__caution {
font-weight: bold;
text-align: center;
}
.recruit-info__title {
text-align: left;
border-bottom: 1px solid #0951CE;
}
.recruit-info__block {
width: 100%;
}
.recruit-info__box__title, .recruit-info__box__comment {
border: 5px solid #FFF;
border-collapse: collapse;
box-sizing: border-box;
display: table-cell;
}
.recruit-info__box__title {
background-color: #EEEEEE;
font-weight: bold;
text-align: center;
}
.recruit-info__box__comment {
background-color: #F8F8F8;
}
}

@media (max-width: 1199px) {
.recruit-info {
margin-bottom: 25px;
}
.recruit-info--last {
margin-bottom: 0;
}
.recruit-info__caution {
font-size: 112.5%;
}
.recruit-info__title {
font-size: 112.5%;
}
.recruit-info__block {
margin: 8px 0;
}
.recruit-info__box__title, .recruit-info__box__comment {
font-size: 75%;
padding: 6px 25px;
}
.recruit-info__box__title {
width: 25%;
}
.recruit-info__box__comment {
width: 75%;
}
}

@media (min-width: 1200px) {
.recruit-info {
margin-bottom: 50px;
}
.recruit-info--last {
margin-bottom: 0;
}
.recruit-info__caution {
font-size: 125%;
}
.recruit-info__title {
font-size: 125%;
}
.recruit-info__block {
margin: 15px 0;
}
.recruit-info__box__title, .recruit-info__box__comment {
padding: 13px 50px;
}
.recruit-info__box__title {
width: 360px;
}
}

@media all {
.recruit-hint {
text-align: center;
font-weight: bold;
}
}

@media (max-width: 1199px) {
.recruit-hint {
font-size: 87.5%;
padding: 20px 0;
}
}

@media (min-width: 1200px) {
.recruit-hint {
font-size: 112.5%;
padding: 40px 0;
}
}

@media all {
.recruit-contact__title {
text-align: center;
font-weight: bold;
background-color: #EEEEEE;
}
.recruit-contact__box {
display: flex;
background-color: #F8F8F8;
justify-content: center;
}
}

@media (max-width: 1199px) {
.recruit-contact__title, .recruit-contact__box {
padding: 5px;
}
.recruit-contact__title {
font-size: 87.5%;
}
.recruit-contact__box__tel, .recruit-contact__box__mail {
font-size: 87.5%;
padding: 0 5px;
}
}

@media (min-width: 1200px) {
.recruit-contact {
width: 800px;
margin: 0 auto;
}
.recruit-contact__title, .recruit-contact__box {
padding: 10px;
}
.recruit-contact__title {
font-size: 112.5%;
}
.recruit-contact__box__tel, .recruit-contact__box__mail {
padding: 0 10px;
}



}
/* add20200210 end */
@media (min-width: 1200px) {
.mv_pc{display: block;}
.mv_sp{display: none;}

.com_contact_box{
width: 100%;
position: relative;
overflow: hidden;
}

.com_contact_box::before{
content: '';
display: block;
position: absolute;
width: 103%;
height: 9vw;
transform: rotate(-5deg);
border: none;
background: #F5F5F5;
bottom: -4.8vw;
left: -2%;
}

.com_contact_box::after{
content: '';
display: block;
position: absolute;
width: 103%;
height: 9vw;
transform: rotate(5deg);
border: none;
background: rgba(245,245,245,.5);
bottom: -4.8vw;
right: -2%;
}

.com_contact_box .contact_box {
width:768px;
padding: 3%;
margin: -5% auto 3% auto;
border-radius: 10px;
background-color: #fff;
position: relative;
z-index: 1;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.com_contact_box .contact_box .title_txt{
width: 100%;
margin-bottom: 18px;
padding-bottom: 20px;
font-size: 1.2rem;
font-weight: bold;
border-bottom: 1px solid #707070;
text-align: center;
}

.com_contact_box .contact_box .tel_txt{
font-size: 2.2rem;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
text-align: center;
}

.com_contact_box .contact_box .tel_time_txt{
font-size: 0.9rem;
text-align: center;
}

.com_contact_box .contact_box .btn_box{
border-top: 1px solid #707070;
padding-top: 20px;
margin-top: 20px;
}

.com_contact_box .contact_box .btn_box ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

.com_contact_box .contact_box .btn_box ul li{
width: 32%;
position: relative;
background: #0951CE;
padding: 10px;
box-sizing: border-box;
border-radius: 5px;
}

.com_contact_box .contact_box .btn_box ul li a{
text-align: center;
color: #FFF;
display: block;
}

.com_contact_box .contact_box .btn_box ul li a:hover{
opacity: 0.7;
}

.btn_voice_img{
position: fixed;
bottom:40%;
right: 0;
width: 200px;
}

.btn_voice_img img{
width: 100%;
height: auto;
}


/* ==========================
フローティングバナー（追従バナー）
========================== */
.bl_floatingBanner {
position: fixed;
bottom: 30%;
right: 0;
width: 160px;
z-index: 10;
}
.bl_floatingBanner.js_close {
display: none;
}
.bl_floatingBanner_img {
display: block;
transition: 0.3s;
}
.bl_floatingBanner_img:hover {
opacity: 0.6;
}
.bl_floatingBanner_close {
background: #FFF;
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: -15px;
cursor: pointer;
}
.bl_floatingBanner_close span:nth-of-type(1) {
position: absolute;
top: 7px;
right: 0;
width: 15px;
height: 1px;
background-color: #000;
transform: rotate(45deg);
}
.bl_floatingBanner_close span:nth-of-type(2) {
position: absolute;
top: 0;
right: 7px;
width: 1px;
height: 15px;
background-color: #000;
transform: rotate(45deg);
}

/* mv
--------------------------------------------*/
#mv {
width: 70%;
position: relative;
margin:15px auto 0;
}


#mv .swiper-slide{
width: 100%;
margin: auto;
overflow: hidden;
border-radius: 12px;
}

#mv .swiper-slide img {
height: auto;
width: 100%;
}

.top-news .news_list{

}

.top-news .news_list dl{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 10px;
}

.top-news .news_list dt{
width: 10%;
}

.top-news .news_list dd{
width: 90%;
}

.top-plans__box .plans_icon{
width: 100px;
margin: 0 auto 20px;
padding: 16px;
box-sizing: border-box;
border-radius: 50%;
background: #0951CE;
}

/*===========
timetable
===========*/
.timetable_table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-size: .8rem;
}
.timetable_table th,
.timetable_table td {
vertical-align: middle;
padding: 6px;
border: 1px solid #333;
white-space: nowrap;
box-sizing: border-box;
}
.timetable_table th {
background: #bce8f6;
text-align: left;
}
.timetable_table td {
background: #fff;
text-align: center;
}
.timetable_table .sticky {
}

.timetable_table .no {
width: 40px;
text-align: center;
}

.timetable_table .name {
width: 260px;
}

.timetable_table .bgblue {
background:#0951CE;
color: #FFF;
}

.name_tit{
font-weight: bold;
margin: 0 0 10px;
}

/*===========
.scroll-box
===========*/

.scroll-box {
overflow-x: auto;
padding-bottom: 10px;
-webkit-overflow-scrolling: touch;
}


/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
height: 4px;
}

/*スクロールバー全体の背景*/

.scroll-box::-webkit-scrollbar-track {
background: #eee;
}

/*スクロールバーの動く部分*/

.scroll-box::-webkit-scrollbar-thumb {
background: #aaa;
border: none;
}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/

.scroll-box::-webkit-scrollbar-thumb:hover {
background: #999;
}

.ate_txt{
font-size: .8rem;
}

.idx_bnr{
margin:30px auto 0;
}

.idx_bnr .img{
text-align: center;
}



/*===========
impressions
===========*/
#impressions{
width: 1200px;
margin: 0 auto;
}

#impressions .block{
position: relative;
width: 100%;
margin: 0 auto 120px;
}

#impressions .ttl {
position: relative;
font-size: 1.4rem;
line-height: 1;
font-weight: bold;
margin: 0 0 50px;
padding: 0 0 12px;
letter-spacing: 0.05em;
border-bottom: 2px solid #d9d9d9;
color: #0951CE;
}

#impressions .ttl:before{
content:"";
position: absolute;
z-index: 1;
left: 0;
bottom: -2px;
width: 32px;
height: 2px;
background: #0951CE;
}


#impressions .survey_txt{
margin: 0 0 40px;
}


#impressions .survey_txt span{
font-weight: bold;
color: #0951CE;
margin: 0 0 30px;
}

#impressions .survey_glaf{
width: 70%;
margin: 0 auto;
text-align: center;
}

#impressions .voice_list{
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0;
}

#impressions .voice_list li{
width: 31.33%;
margin-right: 3%;
margin-bottom: 3%;
position: relative;
}

#impressions .voice_list li:nth-child(3n){
margin-right: 0;
}

#impressions .voice_list li .voice_ttl_m{
background:#dde2f6;
padding: 5px 8px;
box-sizing:border-box;
margin: 0 0 15px;
font-weight: bold;
}

#impressions .voice_list li .voice_ttl_w{
background:#f8e9f1;
padding: 5px 8px;
box-sizing:border-box;
margin: 0 0 15px;
font-weight: bold;
}

#impressions .voice_list li .voice_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 20px;
}

#impressions .voice_list li .voice_box .face{
width: 20%;
}

#impressions .voice_list li .voice_box .voice{
width: 76%;
}

#impressions .voice_list li .txt{
font-size: .8rem;
padding: 10px 20px;
border-radius: 10px;
background: #dfeafc;
word-break: break-word;
}



.idx_bnr_pc{
width: 900px;
margin:20px auto 0;
}

.idx_bnr_pc .img{
margin: 0 auto 30px;
}

.idx_bnr_pc .img img{
width: 100%;
height: auto;
}

.idx_bnr_sp{
display: none;
}

}
@media (max-width: 1199px) {
.mv_pc{display: none;}
.mv_sp{display: block;}


.com_contact_box{
width: 100%;
position: relative;
overflow: hidden;
}

.com_contact_box::before{
content: '';
display: block;
position: absolute;
width: 103%;
height: 9vw;
transform: rotate(-5deg);
border: none;
background: #F5F5F5;
bottom: -4.8vw;
left: -2%;
}

.com_contact_box::after{
content: '';
display: block;
position: absolute;
width: 103%;
height: 9vw;
transform: rotate(5deg);
border: none;
background: rgba(245,245,245,.5);
bottom: -4.8vw;
right: -2%;
}

.com_contact_box .contact_box {
width:90%;
padding: 3%;
margin: -5% auto 3% auto;
border-radius: 10px;
background-color: #fff;
position: relative;
z-index: 1;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.com_contact_box .contact_box .title_txt{
width: 100%;
margin-bottom: 12px;
padding-bottom: 15px;
font-size: 1.1rem;
font-weight: bold;
border-bottom: 1px solid #707070;
text-align: center;
}

.com_contact_box .contact_box .tel_txt{
font-size: 2rem;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
text-align: center;
}

.com_contact_box .contact_box .tel_time_txt{
font-size: 0.9rem;
text-align: center;
}

.com_contact_box .contact_box .btn_box{
border-top: 1px solid #707070;
padding-top: 20px;
margin-top: 20px;
}

.com_contact_box .contact_box .btn_box ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

.com_contact_box .contact_box .btn_box ul li{
width: 32%;
position: relative;
background: #0951CE;
padding: 6px;
box-sizing: border-box;
border-radius: 5px;
font-size: 0.7rem;
}

.com_contact_box .contact_box .btn_box ul li a{
text-align: center;
color: #FFF;
display: block;
}

.com_contact_box .contact_box .btn_box ul li a:hover{
opacity: 0.7;
}

/* ==========================
フローティングバナー（追従バナー）
========================== */
.bl_floatingBanner {
position: fixed;
bottom: 30%;
right: 0;
width: 120px;
z-index: 10;
}
.bl_floatingBanner.js_close {
display: none;
}
.bl_floatingBanner_img {
display: block;
transition: 0.3s;
}
.bl_floatingBanner_img:hover {
opacity: 0.6;
}
.bl_floatingBanner_close {
background: #FFF;
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: -15px;
cursor: pointer;
}
.bl_floatingBanner_close span:nth-of-type(1) {
position: absolute;
top: 7px;
right: 0;
width: 15px;
height: 1px;
background-color: #000;
transform: rotate(45deg);
}
.bl_floatingBanner_close span:nth-of-type(2) {
position: absolute;
top: 0;
right: 7px;
width: 1px;
height: 15px;
background-color: #000;
transform: rotate(45deg);
}

/* mv
--------------------------------------------*/
#mv {
position: relative;
margin: 0 auto;
}

#mv .swiper-slide{
width: 100%;
}

#mv .swiper-slide img {
height: auto;
width: 100%;
border-radius: 12px;
}

.top-news .news_list{

}

.top-news .news_list dl{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 10px;
font-size: .8rem;
}

.top-news .news_list dt{
width: 20%;
}

.top-news .news_list dd{
width: 75%;
}

.top-plans__boxes{
display: block;
flex: none;
}

.top-plans__boxes .top-plans__box{
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 6px;
background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(14, 255, 255, .2));
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.top-plans__box .plans_icon{
width: 60px;
margin: 0 auto;
padding: 16px;
box-sizing: border-box;
border-radius: 50%;
background: #0951CE;
}

.top-plans__box__title {
width:calc(100% - 80px);
font-size: 120%;
font-weight: bold;
text-align: left;
line-height: 1;
padding-top: 10px;
}

.top-plans__box__title__jp{
margin-bottom: 10px;
}

.top-plans__box__title__en{
margin-bottom: 0;
font-size: .7rem;
}

.plans__box__txt{
margin: 10px auto;
width: 100%;
text-align: left;
font-weight: bold;
}




/*===========
timetable
===========*/
.timetable_table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-size: .6rem;
}
.timetable_table th,
.timetable_table td {
vertical-align: middle;
padding: 5px;
border: 1px solid #333;
white-space: nowrap;
box-sizing: border-box;
position: relative;
}
.timetable_table th {
background: #bce8f6;
text-align: left;position: relative;
z-index: -5;
}
.timetable_table td {
text-align: center;
}

.timetable_table .no.sticky {
position: sticky;
top: 0;
left: 0;
width: 20px;
padding: 5px;
box-sizing: border-box;
text-align: center;
z-index: 2;
}

.timetable_table .no.sticky::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #bce8f6;
width: 100%;
height: 100%;
z-index: -1;
}

.timetable_table .name.sticky {
position: sticky;
top: 0;
left: 20px;
width: 160px;
padding: 5px;
box-sizing: border-box;
z-index: 2;
}

.timetable_table .name.sticky::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #bce8f6;
z-index: -1;
}

/*===========
.scroll-box
===========*/

.scroll-box {
overflow-x: auto;
padding-bottom: 10px;
-webkit-overflow-scrolling: touch;
}


/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
height: 4px;
}

/*スクロールバー全体の背景*/

.scroll-box::-webkit-scrollbar-track {
background: #eee;
}

/*スクロールバーの動く部分*/

.scroll-box::-webkit-scrollbar-thumb {
background: #aaa;
border: none;
}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/

.scroll-box::-webkit-scrollbar-thumb:hover {
background: #999;
}

.ate_txt{
font-size: .7rem;
}

.timetable_table .bgblue {
background:#0951CE;
color: #FFF;
}

.name_tit{
font-size: .8rem;
font-weight: bold;
margin: 0 0;
}

.idx_bnr_pc{
display: none;
}

.idx_bnr_sp{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:20px auto 0;
}

.idx_bnr_sp .img{
width: 48%;
text-align: center;
margin: 0 auto 2%;
}



/*===========
impressions
===========*/
#impressions{
width: 90%;
margin: 0 auto;
}

#impressions .block{
position: relative;
width: 100%;
margin: 0 auto 60px;
}

#impressions .block:last-child{
margin-bottom: 0;
}

#impressions .ttl {
position: relative;
font-size: 1rem;
line-height: 1;
font-weight: bold;
margin: 0 0 30px;
padding: 0 0 12px;
letter-spacing: 0.05em;
border-bottom: 2px solid #d9d9d9;
color: #0951CE;
}

#impressions .ttl:before{
content:"";
position: absolute;
z-index: 1;
left: 0;
bottom: -2px;
width: 32px;
height: 2px;
background: #0951CE;
}


#impressions .survey_txt{
margin: 0 0 30px;
}


#impressions .survey_txt span{
font-weight: bold;
color: #0951CE;
margin: 0 0 30px;
}

#impressions .survey_glaf{
width: 70%;
margin: 0 auto;
text-align: center;
}

#impressions .voice_list{
width: 90%;
list-style-type: none;
margin: 0 auto;
padding: 0;
}

#impressions .voice_list li{
width: 100%;
margin-bottom: 6%;
position: relative;
}

#impressions .voice_list li:nth-child(3n){
margin-right: 0;
}

#impressions .voice_list li .voice_ttl_m{
background:#dde2f6;
padding: 5px 8px;
box-sizing:border-box;
margin: 0 0 15px;
font-weight: bold;
}

#impressions .voice_list li .voice_ttl_w{
background:#f8e9f1;
padding: 5px 8px;
box-sizing:border-box;
margin: 0 0 15px;
font-weight: bold;
}

#impressions .voice_list li .voice_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 20px;
}

#impressions .voice_list li .voice_box .face{
width: 15%;
}

#impressions .voice_list li .voice_box .voice{
width: 82%;
}

#impressions .voice_list li .voice_box .face img,
#impressions .voice_list li .voice_box .voice img{
width: 100%;
height: auto;
}

#impressions .voice_list li .txt{
font-size: .8rem;
padding: 10px 20px;
border-radius: 10px;
background: #dfeafc;
word-break: break-word;
}
}

@media all {
.semi_informal__title {
color: #0951CE;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
.semi_informal__title::after {
border-bottom: 5px solid #EEEEEE;
content: '';
display: block;
margin: 20px auto 0;
width: 70px;
}
.semi_informal__box__title {
font-weight: bold;
}
.semi_informal__box__title__icon {
background-color: #0951CE;
color: #FFF;
font-weight: bold;
line-height: 1;
text-align: center;
}
.semi_informal__box__title__icon .fa {
font-weight: normal;
}
.semi_informal__box__detail {
text-align: center;
}
.semi_informal__box__detail__btn {
border: 1px solid #0951CE;
color: #0951CE;
display: block;
font-weight: bold;
position: relative;
}
.semi_informal__box__detail__btn::after {
content: '\f054';
font-family: FontAwesome;
position: absolute;
right: 15px;
}
}

@media (max-width: 1199px) {
.semi_informal {
padding: 35px 0 50px;
}
.ssemi_informal__title {
font-size: 112.5%;
margin-bottom:30px;
}
.semi_informal__title::after {
margin: 10px auto 0;
}
.semi_informal__block {
width: 90%;
margin: 0 auto;
background:linear-gradient(54deg, rgb(255, 247, 203) 0%, rgb(197, 232, 240) 95%, rgb(206, 246, 255) 100%);
padding:0 0 15px;
}

.semi_informal__boxes:not(:last-child) {
margin-bottom: 35px;
}
.semi_informal__boxes__img {
margin-bottom: 20px;
}
.semi_informal__box__title {
font-size: 100%;
margin-bottom: 20px;
}
.ssemi_informal__box__title__icon {
font-size: 75%;
padding: 8px;
margin-right: 9px;
}
.semi_informal__box__intro {
font-size: 87.5%;
}
.strength__box__detail {
font-size: 75%;
height: 40px;
line-height: 40px;
margin-top: 20px;
}

.semi_informal .semi_informal__block .block{
margin:0;
}

.semi_informal .semi_informal__block .block .txt_box{
width:100%;
padding: 15px;
box-sizing: border-box;
position: relative;
}

.semi_informal .semi_informal__block .block .txt_box p{
font-weight: 800;
font-size: 1rem;
line-height: 2;
color: #0951CE;
}

.semi_informal .semi_informal__block .block .txt_box p span{
font-size: .8rem;
font-weight: 500;
line-height: 1.6;
display: block;
margin-top: 20px;
color: #000;
}

.semi_informal .semi_informal__block .block .img{
width: 100%;
}

.semi_informal .semi_informal__block .list{
padding:15px;;
margin:20px 0 10px;
}

.semi_informal .semi_informal__block .list li{
width: 100%;
margin-bottom:15px;
position: relative;
background: #FFF;
padding:15px;
box-sizing: border-box;
border-radius: .6rem;
}

.semi_informal .semi_informal__block .list li .img{
overflow: hidden;
width: 70%;
margin: 0 auto 20px;
}

.semi_informal .semi_informal__block .list li h3{
text-align: center;
color:#0951CE;
font-size: 1rem;
font-weight: 800;
margin: 0 0 20px;
position: relative;
display: none;
}

.semi_informal .semi_informal__block .list li h3::before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
width: 30px;
height: 1px;
margin-left: -15px;
background:#0951CE;
}

.semi_informal .semi_informal__block .list li .txt{
margin: 0 0 20px;
}

.semi_informal .semi_informal__block .list li dl{
}

.semi_informal .semi_informal__block .list li dl dt{
background:rgb(165, 174, 230);
padding: 5px;
box-sizing: border-box;
text-align: center;
font-weight: 800;
color: #FFF;
}

.semi_informal .semi_informal__block .list li dl dd{
background:#EAF1FA;
padding:5px;
box-sizing: border-box;
font-weight: 800;
}

.semi_informal .semi_informal__block .red_txt{
background:#0951CE;
color: #FFF;
padding: 20px;
box-sizing: border-box;
font-weight: 800;
text-align: center;
font-size: 1rem;
margin: 0 0 30px;
}

.semi_informal .semi_informal__block .menkyo_box{
width: 90%;
border: 2px solid #0951CE;
padding:10px;
box-sizing: border-box;
margin: 0 auto 40px;
border-radius: .6rem;
line-height: 2;
background: #FFF;
}

.semi_informal .semi_informal__block .table_box{
width: 90%;
margin: auto;
position: relative;
overflow-x: scroll;
}

.semi_informal .semi_informal__block .table_box table{
width:800px;
border-right: 1px solid #000;
border-top:1px solid #000;
font-size: .8rem;
}

.semi_informal .semi_informal__block .table_box table th{
border-left: 1px solid #000;
border-bottom:1px solid #000;
text-align: center;
background: #EAF1FA;
padding: 5px;
box-sizing: border-box;
}

.semi_informal .semi_informal__block .table_box table td{
border-left: 1px solid #000;
border-bottom:1px solid #000;
text-align: center;
padding: 5px;
box-sizing: border-box;
}

.semi_informal .semi_informal__block .table_box table tr:nth-child(2){
background: #feccff;
}

.semi_informal .semi_informal__block .table_box table tr:nth-child(3){
background: #fffd94;
}

.semi_informal .semi_informal__block .table_box table tr:nth-child(4){
background: #cefecb;
}

.semi_informal .semi_informal__block .table_box table tr:nth-child(5){
background: #fecc98;
}
.semi_informal .semi_informal__block .table_box table tr:nth-child(6){
background: #ccccff;
}

.event_c{
display: flex;
justify-content: center;
}

.event_c a{
color: #FFF;
text-align: center;
font-size: .8rem;
font-weight: 600;
padding:5px;
box-sizing: border-box;
background: #FF0000;
line-height: 1.25;
}

.event_c a span{
display: block;
font-size: .7rem;
}


}

@media (min-width: 1200px) {
.semi_informal {
padding: 70px 0 100px;
}
.semi_informal__title {
font-size: 212.5%;
margin-bottom: 85px;
}
.semi_informal__title::after {
margin: 20px auto 0;
}
.semi_informal__block {
margin: 0 auto;
max-width: 1200px;
background:linear-gradient(54deg, rgb(255, 247, 203) 0%, rgb(197, 232, 240) 95%, rgb(206, 246, 255) 100%);
padding: 0 0 35px;
}
.semi_informal__boxes {
display: flex;
align-items: center;
justify-content: space-between;
}
.semi_informal__boxes:not(:last-child) {
margin-bottom: 70px;
}
.semi_informal__boxes:nth-child(odd) {
flex-direction: row-reverse;
}
.semi_informal__boxes__img {
width: 720px;
}
.semi_informal__box {
width: 430px;
}
.semi_informal__box__title {
font-size: 125%;
margin-bottom: 40px;
}
.semi_informal__box__title__icon {
font-size: 70%;
margin: 0 10px 0 0;
max-width: 90px;
padding: 10px;
}
.semi_informal__box__detail {
font-size: 87.5%;
height: 50px;
line-height: 50px;
margin-top: 40px;
width: 100%;
}
.semi_informal__box__detail__btn {
transition: all 0.2s ease-in-out;
}
.semi_informal__box__detail__btn:hover {
background-color: #0951CE;
color: #FFF;
}

.semi_informal .semi_informal__block .block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin:0;
}

.semi_informal .semi_informal__block .block .txt_box{
width:50%;
padding: 25px;
box-sizing: border-box;
position: relative;
}

.semi_informal .semi_informal__block .block .txt_box p{
font-weight: 800;
font-size: 1.25rem;
line-height: 2;
color: #0951CE;
}

.semi_informal .semi_informal__block .block .txt_box p span{
font-size: .9rem;
font-weight: 500;
line-height: 1.6;
display: block;
margin-top: 20px;
color: #000;
}

.semi_informal .semi_informal__block .block .img{
width: 50%;
}

.semi_informal .semi_informal__block .list{
padding:45px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:30px 0 10px;
}

.semi_informal .semi_informal__block .list li{
width: 32%;
margin-bottom:1.333%;
position: relative;
background: #FFF;
padding:20px;
box-sizing: border-box;
border-radius: .6rem;
}

.semi_informal .semi_informal__block .list li .img{
width: 80%;
margin: 0 auto 20px;
overflow: hidden;
}

.semi_informal .semi_informal__block .list li h3{
text-align: center;
color:#0951CE;
font-size: 1.4rem;
font-weight: 800;
margin: 0 0 30px;
position: relative;
display: none;
}

.semi_informal .semi_informal__block .list li h3::before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
width: 30px;
height: 1px;
margin-left: -15px;
background:#0951CE;
}

.semi_informal .semi_informal__block .list li .txt{
margin: 0 0 20px;
}

.semi_informal .semi_informal__block .list li dl{
}

.semi_informal .semi_informal__block .list li dl dt{
background:rgb(165, 174, 230);
padding: 10px;
box-sizing: border-box;
text-align: center;
font-weight: 800;
color: #FFF;
}

.semi_informal .semi_informal__block .list li dl dd{
background:#EAF1FA;
padding: 10px;
box-sizing: border-box;
font-weight: 800;
}

.semi_informal .semi_informal__block .red_txt{
background:#0951CE;
color: #FFF;
padding: 20px;
box-sizing: border-box;
font-weight: 800;
text-align: center;
font-size: 1.4rem;
margin: 0 0 30px;
}

.semi_informal .semi_informal__block .menkyo_box{
width: 90%;
border: 2px solid #0951CE;
padding:25px;
box-sizing: border-box;
margin: 0 auto 40px;
border-radius: 1rem;
background: #FFF;
}

.semi_informal .semi_informal__block .table_box{
width: 90%;
margin: auto;
position: relative;
}

.semi_informal .semi_informal__block .table_box table{
width:100%;
border-right: 1px solid #000;
border-top:1px solid #000;
font-size: .9rem;
}


.semi_informal .semi_informal__block .table_box table tr:nth-child(2){
background: #feccff;
}

.semi_informal .semi_informal__block .table_box table tr:nth-child(3){
background: #fffd94;
}

.semi_informal .semi_informal__block .table_box table tr:nth-child(4){
background: #cefecb;
}

.semi_informal .semi_informal__block .table_box table tr:nth-child(5){
background: #fecc98;
}
.semi_informal .semi_informal__block .table_box table tr:nth-child(6){
background: #ccccff;
}

.semi_informal .semi_informal__block .table_box table th{
border-left: 1px solid #000;
border-bottom:1px solid #000;
text-align: center;
background: #EAF1FA;
padding: 5px;
box-sizing: border-box;
}

.semi_informal .semi_informal__block .table_box table td{
border-left: 1px solid #000;
border-bottom:1px solid #000;
text-align: center;
padding: 5px;
box-sizing: border-box;
}

.semi_bnr_img{
width:700px;
margin: 0 auto 40px;
}

.event_c{
display: flex;
justify-content: center;
}

.event_c a{
color: #FFF;
text-align: center;
font-size: .9rem;
font-weight: 600;
padding:5px;
box-sizing: border-box;
background: #FF0000;
}

.event_c a span{
display: block;
font-size: .75rem;
}

}