@charset "UTF-8";

/* PCでは非表示 */
.pc_no{display: none;}

.w600{width: min(100%, 600px); margin-left: auto; margin-right: auto;}
.w750{width: min(100%, 750px); margin-left: auto; margin-right: auto;}





/* -------------------------- */
/* --------flexbox 共通-------- */
/* -------------------------- */
.flex_pc{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: auto;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items: flex-start;
}



/* -------------------------- */
/* --------content-------- */
/* -------------------------- */
.content{
width: min(80%, 1000px);
margin: 50px auto;
padding:0;
box-sizing: border-box;
}





/* -------------------------- */
/* --------footer-------- */
/* -------------------------- */
footer{
background-color: #EBEFEA;
overflow: hidden;
position: relative;
/*  footerを下部 */
margin-top: auto;
}
footer .f_con{
width: min(80%, 1000px);
margin: 40px auto 10px auto;
padding:0;
box-sizing: border-box;
}

/*-------- 第一列 -----------*/
footer .f_con_01{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

/* logoと住所 */
.logo_address{
margin-right: auto;
align-self: center;
}

/* logo */
footer .f_con_01 h3{
width:330px;
line-height: 1.3rem;
font-size: 1.3rem;
}
footer .f_con_01 h3 img{
width: 40px;
margin-top: -10px;
}

/* 住所 */
footer .f_con_01 div[itemprop$="address"]{
font-size:0.8rem;
margin: 0 0 0 55px;
letter-spacing: 0;
}

/* ランゲージ（header.cssに詳しく記述） */
footer .f_con_01 .lang{margin-left: auto;}
footer .f_con_01 .lang a:hover{color: #11BA71;}
@media screen and (max-width: 1000px) {
/* ランゲージ 非表示を解除 */
footer .f_con_01 .lang{display:inherit;}
}





/*-------- 第二列 -----------*/
footer .f_con_02{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 10px 0;
}
/* アイコン */
footer .f_con_02 a img{width: 30px; margin-right: 10px;}
footer .f_con_02 a:hover img{transition: 0.5s; opacity: 0.5;}
/* 電話 */
footer .f_con_02 a.f_tel{
margin: 0 0 0 10px;
font-size: 1.3rem;
}
footer .f_con_02 a.f_tel img{
width: 10px;
vertical-align: middle;
}


/*-------- 第三列 -----------*/
footer .f_con_03 {
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
footer .f_con_03 ul{
font-size: 0.9rem;
margin:0 30px 30px 0;
}
footer .f_con_03 ul li{margin-bottom: 5px;}



/*-------- 第四列 -----------*/
/* Copyright */
footer small{
text-align: center;
display: block;
background-color: #fff;
padding: 10px;
}

/* ページtop */
footer .f_p_t{
position:fixed;
bottom: 0;
right: 10%;
background-color: #11BA71;
width: 60px;
height: 60px;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items:center;
justify-content: center;
flex-direction:column;
}
footer .f_p_t img{
width: 10px;
}
footer a.f_p_t:hover{
transition: 0.5s;
background-color: #009245;
}