/*--------------------------------------------------------------------------
 * tablet
----------------------------------------------------------------------------*/
@media only screen and (max-width: 830px) {

.sp-block {
	display: block;
}
/*----------------------------------
	header
-----------------------------------*/
header h2{
	right: 0;
	left: 10px;
	font-size: 2.4rem;
}

/*----------------------------------
	footer
-----------------------------------*/






/*----------------------------------
	grid
-----------------------------------*/
h2.section-ttl {
	font-size: 2.5rem;
}
#about ul{
	width: 90%;
}
#about ul li{
	width: 100%;
}
#about ul li h3{
	font-size: 1.8rem;
}
.flow_design {
	width: 90%;
}
.flow > li .icon{
	width: 90px;
}
.flow > li .icon::after{
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
}
.flow > li dl dt{
	font-size: 1.8rem;
}
.flow > li dl{
	width: calc(100% - 105px);
}
#check-list article{
	width: 90%;
}
.rubi{
	text-align: left;
}
#contact {
	width: 90%;
}
.content-contact ul{
	display: block;
}
.content-contact li{
	display: block;
}
.content-contact .tel {
	margin-right: 0;
	margin-bottom: 2.0rem;
}
.content-contact .web{
	margin-left: 0;
}
.content-contact .web .qr {
	width: 70px;
}
/*--------------------------------------------------------------------------
 * SP
----------------------------------------------------------------------------*/
 @media screen and (max-width: 480px) {