@charset "utf-8";
/* CSS Document */
html{font-size:62.5%}
body{width:100%; height:100%; text-align:center;color:#000; font-family: "ヒラギノ角ゴ ProN W3",ArialMT,"Hiragino Kaku Gothic ProN",メイリオ,sans-serif; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); margin:0 auto}
ul{list-style-type:none; margin-block-start:0; margin-block-end:0; padding-inline-start:0}
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{opacity:0.7}
	/* link */
	a:link, a:visited, a, a:hover, a:active{text-decoration: none}
	a:hover{opacity:0.8}
	
/*--共通--*/
.red{color:#F00}.redt{color:#E80E0E} .white{color:#fff} .black{color:#000}.gray{color:#a0a0a0}.yellow{color:#ffff00}  .blue{color:#0000ff}.green{color:#07b53b}.greent{color:#00B2B8}.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%, #FFF600 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,.size20,.size22,.size24,.size26,.size30,.size36{font-size:1.2em; line-height:1.25em}.size13{font-size:1.36em}.size14{font-size:1.4em}.size16{font-size:1.6em}.size20{font-size:2.0em}.size22{font-size:2.25em}.size24{font-size:2.425em}.size26{font-size:2.625em}.size30{font-size:3.055em}.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}ol.decimal{padding-left:1.4em}
        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 li{list-style-type:none; background:url(../images/listimg.png) no-repeat 0; list-style-position:inside; padding-left:32px; line-height:1.5em}
    /*border*/
        .bdboxg,.bdboxr{border:solid 2px #e2e2e2; box-sizing:border-box; padding:2%}
        .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%}.pd022{padding:0 2% 2%}.pd033{padding:0 3% 3%}.pd044{padding:0 4% 4%}.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:#FFF600}.redbg{background:#F00}.redtbg{background:#E80E0E}.bluedbg{background:#0000ff}.navybg{background:#022157}.greenbg{background:#07b53b}.greentbg{background:#00B2B8}.purplebg{background:#5900ff}.amberbg{background:#f4d599}.ivorybg{background:#FFFFF5}

/*背景*/
    .bg{padding:50px 0}.bgt0{padding:0 0 50px}
.catchbg1{background:url(../images/catchbg1.jpg)top center no-repeat}
.catchbg2{background:url(../images/catchbg2.png)top center no-repeat}
.subtop{background:#f9f9f9}
.b1bg{background:url(../images/b1bg.jpg)top center no-repeat; background-size:cover}
.b2bg{background:url(../images/b2bg.jpg)top center no-repeat; background-size:cover}
.b3bg{background:url(../images/b3bg.jpg)top center no-repeat; background-size:cover; background-attachment:fixed}
.b4bg{background:url(../images/b4bg.jpg)top center no-repeat; background-size:cover; background-attachment:fixed}
.b5bg{background:url(../images/b5bg.jpg)top center no-repeat; background-size:cover; background-attachment:fixed}
.voice{background:url(../images/voicebg.jpg)repeat}

/*追従用*/
#follow{position:fixed; z-index:2; background:#fff; width:100%; padding:10px}
.fixed{}.followepj{padding-top:80px}
.custom{clear:both}
.custom-h-col{overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;}
.custom5,.custom1,.custom2,.custom3,.custom4,.custom6,.custom7,.custom9{box-sizing: border-box; float:left; width:50%; text-align:left}
.custom5,.custom1,.custom2,.custom3,.custom4,.custom6,.custom7,.custom9{box-sizing: border-box; float:left; width:50%; align-items:center;text-align:left}
.custom1{width:10%}.custom9{width:90%}.custom2{width:20%}.custom8{width:80%}.custom3{width:30%}.custom7{width:70%}.custom4{width:40%}.custom6{width:60%}
.pd0200{padding:0 2% 0 0}.pd0002{padding:0 0 0 2%}

/*subtop*/
    .subtop .fxgap{display: -webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; gap:3%}
    .subtop .fxgap div.box{width: calc(100%/3); background:#fff; padding:16px}

/*block*/
    #block_wrapper, .block_wrapper, .shadow{box-shadow: 0 5px 10px rgba(0,0,0,0.25)} .drop-shadow img{filter: drop-shadow(5px 5px 10px rgba(0,0,0,.25))}
    .block{padding:0 5.2% 50px; text-align:left; box-sizing:border-box;}
    .hl, .h, .hlh{padding:50px 1% 4%; font-weight:900; font-size:2.4em; line-height:1.5em; text-align:center}.h{padding:0 1% 4%}.hlh{padding:70px 2% 40px}
/*b1*/
    .b1bg .fxgap{margin-bottom:1%}.b1bg .fxgap:last-child{margin-bottom:0}
    .b1bg .fxgap{display: -webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:stretch; align-items:stretch; gap:1%}
    .b1bg .fxgap div.box{display:flex; width: calc(100%/3); background:#fff; padding:16px; align-items:center;}
    .b1bg p{color:#BFBFBF}
/*b2*/
    .b2bg .fxgap{margin-bottom:2%}.b2bg .fxgap:last-child{margin-bottom:0}
    .b2bg .fxgap{display: -webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:stretch; align-items:stretch; gap:2%}
    .b2bg .fxgap div.box{display:flex; width: calc(100%/2); background:#fff; padding:16px; align-items:center;}
/*b3*/
    .b3bg .custom{clear:both; margin-bottom:4%}.b3bg .custom:last-child{margin-bottom:0}
    .b3bg .custom-h-col{overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap}
    .b3bg .custom3,.b3bg .custom7{box-sizing: border-box; float:left; width:50%}.b3bg .custom3{width:30%}.b3bg .custom7{width:70%; text-align:left}
    .b3bg .pd0200{padding:0 2% 0 0}.b3bg .pd0002{padding:0 0 0 2%}
/*b4*/
    .b4bg .fxgap{display: -webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; gap:3%}
    .b4bg .fxgap div.box{width: calc(100%/3); background:#fff; padding:16px; position:relative}
    .posiia{position:absolute; right:-24px; top:110px; z-index:1}

/*b5*/
    .b5t.custom{clear:both}
    .b5t.custom-h-col{overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap}
    .b5t .custom5,.b5t .custom3,.b5t .custom7{box-sizing: border-box; float:left; width:50%}
    .b5t .custom3{width:30%}.b5t .custom7{width:70%; text-align:left}
    .b5t .pd0200{padding:0 2% 0 0}.b5t .pd0002{padding:0 0 0 2%}
    .b5bg div .drop-shadow img{filter: drop-shadow(3px 5px 5px rgba(0,0,0,.15))}

/*-- QA --*/
    .q_all ul, .a_all ul{list-style-type:none; box-sizing:border-box;}
.q_all li, .a_all li{background:url(../images/q.png) no-repeat 0 0; padding-left:40px; font-weight:900}
    .a_all li{background:url(../images/a.png) no-repeat 0 0; font-weight:normal; color:#000; font-weight:900}
    .a_all ul li ul.disc{box-sizing:border-box; padding-left:3%; padding-right:2%}
    .a_all ul li ul.disc li{box-sizing:border-box; padding-left:0; padding-right:2%}
    .a_all ul li ul.reference{box-sizing:border-box; padding-left:0; padding-right:2%}
    .a_all ul li ul.reference li{box-sizing:border-box; padding-left:3.5%; padding-right:2%}
    /*accordion*/
        .accordion_area{}
        .accordion_area .accordion_one .ac_header{background-color:#ffffff; padding:1.5rem 4rem 1.5rem 2rem; position:relative; z-index:+1; cursor:pointer; transition:.2s}
        .accordion_area .accordion_one .ac_header:not(.open):hover{background-color:#f1f8ff}
        .accordion_area .accordion_one:nth-child(odd) .ac_header{background-color:#fff}
        .accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover{background-color:#f1f8ff}
        .accordion_area .accordion_one .ac_header .i_box{position:absolute; top:50%; right:2rem; width:20px; height:20px; margin-top:-10px}
        .accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after{position:absolute; content:""; margin:auto; box-sizing:border-box; vertical-align:middle}
        .accordion_area .accordion_one .ac_header .i_box:before{border-top:2px solid #e2e2e2; width:20px; height:0; top:0; bottom:0; right:0}
        .accordion_area .accordion_one .ac_header .i_box:after{border-left:2px solid #e2e2e2; width:0; height:20px; top:0; bottom:0; right:9px; transition:.3s}
        .accordion_area .accordion_one .ac_header.open .i_box:after{height:0}
        .accordion_area .accordion_one .ac_inner{display:none; padding:1.5rem 2rem 1.5rem 2rem; border-bottom:2px dotted #e2e2e2; box-sizing:border-box; background:#fff}

/*voice*/
.voice .fxgap{display: -webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; gap:3%; align-items:stretch;}.voice .fxgap img{width:62.5%; margin:auto}
    .voice .fxgap div.box{width: calc(100%/2); background:#fff; padding:50px 16px}

/*footer*/
    #footer{width:100%; margin:0 auto}
    .footer-inner{background:#fafafa; padding:70px 0 40px; text-align:center}
    #footer a{color:#000; text-decoration:none} #footer p{color:#000}
    .fco{font-style:normal; line-height:2.4em; text-align:center; color:#000; margin:0; padding:0}

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

@media screen and (min-width:481px) and (max-width:960px) {
    /*for iPad tb(タブレット)*/
    #wrapper, .wrapper{font-size:1.8rem; font-feature-settings:"palt"; line-height:1.5em; margin:0 auto; padding:0}
    .hpb{width:100%; margin:0 auto}
    .pc{display:none}.sp{display:block}
    /*共通*/
    /*背景*/
    .bg{padding:50px 2%}.bgt0{padding:0 2% 50px}
    /*block*/
    
    /*subtop*/
    .subtop .fxgap{display:block}
    .subtop .fxgap div.box{width:100%; margin-bottom:4%}.subtop .fxgap div.box:last-child{margin-bottom:0}
    /*b1*/
    .b1bg .fxgap{display:block; margin-bottom:4%}.b1bg .fxgap:last-child{margin-bottom:0}
    .b1bg .fxgap div.box{width:100%; margin-bottom:4%}.b1bg .fxgap div.box:last-child{margin-bottom:0}
    /*b3*/
    .b3bg .custom3,.b3bg .custom7{width:100%}.b3bg .custom3 img{width:62%; margin: 0 auto}.b3bg .custom7 img.sp{width:62%; margin: 0 auto 4%}.pd0200,pd0002{padding:0 0 4% 0}
}

@media screen and (max-width: 480px) {
    /*for iPhone sp(スマートフォン)*/    
    #wrapper, .wrapper{font-size:1.8rem; font-feature-settings:"palt"; line-height:1.5em; margin:0 auto; padding:0}
    .hpb{width:100%; margin:0 auto}
    .pc{display:none}.sp{display:block}
	::placeholder{font-size:0.7em}
    /*--共通--*/
        .size12{font-size:1.125em}.size13{font-size:1.18em}.size14{font-size:1.225em}
        .size16{font-size:1.3125em}.size20{font-size:1.3425em}.size22{font-size:1.3625em}.size24{font-size:1.425em}.size26{font-size:1.625em}.size30{font-size:1.76em}.size36{font-size:2.3em}
        /*padding*/
        .pd5-0{padding:5% 2%}.pd7-5{padding:35px 2%}.pd02{padding:0 2%}
    
    /*背景*/
    .bg{padding:35px 2%}.bgt0{padding:0 2% 35px}
    
    /*追従用*/
    .custom7,.custom3{width:50%; font-size:0.73em;line-height:1.0em}.followepj{padding-top:60px}
    /*block*/
    .block{padding:0 2% 25px; text-align:left}
    .hl, .h, .hlh{padding:25px 1% 4%; font-size:1.625em}.h{padding:0 1% 4%}.hlh{padding:35px 2% 20px; margin-bottom:0}
    
    /*subtop*/
        .subtop .fxgap{display:block}
        .subtop .fxgap div.box{width:100%; margin-bottom:4%}.subtop .fxgap div.box:last-child{margin-bottom:0}
    /*b1*/
        .b1bg .fxgap{display:block; margin-bottom:4%}.b1bg .fxgap:last-child{margin-bottom:0}
        .b1bg .fxgap div.box{width:100%; margin-bottom:4%}.b1bg .fxgap div.box:last-child{margin-bottom:0}
    /*b2*/
        .b2bg .fxgap{display:block; margin-bottom:4%}.b2bg .fxgap:last-child{margin-bottom:0}
        .b2bg .fxgap div.box{width:100%; margin-bottom:4%}.b2bg .fxgap div.box:last-child{margin-bottom:0}
    /*b3*/
    .b3bg .custom3,.b3bg .custom7{width:100%}.b3bg .custom3 img{width:62%; margin: 0 auto}.b3bg .custom7 img.sp{width:62%; margin: 0 auto 4%}.b3bg .pd0200,.b3bg pd0002{padding:0 0 4% 0}
    /*b4*/
    .b4bg .fxgap{display:block}
    .b4bg .fxgap div.box{width:100%; margin-bottom:4%}.subtop .fxgap div.box:last-child{margin-bottom:0}
    .posiia{top: 100%; left:56%; transform: translate(-50%, -50%);}
    /*b5*/
    .b5bg{background:url(../images/b5bg.jpg)bottom center repeat-y; background-size:145%}
    .b5t .pd0200,.b5t .pd0002{padding:0 0 4% 0}
    /*voice*/
    .voice .fxgap{flex-wrap:wrap;} .voice .fxgap div.box{width:100%; padding:25px 16px; margin-bottom:4%}.voice .fxgap div.box:last-child{margin-bottom:0}

/*-- ▼▼ footer ここから ▼▼ --*/
    .fco, #footer p{font-size:0.8em}.footer-inner{padding:35px 0 20px}
}