@media screen and (min-width: 100px) and (max-width: 800px) {
}

@media screen and (min-width: 641px) {
 @-webkit-keyframes slide {
 0% {
 background-position: 0% bottom;
}
 100% {
 background-position: -12500px bottom;
}
}
@keyframes slide {
 0% {
 background-position: 0% bottom;
}
 100% {
 background-position: -12500px bottom;
}
}
.under .btn01 li a:hover i {
	margin-left: 10px;
	opacity: 1;
}
	#gnavi_sp{
		display: none !important;
	}
}

@media screen and (max-width: 640px) {
	.under .btn_tel{
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px;
	}	
#footer .footer_linkct {
	display: block;
}
#footer .footer_linkctleft .text_address {
	padding: 0 3%;
	box-sizing: border-box;
}
#footer_link {
	margin-bottom: 0;
}
#footer_link .inner {
	padding: 0;
}
.under h2 {
	text-align: center;
	font-size: 24px;
	padding: 0 10px;
	line-height: 1.6em;
}
	.under h2, .under h3, .under h4, .under h5{
		line-height: 1.5em;
	}
.under #top_info {
	margin-top: 106px;
}
	
	

.under .image_r, .under .image_l {
	float: none;
	text-align: center;
	margin: 0 0 20px;
}
	.under .img_blog1{
		text-align: center;
		float: none;
		width: 100%;
	}
	.under .img_blog1 img{
		max-width: 100%;
		text-align: center;
		max-height: auto;
		float: none;
		margin-right: 0;
	}
.under table td, .under table th {
	padding: 7px;
}
.under .bnr01 li {
	margin-right: 0px;
}
.under .bnr01 li:nth-child(2n) {
	margin-left: 0px;
}
.under table.tb01 {
	width: 100%;
}
#location table.tb01 th, #location table.tb01 td {
	width: 100% !important;
	display: block;
	box-sizing: border-box;
}

.under .bnr01 li {
	width: 100%;
	margin-right: 0px;
	height: 120px;
	margin-bottom: 20px;
}
	.under .bnr02 li {
	width: 100%;
	margin-bottom: 15px;
}
.under .bnr02 li:last-child {
	margin-bottom: 0px;
}
	.under .bnr02 {
	flex-direction: column;
}
	.under .btn01 li {
	width: 70%;
}
.under .btn01 li a i {
	opacity: 1;
	margin-left: 10px;
}
#flow .btn01 li, #faq .btn01 li {
	width: 100%;
}

/*=============qa==============*/
.under .qa dl {
	padding: 10px;
}
.under .qa dl dt {
	font-size: 16px;
	line-height: 1.2;
	align-items: stretch;
}
.under .qa dl dt .q_txt {
	align-self: center;
}
.under .qa dl dd {
	flex-direction: column;
	align-items: baseline;
}
.under .qa dl dd .a {
	margin-bottom: 15px;
}
.under .qa dl dt .q {
	margin-right: 0px;
}
.under .qa dl dt .q_txt, .under .qa dl dd {
	line-height: 1.3;
	padding: 10px;
}
}

@media screen and (max-width: 490px) {
.under .btn01 li {
	width: 100%;
}
.under .list_column dt {
	width: 100%;
	float: none;
}
.under .list_column dd {
	width: 100%;
	float: none;
}
.under .list_column dd a {
	padding-left: 0;
}
/*
.under .bnr01 li {
	height: 100px;
}
*/
.under .bnr01 li a {
	font-size: 4vw;
	line-height: 1.4;
}
	#company .bnr01 li:nth-child(1) a {
	font-size: 3.6vw;
}
.under .list_button_01 > li {
	width: 100%;
	float: none;
	text-align: center;
}
.under .list_button_01 > li:last-child {
	margin-bottom: 0;
}
#company .bnr01 li:nth-child(1) a {
	font-size: 3.6vw;
}
.under .btn01 li {
	width: 100%;
}
}

@media screen and (max-width: 414px) {
#flow .btn01 li a, .under .bnr02 li, .under .bnr02 li a {
	font-size: 4vw;
}
.under .bnr01 li a {
	font-size: 3.8vw;
}
.under .qa dl dd .bnr02 li span {
	font-size: 4.5vw;
}
}

@media screen and (max-width: 320px) {
	.under .bnr01 li a {
	font-size: 4.2vw;
}
}

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