/*===============================================
pc 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
    
    .biz_box{
        width:100%;
        background:url(../img/biz_guide/box_bg_img.png) repeat-x;
        padding:40px 0px;
        border-top:1px dotted #ccc;
    }
    .biz_box .inner{
        width:1000px;
        margin: 0px auto;
    }
    .biz_box .inner:after{
        content:"";
        display: block;
        clear: both;
    }
    .biz_box .inner .title_box{
        width:100%;
        margin-bottom:40px;
        padding-bottom:40px;
        border-bottom:1px dotted #ccc;
    }
    .biz_box .inner .title_box:after{
        content:"";
        display: block;
        clear: both;
    }
    .biz_box .inner .title_box .ibox{
        width:310px;
        float:left;
    }
    .biz_box .inner .title_box .tbox{
        width:660px;
        float: right;
        font-size:110%;
        line-height: 180%;
        padding-top:20px;
    }
    .biz_box .inner .title_box .tbox h2{
        font-size:20px;
        font-weight: bold;
        margin-bottom:30px;
    }
    .biz_box .inner .sbox{
        width:32%;
        float:left;
        margin-right:2%;
        font-size:110%;
        line-height: 150%;
        margin-bottom:40px;
    }
    .biz_box .inner .sbox:nth-child(3n+1){
        margin-right:0;
    }
    .biz_box .inner .sbox:nth-child(3n+2){
        clear: both;
    }
    .biz_box .inner .sbox h3{
        margin-bottom:20px;
        font-size:18px;
        font-weight: bold;
        text-align: center;
    }
    .biz_box .inner .sbox img{
        margin-bottom:20px;
    }
    
}

/*===============================================
tablet 画面の横幅が641px～768pxまで
===============================================*/
@media screen and (min-width: 641px) and (max-width: 768px) {
    
    .biz_box{
        width:100%;
        background:url(../img/biz_guide/box_bg_img.png) repeat-x;
        padding:40px 0px;
        border-top:1px dotted #ccc;
    }
    .biz_box .inner{
        width:96%;
        margin: 0px auto;
    }
    .biz_box .inner:after{
        content:"";
        display: block;
        clear: both;
    }
    .biz_box .inner .title_box{
        width:100%;
        margin-bottom:40px;
        padding-bottom:40px;
        border-bottom:1px dotted #ccc;
    }
    .biz_box .inner .title_box:after{
        content:"";
        display: block;
        clear: both;
    }
    .biz_box .inner .title_box .ibox{
        width:30%;
        float:left;
    }
    .biz_box .inner .title_box .ibox img{
        max-width: 100%;
    }
    .biz_box .inner .title_box .tbox{
        width:65%;
        float: right;
        font-size:0.9rem;
        line-height: 1.3rem;
    }
    .biz_box .inner .title_box .tbox h2{
        font-size:20px;
        font-weight: bold;
        margin-bottom:30px;
    }
    .biz_box .inner .sbox{
        width:32%;
        float:left;
        margin-right:2%;
        font-size:110%;
        line-height: 150%;
        margin-bottom:40px;
    }
    .biz_box .inner .sbox:nth-child(3n+1){
        margin-right:0;
    }
    .biz_box .inner .sbox:nth-child(3n+2){
        clear: both;
    }
    .biz_box .inner .sbox h3{
        margin-bottom:20px;
        font-size:18px;
        font-weight: bold;
        text-align: center;
    }
    .biz_box .inner .sbox img{
        width:100%;
        max-width:100%;
        margin-bottom:20px;
    }
    
}

/*===============================================
smart  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

    .biz_box{
        width:100%;
        background:url(../img/biz_guide/box_bg_img.png) repeat-x;
        padding:40px 0px;
        border-top:1px dotted #ccc;
    }
    .biz_box .inner{
        width:90%;
        margin: 0px auto;
    }
    .biz_box .inner:after{
        content:"";
        display: block;
        clear: both;
    }
    .biz_box .inner .title_box{
        width:100%;
        margin-bottom:40px;
        padding-bottom:40px;
        border-bottom:1px dotted #ccc;
    }
    .biz_box .inner .title_box:after{
        content:"";
        display: block;
        clear: both;
    }
    .biz_box .inner .title_box .ibox{
        width:100%;
        margin-bottom:20px;
    }
    .biz_box .inner .title_box .ibox img{
        width:100%;
        max-width: 100%;
    }
    .biz_box .inner .title_box .tbox{
        width:100%;
        font-size:1.0rem;
        line-height:1.2rem;
    }
    .biz_box .inner .title_box .tbox h2{
        font-size:1.2rem;
        font-weight: bold;
        margin-bottom:15px;
    }
    .biz_box .inner .sbox{
        width:80%;
        font-size:110%;
        line-height: 150%;
        margin:0px auto 20px auto;
    }
    .biz_box .inner .sbox h3{
        margin-bottom:20px;
        font-size:1.0rem;
        font-weight: bold;
        text-align: center;
    }
    .biz_box .inner .sbox img{
        width:100%;
        max-width:100%;
        margin-bottom:20px;
    }
    
}

/* 追加 */
.container-biz {
    max-width: 1000px;
    width: 90%;
    margin:auto;
    margin-top: 40px;
}
.main-title {
    font-size: 20px;
    color: #333;
    letter-spacing: 5px;
    margin-top: 10%;
}
.content {
    margin-top:20px;
}
.con-ul li{
    list-style: none;
    font-size: 16px;
    line-height: 30px;
}
.main-sec img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.mini-sec {
    margin-top: 30px;
}
.products h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}
.myself {
    display: flex;
    justify-content: space-between;
    gap:10%;
    padding:0 10%;
}
.myself img {
    width:100%;
}
.myself div {
    text-align: center;
}
.myself p {
    font-size: 16px;
    margin-bottom: 5px;
}
.products {
    background-color: #333333;
    padding: 10% 0;
    color: white;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-top: 10%;
}



@media screen and (min-width:768px) {
    .content {
        font-size: 18px;
    }
    .main-sec {
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        gap:10px;
    }
    .con-ul li {
        line-height: 40px;
        font-size: 20px;
    }
    .mini-sec {
        flex: 1;
    }
    .mini-sec:nth-child(2),.mini-sec:nth-child(3) {
        text-align: right;
    }
    .con-ul .s-size {
        font-size: 12px;
    }
}