Skip to content

sora / achievement

Go to a project
Commit 7d28860c by Orine Matsui
Options

スペースを整理

parent 4d141fe5
Inline Side-by-side
Showing with 311 additions and 166 deletions
achievement-official.conohawing.com/common_previous/css/case.css
@charset "UTF-8"; @charset "UTF-8";
/* ======================================== /* ========================================
case.css case.css
======================================== */ ======================================== */
.p-case-detail .c-mainvisual { .p-case-detail .c-mainvisual {
margin-bottom: 68px; } margin-bottom: 68px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual { .p-case .c-mainvisual {
margin: 50px 0 0; } margin: 50px 0 0;
}
.p-case-detail .c-mainvisual { .p-case-detail .c-mainvisual {
margin: 50px 0 40px; } } margin: 50px 0 40px;
}
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-mainvisual__inner, .p-case .c-mainvisual__inner, .p-case-detail .c-mainvisual__inner {
.p-case-detail .c-mainvisual__inner { padding: 20px 20px 0 20px;
padding: 20px 20px 0 20px; } } }
@media screen and (max-width: 767px) { }
.p-case .c-mainvisual__title, @media screen and (max-width: 767px) {
.p-case-detail .c-mainvisual__title { .p-case .c-mainvisual__title, .p-case-detail .c-mainvisual__title {
font-size: 2.2rem; font-size: 2.2rem;
line-height: 1.5; } } line-height: 1.5;
@media screen and (max-width: 767px) { }
.p-case .c-mainvisual__text, }
.p-case-detail .c-mainvisual__text { @media screen and (max-width: 767px) {
.p-case .c-mainvisual__text, .p-case-detail .c-mainvisual__text {
font-size: 1.2rem; font-size: 1.2rem;
text-align: center; } } text-align: center;
}
}
/* /*
.p-case .c-mainvisual, .p-case .c-mainvisual,
.p-case-detail .c-mainvisual { .p-case-detail .c-mainvisual {
width: 100%; width: 100%;
height: 500px; height: 500px;
background-image: url(/assets/img/case/mv.jpg); background-image: url(/assets/img/case/mv.jpg);
background-position: center; background-position: center;
background-size: cover; background-size: cover;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-box-pack: center;
-webkit-justify-content: center; -webkit-justify-content: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
position: relative; position: relative;
margin-bottom: 68px; } margin-bottom: 68px; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-mainvisual, .p-case .c-mainvisual,
.p-case-detail .c-mainvisual { .p-case-detail .c-mainvisual {
height: 250px; height: 250px;
margin: 50px 0 40px; } } margin: 50px 0 40px; } }
.p-case .c-mainvisual__inner, .p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner { .p-case-detail .c-mainvisual__inner {
text-align: center; } text-align: center; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-mainvisual__inner, .p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner { .p-case-detail .c-mainvisual__inner {
padding: 0 20px; } } padding: 0 20px; } }
.p-case .c-mainvisual__title, .p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title { .p-case-detail .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; } line-height: 2; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-mainvisual__title, .p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title { .p-case-detail .c-mainvisual__title {
font-size: 2.2rem; font-size: 2.2rem;
line-height: 1.5; } } line-height: 1.5; } }
.p-case .c-mainvisual__text, .p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text { .p-case-detail .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: heisei-kaku-gothic-std, sans-serif; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; } text-align: right; }
.p-case-detail .c-mainvisual__text { .p-case-detail .c-mainvisual__text {
font-size: 2.4rem; } font-size: 2.4rem; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-mainvisual__text, .p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text { .p-case-detail .c-mainvisual__text {
font-size: 1.2rem; font-size: 1.2rem;
text-align: center; } } text-align: center; } }
.p-case .c-mainvisual .c-breadcrumb, .p-case .c-mainvisual .c-breadcrumb,
.p-case-detail .c-mainvisual .c-breadcrumb { .p-case-detail .c-mainvisual .c-breadcrumb {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; } right: 0; }
------------------------------------------------------------*/
------------------------------------------------------------*/
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.p-case .c-search{ .p-case .c-search {
margin-bottom: 60px; margin-bottom: 60px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-search{ .p-case .c-search {
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
.p-case .c-search__box1{ .p-case .c-search__box1 {
display: flex; display: flex;
justify-content: center; justify-content: center;
border-bottom: 2px solid #001c35; border-bottom: 2px solid #001c35;
} }
.p-case .c-search__tab{ .p-case .c-search__tab {
width: 49.5%; width: 49.5%;
text-align: center; text-align: center;
font-size: 1.8rem; font-size: 1.8rem;
...@@ -125,103 +198,102 @@ case.css ...@@ -125,103 +198,102 @@ case.css
border-bottom: none; border-bottom: none;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-search__tab{ .p-case .c-search__tab {
width: 49%; width: 49%;
font-size: 1.5rem; font-size: 1.5rem;
padding: 10px; padding: 10px;
} }
} }
.p-case .c-search__tab.active{ .p-case .c-search__tab.active {
background: #001c35; background: #001c35;
border: 1px solid #001c35; border: 1px solid #001c35;
color: #fff; color: #fff;
} }
.p-case .c-search__tab:first-child{ .p-case .c-search__tab:first-child {
margin-right: 1%; margin-right: 1%;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-search__tab:first-child{ .p-case .c-search__tab:first-child {
margin-right: 2%; margin-right: 2%;
} }
} }
.p-case .c-search__list{ .p-case .c-search__list {
border:1px solid #ececec; border: 1px solid #ececec;
padding: 30px; padding: 30px;
display: none; display: none;
background: #fff; background: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-search__list{ .p-case .c-search__list {
padding: 15px; padding: 15px;
} }
} }
.p-case .c-search__list.active{ .p-case .c-search__list.active {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-search__list.active{ .p-case .c-search__list.active {
display: block; display: block;
} }
} }
.p-case .c-search__item{ .p-case .c-search__item {
font-size: 1.2rem; font-size: 1.2rem;
color:#333; color: #333;
padding: 10px 14px; padding: 10px 14px;
border:1px solid #ececec; border: 1px solid #ececec;
margin-right: 15px; margin-right: 15px;
cursor: pointer; cursor: pointer;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
font-weight: bold; font-weight: bold;
margin-top: 5px; margin-top: 5px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-search__item{ .p-case .c-search__item {
width: 100%; width: 100%;
padding: 8px 10px; padding: 8px 10px;
} }
.p-case .c-search__item:not(:last-child){ .p-case .c-search__item:not(:last-child) {
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
.p-case .c-search__item.active{ .p-case .c-search__item.active {
background: #003b70; background: #003b70;
color:#fff; color: #fff;
position: relative; position: relative;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-search__item.active:before{ .p-case .c-search__item.active:before {
content: ""; content: "";
width:15px; width: 15px;
height: 2px; height: 2px;
background: #fff; background: #fff;
position:absolute; position: absolute;
right:10px; right: 10px;
top:50%; top: 50%;
transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);
} }
.p-case .c-search__item.active:after{ .p-case .c-search__item.active:after {
content: ""; content: "";
width:15px; width: 15px;
height: 2px; height: 2px;
background: #fff; background: #fff;
position:absolute; position: absolute;
right:10px; right: 10px;
top:50%; top: 50%;
transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg);
} }
} }
.p-case .c-case__box{ .p-case .c-case__box {
display: none; display: none;
} }
.p-case .c-case__box:first-child{ .p-case .c-case__box:first-child {
display: block; display: block;
} }
.p-case-detail1 .c-title1 { .p-case-detail1 .c-title1 {
margin-bottom: 30px; } margin-bottom: 30px;
}
.p-case-detail1 .c-imgtext { .p-case-detail1 .c-imgtext {
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
display: -webkit-box; display: -webkit-box;
...@@ -229,90 +301,119 @@ case.css ...@@ -229,90 +301,119 @@ case.css
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
padding: 30px 30px 28px; padding: 30px 30px 28px;
margin-bottom: 51px; } margin-bottom: 51px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext { .p-case-detail1 .c-imgtext {
display: block; display: block;
padding: 15px; padding: 15px;
margin-bottom: 30px; } } margin-bottom: 30px;
.p-case-detail1 .c-imgtext__image { }
width: 300px; } }
@media screen and (max-width: 767px) { .p-case-detail1 .c-imgtext__image {
width: 300px;
}
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__image { .p-case-detail1 .c-imgtext__image {
width: 100%; width: 100%;
text-align: center; text-align: center;
margin-bottom: 10px; } margin-bottom: 10px;
}
.p-case-detail1 .c-imgtext__image img { .p-case-detail1 .c-imgtext__image img {
width: auto; } } width: auto;
.p-case-detail1 .c-imgtext__info { }
}
.p-case-detail1 .c-imgtext__info {
width: calc(100% - 300px); width: calc(100% - 300px);
color: #363636; color: #363636;
font-family: heisei-kaku-gothic-std, sans-serif; font-family: heisei-kaku-gothic-std, sans-serif;
padding-left: 30px; } padding-left: 30px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__info { .p-case-detail1 .c-imgtext__info {
width: 100%; width: 100%;
padding: 0; } } padding: 0;
.p-case-detail1 .c-imgtext__title { }
}
.p-case-detail1 .c-imgtext__title {
font-size: 2.4rem; font-size: 2.4rem;
font-weight: bold; font-weight: bold;
margin: -6px 0 3px; } margin: -6px 0 3px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__title { .p-case-detail1 .c-imgtext__title {
margin: 0; margin: 0;
font-size: 2rem; } } font-size: 2rem;
.p-case-detail1 .c-imgtext__title2 { }
}
.p-case-detail1 .c-imgtext__title2 {
font-size: 2rem; font-size: 2rem;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; } margin-bottom: 10px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__title2 { .p-case-detail1 .c-imgtext__title2 {
font-size: 1.8rem; } } font-size: 1.8rem;
.p-case-detail1 .c-imgtext__text { }
font-size: 1.8rem; } }
@media screen and (max-width: 767px) { .p-case-detail1 .c-imgtext__text {
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__text { .p-case-detail1 .c-imgtext__text {
font-size: 1.6rem; } } font-size: 1.6rem;
.p-case-detail1 .c-imgtext__text + p { }
font-size: 1.8rem; } }
@media screen and (max-width: 767px) { .p-case-detail1 .c-imgtext__text + p {
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__text + p { .p-case-detail1 .c-imgtext__text + p {
font-size: 1.6rem; } } font-size: 1.6rem;
}
}
.p-case-detail1 .c-info { .p-case-detail1 .c-info {
margin-bottom: 33px; } margin-bottom: 33px;
.p-case-detail1 .c-info dl { }
.p-case-detail1 .c-info dl {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
color: #363636; color: #363636;
font-family: heisei-kaku-gothic-std, sans-serif; font-family: heisei-kaku-gothic-std, sans-serif;
margin-bottom: 8px; } margin-bottom: 8px;
.p-case-detail1 .c-info dl dt { }
.p-case-detail1 .c-info dl dt {
width: 120px; width: 120px;
font-size: 2rem; font-size: 2rem;
font-weight: bold; } font-weight: bold;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-info dl dt { .p-case-detail1 .c-info dl dt {
font-size: 1.8rem; font-size: 1.8rem;
width: 110px; } } width: 110px;
.p-case-detail1 .c-info dl dd { }
}
.p-case-detail1 .c-info dl dd {
width: calc(100% - 120px); width: calc(100% - 120px);
font-size: 1.6rem; } font-size: 1.6rem;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-info dl dd { .p-case-detail1 .c-info dl dd {
width: calc(100% - 110px); width: calc(100% - 110px);
font-size: 1.4rem; } } font-size: 1.4rem;
}
}
.p-case-detail1 .c-step dl { .p-case-detail1 .c-step dl {
min-height: 100px; min-height: 100px;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
font-family: heisei-kaku-gothic-std, sans-serif; } font-family: heisei-kaku-gothic-std, sans-serif;
.p-case-detail1 .c-step dl dt { }
.p-case-detail1 .c-step dl dt {
width: 100px; width: 100px;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
...@@ -330,23 +431,32 @@ case.css ...@@ -330,23 +431,32 @@ case.css
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
background-color: #003c70; } background-color: #003c70;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl dt { .p-case-detail1 .c-step dl dt {
width: 80px; width: 80px;
font-size: 1.8rem; } } font-size: 1.8rem;
.p-case-detail1 .c-step dl dd { }
width: calc(100% - 100px); } }
@media screen and (max-width: 767px) { .p-case-detail1 .c-step dl dd {
width: calc(100% - 100px);
}
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl dd { .p-case-detail1 .c-step dl dd {
width: calc(100% - 80px); } } width: calc(100% - 80px);
.p-case-detail1 .c-step dl:first-of-type dt { }
padding-top: 5px; } }
.p-case-detail1 .c-step dl:first-of-type dd { .p-case-detail1 .c-step dl:first-of-type dt {
padding: 10px 0 4px; } padding-top: 5px;
.p-case-detail1 .c-step dl:last-of-type { }
position: relative; } .p-case-detail1 .c-step dl:first-of-type dd {
.p-case-detail1 .c-step dl:last-of-type:before { padding: 10px 0 4px;
}
.p-case-detail1 .c-step dl:last-of-type {
position: relative;
}
.p-case-detail1 .c-step dl:last-of-type:before {
content: ""; content: "";
width: 100px; width: 100px;
height: 34px; height: 34px;
...@@ -355,30 +465,39 @@ case.css ...@@ -355,30 +465,39 @@ case.css
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; } left: 0;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl:last-of-type:before { .p-case-detail1 .c-step dl:last-of-type:before {
width: 80px; } } width: 80px;
.p-case-detail1 .c-step dl:last-of-type dt { }
}
.p-case-detail1 .c-step dl:last-of-type dt {
background-color: #c63651; background-color: #c63651;
padding-top: 15px; } padding-top: 15px;
.p-case-detail1 .c-step dl:last-of-type dd { }
padding: 19px 0 0; } .p-case-detail1 .c-step dl:last-of-type dd {
.p-case-detail1 .c-step dl:last-of-type ul li::before { padding: 19px 0 0;
background-color: #c63651; } }
.p-case-detail1 .c-step dl:last-of-type ul li::before {
background-color: #c63651;
}
.p-case-detail1 .c-step ul { .p-case-detail1 .c-step ul {
padding-left: 20px; } padding-left: 20px;
.p-case-detail1 .c-step ul li { }
.p-case-detail1 .c-step ul li {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
position: relative; position: relative;
padding-left: 12px; padding-left: 12px;
margin-bottom: 8px; } margin-bottom: 8px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step ul li { .p-case-detail1 .c-step ul li {
font-size: 1.4rem; } } font-size: 1.4rem;
.p-case-detail1 .c-step ul li:before { }
}
.p-case-detail1 .c-step ul li:before {
content: ""; content: "";
width: 6px; width: 6px;
height: 6px; height: 6px;
...@@ -386,78 +505,99 @@ case.css ...@@ -386,78 +505,99 @@ case.css
position: absolute; position: absolute;
top: 9px; top: 9px;
left: 0; left: 0;
border-radius: 50px; } border-radius: 50px;
}
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.p-case-detail2 { .p-case-detail2 {
padding: 55px 0 0; } padding: 55px 0 0;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail2 { .p-case-detail2 {
padding: 40px 0 0; } } padding: 40px 0 0;
.p-case-detail .c-box { }
margin: 36px 0 0; } }
.p-case-detail .c-box img { .p-case-detail .c-box {
width: auto; } margin: 36px 0 0;
@media screen and (max-width: 767px) { }
.p-case-detail .c-box img {
width: auto;
}
@media screen and (max-width: 767px) {
.p-case-detail .c-box img { .p-case-detail .c-box img {
width: 100%; } width: 100%;
} }
.p-case-detail .c-box p { }
.p-case-detail .c-box p {
margin: 7px 0 0; margin: 7px 0 0;
font-size: 1.2rem; font-size: 1.2rem;
color: #363636; color: #363636;
line-height: 1.4; } line-height: 1.4;
.p-case-detail .c-box__list { }
.p-case-detail .c-box__list {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 27px; } margin-bottom: 27px;
.p-case-detail .c-box__list li { }
.p-case-detail .c-box__list li {
display: inline-block; display: inline-block;
margin: 0 16px 10px 0; margin: 0 16px 10px 0;
max-width: 188px; max-width: 188px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case-detail .c-box__list li { .p-case-detail .c-box__list li {
margin: 0 2% 10px 0; margin: 0 2% 10px 0;
width: 49%; width: 49%;
max-width: inherit; max-width: inherit;
} }
.p-case-detail .c-box__list li:nth-child(2n){ .p-case-detail .c-box__list li:nth-child(2n) {
margin-right: 0; margin-right: 0;
} }
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.p-case-detail3 { .p-case-detail3 {
margin: 80px 0 0; margin: 80px 0 0;
padding: 77px 0 100px; padding: 77px 0 100px;
border-top: 2px solid #dbdbdb; border-top: 2px solid #dbdbdb;
text-align: center; } text-align: center;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail3 { .p-case-detail3 {
margin: 40px 0 0; margin: 40px 0 0;
padding: 40px 0 50px; } } padding: 40px 0 50px;
.p-case-detail3 p { }
}
.p-case-detail3 p {
font-size: 1.8rem; font-size: 1.8rem;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
margin-bottom: 14px; margin-bottom: 14px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; } font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail3 p { .p-case-detail3 p {
font-size: 1.6rem; } } font-size: 1.6rem;
.p-case-detail3 .c-btn1 { }
}
.p-case-detail3 .c-btn1 {
width: 100%; width: 100%;
border-top: 2px solid #dbdbdb; border-top: 2px solid #dbdbdb;
margin-top: 80px; } margin-top: 80px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 { .p-case-detail3 .c-btn1 {
margin-top: 40px; } } margin-top: 40px;
.p-case-detail3 .c-btn1 a { }
}
.p-case-detail3 .c-btn1 a {
margin: 80px auto 0; margin: 80px auto 0;
padding: 28px 0 24px; padding: 28px 0 24px;
max-width: 600px; max-width: 600px;
...@@ -468,8 +608,9 @@ case.css ...@@ -468,8 +608,9 @@ case.css
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
border: 2px solid #263f6c; border: 2px solid #263f6c;
position: relative; } position: relative;
.p-case-detail3 .c-btn1 a:after { }
.p-case-detail3 .c-btn1 a:after {
content: ''; content: '';
width: 10px; width: 10px;
height: 10px; height: 10px;
...@@ -482,7 +623,10 @@ case.css ...@@ -482,7 +623,10 @@ case.css
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 20px; right: 20px;
margin-top: -6px; } margin-top: -6px;
@media screen and (max-width: 767px) { }
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 a { .p-case-detail3 .c-btn1 a {
margin-top: 40px; } } margin-top: 40px;
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment