@charset "UTF-8";

/* ===================================================================

リセット

=================================================================== */

html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
}

*,
::before,
::after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

::before,
::after {
    text-decoration: inherit;
    vertical-align: inherit;
}

*:focus {
    /*chromeデフォルト設定解除*/
    outline: none;
}

* {
    padding: 0;
    margin: 0;
}


/* 一般的な要素 */

audio:not([controls]) {
    display: none;
    height: 0;
}

hr {
    overflow: visible;
}

address,
em {
    font-style: normal;
}

ul,
ol,
li {
    list-style: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

summary {
    display: list-item;
}

small {
    font-size: 80%;
}

[hidden],
template {
    display: none;
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* フォーム */

input {
    border-radius: 0;
}

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

[disabled] {
    cursor: default;
}

[type="number"] {
    width: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    resize: vertical;
}

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

optgroup {
    font-weight: bold;
}

button {
    overflow: visible;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: 0;
    padding: 0;
}

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;
}

button,
select {
    text-transform: none;
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}

select::-ms-value {
    color: currentColor;
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}


/* メディア */

img {
    border-style: none;
}

img,
iframe {
    /*スマホはみ出し用*/
    max-width: 100%;
}

progress {
    vertical-align: baseline;
}

svg:not(:root) {
    overflow: hidden;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}


/* アクセシビリティ */

@media screen {
    [hidden~="screen"] {
        display: inherit;
    }
    [hidden~="screen"]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}

[aria-busy="true"] {
    cursor: progress;
}

[aria-controls] {
    cursor: pointer;
}

[aria-disabled] {
    cursor: default;
}


/* selection */

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none;
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none;
}


/* ===================================================================

各ページ共通関連

=================================================================== */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, メイリオ, Meiryo, sans-serif;
}

a {
    text-decoration: none;
}


/*float*/

@media (min-width: 960px) {
    .left {
        float: left;
    }
    .right {
        float: right;
    }
    .all:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }
}


/*両端揃え*/

.just {
    text-align: justify;
    text-justify: inter-ideograph;
}


/* 電話番号リンクPC無効 */

a[href^="tel:"] {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 960px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }
}


/* スマホメニュー */

.nav-content {
    background: #fff;
}

.nav-content ul {}

.nav-content ul li {}

.nav-content ul li a {
    text-align: left;
    display: block;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    font-size: 12px;
    text-decoration: none;
    color: #666;
}

.nav-content ul li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* PCメニュー */

.nav-menus {
    display: none;
}

@media (min-width: 960px) {
    .drawer-toggle {
        display: none;
    }
    .nav-menus {
        display: block;
        width: 560px;
        float: right;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .nav-menus ul {}
    .nav-menus ul:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }
    .nav-menus>ul>li {
        float: left;
        text-align: center;
        height: 73px;
    }
    .nav-menus ul li a {
        display: block;
        height: 73px;
        box-sizing: border-box;
        text-decoration: none;
        padding-top: 30px;
        color: #000;
    }
    .nav-menus ul li a:hover {
        background: #a5cf53;
        color: #fff;
    }
    .nav-menus ul li.nav-menu01 a {
        width: 80px;
    }
    .nav-menus ul li.nav-menu02 a {
        width: 130px;
    }
    .nav-menus ul li.nav-menu03 a {
        width: 160px;
    }
    .nav-menus ul li.nav-menu04 a {
        width: 80px;
    }
    .nav-menus ul li.nav-menu05 a {
        width: 80px;
    }
}


/*ヘッダー*/

header {
    border-bottom: 2px solid #8dc63f;
}

header h1 {
    float: left;
    height: 54px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-top: 9px;
}

header h1 img {
    width: 150px;
    height: auto;
}

header:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

@media (min-width: 960px) {
    header h1 {
        width: 260px;
        height: 73px;
        padding-left: 17px;
        padding-top: 11px;
    }
    header h1 img {
        width: 225px;
    }
}


/*フッター*/

footer {
    background-color: #ffffff;
}

footer #copyright {
    text-align: center;
    padding: 20px 15px;
    font-size: .75rem;
    color: #a5cf53;
}

footer #copyright a{
    color: #a5cf53;
}

@media (min-width: 960px) {
    footer #copyright {
        text-align: center;
        padding: 70px 0 30px;
        font-size: .75rem;
        color: #a5cf53;
    }
}


/*トップへ戻る
---------------------------------------------------------------*/

#pagetops {
    position: fixed;
    right: 6px;
    bottom: 16px;
}

#pagetops a {
    cursor: default;
}


/* ===================================================================

各ページ style

=================================================================== */


/*トップ*/

.back-gream {
    background: #a5cf53;
}

.back-cream {
    background: #fff5a0;
}

.back-glay {
    background: #e6e6f1;
}

#slider {
    max-width: 770px;
    padding: 0 0 2px 0;
    margin: 0 auto;
}

#slider img {
    height: auto;
    max-height: 270px;
}

@media (min-width: 800px) {
    #slider {
        padding: 20px 0;
    }
}

@media (min-width: 960px) {
    #slider {
        padding: 70px 0;
    }
}

.block {
    padding: 25px 15px;
    /*スマホサイド余白*/
}

@media (min-width: 960px) {
    .block {
        padding: 70px 0;
    }
}

#himawari h2 {
    text-align: center;
    font-weight: normal;
    font-size: 19px;
    line-height: 1.4;
}

#himawari h2 span {
    display: block;
    font-weight: bold;
}

#himawari p {
    text-align: center;
    padding-top: 15px;
    line-height: 1.6;
    font-size: 14px;
}

@media (min-width: 960px) {
    #himawari h2 {
        font-size: 28px;
    }
    #himawari h2 span {
        display: inline;
    }
    #himawari p {
        padding-top: 30px;
        line-height: 1.8;
        font-size: 16px;
    }
}

#message h2 {
    text-align: center;
    font-size: 19px;
    line-height: 1.4;
}

#message .left {
    text-align: center;
    padding-top: 15px;
    line-height: 1.6;
    font-size: 14px;
}

#message .left img {
    padding-bottom: 15px;
}

#message .left .sawainame {
    font-size: 16px;
    font-weight: bold;
}

#message .right {
    padding-top: 30px;
}

#message .right p {
    line-height: 1.6;
    font-size: 14px;
}

@media (min-width: 960px) {
    #message {
        width: 940px;
        margin: 0 auto;
    }
    #message h2 {
        font-size: 28px;
    }
    #message .left {
        padding-top: 30px;
        width: 220px;
    }
    #message .left .sawainame {
        font-size: 20px;
    }
    #message .right {
        width: 630px;
    }
    #message .right p {
        line-height: 1.8;
        font-size: 16px;
    }
}

#wakabanews h2 {
    text-align: center;
    font-size: 19px;
    line-height: 1.4;
    padding-bottom: 15px;
}

@media (min-width: 960px) {
    #wakabanews {
        width: 770px;
        margin: 0 auto;
    }
    #wakabanews h2 {
        font-size: 28px;
        padding-bottom: 30px;
    }
}

#tenpoorschool {
    text-align: center;
}

#tenpoorschool .right {
    padding-top: 25px;
}

#tenpoorschool h2 {
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
}

#tenpoorschool p {
    color: #fff;
    font-size: 14px;
    padding-bottom: 15px;
}

.btn01 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.btn01 a {
    display: block;
    border-radius: 6px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.btn01 a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn01 a:hover {
    background: #fff5a0;
}

p {
    line-height: 1.6;
    font-size: 14px;
}

@media (min-width: 960px) {
    #tenpoorschool {
        width: 1062px;
        margin: 0 auto;
    }
    #tenpoorschool .right {
        padding-top: 0;
    }
    #tenpoorschool h2 {
        font-size: 24px;
    }
    #tenpoorschool p {
        font-size: 16px;
        padding-bottom: 25px;
    }
    .btn01 {
        width: 315px;
    }
    .btn01 a {
        font-size: 18px;
        height: 55px;
        line-height: 55px;
    }
    p {
        line-height: 1.6;
        font-size: 16px;
    }
}


/*店舗のご紹介*/

#tenpolists {
    text-align: center;
}

#tenpolists h2 {
    font-size: 20px;
}

.tenpolist {
    border-bottom: 2px dotted #999;
    padding: 25px 0;
}

.tenpolist .left img {
    width: 100%;
    height: auto;
    max-width: 550px;
}

.tenpolist .right h3 a {
    text-align: left;
    background: #8dc63f;
    color: #fff;
    display: block;
    padding: 5px 10px;
    font-size: 16px;
}

.tenpolist .right .tenpoinformation {
    text-align: left;
    padding: 5px 5px 25px 5px;
}

.tenpolist .right .tenpoinformation p {
    line-height: 1.6;
    font-size: 14px;
    padding-top: 10px;
}

.tenpolist .right .tenpoinformation p.shoptel a {
    font-size: 22px;
    display: block;
    color: #000;
}

.btn02 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.btn02 a {
    display: block;
    border-radius: 6px;
    height: 45px;
    line-height: 43px;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    font-size: 14px;
    border: 2px solid #8dc63f;
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.btn02 a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn02 a:hover {
    background: #fff5a0;
}

@media (min-width: 960px) {
    #tenpolists {
        width: 1062px;
        margin: 0 auto;
    }
    #tenpolists h2 {
        font-size: 28px;
    }
    .tenpolist {
        padding: 55px 0 40px;
    }
    .tenpolist .right {
        width: 475px;
        position: relative;
        height: 413px;
    }
    .tenpolist .right h3 a {
        padding: 10px 25px;
        font-size: 20px;
    }
    .tenpolist .right .tenpoinformation {
        padding: 15px 15px 0 15px;
    }
    .tenpolist .right .tenpoinformation p {
        font-size: 17px;
        padding-top: 10px;
    }
    .tenpolist .right .tenpoinformation p.shoptel a {
        font-size: 28px;
    }
    .btn02 {
        width: 315px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
    }
    .btn02 a {
        font-size: 18px;
        height: 55px;
        line-height: 50px;
        border: 5px solid #a5cf53;
    }
}


/*店舗のご紹介詳細*/

.tenpotitle {
    padding: 25px 15px;
    /*スマホサイド余白*/
    text-align: center;
}

.tenpotitle h2 {
    font-size: 20px;
}

.tenpotitle p {
    font-size: 14px;
    padding-top: 3px;
}

.tenpotitle p.shoptel a {
    font-size: 22px;
    display: block;
    color: #000;
}

@media (min-width: 960px) {
    .tenpotitle {
        padding: 70px 0 45px;
    }
    .tenpotitle h2 {
        font-size: 28px;
    }
    .tenpotitle p {
        font-size: 16px;
        padding-top: 5px;
    }
    .tenpotitle p.shoptel a {
        font-size: 28px;
    }
}

#tenposliderwrapR p.right {
    background: #a5cf53;
    padding: 15px;
}

@media (min-width: 960px) {
    #tenposliderwraps {
        width: 1062px;
        margin: 0 auto;
        position: relative;
    }
    #tenposliderwrap {
        width: 100%;
        height: auto;
        max-width: 600px;
    }
    #tenposlider {
        height: 450px
    }
    #tenposliderwrapR {
        position: absolute;
        width: 562px;
        right: 0;
    }
    #tenposliderwrapR p.right {
        width: 462px;
        padding: 85px 0 0 35px;
        line-height: 1.8;
    }
    #tenposliderwrapR2 {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 450px 100px;
        border-color: transparent transparent #a5cf53 transparent;
    }
}

.blonkhost {
    padding: 25px 15px;
    /*スマホサイド余白*/
    text-align: center;
}

.blonkhost h3 {
    font-size: 19px;
    padding-bottom: 25px;
}

.blonkhost2 {
    padding: 25px 0;
    /*スマホサイド余白なし*/
    text-align: center;
}

.blonkhost2 h3 {
    font-size: 19px;
    padding-bottom: 25px;
}

.course .courseright {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 25px;
}

.couth {
    text-align: left;
    margin-bottom: 15px;
}

.couth h4 {
    border-bottom: 1px solid #333;
    font-size: 16px;
}

.couth h4 span {
    color: #a5cf53;
    font-size: 1.2em;
    padding-right: 3px;
}

.couth .couthall {
    border-bottom: 1px solid #333;
    padding: 5px;
    font-size: 14px;
    line-height: 1.6;
}

.couth .couthall .couthl span.cname {
    font-size: 1.1em;
    font-weight: bold;
}

.couth .couthall .couthl span.ctime {
    display: block;
}

.couth .couthall .couthr span {
    font-size: 1.2em;
    padding-right: 3px;
    font-weight: bold;
}

.couth .couthall .couthl b {
    font-weight: bold;
    font-size: 1.1em;
}

.couth .couthall.yellow {
    background: #FDFF9E;
}

.couth .couthall.blue {
    background: #9deafd;
}

.couth .couthall.green {
    background: #d5fd9d;
}

.couth .couthall.pink {
    background: #ffc9c9;
}

.couth .couthall.kaki {
    background: #fedd9e;
}

.couthl {
    float: left;
}

.couthr {
    float: right;
}

.couth .couthall:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

@media (min-width: 530px) {
    .couth .couthall .couthl span.ctime {
        display: inline;
    }
}

@media (min-width: 960px) {
    .blonkhost {
        padding: 70px 0 45px;
    }
    .blonkhost h3 {
        font-size: 26px;
        padding-bottom: 45px;
    }
    .blonkhost2 {
        padding: 70px 0 45px;
    }
    .blonkhost2 h3 {
        font-size: 26px;
        padding-bottom: 45px;
    }
    .course .courseall {
        margin: 0 auto;
        width: 1062px;
    }
    .course .courseleft {
        width: 500px;
        line-height: 1.8;
    }
    .course .courseright {
        width: 520px;
        font-size: 16px;
        margin-top: 0;
    }
    .couth {
        margin-bottom: 25px;
    }
    .couth h4 {
        font-size: 18px;
    }
    .couth h4 span {
        font-size: 1.2em;
    }
    .couth .couthall {
        font-size: 16px;
        padding: 10px 5px;
    }
    .couthl {
        width: 348px;
    }
}

.tenpogal li {
    margin-bottom: 15px;
    font-size: 14px;
}

.tenpogal li:last-child {
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .tenpogal {
        width: 1000px;
        margin: 0 auto;
    }
    .tenpogal li {
        width: 324px;
        float: left;
        margin-right: 14px;
        margin-bottom: 25px;
        font-size: 16px;
    }
    .tenpogal li:nth-child(3n) {
        margin-right: 0;
    }
}

.maps iframe {
    width: 100%;
    height: 240px;
}

@media (min-width: 960px) {
    .maps iframe {
        width: 960px;
        height: 380px;
    }
}

.tenpofooter {
    background: #fff;
    margin: 25px 15px 0;
    padding: 0 15px 15px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 6px;
}

.tenpofooter .left p {
    padding-top: 15px;
}

.tenpofooter p.shoptelon {
    border-top: #cccccc 1px solid;
    margin-top: 15px;
    padding-top: 15px;
}

.tenpofooter p.shoptel a {
    font-size: 24px;
    display: block;
    color: #000;
}

.tenpofooter p.shoptelun {
    font-size: 85%;
}

@media (min-width: 960px) {
    .tenpofooter {
        font-size: 16px;
        padding: 30px 0 30px 45px;
        width: 960px;
        margin: 25px auto 0;
        text-align: left;
    }
    .tenpofooter p.shoptelon {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    .tenpofooter p.shoptel a {
        font-size: 33px;
    }
    .tenpofooter .left {
        width: 445px;
        padding-right: 55px;
        padding-bottom: 15px;
        border-right: 1px solid #ccc;
    }
    .tenpofooter .right {
        width: 470px;
        text-align: center;
    }
    .tenpofooter01 .right {
        padding-top: 20px;
    }
    .tenpofooter02 .right {
        padding-top: 90px;
    }
}


/*豆知識*/

#tipsters h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

@media (min-width: 960px) {
    #tipsters {
        width: 960px;
        margin: 0 auto;
    }
    #tipsters h2 {
        font-size: 28px;
        margin-bottom: 55px;
    }
}


/*アコーディオン*/

.accbox {
    margin-bottom: 15px;
}

.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 10px 25px 10px 10px;
    color: #ffffff;
    font-weight: bold;
    background: #8dc63f;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    font-size: 14px;
}

.accbox label:after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.accbox label:hover {
    background: #a5cf53;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    /*transition: 0.8s;*/
}

.cssacc:checked+label+.accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}

.cssacc:checked+label:after {
    content: '\f078';
}


/*accshow内調整*/

.accbox .accshow .yugami .right {
    text-align: center;
}

@media (min-width: 960px) {
    .accbox {
        margin-bottom: 25px;
    }
    .accbox label {
        display: block;
        margin: 1.5px 0;
        padding: 13px 12px;
        color: #ffffff;
        font-weight: bold;
        background: #8dc63f;
        cursor: pointer;
        transition: all 0.5s;
        position: relative;
        font-size: 16px;
    }
    .accbox .accshow p {
        padding: 15px;
    }
}


/*accshow内調整*/

.accbox .accshow .yugami .right {
    text-align: center;
}

@media (min-width: 960px) {
    .accbox .accshow .yugami .left {
        width: 380px;
        padding-top: 15px;
    }
    .accbox .accshow .yugami .right {
        width: 520px;
        padding-top: 3px;
    }
}


/*専門学院のご紹介*/

.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transform: rotate(.03deg);
}

#schoolmessage {
    padding: 25px 0;
}

#schoolmessage .left h3.mincho {
    font-size: 17px;
    padding-bottom: 15px;
}

#schoolmessage .left p {
    padding-bottom: 15px;
}

#schoolmessage .right .sawainame {
    font-size: 16px;
    font-weight: bold;
}

@media (min-width: 960px) {
    #schoolmessage {
        width: 910px;
        margin: 0 auto;
        padding: 55px 0 40px;
    }
    #schoolmessage .left {
        width: 587px;
    }
    #schoolmessage .left h3.mincho {
        font-size: 28px;
        text-align: left;
        padding-bottom: 25px;
    }
    #schoolmessage .left p {
        line-height: 1.8;
        padding-bottom: 0px;
    }
    #schoolmessage .right .sawainame {
        font-size: 20px;
    }
}

.tokucho li h4 {
    padding: 8px 0;
    background: #8dc63f;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
}

.tokucho li p {
    padding: 8px;
}

.btn03 {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

.btn03 a {
    display: block;
    border-radius: 6px;
    height: 45px;
    line-height: 43px;
    color: #000;
    box-sizing: border-box;
    font-size: 13px;
    position: relative;
    background: #fff;
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    border: 2px solid #8dc63f;
    text-overflow: ellipsis;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.btn03 a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn03 a:hover {
    background: #fff5a0;
}

.tokuchounder {
    padding: 25px 0;
}

.tokuchounder .right {
    margin-top: 15px;
}

#nitsuites {}

.nitsuite {
    border-top: 1px solid #fff;
    text-align: left;
    padding: 20px 0;
}

#nitsuites .all:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.nitsuite .left {
    width: 25%;
    float: left;
    font-weight: bold;
}

.nitsuite .right {
    width: 73%;
    float: right;
}

.nitsuite .red {
    text-align: center;
    color: red;
}

.wasesa {
    margin-bottom: 25px;
}

.wasesa h4 {
    font-size: 18px;
    background: #e6e6e6;
    padding: 5px 0;
}

.wasesa p {
    background: #ffffff;
    padding: 10px 0;
}

@media (min-width: 960px) {
    .darenidemo {
        width: 910px;
        margin: 0 auto;
    }
    .tokucho {
        width: 950px;
        margin: 0 auto;
    }
    .tokucho li {
        float: left;
        width: 300px;
        height: 268px;
        margin-right: 25px;
    }
    .tokucho li:nth-child(3n) {
        margin-right: 0px;
    }
    .tokucho li h4 {
        padding: 15px 25px;
        text-align: left;
        font-size: 18px;
    }
    .tokucho li p {
        padding: 20px 5px 0;
        line-height: 1.8;
    }
    .btn03 {
        width: 375px;
    }
    .btn03 a:after {
        right: 15px;
    }
    .btn03 a {
        font-size: 17px;
        height: 55px;
        line-height: 50px;
        border: 5px solid #a5cf53;
    }
    .tokuchounder {
        width: 812px;
        margin: 0 auto;
        padding: 50px 0;
    }
    .tokuchounder .right {
        margin-top: 0px;
    }
    #nitsuites {
        width: 870px;
        margin: 0 auto;
    }
    .nitsuite {
        border-top: 1px solid #fff;
        text-align: left;
        padding: 20px 0;
    }
    .nitsuite .left {
        width: 124px;
        padding-left: 10px;
        font-weight: bold;
    }
    .nitsuite .right {
        width: 746px;
        padding-right: 10px;
    }
    #wasesaki {
        width: 680px;
        margin: 0 auto;
    }
    .wasesa {
        width: 318px;
        margin: 0 auto;
    }
    .wasesa h4 {
        font-size: 24px;
        padding: 20px 0;
        height: 70px;
    }
    .wasesa p {
        padding: 20px 0;
        height: 110px;
    }
}


/*専門学院詳細*/

.tenpotitle h2.shcoolof {
    padding-bottom: 25px;
}

.tenpotitle h2.shcoolof span {
    display: block;
    font-size: .6em;
    font-weight: normal;
}

.refrector {
    margin: 0;
}

.refrector img {
    margin: 10px 0;
}

.schoolshokaiintro .right {
    margin: 25px 0 15px;
}

.schoolshokaiintro h3 {
    text-align: left;
}

.schoolshokaiintro h4 {
    font-size: 18px;
    padding-bottom: 20px;
}

.schoolshokaiintro h5 {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 20px;
}

.schoolshokaiintro .red {
    color: red;
}

table.schoolshokaitable {
    width: 100%;
    margin: 0;
    padding: 0;
    border-left: 1px solid #669900;
    border-top: 1px solid #669900;
    background: #fff;
    border-spacing: 0;
    horizontal-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    table-layout: fixed;
    font-size: 14px;
}

.schoolshokaitable tr {
    border-bottom: 1px solid #669900;
}

.schoolshokaitable th {
    border-right: 1px solid #669900;
    border-bottom: 1px solid #669900;
    padding: 5px;
    text-align: center;
    width: 20%;
    font-weight: normal;
}

.schoolshokaitable td {
    border-right: 1px solid #669900;
    border-bottom: 1px solid #669900;
    padding: 5px;
    text-align: right;
}

.schoolshokaitable .center {
    text-align: center;
}

.schoolshokaiintroh3 span {
    display: block;
}

.chushaku {
    padding: 5px 0 0;
    text-align: left;
    font-size: 0.9em;
}

.chushaku.center {
    text-align: center;
}

.schoolshokai-chosei {
    padding-bottom: 25px;
}

.schoolshokai-chosei2 {
    padding-bottom: 15px;
}

.clalsodom {
    padding: 5px 0 25px;
}

@media (min-width: 960px) {
    .tenpotitle h2.shcoolof {
        padding-bottom: 55px;
    }
    .schoolshokaiintroh3 span {
        display: inline;
    }
    .schoolshokaiintro {
        width: 1000px;
        margin: 0 auto;
    }
    .refrector {
        margin: 15px 0 0;
    }
    .refrector img {
        margin: 0 30px 15px 0;
    }
    .schoolshokaiintro h3 {}
    .schoolshokaiintro h4 {
        font-size: 22px;
    }
    .schoolshokaiintro h5 {
        font-size: 17px;
    }
    .schoolshokaiintro .left {
        width: 470px;
    }
    .schoolshokaiintro .left p {
        line-height: 1.8;
    }
    .schoolshokaiintro .right {
        width: 500px;
        margin: 0;
    }
    .schoolshokaiintro .right p {
        line-height: 1.8;
    }
    table.schoolshokaitable {
        font-size: 16px;
    }
    .schoolshokaitable th {
        padding: 10px;
    }
    .schoolshokaitable td {
        padding: 10px;
    }
    .clalso {
        width: 603px;
        margin: 0 auto;
    }
    .schoolshokai-chosei {
        padding-bottom: 45px;
    }
    .clalsodom {
        padding: 10px 0 0;
    }
}


/*リンク*/

.linkh3 {
    padding: 0 0 15px;
    text-align: left;
    font-weight: normal;
}

.linkul li {
    text-align: left;
    margin-bottom: 15px;
}

.linkul li a {
    display: block;
    background: #fff;
    color: #000;
    padding: 8px 0;
    position: relative;
    border: #8dc63f 1px solid;
    font-size: 14px;
}

.linkul li a:hover {
    background: #8dc63f;
    color: #fff;
}

.linkul li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: solid 2px #8dc63f;
    border-right: solid 2px #8dc63f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.linkul li a:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

@media (min-width: 960px) {
    #links {
        width: 960px;
        margin: 0 auto;
    }
    .linkh3 {
        font-size: 20px;
    }
    .linkul li {
        margin-bottom: 25px;
    }
    .linkul li a {
        padding: 13px 12px;
        font-size: 16px;
    }
}


/*わかばニュース*/

.wakabanewslist {
    margin: 0 auto 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #999999;
    max-width: 760px;
}

.newsdate {
    color: #b9b9b9;
    font-size: 12px;
}

.newstitle,
.newstitle a {
    color: #8dc63f;
    padding-top: 15px;
    font-size: 16px;
}

.newsconta {
    padding-top: 15px;
}

#wakabanews .wakabanewslist .newstitle,
#wakabanews .wakabanewslist .newstitle a {
    padding-top: 5px;
}

#wakabanews .wakabanewslist .newsconta {
    padding-top: 5px;
}

.newsconta a{color:#006c10;}

@media (min-width: 960px) {
    .wakabanews {
        margin-bottom: 25px;
    }
    .newsdate {
        font-size: 14px;
    }
    .newstitle,
    .newstitle a {
        font-size: 18px;
    }
}


/* パンくず */

.breadcrumbs {
    margin: 0 auto;
    font-size: 12px;
    color: #333;
    padding: 10px 20px;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
}

.breadcrumbs a {
    color: #333;
}


/*ナビゲーション*/

.navigation.post-navigation,
.navigation.pagination {
    padding-top: 25px;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.navigation.post-navigation h2,
.navigation.pagination h2 {
    display: none;
}

.nav-links {
    clear: both;
    text-align: center;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.nav-links:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.nav-links .nav-previous {
    float: left;
}

.nav-links .nav-next {
    float: right;
}

.nav-links a,
.nav-links span {
    color: #999;
    background-color: #FFF;
    border: solid 1px #e0e0d2;
    padding: 8px 15px;
    margin: 0 0 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.nav-links a:hover {
    color: #FFF;
    background-color: #999;
    border-color: #999;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    display: block;
}

.nav-list a {
    display: block;
    color: #999;
    background-color: #FFF;
    border: solid 1px #999;
    padding: 8px 15px;
    margin: 15px auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    max-width: 200px;
    box-sizing: border-box;
    position: relative;
}

.nav-list a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: solid 2px #999;
    border-right: solid 2px #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-list a:hover {
    color: #FFF;
    background-color: #999;
    border-color: #999;
}

.nav-list a:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.nav-list2 {
    margin-top: 25px;
}

.nav-links span.current {
    color: #FFF;
    background-color: #a5cf53;
    border-color: #a5cf53;
    font-weight: bold;
}

@media (min-width: 960px) {
    .nav-links a,
    .nav-links span,
    .nav-list a {
        font-size: 14px;
    }
    .nav-list2 {
        margin-top: 45px;
    }
}

.notfoundlink{margin-top: 15px;}
.notfoundlink a{color:#006c10;padding: 10px 0;line-height: 1.8;}