@charset "UTF-8";
a {
	transition: color .3s;
	color: inherit;
}
a img {
	transition: opacity .3s;
}
a:hover {
	text-decoration: none;
	color: #888;
}
a:hover img {
	opacity: .6;
}

.guide {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
}
.haikei {
	background-image: url(../img/cloud2.svg);
	background-position: center top;
	background-repeat: repeat;
}
.renraku {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1rem;
    text-align: left;
}
.chuui {
	background-color: #FCEEC3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
.footer-top {
	background-color: yellow;
}

@media (max-width: 320px){
.chuui {
	font-size: 0.8rem;
}
.ourcompany {
	font-size: 0.74rem;
}
.guide.p-0.m-0.readbun {
	line-height: 1rem;
}
}

@media (min-width:321px) and (max-width:575px){
.guide.p-0.m-0 .readbun {
	font-size: 1.3rem;
	text-align: left;
	line-height: 1.4rem;
}
}

@media (min-width:576px) and (max-width:767px){
.mx-auto.guide.p-0.m-0.col-12.readbun {
	font-size: 1.3rem;
	line-height: 1.5rem;
}
.mx-auto.guide.p-0.m-0.col-12.text-center.midashi {
	font-size: 1.1rem;
}
}

@media (min-width:768px) and (max-width:991px){
.mx-auto.guide.p-0.m-0.col-12.text-center.midashi {
	font-size: 2rem;
}
.mx-auto.guide.p-0.m-0.col-12.readbun {
	font-size: 1.3rem;
	line-height: 1.5rem;
}
}

@media (min-width:992px){
.renraku {
    font-size: 24px;
}
.sns {
	height: 60px;
}
.mx-auto.guide.p-0.m-0.col-12.text-center.midashi {
	font-size: 2.5rem;
}
.mx-auto.guide.p-0.m-0.col-12.readbun {
	font-size: 1.3rem;
	line-height: 1.5rem;
	text-align: left;
}
}

body {
	padding-bottom: 124px;
}
.footerback {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 -4px 6px rgba(0,0,0,.1);
}
@media (max-width:767px){
	body {
		padding-bottom: 148px;
	}
	.footer-bottom > div {
		flex-direction: column;
	}
}
@media (max-width:576px){
	body {
		padding-bottom: 120px;
	}
	.footer-bottom img[width="64"] {
		width: 40px;
	}
	.footer-bottom img[width="40"] {
		width: 30px;
	}
	.renraku {
		font-size: 14px;
	}
}
@media (max-width:374px){
	.footerback a {
		display: inline-flex !important;
	}
	.footer-bottom a > div:nth-child(2) {
		display: none !important;
	}
	.footer-bottom img[width="40"] {
		width: 40px;
	}
}