/*

追加用CSS　SP表示

*/
@media screen and (max-width: 770px) {

dl.topics.clearfix {width: 100%;}
dl.topics dd a {display: block;}
.formatt-child {
    width: calc(90%/2);
    padding: 15px;
    margin: 5px auto;}
ul#menu-menu-2 li {
    width: calc(95%/2);
    padding: 15px 5px;
    margin: 5px auto;}
.footer-info,.footer-map {width: 100%;}
footer#footer .content {width: 100%;}
ul#menu-menu-2 li a {font-size: 15px;}
.sub-header {height: 150px;}
.sub-header h2 {
    font-size: 2em!important;
    width: fit-content;}
section.blog {width: 100%;}
.blog-content {width: 100%;}
.side-content {
    width: 100%;
    padding: 15px;}
.blog-img-box a {
    width: calc(95%/3);
    margin: 5px auto;}
.pager li {font-size: 14px;}
dl.recruit-box.category01,
dl.recruit-box.category02,
dl.recruit-box.category03 {
    width: 90%;
    margin: 5px auto;}
.entry-btn {width: 100%;}



/*--------------------------------------------
 * all
 * -----------------------------------------*/
	.fullwidth-wrap {
    width: 98%;
    margin: 0 auto;
} 
	.half, .three-flex {
    width: 100%;
}
	.left30, .right70, .left70, .right30 {
    width: 100%;
}
	.title h2 {
    font-size: 2em;
}
	nav {
    padding: 7px 0px;
}
	.border {
    width: 100%;
}
	.background-page {
    padding-bottom: 0px;
    max-height: 200px;
}
	
	
/*------------------------------------------
 * greet
 * ---------------------------------------*/		
	section#greet {
    background-size: 45%;
}
	.greet-rinen .flex.column1 .block-card01 p {
    text-align: left;
}
	
/*------------------------------------------
 * gallery
 * ---------------------------------------*/	
	section#gallery .left70 {
    margin-bottom: 4em;
}
	
/*------------------------------------------
 * tablepress
 * ---------------------------------------*/	
	.tablepress tbody td,.tablepress tfoot th {
    display: block;
}
	.tablepress td.column-1 {
    width: 100%!important;
	text-align: center;
}



/*--------------------------------------------
 * recruitsingle
 * -----------------------------------------*/	
	.blog .post:first-of-type {
    margin-top: 0px;
}
	section#recruit-single .blog-content .post {
    padding: 10px;
}
	.job-table tr th, .job-table tr td {
    display: block;
    margin-top: 0;
}
	.job-table th {
    width: 100%!important;
}
/*--------------------------------------------
 * backup
 * -----------------------------------------*/
	
	.lb-back-to-top {
    bottom: 0.5em;
    right: 0em;
}
	


}