@charset "UTF-8";
/* ==========================================================================
   Foundation
   ========================================================================== */
/*!
 * ress.css ? v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */ :root {
      --color-gray: #EBEBE1;
      --color-purple: #803FB2;
      --color-lightpurple: #6900A0;
      --color-yellow: #FFDC54;
      --color-lightyellow: #FFFF00;
}
html {
      box-sizing: border-box;
      font-size: 62.5%;
      line-height: 1.8;
      -webkit-text-size-adjust: 100%; /* iOS 8+ */
}
*, ::before, ::after {
      background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
      box-sizing: inherit;
}
::before, ::after {
      text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
      vertical-align: inherit;
}
* {
      padding: 0; /* Reset `padding` and `margin` of all elements */
      margin: 0;
}
/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
      display: none;
      height: 0;
}
hr {
      overflow: visible; /* Show the overflow in Edge and IE */
}
/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
      display: block;
}
summary {
      display: list-item; /* Add the correct display in all browsers */
}
small {
      font-size: 80%; /* Set font-size to 80% in `small` elements */
}
[hidden], template {
      display: none; /* Add the correct display in IE */
}
abbr[title] {
      border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
      text-decoration: none; /* Remove text decoration in Firefox 40+ */
}
a {
      background-color: transparent; /* Remove the gray background on active links in IE 10 */
      -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}
a:active, a:hover {
      outline-width: 0; /* Remove the outline when hovering in all browsers */
}
code, kbd, pre, samp {
      font-family: monospace, monospace; /* Specify the font family of code elements */
}
b, strong {
      font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}
dfn {
      font-style: italic; /* Address styling not present in Safari and Chrome */
}
/* Address styling not present in IE 8/9 */
mark {
      background-color: #ff0;
      color: #000;
}
/* https://gist.github.com/unruthless/413930 */
sub, sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
}
sub {
      bottom: -0.25em;
}
sup {
      top: -0.5em;
}
/* # =================================================================
   # Forms
   # ================================================================= */
input {
      border-radius: 0;
}
/* Apply cursor pointer to button elements */
button, [type=button], [type=reset], [type=submit], [role=button] {
      cursor: pointer;
}
/* Replace pointer cursor in disabled elements */
[disabled] {
      cursor: default;
}
[type=number] {
      width: auto; /* Firefox 36+ */
}
[type=search] {
      -webkit-appearance: textfield; /* Safari 8+ */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
      -webkit-appearance: none; /* Safari 8 */
}
textarea {
      overflow: auto; /* Internet Explorer 11+ */
      resize: vertical; /* Specify textarea resizability */
}
button, input, optgroup, select, textarea {
      font: inherit; /* Specify font inheritance of form elements */
}
optgroup {
      font-weight: bold; /* Restore the font weight unset by the previous rule. */
}
button {
      overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
      border-style: none;
      padding: 0;
}
/* Replace focus style removed in the border reset above */
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
      outline: 1px dotted ButtonText;
}
button, html [type=button], [type=reset], [type=submit] {
      -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}
button, select {
      text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}
/* Remove the default button styling in all browsers */
button, input, select, textarea {
      background-color: transparent;
      border-style: none;
      color: inherit;
}
/* Style select like a standard input */
select {
      -moz-appearance: none; /* Firefox 36+ */
      -webkit-appearance: none; /* Chrome 41+ */
}
select::-ms-expand {
      display: none; /* Internet Explorer 11+ */
}
select::-ms-value {
      color: currentColor; /* Internet Explorer 11+ */
}
legend {
      border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
      color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
      display: table; /* Correct the text wrapping in Edge and IE */
      max-width: 100%; /* Correct the text wrapping in Edge and IE */
      white-space: normal; /* Correct the text wrapping in Edge and IE */
}
::-webkit-file-upload-button {
      -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
      font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}
[type=search] {
      -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
      outline-offset: -2px; /* Correct the outline style in Safari */
}
/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
      border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
      vertical-align: baseline;
}
svg:not(:root) {
      overflow: hidden; /* Internet Explorer 11- */
}
audio, canvas, progress, video {
      display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}
/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
      [hidden ~ =screen] {
            display: inherit;
      }
      [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
            position: absolute !important;
            clip: rect(0 0 0 0) !important;
      }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
      cursor: progress;
}
/* Specify the pointer cursor of trigger elements */
[aria-controls] {
      cursor: pointer;
}
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
      cursor: default;
}
/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */ ::selection {
      background-color: #b3d4fc; /* Required when declaring ::selection */
      color: #000;
      text-shadow: none;
}
body {
      font-family: "YuGothic", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "ÓÎ¥´¥·¥Ã¥¯", "¥á¥¤¥ê¥ª", Meiryo, system-ui, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
      background-size: auto auto;
      background: #FFF;
}
img {
      vertical-align: bottom;
}
ul {
      list-style: none;
}
a {
      text-decoration: none;
      transition: 0.3s ease-in-out;
}
a:hover {
      opacity: 0.7;
}
header.l-header {
      text-align: center;
}
header h1 picture {
      width: 100%;
}
header h1 picture img {
      width: 100%;
}
footer {
      position: relative;
      background-color: #fff;
      z-index: 40;
}
@media screen and (min-width: 769px), print {
      #pagetop {
            position: fixed;
            bottom: 15px;
            right: 15px;
            width: 54px;
            height: 54px;
            background: #555;
            display: flex;
            justify-content: center;
            border-radius: 50%;
            z-index: 999;
            cursor: pointer;
            transition: 1s;
            opacity: 0;
            visibility: hidden;
      }
      #pagetop span {
            display: inline-block;
            position: relative;
            width: 100%;
            height: 100%;
            font-size: 12px;
            text-align: center;
            color: #FFF;
            padding: 22px 0 0;
            font-family: "Helvetica Neue";
      }
      #pagetop span:before {
            content: '';
            width: 0.6em;
            height: 0.6em;
            border: 0.1em solid currentColor;
            border-left: 0;
            border-bottom: 0;
            transform: rotate(-45deg);
            transform-origin: top right;
            position: absolute;
            top: 15px;
            right: 50%;
            box-sizing: border-box;
      }
      #pagetop.active {
            opacity: 1;
            visibility: visible;
      }
      footer {
            font-size: 13px;
      }
      footer .bg {
            padding: 50px 0;
            background-color: #f0f0f0;
      }
      footer .bg .inner {
            width: 1000px;
            margin: 0 auto;
      }
      .sideSns {
            display: none;
      }
      footer .sns {
            margin: 0 auto 50px;
            display: table;
      }
      footer .sns li {
            padding: 0 18px;
            display: table-cell;
      }
      footer .sns li img {
            width: 50px;
            height: auto;
      }
      footer > .bg > .inner > .cf {
            width: 1000px;
            margin: 0 auto 0;
            display: table !important;
      }
      footer .fo-logo {
            width: 27%;
            text-align: left;
            vertical-align: top;
            display: table-cell;
      }
      footer .fo-logo img {
            width: 212px;
            height: auto;
      }
      footer address {
            color: #4d4d4d;
            font-size: 1em;
            font-style: normal;
            width: 32%;
            text-align: left;
            vertical-align: bottom;
            display: table-cell;
      }
      footer address .spbr {
            display: none;
      }
      footer .global {
            color: #4d4d4d;
            font-size: 0;
            width: 100%;
            text-align: right;
            vertical-align: bottom;
            display: block;
      }
      footer .global li {
            color: #4d4d4d;
            font-size: 12px;
            display: inline-block;
      }
      footer #global_site_link {
            margin-top: 10px;
      }
      footer #global_site_link li:first-child::before {
            content: "";
      }
      footer .global li:first-child::before {
            content: "|";
            margin-right: 10px;
      }
      footer #global_site_link li::after {
            content: "";
      }
      footer .global li::after {
            content: "|";
            margin-left: 10px;
            margin-right: 10px;
      }
      footer .global li:last-child::after {
            margin-right: 0;
      }
      footer #global_site_link li a {
            color: #373637;
            font-size: 12px;
            padding-left: 13px;
            /*            background: url(/testtakers/_assets/img/ico_blue.svg) left center no-repeat;*/
            background-size: 6px auto;
      }
      footer .copy {
            color: #4d4d4d;
            font-size: 1em;
            font-style: normal;
            height: 40px;
            padding: 10px 20px;
            text-align: left;
            box-sizing: border-box;
      }
      .webentry_footer_bn {
            padding-top: 60px;
      }
      .webentry_footer_bn.prospect_top_bn_admission {
            padding-bottom: 60px;
      }
}
@media screen and (max-width: 769px) {
      #pagetop {
            position: fixed;
            bottom: 80px;
            right: 10px;
            width: 54px;
            height: 54px;
            background: #555;
            display: flex;
            justify-content: center;
            border-radius: 50%;
            z-index: 999;
            cursor: pointer;
            transition: 1s;
            opacity: 0;
            visibility: hidden;
      }
      #pagetop span {
            display: inline-block;
            position: relative;
            width: 100%;
            height: 100%;
            font-size: 12px;
            text-align: center;
            color: #FFF;
            padding: 22px 0 0;
            ont-family: "Helvetica Neue";
      }
      #pagetop span:before {
            content: '';
            width: 0.6em;
            height: 0.6em;
            border: 0.1em solid currentColor;
            border-left: 0;
            border-bottom: 0;
            transform: rotate(-45deg);
            transform-origin: top right;
            position: absolute;
            top: 15px;
            right: 50%;
            box-sizing: border-box;
      }
      #pagetop.active {
            opacity: 1;
            visibility: visible;
      }
      footer::after {
            content: "";
            padding-top: 55px;
            display: block;
      }
      footer .bg {
            padding: 25px 0;
            background-color: #f0f0f0;
      }
      footer .bg .inner {
            margin: 0 20px;
      }
      .sideSns {
            display: block;
      }
      footer .sns {
            margin: 0 auto 50px;
            /*display: table;*/
            display: none;
      }
      footer .sns li {
            padding: 0 8px;
            display: table-cell;
      }
      footer .sns li img {
            width: 34px;
            height: 34px;
      }
      footer > .bg > .inner > .cf {
            margin: 0 auto 0;
            display: table !important;
      }
      footer .fo-logo {
            width: 49%;
            text-align: left;
            vertical-align: top;
      }
      footer .fo-logo img {
            width: 100%;
            height: auto;
      }
      footer address {
            color: #4d4d4d;
            font-size: 11px;
            font-style: normal;
            margin: 1em 0;
            text-align: left;
      }
      footer address .spbr {
            display: none;
      }
      footer #global_site_link li:first-child::before {
            content: "";
      }
      footer #global_site_link li::after {
            content: "";
      }
      footer .global {
            color: #4d4d4d;
            font-size: 0;
            text-align: left;
            display: block;
      }
      footer #global_site_link {
            margin: 10px auto;
      }
      footer .global li {
            color: #4d4d4d;
            font-size: 10px;
            display: inline-block;
      }
      footer .global li:first-child::before {
            content: "|";
            margin-right: 10px;
      }
      footer .global li::after {
            content: "|";
            margin-left: 10px;
            margin-right: 10px;
      }
      footer .global li:last-child::after {
            margin-right: 0;
      }
      footer #global_site_link li a {
            color: #373637;
            font-size: 11px;
            padding-left: 8px;
            /*            background: url(/testtakers/_assets/img/ico_blue.svg) left center no-repeat;*/
            background-size: 6px auto;
      }
      footer .copy {
            color: #4d4d4d;
            font-size: 10px;
            font-style: normal;
            height: 40px;
            padding: 13px 40px 0 20px;
            text-align: left;
            box-sizing: border-box;
            line-height: 1em;
      }
      .webentry_footer_bn {
            padding-top: 25px;
      }
      .webentry_footer_bn.prospect_top_bn_admission {
            padding-bottom: 25px;
      }
}
@media all and (-ms-high-contrast: none) {
      footer .sns li img {
            width: 46px;
            height: 46px;
      }
      footer .fo-logo img {
            width: 212px;
            height: 100%;
      }
      footer #global_site_link li a {
            background-size: 6px 9px;
      }
}
@media screen and (max-width: 769px) {
      .u-pc {
            display: none !important;
      }
      .header_foot_bt > ul.global {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 999;
      }
      .header_foot_bt > ul.global li {
            position: relative;
            /*width: 50%;*/ /* 2ÁФΤȤ­ */
            width: 33.33333%; /* 3ÁФΤȤ­ */
            vertical-align: top;
            float: right;
            height: 60px;
      }
      .header_foot_bt > ul.global > li.contact + li.request.sp:before, .header_foot_bt > ul.global > li.request + li.webentry.sp:before {
            content: "";
            display: inline-block;
            width: 1px;
            height: 60%;
            background: #fff;
            position: absolute;
            right: 0;
            top: 20%;
            z-index: 2;
      }
      .header_foot_bt > ul.global > li.access {
            display: none;
      }
      .header_foot_bt > ul.global > li::after {
            content: "";
            /* padding-top: 47%; */
            padding-top: 27%;
            vertical-align: top;
            display: block;
      }
      .header_foot_bt > ul.global li a {
            position: absolute;
            color: #fff !important;
            font-size: 13px;
            width: 100%;
            bottom: 0;
            padding: 10px 0 5px 25px;
            line-height: 1em;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            vertical-align: middle;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 60px;
      }
      .header_foot_bt > ul.global > li a:hover, .header_foot_bt > ul.global > li a:visited {
            opacity: 1;
            transition: 0;
      }
      .header_foot_bt > ul.global > li.request a, .header_foot_bt > ul.global > li.contact a, .header_foot_bt > ul.global > li.webentry a {
            color: #fff !important;
            background: #00b996;
            position: relative;
      }
      .header_foot_bt > ul.global > li.request a:before {
            content: "";
            display: inline-block;
            background: url(/testtakers/_assets/img/ico_request_white.svg) no-repeat;
            background-size: 100%;
            font-size: 1em;
            position: absolute;
            width: 30px;
            height: 30px;
            left: 50%;
            top: 50%;
            /*transform: translateX(-3.5em) translateY(-50%);*/ /* 2ÁФΤȤ­ */
            transform: translateX(-3.5em) translateY(-50%); /* 3ÁФΤȤ­ */
            margin-top: 2px;
      }
      .header_foot_bt > ul.global > li.contact a:before {
            content: "";
            display: inline-block;
            background: url(/testtakers/_assets/img/ico_contact_white.svg) no-repeat;
            background-size: 100%;
            font-size: 1em;
            position: absolute;
            width: 30px;
            height: 30px;
            left: 50%;
            top: 50%;
            /*transform: translateX(-4.5em) translateY(-50%);*/ /* 2ÁФΤȤ­ */
            transform: translateX(-4.5em) translateY(-50%); /* 3ÁФΤȤ­ */
            margin-top: 2px;
      }
      .header_foot_bt > ul.global > li.webentry a:before {
            content: "";
            display: inline-block;
            background: url(/testtakers/_assets/img/ico_pc.svg) no-repeat;
            background-size: 100%;
            font-size: 1em;
            position: absolute;
            width: 25px;
            height: 25px;
            left: 50%;
            top: 50%;
            /*transform: translateX(-6.5em) translateY(-50%);*/ /* 2ÁФΤȤ­ */
            transform: translateX(-3.5em) translateY(-50%); /* 2ÁФΤȤ­ */
      }
}
@media print, screen and (min-width: 769px) {
      .u-sp {
            display: none !important;
      }
      #bt-home {
            /* 	position:fixed;
    top: 44%;
    right:0; */
            width: 50px;
            cursor: pointer;
            height: 180px;
            display: block;
            background: #00b996;
            /* display: table-cell; */
            vertical-align: middle;
            line-height: 3em;
            font-size: 16px !important;
            font-weight: bold;
            letter-spacing: 0.4em;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
      }
      #bt-home::before {
            content: "";
            /* padding-top: 1%; */
            display: block;
      }
      #bt-home a {
            width: 100%;
            height: 100%;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            text-align: center;
            display: block;
            color: #fff;
      }
      #bt-oc {
            width: 50px;
            cursor: pointer;
            height: 180px;
            display: flex;
            margin-top: 10px;
            background: #ffff00;
            vertical-align: middle;
            line-height: 3em;
            font-size: 16px !important;
            font-weight: bold;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
      }
      #bt-oc a {
            writing-mode: vertical-rl;
            text-align: center;
            display: block;
            color: #6900a0;
            width: 110%;
            letter-spacing: 0.341em;
            padding-top: 20%;
            box-sizing: border-box;
      }
      #bt-oc a span {
            writing-mode: horizontal-tb;
            display: inline-block;
            line-height: 1.5;
      }
      .header_side_bt {
            position: fixed;
            top: 120px;
            right: 0;
            width: 50px;
            z-index: 999;
      }
}
.c-cv {
      background: var(--color-lightpurple);
      padding: 70px 0 90px;
}
.c-cv p {
      text-align: center !important;
      margin: 0 0 20px;
}
.c-cv p img {
      margin: 0 auto;
      max-width: 338px;
}
.c-cv .sec-inner {
      padding: 0;
}
.c-cv a {
      transition: 0.3s ease-in-out;
}
.c-cv a img {
      width: 100%;
      margin: 0 auto;
}
.l-main {
      width: 100%;
      /*      text-align: center;*/
}
.sec-inner {
      width: 80%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 100px 0;
      font-feature-settings: "palt";
      box-sizing: border-box;
}
.sec-inner h2 {
      text-align: center;
      padding: 0.5em 0;
      color: #fff;
      background: #FFFF00;
      -webkit-box-shadow: 6px 6px 0 var(--color-lightpurple);
      box-shadow: 6px 6px 0 var(--color-lightpurple);
      font-size: clamp(1rem, -0.193rem + 5.09vw, 3.625rem);
      color: var(--color-lightpurple);
      letter-spacing: 0.15em;
      border: solid 2px var(--color-lightpurple);
      line-height: 1.2em;
}
.sec-inner h2.ttl-blue {
      background: #EBEBE1;
      -webkit-box-shadow: 6px 6px 0 #1478FF;
      box-shadow: 6px 6px 0 #1478FF;
      color: #1478FF;
      border: solid 2px #1478FF;
}
.sec-inner h2.ttl-pink {
      background: #EBEBE1;
      -webkit-box-shadow: 6px 6px 0 #CD14FF;
      box-shadow: 6px 6px 0 #CD14FF;
      color: #CD14FF;
      border: solid 2px #CD14FF;
}
.sec-inner h2.ttl-orange {
      background: #EBEBE1;
      -webkit-box-shadow: 6px 6px 0 #FF6400;
      box-shadow: 6px 6px 0 #FF6400;
      color: #FF6400;
      border: solid 2px #FF6400;
}
.sec-inner h2.ttl-lightpink {
      background: #EBEBE1;
      -webkit-box-shadow: 6px 6px 0 #F08C96;
      box-shadow: 6px 6px 0 #F08C96;
      color: #F08C96;
      border: solid 1px #F08C96;
}
.sec-inner h3 {
      border-top: solid 6px var(--color-lightpurple);
      border-bottom: solid 6px var(--color-lightpurple);
      padding: 1rem 0;
      text-align: center;
      font-size: clamp(1rem, 0.091rem + 3.88vw, 3rem);
      color: var(--color-lightpurple);
      letter-spacing: 0.15em;
      margin-bottom: 40px;
}
.sec-inner .ttl-arrow {
      text-align: center;
      margin: 40px auto 30px !important;
}
.sec-inner .ttl-arrow img {
      max-width: 42px;
}
.sec-flexbox {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      max-width: 1200px;
      width: 100%;
}
.sec-flexbox + h3 {
      margin: 100px 0 40px;
}
.box-memo {
      position: relative;
      margin: 0 0 3em;
      color: var(--color-lightpurple);
      background: #FFF;
      overflow: hidden;
      z-index: 1;
}
.box-memo:before {
      content: "";
      position: absolute;
      top: -1px;
      right: -1px;
      border-width: 0 52px 52px 0;
      border-style: solid;
      border-color: var(--color-gray) var(--color-gray) var(--color-lightpurple) var(--color-lightpurple);
      background: var(--color-lightpurple);
      display: block;
      width: 0;
      z-index: 2;
}
.box-memo:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      z-index: -1;
      border: solid 2px var(--color-lightpurple);
}
.sec-flexbox .box-memo {
      width: 48.5%;
}
.min-h120 {
      min-height: 114px;
}
.box-memo-inner {
      display: block;
      padding: 0 1.5em;
      /*border:solid 2px var(--color-lightpurple);*/
}
.box-memo-inner .box-memo-header {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 130px;
}
.sec-flexbox .box-memo-inner .box-memo-header {
      min-height: 220px;
}
.box-memo-inner .box-memo-header h4 {
      font-size: clamp(1rem, 0.091rem + 3.88vw, 3rem);
      line-height: 1.3em;
      font-feature-settings: "palt";
      letter-spacing: 0.15em;
}
.box-memo-inner .box-memo-header h4 span {
      display: block;
      font-size: clamp(0.875rem, 0.466rem + 2.05vw, 2rem);
      line-height: 1.3em;
      margin: 0 0 10px;
}
ul.link {
      text-align: center;
      margin: 0 auto 30px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      max-width: 836px;
}
ul.link li {
      width: 48%;
}
ul.link li + li {
      margin-left: 10px;
      margin-right: 10px;
}
.sec-flexbox .box-memo-inner ul.link {
      flex-direction: column;
      margin: 0 auto 30px;
      width: 75%;
}
.sec-flexbox .box-memo-inner ul.link li {
      width: 100%;
}
.sec-flexbox .box-memo-inner ul.link li + li {
      margin: 10px 0 0;
}
ul.link li a {
      display: block;
      border-radius: 36px;
      padding: 0.3em 0;
      font-size: clamp(1.188rem, 0.892rem + 1.48vw, 2rem);
      font-weight: 700;
      position: relative;
      letter-spacing: 0.05em;
}
a.link-purple {
      background: var(--color-lightpurple);
      color: #FFF;
      border: solid 2px var(--color-lightpurple);
}
a.link-blue {
      background: #1478FF;
      color: #FFF;
      border: solid 2px #1478FF;
}
a.link-pink {
      background: #CD14FF;
      color: #FFF;
      border: solid 2px #CD14FF;
}
a.link-orange {
      background: #FF6400;
      color: #FFF;
}
a.link-lightpink {
      background: #F08C96;
      color: #FFF;
}
a.link-purple:before, a.link-blue:before, a.link-pink:before {
      content: '';
      width: 14px;
      height: 14px;
      border: 0;
      border-top: solid 3px #FFF !important;
      border-right: solid 3px #FFF !important;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto;
}
a.link-orange:before, a.link-lightpink:before {
      content: '';
      width: 18px;
      height: 18px;
      border: 0;
      border-top: solid 3px #FFF !important;
      border-right: solid 3px #FFF !important;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 28px;
      bottom: 0;
      margin: auto;
}
a.link-yellow {
      background: var(--color-lightyellow);
      color: var(--color-lightpurple);
      border: solid 2px var(--color-lightpurple);
}
a.link-yellow:before {
      content: '';
      width: 14px;
      height: 14px;
      border: 0;
      border-top: solid 3px var(--color-lightpurple) !important;
      border-right: solid 3px var(--color-lightpurple) !important;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto;
}
.page-anchorLink a.link-yellow {
      border: solid 4px var(--color-lightpurple);
}
.page-anchorLink a.link-yellow:before {
      border-top: solid 3px var(--color-lightpurple) !important;
      border-right: solid 3px var(--color-lightpurple) !important;
}
a.link-white {
      background: #FFF;
      color: #CD14FF;
      border: solid 4px #CD14FF;
      text-align: center;
      border-radius: 35px !important;
}
a.link-white:before {
      content: '';
      width: 14px;
      height: 14px;
      border: 0;
      border-top: solid 3px #CD14FF !important;
      border-right: solid 3px #CD14FF !important;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto;
}
a.link-pinkWhite {
      background: #FFF;
      color: #CD14FF;
      border: solid 4px #CD14FF;
}
a.link-pinkWhite:before {
      content: '';
      width: 10px;
      height: 10px;
      border: 0;
      border-top: solid 3px #CD14FF !important;
      border-right: solid 3px #CD14FF !important;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto;
}
a.link-orangeWhite {
      background: #FFF;
      color: #FF6400;
      border: solid 4px #FF6400;
}
a.link-orangeWhite:before {
      content: '';
      width: 10px;
      height: 10px;
      border: 0;
      border-top: solid 3px #FF6400 !important;
      border-right: solid 3px #FF6400 !important;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto;
}
a.link-lightpinkWhite {
      background: #FFF;
      color: #F08C96;
      border: solid 4px #F08C96;
}
a.link-lightpinkWhite:before {
      content: '';
      width: 10px;
      height: 10px;
      border: 0;
      border-top: solid 3px #F08C96 !important;
      border-right: solid 3px #F08C96 !important;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 20px;
      bottom: 0;
      margin: auto;
}
.be-in-time {
      width: 100%;
      margin: 80px 0 0;
}
.be-in-time a {
      background: #FF6400;
      color: #FFF;
      display: block;
      padding: 0.4em 0;
      font-size: clamp(1rem, 0.091rem + 3.88vw, 3rem);
      border-radius: 120px;
      font-weight: 700;
      position: relative;
      letter-spacing: 0.15em;
}
.be-in-time a:before {
      content: '';
      width: 20px;
      height: 20px;
      border: 0;
      border-top: solid 4px #FFF;
      border-right: solid 4px #FFF;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 40px;
      bottom: 0;
      margin: auto;
}
.page-anchorLink {
      width: 75%;
      margin: 80px auto 120px;
}
.page-anchorLink a {
      text-align: center;
      display: block;
      padding: 0.4em 0;
      font-size: clamp(1rem, 0.091rem + 3.88vw, 3rem);
      border-radius: 120px;
      font-weight: 700;
      position: relative;
      letter-spacing: 0.08em;
}
.page-anchorLink a:before {
      content: '';
      width: 20px;
      height: 20px;
      border: 0;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 40px;
      bottom: 0;
      margin: auto;
}
span.marker {
      line-height: 1em;
      display: inline !important;
      background: linear-gradient(transparent 50%, #FFFF00 50%);
      padding: 0 1px 0px;
}
span.marker-white {
      line-height: 1em;
      display: inline !important;
      background: linear-gradient(transparent 50%, #FFFFFF 50%);
      padding: 0 1px 0px;
}
#sec01 {
      background: var(--color-gray);
}
#sec01 .sec01-point-link .sec-inner {
      width: 100%;
}
#sec01 .sec01-point-link ul {
      display: flex;
      justify-content: space-between;
}
#sec01 .sec01-point-link ul li {
      width: 49%;
      display: flex;
}
#sec01 .sec01-point-link ul li a {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      border-radius: 56px;
      padding: 0.6em 0 !important;
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      font-weight: 700;
      position: relative;
      letter-spacing: 0.05em;
      width: 100%;
      line-height: 1em;
      box-sizing: border-box;
}
#sec01 .sec01-point-link ul li a span {
      font-size: 70%;
      display: block;
}
#sec02 {
      background-color: rgba(255, 255, 255, 1);
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 14px, rgba(235, 235, 225, 1) 14px, rgba(235, 235, 225, 1) 15px);
}
#sec02 .sec-inner {
      background: #FFF;
      box-sizing: border-box;
      position: relative;
}
#sec02 .sec-inner::before {
      content: '';
      width: 100px;
      height: 100%;
      position: absolute;
      top: 0;
      left: -100px;
      background: #FFF;
}
#sec02 .sec-inner::after {
      content: '';
      width: 100px;
      height: 100%;
      position: absolute;
      top: 0;
      right: -100px;
      background: #FFF;
}
#sec02 .sec-flexbox {
      flex-direction: column;
}
#sec02 .sec-flexbox li {
      display: flex;
      align-items: center;
      margin-bottom: 0;
}
#sec02 .sec-flexbox li:nth-child(even) {
      flex-direction: row-reverse;
}
#sec02 .sec-flexbox li figure {
      width: 50%;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      padding: 0 3%;
}
#sec02 .sec-flexbox li:nth-child(even) figure {
      justify-content: flex-start;
}
#sec02 .sec-flexbox li:nth-child(odd) figure {
      justify-content: flex-end;
}
#sec02 .sec-flexbox li figure img {
      width: 75%;
}
#sec02 .sec-flexbox li dl {
      width: 50%;
      text-align: left;
      box-sizing: border-box;
      padding: 0 3%;
}
#sec02 .sec-flexbox li:nth-child(even) dl {
      text-align: right;
}
dl.selectionpoint dt {
      color: var(--color-lightpurple);
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      font-weight: 700;
      margin: 0 0 20px;
      line-height: 1.4em;
      letter-spacing: 0.08em;
}
dl.selectionpoint dt p {
      display: block !important;
}
dl.selectionpoint dt p span {
      display: block !important;
      font-size: 70%;
      line-height: 1.3em;
      margin: 0 0 10px;
}
dl.selectionpoint dt img {
      max-width: 120px;
      margin-bottom: 5px;
}
dl.selectionpoint dd {
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      letter-spacing: 0.05em;
}
dl.selectionpoint dd span.f-small {
      display: block;
      font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
      margin: 15px 0 0;
}
dl.selectionpoint dd p {
      color: var(--color-lightpurple);
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      font-weight: 700;
}
dl.selectionpoint dd img {
      width: 100%;
}
#sec02 .selectionpoint-5 {
      text-align: left;
}
#sec02 .selectionpoint-5 .selectionpoint dd:last-child {
      margin-top: 20px;
}
#sec02 .selectionpoint-6 {
      background: rgb(255, 255, 255);
      background: linear-gradient(180deg, rgba(255, 255, 255, 1) 10%, rgba(204, 241, 234, 1) 10%);
      margin: 60px 0;
      padding: 0 30px 30px 0;
      text-align: left;
}
#sec02 .selectionpoint-6 img {
      margin: 0;
      padding: 0;
}
#sec02 .selectionpoint-6 .point-6-text {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 86%;
      margin: 0 auto;
}
#sec02 .selectionpoint-6 .point-6-text figure {
      width: 100%;
      max-width: 280px;
}
#sec02 .selectionpoint-6 dl {
      padding-left: 40px;
}
#sec02 .selectionpoint-6 dt {
      color: var(--color-lightpurple);
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      font-weight: 700;
      letter-spacing: 0.13em;
      line-height: 1.3em;
}
#sec02 .selectionpoint-6 dd {
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      text-align: left;
      padding: 25px 0 0 0;
      letter-spacing: 0.15em;
}
#sec02 .selectionpoint-7 {
      background: rgb(255, 255, 255);
      background: linear-gradient(180deg, rgba(255, 255, 255, 1) 10%, rgba(205, 20, 255, 1) 10%);
}
#sec03 .selectionpoint-7 {
      background: rgb(255, 255, 255);
      background: linear-gradient(180deg, rgba(235, 235, 225, 1) 10%, rgba(205, 20, 255, 1) 10%);
}
.selectionpoint-7 {
      margin: 60px 0 80px;
      padding: 0 0 20px;
      text-align: left;
}
.selectionpoint-7 dt {
      color: #FFFF00;
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      font-weight: 700;
      text-align: center;
      padding: 0 0 5px;
      border-bottom: solid 4px #FFF;
      letter-spacing: 0.15em;
}
.selectionpoint-7 dd p {
      color: #FFF;
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      text-align: left;
      padding: 25px 0 25px;
      letter-spacing: 0.08em;
      max-width: 880px;
      margin: 0 auto;
      width: 88%;
}
#sec03 {
      background: var(--color-gray);
}
#sec03l.selectionpoint dd img {
      margin: 15px 0;
}
#sec03 .selectionpoint.p2_4 {
      background: rgb(235, 235, 225);
      background: linear-gradient(180deg, rgba(235, 235, 225, 1) 50px, rgba(232, 217, 241, 1) 50px);
      position: relative;
      border-bottom: solid 1px #6900A0;
}
#sec03 .selectionpoint.p2_4:after {
      content: '';
      height: 1px;
      background: #6900A0;
      position: absolute;
      top: 50px;
      left: 120px;
      width: calc(100% - 120px);
}
#sec03 .selectionpoint.p2_4 dl dt p {
      text-align: center;
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      color: var(--color-lightpurple);
      font-weight: 700;
      padding: 0 0 20px;
}
#sec03 .selectionpoint.p2_4 dl dt span {
      font-size: clamp(1rem, 0.725rem + 1.38vw, 2.375rem);
      display: block;
      letter-spacing: 0.15em;
}
#sec03 .selectionpoint.p2_4 dl dd {
      background: #FFF;
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      padding: 40px 0;
}
#sec03 .selectionpoint.p2_4 dl dd p {
      max-width: 800px;
      margin: 0 auto;
}
#sec03 .selectionpoint .sec-flexbox img {
      width: 48.3%;
}
#sec03 .selectionpoint.p3 picture img {
      width: 100%;
      margin: 40px 0 0;
}
#sec03 .examSubject {
      width: 100%;
      margin: 15px 0 0;
}
#sec03 .examSubject img {
      width: 100%;
}
/*#sec03 .examSubject.size_m {
	text-align: center;
}*/
#sec03 .examSubject.size_m img {
      width: 50%;
}

#sec04 {
      background-color: rgba(255, 255, 255, 1);
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 14px, rgba(235, 235, 225, 1) 14px, rgba(235, 235, 225, 1) 15px);
}
#sec04 .sec-inner {
      background: #FFF;
      position: relative;
}
#sec04 .sec-inner::before {
      content: '';
      width: 100px;
      height: 100%;
      position: absolute;
      top: 0;
      left: -100px;
      background: #FFF;
}
#sec04 .sec-inner::after {
      content: '';
      width: 100px;
      height: 100%;
      position: absolute;
      top: 0;
      right: -100px;
      background: #FFF;
}
#sec04 .sec-inner:first-child {
      padding: 100px 0 50px;
}
#sec04 picture img {
      width: 100%;
}
.scholarship-system {
      background: rgba(205, 20, 255, 1);
      margin: 60px 0 80px;
      padding: 0 0 20px;
      text-align: left;
}
.scholarship-system dt {
      color: #FFFF00;
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      font-weight: 700;
      text-align: center;
      padding: 30px 0 5px;
      border-bottom: solid 4px #FFF;
      letter-spacing: 0.13em;
}
.scholarship-system dd p {
      color: #FFF;
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      text-align: left;
      padding: 25px 0 25px;
      letter-spacing: 0.15em;
      max-width: 880px;
      margin: 0 auto;
      width: 80%;
}
.scholarship-system .sec-flexbox {
      margin: 0 auto;
      width: 90%;
}
.scholarship-system .sec-flexbox img {
      width: 48%;
}
.c-point {
      background: #CCF1EA;
      padding: 70px 0 90px;
}
.c-point .sec-inner {
      padding: 0;
}
.c-point p {
      position: relative;
      display: inline-block;
      color: var(--color-lightpurple);
      font-size: clamp(1.25rem, 0.775rem + 2.38vw, 3.625rem);
      font-weight: 700;
      width: 100%;
      letter-spacing: 0.15em;
}
.c-point p:before, .c-point p:after {
      content: '';
      position: absolute;
      top: 50%;
      display: inline-block;
      width: 29%;
      height: 5px;
      background-color: var(--color-lightpurple);
}
.c-point p:before {
      left: 0;
}
.c-point p:after {
      right: 0;
}
.c-point ul {
      margin: 60px 0 0;
      padding: 0 5px;
      display: flex;
      justify-content: space-between;
}
.c-point ul li {
      width: 48%;
}
.c-point ul li a {
      display: block;
      border-radius: 0 !important;
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      padding: 10px 0;
      font-weight: 700;
      position: relative;
}
.c-point ul li a:before {
      content: '';
      width: 20px;
      height: 20px;
      border: 0;
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 30px;
      bottom: 0;
      margin: auto;
}
#sec05 {
      background-color: rgba(255, 255, 255, 1);
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 14px, rgba(235, 235, 225, 1) 14px, rgba(235, 235, 225, 1) 15px);
}
#sec05 .sec-inner {
      background: #FFF;
      padding: 150px 0 100px;
      box-sizing: border-box;
      position: relative;
}
#sec05 .sec-inner::before {
      content: '';
      width: 100px;
      height: 100%;
      position: absolute;
      top: 0;
      left: -100px;
      background: #FFF;
}
#sec05 .sec-inner::after {
      content: '';
      width: 100px;
      height: 100%;
      position: absolute;
      top: 0;
      right: -100px;
      background: #FFF;
}
#sec05 .sec-flexbox {
      justify-content: center;
}
#sec05 .sec-flexbox dl {
      width: 48%;
      margin: 0 0 40px;
      border: solid 1px #FF6400;
}
#sec05 .sec-flexbox dl:nth-child(even) {
      margin-left: 30px;
}
#sec05 .sec-flexbox dl:last-child {
      margin-bottom: 0;
}
#sec05 .sec-flexbox dl dt {
      background: #FF6400;
      color: #FFF;
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      font-weight: 700;
      text-align: center;
      line-height: 1.3em;
      min-height: 160px;
      display: flex;
      align-items: center;
      justify-content: center;
}
#sec05 .sec-flexbox dl dd {
      background: #FFF;
      color: #FF6400;
      font-size: clamp(1.063rem, 0.8rem + 1.31vw, 2.375rem);
      font-weight: 700;
      text-align: center;
      line-height: 1.5em;
      min-height: 160px;
      display: flex;
      align-items: center;
      justify-content: center;
}
#sec05 picture img {
      width: 100%;
}
#sec05 #application-flow {
      padding: 60px 0 0;
}
#sec05 #application-flow .application-flow-lead {
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      text-align: center;
}
#sec05 #application-flow .flow-cont-head {
      width: 100%;
      padding: 0 !important;
      margin: 0 !important;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
#sec05 #application-flow .flow-cont-head h3 {
      text-align: center;
      font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
      color: #F08C96;
      font-weight: 700;
      padding: 0 0 20px;
      border-top: none;
      border-bottom: none;
      padding: 0 !important;
      margin: 0 !important;
      text-align: center;
      letter-spacing: 0.05em;
      line-height: 1.3em;
      width: calc(100% - 124px);
}
#sec05 #application-flow .flow-cont-head span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      height: 124px;
      background: #F08C96;
}
#sec05 #application-flow figure {
      margin: 5px 0;
      text-align: center;
}
#sec05 #application-flow figure img {
      margin: 0 auto;
      width: 80%;
}
#sec05 #application-flow p {
      font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
      text-align: center;
      margin-bottom: 30px;
}
#sec05 #application-flow .sec-flexbox {
      justify-content: space-between;
}
#sec05 #application-flow .sec-flexbox .flow-cont {
      width: 48%;
      margin: 0 0 40px;
      border: solid 1px #F08C96;
}
#sec06 {
      background-color: var(--color-gray);
}
#sec06 .sec-flexbox li {
      width: 48%;
}
#sec06 .sec-flexbox li img {
      width: 100%;
}
@media only screen and (max-width: 1024px) {
      .sec-inner {
            padding: 50px 0;
      }
      .sec-flexbox {
            max-width: auto;
            width: 100%;
      }
      .sec-flexbox + h3 {
            margin: 50px 0 40px;
      }
      #sec05 .sec-inner {
            padding: 80px 0 40px;
      }
      .box-memo-inner .box-memo-header {
            min-height: 120px;
      }
      .sec-flexbox .box-memo-inner .box-memo-header {
            min-height: 190px;
      }
      .box-memo:before {
            content: "";
            position: absolute;
            top: -1px;
            right: -1px;
            border-width: 0 42px 42px 0;
            border-style: solid;
            border-color: var(--color-gray) var(--color-gray) var(--color-lightpurple) var(--color-lightpurple);
            background: var(--color-lightpurple);
            display: block;
            width: 0;
            z-index: 2;
      }
      .sec-flexbox .box-memo-inner ul.link {
            width: 94%;
      }
      #sec02 .sec-inner::before, #sec04 .sec-inner::before, #sec05 .sec-inner::before {
            content: '';
            width: 40px;
            height: 100%;
            position: absolute;
            top: 0;
            left: -40px;
            background: #FFF;
      }
      #sec02 .sec-inner::after, #sec04 .sec-inner::after, #sec05 .sec-inner::after {
            content: '';
            width: 40px;
            height: 100%;
            position: absolute;
            top: 0;
            right: -40px;
            background: #FFF;
      }
      #sec02 .sec-flexbox li figure img {
            width: 80%;
      }
      .page-anchorLink {
            width: 100%;
      }
      .be-in-time {
            margin: 40px 0 0;
      }
}
@media only screen and (max-width: 769px) {
      .c-cv {
            padding: 30px 0;
      }
      .c-cv p {
            text-align: center !important;
            margin: 0 0 20px;
      }
      .c-cv p img {
            margin: 0 auto;
            max-width: 160px;
      }
      .l-main img {
            height: auto;
            max-width: 100%;
      }
      .sec-inner {
            padding: 30px 0;
      }
      #sec02, #sec04, #sec05 {
            background-size: auto auto;
            background-color: rgba(255, 255, 255, 1);
            background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(228, 228, 228, 1) 5px, rgba(228, 228, 228, 1) 6px);
      }
      #sec02 .sec-inner::before, #sec04 .sec-inner::before, #sec05 .sec-inner::before {
            content: '';
            width: 20px;
            height: 100%;
            position: absolute;
            top: 0;
            left: -20px;
            background: #FFF;
      }
      #sec02 .sec-inner::after, #sec04 .sec-inner::after, #sec05 .sec-inner::after {
            content: '';
            width: 20px;
            height: 100%;
            position: absolute;
            top: 0;
            right: -20px;
            background: #FFF;
      }
      .c-point {
            padding: 30px 0 50px;
      }
      .sec-inner h2 {
            padding: 0.8rem 0;
            -webkit-box-shadow: 4px 4px 0 var(--color-lightpurple);
            box-shadow: 4px 4px 0 var(--color-lightpurple);
            letter-spacing: 0;
            border: solid 1px var(--color-lightpurple);
      }
      .sec-inner h2.ttl-blue {
            padding: 0.6rem;
            -webkit-box-shadow: 4px 4px 0 #1478FF;
            box-shadow: 4px 4px 0 #1478FF;
            font-size: 21px;
            border: solid 1px #1478FF;
            line-height: 1.3em;
      }
      .sec-inner h2.ttl-pink {
            padding: 0.6rem;
            -webkit-box-shadow: 4px 4px 0 #CD14FF;
            box-shadow: 4px 4px 0 #CD14FF;
            font-size: 21px;
            border: solid 1px #CD14FF;
      }
      .sec-inner h2.ttl-orange {
            padding: 0.6rem;
            -webkit-box-shadow: 4px 4px 0 #FF6400;
            box-shadow: 4px 4px 0 #FF6400;
            font-size: 21px;
            border: solid 1px #FF6400;
      }
      .sec-inner h2.ttl-lightpink {
            padding: 0.6rem;
            -webkit-box-shadow: 4px 4px 0 #F08C96;
            box-shadow: 4px 4px 0 #F08C96;
            font-size: 21px;
            border: solid 1px #F08C96;
      }
      .sec-inner h3 {
            border-top: solid 2px var(--color-lightpurple);
            border-bottom: solid 2px var(--color-lightpurple);
            padding: 0.8rem 0;
            margin-bottom: 20px;
            line-height: 1.3em;
            letter-spacing: 0;
      }
      .sec-inner .ttl-arrow {
            margin: 15px auto 10px !important;
      }
      .sec-inner .ttl-arrow img {
            max-width: 20px;
      }
      .sec-flexbox {
            flex-direction: column;
      }
      .sec-flexbox + h3 {
            margin: 20px 0;
      }
      .box-memo {
            position: relative;
            margin: 0 0 1.5em;
      }
      .box-memo:before {
            border-width: 0 28px 28px 0;
      }
      .sec-flexbox .box-memo {
            width: 100%;
      }
      .box-memo-inner {
            display: block;
            padding: 0;
      }
      .box-memo-inner .box-memo-header {
            min-height: auto;
            padding: 20px 0;
      }
      .sec-flexbox .box-memo-inner .box-memo-header {
            min-height: auto;
      }
      .box-memo-inner .box-memo-header h4 {
            line-height: 1.3em;
            font-feature-settings: "palt";
            letter-spacing: 0;
      }
      .box-memo-inner .box-memo-header h4 span {
            display: block;
            line-height: 1.3em;
            margin: 0 0 5px;
      }
      ul.link {
            margin: 0 auto 30px;
            padding: 0 10px;
            flex-direction: column;
            width: 90%;
      }
      ul.link li {
            width: 100% !important;
      }
      ul.link li + li {
            margin-left: 0;
            margin-right: 0;
            margin-top: 10px;
      }
      .sec-flexbox .box-memo-inner ul.link {
            margin: 0 auto 20px;
            min-height: auto;
            width: 90%;
      }
      .sec-flexbox .box-memo-inner ul.link li {
            width: 100%;
      }
      .sec-flexbox .box-memo-inner ul.link li + li {
            margin: 10px 0 0;
      }
      ul.link li a {
            display: block;
            border-radius: 26px;
            padding: 0.4em 0;
      }
      a.link-purple {
            border: solid 1px var(--color-lightpurple);
      }
      a.link-blue {
            border: solid 1px #1478FF;
      }
      a.link-pink {
            border: solid 1px #CD14FF;
      }
      a.link-purple:before, a.link-blue:before, a.link-pink:before {
            content: '';
            width: 10px;
            height: 10px;
            border-top: solid 2px #FFF !important;
            border-right: solid 2px #FFF !important;
            right: 15px;
      }
      a.link-yellow {
            border: solid 2px var(--color-lightpurple);
      }
      a.link-yellow:before {
            width: 10px;
            height: 10px;
            border-top: solid 2px var(--color-lightpurple) !important;
            border-right: solid 2px var(--color-lightpurple) !important;
            right: 15px;
      }
      .page-anchorLink a.link-yellow {
            border: solid 2px var(--color-lightpurple);
            font-size: 15px;
      }
      .page-anchorLink a.link-yellow:before {
            border-top: solid 2px var(--color-lightpurple) !important;
            border-right: solid 2px var(--color-lightpurple) !important;
      }
      a.link-white {
            border: solid 2px #CD14FF;
            border-radius: 25px !important;
      }
      a.link-white:before {
            content: '';
            width: 10px;
            height: 10px;
            border-top: solid 2px #CD14FF !important;
            border-right: solid 2px #CD14FF !important;
            right: 15px;
      }
      a.link-pinkWhite {
            border: solid 2px #CD14FF;
      }
      a.link-pinkWhite:before {
            content: '';
            width: 10px;
            height: 10px;
            border-top: solid 2px #CD14FF !important;
            border-right: solid 2px #CD14FF !important;
            right: 15px;
      }
      a.link-orangeWhite {
            border: solid 2px #FF6400;
      }
      a.link-orangeWhite:before {
            content: '';
            width: 10px;
            height: 10px;
            border-top: solid 2px #FF6400 !important;
            border-right: solid 2px #FF6400 !important;
            right: 15px;
      }
      a.link-lightpinkWhite {
            border: solid 2px #F08C96;
      }
      a.link-lightpinkWhite:before {
            content: '';
            width: 10px;
            height: 10px;
            border-top: solid 2px #F08C96 !important;
            border-right: solid 2px #F08C96 !important;
            right: 15px;
      }
      .be-in-time {
            margin: 20px 0 0;
      }
      .be-in-time a {
            padding: 0.2em 0;
            font-size: 18px;
            border-radius: 25px;
            letter-spacing: 0.02em;
      }
      .be-in-time a:before {
            content: '';
            width: 10px;
            height: 10px;
            border-top: solid 2px #FFF;
            border-right: solid 2px #FFF;
            right: 15px;
      }
      .page-anchorLink {
            margin: 20px auto 0;
      }
      .page-anchorLink a {
            padding: 0.5em 0;
            font-size: 16px;
            border-radius: 25px;
            letter-spacing: 0;
      }
      .page-anchorLink a:before {
            content: '';
            width: 10px;
            height: 10px;
            right: 15px;
      }
      #sec01 .sec01-point-link .sec-inner {
            width: 100%;
      }
      #sec01 .sec01-point-link ul {
            flex-direction: column;
      }
      #sec01 .sec01-point-link ul li {
            width: 100%;
      }
      #sec01 .sec01-point-link ul li + li {
            margin-top: 15px;
      }
      #sec01 .sec01-point-link ul li a {
            border-radius: 46px;
            padding: 0 !important;
            min-height: 60px;
      }
      #sec02 .sec-flexbox li figure {
            width: 80%;
            padding: ;
      }
      #sec02 .sec-flexbox li {
            margin-bottom: 40px;
            flex-direction: column;
      }
      #sec02 .sec-flexbox li:nth-child(even) figure {
            justify-content: center;
      }
      #sec02 .sec-flexbox li:nth-child(odd) figure {
            justify-content: center;
      }
      #sec02 .sec-flexbox li figure {
            width: 60%;
            margin: 0;
      }
      #sec02 .sec-flexbox li figure img {
            width: 100%;
      }
      #sec02 .sec-flexbox li dl {
            width: 100%;
            padding: 0;
      }
      #sec02 .sec-flexbox li:nth-child(even) {
            flex-direction: column;
      }
      #sec02 .sec-flexbox li dl {
            width: 100%;
            text-align: left;
      }
      #sec02 .sec-flexbox li:nth-child(even) dl {
            text-align: left;
      }
      dl.selectionpoint dt {
            margin: 0 0 10px;
            line-height: 1.3em;
      }
      dl.selectionpoint dt p {
            display: block !important;
      }
      dl.selectionpoint dt p span {
            display: block !important;
            font-size: 70%;
            line-height: 1.3em;
            margin: 0 0 10px;
      }
      dl.selectionpoint dt img {
            max-width: 70px;
            margin-bottom: 5px;
      }
      dl.selectionpoint dd span {
            display: block;
            margin: 10px 0 0;
      }
      #sec02 .selectionpoint-5 {
            text-align: left;
      }
      #sec02 .selectionpoint-5 img:first-child {
            max-width: 70px;
      }
      #sec02 .selectionpoint-6 {
            background: rgb(255, 255, 255);
            background: linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(204, 241, 234, 1) 5%);
            margin: 40px 0 0;
            padding: 0 15px 15px 0;
            text-align: left;
      }
      #sec02 .selectionpoint-6 img {
            margin: 0;
            padding: 0;
      }
      #sec02 .selectionpoint-6 img:first-child {
            max-width: 70px;
      }
      #sec02 .selectionpoint-6 .point-6-text {
            flex-direction: column;
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            padding-left: 25px;
      }
      #sec02 .selectionpoint-6 .point-6-text figure {
            width: 50%;
            margin: 10px auto 20px;
      }
      #sec02 .selectionpoint-6 .point-6-text figure img {
            max-width: 100%;
      }
      #sec02 .selectionpoint-6 dl {
            padding-left: 0;
      }
      #sec02 .selectionpoint-6 dt {
            color: var(--color-lightpurple);
            font-weight: 700;
            letter-spacing: 0.13em;
            line-height: 1.3em;
      }
      #sec02 .selectionpoint-6 dd {
            text-align: left;
            padding: 10px 0 15px;
            letter-spacing: 0.15em;
      }
      .selectionpoint-7 {
            margin: 20px 0 30px;
            padding: 0 0 5px;
            text-align: left;
      }
      .selectionpoint-7 img:first-child {
            max-width: 70px;
      }
      .selectionpoint-7 dt {
            padding: 0 0 10px;
            border-bottom: solid 2px #FFF;
            letter-spacing: 0.05em;
            line-height: 1.3em;
      }
      .selectionpoint-7 dd p {
            padding: 20px 15px 15px;
            letter-spacing: 0.05em;
      }
      /*      #sec03 .selectionpoint {
            margin: 20px 0;
      }*/
      #sec03 .selectionpoint dd img {
            margin: 15px 0;
      }
      #sec03 .selectionpoint.p2_4 {
            background: rgb(235, 235, 225);
            background: linear-gradient(180deg, rgba(235, 235, 225, 1) 30px, rgba(232, 217, 241, 1) 30px);
            position: relative;
            border-bottom: solid 1px #6900A0;
      }
      #sec03 .selectionpoint.p2_4:after {
            content: '';
            height: 1px;
            background: #6900A0;
            position: absolute;
            top: 30px;
            left: 70px;
            width: calc(100% - 70px);
      }
      #sec03 .selectionpoint.p2_4 dl dt img {
            max-width: 70px;
      }
      #sec03 .selectionpoint.p2_4 dl dt p {
            text-align: center;
            font-weight: 700;
            padding: 0 0 20px;
      }
      #sec03 .selectionpoint.p2_4 dl dt span {
            font-size: 14px;
            display: block;
            line-height: 1.3em;
      }
      #sec03 .selectionpoint.p2_4 dl dd {
            font-size: 14px;
            padding: 20px;
      }
      #sec03 .selectionpoint .sec-flexbox img {
            width: 100%;
            margin: 0 0 15px;
      }
      #sec03 .selectionpoint.p3 picture img {
            width: 100%;
            margin: 0;
      }
      #sec03 .examSubject {
            width: 100%;
            margin: 15px 0 0;
      }
      #sec03 .examSubject img {
            width: 2000px !important;
            min-width: 800px;
      }
	
	      #sec03 .examSubject.size_m img {
            width: 400px !important;
            min-width: 400px;
      }
	
      #sec04 .sec-inner:first-child {
            padding: 30px 0 50px;
      }
      #sec04 .sec-inner + .sec-inner {
            padding: 0 0 30px;
      }
      .scholarship-system {
            background: rgba(205, 20, 255, 1);
            margin: 0 0 20px;
            padding: 0 0 20px;
            text-align: left;
      }
      .scholarship-system dt {
            padding: 15px 0 15px;
            border-bottom: solid 2px #FFF;
            letter-spacing: 0.05em;
            line-height: 1.3em;
      }
      .scholarship-system dd p {
            width: 90%;
            padding: 15px 0 0;
            letter-spacing: 0;
      }
      .scholarship-system .sec-flexbox {
            margin: 0 auto;
            width: 90%;
            justify-content: space-between;
            flex-direction: row;
      }
      .scholarship-system .sec-flexbox img {
            width: 48%;
            margin-top: 15px;
      }
      .c-point {
            background: #CCF1EA;
            padding: 30px 0;
      }
      .c-point .sec-inner {
            padding: 0;
      }
      .c-point p:before, .c-point p:after {
            width: 20%;
            height: 2px;
            background-color: var(--color-lightpurple);
      }
      .c-point p:before {
            left: 0;
      }
      .c-point p:after {
            right: 0;
      }
      .c-point ul {
            margin: 20px 0 0;
            padding: 0 5px;
            flex-direction: column;
      }
      .c-point ul li {
            width: 100%;
      }
      .c-point ul li + li {
            margin-top: 15px;
      }
      .c-point ul li a {
            display: block;
            border-radius: 0 !important;
            padding: 10px 0;
            font-weight: 700;
            position: relative;
      }
      .c-point ul li a:before {
            content: '';
            width: 10px;
            height: 10px;
            border: 0;
            transform: rotate(45deg);
            position: absolute;
            top: 0;
            right: 15px;
            bottom: 0;
            margin: auto;
      }
      #sec05 .sec-flexbox {
            flex-direction: column;
      }
      #sec05 .sec-flexbox dl {
            width: 100%;
            margin: 0 0 15px;
      }
      #sec05 .sec-flexbox dl:nth-child(even) {
            margin-left: 0;
      }
      #sec05 .sec-flexbox dl:last-child {
            margin-bottom: 0;
      }
      #sec05 .sec-flexbox dl dt {
            min-height: auto;
            padding: 8px 0;
      }
      #sec05 .sec-flexbox dl dd {
            min-height: 80px;
            padding: 8px 0;
      }
      #sec05 #application-flow {
            padding: 40px 0 0;
      }
      #sec05 #application-flow .application-flow-lead {
            text-align: left;
      }
      #sec05 #application-flow .flow-cont-head h3 {
            text-align: center;
            font-size: clamp(1.125rem, 0.273rem + 3.64vw, 3rem);
            color: #F08C96;
            font-weight: 700;
            padding: 0 0 20px;
            border-top: none;
            border-bottom: none;
            padding: 0 !important;
            margin: 0 !important;
            text-align: center;
            letter-spacing: 0.05em;
            line-height: 1.3em;
            width: calc(100% - 60px);
      }
      #sec05 #application-flow .flow-cont-head span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            background: #F08C96;
      }
      #sec05 #application-flow .flow-cont-head span img {
            width: 50%;
      }
      #sec05 #application-flow figure img {
            width: 65%;
      }
      #sec05 #application-flow p {
            margin-bottom: 20px;
            padding: 0 10px;
      }
      #sec05 #application-flow .sec-flexbox {
            justify-content: space-between;
      }
      #sec05 #application-flow .sec-flexbox .flow-cont {
            width: 100%;
            margin: 0 0 20px;
            border: solid 1px #F08C96;
      }
      #sec06 {
            background-color: var(--color-gray);
      }
      #sec06 .sec-flexbox {
            flex-direction: column;
            padding: 0 10px;
      }
      #sec06 .sec-flexbox li {
            width: 100%;
            margin: 10px 0;
      }
      #sec06 .sec-flexbox li img {
            width: 100%;
      }
}
/*2026×·Ó›
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.lp26_link a {
      font-size: clamp(1.188rem, 0.892rem + 1.48vw, 3rem) !important;
}
a.anker_arrow:before {
      top: -0.3em;
      transform: rotate(135deg);
	    width: 18px;
    height: 18px;
	    border-top: solid 3px #FFF !important;
    border-right: solid 3px #FFF !important;
	right: 28px;
}
/*tokucho_cont*/
.tokucho_cont {
      padding-top: 12em;
      padding-bottom: 8em;
}
/*tokucho_flex*/
.tokucho_flex {
      display: flex;
      justify-content: space-between;
      gap: 0 10em;
}
.tokucho_cont .tokucho_flex:nth-child(odd) {
      flex-direction: row-reverse;
}
.tokucho_flex .text_box {
      width: 65%;
}
.tokucho_flex .img {
      width: 35%;
}
.tokucho_flex .img img {
      width: 100%;
}
.tokucho_flex + .tokucho_flex, .tokucho_flex + .tokucho_box, .tokucho_box + .tokucho_flex {
      margin-top: 10em;
}
@media only screen and (max-width: 769px) {
      .tokucho_cont {
            padding-top: 3em;
            padding-bottom: 3em;
      }
      .tokucho_flex {
            display: block;
      }
      .tokucho_flex .text_box {
            width: auto;
      }
      .tokucho_flex .img {
            width: auto;
            max-width: 70%;
            margin: auto;
      }
      .tokucho_flex + .tokucho_flex, .tokucho_flex + .tokucho_box, .tokucho_box + .tokucho_flex {
            margin-top: 5em;
      }
}
/*akahon_flex*/
.akahon_flex {
      margin: 1em auto;
      display: flex;
      justify-content: space-between;
      gap: 0 2em;
      max-width: 70%;
      align-items: center;
      background: #fff;
      padding: 1em 2em;
      border-radius: 1em;
}
.akahon_box {
      margin: 1em auto;
      max-width: 70%;
      align-items: center;
      background: #fff;
      padding: 1em 2em;
      border-radius: 1em;
}

.akahon_flex .img {
      width: 20%;
}
.akahon_flex .text_box {
      width: 80%;
}
@media only screen and (max-width: 769px) {
      .akahon_flex {
            display: block;
            max-width: none;
      }
      .akahon_flex .img {
            width: 70%;
            margin: auto;
      }
      .akahon_flex .text_box {
            width: auto;
      }
}
/* fbox
============================================================================================================ */
.fbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
@media only screen and (max-width: 769px) {
      .fbox.f_pc {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
      }
      .fbox.f_sp {
            display: block;
      }
}
@media only screen and (max-width: 769px) {
      .fbox.f_pc {
            display: block;
      }
      .fbox.f_sp {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
      }
}
.ff_re {
      -webkit-flex-flow: row-reverse wrap;
      -ms-flex-flow: row-reverse wrap;
      flex-flow: row-reverse wrap;
}
.jc_sp {
      justify-content: space-between;
}
.it_cener {
      align-items: center;
}
/*·Ö¸î±È
----------------------------------------------*/
/*fbox_col2*/
.fbox_col2 {
      gap: 3%;
      flex-wrap: wrap;
}
.fbox_col2 > * {
      width: 48.5%;
}
@media only screen and (max-width: 769px) {
      .fbox_col2.f_pc > * {
            width: auto;
            margin-top: 3%;
      }
      .fbox_col2.f_pc > * + * {
            margin-top: 8%
      }
}
/*fbox_col3*/
.fbox_col3 {
      gap: 2%;
      flex-wrap: wrap;
}
.fbox_col3 > * {
      width: 32%;
}
@media only screen and (max-width: 769px) {
      .fbox_col3.f_pc > * {
            width: auto;
      }
      .fbox_col3.f_pc > * + * {
            margin-top: 8%
      }
}
/*fbox_4_6*/
.fbox_4_6 {
      gap: 5%;
}
.fbox_4_6 > *:nth-child(1) {
      width: 37%;
}
.fbox_4_6 > *:nth-child(2) {
      width: 58%;
}
@media only screen and (max-width: 769px) {
      .fbox_4_6.f_pc > *:nth-child(1) {
            width: auto;
      }
      .fbox_4_6.f_pc > *:nth-child(2) {
            width: auto;
      }
      .fbox_4_6.f_pc > * + * {
            margin-top: 8%
      }
}
/*fbox_6_4*/
.fbox_6_4 {
      gap: 5%;
}
.fbox_6_4 > *:nth-child(1) {
      width: 58%;
}
.fbox_6_4 > *:nth-child(2) {
      width: 37%;
}
@media only screen and (max-width: 769px) {
      .fbox_6_4.f_pc > *:nth-child(1) {
            width: auto;
      }
      .fbox_6_4.f_pc > *:nth-child(2) {
            width: auto;
      }
      .fbox_6_4.f_pc > * + * {
            margin-top: 8%
      }
}
/*fbox_7_3*/
.fbox_7_3 {
      gap: 5%;
}
.fbox_7_3 > *:nth-child(1) {
      width: 65%;
}
.fbox_7_3 > *:nth-child(2) {
      width: 30%;
}
@media only screen and (max-width: 769px) {
      .fbox_7_3.f_pc > *:nth-child(1) {
            width: auto;
      }
      .fbox_7_3.f_pc > *:nth-child(2) {
            width: auto;
      }
      .fbox_7_3.f_pc > * + * {
            margin-top: 8%
      }
}
/*fbox_3_7*/
.fbox_3_7 {
      gap: 5%;
}
.fbox_3_7 > *:nth-child(1) {
      width: 30%;
}
.fbox_3_7 > *:nth-child(2) {
      width: 65%;
}
@media only screen and (max-width: 769px) {
      .fbox_3_7.f_pc > *:nth-child(1) {
            width: auto;
      }
      .fbox_3_7.f_pc > *:nth-child(2) {
            width: auto;
      }
      .fbox_3_7.f_pc > * + * {
            margin-top: 8%
      }
}
/*fbox_8_2*/
.fbox_8_2 {
      gap: 5%;
}
.fbox_8_2 > *:nth-child(1) {
      width: 80%;
}
.fbox_8_2 > *:nth-child(2) {
      width: 15%;
}
@media only screen and (max-width: 769px) {
      .fbox_8_2.f_pc > *:nth-child(1) {
            width: auto;
      }
      .fbox_8_2.f_pc > *:nth-child(2) {
            width: auto;
      }
      .fbox_8_2.f_pc > * + * {
            margin-top: 8%
      }
      .fbox_8_2 > *:nth-child(1) {
            width: 60%;
      }
      .fbox_8_2 > *:nth-child(2) {
            width: 35%;
      }
}
/*fbox_2_8*/
.fbox_2_8 {
      gap: 5%;
}
.fbox_2_8 > *:nth-child(1) {
      width: 15%;
}
.fbox_2_8 > *:nth-child(2) {
      width: 80%;
}
@media only screen and (max-width: 769px) {
      .fbox_2_8.f_pc > *:nth-child(1) {
            width: auto;
      }
      .fbox_2_8.f_pc > *:nth-child(2) {
            width: auto;
      }
      .fbox_2_8 > *:nth-child(1) {
            width: 35%;
      }
      .fbox_2_8.f_pc > * + * {
            margin-top: 8%
      }
      .fbox_2_8 > *:nth-child(2) {
            width: 60%;
      }
}
/* padding
============================================================================================================ */
.pd_l3 {
      padding-top: 15rem;
      padding-bottom: 15rem;
}
.pdt_l3 {
      padding-top: 15rem;
}
.pdb_l3 {
      padding-bottom: 15rem;
}
.pd_l2 {
      padding-top: 12rem;
      padding-bottom: 12rem;
}
.pdt_l2 {
      padding-top: 12rem;
}
.pdb_l2 {
      padding-bottom: 12rem;
}
.pd_l {
      padding-top: 8rem;
      padding-bottom: 8rem;
}
.pdt_l {
      padding-top: 8rem;
}
.pdb_l {
      padding-bottom: 8rem;
}
.pd_m3 {
      padding-top: 7rem;
      padding-bottom: 7rem;
}
.pdt_m3 {
      padding-top: 7rem;
}
.pdb_m3 {
      padding-bottom: 7rem;
}
.pd_m2 {
      padding-top: 6rem;
      padding-bottom: 6rem;
}
.pdt_m2 {
      padding-top: 6rem;
}
.pdb_m2 {
      padding-bottom: 6rem;
}
.pd_m {
      padding-top: 5rem;
      padding-bottom: 5rem;
}
.pdt_m {
      padding-top: 5rem;
}
.pdb_m {
      padding-bottom: 5rem;
}
.pd_s2 {
      padding-top: 3rem;
      padding-bottom: 3rem;
}
.pdt_s2 {
      padding-top: 3rem;
}
.pdb_s2 {
      padding-bottom: 3rem;
}
.pd_s {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
}
.pdt_s {
      padding-top: 2.5rem;
}
.pdb_s {
      padding-bottom: 2.5rem;
}
.pd_ss {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
}
.pdt_ss {
      padding-top: 1.5rem;
}
.pdb_ss {
      padding-bottom: 1.5rem;
}
@media only screen and (max-width: 769px) {
      .pd_l3 {
            padding-top: 10rem;
            padding-bottom: 10rem;
      }
      .pdt_l3 {
            padding-top: 10rem;
      }
      .pdb_l3 {
            padding-bottom: 15rem;
      }
      .pd_l2 {
            padding-top: 8rem;
            padding-bottom: 8rem;
      }
      .pdt_l2 {
            padding-top: 8rem;
      }
      .pdb_l2 {
            padding-bottom: 8rem;
      }
      .pd_l {
            padding-top: 6rem;
            padding-bottom: 6rem;
      }
      .pdt_l {
            padding-top: 6rem;
      }
      .pdb_l {
            padding-bottom: 6rem;
      }
      .pd_m3 {
            padding-top: 5rem;
            padding-bottom: 5rem;
      }
      .pdt_m3 {
            padding-top: 5rem;
      }
      .pdb_m3 {
            padding-bottom: 5rem;
      }
      .pd_m2 {
            padding-top: 4rem;
            padding-bottom: 4rem;
      }
      .pdt_m2 {
            padding-top: 4rem;
      }
      .pdb_m2 {
            padding-bottom: 4rem;
      }
      .pd_m {
            padding-top: 4.5rem;
            padding-bottom: 4.5rem;
      }
      .pdt_m {
            padding-top: 4.5rem;
      }
      .pdb_m {
            padding-bottom: 4.5rem;
      }
      .pd_s2 {
            padding-top: 3rem;
            padding-bottom: 3rem;
      }
      .pdt_s2 {
            padding-top: 3rem;
      }
      .pdb_s2 {
            padding-bottom: 3rem;
      }
      .pd_s {
            padding-top: 2rem;
            padding-bottom: 2rem;
      }
      .pdt_s {
            padding-top: 2rem;
      }
      .pdb_s {
            padding-bottom: 2rem;
      }
      .pd_ss {
            padding-top: 1.0rem;
            padding-bottom: 1.0rem;
      }
      .pdt_ss {
            padding-top: 1.0rem;
      }
      .pdb_ss {
            padding-bottom: 1.0rem;
      }
}
@media screen and (max-width: 480px) {
      .pd_l3 {
            padding-top: 10rem;
            padding-bottom: 10rem;
      }
      .pdt_l3 {
            padding-top: 10rem;
      }
      .pdb_l3 {
            padding-bottom: 10rem;
      }
      .pd_l2 {
            padding-top: 8rem;
            padding-bottom: 8rem;
      }
      .pdt_l2 {
            padding-top: 8rem;
      }
      .pdb_l2 {
            padding-bottom: 8rem;
      }
      .pd_l {
            padding-top: 6rem;
            padding-bottom: 6rem;
      }
      .pdt_l {
            padding-top: 6rem;
      }
      .pdb_l {
            padding-bottom: 6rem;
      }
      .pd_m3 {
            padding-top: 5rem;
            padding-bottom: 5rem;
      }
      .pdt_m3 {
            padding-top: 5rem;
      }
      .pdb_m3 {
            padding-bottom: 5rem;
      }
      .pd_m2 {
            padding-top: 5rem;
            padding-bottom: 5rem;
      }
      .pdt_m2 {
            padding-top: 5rem;
      }
      .pdb_m2 {
            padding-bottom: 5rem;
      }
      .pd_m {
            padding-top: 4rem;
            padding-bottom: 4rem;
      }
      .pdt_m {
            padding-top: 4rem;
      }
      .pdb_m {
            padding-bottom: 4rem;
      }
      .pd_s2 {
            padding-top: 3rem;
            padding-bottom: 3rem;
      }
      .pdt_s2 {
            padding-top: 3rem;
      }
      .pdb_s2 {
            padding-bottom: 3rem;
      }
      .pd_s {
            padding-top: 2rem;
            padding-bottom: 2rem;
      }
      .pdt_s {
            padding-top: 2rem;
      }
      .pdb_s {
            padding-bottom: 2rem;
      }
      .pd_ss {
            padding-top: 1.0rem;
            padding-bottom: 1.0rem;
      }
      .pdt_ss {
            padding-top: 1.0rem;
      }
      .pdb_ss {
            padding-bottom: 1.0rem;
      }
}


.link_style{
text-decoration: underline;
}

.tac{
	text-align: center;
}