/* LP用CSS */

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:700&display=swap');


// media query
$lg: 1740px;
$md: 1440px;
$minpc: 1279px;
$default: 1160px;
$tab: 1024px;
$sp: 767px;
$xsp: 450px;
@mixin lgpc {
  @media (max-width: ($lg)) {
    @content;
  }
}
@mixin mdpc {
  @media (max-width: ($md)) {
    @content;
  }
}
@mixin minpc {
  @media (max-width: ($minpc)) {
    @content;
  }
}
@mixin inner {
  @media (max-width: ($default)) {
    @content;
  }
}
@mixin pc {
  @media (min-width: ($tab+1)) {
    @content;
  }
}
@mixin tab {
  @media (max-width: ($tab)) {
    @content;
  }
}
@mixin sp {
  @media (max-width: ($sp)) {
    @content;
  }
}
@mixin xsp {
  @media (max-width: ($xsp)) {
    @content;
  }
}



/* ---------------------------------
	reset
---------------------------------- */
body{
    -webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5{
	padding: 0;
	margin: 0;	
}
p{
	margin: 0;
}
ol,ul{
	list-style:none;	
}
ol,ul,dl,dt,dd{
	padding: 0;
	margin: 0;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
a{
	color:#000;
	text-decoration:none;
    &:hover{
        text-decoration: underline;
    }
}
img{
	vertical-align:middle;
}

/* ---------------------------------
	default
---------------------------------- */

*{box-sizing: border-box;}
html{
    /*font-size: 62.5%;*/
}
body {
    margin: 0;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    @media (min-width: 1000px) {
        min-width: 1000px;
    }
}
.lp{
    .wrapper{
        padding-top:0;
        font-size: 18px;
        color:#000000;
        line-height:1.8;
        overflow: hidden;
        background-color:#fff;
    }
    p{
        margin:0;
    }
    .container{
        position: relative;
    }
    .content {
        padding: 30px 0 200px;
    }
    .flex{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    @media only screen and (max-width: 760px){
        .wrapper{font-size: 16px;}
    }
    @media only screen and (max-width: 450px){
        .wrapper{font-size: 14px;}
    }
} 
small {
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: baseline;
}
.common-wrapper{
    position: relative;
    max-width: 1200px;
    width:96%;
    margin:auto;
}
.fll{float:left;}
.flr{float:right;}

/* Micro Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after { clear: both;}
.cf { *zoom: 1;}

.bold{font-weight:bold;}

$white:#fff;
$red:#d53030;
$black:#000;
$blue:#033276;
$skyblue:#0081cc;

.white{color: $white !important;}
.red{color: $red !important;}
.black{color: $black !important;}
.blue{color: $blue !important;}

.fw300{font-weight: 300 !important;}
.fw500{font-weight: 500 !important;}
.fw800{font-weight: 800 !important;}

.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.pt00{padding-top:0px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt120{padding-top:120px;}
.pt140{padding-top:140px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb120{padding-bottom:120px;}
.pb140{padding-bottom:140px;}
.pb180{padding-bottom:180px;}
.mt60{margin-top:60px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
@media only screen and (max-width: 760px){
    .pt50{padding-top:25px;}
    .pt60{padding-top:30px;}
    .pt70{padding-top:35px;}
    .pt80{padding-top:40px;}
    .pt90{padding-top:45px;}
    .pt100{padding-top:50px;}
    .pt120{padding-top:50px;}
    .pt140{padding-top:50px;}
    .pb50{padding-bottom:25px;}
    .pb60{padding-bottom:30px;}
    .pb70{padding-bottom:35px;}
    .pb80{padding-bottom:40px;}
    .pb90{padding-bottom:45px;}
    .pb100{padding-bottom:50px;}
    .pb120{padding-bottom:50px;}
    .pb140{padding-bottom:50px;}
    .pb180{padding-bottom:50px;}
    .mt60{margin-top:30px;}
    .mb30{margin-bottom:20px;}
    .mb50{margin-bottom:25px;}
    .mb60{margin-bottom:30px;}
    .mb70{margin-bottom:35px;}
    .mb80{margin-bottom:40px;}
}
@media only screen and (max-width: 450px){
    .pt80{padding-top:30px;}
    .pt120{padding-top:30px;}
    .pb80{padding-bottom:30px;}
    .pb90{padding-bottom:40px;}
    .pb100{padding-bottom:40px;}
    .pb120{padding-bottom:40px;}
    .pb140{padding-bottom:40px;}
    .pb190{padding-bottom:40px;}
    .mb70{margin-bottom:30px;}
    .mb80{margin-bottom:30px;}
}

.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs36{font-size:36px;}
@media only screen and (max-width: 760px){
    .fs14{font-size:12px;}
    .fs16{font-size:13px;}
    .fs18{font-size:14px;}
    .fs20{font-size:16px;}
    .fs22{font-size:18px;}
    .fs24{font-size:20px;}
    .fs26,.fs28{font-size:22px;}
    .fs30,.fs32{font-size:26px;}
}
@media only screen and (max-width: 450px){
    .fs14,.fs16{font-size:11px;}
    .fs18{font-size:12px;}
    .fs20,.fs22{font-size:14px;}
    .fs24{font-size:16px;}
    .fs26,.fs28{font-size:18px;}
    .fs30,.fs32{font-size:22px;}
}

img{
    width:100%;
    height: auto;
}
.lh15{line-height: 1.5;}
.lh2{line-height: 2;}
.tit .inner{
    max-width: 1160px;
    width:96%;
    margin:auto;
}
ul.col3 li{
    width:32%;
}
ul.col4 li{
    width:24%;
}
.roboto{font-family: 'Roboto', sans-serif;}
.sp-link{
    display: none;
}
.dispnone{display: none;}
.sp{
    display: none;
    @media (max-width: 767px) {
        display: block;
    }
}
@media (max-width: 767px) {
    .pc{
        display: none;
    }
}
.tel{
    font-weight: bold;
    line-height: 1;
}

/*---------------------
アニメーション
---------------------*/
@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}
.shiny {
    position: relative;
    overflow: hidden;
}
.shiny::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/*---------------------
ヘッダー 
---------------------*/
#lp-header {
    position:relative;
	width: 100%;
    height:auto;
    .upper {
        position: relative;
        padding:5px;
        color:#fff;
        background-color:#3eb2ea;
        z-index:1;
        h1{
            font-size: 18px;
        }
    }
    .lower {
        position: relative;
        height: 120px;
        overflow: hidden;
        .logo{
            position: absolute;
            top:10px;
            left:0;
            max-width:234px;
            width:23%;
        }
        .icon{
            position: absolute;
            top:30px;
            left:28%;
            max-width:322px;
            width:28%;
        }
        .right{
            position: absolute;
            top:0;
            right:0;
            max-width:660px;
            width:42%;
            .mail,.line{
                position: relative;
                width:25%;
                height:120px;
            }
            .telArea{
                position: relative;
                width:50%;
                height:120px;
                padding-top:20px;
                @extend .txt-c;
                color:#fff;
                background: linear-gradient(#fd1900, #cf0100 ) ;
                line-height: 1.2;
                a{
                    color:#fff;
                }
                p{
                    margin:0;
                }
                p.t01{
                    margin-bottom:5px;
                    font-size: 18px;
                }
                .tel{
                    font-size: unquote("min(32px, 2.1vw)");
                    letter-spacing: 0.05em;
                }
                .pc-a8{
                    background:#fff;
                    display: inline-flex;
                    border-radius: 15px;
                    padding: 10px 20px;
                    color: #ff6c00;
                    font-weight: 600;
                }
                .time{
                    display: inline-block;
                    margin:8px auto 0;
                    padding:3px 5px 1px;
                    @extend .fs14;
                    border:1px solid #fff;
                    line-height: 1;
                    &.sp{
                        display: none;
                    }
                }
            }
            .mail{
                background-color:#ff6c00;
                a{
                    position: absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%;
                }
                span.pc{
                    display: block;
                    max-width:57px;
                    width:60%;
                    margin:30px auto 0;
                }
            }
            .line{
                background-color:#5ac463;
                a{
                    position: absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%;
                }
                span.pc{
                    display: block;
                    max-width:57px;
                    width:60%;
                    margin:35px auto 0;
                }
            }
        }
    }
    @media (max-width: 1000px) {
        .upper {
            h1{
                font-size: 14px;
            }
        }
        .lower{
            height:100px;
            .icon{
                top:20px;
            }
            .right{
                .mail,.line{
                    height:100px;
                }
                .mail{
                    display: table;
                    text-align: center;
                    span.pc{
                        display: table-cell;
                        vertical-align: middle;
                        width:100%;
                        img{
                            width:50%;
                        }
                        /*margin:20px auto 0;*/
                    }
                }
                .line{
                    span.pc{
                        width:50%;
                        margin:30px auto 0;
                    }
                }
            }
        }
    }
    @media (max-width: 767px) {
        height: auto;
        .upper {
            height:0;
            padding:0;
            h1{
                font-size: 0;
            }
        }
        .lower{
            height:auto;
            overflow:visible;
            .common-wrapper{
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-around;
                justify-content: space-around;
                -webkit-align-items: center;
                align-items: center;
            }
            .logo{
                position: static;
                width:48%;
                padding-top:10px;
                padding-bottom:10px;
            }
            .icon{
                position:static;
                width:40%;
                padding-right:5%;
            }
            .right{
                position:static;
                max-width: inherit;
                width:100%;
                height:auto;
                .telArea{
                    position: relative;
                    width:50%;
                    height: auto;
                    padding:8px 0;
                    background-color:#1a2f57;
                    line-height: normal;
                    .sp{
                        display: block;
                    }
                    .txt{
                        margin-bottom:2px;
                        font-size:unquote("min(12px,1.4vw)");
                    }
                    .tel{
                        font-size: unquote("min(20px,4vw)");
                        span{
                            display: inline-block;
                            font-size: 16px;
                        }
                    }
                    .tel 
                    .pc-a8{
                        display: none;
                    }
                    .time {
                        margin-top:0;
                        font-size:unquote("min(12px,2vw)");
                        border:none;
                        span:nth-of-type(1){
                            font-size:140%;
                        }
                    }
                    .time.pc{
                        display: none;
                    }
                    .time.sp{
                        display: block;
                    }
                }
                .mail{
                    width:25%;
                    height:auto;
                    @extend .txt-c;
                    background-color:#ffa800;
                    span.pc{
                        display: none;
                    }
                    span.sp{
                        display: block;
                        max-width: 212px;
                        width:90%;
                        margin:12% auto 0;
                    }
                }
                .line span.sp{
                    display: block;
                }
                .line{
                    height:auto;
                    span.pc{
                        display: none;
                    }
                    span.sp{
                        display: block;
                        width:55%;
                        margin:8% auto 0;
                    }
                }
            }
        }
    }
    @media (max-width: 450px) {
        .lower{
            .icon {
                width: 40%;
                padding-right: 45px;
            }
            .right{
                .telArea{
                    width:60%;
                    .txt,.time{
                        font-size:10px;
                    }
                }
                .mail,.line{
                    width:20%;
                }
                .mail{
                    span.sp{
                        margin-top:22%;
                    }
                }
                .line{
                    span.sp{
                        width:80%;
                        margin-top:22%;
                    }
                }
            }
        }
        @media (max-width: 320px) {
            .lower{
                .right{
                    .telArea{
                        .time {
                            span:nth-of-type(2){
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (max-width: 767px) {
    _::-webkit-full-page-media, _:future, :root #lp-header .lower .right .telArea .tel{
        font-size: 3vw;
    }
}
@media (max-width: 450px) {
    _::-webkit-full-page-media, _:future, :root #lp-header .lower .right .telArea .txt, #lp-header .lower .right .telArea .time{
        font-size:10px;
    }
    _::-webkit-full-page-media, _:future, :root #lp-header .lower .right .line span.sp,#lp-header .lower .right .mail span.sp{
        margin-top:25%;
    }
}

/* ---------------------------------
	サイドバナー
---------------------------------- */
.side_bnr{
    position:fixed;
    top:280px;
    right:10px;
    max-width: 94px;
    z-index:1001;
    &.top-10{
        top:120px;
    }
    @media (max-width: 767px) {
        right:5px;
        width:60px;
        &.top-10{
            top:90px;
        }
    }
    @media (max-width: 450px) {
        width:40px;
        &.top-10{
            top:initial;
            bottom: 120px;
        }
    }
}

/* ---------------------------------
	ハンバーガーメニュー
---------------------------------- */
.drawer--right{
    .drawer-hamburger {
        position: fixed;
        padding: 0;
        top: 170px;
        right: 10px !important;
        width: 94px;
        &.top-10{
            top:10px;
        }
    }
    .drawer-nav{
        top:280px;
        z-index: 1000;
        &.top-10{
            top:120px;
        }
        .drawer-toggle {
            background-color: #1a2f57;
            color: #fff;
            font-size: 15px;
            padding: 15px;
        }
        .nav-list{
            padding-bottom:10px;
            li {
                font-size: 15px;
                border-bottom: 2px solid #DDDDDD;
                a {
                    display: block;
                    color: #000;
                    padding: 10px 15px;
                }
                &:nth-child(1),
                &:nth-child(2),
                &:nth-child(3),
                &:nth-child(4),
                &:nth-child(5),
                &:nth-child(6),
                &:nth-child(7),
                &:nth-child(8),
                &:nth-child(9),
                &:nth-child(10),
                &:nth-child(11),
                &:nth-child(12),
                &:nth-child(13){
                    background-color:#fbefd8;
                }
                &:last-child{
                    border-bottom:0;
                }
            }
        }
        .nav-contact {
            @extend .txt-c;
            h3 {
                @extend .txt-c;
                padding: 7px;
                background-color: #ff6c00;
                color: #fff;
                font-size: 16px;
                border-bottom: 2px solid #DDDDDD;
            }
            .tel{
                font-size:150%;
            }
            .fc-navy {
                font-weight: bold;
                margin-bottom: 0;
                margin-top: 8px;
            }
            a{
                padding:0;
                color:#000;
            }
            .line{
                max-width: 162px;
                width:50%;
                margin:10px auto 0;
            }
            .tel b {
                color: #004c9c;
                display: block;
            }
            .tel + p {
                font-size: 13px;
                margin-bottom: 0;
            }
        }
        .nav-area {
            padding: 5px 25px 15px;
            h3 {
                padding: 6px 0 0;
                @extend .txt-c;
                color:#9a0225;
            }
            dl{
                padding-bottom:100px;
            }
        }
    }
    .drawer-overlay {
        z-index: 999;
    }
    @media (max-width: 767px) {
        .drawer-hamburger {
            top: 2px;
            right: 5px !important;
            width: 60px;
            img {
                width: 60px;
            }
        }
        .drawer-nav{
            top:70px;
            &.top-10{
                top:70px;
            }
        }
    }
    @media (max-width: 450px) {
        .drawer-hamburger {
            top:10px;
            width: 40px;
            img {
                width: 40px;
            }
        }
        .drawer-nav{
            width:20rem;
        }
    }
}

/* ---------------------------------
	MV
---------------------------------- */
.mv{
    .pc{
        position: relative;
        padding-top: 20px;
        padding-bottom:20px;
        background-color:$blue;
        box-shadow: 0px 4px 5px -1px #cccccc inset;
        overflow:hidden;
        .common-wrapper{
            max-width: 1360px;
        }
        .shopname{
            top: 11%;
            left: 10%;
            font-size:unquote("min(52px,4vw)");
            font-weight: bold;
            z-index:3;
        }
        .bottom{
            position:relative;
            top:40px;
            @extend .txt-c;
            color:#fff;
            font-size: unquote("min(48px,5vw)");
            font-weight: bold;
            line-height: 1;
            z-index:3;
            span{
                font-size:120%;
                font-weight: bold;
                color:#fce822;
            }
        }
        .mvMain{
            position: relative;
            width: 1120px;
        // height: 733px;
            height: auto;
            margin:auto;
            z-index:2;
        }
        img{
            margin: 0 calc(93% - 670px);
            width: 665px;
        }
    }
    .shopname{
        position: absolute;
        font-weight: bold;
        color:#000;
        text-shadow:
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff, 
        0 0 5px #fff;
    }
    
    .mvMain{
        position: relative;
            width: 100%;
        margin:auto;
        z-index:2;
        &.flex {
            justify-content: center;
            flex-wrap: nowrap;
        }
        .left {
            position: relative;
            padding-right: 10px;
            padding-bottom: 20px;
            width: 53%;
            .uma {
                width: 37.3%;
                position: absolute;
                top: 14%;
                left: -20%;
                z-index: -1;
                img {
                    width: 100%;
                }
            }
        }
        .right {
            width: 47%;
        }
    }
    .form {
        max-width: 500px;
        height: 100%;
        letter-spacing: 0.2em;
        .mw_wp_form {
            height: 100%;
        }
        .form_toiawase {
            height: 100%;
            flex-flow: column;
            form {
                height: 100%;
            }
            .form-top{
                position:relative;
                background:url(../images/mv/form_top.png) center center no-repeat;
                background-size:contain;
                aspect-ratio:500/80;
                .toiawase-title{
                    position:absolute;
                    top:50%;
                    transform:translateY(-50%);
                    width:100%;
                    text-align:center;
                    color:#ffe404;
                    font-size:unquote("min(30px,2.8vw)");
                }
            }
            .form-middle{
                background:url(../images/mv/form_middle.png) repeat-y;
                background-size: contain;
                padding: 2% 5% 0;
                color: #080808;
                flex-grow: 1;
                h3{
                    text-align: center;
                    color: #3eb2ea;
                    background-color: #ffe404;
                    border-radius: 10px;
                    font-size:unquote("min(28px,2.4vw)");
                    margin-bottom: 4%;
                }
                dl{
                    display: flex;
                    flex-wrap: wrap;
                    dt{
                        width: 30%;
                        font-size:unquote("min(18px,1.6vw)");
                        &.required{
                            color: #d53030;
                        }
                        &.long-char{
                            letter-spacing: .1em;
                        }
                        .attention{
                            font-size:unquote("min(8px,0.6vw)");
                            vertical-align: top;
                        }
                    }
                    dd{
                        width: 70%;
                        margin-bottom: 2%;
                        select{
                            width: 100%;
                            font-size:unquote("min(12px,1vw)");
                            border-radius: 9999px;
                            -webkit-appearance: none;
                            appearance: none;
                            border: 1px solid #bebebe;
                            background: url(../images/mv/select_arrow.png) no-repeat center right;
                            padding: 3% 6%;
                        }
                        input[type="text"]{
                            width: 100%;
                            font-size:unquote("min(12px,1vw)");
                            border-radius: 9px;
                            -webkit-appearance: none; //safariのデザイン崩れ対策
                            appearance: none; //safariのデザイン崩れ対策
                            border: none;
                            box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.41) inset;
                            padding: 3% 0 3% 6%;
                        }
                    }
                }
                .annotation{
                    text-align: center;
                    font-size:unquote("min(12px,1vw)");
                    margin-bottom: 1.5%;
                    a{
                        color: #d53030;
                        text-decoration: underline;
                    }
                }
                .btn-submit{
                    max-width: 403px;
                    margin: 0 auto;
                    padding-bottom: 3%;
                    .btn{
                        width: 100%;
                        padding: 0;
                        border: none;
                        text-indent:-9999px;
                        cursor: pointer;
                        background: url(../images/mv/btn_satei_submit.png);
                        background-size: cover;
                        aspect-ratio: 403/108;
                    }
                }

                .p-country-name{
                    display: none;
                }
                .error{
                    font-size:unquote("min(12px,1vw)");
                }
            }
            .form-bottom{
                background: url(../images/mv/form_bottom.png) no-repeat;
                background-size: cover;
                aspect-ratio: 500/9;
            }
        }
        .mw_wp_form_complete{
            .completion-message{
                &.flex{
                    flex-direction: column;
                    justify-content: flex-start;
                    height: 100%;
                }
                // p{
                //     letter-spacing: normal;
                //     font-size:unquote("min(16px,1.4vw)");
                //     padding-bottom: 8%;
                // }
                .completion-title{
                    text-align: center;
                    border: solid 2px #ff0000;
                    color: #ff0000;
                    padding: 3%;
                    margin: 10px 0 30px;
                    letter-spacing: normal;
                    font-size:unquote("min(22px,1.4vw)");
                    font-weight: 600;
                }
                .completion-text {
                    letter-spacing: normal;
                    font-size:unquote("min(16px,1.4vw)");
                    margin-bottom: 4%;
                }
            }
        }
    }
    @media (max-width: 767px) {
        .mvMain{
            position: relative;
            top:0;
            margin:0;
            z-index: 1;
        }
        .pc{
            display: none;
            background:none;
        }
        .sp{
            display: block;
            position: relative;
            width:  100%;
            background-color: #033276;
            .shopname {
                top: 8%;
                left: 5%;
                right:0;
                max-width: 354px;
                width: 35%;
                font-size: 6.8vw;
                z-index:3;
            }
        }
        .mvMain{
            position: relative;
            top:0;
            margin:0;
            padding-top: 5%;
            padding-bottom: 10%;
            z-index: 1;
            .upper {
                position: relative;
                width: 100%;
                padding: 0 7% 7% 7%;
                .uma {
                    position: absolute;
                    bottom: 6%;
                    right: 0;
                    width: 40%;
                    z-index: -1;
                }
            }
            .form{
                width: 80%;
                max-width: none;
                margin: 0 auto;
                .mw_wp_form{
                    .form_toiawase{
                        .form-top{
                            .toiawase-title{
                                font-size: unquote("min(30px, 4.5vw)");
                            }
                        }
                        .form-middle{
                            padding-bottom: 8%;
                            h3{
                                border-radius: 5px;
                                font-size: unquote("min(28px, 4vw)");
                                margin-top: 4.5%;
                            }
                            dl{
                                display: block;
                                padding-bottom: 4.5%;
                                dt{
                                    width: 100%;
                                    font-size: unquote("min(16px, 3vw)");
                                    .attention{
                                        font-size: unquote("min(8px, 1.5vw)");
                                    }
                                }
                                dd{
                                    width: 100%;
                                    height: 18%;
                                    select{
                                        padding: 4.5%;
                                        border-radius: 15px;
                                        background-image: url(../images/mv/select_arrow_s.png);
                                        background-size: contain;
                                        font-size: unquote("min(14px, 2.6vw)");
                                    }
                                    input[type=text]{
                                        box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.41) inset;
                                        padding: 4.5% 0 4.5% 4.5%;
                                        font-size: unquote("min(14px, 2.6vw)");
                                    }
                                    .error{
                                        font-size: unquote("min(12px, 2.6vw)");
                                    }
                                }
                            }
                            .annotation{
                                font-size: unquote("min(8px, 1.5vw)");
                            }
                            .btn-submit{
                                padding-bottom: 0;
                            }
                        }
                    }
                }
                .mw_wp_form_complete {
                    .completion-title{
                    font-size:unquote("min(22px,3.4vw)");
                    font-weight: 600;
                }
                .completion-text {
                    letter-spacing: normal;
                    font-size:unquote("min(16px,3.4vw)");
                    margin-bottom: 4%;
                }
                }
                // .completion-message{
                //     p {
                //         font-size:unquote("min(14px,3vw)");
                //     }
                // }
                
            }
        }
        .bottom{
            position:absolute;
            bottom:1%;
            left:0;
            right:0;
            width:100%;
            margin:auto;
            @extend .txt-c;
            font-size:4.4vw;
            font-weight: bold;
            color:#fff;
            line-height: 1;
            z-index:3;
            span{
                font-size:120%;
                font-weight: bold;
                color:#fce822;
            }
        }
    }
    @media (max-width: 450px) {
    }
} 

/* 共通問い合わせ/出張 */
.area{
    position: relative;
    .tit{
        position: relative;
        width:100%;
        height:auto;
        background-color:#3eb2ea;
    }
    h2{
        position:relative;
        top:-90px;
        left:1%;
        max-width:1170px;
        width:100%;
        margin:0 auto -80px;
        z-index: 3;
    }
    h3{
        width:100%;
        padding:10px 10px 8px;
        @extend .txt-c;
        font-size:unquote("min(40px,4vw)");
        color:#ffe60f;
        background-color:$blue;
        border-radius:10px 10px 0 0;
    }
    .lower{
        position:relative;
        padding-bottom:60px;
        background-color:#ecfff6;
        &:after{
            content:'';
            position:absolute;
            bottom:0;
            width:100%;
            height:30%;
            background-color:$blue;
        }
        .common-wrapper{
            padding:15px 2% 30px;
            background-color:#fff;
            z-index:3;
            h4{
                max-width: 1080px;
                width:100%;
                margin-bottom:5px;
                @extend .txt-c;
                font-size:unquote("min(48px,4vw)");
                font-weight: bold;
                color:#1d4b97;
                br{
                    display:none;
                }
            }
            .box{
                max-width: 1080px;
                width:100%;
                margin-bottom:30px;
                padding:15px 0 30px;
                border:13px solid #3eb2ea;
                .inner{
                    max-width: 995px;
                    width:96%;
                    margin:auto;
                }
            }
            .bottom{
                max-width: 1090px;
                width:100%;
                @extend .txt-c;
                font-size:unquote("min(34px,4vw)");
                font-weight: bold;
                color:#1b4c93;
                br{
                    display:none;
                }
            }
        }
    }
    @media (max-width: 1080px) {
        h2{
            top:-60px;
            margin-bottom:-60px;
        }
    }
    @media (max-width: 767px) {
        .lower{
            .common-wrapper{
                h4{
                    br{
                        display: block;
                    }
                }
                .bottom{
                    br{
                        display:block;
                    }
                }
            }
        }
    }
    @media (max-width: 450px) {
        .tit{
            padding-top:40px;
        }
    }
}
.contact{
    position: relative;
    padding:20px 0 60px;
    background:url(../images/contact/bg.png) ;
    overflow: hidden;
    h2{
        max-width: 1087px;
        width:96%;
        margin:0 auto 20px;
    }
    h3{
        position: relative;
        max-width: 1193px;
        width:96%;
        margin:0 auto -10px;
        z-index: 4;
    }
    .img01{
        position: relative;
        max-width: 811px;
        width:80%;
        margin-left:2%;
        z-index: 3;
    }
    .img02{
        position: absolute;
        top:30%;
        left:-15%;
    }
    .img03{
        position: absolute;
        top:10%;
        right:0;
    }
    .img04{
        position: absolute;
        bottom:1%;
        right:-20%;
    }
    .box{
        position: relative;
        background-color:#fff;
        border:10px solid #1d4b97;
        z-index: 3;
        h4{
            padding:12px 1% 8px;
            font-size: unquote("min(48px,4vw)");
            @extend .txt-c;
            color:#ffe60f;
            background-color:#1d4b97;
            line-height: 1.3;
        }
        &:nth-of-type(1){
            margin-bottom:25px;
            border-top:0;
            h5{
                padding:10px;
                @extend .txt-c;
                font-size: unquote("min(32px,2.6vw)");
                background-color:#fffce9;
                br{
                    display:none;
                }
            }
            .inner{
                max-width: 1070px;
                width:92%;
                margin:auto;
                padding:20px 0;
                .upper.flex{
                    padding:0 0 15px;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    -webkit-align-items: center;
                    align-items: center;
                }
                p{
                    margin:0 1%;
                }
                .icon{
                    width:12%;
                }
                .pc-link{
                    white-space: nowrap;
                    display: contents;
                }
                .num{
                    padding-top:3px;
                    font-size: unquote("min(60px,5vw)");
                    font-weight: bold;
                    line-height: 1;
                    white-space: nowrap;
                }
                .mail,.line{
                    position:relative;
                    max-width: 192px;
                    z-index: 3;
                }
                .open{
                    margin-left:12%;
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 1;
                    em{
                        font-style: normal;
                        font-weight: 700;
                        color:#b20101;
                        span{
                            font-size: 1.2em;
                            font-weight: 700;
                        }
                    }
                }
                .a8_tel{
                    width: 45%;
                }
            }
        }
        &:nth-of-type(3){
            padding:15px 0;
            @extend .txt-c;
            p{
                width: 98%;
                max-width: 1120px;
                margin:auto;
                font-size: unquote("min(28px,2.4vw)");
                font-weight: 600;
                br{
                    display: none;
                }
                span{
                    font-weight: bold;
                    color:#b20101;
                }
            }
        }
    }
    @media (max-width: 1200px) {
        .img02{
            left:-10%;
        }
        .img04{
            right:-10%;
        }
    }
    @media (max-width: 1080px) {
        .box{
            &:nth-of-type(1){
                position:relative;
                .inner{
                    .num{
                        font-size: 5vw;
                    }
                    .open{
                        margin:0;
                        @extend .txt-c;
                        font-size:2.6vw;
                    }
                }
            }
        }
    }
    @media (max-width: 767px) {
        padding:30px 0 60px;
        .img01{
            width:100%;
            margin:auto;
        }
        .img03{
            top:inherit;
            right:-2%;
            bottom:-4%;
            width:30%;
        }
        h3{
            margin-bottom:0;
            z-index: 2;
        }
        h4{
            text-align: center;
        }
        .telarea{
            .icon{
                width:12%;
            }
            .num{
                padding-top:3px;
                font-size: unquote("min(60px,5vw)");
                font-weight: bold;
                line-height: 1;
                white-space: nowrap;
                position:absolute;
                top:35%;
                left:0%;
                padding:0;
                font-size:8vw;
                color:#fff;
                a{
                    color:#fff;
                    padding: 12vw 20vw;
                }
                a:hover{
                    text-decoration: none;
                }
            }
            .time{
                line-height: 1;
                white-space: nowrap;
                position:absolute;
                bottom:10%;
                left:25%;
                padding:0;
                font-size:3vw;
                color:#fff;
                strong{
                    font-size: 1.2em;
                }
            }
        }
        .box{
            border-width:8px;
            h4{
                padding:5px 20% 5px 10px;
                @extend .txt-l;
                font-size:3vw;
            }
            &:nth-of-type(1){
                h5{
                    padding:10px 20% 10px 10px;
                    @extend .txt-l;
                    font-size: 2.3vw;
                    br{
                        display:none;
                    }
                }
                .inner{
                    width:70%;
                    margin:0 0 0 1%;
                    padding:10px 0 20px;
                    .upper{
                        &.flex{
                            padding-bottom:5px;
                        }
                        .flex{
                            position:relative;
                            display: block;
                        }
                    }
                    .num{
                        position:absolute;
                        top:25%;
                        left:16%;
                        padding:0;
                        font-size:5.2vw;
                        color:#fff;
                        a{
                            color:#fff;
                        }
                    }
                    .open{
                        margin-bottom:15px;
                    }
                    .mail,.line{
                        max-width: 240px;
                    }
                }
            }
            &:nth-of-type(2){
                h5{
                    padding:10px;
                    @extend .txt-c;
                    font-size: unquote("min(32px,2.6vw)");
                    background-color:#fffce9;
                    br{
                        display:none;
                    }
                }
                .inner{
                    p{
                        margin:0 1%;
                    }
                    .column{
                        flex-direction: column;
                        text-align: left;
                    }
                    .mail,.line{
                        position:relative;
                        width: 62%;
                        margin: 2% 3% 1%;
                        z-index: 3;
                    }
                    .open{
                        margin-left:12%;
                        font-size: 24px;
                        font-weight: 700;
                        line-height: 1;
                        em{
                            font-style: normal;
                            font-weight: 700;
                            color:#b20101;
                            span{
                                font-size: 1.2em;
                                font-weight: 700;
                            }
                        }
                    }
                    .a8_tel{
                        width: 45%;
                    }
                }
            }
        }
        .box:nth-of-type(1) .inner .a8_tel{
            width: 45%;
        }
    }
    @media (max-width: 450px) {
        padding:30px 0 40px;
        .box{
            h4{
                padding:5px 10px;
                font-size: 3.4vw;
            }
            &:nth-of-type(1){
                h5{
                    font-size:3.2vw;
                    br{
                        display: block;
                    }
                }
            }
            &:nth-of-type(3){
                p{
                    font-size:3.8vw;
                    br{
                        display: block;
                    }
                }
            }
        }
    }
}

/* ---------------------------------
	content
---------------------------------- */
#campaign{
    section{
        padding:0;
        &:nth-of-type(1){
            .upper{
                padding:35px 0;
                background:url(../images/campaign/bg01.jpg) no-repeat center;
                background-size:cover;
                .flex{
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    -webkit-align-items: center;
                    align-items: center;
                    div{
                        width:50%;
                        &:nth-of-type(1) {
                            @extend .txt-c;
                            img{
                                max-width: 361px;
                            }
                        }
                        &:nth-of-type(2){
                            padding-left:4%;
                            p{
                                font-size:unquote("min(56px,6vw)");
                                font-weight:bold;
                                color:#fff;
                                line-height:1.3;
                            }
                            img{
                                max-width: 504px;
                            }
                        }
                    }
                }
            }
            .lower{
                padding:70px 0;
                @extend .txt-c;
                background:url(../images/campaign/bg02.jpg) no-repeat;
                background-size:cover;
                .season-banner {
                    padding-bottom: 70px;
                }
                img{
                    max-width: 1000px;
                }
            }
        }
        &:nth-of-type(2){
            .tit{
                padding:35px 0;
                @extend .txt-c;
                background:linear-gradient(90deg,#1b4c93 0%,$blue 100%);
                h2{
                    font-size:unquote("min(56px,6vw)");
                    color:#fff;
                    line-height: 1.3;
                    span{
                        font-weight: bold;
                        color:$red;
                    }
                }
            }
            .lower{
                padding:50px 0 100px;
                background:url(../images/campaign/bg03.jpg) no-repeat;
                background-size:cover;
                h3{
                    position:relative;
                    max-width: 1115px;
                    width:90%;
                    margin:auto;
                    z-index:3;
                }
                .img{
                    position:relative;
                    top:-25px;
                    max-width: 1177px;
                    width:100%;
                    margin:0 auto -25px;
                }
                .txt{
                    position:relative;
                    top:-15px;
                    max-width: 1000px;
                    width:96%;
                    margin:0 auto -15px;
                    font-size:unquote("min(28px,2vw)");
                    font-weight: 600;
                    z-index:3;
                }
            }
        }
    }
    @media (max-width: 767px) {
        section{
            &:nth-of-type(1){
                .upper{
                    padding:60px 0 150px;
                    background:url(../images/campaign/bg01_sp.jpg) no-repeat center;
                    background-size:cover;
                    .flex{
                        display: block;
                        div{
                            width:100%;
                            &:nth-of-type(1) {
                                max-width: 361px;
                                width:60%;
                                margin:0 auto 150px;
                            }
                            &:nth-of-type(2){
                                max-width: 504px;
                                width:96%;
                                margin:auto;
                                padding-left:inherit;
                                p{
                                    font-size:8.2vw;
                                }
                            }
                        }
                    }
                }
                .lower{
                    padding:40px 0;
                    .season-banner {
                        padding-bottom: 40px;
                    }
                }
            }
            &:nth-of-type(2){
                .tit{
                    padding:20px 0;
                    h2{
                        span{
                            font-size: 120%;
                        }
                    }
                }
                .lower{
                    .txt{
                        top:0;
                        margin-top:40px;
                    }
                }
            }
        }
    }
    @media (max-width: 450px) {
        section{
            &:nth-of-type(1){
                // display: none;
                .upper{
                    padding: 40px 0 80px;
                    .flex{
                        div{
                            &:nth-of-type(1) {
                                margin:0 auto 80px;
                            }
                            &:nth-of-type(2){
                            }
                        }
                    }
                }
                .lower {
                    padding: 20px 0;
                    .common-wrapper {
                        .season-banner {
                            padding-bottom: 20px;
                        }
                    }
                }
            }
            &:nth-of-type(2){
                .tit{
                    background: #e80923;
                    h2{
                        span{
                            color: #eec059;
                        }
                    }
                }
                .lower{
                    padding:40px 0 60px;
                    .img{
                        top:-10px;
                    }
                    .txt{
                        font-size: 14px;
                    }
                }
            }
        }
    }
}
#corona{
    padding:30px 0;
    background-color:#61b0a8;
    .flex{
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        p{
            margin:0 2.5%;
        }
    }
    @media only screen and (max-width: 760px){
        padding:30px 0 60px;
        .flex{
            display: block;
            p:nth-of-type(1){
                max-width:440px;
                width:80%;
                margin:0 auto 50px;
            }
            p:nth-of-type(2){
                max-width:361px;
                width:70%;
                margin:auto;
            }
        }
    }
    @media only screen and (max-width: 450px){
        padding:30px 0;
    }
}
#solution{
    padding:120px 0 180px;
    background:url(../images/solution/bg.jpg) no-repeat center;
    background-size:cover;
    overflow:hidden;
    h2{
        margin-bottom:40px;
        @extend .txt-c;
        font-size:unquote("min(60px,6vw)");
    }
    .flex{
        position: relative;
        max-width: 1150px;
        width:100%;
        margin:0 auto 100px;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        z-index:3;
    }
    & > div{
        ul{
            width:49%;
            max-width: 540px;
            li{
                margin-bottom:30px;
                span{
                    display: inline-block;
                    vertical-align: top;
                    &.check{
                        max-width: 36px;
                        width:8%;
                        margin-right:1%;
                        padding-top:3px;
                    }
                    &:nth-of-type(2){
                        width:89%;
                        font-size:unquote("min(26px,2.6vw)");
                        font-weight: bold;
                        text-shadow: 
                        0 0 10px #fff,
                        0 0 3px #fff,
                        0 0 3px #fff,
                        0 0 3px #fff,
                        0 0 3px #fff,
                        0 0 3px #fff,
                        0 0 3px #fff,
                        0 0 3px #fff;
                        line-height: 1.5;
                    }
                }
            }
        }
    }
    .bottom{
        position:relative;
        max-width: 877px;
        width:80%;
        margin:auto;
        z-index:3;
    }
    .img01{
        position:absolute;
        bottom:-160px;
        left:-5%;
        max-width: 460px;
        width:50%;
    }
    .img02{
        position:absolute;
        bottom:-180px;
        right:-8%;
    }
    @media only screen and (max-width: 760px){
        padding:60px 0 0;
        background:url(../images/solution/bg_sp.jpg) no-repeat center;
        background-size:cover;
        .flex{
            display: block;
        }
        & > div{
            ul{
                max-width: 530px;
                width:90%;
                margin:auto;
                li{
                    span{
                        &.check{
                            width:6%;
                            margin-right: 2%;
                        }
                        &:nth-of-type(2){
                            width:89%;
                            font-size:3.2vw;
                        }
                    }
                }
            }
        }
        .img01{
            bottom:13%;
            left:-2%;
            width:40%;
        }
        .img02{
            position:relative;
            top:-20px;
            right:2%;
            bottom:0;
            width:50%;
            margin-left:50%;
            margin-bottom:-20px;
        }
    }
    @media only screen and (max-width: 450px){
        padding-top:40px;
        h2{
            margin-bottom:20px;
        }
        .flex{
            margin-bottom:60px;
        }
        & > div{
            ul{
                li{
                    margin-bottom:15px;
                    span{
                        &:nth-of-type(2){
                            padding-top: 5px;
                            font-size:4vw;
                        }
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 330px){
        & > div{
            ul{
                li{
                    span{
                        &:nth-of-type(2){
                            padding-top: 8px;
                        }
                    }
                }
            }
        }
    }
}
#buying-howto{
    position:relative;
    padding:60px 0 90px;
    background:url(../images/buying-howto/bg.jpg) no-repeat;
    background-size:cover;
    .tit{
        position:relative;
        max-width: 997px;
        width:96%;
        margin:auto;
        @extend .txt-c;
        line-height: 1.5;
        h2{
            .txt{
                font-size:unquote("min(60px,6vw)");
                font-weight: bold;
                span{
                    font-size:120%;
                    font-weight: bold;
                }
            }
            .img{
                display: block;
                position:relative;
                top:-70px;
                margin-bottom:-40px;
            }
        }
    }
    ul{
        &.flex{
            flex-wrap:wrap;
        }
        li{
            max-width: 385px;
            width:31%;
            margin-bottom:30px;
            background-color:#3d3d3d;
            & > div{
                padding:15px 20px 30px;
                color:#fff;
                h3{
                    margin-bottom:5px;
                    font-size:unquote("min(40px,4vw)");
                    line-height: 1.3;
                }
                p{
                    font-size:unquote("min(22px,2.2vw)");
                    @media only screen and (max-width: 450px){
                        font-size: 14px;
                    }
                }
            }
        }
    }
    .bottom{
        max-width: 1185px;
        width:80%;
        margin:20px auto 0;
    }
    @media only screen and (max-width: 760px){
        padding:40px 0 60px;
        .tit{
            h2{
                margin-bottom:19%;
                .img{
                    position:absolute;
                    top:60%;
                    left:0;
                    right:0;
                    margin:auto;
                }
            }
        }
        ul{
            li{
                width:48%;
            }
        }
    }
    @media only screen and (max-width: 450px){
        .bottom{
            margin:0 auto;
        }
    }
}

#strong{
    padding: 80px 0 60px ;
    text-align: center;
    background: url(../images/strong/strong_bg.jpg) no-repeat center top;
    background-size: cover;
    @include sp{
        padding: 50px 0;
    }
    .ttl{
        width: 100%;
        max-width: 1193px;
        height: auto;
    }
    .txt-area{
        width: 100%;
        .sub-ttl{
            font-size: 32px;
            text-align: center;
            margin: 70px auto;
            @include sp{
                margin: 30px auto 20px;
                font-size: 20px;
            }
        }
        .txt{
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            @include sp{
                font-size: 14px;
            }
        }
    }
}

#purchase{
    section{
        &:nth-of-type(1){
            padding:50px 0 100px;
            background:url(../images/purchase/bg01.jpg) no-repeat center top;
            background-size:cover;
            h2{
                max-width:924px;
                width:90%;
                margin:0 auto 30px;
            }
            h3{
                max-width:955px;
                width:90%;
                margin:0 auto 25px;
            }
            p:nth-of-type(1){
                max-width: 1020px;
                width:100%;
                margin:0 auto 30px;
                color:#fff;
                font-size:unquote("min(28px,3vw)");
                font-weight: 600;
                @media only screen and (max-width: 450px){
                    font-size:14px;
                }
            }
            p:nth-of-type(2){
                max-width: 1170px;
                width:100%;
                margin:0 auto 70px;
            }
            ul{
                li{
                    max-width:385px;
                    width:32%;
                    div{
                        padding:10px 15px;
                        background-color:#2b2222;
                        h4{
                            margin-bottom:5px;
                            font-size:unquote("min(40px,4vw)");
                            color:#fff;
                            line-height:1.4;
                            span{
                                display: block;
                                font-size:60%;
                                font-weight:bold;
                            }
                        }
                        h5{
                            font-size:unquote("min(22px,2vw)");
                            color:#fff;
                            line-height:1.2;
                        }
                        .price{
                            display: inline-block;
                            margin:0;
                            color:$red;
                            font-size:unquote("min(40px,4vw)");
                            font-weight:bold;
                            line-height:1;
                            span{
                                font-size:unquote("min(32px,3vw)");
                                font-weight:bold;
                            }
                        }
                    }
                }
            }
        }
        &:nth-of-type(2){
            padding:120px 0;
            background:url(../images/purchase/bg02.jpg) no-repeat center top;
            background-size:cover;
            .common-wrapper{
                padding-bottom:15px;
                h3{
                    margin-bottom:20px;
                    padding:10px;
                    @extend .txt-c;
                    font-size:unquote("min(52px,5vw)");
                    color:#ffe60f;
                    line-height:1.5;
                }
                &:nth-of-type(1) h3{
                    background-color:#3eb2ea;
                }
                &:nth-of-type(2) h3{
                    background-color:#b77b55;
                }
                &:nth-of-type(3) h3{
                    background-color:#61c01b;
                }
                &:nth-of-type(4) h3{
                    background-color:#604297;
                }
                ul{
                    flex-wrap:wrap;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    li{
                        max-width:225px;
                        width:19%;
                        margin-bottom:15px;
                    }
                }
                &:nth-of-type(2){
                    h3{
                        margin-bottom:40px;
                        background-color:$red;
                    }
                    ul{
                        margin-bottom:50px;
                        li{
                            max-width:372px;
                            width:32%;
                            margin-bottom:15px;
                        }
                    }
                    .box{
                        padding:35px;
                        background-color:#fff;
                        border-radius:5px;
                        box-shadow:5px 5px 15px #a8a8a8 inset;
                        p:nth-of-type(1){
                            @extend .fs20;
                        }
                        p:nth-of-type(2){
                            @extend .fs24;
                        }
                    }
                } 
            }
        }
    }
    @media only screen and (max-width: 760px){
        section{
            &:nth-of-type(1){
                padding:40px 0;
                .flex{
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-align-items: center;
                    align-items: center;
                }
                ul{
                    flex-wrap:wrap;
                    li{
                        width:48%;
                        margin:0 1% 20px;
                    }
                }
            }
            &:nth-of-type(2){
                padding:40px 0 60px;
                .common-wrapper{
                    ul{
                        -webkit-justify-content: inherit;
                        justify-content: inherit;
                        li{
                            width:24%;
                            margin:0 0.5% 15px;
                        }
                    }
                    &:nth-of-type(5){
                        h3{
                            margin-bottom:20px;
                        }
                        ul{
                            margin-bottom:10px;
                        }
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 450px){
        section{
            &:nth-of-type(1){
                p:nth-of-type(2){
                    margin-bottom:40px;
                }
            }
            &:nth-of-type(2){
                padding:40px 0;
                .common-wrapper{
                    &:nth-of-type(5){
                        .box{
                            padding:30px;
                        }
                    }
                    ul{
                        li{
                            width: 32%;
                        }
                    }
                }
            }
        }
    }
}
#sale{
    padding:50px 0 100px;
    background-color:$red;
    .tit{
        position:relative;
        margin-bottom:50px;
        &:before{
            content:'';
            position:absolute;
            top:45%;
            right:0;
            width:52%;
            height:10px;
            background-color:#e7c26a;
            border-radius:5px;
        }
        h2{
            max-width: 361px;
            width:40%;
            margin-left:7%;
        }
    }
    .bnr-area{
        margin: 30px auto;
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        .vertical{
            width: 66%;
            display: flex;
            justify-content: center;
            .bnr{
                width: 100%;
                margin:0 2%;
            }
        }
        .horizontal{
            width: 25%;
            display: flex;
            flex-direction: column;
            .bnr{
                width: 100%;
                margin-bottom: 4%;
            }
        }

    }
    .box{
        width:100%;
        max-width:1200px;
        margin:0 auto 30px;
        padding:20px 0;
        background-color:#e7c26a;
        .inner{
            max-width: 1130px;
            width:96%;
            margin:auto;
            .flex{
                -webkit-align-items: center;
                align-items: center;
                p{
                    width:49%;
                    &:nth-of-type(1){
                        font-size:unquote("min(48px,5vw)");
                        font-weight: bold;
                        color:$red;
                        @extend .txt-l;
                    }
                    &:nth-of-type(2){
                        padding-left:2%;
                        @extend .txt-l;
                        span{
                            display: block;
                            line-height: 1.2;
                            &:first-child{
                                font-size:unquote("min(56px,5.6vw)");
                                font-weight: bold;
                                color:$red;
                            }
                            &:last-child{
                                font-size:unquote("min(48px,5vw)");
                                font-weight: bold;
                                color:#fff;
                            }
                        }
                    }
                }
            }
        }
        &:last-child{
            .inner{
                .flex{
                    p{
                        &:nth-of-type(1){
                            font-size:unquote("min(30px,3vw)");
                        }  
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 760px){
        padding:50px 0 80px;
        .tit{
            margin-bottom:30px;
            &:before{
                width:45%;
                height:5px;
            }
            h2{
                width:50%;
                margin-left:3%;
            }
        }
        .bnr-area{
            margin: 30px auto;
            .vertical{
                width: 90%;
                display: block;
                .bnr{
                    margin:30px 0%;
                }
            }
            .horizontal{
                width: 90%;
                .bnr{
                    margin-bottom: 30px;
                }
            }
    
        }
        .box{
            .inner{
                .flex{
                    display: block;
                    p{
                        width:100%;
                        text-align: center !important;
                        &:nth-of-type(1){
                            margin-bottom:5px;
                            font-size:6vw;
                        }
                        &:nth-of-type(2){
                            padding-left:0;
                            span{
                                &:first-child{
                                    font-size:7vw;
                                }
                                &:last-child{
                                    font-size:5.6vw;
                                }
                            }
                        }
                    }
                }
            }
            &:last-child{
                .inner{
                    .flex{
                        p{
                            &:nth-of-type(1){
                                margin-bottom:8px;
                                font-size:5vw;
                                line-height: 1.5;
                            }  
                        }
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 450px){
        padding:40px 0 20px;
        .tit{
            &:before{
                width:40%;
            }
        }
    }
}
#worries{
    section{
        &:nth-of-type(1){
            background:url(../images/worries/bg01.jpg) no-repeat bottom center;
            background-size:cover;
            .box{
                padding:60px 0 80px;
                color:#fff;
                background-color:rgba(120,120,120,0.8);
                h2{
                    max-width:982px;
                    width:90%;
                    margin:0 auto 30px;
                }
                h3{
                    width:100%;
                    max-width: 1163px;
                    margin-bottom:80px;
                }
                ul{
                    max-width: 1140px;
                    width:96%;
                    margin:auto;
                    flex-wrap:wrap;
                    li{
                        max-width: 362px;
                        width:31%;
                        margin-bottom:55px;
                        h4{
                            margin-bottom:25px;
                        }
                        .img{
                            display: block;
                            max-width:308px;
                            margin:0 auto 25px;
                        }
                        p{
                            @extend .fs20;
                        }
                    }
                }
                .bottom{
                    p:nth-of-type(1){
                        max-width: 813px;
                        width:90%;
                        margin:0 auto 15px;
                    }
                    p:nth-of-type(2){
                        @extend .txt-c;
                        font-size:unquote("min(32px,4vw)");
                        font-weight: bold;
                    }
                }
            }
        }
        &:nth-of-type(2){
            position:relative;
            padding:90px 0 0;
            background:url(../images/worries/bg02.jpg) no-repeat bottom center;
            background-size:cover;
            h2{
                position:relative;
                max-width: 919px;
                width:90%;
                margin-left:3%;
                margin-bottom:80px;
                z-index:2;
            }
            p:nth-of-type(1){
                position:relative;
                max-width:700px;
                width:90%;
                margin-left:3px;
                padding-bottom:115px;
                @extend .fs24;
                z-index:2;
            }
            p:nth-of-type(2){
                position:absolute;
                bottom:0;
                right:-15%;
                max-width:566px;
                width:50%;
            }
        }
        &:nth-of-type(3){
            background:url(../images/worries/bg03.jpg) no-repeat bottom center;
            background-size:cover;
            .box{
                padding:60px 0 80px;
                background-color:rgba(255,255,255,0.8);
                h2{
                    max-width:982px;
                    width:90%;
                    margin:0 auto 30px;
                }
                h3{
                    width:100%;
                    max-width: 1163px;
                    margin-bottom:80px;
                }
                p:nth-of-type(1){
                    max-width:1018px;
                    width:100%;
                    margin:0 auto 80px;
                }
                p:nth-of-type(2){
                    max-width:1080px;
                    width:100%;
                    margin:0 auto 100px;
                    @extend .fs24;
                }
                p:nth-of-type(3){
                    max-width:993px;
                    width:100%;
                    margin:auto;
                }
            }
        }
        &:nth-of-type(4){
            padding:50px 0 100px;
            background:url(../images/worries/bg04.jpg) no-repeat bottom center;
            background-size:cover;
            h2{
                max-width:982px;
                width:90%;
                margin:0 auto 30px;
            }
            h3{
                width:100%;
                max-width: 1163px;
                margin-bottom:80px;
            }
            ul {
                max-width: 1140px;
                width: 96%;
                margin: 0 auto 80px;
                flex-wrap: wrap;
                li {
                    max-width: 262px;
                    width: 24%;
                    @extend .txt-c;
                    img {
                        display: block;
                        margin-bottom: 20px;
                    }
                    p {
                        font-size:unquote("min(24px,3vw)");
                        font-weight: bold;
                    }
                }
            }
            .bottom{
                @extend .txt-c;
                p:nth-of-type(1) {
                    max-width: 1163px;
                    width: 100%;
                    margin: 0 auto 60px;
                }
                p:nth-of-type(2) {
                    font-size:unquote("min(30px,4vw)");
                    font-weight: bold;
                }
            }
        }
    }
    .box{
        max-width: 1260px;
        width:96%;
        margin:auto;
    }
    @media only screen and (max-width: 1200px){
        section{
            &:nth-of-type(2){
                p:nth-of-type(2){
                    right:0;
                }
            }
        }
    }
    @media only screen and (max-width: 760px){
        section{
            .common-wrapper:nth-of-type(2){
                width:100%;
                h3{
                    width:96%;
                    margin-left:-2%;
                }
            }
            &:nth-of-type(1){
                .box{
                    padding:40px 0;
                    h3{
                        margin-bottom:40px;
                    }
                    ul{
                        li{
                            margin-bottom:25px;
                            h4{
                                margin-bottom:15px;
                            }
                            .img{
                                margin-bottom:15px;
                            }
                        }
                    }
                }
            }
            &:nth-of-type(2){
                padding:60px 0 0;
                h2{
                    margin-bottom:40px;
                }
                p:nth-of-type(1){
                    margin:auto;
                    padding-bottom:80px;
                }
            }
            &:nth-of-type(3){
                .box{
                    padding:40px 0 60px;
                    h3{
                        margin-bottom:40px;
                    }
                    p:nth-of-type(1){
                        margin-bottom:40px;
                    }
                    p:nth-of-type(2){
                        margin-bottom:50px;
                    }
                }
            }
            &:nth-of-type(4){
                padding:40px 0 80px;
                h3{
                    margin-bottom:40px;
                }
                ul{
                    max-width: 660px;
                    width:96%;
                    margin-bottom:40px;
                    li{
                        width:48%;
                        max-width: 434px;
                        margin-bottom:30px;
                        p{
                            font-size:4vw;
                        }
                    }
                }
                .bottom{
                    p:nth-of-type(1) {
                        margin-bottom:30px;
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 450px){
        section{
            &:nth-of-type(1) {
                .box{
                    ul{
                        li{
                            width:48%;
                        }
                    }
                } 
            }
            &:nth-of-type(2){
                padding:40px 0 0;
                p:nth-of-type(1){
                    padding-bottom:50px;
                }
            }
            &:nth-of-type(3){
                .box{
                    p:nth-of-type(1){
                        margin-bottom:30px;
                    }
                    p:nth-of-type(2){
                        margin-bottom:30px;
                    }
                }
            }
            &:nth-of-type(4){
                padding:40px 0;
                ul{
                    margin-bottom:10px;
                    li{
                        margin-bottom:20px;
                        img{
                            margin-bottom:10px;
                        }
                    }
                }
                .bottom{
                    p:nth-of-type(1) {
                        margin-bottom:20px;
                    }
                }
            }
        }
    }
}
#merit{
    .tit{
        padding:30px 0 70px;
        background:#fff url(../images/merit/h2_bg.png) no-repeat bottom center;
        background-size:cover;
        h2{
            max-width: 1075px;
            width:96%;
            margin:auto;
        }
    }
    .bg{
        padding:70px 0 190px;
        background:url(../images/merit/bg.jpg) no-repeat bottom center;
        section{
            &:nth-of-type(1){
                max-width:1120px;
                width:100%;
                margin:0 auto 60px;
                ul{
                    flex-wrap:wrap;
                    li{
                        max-width: 348px;
                        width:32%;
                        margin-bottom:60px;
                        @extend .fs24;
                        line-height: 1.6;
                        img{
                            display: block;
                            margin-bottom:8px;
                        }
                        h3{
                            color:$red;
                        }
                    }
                }
            }
            &:nth-of-type(2){
                .img{
                    max-width: 600px;
                    width:50%;
                }
                .right{
                    width:48%;
                    padding-right:2%;
                    h3{
                        margin-bottom:30px;
                        font-size:unquote("min(60px,5vw)");
                        line-height: 1;
                    }
                    h4{
                        margin-bottom:8px;
                        @extend .fs26;
                        color:$red;
                        line-height: 1.6;
                    }
                    p{
                        @extend .fs24;
                        line-height: 1.6;
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 760px){
        .tit{
            padding:30px 0 70px;
            background:#fff url(../images/merit/h2_bg_sp.png) no-repeat bottom center;
            background-size:cover;
            h2{
                width:96%;
                margin:auto;
                padding-left:10%;
            }
        }
        .bg{
            padding:50px 0 100px;
        }
    }
    @media only screen and (max-width: 450px){
        .tit {
            padding: 20px 0 40px;
        }
        .bg{
            padding-bottom:60px;
            section{
                &:nth-of-type(1){
                    margin:0 auto 30px;
                    ul{
                        li{
                            width:48%;
                            margin-bottom:30px;
                        }
                    }
                }
                &:nth-of-type(2){
                    .flex{
                        display: block;
                    }
                    .img{
                        width:100%;
                        margin:0 auto 20px;
                    }
                    .right{
                        width:100%;
                        margin:auto;
                        h3{
                            margin-bottom:15px;
                            font-size:6vw;
                        }
                    }
                }
            }
        }
    }
}
#secrecy{
    padding:60px 0 200px;
    background:url(../images/secrecy/bg.jpg) repeat;
    background-size:411px 409px;
    .common-wrapper{
        margin-bottom:60px;
    }
    h2{
        max-width: 980px;
        width:100%;
        margin:0 auto 30px;
    }
    section{
        margin-bottom:10px;
        background-color:#fff;
        .flex{
            -webkit-justify-content: inherit;
            justify-content: inherit;
        }
        .img{
            max-width: 400px;
            width:35%;
            margin-right:3%;
        }
        .txt{
            max-width: 720px;
            width:60%;
            padding-top:12px;
            padding-right:2%;
            h3{
                margin-bottom:15px;
                font-size:unquote("min(32px,4vw)");
                br{
                    display:none;
                }
            }
            p{
                @extend .fs24;
            }
        }
    }
    .bottom{
        max-width:1067px;
        width:100%;
        margin:auto;
    }
    @media only screen and (max-width: 760px){
        padding:40px 0 50px;
        h2{
            margin-bottom:30px;
        }
        .common-wrapper {
            margin-bottom: 30px;
        }
        section{
            position:relative;
            margin-bottom:30px;
            background:none;
            &:nth-of-type(4){
                margin-bottom:0;
            }
            .img{
                position:absolute;
                top:0;
                left:0;
                max-width: 400px;
                width:60%;
                z-index: 1;
            }
            .txt{
                position:relative;
                max-width: 540px;
                width:75%;
                min-height:260px;
                margin-top:32%;
                margin-left:25%;
                padding:20px 20px 30px 6%;
                background-color:#fff;
                box-shadow:
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5, 
                        0 0 6px #b5b5b5;
                border-radius:3px;
                z-index:3;
                h3{
                    line-height: 1.2;
                    span{
                        display: none;
                    }
                    br{
                        display: block;
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 450px){
        section{
            .txt{
                min-height:inherit;
                h3{
                    margin-bottom:10px;
                    font-size:18px;
                }
            } 
        }
    }
}
#flow{
    padding-top:60px;
    h2{
        margin-bottom:80px;
        font-size:unquote("min(72px,7vw)");
        @extend .txt-c;
        span{
            display: block;
        }
        img{
            max-width: 889px;
            width:90%;
        }
    }
    section{
        padding-bottom:140px;
        .tit{
            position:relative;
            height:255px;
            &:before{
                content:'';
                position:absolute;
                top:0;
                width:70%;
                height:100%;
            }
            &:after{
                content:'';
                position:absolute;
                top:0;
                height:100%;
            }
            h3{
                position:absolute;
                left:0;
                right:0;
                margin:auto;
                z-index:2;
                span:nth-of-type(2){
                    display: none;
                }
            }
        }
        .main-wrapper{
            .upper{
                margin:60px 0;
                .txt{
                    width:50%;
                    padding-top:15px;
                    @extend .fs20;
                }
                .img{
                    width:48%;
                    padding:0 2%;
                    img{
                        max-width: 500px;
                    }
                }
            }
            .lower{
                li{
                    width:25%;
                    max-width:300px;
                    border-right:1px solid #fff;
                    h4{
                        width:100%;
                        padding:10px;
                        span{
                            display: block;
                            max-width: 212px;
                            width:96%;
                            margin:auto;
                        }
                    }
                    p{
                        padding:25px 15px 0;
                        @extend .fs20;
                    }
                }
            }
        }
        &:nth-of-type(1){
            .tit{
                &:before{
                    left:0;
                    background-color:#3eb2ea;
                }
                &:after{
                    left:55%;
                    width: 31%;
                    border-top: 255px solid #3eb2ea;
                    border-left: 60px solid transparent;
                    border-right: 60px solid transparent;
                    height: 0;
                }
                h3{
                    max-width: 1145px;
                    width:85%;
                    top:-20px;
                }
            }
            .main-wrapper{
                .lower{
                    li{
                        h4{
                            background-color:#3eb2ea;
                        }
                    }
                }
            }
        }
        &:nth-of-type(2){
            .tit{
                &:before{
                    right:0;
                    background-color:$blue;
                }
                &:after{
                    right:55%;
                    width: 31%;
                    border-top: 255px solid $blue;
                    border-left: 60px solid transparent;
                    border-right: 60px solid transparent;
                    height: 0;
                }
                h3{
                    max-width: 1177px;
                    width:96%;
                    top:-20px;
                }
            }
            .main-wrapper{
                .upper{
                    .txt{
                        -webkit-order: -1;
                        order: -1;
                    }
                }
                .lower{
                    li{
                        h4{
                            background-color:$blue;
                        }
                    }
                }
            }
        }
        &:nth-of-type(3){
            .tit{
                &:before{
                    left:0;
                    background-color:#6eca75;
                }
                &:after{
                    left:55%;
                    width: 31%;
                    border-top: 255px solid #6eca75;
                    border-left: 60px solid transparent;
                    border-right: 60px solid transparent;
                    height: 0;
                }
                h3{
                    max-width: 1145px;
                    width:96%;
                    top:-20px;
                }
            }
            .lower{
                .box{
                    margin-bottom:30px;
                }
                .flex{
                    .left{
                        max-width: 299px;
                        margin-right: 2%;
                        h4{
                            width:100%;
                            padding:10px;
                            background-color:#6eca75;
                            span{
                                display: block;
                                max-width: 248px;
                                width:96%;
                                margin:auto;
                            }
                        }
                    }
                    .txt{
                        max-width: 880px;
                        @extend .fs20;
                        span{
                            color:$red;
                        }
                    }
                }
                .bottom{
                    margin-top:30px;
                    padding:20px 0 40px;
                    .inner{
                        max-width: 1110px;
                        width: 96%;
                        margin:auto;
                    }
                    h5{
                        @extend .fs24;
                    }
                    p{
                        @extend .fs20;
                    }
                }
                .box:nth-of-type(3){
                    .bottom{
                        background-color:#f2f2f2;
                    }
                }
                .box:nth-of-type(4){
                    .bottom{
                        background-color:#fedada;
                        p{
                            @extend .fs24;
                            span{
                                @extend .fs20;
                            }
                        }
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 1200px){
        section{
            .tit{
                height:auto;
                &:before,&:after{
                    content:none;
                }
                h3{
                    position:relative;
                    span:nth-of-type(1){
                        display: none;
                    }
                    span:nth-of-type(2){
                        display: block;
                    }
                }
            }
            &:nth-of-type(1){
                .tit{
                    width:96%;
                    h3{
                        top:inherit;
                        width:100%;
                    }
                }
            }
            &:nth-of-type(2){
                .tit{
                    width:96%;
                    margin-left:4%;
                    h3{
                        top:inherit;
                        width:100%;
                    }
                }
            }
            &:nth-of-type(3){
                .tit{
                    width:96%;
                    h3{
                        top:inherit;
                        width:100%;
                    }
                }
                .lower{
                    .flex{
                        .left{
                            width:30%;
                        }
                        .txt{
                            width:70%;
                        }
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 760px){
        padding-top:40px;
        h2{
            margin-bottom:40px;
        }
        section{
            padding-bottom:60px;
            .main-wrapper{
                .upper{
                    margin:40px 0;
                    &.flex{
                        display:block;
                    }
                    .img{
                        max-width: 500px;
                        width:70%;
                        margin:0 auto 30px;
                    }
                    .txt{
                        width:100%;
                        padding:0;
                    }
                }
                .lower{
                    &.flex{
                        display:block;
                    }
                    li{
                        display: -webkit-flex;
                        display: flex;
                        -webkit-justify-content: space-between;
                        justify-content: space-between;
                        width:100%;
                        max-width: 680px;
                        margin:0 auto 30px;
                        div{
                            width:40%;
                        }
                        p{
                            width:58%;
                            padding:0;
                        }
                    }
                }
            }
            &:nth-of-type(3){
                .lower{
                    .flex{
                        .left{
                            width:40%;
                        }
                        .txt{
                            width:58%;
                        }
                    } 
                } 
            }
        }
    }
    @media only screen and (max-width: 450px){
        h2{
            margin-bottom:20px;
        }
        section{
            padding-bottom:40px;
            &:nth-of-type(1){
                .tit{
                    width:100%;
                }
            }
            &:nth-of-type(2){
                .tit{
                    width:100%;
                    margin-left:0;
                }
            }
            &:nth-of-type(3){
                .tit{
                    width:100%;
                }
            }
        }
    }
}
#item{
    padding:100px 0 115px;
    background-color:#1d4b97;
    h2{
        max-width:1007px;
        width:96%;
        margin:0 auto 80px;
    }
    .box{
        padding:40px 0 60px;
        background-color:#fff;
        .inner{
            max-width: 1080px;
            width:96%;
            margin:auto;
            h3{
                @extend .fs24;
            }
            p{
                @extend .fs20;
            }
        }
    }
    @media only screen and (max-width: 760px){
        padding:40px 0 60px;
        h2{
            width:80%;
            margin-bottom:30px;
        }
        .box{
            padding:20px 0 30px;
        }
    }
    @media only screen and (max-width: 450px){
        padding:30px 0;
        h2{
            margin-bottom:20px;
        }
        .box{
            padding:15px 0;
        }
    }
}

.line-assessment{
    @media only screen and (max-width: 450px){
        .box{
            clear: both;
            .flex{
                display: block;
                .left{
                    float: left;
                }
                .txt{
                    width: 95% !important;
                }
            }
        }
    }
}

#voice{
    position:relative;
    padding:50px 0 150px;
    background:url(../images/voice/bg.jpg) no-repeat right top;
    background-size:100%;
    .right{
        position:absolute;
        top:0;
        right:0;
        max-width:1091px;
        width:40%;
        z-index:1;
    }
    .common-wrapper{
        z-index: 2;
    }
    h2{
        max-width: 568px;
        width:60%;
        margin:0 auto 70px;
    }
    h3{
        margin-bottom:100px;
        @extend .txt-c;
        font-size:unquote("min(28px,3.2vw)");
        font-weight: bold;
    }
    ul{
        flex-wrap:wrap;
        li{
            width:49%;
            margin-bottom:30px;
            display: flex;
            flex-direction: column;
            img{
                margin-bottom:5px;
            }
            .box{
                max-width: 560px;
                width:95%;
                height:100%;
                margin:auto;
                background-color:#fff;
                box-shadow: 0 0 15px #b5b5b5;
                display: flex;
                flex-direction: column;
                .upper{
                    min-height:280px;
                    padding:10px 15px 20px;
                    h4{
                        margin-bottom:10px;
                        @extend .fs24;
                        color:#0a2846;
                    }
                    p{
                        @extend .fs20;
                        flex-grow: 1;
                    }
                }
                .name{
                    margin-top: auto;
                    padding:5px 15px;
                    @extend .txt-r;
                    font-size:unquote("min(24px,3vw)");
                    font-weight:bold;
                    color:#fff;
                    background-color:#3eb2ea;
                }
            }
        }
    }
    @media only screen and (max-width: 760px){
        padding:40px 0 60px;
        h2{
            margin-bottom:40px;
        }
        h3{
            margin-bottom:40px;
        }
        ul{
            display: block;
            li{
                width:100%;
                max-width: 588px;
                margin:0 auto 30px;
                .box{
                    max-width: 560px;
                    width:95%;
                    height:100%;
                    .upper{
                        min-height: auto;
                    }
                }
            }
        }
    }
    @media only screen and (max-width: 450px){
        padding:40px 0 20px;
        h2{
            margin-bottom:30px;
        }
        h3{
            margin-bottom:30px;
        }
        ul{
            li{
                .box{
                    .upper{
                        h4{
                            font-size:16px;
                        }
                    }
                }
            }
        }
    }
}
#qa{
    padding:60px 0 150px;
    background:url(../images/qa/bg.jpg);
    h2{
        max-width:951px;
        width:90%;
        margin:0 auto 80px;
    }
    table{
        width:100%;
        margin-bottom:4px;
        border-spacing: 0px;
        th{
            width:70px;
            padding:15px 5px;
            vertical-align: middle;
            font-size:unquote("min(36px,4vw)");
        }
        td{
            width:auto;
            padding:30px 40px;
            vertical-align: middle;
        }
        thead{
            th{
                color:#fff;
                background-color:#1d4b97;
            }
            td{
                font-size:unquote("min(30px,3vw)");
                font-weight:bold;
                color:#000;
                background-color:#e4f6fe;
            }
        }
        tbody{
            th{
                color:#fff;
                background-color:#3eb2ea;
            }
            td{
                font-size:unquote("min(20px,3vw)");
                color:#000;
                background-color:#fff;
                @media only screen and (max-width: 450px){
                    font-size:14px;
                }
                p{
                    display: inline-block;
                    padding:10px;
                    border:1px solid #000;
                }
            }
        }
    }
    .open-btn {
        background-color: #1d4b97;
        display: block !important;
        margin: auto;
        color: white;
        text-decoration: none;
        padding: 10px 40px;
        border-radius: 4px;
        font-size: 30px;
        font-weight: bold;
        transition-duration: 0.2s;
        margin-top: 20px;
    }
    @media only screen and (max-width: 760px){
        padding:60px 0 100px;
        h2{
            margin-bottom:40px;
        }
        table{
            th{
                width:60px;
            }
            td {
                padding: 15px 20px;
            }
        }
        .open-btn {
            font-size:24px;
        }
    }
    @media only screen and (max-width: 450px){
        padding:30px 0 50px;
        h2{
            margin-bottom:20px;
        }
        table{
            th{
                padding:10px 5px;
            }
            td{
                padding:15px;
            }
        }
        .open-btn {
            font-size:16px;
        }
    }
}

/* ---------------------------------
	default - footer
---------------------------------- */
#lp-footer{
    position: relative;
    .bg{
        padding:60px 0 100px;
        background-color:#3eb2ea;
    }
    .common-wrapper{
        margin:auto;
        background-color:#fff;
    }
    h2{
        max-width:431px;
        width:45%;
    }
    .bnr{
        margin-bottom:40px;
        padding:45px 10px;
        .flex{
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
        }
        p{
            padding:5px 1% 0;
            font-size:unquote("min(20px,2.4vw)");
            font-weight: bold;
            line-height: 2;
        }
    }
    #company{
        padding:25px 60px 60px;
        .flex{
            max-width: 1040px;
            width:100%;
            ul{
                width:50%;
                padding-right:2%;
                li{
                    font-size: unquote("min(20px,2.4vw)");
                    font-weight: bold;
                    line-height: 2;
                }
            }
        }
    }
    .copyright{
        padding:5px;
        color:#fff;
        font-size: 24px;
        background-color:#000;
        @extend .txt-c;
    }
    @media only screen and (max-width: 760px){
        h2{
            width:60%;
            margin:0 auto 30px;
        }
        .bnr{
            padding:30px 10px;
            .flex{
                display: block;
            }
        }
        #company{
            padding:30px;
        }
        .copyright{
            font-size: 10px;
        }
    }
    @media only screen and (max-width: 450px){
        .bg{
            padding:30px 0 40px;
        }
        h2{
            margin:0 auto 10px;
        }
        .bnr{
            margin-bottom:20px;
            padding:20px 10px;
        }
        #company{
            padding:20px;
        }
    }
}

/* フッター追尾 */
#footer-btn {
    display: block;
    width: 100%;
    left: 0px;
    bottom: 0;
    z-index: 999;
    color:#fff;
    background:url(../images/footer/bg.png);
    .container{
        position: relative;
        max-width: 1160px;
        width:96%;
    }
    a{
        color:#fff;
    }
    h2{
        display: none;;
    }
    .footer-btn-pc{
        padding:10px 0 6px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    p{
        margin:0;
    }
    .person{
        position: absolute;
        top:-70px;
        left:0;
        max-width: 73px;
    }
    .t01{
        position:relative;
        max-width: 193px;
        width:24%;
        margin-left:90px;
        z-index:3;
    }
    .mail{
        max-width: 244px;
        margin-left:1%;
        @media only screen and (max-width: 450px){
            width: 30%;
            display: block;
        }
    }
    .line{
        max-width: 244px;
        margin-right:1%;
        @media only screen and (max-width: 450px){
            width: 30%;
            display: inline-block;
            margin-left: 1%;
            margin-right: initial;
        }
    }
    .footer-tel {
        position:relative;
        max-width: 320px;
        @extend .txt-c;
        color: #fff;
        z-index:2;
        @media only screen and (max-width: 450px){
            width: 65%;
            display: inline-block;
            position: absolute;
            right: 0px;
            transform: translateY(-50%);
        }
        .footer-tel-txt{
            position:absolute;
            top:5%;
            left:0;
            right:0;
            margin:auto;
            font-size:unquote("min(16px,1.4vw)");
            font-weight: bold;
        }
        .footer-tel-number{
            .tel{
                position:absolute;
                top:35%;
                left:0;
                right:0;
                margin:auto;
                @extend .txt-c;
                font-size: unquote("min(30px,2.8vw)");
                font-weight: bold;
                color: #fff;
                line-height: 1;
                a{
                    color: #fff;
                    text-decoration: none;
                }
            }
        }
        .footer-tel-time{
            position:absolute;
            bottom:6%;
            left:0;
            right:0;
            margin:auto !important;
            @extend .txt-c;
            font-size:unquote("min(16px,1.4vw)");
            span{
                display: inline-block;
            }
        }
    }
    .footer-btn-sp{
        display: none;
    }
    @media only screen and (max-width: 760px){
        .footer-btn-pc{
            display: none;
        }
        .footer-btn-sp{
            padding:10px 0 6px;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .t01{
            max-width: 201px;
            width:30%;
            margin-left:50px;
            z-index:3;
        }
        .footer-tel{
            .ssp{
                display: none;
            }
        }
        .footer-tel-time{
            .ssp{
                display: none !important;
            }
        }
    }
    @media only screen and (max-width: 450px){
        .footer-btn-sp{
            display: block;
        }
        .person{
            display: none;
        }
        .t01{
            display: none;
        }
        .footer-tel{
            .sp{
                display: none;
            }
            .ssp{
                display: block;
            }
            .footer-tel-txt{
                top:1%;
                font-size:14px;
            }
            .footer-tel-number{
                .tel{
                    white-space: nowrap;
                    font-size:6.5vw;
                    a{
                        padding: 9vw 3vw;
                    }
                }
            }
            .footer-tel-time{
                bottom:7%;
                font-size:14px;
                .sp{
                    display: none !important;
                }
                .ssp{
                    display: inline-block !important;
                }
            }
        }
        
    }
}
@media only screen and (max-width: 450px){
    _::-webkit-full-page-media, _:future, :root #footer-btn .footer-tel .footer-tel-txt{
        top:3%;
        font-size:14px;
    }
    _::-webkit-full-page-media, _:future, :root #footer-btn .footer-tel .footer-tel-number .tel{
        top:31%;
    }
    _::-webkit-full-page-media, _:future, :root #footer-btn .footer-tel .footer-tel-time{
        font-size:14px;
    }
}

/*---------------------
会社概要
---------------------*/
#company02{
    .common-wrapper{
        .inner{
            table{
                width: 100%;
                tbody{
                    tr{
        th{
            max-width: 390px;
    width: 32.5%;
    padding: 15px 5%;
    text-align: right;
    vertical-align: top;
    color: #000;
    background-color: #f5f7f9;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    /* border-bottom: 1px solid #e6e6e6; */
        }
        td{
            width: auto;
    padding: 15px 15px 15px 5%;
    color: #000;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    /* border-bottom: 1px solid #e6e6e6; */
        }
    }
    }
    }
    }
    }
}

/* gotop 
#top {
    position: relative;
    overflow: hidden;
}
.gotop {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 130px;
    width:68px;
    height: 68px;
    text-align: center;
    z-index: 101;
    background: #0c3058;
    padding: 16px 10px;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    cursor: pointer;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: 1px solid #6c6c6c;
    text-align: center;
    text-decoration: none;
}
.gotop:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root 
    .gotop{
        padding: 16px;
    }
}
*/

/* gotop 
#top {
    position: relative;
    overflow: hidden;
}
.gotop {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 130px;
    width:68px;
    height: 68px;
    text-align: center;
    z-index: 101;
    background: #0c3058;
    padding: 16px 10px;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    cursor: pointer;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: 1px solid #6c6c6c;
    text-align: center;
    text-decoration: none;
}
.gotop:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root 
    .gotop{
        padding: 16px;
    }
}
*/

/*---------------------
LP問合せ
---------------------*/
$BASE_COLOR: #f0f1f2;
$DEEP_COLOR: #033276;
$FONT_COLOR: #333;
$MAIN_COLOR: #139edf;
$BORDER_COLOR: #ccc;
$DANGER_COLOR: #d50e18;
$WARNING_COLOR: #f15a25;
$LINK_COLOR: #0855c5;
$MUTE_COLOR: #8a8a8a;
$YELLOW_COLOR: #f9e40c;
$FONT_FAMILY_SANS: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

$FONT_FAMILY_SERIF: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

$FONT_FAMILY_EN: 'Roboto', sans-serif;
@mixin clearfix {
    &::after {
        content: "";
        display: block;
        clear: both;
    }
}
@mixin box-shadow($value...) {
    -webkit-box-shadow: $value;
    -moz-box-shadow: $value;
    -ms-box-shadow: $value;
    box-shadow: $value;
}
@mixin transition($property: all, $time: 0.2s, $timing: ease-out) {
    -webkit-transition: $property $time $timing;
    -moz-transition: $property $time $timing;
    -ms-transition: $property $time $timing;
    -o-transition: $property $time $timing;
    transition: $property $time $timing;
}
  
@mixin transform($value) {
    -webkit-transform: $value;
    -moz-transform: $value;
    -ms-transform: $value;
    -o-transform: $value;
    transform: $value;
}
@mixin border-radius($value: 4px) {
    -webkit-border-radius: $value;
    -moz-border-radius: $value;
    -ms-border-radius: $value;
    border-radius: $value;
}
.page-title {
    background: #033276 url(../images/common/page_title_bg.jpg) no-repeat 50% 50%;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    .container {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        width: 1160px;
    }
    p {
        color: #fff;
        font-weight: bold;
        letter-spacing: 0.06em;
        @extend .fs18;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .sub-title {
        @extend .fs16;
    }
    @media only screen and (max-width: 760px){
        height:auto;
        background: #033277;
        background: -moz-linear-gradient(left, #033277 0%, #0a60a4 100%);
        background: -webkit-linear-gradient(left, #033277 0%, #0a60a4 100%);
        background: linear-gradient(to right, #033277 0%, #0a60a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033277', endColorstr='#0a60a4',GradientType=1 );
        text-align: center;
        .container {
            background: url(../images/common/page_title_bg_sp.png) no-repeat 50% 100%/100%;
            padding: 30px 30px 28px;
        }
        h1 {
            color: #fff;
            font-weight: bold;
            line-height: 1.3;
            letter-spacing: 0.02em;
            font-size:unquote("min(26px,3vw)");
            -webkit-text-shadow: 0 1px 5px #033276;
            -moz-text-shadow: 0 1px 5px #033276;
            -ms-text-shadow: 0 1px 5px #033276;
            text-shadow: 0 1px 5px #033276;
        }
        p{
            color: #fff;
            font-weight: bold;
            letter-spacing: 0.02em;
            font-size: unquote("min(12px,2vw)");
            line-height: 1.2;
            margin-bottom: 10px;
        }
    }
}
.lp-contact{
    padding:60px 0;
    background-color: #f0f1f2;
    .contents {
        background-color: #fff;
        padding: 30px 30px;
        margin-bottom: 80px;
    }
    @media only screen and (max-width: 760px){
        padding:0;
        .common-wrapper{
            width:100%;
        }
        .contents {
            margin-bottom:0;
            padding:30px 0;
        }
    }
}
.form-area {
    margin-bottom: 60px;
    h3 {
        color: $DEEP_COLOR;
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
        position: relative;
        &::after {
            content: "";
            background-color: #e2e3e4;
            height: 8px;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -4px;
            width: 100%;
            border-radius:4px;
        }
        span {
            background-color: #fff;
            display: inline-block;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }
    }
    .check-privacy {
        background-color: $BASE_COLOR;
        padding: 20px;
        text-align: center;
        .mwform-checkbox-field-text {
            display: none;
        }
        a {
            color: $FONT_COLOR;
        }
    }
    .mw_wp_form_preview .check-privacy {
        display: none;
    }
    .btns {
        margin-top: 30px;
        text-align: center;
    }
    .form-preveiw-mes {
        text-align: center;
        font-weight: bold;
        display: none;
    }
    .mw_wp_form_preview .form-preveiw-mes {
        display: block;
    }
    .mw_wp_form_preview .col-icon .required,
    .mw_wp_form_preview .col-icon .option {
        display: none;
    }
    .form-complete-mes {
        background-color: rgba($WARNING_COLOR, 0.05);
        border: 2px solid $WARNING_COLOR;
        padding: 30px 30px 10px;
        font-weight: bold;
        margin: auto;
        max-width: 820px;
    }
    @media only screen and (max-width: 760px){
        h2 {
            color: #033276;
            font-size: 20px;
            text-align: center;
            margin-bottom: 15px;
            position: relative;
            &::after {
                content: "";
                background-color: #e2e3e4;
                height: 8px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -4px;
                width: 100%;
            }
            span {
                background-color: #fff;
                display: inline-block;
                padding: 0 12px;
                position: relative;
                z-index: 1;
            }
        }
        .check-privacy {
            background-color: #f0f1f2;
            padding: 20px;
            text-align: center;
            .mwform-checkbox-field-text {
                display: none;
            }
            a {
                  color: #333;
            }
        }
        .form-area .mw_wp_form_preview .check-privacy {
            display: none;
        }
        .btns {
            margin-top: 30px;
            text-align: center;
        }  
        .form-preveiw-mes {
            text-align: center;
            font-weight: bold;
            display: none;
        }
        .mw_wp_form_preview .form-preveiw-mes {
            display: block;
        }
        .mw_wp_form_preview .col-icon .required,
        .mw_wp_form_preview .col-icon .option {
            display: none;
        }
        .form-complete-mes {
            background-color: rgba(241, 90, 37, 0.05);
            border: 2px solid #f15a25;
            padding: 30px 30px 10px;
            font-weight: bold;
            margin: auto;
            max-width: 820px;
        }
    }
}
.form-table {
    margin-bottom: 20px;
    width: 100%;
    th {
        border-bottom: 2px solid #fff;
        text-align: left;
        padding: 18px 20px;
        width: 24%;
        vertical-align: middle;
    }
    td {
        border-bottom: 2px solid #fff;
        text-align: left;
        padding: 18px 20px;
        vertical-align: middle;
        input[type="radio"] {
            vertical-align: baseline;
        }
        span {
            vertical-align: middle;
        }
    }
    .col-icon {
        padding-left: 0;
        padding-right: 0;
        width: 60px;
        .required {
            background-color: $DANGER_COLOR;
            color: #fff;
            display: inline-block;
            font-size: 12px;
            padding: 1px 8px;
            line-height: 1.4;
            margin-left: 10px;
            border-radius:3px;
      }
      .option {
            background-color: #979b9d;
            color: #fff;
            display: inline-block;
            font-size: 12px;
            padding: 1px 8px;
            line-height: 1.4;
            margin-left: 10px;
            border-radius:3px;
        }
    }
    tr:nth-child(odd) th,
    tr:nth-child(odd) td {
        background-color: rgba($MAIN_COLOR, 0.06);
    }
    @media only screen and (max-width: 760px){
        margin-bottom: 20px;
        width: 100%;
        tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
        }
        th {
            text-align: left;
            display: block;
            padding: 15px 15px 8px;
            -webkit-flex: 1;
            flex: 1;
            border-bottom: 0;
        }
        td {
            display: block;
            text-align: left;
            padding: 0 15px 18px;
            width: 100%;
            border-bottom: 0;
            input[type="radio"] {
                vertical-align: baseline;
            }
            span {
                vertical-align: middle;
            }
        } 
        .col-icon {
            padding: 15px 15px 8px;
            width: 80px;
            .required {
                background-color: #d50e18;
                color: #fff;
                display: inline-block;
                font-size: 12px;
                padding: 1px 8px;
                line-height: 1.4;
                margin-left: 10px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
            }
            .option {
                background-color: #979b9d;
                color: #fff;
                display: inline-block;
                font-size: 12px;
                padding: 1px 8px;
                line-height: 1.4;
                margin-left: 10px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
            }
        }
        .form-table tr:nth-child(odd) th,
        .form-table tr:nth-child(odd) td {
            background-color: rgba(19, 158, 223, 0.06);
        }
    }
}
.form-block {
    margin-bottom: 15px;
    @include clearfix;
    .form-label {
        font-weight: bold;
        margin-bottom: 10px;
    }
    .form-field {
    }
    @media only screen and (max-width: 760px){
        margin-bottom: 10px;
        &::after {
            content: "";
            display: block;
            clear: both;
        }
        .form-label {
            margin-bottom: 5px;
        }
    }
}
.form-block--vertical {
    .form-label {
    }
}
.form-block--horizontal {
    .form-label {
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .form-field {
        margin-left: 200px;
    }
}
.form .mwform-tel-field input[type="text"],
.form .mwform-zip-field input[type="text"] {
    width: 80px;
}
.form-note {
    font-size: 13px;
    margin-top: 3px;
    line-height: 1.6;
    margin-bottom: 0;
}
.mw_wp_form_preview .form-note {
    display: none;
}
  
/* form default */
input.form-control, input[type="number"].form-control,input[type="email"].form-control, button.form-control, textarea.form-control {
    border: none;
    background: #fff;
    line-height: 1.6;
    display: block;
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
}
input.form-control:focus, button.form-control:focus, textarea.form-control:focus {
    border: none;
    background: none;
}
input[type="submit"],
input[type="button"],
button {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
    outline-offset: -2px;
    outline: 0;
}
input[type="text"].form-control, input[type="number"].form-control, input[type="password"].form-control, input[type="email"].form-control, input[type="tel"].form-control, input[type="url"].form-control, textarea.form-control {
    background: #fff;
    padding: 8px 10px;
    border: 2px solid $BORDER_COLOR;
    border-radius:4px;
    width: 100%;
    &.form-required {
      background-color: #fff1f2
    }
}
input[type="text"].form-control:focus, input[type="number"].form-control:focus, input[type="password"].form-control:focus, input[type="email"].form-control:focus, input[type="tel"].form-control:focus, input[type="url"].form-control, textarea.form-control:focus {
    border: 2px solid $MAIN_COLOR;
}
input[type="text"].form-zip {
    width: 140px;
}
  
input[name="submit"],input[name="submitBack"],input[name="submitConfirm"] {
    background-color: $MAIN_COLOR;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 0 3px;
    padding: 10px;
    width: 240px;
    cursor: pointer;
    border-radius:4px;
    @include box-shadow(0 2px 8px rgba(0,0,0,0.15));
    @include transition;
    &:hover {
        color: #fff;
        @include box-shadow(2px 7px 12px rgba(0,0,0,0.12), 2px 3px 6px rgba(0,0,0,0.08));
        @include transform(translateY(-1px));
    }
}
input[name="submitBack"] {
    background-color: $MUTE_COLOR;
}
@media only screen and (max-width: 760px){
    input.form-control, input[type="number"].form-control, input[type="email"].form-control, button.form-control, textarea.form-control {
        border: none;
        background: #fff;
        line-height: 1.6;
        display: block;
        margin: 0;
        padding: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 16px;
    }
      
    input.form-control:focus, button.form-control:focus, textarea.form-control:focus {
        border: none;
        background: none;
    }
      
    input[type="submit"],
    input[type="button"],
    button {
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        appearance: button;
        border: none;
        box-sizing: border-box;
        cursor: pointer;
    }
      
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
        display: none;
    }
      
    input[type="submit"]:focus,
    input[type="button"]:focus,
    button:focus {
        outline-offset: -2px;
        outline: 0;
    }
      
    input[type="text"].form-control, input[type="number"].form-control, input[type="password"].form-control, input[type="email"].form-control, input[type="tel"].form-control, input[type="url"].form-control, textarea.form-control {
        background: #fff;
        padding: 8px 10px;
        border: 2px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
    }
      
    input[type="text"].form-control.form-required, input[type="number"].form-control.form-required, input[type="password"].form-control.form-required, input[type="email"].form-control.form-required, input[type="tel"].form-control.form-required, input[type="url"].form-control.form-required, textarea.form-control.form-required {
        background-color: #fff1f2;
    }
      
    input[type="text"].form-control:focus, input[type="number"].form-control:focus, input[type="password"].form-control:focus, input[type="email"].form-control:focus, input[type="tel"].form-control:focus, input[type="url"].form-control, textarea.form-control:focus {
        border: 2px solid #139edf;
    }
      
    input[type="text"].form-zip {
        width: 140px;
    }
      
    input[name="submit"], input[name="submitBack"], input[name="submitConfirm"] {
        background-color: #139edf;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: center;
        margin: 0 3px;
        padding: 10px;
        width: 45%;
        cursor: pointer;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
      
    input[name="submit"]:hover, input[name="submitBack"]:hover, input[name="submitConfirm"]:hover {
        color: #fff;
        -webkit-box-shadow: 2px 7px 12px rgba(0, 0, 0, 0.12), 2px 3px 6px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 2px 7px 12px rgba(0, 0, 0, 0.12), 2px 3px 6px rgba(0, 0, 0, 0.08);
        -ms-box-shadow: 2px 7px 12px rgba(0, 0, 0, 0.12), 2px 3px 6px rgba(0, 0, 0, 0.08);
        box-shadow: 2px 7px 12px rgba(0, 0, 0, 0.12), 2px 3px 6px rgba(0, 0, 0, 0.08);
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
    }
      
    input[name="submitBack"] {
        background-color: #8a8a8a;
    }
}
  
/* selectbox */
.select-wrapper {
    background: #fff url("../images/common/select_arrow.png") no-repeat right 12px top 50%/ 6px 15px;
    display: block;
    position: relative;
    width: auto;
    font-size: 16px;
    border: 2px solid $BORDER_COLOR;
    @include border-radius(4px);
    overflow: hidden;
}
.col-required .select-wrapper {
    background-color: #fff1f2
}
.select-wrapper select {
    background: none;
    outline: none;
    width: 100%;
    font-size: 16px;
    padding: 8px 30px 8px 10px;
    line-height: 1.6;
    border: none;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
}
.select-wrapper select.form-control-auto {
    width: auto;
}
/* ie9対策 */
.select-wrapper select:not(:target) {
      width: 120% \9;
}
.mw_wp_form_preview .select-wrapper {
    background: none;
    border: none;
    padding: 0;
}
.mw_wp_form_preview .select-wrapper::after {
    content: none;
}

input::placeholder, textarea::placeholder  {
    font-family: $FONT_FAMILY_SANS;
    color: #999999;
    opacity: 1;
}
/* IE */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: $FONT_FAMILY_SANS;
    color: #999999;
    opacity: 1;
}
/* Edge */
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-family: $FONT_FAMILY_SANS;
    color: #999999;
    opacity: 1;
}
  
/* Chrome, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 /* Firefox, IE */
input[type="number"] {
    -moz-appearance:textfield;
}
  
/* Chrome autofill */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
@media only screen and (max-width: 760px){
    .select-wrapper {
        background: #fff url("../images/common/select_arrow.png") no-repeat right 12px top 50%/6px 15px;
        display: block;
        position: relative;
        width: auto;
        font-size: 16px;
        border: 2px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
    }
    .col-required .select-wrapper {
        background-color: #fff1f2;
    }
    .select-wrapper select {
        background: none;
        outline: none;
        width: 100%;
        font-size: 16px;
        padding: 8px 30px 8px 10px;
        line-height: 1.6;
        border: none;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 0;
        background: none transparent;
        vertical-align: middle;
        font-size: inherit;
        color: inherit;
    }
    .select-wrapper select.form-control-auto {
        width: auto;
    }
      
    /* ie9対策 */
    .select-wrapper select:not(:target) {
        width: 120% \9;
    }
    .mw_wp_form_preview .select-wrapper {
        background: none;
        border: none;
        padding: 0;
    }
    .mw_wp_form_preview .select-wrapper::after {
        content: none;
    }
    input::placeholder, textarea::placeholder {
        font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #999999;
        opacity: 1;
    }
      
    /* IE */
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #999999;
        opacity: 1;
    }
      
    /* Edge */
    input::-ms-input-placeholder, textarea::-ms-input-placeholder {
        font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #999999;
        opacity: 1;
    }
      
    /* Chrome, Safari */
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
      
    /* Firefox, IE */
    input[type="number"] {
        -moz-appearance: textfield;
    }
      
    /* Chrome autofill */
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    }
}

/* ---------------------------------
	レスポンシブ
---------------------------------- */
/* PC向けレイアウト */
@media (min-width: 1000px) {
    /* default */
    .container {
        width: 1000px;
        margin:auto;
    }
}
@media (max-width: 1000px) {
    .container{
        max-width: none;
    }
}
@media screen and (min-width: 544px) and (max-width: 767px){
    .hidden-sm {
        display: none;
    }
}