@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');



@media all and (min-width: 769px) {
.history_data th{
	color:#00693e;
	width:7em!important;
}

    table.data_table td.map{
    	text-align:center;
    	width:60px;
    }
    
    table.data_table th{
    	width:8em;
    }

     table.data_table td.tel{
    	width:8em;
    	
    }
 table.data_table th a span{	
    	display:none;
    }
    
    .col-concept {
        display:flex;
        justify-content:space-between;
    }

.col-concept .text{
        width:calc(100% - 220px);
    }
    .col-concept .image{
        width:200px;
    }


}

@media screen and (max-width: 768px) {
    #columnLeft.inner{
        padding:0 4%;
    }
    table.data_table th{
        white-space:normal;
    }
    table.data_table th br,table.data_table td br{
    	display:none;
    }
    
    table.data_table td.tel{
    	width:calc(100% - 76px);
    	display:inline-block;
    }
    
    table.data_table td.map{
    	width:76px;
    	display:inline-block;
    	text-align:right;
    	margin:0 0 8px;
    }
    
    .col-concept .image{
        width:100%;
        margin:20px auto 40px;
        text-align:center;
    }
    
     .col-concept .image img{
        width:50%;
        min-width:280px;
    }
    
    table.data_table th a{
    	display:block;
    	position:relative;
    	width:100%;
    }
    
     table.data_table th a span{	
    	display:inline-block;
    	background:#10673d;
    	padding:.4em .8em .2em;
    	line-height:1.1;
    	border-radius:3px;
    	position:absolute;
    	right:0;
    	color:#fff;
    	font-size:.9em;
    }
    

}

@media screen and (max-width: 680px) {

    .block01 > * > *+ *{
        margin-top:40px;
    }
    figure,.w280,.w320{
        width:100%!important;
    }
        
       .w280 img,.w320 img{
            width:100%!important;
        }
        
    .flL,.flR{
        float:none!important;        
        }
    .mgR40{
        margin-right:0!important;
    }
}


/*csr*/


.block_csr{
   width:100%;
   max-width:680px;
   padding:0;
   margin:auto;
}
.block_csr .inner{
    width:100%;
}

.block_csr .inner .text-in{
    display:flex;
    justify-content:space-between;
    margin-bottom:30px;
}

.block_csr .inner h4{
    background: #f0f0f0 url(../../assets/images/ico_green.gif) no-repeat center left 10px;
    border:1px solid #ddd;
    margin-bottom:10px;
    padding:8px 0 5px 24px;
    color:#00693e;
}

.block_csr .inner figure{
    margin:0 20px 0 0!important;
    padding:0;
    width:80px!important;
}

.block_csr .inner figure .photoFrame{
    width:100%;
     border:5px solid #f1f1f1;
}

.block_csr .inner p{
    width:100%!important;
    padding:0;
}

.block_csr a{
   padding-top:.5em;
   display:block;
   background-position:0 .7em;
}

.col-2,.col-3{
    display:flex;
    width:100%;
    justify-content:space-between;
}
.col-2 >*{
    width:50%;
}
.col-2 > .w55p{
    width:55%;
}

.col-2 > .w45p{
    width:45%;
}

.col-3 >*{
    width:32%;
    margin-right:2%;
}

.col-3 >*:last-child{
    margin-right:0;
}

.col-3 figure img{
    width:100%
}

.col-3 figure figcaption{
    font-size:.8em;
    padding-top:.5em;
    text-align:right;
}
@media screen and (max-width: 991px) {

    .block_csr:last-of-type{
        margin-bottom:80px;
    }
}
@media screen and (max-width: 768px) {
     .block_csr{
       margin-left:0;
       margin-right:0;
       width:100%;
    }
    .block_csr:last-of-type{
        margin-bottom:20px;
    }
    .block_csr .inner h4{
       width:100%;
    }

    
    .block01 + .block02{
        margin-top:32px;
    }
    
    .col-2,.col-3{
        flex-wrap:wrap;
    }
    
    .col-2 >*{
      width:100%;
      margin:0 0 20px 0;
    }
    
    .col-2 > p > img{
      width:100%;
    }
    
    .col-2 >*,.col-2 > .w55p,.col-2 > .w45p{
        width:100%;
    }
    
    .col-3 >*{
      width:100%;
      margin:0 0 20px 0;
    }

    .col-3 >*:last-child{
      margin:0;
    }

    
    .w300,.w360{
        margin-right:auto;
        margin-left:auto;
        max-width:100%;
    }
    
    .mgR20,.mgR10{
        margin-right:0!important;  
    }
    
    .mgL20,.mgL30{
        margin-left:0!important;  
    }
    
    table.data_table th{
         color:#000;
    }
     table.data_table th a:after{
         content:url(../../assets/images/icon_blank_02.gif);
         vertical-align: middle;
        margin-left:.2em;
    }

}
@media screen and (max-width: 519px) {
    .w220,.w280, .w300,.w330,.w360,.w380,.w420,.w440{
        margin-right:auto;
        margin-left:auto;
        width:100%!important;
        max-width:100%!important;
    }

}




/* for Previous Contents */
.culture_block + .culture_block{
    margin-top:30px
}
.culture_block table th{
	font-size:.9em;
	padding-bottom:.4em;
	width:5em;
	vertical-align:top;
}
.culture_block table td{
	font-size:.9em;
	padding-bottom:.4em;
	vertical-align:top;
}

.clearfix {  
	display: inline-block;  
}

.clearfix:after{
	content: ".";
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}