@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/

/* article
========================================================================================================
*/

/*----------------------------------------
                 faq01
-----------------------------------------*/

article#faq section section#faq01{
  width:100%;
  padding: 0;
  margin:0 0 30px 0;
}

@media print, screen and (min-width:640px) { 
 article#faq section section#faq01{
   width:100%;
   margin:0 0 50px 0;
 }
}

/*------- dl --------*/

section#faq01 dl.faq-menu{
  width:90%;
  border-bottom:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  line-height:200%;
  padding:15px 10px;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
 section#faq01 dl.faq-menu{
   width:95%;
   padding:15px;
   margin:0 auto;
 }
}

section#faq01 dl.faq-menu:first-of-type{
  border-top:1px solid #CCC;
}

section#faq01 dl.faq-menu dt{
  min-height:30px;
  background-image:url(/images/faq/faq01.png),url(/images/faq/faq03.png);
  background-repeat:no-repeat,no-repeat;
  background-position:10px 50%,100% 0;
  font-weight: 700;
  cursor:pointer;
  padding:0 40px 0 50px;
}

section#faq01 dl.faq-menu dd{
  display:none;
  background:url(/images/faq/faq02.png) no-repeat 10px 5px;
  padding:0 40px 3px 50px;
  margin:15px 0 0 0;
}

section#faq01 dl.faq-menu dt.active{
  background-image:url(/images/faq/faq01.png),url(/images/faq/faq04.png);
  background-repeat:no-repeat,no-repeat;
  background-position:10px 50%,100% 0;
}

/*----------------------------------------
                 faq02
-----------------------------------------*/

article#faq section section#faq02{
  width:100%;
  background-color:#F3F3F3;
  padding:0 0 20px 0;
  margin:0;
}

@media print, screen and (min-width:640px) { 
 article#faq section section#faq02{
   width:100%;
   margin: 0 0 20px 0;
  }
}

section#faq02 ul{
  width:90%;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
 section#faq02 ul{
   width:95%;
   display: flex;
   flex-flow: row wrap;   
 }
}

section#faq02 ul li{
  position: relative;
  width:100%;
  height:50px;
  background-color: #FFF;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
   section#faq02 ul li{
    width:49%;
    margin:0 0 10px 0;
 }
  
  section#faq02 ul li:nth-child(odd){
    margin: 0 2% 10px 0;    
  }
}

section#faq02 ul li::before{
  content: "";
  width:8px;
  height: 16px;
  background: url(/common/images/icon03.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  top:50%;
  right:15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

section#faq02 ul li a{
  display:block;
  width:100%;
  height: 100%;
  color:#000;
  text-decoration:none;
}

section#faq02 ul li:hover{
  background:#F9F9DB;
}

section#faq02 ul li a span{
  display:block;
  width:90%;
  position: absolute;
  top:50%;
  left:25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*----------------------------------------
                 faq03
-----------------------------------------*/

article#faq section section#faq03{
  width:100%;
  padding:0;
  margin:0 0 40px 0;
}

@media print, screen and (min-width:640px) { 
 article#faq section section#faq03{  
   width:100%;
   padding:0;
   margin:0 0 50px 0;
 }
}

section#faq03 p{
  width:90%;
  line-height:200%;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:640px) { 
 section#faq03 p{
   width:95%;
   padding: 0;
   margin:0 auto 35px auto;
 }
}

section#faq03 div{
  width:90%;
  background-color:#F3F3F3;
  text-align:center;
  padding:25px 0;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
  section#faq03 div{
   width:100%;
  }
}

section#faq03 div a{
  width:240px;
  height:46px;
  display:inline-block;
  font-size:16px; font-size:1.6rem;
  text-align:center;
  line-height:46px;
}