@charset "utf-8";

/* style.css
 * **************************************************
 * Body
 * Header
 * Global Navigation
 * Common Elements
 * Content
 * Footer
 * Media Queries
 * **************************************************
 */

/* Body
-------------------------------------------------- */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Font：基本サイズ（16 * 0.625 = 10px） */
html {
    font-size: 62.5%;
}

body {
    color: #231815;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
    font-feature-settings: 'palt';
    font-size: 14px;
    font-size: 1.4em;
    overflow-x: hidden;
}

@media only screen and (max-width: 1280px) {
    body {
        font-size: 1.09vw;
    }
}

.inner {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 940px;
}

@media only screen and (max-width: 1280px) {
    .inner {
        width: 73.43%;
    }
}

/* Header
-------------------------------------------------- */

#header .inner {
    padding: 1.71% 3.28% 1.56%;
    width: 1280px;
}

@media only screen and (max-width: 1280px) {
    #header .inner {
        width: 100%;
    }
}

/* logo */
#header h1 {
    width: 8.9%;
}

/* fiftieth */
#header .fiftieth {
    position: absolute;
    top: 11.76%;
    right: 2.96%;
    width: 6.87%;
}

/* Common Elements
-------------------------------------------------- */

/* img */
img {
    vertical-align: bottom;
    max-width: 100%;
}

/* link */
a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

a:hover {
    color: inherit;
    opacity: 0.8;
    text-decoration: none;
}

/* columns */
.columns {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* paragraph */
p br.sp {
    display: none;
}

p.notes {
    line-height: 1.6;
    text-align: center;
}

/* button */
.button {
    margin: 0 auto;
}

.button a {
    border-radius: 16px;
    display: block;
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: 0.18em;
    padding: 0.52em 0;
    text-align: center;
    width: 100%;
}

_:-ms-input-placeholder,
:root .button a {
    /* IE */
    padding: 0.72em 0 0.32em;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .button a {
        font-size: 2.65vw;
    }
}

/* haedline */
#content h2,
#content h3 {
    margin: 0 auto;
}

/* bgWave */
#content .bgWave {
    background: url(../images/bg_wave.png) repeat;
    background-size: auto;
}

/* Content
-------------------------------------------------- */

main {
    background-color: #eeffff;
    display: block;
}

/* content */
#content {
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0 0 5px;
    width: 1280px;
}

@media only screen and (max-width: 1280px) {
    #content {
        width: 100%;
    }
}

/* mainvisual */
#mainvisual {
    background-image: url(../images/main.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #ffffff;
    margin: 0 0 -118px;
    padding: 4.68% 0 0;
    position: relative;
}

#mainvisual h1 {
    margin: 0 auto;
    width: 51.56%;
}

#mainvisual .kids {
    margin: 2.34% auto 0;
    position: relative;
    width: 668px;
    width: 52.18%;
    z-index: 2;
}

#mainvisual .kids .illust {
    position: absolute;
}

#mainvisual .kids .illust01 {
    -webkit-animation: anime01 1s infinite ease-in-out alternate;
    animation: anime01 1s infinite ease-in-out alternate;
    top: 17.04%; left: -2.54%;
    width: 23.35%;
}

#mainvisual .kids .illust02 {
    -webkit-animation: anime02 1s infinite ease-in-out;
    animation: anime02 1s infinite ease-in-out;
    top: 5.11%; left: 26.19%;
    width: 27.84%;
}
#mainvisual .kids .illust03 {
    -webkit-animation: anime01 1s infinite ease-in-out;
    animation: anime01 1s infinite ease-in-out;
    top: 6.25%; right: 3.89%;
    width: 32.93%;
}

@-webkit-keyframes anime01 {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
    }

    50% {
        -webkit-transform: translate(0, -5px) rotate(5deg);
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
    }
}

@keyframes anime01 {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    50% {
        transform: translate(0, -5px) rotate(5deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

@-webkit-keyframes anime02 {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
    }

    50% {
        -webkit-transform: translate(0, 5px) rotate(-10deg);
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
    }
}

@keyframes anime02 {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    50% {
        transform: translate(0, 5px) rotate(-10deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

/* entry */
#content .entry {
    position: relative;
}

#content .entry#entry02 {
    margin-top: 21.87%;
    padding-bottom: 7.18%;
}

#content .entryTop .inner {
    padding: 7.65% 0 32.42%;
    position: relative;
}

#content .entryTop p {
    margin: 0 auto;
    width: 71.06%;
}

#content .entryTop .inner > img {
    position: absolute;
    bottom: 2.75%;
    left: 0;
}

#content .entry .bg {
    background-color: #daffff;
    border-top-left-radius: 2.14em;
    border-top-right-radius: 2.14em;
    margin-top: -6.59%;
    padding: 11.91% 0 10.63%;
}

#content .entry#entry03 .bg {
    background-color: #ffffff;
    padding-top: 5.1%;
}

#content .entry h2 {
    width: 72.34%;
}

#content .entry#entry02 h2 {
    margin-bottom: -198px;
    position: relative;
    top: -198px;
}

#content .entry#entry03 h2 {
    margin-bottom: -364px;
    position: relative;
    top: -364px;
}

#content .entry h3 {
    margin: 0 auto 3.82%;
    width: 70.95%;
}

#content .entry ul.reason {
    list-style: none;
    margin: 0 auto;
    width: 852px;
    width: 90.63%;
}

#content .entry ul.reason li {
    width: 30.63%;
}

#content .entry .tel {
    margin-top: 6.8%;
}

#content .entry .tel p {
    font-size: 3.0rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    line-height: 1.3;
    margin: 0 0 0.6em;
    text-align: center;
}

#content .entry#entry02 .tel p {
    color: #ffffff;
}

#content .entry .tel .button {
    width: 53.19%;
}

#content .entry .button a {
    background-color: #e9460f;
    color: #ffff00;
}

#content .entry .button span {
    background-color: #ffffc8;
    border: 3px solid #e9460f;
    border-radius: 16px;
    color: #e9460f;
    display: block;
    font-size: 4.0rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 0.325em 0;
    text-align: center;
    width: 100%;
}

_:-ms-input-placeholder,
:root #content .entry .button span {
    /* IE */
    padding: 0.525em 0 0.125em;
}

#content .entry .number p.notes {
    font-size: 2.0rem;
    line-height: 1.7;
    margin: 2.87% 0 5.73%;
}

#content .entry .trial h3 {
    width: 40.85%;
}

#content .entry .trial .image {
    margin: 5.1% auto 7.02%;
    width: 78.51%;
}

#content .entry .more {
    position: absolute;
    bottom: -58px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 350px;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

    #content .entry .number p {
        font-size: 3.12vw;
    }

    #content .entry .number p.notes {
        font-size: 1.56vw;
    }
    
    #content .entry#entry02 h2 {
        margin-bottom: -15.46vw;
        top: -15.46vw;
    }

    #content .entry#entry03 h2 {
        margin-bottom: -28.43vw;
        top: -28.43vw;
    }

    #content .entry .tel p {
        font-size: 2.34vw;
    }
    
    #content .entry .button span {
        font-size: 3.12vw;
    }
    
    #content .entry .more {
        bottom: -4.53vw;
        width: 27.34vw;
    }

}

/* special */
#content .special {}

#content .special .inner {
    padding: 10.93% 0 8.75%;
}

#content .special h2 {
    width: 63.82%;
}

#content .special h3 {
    margin-top: 4.04%;
    width: 85.1%;
}

#content .special .gifts {
    background-color: #ffffff;
    border: 5px solid #2899ff;
    border-radius: 2.7em;
    margin: 5.31% 8.19% 0;
    padding: 2.97% 3.61% 1.91%;
}

#content .special .gifts ul {
    list-style: none;
}

#content .special p.notes {
    color: #ffffff;
    margin: 7% 0 0 0;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {}

/* school */
#content .schoolImg {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 680px;
}

#content #schoolImgSwimming {
    background-image: url(../images/img_swimming_01.jpg);
}

#content #schoolImgGymnastics {
    background-image: url(../images/img_gymnastics_01.jpg);
}

#content #schoolImgDance {
    background-image: url(../images/img_dance_01.jpg);
}

#content .school {
    padding: 9.06% 0 0 0;
}

#content .school#swimming {
    background: -webkit-linear-gradient(left, rgba(0, 100, 255, 0.15), rgba(255, 255, 255, 0), rgba(0, 100, 255, 0.15));
    background: linear-gradient(to right, rgba(0, 100, 255, 0.15), rgba(255, 255, 255, 0), rgba(0, 100, 255, 0.15));
}

#content .school#gymnastics {
    background: -webkit-linear-gradient(left, rgba(0, 218, 120, 0.15), rgba(255, 255, 255, 0), rgba(0, 218, 120, 0.15));
    background: linear-gradient(to right, rgba(0, 218, 120, 0.15), rgba(255, 255, 255, 0), rgba(0, 218, 120, 0.15));
}

#content .school#dance {
    background: -webkit-linear-gradient(left, rgba(255, 48, 148, 0.15), rgba(255, 255, 255, 0), rgba(255, 48, 148, 0.15));
    background: linear-gradient(to right, rgba(255, 48, 148, 0.15), rgba(255, 255, 255, 0), rgba(255, 48, 148, 0.15));
}

#content .school#others {
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.15), rgba(255, 255, 255, 0), rgba(255, 255, 0, 0.15));
    background: linear-gradient(to right, rgba(255, 255, 0, 0.15), rgba(255, 255, 255, 0), rgba(255, 255, 0, 0.15));
}

#content .school h2 {
    width: 30.46%;
}

#content .school p {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.185em;
    line-height: 2.5;
    margin: 2.58em 0 0 0;
    text-align: center;
}

#content .school .voice {
    padding: 8.9% 0 8.68%;
    position: relative;
}

#content .school#swimming .voice {
    margin: -0.78% 0 1.4%;
}

#content .school#gymnastics .voice {
    margin: 1.71% 0 3.59%;
}

#content .school#dance .voice {
    margin: -3.28% 0 3.12%;
}

#content .school .voice .bg {
    padding: 3.28% 0 3.28% 16.87%;
}

#content .school#gymnastics .voice .bg {
    padding-left: 47.34%;
}

#content .school#swimming .voice .bg {
    background: -webkit-linear-gradient(left, #0064ff 35%, #ffffff 70%, #ffffff);
    background: linear-gradient(to right, #0064ff 35%, #ffffff 70%, #ffffff);
}

#content .school#gymnastics .voice .bg {
    background: -webkit-linear-gradient(right, #00da78 35%, #ffffff 70%, #ffffff);
    background: linear-gradient(to left, #00da78 35%, #ffffff 70%, #ffffff);
}

#content .school#dance .voice .bg {
    background: -webkit-linear-gradient(left, #ff3094 35%, #ffffff 70%, #ffffff);
    background: linear-gradient(to right, #ff3094 35%, #ffffff 70%, #ffffff);
}

#content .school .voice .bg p {
    color: #ffffff;
    margin: 0;
    text-align: left;
}

#content .school .voice img {
    position: absolute;
    top: 0;
    left: 64.53%;
    width: 33.43%;
    z-index: 1;
}

#content .school#gymnastics .voice img {
    top: 0;
    left: 3.28%;
}

#content .school .schedule {
    padding: 0 0 9.37%;
}

#content .school .schedule label {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 60.85%;
    z-index: 1;
}

#content .school .schedule input {
	display: none;
}

#content .school .schedule .toggleContents {
	height: 0;
	opacity: 0;
	transition: 0.2s;
}

#content .school .schedule input:checked ~ .toggleContents {
	height: auto;
	opacity: 1;
    padding: 5.62% 0 0;
}

#content .school .schedule .toggleContents .item {
    margin: 0 auto;
    width: 60.93%;
}

#content .school .schedule .toggleContents .item + .item {
    margin-top: 5.93%;
}

#content .school .schedule .toggleContents .item h3 {
    margin: 0 0 2.56%;
}

#content .school .schedule .toggleContents .item img + img {
    margin-top: 4.87%;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

    #content .schoolImg {
        height: 53.12vw;
    }

    #content .school p {
        font-size: 1.87vw;
    }

}

@media screen and (max-width: 1024px) {
    
	#content .schoolImg {
		background-attachment: scroll;
        
	}
}

/* mix */
#content #mix {
    margin: 190px 0 0 0;
}

#content #mix .inner {
    background: url(../images/bg_mix_01.png) no-repeat center top;
    background-size: 100% 100%;
    padding: 9.29% 0 9.37%;
    position: relative;
}

#content #mix .more {
    position: absolute;
    top: -7.5%;
    left: -0.42%;
    width: 47.02%;
}

#content #mix h2 {
    margin: 8.82% auto 4.25%;
    width: 55.42%;
}

#content #mix p {
    font-size: 2.6rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    line-height: 2;
    text-align: center;
}

#content #mix .inner > img:not(.more) {
    display: block;
    margin: 0 auto;
    width: 73.93%;
}

#content #mix .inner > img:not(.more) + img {
    margin-top: 10.1%;
}

#content #mix .button {
    margin-top: 7.87%;
    width: 53.19%;
}

#content #mix .button a {
    background-color: #000000;
    color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

    #content #mix p {
        font-size: 2.03vw;
    }

}

/* start */
#content #start {
    background-color: #2899ff;
}

#content #start .inner {
    padding: 11.09% 0 10.62%;
}

#content #start h2 {
    width: 68.93%;
}

#content #start label {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    margin: 9.36% auto 0;
    width: 80.85%;
}

#content #start input {
	display: none;
}

#content #start .toggleContents {
	height: 0;
	opacity: 0;
	transition: 0.2s;
}

#content #start input:checked ~ .toggleContents {
	height: auto;
	opacity: 1;
    padding: 7.87% 0 0;
}

#content #start .toggleContents > p {
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    line-height: 2;
    margin: 3.91em 0 0 0;
    text-align: center;
}

#content #start .bg {
    background-color: #ffffff;
    border-radius: 2.71em;
    margin: 0 9.57%;
    padding: 10% 0 8.51%;
    /*    width: 760px;*/
}

#content #start .bg h3 {
    margin: 0 0 0 9.73%;
    width: 72.63%;
}

#content #start .bg p {
    font-size: 3.0rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    line-height: 2.1;
    margin: 1.4em 0 0 9.21%;
}

#content #start .bg > img {
    display: block;
    margin: 1.57% auto 0;
    width: 94.73%;
}

#content #start .bg > img + img {
    margin-top: 8.68%;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

    #content #start .toggleContents > p {
        font-size: 1.87vw;
    }

    #content #start .bg p {
        font-size: 2.34vw;
    }

}

/* fixedImg */
#content .fixedImg {
    background-image: url(../images/bg_growing_up.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 640px;
    position: relative;
}

#content .fixedImg img {
    position: absolute;
    top: 5.46%;
    left: 3.9%;
    width: 19.06%;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

    #content .fixedImg {
        height: 50vw;
    }
}

@media screen and (max-width: 1024px) {
    
	#content .fixedImg {
		background-attachment: scroll;
        
	}
}

/* coordination */
#content #coordination {
    background: url(../images/bg_coordination_01.jpg) repeat-y;
    background-size: 100%;
    padding: 0 0 7.81%;
}

#content #coordination .inner {
    padding: 9.84% 7.03% 0;
}

#content #coordination h2 {
    width: 83.68%;
}

#content #coordination p {
    margin: 4.86% 0 0 0;
}

#content #coordination label {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    margin: 1.44% 0 0 0;
}

#content #coordination input {
	display: none;
}

#content #coordination .toggleContents {
	height: 0;
	opacity: 0;
	transition: 0.2s;
}

#content #coordination input:checked ~ .toggleContents {
	height: auto;
	opacity: 1;
    padding: 7.87% 0 0;
}

#content #coordination ul {
    list-style: none;
    margin: -1.57% 0 0 0;
}

#content #coordination ul li {
    margin: 5.52% 0 0 0;
    width: 44.47%;
}

#content #coordination ul li:last-child {
    width: 100%;
}

#content #coordination .toggleContents > img {
    display: block;
    margin: 10.93% 0 0 0;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {}

/* coach */
#content #coach {
    background: url(../images/bg_coach_01.png) repeat-y;
    background-size: 100%;
}

#content #coach .inner {
    padding: 14.84% 0 12.18%;
}

#content #coach h2 {
    width: 65.63%;
}

#content #coach h2 + p {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    line-height: 2;
    margin: 2.2em 0 0 0;
    text-align: center;
}

#content #coach ul {
    list-style: none;
    margin: 5.85% auto 0;
    width: 672px;
    width: 71.48%;
}

#content #coach ul li + li {
    margin: 7.44% 0 0 0;
}

#content #coach ul + p {
    margin: 11.7% auto 0;
    width: 55.74%;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

    #content #coach h2 + p {
        font-size: 1.87vw;
    }
}

/* reason */
#content #reason {
    background: -webkit-linear-gradient(left, #e5bf6f 25%, #faf6be 50%, #e5bf6f);
    background: linear-gradient(to right, #e5bf6f 25%, #faf6be 50%, #e5bf6f);
}

#content #reason .inner {
    padding: 8.9% 0 5.07%;
}

#content #reason h2 {
    width: 71.48%;
}

#content #reason dl {
    margin: 8.08% 0 0 0;
}

#content #reason dl dt {
    margin: 0 auto;
    width: 56.8%;
}

#content #reason dl dd {
    margin: 4.78% 0 0 0
}

#content #reason dl dd ul {
    list-style: none;
    margin: 0 9.57%;
}

#content #reason dl dd ul li {
    width: 29.73%;
}

/* pageTop */
#pageTop {
    background: #37bdff;
    border-radius: 50%;
    height: 50px;
    opacity: 0.7;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    z-index: 99;
}

#pageTop a {
    display: block;
    position: relative;
    height: 50px;
    width: 50px;
}

#pageTop a::before {
    color: #fff;
    content: '\f106';
    font-family: FontAwesome;
    font-size: 25px;
    position: absolute;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Footer
-------------------------------------------------- */

#footer {
    background-color: #ffffff;
}

#footer .inner {
    background-color: #ffffff;
    padding: 3.12% 0;
    width: 1280px;
}

#footer .logo {
    margin: 0 auto;
    width: 13.71%;
}

@media only screen and (max-width: 1280px) {
    #footer .inner {
        width: 100%;
    }
}


/* Media Queries
-------------------------------------------------- */

@media only screen and (max-width: 767px) {

    /* Body
	-------------------------------------------------- */

    body {
        font-size: 10px;
        font-size: 2.66vw;
        min-width: 320px;
    }

    .inner {
        width: auto;
    }

    /* Header
	-------------------------------------------------- */

    #header .inner {
        padding: 3.73% 4%;
    }

    /* logo */
    #header h1 {
        width: 16.53%;
    }

    /* fiftieth */
    #header .fiftieth {
        right: 4%;
        width: 12.4%;
    }

    /* Common Elements
	-------------------------------------------------- */

    /* paragraph */
    p br.pc {
        display: none;
    }

    p br.sp {
        display: block;
    }

    p.notes {
        text-align: left;
    }

    /* button */
    .button {}

    .button a {
        border-radius: 8px;
        font-size: 1.7rem;
        font-size: 4.53vw;
    }
    
    /* bgWave */
    #content .bgWave {
        background-size: 50px;
    }
    
    /* Content
	-------------------------------------------------- */

    /* mainvisual */
    #mainvisual {
        background-image: url(../images/main_sp.jpg);
        margin-bottom: -12%;
        padding-top: 8%;
    }

    #mainvisual h1 {
        width: 79.2%;
    }

    #mainvisual .kids {
        margin-top: 6%;
        width: 84.6%;
    }

    #mainvisual .kids > img {
        margin-left: 4%;
    }

    #mainvisual .kids .illust01 {
        left: 2.54%;
    }

    #mainvisual .kids .illust02 {
        left: 30.19%;
    }
    #mainvisual .kids .illust03 {
        right: 0;
    }
    
    /* entry */
    #content .entry#entry02 {
        margin-top: 29.06%;
        padding-bottom: 8%;
    }
    
    #content .entryTop .inner {
        padding: 11.33% 0 40.66%;
    }

    #content .entryTop p {
        width: 79.73%;
    }

    #content .entryTop .inner > img {
        bottom: 1%;
    }

    #content .entry .bg {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        margin: -9% 5.33% 0;
        padding: 14.71% 0 12%;
    }
    
    #content .entry h2 {
        width: 74.93%;
    }
    
    #content .entry#entry02 h2 {
        margin-bottom: -20.8vw;
        top: -20.8vw;
        width: 74.92%;
    }

    #content .entry#entry03 h2 {
        margin-bottom: -37.33vw;
        top: -37.33vw;
    }

    #content .entry h3 {
        margin-bottom: 8.7%;
        width: 54.05%;
    }

    #content .entry ul.reason {
        width: 75.97%;
    }

    #content .entry ul.reason li {
        width: 100%;
    }

    #content .entry ul.reason li + li {
        margin-top: 2.96%;
    }
    
    #content .entry#entry01 .tel,
    #content .entry#entry03 .tel {
        margin-top: 8%;
    }
    
    #content .entry .tel p {
        font-size: 4vw;
        margin: 0 0 0.46em;
    }

    #content .entry .tel .button {
        width: 75.07%;
    }

    #content .entry#entry02 .tel .button {
        width: 66.66%;
    }
    
    #content .entry .button span {
        border-width: 2px;
        border-radius: 8px;
        font-size: 5.33vw;
    }
    
    #content .entry .trial h3 {
        margin-bottom: 0;
        width: 49.24%;
    }

    #content .entry .trial .image {
        margin: 6.3% auto 8.4%;
        width: 93%;
    }
    
    #content .entry .more {
        bottom: -6vw;
        width: 42.66%;
    }

    /* special */
    #content .special .inner {
        padding: 13.33% 0 10%;
    }

    #content .special h2 {
        width: 60.66%;
    }

    #content .special h3 {
        width: 87.46%;
    }

    #content .special .gifts {
        border-width: 2px;
        border-radius: 16px;
        margin: 5.06% 6.13% 0;
        padding: 4.29% 5.43% 2.91%;
    }

    /* school */
    #content .schoolImg {
        background-attachment: scroll;
        height: 200px;
    }

    #content #schoolImgSwimming {
        background-image: url(../images/img_swimming_01_sp.jpg);
    }

    #content #schoolImgGymnastics {
        background-image: url(../images/img_gymnastics_01_sp.jpg);
    }

    #content #schoolImgDance {
        background-image: url(../images/img_dance_01_sp.jpg);
    }

    #content .school h2 {
        width: 32.66%;
    }

    #content .school p {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.9;
        margin-top: 2.16em;
    }

    #content .school .voice {
        margin: 3.06% 0 14% !important;
        overflow: hidden;
        padding: 11.2% 0 13.86%;
    }

    #content .school .voice .bg {
        padding: 5.06% 0 4.13% 10.93%;
    }

    #content .school#gymnastics .voice .bg {
        padding-left: 57.6%;
    }

    #content .school .voice img {
        left: 51.86%;
        width: 57.06%;
    }

    #content .school#gymnastics .voice img {
        left: -8.66%;
    }

    #content .school .schedule {
        margin-top: -10%;
        padding-bottom: 12%;
    }

    #content .school#others .schedule {
        margin-top: 0;
    }

    #content .school .schedule label {
        width: 88.66%;
    }

    #content .school .schedule input:checked ~ .toggleContents {
        padding: 5.62% 0 0;
    }

    #content .school .schedule .toggleContents .item {
        width: 88.66%;
    }

    #content .school .schedule .toggleContents .item + .item {
        margin-top: 10.76%;
    }
    
    /* mix */
    #content #mix {
        margin-top: 16%;
    }

    #content #mix .inner {
        margin: 0 7.33%;
        padding: 43px 0 9.37%;
    }

    #content #mix .more {
        top: -5.9%;
        left: 1.7%;
        width: 45.31%;
    }

    #content #mix h2 {
        margin: 10.35% auto 7.2%;
        width: 61.29%;
    }

    #content #mix p {
        font-size: 1.1rem;
        font-size: 2.93vw;
        line-height: 1.7;
    }

    #content #mix .inner > img:not(.more) {
        width: 81.51%;
    }

    #content #mix .button {
        margin-top: 9.16%;
        width: 75%;
    }

    /* start */
    #content #start .inner {
        padding-bottom: 12.8%;
    }
    
    #content #start h2 {
        width: 74.13%;
    }

    #content #start .toggleContents > p {
        font-size: 1.2rem;
        font-size: 3.2vw;
    }

    #content #start .bg p {
        font-size: 1.2rem;
        font-size: 3.2vw;
    }

    /* fixedImg */
    #content .fixedImg {
        background-image: url(../images/bg_growing_up_sp.jpg);
        background-attachment: scroll;
        height: 225px;
    }

    #content .fixedImg img {
        top: 10%;
        width: 28%;
    }

    /* coordination */
    #content #coordination {
        padding-bottom: 5.86%;
    }

    #content #coordination .inner {
        padding: 11.2% 9.06% 0;
    }

    #content #coordination h2 {
        width: 97.06%;
    }

    #content #coordination p {
        margin-top: 8.53%;
    }

    #content #coordination label {
        margin-top: 6.4%;
    }

    #content #coordination ul li {
        margin-top: 6.45%;
        width: 100%;
    }

    #content #coordination .toggleContents > img {
        margin-top: 12.26%;
    }

    /* coach */
    #content #coach .inner {
        padding: 17.06% 0 16.53%;
    }

    #content #coach h2 {
        margin-left: 12.26%;
        width: 76%;
    }

    #content #coach h2 + p {
        font-size: 1.2rem;
        font-size: 3.2vw;
        margin: 2.2em 0 0 12.26%;
        text-align: left;
    }

    #content #coach ul {
        margin-top: 10%;
        width: 87.2%;
    }

    #content #coach ul li + li {
        margin: 7.9% auto 0;
    }

    #content #coach ul + p {
        margin-top: 14.66%;
        width: 69.33%;
    }

    /* reason */
    #content #reason .inner {
        padding: 16.53% 0 12%;
    }

    #content #reason h2 {
        width: 85.33%;
    }

    #content #reason dl {
        margin-top: 9.33%;
    }

    #content #reason dl dt {
        width: 70.93%;
    }

    #content #reason dl dd ul {
        margin: 0 5.33%;
    }

    #content #reason dl dd ul li {
        width: 31.04%;
    }

    /* pageTop */
    #pageTop {
        height: 44px;
        bottom: 2%;
        right: 2.5%;
        width: 44px;
    }

    #pageTop a {
        height: 44px;
        width: 44px;
    }

    /* Footer
	-------------------------------------------------- */

    #footer .inner {
        padding: 4% 0 5.33%;
    }

    #footer .logo {
        width: 21.86%;
    }

}