@charset "utf-8";
/* CSS Document */
* {font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, serif; margin: 0; padding: 0; color:#2b2b2b; line-height:1.6em}
.mincho{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
body {text-align:left; font-size:17px; background:#fff; font-feature-settings:palt; color:#121212}
img{vertical-align:top; max-width:100%; height:auto; width:auto; margin:0 auto}
.f_right.img{margin:0 auto}
.inblock{display:inline-block}
::before, ::after {box-sizing: inherit}
::before, ::after {box-sizing: inherit}

    /* position */
        .left{text-align:left!important} .right{text-align:right} .center{text-align:center!important}
        .f_left{float:left} .f_right{float:right}
        .clearfix:after{content:""; display:block; clear:both}
    /* img */
        .v_bottom img{vertical-align:bottom} .v_top img{vertical-align:top} .img100 img{width:100%}
    /* font */
        .white{color:#fff} .red{color:#ff0000!important;} .yellow{color:#e0df20} .yellow2{color:#f5d607;} .b_font{color:#121212!important}
        .bold{font-weight:bold!important} .underline{text-decoration:underline} .orange{color:#fa6400}
    /* bg */
        .yellowBg{background:#fff000;padding:0 1px} .whiteBg{background:#fff}
        .imgBg{background:url(../images/imgBg.jpg) center top;padding:7% 0} .marker{background:linear-gradient(transparent 60%, #938906 60%)}
    /* font size */
        .f0_8{font-size:0.8em;} .f1_1{font-size:1.1em} .f1_2{font-size:1.2em} .f1_3{font-size:1.3em;} .f1_4{font-size:1.4em} .f1_6{font-size:1.6em} .f1_8{font-size:1.8em;}
        .f2{font-size:2em} .f2_4{font-size:2.4em} .f2_6{font-size: 2.6em;} .f2_8{font-size:2.8em}
        .ts{text-shadow:1px 1px 1px rgb(0, 0, 0)}
    /* padding */
        .p1{padding:1%} .p2{padding:2%} .p3{padding:3%} .p4{padding: 4%;} .p5{padding:5%}
        .pt1-5{padding-top:1.4%;} .pt2{padding-top:2%} .pt3{padding-top:3%;} .pt5{padding-top:5%;} .pt7{padding-top:7%} .pb2{padding-bottom:2%} .pb5{padding-bottom:5%}
        .pl4{padding-left:4%}.pb9{padding-bottom:9%}.pb4{padding-bottom:4%}
    /*margin*/
        .ma0{margin:0 auto} .maa0{margin:auto 0} .ma{margin:auto}
        .mt2{margin-top:2%} .mt3{margin-top:3%} .mt4{margin-top:4%} .mt5{margin-top:5%}
        .mb2{margin-bottom:2%} .mb4{margin-bottom:4%} .mb5{margin-bottom:5%} .mb6{margin-bottom:6%} .mab20{margin-bottom:20%}
    /* link opacity */
        a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"}
        input[type="submit"]:hover{opacity:.6}
    /* width */
        .w60{width:60%} .w37{width:37%} .w40{width:40%} .w55{width:55%} .w80{width:80%}
    /* title */
        h3{padding:7% 0 !important}

    /* common */
        .wrapper{max-width:960px;margin:0 auto} .block{padding:7% 6%}
        .w_shadow{box-shadow:1px 5px 5px rgba(57, 57, 57, 0.4)}
        .w_shadow2{box-shadow:1px 5px 5px rgba(57, 57, 57, 0.4)}
    /*part style*/
        .block{padding:5% 6% 8% 6%}
    /* footer */
        footer a{color:#000; text-decoration:none}
    /*--header--*/
        #header{width:100%; padding: 1.0em 0} .custom{clear:both} .custom-h-col{overflow:hidden}
        .custom1, .custom2, .v1, .v2{box-sizing: border-box; float:left; width:50%} .custom2{text-align:right}
    /*声*/
        .v1, .v2{width:62%} .v1{width:38%} .v1 div.innar, .v2 div.innar{padding:1em}
        .voicec{border:solid 4px #e2e2e2; box-sizing: border-box; margin-bottom:4%}
        .voicec:last-child{margin-bottom:0}
        .line{border: solid 1px rgb(209, 209, 209);}
        .mail_style{ text-align: center; width: 65%; height: 38px; margin: 2% 0 1% 0; border: solid 3px #b4b4b4; border-radius: 10px; background-color: rgb(247, 247, 247); font-size: 1em;}
        .submitButton{text-align: center; width: 100%; height: 90px; margin:0; border: none;}
    /*form*/
        input[type="submit"], div.form2 input[type="submit"], div.form3 input[type="submit"], div.form4 input[type="submit"]{background: url(../images/formbtn.png) no-repeat center top;background-size: auto;border: none;color: transparent;width: 75%;padding-top: 15%;background-size: contain;outline: none;}

/*ここから-------------------------------------------------------------------*/
    header{padding:0.5% 0}

    .form-back{background-image:url(../images/formback.jpg); background-repeat: no-repeat; text-align:center; background-position:center; padding-bottom:2%}
    .formitem{background-image:url(../images/formback2.jpg); background-repeat:no-repeat; background-position:top center}

    .form-back2{background-image:url(../images/form2back.jpg); background-repeat:no-repeat; text-align:center; background-position:center}
    .formitem2{background-image:url(../images/form2back2.jpg); background-repeat:no-repeat; background-position:top center}

    .form-back3{background-image:url(../images/back5.jpg); background-repeat:no-repeat; text-align:center; background-position:center}
    .formitem3{background-image:url(../images/form3back3.jpg); background-repeat:no-repeat; background-position:top center}

    .form-inner{padding-bottom:1%}

    .b1{background-image:url(../images/b1back.jpg); padding:3% 0 5% 0}
    .b1-white{background-color:#fff; padding:2%}
    .fbox{display:flex; flex-wrap:wrap; justify-content:space-around} 
    .Mborder{flex-basis:300px; box-sizing:border-box; width:auto; border-image:url(../images/border.jpg) 10 fill; border-style:solid; margin-bottom:4%}
    .monitor{background-color:rgb(255, 255, 255); padding:5%; margin:1.5%; height:420px}

    .b2{background-color:#a10000; padding:4% 0}
    .b2white{box-sizing:border-box; border-image:url(../images/back.png)50 fill; border-style:solid; border-width:50px}
    .b2inner{display:flex; margin-top:4%; justify-content:center}
    .b2-1{padding:2%}

    .ma5-7{margin:3% 0 5% 0}

    .li12{line-height:1.5em}

    .b3back{background-image:url(../images/back3.jpg); background-repeat:no-repeat; padding:2% 0} 
    .b3-white{background-color:rgb(130, 52, 52);display:flex; align-items:center; justify-content:center; height:340px}

    .ma3-0{margin:3% 0}

    .b8{background-image:url(../images/back4.jpg); background-repeat:no-repeat; background-size:cover; background-position:top; padding:4% 0}
    .b8-white{border:2px solid #fff; color:white}

    .b9{background-image:url(../images/b9back.jpg); background-repeat:no-repeat; background-size:cover; background-position:bottom; padding-bottom:2%}
        ul.listimg li{list-style-type:none; background:url(../images/li.jpg) 0 13px; background-repeat:no-repeat; list-style-position:inside; background-size:25px; padding-left:40px; line-height:2em; border-bottom:2px solid #c0c0c0}
    .b9-2{background-image:url(../images/b9back2.jpg)}
    .b9-white, .b10-white, .b11-white{box-sizing:border-box; border-image:url(../images/check-back.png)50 fill; border-style:solid; border-width:50px; padding:0% 2%; margin:5% auto}

    .b12{margin-top:3%; box-sizing:border-box; border-image:url(../images/b12back.jpg) 50 fill; border-style:solid; border-width:50px}
    .b12-txt{margin-left:4%}
    .b12-white{background-color:#fff; display:flex; padding:5% 1%; justify-content:space-around; margin:0 1.5px; margin-bottom:4%}

    .b13{background-image:url(../images/letterback.png); background-repeat:no-repeat; background-position:center top; background-size:contain; padding:6%; margin-top:2%}
    .b13-item{display:flex; justify-content:center; align-items:flex-end}
    .b13-txt{line-height:2em}

/*ここまでーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.contents{box-shadow:1px 5px 5px rgba(57, 57, 57, 0.6)}
.form1 img:hover, .form2 img:hover{opacity:0.6}
.nohover{pointer-events:none}

.houshin{overflow:scroll; border:3px solid rgb(212, 212, 212); margin:0 auto; margin-top:5%; width:84%}
#footer{width:100%}
.footer-inner{background:#000000; padding:2.5% 0; text-align:center}
#footer a{color:#fff; text-decoration:none} #footer p{color:#ffffff}
address{font-style:normal; line-height:2.4em; text-align:center; color:#fff; margin:0; padding:0}

.sp96{display:none;}

/* pc */
@media screen and (min-width:481px) {
    .pc{display:block} .sp{display:none}
}

@media screen and (max-width:960px) {
    .b9-white,.b10-white,.b11-white{background-image:none;margin:4% 2%}ul.listimg li{list-style-type:none; background:url(../images/li.jpg) 0 7px; background-repeat:no-repeat; list-style-position:inside; background-size:25px; padding-left:40px; line-height:2em; border-bottom:2px solid #c0c0c0}
    .pc96{display:none}
    .sp96{display:block}
    .b9-white, .b10-white, .b11-white{border-width:25px}
    .formitem,.formitem2,.formitem3{background-image:none}
    .mab20{margin-bottom:0%}
}
@media screen and (max-width:620px) {
    /* font */
        .f1_4{font-size:1.1em} .f1_2{font-size:1em} h2, .f1_6, .f2,.f2_4{font-size:1.2em!important} .f0_8sp{font-size:.8em}
    /* padding */
        .f_right img{padding-bottom:5%} .block{padding:9% 4%} .block2{padding:0 4% 9%}
    /* width */
        .w60, .w39,.w37,.w40,.w35{width:100%} .spimg img{width:80%} .spimg2 img{width:60%}
    /* head */
        #note{font-size:.9em!important} #header > .wrapper .white.f1_2{font-size:.6em!important}
    /* common */
        h2{padding:2%!important}
        img{display:block; margin:0 auto;padding:0}
        .b1-white{margin:4% 2%}
}


/* sp*/
@media screen and (max-width:480px) {
    .sp{display:block} .pc{display:none} .f_left, .f_right{float:none} .centersp{text-align:center}
    /* font */
        .f1_4{font-size:1.1em} .f1_2{font-size:1em} h2, .f1_6, .f2, .f2_4, .f2_8{font-size:1.2em !important} .f0_8sp{font-size:.8em}
    /* padding */
        .f_right img{padding-bottom:5%} .block{padding:9% 4%} .block2{padding:0 4% 9%}
    /* width */
        .w60, .w39, .w37, .w40, .w35{width:100%} .spimg img{width:80%} .spimg2 img{width:60%}
    /* head */
        #note{font-size: .9em !important;}#header > .wrapper .white.f1_2{font-size: .6em !important;}
    /* common */
        h2{padding:2%!important}
        img{display:block;margin:0 auto;padding:0}

        .p4sp{padding:4% 4% 2% 4%}
        #header{padding:2% 0}
        h2,h3{margin-bottom:0!important;}
        h3{margin: 4% 0!important;}
        .w30sp{width:30%}
        .f1_8{line-height:1.2em}

        .block{padding:4%}.f_left,.f_right{float:none}
        .mail_style{font-size:0.8em}

        .sp{display:block; width:100%}.pc{display:none}.f_left, .f_right{float:none}

        .inner-text{font-size:1em; font-weight:600}
        .mail_style{width:85%}

        .b8-white{margin:2%}

        .b2white{border-width:25px}

        input[type="submit"], div.form2 input[type="submit"], div.form3 input[type="submit"], div.form4 input[type="submit"]{width:95%}

        .b12{border-width:25px}
        .b12-white{flex-wrap:wrap; padding:6% 3%}
        .b12-item{width:100%; margin-bottom:3%}
        .item{flex-wrap:nowrap}

        .b2inner{flex-wrap:wrap}
}