@charset "UTF-8";
/* CSS Document */

#lp202207 .mv-lp202207 {
    background: url(../img/inventory/image01_bg.png) no-repeat left top / contain,#d1e1ff;
    position: relative;
    height: 530px;
}

#lp202207 .page-blog__blog {
    background: none;
}

#lp202207 .mv-lp202207 h2 strong {
    color: #193881;
	font-size: 37px;
}

#lp202207 .mv-lp202207 h2 span {
    color: #193881;
}


#lp202207 .btn {
    background: #c70848;
	border: 1px solid #c70848;
}

#lp202207 .btn:hover{
	color: #c70848;
	border: 1px solid #c70848;
}


#lp202207 h3 span {
    color: #193881;
}

#lp202207 .point {
    background: #rgba(232,240,255,0.5);
}

#lp202207 .point ul li p {
    color: #4fa6e5;
}

#lp202207 .arrow::before, #lp202207 .arrow::after {
    border-bottom: 105px solid #rgba(232,240,255,0.5);
}

#lp202207 .point::after {
    border-top: 105px solid #rgba(232,240,255,0.5);

}

#lp202207 .about .balloon {
    border-bottom: 3px solid #4fa6e5;
}

#lp202207 .about .balloon:before {
    border-color: transparent transparent #4fa6e5 transparent;
}

#lp202207 .about {
    background: url("../img/inventory/inv_about.png") no-repeat top left;
}

#lp202207 .action .caldlistLitem h4 span {
    color: #193881;
}

#lp202207 .action .caldlistLitem .mt40 {
    margin-top: 40px;
}

#lp202207 .action {
    background: url("../img/inventory/action_bg.png") no-repeat center center / cover, rgba(209, 225, 255, 0.5);
}

#lp202207 .support {
    background: #f1f6ff;
}

#lp202207 .support h4 {
    color: #193881;
}

#lp202207 .support::after {
    border-top: 40px solid #rgba(232,240,255,0.5);
}

#lp202207 .case .heading {
    background: #1b78ab;
}

#lp202207 .case .heading::after {
    border-top: 24px solid #1b78ab;
    border-left: 24px solid #1b78ab;
}

#lp202207 .case .box:nth-child(1) p {
    color: #193881;
}

#lp202207 .case .box:nth-child(2) p {
    color: #c70848;
}

#lp202207 .case .case1-img {
    border: 1px solid #1b78ab;
}

#lp202207 .case .case1-img img {
    margin: 20px auto 10px auto;
    height: auto;
}

#lp202207 .case .case2-img {
    background: rgba(255,255,255,.6);
    border: 1px solid #1b78ab;
    border-radius: 20px;
    max-width: 880px;
    margin: 30px auto 25px;
    padding: 0 0 20px;
    text-align: center;
	padding: 10px 15px;
}

#lp202207 .case .case2-img img{
	margin: 20px auto 10px auto;
}


#lp202207 .case .case3-img {
    background: rgba(255,255,255,.6);
    border: 1px solid #1b78ab;
    border-radius: 20px;
    max-width: 880px;
    margin: 30px auto 25px;
    padding: 0 0 20px;
    text-align: center;
    padding: 10px 15px;
}

#lp202207 .case .case3-img img{
	margin: 20px auto 10px auto;
}

#lp202207 .case p.note {
    color: #1b78ab;
}

#lp202207 .case .box ul li {
    list-style-type: none;
	text-indent: -1em;
}

#lp202207 .case .box {
    padding: 20px 20px 25px 20px;
	padding-left: 1em;
	text-indent: -1em;
}

#lp202207 .List-Item-Content-Number {
    background: #193881;
}

#lp202207 .List-Item-Content.six .List-Item-Content-Number-Line::after {
    background: none;
}

/*
#lp202207 .List-Item-Content.six::after {
    color: #193881;
}

#lp202207 .List-Item-Content.six .List-Item-Content-Number{
	position: relative;
}
*/

#lp202207 .bnr {
    background: url("../img/inventory/image07_bg.png") no-repeat center top / contain, #d1e1ff;
}

#lp202207 .bnr .txt p {
    color: #193881;
}

#lp202207 .keypoint .caldlistLitem h4 {
    color: #193881;
}

#lp202207 .keypoint .caldlistLitem::before {
    color: #193881;

}
#lp202207 .keypoint .caldlistLitem:nth-child(1) {
    background: url(../img/inventory/inv_key01.png) no-repeat center top 30px;
    background-size: 85px;
}

#lp202207 .keypoint .caldlistLitem:nth-child(2) {
    background: url(../img/inventory/inv_key02.png) no-repeat center top 30px;
    background-size: 85px;
}

#lp202207 .keypoint .caldlistLitem:nth-child(3) {
    background: url(../img/inventory/inv_key03.png) no-repeat center top 30px;
    background-size: 85px;
}

#lp202207 .checkpoint {
    background: #f2f7ff;
}

#lp202207 .checkpoint::after {
    border-top: 105px solid #f2f7ff;
}

#lp202207 .checkpoint .box .line .check {
    background: url("../img/inventory/check.png") no-repeat center center;
}
#lp202207 .download .box .area1 {
    background: url("../img/inventory/dl-bg.png") no-repeat center center / cover, #d1e1ff;
}

#lp202207 .download .ttl strong {
    color: #193881;
}

#lp202207 .download .ttl .txt01 {
    color: #193881;
}

#lp202207 .download .circle {
    background: #4fa6e5;
}




@media screen and (max-width: 767px){
    #lp202207 .mv-lp202207 {
    background: url(../img/inventory/inv_mv_sp.png) no-repeat center top/cover;
	}
	
	#lp202207 .mv-lp202207 .box {
    padding: 20px 0 20px;
	margin-bottom: -20px;
	}
	
	
	#lp202207 .mv-lp202207 h2 strong {
    color: #193881;
    font-size: 23px;
	}
	
	#lp202207 .point {
    margin: 150px 0 0 0;
	}
	
	#lp202207 .about {
    background: unset;
	}
	
	#lp202207 .action {
    background: url("../img/inventory/action_bg_sp.png") no-repeat center top 30px/contain,rgba(209, 225, 255, 0.5);
    padding: 70px 0 100px;
	}
	
	#lp202207 .action .caldlistLitem .mt40 {
    margin-top: 0px;
	}
	
	#lp202207 .action .caldlistLitem {
    padding: 75px 16px 50px;
}

	#lp202207 .case .heading {
    font-size: 15px;
    height: 38px;
    margin: 0 0 10px;
    width: 25%;
	}
	
	#lp202207 .case .box {
    padding: 20px 20px 25px 20px;
    padding-left: 1em;
    text-indent: -1em;
	}
	
	#lp202207 .case .case2-img img{
	margin: 0 auto;
	}
	
	#lp202207 .case .heading:after {
    border-top: 19px solid #1b78ab;
    border-right: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #1b78ab;
    position: absolute;
    right: -38px;
	}
	
	#lp202207 .bnr {
    background: url("../img/inventory/case2_sp_bg.png") no-repeat center center/cover,#d1e1ff;
    padding: 50px 0 50px;
	}
	
}