.mv {
background: #3c597c;
text-align: center;
}
.mv img {
max-width: 1024px;
width: 100%;
}

.sec1 {
background: #ecf4f7;
margin: 40px;
}
.sec1 ul {
display: flex;
justify-content: center;
align-items: center;
}
.sec1 ul .img {
background: url("../../common/img/top/sec1_img.jpg") no-repeat center top;
max-width: 600px;
width: 40%;
height: 700px;
}
.sec1 ul .txt {
padding: 40px;
}
.sec1 ul .txt img {
max-width: 557px;
width: 100%;
}

.sec2 {
background: url("../../common/img/top/sec2_bg.png") center top no-repeat;
position: relative;
padding-top: 60px;
}
.sec2 .tit {
text-align: center;
padding: 0 40px 90px;
}
.sec2 .tit img {
max-width: 522px;
width: 100%;
}
.sec2 ul {}
.sec2 ul li {
text-align: center;
padding: 0 40px 40px;
}
.sec2 ul li img {
max-width: 926px;
width: 100%;
}
.sec2 .arr {
text-align: center;
position: relative;
top: 50px;
}
.sec2 .arr img {
max-width: 1024px;
width: 100%;
}

.cta {
background: url("../../common/img/top/bg1.jpg") center top no-repeat;
background-attachment: fixed;
padding: 90px 20px 60px;
text-align: center;
}
.cta a {}
.cta a img {
max-width: 590px;
width: 100%;
}

.sec3 {
background: url("../../common/img/top/sec3_bg.png") center bottom no-repeat;
background-attachment: fixed;
padding: 80px 20px;
}
.sec3 .tit1 {
text-align: center;
margin-bottom: 80px;
}
.sec3 .tit1 img {
max-width: 612px;
width: 100%;
}
.sec3 .list1 {
display: flex;
justify-content: center;
margin-bottom: 100px;
}
.sec3 .list1 li {
margin: 5px;
}
.sec3 .list1 li img {
max-width: 360px;
width: 100%;
}
.sec3 .tit2 {
text-align: center;
margin-bottom: 80px;
}
.sec3 .tit2 img {
max-width: 774px;
width: 100%;
}
.sec3 .list2 {
margin-bottom: 40px;
}
.sec3 .list2 li {
display: flex;
justify-content: center;
}
.sec3 .list2 li img {
max-width: 1020px;
width: 100%;
}
.sec3 .txt {
text-align: center;
}
.sec3 .txt img {
max-width: 735px;
width: 100%;
}

.sec4 {
padding: 60px;
}
.sec4 .tit {
text-align: center;
margin-bottom: 40px;
}
.sec4 .tit img {
max-width: 573px;
width: 100%;
}
.sec4 .img {
text-align: center;
}
.sec4 .img ul {
display: flex;
justify-content: center;
}
.sec4 .img img {
width: 100%;
}

.sec5 {
padding: 40px;
}
.sec5 .tit {
text-align: center;
margin-bottom: 60px;
}
.sec5 .tit img {
max-width: 636px;
width: 100%;
}
.sec5 ul {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.sec5 ul li {}
.sec5 ul .txt {}
.sec5 ul .txt img {
max-width: 581px;
width: 100%;
}
.sec5 ul .img {}
.sec5 ul .img img {
max-width: 560px;
width: 100%;
}
.sec5 .swipe {
max-width: 1141px;
overflow-x: auto;
margin: 0 auto 80px;
}
.sec5 .swipe img {}
.sec5 .tit2 {
text-align: center;
margin-bottom: 40px;
}
.sec5 .tit2 img {
max-width: 800px;
width: 100%;
}
.sec5 .txt2 {
text-align: center;
margin-bottom: 60px;
}
.sec5 .txt2 img {
max-width: 468px;
width: 100%;
}
.sec5 .face {
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 770px;
margin: auto;
}
.sec5 .face li {
max-width: 190px;
width: 28%;
margin: 2%;
}
.sec5 .face li img {
width: 100%;
}

a.fixright {
    display: block;
    position: fixed;
    right: 0;
    bottom: 30px;
}

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

.mv {
}
.mv img {
}

.sec1 {
}
.sec1 ul {
flex-direction: column-reverse;
}
.sec1 ul .img {
width: 100%;
height: 360px;
}
.sec1 ul .txt {
}
.sec1 ul .txt img {
}

.sec2 {
}
.sec2 .tit {
}
.sec2 .tit img {
}
.sec2 ul {}
.sec2 ul li {
}
.sec2 ul li img {
}
.sec2 .arr {
}
.sec2 .arr img {
}

.cta {
}
.cta a {}
.cta a img {
}

.sec3 {
}
.sec3 .tit1 {
}
.sec3 .tit1 img {
}
.sec3 .list1 {
flex-direction: column;
}
.sec3 .list1 li {
text-align: center;
}
.sec3 .list1 li img {
max-width: 80%;
}
.sec3 .tit2 {
}
.sec3 .tit2 img {
}
.sec3 .list2 {
}
.sec3 .list2 li {
}
.sec3 .list2 li img {
}
.sec3 .txt {
}
.sec3 .txt img {
}

.sec4 {
padding: 20px 0;
}
.sec4 .tit {
padding: 40px;
}
.sec4 .tit img {
}
.sec4 .img {
}
.sec4 .img ul {
flex-wrap: wrap;
}
.sec4 .img ul li {
width: 50%;
}
.sec4 .img ul li:nth-child(2){
order: -1;
width: 100%;
}
.sec4 .img img {
}

.sec5 {
}
.sec5 .tit {
}
.sec5 .tit img {
}
.sec5 ul {
}
.sec5 ul li {}
.sec5 ul .txt {}
.sec5 ul .txt img {
}
.sec5 ul .img {
display: none;
}
.sec5 ul .img img {
}
.sec5 .swipe {
margin-bottom: 10px;
padding-bottom: 20px;
}
.sec5 .swipe img {
width: 240%;
}
.sec5 .swp {
text-align: right;
margin-bottom: 40px;
}
.sec5 .tit2 {
}
.sec5 .tit2 img {
}
.sec5 .txt2 {
}
.sec5 .txt2 img {
}
.sec5 .face {
}
.sec5 .face li {
}
.sec5 .face li img {
}

a.fixright {}
a.fixright img {}

}

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