/* 共通 */
body {
    color: #fff;
    line-height: 1;
    background-image: url(../images/fvbk.png);
    background-color: #000;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.wrap {
    overflow: hidden;
}
.showBox {
    max-width: 1440px;
    margin: 0 auto;
}
.syatai {
    font-style: italic;
    transform:skewX(-9deg);
}
.graybox {
    background-color: #363636;
}

/* ファーストビュー */
#first-view {
    /*min-height: 800px;*/
}
#first-view .innerBox {
    padding: 4.027778% 0 3.194445%;
}
#first-view h1 img {
    width: 58.33333%;
}
#first-view .row01 {
    font-size: 2.5rem;
    line-height: 1.48;
    margin: -0.24em 0;
    padding-top: 1.388889%;
}
#first-view .row02 {
    margin-top: 1.736111%;
}
#first-view .row02 img {
    width: 6.756736%;
    -webkit-animation: arrowDown 500ms linear infinite alternate;
            animation: arrowDown 500ms linear infinite alternate;
}

/* Gnav */
@media only screen and (min-width: 769px){
    #gnavBox {
        position: absolute;
        width: 100%;
        background-color: #000;
        z-index: 9;
    }
    #gnav {
        position: static;
        background-color: transparent;
        width: 100%;
        white-space: nowrap;
    }
    #gnavBox ,
    #gnav ,
    .drawer-menu {
        overflow: hidden;
    }
    .onSticky #gnavBox {
        position: fixed;
        top: 0;
    }
    #gnav .col01 {
        width: 12.638889%;
        margin-right: 2.916667%;
    }
    #gnav .col01 a {
        padding: 11.5px 0;
    }
    #gnav .col + .col {
        margin-left: 2.083333%
    }
    #gnav .col + .col a {
        position: relative;
    }
    #gnav a {
        display: block;
        padding: 23.3px 0;
        font-size: 1.822rem;
        color: #fff;
        font-weight: bold;
    }
    #gnav a:hover ,
    #gnav a:hover > * {
        text-decoration: none;
        opacity: 1;
    }
    #gnav .col + .col a:hover:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -5.3325px;
        width: 23.676px;
        height: 10.665px;
        background-image: url(../images/sfj_button_13.png);
        background-size: cover;

    }
    #gnav .col {
        vertical-align: middle;
    }
}

/* メインコンテンツ */
#mainContent .row00 div {
    padding-top: 17.361111%;
}
#mainContent .row01 h2 img {
    width: 24.097222%;
    margin-top: -1.736111%;
}
#mainContent .row01 p {
    padding: 1.875% 0 6.736111%;
    font-size: 2.5rem;
    line-height: 1.6;
    margin: -0.3em 0;
}
#mainContent .row02 {
    margin-top: 9.72222%;
}
#mainContent .row02 h2 img {
    width: 31.388889%;
    margin-top: -1.736111%;
}
#mainContent .row02 p {
    padding: 1.875% 0 5.208333%;
    font-size: 2.5rem;
    line-height: 1.6;
    margin: -0.3em 0;
    margin-bottom: 0;
}
#mainContent .row03 {
    margin: 2.222222% 0 2.430556%;
    padding-top: 6.944444%;
}
#mainContent .row03 .inner {
    position: relative;
    width: 37.222222%;
    margin: 0 auto
}
#mainContent .row03_02 {
    position: absolute;
    top: 41.8%;
    left: 68.23881%;
    width: 40.485074%;
}
#mainContent .row03_03 {
    position: absolute;
    bottom: 18.3%;
    right: 57.47%;
    width: 59.88806%;
}
#mainContent .row04 {
    padding-top: 6.944444%;
}
#mainContent .row04_01 img {
    width: 35.416667%;
}
#mainContent .row04_02_01 {
    margin-top: 12.5%;
}
#mainContent .row04_02_01 img {
    width: 1.875%;
}
#mainContent .row04_02_02 {
    font-size: 2.8rem;
    line-height: 1.42857;
    margin: -0.214285em 0;
    padding: 2.569444% 0 0;
}
#mainContent .row04_03 .showBox {
    position: relative;
}
#mainContent .row04_03_01 {
    margin-top: 13.61111%;
}
#mainContent .row04_03_01 img {
    width: 37.98611%;
    margin: -6.666667% 0 1.111111% -20%;
}
#mainContent .row04_03_02 {
    font-size: 2.11rem;
    line-height: 1.353081;
    padding-bottom: 3.541667%;
    margin-left: -13%;
}
#mainContent .row04_03_02 span {
    font-size: 1.2rem;
    display: inline-block;
}
#mainContent .row04_03_03 img {
    position: absolute;
    width: 17.152778%;
    top: 0;
    left: 60.277778%;
    margin-top: -11.041667%;
}
#mainContent .row04_04_01 img {
    width: 3.402778%;
    margin-top: 5.625%;
}
#mainContent .row04_04_02 {
    font-size: 2.8rem;
    line-height: 1.42857;
    margin: -0.214285em 0;
    padding: 2.569444% 0 0;
}
#mainContent .row04_05_01 {
    position: relative;
    margin-top: 8.611111%;
    text-align: left;
}
#mainContent .row04_05_01 img.col01 {
    width: 5.972222%;
    margin: -1.388889% 0 0 22.083333%;
}
#mainContent .row04_05_01 img.col02 {
    position: relative;
    z-index: 1;
    width: 25.277778%;
    margin: -2.777778% 0 0;
}
#mainContent .row04_05_01 .col03 {
    position: absolute;
    width: 32.013889%;
    margin: -3.611111% 0 0 -4%;
    padding-top: 21.458333546698%;
    overflow: hidden;
}
#mainContent .row04_05_01 .col03 img {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
}
#mainContent .row04_05_02 {
    text-align: right;
    font-size: 3.391rem;
    line-height: 1.179941;
    padding-top: 3.402778%;
    margin: -0.0899705em 52% -0.0899705em 0;
}
#mainContent .row04_05_03 h4 {
    position: relative;
    font-size: 2.8rem;
    padding: 5.83333% 0 1.25%;
}
#mainContent .row04_05_03 h4 img {
    position: absolute;
    width: 13.263889%;
    top: 50%;
    margin-left: 2.013889%;
    -webkit-transform: translate(0,-30%);
            transform: translate(0,-30%);
}
#mainContent .row04_05_03 .listBox {
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 4.861111%;
}
#mainContent .row04_05_03 ul {
    margin-left: -35px;
}
#mainContent .row04_05_03 li {
    width: 33.3333%;
    width: -webkit-calc(100% / 3);
    width:    -moz-calc(100% / 3);
    width:         calc(100% / 3);
    padding-left: 35px;
    margin-top: 3.723404%;
}
#mainContent .row04_05_03 li p {
    padding-top: 7.913669%;
    font-size: 2.234rem;
    line-height: 1.249776;
    margin: -0.124888em 0;
}
#mainContent .row04_06_01 {
    margin-top: 9.027778%;
}
#mainContent .row04_06_01 img {
    width: 3.333333%;
}
#mainContent .row04_06_02 {
    font-size: 2.8rem;
    line-height: 1.42857;
    margin: -0.214285em 0;
    padding: 2.569444% 0 0;
}
#mainContent .row04_06_03 .col01 {
    width: 7.777778%;
}
#mainContent .row04_06_03 .col02 {
    font-size: 2.8rem;
    line-height: 1.42857;
    margin-top: 1.736111%;
    padding-left: 0.833333%;
}
#mainContent .row04_06_03 .col02 .p02 {
    font-size: 2rem;
    line-height: 1.95;
    display: inline;
    border-bottom: 1px solid;
}
#mainContent .row04_06_03 .col02 .p02 span {
    font-size: 1.4rem;
}
#mainContent .row04_07 .inner {
    margin-top: 1.666667%;
    position: relative;
}
#mainContent .row04_07 .col {
    vertical-align: middle;
}
#mainContent .row04_07 .col02 {
    position: relative;
    font-size: 3.3rem;
    line-height: 1;
    padding: 0 3.055556% 0 3.680556%;
    background-image: url(../images/row04_07_06.png),
                      url(../images/row04_07_08.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 3.055556% top,
                         right top;
    -webkit-transform: translate(50%);
            transform: translate(50%);
}
#mainContent .row04_07 .col02 .small01 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    display: inline-block;
    margin-right: -1rem;
}
#mainContent .row04_07 .col02 .small02 {
    font-size: 1.6rem;
    display: inline-block;
    margin-right: 1rem;
    -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
}
#mainContent .row04_08 {
    margin: -8% 0 -10%
}
#mainContent .row04_09 .inner {
    padding-left: 18.680556%;
}
#mainContent .row04_09 figcaption {
    font-size: 2.2rem;
    margin-bottom: 0.4em;
}
#mainContent .row04_09 ul > li {
    font-size: 2.2rem;
    padding-left: 0.5em;
    line-height: 1.27272;
}
#mainContent .row04_09 ul > li + li {
    margin-top: 0.8em;
}
#mainContent .row04_09 ul > li .underline {
    border-bottom: 1px solid;
}
#mainContent .row04_09 ol {
    margin-top: 0.8em;
}
#mainContent .row04_09 ol li {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.444444;
}
#mainContent .row04_09 ol li:before {
    content: '・';
}
#mainContent .row04_09 .small {
    font-size: 1.8rem;
}
#mainContent .row04_09 .borderBox {
    font-size: 1.8rem;
    display: inline-block;
    border: 1px solid;
    padding: 0.6134em 0.722222em;
}
#mainContent .row04_10_01 {
    margin-top: 6.25%;
}
#mainContent .row04_10_01 img {
    width: 3.611111%;
}
#mainContent .row04_10_02 {
    position: relative;
    font-size: 2.8rem;
    padding: 2.569444% 0 0;
    margin-bottom: -1em;
}
#mainContent .row04_11 img {
    max-width: 113.888889%;
    margin-left: -6.9444445%;
    margin-bottom: 11.111111%;
}
#mainContent .row05_01 {
    padding-top: 6.94444%;
}
#mainContent .row05_01 img {
    width: 35.486111%;
}
#mainContent .row05_02 img {
    margin-top: 1.736111%;
    width: 13.680556%;
}
#mainContent .row05_03 p {
    font-size: 2.8rem;
    line-height: 1.535714;
    margin: -0.267857em 0;
    padding: 2.430556% 0 7.222222%;
}
#mainContent .row05_04 .inner ,
#mainContent .row05_05 .inner {
    width: 62.5%;
    margin: 0 auto;
}
#mainContent .row05_04 .col01 ,
#mainContent .row05_05 .col01 {
    width: 43.11111%
}
#mainContent .row05_04 .col02 {
    font-size: 2.6rem;
    line-height: 1.325385;
    margin: -0.1626925em 0 0 -1em;
    padding: 0.884615em 1.615385em;
}
#mainContent .row05_05 .col01 {
    margin-top: -3.402778%;
}
#mainContent .row05_05 .col02 {
    font-size: 2.6rem;
    line-height: 1.325385;
    margin: -0.1626925em -1em 0 0;
    padding: 0.884615em 1.615385em;
    vertical-align: bottom;
}
#mainContent .row05_05 .inner {
    margin-bottom: 4.861116%;
}
#mainContent .row05_06 h3 {
    font-size: 2.6rem;
    margin: 4.791667% 0 1.94444%;
}
#mainContent .row05_06 .col {
    font-size: 1.8rem;
    line-height: 1.666667;
}
#mainContent .row06_01 h2 {
    margin-top: 6.94444%;
}
#mainContent .row06_01 img {
    width: 35.486111%;
}
#mainContent .row06_02 img {
    margin-top: 1.736111%;
    width: 17.430556%;
}
#mainContent .row06_02 p {
    font-size: 1.4rem;
    line-height: 1.571429;
    margin: -0.2857145em 0;
    padding-top: 2.083333%;
}
#mainContent .row06_03 p {
    font-size: 2.8rem;
    line-height: 1.535714;
    margin: -0.267857em 0;
    padding: 2.430556% 0 0;
}
#mainContent .row06_04 img {
    width: 33.472222%;
    margin: 6.25% 0 1.736111%;
}
#mainContent .row06_05 h3 ,
#mainContent .row06_06 h3 ,
#mainContent .row06_07 h3 ,
#mainContent .row06_08 h3 ,
#mainContent .row06_09 h3 {
    font-size: 2.6rem;
    margin: 4.791667% 0 1.94444%;
}
#mainContent .row06_05 p ,
#mainContent .row06_06 p ,
#mainContent .row06_07 p ,
#mainContent .row06_08 p ,
#mainContent .row06_09 p {
    font-size: 2.4rem;
    line-height: 1.416667;
}
#mainContent .row06_07 .big {
    font-size: 4.1rem;
    letter-spacing: 0.4em;
    padding-left: 0.4em;
}
#mainContent .row06_05 .small ,
#mainContent .row06_06 .small ,
#mainContent .row06_07 .small ,
#mainContent .row06_08 .small ,
#mainContent .row06_09 .small {
    font-size: 1.8rem;
}
#mainContent .row06_08 h3 {
    margin-bottom: 3.75%;
}
#mainContent .row06_08 .colbox {
    -webkit-transform: translate(-50%,-50%);
            transform: translate(4%);
}
#mainContent .row06_08 .col.col01 {
    width: 13.819444%;
}
#mainContent .row06_08 .col.col02 {
    padding-left: 1.5em;
}
#mainContent .row06_09 h3 {
    margin-top: 7.291667%;
}
#mainContent .row06_09_01 img {
    width: 19.375%;
}
#mainContent .row06_09 .row06_09_02 {
    font-size: 2.2rem;
    line-height: 1.545455;
    margin: -0.2727275em 0;
    padding: 1em 0 0; 
}
#mainContent .row06_09 li + li {
    margin-top: 4.166667%;
}
#mainContent .row07_01 h2 {
    padding-top: 6.944444%;
}
#mainContent .row07_01 img {
    width: 35.486111%;
}
#mainContent .row07_02 p {
    font-size: 2.8rem;
    line-height: 1.535714;
    margin: -0.267857em 0;
    padding: 3.125% 0 3.333333%;
}
#mainContent .row07_03 {
    position: relative;
    padding-top: 44.166667%;
}
#googlemap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#mainContent .row07_04 .inner {
    padding-top: 4.166667%;
    background-image: url(../images/sfj_04_12.png);
    background-size: auto 95.833333%;
    background-repeat: no-repeat;
    background-position: left 85% bottom;
}
#mainContent .row07_04_01 img {
    width: 30.763889%;
    margin-top: -1.319444%;
    margin-left: 18.125%;
}
#mainContent .row07_04_02 {
    font-size: 1.9rem;
    line-height: 1.526316;
    margin-top: 1.527778%;
    margin-left: 18.125%;
}
#mainContent .row07_04_03 {
    font-size: 1.6rem;
    padding: 1.527778% 0 3.263889% 18.125%;
}
#mainContent .row07_04_03 a {
    color: #fff;
}
#mainContent .row08_01 img {
    width: 35.486111%;
    margin: 6.944444% 0 8.333333%;
}
#mainContent .row08_02 img {
    width: 25%;
    margin: 0 0 0.833333%;
}
#mainContent .row08_02 h2 {
    padding-top: 7.638889%;
    font-size: 3rem;
    font-weight: normal;
}
#instafeed {
    width: 60%;
    margin: 0 auto;
}
#instafeed > div {
    position: relative;
    display: inline-block;
    width: 20%;
    padding-top: 20%;
}
#instafeed > div a {
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    overflow: hidden;
}
#instafeed > div a:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0);
    -webkit-transition:all 200ms linear;
       -moz-transition:all 200ms linear;
        -ms-transition:all 200ms linear;
         -o-transition:all 200ms linear;
            transition:all 200ms linear;
}
#instafeed > div a img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
#instafeed > div a:hover > img {
    opacity: 1;
}
#instafeed > div a:hover:before {
    background-color: rgba(0,0,0,0.4);
}

/* メインフッター */
#mainFooter .pagetop {
    width: 7.430556%;
    display: inline-block;
    margin: 4.305556% 0 8.75%;
}
#mainFooter .fixed {
    position: fixed;
    z-index: 10;
    right: 31px;
    bottom: 34px;
    width: 12.013889%;
}
#mainFooter .fixed .row {
    position: relative;
    display: block;
    padding-top: 99.421965%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#mainFooter .fixed .row span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#mainFooter .fixed .row01 {
    background-image: url(../images/sfj_button_05.png);
}
#mainFooter .fixed .row01 span {
    background-image: url(../images/sfj_button_03.png);
}
#mainFooter .fixed .row02 {
    margin-top: 10.404624%;
    background-image: url(../images/sfj_button_10.png);
}
#mainFooter .fixed .row02 span {
    background-image: url(../images/sfj_button_09.png);
}
#mainFooter .fixed .row03 {
    margin-top: 10.404624%;
    background-image: url(../images/sfj_button_12.png);
}
#mainFooter .fixed .row03 span {
    background-image: url(../images/sfj_button_11.png);
}

/* 2018-02-01 adachi */
#youtube-movie {
    position: relative;
    width: 62.847222%;
    margin: 3.958333% auto 3.541667%;
}
#youtube-movie-content {
    padding-top: 43.20442%;
}
#youtube-movie-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#youtube-text-box {
    font-size: 3rem;
    line-height: 1.866667;
}
#youtube-text-box .col {
    position: relative;
}
#youtube-text-box .col:before {
    content:'';
    position: absolute;
    left: 0;
    bottom: 0.2em;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
#youtube-text-box .col01 {
    min-width: 53.611111%;
}
#youtube-text-box .col02 ,
#youtube-text-box .col03 {
    min-width: 35%;
}
.row04_02_01 {
    position: relative;
}
.row04_02_01:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    width: 17.638889%;
    padding-top: 17.638889%;
    background-image: url(../images/endEvent.png);
    background-size: cover;
    margin-left: 16rem;
}
.row04_04_01 {
    position: relative;
}
.row04_04_01:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: 5.625%;
    z-index: 1;
    width: 17.638889%;
    padding-top: 17.638889%;
    background-image: url(../images/endEvent.png);
    background-size: cover;
    margin-left: 25.5rem;
}
.row04_06_01 {
    position: relative;
}
.row04_06_01:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    width: 17.638889%;
    padding-top: 17.638889%;
    background-image: url(../images/endEvent.png);
    background-size: cover;
    margin-left: 25.2rem;
}
.row04_10_01 {
    position: relative;
}
.row04_10_01:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    width: 17.638889%;
    padding-top: 17.638889%;
    background-image: url(../images/endEvent.png);
    background-size: cover;
    margin-left: 11rem;
}
.row05_01 h2 {
    position: relative;
}
.row05_01 h2:before {
    content: '';
    position: absolute;
    top: 1.5rem;
    left: 50%;
    z-index: 1;
    width: 17.638889%;
    padding-top: 17.638889%;
    background-image: url(../images/endEvent.png);
    background-size: cover;
    margin-left: 0;
    margin-left: 23rem;
}
.row06_01 h2 {
    position: relative;
}
.row06_01 h2:before {
    content: '';
    position: absolute;
    top: 8rem;
    left: 50%;
    z-index: 1;
    width: 17.638889%;
    padding-top: 17.638889%;
    background-image: url(../images/endEvent.png);
    background-size: cover;
    margin-left: 0;
    margin-left: 23.5rem;
}
#instafeed {
    margin-top: 5.208333%;
}

/* レスポンシブ */
@media only screen and (min-width: 1440px){
    /* メインコンテンツ */
    #mainContent .row07_03 {
        position: relative;
        padding-top: 635px;
    }
    /* メインフッター */
    #mainFooter .fixed {
        width: 173px;
    }
}
@media only screen and (min-width: 769px){
    #mainFooter .fixed .row:hover > span {
        opacity: 0;
    }
}
@media only screen and (max-width: 768px){
    /* 共通 */
    html , body {
        width: 100%;
    }
    body {
        background-image: url(../images/sp/fvbk.png);
    }

    /* グローバルナビ */
    .drawer-hamburger {
        right: auto;
        margin-top: 1.6%;
        left: 4.333333%;
        width: 8.533333%;
    }
    .drawer-hamburger-icon ,
    .drawer-hamburger-icon:after ,
    .drawer-hamburger-icon:before {
        width: 100%;
        height: 2px;
        background-color: #fff;
    }
    .drawer--right .drawer-nav {
        right: -83.333333%;
    }
    .drawer-nav {
        width: 83.333333%;
        background-color: transparent;
    }
    .drawer-nav ul {
        background-color: rgba(0,0,0,0.85);
    }
    .drawer-nav li {
        display: block;
        text-align: left;
        padding: 0 4.7777777586666666666666666666667%;
        
    }
    .drawer-nav a {
        color: #fff;
        display: block;
        font-size: 1.5rem;
        font-size: 4vw;
        padding: 1.1em 0;
        border-bottom: 1px solid;
        text-decoration: none !important;
    }
    .drawer-nav a:hover ,
    .drawer-nav a:hover > * {
        opacity: 1;
        color: #fff;
    }

    /* ファーストビュー */
    #first-view .innerBox {
        position: relative;
        padding: 16% 0;
        min-height: 100vh;
    }
    #first-view h1 img {
        width: 67.733333%;
    }
    #first-view .row01 {
        padding-top: 4.4%;
        font-size: 1.25rem;
        font-size: 3.333333vw;
    }
    #first-view .row02 {
        margin-top: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    #first-view .row02 img {
        width: 15.066667%;
        margin-bottom: 5.866667%;
    }

    /* メインコンテンツ */
    #mainContent .row00 div {
        padding-top: 20.666667%;
    }
    #mainContent .row01 h2 img {
        width: 47.866667%;
        margin-top: -3.6%;
    }
    #mainContent .row01 p {
        padding: 3.6% 0 8%;
        font-size: 1.25rem;
        font-size: 3.333333vw;
    }
    #mainContent .row02 {
        margin: 19.333333% 0 13.333333%;
    }
    #mainContent .row02 h2 img {
        width: 60.4%;
        margin-top: -3.6%;
    }
    #mainContent .row02 p {
        padding: 3.6% 0 10%;
        font-size: 1.25rem;
        font-size: 3.333333vw;
    }
    #mainContent .row03 {
        margin: 0 0 14.133333%;
        padding-top: 9.333333%;
    }
    #mainContent .row03 .inner {
        position: relative;
        width: 72.266667%;
        margin: 0 auto;
    }
    #mainContent .row04 {
        padding-top: 9.333333%;
    }
    #mainContent .row04_01 img {
        width: 68.133333%;
    }
    #mainContent .row04_02_01 {
        margin-top: 7.733333%;
    }
    #mainContent .row04_02_01 img {
        width: 3.2%;
    }
    #mainContent .row04_02_02 {
        padding: 4.666667% 0 0;
        font-size: 1.4rem;
        font-size: 3.733333vw;
    }
    #mainContent .row04_03_01 {
        margin-top: 22.4%;
        text-align: left;
    }
    #mainContent .row04_03_01 img {
        width: 53.733333%;
        margin: -13.733333% 0 1.111111% 6.666667%;
    }
    #mainContent .row04_03_03 img {
        width: 28.133333%;
        margin-top: -14.5%;
        left: 62.133333%;
    }
    #mainContent .row04_03_02 {
        text-align: left;
        font-size: 0.95rem;
        font-size: 2.533333vw;
        padding-bottom: 3.541667%;
        margin-left: 12.666667%;
    }
    #mainContent .row04_03_02 p {
        text-align: center;
        display: inline-block;
    }
    #mainContent .row04_03_02 span {
        font-size: 0.6rem;
        font-size: 1.6vw;
    }
    #mainContent .row04_04_01 img {
        width: 6.133333%;
        margin-top: 28.266667%;
    }
    #mainContent .row04_04_02 {
        padding: 4.533333% 0 0;
        font-size: 1.4rem;
        font-size: 3.733333vw;
    }
    #mainContent .row04_05_01 {
        text-align: left;
        margin-top: 16.666667%;
    }
    #mainContent .row04_05_01 img.col01 {
        width: 9.333333%;
        margin: -4% 0 0 6.666667%;
    }
    #mainContent .row04_05_01 img.col02 {
        width: 41.2%;
        margin: -5.6% 0 0 0;
    }
    #mainContent .row04_05_01 .col03 {
        right: 6.666667%;
        width: 43.33333%;
        margin: -6.666667% 0 0 0;
        padding-top: 33.599996748718%;
        overflow: hidden;
    }
    #mainContent .row04_05_02 {
        text-align: left;
        font-size: 1.65rem;
        font-size: 4.4vw;
        margin: 1.6% 0 0 13%;
        padding-top: 0;
    }
    #mainContent .row04_05_03 h4 {
        font-size: 1.4rem;
        font-size: 3.733333vw;
        padding: 8.8% 0 4.933333%;
    }
    #mainContent .row04_05_03 h4 img {
        width: 22.533333%;
        top: 0;
        margin-left: 0;
        -webkit-transform: translate(-40%,-10%);
                transform: translate(-40%,-10%);
    }
    #mainContent .row04_05_03 .listBox {
        width: 89.333333%;
        margin: 0 auto;
        padding-bottom: 4.861111%;
    }
    #mainContent .row04_05_03 ul {
        margin-left: -3.2352941176470588235294117647059%;
    }
    #mainContent .row04_05_03 li {
        padding-left: 3.2352941176470588235294117647059%;
        margin-top: 0;
    }
    #mainContent .row04_05_03 li:nth-child(n + 4) {
        margin-top: 7.941176%;
    }
    #mainContent .row04_05_03 li p {
        font-size: 0.8rem;
        font-size: 2.133333vw;
    }
    #mainContent .row04_06_01 {
        margin-top: 18%;
    }
    #mainContent .row04_06_01 img {
        width: 6%;
    }
    #mainContent .row04_06_03 {
        text-align: left;
    }
    #mainContent .row04_06_03 .col01 {
        width: 14.933333%;
        margin-left: 5%;
    }
    #mainContent .row04_06_03 .col02 {
        font-size: 1.3rem;
        font-size: 3.466667vw;
        padding-left: 1em;
    }
    #mainContent .row04_06_03 .col02 .p02 {
        font-size: 0.9rem;
        font-size: 2.4vw;
    }
    #mainContent .row04_06_03 .col02 .p02 span {
        font-size: 0.7rem;
        font-size: 1.866667vw;
    }
    #mainContent .row04_07 {
        text-align: left;
    }
    #mainContent .row04_07 .col01 {
        width: 14.933333%;
        margin-left: 16.533333%
    }
    #mainContent .row04_07 .col02 {
        font-size: 1.65rem;
        font-size: 4.4vw;
        padding: 0 6.266667% 0 7.733333%;
    }
    #mainContent .row04_07 .col02 .small01 {
        font-size: 0.9rem;
        font-size: 2.4vw;
    }
    #mainContent .row04_07 .col02 .small02 {
        font-size: 0.8rem;
        font-size: 2.133333vw;
    }
    #mainContent .row04_09 .inner {
        padding-left: 6.4%;
    }
    #mainContent .row04_09 ul > li ,
    #mainContent .row04_09 figcaption {
        font-size: 1.1rem;
        font-size: 2.933333vw;
    }
    #mainContent .row04_09 .borderBox ,
    #mainContent .row04_09 ol li ,
    #mainContent .row04_09 .small {
        font-size: 0.9rem;
        font-size: 2.4vw;
    }
    #mainContent .row04_10_01 {
        position: relative;
        margin-top: 10.4%;
    }
    #mainContent .row04_10_01 img {
        width: 6.533333%;
    }
    #mainContent .row04_10_02 {
        padding: 6.4% 0 0;
        font-size: 1.4rem;
        font-size: 3.733333vw;
    }
    #mainContent .row04_11 {
        width: 100vw;
        overflow: hidden;
    }
    #mainContent .row04_11 img {
        max-width: 218.533333%;
        margin-left: -59.2666665%;
        margin-bottom: 11.111111%;
        margin-top: -15%
    }
    #mainContent .row05 {
        margin-bottom: 1.333333%;
    }
    #mainContent .row05_01 {
        padding-top: 9.333333%;
    }
    #mainContent .row05_01 img {
        width: 68.133333%;
    }
    #mainContent .row05_02 img {
        margin-top: 2.933333%;
        width: 26.133333%;
    }
    #mainContent .row05_03 p {
        font-size: 1.4rem;
        font-size: 3.733333vw;
        padding: 4.933333% 0 14%;
    }
    #mainContent .row05_04 .inner ,
    #mainContent .row05_05 .inner {
        width: 86.66666%;
        margin: 0 auto;
    }
    #mainContent .row05_04 .col01 ,
    #mainContent .row05_05 .col01 {
        width: 59.69230%;
    }
    #mainContent .row05_04 .col02 {
        font-size: 1.3rem;
        font-size: 3.466667vw;
        line-height: 1.325385;
        margin: -0.1626925em 0 0 -1em;
        padding: 0.884615em 1.3em;
    }
    #mainContent .row05_05 .col02 {
        font-size: 1.3rem;
        font-size: 3.466667vw;
        line-height: 1.325385;
        margin: -0.1626925em -2em 0 0;
        padding: 0.884615em 1.3em;
        vertical-align: bottom;
    }
    #mainContent .row05_06 h3 {
        font-size: 1.3rem;
        font-size: 3.466667vw;
        margin: 4% 0 2.666667%;
    }
    #mainContent .row05_06 .col {
        font-size: 0.9rem;
        font-size: 2.4vw;
    }
    #mainContent .row06_01 img {
        margin-top: 9.333333%;
        width: 68.133333%;
    }
    #mainContent .row06_02 img {
        margin-top: 3.733333%;
        width: 33.333333%;
    }
    #mainContent .row06_02 p {
        font-size: 1.4rem;
        line-height: 1.571429;
        margin: -0.2857145em 0;
        padding-top: 2.083333%;

        font-size: 0.7rem;
        font-size: 1.866667vw;
    }
    #mainContent .row06_03 p {
        font-size: 1.4rem;
        font-size: 3.733333vw;
        padding: 6.133333% 0 0;
    }
    #mainContent .row06_04 img {
        width: 64%;
        margin: 11.066667% 0 3.733333%;
    }
    #mainContent .row06_05 h3 ,
    #mainContent .row06_06 h3 ,
    #mainContent .row06_07 h3 ,
    #mainContent .row06_08 h3 ,
    #mainContent .row06_09 h3 {
        font-size: 1.3rem;
        font-size: 3.466667vw;
        margin: 8.8% 0 3.466666%;
    }
    #mainContent .row06_05 p ,
    #mainContent .row06_06 p ,
    #mainContent .row06_07 p ,
    #mainContent .row06_08 p ,
    #mainContent .row06_09 p {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.416667;
    }
    #mainContent .row06_07 .big {
        font-size: 2.05rem;
        font-size: 5.466667vw;
    }
    #mainContent .row06_05 .small ,
    #mainContent .row06_06 .small ,
    #mainContent .row06_07 .small ,
    #mainContent .row06_08 .small ,
    #mainContent .row06_09 .small {
        font-size: 0.9rem;
        font-size: 2.4vw;
    }
    #mainContent .row06_08 .col.col01 {
        width: 26.533333333333333333333333333333%;
    }
    #mainContent .row06_09_01 img {
        width: 37.333333%;
    }
    #mainContent .row06_09 ul {
        padding-bottom: 9.866667%;
    }
    #mainContent .row06_09 li + li {
        margin-top: 7.2%;
    }
    #mainContent .row06_09 li:nth-child(odd) ,
    #mainContent .row06_09 li:nth-child(even) {
        -webkit-transform: none;
                transform: none;
    }
    #mainContent .row06_09 .row06_09_02 {
        font-size: 1.1rem;
        font-size: 2.933333vw;
        line-height: 1.545455;
        margin: -0.2727275em 0;
        padding: 1em 0 0;
    }
    #mainContent .row07_01 h2 {
        padding-top: 9.333333%;
    }
    #mainContent .row07_01 img {
        width: 68.133333%;
    }
    #mainContent .row07_02 p {
        font-size: 1.4rem;
        font-size: 3.733333vw;
        padding: 6.266667% 0 5.6%;
    }
    #mainContent .row07_03 {
        padding-top: 85.066667%;
    }
    #mainContent .row07_04 {
        position: relative;
        width: 86.8%;
        margin: 8% auto 0;
    }
    #mainContent .row07_04:before {
        content: '';
        position: absolute;
        width: 84.024578%;
        right: -6.6vw;
        height: 100%;
        background-image: url(../images/sp/sfj_04_12.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    #mainContent .row07_04 .inner {
        position: relative;
        margin-top: 0;
        background-image: none;
        padding-top: 0;
    }
    #mainContent .row07_04_01 img {
        width: 60.061444%;
        margin-top: -3.072197%;
        margin-left: 4.608295%;
    }
    #mainContent .row07_04_02 {
        font-size: 0.9rem;
        font-size: 2.4vw;
        margin-top: 3.072197%;
        margin-left: 4.608295%;
    }
    #mainContent .row07_04_03 {
        font-size: 0.7425rem;
        padding: 3.533026% 0 11.981567% 4.608295%;
    }
    #mainContent .row08_01 img {
        width: 68.133333%;
        margin-top: 9.333333%;
    }
    #mainContent .row08_02 img {
        width: 47.2%;
        margin: 0 0 1.466667%;
    }
    #mainContent .row08_03 h3 img {
        width: 22.8%;
        margin: 4.4% 0 7.066667%;
    }
    #instafeed {
        width: 90.8%;
    }
    #youtube-movie-content {
        position: relative;
        padding-top: 56.25%;
    }
    #youtube-movie-content iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    /* メインフッター */
    #mainFooter .pagetop {
        width: 14.133333%;
        margin: 6% 0 7.466667%;
    }
    #mainFooter .fixed {
        right: 3.6%;
        bottom: 0;
        width: 22.933333%;
        margin-bottom: 5.6%;
    }

    /* 2018-02-01 adachi */
    #youtube-movie {
        position: relative;
        width: 100%;
        margin: 3.958333% auto 3.541667%;
    }
    #youtube-text-box {
        font-size: 1.4685rem;
        font-size: 3.916vw;
    }
    .row04_02_01:before ,
    .row04_04_01:before ,
    .row04_06_01:before ,
    .row04_10_01:before ,
    .row05_01 h2:before ,
    .row06_01 h2:before {
        left: auto;
        right: 0;
        width: 29.333333%;
        padding-top: 29.333333%;
        margin: 0;
    }
    .row04_04_01:before {
        margin-top: 28.266667%;
    }
    .row04_10_01:before {
        right: 5.6%;
    }
    .row05_01 h2:before {
        margin-top: -12%;
    }
    .row06_01 h2:before {
        margin-top: -20%;
    }
    #instagram {
        margin-top: 12.933333%;
    }
    #instafeed {
        width: 100%;
    }
}

/* アニメーション */
@-webkit-keyframes arrowDown {
    to { transform:translateY( 10.82642%); }
  from { transform:translateY(-10.82642%); }
}
@keyframes arrowDown {
    to { transform:translateY( 10.82642%); }
  from { transform:translateY(-10.82642%); }
}