.mv {
background: url("../../common/img/service/mvbg.jpg") center top no-repeat;
height: 700px;
}
.mv .txt {
max-width: 1024px;
width: 100%;
height: 100%;
margin: auto;
display: flex;
align-items: center;
}
.mv .txt img {
max-width: 614px;
width: 100%;
}

.sec1 {
padding:80px 40px;
}
.sec1 .tit {
text-align: center;
margin-bottom: 80px;
}
.sec1 .tit img {
max-width: 859px;
width: 100%;
}
.sec1 .img1 {
text-align: center;
margin-bottom: 40px;
}
.sec1 .img1 img {
max-width: 940px;
width: 100%;
}
.sec1 .img2 {
text-align: center;
margin-bottom: 60px;	
}
.sec1 .img2 img {
max-width: 995px;
width: 100%;
}
.sec1 p {
text-align: center;
font-size: 20px;
line-height: 30px;
}

.sec2 {
margin: 40px;
background: #ecf4f7;
}
.sec2 ul {
display: flex;
justify-content: center;
padding: 80px;
}
.sec2 ul li {}
.sec2 ul .img {
margin-right: 5%;
}
.sec2 ul .img img {
max-width: 488px;
width: 100%;
}
.sec2 ul .txt {}
.sec2 ul .txt img {
max-width: 723px;
width: 100%;
}

.sec3 {
padding: 80px 0;
}
.sec3 .tit1 {
text-align: center;
margin-bottom: 60px;
}
.sec3 .tit1 img {
max-width: 671px;
width: 100%;
}
.sec3 .bg {
background: url("../../common/img/service/sec3_bg.jpg") center top no-repeat;
height: 480px;
margin-bottom: 110px;
}
.sec3 .bg .txt {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.sec3 .bg .txt img {
max-width: 843px;
width: 100%;
}
.sec3 .info {
display: flex;
justify-content: center;
margin-bottom: 140px;
}
.sec3 .info li {
margin: 0 20px;
}
.sec3 .info .txt {}
.sec3 .info .txt img {
max-width: 510px;
width: 100%;
}
.sec3 .info .img {}
.sec3 .info .img img {
max-width: 560px;
width: 100%;
}
.sec3 .tit2 {
text-align: center;
margin-bottom: 80px;
}
.sec3 .tit2 img {
max-width: 1064px;
width: 100%;
}
.sec3 .face {
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 1080px;
margin: auto;
}
.sec3 .face li {
max-width: 240px;
width: 23%;
margin: 1% 1% 2%;
}
.sec3 .face li img {
width: 100%;
}

.sec4 {
background: #ecf4f7 url("../../common/img/service/sec4_bg.jpg") center bottom no-repeat;
padding-bottom:180px;
}
.sec4 .arr {
text-align: center;
margin-bottom: 60px;
}
.sec4 .arr img {}
.sec4 .tit {
text-align: center;
margin-bottom: 60px;
}
.sec4 .tit img {
max-width: 1176px;
width: 100%;
}
.sec4 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1100px;
margin: auto auto 160px;
}
.sec4 ul .img {}
.sec4 ul .img img {
max-width: 560px;
width: 100%;
}
.sec4 .lis1 .txt {}
.sec4 .lis1 .txt img {
max-width: 461px;
width: 100%;
}
.sec4 .lis2 {
flex-direction: row-reverse;
}
.sec4 .lis2 .txt {}
.sec4 .lis2 .txt img {
max-width: 372px;
width: 100%;
}
.sec4 .lis3 .txt {}
.sec4 .lis3 .txt img {
max-width: 397px;
width: 100%;
}

.sec5 {
background: #000 url("../../common/img/service/sec5_bg.jpg") center top no-repeat;
height: 1000px;
display: flex;
justify-content: center;
align-items: center;
}
.sec5 a {}
.sec5 a img {
max-width: 840px;
width: 100%;
}

/*ここからレスポンシブ指定*/
/*アイパッド*/
@media screen and (max-width: 1024px) {

.mv {
background:url("../../common/img/service/mvbgsp.jpg") center top no-repeat;
background-size: cover;
}
.mv .txt {
}
.mv .txt img {
}

.sec1 {
}
.sec1 .tit {
}
.sec1 .tit img {
}
.sec1 .img1 {
}
.sec1 .img1 img {
}
.sec1 .img2 {
}
.sec1 .img2 img {
}
.sec1 p {
font-size: 16px;
}

.sec2 {
margin: 20px;
}
.sec2 ul {
flex-direction:column;
padding: 30px;
}
.sec2 ul li {}
.sec2 ul .img {
margin: 0;
margin-bottom: 30px;
padding: 20px;
}
.sec2 ul .img img {
}
.sec2 ul .txt {}
.sec2 ul .txt img {
}

.sec3 {
}
.sec3 .tit1 {
padding: 0 20px;
}
.sec3 .tit1 img {
}
.sec3 .bg {
margin-bottom: 60px;
}
.sec3 .bg .txt {
padding: 0 20px;
}
.sec3 .bg .txt img {
}
.sec3 .info {
flex-direction: column;
margin-bottom: 40px;
}
.sec3 .info .txt {
margin-bottom: 30px;
}
.sec3 .info .txt img {
}
.sec3 .info .img {}
.sec3 .info .img img {
}
.sec3 .tit2 {
padding: 0 20px;
margin-bottom: 40px;
}
.sec3 .tit2 img {
}
.sec3 .face {
}
.sec3 .face li {
}
.sec3 .face li img {
}

.sec4 {
padding-bottom: 90px;
}
.sec4 .arr {
}
.sec4 .arr img {}
.sec4 .tit {
padding: 0 20px;
}
.sec4 .tit img {
}
.sec4 ul {
padding: 10%;
margin-bottom: 0;
}
.sec4 ul .img {}
.sec4 ul .img img {
}
.sec4 .lis1 .txt {
margin-bottom: 20px;
}
.sec4 .lis1 .txt img {
}
.sec4 .lis2 {
}
.sec4 .lis2 .txt {
margin-bottom: 20px;
}
.sec4 .lis2 .txt img {
}
.sec4 .lis3 .txt {
margin-bottom: 20px;
}
.sec4 .lis3 .txt img {
}

.sec5 {
height: auto;
padding: 60px 10%;
}
.sec5 a {}
.sec5 a img {
}

}

/*アイホン678＋*/
@media screen and (max-width: 820px) {	
}