@charset "utf-8";
    .siteContent h1,
.siteContent h2,
.siteContent h3,
.siteContent h4,
.siteContent h5,
.siteContent h6 {
padding: 0;
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
border: none;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
.siteContent h1:before,
.siteContent h2:before,
.siteContent h3:before,
.siteContent h4:before,
.siteContent h5:before,
.siteContent h6:before,
.siteContent h1:after,
.siteContent h2:after,
.siteContent h3:after,
.siteContent h4:after,
.siteContent h5:after,
.siteContent h6:after {
display: none;
}
.siteContent p {
margin: 0;
}
.siteContent dl,
.siteContent ol,
.siteContent ul,
.siteContent dl dt,
.siteContent dl dd,
.siteContent ol li,
.siteContent ul li {
margin: 0;
padding: 0;
list-style-type: none;
border: none;
font-weight: 400;
}   .siteHeader {
position: absolute;
left: 0;
top: 0;
}   .siteContent {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.siteContent img {
width: 100%;
}   .sec_wrap {
position: relative;
}
.sec_wrap .container {
position: relative;
max-width: 990px;
}   .sec_mv_wrap .container {
max-width: 100%;
}
.sec_mv_wrap .mv_wrap {
height: 100vh;
min-height: 800px;
overflow: hidden;
}
.sec_mv_wrap .mv_wrap .txt_wrap {
position: absolute;
left: 0;
top: calc(50% + 80px);
transform: translateY(-50%);
z-index: 20;
}
.sec_mv_wrap .mv_wrap .ttl_wrap {
margin-bottom: 60px;
padding: 60px 80px;
line-height: 2.4;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_1.png);
background-position: left top;
background-size: 5px;
background-color: rgba(255, 255, 255, 0.5);
}
.sec_mv_wrap .mv_wrap .ttl_wrap .ttl {
margin-bottom: 30px;
font-size: 30px;
}
.sec_mv_wrap .mv_wrap .point {
display: flex;
margin-left: 80px;
}
.sec_mv_wrap .mv_wrap .point>li {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 220px;
height: 220px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.9);
}
.sec_mv_wrap .mv_wrap .point>li::before {
content: "";
position: absolute;
left: 50%;
top: 35px;
transform: translateX(-50%);
display: block;
width: 15px;
height: 15px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/ico/deco_3.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.sec_mv_wrap .mv_wrap .point>li::after {
content: "";
position: absolute;
left: 8px;
top: 8px;
display: block;
width: calc(100% - 16px);
height: calc(100% - 16px);
border-radius: 50%;
border: 1px dashed #333;
}
.sec_mv_wrap .mv_wrap .point>li+li {
margin-left: 40px;
}
.sec_mv_wrap .mv_wrap .point .ttl {
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
}
.sec_mv_wrap .mv_wrap .point .ttl span {
font-size: 24px;
}
.sec_mv_wrap .slide_wrap .bg {
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
}
.sec_mv_wrap .slide_wrap .slick-dots {
position: absolute;
bottom: 30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.sec_mv_wrap .slide_wrap .slick-dots li {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.sec_mv_wrap .slide_wrap .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.sec_mv_wrap .slide_wrap .slick-dots li button:hover,
.sec_mv_wrap .slide_wrap .slick-dots li button:focus {
outline: none;
}
.sec_mv_wrap .slide_wrap .slick-dots li button:hover:before,
.sec_mv_wrap .slide_wrap .slick-dots li button:focus:before {
opacity: 1;
}
.sec_mv_wrap .slide_wrap .slick-dots li button:before {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #FFF;
transition: 0.3s ease-in-out;
}
.sec_mv_wrap .slide_wrap .slick-dots li.slick-active button:before {
background-color: #384658;
}
@media (max-width: 991px) {
.sec_mv_wrap .mv_wrap {
min-height: auto;
}
.sec_mv_wrap .mv_wrap,
.sec_mv_wrap .slide_wrap .bg{
height: 70vh;
}
.sec_mv_wrap .mv_wrap .txt_wrap {
top: auto;
bottom: 20%;
bottom: 3%;
transform: translateY(0);
width: 100%;
}
.sec_mv_wrap .mv_wrap .ttl_wrap {
margin-bottom: 45px;
margin-bottom: 15px;
padding: 35px 35px;
padding: 15px 35px;
display: table;
}
.sec_mv_wrap .mv_wrap .ttl_wrap .ttl {
margin-bottom: 0;
font-size: 18px;
}
.sec_mv_wrap .mv_wrap .ttl_wrap .copy {
display: none;
}
.sec_mv_wrap .mv_wrap .point {
justify-content: center;
margin-left: 0;
}
.sec_mv_wrap .mv_wrap .point>li {
width: 100px;
height: 100px;
}
.sec_mv_wrap .mv_wrap .point>li::before {
top: 15px;
width: 6px;
height: 6px;
}
.sec_mv_wrap .mv_wrap .point>li::after {
left: 4px;
top: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
}
.sec_mv_wrap .mv_wrap .point>li+li {
margin-left: 10px;
}
.sec_mv_wrap .mv_wrap .point .ttl {
font-size: 10px;
letter-spacing: 0;
line-height: 1.2;
}
.sec_mv_wrap .mv_wrap .point .ttl span {
font-size: 13px;
}
.sec_mv_wrap .slide_wrap .slick-dots {
display: none !important;
}
}   .sec_news_wrap {
padding-top: 50px;
padding-bottom: 100px;
}
.sec_news_wrap::after {
content: "";
position: absolute;
right: calc(50% + 250px);
top: 0;
display: block;
width: calc(50vw + 250px);
height: 290px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_1.png);
background-position: left top;
background-size: 5px;
}
.sec_news_wrap .sec_ttl {
position: absolute;
left: 0;
top: 0;
}
.sec_news_wrap .sec_ttl .ja {
display: block;
margin-bottom: 20px;
font-size: 18px;
}
.sec_news_wrap .sec_ttl .en {
display: block;
font-size: 26px;
}
.sec_news_wrap .archive {
margin-bottom: 60px;
padding-left: 280px;
}
.sec_news_wrap .archive li {
position: relative;
display: flex;
padding-bottom: 20px;
margin-bottom: 20px;
font-size: 15px;
border-bottom: 1px solid #b7c4d0;
}
.sec_news_wrap .archive li::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
display: block;
width: 80px;
height: 3px;
background-color: #384658;
}
.sec_news_wrap .archive .date {
flex: none;
width: 110px;
}
.sec_news_wrap .archive .ttl {
flex: auto;
width: auto;
}
.sec_news_wrap .btn_wrap {
padding-left: 280px;
}
@media (max-width: 991px) {
.sec_news_wrap {
padding-top: 25px;
padding-bottom: 80px;
}
.sec_news_wrap::after {
left: 0;
right: auto;
top: 0;
display: block;
width: 290px;
height: 100px;
}
.sec_news_wrap .sec_ttl {
position: relative;
margin-bottom: 40px;
}
.sec_news_wrap .archive li {
display: block;
}
.sec_news_wrap .sec_ttl .ja {
margin-bottom: 10px;
font-size: 15px;
}
.sec_news_wrap .sec_ttl .en {
font-size: 20px;
}
.sec_news_wrap .archive {
margin-bottom: 40px;
padding-left: 0;
}
.sec_news_wrap .archive li::after {
width: 40px;
}
.sec_news_wrap .archive .date {
width: auto;
}
.sec_news_wrap .btn_wrap {
padding-left: 0;
}
}   .sec_reason_wrap {
padding-top: 70px;
padding-bottom: 100px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/home/img/reason_bg_1.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.sec_reason_wrap .sec_ttl {
margin-bottom: 40px;
}
.sec_reason_wrap .list {
margin-bottom: 60px;
}
.sec_reason_wrap .list>ul {
display: flex;
flex-wrap: wrap;
margin-right: -30px;
margin-bottom: -50px;
}
.sec_reason_wrap .list>ul>li {
position: relative;
padding: 20px 20px 30px;
margin-right: 30px;
margin-bottom: 30px;
width: calc(33.33% - 30px);
background-color: #FFF;
border: 1px solid #333333;
}
.sec_reason_wrap .list>ul>li::before {
content: "";
position: absolute;
left: 50%;
top: -1px;
transform: translateX(-50%);
display: block;
width: 50px;
height: 1px;
background-color: #FFF;
}
.sec_reason_wrap .list>ul>li::after {
content: "";
position: absolute;
left: 50%;
top: -7px;
transform: translateX(-50%);
display: block;
width: 15px;
height: 15px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/ico/deco_3.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.sec_reason_wrap .list>ul>li:nth-child(n+4) {
width: calc(50% - 30px);
}
.sec_reason_wrap .list .no {
margin-bottom: 20px;
color: #333;
font-size: 36px;
text-align: center;
}
.sec_reason_wrap .list .no::before {
content: "REASON";
display: block;
margin-bottom: 5px;
font-size: 14px;
}
.sec_reason_wrap .list .img {
margin: 0 auto 15px;
max-width: 250px;
}
.sec_reason_wrap .list .ttl {
margin-bottom: 20px;
font-size: 20px;
text-align: center;
}
.sec_reason_wrap .list .desc {
font-size: 15px;
}
@media (max-width: 991px) {
.sec_reason_wrap {
padding-top: 50px;
padding-bottom: 70px;
background-size: contain;
}
.sec_reason_wrap .list {
margin-bottom: 40px;
}
.sec_reason_wrap .list>ul {
margin-right: 0;
margin-bottom: -40px;
}
.sec_reason_wrap .list>ul>li {
padding: 20px 20px 30px;
margin-right: 0;
margin-bottom: 40px;
width: 100% !important;
}
}   .sec_disease_wrap {
padding-top: 60px;
padding-bottom: 100px;
background-color: #f1f3f6;
}
.sec_disease_wrap .sec_ttl {
margin-bottom: 50px;
}
.sec_disease_wrap .ctrl_wrap {
margin-bottom: 100px;
}
.sec_disease_wrap .ctrl_wrap>ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec_disease_wrap .ctrl_wrap>ul>li {
flex: auto;
margin-bottom: 25px;
padding: 5px 30px;
width: auto;
margin-left: -1px;
border-left: 1px solid #927244;
border-right: 1px solid #927244;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.sec_disease_wrap .ctrl_wrap>ul>li:hover {
background-color: #FFF;
}
.sec_disease_wrap .ctrl_wrap>ul>li>span {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.sec_disease_wrap .slide_wrap {
position: relative;
}
.sec_disease_wrap .slide_wrap::after {
content: "";
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 100%;
height: 100%;
background-color: #d7dade;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_2.png);
background-position: left top;
background-size: 5px;
}
.sec_disease_wrap .slide {
margin-bottom: 70px;
background-color: #FFF;
z-index: 2;
}
.sec_disease_wrap .slick-list {
overflow: visible;
}
.sec_disease_wrap .slick-next,
.sec_disease_wrap .slick-prev {
position: absolute;
top: 0;
display: block;
width: 50px;
height: 50px;
border: none;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
padding: 0;
outline: 0;
z-index: 10;
cursor: pointer;
background-color: #384658;
transition: 0.3s ease-in-out;
}
.sec_disease_wrap .slick-next:hover,
.sec_disease_wrap .slick-prev:hover {
background-color: #0c131e;
}
.sec_disease_wrap .slick-prev:before,
.sec_disease_wrap .slick-next:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
transform: translate(-80%, -50%) rotate(45deg);
transition: 0.3s ease-in-out;
}
.sec_disease_wrap .slick-next {
right: 0;
transform: rotate(0deg);
}
.sec_disease_wrap .slick-prev {
right: 51px;
transform: rotate(-180deg);
}
.sec_disease_wrap .slide_item {
position: relative;
padding: 50px 50px 50px 190px;
background-color: #FFF;
}
.sec_disease_wrap .slide_item .img {
position: absolute;
left: -150px;
top: -50px;
width: 300px;
}
.sec_disease_wrap .slide_item .ttl {
margin-bottom: 30px;
font-size: 28px;
text-align: center;
}
.sec_disease_wrap .slide_item .ttl::after {
content: "";
display: block;
margin-top: 40px;
height: 5px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_1.png);
background-position: left top;
background-size: 5px;
}
.sec_disease_wrap .slide_item .list {
display: flex;
font-size: 12px;
}
.sec_disease_wrap .slide_item .list>ul {
padding-left: 2em;
}
.sec_disease_wrap .slide_item .list>ul+ul {
margin-left: 10px;
}
.sec_disease_wrap .slide_item .list>ul>li {
list-style-type: disc;
}
.sec_disease_wrap .slide_item .list>ul>li+li {
margin-top: 5px;
}
.sec_disease_wrap .list_2>ul {
display: flex;
background-color: #FFF;
}
.sec_disease_wrap .list_2>ul>li {
padding: 25px 20px 20px;
width: 33.33%;
color: #384658;
}
.sec_disease_wrap .list_2>ul>li+li {
border-left: 1px solid #384658;
}
.sec_disease_wrap .list_2 .ttl {
margin-bottom: 10px;
font-size: 22px;
text-align: center;
}
.sec_disease_wrap .list_2 .img {
margin: 0 auto 10px;
max-width: 95px;
}
.sec_disease_wrap .list_2 .desc {
margin-bottom: 20px;
font-size: 14px;
text-align: center;
}
.sec_disease_wrap .list_2 .btn {
width: 100%;
}
@media (max-width: 991px) {
.sec_disease_wrap {
padding-top: 50px;
padding-bottom: 60px;
}
.sec_disease_wrap .sec_ttl {
margin-bottom: 40px;
}
.sec_disease_wrap .ctrl_wrap {
margin-bottom: 85px;
}
.sec_disease_wrap .ctrl_wrap>ul>li {
margin-bottom: 10px;
padding: 3px 5px;
}
.sec_disease_wrap .ctrl_wrap>ul>li>span {
font-size: 11px;
}
.sec_disease_wrap .slide_wrap::after {
left: 10px;
top: 10px;
}
.sec_disease_wrap .slide {
margin-bottom: 50px;
}
.sec_disease_wrap .slick-next,
.sec_disease_wrap .slick-prev {
width: 30px;
height: 30px;
}
.sec_disease_wrap .slick-prev {
right: 31px;
}
.sec_disease_wrap .slide_item {
padding: 80px 20px 30px 20px;
}
.sec_disease_wrap .slide_item .img {
left: -10px;
top: -50px;
width: 110px;
}
.sec_disease_wrap .slide_item .ttl {
margin-bottom: 20px;
font-size: 16px;
}
.sec_disease_wrap .slide_item .ttl::after {
margin-top: 20px;
}
.sec_disease_wrap .slide_item .list {
display: block;
font-size: 11px;
}
.sec_disease_wrap .slide_item .list>ul+ul {
margin-left: 5px;
}
.sec_disease_wrap .slide_item .list>ul>li+li {
margin-top: 5px;
}
.sec_disease_wrap .list_2>ul {
display: block;
}
.sec_disease_wrap .list_2>ul>li {
width: auto;
}
.sec_disease_wrap .list_2>ul>li+li {
border-left: none;
border-top: 1px solid #384658;
}
.sec_disease_wrap .list_2 .ttl {
font-size: 18px;
}
}   .sec_troubles_wrap {
padding-top: 70px;
padding-bottom: 90px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_3.png);
background-position: left top;
background-size: 16px;
background-color: #f5f3f1;
}
.sec_troubles_wrap .sec_ttl {
margin-bottom: 50px;
}
.sec_troubles_wrap .list_1 {
margin: 0 -50px;
padding: 50px;
background-color: #FFF;
}
.sec_troubles_wrap .list_1>ul {
display: flex;
flex-wrap: wrap;
margin-right: -30px;
margin-bottom: -50px;
}
.sec_troubles_wrap .list_1>ul>li {
margin-right: 30px;
margin-bottom: 50px;
width: calc(25% - 30px);
}
.sec_troubles_wrap .list_1>ul>li:nth-child(n+5) {
width: calc(33.33% - 30px);
}
.sec_troubles_wrap .list_1 a {
display: block;
text-decoration: none;
}
.sec_troubles_wrap .list_1 .ttl {
margin-bottom: 20px;
font-size: 20px;
text-align: center;
}
.sec_troubles_wrap .list_1 .ttl::before {
content: "";
display: block;
margin-bottom: 15px;
height: 14px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/home/img/troubles_ico_1.png);
background-size: 500px auto;
background-repeat: no-repeat;
background-position: center;
}
.sec_troubles_wrap .list_1 .img {
margin-bottom: 10px;
transition: 0.3s ease-in-out;
}
.sec_troubles_wrap .list_1 a:hover .img {
opacity: 0.6;
}
.sec_troubles_wrap .list_1 .course {
padding-left: 2em;
font-size: 14px;
}
.sec_troubles_wrap .list_1 .course>li {
list-style-type: disc;
}
.sec_troubles_wrap .list_1 .course>li+li {
margin-top: 5px;
}
.sec_troubles_wrap .list_2 {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #cdc0ad;
}
.sec_troubles_wrap .list_2>ul {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
margin-bottom: -10px;
}
.sec_troubles_wrap .list_2>ul>li {
margin-right: 10px;
margin-bottom: 10px;
width: calc(50% - 10px);
}
.sec_troubles_wrap .list_2 a {
display: block;
}
@media (max-width: 991px) {
.sec_troubles_wrap {
padding-top: 45px;
padding-bottom: 60px;
}
.sec_troubles_wrap .sec_ttl {
margin-bottom: 35px;
}
.sec_troubles_wrap .list_1 {
margin: 0 0;
padding: 20px;
}
.sec_troubles_wrap .list_1>ul {
margin-right: -10px;
margin-bottom: -20px;
}
.sec_troubles_wrap .list_1>ul>li {
margin-right: 10px;
margin-bottom: 20px;
width: calc(50% - 10px) !important;
}
.sec_troubles_wrap .list_1 .ttl {
margin-bottom: 10px;
font-size: 14px;
}
.sec_troubles_wrap .list_1 .ttl::before {
margin-bottom: 10px;
height: 14px;
}
.sec_troubles_wrap .list_1 .course {
font-size: 12px;
}
.sec_troubles_wrap .list_2 {
padding-top: 20px;
margin-top: 20px;
}
.sec_troubles_wrap .list_2>ul {
margin-right: 0;
}
.sec_troubles_wrap .list_2>ul>li {
margin-right: 0;
width: 100%;
}
}   .sec_search_wrap {
padding-top: 70px;
}
.sec_search_wrap .sec_ttl {
margin-bottom: 40px;
}
.sec_search_wrap .search {
display: flex;
justify-content: center;
margin-bottom: 100px;
}
.sec_search_wrap .search .searchform>div {
display: flex;
}
.sec_search_wrap .search .form-control {
border-radius: 0;
border-color: #c7c7c7;
}
.sec_search_wrap .search .btn {
flex: none;
margin-left: 10px;
border-radius: 0;
background-color: #384658;
border: none;
}
.sec_search_wrap .search .btn:hover {
background-color: #0c131e;
}
.sec_search_wrap .img span {
display: block;
height: 250px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/home/img/search_img_1.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 991px) {
.sec_search_wrap {
padding-top: 40px;
}
.sec_search_wrap .search {
margin-bottom: 50px;
}
.sec_search_wrap .search .form-control {
margin-bottom: 0;
}
.sec_search_wrap .img span {
padding-top: 37%;
height: 0;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/home/img/search_img_1_sp.jpg);
background-size: cover;
}
}   .sec_consultation_wrap {
padding-top: 70px;
padding-bottom: 140px;
}
.sec_consultation_wrap .sec_ttl {
margin-bottom: 70px;
}
.sec_consultation_wrap .block {
position: relative;
}
.sec_consultation_wrap .block::before,
.sec_consultation_wrap .block::after {
content: "";
position: absolute;
display: block;
width: 290px;
height: 290px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_1.png);
background-position: left top;
background-size: 5px;
}
.sec_consultation_wrap .block::before {
left: -40px;
top: -40px;
}
.sec_consultation_wrap .block::after {
right: -40px;
bottom: -40px;
}
.sec_consultation_wrap .block_inner {
position: relative;
padding: 80px;
background-color: #ebe5db;
z-index: 2;
}
@media (max-width: 991px) {
.sec_consultation_wrap {
padding-top: 50px;
padding-bottom: 90px;
}
.sec_consultation_wrap .sec_ttl {
margin-bottom: 60px;
}
.sec_consultation_wrap .block::before,
.sec_consultation_wrap .block::after {
width: 200px;
height: 200px;
}
.sec_consultation_wrap .block::before {
left: -20px;
top: -20px;
}
.sec_consultation_wrap .block::after {
right: -20px;
bottom: -20px;
}
.sec_consultation_wrap .block_inner {
padding: 40px 20px;
}
}   .sec_greeting_wrap {
padding-top: 35px;
}
.sec_greeting_wrap::before {
content: "";
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
display: block;
width: 100vw;
height: 180px;
background-color: #d7dade;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_2.png);
background-position: left top;
background-size: 5px;
}
.sec_greeting_wrap .sec_ttl {
text-align: left;
}
.sec_greeting_wrap .sec_ttl .ja {
margin-left: -5px;
}
.sec_greeting_wrap .sec_ttl::before {
background-position: left center;
}
.sec_greeting_wrap .txt_wrap {
margin-top: -50px;
margin-bottom: 70px;
}
.sec_greeting_wrap .txt_wrap .img {
margin-left: 30px;
margin-bottom: 30px;
width: 500px;
float: right;
}
.sec_greeting_wrap .txt_wrap .ttl {
padding-top: 170px;
margin-bottom: 50px;
font-size: 28px;
}
.sec_greeting_wrap .txt_wrap p+p {
margin-top: 1.2rem;
}
.sec_greeting_wrap .txt_wrap .post {
margin-top: 2rem;
}
.sec_greeting_wrap .txt_wrap .name {
margin-top: 0;
font-size: 20px;
}
@media (max-width: 991px) {
.sec_greeting_wrap {
padding-top: 30px;
}
.sec_greeting_wrap::before {
height: 170px;
}
.sec_greeting_wrap .sec_ttl {
margin-bottom: 20px;
text-align: center;
}
.sec_greeting_wrap .sec_ttl .ja {
margin-left: auto;
}
.sec_greeting_wrap .sec_ttl::before {
background-position: center center;
}
.sec_greeting_wrap .txt_wrap {
margin-top: 0;
margin-bottom: 40px;
}
.sec_greeting_wrap .txt_wrap .img {
margin-left: 0;
margin-bottom: 30px;
width: auto;
float: none;
}
.sec_greeting_wrap .txt_wrap .ttl {
padding-top: 0;
margin-bottom: 30px;
font-size: 20px;
}
}   .sec_miradry_wrap {
padding-top: 50px;
padding-bottom: 100px;
}
.sec_miradry_wrap .img {
position: relative;
margin-bottom: 70px;
}
.sec_miradry_wrap .img::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 50%;
height: 400px;
background-color: #f2f2f2;
}
.sec_miradry_wrap .img span {
position: relative;
display: block;
height: 569px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/home/img/miradry_img_1.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
@media (max-width: 991px) {
.sec_miradry_wrap {
padding-top: 40px;
padding-bottom: 70px;
}
.sec_miradry_wrap .img {
margin-bottom: 30px;
}
.sec_miradry_wrap .img::after {
display: none;
}
.sec_miradry_wrap .img span {
height: 0;
padding-top: 58%;
}
}   .sec_access_wrap {
padding-top: 70px;
padding-bottom: 70px;
}
.sec_access_wrap .sec_ttl {
margin-bottom: 50px;
}
.sec_access_wrap .sec_copy {
margin-bottom: 50px;
text-align: center;
}
.sec_access_wrap .map {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.sec_access_wrap {
padding-top: 50px;
padding-bottom: 50px;
}
.sec_access_wrap .sec_ttl {
margin-bottom: 40px;
}
.sec_access_wrap .sec_copy {
margin-bottom: 20px;
}
.sec_access_wrap .map {
margin-bottom: 25px;
}
.sec_access_wrap .map iframe {
height: 200px;
}
}   .sec_alliance_wrap {
padding-top: 70px;
padding-bottom: 70px;
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/common/img/bg/dot_3.png);
background-position: left top;
background-size: 16px;
background-color: #f5f3f1;
}
.sec_alliance_wrap .sec_ttl {
margin-bottom: 50px;
}
.sec_alliance_wrap .list>ul {
display: flex;
justify-content: center;
}
.sec_alliance_wrap .list>ul::before {
content: "/";
}
.sec_alliance_wrap .list>ul>li {
display: flex;
}
.sec_alliance_wrap .list>ul>li::after {
content: "/";
}
.sec_alliance_wrap .list>ul>li>a {
display: block;
padding: 0 30px;
}
@media (max-width: 991px) {
.sec_alliance_wrap {
padding-top: 50px;
padding-bottom: 50px;
}
.sec_alliance_wrap .sec_ttl {
margin-bottom: 25px;
}
.sec_alliance_wrap .list>ul {
display: block;
}
.sec_alliance_wrap .list>ul::before {
display: none;
}
.sec_alliance_wrap .list>ul>li {
display: block;
}
.sec_alliance_wrap .list>ul>li+li {
margin-top: 10px;
}
.sec_alliance_wrap .list>ul>li::after {
display: none;
}
.sec_alliance_wrap .list>ul>li>a {
text-align: center;
}
}