@charset 'UTF-8';
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, ul, li, a, dl, dd, dt, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, footer, nav, article, aside, div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
ol, ul, li {
    list-style: none;
    list-style-position: inside;
}
a {
    text-decoration: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5 {
    font-size: 100%;
    font-weight: normal;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, textarea, select {
    font-size: 100%;
}
svg {
    width: 100%;
}
html {
    color: #333333;
    font-family: 'Yu Gothic', '游ゴシック体', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', Helvetica, sans-serif;
    font-size: 62.5%;
}
body {
    width: 100%;
    font-size: 1.7rem;
    line-height: 1.8em;
}
.wf-loading {
    opacity: 0;
}
@media (min-width: 1000px) {
    body {
        font-size: 18px;
    }
}
.wrap-outer {
    margin: 0 auto;
    padding: 0;
}
.wrap-inner {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: .2rem;
}
h1, h2 {
    font-size: 2.88rem;
}
h3 {
    font-size: 2.0rem;
    margin-bottom: 2.0rem;
}
h4 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}
h5 {
    font-size: 1.6rem;
}
h6 {
    font-size: 1.5rem;
    line-height: 2.2;
}
hr {
    margin: 4.0rem 0 2.0rem;
}
/*
1. font
2. common
3. top mainvisual
4. header
5. footer
6. main contents
7. company
8. course 使わない?
9. nyushonanai 使わない？
10. table
11. text style
12. section contents
13. 見出し first word
14. flex box
16. info 使わない？
17. single
18. specialpage
19. debutstory
20. curriculum PC画面
21. 未整理　ここから
22. 未整理　ここまで
23. curriculum
*/
/*--- font ---*/
/* DNP Shuei Mgothic Std */
.f-shuei {
    font-family: dnp-shuei-mgothic-std, sans-serif;
}
.f-shuei.l {
    font-weight: 400;
}
.f-shuei.b {
    font-weight: 600;
}
/* Corporate Logo Ver2 */
.f-corpr {
    font-family: corporate-logo-ver2, sans-serif;
}
.f-corpr.m {
    font-weight: 500;
}
.f-corpr.b {
    font-weight: 700;
}
/*--- common ---*/
.sp {
    display: block;
}
.pc {
    display: none;
}
@media (min-width: 1000px) {
    .sp {
        display: none;
    }
    .pc {
        display: block;
    }
}
p {
    margin-bottom: 1.8em;
}
.has-text-align-center {
    text-align: center;
}
.google-map iframe {
    width: 100%;
    aspect-ratio: 16/9;
}
/*白いボックス　影あり　スマホで狭い*/
.whitebox {
    background: #fff;
    box-shadow: rgb(177 115 210 / 19%) 0px 1.6rem 6rem;
    text-align: left;
    padding: 20px;
    margin: 5.4% 5.4% 1.8em;
    width: 89.2%;
}
.whitebox2 {
    background: #fff;
    box-shadow: rgb(177 115 210 / 19%) 0px 1.6rem 6rem;
    text-align: left;
    padding: 20px;
    margin: 5.4% 0 1.8em;
    width: 100%;
}
@media (min-width: 1000px) {
    .whitebox, .whitebox2 {
        padding: 60px 40px 40px 40px;
        margin: 5% 0 1.8em;
        width: 100%;
    }
}
.whitebox h3, .whitebox2 h3 {
    text-align: center;
    color: red;
}
.whitebox p:last-of-type, .whitebox2 p:last-of-type {
    margin-bottom: 0;
}
/*白いボックス　角丸　スマホで広い*/
.whitebox-w {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Helvetica', sans-serif;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
}
/*--- top mainvisual ---*/
.mainvisual-inner-sp {
    display: block;
    background: linear-gradient(to bottom right, rgb(0 255 231), rgb(0 88 197));
}
.fullscreen {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.fullscreen.mv-sp {
    width: 100%;
    height: calc(100vh - 95px - 50px);
    min-height: 750px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-image: url(images/db8bc32501aadc751394ccea1979b6ab.jpg);
    mix-blend-mode: lighten;
}
.fullscreen img {
    width: 100%;
    position: absolute;
}
.mv-text {
    width: 50%;
    min-width: 320px;
    max-width: 800px;
    height: auto;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-wrap: wrap;
}
.mv-text .menu-item {
    width: 50%;
    text-align: center;
    font-size: 18px;
}
.mv-text .menu-item a {
    text-align: center;
}
.mv-text .menu-item:first-of-type, .mv-text .menu-item:nth-of-type(2) {
    width: 100%;
    font-size: 30px;
}
.catchbox {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 1.8em;
}
.flex-ulbox {
    display: flex;
    justify-content: space-between;
}
.flex-ulbox2 {
    display: flex;
    justify-content: center;
}
.undertext {
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
}
.pickupunder_wide .undertext {
    font-size: 1.6rem;
    line-height: 1.5;
    display: block;
}
.undertext2 {
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    justify-content: center;
}
.undertext3 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-left:1.5em;
}
.h4cast,.h4cast2 {
    position: relative;
    padding: 0;
    text-align: center;
    border: 1px solid #cb7292;
    background: #fff;
    width: 86%;
    margin: 1rem auto;
    color: #cb7292;
}
.h4cast svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% - 3.5em);
    width: 16px;
    height: 32px;
    text-align: center;
}
.h4cast2 svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% - 5.5em);
    width: 16px;
    height: 32px;
    text-align: center;
}
.h4cast svg path,.h4cast2 svg path {
    fill: #cb7292;
}
.h4cast span {
    position: relative;
    z-index: 1;
}
.leftside {
    width: 180px;
}
.leftside2 {
    width: 140px;
}
.Appearance {
    text-indent: -3em;
    margin-left: 3em;
}
.minitext {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
}
.section-inner a.circleline {
    border: none;
}
.circleline img {
    width: 120px;
    transition: transform linear 200ms;
}
@media (max-width: 770px) {
    .circleline img {
        width: 100px;
    }
}
.circleline img:hover {
    transform: scale(1.3);
    z-index: 2;
}
.pickupunder {
    width: calc(50% - 10px);
    position: relative;
}
.pickupunder_wide {
    width: 100%;
    position: relative;
}
.pickupunder-small{
    width: calc(34% - 10px);
    position: relative;
}
.pickupunder-small-right{
    width: calc(50% - 10px);
    position: relative;
}

/* newマーク */
.newmark::after {
    content: 'New!';
    background-color: red;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -15px;
    z-index: 10;
}
.pickupunder p ,.pickupunder_wide p{
    margin-bottom: 0;
}
.pickupunder_wide p{
    text-align:center;
}
.youtube {
    width: 100%;
}
.youtube div {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube iframe {
    width: 100%;
    height: 100%;
}
.type {
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    line-height: 1.6em;
    color: #fff;
    background: #a6a5a5;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: -31px;
    left: 50%;
    transform: translateX(-50%);
    width: 16em;
}
.caption {
    font-size: 10px;
    line-height: 1.4em;
    color: #333333;
}
.smalltext {
    font-size: small;
}
.whitebox .pickupunder h3 ,.whitebox .pickupunder_wide h3{
    font-size: 1.9rem;
    text-align: left;
    color: #535353;
    letter-spacing: 0;
    margin-bottom: 0;
}
.whitebox .pickupunder-small-right h3{
    font-size: 1.9rem;
    text-align: left;
    color: #535353;
    letter-spacing: 0;
    margin-bottom: 0;
    padding-left: 1.5em;
}
.whitebox .pickupunder_wide h3{
    text-align: center;
}
.titleimg img {
    width: 100%;
}
.section-inner .link a {
    color: #65c0cf;
    border-bottom: none;
}
@media (max-width: 999px) {
    .mv-text {
        width: 80%;
    }
    .mv-text .menu-item {
        font-size: 14px;
    }
    .mv-text .menu-item:first-of-type, .mv-text .menu-item:nth-of-type(2) {
        font-size: 24px;
    }
    .flex-ulbox,.flex-ulbox2 {
        display: block;
        justify-content: space-between;
    }
    .pickupunder ,.pickupunder_wide{
        width: 100%;
        margin-bottom: 3.8em;
        margin-top: 1.8em;
    }
    .pickupunder-small {
        width: 100%;
        margin-bottom: 0;
        margin-top: 1.8em;
    }
    .pickupunder-small-right{
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }
    .pickupunder:last-child ,.pickupunder_wide:last-child,.pickupunder-small:last-child,.pickupunder-small-right:last-child {
        margin-bottom: 1.8em;
    }
}
.mv-text .menu-item a {
    background-color: rgba(0, 0, 0, 0.4);
    border: 8px solid #6cfba5;
    border-radius: 4px;
    color: #fff;
    display: block;
    margin: 8px;
    padding: 40px 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.mv-text .menu-item a::after {
    background: #fdcece;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    transform: skewY(-30deg) scale(1, 0);
    height: 400px;
    transform-origin: left top;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    z-index: -1;
}
.mv-text .menu-item:first-of-type a::after, .mv-text .menu-item:nth-of-type(2) a::after {
    height: 600px;
}
.mv-text .menu-item a:hover {
    color: #fff;
}
.mv-text .menu-item a:hover::after {
    transform: skewY(-30deg) scale(1, 1);
}
/*--- header ---*/
.global-header {
    box-sizing: border-box;
    transition: all linear 150ms;
    display: block;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 84px;
    background: #ffffff;
    top: 0;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 28px;
}
.global-header-inner {
    position: static;
    width: 100%;
    min-width: 800px;
    max-width: 960px;
    height: 84px;
    padding: 0 !important;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gh-logo-wrap {
    transition: all linear 500ms;
    width: 520px;
    display: flex;
    justify-content: space-around;
    align-items: start;
}
.gh-logo-wrap .gh-logo {
    width: 240px;
    margin-top: -22px;
}
@media screen and (max-width: 999px) {
    .gh-logo-wrap .gh-logo {
        width: 100%;
        margin-top: 0;
    }
}
.gh-logo p {
    line-height: 1.1;
    overflow: hidden;
    transition: all linear 50ms;
    margin-bottom: 0;
    /* margin-top: -3px; */
}
.gh-logo .header-logo img {
    width: 100%;
    height: auto;
}
.gh-logo .f-corpr {
    color: #65c0cf;
    font-size: 20px;
    display: block;
    margin-top: -20px;
    text-align: right;
    width: 100%;
    letter-spacing: 0.65em;
}
p.powered {
    font-size: 12px;
    text-align: right;
    margin: 20px 0px 0px 0;
    color: #65c0cf;
    font-weight: 700;
    line-height: 1.2em;
}
@media (max-width: 999px) {
    .global-header {
        overflow: hidden;
    }
    .global-header, .global-header-inner {
        height: 140px;
    }
    .wrap-inner .header {
        display: none;
    }
    .gh-logo .f-corpr {
        font-size: 24px;
        width: 80%;
    }
    p.powered {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
}
.nav-main {
    font-size: 18px;
    transition: color .2s;
    line-height: 24px;
    width: 600px;
}
.nav-main .menu-item {
    width: 260px;
    padding: 2px 10px;
}
.nav-main .menu-item-has-children {
    padding: 10px;
}
.nav-main a {
    transition: all ease-in 200ms;
    color: #525252;
}
.nav-main a:hover {
    color: #65c0cf;
}
.nav-utility-inner {
    display: block;
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 10px;
    width: 100%;
    background: #303030;
    left: 0;
    right: 0;
}
.utility-button {
    width: 240px;
    text-align: center;
    margin: 0 auto 10px;
}
.utility-button:last-child {
    margin-bottom: 0;
}
.utility-button a {
    display: block;
    text-align: center;
    width: 100%;
    color: #65c0cf;
    font-size: 20px;
    font-weight: 500;
    line-height: 2.5;
    border: 2px solid #fff;
    transition: all ease-in 100ms;
}
.utility-button a:hover {
    background: #2f484c;
    color: #ffffff;
}
.sp_menu {
    display: none;
    width: 50px;
    height: 50px;
    margin-left: auto;
    padding: 17px 0;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
}
.menu-trigger {
    width: 20px;
    height: 15px;
    box-sizing: border-box;
    display: block;
    position: relative;
    margin: 0 auto;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    background-color: #888888;
    border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 7px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}
.active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
    opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    -moz-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
}
.menu_title {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #2082d7;
}
.global-header .nav-main, .global-header .nav-utility {
    transition: all 500ms linear;
}
.global-header .nav-main .gnav {
    display: flex;
}
@media (max-width: 999px) {
    .global-header .nav-main .gnav {
        flex-direction: column;
    }
}
.nav-sns {
    display: none;
}
.sns-wrap .sns-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #65c0cf;
    width: 100%;
    padding: 5px 0;
}
.sns-block {
    width: 24px;
    height: 24px;
    margin: 5px;
    font-size: 24px;
    padding: 0;
    line-height: 0;
}
.sns-block a, .sns-block a:visited {
    color: white;
    transition: color linear 300ms;
}
.sns-block a.facebook:hover {
    color: #3b5998;
}
.sns-block a.twitter:hover {
    color: #1da1f2;
}
.sns-block a.youtube:hover {
    color: #da1725;
}
.sns-block a.instagram:hover {
    color: #cf2e92;
}
.current_page_item .sub-menu, .current-menu-parent .sub-menu {
    display: block;
}
.current_page_item span, .current-menu-parent span {
    display: none;
}
.sub-menu {
    background-color: #2f484c;
    border-radius: 10px;
    box-sizing: content-box;
    padding: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
    display: block;
}
.sub-menu .menu-item {
    width: 100%;
}
.sub-menu .menu-item a {
    font-size: 18px;
    color: #dfdfdf;
    display: block;
    padding: 10px 0;
    border-bottom: 2px solid #82cfe8;
}
.sub-menu .menu-item a:hover {
    color: #fff;
}
@media (max-width: 999px) {
    .sub-menu {
        background-color: transparent;
        border-radius: 0px;
        position: relative;
        margin-left: 3rem;
        width: calc(100% - 3rem);
    }
}
.menu-item-has-children {
    position: relative;
}
.menu-item-has-children span {
    cursor: pointer;
    border-style: solid;
    position: absolute;
    right: 20px;
    top: 36px;
    width: 5px;
    height: 5px;
    border-width: 2px 2px 0 0;
    border-color: #ddd #ddd transparent transparent;
    transform: rotate(45deg);
}
.menu-item-has-children .pc+.btn-toggle, .menu-item-has-children span.active {
    transform: rotate(135deg);
}
.menu-item-has-children>a {
    display: block;
    text-align: center;
    padding: 20px 10px;
    border-radius: 5px;
}
.menu-item-has-children>a:hover {}
.menu-item-has-children:hover .sub-menu.pc {
    visibility: visible;
    display: block;
    opacity: 1;
}
.nav-utility {
    display: none;
}
@media (max-width: 999px) {
    body {
        padding-bottom: 55px;
    }
    .sp_header {
        display: block;
    }
    .sp_menu {
        display: block;
    }
    .half .sp_menu {
        top: 10px;
    }
    .half .sp_menu {
        top: 0;
    }
    .global-header.half {
        height: 50px;
    }
    .global-header img {
        max-width: 80%;
    }
    .global-header.half img {
        max-width: 100px;
    }
    .open .global-header {
        height: 100vh !important;
        overflow-y: scroll;
        background-color: #65c0cf;
    }
    .open .global-header .nav-main {
        background-color: #65c0cf;
        visibility: visible;
    }
    .global-header-inner {
        display: block;
        min-width: 100%;
        max-width: 100%;
    }
    .gh-logo-wrap {
        width: 100%;
        max-width: 400px;
        max-height: 140px;
        padding: 0px 12px 0px;
        flex-direction: column;
    }
    .open .gh-logo-wrap {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 10px;
        background: #65c0cf;
    }
    .open .gh-logo-wrap p {
        overflow: hidden;
    }
    .gh-logo h1 {
        text-align: center;
        display: flex;
    }
    .gh-logo h1 svg, .gh-logo h1 img, .gh-logo h1 i {
        display: block;
        max-width: 101px;
        margin: 0 auto;
        width: 50%;
        height: 50%;
    }
    .gh-logo h1 svg, .gh-logo h1 img, .gh-logo h1 i {
        max-width: 170px;
    }
    .nav-main {
        position: relative;
        width: 100%;
        font-size: 1.7rem;
        visibility: hidden;
    }
    .nav-main .menu-item {
        width: 100%;
        padding: 0;
    }
    .menu-item a {
        margin: 0;
        padding: 10px;
        border-bottom: 2px solid #82cfe8;
        border-radius: 0px;
        color: #FFFFFF;
        display: block;
        padding-left: 0;
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px;
        text-align: left;
    }
    .nav-main a:visited {
        color: #FFFFFF;
    }
    .nav-main a:hover {}
    .nav-main>div>ul>li>a {
        padding-left: 15px;
    }
    .nav-main>div>ul>li:nth-child(4) {
        padding-bottom: 2rem;
    }
    .nav-main>div>ul>li:nth-child(4):after {
        content: none;
    }
    .sub-menu {
        visibility: visible;
        display: none;
        opacity: 1;
    }
    .op.sub-menu {
        visibility: visible;
        display: block;
        opacity: 1;
    }
    .sub-menu .menu-item a {
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.5;
        padding: 10px;
    }
    .sub-menu .menu-item a:hover {
        color: #65c0cf;
    }
    .nav-utility {
        position: relative;
        display: block;
        background: white;
        width: 100%;
        margin: 0;
        padding-bottom: 200px;
        bottom: 0;
        margin-left: auto;
    }
    .utility-button {
        width: 88%;
    }
    .utility-button a {
        font-size: 1.7rem;
    }
    .nav-sns {
        margin: 0 auto;
        background: #FFFFFF;
        padding-top: 10px;
    }
    .sns-wrap .sns-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 5px 0;
    }
    .sns-block {
        width: 24px;
        height: 24px;
        margin: 5px;
        font-size: 24px;
        padding: 0;
        line-height: 0;
    }
    .nav-main .production {
        background: #FFFFFF;
    }
    .nav-main .production a {
        background: #FFFFFF;
        color: #2f484c;
        font-weight: normal;
        border-width: 1px;
    }
    .sns-wrap .sns-inner {
        background-color: #FFFFFF;
    }
    .sns-block a i:before {
        color: #65c0cf;
    }
    .menu-item-has-children span {
        right: 20px;
        top: 18px;
        width: 8px;
        height: 8px;
        border-width: 2px 2px 0 0;
        border-color: #ddd #ddd transparent transparent;
    }
    .menu-item-has-children>a:hover {
        background-color: transparent;
        color: #65c0cf;
    }
}
/*--- footer ---*/
footer {
    width: 100%;
    background-color: #65c0cf;
    height: 50px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    line-height: 20px;
}
@media screen and (max-width: 999px) {
    footer {
        height: 30px;
        align-items: baseline;
    }
    main footer {
        height: 123px;
        font-size: 24px;
        align-items: baseline;
        padding-top: 20px;
    }
}
/*--- main contents ---*/
.wrap-inner .main-contents {
    min-height: calc(100vh - 84px);
    margin-top: 84px;
}
@media screen and (max-width: 999px) {
    .wrap-inner .main-contents {
        min-height: calc(100vh - 140px);
        margin-top: 140px;
    }
}
/*--- company ---*/
.top-company__flex {
    display: flex;
}
.top-company__flex:first-of-type {
    border-top: 1px solid #d3d3d3;
}
.top-company__dt {
    width: 30%;
    border-bottom: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.top-company__dt p {
    padding: 20px 0;
    margin: 5px 0;
    font-weight: bold;
    font-family: sans-serif;
}
.top-company__dd {
    width: 70%;
    border-bottom: 1px solid #d3d3d3;
}
.top-company__dd p {
    padding: 20px 0 20px 20px;
    margin: 5px 0;
    font-weight: 400;
    font-family: sans-serif;
    border-left: .1px solid #d3d3d3;
}
@media screen and (max-width: 999px) {
    .top-company__flex {
        flex-direction: column;
    }
    .top-company__flex .top-company__dt {
        border-bottom: none;
    }
    .top-company__flex .top-company__dd {
        width: 100%;
    }
    .top-company__flex .top-company__dt p {
        padding: 20px 0 5px;
    }
    .top-company__flex .top-company__dd p {
        padding: 0 0 20px 0px;
        border-left: none;
    }
}
/*--- course 使わない? ---*/
.course-child {
    font-size: 1.5rem;
    color: #65c0cf;
}
.sub-en-title {
    font-family: Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: .1rem;
    margin-bottom: 20px;
}
p.has-text-align-center.sub-en-title:after {
    content: "";
    border-bottom: 2px solid #65c0cf;
    width: 80px;
    height: 0;
    display: block;
    margin: 0 auto;
    padding-top: 0.5rem;
}
.page-course-top {
    color: #1f69e3;
}
.page-course-top .sub-en-title {
    color: #1f69e3;
}
.page-course-top .sub-en-title:after {
    border-bottom-color: #1f69e3 !important;
}
.page-course-top .sub-en-title.white {
    color: #ffffff;
}
.page-course-top .sub-en-title.white:after {
    border-bottom-color: #ffffff !important;
}
.page-course-top h1, .page-course-top h2, .course-child h1, .course-child h2 {
    font-size: 2.88rem;
    font-weight: 700;
    font-weight: normal;
    margin-bottom: 45px;
}
.course-child p {
    font-size: 1.5rem;
}
.page-course-top .wp-block-media-text {
    margin-bottom: 4rem;
}
.box-reason {
    width: 100%;
    margin-bottom: 4rem;
    display: flex;
    flex-wrap: nowrap;
}
.box-reason-thumb {
    width: 60%;
    position: relative;
    margin: 0;
    padding: 0;
}
.box-reason-thumb img {
    width: 100%;
    height: auto;
    float: left;
}
.box-reason-content {
    position: relative;
    width: 40%;
    z-index: 1;
}
.box-reason-content-inner {
    position: absolute;
    width: 140%;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
}
.box-reason:nth-of-type(2) .box-reason-content-inner {
    right: auto;
    left: 0;
}
.txt-num {
    text-align: center;
    font-size: 4.4rem;
    font-family: Helvetica;
    font-weight: bold;
}
.txt-mark {
    font-family: 'A1 Mincho', 'Noto Serif JP', 'Yu Mincho', 'YuMincho', '游明朝', 'Hiragino Mincho Pro', serif;
    font-weight: normal;
    font-size: 2.592rem;
    color: #ffffff;
    line-height: 1.75 !important;
    text-align: center;
}
.txt-mark span {
    background: #1f69e3;
    padding: 0px 7px 2px;
}
@media (max-width: 770px) {
    .box-reason {
        width: 100%;
        margin-bottom: 4rem;
        display: flex;
        flex-wrap: nowrap;
        position: relative;
    }
    .box-reason-thumb {
        width: 70%;
    }
    .box-reason-thumb img {}
    .box-reason-content {
        width: 30%;
    }
    .box-reason-content-inner {
        padding: 10px;
    }
    .txt-num {
        font-size: 3.1rem;
    }
    .txt-mark {
        font-size: 1.8rem;
    }
    .page-course-top .lemon-stripe .section-inner, .page-course-top .plum-stripe .section-inner, .page-course-top .pink-stripe .section-inner {
        padding: 50px 25px 50px;
    }
    .purple-stripe .wp-block-media-text__media {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 999px) {
    .wp-block-uagb-section {
        padding: 0 !important;
    }
}
/*--- nyushonanai 使わない？ ---*/
.box-nyushoannai .wp-block-columns {
    padding-top: 18px;
    margin-bottom: 57px;
}
.box-nyushoannai .wp-block-columns:last-child {
    padding-top: 0;
}
.box-nyushoannai .wp-block-column {
    background: #ffffff;
    padding: 20px;
    position: relative;
    border-radius: 5px;
    margin-left: 20px;
    margin-right: 20px;
}
.wp-block-column:nth-of-type(3n) {
    margin-right: -5px;
}
.wp-block-column:nth-of-type(3n-2) {
    margin-left: -5px;
}
.box-nyushoannai .wp-block-column:before {
    position: absolute;
    top: -20px;
    left: 5px;
    line-height: 1;
    font-size: 4rem;
}
.box-nyushoannai .wp-block-column .box-icon {
    font-size: 6.2rem;
    text-align: center;
    margin-bottom: 17px;
}
.box-nyushoannai .wp-block-column h3 {
    font-size: 1.5rem;
    text-align: center;
    font-family: 'Yu Gothic', '游ゴシック体', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', Helvetica, sans-serif;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.box-nyushoannai .wp-block-column p {
    font-size: 1.2rem;
    color: #555555;
}
@media (max-width: 999px) {
    .box-nyushoannai .wp-block-columns {
        padding-top: 18px;
        margin-bottom: 0;
    }
    .box-nyushoannai .wp-block-columns:last-child {
        margin-bottom: 40px;
    }
    .box-nyushoannai .wp-block-column {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 45px;
    }
}
.wp-block-group {
    margin-bottom: 2rem;
}
.wp-block-group__inner-container {
    margin-bottom: 3rem;
}
.contents img {
    height: auto !important;
}
.contents p {
    line-height: 1.5;
    margin-bottom: 0.6rem;
}
.sp-br {
    display: none;
}
@media (max-width: 770px) {
    .sp-br {
        display: block;
    }
}
/*--- table ---*/
.tbl-default {
    margin: 0 auto 3rem;
    padding: 0;
}
.tbl-default table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}
.tbl-default table tbody {
    border: none;
}
.tbl-default table tbody tr {
    vertical-align: middle;
    line-height: inherit;
}
.tbl-default table tbody tr:nth-of-type(1) th, .tbl-default table tbody tr:nth-of-type(1) td {
    border-top: 1px solid rgba(243, 243, 243, 1);
}
.tbl-default table tbody th, .tbl-default table tbody td {
    vertical-align: top;
    padding: 10px;
    border-bottom: 1px solid rgba(243, 243, 243, 1);
}
.tbl-default table tbody th {
    position: relative;
    white-space: nowrap;
}
.tbl-default table tbody th:after {
    content: "";
    position: absolute;
    display: block;
    top: 2px;
    bottom: 2px;
    right: 0;
    width: 1px;
    height: 10px;
    text-align: right;
    background: #65c0cf;
    height: calc(100% - 4px);
}
.tbl-default table tbody td {
    width: 100%;
}
@media (max-width: 770px) {
    .tbl-default {}
    .tbl-default table {
        width: 100%;
        border: none;
    }
    .tbl-default table tbody {}
    .tbl-default table tbody tr {
        display: block;
        line-height: 1.6;
    }
    .tbl-default table tbody th, .tbl-default table tbody td {
        display: block;
        width: 100%;
        vertical-align: middle;
    }
    .tbl-default table tbody th:after {
        content: none;
    }
    .tbl-default table tbody th {
        border: none;
        padding-bottom: 5px;
    }
    .tbl-default table tbody tr:nth-of-type(1) td {
        border-top: none;
    }
    .tbl-default table tbody td {
        padding-top: 5px;
    }
}
/*--- text style ---*/
.txt-serif {
    font-family: 'A1 Mincho', 'Noto Serif JP', 'Yu Mincho', 'YuMincho', '游明朝', 'Hiragino Mincho Pro', serif;
}
.txt-sans {
    font-family: 'Yu Gothic', '游ゴシック体', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', Helvetica, sans-serif;
}
.txt-underline {}
.txt-underline:after {
    content: "";
    border-bottom: 2px solid #65c0cf;
    width: 80px;
    height: 0;
    display: block;
    margin: 0 auto;
    padding-top: 0.5rem;
}
.txt-center {
    text-align: center;
}
.txt-sp-left {
    text-align: center;
}
@media screen and (max-width: 770px) {
    .txt-sp-left {
        text-align: left;
    }
}
/*--- section contents ---*/
.section-contents .section-inner {
    max-width: 800px;
    margin: 0 auto;
    padding: 80px 20px;
}
@media screen and (max-width: 770px) {
    .section-contents .section-inner {
        max-width: 100vw;
    }
}
.section-inner a {
    color: royalblue;
    border-bottom: 1px royalblue dashed;
}
/*--- 見出し first word ---*/
.first-word, .top-word {
    text-align: center;
    margin: 100px auto 1.8em;
}
.first-word:first-of-type, .top-word {
    margin-top: 0;
}
.first-word p {
    margin-bottom: 0;
}
.first-word .word-main {
    font-size: 3rem;
    margin-top: 30px;
    display: inline-flex;
}
@media (max-width: 770px) {
    .first-word .word-main {
        font-size: 2.4rem;
    }
}
.first-word .word-sub, .top-word .word-sub {
    border-bottom: 2px solid #555;
    padding-bottom: 10px;
    font-size: 1.3rem;
}
.first-word.word-special {
    color: red;
}
.first-word.word-special .word-sub {
    border-color: red;
}
.first-word.word-special .word-sub::before {
    content: "Special";
}
.first-word.word-engeki {
    color: #65c0cf;
}
.first-word.word-engeki .word-sub {
    border-color: #65c0cf;
}
.first-word.word-engeki .word-sub::before {
    content: "\30E9\30D9\30EA\30C6\30FB\30D7\30ED\3000\6F14\5287\7814\7A76\6240";
}
.first-word.word-production {
    color: #555;
}
.first-word.word-production .word-sub {
    border-color: #555;
}
.first-word.word-production .word-sub::before {
    content: "\30E9\30D9\30EA\30C6\30FB\30D7\30ED";
}
.top-word.word-production .word-sub::before {
    content: "Partnership";
}
/*--- 業務提携 top word ---*/
.partnership {
    display: flex;
    flex-wrap: wrap;
}
.section-inner .partnership a {
    border-bottom: none;
}
.partnership-in:first-child {
    margin-right: auto;
}
.partnership-in {
    width: 49%;
    transition: 0.3s;
}
.partnership-in:hover {
    z-index: 1;
    transform: translateY(-6px);
}
.partnership .whitebox {
    padding: 10px;
}
.partnership .whitebox h3 {
    text-align: center;
    color: #333333;
    font-size: 1.6rem;
}
.partnership .whitebox h3 span {
    font-size: 1.8rem;
}
.partnership-in img {
    width: 100%;
}
.partnership-in p {
    height: 120px;
    display: flex;
    align-items: center;
}
.partnership-cap {
    text-align: center;
    color: #333333;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 auto;
}
.cap-margin {
    text-align: center;
    color: #333333;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 auto 2em;
}
@media screen and (max-width: 770px) {
    .partnership {
        display: block;
    }
    .partnership-in {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .partnership-in p {
        height: auto;
    }
}
/*--- flex box ---*/
.flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 100px;
    width: 100%;
}
@media (max-width: 999px) {
    .flex-box {
        justify-content: center;
    }
}
.col-3, .col-4 {
    box-sizing: border-box;
    width: 25%;
    padding: 14px;
    border-radius: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 200px;
    position: relative;
    transition: transform linear 200ms;
    background-position: center center;
}
.col-3 {
    width: 33.33333%;
    padding: 4.5%;
    box-sizing: border-box;
}
.col-3 p, .col-4 p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: calc(50% + 0.5rem);
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
@media (max-width: 999px) {
    .col-4 p {
        font-size: 1.8rem;
    }
}
.col-3:hover, .col-4:hover {
    transform: scale(1.2);
    z-index: 2;
}
@media (max-width: 770px) {
    .col-3:hover, .col-4:hover {
        transform: none;
    }
}
.col-3:nth-child(3n), .col-4:nth-child(4n) {
    margin-right: 0;
}
.flex-box .col-4 {
    width: 240px;
}
@media (max-width: 999px) {
    .flex-box .col-4 {
        width: 240px;
    }
}
@media (max-width: 586px) {
    .col-3 {
        width: 100%;
    }
    .col-4 {
        width: 100%;
    }
}
.flex-box2 {
    width: 90%;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}
.flex-box .col-4:nth-child(3n) {
    margin-right: 0%;
}
@media (min-width: 770px) {
    .flex-box .col-4 {
        margin-right: 0%;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 800px) {
    .section-inner .flex-box .col-4 {
        margin: 20px;
    }
    .section-inner .flex-box .col-4:hover {
        transform: scale(1.2, 1.2);
    }
}
/*--- info 使わない？ ---*/
.info {
    background-color: #f8ffec;
    padding-top: 57px;
    padding-bottom: 65px;
}
.info-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto;
    text-align: center;
}
.info__ttl h3 {
    font-family: "Helvetica", "Arial", sans-serif;
    line-height: 1;
    font-size: 14px;
    color: #3cb371;
    display: inline-block;
}
.info__ttl h3::after {
    content: "";
    display: block;
    border: 1px solid #3cb371;
    margin: 9px auto 0;
}
.info__ul {
    font-family: 'Yu Gothic', '游ゴシック体', 'natumemozi', 'A1MinchoStd', '源ノ明朝', 'IPAフォント', sans-serif;
    font-size: 12px;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 50px;
}
.info__li {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 8px;
    padding-top: 20px;
    color: #3cb371;
    font-weight: bold;
}
.info__li a {
    color: #666;
    font-weight: normal;
    margin-left: 10px;
    transition: all ease 200ms;
}
.info__li a:hover {
    color: #3cb371;
}
.info-p p::after {
    content: "";
    display: block;
    width: 100px;
    border: 1px solid #3cb371;
    margin: 0 auto;
}
.info-flex {
    display: flex;
    padding: 25px 0 15px;
    border-bottom: 2px solid #ecebeb;
}
.info-flex dt {
    width: 10%;
    font-size: 14px;
    margin-right: 2%;
    color: #3cb371;
}
.info-flex dd {
    width: 88%;
    font-size: 15px;
    color: #666;
}
.info-flex:first-of-type dd {
    color: #3cb371;
}
@media screen and (max-width: 999px) {
    .info-inner .info-p p {
        font-size: 35px;
    }
    .info-inner .info-p p::after {
        width: 200px;
    }
    dl .info-flex {
        flex-direction: column;
    }
    dl .info-flex dd {
        width: 100%;
        font-size: 28px;
        color: #666;
    }
    main .info {
        padding-bottom: 90px;
    }
}
/*--- single ---*/
.single-ttl {
    border-top: 5px solid #65c0cf;
}
.single-main .single-ttl_style {
    text-align: left;
    font-family: 'ヒラギノ明朝 ProN';
}
.single-ttl__a {
    color: #65c0cf;
    line-height: 4;
    margin-left: 50px;
    position: relative;
}
.single-section__h1 {
    font-family: 'ヒラギノ明朝 ProN', serif;
    font-size: 24px;
    font-weight: normal;
    color: #666;
}
.single-section__content {
    padding-top: 50px;
}
.single-section__content p {
    color: #666;
}
.single-section__date {
    font-family: "Helvetica", "Arial", sans-serif;
    color: #3cb371;
    font-size: 12px;
}
.cat-data {
    font-size: 12px;
    font-weight: bolder;
    padding-left: 10px;
}
.single-section__thumbnail img {
    width: 66%;
    height: auto;
    margin: 0 auto;
    display: block;
}
/*--- specialpage ---*/
.box_R2 {
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 10px;
    background-color: #ffffcc;
    border: 1px solid #009999;
    border-radius: 10px;
    width: 94%;
    overflow: hidden;
}
#sakurairo-event .box_R p{
    text-align: left;
}
#sakurairo-event .box_R .eventpic{
    text-align: center;
}
#sakurairo-event figcaption {
    font-size: 1.4rem;
    font-weight: bold;
    color: coral;
}
.section-inner .eventpic a{
    border:none;
}
/*--- box_Rはstyle-k.cssにある　---*/
.specialpage .box_R2 p {
    text-align: center;
    margin: 1.8em 0;
    width: 50%;
    float: left;
}
.specialpage .box .box_R2 img {
    width: 50%;
}
.specialpage .box_R p {
    text-align: center;
    margin: 1.8em 0;
}
.specialpage .box h2 {
    height: auto;
    padding: 3px 0 8px 8px;
}
.specialpage .box img {
    width: 500px;
}
/*--- debutstory ---*/
.debutstory img {
    width: 100%;
    height: auto;
}
/*--- curriculum PC画面---*/
.curriculum .whitebox-w {
    box-shadow: rgb(177 115 210 / 19%) 0px 1.6rem 6rem;
    margin-bottom: 1.8em;
}
.curriculum h3 {
    color: #364e96;
    padding: 0.2em 0.6em;
    border-top: solid 3px #364e96;
    border-bottom: solid 3px #364e96;
}
.curriculum-class-text {
    font-family: 'Helvetica', sans-serif;
    color: #555555;
}
.curriculum-class-text h4 {
    margin-bottom: 0;
    color: #1f69e3;
}
.curriculum-class-text ul {
    margin-bottom: 10px;
    color: #1f69e3;
}
.curriculum-class-text ul li {
    list-style-position: inside;
    list-style-type: none;
}
.curriculum-class-text ul li:before {
    content: '・';
}
@media screen and (max-width: 999px) {
    .specialpage .box .box_R2 img {
        width: 94%;
    }
    .single-main .single-ttl {
        border-top: 10px solid #65c0cf;
        background-color: #65c0cf;
        margin-top: 17px;
    }
    .single-ttl .single-ttl__a {
        color: #fff;
    }
    .single-ttl .single-ttl__a::before {
        color: #fff;
    }
    .main-home .single-ttl {
        border-top: 10px solid #65c0cf;
        text-align: center;
        margin-top: 16px;
    }
    .main-home .single-ttl__h1 {
        line-height: 3;
        color: #fff;
        background-color: #65c0cf;
    }
    body .main-home .yellow {
        height: 4779px;
    }
    .home-top .article-list {
        width: 49%;
        margin-right: 2%;
        margin-top: 30px;
        height: auto;
    }
    .home-top .article-list:nth-child(2n) {
        margin-right: 0%;
    }
    .home-top .article-list:nth-child(3n) {
        margin-right: 2%;
    }
    .home-top .article-list:nth-child(6n) {
        margin-right: 0%;
    }
    .article-list .article-date {
        padding-top: 10px;
    }
    .article-list .cat-data {
        padding-top: 10px;
    }
}
@media screen and (max-width: 480px) {
    html body .main-home .yellow {
        height: 3363px;
    }
    .home-top .article-list .img-wrap img {
        height: 182px;
    }
    .home-top .article-list .cat-data {
        padding-top: 0px;
        width: 100%;
        text-align: left;
    }
}
@media screen and (max-width: 400px) {
    .yellow .home-top .article-list .img-wrap img {
        height: 158px;
    }
}
@media (max-width: 770px) {
    .article-list {
        width: 100%;
    }
}
@media (min-width: 480px) {
    .article-list {
        width: 50%;
    }
}
@media (min-width: 1000px) {
    .article-list {
        width: 25%;
    }
}
@media screen and (max-width: 999px) {
    .course-title h1 {
        font-size: 38px;
    }
    .course-title p {
        font-size: 8px;
    }
    .course-nav {
        position: relative;
        bottom: 0;
        width: 100%;
        background: rgba(0, 0, 0, .4);
        padding: 0;
    }
    .sogo {
        background: #c95119;
    }
    .seiyu {
        background: #c236e2;
    }
    .haiyu {
        background: #106523;
    }
    .influencer {
        background: #083980;
    }
    .course-nav-menu {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .parentlink {
        display: none;
    }
    .course-nav-menu {
        padding: 0;
    }
    .course-nav-menu li {
        width: 50%;
        font-size: 11px;
        border: 1px solid rgb(255, 255, 255, 20%);
    }
    .course-nav-menu li:nth-of-type(2) {
        border-left: none;
    }
    .course-nav-menu li:nth-of-type(3) {
        border-left: none;
        border-right: none;
    }
    .course-nav-menu li:nth-of-type(4) {
        border-top: none;
        border-left: none;
    }
    .course-nav-menu li:nth-of-type(5) {
        border-top: none;
        border-right: none;
        border-left: none;
    }
    .course-nav-menu li a {
        padding: 9px 0;
        text-align: center;
    }
}
@media screen and (max-width: 999px) {
    .wrap-outer {
        position: relative;
    }
}
@media screen and (max-width: 999px) {
    .wp-block-image {
        margin: 0 !important;
    }
}
@media (max-width: 999px) {
    .section-inner {
        padding: 20px;
    }
}
@media (max-width: 770px) {
    .curriculum-class-lank, .curriculum-class-text {
        width: 100%;
    }
}
@media screen and (max-width: 999px) {
    .specialpage .box img {
        width: 100%;
    }
    /*--- 未整理　ここから ---*/
    .navigation {
        padding-top: 82px;
    }
    .nav-links {
        display: flex;
        justify-content: space-between;
    }
    .nav-previous a, .nav-next a {
        font-weight: bold;
        font-size: 30px;
        color: #65c0cf;
    }
    .single .entry-content {
        line-height: 1.75;
        font-size: 15px;
        padding: 45px 50px;
        max-width: 1000px;
        margin: 0 auto;
    }
    .single .entry-content p {
        line-height: 1.75;
    }
    .page-ttl-wrap {
        border-top: 5px solid #65c0cf;
        text-align: center;
        background: #FFF;
    }
    .single-ttl {
        border-top: 5px solid #65c0cf;
        text-align: center;
    }
    .single-ttl__h1, .page-ttl__h1 {
        line-height: 3;
        color: #65c0cf;
        font-family: 'ヒラギノ明朝 ProN';
        font-size: 25px;
        font-weight: normal;
    }
    .page-ttl__h1 {
        text-align: center;
        font-weight: normal;
    }
    .main-home .yellow {
        height: 2000px;
    }
    .home-top {
        display: flex;
        flex-wrap: wrap;
        max-width: 770px;
        margin: 0 auto;
        padding: 20px 20px;
    }
    .img-wrap img {
        width: 100%;
        height: auto;
    }
    .article-date {
        color: #3cb371;
        width: 50%;
    }
    .cat-data {
        color: #666;
        width: 50%;
        text-align: right;
    }
    .text__h2 {
        color: #666;
        font-size: 20px;
    }
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important;
    }
    .article-list__content {
        color: #666;
    }
    .clearfix-inner {
        max-width: 770px;
        margin: 0 auto;
        padding: 20px 20px;
    }
    .clearfix__btn {
        font-weight: bold;
        font-size: 40px;
        color: #65c0cf;
    }
    .navigation {
        padding-top: 82px;
        max-width: 1000px;
        margin: 50px auto 0;
        padding: 0 20px;
    }
    .nav-links {
        display: flex;
        justify-content: space-between;
    }
    a.page-numbers {
        display: inline-block;
        width: 47px;
        height: 51px;
        padding: 10px 0;
        text-align: center;
        border: 2px solid #65c0cf;
        color: #65c0cf;
        box-sizing: border-box;
    }
    a.page-numbers:hover {
        background-color: #65c0cf;
        color: #fff;
        transition: background-color .3s;
        -webkit-transition: background-color .3s;
    }
    a.prev.page-numbers {
        background-color: unset;
        border: none;
        font-size: 46px;
        position: relative;
        top: -16px;
    }
    a.prev.page-numbers:hover {
        color: #65c0cf;
    }
    a.next.page-numbers:hover {
        color: #65c0cf;
    }
    a.next.page-numbers {
        background-color: unset;
        border: none;
        margin-right: 0;
        font-size: 35px;
        position: relative;
        top: -20px;
        line-height: 1.7;
    }
    span.page-numbers.dots {
        display: none;
    }
    .base-color {
        background-color: #65c0cf;
    }
    .info-block {
        background-color: #f8ffec;
        color: #4ec20a;
        border-bottom-color: #e0e1df;
    }
    .info-block2 {
        background-color: #fff5d3;
        color: #e89615;
        border-bottom-color: #e0dfdc;
    }
    .logo-img p {
        font-size: 9px;
        line-height: 1.1;
    }
    .swiper-container img {
        width: 100%;
        display: block;
    }
    .main-contents {
        width: 100%;
    }
    .main-contents-header {
        font-family: serif;
        font-size: 27px;
        border-top: 5px solid #65c0cf;
        text-align: center;
    }
    .single .main-contents-header {
        text-align: left;
        font-size: 12px;
    }
    .single .main-contents-header a i {
        margin-right: 10px;
    }
    .main-contents:before, .main-contents:after {
        content: "";
        display: table;
    }
    .main-contents:after {
        clear: both;
    }
    .page .main-contents .menu-item.current-menu-parent {
        display: block !important;
    }
    .page .main-contents .menu-item.current-menu-parent>a {
        display: block !important;
    }
    .page .main-contents .menu-item.current-menu-parent>.sub-menu {
        display: block !important;
    }
    .page .main-contents .menu-item.current-menu-parent>.sub-menu li {
        display: block !important;
    }
    .page .main-contents .menu-item.current-menu-parent .sub-menu .menu-item {
        display: block !important;
    }
    .page .main-contents .menu-item.current-menu-parent .sub-menu .menu-item.current-menu-item {
        display: block !important;
    }
    .section-inner {
        padding: 45px 34px;
    }
    .flex {
        display: flex;
        flex-wrap: wrap;
    }
    .wp-block-media-text__media img, .wp-block-media-text__media video {
        max-width: unset;
        width: 100%;
        vertical-align: middle;
        height: auto;
    }
    .article-list {
        width: 33.33333%;
        box-sizing: border-box;
        margin-bottom: 9px;
    }
    article>a {
        padding: 16px;
        display: block;
        font-size: 12px;
        transition: all 200ms linear;
    }
    .img-wrap:before, .img-wrap:after {
        content: "";
        display: table;
    }
    .img-wrap:after {
        clear: both;
    }
    .img-wrap {
        width: 100%;
        clear: both;
        overflow: hidden;
    }
    .img-wrap img {
        width: 100%;
        height: auto;
    }
    .article-list a:hover .article-list__content, .article-list a:hover .text__h2 {
        color: #65c0cf;
    }
    .post-data:before, .post-data:after {
        content: "";
        display: table;
    }
    .post-data:after {
        clear: both;
    }
    .post-data {
        padding: 5px 0;
    }
    .post-datetime {
        color: #3cb371;
        width: 50%;
        font-size: 10px;
        font-family: "游ゴシック体", "Yu Gothic", sans-serif;
        float: left;
        line-height: 1;
    }
    .category-data {
        color: #666;
        width: 50%;
        text-align: right;
        font-size: 10px;
        float: right;
        font-weight: bolder;
        line-height: 1;
    }
    .text__h2 {
        color: #666;
        font-size: 12px;
        transition: all 200ms linear;
    }
    .article-list__content {
        color: #666;
        transition: all 200ms linear;
    }
    .pagination {
        width: 100%;
        padding-top: 42px;
    }
    .pagination ul {
        display: flex;
    }
    .pagination ul li {
        margin-right: 9px;
    }
    .pagination ul li a, .pagination ul li span {
        width: 34px;
        height: 34px;
        line-height: 12px;
        font-size: 16px;
    }
    span.page-numbers.current {
        background-color: #65c0cf;
        display: inline-block;
        width: 34px;
        padding: 10px 0;
        height: 34px;
        text-align: center;
        border: 2px solid #65c0cf;
        box-sizing: border-box;
        color: #fff;
        line-height: 12px;
    }
    a.prev.page-numbers {
        background-color: unset;
        border: none;
        font-size: 46px;
        position: relative;
        top: -16px;
        font-size: 32px;
        line-height: 1.6;
    }
    .course-header {
        position: relative;
    }
    .course-mv {
        position: relative;
    }
    .course-img img {
        width: 100%;
        height: auto;
        display: block;
    }
    .course-title {
        position: absolute;
        color: #FFFFFF;
        top: calc(50% - 45px);
        left: 50px;
    }
    .course-title h1 {
        font-family: serif;
        font-size: 60px;
        font-weight: normal;
        line-height: 1;
    }
    .course-nav {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(0, 0, 0, .4);
        padding: 4px 0;
    }
    .course-nav-menu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        justify-content: space-evenly;
        padding: 0 5px;
        font-size: 13.5px;
        font-weight: bold;
    }
    .course-nav-menu li {
        width: 20%;
        text-align: center;
        line-height: 1;
    }
    .course-nav-menu li a {
        display: block;
        padding: 16px 0;
        color: #FFFFFF;
        transition: all linear 300ms;
    }
    .parent-pageid-151 .course-nav-menu li a.active, .parent-pageid-151 .course-nav-menu li a:hover, .page-id-151 .course-nav-menu li a:hover {
        background: #f25d23;
    }
    .parent-pageid-6 .course-nav-menu li a.active, .parent-pageid-6 .course-nav-menu li a:hover, .page-id-6 .course-nav-menu li a:hover {
        background: #DC55FF;
    }
    .parent-pageid-161 .course-nav-menu li a.active, .parent-pageid-161 .course-nav-menu li a:hover, .page-id-161 .course-nav-menu li a:hover {
        background: #04ab3a;
    }
    .parent-pageid-171 .course-nav-menu li a.active, .parent-pageid-171 .course-nav-menu li a:hover, .page-id-171 .course-nav-menu li a:hover {
        background: #0362d7;
    }
    .course-child-title {
        padding-top: 70px;
        width: 100%;
        text-align: center;
        font-family: serif;
    }
    .course-child-title p {
        margin-bottom: 29px;
    }
    .course-child-title p:after {
        content: "";
        display: inline-block;
        border-bottom: 1px solid #65c0cf;
    }
    .swiper-slide {
        position: relative;
    }
    .fvt {
        position: absolute;
        top: calc(50% - 106px);
        left: calc(50% - 406px);
        width: 50%;
        height: auto;
    }
    .page-course-top .contents-inner>*:last-child {
        display: none;
    }
    .section-contents {
        background-color: rgba(243, 243, 243, 1);
        min-height: calc(100vh - 200px);
    }
    .section-inner {
        margin: 0 auto;
        padding: 50px;
        max-width: 1000px;
        height: auto;
    }
    /*--- 未整理　ここまで ---*/
    /*--- curriculum ---*/
    .curriculum-class-lank {
        width: 20%;
        color: #1f69e3;
    }
    .curriculum-class-lank h3 {
        font-family: 'Helvetica', sans-serif;
        font-size: 1.5rem;
        letter-spacing: normal;
    }
    .curriculum-class-lank h3 span {
        font-size: 4rem;
    }
    .curriculum-class-text {
        width: 80%;
        font-family: 'Helvetica', sans-serif;
        font-size: 1.35rem;
        color: #555555;
    }
    .curriculum-class-text h4 {
        margin-bottom: 0;
        font-family: 'Helvetica', sans-serif;
        font-size: 1.35rem;
        color: #1f69e3;
    }
    .curriculum-class-text p {
        font-size: 1.35rem;
    }
    .curriculum-class-text ul {
        margin-bottom: 10px;
        color: #1f69e3;
    }
    .curriculum-class-text ul li {
        list-style-position: inside;
        list-style-type: none;
    }
    .curriculum-class-text ul li:before {
        content: '・';
    }
    /* form */
    input[type="text"].form-control, input[type="email"].form-control, input[type="tel"].form-control, input[type="number"].form-control, textarea.form-control {
        box-sizing: border-box;
        height: 40px;
        background: #fff;
        border: 1px #aaa solid;
        border-radius: 1px;
        box-shadow: none;
        padding: 12px;
        line-height: 1;
        max-width: 100%;
    }
    select.form-control {
        box-sizing: border-box;
        height: 40px;
        padding: 12px;
        border: 1px #aaa solid;
        border-radius: 2px;
        background: #fff;
    }
    textarea.form-control {
        width: 100%;
        line-height: 1.4em;
        height: 5.6em;
    }
    input[type="submit"].form-control, input[type="reset"].form-control {
        padding: 12px;
        margin: 12px;
        border: 1px #aaa solid;
        border-radius: 2px;
        font-weight: bold;
        color: #555;
    }
    input[type="submit"].form-control {
        background-color: #65c0cf;
        color: #fff;
    }
    input[type="submit"].form-control:hover {
        background-color: #2b9eb1;
    }
    input[type="reset"].form-control:hover {
        background-color: #ddd;
    }
}