@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 */.f1_2{font-size:1.2em}.yellwBg{background:#FF0}
.white{color:#fff}.gold{color:#a39850}.red{color:#ff0e2a}.green{color:#8bc540}
.bold{font-weight:bold !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;}

.hei200{height: 200px;}

/* common */
    /*padding*/    .pt2{padding-top:2%} .pt4{padding-top:4%} .pt7{padding-top:7%}
                    .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.list-att{box-sizing:border-box; padding-left:28px}
    ul.disc li, ul.circle li, ul.square li, ol.decimal li, ul.list-att li{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}
    ol.decimal li a{color:#0f73f1}
        /*注意書き*/ul.list-att{padding-left:10px} ul.list-att li{list-style-type:none; background:url(../images/list-att.png) no-repeat 0 4px; background-size:17px; padding-left:23px; line-height:1.5em}
    ol.decimal li a{color:#0f73f1}

/*ブロックここから*/
.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}
.lih13{line-height: 1.3em;}

.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}
td, input, textarea{width:95%}td{border: 1px solid #ccc;}textarea#message {height: 200px;}
input, textarea{font-size:1.1em; padding:1% 2% !important; border:none;}
    /*必須*/
    .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:#1e1e1e;padding:2.2em 2%}.white{color:#fff}.push {height: 50px;}
#footerend{background:#1e1e1e;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}
}