@charset "utf-8";
 *{
box-sizing:border-box;
padding:0;
margin:0;
word-break:normal;
word-wrap:break-word;
}
body{
font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W6", "メイリオ","Meiryo",Arial, sans-serif;  background-color:#fff;
color:#3B5689;
font-size: 16px;
line-height: 1.6;
}
img{
vertical-align:bottom;
margin:0;
padding:0;
border:0;
max-width:100%;
}
.clearfix:before,
.clearfix:after{
display: table;
content: " ";
}
.clearfix:after{
clear: both;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
table {
background-color: transparent;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
ul li{
list-style:none;
}
h1,h2,h3,h4,h5,h6,p{
margin:0px;
}
.fixedcontainer{
width:780px;
margin:0 auto;
padding:0px;
} a{
color: inherit;
}
a:visited,
a:link,
a:hover,
a:active,
a:focus{
outline:none;
text-decoration:none;
}
a:hover{
opacity:0.8;
transition:opacity 0.5s ease;
}
.red{
color: #FF2164;
}
.text-center{
text-align:center;
}
.text-left{
text-align:left;
}
.text-right{
text-align:right;
}
.visible-sp{
display:none;
}
.hidden-sp{
display:block;
} .header{
position: sticky;
top: 0;
left:0;
width: 100%;
background:#fff;
z-index: 2;
}
.header__label {
position: absolute;
background: #3B5689;
color: #fff;
padding: 1px 3px;
font-size: 14px;
border-bottom-right-radius: 10px;
}
.header__label > div {
transform: scale(0.9);
}
.header__in{
padding: 24px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.header__links ul {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 13px;
}
.fixed_video{
position: fixed;
right: 10px;
bottom: 50px;
z-index: 3;
background: #3b5589;
display: flex;
flex-direction: column;
gap: 4px;
justify-content: center;
align-items: center;
border-radius: 10px;
width: 260px;
height: 180px;
}
.fixed_video iframe {
width: 230px;
height: 130px;
}
.fixed_video__caption {
color: #fff;
font-weight: bold;
font-size: 12px;
}
.header__links ul li{
margin-left: 15px;
position: relative;
}
.header__links ul li a{
display: inline-block;
text-align: center;
}
.header__links ul li:last-child a{
padding: 0;
}
.header__links ul li .sub_menu{ display: none;
position: absolute;
top: 20px;
left: 0;
width: 240px;
padding: 10px 20px;
background: #fff;
transition: 0.5s;
}
.header__links ul li a:hover ~ .sub_menu { display: block;
}
.header__links ul li .sub_menu:hover { display: block;
}
.header__links ul li .sub_menu a{
text-align: left;
display: block;
padding: 5px 0;
}
. main{
max-width: 1280px;
margin: 0 auto;
}
.contents{
background: url(//platinumlab.jp/wp-content/themes/PB/img/pattern.png) repeat-y;
background-size: 100% auto;
background-position: center;
}
.fv{
padding: 0 45px;
}
.contents .pc-main-view img{
text-align: center;
width:100%;
}
.top_btn__wrap{
text-align: center;
padding: 40px 0;
}
.top_btn{
display: inline-block;
width: 720px;
background-color: #FF2929;
color: #fff;
font-size: 14px;
padding: 10px 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 12px;
position: relative;
font-weight: bold;
}
.top_btn span{
font-size: 18px;
}
.top_btn strong{
font-size: 22px;
font-weight: bold;
}
.top_btn:after{
content: '';
position: absolute;
width: 105px;
height: 122px;
right: 16px;
bottom: 0;
background: url(//platinumlab.jp/wp-content/themes/PB/img/btn-img.png) no-repeat;
background-position: center;
background-size: contain;
}
.top_btn:before{
content: '';
position: absolute;
width: 32px;
height: 32px;
left: 16px;
top: 50%;
transform: translateY(-50%);
background: url(//platinumlab.jp/wp-content/themes/PB/img/btn-arrow.png) no-repeat;
background-position: center;
background-size: contain;
}
.salon{
margin-bottom: -125px;
}
.salon img{
width:100%;
}
.cta{
padding: 168px 0 35px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/cta-back.png) no-repeat;
background-size: cover;
background-position: top center;
position: relative;
z-index: 1;
margin-top:100px;
}
.cta__img{
position: absolute;
left: calc(50% - 660px);
bottom: 0;
width: 343px;
}
.cta__ttl{
font-size: 24px;
color: #FF2164;
text-align: center;
margin-bottom: 20px;
}
.cta__btn{
text-align: center;
}
.reason{
padding: 40px 0 64px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/reason-back.png) no-repeat;
background-position: top right;
background-size: 45%;
}
.reason__ttl{
font-size: 60px;
font-weight: 500;
text-align: center;
line-height: 1.4;
margin-bottom: 30px;
}
.reason__ttl span{
color: #008CE3;
}
.open{
background: #F0F5FF;
padding: 30px 0 40px;
}
.open__ttl{
text-align: center;
}
.open__ttl2{
text-align: center;
}
.open__certification-list{
display: flex;
justify-content: space-between;
}
.open__certification-one{
text-align: center;
}
@font-face {
font-family: 'Cochin';
src:url(https://platinumlab.jp/wp-content/themes/PB/css/Cochin.ttf);
font-weight: normal;
font-style: normal;
}
.open__certification-ttl-en{
font-family: 'Cochin';
font-size: 22px;
font-weight: bold;
}
.open__map{
margin: 40px 0;
}
.open__insta-ttl{
background: #3B5689;
color: #fff;
text-align: center;
font-size: 20px;
line-height: 1;
padding: 10px 0;
}
.open__insta-ttl span{
color: #FF5D8E;
}
.open__insta{
background: #D3E1FF;
border-radius: 10px;
overflow: hidden;
padding-bottom: 10px;
}
.open__insta-in{
padding: 20px 0 0;
display: flex;
justify-content: space-between;
}
.open__insta-area{
width: 50%;
padding: 0 20px;
}
.open__insta-area:first-child{
border-right: 1px solid #3B5689;
}
.open__insta-area__one{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
}
.open__insta-area__ttl{
padding: 0 5px;
background: #fff;
border: 1px solid #3B5689;
border-radius: 2px;
font-size: 14px;
}
.open__insta-area__txt{
width: calc(100% - 72px);
font-weight: 500;
}
.open_insta-area_wrap{
display: flex;
}
.open_insta-area_wrap .open__insta-area__one{
width: 50%;
}
.open__insta-area__in{
margin-bottom: 50px;
}
.open__insta-area__in:last-child{
margin-bottom: 0;
}
.open__insta-area__area-ttl{
font-weight: 500;
margin-bottom: 10px;
}
.open__insta-subtxt{
font-weight: 500;
font-size: 13px;
text-align: right;
margin-top: 15px;
}
.open__insta-subtxt span{
margin-left: 20px;
}
.open__insta-check{
font-size: 28px;
margin: 10px 0 5px;
text-align: center;
}
.open__insta-check img{
vertical-align: middle;
}
.open__insta-check-list{
display: flex;
justify-content: space-between;
}
.open__insta-check-tag{
padding: 10px 20px;
display: flex;
background: #fff;
border-radius: 40px;
}
.media{
padding: 80px 0;
text-align: center;
}
.ttl{
text-align: center;
font-size: 48px;
margin-bottom: 40px;
}
.ttl span{
display: block;
}
.media__youtube{
max-width: 664px;
margin: 0 auto;
}
.media__youtube-ttl{
background: #3B5689;
border-radius: 4px;
text-align: center;
color: #fff;
font-size: 20px;
padding: 5px 0;
margin-top: 10px;
}
.media__magazine{
margin: 80px 0 40px;
}
.media__ttl{
margin-bottom: 30px;
}
.profit{
padding: 40px 0 68px;
}
.profit__txt{
text-align: center;
line-height: 2;
margin-bottom: 20px;
}
.profit__img{
text-align: center;
background: #F0F5FF;
border-radius: 12px;
padding: 15px;
}
.simulation__img{
background: #F0F5FF;
border-radius: 12px;
padding: 30px;
}
.simulation{
padding-bottom: 40px;
}
.merit__one{
background: #FEFFF0;
}
.merit__one-in{
display: flex;
justify-content: space-between;
}
.merit__one-content{
width: calc(100% - 310px);
}
.merit__one-img{
width: 265px;
position: relative;
}
.merit__one-img__img{
border-radius: 12px;
overflow: hidden;
}
.merit__one-img__img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.merit__one-img__mark{
position: absolute;
left: -80px;
top: 0;
}
.merit__one-content__ttl{
display: flex;
font-size: 24px;
line-height: 1.4;
align-items: center;
margin-bottom: 15px;
}
.merit__one-content__ttl strong{
font-size: 30px;
}
.merit__one-content__ttl img{
margin-right: 10px;
}
.merit__one-content{
padding-top: 20px;
}
.merit__two-in{
margin: 60px 0;
display: flex;
justify-content: space-between;
}
.merit__two .merit__two-in:nth-child(2n-1){
flex-direction: row-reverse;
}
.compair{
padding: 70px 0;
text-align: center;
}
.compair__img{
max-width: 1134px;
margin: 0 auto;
}
.compair__img-txt{
text-align: right;
font-size: 11px;
}
.price__desc{
display: flex;
max-width: 624px;
margin: 0 auto;
justify-content: space-between;
align-items: center;
}
.price__desc-img{
width: 178px;
}
.price__desc-txt{
width: calc(100% - 198px);
}
.product_list{
margin-top: 25px;
display: flex;
justify-content: space-between;
}
.produce_one{
width: 230px;
}
.price__other-ttl{
text-align: center;
font-size: 32px;
margin-bottom: 45px;
}
.price__other{
margin-top: 70px;
}
.price__other-support-ttl{
text-align: center;
color: #FF2164;
font-size: 20px;
margin-bottom: 20px;
}
.price__other-support-ttl span{
position: relative;
display: inline-block;
padding: 0 30px;
}
.price__other-support-ttl span:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 8px;
height: 33px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/line-left.png) no-repeat;
background-size: contain;
background-position: center;
}
.price__other-support-ttl span:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 8px;
height: 33px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/line-right.png) no-repeat;
background-size: contain;
background-position: center;
}
.price__other-support{
display: flex;
justify-content: space-between;
}
.price__other-support-one{
width: 48%;
font-size: 14px;
}
.price__other-support-one-ttl{
background: #F0F5FF;
border-radius: 6px;
text-align: center;
padding: 15px 0;
position: relative;
margin-bottom: 20px;
}
.price__other-support-one-ttl:after{
content: '';
position: absolute;
left: 50%;
bottom: -15px;
margin-left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 15px 0 15px;
border-color: #F0F5FF transparent transparent transparent;
}
.price__other-support-one-content{
padding: 20px;
border-radius: 12px;
margin-bottom: 20px;
border: 1px solid #f0f0f0;
background: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}
.price__other-support-one-content:last-child{
margin-bottom: 0;
}
.price__other-support-flex{
overflow: hidden;
margin-top: 20px;
}
.price__other-support-flex img{
float: left;
margin-right: 20px;
}
.merit12{
padding-top: 70px;
}
.merit12__ttl1{
font-size: 18px;
font-weight: normal;
}
.merit12__ttl2{
font-size: 40px;
}
.merit12__img{
margin-bottom: 36px;
}
.merit12__ttl3{
color: #FF2164;
font-size: 24px;
text-align: center;
font-weight: bold;
}
.merit12__ttl4{
color: #FF2164;
font-size: 48px;
text-align: center;
font-weight: bold;
}
.thought__img1{
padding: 40px;
}
.thought__in{
margin-top: 40px;
padding: 30px;
background: #F0F5FF;
display: flex;
justify-content: space-between;
margin-bottom: 70px;
}
.thought__img2{
margin: 40px 0;
}
.thought__history-one{
display: flex;
justify-content: space-between;
}
.thought__history-one-ttl{
text-align: right;
width: 80px;
padding-right: 10px;
font-weight: bold;
border-right: 1px solid #3B5689;
position: relative;
}
.thought__history-one-ttl:after{
content: '';
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
top: 14px;
right: -3.5px;
background: #3B5689;
}
.thought__history-one-content{
width: calc(100% - 90px);
}
.thought__history-ttl{
text-align: center;
font-size: 28px;
position: relative;
margin-bottom: 20px;
}
.thought__history-ttl:before{
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
z-index: -1;
background: #3B5689;
}
.thought__history-ttl span{
background: #fff;
display: inline-block;
padding: 0 30px;
}
.thought__history-in{
background: #F0F5FF;
border-radius: 12px;
padding: 30px;
line-height: 2;
margin-bottom: 50px;
}
.exhibition__ttl{
font-size: 26px;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}
.exhibition__ttl strong{
font-weight: 700;
}
.exhibition__txt{
text-align: center;
color: #535353;
margin-bottom: 30px;
}
.exhibition__img{
text-align: center;
margin-bottom: 26px;
}
.exhibition__in{
padding: 30px;
background: #F0F5FF;
border-radius: 12px;
}
.exhibition__in-ttl{
font-size: 22px;
text-align: center;
}
.exhibition__in-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.exhibition__in-list p{
width: 48%;
padding: 15px 0;
text-align: center;
background: #fff;
border-radius: 40px;
font-weight: bold;
color: #FF2164;
margin-top: 30px;
}
.exhibition__in-list p span{
font-size: 22px;
}
.voice{
padding: 100px 0;
}
.voice__one{
border-radius: 12px;
overflow: hidden;
margin-bottom: 40px;
}
.voice__one-ttl{
text-align: center;
background: #FF2164;
font-size: 18px;
padding: 5px 0;
color: #fff;
font-weight: bold;
}
.voice__one-in{
background: #F0F5FF;
padding: 24px;
display: flex;
justify-content: space-between;
}
.voice__one-profile{
width: 192px;
}
.voice__one-content{
width: 516px;
}
.voice__one-profile-img{
text-align: center;
margin-bottom: 18px;
}
.voice__one-profile-img img{
width: 100px;
}
.voice__one-profile-name{
background: #3B5689;
color: #fff;
font-weight: bold;
text-align: center;
padding: 5px 0;
}
.voice__one-profile-name span{
font-weight: normal;
font-size: 11px;
}
.voice__one-profile-info-in{
background: #fff;
padding: 10px;
}
.voice__one-profile-store{
font-size: 12px;
margin-bottom: 5px;
}
.voice__one-profile-store span{
font-weight: bold;
}
.voice__one-profile-insta{
font-size: 11px;
display: block;
}
.voice__one-content-ttl{
color: #008CE3;
font-size: 20px;
margin-bottom: 10px;
}
.voice__one-content-txt{
font-size: 14px;
}
.faq{
padding: 100px 0;
}
@font-face {
font-family: 'Brandon Grotesque';
src:url(https://platinumlab.jp/wp-content/themes/PB/css/Brandon_reg.otf);
font-weight: normal;
font-style: normal;
}
.ttl .en{
font-family: 'Brandon Grotesque';	
font-weight: normal;
font-size: 58px;
}
.ttl .jp{
font-size: 14px;
}
.faq__group{
margin-bottom: 40px;
}
.faq__group-ttl{
background: #3B5689;
color: #fff;
padding: 15px 40px 15px 20px;
font-size: 20px;
position: relative;
}
.faq__group-ttl:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
transform: translate(-50%);
width: 30px;
height: 2px;
background: #fff;
}
.faq__ques{
background: #F0F5FF;
border-radius: 8px;
font-weight: bold;
padding: 20px 20px 20px 80px;
position: relative;
}
.faq__ques:before{
content: 'Q.';
position: absolute;
left: 20px;
top: 0;
font-size: 42px;
color: #3B5689;
font-family: 'Brandon Grotesque';	
font-size: 42px;
font-weight: normal;
}
.faq__ans{
padding: 20px 20px 20px 80px;
position: relative;
}
.faq__ans:before{
content: 'A.';
position: absolute;
left: 20px;
top: 0;
font-size: 42px;
color: #FF2164;
font-family: 'Brandon Grotesque';
font-size: 42px;
font-weight: normal;
}
.faq__one{
margin-top: 20px;
}
.footer__in1{
background: #3B5689;
color: #fff;
font-size: 14px;
padding: 14px 0;
}
.footer__in1 ul{
display: flex;
justify-content: center;
text-align: center;
align-items: center;
}
.footer__in1 ul li{
margin: 0 12px;
}
.footer__in2{
background: #F0F5FF;
padding: 20px 40px 15px;
position: relative;
}
.footer__in2 ul {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
position: absolute;
left: 50%;
top: 30px;
transform: translateX(-50%);
}
.footer__in3{
background: #F0F5FF;
padding-bottom: 13px;
}
.footer__in2 ul li{
margin: 0 12px;
}
.copyright{
color: #535353;
text-align: center;
font-size: 12px;
font-family: 'Brandon Grotesque';
}
.home-care__insta{
background: linear-gradient(to bottom, #fff 0%, #F1F5FE 100%);
}
.home-care__insta-header{
display: flex;
align-items: center;	
justify-content: center;
padding: 40px 0 18px;
}
.home-care__insta-header p{
font-size: 28px;
font-weight: 500;
}
.home-care__insta-img{
padding: 0 45px;
}
.course{
padding: 100px 0 70px;
background-color: #F0F5FF;
background-image: url(//platinumlab.jp/wp-content/themes/PB/img/home-care/back-products.png);
background-repeat: no-repeat;
background-size: 40%;
background-position: right bottom;
}
.course__in{
width: 600px;
margin-left: 100px;
text-align: center;
}
.course__ttl1{
font-size: 19px;
font-weight: 300;
margin-bottom: 10px;
}
.course__ttl2{
font-size: 29px;
margin-bottom: 15px;
}
.course__name span{
font-size: 24px;
font-weight: bold;
padding: 5px 25px;
border: 1px solid #3B5689;
}
.course__name{
margin-bottom: 50px;
}
.course__txt{
text-align: left;
}
.course__btn-wrap{
margin-top: 40px;
text-align: center;
}
.course__btn{
display: inline-block;
width: 176px;
text-align: center;
color: #fff;
background: linear-gradient(45deg, #FF2929 0%, #FF1995 100%);
padding: 10px 0;
font-size: 14px;
font-weight: bold;
border-radius: 40px;
}
.welcome{
padding: 40px 0;
background: url(//platinumlab.jp/wp-content/themes/PB/img/home-care/welcome-back.png) no-repeat;
background-size: cover;
background-position: center;
}
.welcome__ttl{
text-align: center;
margin-bottom: 23px;
}
.welcome__in{
width: 80%;
margin: 0 auto;
display: flex;	
justify-content: space-between;
align-items: center;
}
.welcome__img{
width: 409px;
}
.welcome__content{	
width: calc(100% - 459px);
}
.welcome__btn{
margin-top: 30px;
}
.welcome__content-ttl{
font-size: 24px;
color: #FF2164;
margin-bottom: 13px;
}
.force__txt{
max-width: 606px;
margin: 0 auto;
color: #535353;
}
.force{
padding: 50px 0 518px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/home-care/force-back.png) no-repeat;
background-size: 100%;
background-position: top center;
position: relative;
}
.force__point-img{
position: absolute;
left: 157px;
bottom: 87px;
width: 524px;
}
.nayami{
max-width: 780px;
position: relative;
z-index: 1;
margin: -50px auto 0;
background: #fff;
border-radius: 12px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
padding: 50px 30px;
}
.nayami__in1{
max-width: 580px;
margin: 0 auto 40px;
}
.nayami__in1 ul{
font-size: 24px;
font-weight: 500;
}
.nayami__in1 ul li{
position: relative;
padding-left: 36px;
line-height: 2;
}
.nayami__in1 ul li:before{
content: '';
position: absolute;
left: 0;
top: 12px;
width: 28px;
height: 28px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/home-care/checkbox.png) no-repeat;
background-position: center;
background-size: contain;
}
.nayami__ttl1{
font-size: 26px;
font-weight: 500;
}
.nayami__ttl1 span{
font-weight: 700;
font-size: 34px;
}
.nayami__ttl2{
padding: 0 30px;
position: relative;
font-size: 20px;
font-weight: 500;
text-align: center;
color: #FF2164;
}
.nayami__ttl2 strong{
font-size: 30px;
font-weight: bold;
}
.nayami__ttl2:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 91px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/home-care/line-left.png) no-repeat;
background-size: contain;
background-position: center;
}
.nayami__ttl2:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 22px;
height: 91px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/home-care/line-right.png) no-repeat;
background-size: contain;
background-position: center;
}
.nayami__ttl3{
text-align: center;
font-size: 24px;
font-weight: 500;
color: #FF2164;
margin: 15px 0;
}
.nayami__ttl3 span{
font-size: 36px;
}
.nayami__img{
text-align: center;
}
.nayami__img img{
max-width: 604px;
}
.makeup{
padding: 100px 0;
}
.makeup__in{
margin-top: 80px;
display: flex;
justify-content: space-between;
}
.makeup__img{
width: 40%;
}
.makeup__content{
width: 60%;
padding: 0 8%;
}
.makeup__in:nth-child(2n-1){
flex-direction: row-reverse;
}
.makeup__ttl1{
font-size: 36px;
line-height: 1.2;
text-align: center;
}
.makeup__ttl2{
font-size: 42px;
font-weight: bold;
text-align: center;
line-height: 1.2;
}
.makeup__ttl2 span:nth-child(1){
font-size: 100px;
font-family: 'Brandon Grotesque';
}
.makeup__ttl2 span:nth-child(2){
font-size: 60px;
}
.makeup__ttl2 span:nth-child(3){
font-size: 40px;
}
.makeup__ttl3{
font-size: 72px;
line-height: 1.2;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
.makeup__txt .back-blue{
background: rgba(0, 140, 227, 0.1);
font-size: 28px;
}
.step__list{
display: flex;
justify-content: space-between;
}
.step__one{
width: 240px;
}
.step__ttl{
font-size: 32px;
text-align: center;
font-weight: 500;
margin-bottom: 37px;
}
.step__ttl span{
font-size: 42px;
}
.step{
margin-bottom: 90px;
}
.lineup{
background: url(//platinumlab.jp/wp-content/themes/PB/img/home-care/line-back.png) no-repeat;
background-size: 100%;
background-position: top center;
padding-top: 50px;
background-color: #F0F5FF;
padding-bottom: 180px;
}
.lineup__in{
max-width: 886px;
margin: 0 auto;
background: #fff;
border-radius: 12px;
padding: 50px;
}
.lineup__one{
margin-bottom: 100px;
}
.lineup__one:last-child{
margin-bottom: 0;
}
.lineup__ttl{
font-size: 17px;
padding: 8px;
text-align: center;
border: 1px solid #3B5689;
margin-bottom: 50px;
}
.product__cat span{
font-weight: bold;
background: #3B5689;
color: #fff;
padding: 3px 5px;
font-family: 'Roboto', sans-serif;
}
.lineup__product{
display: flex;
justify-content: space-between;
}
.lineup__product-img{
width: 415px;
}
.lineup__product-content{
width: calc(100% - 445px);
}
.lineup__product-content-img{
height: 260px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.product__ttl{
font-size: 18px;
font-weight: 500;
text-decoration: underline;
margin-bottom: 10px;
}
.product__subttl{
margin-bottom: 5px;
}
.product__subttl span{
background: rgba(0, 140, 227, 0.1);
color: #3B5689;
padding: 3px 5px;
font-weight: bold;
}
.product__txt{
font-size: 13px;
}
.product__btn-wrap{
text-align: center;
margin-top: 20px;
}
.product__btn{
display: inline-block;
width: 288px;
padding: 15px 0;
text-align: center;
color: #fff;
font-size: 22px;
font-weight: bold;
background: linear-gradient(45deg, #FF2929 0%, #FF1A8E 100%);
border-radius: 50px;
}
.product__btn img{
margin-right: 5px;
}
.lineup__one:nth-child(2n) .lineup__product{
flex-direction: row-reverse;
}
.lineup__one:nth-child(2n) .product__cat,
.lineup__one:nth-child(2n) .product__ttl,
.lineup__one:nth-child(2n) .product__subttl{
text-align: right;
}
.product__img{
margin-bottom: 10px;
}
.lineup__product-content-one{
max-width: 309px;
margin: 0 50px;
}
.fixedcontainer2{
max-width: 1134px;
margin: 0 auto;
}
.led-facial__ttl{
text-align: left;
}
.concept{
padding: 50px 0 90px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/led-facial/concept-back.png) no-repeat;
background-size: 30%;
background-position: top right;
}
#led-scalp .concept{
padding: 50px 0 90px;
background: url(//platinumlab.jp/wp-content/themes/PB/img/led-scalp/concept-back.png) no-repeat;
background-size: 30%;
background-position: top right;
}
.concept__list{
margin-top: 46px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.concept__in{
width: 557px;
background: #F0F5FF;
border-radius: 12px;
padding: 30px 20px;
}
.concept__in:last-child{
margin-top: 90px;
}
.concept__one{
margin-bottom: 36px;
}
.concept__one:last-child{
margin-bottom: 0;
}
.difference__ttl{
font-size: 28px;
margin-bottom: 40px;
}
.difference{
margin-top: 90px;
}
.effect{
margin-top: 90px;
}
.effect__ttl{
font-size: 28px;
margin-bottom: 10px;
}
.effect__in{
display: flex;
justify-content: space-between;
margin-bottom: 46px;
}
.effect__content{
width: 680px;
}
.effect__img{
width: 422px;
}
.about__in{
display: flex;
justify-content: space-between;
}
.about__img{
width: 284px;
}
.about__content{
width: 456px;
}
.machine_id span{
font-family: 'Roboto';
font-weight: bold;
font-size: 32px;
color: #fff;
background: #3B5689;
border-radius: 2px;
padding: 3px 10px;
}
.machine_id{
margin-bottom: 18px;
}
.machine_ttl{
font-size: 24px;
font-weight: bold;
text-decoration: underline;
margin-bottom: 13px;
}
.machine_txt strong{
font-size: 20px;
}
.machine_info{
margin-top: 36px;
}
.machine_img{
float: right;
}
.machine_spec_ttl{
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.machine_spec_subttl{
margin-bottom: 5px;
}
.machine_spec_subttl span{
font-size: 12px;
padding: 3px 10px;
border: 1px solid #3B5689;
border-radius: 2px;
background: #fff;
}
.machine_spec_tbl table{
width: 100%;
}
.machine_spec_tbl tr:nth-child(2n) th,
.machine_spec_tbl tr:nth-child(2n) td{
background: #F0F5FF;
}
.machine_spec_tbl th,
.machine_spec_tbl td{
padding: 5px;
}
.machine_spec_tbl th{
width: 200px;
text-align: left;
vertical-align: top;
}
.about__txt{
margin: 50px 0;
}
.about__type{
display: flex;
justify-content: space-between;
}
.about__type{
display: flex;
justify-content: space-between;
}
.about__type-one{
width: 230px;
}
.type_ttl{
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.back-red{
background: #FF2164;
}
.back-blue{
background: #008CE3;
}
.back-yellow{
background: #FF9021;
}
.type_img{
border: 1px solid #D6D6D6;
padding: 15px;
}
.type_subttl{
font-size: 14px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 6px;
}
.type_txt{
font-size: 13px;
}
.cost{
margin: 90px 0;
}
.cost_desc{
display: flex;
justify-content: center;
padding: 20px;
margin-bottom: 36px;
border-radius: 12px;
broder: 1px solid #E3D899;
background: linear-gradient(135deg, #FFFEF8 0%, #F4E9AF 20%, #EAD66C 30%, #F7EEBE 100%);
}
.cost_desc_img{
width: 178px;
margin-right: 20px;
}
.cost_desc_content{
width: 482px;
}
.cost_desc_content h3{
font-size: 20px;
margin-bottom: 10px;
}
.cost_desc_content p{
line-height: 2;
}
.cost_list{
display: flex;
justify-content: space-between;
}
.cost_list>div{
width: 374px;
}
.cost_alert{
font-size: 11px;
line-height: 2;
margin:  15px 0;
}
.cost_back_ttl span{
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #fff;
background: #3B5689;
border-radius: 30px;
text-align: center;
padding: 5px 20px;
}
.cost_back_list span{
font-size: 11px;
margin-right: 20px;
line-height: 1.4;
margin-top: 5px;
}
.flow_img{
text-align: center;
margin-left: 40px;
}
.before_after{
margin: 90px 0;
}
.before_after_img{
text-align: center;
}
.kodawari_one{
padding: 45px 0 65px;
}
.kodawari_one p{
width: 600px;
}
.kodawari_one.kodawari2 p{
margin-left: 280px;
}
.kodawari1{
background: url(//platinumlab.jp/wp-content/themes/PB/img/led-facial/kodawari1.png) no-repeat;
background-position: top right;
background-size: 45%;
}
.kodawari2{
background: url(//platinumlab.jp/wp-content/themes/PB/img/led-facial/kodawari2.png) no-repeat;
background-position: top left;
background-size: 45%;
}
.kodawari3{
background: url(//platinumlab.jp/wp-content/themes/PB/img/led-facial/kodawari3.png) no-repeat;
background-position: top right;
background-size: 45%;
}
.efficacy{
padding: 90px 0;
}
.efficacy_in{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.efficacy_in>div{
width: 379px;
margin-top: 40px;
}
.sub_simulation_ttl{
font-size: 24px;
text-align: center;
font-weight: 700;
}
.sub_simulation_ttl span{
font-weight: 900;
font-size: 26px;
}
.sub_simulation_txt{
font-size: 28px;
margin-bottom: 28px;
}
.sub_simulation_txt span{
display: inline-block;
padding: 0px 20px;
border-radius: 20px;
border: 1px solid #3B5689;
font-size: 16px;
font-weight: normal;
margin-left: 30px;
}
.sub_simulation_txt span strong{
font-size: 18px;
font-weight: bold;
}
.sub_simulation_in{
margin-top: 50px;
}
.sub_simulation_alert{
margin: 5px 0;
text-align: right;
font-size: 12px;
}
.subttl{
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
}
.work_flow{
margin-top: 90px;
}
.work_flow_one{
border-left: 6px solid #3B5689;
padding-left: 70px;
padding-bottom: 60px;
position: relative;
}
.work_flow_one:last-child{
border-left: none;
}
.work_flow_mark{
width: 85px;
height: 85px;
border-radius: 50%;
background: #fff;
border: 3px solid #3B5689;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
text-align: center;
left: 0;
top: 0;
position: absolute;
transform: translateX(-50%);
}
.work_flow_mark.work_flow_blue{
color: #008CE3;
border-color: #008CE3;
background: #F0F5FF;
}
.work_flow_ttl{
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.work_flow_ttl span{
background: #3B5689;
color: #fff;
font-size: 20px;
font-weight: bold;
font-family: 'Brandon Grotesque';
padding: 3px 15px;
border-radius: 30px;
margin-right: 20px;
}
.work_flow_start{
float: right;
width: 285px;
border-radius: 12px;
overflow: hidden;
margin-left: 50px;
}
.work_flow{
padding-bottom: 90px;
}
.type_subttl2{
font-size: 18px;
margin-bottom: 10px;
}
.about__type-two-header{
width: 230px;
}
.about__type-two-content{
width: calc(100% - 260px);
}
.before_after_one{
margin-top: 90px;
text-align: center;
}
.before_after_one_ttl{
font-size: 28px;
color: #0099D8;
text-decoration: underline;
margin-bottom: 23px;
}
.feature{
background-color: #F0F5FF;
background-image: url(//platinumlab.jp/wp-content/themes/PB/img/self/feature-back.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom;
}
.feature .fixedcontainer{
padding: 50px 0 100px;
}
.self__ttl{
margin: 0 45px;
text-align: center;
font-size: 22px;
color: #fff;
background: linear-gradient(to bottom, #0F4C9F 0%, #143064 100%);
}
.self__ttl span{
font-size: 26px;
}
.feature__subttl{
font-size: 22px;
text-align: center;
margin-bottom: 30px;
}
.feature__list{
display: flex;
flex-wrap: wrap;
}
.feature__list li{
width: 33.33%;
padding: 10px;
}
.feature__one{
background: #fff;
border-radius: 6px;
text-align: center;
padding: 20px 10px 10px;
}
.feature__num{
margin-bottom: 16px;
}
.feature__ttl{
color: #3B5689;
margin-bottom: 10px;
}
.feature__txt{
font-size: 14px;
margin-bottom: 16px;
}
.feature__img{
border-radius: 6px;
overflow: hidden;
}
.feature__list li:nth-child(1){
border-right: 1px dashed #3B5689;
border-bottom: 1px dashed #3B5689;
}
.feature__list li:nth-child(2){
border-right: 1px dashed #3B5689;
border-bottom: 1px dashed #3B5689;
}
.feature__list li:nth-child(3){
border-bottom: 1px dashed #3B5689;
}
.feature__list li:nth-child(4){
border-right: 1px dashed #3B5689;
}
.feature__list li:nth-child(5){
border-right: 1px dashed #3B5689;
}
.different{
margin: 90px 0  50px;
}
.different__ttl{
margin-bottom: 50px;
}
.different__list{
display: flex;
justify-content: space-between;
}
.different__list li{
width: 240px;
border-radius: 10px;
}
.different__one{
padding: 15px 20px;
border-radius: 6px;
}
.different__list li:nth-child(1) .different__one{
background: #F8F8F8;
}
.different__list li:nth-child(2) .different__one{
background: #F0F5FF;
border: 3px solid #008CE3;
}
.different__list li:nth-child(3) .different__one{
background: #F2FDFA;
}
.different__one-ttl{
display: flex;
height: 64px;
justify-content: center;
text-align: center;
align-items: center;
font-size: 18px;
border-radius: 6px;
color: #535353;
font-weight: bold;
margin-bottom: 20px;
}
.different__list li:nth-child(1) .different__one-ttl{
border: 1px solid #707070;
}
.different__list li:nth-child(2) .different__one-ttl{
background: #008CE3;
color: #fff;
}
.different__list li:nth-child(3) .different__one-ttl{
border: 1px solid #707070;
}
.different__one-txt1{
text-align: center;
font-size: 14px;
padding-bottom: 15px;
border-bottom: 1px solid #707070;
margin-bottom: 15px;
margin-top: 24px;
}
.different__one-txt2{
text-align: center;
font-size: 13px;
}
.construction{
padding: 90px 0;
}
.construction__in{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.construction__img{
width: 267px;
}
.construction__content{
width: 462px;
}
.lineup__kodawari-one{
display: flex;
margin-bottom: 40px;
justify-content: space-between;
}
.lineup__kodawari-one:nth-child(2n){
flex-direction: row-reverse;
}
.lineup__kodawari-img{
width: 303px;
border-radius: 6px;
overflow: hidden;
}
.lineup__kodawari-content{
width: 453px;
}
.lineup.self_lineup{
padding-bottom: 90px;
}
.machine_kodawari{
margin: 90px 0;
}
.machine_kodawari_ttl{
position: relative;
border-top: 1px solid #3B5689;
border-bottom: 1px solid #3B5689;
padding: 20px 0;
text-align: center;
font-size: 24px;
margin-bottom: 24px;
}
.machine_kodawari_ttl:before{
content: '';
width: 100%;
border-top: 1px dashed #3B5689;
left: 0;
top: 8px;
position: absolute;
}
.machine_kodawari_ttl:after{
content: '';
width: 100%;
border-top: 1px dashed #3B5689;
left: 0;
bottom: 8px;
position: absolute;
}
.machine_kodawari_in{
max-width: 640px;
margin: 50px auto 0;
}
.space{
margin: 50px 0 0;
}
.space_ttl{
text-align: center;
font-size: 24px;
margin-bottom: 40px;
}
.space_img{
text-align: center;
}
.space_in{
margin-bottom: 90px;
}
.space_one{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.space_one_header{
width: 140px;
padding: 15px 0;
text-align: center;
background: #F0F5FF;
border: 1px solid #3B5689;
font-weight: bold;
border-radius: 2px;
}
.space_one_content{
width: calc(100% - 160px);
}
.space_one_ttl{
font-weight: bold;
line-height: 1.4;
}
.space_one_txt{
font-size: 10px;
}
.space_subtxt{
font-size: 14px;
margin-bottom: 20px;
}
.title{
font-size: 30px;
line-height: 1.2;
text-align: center;
}
.blog_fv{
padding: 80px 0;
background: url(//platinumlab.jp/wp-content/themes/PB/img/led-scalp/kodawari2.png);
background-size: cover;
background-position: center;
}
.sec{
padding: 80px 0;
}
.blog_list{
display: flex;
flex-wrap: wrap;
}
.blog_one{
display: block;
width: 310px;
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.2);
border-radius: 5px;
overflow: hidden;
margin-right: 35px;
margin-bottom: 35px;
}
.blog_one:nth-child(3n){
margin-right: 0;
}
.blog_date{
font-size: 14px;
color: #ccc;
}
.blog_in{
padding: 20px;
}
.blog_ttl{
font-size: 18px;
margin-top: 5px;
line-height: 1.4;
}
.blog_cat{
font-size: 13px;
color: #fff;
margin-top: 10px;
}
.blog_cat span{
display: inline-block;
background: #3B5689;
padding: 3px 5px;
border-radius: 3px;
}
.blog_img{
width: 100%;
height: 190px;
}
.blog_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.btn_wrap{
text-align: center;
margin-top: 40px;
}
.btn{
display: inline-block;
padding: 10px 60px;
border-radius: 40px;
background:#3B5689;
color: #fff;
}
.thumbnail img{
height: auto;
}
#single{
background: #fff;
}
#single .fixedcontainer3{
overflow: hidden;
}
.single_content{
width: 680px;
background-color: #f9f9f9;
padding: 40px 40px 60px;
float: left;
}
.sidebar{
width: 280px;
padding: 20px;
background-color: #f9f9f9;
float: right;
}
.single_ttl{
font-size: 24px;
margin-bottom: 20px;
}
.single_date{
color: #ccc;
}
.cats a{
font-size: 14px;
display: inline-block;
padding: 0px 10px;
margin: 5px;
border-radius: 15px;
color: #fff;
background-color: #3B5689;
}
.tags a{
font-size: 14px;
display: inline-block;
padding: 0px 10px;
margin: 5px;
border-radius: 15px;
background-color: #3B5689;
}
.thumbnail{
margin: 20px 0 30px;
}
.sidebar_one{
margin-bottom: 30px;
}
.sidebar_ttl{
border-bottom: 3px solid #333;
font-size: 20px;
margin-bottom: 20px;
}
.sidebar_one:last-child{
margin-bottom: 0;
}
.fixedcontainer3{
width: 90%;
max-width: 1000px;
margin: 0 auto;
}
.footer__logo{
margin-bottom: 20px;
}  .success{
  padding: 70px 0 60px;
}
.bl_title{
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 480px){
.success{
   padding:unset !important;
}
.bl_title{
text-align: center;
display:block;
margin-bottom: unset;
margin:0 auto 10px auto;
}
.bl_title img{
width:90%;
height:90%;
}
}  .welcome__btn_self{
margin-right: auto;
margin-left: auto;
text-align: center;
max-width: 700px;
width: 100%;
margin-bottom: 30px;
}
.welcome__btn_self .text-1{
text-align: center;
font-size: 22px;
}
.welcome__btn_self a {
width: 100%;
max-width: 700px;
font-size: 1.2rem;
margin: 10px 0 ;
}
.welcome__btn_self .text-2{
text-align: center;
font-size: 0.7rem;
}
@media screen and (max-width:500px){
.welcome__btn_self a {
font-size: 1.1rem;
}
}