@charset "UTF-8";

.contents{
padding: 112px 0 0;
}
.lower-heading .inner > div{
display: flex;
align-items: center;
gap: 20px;
}
.lower-heading .inner > div img{
height: fit-content;
}
.lower-heading .inner > div p{
font-size: 30px;
color: #fff;
font-weight: bold;
letter-spacing: -0.05rem;
line-height: 1.38;
}
.lower-heading{
padding: 117px 0 93px;
}
.lower-heading .inner div:nth-child(2) ul{
display: none;
}
.main .inner{
position: relative;
}
.main .inner .main_img{
position: relative;
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/about/main.webp) no-repeat center center;
background-size: cover;
background-position: center;
width: 900px;
height: 561px;
margin: -180px 0 0 auto;
}
.main .inner .bg_txt{
position: absolute;
bottom: 12.4%;
top: unset;
left: 0;
display: grid;
}
.main .inner .bg_txt p{
width: fit-content;
color: #fff;
font-size: 30px;
font-weight: bold;
letter-spacing: 0.05rem;
background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
padding: 0 0 0 25px;
}
.main .inner .bg_txt p span{
font-size: 50px;
}
.main .inner .bg_txt p:last-child{
margin: 20px 0 0;
}
.symptom{
padding: 60px 0;
}
.symptom h2{
text-align: center;
font-size: 30px;
letter-spacing: 0.05rem;
}
.symptom .bg_txt2{
position: relative;
color: #fff;
width: fit-content;
margin: 25px auto 0;
padding: 15px 25px;
font-size: 30px;
font-weight: bold;
letter-spacing: 0.05rem;
line-height: 1.3;
background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
}
.symptom .symptoms-wrapper{
display: flex;
flex-wrap: wrap;
gap: 15px;
margin: 30px 0 0;
}
.symptom .symptoms-wrapper .symptoms-box{
width: calc((100% - 30px) / 3 );
}
.symptom .symptoms-wrapper .symptoms-box .title{
position: relative;
display: flex;
width: 100%;
gap: 20px;
align-items: center;
margin: 0;
padding: 15px 30px;
background-color: #C20064;
color: #fff;
border-radius: 5px 5px 0 0;
cursor: pointer;
}
.symptom .symptoms-wrapper .symptoms-box .title:after{
position: absolute;
content: "";
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/common/icon-plus-white.svg) no-repeat center center;
background-size: contain;
width: 22px;
height: 22px;
top: 0;
bottom: 0;
margin: auto;
right: 26px;
}
.symptom .symptoms-wrapper .symptoms-box.is-open .title:after{
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/common/icon-minus-white.svg) no-repeat center center;
background-size: contain;
}
.symptom .symptoms-wrapper .symptoms-box .title img{
width: auto;
height: 50px;
margin: 0;
}
.symptom .symptoms-wrapper .symptoms-box .title p{
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
}
.symptom .symptoms-wrapper .symptoms-box ul{
display: none;
flex-wrap: wrap;
gap: 20px;
background-color: #fff;
border-radius: 0 0 5px 5px;
padding: 20px 40px;
}
.symptom .symptoms-wrapper .symptoms-box.is-open ul{
display: flex;
}
.symptom .symptoms-wrapper .symptoms-box ul li{
position: relative;
padding: 0 0 0 18px;
}
.symptom .symptoms-wrapper .symptoms-box ul li:before{
position: absolute;
content: "";
width: 8px;
height: 8px;
background-color: #C20064;
border-radius: 50px;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.symptom .search-btn{
margin: 60px auto 0;
}
.symptom .search-btn a{
display: block;
width: fit-content;
margin: 0 auto;
padding: 20px 70px;
background-color: #C20064;
border-radius: 35px;
color: #fff;
font-size: 23px;
font-weight: bold;
letter-spacing: -0.05rem;
}
.about h2{
font-size: 40px;
text-align: center;
letter-spacing: 0;
}
.symptom > img{
display: block;
width: 711px;
margin: -80px auto -26px;
}
.symptom > img.sp{
display: none;
}
.benefit{
padding: 0 0 90px;
}
.benefit .inner > div{
width: fit-content;
background: #fff;
border-radius: 10px;
padding: 65px 100px 110px;
margin: 0 auto;
}
.benefit .inner > div img{
width: 760px;
display: block;
margin: 0 auto;
}
.user-voice{
background: #C20064;
padding: 95px 0;
text-align: center;
}
.user-voice .title{
margin: 0 auto 75px;
}
.title{
display: flex;
align-items: flex-end;
position: relative;
width: fit-content;
margin: 0 auto;
text-align: center;
}
.title p:first-child{
position: absolute;
letter-spacing: -0.05rem;
line-height: 1.1;
left: 0;
right: 0;
font-size: 80px;
}
.user-voice > div:first-child p:nth-child(1){
color: #ffffff52;
}
.title p:nth-child(2){
font-size: 30px;
letter-spacing: 0.05rem;
position: relative;
}
.user-voice > div:first-child p:nth-child(2){
color: #fff;
}
.about{
padding: 155px 0 0;
max-width: 1320px;
margin: auto;
}
.about h2{
margin: 0 0 80px;
}
.about > div{
height: auto;
position: relative;
}
.about > div + div{
margin: 100px 0 0;
}
.about > div img:nth-child(1){
position: sticky;
top: 180px;
width: 100%;
}
.about > div img:nth-child(2){
position: relative;
width: 720px;
margin: -100px 0 0 50px;
}
.about > div + div img:nth-child(2){
margin: -100px 50px 0 auto;
display: block;
}
#page_message{
padding: 80px 0 100px;
max-width: 1320px;
margin: 0 auto;
}
.faq{
background: #fff;
padding: 120px 0 125px;
}
.faq .title{
margin: 0 auto 40px;
}
.faq .title p:nth-child(1){
color: #F5F5F5;
}
.faq .title p:nth-child(2){
color: #C20064;
}
.group{
padding: 105px 0 87px;
max-width: 1320px;
margin: 0 auto;
}
.group .title p:nth-child(1){
color: #fff;
}
.group .title p:nth-child(2){
color: #C20064;
}
.group > div:nth-child(2){
display: flex;
align-items: center;
justify-content: space-evenly;
margin: 45px 0 30px;
}
.group > div:nth-child(2) div p{
font-size: 30px;
letter-spacing: 0.05rem;
margin: 15px 0 0;
color: #C20064;
}
.search-btn{
margin: 50px auto 0;
}
@media (max-width: 768px) {
.lower-heading{
padding: 120px 0 45px;
}
.lower-heading h1{
font-size: 40px;
}
.main .inner{
padding: 0 20px;
}
.main .inner .main_img{
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/about/main-sp.webp) no-repeat center center;
background-size: cover;
margin: -70px 0 0;
height: 180px;
}
.main .inner .bg_txt{
position: inherit;
left: 0;
right: unset;
top: -20px;
margin: 0 10px;
gap: 0;
}
.main .inner .bg_txt p{
width: fit-content;
font-size: 18px;
font-weight: bold;
color: #fff;
background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
padding: 0 10px;
}
.main .inner .bg_txt p:last-child{
margin: 5px 0 0;
}
.main .inner .bg_txt p span{
font-size: 24px;
}
.main .inner .bg_txt p:nth-last-child(2),
.main .inner .bg_txt p:last-child{
margin: 10px 0 0;
}
.symptom h2,
.about h2{
font-size: 20px;
}
.symptom h2
{
font-size: 18px;
line-height: 1.5;
padding: 0 40px;
}
.symptom .bg_txt2
{
position: relative;
margin: 10px auto 0;
font-size: 20px;
line-height: 1.5;
padding: 15px 25px;
max-width: 350px;
white-space: nowrap;
}
.title p:first-child{
font-size: 57px;
}
.title p:nth-child(2){
font-size: 20px;
}
.symptom > img{
position: relative;
width: 600px;
left: 50%;
transform: translateX(-50%);
}
.symptom .s_list{
padding: 0 30px 17px;
}
.symptom .s_list div p{
width: 100%;
color: #fff;
background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
padding: 4px 0 4px 10px;
font-size: 14px;
margin: 0 0 5px;
}
.symptom .s_list div:not(:first-child){
margin: 10px 0 0;
}
.symptom .s_list div ul{
display: flex;
flex-wrap: wrap;
gap: 5px 10px;
}
.symptom .s_list div ul li{
font-size: 14px;
}
.symptom .sp_txt{
margin: 50px 35px;
text-align: center;
}
.symptom .sp_txt div{
display: flex;
justify-content: center;
gap: 5px;
align-items: flex-end;
}
.symptom .sp_txt div img{
width: 289px;
}
.symptom .sp_txt div p{
font-size: 25px;
font-weight: bold;
color: #C20064;
}
.symptom .sp_txt > p{
color: #C20064;
font-size: 30px;
font-weight: bold;
}
.benefit{
padding: 50px 0;
}
.benefit .inner > div{
padding: 20px;
}
.benefit .inner > div img{
width: 100%;
}
.user-voice{
padding: 100px 0 50px;
}
.user-voice .title{
margin: 0 auto 30px;
}
.about{
padding: 50px 20px 25px;
}
.about h2{
margin: 0 0 30px;
font-size: 24px;
line-height: 1.8;
}
.about > div img:nth-child(1){
position: unset;
}
.about > div img:nth-child(2){
width: 100%;
margin: 0;
}
.about div.sp{
position: relative;
width: 100%;
background-color: #fff;
border-radius: 10px;
margin: -10px auto 0;
padding: 20px;
}
.about div.sp .bg_txt3 p{
font-size: 24px;
font-weight: bold;
color: #C20064;
}
.about div.sp .bg_txt3 p span{
background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
color: #fff;
font-size: 30px;
font-weight: bold;
letter-spacing: 0.05rem;
padding: 0 10px;
margin: 0 10px 0 0;
}
.about div.sp .bg_txt3 p:last-child{
margin: 10px 0 0;
}
.about div.sp .bg_txt4{
margin: 20px 0 0;
}
.about div.sp .bg_txt4 p{
font-size: 16px;
font-weight: bold;
color: #0A0A0A;
}
.about div.sp .bg_txt4 p:not(:first-child){
margin: 10px 0 0;
line-height: 1.8;
}
.about div.sp .bg_txt4 p:nth-child(2){
background-color: #7E7E7E;
color: #fff;
border-radius: 5px;
padding: 10px 20px;
}
.about div.sp .bg_txt4 p:nth-child(3) span{
display: ruby;
font-size: 15px;
font-weight: bold;
color: #C20064;
}
.about div.sp .treatment{
background-color: #f5f5f5;
padding: 15px;
overflow: scroll;
margin: 25px 0 0;
}
.about div.sp > p{
color: #0A0A0A;
font-size: 16px;
font-weight: bold;
line-height: 1.8;
margin: 20px 0 0;
}
.about div.sp > p > span{
color: #C20064;
font-weight: bold;
}
.about div.sp > p + img{
margin: 20px 0 0;
}
.about div.sp .bg_txt5 div{
display: flex;
gap: 10px;
}
.about div.sp .bg_txt5 div img{
width: 200px;
}
.about div.sp .bg_txt5 p{
font-size: 24px;
font-weight: bold;
color: #0A0A0A;
}
.about div.sp .bg_txt5 > p:not(:first-child){
margin: 10px 0 0;
}
.about div.sp .bg_txt5 > p:nth-child(2) span{
font-size: 24px;
font-weight: bold;
color: #fff;
background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
padding: 0 10px;
letter-spacing: 0.05rem;
margin: 0 10px 0 0;
}
.about div.sp img{
width: 100%;
margin: 0;
}
.about div.sp ul{
display: flex;
flex-wrap: wrap;
gap: 9px 20px;
background-color: #c2006426;
border-radius: 10px;
padding: 20px;
margin: 20px 0 0;
}
.about div.sp ul li{
font-size: 18px;
font-weight: bold;
color: #C20064;
padding: 0 0 0 30px;
position: relative;
}
.about div.sp ul li:before{
position: absolute;
content: "";
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/about/icon-check.svg) no-repeat center center;
background-size: cover;
width: 20px;
height: 20px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.about > div + div{
margin: 30px 0 0;
}
.about > div + div img:nth-child(2){
margin: 0;
}
#page_message{
padding: 5px 0 0;
}
.symptom{
padding: 30px 0 0;
overflow: hidden;
}
.symptom .symptoms-wrapper{
display: grid;
padding: 0;
margin: 20px 0 0;
}
.symptom .symptoms-wrapper .symptoms-box{
width: 100%;
}
.symptom .symptoms-wrapper .symptoms-box .title{
gap: 15px;
}
.symptom .symptoms-wrapper .symptoms-box .title img{
height: 35px;
}
.symptom .symptoms-wrapper .symptoms-box .title p{
font-size: 17px;
}
.symptom .symptoms-wrapper .symptoms-box ul{
padding: 20px;
gap: 10px 15px;
}
.symptom .search-btn{
margin: 30px auto 50px;
}
.symptom .search-btn a{
width: 100%;
text-align: center;
line-height: 1;
letter-spacing: 0.05rem;
font-size: 18px;
font-weight: 500;
padding: 15px 20px;
}
.faq{
padding: 70px 30px 50px;
}
.faq .title{
margin: 0 auto 30px;
}
.group{
padding: 70px 30px 50px;
}
.group > div:nth-child(2){
display: block;
}
.group > div:nth-child(2){
display: block;
margin: 30px 0;
}
.group > div:nth-child(2) div p{
font-size: 18px;
margin: 10px 0 0;
}
.group > div:nth-child(2) img{
width: 100%;
margin: 20px 0 0;
}
.symptom .symptoms-wrapper .symptoms-box .title:after{
width: 20px;
height: 20px;
}
} .free-area{
background-color: #fff;
padding: 70px 20px;
}
.free-area > div{
max-width: 1320px;
margin: auto;
display: grid;
gap: 20px;
}
.free-area .store-info .si-abouts{
display: flex;
gap: 20px;
justify-content: space-between;
}
.free-area .store-info .si-abouts > div{
width: 50%;
}
.free-area .store-info .si-abouts > div.sia-left .sia-address{
margin: 10px 0 0 0;
line-height: 1.7;
}
.free-area .store-info .si-abouts > div.sia-right table{
width: 100%;
border-collapse: collapse;
}
.free-area .store-info .si-abouts > div.sia-right table tr th,
.free-area .store-info .si-abouts > div.sia-right table tr td{
padding: 10px;
text-align: center;
border: solid 1px #ccc;
}
.free-area .store-info .si-abouts > div.sia-right table tr th{
background: #C20064;
color: #fff;
}
.free-area .store-info .si-abouts > div.sia-right .attention{
font-size: 14px;
font-weight: bold;
color: #707070;
margin: 5px 0 0;
}
.free-area .store-info > ul{
display: flex;
gap: 40px;
justify-content: center;
margin: 70px 0 0;
}
.free-area .store-info > ul li a{
display: block;
position: relative;
background: linear-gradient(135deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
color: #fff;
border-radius: 5px;
padding: 15px 50px 15px 65px;
letter-spacing: 0.05em;
}
.free-area .store-info > ul li a:before{
position: absolute;
content: "";
top: 0;
bottom: 0;
margin: auto;
}
.free-area .store-info > ul li:first-child a:before{
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/common/icon-phone-white.svg) no-repeat center center;
width: 16px;
height: 16px;
left: 43px;
background-size: contain;
}
.free-area .store-info > ul li:last-child a:before{
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/common/icon-line-white.svg) no-repeat center center;
width: 17px;
height: 16px;
left: 40px;
background-size: contain;
}
@media (max-width: 768px){
.free-area{
width: 95%;
margin: auto;
padding: 30px 20px;
border-radius: 10px;
}
.free-area > div{
display: block;
}
.free-area .store-info .si-abouts{
display: block;
}
.free-area .store-info .si-abouts > div{
width: 100%;
margin: 0 0 10px;
}
.free-area .store-info .si-abouts > div.sia-right table{
display: block;
overflow: scroll;
}
.free-area .store-info > ul{
gap: 15px;
margin: 15px 0 0;
}
.free-area .store-info > ul li{
width: 100%;
}
.free-area .store-info > ul li a{
padding: 10px 20px 10px 40px;
text-align: center;
}
.free-area .store-info > ul li:first-child a:before{
left: 20px;
}
.free-area .store-info > ul li:last-child a:before{
left: 15px;
}
} .single-owned header{
top: 75px;
transition:top .2s;
}
.single-owned header.is-scrolled{
top:20px;
}
.single-owned .lower-heading{
min-height: 267px;
}
.single-owned .lower-heading .inner{
display: none;
}
.single-owned .title_area > div{
width: 100%;
position: relative;
margin: 0 auto;
top: -90px;
max-width: 1320px;
}
.single-owned .title_area > div > div:first-child{
position: absolute;
bottom: 12.4%;
top: unset;
left: 0;
display: grid;
gap: 20px;
}
.single-owned .title_area > div > div:first-child p{
width: fit-content;
font-size: 45px;
font-weight: bold;
color: #fff;
line-height: 1.28;
letter-spacing: 0.05rem;
background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
padding: 0 19px 0 18px;
}
.single-owned .title_area > div > div:nth-child(2),
.single-owned .title_area > div > div:nth-child(3){
width: 900px;
height: 561px;
margin: 0 0 0 auto;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.single-owned .title_area > div ul{
display: flex;
justify-content: right;
margin: 18px 0 0;
gap: 15px;
}
.single-owned .title_area > div ul li:not(:last-child){
position: relative;
padding-right: 15px;
}
.single-owned .title_area > div ul li:not(:last-child):after{
position: absolute;
content: "";
width: 1px;
height: 9px;
transform: rotate(45deg);
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: #000;
}
.single-owned .title_area > div ul li,
.single-owned .title_area > div ul li a{
font-size: 13px;
}
.single-owned{
width: 100%;
margin: 0 auto;
padding: 0;
}
.single-owned{
display: grid!important;
gap: 50px;
}
.single-owned p{
font-size: 18px;
line-height: 1.8;
}
.single-owned p strong{
font-size: 18px;
font-weight: bold;
}
.single-owned figure:not(.lkc-thumbnail){
position: relative;
width: 100%!important;
margin: 0;
}
.single-owned figure img{
vertical-align: baseline;
}
.single-owned figure figcaption{
width: 100%;
position: absolute;
bottom: 0;
background: #C20064;
padding: 11px 18px;
font-size: 25px;
font-weight: bold;
letter-spacing: 0.05rem;
line-height: 1.56;
color: #fff;
}
.single-owned h2,
.single-owned h3,
.single-owned h4,
.single-owned h5{
display: block;
width: 100%;
}
.single-owned h2{
font-size: 32px;
font-weight: bold;
letter-spacing: 0.05rem;
line-height: 1.21;
padding: 0 25px;
}
.single-owned h3{
margin: 0;
}
.single-owned h3{
position: relative;
font-size: 25px;
font-weight: bold;
text-align: left;
letter-spacing: 0.05rem;
line-height: 1.56;
padding: 0 0 0 14px;
margin: 0 30px;
}
.single-owned h4{
margin: 0;
}
.single-owned h4{
font-size: 20px;
font-weight: bold;
letter-spacing: 0.05rem;
line-height: 1.95;
background: #C20064;
color: #fff;
border-radius: 5px;
padding: 22px 30px;
}
.single-owned h5{
margin: 0;
}
.single-owned h5{
font-size: 25px;
font-weight: bold;
letter-spacing: 0.05rem;
line-height: 1.56;
color: #fff;
background: #9D9D9D;
border-radius: 5px;
padding: 4px 25px 5px;
margin: 0;
}
.single-owned h6{
font-size: 25px;
font-weight: bold;
padding: 0 25px;
margin: 0;
letter-spacing: 0.05rem;
line-height: 1.56;
}
.single-owned #toc_container{
width: 100%;
border-radius: 5px;
background: #F2F2F2;
border: none;
padding: 23px 30px 26px;
margin: 0;
}
.single-owned #toc_container p.toc_title{
position: relative;
font-size: 25px;
font-weight: bold;
letter-spacing: 0.05rem;
line-height: 1.56;
text-align: left;
}
.single-owned #toc_container p.toc_title:after{
position: absolute;
content: "/INDEX";
font-size: 15px;
letter-spacing: 0.05rem;
line-height: 2.6;
left: 60px;
}
.single-owned #toc_container p.toc_title+ul.toc_list{
margin-top: 30px;
}
.single-owned #toc_container.no_bullets li,
.single-owned #toc_container.no_bullets ul:not(.toc_list),
.single-owned #toc_container.no_bullets ul:not(.toc_list) li,
.single-owned .toc_widget_list.no_bullets,
.single-owned .toc_widget_list.no_bullets li{
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05rem;
margin: 0 0 10px;
}
.single-owned #toc_container.no_bullets ul.toc_list ul,
.single-owned #toc_container.no_bullets ul.toc_list ul{
border: none;
margin: 1em;
margin-left: 1.5em;
}
.single-owned #toc_container.no_bullets ul.toc_list ul li:before{
position: unset;
}
.single-owned #toc_container a{
display: block;
padding: 0 0 10px;
border-bottom: dashed 2px #707070;
font-size: 16px;
}
.single-owned .post-summary-title{
background: #C20064;
width: fit-content;
border-radius: 5px 5px 0 0;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 19px 33px;
line-height: 1.27;
}
.single-owned ul:not(.toc_list){
border: solid 5px #C20064;
border-radius: 5px;
padding: 25.8px 38px 26.2px;
}
.single-owned ul:not(.toc_list) li{
position: relative;
padding: 0 0 0 44px;
}
.single-owned ul:not(.toc_list) li,
.single-owned ul:not(.toc_list) li strong{
font-size: 18px;
letter-spacing: 0.05rem;
line-height: 2.16;
}
.single-owned ul:not(.toc_list) li strong{
font-weight: bold;
}
.single-owned ul:not(.toc_list) li:before{
position: absolute;
content: "";
width: 34.31px;
height: 34.31px;
background: url(//curepro.jp/wp-content/themes/curepro/images/common/icon-check-circle.svg) no-repeat center center;
background-size: cover;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.single-owned ul:not(.toc_list) li:not(:first-child){
margin: 12.7px 0 0;
}
.single-owned ul.post-summary{
border: solid 4px #C20064;
border-radius: 0 5px 5px 5px;
padding: 25px 30px 20px;
}
.single-owned ul.post-summary li{
position: relative;
padding: 0 0 10px 20px;
margin: 0 0 10px;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05rem;
border-bottom: dashed 2px #707070;
}
.single-owned ul.post-summary li:before{
position: absolute;
content: "";
background: #0A0A0A;
width: 12px;
height: 12px;
border-radius: 100px;
left: 0;
top: 0;
bottom: 10px;
margin: auto;
}
.single-owned .balloon{
width: 100%;
display: flex;
align-items: flex-start;
gap: 57px;
}
.single-owned .balloon .balloon-meta img{
width: 121px;
height: 121px;
border-radius: 100px;
}
.single-owned .balloon .balloon-meta .balloon-name{
color: #C20064;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05rem;
text-align: center;
}
.single-owned .balloon .balloon-text{
position: relative;
width: 100%;
background: #FFF4F4;
padding: 37px 35px 34px;
border-radius: 20px;
}
.single-owned .balloon .balloon-text:before{
content: "";
position: absolute;
left: -29px;
top: 35.8%;
width: 0;
height: 0;
border-top: 21px solid transparent;
border-bottom: 21px solid transparent;
border-right: 39px solid #FFF4F4;
}
.single-owned .profile{
display: flex;
padding: 24px 27px 25px;
border: solid 5px #e8e8e8;
border-radius: 5px;
}
.single-owned .profile .profile-img img{
width: 121px;
height: 121px;
border-radius: 100px;
margin: 0 25px 0 0;
}
.single-owned .profile .profile-main{
min-width: 116px;
margin: 0 61px 0 0;
}
.single-owned .profile .profile-main .profile-role{
font-size: 16px;
letter-spacing: 0.05rem;
}
.single-owned .profile .profile-main .profile-name{
font-size: 28px;
font-weight: bold;
letter-spacing: 0.05rem;
}
.single-owned .profile .profile-text{
width: 100%;
max-width: 615px;
color: #6C6C6C;
letter-spacing: 0.05rem;
line-height: 1.56;
}
body header{
top: 62px;
}
body .lower-heading{
padding: 195px 0 93px;
}
body .contents > h1{
position: absolute;
top: 16.5px;
color: #fff;
font-size: 18px;
letter-spacing: 0.05rem;
width: 1320px;
margin: 0 auto;
left: 0;
right: 0;
}
@media (max-width: 768px){
.single-owned .lower-heading{
min-height: 260px;
}
.single-owned .title_area > div{
width: 100%;
padding: 0 20px;
}
.single-owned .title_area > div{
display: grid;
width: 100%;
padding: 0 10px;
}
.single-owned .title_area > div > div:first-child{
position: inherit;
order: 2;
left: 0;
right: unset;
top: -20px;
gap: 10px;
margin: 0 10px;
}
.single-owned .title_area > div > div:first-child p{
padding: 0 10px;
font-size: 24px;
}
.single-owned .title_area > div > div:nth-child(2),
.single-owned .title_area > div > div:nth-child(3){
width: 100%;
height: 50vh;
order: 1;
}
.single-owned .title_area > div ul{
order: 3;
margin: 0;
}
.single-owned .contents{
width: 100%;
padding: 0 20px;
margin: -60px 0 0;
}
.single-owned{
padding: 20px 0;
gap: 30px;
}
.single-owned > *{
min-width: 0;
}
.single-owned #toc_container{
padding: 20px;
}
.single-owned #toc_container p.toc_title+ul.toc_list{
margin-top: 20px;
}
.single-owned #toc_container p.toc_title{
font-size: 20px;
}
.single-owned #toc_container p.toc_title:after{
font-size: 14px;
line-height: 2.3;
left: 50px;
}
.single-owned #toc_container a{
font-size: 17px;
}
.single-owned p,
.single-owned p strong{
font-size: 16px;
}
.single-owned h2,
.single-owned h3,
.single-owned h4,
.single-owned h5,
.single-owned h6{
line-height: 1.6;
}
.single-owned h2{
font-size: 22px;
padding: 0 0 0 10px;
}
.single-owned h3{
font-size: 20px;
margin: 0 0 0 10px;
}
.single-owned h4{
padding: 11px 15px;
font-size: 18px;
}
.single-owned h5{
padding: 5px 10px;
font-size: 18px;
}
.single-owned .post-summary-title{
padding: 10px 15px;
}
.single-owned ul.post-summary{
padding: 15px 20px 20px;
}
.single-owned ul.post-summary li{
font-size: 16px;
line-height: 1.6;
}
.single-owned ul:not(.toc_list){
padding: 15px 20px;
}
.single-owned ul:not(.toc_list) li{
padding-left: 34px;
}
.single-owned ul:not(.toc_list) li:before{
width: 25px;
height: 25px;
background-size: cover;
}
.single-owned ul:not(.toc_list) li,
.single-owned ul:not(.toc_list) li strong{
font-size: 16px;
line-height: 1.6;
}
.single-owned ul.post-summary li:before{
width: 15px;
height: 15px;
}
.single-owned .balloon{
gap: 20px;
}
.single-owned .balloon .balloon-meta img{
width: 94px;
height: 94px;
}
.single-owned .balloon .balloon-meta .balloon-name{
font-size: 16px;
}
.single-owned .balloon .balloon-text{
padding: 20px;
}
.single-owned .balloon .balloon-text:before{
left: -19px;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 19px solid #FFF4F4;
}
.single-owned figure figcaption{
font-size: 16px;
}
.single-owned figure figcaption{
font-size: 16px;
padding: 5px 9px;
line-height: 1.6;
}
.single-owned .profile{
display: block;
padding: 20px;
}
.single-owned .profile .profile-img{
float: left;
}
.single-owned .profile .profile-img img{
width: 94px;
height: 94px;
margin: 0 15px 0 0;
}
.single-owned .profile .profile-main{
margin: 0;
min-width: unset;
}
.single-owned .profile .profile-main .profile-name{
font-size: 22px;
line-height: 1.3;
}
.single-owned .profile .profile-text{
clear: both;
margin: 20px 0 0;
font-size: 15px;
line-height: 1.6;
}
.single-owned #toc_container.no_bullets ul.toc_list ul, .single-owned #toc_container.no_bullets ul.toc_list ul{
margin: 0.5em;
margin-left: 0.7em;
}
.single-owned h1{
top: 15px;
left: 0;
margin: 0 20px;
font-size: 1rem;
line-height: 1;
}
.single-owned figure img{
width: 100%!important;
height: 150px!important;
}
.lower-heading .inner > div{
gap: 10px;
align-items: center;
}
.lower-heading .inner > div img{
width: 170px;
}
.lower-heading .inner > div p{
font-size: 30px;
line-height: 1;
}
.main .inner .main_img{
display: grid;
width: 100%;
height: 50vh;
padding: 0 10px;
}
body .lower-heading{
padding: 155px 0 25px;
min-height: 230px;
}
body header{
top: 65px;
}
body .contents > h1{
width: auto;
top: 15px;
left: 0;
margin: 0 10px;
font-size: 14px;
line-height: 1.5;
}
}
.l-banner{
display: block;
width: 100%;
max-width: 960px;
margin: 90px auto 0;
}
.l-banner:hover img{
opacity: 0.7;
}
.l-banner img{
width: 100%;
}
@media (max-width: 768px){
.contents{
padding: 50px 0 30px;
}
.l-banner{
margin: 30px auto 0;
}
}
.staff-blog{
padding: 120px 0 125px;
}
.staff-blog .inner{
padding: 0;
}
.staff-blog .title{
width: unset;
margin: 0 auto 30px;
}
.staff-blog .title p:first-child{
color: #fff;
}
.staff-blog .title p:last-child{
margin: auto;
color: #C20064;
}
.staff-blog .mid-txt{
text-align: center;
margin: 0 0 40px;
}
.staff-blog .slider{
width: 100%;
display: flex;
gap: 20px;
}
.staff-blog .slider .slide{
width: calc((100% - 60px) / 4);
flex-wrap: wrap;
}
.staff-blog .slider .slide .img img{
width: 100%;
}
.staff-blog .slider .slide .date{
color: #C20064;
font-size: 16px;
font-weight: 400;
line-height: 1;
margin: 20px 0 0;
}
.staff-blog .slider .slide .title{
font-size: 18px;
font-weight: bold;
margin: 5px 0 0;
text-align: left;
}
.staff-blog .link-btn{
display: block;
width: fit-content;
margin: 50px auto 0;
}
.staff-blog .link-btn a{
color: #C20064;
}
.staff-blog .link-btn a:after{
background: url(//curepro.jp/wp-content/themes/curepro/assets/images/common/icon-arrow-right-circle-pink.svg) no-repeat center center;
}
@media screen and (max-width:768px){
.staff-blog{
padding: 103px 0 80px;
overflow: hidden;
}
.staff-blog .title{
margin: 0 auto 20px;
}
.staff-blog .mid-txt{
margin: 0 auto 20px;
}
.staff-blog .slider{
display: block;
}
.staff-blog.slider .slick-list{
margin-right: 0px;
}
.staff-blog .slider-area{
margin: 0 0 0 20px;
}
.staff-blog .link-btn{
margin: 30px 0 0 20px;
}
.staff-blog .slider .slide{
width: 95%!important;
}
}
.cta-link{
position: fixed;
right: 0;
z-index: 10;
bottom: 50px;
}
.cta-link .free-area{
background: none;
padding: 0;
}
.cta-link .free-area .store-info{
display: block;
max-width: unset;
margin: 0;
}
.cta-link .free-area .store-info ul{
display: grid;
gap: 10px;
margin: 0;
}
.cta-link .free-area .store-info ul li a{
padding: 35px 15px 15px;
border-radius: 5px 0 0 5px;
}
.cta-link .free-area .store-info ul li a:before{
left: 0;
right: 0;
top: 15px;
bottom: unset;
}
@media (max-width: 768px) {
.cta-link .free-area .store-info ul li a{
padding: 30px 30px 20px;
}
.cta-link .free-area .store-info ul li a:before{
width: 20px;
height: 20px;
}
.fade-in {
opacity: 0;
transition: opacity 0.7s ease;
}
.fade-in.visible {
opacity: 1;
}
}