@charset "UTF-8";

#container img {
    width: 100%;
    object-fit: cover;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.footer {
    padding-top:40px;
	background: url(../../images/footer_bg.jpg) repeat;
	text-align: center;
	width:100%;
	font-size: 1.5rem;
	padding-bottom:20px; }
.footer .footer_h3 {
	font-size: 3.0rem;
    margin-bottom:16px;}
    @media only screen and (max-width: 750px) {
        .footer .footer_h3 {
            font-size: 2.0rem;
            margin-bottom:16px;}}
.footer .footer_h3_note {
    font-weight:bold;
    margin-bottom:30px;
}
.footer .footer_contact_wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.footer .footer_contact_box {
    text-align: left;
}
.footer .footer_contact_kind {
    font-size:2rem;
    font-weight: bold;
    margin-bottom: 16px;
}
.footer .footer_contact_kind span {
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    text-align:center;
    font-size:1.0rem;
    font-weight: bold;
    width: 60px;
    height: 60px;
    line-height: 60px;}
    @media only screen and (max-width: 750px) {
        .footer .footer_contact_kind span {
            width: 40px;
            height: 40px;
            line-height: 40px;}}

.footer .footer_contact_kind a {
    margin-left:8px;
    vertical-align: top;
    line-height: 60px;}
    @media only screen and (max-width: 750px) {
        .footer .footer_contact_kind a {
            line-height: 40px;}}
.footer a, a:link, a:visited, a:active {
	color: #000;
	transition: ease-in;
}
.footer a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.footer a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.footer a:hover::after {
	transform: scale(1, 1);
}
.footer .title, .footer .link {
	padding: 10px;
}
@media only screen and (max-width: 750px) {
	.footer .title {
		line-height: 1.5rem;
		padding-bottom:0px;
	}
}