@charset "UTF-8";
@media screen and (max-width: 980px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    div.wrapper {}
    /*============================
#header
============================*/
    div.wrapper header#header.header {}
    div.wrapper header#header.header section {}
    div.wrapper header#header.header section p.logo {
        padding: 0;
        width: 160px;
        padding: 20px 0 0 20px;
    }
    div.wrapper header#header.header section p.logo a {}
    div.wrapper header#header.header section p.logo a img {}
    div.wrapper header#header.header section nav.nav {
        display: none;
    }
    div.wrapper header#header.header section nav.nav ul {}
    div.wrapper header#header.header section nav.nav ul li {}
    div.wrapper header#header.header section nav.nav ul li.contact {}
    div.wrapper header#header.header section nav.nav ul li.contact a {}
    div.wrapper header#header.header section nav.nav ul li a {}
    /*============================
#footer
============================*/
    div.wrapper>footer#footer.footer {
        padding: 60px 20px 20px;
    }
    div.wrapper>footer#footer.footer>section.left {}
    div.wrapper>footer#footer.footer>section.left>h3 {
        width: 100%;
        margin-bottom: 40px;
    }
    div.wrapper>footer#footer.footer>section.left>h3>img {}
    div.wrapper>footer#footer.footer>section.left>ul {
        width: 100%;
    }
    div.wrapper>footer#footer.footer>section.left>ul>li {
        font-size: 14px;
        margin-bottom: 15px;
        margin-right: 15px;
    }
    div.wrapper>footer#footer.footer>section.left>ul>li>a {}
    div.wrapper>footer#footer.footer>section.right {}
    div.wrapper>footer#footer.footer>section.right>img {
        width: 60%;
    }
    div.wrapper>footer#footer.footer>section.lower {
        flex-direction: column-reverse;
        font-size: 10px;
        padding-top: 60px;
    }
    div.wrapper>footer#footer.footer>section.lower>p.copy {
        font-size: 12px;
        font-weight: bold;
    }
    div.wrapper>footer#footer.footer>section.lower>ul {
        padding: 0;
        margin-bottom: 40px;
    }
    div.wrapper>footer#footer.footer>section.lower>ul>li {
        margin-left: 0;
        margin-right: 10px;
    }
    div.wrapper>footer#footer.footer>section.lower>ul>li>a {}
    /*============================
#main
============================*/
    div.wrapper main#main.main {}
    div.wrapper main#main.main section.mainV {
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.mainV div.left {
        width: 100%;
        padding: 0;
        margin-top: -120px;
        z-index: 100;
        padding: 20px;
    }
    div.wrapper main#main.main section.mainV div.left h1 {
        font-size: 24px;
    }
    div.wrapper main#main.main section.mainV div.left p.logo_o {
        margin-bottom: 25px;
    }
    div.wrapper main#main.main section.mainV div.left p.logo_o img {}
    div.wrapper main#main.main section.mainV div.left p.btn {
        /* width: 140px; */
        display: flex;
        margin-bottom: 0;
    }
    div.wrapper main#main.main section.mainV div.left p.btn a {
        width: 220px;
        padding: 20px 0;
        border-radius: 110px;
        font-size: 14px;
    }
    div.wrapper main#main.main section.mainV div.right {
        width: 100%;
        margin-top: 60px;
    }
    div.wrapper main#main.main section.mainV div.right img {
        /* width: 140%; */
        display: block;
        right: -10px;
    }
    div.wrapper main#main.main section.mainV div.left p.scroll {}
    div.wrapper main#main.main section.mainV div.left p.scroll a {
        width: 5px;
    }
    div.wrapper main#main.main section.mainV div.left p.scroll a img {}
    div.wrapper main#main.main section.sec.secAbout {}
    div.wrapper main#main.main section.sec h2.heading {
        font-size: 14px;
    }
    div.wrapper main#main.main section.sec.secAbout h2.heading {
        /* font-size: 14px; */
    }
    div.wrapper main#main.main section.sec.secAbout h2.heading img {
        width: calc(173px*0.5);
        margin-right: 15px;
    }
    div.wrapper main#main.main section.sec.secAbout h2.heading span {}
    div.wrapper main#main.main section.sec.secAbout div.separate {
        display: block;
    }
    div.wrapper main#main.main section.sec.secAbout div.separate p {
        width: 100%;
        padding: 0;
        justify-content: center;
        margin-bottom: 50px;
    }
    div.wrapper main#main.main section.sec.secAbout div.separate p img {
        width: 40%;
    }
    div.wrapper main#main.main section.sec.secAbout div.separate p.right {
        width: 100%;
        font-size: 24px;
        padding: 0 20px;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.sec.secAbout div.separate p.right span {
        font-size: 14px;
    }
    div.wrapper main#main.main section.sec.secMovie {}
    div.wrapper main#main.main section.sec.secMovie h2 {
        font-size: 24px;
        margin-bottom: 40px;
    }
    div.wrapper main#main.main section.sec.secMovie h2 img {
        width: 30px;
        margin-top: 30px;
    }
    div.wrapper main#main.main section.sec.secMovie ul {
        display: block;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.sec.secMovie ul li {
        width: 100%;
    }
    div.wrapper main#main.main section.sec.secMovie ul li a {}
    div.wrapper main#main.main section.sec.secMovie div.separate {
        display: block;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.sec.secMovie div.separate p {
        width: 100%;
        justify-content: center;
        margin-bottom: 70px;
    }
    div.wrapper main#main.main section.sec.secMovie div.separate p img {}
    div.wrapper main#main.main section.sec.secMovie div.separate p.right {
        padding: 0 20px;
        font-size: 16px;
    }
    div.wrapper main#main.main section.sec.secMovie div.separate p.right span.orange {}
    div.wrapper main#main.main section.sec.secCase {
        padding: 0 20px;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.sec.secCase h2.heading img {
        width: calc(130px*0.5);
        margin-right: 15px;
    }
    div.wrapper main#main.main section.sec.secCase h3 {
        font-size: 16px;
        text-align: left;
        /* padding: 0 20px; */
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secCase p.logo_o {
        width: 70%;
    }
    div.wrapper main#main.main section.sec.secCase p.logo_o img {}
    div.wrapper main#main.main section.sec.secCase h4 {
        font-size: 14px;
        margin-bottom: 40px;
    }
    div.wrapper main#main.main section.sec.secCase p {
        width: 80%;
    }
    div.wrapper main#main.main section.sec.secCase p img {}
    div.wrapper main#main.main section.sec.secMerit {}
    div.wrapper main#main.main section.sec.secMerit h2.heading {
        margin-bottom: 80px;
        margin-bottom: 21.33333333vw;
        overflow: hidden;
        width: 100%;
    }
    div.wrapper main#main.main section.sec.secMerit h2.heading span {
        /* width: 170%; */
        /* display: block; */
    }
    div.wrapper main#main.main section.sec.secMerit h2.heading span.txt {
        padding-top: 21px;
        padding-top: 5.6vw;
        font-size: 18px;
        font-size: 4.8vw;
    }
    div.wrapper main#main.main section.sec.secMerit h2.heading span img {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList {
        padding: 0 40px;
        flex-wrap: wrap;
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li {
        width: calc(100%/1);
        margin-bottom: 50px;
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li p {
        margin-bottom: 35px;
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li p:last-child {
        font-size: 14px;
        line-height: 1.8;
        padding: 0;
        margin-top: 30px;
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li p img {
        margin-bottom: 30px;
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li p img:last-child {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li h3 {
        font-size: 24px;
        padding: 0 0px;
        letter-spacing: 0.1rem;
        /* margin-bottom: 140px; */
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(1) {
        /* margin-bottom: 50px; */
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(1) p {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(1) p img {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(1) p img:last-child {
        width: calc(130px*0.5);
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(1) h3 {
        /* margin-bottom: 30px; */
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(2) {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(2) p {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(2) p img {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(2) p img:last-child {
        width: calc(220px*0.5);
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(2) h3 {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(3) {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(3) p {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(3) p img {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(3) p img:last-child {
        width: calc(168px*0.5);
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(3) h3 {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(4) {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(4) p {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(4) p img {}
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(4) p img:last-child {
        width: calc(98px*0.5);
    }
    div.wrapper main#main.main section.sec.secMerit ul.meritList li:nth-child(4) h3 {}
    div.wrapper main#main.main section.sec.secFeature {
        padding: 0 20px;
    }
    div.wrapper main#main.main section.sec.secFeature h2.heading {
        margin-top: 100px;
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secFeature h2.heading img {
        width: calc(211px*0.5);
        margin-right: 15px;
    }
    div.wrapper main#main.main section.sec.secFeature h2.heading span {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList {
        /* padding: 0 20px; */
        margin-bottom: 110px;
        padding: 0 20px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li {
        display: block;
        margin-bottom: 100px;
        width: 100%;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li div {
        width: 100%;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li div.pic {
        justify-content: center;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2n) div.pic {
        justify-content: center;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li div h3 {
        margin: 0;
        font-size: 20px;
        margin-bottom: 20px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li div p {
        margin: 0;
        font-size: 14px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li div img {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2n) {
        display: flex;
        flex-direction: column-reverse;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2n) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2n) div h3 {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2n) div p {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2n) img {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2n) div img {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(1) {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(1) div h3 {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(1) div p {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(1) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(1) div.pic {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(1) div img {
        width: 45%;
        margin: 0;
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2) {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2) div h3 {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2) div p {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2) div.pic {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(2) div img {
        width: 70%;
        margin: 0;
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(3) {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(3) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(3) div h3 {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(3) div p {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(3) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(3) div.pic {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(3) div img {
        width: 80%;
        width: 70%;
        margin: 0;
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(4) {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(4) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(4) div.pic {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(4) div h3 {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(4) div p {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(4) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(4) div img {
        width: 70%;
        margin: 0;
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(5) {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(5) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(5) div h3 {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(5) div p {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(5) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(5) div.pic {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(5) div img {
        width: 75%;
        margin: 0;
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(6) {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(6) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(6) div h3 {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(6) div p {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(6) div {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(6) div.pic {}
    div.wrapper main#main.main section.sec.secFeature ul.featureList li:nth-child(6) div img {
        width: 80%;
        margin: 0;
        margin-bottom: 60px;
    }
    div.wrapper main#main.main section.sec.secFeature p.caution {
        width: 100%;
        padding: 0 20px;
        font-size: 12px;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.sec.secFeature p.caution span {}
    div.wrapper main#main.main section.sec.secSystem {}
    div.wrapper main#main.main section.sec.secSystem h2 {
        font-size: 24px;
    }
    div.wrapper main#main.main section.sec.secSystem ul {
        padding: 0;
        width: 100%;
        padding: 0 20px;
        font-size: 14px;
        margin-bottom: 80px;
    }
    div.wrapper main#main.main section.sec.secSystem ul li {
        margin-bottom: 10px;
    }
    div.wrapper main#main.main section.sec.secSystem div.option {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.sec.secSystem div.option h3 {
        font-size: 20px;
    }
    div.wrapper main#main.main section.sec.secSystem div.option p {
        font-size: 14px;
        text-align: left;
        line-height: 2;
    }
    div.wrapper main#main.main section.sec.secSystem p.intro {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 90px;
    }
    div.wrapper main#main.main section.sec.secSystem p.intro img {}
    div.wrapper main#main.main section.sec.secSystem div {
        margin-bottom: 160px;
    }
    div.wrapper main#main.main section.sec.secSystem div img {
        width: 40%;
        margin-bottom: 50px;
    }
    div.wrapper main#main.main section.sec.secSystem div h4 {
        font-size: 20px;
        margin-bottom: 70px;
    }
    div.wrapper main#main.main section.sec.secSystem div p {
        font-size: 18px;
    }
    div.wrapper main#main.main section.sec.secVoice {
        padding: 0 20px;
    }
    div.wrapper main#main.main section.sec.secVoice h2.heading {}
    div.wrapper main#main.main section.sec.secVoice h2.heading img {
        width: calc(155px*0.5);
        margin-right: 15px;
    }
    div.wrapper main#main.main section.sec.secVoice h2.heading span {}
    div.wrapper main#main.main section.sec.secVoice ul.voiceList {
        padding: 0;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList>li {
        width: 100%;
        padding: 30px 20px;
        border-radius: 20px;
        margin-bottom: 30px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList li::after {
        width: 30px;
        height: 30px;
        top: -10px;
        right: -10px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList li h3 {
        font-size: 18px;
        margin-bottom: 30px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList li p {
        font-size: 12px;
        margin-bottom: 60px;
        margin-right: 0;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList li div {}
    div.wrapper main#main.main section.sec.secVoice ul.voiceList li div h4 {
        font-size: 18px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList li div p {
        font-size: 14px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList li img {
        width: 55px;
        right: 30px;
        bottom: 30px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList.voiceList02 {
        width: 100%;
        display: block;
        margin-bottom: 100px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList.voiceList02 li {
        width: 100%;
        border-radius: 20px;
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList.voiceList02>li:nth-child(2) {
        margin: 0;
        margin-bottom: 30px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList.voiceList02 li h3 {
        font-size: 18px;
        margin-bottom: 30px;
    }
    div.wrapper main#main.main section.sec.secVoice ul.voiceList.voiceList02 li ul {}
    div.wrapper main#main.main section.sec.secVoice ul.voiceList.voiceList02 li ul li {
        font-size: 12px;
        margin-bottom: 5px;
    }
    div.wrapper main#main.main section.sec.secContact {
        padding: 100px 20px;
    }
    div.wrapper main#main.main section.sec.secContact h2.heading {
        */;
        margin-bottom: 40px;
    }
    div.wrapper main#main.main section.sec.secContact h2.heading img {
        width: calc(242px*0.5);
        margin-right: 15px;
    }
    div.wrapper main#main.main section.sec.secContact h2.heading span {}
    div.wrapper main#main.main section.sec.secContact div.contactForm {
        width: 100%;
        padding: 40px 20px;
        border-radius: 20px;
    }
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact {}
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact div.form-contact {
        font-size: 16px;
        margin-bottom: 20px;
    }
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact div.form-contact label {
        margin-bottom: 6px;
    }
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact div.form-contact label span {}
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact div.form-contact input {
        border-radius: 10px;
        padding: 8px 8px;
    }
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact div.form-contact textarea {
        border-radius: 10px;
    }
    div.wrapper main#main.main section.sec.secContact div.contactForm div.caution {
        font-size: 14px;
        margin-bottom: 50px;
    }
    div.wrapper main#main.main section.sec.secContact div.contactForm div.caution a {}
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact div.form-contact input[type=submit] {
        width: 80%;
        padding: 20px;
    }
    /*============================
#tel
============================*/
    div.wrapper main#main.main section.sec.secContact div.contactForm form.form-contact div.form-contact textarea#tel {}
}