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

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

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

#lp202207 .mv-lp202207 h2 strong {
    color: #028983;
}

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


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

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


#lp202207 h3 span {
    color: #028983;
}

#lp202207 .point {
    background: #f1faf6;
}

#lp202207 .point ul li {
    padding: 30px 5px 30px 5px;
}


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

#lp202207 .arrow::before, #lp202207 .arrow::after {
    border-bottom: 105px solid #f1faf6;
}

#lp202207 .point::after {
    border-top: 105px solid #f1faf6;

}

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

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

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

#lp202207 .action .caldlistLitem .mt30{
	margin-top: 30px;
}

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

#lp202207 .action {
    background: url("../img/professional/action_bg.png") no-repeat center center / cover, rgba(183, 230, 212, 0.5);
}

#lp202207 .support {
    background: #e9f7f2;
}

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

#lp202207 .support::after {
    border-top: 40px solid #f1faf6;
}

#lp202207 .case .heading {
    background: #17caa8;
}

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

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

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

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

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

#lp202207 .case .List-Item .seven span{
	color: #028983;
	background-color: none;
    background: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

#lp202207 .case .case2-img {
    background: rgba(255,255,255,.3);
    border: 1px solid #48c8cd;
    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: 0 auto;
}

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

}

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

#lp202207 .List-Item-Content.six::after {
    color: #028983;
}

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

#lp202207 .List-Item-Content.six .List-Item-Content-Number::after{
	position: absolute;
	width: 15px;
	height: 40px;
	bottom: -35px;
    left: 4px;
	content: "";
	background: url("./../img/professional/arrow01.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

#lp202207 .List-Item .one .img{
	margin: 0 10px 0 0;
}

#lp202207 .List-Item-Content-Description .img {
    width: 125px;
    margin: 0 15px 0 0;
    text-align: left;
}

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

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

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

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

}
#lp202207 .keypoint .caldlistLitem:nth-child(1) {
    background: url("../img/professional/keypoint010.jpg") no-repeat center top 30px;
    background-size: 85px;
}

#lp202207 .keypoint .caldlistLitem:nth-child(2) {
    background: url("../img/professional/keypoint020.jpg") no-repeat center top 30px;
    background-size: 85px;
}

#lp202207 .keypoint .caldlistLitem:nth-child(3) {
    background: url("../img/professional/keypoint030.jpg") no-repeat center top 30px;
    background-size: 85px;
}

#lp202207 .checkpoint {
    background: #ebf8f3;
}

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

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

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

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

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



@media screen and (max-width: 767px){
    #lp202207 .mv-lp202207 {
    background: url("../img/professional/mv_sp.png") no-repeat center top/cover;
	}
	
	#lp202207 .mv-lp202207 .box {
    padding: 20px 0 20px;
	margin-bottom: -20px;
	}
	
	#lp202207 .point {
    margin: 150px 0 0 0;
	}
	
	#lp202207 .point::after {
    border-top: 65px solid #f1faf6;
	}
	
	#lp202207 .about {
    background: unset;
	}
	
	#lp202207 .action {
    background: url("../img/professional/action_bg_sp.png") no-repeat center top 30px/contain,rgba(183,230,212,0.5);
    padding: 70px 0 100px;
	}
	
	#lp202207 .action .caldlistLitem .mt30{
	margin-top: 0px;
	}

	#lp202207 .action .caldlistLitem {
    padding: 75px 12px 50px;
	}
	
	#lp202207 .point ul li h4 {
    font-size: 4.6vw;
	}
	
	#lp202207 .case .box {
    padding: 20px 20px 25px 20px;
	padding-left: 1em;
	text-indent: -1em;
	}
	
	#lp202207 .case .heading {
    font-size: 15px;
    height: 38px;
    margin: 0 0 10px;
    width: 25%;
	}
	
	#lp202207 .case .heading:after {
    border-top: 19px solid #17caa8;
    border-right: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #17caa8;
    position: absolute;
    right: -38px;
	}
	
	#lp202207 .bnr {
    background: url("../img/professional/case2_sp_bg.png") no-repeat center center/cover,#b7e6d4;
    padding: 50px 0 50px;
	}
	
}