@charset "UTF-8";

/*==============================================================================================
LP BIZM 関連
https://shop.complex-biz.com/Contents/Page/group/
==============================================================================================*/
#Contents #tblLayout{margin: 0 auto;} /*W2グループ設定 中央寄せ*/
#BIZM-page { width: 100%;max-width:1200px;margin:0 auto;}
.ReleaseDate { background-color: #36be4f;color:#fff;text-align: center;font-family: basic-sans, sans-serif;font-weight: 400;font-style:unset;padding:12px;font-size:5rem;}
#BIZM-pagetitle{width:1200px;}
#BIZM-pagetitle img{width:1200px;}
.BIZM-read{font-size:2.5rem;text-align: center;margin:5% 0;}
#introAdvisor{background-color: #fc909d;padding:8% 2% 2% 6%;margin:0 15%;display:block;}
#introAdvisor .text-post{color:#fff;font-size:2.5rem;margin-bottom: 10px;}
#introAdvisor .text-name{color:#fff;font-size:5rem;font-weight: 600;} 
#introAdvisor .text-after{color:#fff;font-size:2.5rem;} 
#introAdvisor .pct{margin-top:-30% !important;text-align: right;}
#introAdvisor img{max-width:288px}
#sample{text-align: center;margin-top:8%}
#sample .titlePC{color:#f74d72;font-size:5rem;font-weight: 600;}
#sample .titleSP{display: none;}
#sample .title-max500{display:none !important;}
#sample .camTitle{margin:5% auto 0 auto ;max-width:656px;display: block;}
#sample .text-detail{margin-top:5%;text-align: center;font-size:3em;}
#sample .period{background-color: #fedee1;font-size:3.5rem;font-weight:500;margin:4% 18%;}
#sample .period font{font-size:3rem;}
#sample .sample-pict{margin:5% auto 0 auto ;max-width:1000px;display: block;}
#sample .text-warning{margin:4% 20% 0 20%;text-align: left;font-size:2.2rem}
#LineUP-title{width: 100%;max-width:1200px;background:url(https://shop.complex-biz.com/Contents/Feature/LP/bizm/title_section.jpg) no-repeat top / contain ;padding-top: 49.8% ;margin-top:8%}
#LineUP-title h2{font-family: warbler-deck, sans-serif;font-weight: 400;font-style: normal;font-size:11rem;display: block;text-align: center;margin-top: -38% !important;}
#LineUP-title h3{font-size:5rem;text-align: center;font-family:zen-old-mincho, sans-serif;font-weight: 700;font-style: normal;}
#LineUP-products{margin:8% 15%;}
#LineUP-products h4.title-hard{color:#b0b6da;font-size:8rem;font-family:warbler-deck, sans-serif;font-weight: 400;}
#LineUP-products h4.title-soft{color:#ffc6bd;font-size:8rem;font-family:warbler-deck, sans-serif;font-weight: 400;}
#LineUP-products .price{color:black;font-size:4.5rem;text-align: right;font-weight: 400;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;margin-top:-9% !important}
#LineUP-products .products-img{width:100%;display: block;margin:8% auto;}
#LineUP-products .title02-hard{background-color:#b0b6da ;color:#fff;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;padding: 20px auto;width:24%;font-size:3.4rem;text-align: center;margin:2% 0 0 18%;border-radius: 25px;}
#LineUP-products .title02-soft{background-color:#ffc6bd ;color:#fff;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;padding: 20px auto;width:24%;font-size:3.4rem;text-align: center;margin:2% 0 0 18%;border-radius: 25px;}
#LineUP-products hr {border: none; border-top: 1px solid #cccccc; height: 0;margin:8% auto 5% auto;display: block;}
#LineUP-products ul{margin-left:52%;margin-top: -7% !important;}
#LineUP-products li{list-style-type: disc;font-size:3rem;}
.Pre-end{border:dotted red 4px;margin:3% 15%;font-size:3rem;font-weight: 500;padding:5px;text-align: center;}


@media screen and (max-width: 1000px) {
.ReleaseDate { padding:10px;font-size:6rem;}
.BIZM-read{font-size:3.5rem;}
#introAdvisor{margin:0 8%;}
#introAdvisor .text-post{font-size:3.5rem;}
#introAdvisor .text-name{font-size:8rem;} 
#introAdvisor .text-after{font-size:3.5rem;} 
#sample h2{font-size:8rem;}
#sample .text-detail{font-size:5rem;}
#sample .period{font-size:5rem;}
#sample .period font{font-size:3.5rem;}
#sample .text-warning{font-size:3rem;}
#LineUP-title h2{margin-top: -38% !important;}
#LineUP-products h4.title-hard{font-size:10rem;}
#LineUP-products h4.title-soft{font-size:10rem;}
#LineUP-products .price{font-size: 5.5rem;}
#LineUP-products .title02-hard{font-size:4.2rem;margin:2% 0 0 14%;}
#LineUP-products .title02-soft{font-size:4.2rem;margin:2% 0 0 14%;}
#LineUP-products ul{padding-left:3%;}
#LineUP-products li{font-size:3.6rem;}
}


@media screen and (max-width: 767px) {
#BIZM-page { margin:0 1.5%;}
.ReleaseDate { padding:10px;font-size:3.5rem;}
.BIZM-read{font-size:1.8rem;}
#introAdvisor{margin:0;}
#introAdvisor .text-post{font-size:2rem;}
#introAdvisor .text-name{font-size:4rem;} 
#introAdvisor .text-after{font-size:2rem;} 
#introAdvisor .pct{margin-top:-25% !important;}
#introAdvisor img{max-width:275px}
#sample h2{font-size:4.2rem;}
#sample .text-detail{font-size:2.8rem;padding:4px;}
#sample .period{font-size:2.8rem;margin:4% 1%;}
#sample .period font{font-size:2.2rem;}
#sample .text-warning{margin:4% 2% 0 2%;font-size:1.8rem}
#LineUP-title{margin:8% 1% 0 1%;}
#LineUP-title h2{margin-top: -45% !important;font-size:8rem}
#LineUP-title h3{font-size:4rem}
#LineUP-products{margin:8% 1%;}
#LineUP-products h4.title-hard{font-size:5.5rem;}
#LineUP-products h4.title-soft{font-size:5.5rem;}
#LineUP-products .price{font-size: 3.2rem;}
#LineUP-products .title02-hard{font-size:3rem;margin:2% 0 0 10%;width:24%;}
#LineUP-products .title02-soft{font-size:3rem;margin:2% 0 0 10%;width:24%;}
#LineUP-products ul{margin-left:40%;margin-top:-9% !important;}
#LineUP-products li{font-size:2.5rem;}
.Pre-end{margin:3% 1%;font-size:2rem;padding:5px;}
}


@media screen and (max-width: 600px) {
.ReleaseDate { padding:10px;font-size:3rem;}
.BIZM-read{font-size:1.5rem;}
#introAdvisor .text-post{font-size:1.8rem;}
#introAdvisor .text-name{font-size:3rem;} 
#introAdvisor .text-after{font-size:1.8rem;} 
#introAdvisor .pct{margin-top:-15% !important;}
#introAdvisor img{max-width:200px}
#sample h2{font-size:2.7rem;}
#sample .text-detail{font-size:2rem;}
#sample .period{font-size:2rem;}
#sample .period font{font-size:1.8rem;}
#sample .text-warning{font-size:1.5rem}
#LineUP-title h2{margin-top: -40% !important;font-size:6rem}
#LineUP-title h3{font-size:2.8rem}
}

@media screen and (max-width: 500px) {
.BIZM-read{font-size:1.8rem;text-align: left;}
#introAdvisor .pct{margin-top:-5% !important;}
#introAdvisor .text-post{font-size:1.6rem;}
#introAdvisor .text-name{font-size:3rem;} 
#introAdvisor .text-after{font-size:1.6rem;} 
#sample .titlePC{display: none;}
#sample .titleSP{color:#f74d72;font-size:3.2rem;font-weight: 600;display: block;}
#sample .period{font-size:1.9rem;margin:8% 0;}
#sample .period font{font-size:1.4rem;}
#LineUP-title h2{margin-top: -45% !important;font-size:5.5rem}
#LineUP-title h3{font-size:2.2rem}
#LineUP-products{margin:8% 0;}
#LineUP-products .price{font-size: 2.2rem;margin-top:-14% !important;}
#LineUP-products .title02-hard{font-size:2rem;margin:2% 0 0 10%;width:24%;}
#LineUP-products .title02-soft{font-size:2rem;margin:2% 0 0 10%;width:24%;}
#LineUP-products ul{margin-left:40%;margin-top:-9% !important;}
#LineUP-products li{font-size:2rem;}
}