@charset "UTF-8";
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
body {
    font: 94%/1.7 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #525252;
    background: url(../images/bg.gif);
}

@media screen and (max-width: 700px) {
    body {
        font: 90%/1.7 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }
}

@media screen and (max-width: 540px) {
    body {
        font: 84%/1.7 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }
}

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

a {
    color: #525252;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}

* {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* header */
.head {
    margin: 0 auto 20px;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 1000px) {
    .head {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.head:after {
    content: "";
    display: block;
    clear: both;
}

.head .sp-menu {
    display: none;
}

.head .head__site-nav__sp {
    display: none;
}

.head--tit-txt {
    float: left;
    font-weight: normal;
    font-size: 75%;
    margin-top: 5px;
    width: 300px;
    line-height: 1.2;
}

.head--tit-txt br {
    display: none;
}

.head--tit-txt a {
    display: block;
    margin-top: 5px;
}

.head--tit-txt a img {
    width: 282px;
}

.head__cont {
    float: right;
    text-align: right;
}

.head__moko-about:after {
    content: "";
    display: block;
    clear: both;
}

.head__moko-about__item {
    float: left;
    margin-right: 10px;
}

.head__moko-about__item:last-child {
    margin-right: 0;
}

.head__moko-about.head__moko-about--sp {
    display: none;
}

.head__site-about {
    float: right;
    text-align: right;
    margin: 10px auto;
}

.head__site-about__item {
    float: left;
    margin-right: 17px;
    padding-right: 17px;
    border-right: 1px solid #CECEBF;
    font-size: 80%;
    line-height: 1.4;
}

.head__site-about__item:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

.head__site-about__item a {
    font-weight: bold;
    text-decoration: none;
}

@media screen and (max-width: 1110px) {
    .head__site-about.sp-none {
        margin-right: 50px;
    }
}

.head__site {
    background: url(../images/gnav_bg.png);
    background-position: bottom center;
    position: relative;
    z-index: 10000;
}

@media screen and (max-width: 1110px) {
    .head--tit-txt {
        width: 25.5102%;
    }
    .head__cont {
        width: 68.36735%;
    }
    .head__moko-about {
        float: right;
    }
    .head__moko-about__item {
        margin-right: 1.47059%;
    }
    .head__moko-about__item:nth-child(1) {
        width: 26.17647%;
    }
    .head__moko-about__item:nth-child(2) {
        width: 23.52941%;
    }
    .head__moko-about__item:nth-child(3) {
        width: 46.32353%;
    }
}

@media screen and (max-width: 750px) {
    .head {
        margin-bottom: 10px;
    }
    .head .head__site-nav__sp {
        clear: both;
    }
    .head .head__site-nav__sp:after {
        content: "";
        display: block;
        clear: both;
    }
    .head .sp-menu {
        display: block;
        position: absolute;
        top: 20px;
        right: 10px;
    }
    .head .menu-trigger {
        display: inline-block;
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: 50px;
        height: 44px;
        border: 4px solid #FE827A;
        text-align: center;
        padding: 5px;
    }
    .head .menu-trigger span {
        display: block;
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 6px;
        width: 70%;
        height: 4px;
        background-color: #FE827A;
        text-align: center;
        margin: 0 auto;
    }
    .head .menu-trigger span:nth-child(1) {
        top: 7px;
    }
    .head .menu-trigger span:nth-child(2) {
        top: 16px;
    }
    .head .menu-trigger span:nth-child(3) {
        bottom: 7px;
    }
    .head .menu-trigger.active span:nth-child(1) {
        -webkit-transform: translateY(9px) rotate(-45deg);
        transform: translateY(9px) rotate(-45deg);
    }
    .head .menu-trigger.active span:nth-child(2) {
        opacity: 0;
    }
    .head .menu-trigger.active span:nth-child(3) {
        -webkit-transform: translateY(-9px) rotate(45deg);
        transform: translateY(-9px) rotate(45deg);
    }
    .head--tit-txt {
        float: none;
        text-align: center;
        margin: 1em auto 1.5em;
        font-size: 70%;
        width: auto;
    }
}

@media screen and (max-width: 750px) and (max-width: 456px) {
    .head--tit-txt {
        line-height: 1.4;
    }
    .head--tit-txt br {
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .head--tit-txt a {
        margin: 10px 60px 0;
    }
    .head--tit-txt a img {
        width: 285px;
    }
    .head__cont {
        margin-right: 0;
        width: auto;
    }
    .head__moko-about {
        display: none;
    }
    .head__moko-about.head__moko-about--sp {
        display: block;
    }
    .head__moko-about__item {
        margin-right: 2.8%;
    }
    .head__moko-about__item:nth-child(1) {
        width: 31.33333%;
    }
    .head__moko-about__item:nth-child(2) {
        width: 31.33333%;
    }
    .head__moko-about__item:nth-child(3) {
        width: 31.33333%;
        margin-right: 0;
    }
    .head__site-about {
        float: none;
        text-align: left;
        margin-top: 10px;
    }
    .head__site-about__item {
        float: none;
        display: block;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        font-size: 100%;
        line-height: 1.4;
        border-bottom: #CDCDC8 2px dashed;
    }
    .head__site-about__item a {
        font-weight: bold;
        text-decoration: none;
        position: relative;
        display: block;
        padding: 1em .5em;
        background: #fff;
    }
    .head__site-about__item a:after {
        font-family: FontAwesome;
        content: "\f105";
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -.7em;
    }
    .head__site-about.sp-none {
        display: none;
    }
    .head__site-nav {
        margin: 0px 0 15px;
    }
    .head__site-nav:after {
        content: "";
        display: block;
        clear: both;
    }
    .head__site-nav__item {
        text-align: left;
        border-bottom: #CDCDC8 2px solid;
    }
    .head__site-nav__item:last-child {
        border-bottom: none;
    }
    .head__site-nav__item a {
        padding: 1em .5em;
        display: block;
        text-decoration: none;
        font-weight: bold;
        font-size: 110%;
        position: relative;
    }
    .head__site-nav__item a:after {
        font-family: FontAwesome;
        content: "\f105";
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -.7em;
    }
    .head__site-nav__item:nth-child(1) a {
        color: #FE827A;
    }
    .head__site-nav__item:nth-child(2) a {
        color: #55B491;
    }
    .head__site-nav__item:nth-child(2) a:after {
        content: "\f107";
    }
    .head__site-nav__item:nth-child(3) a {
        color: #dca000;
    }
    .head__site-nav__item:nth-child(4) a {
        color: #7B9CFF;
    }
    .head__site-nav__item:nth-child(4) a:after {
        content: "\f107";
    }
    .head__site-nav__item:nth-child(5) a {
        color: #BD79C0;
    }
    .head__site-nav__item:nth-child(6) a {
        color: #29BCED;
    }
    .head__site-nav__item-kid__item {
        padding-left: 2em;
    }
    .head__site-nav__item-kid__item a {
        display: block;
        background: #c8d5ff;
        color: #444 !important;
        position: relative;
        padding-left: 1em;
        border-bottom: #fff 2px solid;
        font-size: 80%;
        font-weight: normal;
    }
    .head__site-nav__item-kid__item a:after {
        font-family: FontAwesome;
        content: "\f105" !important;
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -.7em;
    }
    .head__site-nav__item-kid__item:last-child {
        margin-bottom: 15px;
    }
    .head__site-nav__item-kid__item:last-child a {
        border-bottom: none;
    }
    .head__site-nav__item-kid.-about .head__site-nav__item-kid__item a {
        background: #9cd3bf;
    }
    .head__site-nav.sp-none {
        display: none;
    }
}

nav .head__site-nav {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    height: 45px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 1010px) {
    nav .head__site-nav {
        margin-right: 15px;
        margin-left: 15px;
    }
}

nav .head__site-nav .head__site-nav__item {
    float: left;
    height: 45px;
    border-left: 1px solid #eee;
    padding-top: 5px;
}

nav .head__site-nav .head__site-nav__item a {
    display: block;
    height: 45px;
    width: auto;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-style: normal;
}

nav .head__site-nav .head__site-nav__item .head-nav__icon {
    margin-right: 5px;
}

@media screen and (max-width: 800px) {
    nav .head__site-nav .head__site-nav__item .head-nav__icon {
        margin-right: 3px;
        display: inline-block;
        width: 15px;
        height: auto;
    }
    nav .head__site-nav .head__site-nav__item .head-nav__icon img {
        width: 100%;
        height: auto;
        vertical-align: middle;
    }
}

nav .head__site-nav .head__site-nav__item:first-child {
    width: 12.7551%;
    background: url(../images/gnav_home_bg.png) repeat-x;
    background-position: bottom;
}

nav .head__site-nav .head__site-nav__item:first-child a:hover {
    color: #FE827A;
}

nav .head__site-nav .head__site-nav__item:nth-child(2) {
    width: 15.81633%;
    background: url(../images/gnav_about_bg.png) repeat-x;
    background-position: bottom;
}

nav .head__site-nav .head__site-nav__item:nth-child(2) a:hover {
    color: #55B491;
}

nav .head__site-nav .head__site-nav__item:nth-child(3) {
    width: 16.93878%;
    background: url(../images/gnav_nursery_bg.png) repeat-x;
    background-position: bottom;
}

nav .head__site-nav .head__site-nav__item:nth-child(3) a:hover {
    color: #FFD35C;
}

nav .head__site-nav .head__site-nav__item:nth-child(4) {
    width: 17.7551%;
    background: url(../images/gnav_approach_bg.png) repeat-x;
    background-position: bottom;
}

nav .head__site-nav .head__site-nav__item:nth-child(4) a:hover {
    color: #7B9CFF;
}

nav .head__site-nav .head__site-nav__item:nth-child(5) {
    width: 19.38776%;
    background: url(../images/gnav_enter_bg.png) repeat-x;
    background-position: bottom;
}

nav .head__site-nav .head__site-nav__item:nth-child(5) a:hover {
    color: #BD79C0;
}

nav .head__site-nav .head__site-nav__item:nth-child(6) {
    border-right: 1px solid #eee;
    width: 16.93878%;
    background: url(../images/gnav_complaint_bg.png) repeat-x;
    background-position: bottom;
}

nav .head__site-nav .head__site-nav__item:nth-child(6) a:hover {
    color: #51C9F0;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-kid {
    background: #7B9CFF;
    width: 174px;
    position: absolute;
    top: 44px;
    z-index: 999;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

@media screen and (max-width: 1114px) {
    nav .head__site-nav .head__site-nav__item .head__site-nav__item-kid {
        width: 20.40816%;
    }
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-kid .head__site-nav__item-kid__item {
    float: none;
    height: auto;
    border-top: 1px dotted #FFF;
    font-size: 107%;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-kid .head__site-nav__item-kid__item:first-child {
    border: none;
    margin-top: -5px;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-kid .head__site-nav__item-kid__item a {
    color: #FFF;
    text-decoration: none;
    text-indent: 0;
    display: block;
    background: url(../images/gnav_arrow.png) no-repeat 10px center;
    padding: 10px 15px 10px 25px;
    height: auto;
    font-size: 80%;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-kid .head__site-nav__item-kid__item a:hover {
    background: url(../images/gnav_arrow.png) no-repeat 10px center !important;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-complaint {
    background: #57B196;
    width: 155px;
    position: absolute;
    top: 44px;
    z-index: 999;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

@media screen and (max-width: 1114px) {
    nav .head__site-nav .head__site-nav__item .head__site-nav__item-complaint {
        width: 20.40816%;
    }
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-complaint .head__site-nav__item-complaint__item {
    float: none;
    height: auto;
    border-top: 1px dotted #FFF;
    font-size: 107%;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-complaint .head__site-nav__item-complaint__item:first-child {
    border: none;
    margin-top: -5px;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-complaint .head__site-nav__item-complaint__item a {
    color: #FFF;
    text-decoration: none;
    text-indent: 0;
    display: block;
    background: url(../images/gnav_arrow.png) no-repeat 10px center;
    padding: 10px 15px 10px 25px;
    height: auto;
    font-size: 80%;
}

nav .head__site-nav .head__site-nav__item .head__site-nav__item-complaint .head__site-nav__item-complaint__item a:hover {
    background: url(../images/gnav_arrow.png) no-repeat 10px center !important;
}

/* footer */
.foot {
    background: url(../images/ft_bg.gif) repeat-x 0 0;
    padding: 22px 0 40px;
}

.foot__inner {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto 50px;
}

@media screen and (max-width: 1010px) {
    .foot__inner {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.foot__inner:after {
    content: "";
    display: block;
    clear: both;
}

.foot .foot-txt {
    font-size: 80%;
    background: url(../images/ripuresu.png) no-repeat left center;
    padding: 10px 0 10px 60px;
    float: left;
    background-size: 45px;
}

.foot .foot-txt .company {
    text-align: left;
}

.foot .foot-nav {
    float: right;
}

.foot .foot-nav__item {
    float: left;
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #000;
    font-size: 87%;
    line-height: 1;
}

.foot .foot-nav__item:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

@media screen and (max-width: 450px) {
    .foot {
        padding: 15px;
    }
    .foot__inner {
        margin: 0 auto 15px;
    }
    .foot .foot-txt {
        padding-top: 0;
    }
    .foot .foot-txt .company {
        text-align: left;
    }
    .foot .foot-txt .company-name {
        display: block;
    }
    .foot .foot-txt .company-mail {
        display: block;
    }
    .foot .foot-nav {
        float: none;
        text-align: center;
    }
    .foot .foot-nav__item {
        float: none;
        display: inline-block;
    }
    .foot .foot-nav__item:last-child {
        margin-right: 0;
        padding-right: 0;
        border: none;
    }
    .foot .copy {
        font-size: 10px;
    }
}

.foot-link {
    text-align: center;
    margin: 0 auto 30px;
}

.foot-link__item {
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #000;
    font-size: 87%;
    line-height: 1;
}

.foot-link__item:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

.foot-link__item span {
    font-size: 80%;
    margin-right: 5px;
}

.foot-link__item a {
    text-decoration: none;
    display: block;
}

.foot-link__item a:hover {
    opacity: .8;
}

@media screen and (max-width: 540px) {
    .foot-link {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 90px;
    }
    .foot-link__item {
        display: block;
        margin-right: 0px;
        padding-right: 0px;
        border-right: none;
        border-bottom: 1px solid #ccc;
        font-size: 90%;
    }
    .foot-link__item:last-child {
        border: none;
    }
    .foot-link__item span {
        font-size: 80%;
        margin-right: 5px;
    }
    .foot-link__item a {
        text-decoration: none;
        padding: 1em;
    }
    .foot-link__item a:hover {
        opacity: .8;
    }
}

footer p:last-child {
    font-size: 80%;
    text-align: center;
}

/* common */
.headImg {
    background: url(../images/headImg_bg.jpg) repeat-x;
    text-align: center;
}

#wrapper {
    background: url(../images/flagL.png) left top, url(../images/flagR.png) right top;
    background-repeat: no-repeat;
    overflow: hidden;
}

@media screen and (max-width: 540px) {
    #wrapper {
        background-size: 40%;
    }
}

@media screen and (max-width: 440px) {
    #wrapper {
        background-size: 20%;
    }
}

.page-title {
    width: auto;
    background-size: 50%;
    position: relative;
    padding: 10px;
    text-align: center;
    margin: 15px auto 50px;
}

.page-title--txt {
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
}

.page-title--deco {
    position: absolute;
    right: 0%;
    top: -20px;
    display: block;
    width: 152px;
}

@media screen and (max-width: 700px) {
    .page-title {
        text-align: left;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .page-title--txt {
        margin: 0;
    }
    .page-title--deco {
        width: 100px;
        top: -32px;
        right: -30px;
    }
}

@media screen and (max-width: 540px) {
    .page-title {
        text-align: left;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .page-title--txt {
        margin: 0;
    }
    .page-title--deco {
        width: 80px;
        top: -22px;
        right: -28px;
    }
}

.contents {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto 0px;
}

@media screen and (max-width: 1010px) {
    .contents {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.contents h2 {
    text-align: center;
    margin-bottom: 30px;
}

.contents section {
    margin: 0 auto 60px;
    max-width: 900px;
}

.contents .imgL {
    float: left;
}

.contents .imgR {
    float: right;
}

#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}

@media screen and (max-width: 450px) {
    #pageTop {
        width: 70px;
    }
}

table {
    width: 700px;
    margin: 0 auto;
}

table th {
    width: 200px;
    background: #FFD66A;
    padding: 15px 20px;
    text-align: left;
    border-bottom: 1px solid #FFFBEB;
    vertical-align: top;
}

table td {
    width: 500px;
    padding: 15px 20px;
    background: #FFF;
    border-bottom: 1px dashed #CCC;
}

table td.last {
    border: none;
}

/* bread */
ol#bread {
    text-align: right;
    margin: 0;
    padding: 10px 0;
    position: relative;
    z-index: 9999;
}

ol#bread li {
    display: inline;
    font-size: 80%;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#bread li a {
    background: url(../images/bread.gif) no-repeat right center;
    padding-right: 15px;
}

@media screen and (max-width: 450px) {
    ol#bread {
        display: none;
    }
}

/*----------------------------------------
　サイドバナー
----------------------------------------*/
.side-banner {
    position: fixed;
    right: 0;
    top: 10%;
    z-index: 10001;
}

.side-banner > div:last-child {
    margin-top: 10px;
}

@media screen and (max-width: 1140px) {
    .side-banner {
        top: 22%;
    }
}

@media screen and (max-width: 750px) {
    .side-banner {
        display: none;
    }
}

/*----------------------------------------
　ホーム index
----------------------------------------*/
#index {
    /*section {
        &.banner1 {
            width: 772px;
            margin: 10px auto 50px;
            text-align: center;
        }
        &.banner2 {
            text-align: center;
            margin: 10px auto 50px;
            a {
                display: inline-block;
                margin: 0 9px 0 0;
                &:last-child {
                    margin: 0;
                }
            }
        }
    }*/
}

#index .mainImg {
    text-align: center;
    background: url(../../images/main_bg.jpg) no-repeat center top;
    position: relative;
    z-index: 0;
}

#index .mainImg .mainCnt {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

#index .mainImg .sheep03 {
    position: absolute;
    top: 20px;
    right: 25px;
}

@media screen and (max-width: 960px) {
    #index .mainImg .sheep03 {
        right: 0;
    }
}

@media screen and (max-width: 660px) {
    #index .mainImg .sheep03 {
        width: 80px;
    }
}

@media screen and (max-width: 420px) {
    #index .mainImg .sheep03 {
        top: auto;
        bottom: 0;
    }
}

#index .news {
    position: relative;
    padding-top: 25px;
    background: url(../images/flagR.png) top right, url(../images/flagL.png) top left;
    background-repeat: no-repeat;
}

#index .news .news-box {
    width: 770px;
    border: 2px solid #FF837B;
    margin: 0 auto 22px;
    position: relative;
    padding: 10px 20px 0;
    text-align: left;
}

#index .news .news-box .fuki {
    position: absolute;
    left: -20px;
    top: -15px;
}

#index .news .news-box-list:after {
    content: "";
    display: block;
    clear: both;
}

#index .news .news-box-list__time {
    float: left;
    font-weight: bold;
    color: #FF857E;
    padding-top: 12px;
}

#index .news .news-box-list__cont {
    padding-left: 10em;
    font-size: 80%;
    line-height: 2;
    padding: 10px 0 10px 10em;
}

#index .news .news-bnr {
    text-align: center;
    margin: 0px auto 40px;
    width: 780px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#index .news .news-bnr__item {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 48.97436%;
}

#index .news .news-bnr__item:nth-child(2n) {
    margin-right: 0;
}

#index .news .news-bnr__item:nth-last-child(-n+2) {
    margin-bottom: 0px;
}

@media screen and (max-width: 800px) {
    #index .news .news-bnr {
        width: auto;
    }
    #index .news .news-bnr__item {
        width: 47.5%;
        margin-right: 0.625%;
    }
    #index .news .news-bnr__item:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 770px) {
    #index .news {
        background-size: 30%;
    }
    #index .news .news-box {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    #index .news .news-box .news-box-list {
        padding-bottom: 10px;
    }
    #index .news .news-box .news-box-list__time {
        float: none;
        padding-top: 10px;
    }
    #index .news .news-box .news-box-list__cont {
        padding: 0 0 5px 0;
        line-height: 1.4;
    }
}

@media screen and (max-width: 400px) {
    #index .news {
        background-size: 19%;
    }
    #index .news .news-bnr {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 20px;
    }
    #index .news .news-bnr__item {
        width: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #index .news .news-bnr__item:nth-last-child(-n+2) {
        margin-bottom: 10px;
    }
}

#index .about {
    text-align: center;
    background: url(../../images/about_bg.gif) no-repeat center top;
    background-size: contain;
    padding: 55px 0 60px;
}

#index .about p {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    margin: 20px auto;
}

@media screen and (max-width: 1010px) {
    #index .about p {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media screen and (max-width: 535px) {
    #index .about {
        padding: 35px 15px 30px;
    }
    #index .about p {
        max-width: 980px;
        margin-right: auto;
        margin-left: auto;
        margin: 1em auto 0;
        font-size: 80%;
    }
}

@media screen and (max-width: 535px) and (max-width: 1010px) {
    #index .about p {
        margin-right: 15px;
        margin-left: 15px;
    }
}

#index .rinen {
    background: url(../../images/rinen_bg.gif) repeat;
    color: #FFF;
}

#index .rinen .cnt {
    margin: 0 auto;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding: 40px 0 65px;
}

@media screen and (max-width: 1010px) {
    #index .rinen .cnt {
        margin-right: 15px;
        margin-left: 15px;
    }
}

#index .rinen .cnt .sheep01 {
    position: absolute;
    top: -53px;
    right: 55px;
}

@media screen and (max-width: 930px) {
    #index .rinen .cnt .sheep01 {
        right: 0;
    }
}

@media screen and (max-width: 560px) {
    #index .rinen .cnt .sheep01 {
        display: none;
    }
}

#index .rinen .cnt .img {
    width: 25%;
    float: left;
}

#index .rinen .cnt .txt {
    width: 91.83673%;
    padding: 0 0 0 28.57143%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#index .rinen .cnt .txt p {
    margin-top: 1em;
}

#index .rinen .cnt .txt p:first-child {
    margin-top: 0;
}

#index .rinen .cnt .txt li {
    list-style-type: disc;
    margin: .5em auto;
}

@media screen and (max-width: 560px) {
    #index .rinen .cnt {
        padding: 20px 0 45px;
    }
    #index .rinen .cnt .sheep01 {
        position: absolute;
        top: -53px;
        right: 55px;
    }
    #index .rinen .cnt .img {
        margin: 0 auto;
        float: none;
        display: block;
    }
    #index .rinen .cnt .txt {
        width: auto;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #index .rinen .cnt .txt p {
        margin-top: .5em;
    }
    #index .rinen .cnt .txt li {
        list-style-type: disc;
        margin: .5em 15px;
    }
}

#index .ftNav {
    background: url(../images/flagR.png) top right, url(../images/flagL.png) top left;
    background-repeat: no-repeat;
    position: relative;
    /*@include max-screen(900px){
            background-size: 30%;
            &__inner {
                position: static;
                height: auto;
                background-position: right bottom;
                background-size: contain;
                .menu{
                    display: block;
                    @include clearfix;
                    padding: 50px 0 100px;
                    &__item{
                        position: static;
                        width: percentage(290px/900px);
                        margin-right: percentage(15px/900px);
                        float: left;
                        text-align: center;
                        border-radius: 5px;
                        margin-bottom: 10px;
                        a{
                            display: block;
                            padding: 10px;
                        }
                        &:nth-child(3n){
                            margin-right: 0;
                        }
                        &:nth-child(1) {
                            position: static;
                            margin-right: percentage(15px/900px);
                            background: $green;
                        }
                        &:nth-child(2) {
                            position: static;
                            background: $purple;

                        }
                        &:nth-child(3) {
                            position: static;
                            background: $sky;
                        }
                        &:nth-child(4) {
                            position: static;
                            margin-right: percentage(15px/900px);
                            background: $pink;
                        }
                        &:nth-child(5) {
                            position: static;
                            background: $blue;
                        }
                        &:nth-child(6) {
                            background: #FFC559;
                            position: static;

                        }
                    }
                }
                .sheep02 {
                    left: 0px;
                    width: 100px;
                }
            }
        }*/
    /*@include max-screen(450px){
            &__inner{
                .menu{
                    padding-bottom: 80px;
                }
                .sheep02 {
                    top: -10%;
                    width: 80px;
                }
            }
        }*/
}

@media screen and (max-width: 700px) {
    #index .ftNav {
        background-size: 30%;
    }
}

#index .ftNav__inner {
    position: relative;
    margin: 0 auto;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    /*height: 540px;*/
    padding: 120px 0;
    background: url(../../images/star_bg.gif) no-repeat 0 192px;
}

@media screen and (max-width: 1010px) {
    #index .ftNav__inner {
        margin-right: 15px;
        margin-left: 15px;
    }
}

#index .ftNav__inner .menu {
    /*&__item{
                    width: 140px;
                    &:nth-child(1) {
                        @include pos-a(right,50%,top,10%);
                        margin-right: -70px;
                    }
                    &:nth-child(2) {
                        @include pos-a(right,26%,top,24%);
                    }
                    &:nth-child(3) {
                        @include pos-a(right,26%,bottom,22%);
                    }
                    &:nth-child(4) {
                        @include pos-a(right,50%,bottom,10%);
                        margin-right: -70px;
                    }
                    &:nth-child(5) {
                        @include pos-a(left,26%,bottom,22%);
                    }
                    &:nth-child(6) {
                        @include pos-a(left,26%,top,24%);
                    }
                }*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 700px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#index .ftNav__inner .menu__item {
    width: 140px;
    margin: 0 15px 15px;
}

#index .ftNav__inner .menu__item:nth-child(1) {
    margin-left: 50px;
}

#index .ftNav__inner .menu__item:nth-child(3) {
    margin-right: 50px;
}

#index .ftNav__inner .sheep02 {
    position: absolute;
    top: -17px;
    left: 118px;
}

@media screen and (max-width: 700px) {
    #index .ftNav__inner {
        padding: 10vw 0;
    }
    #index .ftNav__inner .menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 500px;
    }
    #index .ftNav__inner .menu__item {
        width: 32%;
        margin: 0 2% 0 0;
        margin-bottom: 1em;
    }
    #index .ftNav__inner .menu__item:nth-child(1) {
        margin-left: 0;
    }
    #index .ftNav__inner .menu__item:nth-child(3) {
        margin-right: 0;
    }
    #index .ftNav__inner .menu__item:nth-child(3n) {
        margin-right: 0;
    }
    #index .ftNav__inner .menu__item:last-child {
        margin-right: 0;
    }
    #index .ftNav__inner .menu__item:nth-child(1) {
        background: #5AB398;
    }
    #index .ftNav__inner .menu__item:nth-child(2) {
        background: #C178C1;
    }
    #index .ftNav__inner .menu__item:nth-child(3) {
        background: #FFC559;
    }
    #index .ftNav__inner .menu__item:nth-child(4) {
        background: #FF837B;
    }
    #index .ftNav__inner .menu__item:nth-child(5) {
        background: #7B9CFF;
    }
    #index .ftNav__inner .menu__item:nth-child(6) {
        background: #56C4FE;
    }
    #index .ftNav__inner .menu__item:nth-child(7) {
        background: #98CA44;
    }
}

@media screen and (max-width: 420px) {
    #index .ftNav__inner .menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    #index .ftNav__inner .menu__item {
        width: 48%;
        margin: 0 4% 0 0;
        margin-bottom: 1em;
    }
    #index .ftNav__inner .menu__item:nth-child(1) {
        margin-left: 0;
    }
    #index .ftNav__inner .menu__item:nth-child(3) {
        margin-right: 0;
    }
    #index .ftNav__inner .menu__item:nth-child(3n) {
        margin-right: 4%;
    }
    #index .ftNav__inner .menu__item:nth-child(2n) {
        margin-right: 0;
    }
}

/*----------------------------------------
　園の紹介 about
----------------------------------------*/
#about .page-title {
    background: url(../../about/images/title_bg.jpg);
}

#about .page-title--txt {
    width: 117px;
}

#about .page-title.-school .page-title--txt {
    display: block;
    max-width: 220px;
    width: 100%;
    width: 80%;
}

#about .section-tit {
    width: 202px;
    margin: 0 auto 30px;
}

@media screen and (max-width: 440px) {
    #about .section-tit {
        margin-bottom: 15px;
    }
}

#about .list {
    line-height: 1.4;
    margin: 40px 0;
}

#about .list:after {
    content: "";
    display: block;
    clear: both;
}

#about .list li {
    background: #FFF;
    float: left;
    width: 49%;
    border: 4px solid #E4E4E4;
    padding: 15px;
    overflow: hidden;
    position: relative;
    margin: 0 2% 2% 0;
}

#about .list li:nth-child(2n) {
    margin-right: 0;
}

#about .list li div {
    float: left;
    width: 64.58333%;
}

#about .list li img:first-child {
    float: left;
    margin-right: 4.16667%;
    width: 31.25%;
}

#about .list li div p {
    margin-bottom: 5px;
}

#about .list li div p:nth-child(2) {
    font-size: 87%;
    margin-bottom: 10px;
}

#about .list .tit {
    font-size: 107%;
    color: #57B196;
}

@media screen and (max-width: 620px) {
    #about .list {
        margin: 20px 0 0px;
    }
    #about .list li {
        text-align: center;
    }
    #about .list li div {
        float: none;
        width: auto;
    }
    #about .list li img:first-child {
        float: none;
        margin-right: 0;
        width: 62.5%;
        margin-bottom: 15px;
    }
    #about .list li div p {
        text-align: left;
    }
    #about .list li div p:nth-child(2) {
        margin-bottom: 0;
    }
    #about .list .tit {
        font-size: 100%;
        font-weight: bold;
    }
}

@media screen and (max-width: 440px) {
    #about .list {
        margin: 20px 0 0px;
    }
    #about .list li {
        margin: 0 0 15px 0;
        width: auto;
        float: none;
    }
}

#about .map {
    margin-top: 20px;
}

#about .section .section-tit {
    text-align: center;
}

#about .section__cont:after {
    content: "";
    display: block;
    clear: both;
}

#about .section--img {
    width: 49%;
    float: left;
}

#about .section .section-table {
    float: right;
    width: 49%;
}

#about .section .section-table th {
    width: 30%;
    padding: 1em;
}

#about .section .section-table td {
    width: 70%;
    padding: 1em;
}

#about .section .backBtn {
    text-align: center;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
    #about .section--img {
        width: auto;
        float: none;
    }
    #about .section .section-table {
        float: none;
        width: 100%;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 440px) {
    #about .section--img {
        width: auto;
        float: none;
    }
    #about .section .section-table th, #about .section .section-table td {
        display: block;
        width: auto;
        border-bottom: none;
        padding: .5em;
    }
}

#about .schoolList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#about .schoolList__item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1.2em;
}

#about .schoolList__item:nth-child(3n) {
    margin-right: 0;
}

#about .schoolList__item .schoolContainer {
    background: #FFF;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    position: relative;
}

#about .schoolList__item .schoolContainer .thumb {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 60%;
}

#about .schoolList__item .schoolContainer .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#about .schoolList__item .schoolContainer .thumb img.object-fit-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    font-family: 'object-fit: cover; object-position:top;';
}

#about .schoolList__item .schoolContainer .textarea {
    padding: 1em 1.2em 1.4em;
    text-align: left;
}

#about .schoolList__item .schoolContainer .textarea .ttl {
    text-align: left;
    color: #55B491;
    font-size: 120%;
    margin-bottom: 0.2em;
}

#about .schoolList__item .schoolContainer .textarea p {
    font-size: 86%;
}

#about .schoolList__item .schoolContainer .textarea .btnArea a {
    display: block;
    background: #55B491;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 0.5em;
    border-radius: 5px;
    margin-top: 0.8em;
    position: relative;
}

#about .schoolList__item .schoolContainer .textarea .btnArea a:before {
    content: "";
    background: url(../images/gnav_arrow.png) no-repeat;
    background-size: contain;
    width: 8px;
    height: 10px;
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -5px;
}

#about .schoolList__item .schoolContainer .textarea .btnArea a:hover {
    opacity: 0.8;
}

@media screen and (max-width: 700px) {
    #about .schoolList__item {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 1.4em;
    }
    #about .schoolList__item:nth-child(3n) {
        margin-right: 3%;
    }
    #about .schoolList__item:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 420px) {
    #about .schoolList__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.6em;
    }
    #about .schoolList__item:nth-child(3n) {
        margin-right: 0%;
    }
}

#about .schoolWrap > * {
    margin-top: 60px;
}

#about .schoolWrap > *:first-child {
    margin-top: 0;
}

@media screen and (max-width: 700px) {
    #about .schoolWrap > * {
        margin-top: 50px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    #about .schoolWrap > * {
        margin-top: 40px;
        margin-bottom: 0;
    }
}

#about .schoolWrap > .page_sub-txt {
    max-width: 800px;
    margin: 2em auto -1em;
    text-align: center;
}

@media screen and (max-width: 540px) {
    #about .schoolWrap > .page_sub-txt {
        text-align: left;
    }
    #about .schoolWrap > .page_sub-txt br {
        display: none;
    }
}

#about .schoolWrap .sliderContainer {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

#about .schoolWrap .sliderContainer .slick-list li img {
    width: 100%;
    height: auto;
}

#about .schoolWrap .sliderContainer .mainSlider {
    margin-bottom: 4em;
}

#about .schoolWrap .sliderContainer .mainSlider .slick-prev {
    width: 45px;
    height: 45px;
    background: url(../images/slider-prev.png) no-repeat;
    background-size: contain;
    z-index: 1;
}

#about .schoolWrap .sliderContainer .mainSlider .slick-prev:before {
    content: none;
}

#about .schoolWrap .sliderContainer .mainSlider .slick-next {
    width: 45px;
    height: 45px;
    background: url(../images/slider-next.png) no-repeat;
    background-size: contain;
    z-index: 1;
}

#about .schoolWrap .sliderContainer .mainSlider .slick-next:before {
    content: none;
}

#about .schoolWrap .sliderContainer .slick-dots li {
    width: 13px;
    height: 13px;
    margin: 0 8px;
}

#about .schoolWrap .sliderContainer .slick-dots li button {
    width: 100%;
    height: 13px;
    padding: 0;
}

#about .schoolWrap .sliderContainer .slick-dots li button:before {
    content: "";
    background: #D8D1C0;
    width: 100%;
    height: 13px;
    border-radius: 20px;
    opacity: 1;
}

#about .schoolWrap .sliderContainer .slick-dots li.slick-active button:before {
    background: #55B491;
}

#about .schoolDetail table {
    max-width: 700px;
    width: 100%;
}

#about .schoolDetail table .telNum {
    pointer-events: none;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    #about .schoolDetail table .telNum {
        pointer-events: auto;
        text-decoration: underline;
    }
}

#about .greeting {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

#about .greeting .list {
    padding: 2.5em 3.5em;
    background-color: white;
    border: 2px solid #55B491;
    border-radius: 10px;
}

#about .greeting .list li {
    width: 100%;
    margin: 0 0 0.8em 0;
    padding: 0 0 0 0.5em;
    float: none;
    border: none;
    background: none;
    position: relative;
    overflow: inherit;
    color: #55B491;
}

#about .greeting .list li::before {
    content: '●';
    position: absolute;
    top: 0;
    left: -1em;
}

#about .greeting .list li:last-child {
    margin-bottom: 0;
}

#about .greeting .list li span {
    color: #525252;
}

@media (max-width: 620px) {
    #about .greeting .list {
        padding: 4vw 5vw 4vw 6vw;
    }
    #about .greeting .list li {
        text-align: left;
    }
}

#about .greeting .greetingCont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#about .greeting .greetingCont .thumb {
    width: 40%;
    margin-right: 2em;
    min-width: 180px;
}

#about .greeting .greetingCont .thumb p {
    text-align: center;
    margin-top: 0.5em;
}

#about .greeting .greetingCont .textarea {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2;
}

@media screen and (max-width: 540px) {
    #about .greeting .greetingCont {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #about .greeting .greetingCont .thumb {
        margin-bottom: 1.2em;
        width: 100%;
        margin-right: 0;
        min-width: 180px;
    }
    #about .greeting .greetingCont .thumb p {
        text-align: center;
        margin-top: 0.5em;
    }
    #about .greeting .greetingCont .textarea {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 2;
    }
}

#about .featurea {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

#about .featurea > .ttl {
    margin-bottom: 3em;
}

@media screen and (max-width: 480px) {
    #about .featurea > .ttl {
        margin-bottom: 2em;
    }
}

#about .featurea .featureaCont > * {
    margin-top: 36px;
}

#about .featurea .featureaCont > *:first-child {
    margin-top: 0;
}

#about .featurea .featureaCont .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#about .featurea .featureaCont .item.-nothumb {
    margin-top: 50px;
}

@media screen and (max-width: 480px) {
    #about .featurea .featureaCont .item.-nothumb {
        margin-top: 36px;
    }
}

#about .featurea .featureaCont .item .thumb {
    width: 40%;
    margin-right: 2em;
    min-width: 180px;
}

#about .featurea .featureaCont .item .thumb p {
    text-align: center;
    margin-top: 0.5em;
}

#about .featurea .featureaCont .item .textarea {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2;
}

#about .featurea .featureaCont .item .textarea .ttl {
    color: #55B491;
    font-size: 135%;
    margin-bottom: 0.5em;
    line-height: 1.6;
}

#about .featurea .featureaCont .item .textarea p.listTxt {
    margin-bottom: 0.3em;
    padding-left: 1em;
    text-indent: -1em;
}

#about .featurea .featureaCont .item .textarea p.listTxt:last-child {
    margin-bottom: 0;
}

#about .featurea .featureaCont .item .textarea .parents {
    margin-bottom: 0;
    margin-top: 1.2em;
    border-top: #FE827A 1px solid;
    border-bottom: #FE827A 1px solid;
    padding: 1.2em 0.8em;
    background: rgba(255, 255, 255, 0.4);
}

#about .featurea .featureaCont .item .textarea .parents .ttl {
    color: #FE827A;
    font-size: 110%;
    line-height: 1;
    margin-bottom: 0.6em;
}

#about .featurea .featureaCont .item .textarea .parents p {
    font-size: 93%;
}

#about .featurea .featureaCont .item .textarea .parents p.listTxt {
    margin-bottom: 0.5em;
    padding-left: 1em;
    text-indent: -1em;
}

#about .featurea .featureaCont .item .textarea .parents p.listTxt:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 480px) {
    #about .featurea .featureaCont .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #about .featurea .featureaCont .item .thumb {
        width: 100%;
        margin-right: 0;
        min-width: 180px;
        margin-bottom: 1em;
    }
    #about .featurea .featureaCont .item .thumb p {
        text-align: center;
        margin-top: 0.5em;
    }
    #about .featurea .featureaCont .item .textarea {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 2;
    }
    #about .featurea .featureaCont .item .textarea .ttl {
        color: #55B491;
        font-size: 125%;
        margin-bottom: 0.5em;
        line-height: 1.6;
    }
}

#about .featurea .featureaCont__three {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#about .featurea .featureaCont__three .item {
    display: block;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2em;
}

#about .featurea .featureaCont__three .item:nth-child(3n) {
    margin-right: 0;
}

#about .featurea .featureaCont__three .item img {
    width: 100%;
    height: auto;
}

#about .featurea .featureaCont__three .item p {
    text-align: center;
    display: block;
    margin-top: 0.2em;
}

@media screen and (max-width: 540px) {
    #about .featurea .featureaCont__three .item {
        display: block;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2em;
    }
    #about .featurea .featureaCont__three .item:nth-child(3n) {
        margin-right: 2%;
    }
    #about .featurea .featureaCont__three .item:nth-child(2n) {
        margin-right: 0;
    }
    #about .featurea .featureaCont__three .item:last-child {
        margin-bottom: 0;
    }
}

#about .access {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

#about .access .accessCont img {
    width: 100%;
    height: auto;
}

#about .info {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

#about .info p {
    text-align: center;
}

#about .returnBtn {
    text-align: center;
}

#about .returnBtn a {
    display: block;
    background: #55B491;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 0.6em;
    border-radius: 5px;
    margin-top: 0.8em;
    position: relative;
    font-size: 130%;
    max-width: 300px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#about .returnBtn a:before {
    content: "";
    background: url(../images/gnav_arrow.png) no-repeat;
    background-size: contain;
    width: 8px;
    height: 10px;
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -5px;
}

#about .returnBtn a:hover {
    opacity: 0.8;
}

/*----- 詳細ページ -----*/
/*----------------------------------------
　モコの保育 nursery
----------------------------------------*/
#nursery .page-title {
    background: url(../../nursery/images/title_bg.jpg);
}

#nursery .page-title--txt {
    width: 147px;
}

#nursery h2 {
    width: 251px;
    margin: 0 auto 30px;
}

#nursery section p {
    max-width: 600px;
    margin-bottom: 30px;
}

#nursery section div:after {
    content: "";
    display: block;
    clear: both;
}

#nursery section div .txt {
    float: right;
    width: 63%;
}

#nursery section div .txt .lead_tit {
    max-width: 302px !important;
    width: 100%;
}

#nursery section div .txt .lead_tit.-child {
    margin-bottom: 1.2em;
}

#nursery section .txt .lead_tit {
    max-width: 302px !important;
    width: 100%;
}

#nursery section .txt .lead_tit.-big {
    max-width: 400px !important;
}

#nursery section .txt .lead_tit.-child {
    margin-bottom: 1.2em;
}

#nursery .condition > img {
    margin-left: 1.4em;
    margin-bottom: 1.4em;
}

#nursery .lead div {
    margin-bottom: 40px;
}

#nursery .lisk p {
    width: auto;
}

#nursery .lisk p.red {
    color: #F00;
    text-align: center;
    margin-bottom: 0;
}

#nursery .lisk div {
    border: 5px solid #FFD25A;
    background: #FFF url(../../nursery/images/img04.gif) no-repeat 610px center;
    padding: 30px 30px 10px;
    margin: 25px 0;
}

#nursery .lisk div ul li {
    font-size: 114%;
    font-weight: bold;
    margin-bottom: 20px;
}

#nursery p:last-child, #nursery .lead div:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 900px) {
    #nursery section {
        margin-bottom: 30px;
    }
    #nursery section p {
        margin-bottom: 15px;
    }
    #nursery section div > img {
        width: 32%;
    }
    #nursery section div .txt {
        float: right;
        width: 63%;
    }
    #nursery .lead div {
        margin-bottom: 30px;
    }
    #nursery .lisk div {
        border: 3px solid #FFD25A;
        background-position: right bottom;
        background-size: 20%;
        padding: 15px 15px 10px;
        margin: 15px 0;
    }
    #nursery .lisk div ul li {
        font-size: 100%;
        font-weight: bold;
        margin-bottom: .5em;
        line-height: 1.6;
        width: 80%;
    }
    #nursery p:last-child, #nursery .lead div:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    #nursery section p {
        margin-bottom: 15px;
        font-size: 14px;
    }
    #nursery section div {
        text-align: center;
    }
    #nursery section div > img {
        width: auto;
        float: none;
    }
    #nursery section div .txt {
        float: none;
        width: auto;
        text-align: left;
        margin: 20px auto 15px;
    }
    #nursery .lead div {
        margin-bottom: 20px;
    }
    #nursery .lead .lead_tit {
        margin-bottom: 10px;
    }
    #nursery .condition > img {
        float: none;
        display: block;
        margin: 0 auto;
    }
    #nursery .condition .txt {
        margin: 15px auto;
        text-align: left;
    }
    #nursery .lisk p.red {
        color: #F00;
        text-align: center;
        margin-bottom: 0;
    }
    #nursery .lisk div {
        background-size: 30%;
    }
    #nursery .lisk div ul {
        padding-bottom: 54px;
    }
    #nursery .lisk div ul li {
        width: auto;
        text-align: left;
        font-size: 95%;
    }
    #nursery p:last-child, #nursery .lead div:last-child {
        margin-bottom: 0;
    }
}

/*----------------------------------------
　モコの取組み approach
----------------------------------------*/
#approach {
    /*------------活動　流れ------------*/
    /*------------活動　モコの一年間------------*/
}

#approach .page-title {
    background: url(../../approach/images/title_bg.jpg);
}

#approach .page-title--txt {
    width: 163px;
}

@media screen and (max-width: 400px) {
    #approach .page-title--txt {
        width: 150px;
    }
}

#approach .page_sub-tit {
    text-align: center;
    width: 100%;
}

#approach .page_sub-tit img {
    max-width: 500px;
    height: auto;
    width: 100%;
}

#approach .page_sub-txt {
    text-align: center;
    margin-bottom: 4em;
}

@media screen and (max-width: 480px) {
    #approach .page_sub-txt {
        text-align: left;
    }
    #approach .page_sub-txt br {
        display: none;
    }
}

#approach .block > div {
    margin-bottom: 50px;
}

#approach .block > div:after {
    content: "";
    display: block;
    clear: both;
}

#approach .block > div > img {
    width: 36%;
}

#approach .block .txt {
    float: right;
    width: 60%;
}

#approach .block .txt .txt__cont {
    margin-bottom: 30px;
}

#approach .block .txt .txt__cont:last-child {
    margin-bottom: 0;
}

#approach .block .txt .txt__cont .ttl {
    color: #7B9CFF;
    font-size: 130%;
    margin-bottom: 0.4em;
}

#approach .block .sec_tit {
    max-width: 379px;
    width: 100%;
    margin-bottom: 1.6em;
}

#approach .box {
    border: 5px solid #7B9CFF;
    padding: 40px;
    background: #FFF;
}

#approach .box strong {
    font-size: 114%;
    color: #5A85FF;
}

#approach .box ul li {
    font-size: 114%;
    font-weight: bold;
    margin-bottom: 20px;
}

#approach ul li:last-child, #approach p:last-child, #approach section div:last-child {
    margin-bottom: 0;
}

#approach #food .collabo, #approach .box p {
    margin-bottom: 40px;
}

#approach #food h2 {
    width: 347px;
    margin: 0 auto 30px;
}

#approach #food h2.page_sub-tit {
    width: auto;
}

#approach #food h3 {
    text-align: center;
    margin-bottom: 1.5em;
}

#approach #food .block {
    margin-top: 70px;
}

#approach #food .collabo:after {
    content: "";
    display: block;
    clear: both;
}

#approach #food .collabo p {
    font-size: 87%;
    line-height: 1.5;
    text-align: center;
    margin: 10px 0 0;
}

#approach #food .collabo ul {
    margin-top: 30px;
}

#approach #food .collabo ul li {
    float: left;
    margin-right: 20px;
}

#approach #food .collabo ul li:last-child {
    width: 286px;
    margin-right: 0;
}

#approach #food .collabo ul li:last-child p {
    text-align: left;
}

#approach #food .col2 .flex_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3.0em;
}

#approach #food .col2 .flex_area .image_area {
    max-width: 400px;
    width: 100%;
    margin-right: 3.0em;
}

#approach #food .col2 .flex_area .txt_area {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#approach #food .col2 .flex_area .item {
    width: 48%;
    margin-top: 4.0em;
    margin-right: 4%;
}

#approach #food .col2 .flex_area .item:nth-child(2n) {
    margin-right: 0;
}

#approach #food .col2 .flex_area .item img {
    width: 100%;
}

#approach #food .col2 .flex_area .item:first-child {
    margin-top: 0;
}

#approach #food .col2 .flex_area .item:nth-child(2) {
    margin-top: 0;
}

#approach #food .col2 .flex_area.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#approach #food .col2 .flex_area.-reverse .image_area {
    width: 340px;
    margin-left: 3.0em;
    margin-right: 0;
}

#approach #food .col2 .flex_area.-reverse .txt_area {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#approach #food .col2 .flex_area.-widmid {
    max-width: 760px;
    margin: 4.0em auto 0 auto;
}

#approach #food .col2 .flex_area.-widmin {
    max-width: 590px;
    margin: 4.0em auto 0 auto;
}

#approach #food .col3 .flex_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.0em;
}

#approach #food .col3 .flex_area .item {
    width: 32%;
    margin-right: 2%;
}

#approach #food .col3 .flex_area .item:last-child {
    margin-right: 0;
}

#approach #food .col3 .flex_area .item img {
    width: 100%;
}

#approach #food .com_txt {
    margin-top: 2.0em;
    padding: 1.2em 1.0em;
    border-radius: 10px;
    font-size: 86.666%;
    font-weight: bold;
    text-align: center;
    background: #7B9CFF;
    color: white;
    position: relative;
}

#approach #food .com_txt:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -7.5px;
    border: 8px solid transparent;
    border-bottom: 15px solid #7B9CFF;
}

#approach .tit {
    font-size: 114%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 65px;
}

#approach #activity .main_cont .blue_txt {
    font-weight: bold;
    color: #7B9CFF;
}

#approach #activity .main_cont .sec_tit {
    margin-bottom: 2.0em;
    text-align: center;
}

#approach #activity .main_cont .flex_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.0em;
}

#approach #activity .main_cont .flex_img .item {
    width: 31%;
    margin-right: 3.5%;
}

#approach #activity .main_cont .flex_img .item:last-child {
    margin-right: 0;
}

#approach #activity .main_cont .flex_img .item img {
    width: 100%;
}

#approach #activity .main_cont .flex_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#approach #activity .main_cont .flex_area img {
    max-width: 400px;
    width: 100%;
    margin-right: 2.4em;
}

#approach #activity .main_cont .flex_area p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#approach #activity .main_cont .image_area {
    margin-top: 2.0em;
    text-align: center;
}

#approach #book .page-title--txt {
    width: 352px;
}

#approach #book .story ul {
    margin: 0 -12px -12px 0;
}

#approach #book .story ul:after {
    content: "";
    display: block;
    clear: both;
}

#approach #book .story ul li {
    width: 170px;
    float: left;
    margin: 0 12px 12px 0;
}

#approach #book .comment .flex_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.0em;
}

#approach #book .comment .flex_area img {
    width: 48%;
    margin-right: 4%;
}

#approach #book .comment .flex_area img:last-child {
    margin-right: 0;
}

#approach #book .comment .txt {
    text-align: center;
    font-weight: bold;
}

#approach #book .comment .txt .sec_tit {
    max-width: 490px;
    width: 100%;
    margin: 0 auto 2.0em auto;
}

#approach #book .sec_tit {
    width: 303px;
}

#approach #book h2 {
    width: 302px;
    margin: 0 auto 30px;
}

#approach #play .main_cont .txt {
    margin-bottom: 1.0em;
}

#approach #play .main_cont.-info {
    padding: 2.0em;
    border: 5px solid #7B9CFF;
    background: white;
}

#approach #play .main_cont.-info .s_ttl {
    margin-bottom: 2.0em;
}

#approach #play .main_cont.-info .flex_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#approach #play .main_cont.-info .flex_area p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2.0em;
}

#approach #play .main_cont.-info .flex_area .image_area {
    width: 103px;
    height: auto;
}

@media (max-width: 480px) {
    #approach #play .main_cont.-info {
        padding: 5vw;
    }
    #approach #play .main_cont.-info .flex_area {
        display: block;
    }
    #approach #play .main_cont.-info .flex_area p {
        margin-bottom: 1.0em;
        margin-right: 0;
    }
}

#approach #play .main_cont.-development {
    margin-bottom: 60px;
}

#approach #play .main_cont.-development .backinner {
    max-width: 100vw;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 60px 2.0em;
    background: #FDF5EB;
}

#approach #play .main_cont.-development .backinner .sub_cont {
    position: relative;
    z-index: 1;
}

#approach #play .main_cont.-development .backinner .sub_cont.-b01:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 168px;
    height: 166px;
    background: url("/approach/images/back_star_l01.svg");
    background-size: cover;
    top: 10%;
    left: -20%;
    z-index: -1;
}

#approach #play .main_cont.-development .backinner .sub_cont.-b01:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 114px;
    height: 125px;
    background: url("/approach/images/back_star_r01.svg");
    background-size: cover;
    bottom: 0;
    right: -20%;
    z-index: -1;
}

#approach #play .main_cont.-development .backinner .sub_cont.-b02:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 131px;
    height: 143px;
    background: url("/approach/images/back_star_l03.svg");
    background-size: cover;
    bottom: 0;
    left: -20%;
    z-index: -1;
}

#approach #play .main_cont.-development .backinner .sub_cont.-b02:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 156px;
    height: 152px;
    background: url("/approach/images/back_star_r02.svg");
    background-size: cover;
    top: 0;
    right: -20%;
    z-index: -1;
}

#approach #play .main_cont.-development .backinner .sub_cont.-b03:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 136px;
    height: 139px;
    background: url("/approach/images/back_star_l04.svg");
    background-size: cover;
    bottom: 0;
    left: -20%;
    z-index: -1;
}

#approach #play .main_cont.-development .backinner .sub_cont.-b03:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 164px;
    height: 179px;
    background: url("/approach/images/back_star_r03.svg");
    background-size: cover;
    top: 40%;
    right: -20%;
    z-index: -1;
}

#approach #play .main_cont.-development .backinner .sub_cont .sub_ttl {
    margin-bottom: 1.6em;
}

#approach #play .main_cont.-development .backinner .sub_cont .sub_ttl .cate {
    display: block;
    width: 112px;
    font-family: a-otf-jun-pro, sans-serif;
    font-style: normal;
    font-size: 150%;
    text-align: center;
    border-radius: 50px;
    background: #F78FAB;
    color: white;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area p {
    width: 40%;
    margin-right: 5%;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area .image_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    width: 55%;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area .image_area img {
    width: 48%;
    height: auto;
    margin-right: 4%;
    -o-object-fit: contain;
    object-fit: contain;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area .image_area img:last-child {
    margin-right: 0;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area.-reversal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area.-reversal p {
    margin-right: 0;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_area.-reversal .image_area {
    margin-right: 2.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 .item {
    width: 22%;
    margin-right: 4%;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 .item:last-child {
    margin-right: 0;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 .item p {
    margin-top: 1.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 {
    margin-bottom: 2.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 .item {
    width: 32%;
    margin-right: 4%;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 .item:last-child {
    margin-right: 0;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 .item p {
    margin-top: 1.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 {
    margin: 2.0em 0;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 .item {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 2.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 .item:last-child {
    margin-right: 0;
}

#approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 .item p {
    margin-top: 1.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .info_box {
    padding: 1.0em;
    border: 5px solid #7B9CFF;
    border-radius: 10px;
    background: white;
}

#approach #play .main_cont.-development .backinner .sub_cont .info_box .info_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.0em;
    padding: 0 1.0em;
}

#approach #play .main_cont.-development .backinner .sub_cont .info_box .info_list li {
    width: 50%;
    height: auto !important;
    list-style-type: disc;
}

#approach #play .main_cont.-development .backinner .sub_cont .info_box .info_list li:last-child {
    width: 100%;
}

#approach #play .main_cont.-development .backinner .sub_cont .info_box .info_list li .blue {
    font-weight: bold;
    color: #7B9CFF;
}

#approach #play .main_cont.-development .backinner .sub_cont .info_box.-pink {
    padding: 2.0em;
    border: 5px solid #F78FAB;
}

#approach #play .main_cont.-development .backinner .sub_cont .info_box.-pink .sub_t {
    margin-bottom: 0.8em;
    font-size: 156.25%;
    font-family: a-otf-jun-pro, sans-serif;
    font-style: normal;
    color: #F78FAB;
}

#approach #play .main_cont.-development .backinner .sub_cont:last-child {
    margin-bottom: 0;
}

#approach #play .main_cont.-development .backinner .arrow {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}

#approach #play .main_cont.-development .backinner .arrow:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 167px;
    height: 155px;
    background: url("/approach/images/back_star_l02.svg");
    background-size: cover;
    top: -100%;
    left: 5%;
    z-index: -1;
}

@media (max-width: 860px) {
    #approach #play .main_cont.-development .backinner .sub_cont .flex_area {
        display: block;
        margin-bottom: 2.0em;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_area p {
        width: 100%;
        margin-bottom: 1.0em;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_area .image_area {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #approach #play .main_cont.-development .backinner .sub_cont .info_box .info_list {
        display: block;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .info_box .info_list li {
        width: 100%;
        margin-bottom: 0.5em;
        line-height: 1.4;
    }
}

@media (max-width: 560px) {
    #approach #play .main_cont.-development .backinner .sub_cont {
        margin-bottom: 40px;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 .item {
        width: 48%;
        margin-top: 2.0em;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 .item:first-child {
        margin-top: 0;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 .item:nth-child(2) {
        margin-top: 0;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col4 .item:nth-child(2n) {
        margin-right: 0;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 .item {
        width: 48%;
        margin-top: 2.0em;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 .item:first-child {
        margin-top: 0;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 .item:nth-child(2) {
        margin-top: 0;
        margin-right: 0;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3 .item:last-child {
        margin-right: 0;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 .item {
        width: 48%;
        margin-right: 4%;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 .item:nth-child(2) {
        margin-right: 0;
    }
    #approach #play .main_cont.-development .backinner .sub_cont .flex_image.-col3_2 .item:last-child {
        width: 100%;
        margin-top: 4%;
    }
    #approach #play .main_cont.-development .backinner .arrow {
        margin-bottom: 40px;
    }
}

#approach #play .main_cont.-others .sub_cont .ss_ttl {
    text-align: center;
    margin-bottom: 2.0em;
}

#approach #play .main_cont.-others .sub_cont .flex_flow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item {
    width: 30%;
    margin-top: 5%;
    margin-right: 5%;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:first-child {
    margin-top: 0;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:first-child .image_area {
    position: relative;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:first-child .image_area:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: url("/approach/images/arrow_right.svg");
    position: absolute;
    top: 50%;
    right: -12%;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(2) {
    margin-top: 0;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(2) .image_area {
    position: relative;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(2) .image_area:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: url("/approach/images/arrow_right.svg");
    position: absolute;
    top: 50%;
    right: -12%;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(3) {
    margin-top: 0;
    margin-right: 0;
    position: relative;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(3):before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    background: url("/approach/images/arrow_bottom.svg");
    position: absolute;
    bottom: -15%;
    left: 50%;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(4) {
    margin-right: 0;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(4) .image_area {
    position: relative;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(4) .image_area:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: url("/approach/images/arrow_left.svg");
    position: absolute;
    top: 50%;
    left: -12%;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

#approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(6) {
    max-height: 145px;
    padding: 1.0em;
    font-size: 81.25%;
    background: white;
    border-radius: 10px;
    border: 5px solid #7B9CFF;
}

#approach #play .main_cont.-others .sub_cont .flex_image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.0em;
}

#approach #play .main_cont.-others .sub_cont .flex_image .item {
    width: 22%;
    margin-right: 4%;
    position: relative;
}

#approach #play .main_cont.-others .sub_cont .flex_image .item:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: url("/approach/images/arrow_right.svg");
    position: absolute;
    top: 50%;
    right: -12%;
}

#approach #play .main_cont.-others .sub_cont .flex_image .item:last-child {
    margin-right: 0;
}

#approach #play .main_cont.-others .sub_cont .flex_image .item:last-child:before {
    content: none;
}

#approach #play .main_cont.-others .sub_cont .flex_image .item p {
    margin-top: 0.5em;
    text-align: center;
}

#approach #play .main_cont.-others .sub_cont .info_txt {
    padding: 1.5em;
    font-size: 81.25%;
    border: 5px solid #7B9CFF;
    border-radius: 10px;
    background: white;
}

#approach #play .main_cont.-others .sub_cont .txt_area {
    padding: 1.5em;
    border: 5px solid #7B9CFF;
    border-radius: 10px;
    font-size: 81.25%;
    background: white;
    position: relative;
}

#approach #play .main_cont.-others .sub_cont .txt_area:before {
    content: '';
    display: inline-block;
    width: 95px;
    height: 95px;
    background: url("/approach/images/record.svg");
    background-size: cover;
    position: absolute;
    top: 15px;
    right: 15px;
}

#approach #play .main_cont.-others .sub_cont .txt_area .blue {
    font-weight: bold;
    color: #7B9CFF;
}

#approach #play .main_cont.-others .sub_cont .txt_area .pr {
    padding-right: 120px;
    margin-bottom: 3.0em;
}

@media (max-width: 910px) {
    #approach #play .main_cont.-others .sub_cont .flex_image .item:before {
        right: -15%;
    }
}

@media (max-width: 768px) {
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:first-child .image_area:before {
        right: -14%;
    }
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(2) .image_area:before {
        right: -14%;
    }
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(4) .image_area:before {
        left: -14%;
    }
    #approach #play .main_cont.-others .sub_cont .flex_image {
        display: block;
    }
    #approach #play .main_cont.-others .sub_cont .flex_image .item {
        width: 100%;
        margin-bottom: 4.0em;
        text-align: center;
    }
    #approach #play .main_cont.-others .sub_cont .flex_image .item:before {
        margin-top: 0;
        margin-right: -11px;
        background: url("/approach/images/arrow_bottom.svg");
        top: auto;
        bottom: -2.5em;
        right: 50%;
    }
    #approach #play .main_cont.-others .sub_cont .flex_image .item:nth-child(4) {
        margin-bottom: 2.0em;
    }
}

@media (max-width: 640px) {
    #approach #play .main_cont.-others .sub_cont .flex_flow {
        display: block;
    }
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4.0em;
        text-align: center;
        position: relative;
    }
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:before {
        content: '';
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-left: -11px;
        background: url("/approach/images/arrow_bottom.svg");
        position: absolute;
        bottom: -15%;
        left: 50%;
    }
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(5) {
        margin-bottom: 2.0em;
    }
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:nth-child(5):before {
        content: none;
    }
    #approach #play .main_cont.-others .sub_cont .flex_flow .flow_item:last-child:before {
        content: none;
    }
}

#approach #play .main_cont.-gallery .flex_image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#approach #play .main_cont.-gallery .flex_image img {
    width: 23%;
    margin: 2.6666% 2.6666% 0 0;
}

#approach #play .main_cont.-gallery .flex_image img:nth-child(4n) {
    margin-right: 0;
}

@media (max-width: 768px) {
    #approach #play .main_cont.-gallery .flex_image img {
        width: 32%;
        margin: 2% 2% 0 0;
    }
    #approach #play .main_cont.-gallery .flex_image img:nth-child(3n) {
        margin-right: 0;
    }
    #approach #play .main_cont.-gallery .flex_image img:nth-child(4n) {
        margin-right: 2%;
    }
    #approach #play .main_cont.-gallery .flex_image img:nth-child(12n) {
        margin-right: 0;
    }
}

@media (max-width: 560px) {
    #approach #play .main_cont.-gallery .flex_image img {
        width: 48%;
        margin: 4% 4% 0 0;
    }
    #approach #play .main_cont.-gallery .flex_image img:nth-child(2n) {
        margin-right: 0;
    }
    #approach #play .main_cont.-gallery .flex_image img:nth-child(3n) {
        margin-right: 4%;
    }
    #approach #play .main_cont.-gallery .flex_image img:nth-child(4n) {
        margin-right: 0;
    }
    #approach #play .main_cont.-gallery .flex_image img:nth-child(6n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 930px) {
    #approach .block > div {
        margin-bottom: 50px;
    }
    #approach .block > div:after {
        content: "";
        display: block;
        clear: both;
    }
    #approach .block > div > img {
        width: 33%;
    }
    #approach .block .txt {
        float: right;
        width: 63%;
    }
    #approach .block .txt .txt__cont {
        margin-bottom: 20px;
    }
    #approach .block .txt .txt__cont:last-child {
        margin-bottom: 0;
    }
    #approach .block .txt .txt__cont .ttl {
        color: #7B9CFF;
        font-size: 120%;
        margin-bottom: 0.2em;
    }
    #approach .block .sec_tit {
        max-width: 300px;
        width: 100%;
        margin-bottom: 1.2em;
    }
    #approach .box {
        border: 3px solid #7B9CFF;
        padding: 20px 20px 5px;
    }
    #approach .box strong {
        font-size: 114%;
        color: #5A85FF;
    }
    #approach .box ul li {
        font-size: 114%;
        font-weight: bold;
        margin-bottom: 1em;
    }
    #approach .box p {
        margin-bottom: 1em;
    }
    #approach #food .block {
        margin-top: 35px;
    }
    #approach #food .collabo p {
        font-size: 80%;
        margin: .5em 0 0;
    }
    #approach #food .collabo ul {
        margin-top: 15px;
    }
    #approach #food .collabo ul li {
        float: left;
        margin-right: 2.22222%;
        width: 64.44444%;
    }
    #approach #food .collabo ul li:last-child {
        width: 33.33333%;
        margin-right: 0;
    }
    #approach #book .page-title--txt {
        width: 220px;
    }
}

@media screen and (max-width: 930px) and (max-width: 540px) {
    #approach #book .page-title {
        margin-bottom: 20px;
    }
    #approach #book .page-title--txt {
        width: 240px;
    }
    #approach #book .page-title--deco {
        width: 80px;
        top: -20px;
        right: -30px;
    }
    #approach #book .page-title .sec_tit {
        width: auto;
    }
    #approach #book .page-title h2 {
        width: auto;
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 930px) {
    #approach #book .tit {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 2em;
    }
    #approach #book .box {
        padding: 10px 10px 5px;
    }
    #approach #book .box ul li {
        font-size: 14px;
        margin-bottom: 1em;
    }
    #approach #book .story ul {
        margin: 0;
    }
    #approach #book .story ul:after {
        content: "";
        display: block;
        clear: both;
    }
    #approach #book .story ul li {
        width: 19.11111%;
        margin-right: 1.11111%;
    }
    #approach #book .story ul li:nth-child(5n) {
        margin-right: 0;
    }
    #approach #play .tit {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 2em;
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    #approach #food .col2 .flex_area {
        display: block;
    }
    #approach #food .col2 .flex_area .image_area {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 2.0em auto;
    }
    #approach #food .col2 .flex_area .txt_area {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    #approach #food .col2 .flex_area .item {
        width: 48%;
        margin-top: 4.0em;
        margin-right: 4%;
    }
    #approach #food .col2 .flex_area .item:nth-child(2n) {
        margin-right: 0;
    }
    #approach #food .col2 .flex_area .item img {
        width: 100%;
    }
    #approach #food .col2 .flex_area .item:first-child {
        margin-top: 0;
    }
    #approach #food .col2 .flex_area .item:nth-child(2) {
        margin-top: 0;
    }
    #approach #food .col2 .flex_area.-reverse .image_area {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 2.0em auto;
    }
    #approach #food .col2 .flex_area.-reverse .image_area img {
        width: 100%;
    }
    #approach #food .col2.-addcom .flex_area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    #approach #food .col3 .flex_area {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2.0em;
    }
    #approach #food .col3 .flex_area .item {
        width: 48%;
        margin-top: 4%;
        margin-right: 4%;
    }
    #approach #food .col3 .flex_area .item:first-child {
        margin-top: 0;
    }
    #approach #food .col3 .flex_area .item:nth-child(2) {
        margin-top: 0;
    }
    #approach #food .col3 .flex_area .item:nth-child(2n) {
        margin-right: 0;
    }
    #approach #activity .main_cont .blue_txt {
        font-weight: bold;
        color: #7B9CFF;
    }
    #approach #activity .main_cont .sec_tit {
        margin-bottom: 2.0em;
        text-align: center;
    }
    #approach #activity .main_cont .flex_img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 3.0em;
    }
    #approach #activity .main_cont .flex_img .item {
        width: 31%;
        margin-right: 3.5%;
    }
    #approach #activity .main_cont .flex_img .item:last-child {
        margin-right: 0;
    }
    #approach #activity .main_cont .flex_img .item img {
        width: 100%;
    }
    #approach #activity .main_cont .flex_area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    #approach #activity .main_cont .flex_area img {
        max-width: 400px;
        width: 100%;
        margin-right: 2.4em;
    }
    #approach #activity .main_cont .flex_area p {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    #approach #activity .main_cont .image_area {
        margin-top: 2.0em;
        text-align: center;
    }
    #approach #activity .main_cont .flex_area {
        display: block;
        text-align: center;
    }
    #approach #activity .main_cont .flex_area img {
        margin: 0 auto 1.6em auto;
    }
    #approach #activity .main_cont .flex_area p {
        text-align: left;
    }
}

@media screen and (max-width: 650px) {
    #approach #book .story ul {
        margin: 0;
    }
    #approach #book .story ul:after {
        content: "";
        display: block;
        clear: both;
    }
    #approach #book .story ul li {
        width: 23.84615%;
        margin-right: 1.53846%;
    }
    #approach #book .story ul li:nth-child(5n) {
        margin-right: 1.53846%;
    }
    #approach #book .story ul li:nth-child(4n) {
        margin-right: 0;
    }
    #approach #activity .main_cont .flex_img {
        display: block;
    }
    #approach #activity .main_cont .flex_img .item {
        width: 100%;
        margin-top: 1.6em;
        margin-right: 0;
        text-align: center;
    }
    #approach #activity .main_cont .flex_img .item:first-child {
        margin-top: 0;
    }
    #approach #activity .main_cont .flex_img .item img {
        max-width: 320px;
    }
}

@media screen and (max-width: 480px) {
    #approach .block div {
        margin-bottom: 25px;
    }
    #approach .block div > img {
        width: auto;
        float: none;
        display: block;
        margin: 0 auto;
    }
    #approach .block div .txt {
        float: none;
        width: 100%;
        margin: 1em auto;
    }
    #approach .block div .txt p:first-child {
        margin-bottom: 10px;
    }
    #approach #book section {
        margin-bottom: 30px;
    }
    #approach #book .tit {
        margin-bottom: 1em;
    }
    #approach #book .block {
        margin-bottom: 30px;
    }
    #approach #book .block p {
        font-size: 14px;
        margin-bottom: 1em;
    }
    #approach #book .block .txt {
        width: auto;
    }
    #approach #book .sec_tit {
        width: auto;
    }
    #approach #book h2 {
        width: auto;
        margin: 0 auto 15px;
    }
    #approach #play .tit {
        line-height: 1.4;
        font-size: 14px;
    }
    #approach #play h2 {
        margin-bottom: 15px;
    }
    #approach #play .photo {
        margin-bottom: 10px;
    }
    #approach #play .photo ul {
        margin-bottom: 15px;
    }
    #approach #play .photo ul li {
        float: left;
        margin-right: 3.33333%;
        margin-bottom: 10px;
        width: 48.33333%;
    }
    #approach #play .photo ul li:nth-child(3n) {
        margin-right: 3.33333%;
    }
    #approach #play .photo ul li:nth-child(2n) {
        margin-right: 0;
    }
    #approach #play .photo ul li p {
        text-align: left;
        margin: .5em 0 0;
    }
    #approach #play .photo ul li .txt_center {
        text-align: left;
    }
    #approach #play .photo ul.kabekake li:last-child {
        width: 100%;
    }
    #approach #play .photo ul.syakaikengaku li {
        width: 100%;
    }
    #approach #food .sub_ttl img {
        max-width: 260px;
    }
    #approach #food .col2.-addcom .flex_area {
        display: block;
    }
    #approach #food .col2.-addcom .flex_area .item {
        width: 100%;
        margin-top: 3.0em;
        margin-right: 0;
        text-align: center;
    }
    #approach #food .col2.-addcom .flex_area .item:nth-child(2) {
        margin-top: 3.0em;
    }
    #approach #food .col2.-addcom .flex_area .item img {
        max-width: 300px;
        width: 100%;
    }
    #approach #food .com_txt {
        max-width: 300px;
        width: 100%;
        margin: 2.0em auto 0 auto;
        padding: 1.2em 1.0em;
        border-radius: 10px;
        font-size: 86.666%;
        font-weight: bold;
        text-align: center;
        background: #7B9CFF;
        color: white;
        position: relative;
    }
    #approach #food .com_txt:before {
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -7.5px;
        border: 8px solid transparent;
        border-bottom: 15px solid #7B9CFF;
    }
    #approach #activity .main_cont .sec_tit img {
        max-width: 90px;
    }
}

@media screen and (max-width: 420px) {
    #approach #book .story ul {
        margin: 0;
    }
    #approach #book .story ul:after {
        content: "";
        display: block;
        clear: both;
    }
    #approach #book .story ul li {
        width: 31.90476%;
        margin-right: 2.14286%;
    }
    #approach #book .story ul li:nth-child(4n) {
        margin-right: 2.14286%;
    }
    #approach #book .story ul li:nth-child(3n) {
        margin-right: 0;
    }
}

#approach .imageList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 900px;
    width: 100%;
    margin: 0 auto 2em;
}

#approach .imageList .item {
    width: 23.5%;
    margin-right: 2%;
}

#approach .imageList .item:last-child {
    margin-right: 0;
}

@media screen and (max-width: 540px) {
    #approach .imageList {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1em;
    }
    #approach .imageList .item {
        width: 49%;
        margin-bottom: 2%;
    }
    #approach .imageList .item:nth-child(2n) {
        margin-right: 0;
    }
}

#approach .flowContaier .page_sub-tit img {
    max-width: 400px;
    width: 100%;
}

#approach .flowContaier .sub-flow {
    margin: 40px 0;
    text-align: center;
}

#approach .flowContaier .sub-flow ul {
    margin: 0 auto;
    width: 780px;
}

#approach .flowContaier .sub-flow ul:after {
    content: "";
    display: block;
    clear: both;
}

#approach .flowContaier .sub-flow ul li {
    width: 100%;
    position: relative;
}

#approach .flowContaier .sub-flow ul li:after {
    content: "";
    width: 28px;
    height: 19px;
    background: url(../../recruit/images/ya-flow.png) no-repeat;
    bottom: -22px;
    margin-left: -14px;
    left: 50%;
    position: absolute;
}

#approach .flowContaier .sub-flow ul li:last-child:after {
    content: "";
    background: none;
}

#approach .flowContaier .sub-flow ul li .sub-flow-list {
    width: 100%;
    margin-bottom: 30px;
    background: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 10px;
}

#approach .flowContaier .sub-flow ul li .sub-flow-list:after {
    content: "";
    display: block;
    clear: both;
}

#approach .flowContaier .sub-flow ul li .sub-flow-l {
    text-align: center;
    float: left;
    width: 180px;
    display: block;
    background: #7B9CFF;
}

#approach .flowContaier .sub-flow ul li .sub-flow-l > div {
    display: table;
    height: 100%;
    width: 100%;
}

#approach .flowContaier .sub-flow ul li .sub-flow-l p {
    color: #FFF;
    font-weight: bold;
    font-size: 125%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#approach .flowContaier .sub-flow ul li .sub-flow-r {
    float: right;
    background: #FFFFFF;
    padding: 20px;
    text-align: left;
    width: 600px;
}

#approach .flowContaier .sub-flow ul li .sub-flow-r h3 {
    color: #7B9CFF;
    font-weight: bold;
    font-size: 125%;
}

#approach .flowContaier .sub-flow ul li .sub-flow-r p {
    margin-bottom: 0;
}

@media screen and (max-width: 800px) {
    #approach .flowContaier .sub-flow ul {
        width: auto;
    }
    #approach .flowContaier .sub-flow ul li {
        width: 100%;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-list {
        width: 100%;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-l {
        width: 30%;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-r {
        width: 70%;
    }
}

@media screen and (max-width: 510px) {
    #approach .flowContaier .sub-flow {
        margin: 20px auto;
    }
    #approach .flowContaier .sub-flow ul {
        width: auto;
    }
    #approach .flowContaier .sub-flow ul li {
        width: 100%;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-list {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-l {
        width: 100%;
        height: auto !important;
        padding: 0.2em 0;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-r {
        width: 100%;
        height: auto !important;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-r h3 {
        font-size: 16px;
    }
    #approach .flowContaier .sub-flow ul li .sub-flow-r p {
        font-size: 14px;
        line-height: 1.4;
    }
}

#approach .galleryContaier .page_sub-tit img {
    max-width: 400px;
    width: 100%;
}

#approach .galleryContaier .page_sub-txt {
    margin-bottom: 2em;
}

#approach .galleryContaier .galleryList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#approach .galleryContaier .galleryList .item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2em;
}

#approach .galleryContaier .galleryList .item:nth-child(4n) {
    margin-right: 0;
}

#approach .galleryContaier .galleryList .item img {
    width: 100%;
    height: auto;
}

#approach .galleryContaier .galleryList .item p {
    text-align: center;
    display: block;
    margin-top: 0.5em;
    font-size: 90%;
}

@media screen and (max-width: 600px) {
    #approach .galleryContaier .galleryList .item {
        width: 32%;
    }
    #approach .galleryContaier .galleryList .item:nth-child(4n) {
        margin-right: 2%;
    }
    #approach .galleryContaier .galleryList .item:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    #approach .galleryContaier .galleryList .item {
        width: 49%;
        margin-bottom: 1em;
    }
    #approach .galleryContaier .galleryList .item:nth-child(4n) {
        margin-right: 2%;
    }
    #approach .galleryContaier .galleryList .item:nth-child(3n) {
        margin-right: 2%;
    }
    #approach .galleryContaier .galleryList .item:nth-child(2n) {
        margin-right: 0;
    }
}

/*----------------------------------------
　入園希望の方へ enter
----------------------------------------*/
#enter .page-title {
    background: url(../../enter/images/title_bg.jpg);
}

#enter .page-title--txt {
    width: 208px;
}

#enter h2 {
    width: 321px;
    margin: 0 auto 20px;
}

#enter .enterAbout p {
    float: none;
    text-align: center;
    margin-bottom: 1.5em;
}

#enter .enterAbout table {
    width: auto;
    margin-left: 90px;
    margin-right: 90px;
}

#enter table .btn {
    text-align: center;
    display: block;
    margin: 20px auto 10px;
    width: 300px;
}

#enter section:after {
    content: "";
    display: block;
    clear: both;
}

#enter section.bosyu {
    margin-bottom: 40px;
}

#enter section.bosyu table {
    margin-bottom: 15px;
    width: 100%;
}

#enter section.bosyu dl {
    margin-left: 90px;
    margin-right: 90px;
}

#enter section.bosyu dl dt {
    padding: 10px 10px 10px 15px;
    color: #FFF;
    border-radius: 5px;
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 115%;
    background: url(../../recruit/images/ya_off.png) no-repeat scroll 97% center;
    background-color: #BC6DBC;
    cursor: pointer;
}

#enter section.bosyu dl dt.open {
    background: url(../../recruit/images/ya_on.png) no-repeat scroll 97% center;
    background-color: #CB8DCB;
}

#enter section.bosyu dl dd {
    display: none;
    margin-left: 15px;
    margin-right: 15px;
}

#enter section.bosyu section {
    margin: 0 auto 20px;
}

#enter section.bosyu section p {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
}

#enter section.bosyu section p span {
    font-weight: bold;
    font-size: 110%;
}

#enter section.bosyu section p span.txt_box {
    background-color: #BC6DBC;
    padding: 3px 5px;
    color: #FFFFFF;
}

#enter section.bosyu h2 {
    color: #BC6DBC;
    font-size: 114%;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
}

#enter section .txt_color {
    color: #BC6DBC;
    font-weight: bold;
}

#enter .read .flexArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#enter .read .flexArea .imageArea {
    width: 35%;
    margin-right: 5%;
}

#enter .read .flexArea .imageArea img {
    width: 100%;
}

#enter .read .flexArea .textArea {
    width: 60%;
}

#enter .read .flexArea .textArea p {
    margin-bottom: 30px;
}

#enter .read .flexArea .textArea p:last-child {
    margin-bottom: 0;
}

@media (max-width: 630px) {
    #enter .read .flexArea {
        display: block;
    }
    #enter .read .flexArea .imageArea {
        max-width: 360px;
        width: 100%;
        margin: 0 auto 1.0em auto;
    }
    #enter .read .flexArea .textArea {
        width: 100%;
    }
}

@media screen and (max-width: 910px) {
    #enter .enterAbout table {
        margin-left: 45px;
        margin-right: 45px;
    }
    #enter table .btn {
        margin: 10px auto 10px;
    }
    #enter section.bosyu dl {
        margin-left: 45px;
        margin-right: 45px;
    }
    #enter section.bosyu dl dt {
        margin: 0 0 10px 0;
    }
    #enter section.bosyu section {
        margin: 0 auto 10px;
    }
    #enter .read > img {
        width: 38%;
    }
    #enter .read p {
        margin-bottom: .5em;
    }
    #enter .read p:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 630px) {
    #enter .enterAbout table {
        margin-left: 0px;
        margin-right: 0px;
    }
    #enter .enterAbout table th {
        display: block;
        width: 100%;
        padding: .5em 1em;
    }
    #enter .enterAbout table td {
        display: block;
        width: 100%;
        border-bottom: none;
        margin-bottom: .5em;
        padding: 1em;
    }
    #enter table .btn {
        margin: 10px auto 10px;
    }
    #enter section.bosyu dl {
        margin-left: 0px;
        margin-right: 0px;
    }
    #enter section.bosyu dl dt {
        padding: .5em 1em .4em;
        margin: 0 0 10px 0;
    }
    #enter section.bosyu section {
        margin: 0 auto 10px;
    }
    #enter .read > img {
        width: auto;
        float: none;
        margin: 0 auto;
        display: block;
    }
    #enter .read p {
        margin: .5em auto;
        width: 100%;
        float: none;
    }
    #enter .read p:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 420px) {
    #enter .page-title--txt {
        width: 160px;
        margin-top: -5px;
    }
    #enter h2 {
        margin-bottom: 15px;
        width: auto;
    }
    #enter .enterAbout {
        margin-bottom: 30px;
    }
    #enter .enterAbout p {
        font-size: 14px;
        text-align: left;
    }
    #enter section p {
        font-size: 14px;
        line-height: 1.4;
    }
    #enter section.bosyu {
        margin-bottom: 30px;
    }
    #enter section.bosyu section {
        margin: 0 auto 30px;
    }
    #enter section.bosyu section p {
        font-size: 14px;
    }
    #enter section.bosyu section p span {
        display: block;
        line-height: 1.4;
    }
    #enter section.bosyu section p span.txt_box {
        display: inline-block;
        margin-top: .5em;
    }
    #enter section.bosyu section table th {
        display: block;
        width: 100%;
        padding: .5em 1em;
    }
    #enter section.bosyu section table td {
        display: block;
        width: 100%;
        border-bottom: none;
        margin-bottom: .5em;
        padding: 1em;
    }
    #enter section.read {
        margin-bottom: 30px;
    }
}

/*お客様の声*/
/*----------------------------------------
　保護者アンケート complaint
----------------------------------------*/
#complaint .page-title {
    background: url(../../complaint/images/title_bg.jpg);
}

#complaint .page-title--txt {
    width: 235px;
}

#complaint .section-tit {
    width: 80%;
    max-width: 270px;
    margin: 0 auto 30px;
}

@media screen and (max-width: 440px) {
    #complaint .section-tit {
        margin-bottom: 15px;
    }
}

#complaint .section-cont {
    text-align: center;
    margin-bottom: 60px;
}

@media screen and (max-width: 640px) {
    #complaint .section-cont {
        margin-bottom: 40px;
    }
}

#complaint .section-cont02 {
    text-align: center;
    margin-bottom: 60px;
}

#complaint .section-cont02 table {
    width: 100%;
}

#complaint .section-cont02 table tr {
    border-bottom: #CCC 1px solid;
    font-size: 100%;
}

#complaint .section-cont02 table tr:last-child {
    border-bottom: none;
}

#complaint .section-cont02 table tr th {
    width: 25%;
    border-right: #FFF 1px solid;
    line-height: 1.2;
    padding: 1.0em;
    text-align: center;
    font-size: 93%;
}

#complaint .section-cont02 table tr th:last-child {
    border-right: none;
}

#complaint .section-cont02 table tr th:nth-child(2) {
    width: 8em;
}

#complaint .section-cont02 table tr td {
    padding: 1.0em;
    line-height: 1.4;
    width: auto;
    border-bottom: none;
    border-right: 1px dashed #CCC;
    font-size: 93%;
    display: table-cell;
    vertical-align: middle;
}

#complaint .section-cont02 table tr td:last-child {
    border-right: none;
}

#complaint .section-cont02 table tr .name {
    background: #F8F4E9;
}

#complaint .section-cont02 table tr .alignL {
    text-align: left;
}

#complaint .section-cont02 .attention {
    display: none;
}

@media screen and (max-width: 640px) {
    #complaint .section-cont02 {
        overflow: scroll !important;
    }
    #complaint .section-cont02 table {
        width: 660px;
    }
    #complaint .section-cont02 .attention {
        display: block;
        color: #888;
        margin: 0 0 0.8em;
        font-size: 90%;
    }
    #complaint .section-cont02 .attention span {
        position: relative;
        padding-left: 1.4em;
    }
    #complaint .section-cont02 .attention span:before {
        content: "";
        background: url(../../complaint/images/attention.png) no-repeat;
        background-size: contain;
        width: 14px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 0;
    }
}

#complaint .table-list {
    margin-top: 50px;
}

#complaint .table-list > section {
    margin-bottom: 25px;
}

#complaint .table-list > section:last-child {
    margin-bottom: 0;
}

#complaint .table-list .table-ttl {
    background: #50C8EF;
    width: 100%;
    color: #FFF;
    font-size: 130%;
    padding: 0.5em;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

#complaint .table-list .table-ttl:hover {
    opacity: 0.8;
}

#complaint .table-list .table-ttl:before {
    content: "";
    background: url(../../complaint/images/ya_off.png) no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -6px;
}

#complaint .table-list .table-ttl.open:before {
    background: url(../../complaint/images/ya_on.png) no-repeat;
}

#complaint .table-list .table-cont {
    display: none;
    margin-bottom: 30px;
}

#complaint .table-list .table-cont table {
    width: 100%;
}

#complaint .table-list .table-cont table tr {
    border-bottom: #CCC 1px solid;
    font-size: 100%;
}

#complaint .table-list .table-cont table tr:last-child {
    border-bottom: none;
}

#complaint .table-list .table-cont table tr th {
    width: auto;
    border-right: #FFF 1px solid;
    line-height: 1.2;
    padding: 1.0em;
    text-align: center;
    font-size: 93%;
}

#complaint .table-list .table-cont table tr th:last-child {
    border-right: none;
}

#complaint .table-list .table-cont table tr th:nth-child(2) {
    width: 8em;
}

#complaint .table-list .table-cont table tr td {
    padding: 1.0em;
    line-height: 1.4;
    width: auto;
    border-bottom: none;
    border-right: 1px dashed #CCC;
    font-size: 93%;
}

#complaint .table-list .table-cont table tr td:last-child {
    border-right: none;
}

#complaint .table-list .attention {
    display: none;
}

@media screen and (max-width: 640px) {
    #complaint .table-list .table-cont {
        overflow: scroll !important;
    }
    #complaint .table-list .table-cont table {
        width: 660px;
    }
    #complaint .table-list .table-cont .attention {
        display: block;
        color: #888;
        margin: 0 0 0.8em;
        font-size: 90%;
    }
    #complaint .table-list .table-cont .attention span {
        position: relative;
        padding-left: 1.4em;
    }
    #complaint .table-list .table-cont .attention span:before {
        content: "";
        background: url(../../complaint/images/attention.png) no-repeat;
        background-size: contain;
        width: 14px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 0;
    }
}

#complaint .section-survey table {
    width: 100%;
}

#complaint .section-survey table tr {
    border-bottom: #CCC 1px dashed;
}

#complaint .section-survey table tr:last-child {
    border-bottom: none;
}

#complaint .section-survey table tr th {
    width: 30%;
    line-height: 1.2;
    padding: 2em 1em;
    text-align: center;
    font-size: 93%;
}

#complaint .section-survey table tr td {
    padding: 2em;
    line-height: 1.4;
    width: auto;
    font-size: 93%;
}

#complaint .section-survey table tr td:last-child {
    border-bottom: none !important;
}

#complaint .section-survey table p {
    margin-bottom: 1em;
}

#complaint .section-survey table p:last-child {
    margin-bottom: 0;
}

#complaint .section-survey table p a {
    position: relative;
    padding-left: 1.5em;
}

#complaint .section-survey table p a:before {
    content: "";
    background: url(../../complaint/images/pdf.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

#complaint .section-survey .attention {
    display: none;
}

@media screen and (max-width: 640px) {
    #complaint .section-survey {
        overflow: scroll !important;
    }
    #complaint .section-survey table {
        width: 660px;
    }
    #complaint .section-survey .attention {
        display: block;
        color: #888;
        margin: 0 0 0.8em;
        font-size: 90%;
    }
    #complaint .section-survey .attention span {
        position: relative;
        padding-left: 1.4em;
    }
    #complaint .section-survey .attention span:before {
        content: "";
        background: url(../../complaint/images/attention.png) no-repeat;
        background-size: contain;
        width: 14px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 0;
    }
}

/*----------------------------------------
　会社概要 company
----------------------------------------*/
#company {
    margin-bottom: 50px;
}

#company .page-title {
    background: url(../../company/images/title_bg.jpg);
}

#company .page-title--txt {
    width: 118px;
}

#company table {
    margin: 40px auto 50px;
}

#company iframe {
    width: 100%;
}

@media screen and (max-width: 750px) {
    #company {
        margin-bottom: 25px;
    }
    #company table {
        width: 100%;
    }
    #company table th {
        width: 30%;
    }
    #company table td {
        width: 70%;
    }
}

@media screen and (max-width: 500px) {
    #company table {
        width: 100%;
        margin-bottom: 20px;
    }
    #company table th {
        width: 100%;
        display: block;
        padding: .5em;
    }
    #company table td {
        width: 100%;
        display: block;
        padding: .5em .5em 1em;
        border-bottom: none;
    }
    #company iframe {
        height: 250px;
    }
}

/*----------------------------------------
　採用情報 recruit
----------------------------------------*/
#recruit .news-box {
    width: 770px;
    border: 1px solid #FF837B;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 auto 2em;
    position: relative;
    padding: 1.5em;
    text-align: left;
}

#recruit .news-box .fuki {
    position: absolute;
    left: -20px;
    top: -15px;
}

#recruit .betweenRecruitText {
    max-width: 770px;
    width: 100%;
    margin: 0 auto 2em;
    text-align: center;
}

@media screen and (max-width: 770px) {
    #recruit .betweenRecruitText {
        padding: 0 15px;
    }
}

@media screen and (max-width: 650px) {
    #recruit .betweenRecruitText .pcShow {
        display: none;
    }
}

#recruit .news-box-list:after {
    content: "";
    display: block;
    clear: both;
}

#recruit .news-box-list__time {
    float: left;
    font-weight: bold;
    color: #FF857E;
    padding-top: 12px;
}

#recruit .news-box-list__cont {
    padding-left: 10em;
    font-size: 100%;
    line-height: 2;
    padding: 10px 0 10px 7em;
}

#recruit .news-box-list__cont p {
    margin-bottom: 0;
}

#recruit .news-box-list__cont a {
    color: #7B9CFF;
}

@media screen and (max-width: 770px) {
    #recruit {
        background-size: 30%;
    }
    #recruit .news-box {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    #recruit .news-box .news-box-list {
        padding-bottom: 10px;
    }
    #recruit .news-box .news-box-list__time {
        float: none;
        padding-top: 10px;
        margin-bottom: 0.5em;
    }
    #recruit .news-box .news-box-list__cont {
        padding: 0 0 5px 0;
        line-height: 1.4;
    }
}

#recruit .page-title {
    background: url(../../recruit/images/title_bg.jpg);
}

#recruit .page-title--txt {
    width: 118px;
}

#recruit .page-title__sub .page-title--txt {
    width: 387px;
}

@media screen and (max-width: 740px) {
    #recruit .page-title__sub .page-title--txt {
        width: 320px;
        text-align: left;
        margin: -5px 0 0;
    }
}

@media screen and (max-width: 470px) {
    #recruit .page-title__sub .page-title--txt {
        width: auto;
        margin-top: -10px;
        margin-left: 10px;
        margin-right: 10px;
    }
    #recruit .page-title__sub .page-title--deco {
        display: none;
    }
}

#recruit p {
    margin-bottom: 15px;
}

#recruit h2 {
    font-size: 114%;
    font-weight: bold;
    color: #FF837A;
    text-align: left;
    margin: 0 auto 15px;
    text-align: center;
}

#recruit h3 {
    font-size: 114%;
    font-weight: bold;
    color: #FF837A;
    text-align: left;
    margin-bottom: 5px;
}

#recruit .recruit-tit {
    width: 321px;
    margin-bottom: 30px;
}

#recruit .recruit_sub-tit {
    width: 381px;
}

@media screen and (max-width: 780px) {
    #recruit .recruit-tit {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 470px) {
    #recruit .recruit-tit {
        width: auto;
    }
    #recruit .recruit_sub-tit {
        width: auto;
    }
}

#recruit section {
    margin-top: 40px;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 730px) {
    #recruit section {
        margin-right: 15px;
        margin-left: 15px;
    }
}

#recruit .btn {
    text-align: center;
    display: block;
    margin: 40px auto 0;
}

#recruit section div {
    margin-top: 10px;
    position: relative;
}

#recruit section.jinzai {
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    margin-top: 0;
}

@media screen and (max-width: 860px) {
    #recruit section.jinzai {
        margin-right: 0px;
        margin-left: 0px;
    }
}

#recruit section.jinzai div:after {
    content: "";
    display: block;
    clear: both;
}

#recruit section.jinzai div img {
    float: left;
}

#recruit section.jinzai div ul.txt_list {
    float: left;
    margin: 10px 0 0 35px;
    overflow: hidden;
    width: 350px;
}

#recruit section.jinzai div ul.txt_list li {
    width: 350px;
    list-style-type: none;
    padding: 10px 10px 10px 0;
    display: block;
    float: left;
}

#recruit section.jinzai div ul.txt_list li.list_btn {
    padding: 0 10px 10px 0;
}

@media screen and (max-width: 900px) {
    #recruit section.jinzai {
        margin-bottom: 25px;
    }
    #recruit section.jinzai div > img {
        width: 40%;
    }
    #recruit section.jinzai div ul.txt_list {
        margin: 0px 0 0 5%;
        width: 55%;
    }
    #recruit section.jinzai div ul.txt_list li {
        width: auto;
        display: block;
        float: none;
    }
    #recruit section.jinzai div ul.txt_list li.list_btn {
        display: block;
        overflow: hidden;
    }
}

@media screen and (max-width: 520px) {
    #recruit section.jinzai {
        margin-bottom: 25px;
    }
    #recruit section.jinzai div > img {
        width: auto;
        float: none;
    }
    #recruit section.jinzai div ul.txt_list {
        margin: 10px auto;
        width: 100%;
    }
    #recruit section.jinzai div ul.txt_list li {
        margin: .5em auto;
        padding: 0;
    }
    #recruit section.jinzai div ul.txt_list li.list_btn {
        margin: .5em auto;
        padding: 0;
    }
}

#recruit section.staff {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 2px dotted #FF837A;
    padding-bottom: 40px;
    margin-top: 20px;
}

@media screen and (max-width: 820px) {
    #recruit section.staff {
        margin-right: 0px;
        margin-left: 0px;
    }
}

#recruit section.staff:after {
    content: "";
    display: block;
    clear: both;
}

#recruit section.staff .left {
    float: left;
    width: 200px;
    margin-right: 30px;
}

#recruit section.staff .left p {
    width: 200px;
    text-align: center;
}

#recruit section.staff .right {
    float: right;
    width: 67%;
}

@media screen and (max-width: 800px) {
    #recruit section.staff {
        padding-bottom: 20px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    #recruit section.staff .left {
        float: left;
        width: 30%;
        margin-right: 3%;
    }
    #recruit section.staff .left p {
        width: auto;
    }
}

@media screen and (max-width: 570px) {
    #recruit section.staff {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    #recruit section.staff .left {
        float: none;
        width: auto;
        margin-right: 0;
    }
    #recruit section.staff .left > img {
        margin: 0 auto;
        display: block;
    }
    #recruit section.staff .right {
        float: none;
        width: auto;
    }
}

#recruit section.staff-last {
    border: none;
    padding-bottom: 0;
}

@media screen and (max-width: 570px) {
    #recruit section.staff-last {
        padding-bottom: 0;
        margin-bottom: 30px;
    }
}

#recruit section.merritt {
    max-width: 860px;
    margin-bottom: 50px;
}

#recruit section.merritt .box p {
    padding: 10px 0 15px 32px;
    display: block;
}

#recruit section.merritt .box p:nth-child(1) {
    background: url(../../recruit/images/no1.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(2) {
    background: url(../../recruit/images/no2.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(3) {
    background: url(../../recruit/images/no3.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(4) {
    background: url(../../recruit/images/no4.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(5) {
    background: url(../../recruit/images/no5.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(6) {
    background: url(../../recruit/images/no6.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(7) {
    background: url(../../recruit/images/no7.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(8) {
    background: url(../../recruit/images/no8.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(9) {
    background: url(../../recruit/images/no9.gif) no-repeat left 35%;
    background-size: 20px;
}

#recruit section.merritt .box p:nth-child(10) {
    padding: 10px 0 15px 50px;
    background: url(../../recruit/images/no10.svg) no-repeat left 35%;
    background-size: 37px;
}

#recruit section.merritt .box p:nth-child(11) {
    padding: 10px 0 15px 50px;
    background: url(../../recruit/images/no11.svg) no-repeat left 35%;
    background-size: 37px;
}

#recruit section.merritt .box p:nth-child(12) {
    padding: 10px 0 15px 50px;
    background: url(../../recruit/images/no12.svg) no-repeat left 35%;
    background-size: 37px;
}

@media screen and (max-width: 770px) {
    #recruit section.merritt {
        margin: 0 0 50px;
    }
    #recruit section.merritt .box p {
        display: block;
        padding-top: 5px;
        padding-bottom: 10px;
        margin-bottom: 1em;
        line-height: 1.4;
    }
    #recruit section.merritt .box p:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 570px) {
    #recruit section.merritt {
        margin-bottom: 25px;
    }
}

#recruit .box {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #FF837A;
    padding: 40px;
    margin-bottom: 40px;
}

@media screen and (max-width: 780px) {
    #recruit .box {
        border-width: 3px;
        padding: 20px;
        margin-bottom: 30px;
    }
}

#recruit section.bosyu {
    max-width: 720px;
    margin-bottom: 40px;
}

#recruit section.bosyu dt {
    max-width: 720px;
    padding: 10px 10px 10px 15px;
    color: #FFF;
    border-radius: 5px;
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 115%;
    background: url(../../recruit/images/ya_off.png) no-repeat scroll 97% center;
    background-color: #FF837A;
    cursor: pointer;
}

#recruit section.bosyu dt.open {
    background: url(../../recruit/images/ya_on.png) no-repeat scroll 97% center;
    background-color: #FFAAA6;
}

#recruit section.bosyu dd {
    display: none;
}

#recruit section.bosyu section {
    width: 700px;
    margin: 0 auto 20px;
}

#recruit section.bosyu section p {
    display: block;
    margin-top: 15px;
}

#recruit section.bosyu section p span {
    font-weight: bold;
    font-size: 110%;
}

#recruit section.bosyu p.blue {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 110%;
    color: #0EA6F0;
    font-weight: bold;
    margin: 50px 0 0;
}

#recruit .voice {
    width: 900px;
    margin-top: 60px;
    margin-bottom: 50px;
}

#recruit .voice h2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#recruit .voice .voice_list {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#recruit .voice .voice_list li {
    width: 280px;
    float: left;
    margin-right: 30px;
}

#recruit .voice .voice_list li:last-child {
    margin-right: 0;
}

#recruit .voice .voice_list li a {
    text-decoration: none !important;
}

#recruit .voice .voice_list li a:hover {
    opacity: 0.8;
}

#recruit .voice .voice_list li a p {
    font-size: 116%;
    font-weight: bold;
    -moz-text-align-last: center;
    text-align-last: center;
    margin-top: 5px;
}

#recruit .voice .voice_list li a p span {
    position: relative;
    padding-left: 20px;
}

#recruit .voice .voice_list li a p span:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../../recruit/images/circle_ya.gif) no-repeat;
    background-size: contain;
}

#recruit section.bosyu {
    width: 820px;
    margin-bottom: 40px;
}

#recruit .recruit-btn {
    margin: 0px auto 40px;
}

#recruit .recruit-btn ul {
    margin: 0 auto;
    width: 820px;
}

#recruit .recruit-btn ul:after {
    content: "";
    display: block;
    clear: both;
}

#recruit .recruit-btn ul li {
    width: 400px;
    background-color: #ff837a;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
    position: relative;
}

#recruit .recruit-btn ul li:hover {
    background-color: #ffaaa6;
}

#recruit .recruit-btn ul li:nth-child(2n) {
    margin-right: 0;
}

#recruit .recruit-btn ul li:after {
    content: "";
    width: 15px;
    height: 18px;
    background: url(../../recruit/images/ya_right.png);
    top: 40%;
    right: 10px;
    position: absolute;
}

#recruit .recruit-btn ul li a {
    display: block;
    color: #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.5;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

#recruit .recruit-btn ul li a span {
    padding: 15px;
    display: block;
}

@media screen and (max-width: 850px) {
    #recruit .recruit-btn ul {
        width: auto;
    }
    #recruit .recruit-btn ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    #recruit .recruit-btn ul li a {
        font-size: 15px;
        line-height: 1.4;
    }
    #recruit .recruit-btn ul li a span {
        padding: 15px 39px 15px 15px;
    }
}

@media screen and (max-width: 440px) {
    #recruit .recruit-btn {
        margin-bottom: 20px;
    }
    #recruit .recruit-btn ul {
        width: auto;
    }
    #recruit .recruit-btn ul li {
        width: 100%;
        margin-right: 0%;
    }
    #recruit .recruit-btn ul li a {
        font-size: 14px;
    }
}

#recruit .sub-main {
    text-align: center;
    margin-bottom: 30px;
}

#recruit .sub-main:after {
    content: "";
    display: block;
    clear: both;
}

#recruit .sub-flow {
    margin: 40px 0 80px;
    text-align: center;
}

#recruit .sub-flow ul {
    margin: 0 auto;
    width: 780px;
}

#recruit .sub-flow ul:after {
    content: "";
    display: block;
    clear: both;
}

#recruit .sub-flow ul li {
    width: 100%;
    position: relative;
}

#recruit .sub-flow ul li:after {
    content: "";
    width: 28px;
    height: 19px;
    background: url(../../recruit/images/ya-flow.png) no-repeat;
    bottom: -22px;
    margin-left: -14px;
    left: 50%;
    position: absolute;
}

#recruit .sub-flow ul li:last-child:after {
    content: "";
    background: none;
}

#recruit .sub-flow ul li .sub-flow-list {
    width: 100%;
    margin-bottom: 30px;
    background: #FFF;
    overflow: hidden;
    border-radius: 10px;
}

#recruit .sub-flow ul li .sub-flow-list:after {
    content: "";
    display: block;
    clear: both;
}

#recruit .sub-flow ul li .sub-flow-l {
    text-align: center;
    float: left;
    width: 180px;
    display: block;
    background: #FF837B;
}

#recruit .sub-flow ul li .sub-flow-l > div {
    display: table;
    height: 100%;
    width: 100%;
}

#recruit .sub-flow ul li .sub-flow-l p {
    color: #FFF;
    font-weight: bold;
    font-size: 125%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#recruit .sub-flow ul li .sub-flow-r {
    float: right;
    background: #FFFFFF;
    padding: 20px;
    text-align: left;
    width: 600px;
}

#recruit .sub-flow ul li .sub-flow-r h3 {
    color: #FF8379;
    font-weight: bold;
    font-size: 125%;
}

#recruit .sub-flow ul li .sub-flow-r p {
    margin-bottom: 0;
}

@media screen and (max-width: 800px) {
    #recruit .sub-flow ul {
        width: auto;
    }
    #recruit .sub-flow ul li {
        width: 100%;
    }
    #recruit .sub-flow ul li .sub-flow-list {
        width: 100%;
    }
    #recruit .sub-flow ul li .sub-flow-l {
        width: 30%;
    }
    #recruit .sub-flow ul li .sub-flow-r {
        width: 70%;
    }
}

@media screen and (max-width: 510px) {
    #recruit .sub-flow {
        margin: 20px auto 50px;
    }
    #recruit .sub-flow ul {
        width: auto;
    }
    #recruit .sub-flow ul li {
        width: 100%;
    }
    #recruit .sub-flow ul li .sub-flow-list {
        width: 100%;
    }
    #recruit .sub-flow ul li .sub-flow-l {
        width: 100%;
        height: auto !important;
    }
    #recruit .sub-flow ul li .sub-flow-r {
        width: 100%;
        height: auto !important;
    }
    #recruit .sub-flow ul li .sub-flow-r h3 {
        font-size: 16px;
    }
    #recruit .sub-flow ul li .sub-flow-r p {
        font-size: 14px;
        line-height: 1.4;
    }
}

#recruit .sub-staff {
    width: 820px;
    margin: 40px auto;
    overflow: hidden;
}

#recruit .sub-staff .left {
    float: left;
    width: 200px;
    margin-right: 30px;
}

#recruit .sub-staff .left p {
    width: 200px;
    text-align: center;
}

#recruit .sub-staff .right {
    float: right;
    width: 585px;
}

#recruit .sub-staff .right .sub-staff-txt {
    background: #FFF;
    padding: 1.5em;
    margin-bottom: 20px;
    line-height: 2;
}

#recruit .sub-staff .right .sub-staff-txt span {
    font-size: 115%;
    font-weight: bold;
    color: #FF8379;
}

#recruit .sub-staff .right > p {
    margin: 0 10px;
}

@media screen and (max-width: 850px) {
    #recruit .sub-staff {
        width: auto;
    }
    #recruit .sub-staff .left {
        width: 30%;
        margin-right: 3%;
    }
    #recruit .sub-staff .left p {
        width: auto;
    }
    #recruit .sub-staff .right {
        width: 67%;
    }
}

@media screen and (max-width: 530px) {
    #recruit .sub-staff {
        margin: 20px auto;
    }
    #recruit .sub-staff .left {
        float: none;
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: center;
    }
    #recruit .sub-staff .right {
        float: none;
        width: auto;
    }
    #recruit .sub-staff .right .sub-staff-txt {
        margin-bottom: 10px;
        font-size: 90%;
    }
    #recruit .sub-staff .right > p {
        margin: 0 10px;
    }
}

#recruit .sub-bosyu {
    width: 720px;
    margin: 40px auto;
}

#recruit .sub-bosyu section {
    width: 700px;
    margin: 0 auto 40px;
}

#recruit .sub-bosyu section h2 span {
    color: #0CA5F0;
    font-size: 85%;
}

#recruit .sub-bosyu .oubo {
    display: block;
    margin-top: 15px;
}

#recruit .sub-bosyu .oubo span {
    font-weight: bold;
    font-size: 110%;
}

#recruit .sub-bosyu p.blue {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 110%;
    color: #0EA6F0;
    font-weight: bold;
    margin: 50px 0 0;
}

#recruit .sub-bosyu .sub-bosyu-btn {
    text-align: center;
    margin: 0 auto;
    width: auto;
}

#recruit .sub-bosyu .sub-bosyu-btn a {
    display: inline-block;
    margin-right: 30px;
    width: auto;
}

#recruit .sub-bosyu .sub-bosyu-btn a:last-child {
    margin-right: 0;
}

@media screen and (max-width: 730px) {
    #recruit .sub-bosyu {
        width: auto;
        margin: 40px auto;
    }
    #recruit .sub-bosyu section {
        width: auto;
    }
    #recruit .sub-bosyu section table {
        width: 100%;
    }
    #recruit .sub-bosyu section table th {
        width: 30%;
    }
    #recruit .sub-bosyu section table td {
        width: 70%;
    }
}

@media screen and (max-width: 670px) {
    #recruit .sub-bosyu .sub-bosyu-btn {
        text-align: center;
        margin: 0 auto;
        width: auto;
    }
    #recruit .sub-bosyu .sub-bosyu-btn a {
        width: 45%;
        margin-right: 5%;
    }
    #recruit .sub-bosyu .sub-bosyu-btn a:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    #recruit .sub-bosyu {
        margin: 20px auto;
    }
    #recruit .sub-bosyu section table th {
        width: 100%;
        display: block;
        padding: .5em;
    }
    #recruit .sub-bosyu section table td {
        width: 100%;
        display: block;
        padding: .5em .5em 1em;
        border-bottom: none;
    }
    #recruit .sub-bosyu p.blue {
        font-size: 100%;
        line-height: 1.4;
        margin-top: 25px;
    }
    #recruit .sub-bosyu .sub-bosyu-btn {
        margin-top: 20px;
    }
    #recruit .sub-bosyu .sub-bosyu-btn a {
        width: 100%;
        margin-right: 0%;
        margin: 10px auto 0;
    }
    #recruit .sub-bosyu .sub-bosyu-btn a img {
        margin-top: 0;
    }
    #recruit .sub-bosyu .sub-bosyu-btn a:last-child {
        margin-right: 0;
    }
}

#recruit .recruitBtn {
    margin: 70px 0;
}

#recruit .recruitBtn a {
    display: block;
    background: #41C4EF;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 0.7em;
    border-radius: 5px;
    margin-top: 0.8em;
    position: relative;
    font-size: 140%;
    max-width: 420px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 480px) {
    #recruit .recruitBtn a {
        font-size: 130%;
    }
}

#recruit .recruitBtn a:before {
    content: "";
    background: url(../images/gnav_arrow.png) no-repeat;
    background-size: contain;
    width: 8px;
    height: 10px;
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -5px;
}

#recruit .recruitBtn a:hover {
    opacity: 0.8;
}

#recruit .recruitBtn > p {
    text-align: center;
    margin-top: 0.5em;
    font-size: 110%;
}

@media screen and (max-width: 580px) {
    #recruit .recruitBtn {
        margin: 50px 0;
    }
}

#recruit .tabList {
    max-width: 860px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#recruit .tabList .recruitStaffList {
    display: block;
    width: 100%;
    background: #FFF;
    padding: 2em;
    border: #FE827A 5px solid;
}

@media screen and (max-width: 780px) {
    #recruit .tabList .recruitStaffList {
        border: #FE827A 3px solid;
    }
}

#recruit .tabList .recruitStaffList__item {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 2px dotted #FF837A;
    padding: 40px 0;
}

@media screen and (max-width: 820px) {
    #recruit .tabList .recruitStaffList__item {
        margin-right: 0px;
        margin-left: 0px;
    }
}

#recruit .tabList .recruitStaffList__item:after {
    content: "";
    display: block;
    clear: both;
}

#recruit .tabList .recruitStaffList__item:first-child {
    padding-top: 0;
}

#recruit .tabList .recruitStaffList__item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

#recruit .tabList .recruitStaffList__item .left {
    float: left;
    width: 200px;
    margin-right: 30px;
}

#recruit .tabList .recruitStaffList__item .left p {
    width: 200px;
    text-align: center;
}

#recruit .tabList .recruitStaffList__item .right {
    float: right;
    width: 67%;
}

#recruit .tabList .recruitStaffList__item .right p:last-of-type {
    margin-bottom: 0;
}

#recruit .tabList .recruitStaffList__item .left p, #recruit .tabList .recruitStaffList__item .right p {
    margin-top: 10px;
}

#recruit .tabList .recruitStaffList__item div img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 800px) {
    #recruit .tabList .recruitStaffList__item {
        padding: 30px 0;
    }
    #recruit .tabList .recruitStaffList__item .left {
        float: left;
        width: 30%;
        margin-right: 3%;
    }
    #recruit .tabList .recruitStaffList__item .left p {
        width: auto;
    }
    #recruit .tabList .recruitStaffList__item div img {
        max-width: 300px;
    }
}

@media screen and (max-width: 570px) {
    #recruit .tabList .recruitStaffList__item .left {
        float: none;
        width: auto;
        margin-right: 0;
    }
    #recruit .tabList .recruitStaffList__item .left > img {
        margin: 0 auto;
        display: block;
    }
    #recruit .tabList .recruitStaffList__item .right {
        float: none;
        width: auto;
    }
    #recruit .tabList .recruitStaffList__item div img {
        max-width: 250px;
    }
}

/*お客様の声*/
/*--------20160802 採用ページ---------*/
/*--------20160802 採用ページ　サブ---------*/
/*----------------------------------------採用エントリーフォーム entry----------------------------------------*/
#entry {
    margin-bottom: 50px;
}

#entry .page-title {
    background: url(../../contact/images/title_bg.jpg);
}

#entry .page-title--txt {
    width: 250px;
}

#entry .page-text {
    text-align: center;
}

#entry .page-text p {
    display: inline-block;
    text-align: left;
}

#entry .entryAttention {
    text-align: center;
    margin-bottom: 1em;
    font-size: 93%;
}

@media screen and (max-width: 480px) {
    #entry .entryAttention {
        text-align: left;
    }
}

#entry table {
    margin: 40px auto;
}

#entry table input {
    border: 1px solid #ccc;
    height: 2em;
    padding: .5em;
}

#entry table .check {
    display: inline-block;
    margin-right: 1.2em;
}

#entry table textarea {
    border: 1px solid #ccc;
    padding: .5em;
}

#entry table th {
    padding: 15px 15px;
}

#entry .kome {
    color: #F00;
    font-weight: normal;
    margin-left: 3px;
}

#entry .note {
    font-size: 86%;
    margin-left: 5px;
}

#entry #formBtn {
    background: url(../../contact/images/btn.gif) no-repeat 0 0;
    border: none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin: 0 auto 30px;
    text-indent: -9999px;
    width: 300px;
}

@media screen and (max-width: 760px) {
    #entry table {
        width: 100%;
    }
    #entry table th {
        width: 40%;
    }
    #entry table td {
        width: 60%;
    }
    #entry table textarea {
        border: 1px solid #ccc;
    }
    #entry table textarea, #entry table input {
        width: auto;
    }
}

@media screen and (max-width: 600px) {
    #entry table {
        margin: 20px auto;
        width: 100%;
    }
    #entry table th {
        width: 100%;
        display: block;
        padding: 0.5em 0.8em;
    }
    #entry table td {
        width: 100%;
        display: block;
        padding: 1em 1em 1.2em;
        border-bottom: none;
    }
    #entry table textarea {
        border: 1px solid #ccc;
    }
    #entry table textarea, #entry table input {
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    #entry {
        margin-bottom: 25px;
    }
    #entry .page-title--txt {
        width: 80%;
        max-width: 200px;
        font-size: 100%;
    }
    #entry .page-title--txt img {
        width: 100%;
        height: auto;
    }
    #entry table #name, #entry table #furi, #entry table #address, #entry table #con {
        width: 100%;
    }
    #entry table .setsumei {
        font-size: 12px;
        display: block;
    }
}

#contact .confirmBtn,
#entry .confirmBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#entry .confirmBtn #formBtn {
    background: url(../../recruit/images/confirm-btn.gif) no-repeat 0 0;
    border: none;
    cursor: pointer;
    display: block;
    margin: 0;
    text-indent: -9999px;
    width: 300px;
    height: 60px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 20px;
}

#entry .confirmBtn #backBtn {
    background: url(../../recruit/images/btn-back.gif) no-repeat 0 0;
    border: none;
    cursor: pointer;
    display: block;
    margin: 0;
    text-indent: -9999px;
    width: 240px;
    height: 56px;
}

@media screen and (max-width: 620px) {
    #entry .confirmBtn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #entry .confirmBtn #formBtn {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-left: 0;
        margin-bottom: 16px;
    }
}

/*----------------------------------------
　法人のお客様へ corporation
----------------------------------------*/
#corporation .page-title {
    background: url(../../corporation/images/title_bg.jpg);
}

#corporation .page-title--txt {
    width: 208px;
}

#corporation section {
    margin-bottom: 45px;
    padding-bottom: 50px;
    border-bottom: 1px dotted #CCC;
}

#corporation section:last-child {
    border-bottom: none;
}

#corporation section h2 {
    clear: both;
    padding-top: 30px;
}

#corporation section h3 {
    font-size: 187%;
    font-weight: bold;
    color: #FF8379;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
}

#corporation section p {
    margin-bottom: 30px;
}

#corporation section strong {
    font-weight: bold;
    color: #FF8379;
}

#corporation section p.tit {
    text-align: center;
}

#corporation .lead:after {
    content: "";
    display: block;
    clear: both;
}

#corporation .lead strong {
    font-size: 114%;
}

#corporation .lead ul.nav {
    margin: 0 auto;
    width: 825px;
}

#corporation .lead ul.nav:after {
    content: "";
    display: block;
    clear: both;
}

#corporation .lead ul.nav li {
    float: left;
    margin: 0 15px;
}

#corporation .lead .txt {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    width: 66%;
    float: right;
}

#corporation .lead .txt:after {
    content: "";
    display: block;
    clear: both;
}

#corporation div {
    border: 5px solid #FF8379;
    padding: 30px 30px 10px;
    margin: -20px 0 30px;
    background: #FFF;
}

#corporation div ul li {
    font-size: 114%;
    font-weight: bold;
    margin-bottom: 20px;
}

#corporation .btn {
    text-align: center;
    display: block;
    margin: 0 auto;
}

#corporation #s02 ul.staff {
    overflow: hidden;
    position: relative;
    margin-bottom: 35px;
}

#corporation #s02 ul.staff li {
    float: left;
    width: 330px;
    margin-right: 30px;
    list-style: disc inside;
}

@media screen and (max-width: 890px) {
    #corporation section {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    #corporation section h2 {
        padding-top: 15px;
    }
    #corporation section h3 {
        font-size: 160%;
    }
    #corporation section p {
        margin-bottom: 1em;
    }
    #corporation section strong {
        margin-bottom: 1em;
        display: inline-block;
    }
    #corporation section p.tit {
        text-align: center;
    }
    #corporation .lead > img {
        width: 30%;
    }
    #corporation .lead ul.nav {
        width: auto;
    }
    #corporation div {
        border: 3px solid #FF8379;
        padding: 15px 15px 5px;
        margin: -20px 0 30px;
    }
    #corporation div ul li {
        font-size: 105%;
        font-weight: bold;
        margin-bottom: 1em;
        line-height: 1.4;
    }
    #corporation #s02 ul.staff {
        overflow: hidden;
        position: relative;
        margin-bottom: 35px;
    }
    #corporation #s02 ul.staff li {
        float: left;
        width: 330px;
        margin-right: 30px;
        list-style: disc inside;
    }
}

@media screen and (max-width: 480px) {
    #corporation .page-title--txt {
        width: 160px;
    }
    #corporation section h3 {
        font-size: 150%;
    }
    #corporation .lead ul.nav {
        width: auto;
    }
    #corporation .lead ul.nav li {
        float: none;
        margin: 0;
        border-bottom: 1px dashed #ccc;
    }
    #corporation .lead ul.nav li:last-child {
        border-bottom: none;
    }
    #corporation .lead ul.nav li a {
        text-align: left;
        display: block;
        position: relative;
        text-decoration: none;
        padding: .5em 1em;
        background: #fff;
    }
    #corporation .lead ul.nav li a:after {
        font-family: FontAwesome;
        content: "\f107";
        position: absolute;
        right: 1em;
        bottom: 50%;
        margin-bottom: -.8em;
    }
    #corporation .lead > img {
        float: none;
        width: auto;
        display: block;
        margin: 0 auto;
    }
    #corporation .lead .txt {
        float: none;
        width: auto;
        margin: 1em auto;
    }
    #corporation .btn {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*----------------------------------------
　お問い合わせ contact
----------------------------------------*/
#contact {
    margin-bottom: 50px;
}

#contact .page-title {
    background: url(../../contact/images/title_bg.jpg);
}

#contact .page-title--txt {
    width: 176px;
}

#contact table {
    margin: 40px auto;
}

#contact table input {
    border: 1px solid #ccc;
    height: 2em;
    padding: .5em;
}

#contact table textarea {
    border: 1px solid #ccc;
    padding: .5em;
}

#contact .kome {
    color: #F00;
    font-weight: normal;
    margin-left: 3px;
}

#contact #formBtn {
    background: url(../../contact/images/btn.gif) no-repeat 0 0;
    border: none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin: 0 auto 30px;
    text-indent: -9999px;
    width: 300px;
}
#contact .confirmBtn #formBtn {
    background: url(../../contact/images/confirm-btn.gif) no-repeat 0 0;
    border: none;
    cursor: pointer;
    display: block;
    margin: 0;
    text-indent: -9999px;
    width: 300px;
    height: 60px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 20px;
}
#contact .confirmBtn #backBtn {
    background: url(../../contact/images/btn-back.gif) no-repeat 0 0;
    border: none;
    cursor: pointer;
    display: block;
    margin: 0;
    text-indent: -9999px;
    width: 240px;
    height: 56px;
}

@media screen and (max-width: 760px) {
    #contact table {
        width: auto;
    }
    #contact table th {
        width: 40%;
    }
    #contact table td {
        width: 60%;
    }
    #contact table textarea {
        border: 1px solid #ccc;
    }
    #contact table textarea, #contact table input {
        width: auto;
    }
}

@media screen and (max-width: 600px) {
    #contact table {
        margin: 20px auto;
        width: 100%;
    }
    #contact table th {
        width: 100%;
        display: block;
        padding: 0.5em 0.8em;
    }
    #contact table td {
        width: 100%;
        display: block;
        padding: 1em 1em 1.2em;
        border-bottom: none;
    }
    #contact table textarea {
        border: 1px solid #ccc;
    }
    #contact table textarea, #contact table input {
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    #contact {
        margin-bottom: 25px;
    }
    #contact .page-title--txt {
        width: 160px;
    }
    #contact table #name, #contact table #furi, #contact table #address, #contact table #con {
        width: 100%;
    }
    #contact table .setsumei {
        font-size: 12px;
        display: block;
    }
}

/*----------------------------------------
　clearfix
----------------------------------------*/
.clearfix:after, nav ul#gNav:after, #index .rinen div:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

/* IE6 */
* html .clearfix, *:first-child + html .clearfix {
    zoom: 1;
}

/* IE7 */
/*----------------------------------------
　opacity
----------------------------------------*/
a:hover img, header ul li a:hover, footer ul li a:hover, nav ul#gNav ul li a:hover, ul.ftLink li a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

nav ul#gNav a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/*----------------------------------------
　インターン募集 internship
----------------------------------------*/
#internship {
    margin-bottom: 50px;
}

#internship .page-title {
    background: url(../../internship/images/title_bg.jpg);
}

#internship .page-title--txt {
    width: 229px;
}

#internship .telArea {
    background: url(../../internship/images/tel_bg.jpg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#internship .telArea .tel {
    max-width: 200px;
    margin-right: 1.3em;
}

@media screen and (max-width: 660px) {
    #internship .telArea {
        display: block;
        text-align: center;
        padding: 1em;
    }
    #internship .telArea .tel {
        margin: 0 auto 0.3em auto;
    }
}

#internship .entryBtn {
    text-align: center;
}

#internship .entryBtn a {
    display: block;
    background: #55B491;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 0.6em;
    border-radius: 5px;
    margin-top: 2em;
    position: relative;
    font-size: 130%;
    max-width: 300px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#internship .entryBtn a:before {
    content: "";
    background: url(../images/gnav_arrow.png) no-repeat;
    background-size: contain;
    width: 8px;
    height: 10px;
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -5px;
}

#internship .entryBtn a:hover {
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    #internship {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 480px) {
    #internship {
        margin-bottom: 25px;
    }
    #internship .page-title--txt {
        width: 80%;
        max-width: 170px;
        font-size: 100%;
    }
    #internship .page-title--txt img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 840px) {
    #internship section {
        width: 90%;
    }
}

/*----------------------------------------
　各種申請書・書式ダウンロード download
----------------------------------------*/
#download {
    margin-bottom: 50px;
}

#download .page-title {
    background: url(../../company/images/title_bg.jpg);
}

#download .page-title--txt {
    width: 417px;
}

@media screen and (max-width: 840px) {
    #download .page-title--txt {
        width: 80%;
        max-width: 375px;
        font-size: 100%;
    }
}

#download .text {
    text-align: center;
}

@media screen and (max-width: 700px) {
    #download .text {
        text-align: left;
    }
}

#download .adobeWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 800px) {
    #download .adobeWrap {
        display: block;
        text-align: center;
    }
    #download .adobeWrap img {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 700px) {
    #download .adobeWrap p {
        text-align: left;
    }
}

#download .downloadList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.3em;
}

#download .downloadList__item {
    width: 49%;
    margin-right: 2%;
    margin-top: 1.3em;
}

#download .downloadList__item:nth-child(2n) {
    margin-right: 0;
}

#download .downloadList__item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #FE827A;
    background-color: #FFFFFF;
    border-radius: 5px;
    text-align: left;
    padding: 1.5em 1em;
    text-decoration: none;
    color: #333333;
}

#download .downloadList__item a span {
    position: relative;
    padding-left: 1.7em;
}

#download .downloadList__item a span:before {
    position: absolute;
    content: "";
    width: 12.25px;
    height: 16px;
    background: url(../../download/images/icon_pdf.png) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -0.5em;
}

#download .downloadList__item a:hover {
    background-color: #FFF9F8;
}

@media screen and (max-width: 700px) {
    #download .downloadList {
        display: block;
    }
    #download .downloadList__item {
        width: 100%;
        margin: 2em auto 0 auto;
    }
    #download .downloadList__item:nth-child(2n) {
        margin-right: auto;
    }
}

@media screen and (max-width: 540px) {
    #download .downloadList__item {
        margin: 1em auto 0 auto;
    }
}

@media screen and (max-width: 700px) {
    #download section {
        width: 90%;
    }
}