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