<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/* -----------------------------

  よくあるご質問／faq.html

----------------------------- */

/*-- navi ハイライト --*/
body#body-faq #navi_in ul li.navi_faq a {
  text-decoration: none;
  background-color: #72c7cb;
  color: #fff;

  background-image: url(../img/navi_faq_.png);
}

/*-- KV 背景 --*/
body#body-faq #page_kv {
  background-image: url(../img/page_kv_faq.jpg);
}


/*-- FAQ 基本要素 --*/

h3.h3_faq {
  font-family: 'Kosugi Maru', sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
.h3_line {
  width: 100px;
  border-bottom: 2px solid #333;
  margin: 15px auto 60px auto;
  display: block;
}
.content-c {
  background-color: #F8F5F1;
}
h4.faq_mokuji_h4 {
  font-weight: normal;
  font-size: 16px;
  /*line-height: 2em;*/
  margin-bottom: 0.5em;
  text-indent: 1em;
  font-family: 'Kosugi Maru', sans-serif;
  text-align: center;
  color: #4ac6cc;
  
}

/*-- FAQ もくじ --*/

.faq_mokuji {
  width: 90%;
  max-width: 700px;
  background-color: #fff;
  padding: 2em;
  margin: 0 auto;
}
.faq_mokuji ul {
  border-top: 1px solid #D1D1D2;
}
.faq_mokuji ul li {
  border-bottom: 1px solid #D1D1D2;
}
.faq_mokuji ul li a {
  padding: 1em 1em 1em 4.2em;
  display: block;
  color: #333;
  
  background-image: url("../img/faq_arrow.png");
  background-repeat: no-repeat;
  background-position: left 25px center;
  background-size: 30px;
}
.faq_mokuji ul li a:hover {
  text-decoration: none;
  background-color: #E8F6F7;
}


/*-- FAQ アコーディオン --*/

.accordion {
  width:calc(100% - 20px);
  max-width: 960px;
  margin: 0 auto;
}
.ac-question {
  /*height: 50px;
  line-height: 50px;*/
  text-align: left;
  background-color: #FAF2E9;
  border-top: 1px solid #D1D1D2;
  cursor: pointer;
  transition: .3s;
  
  font-size: 1.01em;
  /*font-size: 14px;*/
  padding: 1.5em 1.5em 1.3em 4em;
  
  background-image: url("../img/faq_q.png");
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 30px;
}
.ac-answer {
  /*padding: 2em 1em;
  background-color: #fff;*/
  font-size: 14px;
  padding: 1.5em 1.4em 4em 4em;
  line-height: 1.6em;
  
  background-image: url("../img/faq_a.png");
  background-repeat: no-repeat;
  background-position: left 15px top 17px;
  background-size: 30px;
}

.content-c .ac-question {
  background-color: #DED2C8;
  background-image: url("../img/faq_q_.png");
  border-top: 1px solid #FFF;
}

.ac-answer ul.faq_list {
  margin: 2em 0 0 1em;
}
.ac-answer ul.faq_list li{
  list-style:disc;
  margin-bottom: 1.5em;
}
.ac-answer ul.faq_list li span {
  font-weight: bold;
}
.ac-answer .notis {
  color: #333;
  font-size: 95%;
  margin-top: 1em;
  display: block;
}
.ac-answer ul.faq_list_link {
  margin: 0.5em 0 0 1em;
}


/* -----------------------------

SP　スマホ
画面サイズが765px以下　

----------------------------- */

@media screen and (max-width:765px) { 
  
/*-- FAQ もくじ --*/

.faq_mokuji {
  padding: 2em 1em;
  width: auto;
}
.faq_mokuji ul li a {
  padding: 1em 1em 1em 3.5em;
  background-position: left 10px center;
  font-size: 14px;
}
.accordion {
  width:100%;
}
  
}


/* -----------------------------

SP　スマホ
画面サイズが500px以下　

----------------------------- */

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

/*  */
  

}</pre></body></html>