:root{--color_blue: #00387f;--color_blue2: #1364b0;--color_back: #e5f2ff;--font_weight_m: 400;--font_weight_b: 700;--box_shadow: 0 20px 40px rgba(0,0,0,0.2)}body{color:#1a1a1a;font-size:15px;line-height:1.75em;font-family:'Roboto','Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;font-weight:var(--font_weight-m);text-align:center;margin:0;padding:0}p{margin:0}a:hover{opacity:0.5}h2{font-size:40px;font-weight:VAR(--font_weight_b);line-height:1.2em;margin:0 0 30px 0}h2 span{font-size:15px;font-weight:var(--font_weight_m);line-height:1.0em;display:block;margin:20px 0}h2 br{display:none}.inner{margin:0 auto;padding:60px 20px;max-width:1040px}.col3{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.col3>div{width:33.33%;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.col3>div article{background:#ffffff;-webkit-box-shadow:var(--box_shadow);box-shadow:var(--box_shadow)}.col4{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.col4>div{width:25%;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.col4>div article{height:100%;background:#ffffff;-webkit-box-shadow:var(--box_shadow);box-shadow:var(--box_shadow)}@media screen and (max-width: 1024px){.col4>div{width:33.33%}}@media screen and (max-width: 768px){.col4>div{width:50%}}@media screen and (max-width: 480px){.col4>div{width:100%}}a.btn{color:#ffffff;font-size:40px;text-align:center;text-decoration:none;display:block;width:90%;padding:50px;max-width:640px;line-height:40px;margin:0 auto;background:#f43;background:linear-gradient(135deg, #f43 0%, #ff822f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4433', endColorstr='#ff822f',GradientType=1 );border-radius:10px;position:relative;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold;position:relative;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.4s ease;transition:all 0.4s ease}a.btn i{font-size:50px}a.btn:after{content:"";display:block;width:40px;height:40px;position:absolute;top:50%;right:40px;margin-top:-20px;background:url(../img/btn_allow.svg) no-repeat center center/100% auto}a.btn:hover{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:1}.fixed-cv{position:fixed;bottom:0;left:0;width:100%;padding:20px 0;background:rgba(255,255,255,0.5);z-index:999}.fixed-cv a.btn{font-size:30px;padding:30px;max-width:500px}@media screen and (max-width: 1024px){h2 br{display:inline}a.btn,.fixed-cv a.btn{font-size:30px;padding:30px;max-width:480px}a.btn i,.fixed-cv a.btn i{font-size:40px}}@media screen and (max-width: 768px){h2{font-size:26px;margin:0 0 20px 0}h2 span{font-size:15px;font-weight:var(--font_weight_m);line-height:1.0em;display:block;margin:20px 0}.inner{padding:30px 20px}}@media screen and (min-width: 0px) and (max-width: 640px){i{font-size:24px}}@media screen and (max-width: 480px){a.btn,.fixed-cv a.btn{font-size:20px;padding:15px;max-width:480px}a.btn i,.fixed-cv a.btn i{font-size:30px}a.btn:after,.fixed-cv a.btn:after{width:20px;height:20px;margin-top:-10px;right:20px}.fixed-cv{padding:10px 0}}#fv .inner.pc{padding:1px 0;max-width:1100px;position:relative}#fv .inner.pc img{display:block;width:100%}#fv .inner.pc img[src*=fv_title]{position:relative;z-index:2}#fv .inner.pc img[src*=fv_bg]{position:absolute;bottom:0;right:0;z-index:1}#fv .inner.pc a.btn{width:80%;position:relative;margin:0 auto 40px auto;z-index:3}#fv .inner.sp{display:none}@media screen and (max-width: 1500px){#fv{background:url(../img/fv-bg.webp) no-repeat center center/auto 100%, url(../img/fv-bg2.webp) no-repeat center center/100% auto;}}@media screen and (max-width: 740px){#fv{background:url(../img/fv-bg.webp) no-repeat center center/auto 100%, url(../img/fv-bg2.webp) no-repeat center center/100% auto;}}@media screen and (max-width: 1024px){#fv .inner.sp a.btn{margin-top:-55px}}@media screen and (max-width: 768px){#fv{background:var(--color_back)}#fv .inner.pc{display:none}#fv .inner.sp{display:block;padding:0}#fv .inner.sp img{display:block;width:100%}#fv .inner.sp a.btn{margin-top:-60px}}



/* 20221014 add negishi */
#fv {
    background: url(../img/fv-bg.webp) no-repeat center center/auto 100%;
	background-size: cover;
    padding-bottom: 40px
}

#fv .fv-wrap {
    max-width: 1500px;
    margin: 0 auto
}

#fv img {
    display: block;
    max-width: 1500px;
    margin: 0 auto;
    width: 100%
}

#fv img[src*=-sp] {
    display: none
}

#fv img[src*=fv-pc-logo] {
    max-width: 186px;
    width: 15%;
    position: relative;
    margin: 0;
    padding: 10px 5px
}

#fv span {
    color: #fff;
    font-size: 10px;
    text-align: right;
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px 10px 20px;
    text-shadow: 1px 1px 1px #333;
    line-height: 16px;
}

#fv img.title {
    width: 75%;
    -o-object-fit: contain;
    object-fit: contain
}

#fv img.copy01 {
    max-height: 275px;
    width: 500px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 0 0 4.8%
}

a.btn {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', 'NotoSansJP-Bold', serif;
/* font-weight: 200; */
    font-weight: bold;
    color: #132A5A;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 80%;
    max-width: 570px;
    margin: 0 auto;
    padding: 40px 0 20px 0;
    background: #ffcc00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffcc00), color-stop(51%, #ffcc00));
    background: linear-gradient(to bottom, #ffcc00 50%, #ffcc00 51%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb4a3f', endColorstr='#d42f2a', GradientType=0);
    border-radius: 5px;
    position: relative;
    bottom: 0;
}
a.btn.content_end {
    padding: 30px 0 30px 0;
}
a.btn.content_end:after {
    top: 45%;
}

a.btn img {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%
}

a.btn i {
    font-size: 36px;
    vertical-align: bottom
}

a.btn:hover {
    opacity: 1;
    bottom: -4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    background: url("../img/btn-allow.svg") no-repeat center center/80% auto
}

/*  */
a.btn {
    padding: 30px 0
}

a.btn:hover {
    opacity: 0.5
}

a.btn:after {
    margin-top: -10px
}

#trouble{
/*
	background-image: url("../img/trouble-bg.jpg");
	-webkit-background-size: cover;
	background-size: cover;
*/
	background: var(--color_back);
}
#trouble h2{
font-size: 24px;
	margin-bottom: 10px;
}
#trouble .pc{
	display: block;
			max-width: 100%;
		width: 800px;
		margin: 0 auto;
}
#trouble .sp{
	display: none;
				max-width: calc(100% - 0rem);
		width: 680px;
	margin: 0 auto;
}
#trouble .inner{
	padding-top: 20px;
	padding-bottom: 32px;
}
#solution{
	position:relative;
	padding-top: 20px;
}
#solution .sankaku{
	position: absolute;
	width: 54px;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#solution h2{
font-size: 24px;
	padding: 0;
	margin-bottom: 16px;
}
#solution h2 span{
	font-weight: bold;
	font-size: 28px;
	padding: 0;
	margin: 0;
	color: var(--color_blue2);
	display: inline-block;
}
#solution .subtil{
	text-align: center;
	margin-bottom: 32px;
}
#solution .subtil span{
	font-size: 17px;
	font-weight: bold;
	padding: 0.4rem 0.8rem;
	background: var(--color_blue2);
	color: #fff;
	margin: 0;
	
}
.solution-li{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto 16px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}
.solution-li li{
	width: 300px;
	margin-bottom: 24px;
	background: var(--color_back);
	padding: 24px 16px 16px;
	border-radius:8px;
	box-sizing: border-box;
}
.solution-li li p{
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin-bottom: 16px;
}
.solution-li li p span{
	color: var(--color_blue2);
	font-size: 20px;
	margin: 0;
}
.solution-li li img{
	width: 200px;
	margin: 0 auto;
	display: block;
}
#sample .col4{
	margin-bottom: 24px;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
    h2 {
        font-size: 24px;
        padding: 20px 0
    }

    h2 span:after {
        bottom: 0
    }

    #fv {
        background: url(../img/fv-bg-sp.webp) no-repeat center center/auto 100%, url(../img/fv-bg-sp2.webp) no-repeat center center/100% auto;
		padding-bottom: 0;
    }


    #fv img[src*=-pc] {
        display: none
    }

    #fv img[src*=-sp] {
        display: block
    }
    .col3>div>h3 {
        height: 1em;
    }
    #merit p.sp_txt{
        padding-top:20px;
    }


    a.btn {
        font-size: 20px;
        line-height: 30px;
        /* padding: 25px 0 15px 0 */
    }
    a.btn.content_end {
        /* padding: 15px 0 15px 0; */
    }

    a.btn i {
        font-size: 24px
    }

    a.btn img {
        position: absolute;
        top: -20px;
        left: 50%;
        width: 320px;
        margin-left: -160px
    }
    a.btn:after {
        display: none;
}
fv span {
    max-width: none;
}
	#trouble .pc{
	display: none;

}
#trouble .sp{
	display: block;

}
	#solution h2 span{
		padding: 0;
		margin: 0;
	}
}
/* end 20221014 add negishi */