@charset "UTF-8";
@media screen and (min-width: 768px),print {

main {width: 100%!important; max-width: 1920px!important; margin: 0 auto!important; }
.seo_bread_list {color: #fff; margin-bottom: -55px!important;}
.seo_bread_list a{color: #fff;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/fleet/con1-bg1.png) no-repeat top center; padding: 186px 0 120px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 45px; }
#con1 .bx .inner .txt1{font-size: 24px; letter-spacing: 1.2px; line-height: 1.6; font-weight: bold; color: #fff; text-align: center; margin-bottom: 93px;}
#con1 .bx .inner .img1{position: absolute; right: 0; top: 97px;}
#con1 .bx .inner .icon1{position: absolute; left: 53px; top: 180px;}
#con1 .bx .inner .img2{text-align: center; margin-bottom: 40px;}

#con1 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .bx .inner .list li{width: 460px; margin-right: 60px;}
#con1 .bx .inner .list li:last-child{margin-right: 0;}

#con1 .bx .inner .list li .link1:hover{content: ""; width: 460px; height: 393px; background: url(../images/fleet/con1-link1-h.png) no-repeat top center; background-size: 100%;}
#con1 .bx .inner .list li .link2:hover{content: ""; width: 460px; height: 393px; background: url(../images/fleet/con1-link2-h.png) no-repeat top center; background-size: 100%;}
#con1 .bx .inner .list li .link1:hover picture{opacity: 0;}
#con1 .bx .inner .list li .link2:hover picture{opacity: 0;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/fleet/con2-bg1.png) no-repeat top center; padding: 90px 0 119px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{font-size: 40px; letter-spacing: 0.8px; line-height: 1.4; font-weight: 900; color: #fff; text-align: center; margin-bottom: 94px;}
#con2 .bx .inner .in-bx1{width: 397px; margin-left: auto; position: relative;}
#con2 .bx .inner .in-bx1 .img1{position: absolute; left: -714px; top: -40px;}
#con2 .bx .inner .in-bx1 .list1{margin-bottom: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con2 .bx .inner .in-bx1 .list1 li{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; color: #fff; text-align: center; border-radius: 30px; border: 1px solid #fff; padding: 7px 37px 7px; margin-right: 15px;}
#con2 .bx .inner .in-bx1 .list1 li:last-child{margin-right: 0;}
#con2 .bx .inner .in-bx1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 35px;}
#con2 .bx .inner .in-bx1 .list2{border: 1px solid #fff; padding: 27px 0 14px 32px;}
#con2 .bx .inner .in-bx1 .list2 li{font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; color: #fff; position: relative; padding-left: 30px; margin-bottom: 16px;}
#con2 .bx .inner .in-bx1 .list2 li::before{content: ""; width: 25px; height: 25px; margin: 0 auto; background: url(../images/fleet/con2-li-icon.png) no-repeat top center; position: absolute; left: -4px; top: 3px;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 100px; background: url(../images/fleet/con3-bg1.png) no-repeat top center; padding: 90px 0 120px;}
#con3 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl1{font-size: 40px; letter-spacing: 0.8px; line-height: 1.4; font-weight: 900; color: #fff; text-align: center; margin-bottom: 98px;}
#con3 .bx .inner .in-bx1{width: 397px; margin-left: auto; position: relative;}
#con3 .bx .inner .in-bx1 .img1{position: absolute; left: -703px; top: -28px;}
#con3 .bx .inner .in-bx1 .list1{margin-bottom: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con3 .bx .inner .in-bx1 .list1 li{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; color: #fff; text-align: center; border-radius: 30px; border: 1px solid #fff; padding: 7px 37px 7px; margin-right: 15px;}
#con3 .bx .inner .in-bx1 .list1 li:last-child{margin-right: 0;}
#con3 .bx .inner .in-bx1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 35px;}
#con3 .bx .inner .in-bx1 .ttl2 span{font-size: 25px; letter-spacing: 1px; margin-left: -7px;}
#con3 .bx .inner .in-bx1 .list2{border: 1px solid #fff; padding: 27px 0 14px 32px;}
#con3 .bx .inner .in-bx1 .list2 li{font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; color: #fff; position: relative; padding-left: 30px; margin-bottom: 16px;}
#con3 .bx .inner .in-bx1 .list2 li::before{content: ""; width: 25px; height: 25px; margin: 0 auto; background: url(../images/fleet/con2-li-icon.png) no-repeat top center; position: absolute; left: -4px; top: 3px;}

.last-ttl {font-size: 40px; letter-spacing: 0.8px; line-height: 1.38; font-weight: 900; text-align: center; margin-bottom: 80px;}


}







@media screen and (max-width: 767px) {
h1.main-title { margin-bottom: 0vw!important;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/fleet/sp-con1-bg1.png) no-repeat top center; padding: 10vw 0 12vw; background-size: 100%;}
#con1 .bx .inner{width: 90%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{width: 98%; margin: 0 auto 4vw;}
#con1 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.75; font-weight: bold; color: #fff; text-align: center; margin-bottom: 22vw;}
#con1 .bx .inner .img1{width: 20%; position: absolute; right: -3vw; top: 11vw;}
#con1 .bx .inner .icon1{width: 36%; position: absolute; left: 3vw; top: 47vw;}
#con1 .bx .inner .img2{text-align: center; margin-bottom: 5vw;}

#con1 .bx .inner .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .bx .inner .list li{width: 47%; margin-right: 5vw;}
#con1 .bx .inner .list li:last-child{margin-right: 0;}

#con1 .bx .inner .list li .link1:hover{content: ""; width: 100%; height: 100%; background: url(../images/fleet/sp-con1-link1-h.png) no-repeat top center; background-size: 100%;}
#con1 .bx .inner .list li .link2:hover{content: ""; width: 100%; height: 100%; background: url(../images/fleet/sp-con1-link2-h.png) no-repeat top center; background-size: 100%;}
#con1 .bx .inner .list li .link1:hover picture{opacity: 0;}
#con1 .bx .inner .list li .link2:hover picture{opacity: 0;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/fleet/sp-con2-bg1.png) no-repeat top center; padding: 9vw 0 10vw; background-size: 100%;}
#con2 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{font-size: 5.6vw; letter-spacing: 0.3vw; line-height: 1.7; font-weight: 900; color: #fff; text-align: center; margin-bottom: 7vw;}
#con2 .bx .inner .in-bx1{width: 90%; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx1 .img1{width: 105vw; margin: 0 auto -1vw; padding-right: 2vw; margin-left: -5vw;}
#con2 .bx .inner .in-bx1 .list1{margin-bottom: 3vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con2 .bx .inner .in-bx1 .list1 li{font-size: 3.3vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 400; color: #fff; text-align: center; border-radius: 20vw; border: 1px solid #fff; padding: 2vw 7vw 1vw 7vw; margin-right: 2vw;}
#con2 .bx .inner .in-bx1 .list1 li:last-child{margin-right: 0;}
#con2 .bx .inner .in-bx1 .ttl2{font-size: 5.8vw; letter-spacing: 0.3vw; line-height: 1.7; font-weight: bold; color: #fff; margin-bottom: 4vw;}
#con2 .bx .inner .in-bx1 .list2{border: 1px solid #fff; padding: 4vw 0 1vw 6vw;}
#con2 .bx .inner .in-bx1 .list2 li{font-size: 3.5vw; letter-spacing: 0.05vw; line-height: 1.6; font-weight: 500; color: #fff; position: relative; padding-left: 5vw; margin-bottom: 3vw;}
#con2 .bx .inner .in-bx1 .list2 li::before{content: ""; width: 5vw; height: 5vw; margin: 0 auto; background: url(../images/fleet/con2-li-icon.png) no-repeat top center; position: absolute; left: -1vw; top: 1vw; background-size: 4vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 20vw; background: url(../images/fleet/sp-con3-bg1.png) no-repeat top center; padding: 9vw 0 10vw; background-size: 100%;}
#con3 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl1{font-size: 5.6vw; letter-spacing: 0.3vw; line-height: 1.7; font-weight: 900; color: #fff; text-align: center; margin-bottom: 5vw;}
#con3 .bx .inner .in-bx1{width: 90%; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .img1{width: 104vw; margin: 0 auto -4vw; padding-right: 1vw; margin-left: -3vw;}
#con3 .bx .inner .in-bx1 .list1{margin-bottom: 3vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con3 .bx .inner .in-bx1 .list1 li{font-size: 3.3vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 400; color: #fff; text-align: center; border-radius: 20vw; border: 1px solid #fff; padding: 2vw 7vw 1vw 7vw; margin-right: 2vw;}
#con3 .bx .inner .in-bx1 .list1 li:last-child{margin-right: 0;}
#con3 .bx .inner .in-bx1 .ttl2{font-size: 5.8vw; letter-spacing: 0.3vw; line-height: 1.7; font-weight: bold; color: #fff; margin-bottom: 4vw;}
#con3 .bx .inner .in-bx1 .ttl2 span{font-size: 4vw; letter-spacing: 0.2vw; margin-left: -2vw;}
#con3 .bx .inner .in-bx1 .list2{border: 1px solid #fff; padding: 4vw 0 1vw 6vw;}
#con3 .bx .inner .in-bx1 .list2 li{font-size: 3.5vw; letter-spacing: 0.05vw; line-height: 1.6; font-weight: 500; color: #fff; position: relative; padding-left: 5vw; margin-bottom: 3vw;}
#con3 .bx .inner .in-bx1 .list2 li::before{content: ""; width: 5vw; height: 5vw; margin: 0 auto; background: url(../images/fleet/con3-li-icon.png) no-repeat top center; position: absolute; left: -1vw; top: 1vw; background-size: 4vw;}

.last-ttl {font-size: 5.7vw; letter-spacing: 0.2vw; line-height: 1.38; font-weight: 900; text-align: center; margin-bottom: 10vw;}


}