@charset "utf-8";
/* CSS Document */


.awning_top img{
    border: 2px solid #ddd;
}

.awning_main_text h2{
    text-align: center;
    margin: 3% 0;
    font-size: 2em;
}
.awning_main_text p{
    padding: 0 2% 2%;
    font-size: 1.1em;
}
.cl_type{
    display: flex;
    flex-wrap: wrap;
}
.cl_type div{
    width: 46%;
    margin: 2%;
}
.cl_type p {
    text-align: center;
    font-size: 1.2em;
}

.awning_tokucho01{
    font-size: 1.5em !important;
    text-align: center;
    font-weight: bold;
    margin: 1%;
    padding: 0 !important;
}
.awning_tokucho01 p {
    font-size: 15px;
    font-weight: normal;
    margin: 2% 1%;
    border: 2px solid #ddd;
    padding: 2%;
}
.cl_accessory01{
    display: flex;
    flex-wrap: wrap;
}
.cl_accessory01 div{
    width: 46%;
    margin: 2%;
}
.cl_accessory01 div p{
    text-align: center;
    font-size: 1.2em;
}
.cl_accessory02{
}
.cl_accessory02 div{
    width: 100%;
    margin: 2%;
}
.cl_accessory02 div p{
    text-align: center;
    font-size: 1.2em;
}

.gas_construction{
    display: flex;
    flex-wrap: wrap;
}
.gas_construction div {
    width: 31%;
    margin: 1.16%;
}

/*PC*/
@media only screen and (min-width: 960px){

	
}

/*タブレット*/
@media screen and (max-width : 767px){
	
	
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){


    
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
.awning_top {
    margin: 0 calc(50% - 50vw);
}
.awning_top img{
    border: none;
}
.awning_tokucho01{
    font-size: 1.2em;
}
.awning_tokucho01 p {
    margin: 4% 1%;
}
}

/* スマートフォン SE(ポートレート) */
@media only screen and (max-width:375px){

    
    
    
}