Skip to content

sora / achievement

Go to a project
Commit 7d28860c by Orine Matsui
Options

スペースを整理

parent 4d141fe5
Inline Side-by-side
Showing with 633 additions and 488 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 {
margin-bottom: 68px; }
@media screen and (max-width: 767px) { ======================================== */
.p-case .c-mainvisual { .p-case-detail .c-mainvisual {
margin: 50px 0 0; } margin-bottom: 68px;
.p-case-detail .c-mainvisual { }
margin: 50px 0 40px; } } @media screen and (max-width: 767px) {
.p-case .c-mainvisual {
margin: 50px 0 0;
@media screen and (max-width: 767px) { }
.p-case .c-mainvisual__inner, .p-case-detail .c-mainvisual {
.p-case-detail .c-mainvisual__inner { margin: 50px 0 40px;
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__inner, .p-case-detail .c-mainvisual__inner {
font-size: 2.2rem; padding: 20px 20px 0 20px;
line-height: 1.5; } } }
@media screen and (max-width: 767px) { }
.p-case .c-mainvisual__text, @media screen and (max-width: 767px) {
.p-case-detail .c-mainvisual__text { .p-case .c-mainvisual__title, .p-case-detail .c-mainvisual__title {
font-size: 1.2rem; font-size: 2.2rem;
text-align: center; } } line-height: 1.5;
}
/* }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual, .p-case .c-mainvisual__text, .p-case-detail .c-mainvisual__text {
.p-case-detail .c-mainvisual { font-size: 1.2rem;
width: 100%; text-align: center;
height: 500px; }
background-image: url(/assets/img/case/mv.jpg); }
background-position: center; /*
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox; .p-case .c-mainvisual,
display: flex;
-webkit-box-align: center; .p-case-detail .c-mainvisual {
-webkit-align-items: center;
-ms-flex-align: center; width: 100%;
align-items: center;
-webkit-box-pack: center; height: 500px;
-webkit-justify-content: center;
-ms-flex-pack: center; background-image: url(/assets/img/case/mv.jpg);
justify-content: center;
position: relative; background-position: center;
margin-bottom: 68px; }
@media screen and (max-width: 767px) { background-size: cover;
.p-case .c-mainvisual,
.p-case-detail .c-mainvisual { display: -webkit-box;
height: 250px;
margin: 50px 0 40px; } } display: -webkit-flex;
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner { display: -ms-flexbox;
text-align: center; }
@media screen and (max-width: 767px) { display: flex;
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner { -webkit-box-align: center;
padding: 0 20px; } }
.p-case .c-mainvisual__title, -webkit-align-items: center;
.p-case-detail .c-mainvisual__title {
font-size: 5rem; -ms-flex-align: center;
color: #fff;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; align-items: center;
line-height: 2; }
@media screen and (max-width: 767px) { -webkit-box-pack: center;
.p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title { -webkit-justify-content: center;
font-size: 2.2rem;
line-height: 1.5; } } -ms-flex-pack: center;
.p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text { justify-content: center;
font-size: 2rem;
color: #fff; position: relative;
font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; } margin-bottom: 68px; }
.p-case-detail .c-mainvisual__text {
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,
.p-case-detail .c-mainvisual__text {
font-size: 1.2rem; .p-case-detail .c-mainvisual {
text-align: center; } }
.p-case .c-mainvisual .c-breadcrumb, height: 250px;
.p-case-detail .c-mainvisual .c-breadcrumb {
position: absolute; margin: 50px 0 40px; } }
top: 0;
left: 0; .p-case .c-mainvisual__inner,
right: 0; }
------------------------------------------------------------*/ .p-case-detail .c-mainvisual__inner {
/* text-align: center; }
------------------------------------------------------------*/ @media screen and (max-width: 767px) {
.p-case .c-search{
margin-bottom: 60px; .p-case .c-mainvisual__inner,
}
@media screen and (max-width: 767px) { .p-case-detail .c-mainvisual__inner {
.p-case .c-search{
margin-bottom: 30px; padding: 0 20px; } }
}
} .p-case .c-mainvisual__title,
.p-case .c-search__box1{
display: flex; .p-case-detail .c-mainvisual__title {
justify-content: center;
border-bottom: 2px solid #001c35; font-size: 5rem;
}
.p-case .c-search__tab{ color: #fff;
width: 49.5%;
text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-size: 1.8rem;
background: #fff; line-height: 2; }
color: #333333;
padding: 14px; @media screen and (max-width: 767px) {
font-weight: bold;
cursor: pointer; .p-case .c-mainvisual__title,
border: 1px solid #ececec;
border-bottom: none; .p-case-detail .c-mainvisual__title {
}
@media screen and (max-width: 767px) { font-size: 2.2rem;
.p-case .c-search__tab{
width: 49%; line-height: 1.5; } }
font-size: 1.5rem;
padding: 10px; .p-case .c-mainvisual__text,
}
} .p-case-detail .c-mainvisual__text {
.p-case .c-search__tab.active{
background: #001c35; font-size: 2rem;
border: 1px solid #001c35;
color: #fff; color: #fff;
}
.p-case .c-search__tab:first-child{ font-family: heisei-kaku-gothic-std, sans-serif;
margin-right: 1%;
} text-align: right; }
@media screen and (max-width: 767px) {
.p-case .c-search__tab:first-child{ .p-case-detail .c-mainvisual__text {
margin-right: 2%;
} font-size: 2.4rem; }
}
.p-case .c-search__list{ @media screen and (max-width: 767px) {
border:1px solid #ececec;
padding: 30px; .p-case .c-mainvisual__text,
display: none;
background: #fff; .p-case-detail .c-mainvisual__text {
}
@media screen and (max-width: 767px) { font-size: 1.2rem;
.p-case .c-search__list{
padding: 15px; text-align: center; } }
}
} .p-case .c-mainvisual .c-breadcrumb,
.p-case .c-search__list.active{
display: flex; .p-case-detail .c-mainvisual .c-breadcrumb {
flex-wrap: wrap;
} position: absolute;
@media screen and (max-width: 767px) {
.p-case .c-search__list.active{ top: 0;
display: block;
} left: 0;
}
.p-case .c-search__item{ right: 0; }
font-size: 1.2rem;
color:#333; ------------------------------------------------------------*/
padding: 10px 14px; /*
border:1px solid #ececec;
margin-right: 15px;
cursor: pointer;
background: #fff; ------------------------------------------------------------*/
border-radius: 5px; .p-case .c-search {
font-weight: bold; margin-bottom: 60px;
margin-top: 5px; }
@media screen and (max-width: 767px) {
} .p-case .c-search {
@media screen and (max-width: 767px) { margin-bottom: 30px;
.p-case .c-search__item{ }
width: 100%; }
padding: 8px 10px; .p-case .c-search__box1 {
} display: flex;
.p-case .c-search__item:not(:last-child){ justify-content: center;
margin-bottom: 5px; border-bottom: 2px solid #001c35;
} }
} .p-case .c-search__tab {
.p-case .c-search__item.active{ width: 49.5%;
background: #003b70; text-align: center;
color:#fff; font-size: 1.8rem;
position: relative; background: #fff;
} color: #333333;
@media screen and (max-width: 767px) { padding: 14px;
.p-case .c-search__item.active:before{ font-weight: bold;
content: ""; cursor: pointer;
width:15px; border: 1px solid #ececec;
height: 2px; border-bottom: none;
background: #fff; }
position:absolute; @media screen and (max-width: 767px) {
right:10px; .p-case .c-search__tab {
top:50%; width: 49%;
transform: translateY(-50%) rotate(45deg); font-size: 1.5rem;
} padding: 10px;
.p-case .c-search__item.active:after{ }
content: ""; }
width:15px; .p-case .c-search__tab.active {
height: 2px; background: #001c35;
background: #fff; border: 1px solid #001c35;
position:absolute; color: #fff;
right:10px; }
top:50%; .p-case .c-search__tab:first-child {
transform: translateY(-50%) rotate(-45deg); margin-right: 1%;
} }
} @media screen and (max-width: 767px) {
.p-case .c-case__box{ .p-case .c-search__tab:first-child {
display: none; margin-right: 2%;
} }
.p-case .c-case__box:first-child{ }
display: block; .p-case .c-search__list {
} border: 1px solid #ececec;
.p-case-detail1 .c-title1 { padding: 30px;
margin-bottom: 30px; } display: none;
background: #fff;
.p-case-detail1 .c-imgtext { }
border: 1px solid #ebebeb; @media screen and (max-width: 767px) {
display: -webkit-box; .p-case .c-search__list {
display: -webkit-flex; padding: 15px;
display: -ms-flexbox; }
display: flex; }
padding: 30px 30px 28px; .p-case .c-search__list.active {
margin-bottom: 51px; } display: flex;
@media screen and (max-width: 767px) { flex-wrap: wrap;
.p-case-detail1 .c-imgtext { }
display: block; @media screen and (max-width: 767px) {
padding: 15px; .p-case .c-search__list.active {
margin-bottom: 30px; } } display: block;
.p-case-detail1 .c-imgtext__image { }
width: 300px; } }
@media screen and (max-width: 767px) { .p-case .c-search__item {
.p-case-detail1 .c-imgtext__image { font-size: 1.2rem;
width: 100%; color: #333;
text-align: center; padding: 10px 14px;
margin-bottom: 10px; } border: 1px solid #ececec;
.p-case-detail1 .c-imgtext__image img { margin-right: 15px;
width: auto; } } cursor: pointer;
.p-case-detail1 .c-imgtext__info { background: #fff;
width: calc(100% - 300px); border-radius: 5px;
color: #363636; font-weight: bold;
font-family: heisei-kaku-gothic-std, sans-serif; margin-top: 5px;
padding-left: 30px; } }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__info { .p-case .c-search__item {
width: 100%; width: 100%;
padding: 0; } } padding: 8px 10px;
.p-case-detail1 .c-imgtext__title { }
font-size: 2.4rem; .p-case .c-search__item:not(:last-child) {
font-weight: bold; margin-bottom: 5px;
margin: -6px 0 3px; } }
@media screen and (max-width: 767px) { }
.p-case-detail1 .c-imgtext__title { .p-case .c-search__item.active {
margin: 0; background: #003b70;
font-size: 2rem; } } color: #fff;
.p-case-detail1 .c-imgtext__title2 { position: relative;
font-size: 2rem; }
font-weight: bold; @media screen and (max-width: 767px) {
margin-bottom: 10px; } .p-case .c-search__item.active:before {
@media screen and (max-width: 767px) { content: "";
.p-case-detail1 .c-imgtext__title2 { width: 15px;
font-size: 1.8rem; } } height: 2px;
.p-case-detail1 .c-imgtext__text { background: #fff;
font-size: 1.8rem; } position: absolute;
@media screen and (max-width: 767px) { right: 10px;
.p-case-detail1 .c-imgtext__text { top: 50%;
font-size: 1.6rem; } } transform: translateY(-50%) rotate(45deg);
.p-case-detail1 .c-imgtext__text + p { }
font-size: 1.8rem; } .p-case .c-search__item.active:after {
@media screen and (max-width: 767px) { content: "";
.p-case-detail1 .c-imgtext__text + p { width: 15px;
font-size: 1.6rem; } } height: 2px;
background: #fff;
.p-case-detail1 .c-info { position: absolute;
margin-bottom: 33px; } right: 10px;
.p-case-detail1 .c-info dl { top: 50%;
display: -webkit-box; transform: translateY(-50%) rotate(-45deg);
display: -webkit-flex; }
display: -ms-flexbox; }
display: flex; .p-case .c-case__box {
color: #363636; display: none;
font-family: heisei-kaku-gothic-std, sans-serif; }
margin-bottom: 8px; } .p-case .c-case__box:first-child {
.p-case-detail1 .c-info dl dt { display: block;
width: 120px; }
font-size: 2rem; .p-case-detail1 .c-title1 {
font-weight: bold; } margin-bottom: 30px;
@media screen and (max-width: 767px) { }
.p-case-detail1 .c-info dl dt { .p-case-detail1 .c-imgtext {
font-size: 1.8rem; border: 1px solid #ebebeb;
width: 110px; } } display: -webkit-box;
.p-case-detail1 .c-info dl dd { display: -webkit-flex;
width: calc(100% - 120px); display: -ms-flexbox;
font-size: 1.6rem; } display: flex;
@media screen and (max-width: 767px) { padding: 30px 30px 28px;
.p-case-detail1 .c-info dl dd { margin-bottom: 51px;
width: calc(100% - 110px); }
font-size: 1.4rem; } } @media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext {
.p-case-detail1 .c-step dl { display: block;
min-height: 100px; padding: 15px;
display: -webkit-box; margin-bottom: 30px;
display: -webkit-flex; }
display: -ms-flexbox; }
display: flex; .p-case-detail1 .c-imgtext__image {
font-family: heisei-kaku-gothic-std, sans-serif; } width: 300px;
.p-case-detail1 .c-step dl dt { }
width: 100px; @media screen and (max-width: 767px) {
display: -webkit-box; .p-case-detail1 .c-imgtext__image {
display: -webkit-flex; width: 100%;
display: -ms-flexbox; text-align: center;
display: flex; margin-bottom: 10px;
-webkit-box-align: center; }
-webkit-align-items: center; .p-case-detail1 .c-imgtext__image img {
-ms-flex-align: center; width: auto;
align-items: center; }
-webkit-box-pack: center; }
-webkit-justify-content: center; .p-case-detail1 .c-imgtext__info {
-ms-flex-pack: center; width: calc(100% - 300px);
justify-content: center; color: #363636;
font-size: 2rem; font-family: heisei-kaku-gothic-std, sans-serif;
color: #fff; padding-left: 30px;
font-weight: bold; }
text-align: center; @media screen and (max-width: 767px) {
background-color: #003c70; } .p-case-detail1 .c-imgtext__info {
@media screen and (max-width: 767px) { width: 100%;
.p-case-detail1 .c-step dl dt { padding: 0;
width: 80px; }
font-size: 1.8rem; } } }
.p-case-detail1 .c-step dl dd { .p-case-detail1 .c-imgtext__title {
width: calc(100% - 100px); } font-size: 2.4rem;
@media screen and (max-width: 767px) { font-weight: bold;
.p-case-detail1 .c-step dl dd { margin: -6px 0 3px;
width: calc(100% - 80px); } } }
.p-case-detail1 .c-step dl:first-of-type dt { @media screen and (max-width: 767px) {
padding-top: 5px; } .p-case-detail1 .c-imgtext__title {
.p-case-detail1 .c-step dl:first-of-type dd { margin: 0;
padding: 10px 0 4px; } font-size: 2rem;
.p-case-detail1 .c-step dl:last-of-type { }
position: relative; } }
.p-case-detail1 .c-step dl:last-of-type:before { .p-case-detail1 .c-imgtext__title2 {
content: ""; font-size: 2rem;
width: 100px; font-weight: bold;
height: 34px; margin-bottom: 10px;
background-image: url(/assets/img/service/case/step.jpg); }
background-position: center; @media screen and (max-width: 767px) {
background-repeat: no-repeat; .p-case-detail1 .c-imgtext__title2 {
position: absolute; font-size: 1.8rem;
top: 0; }
left: 0; } }
@media screen and (max-width: 767px) { .p-case-detail1 .c-imgtext__text {
.p-case-detail1 .c-step dl:last-of-type:before { font-size: 1.8rem;
width: 80px; } } }
.p-case-detail1 .c-step dl:last-of-type dt { @media screen and (max-width: 767px) {
background-color: #c63651; .p-case-detail1 .c-imgtext__text {
padding-top: 15px; } font-size: 1.6rem;
.p-case-detail1 .c-step dl:last-of-type dd { }
padding: 19px 0 0; } }
.p-case-detail1 .c-step dl:last-of-type ul li::before { .p-case-detail1 .c-imgtext__text + p {
background-color: #c63651; } font-size: 1.8rem;
}
.p-case-detail1 .c-step ul { @media screen and (max-width: 767px) {
padding-left: 20px; } .p-case-detail1 .c-imgtext__text + p {
.p-case-detail1 .c-step ul li { font-size: 1.6rem;
font-size: 1.6rem; }
color: #363636; }
position: relative; .p-case-detail1 .c-info {
padding-left: 12px; margin-bottom: 33px;
margin-bottom: 8px; } }
@media screen and (max-width: 767px) { .p-case-detail1 .c-info dl {
.p-case-detail1 .c-step ul li { display: -webkit-box;
font-size: 1.4rem; } } display: -webkit-flex;
.p-case-detail1 .c-step ul li:before { display: -ms-flexbox;
content: ""; display: flex;
width: 6px; color: #363636;
height: 6px; font-family: heisei-kaku-gothic-std, sans-serif;
background-color: #003c70; margin-bottom: 8px;
position: absolute; }
top: 9px; .p-case-detail1 .c-info dl dt {
left: 0; width: 120px;
border-radius: 50px; } font-size: 2rem;
font-weight: bold;
/* }
@media screen and (max-width: 767px) {
------------------------------------------------------------*/ .p-case-detail1 .c-info dl dt {
.p-case-detail2 { font-size: 1.8rem;
padding: 55px 0 0; } width: 110px;
@media screen and (max-width: 767px) { }
.p-case-detail2 { }
padding: 40px 0 0; } } .p-case-detail1 .c-info dl dd {
.p-case-detail .c-box { width: calc(100% - 120px);
margin: 36px 0 0; } font-size: 1.6rem;
.p-case-detail .c-box img { }
width: auto; } @media screen and (max-width: 767px) {
@media screen and (max-width: 767px) { .p-case-detail1 .c-info dl dd {
.p-case-detail .c-box img { width: calc(100% - 110px);
width: 100%; } font-size: 1.4rem;
} }
.p-case-detail .c-box p { }
margin: 7px 0 0; .p-case-detail1 .c-step dl {
font-size: 1.2rem; min-height: 100px;
color: #363636; display: -webkit-box;
line-height: 1.4; } display: -webkit-flex;
.p-case-detail .c-box__list { display: -ms-flexbox;
display: flex; display: flex;
justify-content: flex-start; font-family: heisei-kaku-gothic-std, sans-serif;
flex-wrap: wrap; }
margin-bottom: 27px; } .p-case-detail1 .c-step dl dt {
.p-case-detail .c-box__list li { width: 100px;
display: inline-block; display: -webkit-box;
margin: 0 16px 10px 0; display: -webkit-flex;
max-width: 188px; display: -ms-flexbox;
} display: flex;
@media screen and (max-width: 767px) { -webkit-box-align: center;
.p-case-detail .c-box__list li { -webkit-align-items: center;
margin: 0 2% 10px 0; -ms-flex-align: center;
width: 49%; align-items: center;
max-width: inherit; -webkit-box-pack: center;
} -webkit-justify-content: center;
.p-case-detail .c-box__list li:nth-child(2n){ -ms-flex-pack: center;
margin-right: 0; justify-content: center;
} font-size: 2rem;
} color: #fff;
/* font-weight: bold;
text-align: center;
------------------------------------------------------------*/ background-color: #003c70;
.p-case-detail3 { }
margin: 80px 0 0; @media screen and (max-width: 767px) {
padding: 77px 0 100px; .p-case-detail1 .c-step dl dt {
border-top: 2px solid #dbdbdb; width: 80px;
text-align: center; } font-size: 1.8rem;
@media screen and (max-width: 767px) { }
.p-case-detail3 { }
margin: 40px 0 0; .p-case-detail1 .c-step dl dd {
padding: 40px 0 50px; } } width: calc(100% - 100px);
.p-case-detail3 p { }
font-size: 1.8rem; @media screen and (max-width: 767px) {
color: #363636; .p-case-detail1 .c-step dl dd {
font-weight: bold; width: calc(100% - 80px);
margin-bottom: 14px; }
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; } }
@media screen and (max-width: 767px) { .p-case-detail1 .c-step dl:first-of-type dt {
.p-case-detail3 p { padding-top: 5px;
font-size: 1.6rem; } } }
.p-case-detail3 .c-btn1 { .p-case-detail1 .c-step dl:first-of-type dd {
width: 100%; padding: 10px 0 4px;
border-top: 2px solid #dbdbdb; }
margin-top: 80px; } .p-case-detail1 .c-step dl:last-of-type {
@media screen and (max-width: 767px) { position: relative;
.p-case-detail3 .c-btn1 { }
margin-top: 40px; } } .p-case-detail1 .c-step dl:last-of-type:before {
.p-case-detail3 .c-btn1 a { content: "";
margin: 80px auto 0; width: 100px;
padding: 28px 0 24px; height: 34px;
max-width: 600px; background-image: url(/assets/img/service/case/step.jpg);
display: block; background-position: center;
font-size: 2.4rem; background-repeat: no-repeat;
line-height: 1; position: absolute;
color: #263f6c; top: 0;
font-weight: bold; left: 0;
text-align: center; }
border: 2px solid #263f6c; @media screen and (max-width: 767px) {
position: relative; } .p-case-detail1 .c-step dl:last-of-type:before {
.p-case-detail3 .c-btn1 a:after { width: 80px;
content: ''; }
width: 10px; }
height: 10px; .p-case-detail1 .c-step dl:last-of-type dt {
border: 0px; background-color: #c63651;
border-top: solid 2px #263f6c; padding-top: 15px;
border-right: solid 2px #263f6c; }
-webkit-transform: rotate(45deg); .p-case-detail1 .c-step dl:last-of-type dd {
-ms-transform: rotate(45deg); padding: 19px 0 0;
transform: rotate(45deg); }
position: absolute; .p-case-detail1 .c-step dl:last-of-type ul li::before {
top: 50%; background-color: #c63651;
right: 20px; }
margin-top: -6px; } .p-case-detail1 .c-step ul {
@media screen and (max-width: 767px) { padding-left: 20px;
.p-case-detail3 .c-btn1 a { }
margin-top: 40px; } } .p-case-detail1 .c-step ul li {
font-size: 1.6rem;
color: #363636;
position: relative;
padding-left: 12px;
margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step ul li {
font-size: 1.4rem;
}
}
.p-case-detail1 .c-step ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: #003c70;
position: absolute;
top: 9px;
left: 0;
border-radius: 50px;
}
/*
------------------------------------------------------------*/
.p-case-detail2 {
padding: 55px 0 0;
}
@media screen and (max-width: 767px) {
.p-case-detail2 {
padding: 40px 0 0;
}
}
.p-case-detail .c-box {
margin: 36px 0 0;
}
.p-case-detail .c-box img {
width: auto;
}
@media screen and (max-width: 767px) {
.p-case-detail .c-box img {
width: 100%;
}
}
.p-case-detail .c-box p {
margin: 7px 0 0;
font-size: 1.2rem;
color: #363636;
line-height: 1.4;
}
.p-case-detail .c-box__list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 27px;
}
.p-case-detail .c-box__list li {
display: inline-block;
margin: 0 16px 10px 0;
max-width: 188px;
}
@media screen and (max-width: 767px) {
.p-case-detail .c-box__list li {
margin: 0 2% 10px 0;
width: 49%;
max-width: inherit;
}
.p-case-detail .c-box__list li:nth-child(2n) {
margin-right: 0;
}
}
/*
------------------------------------------------------------*/
.p-case-detail3 {
margin: 80px 0 0;
padding: 77px 0 100px;
border-top: 2px solid #dbdbdb;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-case-detail3 {
margin: 40px 0 0;
padding: 40px 0 50px;
}
}
.p-case-detail3 p {
font-size: 1.8rem;
color: #363636;
font-weight: bold;
margin-bottom: 14px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
@media screen and (max-width: 767px) {
.p-case-detail3 p {
font-size: 1.6rem;
}
}
.p-case-detail3 .c-btn1 {
width: 100%;
border-top: 2px solid #dbdbdb;
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 {
margin-top: 40px;
}
}
.p-case-detail3 .c-btn1 a {
margin: 80px auto 0;
padding: 28px 0 24px;
max-width: 600px;
display: block;
font-size: 2.4rem;
line-height: 1;
color: #263f6c;
font-weight: bold;
text-align: center;
border: 2px solid #263f6c;
position: relative;
}
.p-case-detail3 .c-btn1 a:after {
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #263f6c;
border-right: solid 2px #263f6c;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -6px;
}
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 a {
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