/* ベーススタイル */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Sans JP','Arial', sans-serif , "Montserrat";
    background-color: #fff;
    color: #2d2d2d!important;    
    letter-spacing:0.2em;
}

header{
    font-family: "Montserrat", sans-serif;
    font-size: 2rem;
    color: #fff;
    background: #2d2d2d;
    padding: 2rem;
    text-align: center;
    font-weight: 600;
    width:100%;
}

/*section{
    max-width: 1220px;
    margin: 0 auto;
}*/

.one{
    width:100%;
    padding:0 4%;
}

.one .inner{
    max-width:980px;
    margin:0 auto;
}


.one .inner .firstimg{
    display:flex;
    justify-content: space-between;
}

h1{
    font-family: "Montserrat", sans-serif;
    font-weight: 600 !important;
    font-size: 5rem !important;
}

h1 p{font-size:1.4rem;
}

h2{
   font-family: "Zen Old Mincho", serif;
    font-size: 2.8rem !important;
    line-height: 1.5 !important;
    padding-top: 3rem;
}

h3{
    font-family: "Zen Old Mincho", serif;
    background: #2d2d2d;
    color: #fff;
    padding: 1.2rem;
    font-size: 1.8rem !important;
    margin-top: 2rem !important;
}

.main{
    width:100%;
}


.cont1 h4.effect{
    font-family: "Zen Old Mincho", serif;
    font-size:4rem;
    font-weight:600;
}

.cont1 h4.effect::before{
    font-family: "Zen Old Mincho", serif;
    content:"1.";
    font-style:italic;
    font-size:7rem;
    padding-right:1rem;
}


.cont1 .effect span::before{
    font-family: "Zen Old Mincho", serif;
    content:"＼";
    font-size:4rem;
}

.cont1 .effect span::after{
    font-family: "Zen Old Mincho", serif;
    content:"／";
    font-size:4rem;
    padding-left:1rem;
}

.point{
    font-family: "Zen Old Mincho", serif;
    display:flex;
    justify-content:space-between;
    margin-top:2rem;
}

.point div{
    background:#e3e3e3;    
    padding:1.5rem;
    text-decoration : none ;
    outline : 1px solid #2d2d2d;
    outline-offset : -1rem;
}

.point p{    
    font-size: 2rem;
    letter-spacing: 0;
    width: 260px;
    padding: 0 4%;
}

.point p.number{
    font-weight:600!important;
    font-size:5rem;
    text-align:center;
    font-style:italic;
}

.cont1{
    font-family: "Zen Old Mincho", serif;
    background-image: url(img/bg01.png);
    background-repeat: no-repeat;
    padding-top: 8rem;
    color: #724104;
    margin-top: 5rem;
    margin: 3rem auto 0;
    background-position: center top;
}

/*.cont1 div{
    max-width: 980px;
    margin: 0 auto;
}*/

.cont1 p{
    font-size: 2.3rem;
    letter-spacing: 0px;
    margin: 1.5rem 0 2rem;
    font-weight: 400;
}

.cont1 .inner{
    max-width:980px;
    margin:0 auto;
    padding-bottom:2.2rem;
}


.expect{
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.expect div{
    border: 2px solid #65430f;
    background: #fff;
    font-size: 1.6rem;
     box-shadow: 1px 1px 11px gray;
}

.expect ul{
    font-family:'sans-serif';
    font-weight:600;
    padding:0 3rem;
}

.expect h5{
    background: #65430f;
    color: #fff;
    padding: 2rem;
    font-size: 2.1rem;
}

.cont1 div.bg02{
    background-image: url(img/bg02.png);
    background-repeat: no-repeat;
    margin: 2rem auto 0;
    color: #fff;
    font-family: 'Noto Sans JP';
    display: block;
    width: 710px;
}

.cont1 div.bg02 .box{
    display:flex;    
    max-width:100%!important;    
    height:260px;
}

.cont1 .bg02 .left{
    padding: 1.5rem;
    text-decoration: none;
    outline: 1px solid #fff;
    outline-offset: -1rem;
    min-width: 40%;
    display: grid;
    place-items: center;
}

.cont1 .bg02 .left .small{
    font-size:1.3rem;
}

.cont1 .bg02 .right{
    min-width:60%;
    
}

.cont1 .bg02 .right p{
    padding: 1.5rem;
    text-decoration: none;
    font-size:1rem;
    margin:0;
    
}

.cont1 .bg02 .right span.yellow{
    background-color: #ffd259 !important;
    color: #402f0d;
    font-weight: 600;
    padding: 0 3px;
    margin: 0 5px;
}

div.bg03{
    background-image: url(img/bg03.png);
    background-repeat: no-repeat;
    /* width: 100%; */
    position: relative;
    z-index: 99999;
    color: #fff;
    margin-top: 2rem;
    background-position: center;
}

div.bg03 .inner{
    padding:4rem;
}

div.bg03 h5{
    font-size:2.2rem;
    font-weight:800;
}

div.bg03 p{
    font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;    
    font-family: 'Noto Sans JP';
}

div.bg03 .box{
    display: flex;
    gap: 1rem;
    max-width: 100%;
}

div.bg03 .box div{
    background-color:#fff;    
    font-family: 'Noto Sans JP';
    color:#170a1c;
    font-weight:600;
    padding:1rem;
    font-size:1.3rem;
    text-align:center;
    display: grid;
    place-items: center;
    flex:1;
    border-radius: 15px;
    text-align:left;
}

div.bg03 p.border{
    border: 1px solid #fff;
    padding: .3rem .7rem;
    display: inline-block;
}

.cont1 .psmall {
    font-size: 1rem;
    font-family: 'Noto Sans JP';
    padding-bottom: 0;
    margin: .5rem 0 0 0;
    letter-spacing: 1px;
    font-weight:400;
}

.cont2 , .cont5{
    margin-top:3rem;
    margin-bottom: 3rem;
}

.cont2 .inner , .cont4 .inner , .cont5 .inner , .cont6 .inner , .cont8 .inner{
    max-width:980px;
    margin:0 auto;
}

.cont2 h4.effect , .cont5 h4.effect{
    font-family: "Zen Old Mincho", serif;
    font-size:3rem;
    font-weight:600;
    color:#2d2d2d;
}

.cont2 h4.effect::before{
    font-family: "Zen Old Mincho", serif;
    content:"2.";
    font-style:italic;
    font-size:8rem;
    padding-right:1rem;
    display: inline-block;
}

.cont5 h4.effect::before{
    font-family: "Zen Old Mincho", serif;
    content:"3.";
    font-style:italic;
    font-size:8rem;
    padding-right:1rem;
    display: inline-block;
}

.cont2 h4.effect span , .cont5 h4.effect span{
    
    display: inline-block;
}

.cont2 .box , .cont5 .box{
    display:flex;
    font-weight:400;
}

.cont2 .box div , .cont5 .box div{
    padding:1rem;
}

.cont2 .box div span ,.cont5 .box div span{
    border: 1px solid #2d2d2d;
    padding: .3rem .7rem;
    display: inline-block;
    margin: .5rem 0;
}

.cont3{
    /*width:1220px;*/
    background:#e3e3e3;
}

.cont3 .inner{
    max-width:980px;
    margin:3rem auto;
    padding:5rem 0;
}

.cont3 .inner h5{
    font-family: "Zen Old Mincho", serif;
    text-align: center;
    background: #2d2d2d;
    color: #fff;
    padding: 1rem;
    font-size: 2.8rem;
    max-width: 80%;
    margin: 0 auto;
}

.cont3 .inner p{
    font-family: "Zen Old Mincho", serif;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
}

.cont3 .inner .img{
    text-align:center;
    padding: 3rem 0 0;
}

.cont3 .inner p.text{
    font-family: 'Noto Sans JP';
    text-align: left;
    font-weight: 400;
    font-size: 1rem;
    padding: 1rem;
    max-width: 600px;
    margin: 0 auto;
    letter-spacing: 1px;
}

.cont3 .inner h6 , .cont7 .inner h5{
    font-family: "Zen Old Mincho", serif;
    font-size: 3rem;
    text-align: center;
    margin: 3rem auto 0 auto;
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
    display: inline-block;
    padding: .8rem;
}

/*特徴２*/
    #secB{
    max-width: 980px;
    display: block;
    background-repeat: no-repeat;
    background-position: bottom;
}

#secB .bbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    color: #2d2d2d;
    margin: 0 auto;
    font-weight: 300;
    font-family: 'Noto Sans JP';
}

#secB .box{
    width:calc(100% / 5);
}

#secB .box_child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 2em auto;
}

#secB .box_child img{
    max-width: 90%;
    margin: 0 auto
}

#secB .box_child h3{
    line-height: 1.4em;
    font-weight: 600;
    background: none;
    color: #2d2d2d;
    font-size: 1rem !important;
    font-family: 'Noto Sans JP';
    padding: 0.5rem;
    margin: 0;
}

.cont4 .box , .cont5 .box2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cont4 .box div , .cont5 .box2 div{
    padding:2px;
}

.cont6{
  background-image: linear-gradient(-45deg, #f2e3d0 25%, #ecd7bc 25%, #ecd7bc 50%, #f2e3d0 50%, #f2e3d0 75%, #ecd7bc 75%, #ecd7bc);
  background-size: 9px 9px;
    min-width:100%;
}

.cont6 .inner , .cont8 .inner{
    /*max-width: 1220px;*/
    margin: 0 auto;
    padding: 3rem 0;
}

.cont6 h5 , .cont8 h5{
    font-family: "Montserrat", sans-serif;
    font-size: 5rem;
    color: #2d2d2d;
    padding: 2rem 0;
    text-align: center;
    font-weight: 600;
    width: 100%;
    letter-spacing: .5rem;
    /*padding: 3rem 0;*/
}

.cont6 h5 p , .cont8 h5 p{
    font-size:1.2rem;
}

.cont6 .bbox , .cont8 .bbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    color: #2d2d2d;
    margin: 0 auto;
    font-weight: 300;
    font-family: 'Noto Sans JP';
}

.cont6 .box{
    width:calc(100% / 3);
}

.cont8 .box{
    width:calc(100% / 3);
}

.cont6 .box_child , .cont8 .box_child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 2em auto;
    padding:1rem;
}

.cont6 .box_child img{
    max-width: 90%;
    margin: 0 auto
}

.cont8 .box_child img {
    min-width: 60%;
    margin: 0 auto;
}

.cont8 h7{
    font-size: 1.2rem;
    font-weight: 500;
}

.cont8 p{
    margin:0;
}

.cont6 .box_child h3 , .cont8 .box_child h6{
    line-height: 1.4em;
    font-weight: 600;
    background: none;
    color: #2d2d2d;
    font-size: 1.5rem !important;
    font-family: 'Noto Sans JP';
    padding: 0;
    margin: 0;
    letter-spacing: 1px;
}

.cont6 .box_child p{
    line-height: 1.4em;
    font-weight: 400;
    background: none;
    color: #2d2d2d;
    font-size: 1rem !important;
    font-family: 'Noto Sans JP';
    padding: 0.5rem;
    margin: 0;
    letter-spacing: 2px;
    text-align: left;
}

.cont7{
    background-color:#efefef;
    margin-top:3rem;
}

.cont6 p.atention{
    text-align: left;
    font-size: 1.1em;
    margin: 0 auto;
    max-width: 85%;
    padding: 2em 0;
    font-weight: 300;
    color: #4e3211;
    line-height:1.5em;
}

.cont6 div.bg04{    
   background: #fff;
    padding: 2.5rem;
    border: solid 2px #2d2d2d;
    /*max-width: 1220px;*/
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.cont6 div.bg04 .boxx{
    background: #2d2d2d;
    color: #fff;
    text-align: center;
    max-width: 40%;
    font-family: "Zen Old Mincho", serif;
    padding:2rem;
    align-content: center;
}

.boxx p{    
font-family: 'Noto Sans JP';
    line-height: 1.8rem;
    text-align: left;
}

.cont6 div.bg04 h5{
    font-family: "Zen Old Mincho", serif;
    font-size: 3rem;
    color: #fff;
    padding: 2rem 0;
    text-align: center;
    font-weight: 500;
    width: 100%;
    letter-spacing: 0;
    padding: 1rem 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 2rem 0;
}

.cont6 ul{
    padding: 2rem;
    margin-bottom: 0;
    text-decoration:none;
    list-style: none;
    
}

.cont6 li::before{
    background-image: url(img/check.png);
    content: ' ';
    display: inline-block;
    width: 50px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }

.cont6 li{
    font-family:'Noto Sans JP';
    font-size:3rem;
    font-weight:800;
}

.cont6 li p{
    font-family:'Noto Sans JP';
    font-size:1.2rem;
    font-weight:400;
}

.cont6 li.last{
    background:#2d2d2d;
    font-family:'Noto Sans JP';
    font-size:1.8rem;
    color:#fff;
    font-weight:800;
    text-align:center;
    padding:.8rem;
    margin-top:1rem;
}

.cont6 li.last::before{
    display: none;
    }

.cont7{
    min-width:100%;
    background:#fbffff;    
    padding: 4% 0;
}

.cont7 .inner{
    max-width:980px;
    margin:0 auto;
    text-align: center;
}

.cont7 img{
    max-width:100%;
    padding:2rem 0 ;
}

.cont7 h5 {
    font-family: "Montserrat", sans-serif;
    font-size: 5rem;
    color: #2d2d2d;
    padding: 2rem 0;
    font-weight: 600;
    width: 100%;
    letter-spacing: .5rem;
    padding: 6rem 0;
}

.cont7 h5 p.sub{
    font-size: 1.2rem;
}

.cont7 .inner p{
    font-family: 'Noto Sans JP';
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    padding: 1rem;
    margin: 0 auto;
    letter-spacing: 1px;
}

.cont7 h6{
    font-size: 2rem;
    padding: 1rem 2rem;
    margin: 1rem auto 0;
    display: inline-block;
    font-weight: 500;
    font-family: "Zen Old Mincho", serif;
    text-align: center;
    margin: 3rem auto 0 auto;
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
}

.cont7 .box{
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
    justify-content: space-around;
    max-width: 100%;
    gap: 1rem 0;
}

.cont7 .box div{
    width: calc(100% / 5);
    padding: 1rem;
    background: #fff;
}

.cont7 .box div p{
    padding:0;
    margin-top:0.5rem;
    font-size:.9rem;
    text-align: left;
}

.cont7 h7{
    font-family: 'Noto Sans JP';
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    margin: 0 auto;
    letter-spacing: 1px;
    /* border-top: 1px solid #2f2f2f; */
    display: block;
    /* border-bottom: 1px solid #2f2f2f; */
    padding: .5rem 0;
    background: #7ac1ba;
    color: #fff;
}

.cont8{
    min-width:100%;
    background:#fbffff;    
    /*padding: 4% 0;*/
}

.cont8 .inner{
    max-width:980px;
    margin:0 auto;
    text-align: center;
}

footer{
    background:#2d2d2d;
    font-size:1.4rem;
    padding:4rem;
    text-align:center;
    color:#fff;
}

footer a{
    color:#fff;
    text-decoration:none;
}

footer a:hover{
    color:#fff;
    text-decoration:none;
}

footer a:visited{
    color:#fff;
    text-decoration:none;
}

/*pageup*/
#page-top{
    position: fixed;
    bottom: 0;
    right: 0;
    height: auto;
    line-height: 5;
}
#page-top a{
    background: #3d3d3d;
    color: #fff !important;
    line-height: 100%;
    text-decoration: none;
    left: 0;
    padding: 2rem 1rem;
    vertical-align: middle;
}


@media screen and (max-width: 980px) {
    
    h1{
        font-size:2rem!important;
    }
    
    h1 p{
        font-size:1.2rem;
        margin:.8rem 0;
    }
    
    h2{
        font-size:1.8rem!important;
    }
    
    h3{
        font-size: 2.0rem !important;
        line-height: 1.5 !important;
    }
    
    .one{
        margin:3rem 0;
    }
    
    .one .inner , .cont1 .inner , .cont3 .inner ,  .cont4 .inner , .cont6 .inner , .cont7 .inner , .cont8 .inner{
        max-width:780px!important;
    }
    
    .one .inner .firstimg{
        flex-direction: column;
    }
    
    .one .inner .firstimg img{
        height: 394px;
        object-fit: cover;
    }
    
    .point{
        max-width: 100%;
    }
    
    .point p{
        width:auto;
    }
    
    .point div{
        margin:.5rem;
    }
    
    .cont1{
        margin:3rem auto;
        padding:4rem 0;
    }
    
    .cont1 .inner{
        padding-top: 2rem;
    padding-bottom: 0;
        max-width:780px;
    }
    
    .cont1 h4.effect{
        font-size:3rem;
        display: block;
    text-align: center;
    }
    
    .cont1 h4.effect::before{
    content: "1";
    font-style: italic;
    font-size: 8rem;
    padding-right: 0;
    display: block;
    text-align: center;
    }
    
    .cont1 p{
        font-size:1.8rem;
    }
    
    .cont2{
        padding:4%;
    }
    
    .cont2 .inner, .cont4 .inner , .cont5 .inner{
        max-width:780px;
    }
    
    .cont2 .box, .cont5 .box{
        flex-direction: column-reverse;
    }
    
    .cont2 .box img, .cont5 .box img{
        width:100%;
    }
    
    .cont3 .inner p.text{
        max-width:100%;
    }
    
    .cont3 img{
        width:100%;
    }
    
    #secB .box{
        width:calc(100% / 3);
    }
    
    .cont4 .box div, .cont5 .box2 div{
        /*padding:.5rem;*/
    }
    
    
    .cont4 .box, .cont5 .box2{
        display: flex;
    justify-content: center;
    flex-wrap: wrap-reverse;
    }
    
    .cont4 img , .cont5 img{
        max-width:100%;
        height:auto;
    }
    
    .cont4 .double , .cont5 .double{
        width:calc(98%/2);
    }
    
    .cont6 div.bg04{
        flex-direction: column;
    }
    
    .cont6 div.bg04 .boxx{
        max-width:100%;
    }
    
    .delete{
        display:none;
    }
    
    .cont7 .box div{
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 863px) {
    
    .one .inner .firstimg img{
        object-fit:cover;
    }
    
    .one .point{
        flex-direction: column;
    width: 100%;
    }
    
    .one .point p{
        text-align:center;
    }
    
    .cont1{
        background-color:#ecca9f;
        padding-bottom:0;
    }
    
    .cont1 .inner{
        padding:4%;
    }
    
    .cont1 h4.effect::before{
        font-size:5rem;
    }
    
    .cont1 .effect span::before , .cont1 .effect span::after{
        display:none;
    }
    
    .cont1 p{
        font-size: 1.5rem;        
    }
    
    .cont1 div.bg02{
        background-repeat:repeat-y;
        max-width:100%;
    }
    
    .cont1 .expect{
        flex-direction: column;
    max-width: 70%;
    margin: 0 auto;
    }
    
    .cont1 div.bg02 .box{
        flex-direction: column;
        height:auto;
    }
    
    div.bg03{
        margin-top:2rem;
    }
    
    div.bg03{
        background-repeat:repeat-y;
    }    
    
    div.bg03 .box div{
        width:calc(95%/3);
        flex:none;
        flex-grow:1;
    }
    
    div.bg03 .box{
    display: flex;
        max-width: 100%;
        flex-wrap: wrap;
}
    
    .cont2 h4.effect, .cont5 h4.effect{
        font-size:2rem;
    }
    
    .cont2 h4.effect::before , .cont5 h4.effect::before{
        font-size:5rem;
    }
    
    .cont3 , .cont4 , .cont5 , .cont7 , .cont8{
        padding:0 4%;
    }
    
    .cont6{
            padding: 4%;
    }
    
    .cont6 .box , .cont8 .box{
        width:80%;
        margin:0 auto;
    }
    
    .cont6 h5 , .cont7 h5 , .cont8 h5{
        padding:0;
        margin:0;
        font-size:3rem;
    }
    
    .cont6 .inner , .cont8 .inner{
        margin: 3rem auto 0;
    padding: 0rem 0;
    }
    
    .one .inner , .cont1 .inner , .cont3 .inner ,  .cont4 .inner , .cont6 .inner , .cont7 .inner , .cont8 .inner{
        max-width:700px;
    }
    
    .cont6 li , .cont8 li{
        font-size:1.8rem;
    }
    
    .cont6 li::before{
        height:26px;
        width:31px;
    }
    
    .cont6 li.last{
        font-size:1.2rem;
    }

}

@media screen and (max-width: 400px) {
    .one{
        margin:1rem 0;
    }
    
    h2{
        font-size: 1.2rem !important;
        line-height: 1.3!important;
    }
    
    h3{
        font-size: 1.3rem !important;
        line-height: 1.5 !important;        
        margin-top:1rem!important;
    }
    
    .cont6 h5 , .cont8 h5{
        font-size:2rem;
    }
    
    .one .inner .firstimg img{
        height:230px;
    }
    
    .point{
        margin:0;
    }
    
    .point div{
        padding:1rem;
    }
    
    .one .point p{
        font-size:1.3rem;
    }
    
    .point p.number{
        font-size:2rem;
    }
    
    .cont1{
        margin:0;
        padding:0;
    }
    
    .cont2, .cont5{
        margin:0;
    }
    
    .cont1 h4.effect::before{
        font-size:3rem;
    }
    
    .cont1 h4.effect{
        font-size: 2.1rem;
        text-align: left;
        width: 100%;
        margin: 0 auto;
    }
    
    .cont1 h4.effect span{
    display: block;
    font-size: 1.8rem;
    padding: 1.3rem 0;
    text-align: center;
        }
    
    .cont1 p.expectp{
        font-size: 1.3rem;
        margin: 0;
    }
    
    .cont1 .expect{
        max-width:90%;
        gap:1rem;
    }
    
    .expect h5{
        font-size:1.5rem;
        padding:1rem;
    }
    
    .expect ul{
        font-size:1.1rem;
    }
    
    .bg02 p{
        margin:.5rem;
    }
    
    .cont1 .bg02 .right p{
        padding:0 1.5rem 1.5rem 1.5rem;
    }
    
    div.bg03 .inner{
        padding:7%;
    }
    
    div.bg03 p{
        text-align:left;
        font-size:.9rem;
        line-height:1.5rem;
    }
    
    div.bg03 .box p{
        margin:1.5rem auto;
    }
    
    .cont2 h4.effect::before, .cont5 h4.effect::before{
        font-size: 3rem;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    
    .cont2 h4.effect span, .cont5 h4.effect span{
        font-size: 1.5rem;
        display: block;
        padding-top: 0.8rem;
        line-height: 1.5;
    }

.cont2 .inner, .cont4 .inner, .cont5 .inner , .cont7 inner{
    max-width:100%;
}
    
    .cont3 .inner{
        margin:0;
        padding:0;
    }
    
    .cont3 .inner p{
        font-size:1.1rem;
        padding: 2rem 0 0 0;
    }
    
    .cont3 .inner h5{
            font-size: 1.4rem;
    }
    
    .cont3 .inner h6{
        font-size:2rem;
    }
    
    #secB .box{
        width:calc(100% / 2);
    }
    
    #secB .box_child{
            margin: 1rem auto;
    }
    
    .cont4{
        margin: 2rem 0;
    }
    
    .cont4 .box, .cont5 .box2{
        padding-bottom:3rem;
    }
    
    .cont6 .box_child img , .cont8 .box_child img{
        max-width:40%;
    }
    
    .cont6 .box_child , .cont8 .box_child{
        margin:0;
    }
    
    .cont6 div.bg04 , .cont8 div.bg04{
        padding:1rem;
    }
    
    .boxx h4{
        font-size:1.3rem;
    }
    
    .cont6 div.bg04 h5 , .cont8 div.bg04 h5{
        font-size:1.8rem;
    }
    
    .cont7{
        margin-top:1rem;
}
    
    .cont7 .box div {
        width:calc(100% / 2);
    }
    
    .cont7 .inner h5{
        font-size:2rem;
    }
    
    .cont7 .inner p {
    font-size: .9rem;
    padding: .5rem;
    margin: 0 auto;
    }
    
    
    footer{
        padding: 3rem;
        font-size: 1rem;
    }
    
    .cont6 h5 p , .cont8 h5 p{
    font-size: 1.2rem;
    margin: .8rem 0;
}
    
    .cont8 .box_child h6{
        margin: 1rem 0;
        font-size: 1.2rem !important;
    }
}