@charset "UTF-8";
/* CSS Document */

/*ご利用ガイド*/
.accordion-container .accordion-title {
  position: relative;
  margin: 24px auto 0;
  padding: 15px 80px 15px;
  background-color: #73513B;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
.accordion-container .accordion-title:nth-child(1){
    margin: 0 auto 0;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open { 
  background-color: #73513B;
}

/*CSS for CodePen*/
.accordion-content p{
    color: #1C0D08;
    background:#fff ;
    padding: 15px 36.8px 25px;
    font-size: 20px;
	line-height: 1.6em;
}
.accordion-container {
  width: 1104px;
  margin: 0 auto;
}
.accordion-title{
  position: relative;
}

.accordion-title:after {
  content: "";
  position: absolute;
  left: 36.8px;
  top: 14px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 20px;
  height: 20px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 41%;
}

/*よくあるご質問*/
.q_cont .accordion-title{
    padding: 30px 0 34px 140px;
    background-color: #1C0D08;
}
.q_cont .accordion-title:hover,
.q_cont .accordion-title:active,
.q_cont .accordion-title.open{
    background-color: #1C0D08;
}
.q_cont .accordion-title:after{
    content: "";
    position: absolute;
    left: 38px;
    top: 30px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 43px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top: none;
    border-right: none;
}
.q_cont .accordion-title:nth-child(1)::after{
    background-image: url(../img/q1.png);
}
.q_cont .accordion-title:nth-child(3)::after{
    background-image: url(../img/q2.png);
}
.q_cont .accordion-title:nth-child(5)::after{
    background-image: url(../img/q3.png);
}
.q_cont .accordion-title:nth-child(7)::after{
    background-image: url(../img/q4.png);
}
.q_cont .accordion-title:nth-child(9)::after{
    background-image: url(../img/q5.png);
}
.q_cont .accordion-title:nth-child(11)::after{
    background-image: url(../img/q6.png);
}
.q_cont .accordion-title:nth-child(13)::after{
    background-image: url(../img/q7.png);
}
.q_cont .accordion-title:nth-child(15)::after{
    background-image: url(../img/q8.png);
}
.q_cont .accordion-content p{
    padding: 15px 38px 25px;
}

@media screen and (max-width: 768px) {
    /*ご利用ガイド*/
    .accordion-container{
        width: 90%;
    }
    .accordion-container .accordion-title{
        font-size: 15px;
        margin: 15px auto 0;
        padding: 15px 0 15px 60px;
    }
    .accordion-title:after{
        left: 20px;
        top: 13px;
        width: 15px;
        height: 15px;
    }
    .accordion-content p{
        padding: 15px;
        font-size: 16px;
    }
    /*よくあるご質問*/
    .q_cont .accordion-title{
        padding: 15px 10px 15px 60px;
    }
    .q_cont .accordion-title:after{
        width: 20px;
        height: 25px;
        left: 15px;
        top: 18px;
        background-position: center center;
    }
    .q_cont .accordion-content p{
        padding: 15px 10px 15px 15px;
    }
}