@charset "UTF-8";
*{
    font-family:  'Noto Sans JP', sans-serif,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    margin:0;
    padding:0;
}
img{vertical-align: top;}


li{list-style:none;}


.check_error{    display:none;
}

.txt-red{color:#DC6437;}

footer#pagefooter{
    background:#00A73C;
    width:100%;
}

.fadecont {
    /* 最初は非表示 */
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
  }
  /* フェードイン時に入るクラス */
  .is-fadein {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

.mainarea{
    position: relative;
    z-index: 4;
}
#main{
    background:#EFEA45;
    text-align:center;
}
#profit{
    background:#F5BDC8;
    text-align:center;
}
#flow,
.contact{
    background:#c8d44f;
}

.flowbox ol li:nth-child(1) dl dt{
    border-bottom:2px solid #e72427;
    color:#e72427;
}
.flowbox ol li:nth-child(2) dl dt{
    border-bottom:2px solid #e72427;
    color:#e72427;

}
.flowbox ol li:nth-child(3) dl dt{
    border-bottom:2px solid #e72427;
    color:#e72427;

}
.flowbox ol li:nth-child(4) dl dt{
    border-bottom:2px solid #e72427;;
    color:#e72427;
}



@media screen and (max-width:600px){
    html,body{
        overflow-x: hidden;
    }
    .fs20{font-size:3.61vw;}
    .fs18{font-size:3.88vw;}
    .fs13{font-size:2.77vw;}

    .mainarea{
        background:#fff;
    }
    #pageheader{
        margin:0 auto;
        width:100%;
    }
    #pageheader h1{
        background:#fff;
        margin-left:4.86vw;
        line-height:13.88vw;;
    }

    #pageheader h1 img{
        height:auto;
        width:55.41vw;
        vertical-align: middle;
    }
    .menuclose{
        display:none;
    }
    .menuopen.on + .gnav.sp .menuclose{
        display:block;
    }
    .menuclose,
    .menuopen{
        position:fixed;
        right:2.8vw;;
        top:2vw;
        z-index:11;
    }
    .menuclose{
        z-index:13;
    }


    .menuclose img,
    .menuopen img{
        height:auto;
        width:15.7333vw;
    }

    .gnav.sp{
        background:#E3EB98;
        height:100%;
        left:0;
        position:fixed;
        top:-200%;
        width:100%;
        z-index: 11;
        -webkit-transition: all .3s;
        transition: all .3s;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .menulogo{
        position:absolute;
        left:3.6vw;
        top:3.333vw;
    }
    .menulogo img{
        height:auto;
        width:50.4vw;
    }

    .menuopen.on + .gnav.sp{
        top:0;
    }

    .gnav.sp  > ul{
        margin:20vw 10.666vw 0;
    }
    .gnav.sp li{
        margin-bottom:4vw;
    }
    .gnav.sp li a{
        background:url(../images/arrow2.png) no-repeat left center;
        background-size:5.333vw auto;
        color:#3E3A39;
        display:block;
        font-size:3.72333vw;
        padding:0 0 0 8vw;
        text-decoration: none;
    }

    .gnav.sp  > ul dt{
        border-bottom:2px dotted #3E3A39;
        margin-top:6vw;
        margin-bottom:2.666vw;
        padding-bottom:2.666vw;
        text-align:center;
    }
    .gnav.sp div.menutel{
        border-top:2px dotted #3E3A39;
        padding-top:6.6vw;
        text-align:center;
    }
    .gnav.sp div.menutel img{
        height:auto;
        width:62.53vw;
    }

/* main s */
    #main{
        background:url(../images/main/spbg.png) no-repeat center bottom;
        background-size: cover;
        margin:0 auto;
        padding:5vw 0 1vw;
        position:relative;
        text-align:center;
        width:100%;
        z-index: 1;
    }
    #main h1 {
        margin-bottom:7.3333vw;
        position:relative;
    }
    #main h1 img{
        height:auto;
        width:88.4vw;
    }
    #main h1:before,
    #main h1:after{
        content:"";
        display: block;
        position:absolute;
    }


    #main h1:before{
        background:url(../images/main/shadow1.png) no-repeat center center;
        background-size:cover;
        height: 10vw;
        width: 24.5vw;
        bottom: -10.8%;
        right: 38.5%;
    }
    #main h1:after{
        background:url(../images/main/shadow2.png) no-repeat center center;
        background-size:cover;
        height: 3vw;
        width: 24vw;
        bottom: -12px;
        right: 7vw;
        opacity: 0.4;
    }
    #main h1 + div + p{
        margin-bottom:7.3333vw;
    }
    #main h1 +div +  p img{
        height:auto;
        width:89.33vw;
    }
    #main h1 + p + div{
        margin-bottom:2.6666w;
    }
    #main h1 + p + div img{
        height:auto;
        width:92.066vw;
    }
    #main h1 + p + div + p{
        margin-bottom:2.6666vw;
    }
    #main h1 + p + div + p img{
        height:auto;
        width:89.2vw;
    }
    #main h1 + p + div + p + div{
        margin-bottom:2vw;
    }
    #main h1 + p + div + p + div img{
        height:auto;
        width:94.8666vw;
    }
    #main h1 + p + div + p + div + p{
        margin-bottom:2vw;
    }
    #main h1 + p + div + p + div + p img{
        height:auto;
        width:75.4666vw;
    }
/* main e */

/* profit s */
#profit{
    background:#1e4a6c;
    position:relative;
    z-index: 2;
}

#profit .inner{
    padding:13.333vw 0;
}
#profit .inner h2{
    margin-bottom:8vw;
    position:relative;
}
#profit .inner h2 img{
    height:auto;
    width:90.666vw;
}

#profit .inner h2 + p{
    color:#fff;
    font-size:3.733vw;
    line-height:6.666vw;
    margin-bottom:11.333vw;
    text-align:center;
}

#profit .inner ul li:not(:last-child){
    margin-bottom:8vw;
}
#profit .inner ul li:last-child{
    margin-bottom:4vw;
}
#profit .inner ul li img{
    height:auto;
    width:83.53666vw;
}
#profit .inner ul + p{
    color:#fff;x
    font-size:3.4vw;
    line-height:5.333vw;
    margin:0 auto 9.333vw;
    text-align:left;
    width:83.53666vw;
}
#profit .inner dl dt{
    background:url(../images/profit/spbgtitle2.png) no-repeat center top;
    background-size:31.266vw auto;
    margin-bottom:4vw;
    padding-top:24vw;
}
#profit .inner dl dt img{
    height:auto;
    width:79.2666vw;
}
#profit .inner dl dd{

}
#profit .inner dl dd img{
    height:auto;
    width:88.0666vw;

}


/* profit e */


/* flow s */
#flow{
    padding-top:13.333vw;
    padding-bottom:8vw;
    position:relative;
    z-index: 3;
}



.flowbox .inner{
    background:#fff;
    border-radius:10px;
    margin:0 2vw 0;
    padding-bottom:1vw;
    position:relative;
}
.flowbox h3{
    background:#e72427;
    border-radius:10px 10px 0 0;
    color:#fff;
    font-size:4.5333vw;
    line-height:17.333vw;
    text-align:center;
}

.flowbox ol{
    background:#fff;

    padding:2.6666vw;
    z-index: 1;
}
.flowbox ol li{
    list-style:none;
    position:relative;
}
.flowbox ol li:nth-child(1){z-index:4}
.flowbox ol li:nth-child(2){z-index:3}
.flowbox ol li:nth-child(3){z-index:2}
.flowbox ol li:nth-child(3){z-index:1}

.flowbox ol li:before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    width:10.4vw;
}
.flowbox ol li:nth-child(1):before{
    background:url(../images/flowbox/spstep1.png) no-repeat center center;
    background-size:10.4vw auto;
    height:65.7334vw;
}
.flowbox ol li:nth-child(2):before{
    background:url(../images/flowbox/spstep2.png) no-repeat center center;
    background-size:10.4vw auto;
    height:88vw;
}
.flowbox ol li:nth-child(3):before{
    background:url(../images/flowbox/spstep3.png) no-repeat center center;
    background-size:10.4vw auto;
    height:69.333vw;
}
.flowbox ol li:nth-child(4):before{
    background:url(../images/flowbox/spstep4.png) no-repeat center center;
    background-size:10.4vw auto;
    height:65.0666vw;
}
.flowbox ol li:not(:last-child) dl{
    margin-bottom:1.3888vw;
}

.flowbox ol li dl{
    background:#F1F1E5;
    box-sizing: border-box;
    border-radius:10px;
    margin-left:12.6vw;
    padding:5.3vw 3.8vw;
    position:relative;
}

.flowbox ol li:nth-child(1) dl{
    border-radius:0 0 10px 10px;
    height:61.2vw;
}
.flowbox ol li:nth-child(2) dl{
    border-radius:0 0 10px 10px;
    height:83.666vw;
}
.flowbox ol li:nth-child(3) dl{
    border-radius:0 0 10px 10px;
    height:65.2vw;
}
.flowbox ol li:nth-child(4) dl{
    border-radius:0 0 10px 10px;
    height:65.2vw;
}


.flowbox ol li:nth-child(2) dl:after,
.flowbox ol li:nth-child(3) dl:after{
    content:"";
    display:block;
    height:12.1vw;
    position:absolute;
    left:12vw;
    bottom:-7vw;
    width:42vw;
}

.flowbox ol li:nth-child(2) dl:after{
    background:url(../images/flowbox/spstep12.png) no-repeat center center;
    background-size:42vw auto;
}
.flowbox ol li:nth-child(3) dl:after{
    background:url(../images/flowbox/spstep23.png) no-repeat center center;
    background-size:42vw auto;
}
.flowbox ol li:nth-child(2):after,
.flowbox ol li:nth-child(4):after{
    content:"";
    display:block;
    position:absolute;
}
.flowbox ol li:nth-child(2):after{
    background:url(../images/flowbox/icon1.png) no-repeat center center;
    background-size:19.6vw auto;
    height:12.4vw;
    width:19.6vw;
    right:5.6vw;
    top:2vw;
}
.flowbox ol li:nth-child(4):after{
    background:url(../images/flowbox/icon2.png) no-repeat center center;
    background-size:25.333vw auto;
    height:16.266vw;
    width:25.333vw;
    right:5.6vw;
    top:2vw;
}


.flowbox ol .btn1 a,
#flow .btn2 a{
    display:block;
    font-size:4vw;
    font-weight:bold;
    text-align:center;
}
.flowbox ol .btn1 a{
    background:#FFF000 ;

    border:3px solid #3a3938;
    color:#3E3A39;
    border-radius:100px;
    font-weight:bold;
    line-height:16vw;
    margin:0 auto 0 ;
    text-decoration: none;
    width:100%;
}
.flowbox ol li dl dt{
    display:inline-block;
    font-size:4.4vw;
    font-weight:bold;
    margin-bottom:2.5vw;
}
.flowbox ol li:nth-child(2) dl dt,
.flowbox ol li:nth-child(3) dl dt,
.flowbox ol li:nth-child(4) dl dt{
    padding-top:1.5vw;
}

.flowbox ol li dl dd p{
    line-height:6.9444vw;
}

.flowbox ol .btn1{
    margin:2vw auto;
}
.flowbox ol .btn2{
    margin:1vw auto 1vw ;
}
.flowbox ol .btn1 a img,
.flowbox ol .btn2 a img{
    height:auto;
    width:67.333vw;
}
.flowbox ol + p span{
    background:#00aabb;
    color:#fff;
    border-radius:5px;
    font-size:4.266vw;
    font-weight:bold;
    display:block;
    line-height:14.666vw;
    text-align:center;
}

.flowbox ol + p{
    margin:0 2.6666vw 6.33vw;
    text-align:center;

}
.flowbox ol + p img{
    height:auto;
    width:88vw;
}
#flow .btn2 a{
    background:#fff ;
    background-size:30px;
    display:block;
    font-size:4.5vw;
    font-weight:bold;
    text-align:center;


    border:3px solid #3a3938;
    color:#0A0504;
    border-radius:100px;
    font-weight:bold;
    line-height:17.333vw;
    margin:0 auto ;
    text-decoration: none;
}

#flow .btn2 a{
    width:88vw;
}


.contact{
    padding:0 0 10.666vw ;
}





.contactflow{

    border-radius:10px;
    margin:0 auto 11.33333333333333vw;
    width:90.66vw;
}
.contactflow li{
    list-style: none;;
}
.contactflow li:nth-child(1){
    margin-bottom:2vw;
    padding-bottom:7.333vw;
    position:relative;
}
.contactflow > li:nth-child(1):after{
    background:url(../images/contactflow/sparrow.png) no-repeat center bottom;
    background-size:7.7333vw auto;
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    height:20.13333333vw;
    width:100%;
}

.contactflow li:nth-child(1) p{
    background:#fff;
    border-radius:10px 10px 0 0 ;
    color:#231815;
    font-size:4.8vw;
    text-align:center;
    padding:5vw 0;
}
.contactflow li:nth-child(1) p span{
    display:inline-block;
    padding-left:15.333vw;
    position:relative;

}
.contactflow li:nth-child(1) p span:nth-child(1):after{
    background:url(../images/contactflow/icon1.png) no-repeat center center;
    background-size:13.066vw auto;
    content:"";
    display:block;
    position:absolute;
    height:15.7333vw;
    width:13.066vw;
    left: 0;
    top: 0;
}
.contactflow li:nth-child(1) p span + span{
    display:block;
    font-size:3.466vw;
    text-align:left;
    padding-left:29.333%;
}

.contactflow > li:nth-child(1) dl{
    text-align:center;
}
.contactflow > li:nth-child(1) dl dt{
    font-size:4.26666666666667vw;
    font-weight:bold;
    margin-bottom:2vw;
}
.contactflow > li:nth-child(1) dl dd{
    font-size:2.93333333333333vw;
    line-height:4vw;
}
.contactflow > li:nth-child(2){
    margin:0 2.66vw 5.333vw;
}

.contactflow > li:nth-child(2) li{
    background:#fff;
    padding:0;
    text-align:center;
}
.contactflow li:nth-child(2) li span{
    display:block;
    font-weight: bold;
}
.contactflow > li:nth-child(2) li img{
    vertical-align: middle;;
}
.contactflow > li:nth-child(2) li:nth-child(1){
    padding:4vw 0;
}
.contactflow > li:nth-child(2) li:nth-child(1) img{
    height:auto;
    width:74.66vw;
}
.contactflow > li:nth-child(2) li:nth-child(2){
    line-height:30.666vw;
}
.contactflow > li:nth-child(2) li:nth-child(2) img{
    height:auto;
    width:66vw;
}


.contactflow > li:nth-child(2) li:nth-child(1){
    margin-bottom:4vw;
}
.contactflow > li:nth-child(3) p{
    background:#fff;
    border-radius:0 0 10px 10px;
    color:#231815;
    font-size:4.8vw;
    font-weight:bold;
    line-height:8.4vw;
    padding:3.333vw 0 4.6666vw;
    text-align:center;
}

.contactflow + dl dt{
    font-size:3.7333vw;
    margin-bottom:4vw;
    text-align:center;
}
.contactflow + dl dd{
    margin:0 2.666vw 2.666vw;
}
.contactflow + dl dd li{
    font-size:3.466vw;
    padding-left:1.5em;
    position:relative;
    text-indent: -1.5em;
}



.contactflow + dl dd li:nth-child(1){
    font-size:4vw;
}
.contactflow + dl dd li span{
    color:#000;
    font-size:3.466vw;
    margin-right:0.5em;
}



#contact {
    background:#fff;
    width:100%;
}
#contact .inner{
    margin:0 auto;
    text-align:center;
    padding:9vw 0;
    position:relative;
}
#contact .inner > div dl dt{
    margin:0 0 3vw;
}
#contact .inner > div dl dt img{
    height:auto;
    width:73vw;
}

#contact .inner > div dl dd{
    font-size: 3vw;
    line-height:5vw;
}
#contact .inner > div dl dd + dd{
    margin-top:8vw;
    margin-bottom:8vw;
}
#contact .inner > div dl dd + dd img{
    height:auto;
    width:63vw;
}



#contact .inner > div + div{
    border:1px solid #3E3A39;
    border-radius:5px;
    text-align:center;
    margin:0 auto;
    padding:5vw 0;
    width:48vw;

}
#contact .inner > div + div li{
    display:inline-block;
    margin:0 0 3vw 0;
}
#contact .inner > div + div li:not(:last-child){
    margin:0 4vw 3vw 0;
}


#contact .inner > div + div li img{
    height:auto;
    width:11vw;
}
#contact .inner > div + div p{
    font-size:3vw;
}







.ohterbnr{
    background:#F2F2F2;
    padding:6.9vw 0 4.6vw;
    width:100%;
}
.ohterbnr ul.bnrarea{
    margin:0 auto 4.6vw;
    text-align:center;
}
.ohterbnr ul li{
    display:inline-block;
}
.ohterbnr ul.bnrarea li{
    margin:0 1.2vw 1.2vw ;
}

.ohterbnr ul.bnrarea li img{
    height:auto;
    width:44.666vw;
}
.ohterbnr ul.toplist{
    margin:0 auto 0;
    text-align:center;
}
.ohterbnr ul.toplist li a{
    border-left:1px solid #000;
    box-sizing: border-box;
    display:block;
    color:#000;
    font-size:3.0666vw;
    line-height:1em;
    letter-spacing: 0.1em;
    padding:0 1.733vw;
    text-decoration: none;
}
.ohterbnr ul.toplist li:last-child a{
    border-right:1px solid #000;
}

.returntop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 5;
}
.returntop img {
    height: 13.33vw;
    width: 13.333vw;
}


/* sp footer */
    footer#pagefooter{
        background:#3C9638;
    }
    footer#pagefooter p{
        color:#fff;
        font-size:1.866vw;
        line-height:8vw;
        text-align:center;
    }


    .pc{display:none;}
}


@media screen and (min-width:600px){

    body{
        min-width:1080px;
    }
    .mainarea{
        background:#fff;
        min-width:1080px;
        width:100%;
    }
    #pageheader{
        margin:0 auto;
        width:1280px;
    }
    #pageheader h1{
        margin-left:40px;
        line-height:95px;
    }
    #pageheader h1 img{
        vertical-align: middle;;
    }

    #main{
        background:url(../images/main/bg.png) no-repeat center bottom;
        background-size: cover;
        margin:0 auto;
        padding-top:70px;
        position:relative;
        text-align:center;
        min-width:1280px;
        width:100%;
        z-index:5;
    }
    #main .inner{
        margin:0 auto;
        padding-bottom:90px;
        position:relative;
        width:900px;
    }


    #main h1{
        margin-bottom:20px;
    }
    #main h1 + div{
        position:relative;
    }
    #main h1 + div:before,
    #main h1 + div:after{
        content:"";
        display: block;
        position:absolute;
    }

    #main h1 + div:before{
        background:url(../images/main/shadow1.png) no-repeat center center;
        height:106px;
        width:189px;
        bottom: -65px;
        right: 373px;
    }
    #main h1 + div:after{
        background:url(../images/main/shadow2.png) no-repeat center center;
        height:23px;
        width:190px;
        bottom: -13px;
        right: 135px;
        opacity: 0.4;
    }


    #main h1 + div img{
        position:relative;
        z-index:2;
    }




    #main p{
        position:absolute;
        left:0;
        bottom:-30px;
    }
    


    #profit {
        background:#1e4a6c;
        position:relative;
        z-index: 2;
        min-width:1280px;
    }
    #profit .inner{
        margin:0 auto;
        padding:100px 0 100px;
        width:1030px;
        position:relative;
    }

    #profit .inner:before,
    #profit .inner:after,
    #profit h2:before,
    #profit h2:after{
        content:"";
        display:block;
        position:absolute;
    }


    #profit .inner h2{
        margin-bottom:40px;
        position:relative;
    }
    #profit .inner h2 + p{
        color:#fff;
        font-size:18px;
        line-height:34px;
        margin-bottom:60px;
        text-align:center;
    }



    #profit .inner ul{
        margin-bottom:20px;
    }
    #profit .inner ul li{
        display: inline-block;
    }
    #profit .inner ul li:not(:last-child){
        margin-right:20px;
    }

    #profit .inner ul + p{
        color:#fff;
        font-size:13px;
        margin-bottom:70px;
        text-align:left;
    }
    #profit .inner ul + p + dl{

    }

    #profit .inner ul + p + dl dt{
        margin-bottom:20px;
    }


/* pc flow */
    .fs13{font-size:13px;}
    .fs18{font-size:18px;}

    #flow{
        padding:30px 0 0;
        position:relative;
        z-index: 3;
        min-width:1280px;
    }
    .flowbox .inner{
        border-radius:15px;
        margin:0 auto 0;
        padding-top:100px;
        padding-bottom:70px;
        position:relative;
        width:1020px;
    }
    .flowbox h3{
        background:#e72427;
        border-radius:10px 10px 0 0;
        color:#fff;
        font-size:29px;
        line-height:80px;
        text-align:center;
    }
    .flowbox ol{
        background:#fff;

        padding:60px;
        z-index: 1;
    }
    .flowbox ol li{
        list-style:none;
        position:relative;
    }
    .flowbox ol li:nth-child(1){z-index:3}
    .flowbox ol li:nth-child(2){z-index:2}
    .flowbox ol li:nth-child(3){z-index:1}

    .flowbox ol li:before{
        content:"";
        display:block;
        position:absolute;
        left:0;
        width:119px;
    }
    .flowbox ol li:nth-child(1):before{
        background:url(../images/flowbox/step1.png) no-repeat center center;
        height:402px;
    }
    .flowbox ol li:nth-child(2):before{
        background:url(../images/flowbox/step2.png) no-repeat center center;
        height:424px;
        top:11px;
    }
    .flowbox ol li:nth-child(3):before{
        background:url(../images/flowbox/step3.png) no-repeat center center;
        height:314px;
    }
    .flowbox ol li:nth-child(4):before{
        background:url(../images/flowbox/step4.png) no-repeat center center;
        height:279px;
    }


    .flowbox ol li:not(:last-child) dl{
        margin-bottom:10px;
    }
    .flowbox ol li dl{
        background:#F1F1E5;
        border-radius:10px;
        box-sizing: border-box;
        margin-left:131px;
        padding:70px 75px;
        position:relative;
    }
    .flowbox ol li:nth-child(1) dl{
        border-radius:0 0 10px 10px;
        height:357px;
    }
    .flowbox ol li:nth-child(2) dl{
        border-radius:0 0 10px 10px;
        height:401px;
    }
    .flowbox ol li:nth-child(3) dl{
        border-radius:0 0 10px 10px;
        height:280px;
    }
    .flowbox ol li:nth-child(4) dl{
        border-radius:0 0 10px 10px;
        height:280px;
    }
    .flowbox ol li:nth-child(1) dl:after,
    .flowbox ol li:nth-child(2) dl:after,
    .flowbox ol li:nth-child(3) dl:after{
        content:"";
        display:block;
        height:79px;
        position:absolute;
        left:228px;
        bottom:-52px;
        width:268px
    }
    .flowbox ol li:nth-child(2):after,
    .flowbox ol li:nth-child(1) dl:before{
        content:"";
        display:block;
        position:absolute;
    }

    .flowbox ol li:nth-child(1) dl:before{
        background:url(../images/flowbox/icon2.png) no-repeat center center;
        background-size:190px auto;
        height:122px;
        width:190px;
        left: -69px;
        bottom: 20px;
    }
    .flowbox ol li:nth-child(2):after{
        background:url(../images/flowbox/icon1.png) no-repeat center center;
        background-size:147px auto;
        height:93px;
        width:147px;
        right:162px;
        top:20px;

    }

    .flowbox ol li:nth-child(2) dl:after{
        background:url(../images/flowbox/step12.png) no-repeat center center;
    }
    .flowbox ol li:nth-child(3) dl:after{
        background:url(../images/flowbox/step23.png) no-repeat center center;
    }

    .flowbox ol li dl dt{
        display:inline-block;
        border-bottom:2px solid #F39939;
        font-size:22px;
        font-weight:bold;

        margin-bottom:28px;
        padding-bottom:5px;
    }
    .flowbox ol li dl dt span{
        color:#070201;
        font-size:18px;
        margin-left:15px;
    }
    .flowbox ol li dl dd{
        width:565px;
    }
    .flowbox ol li dl dd p{
        line-height:30px;
    }

    .flowbox ol + p{
        position:absolute;
        right:90px;
        top:445px;
        z-index: 5;
    }
    .flowbox ol .btn1 a,
    #flow .btn2 a{
        display:block;
        font-size:22px;
        font-weight:bold;
        text-align:center;
    }
    .flowbox ol .btn1 a{
        background:#FFF000 url(../images/flowbox/icon.png) no-repeat 30px center ;
        background-size:30px;

        border:3px solid #3a3938;
        color:#3E3A39;
        border-radius:100px;
        font-weight:bold;
        line-height:90px;
        margin:40px auto 0 ;
        text-decoration: none;
        width:400px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    #flow .btn2 a{
        background:#fff url(../images/flobox/icon.png) no-repeat 40px center ;
        background-size:30px;

        border:3px solid #3a3938;
        color:#0A0504;
        border-radius:100px;
        font-weight:bold;
        line-height:90px;
        margin:0 auto ;
        text-decoration: none;
        width:430px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .flowbox ol .btn1 a:hover{
        opacity:0.6;
    }
    #flow .btn2 a:hover{
        opacity:0.6;
    }

    .contact{
        padding:0 0 10px ;
        min-width:1280px;

    }


    .contactflow{
        width: 1000px;
        margin: 0 auto;
    }
    .contactflow li{
        list-style: none;;
        position:relative;
        text-align:center;
    }
    .contactflow li:nth-child(1){
        margin-bottom:55px;
    }
    .contactflow ul li:nth-child(1),
    .contactflow ul li:nth-child(2){
        margin-bottom:0;
    }
    .contactflow li:nth-child(1),
    .contactflow li:nth-child(3){
        background:#fff;
        border-radius:5px;
    }
    .contactflow li:nth-child(1) p{
        background:#fff;
        color:#231815;
        font-size:29px;
        line-height:100px;
        margin:0 auto;
        width:1000px;
    }
    .contactflow li:nth-child(1) p span{
        display:inline-block;
        position:relative;
    }
    .contactflow li:nth-child(1) p span:after{
        background:url(../images/contactflow/icon1.png) no-repeat center center;
        background-size:108px auto;
        content:"";
        display:block;
        position:absolute;
        height:131px;
        width:108px;
        left: -115px;
        top: -22px;
    }

    .contactflow li:nth-child(2) li{
        background:#fff;
        box-sizing: border-box;
        padding-top:30px;
        border-radius:5px;
        display:inline-block;
        height:190px;
        width:474px;
        vertical-align: top;
    }
    .contactflow li:nth-child(2) li span{
        display:block;
        font-weight: bold;
    }
    .contactflow li:nth-child(2) li.sp{
        display:none;
    }


    .contactflow li:nth-child(2) li:nth-child(1){
        margin-right:52px;
    }
    .contactflow li:nth-child(2) li img{
        vertical-align: middle;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .contactflow li:nth-child(2) li img:hover{
        opacity:0.6;
    }



    .contactflow > li:nth-child(1):before,
    .contactflow > li:nth-child(1):after,
    .contactflow > li:nth-child(2) li:after{
        content:"";
        display:block;
        position:absolute;
        bottom:-43px;;
        height:47px;
    }
    .contactflow > li:nth-child(1):before{
        background:url(../images/contactflow/arrow.png) no-repeat 215px center ;
        background-size:41px auto;
    }

   .contactflow > li:nth-child(1):after,
    .contactflow > li:nth-child(2) li:nth-child(3):after{
        background:url(../images/contactflow/arrow.png) no-repeat center right 215px;
        background-size:41px auto;
    }
    .contactflow li:nth-child(1):before,
    .contactflow li:nth-child(1):after{
        width:474px;
    }
    .contactflow li:nth-child(1):before{
        left:0;
    }
    .contactflow li:nth-child(1):after{
        right:0;
    }

    .contactflow li:nth-child(2) li:after{
        left:0;
        width:100%;
    }
    .contactflow > li:nth-child(3){
        line-height:100px;
    }
    .contactflow > li:nth-child(3) p{
        background:#fff;
        color:#231815;
        font-size:24px;
        font-weight:bold;

        line-height:100px;
        margin:0 auto;
        width:1000px;
    }
    
    .contact{
        position: relative;
        z-index: 4;
    }
    .contact ol + dl{
        margin:50px auto ;
        width:1000px;
    }
    .contact ol + dl dt{
        font-size:18px;
        margin-bottom:20px;
    }
    .contact ol + dl dd ul li:nth-child(1){
        font-size:20px;
        font-weight:bold;
    }
    .contact ol + dl dd ul li{
        font-size:16px;
        margin-bottom:12px;
    }
    .contact ol + dl dd ul li span{
        color:#000;
        display:inline-block;
        margin-right:5px;
        font-size:16px;
    }

    #contact {
        width:100%;
    }
    #contact .inner{
        margin:0 auto;
        padding:43px 0;
        position:relative;
        width:1000px;;
    }
    #contact .inner > div dl dt{
        margin:0 0 13px;
    }
    #contact .inner > div dl dt + dd{
        margin:0 0 20px;
    }
    #contact .inner > div dl dd{
            font-size:12px;
    }
    #contact .inner > div + div{
        border:1px solid #3E3A39;
        border-radius:5px;
        text-align:center;
        padding:25px 0;
        position:absolute;
        right:0;
        top:43px;

    }
    #contact .inner > div + div li{
        display:inline-block;
        margin:0 15px 15px;
    }
    #contact .inner > div + div li a{
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    #contact .inner > div + div li a:hover{
        opacity:0.6;
    }

    #contact .inner > div + div p{
        font-size:14px;
    }
    .ohterbnr{
        background:#F2F2F2;
        padding:55px 0 26px;
        min-width:1280px;
        width:100%;
    }
    .ohterbnr ul.bnrarea{
        margin:0 auto 46px;
        text-align:center;
    }
    .ohterbnr ul li{
        display:inline-block;
    }
    .ohterbnr ul.bnrarea li{
        margin:0 10px;
    }
    .ohterbnr ul.bnrarea li a{
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .ohterbnr ul.bnrarea li a:hover{
        opacity:0.6;
    }
    .ohterbnr ul.toplist{
        margin:0 auto 0;
        text-align:center;
    }
    .ohterbnr ul.toplist li a{
        border-left:1px solid #000;
        display:block;
        color:#000;
        font-size:14px;
        line-height:1em;
        letter-spacing: 0.1em;
        padding:0 10px;
        text-decoration: none;
    }
    .ohterbnr ul.toplist li:last-child a{
        border-right:1px solid #000;
    }

    .returntop {
        display: none;
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 5;
        }


/* pc footer */
    footer#pagefooter{
        background:#3C9638;
        min-width:1280px;
        width:100%;
    }

    footer#pagefooter p{
        color:#fff;
        font-size:12px;
        line-height:50px;
        text-align:center;
    }






    .sp{display:none!important;}
}


@keyframes wobbling_x1 {
    0% {
        margin-left: 8px;
    }

    100% {
        margin-left: 0px;
    }
}
@keyframes wobbling_x2 {
    0% {
        margin-right: 8px;
    }

    100% {
        margin-right: 0px;
    }
}
@keyframes wobbling_y1{
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 8px;
    }
}
@keyframes wobbling_y2{
    0% {
        margin-bottom: 0px;
    }

    100% {
        margin-bottom: 8px;
    }
}



@keyframes charamove{
    0% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(-5deg);
    }
}