/* ================================
  その他 ページ
================================ */

/* その他
-------------------------------- */
.l-others {
    grid-area: main;
}

.l-others .l-sec-inner {
    padding: 0;
}

.others_main {
  width: 97%;
}

.others_main p {
  font-size: 20px;
  line-height: 1.8;
  margin: 0 0 50px;
}

.others_main p.contact {
  font-size: 20px;
  line-height: 1.8;
  margin: 30px 0 50px;
}

.others_main h2 {
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 20px;
}

.others_main ul {
  margin: 0 0 20px;
  list-style: none;
}

.others_main li {
  font-size: 20px;
  line-height: 1.8;
  margin: 0 0 10px;
  text-indent: -1em;
  padding-left: 1em;
}

.others_main li::before {
  content: '・';
}

.others_main a {
  color: #005bac;
}

.others_main a:hover {
  text-decoration: underline;
}

.faq_wrap  {
  margin: 0 0 3em;
}

.faq_dl {
  margin: 0;
}

.faq_dl+.faq_dl {}

.faq_dl_dt {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  word-break: break-word;
  padding: 20px 45px 20px 70px;
  position: relative;
  transition: all 0.5s;
  background-color: #508cc4;
  cursor: pointer;
  color: #ffffff;
  margin-bottom: 2px;
}

.faq_dl_dt:hover {
  opacity: .7;
}

.faq_dl_dt::before {}

.faq_dl_dt::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(135deg);
  position: absolute;
  top: 30px;
  right: 33px;
  transition: all 0.2s ease-in-out 0s;
}

.faq_dl_dt.open::after {
  transform: rotate(-45deg);
  top: 38px;
}

.faq_dl_dt_q {
  font-family: "Lato", serif;
  font-size: 24px;
  font-weight: 600;
  width: 45px;
  height: 45px;
  padding: 0 0 20px;
  color: #fff;
  margin: 0 auto;
  line-height: 1;
  position: absolute;
  top: 22px;
  left: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out 0s;
}

.faq_dl_dd {
  display: none;
  padding: 16px 35px;
  position: relative;
  background-color: #f2f2f2;
  margin: 0;
}

.faq_dl_dd p {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0;
}

.faq_dl_dd p img {
  padding: 0 3px;
  width: 16px;
  height: auto;
}

.faq_dl_dd p a {
  text-decoration: underline
}

.faq_dl_dd dl {
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: .05em;
  display: flex;
  flex-wrap: wrap;
}

.faq_dl_dd dl+p,
.faq_dl_dd p+dl {
  margin-top: 10px;
}

.faq_dl_dd dl dt {
  width: 6em;
  box-sizing: border-box;
}

.faq_dl_dd dl dd {
  width: calc(100% - 6em);
  box-sizing: border-box;
}


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

}


@media (max-width: 999px) {

}


@media (max-width: 769px) {
    .l-management {
        padding: 10px 0 0;
    }
    
    .management_tab {
        margin-top: 17px;
    }
    
    .others_main {
		width: 100%;
		margin: 50px 0 0;
		padding: 0;
    }
    
    .others_main h2 {
		font-size: 1rem;
		margin: 0 0 15px;
    }
    
    .others_main p {
		font-size: .8rem;
		margin: 0 0 30px;
    }
    
    .others_main p.contact {
		font-size: .8rem;
		margin: 25px 0 30px;
    }
    
    .others_main ul {
		margin: 0 0 10px;
    }

    .others_main li {
		font-size: .8rem;
		margin: 0 0 10px;
    }
    
    .faq_wrap  {
		margin: 0 0 2em;
    }
  
    .faq_dl_dt {
		font-size: .9rem;
		padding: 10px 25px 10px 40px;
    }
  
    .faq_dl_dt::after {
		top: 15px;
		right: 15px;
    }
    
    .faq_dl_dt.open::after {
		top: 18px;
    }
  
    .faq_dl_dt_q {
		font-size: 1rem;
		padding: 0;
		top: -3px;
		left: -2px;
    }
  
    .faq_dl_dd {
		padding: 14px 20px;
    }
  
    .faq_dl_dd p {
		font-size: .7rem;
    }
  
    .faq_dl_dd p img {
		width: 15px;
    }
}