49 lines
2.8 KiB
CSS
Executable File
49 lines
2.8 KiB
CSS
Executable File
.banner-title{width:54.7%; margin-left:auto; margin-right: auto; margin-top:6vw; margin-bottom: 1.1vw;}
|
|
.special_01{background-color:#c0c0c0; overflow: hidden;}
|
|
.special_01 .content{background-color:#d4d4d4; margin-top:1vw; margin-bottom: 0.5vw; overflow: hidden; padding-top:4.1vw; padding-bottom: 4.1vw;}
|
|
.special_01 .content p:nth-child(1){margin-bottom: 1.2vw; position: relative;}
|
|
.special_01 .content p:nth-child(1) img{width:103px;}
|
|
.special_01 .content p:nth-child(1) span{position: relative; width:103px; display: block; margin-left:auto; margin-right: auto;}
|
|
.special_01 .content p:nth-child(1):before, .special_01 .content p:nth-child(1):after{content: ''; width:50px; height: 1px; background-color:#bfbfbf; position: absolute; top:50%; margin-top:-0.5px;}
|
|
.special_01 .content p:nth-child(1):before{left:50%; margin-left:-125px;}
|
|
.special_01 .content p:nth-child(1):after{right:50%; margin-right: -125px;}
|
|
.special_01 .content p:nth-child(2){width:50%; margin:auto; line-height: 1.5em;}
|
|
@media screen and (max-width:1439px){
|
|
.special_01 .content p:nth-child(1) img, .special_01 .content p:nth-child(1) span{width:7.15vw;}
|
|
.special_01 .content p:nth-child(2){width:70%; margin:auto; line-height: 1.5em;}
|
|
}
|
|
|
|
.special_small_title{font-size:1.25em; }
|
|
.special_title{font-size:3em; color:#009fe0; margin-top:0.5vw; line-height: 1.125em;}
|
|
.special_text{font-size:1em; margin-top:1vw; line-height: 1.8em;}
|
|
.special_button{font-size:1.25em; background-color:#009fe0; display: inline-block; padding:0.6vw 2.5vw; margin-top:3vw;}
|
|
|
|
.special_series_35{max-width:700px; margin-top:6.5vw;}
|
|
|
|
.special_02{max-width:600px; margin-top:9.5vw;}
|
|
.special_03{max-width:500px; margin-top:8.5vw; float: right; margin-right:-2.8vw;}
|
|
.special_04{max-width:500px; margin-top:9.4vw;}
|
|
.special_05{max-width:500px; margin-top:8vw; float: right; margin-right:-2.8vw;}
|
|
.special_06{max-width:450px; margin-top:10.5vw;}
|
|
|
|
.special_num{width:12.1vw; background-color:rgba(255,255,255,0.1); overflow: hidden; text-align: center; line-height: 2em; font-size: 1.875em; color:#FFF; position: absolute; bottom: 0;}
|
|
.special_num_l{left:0}
|
|
.special_num_r{right: 0;}
|
|
@media screen and (max-width:1439px){
|
|
.special_small_title{font-size:1.125em; }
|
|
.special_title{font-size:2.5em;}
|
|
.special_text{font-size:1em;}
|
|
.special_button{font-size:1.125em;}
|
|
.special_num{font-size: 1.25em}
|
|
.special_03, .special_05{margin-right:0vw;}
|
|
}
|
|
@media screen and (max-width:1280px){
|
|
.special_02{max-width:450px; margin-top:6.5vw;}
|
|
.special_03{max-width:420px; margin-top:7.5vw;}
|
|
.special_04{max-width:420px; margin-top:6vw;}
|
|
.special_05{max-width:420px; margin-top:3vw}
|
|
.special_06{max-width:360px; margin-top:5.5vw;}
|
|
.special_text{line-height: 1.45em;}
|
|
.special_title{line-height: 1em;}
|
|
.special_button{margin-top:2vw;}
|
|
} |