@charset "utf-8";

/* ===============================
基本設定
=============================== */

a{
  color: var(--dark);
}

p{
  color: var(--text);
}

.footer{
  width: 100%;
  margin-top: 50px;
  padding: 0;
}


/* ===============================
footer
=============================== */

.footer_container{
  position: relative;
  font-style: normal;
  font-weight: 400;
  background-color: #e4cff9;
  padding: 20px 0;
}

.footer_inner{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

/* 3列レイアウト（PC） */
.footer_index1,
.footer_index2,
.footer_index3{
  width: 33.333%;
  padding: 15px;
  box-sizing: border-box;
}

.footer_index1 a img{
  width: 80%;
}

/* ===============================
リスト共通（ここが修正ポイント）
=============================== */

.footer_index1_inner ul,
.main7_sitemap ul{
  max-width: 300px;
  width: 100%;
  list-style: none;
  padding: 0;
}

/* ▶共通設定 */
.footer_index1 ul li,
.main7_sitemap ul li{
  position: relative;
  width: 100%;
  padding-left: 24px;
  margin: 10px 0;
  list-style: none;
}

.footer_index1 ul li::before,
.main7_sitemap ul li::before{
  content: "▶";
  position: absolute;
  left: 0;
  color: #cc87d5;
  font-size: 12px;
}

.footer_index1 ul li a,
.main7_sitemap ul li a{
  text-decoration: none;
  color: inherit;
}

.footer_index1 ul li a:hover,
.main7_sitemap ul li a:hover{
  color: #cc87d5;
}


/* ===============================
画像
=============================== */

.inner_box_img{
  width: 80%;
  margin: 0 auto;
}

.inner_box_img img{
  width: 100%;
  box-shadow: 0 6px 10px rgba(0,0,0,0.1);
}


/* ===============================
タブレット
=============================== */

@media only screen and (max-width: 991px){

.footer_index1,
.footer_index2,
.footer_index3{
  width: 50%;
}

.footer_index3{
  width: 100%;
}

}


/* ===============================
スマホ
=============================== */

@media only screen and (max-width: 767px){

body{
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-image: none;
}

p,a,li{
  font-size: 0.9em;
}

/* footer 縦並び */
.footer_inner{
  flex-direction: column;
}

.footer_index1,
.footer_index2,
.footer_index3{
  width: 100%;
  margin: 10px 0;
}

.footer_index1_inner ul,
.main7_sitemap ul{
  max-width: 100%;
}

.footer_logo{
  width: 100%;
  max-width: 300px;
}

.footer_index2 .inner_box,
.footer_index3 .inner_box{
  width: 80%;
  margin: 0 auto;
}

}


/* ===============================
小型スマホ
=============================== */

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

.contents_title{
  margin-top: 2em;
}

.nav{
  width: 100%;
  height: 40px;
  background: #9fb7d4;
  overflow-x: auto;
}

.nav ul{
  height: 40px;
  margin: 0;
  list-style: none;
  display: flex;
  padding: 0;
}

.nav ul li{
  text-align: center;
  border-left: 1px solid #eee;
}

.nav ul li:last-child{
  border-right: 1px solid #eee;
}

.nav ul li a{
  width: 8em;
  font-size: 0.8em;
  padding-top: 0.7em;
}

.contents_title h4{
  font-size: 1em!important;
}

.heading{
  margin-top: 2em!important;
}

}


/* ===============================
極小画面
=============================== */

@media (max-width: 330px){

.news_list_date span{
  display: block;
  margin-top: 0.5em;
}

}