/*===============================================
pc 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

    #title_img{
        width:100%;
        margin-bottom:6px;
    }
    #title_img img{
        width:100%;
    }
    
    #news_box {
        width:100%;
        background: #333;
        padding:40px 0px;
    }
    #news_box .inner {
        width:1000px;
        margin: 0px auto;
    }
    #news_box h2 {
        width:100%;
        text-align:left;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px dotted #fff;
    }
    #news_box ul {
        width:100%;
    }
    #news_box li {
        display: inline-block;
        width:49%;
        height: 50px;
        line-height: 50px;
        background: url(../img/index/news_icon_arrow.png) no-repeat left center;
        border-bottom:1px solid #555;
        margin-right:1%;
        color:#fff;
        padding-left: 20px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #news_box li:nth-child(2n){
        margin-right:0;
    }
   #news_box li a {
    pointer-events : none;
        width:100%;
        height: 100%;
        color:#fff;
    }
     /*2017.1.13リンク先へ行かないように変更
    #news_box li .news-topic{
        width:100%;
        height: 100%;
        color:#fff;
    }*/

    #biz_guide_box {
        padding:0px 0px 40px 0px;
        width:100%;
        /* background: url(../img/index/biz_guide_bg_img.png) no-repeat top center; */
        background-size: 100% auto;
    }
    #biz_guide_box .inner{
        max-width:1000px;
    }
    #biz_guide_box .inner:after{
        content:"";
        display: block;
        clear: both;
    }
    #biz_guide_box .inner .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto;
        background: url(../img/index/des_header_img.png) no-repeat;
    }
    #biz_guide_box .inner h2 {
        text-align: center;
        padding:60px 0px 80px 0px;
    }
    #biz_guide_box .inner .lbox {
        width:44%;
        /* float: left; */
    }
    #biz_guide_box .inner .lbox li{
        width:100%;
        border-bottom:1px dotted #ccc;
        line-height: 40px;
    }
    #biz_guide_box .inner .rbox {
        width:44%;
        float: right;
    }
    #biz_guide_box .inner .rbox li{
        width:49%;
        display: inline-block;
        border-bottom:1px dotted #ccc;
        line-height: 40px;
    }
    
    #biz_guide_box .inner .lbox li:before,
    #biz_guide_box .inner .rbox li:before{
        content:"◆ ";
    }
    #biz_guide_box .inner .lbox h3,
    #biz_guide_box .inner .rbox h3{
        font-size:20px;
        text-align: center;
        margin-bottom:30px;
    }
    #biz_guide_box .inner .lbox img,
    #biz_guide_box .inner .rbox img{
        margin-bottom:20px;
        max-width: 100%;
    }
    #biz_guide_box .inner .lbox ul,
    #biz_guide_box .inner .rbox ul{
        list-style: none;
        margin-bottom:20px;
    }
    #biz_guide_box .inner .lbox a,
    #biz_guide_box .inner .rbox a{
        width:60%;
        height: 44px;
        display: block;
        margin: 0px auto;
        background: #333;
        color: #fff;
        text-align: center;
        line-height: 44px;
        text-decoration: none;
    }
    
    #topics_box {
        width:100%;
        background: #F0F0F0;
    }
    #topics_box .inner {
        width:1000px;
        margin: 0px auto;
    }
    #topics_box .inner:after{
        content:"";
        display: block;
        clear: both;
    } 
    #topics_box .inner .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto;
        background: url(../img/index/pickup_bg_img.png) no-repeat;
    }
    #topics_box .inner h2 {
        width:100%;
        padding: 30px 0px 50px 0px;
        text-align:center;
    }
    #topics_box .inner .sbox {
        width:32%;
        float: left;
        margin-right:2%;
    }
    #topics_box .inner .sbox:nth-child(3n+2){
        margin-right:0px;
    }
    #topics_box .inner .sbox a {
        text-decoration: none;
    }
    #topics_box .inner .sbox h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom:30px;
    }
    #topics_box .inner .sbox img {
        margin-bottom:30px;
        width:100%;
        max-width: 100%;
    }
    #topics_box .inner .sbox p {
        margin-bottom:30px;
    }
    
    #contat_box {
        width:100%;
        height:300px;
        background: #333;
        background-size:cover;
        padding:0px 0px 50px 0px;
        text-align: center;
    }
    #contat_box .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto 60px auto;
        background: #333;
    }
    #contat_box p {
        margin-bottom:40px;
    }
    #contat_box img {
        margin:0px 20px;
    }
    #contat_box a {
    }
    #contat_box a img {
    }
    
}

/*===============================================
tablet 画面の横幅が641px～768pxまで
===============================================*/
@media screen and (min-width: 641px) and (max-width: 768px) {

    #title_img{
        width:100%;
        margin-bottom:6px;
    }
    #title_img img{
        width:100%;
    }
    
    #news_box {
        width:100%;
        background: #333;
        padding:40px 0px;
    }
    #news_box .inner {
        width:96%;
        margin: 0px auto;
    }
    #news_box h2 {
        width:100%;
        text-align:left;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px dotted #fff;
    }
    #news_box ul {
        width:100%;
    }
    #news_box li {
        display: inline-block;
        width:49%;
        height: 50px;
        line-height: 50px;
        background: url(../img/index/news_icon_arrow.png) no-repeat left center;
        border-bottom:1px solid #555;
        margin-right:1%;
        color:#fff;
        padding-left: 20px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #news_box li:nth-child(2n){
        margin-right:0;
    }
    #news_box li a {
        width:100%;
        height: 100%;
        color:#fff;
    }
    
    #biz_guide_box {
        padding:0px 0px 40px 0px;
        width:100%;
        /* background: url(../img/index/biz_guide_bg_img.png) no-repeat top center; */
        background-size: 100% auto;
    }
    #biz_guide_box .inner{
        width:96%;
        margin:0px auto;
    }
    #biz_guide_box .inner:after{
        content:"";
        display: block;
        clear: both;
    }
    #biz_guide_box .inner .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto;
        background: url(../img/index/des_header_img.png) no-repeat;
    }
    #biz_guide_box .inner h2 {
        text-align: center;
        padding:60px 0px 80px 0px;
    }
    #biz_guide_box .inner .lbox {
        width:48%;
        /* float: left; */
    }
    #biz_guide_box .inner .lbox li{
        width:100%;
        border-bottom:1px dotted #ccc;
        line-height: 40px;
    }
    #biz_guide_box .inner .rbox {
        width:48%;
        float: right;
    }
    #biz_guide_box .inner .rbox li{
        width:49%;
        display: inline-block;
        border-bottom:1px dotted #ccc;
        line-height: 40px;
    }
    
    #biz_guide_box .inner .lbox li:before,
    #biz_guide_box .inner .rbox li:before{
        content:"◆ ";
    }
    #biz_guide_box .inner .lbox h3,
    #biz_guide_box .inner .rbox h3{
        font-size:1.0rem;
        text-align: center;
        margin-bottom:15px;
    }
    #biz_guide_box .inner .lbox img,
    #biz_guide_box .inner .rbox img{
        margin-bottom:20px;
        max-width: 100%;
    }
    #biz_guide_box .inner .lbox ul,
    #biz_guide_box .inner .rbox ul{
        list-style: none;
        margin-bottom:20px;
    }
    #biz_guide_box .inner .lbox a,
    #biz_guide_box .inner .rbox a{
        width:60%;
        height: 44px;
        display: block;
        margin: 0px auto;
        background: #333;
        color: #fff;
        text-align: center;
        line-height: 44px;
        text-decoration: none;
    }
    
    #topics_box {
        width:100%;
        background: #F0F0F0;
    }
    #topics_box .inner {
        width:96%;
        margin: 0px auto;
    }
    #topics_box .inner:after{
        content:"";
        display: block;
        clear: both;
    } 
    #topics_box .inner .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto;
        background: url(../img/index/pickup_bg_img.png) no-repeat;
    }
    #topics_box .inner h2 {
        width:100%;
        padding: 30px 0px 50px 0px;
        text-align:center;
    }
    #topics_box .inner .sbox {
        width:32%;
        float: left;
        margin-right:2%;
    }
    #topics_box .inner .sbox:nth-child(3n+2){
        margin-right:0px;
    }
    #topics_box .inner .sbox a {
        text-decoration: none;
    }
    #topics_box .inner .sbox h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom:30px;
    }
    #topics_box .inner .sbox img {
        margin-bottom:30px;
        width:100%;
        max-width: 100%;
    }
    #topics_box .inner .sbox p {
        margin-bottom:30px;
    }
    
    #contat_box {
        width:100%;
        height:300px;
        background: #333;
        background-size:100%;
        padding:0px 0px 50px 0px;
        text-align: center;
    }
    #contat_box .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto 30px auto;
        /* background: url(../img/index/contact_header_img.png) no-repeat; */
    }
    #contat_box p {
        margin-bottom:30px;
    }
    #contat_box img {
        margin:0px 20px;
    }

    

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

    #title_img{
        width:100%;
        margin-bottom:6px;
    }
    #title_img img{
        width:100%;
    }
    
    #news_box {
        width:100%;
        background: #333;
        padding:40px 0px;
    }
    #news_box .inner {
        width:90%;
        margin: 0px auto;
    }
    #news_box h2 {
        width:100%;
        text-align:left;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px dotted #fff;
    }
    #news_box ul {
        width:100%;
    }
    #news_box li {
        width:100%;
        height: 50px;
        line-height: 50px;
        background: url(../img/index/news_icon_arrow.png) no-repeat left center;
        border-bottom:1px solid #555;
        color:#fff;
        padding-left: 20px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #news_box li:nth-child(2n){
        margin-right:0;
    }
    #news_box li a {
        width:100%;
        height: 100%;
        color:#fff;
    }
    
    #biz_guide_box {
        padding:0px 0px 40px 0px;
        width:100%;
        /* background: url(../img/index/biz_guide_bg_img.png) no-repeat top center; */
        background-size: 100% auto;
    }
    #biz_guide_box .inner{
        width:96%;
    }

    #biz_guide_box .inner .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto;
        background: url(../img/index/des_header_img.png) no-repeat;
    }
    #biz_guide_box .inner h2 {
        text-align: center;
        padding:20px 0px 40px 0px;
    }
    #biz_guide_box .inner h2 img{
        width:80%;
    }
    #biz_guide_box .inner .lbox {
        width:100%;
        margin-bottom:20px;
    }
    #biz_guide_box .inner .lbox li{
        width:100%;
        border-bottom:1px dotted #ccc;
        line-height: 40px;
    }
    #biz_guide_box .inner .rbox {
        width:100%;
        margin-bottom:20px;
    }
    #biz_guide_box .inner .rbox li{
        width:49%;
        display: inline-block;
        border-bottom:1px dotted #ccc;
        line-height: 40px;
    }
    
    #biz_guide_box .inner .lbox li:before,
    #biz_guide_box .inner .rbox li:before{
        content:"◆ ";
    }
    #biz_guide_box .inner .lbox h3,
    #biz_guide_box .inner .rbox h3{
        font-size:20px;
        text-align: center;
        margin-bottom:30px;
    }
    #biz_guide_box .inner .lbox img,
    #biz_guide_box .inner .rbox img{
        margin-bottom:20px;
        max-width: 100%;
    }
    #biz_guide_box .inner .lbox ul,
    #biz_guide_box .inner .rbox ul{
        list-style: none;
        margin-bottom:20px;
    }
    #biz_guide_box .inner .lbox a,
    #biz_guide_box .inner .rbox a{
        width:60%;
        height: 38px;
        display: block;
        margin: 0px auto;
        background: #333;
        color: #fff;
        text-align: center;
        line-height: 38px;
        text-decoration: none;
    }
    
    #topics_box {
        width:100%;
        background: #F0F0F0;
    }
    #topics_box .inner {
        width:85%;
        margin: 0px auto;
    }
    #topics_box .inner:after{
        content:"";
        display: block;
        clear: both;
    } 
    #topics_box .inner .header_img{
        width:74px;
        height: 40px;
        display: block;
        margin: 0px auto;
        background: url(../img/index/pickup_bg_img.png) no-repeat;
    }
    #topics_box .inner h2 {
        width:100%;
        padding: 30px 0px 50px 0px;
        text-align:center;
    }
    #topics_box .inner .sbox {
        width:100%;
        padding-bottom:20px;
    }
    #topics_box .inner .sbox a {
        text-decoration: none;
    }
    #topics_box .inner .sbox h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom:30px;
    }
    #topics_box .inner .sbox img {
        margin-bottom:30px;
        width:100%;
        max-width: 100%;
    }
    #topics_box .inner .sbox p {
        margin-bottom:0px;
    }
    
    #contat_box {
        width:100%;
        /* height:300px; */
        background:#333;
        background-size:100%;
        padding:50px 0px 50px 0px;
        text-align: center;
    }
    #contat_box .header_img{
        display: none;
    }
    #contat_box p {
        margin-bottom:5px;
    }
    #contat_box img {
        width:70%;
        margin:0px 10px 15px 0px;
    }

}

/* 追加 */
#biz_guide_box .expanded{
    width:60%;
    height: 44px;
    display: block;
    margin: 0px auto;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
}
#biz_guide_box .inner .lbox {
    margin-bottom: 35px;
}
@media screen and (min-width:641px) {
    .grid-box {
        display: grid;
        grid-template-columns: repeat(2,minmax(300px,1fr));
        grid-gap: 30px;
    }
    #biz_guide_box .inner .lbox {
        width: 100%;
        
    }
    #biz_guide_box .expanded {
        width:320px;
    }

}