@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{max-width:100%; height:auto; width /***/:auto; vertical-align:bottom; display:block}
a:hover img, input[type="image"]:hover, input[type="submit"]{cursor:pointer; cursor:hand} input[type="submit"]:hover, button[type="submit"]:hover{opacity:0.7}
	/* link */
	a:link, a:visited, a, a:hover, a:active{text-decoration: none}
	a:hover{opacity:0.8}

/*--共通--*/
        .red{color:#F00} .white{color:#fff} .black{color:#000}.gray{color:#a0a0a0}.yellow{color:#ffff00}  .blue{color:#0000ff}.green{color:#07b53b}.purple{color:#5900ff}.orange{color:#ff7800}.amber{color:#f4d599}.navy{color:#00348f}
        .bold{font-weight:bold} .under{text-decoration:underline; text-underline-offset: 0.1em}
        .none{display:none}
        img.imgbt2{margin-bottom:2%} img.imgbt4{margin-bottom:4%} img.imgbt7{margin-bottom:7%}
        .borderd{border-bottom:dotted 2px #e2e2e2}
    /*画像回り込み*/
        img.txt-r, img.txt-l{float:right; margin:0 0 2% 2%} img.txt-l{float:left; margin:0 2% 2% 0}
    /*marker*/
        .marker, .marker-yellow, .marker-red, .marker-blue {background:#ffff00; padding:0 2px 2px 2px}
        .marker-yellow{background: linear-gradient(transparent 50%, #ffde00 50%)}.marker-red{background:#F00; color:#fff}.marker-blue{background:#0000ff; color:#fff}
    /*フォント*/
        .size08{font-size:0.8em; line-height:1.0em}
        .size12,.size13,.size14,.size16,.size22,.size24,.size26,.size36{font-size:1.2em; line-height:1.5em}.size13{font-size:1.36em}.size14{font-size:1.4em}.size16{font-size:1.6em}.size22{font-size:2.25em}.size24{font-size:2.425em}.size26{font-size:2.625em}.size36{font-size:3.625em}
        .mincyou6{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif}
        .mincyou3{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
             /*白境界線ぼかし(text、box用)*/
                .tswb{text-shadow:2px 2px 0 #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff}
                .bswb{box-shadow:2px 2px 0 #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff}
        /*リストスタイル*/
        ul.disc, ul.circle, ul.square, ol.decimal ,ul.reference{box-sizing:border-box; padding-left:18px}
        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}
        /*listimg*/
        ul.listimg{margin-bottom:4%}
        ul.listimg li{list-style-type:none; background:url(../images/listimg.png) no-repeat 0 4px; list-style-position:inside; background-size:17px; padding-left:23px; line-height:1.5em}
    /*border*/
        .bdboxg,.bdboxr{border:solid 2px #e2e2e2; box-sizing:border-box; padding:2%; margin-bottom:4%}
        .bdboxr{border:solid 2px #F00; box-sizing:border-box}
        hr{height:0; margin:0; padding:0; border:0}hr.grayb{border-top:2px solid #e2e2e2}hr.whiteb{border-top:2px solid #fff}
    /*見出し*/
        .leadg,.leadr{border-left:solid 8px #e2e2e2; box-sizing:border-box; padding:1% 0 1% 4%; margin-bottom:4%}.leadr{border-left:solid 8px #F00}
    /*layout*/
        .left{text-align:left} .center{text-align:center} .right{text-align:right} img.center{margin:0 auto} img.right{margin-right:0}
    /*padding*/
        .pt2{padding-top:2%}.pt4{padding-top:4%}.pt5{padding-top:5%}.pt7{padding-top:7%}.pt8{padding-top:8%}
        .pb2{padding-bottom:2%}.pb4{padding-bottom:4%}.pb5{padding-bottom:5%}.pb7{padding-bottom:7%}.pb8{padding-bottom:8%}
        .pd2{padding:2%}.pd3{padding:3%}.pd4{padding:4%}.pd5{padding:5%}.pd02{padding:0 2%}.pd022{padding:0 2% 2%}.pd033{padding:0 3% 3%}.pd04{padding:0 4%}.pd044{padding:0 4% 4%}.pd05{padding:0 5%}.pd055{padding:0 5% 5%}.pd407{padding:4% 0 7%}
        .pd4-0{padding:4% 0}.pd4-2{padding:4% 2%}.pd5-0{padding:5% 0}.pd5-2{padding:5% 2%}.pd7-0{padding:7% 0}.pd7-5{padding:70px 5.2%}
    /*margin*/
        .mt2{margin-top:2%}.mt4{margin-top:4%}.mt5{margin-top:5%}.mt7{margin-top:7%}.mt8{margin-top:8%}
        .mb2{margin-bottom:2%}.mb4{margin-bottom:4%}.mb5{margin-bottom:5%}.mb7{margin-bottom:7%}.mb8{margin-bottom:8%}
    /*background*/
        .whitebg{background:#fff}.blackbg{background:#000}.graybg{background:#fafafa}.yellowbg{background:#ffff00}.yellow2bg{background:#ffde00}.redbg{background:#F00}.wbluebg{background:#ebfaff}.bluebg{background:#0000ff}.navybg{background:#022157}.greenbg{background:#07b53b}.purplebg{background:#5900ff}.amberbg{background:#f4d599}.ivorybg{background:#FFFFF5}.orangebg{background:#ff7800;}
        /*背景グラデーショ・左から(紺)*/
.grabox{background: linear-gradient(90deg, #1f3460 0%, #223a70 100%)}
        /*背景グラデーショ・左から(ゴールド)*/
        .gra-gbg{/*firefox用*/background:-moz-linear-gradient(left, #b96c00, #f7bf11 25%, #fffdae 50%, #fbf083 75%, #f2c540);/*Safari・Chrome用*/background:-webkit-gradient(linear, left bottom, right bottom, from(#b96c00), color-stop(0.25, #f7bf11), color-stop(0.5, #fffdae), color-stop(0.75, #fbf083), to(#f2c540));/*IE用*/background:-ms-linear-gradient(left, #b96c00, #f7bf11, #fffdae, #fbf083, #f2c540)}
        /*背景グラデーショ・左から(琥珀)*/
        .gra-gbc{/*firefox用*/background:-moz-linear-gradient(left, #dec057, #f8f1db 50%, #dec057);/*Safari・Chrome用*/background:-webkit-gradient(linear, left bottom, right bottom, from(#dec057), color-stop(0.5, #f8f1db), to(#dec057));/*IE用*/background:-ms-linear-gradient(left, #dec057, #f8f1db, #dec057)}


/*header*/
    header{width:100%; text-align:center; background:#fff; background-size:contain;}

/*ブロックここから*/
.wrapper{max-width:960px;margin:0 auto;background:#fff; min-height: 100%;margin-bottom: -50px;}
.shadow{box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.block{margin:0 auto;padding:4% 5% 0}
.formtop{text-align:center; font-weight:bold; padding:0 2% 7%}.contact a{color:#0000ff}

/* ---- 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:#000}
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}
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, .liquid-col-inner input[type="radio"]{font-weight:900!important; padding:2%!important; border:none; width:100%}
    .liquid-col-inner input{width:initial}.liquid-col-inner textarea{height:120px}.liquid-col-inner select{width:initial}
    .liquid-col-inner input[type="radio"]{width:30px; height:30px; border-radius:100px; position:relative; vertical-align:sub; margin-right:5px; padding:2%!important}
    .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}
    select{-moz-appearance:menulist; -webkit-appearance:menulist}

/* 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%; font-size:1.62em; height:60px}
.btn-square-pop:active{border-bottom: solid 2px #fd9535;box-shadow: 0 0 2px rgba(0, 0, 0, 0.30)}

/*セレクト（マイスピー）*/
.liquid-col-inner .my_column, .liquid-col-inner .my_right{display:flex; align-items:center; justify-content:space-between; width:65%}
.liquid-col-inner .my_column select, .liquid-col-inner .my_right select{border:solid 1px #e2e2e2; box-sizing:border-box; padding:2% !important; border-radius:8px !important; background:#fffbf2; appearance:menulist}
.datetime_year_unit, .datetime_month_unit, .datetime_day_unit{padding-left:0}.datetime_year_unit{padding-left:10px}

/*チェックボックス*/
input[type="checkbox"]{border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none  }
input[type="checkbox"]{position:relative; width:16px; height:16px; border:1px solid #ff7800; vertical-align:-5px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type="checkbox"]:checked:before{position:absolute; top:1px; left:4px; transform: rotate(50deg); width:16px; height:16px; border-right: 2px solid #ff7800; border-bottom: 2px solid #ff7800; content:''}

/*フロー*/
section.flowli .flow_design02{display:flex; justify-content:center; align-items:center}
section.flowli .flow_design02 ul.flow02{padding:0}
section.flowli .flow_design02 ul.flow02 li{list-style-type:none}
section.flowli .flow_design02 ul.flow02 li dl dd{margin-left:0}
section.flowli .flow_design02 ul.flow02 > li{padding:40px 10px 10px}
section.flowli .flow_design02 ul.flow02 > li:not(:last-child){border-bottom:3px solid #ff7800; position:relative}
section.flowli .flow_design02 ul.flow02 > li:not(:last-child)::before,.flow02 > li:not(:last-child)::after{content:""; border:solid transparent; position:absolute; top:100%; left:15%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
section.flowli .flow_design02 ul.flow02 > li:not(:last-child)::before{border-width:22px; border-top-color:#ff7800}
section.flowli .flow_design02 ul.flow02 > li:not(:last-child)::after{border-width:18px; border-top-color:#fff}
section.flowli .flow_design02 ul.flow02 > li dl{margin:0}
section.flowli .flow_design02 ul.flow02 > li dl dt{font-size:1.3em; font-weight:600; border-bottom:2px dotted #878787; margin-bottom:0.5em; padding-bottom:0.5em; display:flex}
section.flowli .flow_design02 ul.flow02 > li dl dt .icon02{font-size:0.6em; color:#fff; background:#ff7800; padding:5px 10px; display:inline-block; margin-right: 0.5em}

/* footer */
#footer{background:#fafafa;padding:2.2em 2%}.white{color:#fff}.push {height: 50px;}
.fco{font-style:normal; line-height:2.4em; text-align:center; color:#1b1b1b; margin:0; padding:0}

@media screen and (min-width:960px) {
    /*　for PC　*/
    .wrapper{font-size:1.8rem; font-feature-settings:"palt"; line-height:1.5em; margin:0 auto; padding:0}
    .contents{width:960px; margin:0 auto}
    .pc{display:block}.sp{display:none}
}

@media screen and (min-width:481px) and (max-width:960px) {
    /*　for iPad 　*/
    #wrapper{font-size:1.8rem; font-feature-settings:"palt"; line-height:1.5em; margin:0 auto; padding:0}
    .pc{display:block}.sp{display:none}
    /*-- 共通 --*/

    /*-- ▼▼ block ここから ▼▼ --*/
    .block{margin:0 auto;padding:4% 5% 7%}.btn-square-pop{width:50%; font-size:1.8em; height:80px}
    /*セレクト（マイスピー）*/
        .liquid-col-inner .my_column, .liquid-col-inner .my_right{width:100%}

}

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

    /*フォント*/
    .size12{font-size:1.125em}.size13{font-size:1.18em}.size14{font-size:1.225em}
    .size16{font-size:1.3125em}.size22{font-size:1.3625em}.size24{font-size:1.425em}.size26{font-size:1.625em}.size36{font-size:2.3em}

/*ブロックここから*/
    .block{margin:0 auto;padding:4% 5% 7%}
    .btn-square-pop{width:100%; font-size:1.62em; height:50px}
    /*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}
    .liquid-col-inner textarea{height:160px}
    
    /*セレクト（マイスピー）*/
        .liquid-col-inner .my_column, .liquid-col-inner .my_right{width:100%}
    /*ボタン*/
        .btn-square-pop{height:60px}

/*-- ▼▼ footer ここから ▼▼ --*/    
    .fco, #footer p{font-size:0.8em}
}