<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media print, screen and (min-width: 768px) {
  #mainvisual {
    overflow: hidden;
    background: #f9f9f9;
    height: calc(65vh - 100px);
    min-height: 550px;
    position: relative
  }
  #mainvisual::before {
    display: block;
    content: "";
    width: 60%;
    height: 100%;
    left: 40%;
    position: absolute;
    top: 0
  }
  #mainvisual .inner {
    width: 1200px;
    height: 100%;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    z-index: 0;
  }
  #mainvisual .inner::after {
    content: "";
    position: absolute;
    left: -7px;
    height: 130%;
    width: 50%;
    top: -30%;
    transform: rotate(20deg);
    background: #f9f9f9;
    z-index: -1;
  }
  #mainvisual .inner .cat {
    color: #fff;
    font-weight: 700;
    padding: 13px 45px;
    background: #c7365e;
    transform: skewX(-20deg);
    position: absolute;
    top: 0;
    left: 56% !important;
    font-size: 2rem
  }
  #mainvisual .inner .cat span {
    transform: skewX(20deg);
    letter-spacing: 1.5px;
    display: block
  }
  #mainvisual .inner .t_cat {
    font-size: 3.0rem;
    font-weight: 900;
    position: relative;
    z-index: 10;
    margin-top: -5%;
    line-height: 1.3;
    font-feature-settings: "palt" 1
  }
  #mainvisual .inner h1 {
    font-size: 3.2rem;
    font-weight: 900;
    position: relative;
    z-index: 10;
    margin-top: 10px;
    line-height: 1.3;
    font-feature-settings: "palt" 1
  }
  #mainvisual .inner h1 span {
    display: block;
    margin-top: 30px
  }
  #mainvisual .inner h1 p {
    font-size: 1.8rem;
    margin-top: 15px
  }
  #mainvisual .change_plan {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 120;
    font-feature-settings: "palt" 1
  }
  #mainvisual .change_plan a {
    display: block;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    text-decoration: none;
    padding: 25px 100px 25px 25px;
    font-weight: 500;
    position: relative;
    font-size: 1.6rem;
    -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
  }
  #mainvisual .change_plan a::after {
    -webkit-transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: right 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    top: 0;
    bottom: 0;
    right: 25px;
    margin: auto;
    background-size: 100%
  }
  #mainvisual .change_plan a:hover {
    background: rgba(199, 54, 94, 0.9)
  }
  #mainvisual .change_plan a:hover::after {
    right: 15px
  }
  #main h2.slideUp_type {
    text-align: center;
    font-weight: 900;
    font-size: 3.5rem
  }
  #main #sec01 {
    margin-top: 100px
  }
  #main #sec01 .inner {
    min-width: 1200px
  }
  #main #sec01 .troubleList {
    margin: 40px auto 0;
    width: 1200px;
    display: flex;
    justify-content: center
  }
  #main #sec01 .troubleList &gt; div {
    width: 33%;
    box-sizing: border-box;
    position: relative
  }
  #main #sec01 .troubleList &gt; div &gt; div {
    padding: 30px
  }
  #main #sec01 .troubleList &gt; div &gt; div::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
  }
  #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div {
    background: #e5e5e5
  }
  #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div:before {
    background: url(../../../ss/images/bg01.png) no-repeat right bottom
  }
  #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div {
    background: #f5f5f5
  }
  #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div:before {
    background: url(../../../ss/images/bg02.png) no-repeat right bottom
  }
  #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div {
    background: #e5e5e5
  }
  #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div:before {
    background: url(../../../ss/images/bg03.png) no-repeat right bottom
  }
  #main #sec01 .troubleList p {
    font-size: 1.8rem;
    font-weight: 900;
    margin-bottom: 20px;
    position: relative;
    z-index: 10
  }
  #main #sec01 .troubleList p.name {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.4rem
  }
  #main #sec01 .readcopy {
    text-align: center;
    font-size: 3rem;
    font-weight: 900;
    margin-top: 50px;
    color: #b63b54
  }
  #main #sec01 .answer {
    background: #b63b54;
    padding: 0 0 0;
    position: relative
  }
  #main #sec01 .answer ul {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding: 150px 0 50px
  }
  #main #sec01 .answer ul li {
    font-size: 2.5rem;
    font-weight: 900;
    margin: 35px 0;
    padding-left: 40px;
    color: #fff;
    position: relative
  }
  #main #sec01 .answer ul li:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 480.56 480.56' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='327.327,359.861 60,359.861 60,92.532 268.65,92.532 328.651,32.532 0,32.532 0,419.86 387.327,419.86  387.327,171.846 327.327,231.847'/%3E%3Cpolygon fill='%23fff' points='125.735,173.171 83.308,215.597 185.158,317.448 440.02,62.585 397.593,20.159 185.158,232.595' /%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: .45em
  }
  #main #sec01 .answer ul::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -310px;
    width: 310px;
    height: 100%;
    background: url(../../../ss/images/bg04.png) no-repeat center bottom
  }
  #main #sec01 .answer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #ffffff 50.5%) no-repeat top left/50.1% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #ffffff 50.5%) no-repeat top right/50.1% 100%
  }
  #main #sec01 a {
    color: #fff;
    text-decoration: underline;
  }
  #main #sec01 a:hover {
    color: #333;
    text-decoration: none;
  }
  #main #sec01 .un {
    color: #333;
    text-decoration: underline;
  }
  #main #sec01 a:hover.un {
    color: #fff;
    text-decoration: none;
  }
  #main #sec01 a.red {
    color: #b63b54;
    text-decoration: underline;
  }
  #main #sec01 a.red:hover {
    color: #333;
    text-decoration: none;
  }
  #main #sec02 {
    position: relative;
    z-index: 10
  }
  #main #sec02 .inner {
    width: 1200px;
    margin: 120px auto 0
  }
  #main #sec02 .caseList {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 60px
  }
  #main #sec02 .caseList &gt; div {
    width: 32.9%;
    height: 375px
  }
  #main #sec02 .caseList &gt; div div {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    text-align: center;
    background: #f0f0f0;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
    height: 375px;
    position: relative
  }
  #main #sec02 .caseList &gt; div div p {
    font-weight: 900;
    font-size: 1.7rem;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    z-index: 10
  }
  #main #sec02 .caseList &gt; div div:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.7) 100%)
  }
  #main #sec03 {
    margin-top: 120px;
    background: url(../../../ss/images/bg.png) repeat left top
  }
  #main #sec03 .inner {
    margin: 0 auto;
    width: 1200px;
    z-index: 10;
    position: relative;
    padding: 60px 0 80px
  }
  #main #sec03 .readcopy {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 15px;
    line-height: 1.9
  }
  #main #sec04 {
    margin-top: 100px
  }
  #main #sec04 .about {
    background: #f0f0f0
  }
  #main #sec04 .about .inner {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 80px 0;
    background: #ededed;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    min-height: 450px;
    position: relative
  }
  #main #sec04 .about .number {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 7.5rem;
    margin: 0 auto;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 100;
    position: relative;
    z-index: 10
  }
  #main #sec04 .about dl {
    margin-top: 10px;
    position: relative;
    z-index: 10
  }
  #main #sec04 .about dl dt {
    font-size: 2.7rem
  }
  #main #sec04 .about dl dt &gt; span {
    display: block;
    text-align: center;
    margin: 10px 0 0
  }
  #main #sec04 .about dl dt &gt; span span {
    display: inline-block;
    background: #c7365e;
    padding: 10px 40px;
    color: #fff;
    font-weight: 900
  }
  #main #sec04 .about dl dd {
    padding-top: 20px;
    font-size: 1.8rem;
    font-weight: 900;
    margin: 0 auto;
    line-height: 1.9;
    color: #fff
  }
  #main #sec04 .about.about01 {
    margin-top: 60px
  }
  #main #sec04 .readcopy {
    text-align: center;
    font-size: 2rem;
    font-weight: 900
  }
  #main #sec05 {
    position: relative;
    z-index: 10
  }
  #main #sec05 .inner {
    width: 1200px;
    margin: 100px auto 0
  }
  #main #sec05 .inner h2 {
    text-align: center;
    font-size: 2.7rem;
    font-weight: 900
  }
  #main #sec05 .bnrs {
    display: flex;
    justify-content: space-between
  }
  #main #sec05 .readcopy {
    text-align: center;
    font-size: 2rem;
    font-weight: 900
  }
  #main #sec05 .package {
    margin-top: 40px
  }
  #main #sec05 .package &gt; div {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
  }
  #main #sec05 .package a {
    text-decoration: none
  }
  #main #sec05 .package a dl {
    width: 380px
  }
  #main #sec05 .package a dl dt {
    display: block;
    /*overflow: hidden;*/
    text-align: center
  }
  #main #sec05 .package a dl dt img {
    transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s
  }
  #main #sec05 .package a dl dd {
    padding: 15px 0 0;
    text-align: center;
    line-height: 1.7;
    font-size: 1.4rem
  }
  #main #sec05 .package a:hover dt img {
    transform: scale(1.05)
  }
  #main #sec07 .bnrs {
    width: 1200px;
    margin: 50px auto 50px auto;
    display: flex;
    justify-content: space-between
  }
  .live #mainvisual::before {
    background: url(../../../ss/images/live_mainvisual_bg.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div {
    background: #e5e5e5
  }
  .live #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div:before {
    background: url(../../../ss/images/live01.png) no-repeat right bottom;
    background-size: 80%
  }
  .live #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div {
    background: #f5f5f5
  }
  .live #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div:before {
    background: url(../../../ss/images/live02.png) no-repeat right bottom;
    background-size: 80%
  }
  .live #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div {
    background: #e5e5e5
  }
  .live #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div:before {
    background: url(../../../ss/images/live03.png) no-repeat right bottom;
    background-size: 80%
  }
  .live #main #sec01 .answer ul::before {
    background: url(../../../ss/images/live04.png) no-repeat center bottom
  }
  .live #main #sec02 .caseList .case01 {
    background: url(../../../ss/images/live_img01.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec02 .caseList .case02 {
    background: url(../../../ss/images/live_img02.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec02 .caseList .case03 {
    background: url(../../../ss/images/live_img03.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about01 {
    background: url(../../../ss/images/live_bg01.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about01 .inner {
    background: url(../../../ss/images/live_bg02.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about02 {
    background: url(../../../ss/images/live_bg03.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about02 .inner {
    background: url(../../../ss/images/live_bg04.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about03 {
    background: url(../../../ss/images/live_bg05.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about03 .inner {
    background: url(../../../ss/images/live_bg06.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #mainvisual::before {
    background: url(../../../ss/images/ondemand_mainvisual_bg.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div {
    background: #e5e5e5
  }
  .ondemand #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div:before {
    background: url(../../../ss/images/ondemand01.png) no-repeat right bottom;
    background-size: 80%
  }
  .ondemand #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div {
    background: #f5f5f5
  }
  .ondemand #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div:before {
    background: url(../../../ss/images/ondemand02.png) no-repeat right bottom;
    background-size: 80%
  }
  .ondemand #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div {
    background: #e5e5e5
  }
  .ondemand #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div:before {
    background: url(../../../ss/images/ondemand03.png) no-repeat right bottom;
    background-size: 80%
  }
  .ondemand #main #sec01 .answer ul::before {
    background: url(../../../ss/images/ondemand04.png) no-repeat center bottom;
    right: -150px
  }
  .ondemand #main #sec02 .caseList .case01 {
    background: url(../../../ss/images/ondemand_img01.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec02 .caseList .case02 {
    background: url(../../../ss/images/ondemand_img02.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec02 .caseList .case03 {
    background: url(../../../ss/images/ondemand_img03.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about01 {
    background: url(../../../ss/images/ondemand_bg01.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about01 .inner {
    background: url(../../../ss/images/ondemand_bg02.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about02 {
    background: url(../../../ss/images/ondemand_bg03.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about02 .inner {
    background: url(../../../ss/images/ondemand_bg04.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about03 {
    background: url(../../../ss/images/ondemand_bg05.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about03 .inner {
    background: url(../../../ss/images/ondemand_bg06.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec01 .answer ul {
    width: 1090px
  }
  .ondemand #main #sec01 .answer ul br {
    display: none
  }
  #footerContact {
    padding-top: 40px;
    border-top: 1px solid #ddd
  }
  #main #sec01 .readcopy.am {
    overflow: hidden
  }
  #main #sec01 .readcopy.am &gt; * {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-property: "translateY, opacity";
    -moz-transition-property: "translateY, opacity";
    -ms-transition-property: "translateY, opacity";
    -o-transition-property: "translateY, opacity";
    transition-property: "translateY, opacity";
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 1200ms
  }
  #main #sec01 .answer {
    margin-top: 40px;
    overflow: hidden
  }
  #main #sec01 .answer::before {
    transform: translateY(-100px);
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    transition-delay: 1200ms
  }
  #main #sec01 .answer::after {
    transform: translateY(-100px);
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    transition-delay: 1200ms
  }
  #main #sec01 .answer ul::before {
    opacity: 0;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    transition-delay: 2100ms
  }
  #main #sec01 .answer ul li {
    overflow: hidden
  }
  #main #sec01 .answer ul li:before {
    opacity: 0;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
  }
  #main #sec01 .answer ul li &gt; * {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition-property: "translateY, opacity";
    -moz-transition-property: "translateY, opacity";
    -ms-transition-property: "translateY, opacity";
    -o-transition-property: "translateY, opacity";
    transition-property: "translateY, opacity";
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
  }
  #main #sec01 .answer ul li:nth-child(1) &gt; *, #main #sec01 .answer ul li:nth-child(1)::before {
    transition-delay: 1500ms
  }
  #main #sec01 .answer ul li:nth-child(2) &gt; *, #main #sec01 .answer ul li:nth-child(2)::before {
    transition-delay: 1700ms
  }
  #main #sec01 .answer ul li:nth-child(3) &gt; *, #main #sec01 .answer ul li:nth-child(3)::before {
    transition-delay: 1900ms
  }
  #main #sec01 .answer ul li:nth-child(4) &gt; *, #main #sec01 .answer ul li:nth-child(4)::before {
    transition-delay: 2100ms
  }
  #main #sec01 .in .readcopy.am &gt; * {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
  #main #sec01 .in .answer::before {
    transform: translateY(0px)
  }
  #main #sec01 .in .answer::after {
    transform: translateY(0px)
  }
  #main #sec01 .in .answer ul li {
    overflow: hidden
  }
  #main #sec01 .in .answer ul li::before {
    opacity: 1
  }
  #main #sec01 .in .answer ul li &gt; * {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
  #main #sec01 .in .answer ul::before {
    opacity: 1
  }
  #main #sec03 .readcopy {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition-delay: 400ms
  }
  #main #sec03 .img {
    opacity: 0;
    transform: translateX(-20px);
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition-delay: 700ms
  }
  #main #sec03 .in .readcopy {
    opacity: 1;
    transform: translateY(0)
  }
  #main #sec03 .in .img {
    opacity: 1;
    transform: translateX(0)
  }
  #main #sec04 .about01 {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition-delay: 200ms
  }
  #main #sec04 .about02 {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition-delay: 400ms
  }
  #main #sec04 .about03 {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition-delay: 600ms
  }
  #main #sec04.in .about01 {
    opacity: 1;
    transform: translateY(0)
  }
  #main #sec04.in .about02 {
    opacity: 1;
    transform: translateY(0)
  }
  #main #sec04.in .about03 {
    opacity: 1;
    transform: translateY(0)
  }
  #main #sec07 {
    position: relative;
    background: #f5f5f5 url(../../../../ovp/images/bg.png) repeat left top;
    overflow: hidden;
    padding: 40px 0;
    margin-top: 80px;
  }
  #main #sec07 .inner {
    width: 1200px;
    margin: 40px auto 0
  }
  #main #sec07 .inner h2 {
    text-align: center;
    font-size: 2.7rem;
    font-weight: 900
  }
  #main #sec07 .inner h2.tit {
    text-align: center;
    font-size: 3.5rem;
    font-weight: 900;
    margin: 30px auto;
  }
  #main #sec07 .bnrs {
    display: flex;
    justify-content: space-between
  }
  #main #sec07 .readcopy {
    text-align: center;
    font-size: 2rem;
    font-weight: 900
  }
  #main #sec07 .package {
    margin-top: 40px
  }
  #main #sec07 .package &gt; div {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: flex-end;
  }
  #main #sec07 .package a {
    text-decoration: none
  }
  #main #sec07 .package a dl {
    width: 380px
  }
  #main #sec07 .package a dl dt {
    display: block;
    text-align: center
  }
  #main #sec07 .package a dl dt img {
    transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s
  }
  #main #sec07 .package a dl dd {
    padding: 15px 0 0;
    text-align: center;
    line-height: 1.7;
    font-size: 1.6rem;
    text-align: left
  }
  #main #sec07 .package a:hover dt img {
    transform: scale(1.05)
  }
  #main #sec07 .tit {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 10px;
  }
  #main #sec07 .package a {
    text-decoration: none;
  }
  #main #sec07 .package a:hover {
    color: #c7365e;
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  #siteNav {
    display: none
  }
  #mainvisual {
    background: #f9f9f9;
    position: relative
  }
  #mainvisual:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    content: ""
  }
  #mainvisual .inner {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    padding: 8% 5% 10%;
    display: flex;
    align-items: center
  }
  #mainvisual .inner h1 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 900;
    position: relative;
    z-index: 10
  }
  #mainvisual .inner h1 span {
    display: block;
    margin-top: 20px
  }
  #mainvisual .inner h1 span img {
    max-width: 80%;
    width: 100%;
  }
  #mainvisual .inner .cat {
    display: none;
    color: #fff;
    font-weight: 700;
    padding: 8px 80px;
    background: #c7365e;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 1.6rem
  }
  #mainvisual .inner .cat span {
    letter-spacing: 1.5px;
    display: block
  }
  #mainvisual .change_plan {
    padding: 0 5% 8%
  }
  #mainvisual .change_plan a {
    display: block;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    text-decoration: none;
    padding: 3% 7vw 3% 3%;
    font-weight: 500;
    position: relative;
    font-size: 1.8rem;
    -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s
  }
  #mainvisual .change_plan a::after {
    -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 300' width='150px' height='150px' style='transform-box:fill-box' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153'/%3E224.52,72.001z' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 5vw;
    height: 5vw;
    top: 0;
    bottom: 0;
    right: 3vw;
    margin: auto;
    background-size: 100%
  }
  #main h2.slideUp_type {
    text-align: center;
    font-weight: 900;
    font-size: 1.7rem
  }
  #main #sec01 {
    margin-top: 10%
  }
  #main #sec01 .inner {
    min-width: 100%
  }
  #main #sec01 .troubleList {
    margin: 5% auto 0;
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box
  }
  #main #sec01 .troubleList &gt; div {
    box-sizing: border-box;
    position: relative
  }
  #main #sec01 .troubleList &gt; div &gt; div {
    padding: 5%
  }
  #main #sec01 .troubleList &gt; div &gt; div::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33vw;
    height: 90%
  }
  #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div {
    background: #e5e5e5
  }
  #main #sec01 .troubleList &gt; div:nth-child(1) &gt; div:before {
    background: url(../../../ss/images/bg01.png) no-repeat center bottom;
    background-size: 100%
  }
  #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div {
    background: #f5f5f5
  }
  #main #sec01 .troubleList &gt; div:nth-child(2) &gt; div:before {
    background: url(../../../ss/images/bg02.png) no-repeat center bottom;
    background-size: 100%
  }
  #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div {
    background: #e5e5e5
  }
  #main #sec01 .troubleList &gt; div:nth-child(3) &gt; div:before {
    background: url(../../../ss/images/bg03.png) no-repeat center top;
    background-size: 100%
  }
  #main #sec01 .troubleList p {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 3%
  }
  #main #sec01 .troubleList p.name {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 1.3rem
  }
  #main #sec01 .readcopy {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 900;
    margin-top: 8%;
    padding: 0 3%;
    color: #b63b54
  }
  #main #sec01 .readcopy br {
    display: none;
  }
  #main #sec01 .answer {
    background: #b63b54;
    padding: 13% 4% 0;
    position: relative;
    margin-top: 10%
  }
  #main #sec01 .answer ul {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0% 0 10%
  }
  #main #sec01 .answer ul li {
    font-size: 1.8rem;
    font-weight: 900;
    margin: 4% 0;
    padding-left: 7vw;
    color: #fff;
    position: relative;
  }
  #main #sec01 .answer ul li:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 480.56 480.56' preserveAspectRatio='xMinYMid'%3E%3Cpolygon fill='%23fff' points='327.327,359.861 60,359.861 60,92.532 268.65,92.532 328.651,32.532 0,32.532 0,419.86 387.327,419.86  387.327,171.846 327.327,231.847'/%3E%3Cpolygon fill='%23fff' points='125.735,173.171 83.308,215.597 185.158,317.448 440.02,62.585 397.593,20.159 185.158,232.595' /%3E%3C/svg%3E");
    width: 4vw;
    height: 4vw;
    position: absolute;
    left: 0;
    top: .45em
  }
  #main #sec01 .answer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #ffffff 50.5%) no-repeat top left/50.1% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #ffffff 50.5%) no-repeat top right/50.1% 100%
  }
  #main #sec01 .answer ul::before {
    opacity: 0;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    transition-delay: 2100ms
  }
  #main #sec01 .answer ul li {
    overflow: hidden
  }
  #main #sec01 .answer ul li:before {
    opacity: 0;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
  }
  #main #sec01 .answer ul li &gt; * {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition-property: "translateY, opacity";
    -moz-transition-property: "translateY, opacity";
    -ms-transition-property: "translateY, opacity";
    -o-transition-property: "translateY, opacity";
    transition-property: "translateY, opacity";
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
  }
  #main #sec01 .answer ul li:nth-child(1) &gt; *, #main #sec01 .answer ul li:nth-child(1)::before {
    transition-delay: 1500ms
  }
  #main #sec01 .answer ul li:nth-child(2) &gt; *, #main #sec01 .answer ul li:nth-child(2)::before {
    transition-delay: 1700ms
  }
  #main #sec01 .answer ul li:nth-child(3) &gt; *, #main #sec01 .answer ul li:nth-child(3)::before {
    transition-delay: 1900ms
  }
  #main #sec01 .answer ul li:nth-child(4) &gt; *, #main #sec01 .answer ul li:nth-child(4)::before {
    transition-delay: 2100ms
  }
  #main #sec01 .in .readcopy.am &gt; * {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
  #main #sec01 .in .answer::before {
    transform: translateY(0px)
  }
  #main #sec01 .in .answer::after {
    transform: translateY(0px)
  }
  #main #sec01 .in .answer ul li {
    overflow: hidden
  }
  #main #sec01 .in .answer ul li::before {
    opacity: 1
  }
  #main #sec01 .in .answer ul li &gt; * {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
  #main #sec01 .in .answer ul::before {
    opacity: 1
  }
  #main #sec01 a {
    color: #fff;
    text-decoration: underline;
  }
  #main #sec01 a:hover {
    color: #333;
    text-decoration: none;
  }
  #main #sec01 .un {
    color: #333;
    text-decoration: underline;
  }
  #main #sec01 a:hover.un {
    color: #fff;
    text-decoration: none;
  }
  #main #sec01 a.red {
    color: #b63b54;
    text-decoration: underline;
  }
  #main #sec01 a.red:hover {
    color: #333;
    text-decoration: none;
  }
  #main #sec02 {
    position: relative;
    z-index: 10
  }
  #main #sec02 .inner {
    width: 100%;
    margin: 10% auto 0
  }
  #main #sec02 .caseList {
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 5%;
    padding: 0 3%;
    box-sizing: border-box
  }
  #main #sec02 .caseList &gt; div {
    width: 90%;
    margin: 2% auto 0
  }
  #main #sec02 .caseList &gt; div div {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    text-align: center;
    background: #f0f0f0;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
    height: 200px;
    position: relative
  }
  #main #sec02 .caseList &gt; div div p {
    font-weight: 900;
    font-size: 1.3rem;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    z-index: 10
  }
  #main #sec02 .caseList &gt; div div:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.7) 100%)
  }
  #main #sec03 {
    margin-top: 5%;
    background: url(../../../ss/images/bg.png) repeat left top
  }
  #main #sec03 .inner {
    margin: 0 auto;
    width: 100%;
    z-index: 10;
    position: relative;
    padding: 5% 0 5%
  }
  #main #sec03 .readcopy {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 15px;
    line-height: 1.9;
    margin-bottom: 3%
  }
  #main #sec04 {
    margin-top: 10%
  }
  #main #sec04 .about {
    background: #f0f0f0
  }
  #main #sec04 .about .inner {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 5% 3%;
    background: #ededed;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
  }
  #main #sec04 .about .inner::before {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: ""
  }
  #main #sec04 .about .number {
    width: 10vw;
    height: 10vw;
    text-align: center;
    line-height: 10vw;
    font-size: 3.5rem;
    margin: 0 auto;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 100;
    position: relative;
    z-index: 10
  }
  #main #sec04 .about dl {
    position: relative;
    z-index: 10
  }
  #main #sec04 .about dl dt {
    font-size: 1.5rem
  }
  #main #sec04 .about dl dt &gt; span {
    display: block;
    text-align: center;
    margin: 2% 0 0
  }
  #main #sec04 .about dl dt &gt; span span {
    display: inline-block;
    background: #c7365e;
    padding: 1% 5%;
    color: #fff;
    font-weight: 900
  }
  #main #sec04 .about dl dd {
    padding: 3% 0;
    font-size: 1.2rem;
    font-weight: 900;
    margin: 0 auto;
    line-height: 1.9;
    color: #fff
  }
  #main #sec04 .about dl dd br {
    display: none
  }
  #main #sec04 .about.about01 {
    margin-top: 5%
  }
  #main #sec04 .readcopy {
    margin-top: 8%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 900
  }
  #main #sec05 {
    position: relative;
    z-index: 10;
    margin-top: 5%
  }
  #main #sec05 .inner {
    padding: 3%
  }
  #main #sec05 .bnrs li {
    margin: 3% 0
  }
  #main #sec05 .readcopy {
    margin-top: 8%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 900
  }
  #main #sec05 .package a {
    text-decoration: none
  }
  #main #sec05 .package a dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5%;
    border-top: 1px solid #ddd;
    padding-top: 5%
  }
  #main #sec05 .package a dl dt {
    display: block;
    /*overflow: hidden;*/
    text-align: center;
    width: 35vw
  }
  #main #sec05 .package a dl dt img {
    transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s
  }
  #main #sec05 .package a dl dd {
    width: 65vw;
    box-sizing: border-box;
    padding: 0 0 0 5%;
    line-height: 1.7;
    font-size: 1.5rem
  }
  #main #sec05 .package a:hover dt img {
    transform: scale(1.05)
  }
  .live #mainvisual {
    background: url(../../../ss/images/live_mainvisual_bg.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec02 .caseList .case01 {
    background: url(../../../ss/images/live_img01.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec02 .caseList .case02 {
    background: url(../../../ss/images/live_img02.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec02 .caseList .case03 {
    background: url(../../../ss/images/live_img03.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about01 {
    background: url(../../../ss/images/live_bg01.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about01 .inner {
    background: url(../../../ss/images/live_bg02.png) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about02 {
    background: url(../../../ss/images/live_bg03.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about02 .inner {
    background: url(../../../ss/images/live_bg04.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about03 {
    background: url(../../../ss/images/live_bg05.jpg) no-repeat center center;
    background-size: cover
  }
  .live #main #sec04 .about03 .inner {
    background: url(../../../ss/images/live_bg06.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #mainvisual {
    background: url(../../../ss/images/ondemand_mainvisual_bg.jpg) no-repeat 65% center;
    background-size: cover
  }
  .ondemand #main #sec02 .caseList .case01 {
    background: url(../../../ss/images/ondemand_img01.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec02 .caseList .case02 {
    background: url(../../../ss/images/ondemand_img02.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec02 .caseList .case03 {
    background: url(../../../ss/images/ondemand_img03.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about01 {
    background: url(../../../ss/images/ondemand_bg01.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about01 .inner {
    background: url(../../../ss/images/ondemand_bg02.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about02 {
    background: url(../../../ss/images/ondemand_bg03.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about02 .inner {
    background: url(../../../ss/images/ondemand_bg04.jpg) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about03 {
    background: url(../../../ss/images/ondemand_bg05.png) no-repeat center center;
    background-size: cover
  }
  .ondemand #main #sec04 .about03 .inner {
    background: url(../../../ss/images/ondemand_bg06.jpg) no-repeat center center;
    background-size: cover
  }
  #main #sec07 .bnrs {
    margin: 30px 15px;
    display: block;
  }
  #main #sec07 .bnrs li {
    margin-bottom: 20px;
  }
  #footer {
    padding-bottom: 5% !important
  }
  #footerContact {
    padding-top: 40px;
    border-top: 1px solid #ddd
  }
  #main #sec07 {
    position: relative;
    z-index: 10;
    margin-top: 3%
  }
  #main #sec07 .inner {
    padding: 0 3%
  }
  #main #sec07 .bnrs li {
    margin: 3% 0
  }
  #main #sec07 .readcopy {
    margin-top: 8%;
    text-align: center;
    font-size: 2rem;
    font-weight: 900
  }
  #main #sec07 .package a {
    text-decoration: none
  }
  #main #sec07 .package a dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5%;
    border-top: 1px solid #ddd;
    padding-top: 5%
  }
  #main #sec07 .package a dl dt {
    display: block;
    overflow: hidden;
    text-align: center;
    width: 35vw
  }
  #main #sec07 .package a dl dt img {
    transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s
  }
  #main #sec07 .package a dl dd {
    width: 65vw;
    box-sizing: border-box;
    padding: 0 0 0 5%;
    line-height: 1.7;
    font-size: 1.5rem
  }
  #main #sec07 .package a:hover dt img {
    transform: scale(1.05)
  }
  #main #sec07 .inner h2.tit {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 15px auto;
  }
  #main .column .wrap a {
    color: #333;
    text-decoration: underline;
  }
  #main .column .wrap a:hover {
    color: #c7365e;
    text-decoration: none;
  }
  #main #sec07 .package a {
    text-decoration: underline;
  }
  #main #sec07 .package a:hover {
    color: #c7365e;
    text-decoration: none;
  }
}</pre></body></html>