@charset "utf-8";

section.content,.box-wrap {
    width: 100%;
    float: left;
	position: relative;
}

.box01 {
    width: 100%;
    float: left;
    position: relative;
}

.box02 {
    width: 100%;
    float: left;
    position: relative;
	margin: 90px auto 0;
}

section.content {
    margin: 70px auto 0;
}


.box-inner {
    max-width: 1151px;
    margin: auto;
	width: 93%;
}
/* アコーディオンQA================================= */
.acMenu dt:before {
    content: "+";
    width: 40px;
    height: 40px;
    color: #fcc800;
    float: right;
    line-height: 1;
    font-size: 40px;
    top: 5px;
    position: absolute;
    right: 5px;
    text-align: center;
}

dl.acMenu {
    margin: 40px auto 0;
    background: #f5f4f2;
    padding: 0 0 30px;
	-webkit-transition: .3s;
	transition: .3s;
}

.acMenu dt{
    display:block;
    width:100%;
    height: auto;
    line-height: 37px;
    cursor:pointer;
    padding: 30px 10px 0 80px;
    position: relative;
    background: #f5f4f2;
    font-weight: normal;
    color: #5c5c5c;
	-webkit-transition: .3s;
	transition: .3s;
}

.acMenu dd{
    background: #ffffff;
    width: 97%;
    height: auto;
    line-height: 1.9;
    text-align: left;
    display:none;
    padding: 20px 2.5%;
    color: #5c5c5c;
    margin: auto;
    overflow: hidden;
}

p.a-text {
    width: 5%;
    float: left;
    font-size: 20px;
    color: #fcc800;
}

span.a-box {
    width: 95%;
    float: left;
}

.acMenu dt.active:before{
   content:"-";
}

span.q-box {
    position: absolute;
    top: 0;
    left: 0;
}

p.q-text {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 15px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

dl.acMenu.back,.acMenu dt.active{
    background: #fff1c2;
}

@media (max-width: 991px) {
#acMenu dd{
    width: 93%;
}


}
@media (max-width: 767px) {

.concept {
    margin: 60px auto 0;
}

.box-inner {
    width: 100%;
}

.acMenu dt{
    padding: 30px 10px 0 45px;
}

dl.acMenu {
    padding: 0 0 2.5%;
}
span.q-box {
    width: 50px;
}

p.q-text {
    left: 10px;
    font-size: 20px;
}

p.a-text,span.a-box {
    width: 100%;
}

.acMenu dt:before {
    width: 30px;
    height: 30px;
    font-size: 30px;
    top: 0;
    right: 0;
}

}

@media (max-width: 500px) {
.sub-head-text h2 {
    font-size: 21px !important;
}
}