@charset "UTF-8";

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

.footer{
margin-top: var(--con_ma-big);
position: relative;
}

.footer .f_top{
width: 100%;
height: 30px;
background-image: url(../../common/img/footer_top.svg);
background-size: cover;
background-position: top center;
}

.footer .f_inner{
background-color: var(--color-green);
overflow: hidden;
}


/* バナー */
.footer .f_banner{
width: 60%;
margin: min(6vw, 90px) auto 0 auto;
display: grid;
gap: 10px;
place-content: center;
grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 768px) {
.footer .f_banner{
width: 100%;
}
}

.footer .f_banner .item{
background-color: var(--color-white);
border-radius: var(--radius);
}
.footer .f_banner .item a{
display: block;
padding: 5% 10%;
}




/* ロゴとsns */
.footer .f_info{
width: 350px;
display: grid;
grid-template-columns: 66% 1fr;
column-gap: 6%;
margin: min(6vw, 90px) auto 20px auto;
}
@media screen and (max-width: 768px) {
.footer .f_info{
width: 70%;
margin: 7vw auto 10px auto;
}
}

.footer .f_info .f__logo{
width: 100%;
}

.footer .f_info .f__sns{
width: 100%;
margin: 10px 0 0 7%;
display: flex;
justify-content: space-between;
}
.footer .f_info .f__sns .item{
width: 40%;
}

.footer .f_title{
text-align: center;
color: var(--color-white);
}
@media screen and (max-width: 768px) {
.footer .f_title{
font-size: calc(14 * var(--rem));
}
}

/* hr */
.footer hr {
  height: 0;
  border: none;
  border-top: 2px dashed color-mix(in srgb, var(--color-green) 80%, var(--color-white));
  margin: 20px 0;
}

/* メンバー */
.footer .f_member{
display: flex;
align-items:center;
justify-content: center;
flex-wrap: wrap;
}

.footer .f_member .img,
.footer .f_member .icon{
margin: 10px 5px;
}
.footer .f_member .img{
width: auto;
height: 35px;
}
.footer .f_member .img.den{
width: auto;
height: 20px;
}
.footer .f_member .icon{
width: 10px;
}
@media screen and (max-width: 768px) {
.footer .f_member .img,
.footer .f_member .icon{
margin: 5px 5px;
}
.footer .f_member .img{
height: 25px;
}
.footer .f_member .img.den{
height: 15px;
}
.footer .f_member .icon{
width: 10px;
}
}




/* 注意 */
.footer .list_temp{
width: 50%;
margin: 30px auto 50px auto;
font-size: calc(12 * var(--rem));
color: var(--color-white);
}
.footer .list_temp a{
color: var(--color-yellow);
text-decoration: underline;
}
@media screen and (max-width: 768px) {
.footer .list_temp{
margin: 20px auto 50px auto;
width: 70%;
}
}

/* コピーライト */
.footer small{
display: block;
background-color: var(--color-brown);
color: var(--color-white);
text-align: center;
padding: 7px 10px 10px 10px;
}
@media screen and (max-width: 768px) {
.footer small{
font-size: calc(10 * var(--rem));
}
}

/* ページトップ */
footer .p_top {
width: 100px;
position: absolute;
bottom: 50px;
right: 30px;
}
@media screen and (max-width: 768px) {
footer .p_top {
width: 15%;
bottom: 40px;
right: 10px;
}
}