@charset "UTF-8";
.sf-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-feature-settings: "palt";
  letter-spacing: .8px;
}
b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif!important;
}
/* IEだけに適応 */
*::-ms-backdrop, .sf-wrapper {
	font-family: "Segoe UI", Meiryo, sans-serif;
}

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

  .c5-common

========================================*/
.c5-sp850 {
    display: none!important;
}
.c5-sp850_text {
    display: none!important;
}
.c5-sp800_text {
    display: none!important;
}
.c5-sp700_text {
    display: none!important;
}
.c5-sp640 {
    display: none!important;
}
.c5-sp600_text {
    display: none!important;
}
.c5-sp500_text {
    display: none!important;
}
.c5-sp450_text {
    display: none!important;
}
@media (max-width:850px) {
    .c5-pc850 {
        display: none!important;
    }
    .c5-sp850 {
        display: block!important;
    }
    .c5-pc850_text {
        display: none!important;
    }
    .c5-sp850_text {
        display: inline-block!important;
    }
}
@media (max-width:800px) {
    .c5-sp800_text {
        display: inline-block!important;
    }
}
@media (max-width:700px) {
    .c5-sp700_text {
        display: inline-block!important;
    }
}
@media (max-width:640px) {
    .c5-pc640 {
        display: none!important;
    }
    .c5-sp640 {
        display: block!important;
    }
    .c5-pc640_text {
        display: none!important;
    }
}
@media (max-width:600px) {
    .c5-sp600_text {
        display: inline-block!important;
    }
}
@media (max-width:500px) {
    .c5-sp500_text {
        display: inline-block!important;
    }
}
@media (max-width:450px) {
    .c5-sp450_text {
        display: inline-block!important;
    }
}



.c5-mgtop5 {
	margin-top:5px !important;
}
.c5-mgtop10 {
	margin-top:10px !important;
}
.c5-mgtop15 {
	margin-top:15px !important;
}
.c5-mgtop20 {
	margin-top:20px !important;
}
.c5-mgtop30 {
	margin-top:30px !important;
}
.c5-mgtop40 {
	margin-top:40px !important;
}
.c5-mgtop50 {
	margin-top:50px !important;
}
.c5-mgtop60 {
	margin-top:60px !important;
}
.c5-mgtop70 {
	margin-top:70px !important;
}
.c5-mgtop80 {
	margin-top:80px !important;
}
.c5-mgtop100 {
	margin-top:100px !important;
}
.c5-mgtop110 {
	margin-top:110px !important;
}


.invisible {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.0
}

.visible {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1.0
}

.fadeIn {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.fadeIn.animateIn {
  opacity: 1
}

.show {
  position: relative;
  opacity: 0;
  z-index: -1
}

.show.animateIn {
  opacity: 1;
  z-index: 0
}

.show.animateOut {
  opacity: 0;
  z-index: -1
}

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

  .c5-mainvisual

========================================*/
.c5-mainvisual {
  text-align: center;
  background: white;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  position: relative;
}
.c5-mainvisual_bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 32vw;
    position: absolute;
    top: 3.5vw;
    background: #EDE5D3;
    z-index: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    
}
.c5-mainvisual__header {
    position: relative;
    letter-spacing: -5em;
    text-align: center;
    z-index: 1;
}
.c5-mainvisual__image img {
    position: relative;
    z-index: 1;
}
.c5-mainvisual__image img:nth-child(2) {
    position: relative;
    margin-top: -20.8vw;
    margin-right: 20vw;
    width: 47vw;
    z-index: 1;
}
.c5-mainvisual__body {
    margin-top: 0.5vw;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    width: 65vw;
    padding-left: 1.5vw;
}
.c5-mainvisual__body .c5-text_left {
    text-align: left;
    color: #000000;
    font-size: 1.5vw;
    line-height: 2em;
    float: left;
    width: 73%;
}
.c5-mainvisual__body .c5-image_right {
    float: right;
    width: 26%;
}
@media screen and (min-width:1200px) {
    .c5-mainvisual_bg:after {
        height: 390px;
        top: 42px;
    }
    .c5-mainvisual__image img:nth-child(2) {
        width: 580px;
        margin-top: -250px;
        margin-right: 250px;
    }
    .c5-mainvisual__body {
        margin-top: 20px;
        width: 800px;
        padding-left: 25px;
    }
    .c5-mainvisual__body .c5-text_left {
        font-size: 19px;
    }
}

@media screen and (max-width:850px) {
    .c5-mainvisual_bg:after {
        height: 40vw;
    }
    .c5-mainvisual__image img:nth-child(4) {
        width: 80%;
        margin: -6vw auto 4vw;
    }
    .c5-mainvisual__body {
        display: inline-block;
        width: 80%;
        padding-left: 0;
    }
    .c5-mainvisual__body .c5-text_left {
        text-align: left;
        color: #000000;
        font-size: 20px;
        line-height: 2em;
        float: none;
        width: 100%;
    }
    .c5-mainvisual__body .c5-image_right {
        float: none;
        margin: 2vw auto;
        width: 45%;
    }
}

@media screen and (max-width:640px) {
    .c5-mainvisual__image img:nth-child(4) {
        width: 90%;
    }
    .c5-mainvisual__body {
        width: 90%;
    }
    .c5-mainvisual__body .c5-text_left {
        color: #000000;
        font-size: 4vw;
        line-height: 2em;
        float: none;
        width: 100%;
    }
}


.animateIn.c5-mainvisual_bg:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

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

  .c5-navigation

========================================*/
.c5-navigation {
    position: relative;
    text-align: center;
}
.c5-navi:after {
    content: "";
    display: block;
    width: 100%;
    height: 22vw;
    position: absolute;
    top: 3.5vw;
    background: #EDE5D3;
    z-index: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c5-navi_innter {
    position: relative;
    overflow:hidden;
    display: inline-block;
    width: 98%;
    max-width: 1000px;
    margin-top: 5.5vw;
    z-index: 1;
}
.c5-navi_btn {
    position: relative;
    float: left;
    width: 19.2%;
    margin-top: 0!important;
    margin-right: 1%;
}
.c5-navi_btn img {
    margin: 0!important;
    padding: 0!important;
    width: 100%;
}
.c5-navi_btn a {
    margin: 0!important;
    padding: 0!important;
}
.c5-navi_btn:last-child {
    float: right;
    margin-right: 0;
}
@media screen and (min-width:1035px) {
    .c5-navi_btn {
        width: 190px;
        margin-right: 12px;
    }
    .c5-navi:after {
        height: 240px;
        top: 45px;
    }
    .c5-navi_innter {
        margin-top: 70px;
    }
}
@media screen and (max-width:640px) {
    .c5-navi_innter {
        width: 90%;
        margin: 5vw auto 3vw;
        padding-top: 5vw;
    }
    .c5-navi_btn {
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 2vw;
        margin-right: 0;
    }
    .c5-navi_btn:last-child {
        float: none;
        margin-bottom: 0;
    }
    .c5-navi:after {
        height: 78vw;
        top: 0;
    }
}

.animateIn.c5-navi:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

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

  .c5-section-01

========================================*/
.c5-section-01-link_set {
    padding-top: 15px;
    margin-top: -15px;
}
.c5-contents_inner {
	position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
    text-align: center;
}
.c5-icon {
    margin: 0 auto;
    width: 170px;
}
.c5-section-01_sub_title {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #000000;
    padding-bottom: 8px;
    border-bottom: solid 2px #59B2B1;
}
.c5-section-01_title {
    font-size: 27px;
	line-height: 1.5em;
    color: #59B2B1;
}
.c5-section_text {
    color: #000000;
    text-align: left;
    font-size: 17px;
    line-height: 2em;
}
.c5-section_image {
    width: 100%;
}
.c5-sectiion-01_figure {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    position: relative;
    text-align: center;
    background-color: #EEF7F7;
    padding-bottom: 30px;
}
.c5-figure_title {
    width: 100%;
    font-size: 20px;
    color: #59B2B1;
    padding: 18px 0;
    border-bottom: solid 2px #FFFFFF;
}
.c5-figure_text {
    color: #000000;
    text-align: center;
    font-size: 17px;
    line-height: 2em;
}
.c5-figure_inner {
    width: 93%;
    overflow:hidden;
    display: inline-block;
}
.c5-figure {
    position: relative;
    float: left;
    width: 24.2%;
    margin-right: 1%;
}
.c5-figure:last-child {
    float: right;
    margin-right: 0;
}
.c5-figure2 {
    position: relative;
    float: left;
    width: 22.5%;
    margin-right: 3.6%;
}
.c5-figure2:last-child {
    float: right;
    margin-right: 0;
}
.c5-figure_arrow {
    position: relative;
    float: left;
    width: 9%;
    margin-right: 3.6%;
}
.c5-contents_over_image {
    width: 100%;
    overflow: hidden;
}
.c5-over_image {
    position: relative;
    float: left;
    width: 33%;
    margin-right: 0.5%;
}
.c5-over_image:last-child {
    float: right;
    margin-right: 0;
}
.c5-section_image_small {
    display: inline-block;
    width: 100%;
    max-width: 495px;
}
.c5-section_text a {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif!important;
    text-decoration: underline;
    color: #000000;
    font-size: 17px;
}

.c5-section_annotation {
    color: #646464;
    font-size: 13.5px;
    line-height: 1.8em;
    text-align: left;
}
.c5-section_annotation a {
    text-decoration: underline;
}
.c5-product {
    position: relative;
    width: 100%;
}
.c5-section-01-product_bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 63vw;
    position: absolute;
    top: 3.5vw;
    background: #F6F4EC;
    z-index: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c5-product_inner {
    position: relative;
    width: 90%;
    max-width: 630px;
    z-index: 1;
    margin: 0 auto;
    padding-top: 7vw;
}
.c5-product_read {
    text-align: center;
    font-size: 18px;
    line-height: 1.5em;
}
.c5-product_title {
    margin-top: 1.5vw;
    text-align: center;
    font-size: 14px;
}
.c5-product_name {
    margin: 1vw auto 0;
    width: 100%;
    max-width: 360px;
}
.c5-product_image {
    margin-top: 1vw;
    width: 100%;
}
.c5-product_image2 {
    margin-top: 1vw;
    text-align: center;
    width: 78%;
}
.c5-product_btn_outer {
    width: 100%;
    overflow: hidden;
    color: #FFFFFF;
    margin-top: 1vw;
}
.c5-product_btn_outer li {
    float: left;
    width: 49%;
    margin-right: 2%;
    text-align: center;
    color: #FFFFFF;
}
.c5-product_btn_outer li:last-child {
    margin-right: 0;
}
.c5-product_info_btn a,
.c5-product_store_btn a {
    width: 100%;
    color: #FFFFFF!important;
    font-size: 14px;
    padding: 13px;
}
.c5-product_annotation {
    margin-top: 3vw;
    text-align: center;
    font-size: 14px;
    color: #646464;
    line-height: 1.8em;
}
@media screen and (min-width:630px) {
    .c5-section-01-product_bg:after {
        height: 430px;
        top: 50px;
    }
    .c5-product_inner {
        padding-top: 80px;
    }
    .c5-product_title {
        margin-top: 10px;
    }
    .c5-product_name {
        margin-top: 10px;
    }
    .c5-product_image,
    .c5-product_image2 {
        margin: 10px auto 0;
    }
    .c5-product_btn_outer {
        margin-top: 10px;
    }
    .c5-product_annotation {
        margin-top: 20px;
    }
}

.animateIn.c5-section-01-product_bg:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

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

  .c5-section-02

========================================*/
.c5-section-02-link_set {
    padding-top: 15px;
    margin-top: -15px;
}
.c5-section-02_sub_title {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #000000;
    padding-bottom: 8px;
    border-bottom: solid 2px #e9a23a;
}
.c5-section-02_title {
    font-size: 27px;
	line-height: 1.5em;
    color: #e9a23a;
}
#section-02 .c5-section_image_small {
    display: inline-block;
    width: 100%;
    max-width: 585px;
}
.c5-section-02-product_bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 72vw;
    position: absolute;
    top: 3.5vw;
    background: #F6F4EC;
    z-index: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width:630px) {
    .c5-section-02-product_bg:after {
        height: 515px;
        top: 50px;
    }
}
.animateIn.c5-section-02-product_bg:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

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

  .c5-section-03

========================================*/
.c5-section-03-link_set {
    padding-top: 15px;
    margin-top: -15px;
}
.c5-section-03_sub_title {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #000000;
    padding-bottom: 8px;
    border-bottom: solid 2px #9b88d7;
}
.c5-section-03_title {
    font-size: 27px;
	line-height: 1.5em;
    color: #9b88d7;
}
#section-03 .c5-section_image_small {
    display: inline-block;
    width: 100%;
    max-width: 473px;
}
.c5-section-03-product_bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 63vw;
    position: absolute;
    top: 3.5vw;
    background: #F6F4EC;
    z-index: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width:630px) {
    .c5-section-03-product_bg:after {
        height: 450px;
        top: 50px;
    }
}
.animateIn.c5-section-03-product_bg:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

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

  .c5-section-04

========================================*/
.c5-section-04-link_set {
    padding-top: 15px;
    margin-top: -15px;
}
.c5-section-04_sub_title {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #000000;
    padding-bottom: 8px;
    border-bottom: solid 2px #b0cb52;
}
.c5-section-04_title {
    font-size: 27px;
	line-height: 1.5em;
    color: #b0cb52;
}
.c5-section-04-product_bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 64vw;
    position: absolute;
    top: 3.5vw;
    background: #F6F4EC;
    z-index: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width:630px) {
    .c5-section-04-product_bg:after {
        height: 460px;
        top: 50px;
    }
}
.animateIn.c5-section-04-product_bg:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

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

  .c5-section-05

========================================*/
.c5-section-05-link_set {
    padding-top: 15px;
    margin-top: -15px;
}
.c5-section-05_sub_title {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #000000;
    padding-bottom: 8px;
    border-bottom: solid 2px #af3d87;
}
.c5-section-05_title {
    font-size: 27px;
	line-height: 1.5em;
    color: #af3d87;
}
.c5-section-05-product_bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 72vw;
    position: absolute;
    top: 3.5vw;
    background: #F6F4EC;
    z-index: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width:630px) {
    .c5-section-05-product_bg:after {
        height: 515px;
        top: 50px;
    }
}
.animateIn.c5-section-05-product_bg:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

@media screen and (max-width:700px) {
    .c5-section-01-product_bg:after {
        height: 440px;
    }
}
@media screen and (max-width:640px) {
    .c5-icon {
        width: 37%;
    }
    .c5-section-01_sub_title,
    .c5-section-02_sub_title,
    .c5-section-03_sub_title,
    .c5-section-04_sub_title,
    .c5-section-05_sub_title {
        font-size: 3.7vw;
    }
    .c5-section-01_title,
    .c5-section-02_title,
    .c5-section-03_title,
    .c5-section-04_title,
    .c5-section-05_title {
        font-size: 5.5vw;
	    line-height: 1.5em;
    }
    .c5-section_text {
        font-size: 17px;
        line-height: 2em;
    }
    .c5-figure_title {
        font-size: 18px;
        padding: 23px 0;
    }
    .c5-figure_text {
        width: 90%;
        margin: 0 auto;
        text-align: left;
        font-size: 17px;
        line-height: 2em;
    }
    .c5-figure_inner {
        width: 90%;
    }
    .c5-figure {
        width: 49%;
        margin-right: 1%;
    }
    .c5-figure:last-child {
        margin-right: 0;
    }
    .c5-figure2 {
        width: 31%;
        margin-right: 3.5%;
    }
    .c5-figure2:last-child {
        margin-right: 0;
    }
    .c5-figure_arrow1 {
        position: absolute;
        width: 11.5%;
        left: 27%;
        z-index: 1;
    }
    .c5-figure_arrow2 {
        position: absolute;
        width: 11.5%;
        right: 30%;
        z-index: 1;
    }
    .c5-over_image1 {
        width: 100%;
        margin-right: 0.5%;
    }
    .c5-over_image2 {
        float: left;
        width: 49.5%;
    }
    .c5-over_image3 {
        float: right;
        width: 49.5%;
    }
    .c5-product_image {
        margin: 4vw 0;
    }
    .c5-product_image2 {
        margin: 4vw 0;
        width: 100%;
    }
    .c5-product_title {
        margin-top: 3vw;
    }
    .c5-product_btn_outer li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }

    .c5-section-01-product_bg:after {
        height: 520px;
    }
    .c5-section-02-product_bg:after {
        height: 625px;
    }
    .c5-section-03-product_bg:after {
        height: 520px;
    }
    .c5-section-04-product_bg:after {
        height: 580px;
    }
    .c5-section-05-product_bg:after {
        height: 640px;
    }
}
@media screen and (max-width:600px) {
    .c5-section-01-product_bg:after {
        height: 500px;
    }
    .c5-section-02-product_bg:after {
        height: 580px;
    }
    .c5-section-03-product_bg:after {
        height: 480px;
    }
    .c5-section-04-product_bg:after {
        height: 560px;
    }
    .c5-section-05-product_bg:after {
        height: 600px;
    }
}
@media screen and (max-width:530px) {
    .c5-section-01-product_bg:after {
        height: 480px;
    }
    .c5-section-03-product_bg:after {
        height: 440px;
    }
    .c5-section-04-product_bg:after {
        height: 530px;
    }
    .c5-section-05-product_bg:after {
        height: 580px;
    }
}
@media screen and (max-width:500px) {
    .c5-section-01-product_bg:after {
        height: 500px;
    }
    .c5-section-02-product_bg:after {
        height: 550px;
    }
    .c5-section-04-product_bg:after {
        height: 500px;
    }
    .c5-section-05-product_bg:after {
        height: 560px;
    }
}
@media screen and (max-width:450px) {
    .c5-section-04-product_bg:after {
        height: 480px;
    }
}
@media screen and (max-width:400px) {
    .c5-section-01-product_bg:after {
        height: 460px;
    }
    .c5-section-02-product_bg:after {
        height: 520px;
    }
    .c5-section-03-product_bg:after {
        height: 410px;
    }
    .c5-section-04-product_bg:after {
        height: 450px;
    }
    .c5-section-05-product_bg:after {
        height: 530px;
    }
}

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

  .c5-profile

========================================*/
.c5-pf_outer {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
	position: relative;
	border: solid #aa8e41 1px;
	overflow: hidden;
}
.c5-pf_photo {
	float: left;
	width: 25%;
	margin: 5% 3% 5% 5%;
}
.c5-pf_text {
	text-align: left;
	float: left;
	width: 63%;
	margin: 5% 4% 4% 0;
}
.c5-pf_name {
	font-size: 24px;
	color: #000000;
}
.c5-pf_name span {
	font-size: 16px;
}
.c5-pf_detail {
	font-size: 16px;
	line-height: 1.8em;
}
@media screen and (max-width:850px) {
    .c5-pf_photo {
	    float: none;
        width: 90%;
	    margin: 5%;
    }
    .c5-pf_detail {
        margin: 0 5% 5% 5%;
        text-align: left;
    }
}

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

  .c5-service

========================================*/
.c5-service {
	width: 100%;
	background-image: url("../img/service_bg.jpg");
	background-repeat: repeat-x;
	background-size:contain;
	text-align: center;
    position: relative;
    padding: 70px 0;
}
.c5-service_inner {
	position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
    text-align: center;
}
.c5-service_title {
	border: solid 4px #aa8e41;
	padding: 10px 0;
	font-size: 24px;
	color: #aa8e41;
    line-height: 1.3em;
    background-color: #FFFFFF;
}
.c5-service_sub_title {
	font-size: 16px;
	color: #aa8e41;
}
.c5-service_image {
	width: 100%;
}
.c5-service_text {
	text-align: left;
	font-size: 17px;
	line-height: 1.8em;
}
.c5-service_annotation {
    text-align: left;
    font-size: 14px;
    line-height: 1.8em;
}
.c5-service_btn {
	margin: 0 auto;
	width: 100%;
	max-width: 330px;
}
.c5-service_btn a {
    color: #FFFFFF!important;
    font-size: 14px;
	width: 100%;
    padding: 13px;
}
@media screen and (max-width:640px) {
    .c5-service_btn {
	    width: 100%;
        max-width: 640px;
    }
    .c5-service_btn a {
	    padding: 15px;
    }
}

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

  .c5-store

========================================*/
.sonyStore {
  background: #000; }

.sonyStore__wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 3%;
  color: #fff; }

.sonyStore__title {
  padding: 5% 0 3%;
  font-size: 1.85rem;
  line-height: 1.5em;
  text-align: center;
  letter-spacing: 4px; }

.sonyStore__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2.5%; }

.sonyStore__text {
  width: 50%;
  font-size: 1.18rem;
  line-height: 1.6;
  margin-top: -9px;
}

.sonyStore__image {
  width: 46.2%; }
  .sonyStore__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.sonyStore__bnr {
  width: auto;
  border: solid 1px #fff; }
  .sonyStore__bnr img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.sonyStore__subtitle {
  padding: 3% 0;
  font-size: 1.55rem;
  text-align: center;
  letter-spacing: 4px; }

.sonyStore__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
}
  .sonyStore__list a {
    display: block;
    text-decoration: none;
    color: #fff; }

.sonyStore__listItem {
  max-width: 180px;
  width: 100%;
  margin-right: 2.6%; }
  .sonyStore__listItem:last-child {
    margin-right: 0; }

.sonyStore__photo {
  margin-bottom: 1%; }
  .sonyStore__photo img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.sonyStore__place {
  position: relative;
  padding-left: 10px;
  padding-top: 2px;
  font-size: .8rem;
  line-height: 1.5em}
  .sonyStore__place:before {
    position: absolute;
    top: 10%;
    left: 0;
    content: "▶︎ ";
    width: 10px;
    height: 10px;
    font-size: 8px; }

@media screen and (max-width: 1000px) {
  .sonyStore {
    background: #000; }
  .sonyStore__wrap {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 3%;
    color: #fff; }
  .sonyStore__title {
    padding: 5% 0 3%;
    font-size: 1.65rem;
    text-align: center;
    letter-spacing: 4px; }
  .sonyStore__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .sonyStore__text {
    width: 50%;
    font-size: 1.25rem;
    line-height: 1.6;
    }
  .sonyStore__image {
    width: 46.2%; }
    .sonyStore__image img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .sonyStore__bnr {
    width: auto;
    border: none; }
    .sonyStore__bnr img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .sonyStore__subtitle {
    padding: 3% 0;
    font-size: 1.45rem;
    text-align: center;
    letter-spacing: 4px; }
  .sonyStore__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    }
    .sonyStore__list a {
      display: block;
      text-decoration: none;
      color: #fff; }
  .sonyStore__listItem {
    max-width: 180px;
    width: 100%;
    margin-right: 2.6%; }
    .sonyStore__listItem:last-child {
      margin-right: 0; }
  .sonyStore__photo img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }
  .sonyStore__place {
    position: relative;
    padding-left: 10px;
    font-size: .8rem; }
    .sonyStore__place:before {
      position: absolute;
      top: 10%;
      left: 0;
      content: "▶︎ ";
      width: 10px;
      height: 10px;
      font-size: 8px; } }

@media screen and (max-width: 1000px) {
  .sonyStore__place {
    position: relative;
    padding-left: 10px;
    font-size: .65rem; }
    .sonyStore__place:before {
      position: absolute;
      top: 10%;
      left: 0;
      content: "▶︎ ";
      width: 10px;
      height: 10px;
      font-size: 8px; } }

@media screen and (max-width: 767px) {
  .sonyStore {
    background: #000; }
  .sonyStore__wrap {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 3%;
    color: #fff; }
  .sonyStore__title {
    padding: 5% 0 3%;
    font-size: 4.04172vw;
    text-align: center;
    letter-spacing: 1px; }
  .sonyStore__inner {
    display: block;
    width: auto;
    margin: 0 auto; }
  .sonyStore__text {
    width: auto;
    font-size: 2.81617vw;
    line-height: 1.6;
    letter-spacing: 2px;
    margin-top: 0; }
  .sonyStore__image {
    width: auto;
    margin: 2% auto 10%; }
    .sonyStore__image img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .sonyStore__bnr {
    width: auto;
    margin: 0 auto 7%; }
    .sonyStore__bnr img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .sonyStore__subtitle {
    margin: 0 0 3%;
    padding: 3% 0;
    font-size: 3.25945vw;
    text-align: center;
    letter-spacing: 0; }
  .sonyStore__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0; }
    .sonyStore__list a {
      display: block;
      text-decoration: none;
      color: #fff; }
  .sonyStore__listItem {
    max-width: 298px;
    width: 45%;
    margin: 0 0 5%; }
    .sonyStore__listItem img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
    .sonyStore__listItem:last-child {
      margin-right: 0; }
  .sonyStore__photo {
    max-width: 298px;
    width: 100%;
    margin: 0 0 3%; }
    .sonyStore__photo img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .sonyStore__place {
    position: relative;
    padding-left: 10px;
    font-size: 2.73794vw; }
    .sonyStore__place:before {
      position: absolute;
      top: 20%;
      left: 0;
      content: "▶︎ ";
      width: 10px;
      height: 10px;
      font-size: 3px; } }

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

  .c5-end

========================================*/
.c5-end {
    text-align: center;
    background-color: #EDEDED;
    padding: 60px 0;
}
.c5-end_title {
    font-size: 26px;
    color: #000000;
}
.c5-end_text {
    margin: 30px 0;
    font-size: 17px;
    line-height: 1.8em;
}
.c5-end_btn {
	margin: 0 auto;
	width: 90%;
	max-width: 330px;
}
.c5-end_btn a {
    color: #FFFFFF!important;
    font-size: 14px;
	width: 100%;
    padding: 13px;
}
.s5-returnToTop {
    margin: 0!important;
}

@media screen and (max-width: 767px) {
    .c5-end_btn {
        max-width: 640px;
    }
    .c5-end_btn a {
        padding: 15px;
    }
}
@media screen and (max-width:500px) {
    .c5-end_title {
        font-size: 5vw;
    }
}


.animateDelay-0 {
  -webkit-animation-delay: 0.4s!important;
  animation-delay: 0.4s!important
}

.animateDelay-1 {
  -webkit-animation-delay: 0.7s!important;
  animation-delay: 0.7s!important
}

.animateDelay-2 {
  -webkit-animation-delay: 1s!important;
  animation-delay: 1s!important
}

.animateDelay-3 {
  -webkit-animation-delay: 1.3s!important;
  animation-delay: 1.3s!important
}

.animateDelay-4 {
  -webkit-animation-delay: 1.6s!important;
  animation-delay: 1.6s!important
}

.animateDelay-5 {
  -webkit-animation-delay: 1.9s!important;
  animation-delay: 1.9s!important
}

.animateDelay-6 {
  -webkit-animation-delay: 2.2s!important;
  animation-delay: 2.2s!important
}

.animateDelay-7 {
  -webkit-animation-delay: 2.5s!important;
  animation-delay: 2.5s!important
}

.animateDelay-8 {
  -webkit-animation-delay: 2.8s!important;
  animation-delay: 2.8s!important
}

.animateDelay-9 {
  -webkit-animation-delay: 3.1s!important;
  animation-delay: 3.1s!important
}

.animateDelay-10 {
  -webkit-animation-delay: 3.4s!important;
  animation-delay: 3.4s!important
}
.animateDelay-11 {
  -webkit-animation-delay: 3.7s!important;
  animation-delay: 3.7s!important
}
.animateDelay-12 {
  -webkit-animation-delay: 4.0s!important;
  animation-delay: 4.0s!important
}
.animateDelay-13 {
  -webkit-animation-delay: 4.3s!important;
  animation-delay: 4.3s!important
}

.js-rellax {
  display: inline-block
}

@-webkit-keyframes slideInUp {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, 3.125vw, 0);
    transform: translate3d(0, 3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slideInUp {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, 3.125vw, 0);
    transform: translate3d(0, 3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.slideInUp {
  opacity: 0
}

.animateIn.slideInUp, .animateIn .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}