@charset "utf-8";

html{font-size:62.5%}
body {font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; text-align: center; font-size:18px}
img{vertical-align:top;max-width: 100%;height: auto;width:auto}
html{background:#f9f9f9 !important}

/* position */.right{text-align:right}.left{text-align:left}
/* font */.f0_8{font-size: 0.8em;}.f1_2{font-size:1.2em}.f1_4{font-size: 1.4em;}
.yellwBg{background:#FF0}
.white{color:#fff}.gold{color:#a39850}.red{color:#ff0e2a}.green{color:#8bc540}
.bold{font-weight:900 !important}.underline{text-decoration:underline}

/* width */
.wrapper{max-width:960px;margin:0 auto;background:#fff; min-height: 100%;margin-bottom: -50px;}.shadow{box-shadow: 6px 0px 5px -5px #999, -6px 0px 5px -5px #999;}


/* common */
/*padding*/    .pt2{padding-top:2%} .pt4{padding-top:4%} .pt7{padding-top:7%}.center{text-align:center}
                    .pb2{padding-bottom:2%} .pb4{padding-bottom:4%} .pb7{padding-bottom:7%}
    /*margin*/    .mb2{margin-bottom:2%}.mb4{margin-bottom:4%}.mb7{margin-bottom:7%}
    /*リストスタイル*/
        ul.disc, ul.circle, ul.square, ol.decimal ,ul.reference{box-sizing:border-box; padding-left:28px}
        ul.disc li, ul.circle li, ul.square li, ol.decimal li, ul.reference li,ul.reference li:before{list-style:disc; list-style-position:outside; background:none}
        ul.circle li{list-style:circle} ul.square li{list-style:square} ol.decimal li{list-style:decimal} ul.reference li{list-style:none}
        ol.decimal li a{color:#0000ff}
            /*-- 擬似要素リファレンスのリストスタイル --*/
            ul.reference{list-style-type:none!important}
            ul.reference li:before{content:'※'; margin-left:-1.0em}

.grabox-blue{/*firefox用*/background:-moz-linear-gradient(left, #293E92, #3f5fdf 50%, #7891f7);/*chrome・safari用*/background:-webkit-gradient(linear, left top, right bottom, from(#293E92), color-stop(0.5, #3f5fdf), to(#7891f7));/*IE用*/background:-ms-linear-gradient(left, #293E92, #7891f7)}

/*ブロックここから*/
.block{margin:0 auto;padding:4% 5%}
.formtop{margin:0 auto; text-align:center; text-align:center; font-weight:bold; padding:0 2% 4%; color:#000}


.mailtitle, .adtitle {
    background: #536b82;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    padding: 2%;
    color: #fff;
  }
  .mailinfo, .adinfo {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    padding: 2%;
    border: 2px solid#536b82;
    margin-bottom: 4%;
    color: #0f73f1;
  }


/* ---- table ---- */
table{width:100%;border:2px solid #ccc !important}
th{width:40%;padding:1% !important;background: #0f73f1;font-weight:bold !important;border: 1px solid #fff;}
label {color:#fff}.hei200{height:200px}
td, input, textarea{width:100%}textarea{height:100%}td{border: 1px solid #ccc;} textarea#message {height: 300px;}
input, textarea{font-size:1.1em; padding:1% 2% !important; border:none;}
input[type="radio"]{width:30px; height:30px; border-radius:100px; position:relative; vertical-align:sub; margin-right:5px}
input[type="radio"]::before, input[type="radio"]::after{content:""; display:block; border-radius:50%; position:absolute; transform:translateY(-50%); top:50%}
input[type="radio"]::before{background-color:#fff; border:1px solid #c2c1c1; height:30px; width:30px; left:0px}
input[type="radio"]::after{background-color:#0000ff; opacity:0; height:30px; width:100%; left:0}
input[type="radio"]:checked::after{opacity:1}
    /*必須*/
    .required:after{content:"*"}

/*Liquid layout1*/
    .liquid{text-align:left; font-weight:500; font-size:1.25em}
    .liquid--four{padding-right:0px; overflow:hidden}
    .liquid-col-left{box-sizing:border-box; float:left; width:30%; padding:1% 2%; box-sizing:border-box}
    .liquid-col-right{box-sizing:border-box; float:left; width:70%; background:#fff}
    .liquid-col-inner input, .liquid-col-inner textarea, .liquid-col-inner select{font-weight:900 !important; padding:2%!important; border: none;}
    .sectionborder-top{border:solid 1px #ccc}
    .sectionborder{border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc}
    .item_bg{background-color:#f9f9f9} .white_bg{background-color:#fff}
    .liquid-col-left label {color:#ff7800; font-weight:900}

/* button */.btn-square-pop {position: relative;display: inline-block;padding: 0.25em 0.5em;text-decoration: none;color: #FFF;background: #69ce25;border-bottom: solid 2px #479e0e;
border-radius: 4px;box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);font-weight: bold;width: 28%;}
.btn-square-pop:active {border-bottom: solid 2px #fd9535;box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);}

/* footer */
#footer{background:#3f5fdf;padding:2.2em 2%}.white{color:#fff}.push {height: 50px;}
#footerend{background:#3f5fdf;padding:2.2em 2%}

@media screen and (min-width:481px) {
    /* pc */
	.wrapper{font-size:1.8rem; font-feature-settings:"palt"}
    .sp{display:none}.pc{display:block}
}

@media screen and (max-width:480px) {
    /* sp*/
	.wrapper{font-size:1.8rem; font-feature-settings:"palt"}
    .sp{display:block}.pc{display:none}
    .btn-square-pop {width:100%;}
    /*Liquid layout1*/
    .liquid-col-left{width:100%; padding-bottom:4%}
    .liquid-col-right{width:100%}
    .liquid-col-inner input, .liquid-col-inner textarea {padding: 2% 2% 7%!important}
}

/*firefox対応
.firefox{display: none}
@-moz-document url-prefix() {
p.right.f0_8{display: none}
.firefox{font-size:0.8em; display:block}
}*/