|
@@ -358,7 +358,7 @@
|
|
|
height: 1px;
|
|
|
background: #e5e5e5;
|
|
|
position: absolute;
|
|
|
- top: calc(24.895vw + 1px);
|
|
|
+ top: 24.895vw;
|
|
|
left: 0;
|
|
|
}
|
|
|
.aboutus-page .box5-content .card .split{
|
|
@@ -428,6 +428,10 @@
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
+.aboutus-page .box6-content.mobile{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
.aboutus-page .box6-content .tool{
|
|
|
padding-top: 4.68vw;
|
|
|
display: flex;
|
|
@@ -739,6 +743,7 @@
|
|
|
|
|
|
.aboutus-page .box5-content.mobile {
|
|
|
display: block;
|
|
|
+ height: auto;
|
|
|
}
|
|
|
|
|
|
.aboutus-page .box5-content .title {
|
|
@@ -810,14 +815,97 @@
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #242a30;
|
|
|
- margin-top: 2.66vw 0 0 0;
|
|
|
+ margin: 2.66vw 0 0 0;
|
|
|
}
|
|
|
|
|
|
- .aboutus-page .box6-content{
|
|
|
+ .aboutus-page .box6-content.mobile{
|
|
|
+ display: block;
|
|
|
+ height: auto;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .aboutus-page .box6-content.mobile .cards{
|
|
|
+ display: block;
|
|
|
+ position: unset;
|
|
|
+ height: 92.4vw;
|
|
|
+ padding-top: 19.46vw;
|
|
|
+ }
|
|
|
+ .aboutus-page .box6-content.mobile .card{
|
|
|
+ width: 53.33vw;
|
|
|
+ min-height: 53.33vw;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 10.6vw 5.33vw 0 5.33vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.mobile .card:after{
|
|
|
+ left: 4vw;
|
|
|
+ width: 8vw;
|
|
|
+ }
|
|
|
+ .aboutus-page .box6-content.mobile .card:hover:after{
|
|
|
+ width: calc(100% - 4vw * 2);
|
|
|
+ left: 4vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.mobile .cards .card .date{
|
|
|
+ font-size: 3.2vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.mobile .cards .card .card-title{
|
|
|
+ font-size: 3.73vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.mobile .cards .card .desc{
|
|
|
+ font-size: 3.2vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.mobile .cards .card .arrow{
|
|
|
+ font-size: 2.1vw;
|
|
|
+ margin: 5.33vw auto;
|
|
|
+ border: 2px solid #242a30;
|
|
|
+ border-radius: 15px;
|
|
|
+ padding: 0 3.33vw;
|
|
|
+ line-height: 5.6vw;
|
|
|
+ }
|
|
|
+ .aboutus-page .box6-content.mobile .cards .card:hover .arrow{
|
|
|
+ border: 2px solid #008bff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.mobile .first2{
|
|
|
+ width: 8vw;
|
|
|
+ height: 8vw;
|
|
|
+ background-image: url("../../../assets/images/about_us/arrow4.png");
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 4vw;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ }
|
|
|
+ .aboutus-page .box6-content.mobile .last2{
|
|
|
+ width: 8vw;
|
|
|
+ height: 8vw;
|
|
|
+ background-image: url("../../../assets/images/about_us/arrow4.png");
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ right: 4vw;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ transform: translateY(-50%) rotate(180deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.mobile .first2.active{
|
|
|
+ background-image: url("../../../assets/images/about_us/arrow5.png")!important;
|
|
|
+ transform: rotate(180deg);
|
|
|
+ }
|
|
|
+ .aboutus-page .box6-content.mobile.active{
|
|
|
+ background-image: url("../../../assets/images/about_us/arrow5.png")!important;
|
|
|
+ transform: rotate(180deg);
|
|
|
+ }
|
|
|
+ .aboutus-page .box6-content.mobile .last2.active{
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ .aboutus-page .box6-content.pc{
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.aboutus-page footer{
|
|
|
- display: none;
|
|
|
}
|
|
|
}
|