#newnormal { margin-top: 0;}

.animated { opacity: 0;}


.br-sp { display: none;}

.newnormal_kv { text-align: center; margin:0 auto;padding:0;background:#e7e5e9;position: relative;}
.newnormal_kv .main_v {background: url(/template/default/img/cp/newnormal/kv_202011_sp.png) no-repeat top center;background-size: 100%;min-height: 550px;position: relative;z-index: 1;}
.newnormal_kv .main_v img{display: none;}

@media only screen and (min-width: 768px){
    .br-pc {display: none;}
    .br-sp {display:block;}
    .newnormal_kv .main_v{background: url(/template/default/img/cp/newnormal/kv_202011_bg.png) no-repeat top center;min-height: 545px;padding: 180px 20px 20px 20px;}
    .newnormal_kv .main_v img{display:inline;}
}


@media only screen and (min-width: 768px){
  .newnormal_habit {background: url(/template/default/img/cp/newnormal/consept_bg_pc.jpg)  no-repeat top center/ cover !important;
    margin-top:-40px !important;text-align:center;padding:50px 0px!important;}
    .newnormal_purchase { background: #f5f8fa !important;padding:50px 0px;}
    .newnormal_purchase_contents {max-width:752px;margin:30px auto 0 auto;text-align:center;display: block;position: relative;border:solid 1px #dddddd;}
    .newnormal_purchase h3 {padding:0px;}
    .newnormal_purchase_contents .newnormal_pro_txt{width:40%;margin: 20px 0px !important;padding: 75px 20px !important;display: inline-block;}
    .newnormal_purchase_contents .newnormal_pro_txt_l{width:40%;margin: 20px 0px !important;padding: 90px 20px !important;display: inline-block;}
    .newnormal_purchase_contents .newnormal_pro_txt_l02{width:40%;margin: 20px 0px !important;padding: 82px 20px !important;display: inline-block;}
    .newnormal_purchase_contents .box {width:50%;display: inline-block !important;padding:0px !important;margin:20px !important;vertical-align: top;}
    .newnormal_purchase_contents .box .pro_img {float: none !important;width:409px !important;display:block;}
    .newnormal_purchase_contents .txt_pc{display:block !important;}
    .newnormal_purchase_contents .txt_pc .pro_cap {font-size: 15px;margin-top: 2%;}
    .newnormal_purchase_contents .txt_pc .pro_name {font-size: 16px;padding:10px 0px !important;}
    .newnormal_purchase_contents .txt_pc .type {font-weight:normal;margin: 0px 5px 10px 0px;width: 15%;display: inline-block;}
    .newnormal_purchase_contents .txt_pc .type_l {font-weight:normal;margin: 0px 5px 10px 0px;width: 30%;display: inline-block;}
    .newnormal_purchase_contents .space { padding: 12px 0 0px 0 !important;}
    .newnormal_purchase_contents .box .btn-lg {padding: 15px;width:60%;margin:0 auto;}
    .newnormal_purchase_contents .sub_pc{font-size: 8px;color:#777777;position:absolute;bottom: 10px;left: 20px;display: block !important;text-align: left;}
}

.newnormal_habit {background: url(/template/default/img/cp/newnormal/consept_bg.jpg) no-repeat top center #cccccc;padding:25px 20px 20px;margin-top:-20px !important;position: relative;z-index:0;}

.newnormal_purchase { background: #ffffff; text-align: center; margin: 0;}
.newnormal_purchase h2 {background: #f5f8fa;margin:0;}
.newnormal_purchase h3 {background: radial-gradient(#4e98e9, #2167d8);text-align: center; margin: 0;}
.newnormal_purchase h4 {font-weight: normal;font-size:1em;margin-top:0;padding-bottom:5px;border-bottom:solid 1px #ccc;}
.newnormal_purchase h4 span{display:block;color:#307fe2;font-size: 1.5em;}
.newnormal_purchase h4 span.inline{display:inline;color:#307fe2;font-size: 1.5em;}
.newnormal_purchase_contents {background: #fff;display: block;}
.newnormal_purchase_contents .box{margin:30px 10px;padding:0 10px;display: block;}
.newnormal_purchase_contents .space{clear: both;padding: 12px 0 20px 0;}
.newnormal_purchase_contents .txt_pc{display:none;}
.newnormal_purchase_contents .box .txt{float: left;width:45%;margin-top:40px;}
.newnormal_purchase_contents .box .txt_r{float: left;width:45%;margin-top:10px;}
.newnormal_purchase_contents .box .txt_r02{float: left;width:55%;margin-top:10px;}
.newnormal_purchase_contents .box .pro_img{float: left;width:55%;}
.newnormal_purchase_contents .box .pro_img_l{float: left;width:60%;}
.newnormal_purchase_contents .box img.pop{width:70%;}
.newnormal_purchase_contents .box .btn-lg {font-size: 14px;line-height: 1.3;}
.newnormal_purchase_contents .box .btn-primary:before{right: 15px !important;}
.newnormal_purchase_contents .newnormal_pro_txt{background: #f4f4f4;padding:20px;margin:20px;text-align: left;}
.newnormal_purchase_contents .newnormal_pro_txt p{margin-bottom:0;}
.newnormal_purchase_contents .newnormal_pro_txt_l{background: #f4f4f4;padding:20px;margin:20px;text-align: left;}
.newnormal_purchase_contents .newnormal_pro_txt_l p{margin-bottom:0;}
.newnormal_purchase_contents .newnormal_pro_txt_l02{background: #f4f4f4;padding:20px;margin:20px;text-align: left;}
.newnormal_purchase_contents .newnormal_pro_txt_l02 p{margin-bottom:0;}
.newnormal_purchase_contents .pro_cap{color: #000;font-size: 12px;margin-top:6%;display: block;}
.newnormal_purchase_contents .pro_name{font-size: 14px;margin: 0;padding-top: 10px;font-weight: bold;display: block;}
.newnormal_purchase_contents .type{font-size: 12px;margin:15px auto;width:30%;display: block;border:solid 1px #ccc;color:#777777;}
.newnormal_purchase_contents .type_l{font-size: 12px;margin:15px auto;width:70%;display: block;border:solid 1px #ccc;color:#777777;}
.newnormal_purchase_contents .sub01{font-size: 8px;color:#777777;text-align: right;letter-spacing:-1px;}
.newnormal_purchase_contents .sub_r{font-size: 8px;color:#777777;text-align: right;letter-spacing:-1px;margin-top:10px;}
.newnormal_purchase_contents .sub_u{font-size: 8px;color:#777777;text-align: right;letter-spacing:-1px;clear: both;margin:0px 20px 0px 0px;}
.newnormal_purchase_contents .sub_pc{display:none;}

@media only screen and (max-width: 320px){
  .newnormal_purchase_contents .newnormal_pro_txt {margin: 10px;}
  .newnormal_purchase h4 {font-size: 0.9em;}
  .newnormal_purchase_contents .box .txt {margin-top: 0px;}
  .newnormal_purchase_contents .pro_cap {font-size: 10px;}
  .newnormal_purchase_contents .pro_name {font-size: 12px;}
  .newnormal_purchase_contents .box .btn-lg {font-size: 10px;}
  .newnormal_purchase_contents .box .btn-primary:before {right: 18px !important;}
  .newnormal_purchase_contents .type {font-size: 10px;width: 40%;}
  .newnormal_purchase_contents .type_l {font-size: 10px;}
  .br-sp {display: initial;}
}

@media only screen and (min-width: 768px){


}