/*

追加用CSS　SP表示

*/
@media screen and (max-width: 770px) {
.copyright {margin-bottom: 45px;}
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%;}
a.nav-tel-sp i {font-size: 30px;}
a.nav-mail-sp i {font-size: 32px;}
.tab {
    font-size: 16px;
    flex-wrap: wrap;
    width: auto;
}

.menu-list li {
    width: 100%!important;
}

.corporation-box, .shop-box {
    width: 100%!important;
}



/*--------------------------------------------
 * 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;
}
	.p-bottom {
    padding-bottom: 2em;
}
	.p-bottom02 {
    padding-bottom: 3em;
}
	nav.flex.fixed {
    display: block;
}
	.logo img {
    padding-top: 0.6em;
}
	ul.nav.flex li a {
    color: #6b665c!important;
}
	.flex-nav-item02 {
    margin: 0 auto;
}
	br.pc {
    display: none;
}

/*------------------------------------------
 * details
 * ---------------------------------------*/	
	p.no-title {
    padding: 1em 1em 1em 5em;
    font-size: 17px;
	margin-bottom: 0;
}
	p.no-title:before {
    position: absolute;
    top: -50%;
    left: -75px;
    width: 150px;
    height: 150%;
    content: '';
    background: #dae000;
}
	.flex-a {
    width: 100%;
}
	.flex-b {
    width: 100%;
}
	p.price {
    text-align: right;
}
	p.style-sub-title {
    font-size: 18px;
}
	p.style-txt {
    text-align: center;
}
	.merit-flex {
    width: 100%;
}
	.merit-flex:after {
    content: none;
}
	.title h2 {
    font-size: 1.8em;
}
	
/*------------------------------------------
 * merit
 * ---------------------------------------*/	
	p.six-txt {
    line-height: 1.8em;
}
	.flex.p-bottom.rev {
    -ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}
		
/*------------------------------------------
 * overview
 * ---------------------------------------*/	
	.overview-bg {
    background-size: contain;
}
	h3.white-title {
    font-size: 16px;
}
	p.white-txt {
    font-size: 17px;
    line-height: 1.8em;
    letter-spacing: 0.1em;
    text-align: left;
    padding: 0 0.5em;
}
	h4.overview-title-sub {
    padding: 0.7em 0.5em;
}
	.overview-box p {
    margin: 0;
}
	h4.reason-title {
    font-size: 19px;
}
	ul.reason-list {
    padding: 1em 1em 1em 2em;
}
	
/*------------------------------------------
 * footer
 * ---------------------------------------*/		
	footer#footer .foot-box.flex {
    padding: 0.2em;
}
	ul.flex li.foot-nav-flex {
    display: none;
}

	
/*------------------------------------------
 * tablepress
 * ---------------------------------------*/	
	.tablepress tbody td,.tablepress tfoot th {
    display: block;
}
	.tablepress td.column-1 {
    width: 100%!important;
	text-align: center;
}




/*--------------------------------------------
 * backup
 * -----------------------------------------*/
	
	.lb-back-to-top {
    bottom: 4.5em;
    right: 0em;
}
	

}