
@media screen and (max-width:768px){
    html{
        min-width: 100%;
    }
    .wrapper{
        width: 90%;
    }
    .pc_only{
        display: none;
    }
    .sp_only{
        display: block !important;
    }
    .sp_none{
        display: none;
    }
    .PcflexSpcolmn{
        flex-direction: column;
    }
    .SpcolmnReverse{
        flex-direction: column-reverse;
    }
    .Pc65SpMax{
        width: 100%;
    }
    .Pc60SpMax{
        width: 100%;
    }
    .Pc55SpMax{
        width: 100%;
    }
    .PcHalfSpMax{
        width: 100%;
    }
    .Pc40SpMax{
        width: 100%;
    }
    .Pc35SpMax{
        width: 100%;
    }
    .Pc30SpMax{
        width: 100%;
    }
    .sp_half{
        width: 47%;
    }
    /* フッター */
    .footer_inner{
        display: block;
    }
    .dt_btnArea {
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .footer_left{
        width: fit-content;
        margin: 0 auto;
    }
    .ft_banner1,.ft_banner2{
        width: 90%;
        margin: 5px auto;
        max-width: 250px;
    }
    .ft_panfArea{
        margin-right: auto;
        margin-bottom: 10px;
    }
    .ft_address {
        margin-left: 0px;
    }
    .ft_logo {
        width: 100%;
        max-width: 340px;
        margin-bottom: 30px;
    }
    /* フッター */
    #topContentsArea{
        flex-direction: column;
    }
    .topContentsBox{
        width: 100%;
        padding: 20px 5%;
    }
    .sp_flex{
        display: flex;
        justify-content: space-between;
        max-width: 500px;
        align-items: center;
        margin: 0 auto;
    }
    .obj_photo{
        width: 40%;
    }
    .obj_status{
        width: 60%;
    }
    .detailBtn{
        padding: 10px 0;
    }
    .obj_point{
        display: block;
    }
    .strength{
        display: block;
    }
    .strengthPointBox{
        width: 30%;
    }
    .turned_logo{
        width: 100%;
    }
    .makuake{
        margin-top: 20px;
        width: 100%;
    }
    .makuake_logo{
        width: 100px;
    }
    .makuake_right{
        width: calc(100% - 120px);
    }
    .makuake_br{
        display: none;
    }
    .main_copy{
        width: 80%;
        position: static;
        margin: 15px auto 20px auto;
    }
    .main_kakaku{
        position: static;
        margin: 0 auto;
    }
    .icon_flex_box{
        width: 30%;
        margin-right: 5%;
        margin-bottom: 15px;
    }
    .icon_flex_box:nth-child(3){
        margin-right: 0;
    }
    .pointBox{
        width: 48%;
        margin-right: 4%;
        padding: 5%;
    }
    .pointBox:nth-child(3){
        margin-right: 4%;
    }
    .pointBox:nth-child(2),
    .pointBox:nth-child(4),
    .pointBox:nth-child(6){
        margin-right: 0%;
    }
    .pointBox:nth-child(5),
    .pointBox:nth-child(6){
        margin-bottom: 0;
    }
    .sectionTitle{
        font-size: clamp(2.6rem,3vw,3rem);
    }
    .sp80par{
        width: 80%;
        margin: 0 auto;
    }
    .sp_mgb20px{
        margin-bottom: 20px;
    }
    .Pc30SpMax{
        width: 100%;
    }
    .oteirePoint{
        padding: 5%;
    }
    .led_maintitle{
        max-width: 450px;
    }
    .led_mainSubtitle{
        line-height: 70%;
        padding: 10px 0;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }
    .led_main_visual {
        width: 90%;
        max-width: 250px;
        margin: 0 auto;
    }
    .led_mainCopy{
        font-size: 1.7rem;
        letter-spacing: 0px;
        text-align: center;
    }
    .led_mainPoint{
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
        text-align: center;
        width: 100%;
    }
    .led_price{
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
    }
    .ledsec01Flex{
        flex-direction: column;
    }
    .ledsec01FlexBox{
        width: 100%;
    }
    .ledsec01FlexBox2{
        padding: 30px 0;
        justify-content: center;
    }
    .ledsec01_para{
        text-align: center;
        font-size: clamp(2rem,4vw,3rem);
        color: white;
        padding-left: 0px;
    }
    .ledsec01FlexBox3{
        min-height: 230px;
    }
    .denq{
        width: 60%;
    }
    .lumen{
        width: 50%;
        padding: 30px 0;
    }
    .ledsev03PointBox{
        width: 100%;
        display: flex;
        padding: 5%;
    }
    .ledsev03Area_h4{
        margin-top: 0;
    }
    .ledsev03graf{
        padding: 5%;
    }
    .ledsev03graf_para {
        font-size: 1.8rem;
        padding: 10px;
    }
    .multiSec01Box{
        margin-bottom: 20px;
    }
    .styleBox{
        width: 30%;
        margin-right: 5%;
    }
    .styleBox:nth-child(4n){
        margin-right: 5%;
    }
    .styleBox:nth-child(3n){
        margin-right: 0%;
    }
    .pc_mobile_only{
        display: none;
    }
    .sp_kwcl01{
        width: 80%;
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }
    .colgate{
        max-width: 450px;
        margin: 10px auto 0 auto;
        display: block;
    }
    .klwc_sec02AreaFlex{
        display: block;
        margin-top: 20px;
    }
    .klwc_sec02AreaFlex_left{
        width: 100%;
    }
    .klwc_sec02AreaFlex_right{
        width: 100%;
    }
    .klwc_sec02_filter{
        max-width: 200px;
        margin: 0 auto;
        display: block;
    }
    .klwc_sec02_filter2{
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }
    .klwc_sec02_box_img{
        width: 47%;
    }
    .klwc_sec02_box_txt{
        width: 47%;
    }
    #klwcArea {
        padding: 40px 0;
    }
    #multiArea {
        padding: 60px 0;
    }
    #led_visualArea {
        padding: 20px 0 0 0;
    }
    
}
@media screen and (max-width:540px){
    html{
        font-size: 55%;
    }
    .pointBox{
        width: 100%;
        margin-right: 0%;
    }
    .pointBox:nth-child(3){
        margin-right: 0%;
    }
    .pointBox:nth-child(2),
    .pointBox:nth-child(4),
    .pointBox:nth-child(6){
        margin-right: 0%;
    }
    .pointBox:nth-child(5){
        margin-bottom: 20px;
    }
    .led_mainSpBr{
        display: block;
    }
    .led_mainSp_space{
        display: none;
    }
    .led_mainPoint{
        width: 100%;
        text-align: center;
        line-height: 130%;
    }
    .led_mainCopy{
        text-align: center;
    }
    .klwc_sec02_box_img{
        width: 100%;
    }
    .klwc_sec02_box_txt{
        width: 100%;
    }
}
@media screen and (max-width:450px){
    .sp_only450{
        display: block;
    }
}
@media screen and (max-width:400px){
    .makuake_br{
        display: block;
    }
    .makuake_clowd {
        font-size: 1.6rem;
    }
    .ledsev03PointBox {
        flex-direction: column;
    }
    .ledsev03PointBox .sp_half{
        width: 100%;
    }
    .ledsev03Area_h4 {
        margin-top: 5px;
    }
    .styleBox{
        width: 47%;
        margin-right: 6%;
    }
    .styleBox:nth-child(4n){
        margin-right: 6%;
    }
    .styleBox:nth-child(3n){
        margin-right: 6%;
    }
    .styleBox:nth-child(2n){
        margin-right: 0%;
    }
    .pc_mobile_only{
        display: block;
    }
}
@media screen and (max-width:370px){

}

