.faq .index .faqSection01 {
    padding-bottom: 0;
    }
    .faq .index .faqSection02 {
    padding-top: 0;
    }
    .faq .index .faqSection04 {
        background: #f8f9f9;
    }
    .faq .index .faqSection05 {
        background: #fff !important;
    }


    .faq .index .faqSection .ttl{
    padding-left:50px;
    font-size:1.571rem;
    color:#4da71c;
    line-height:1.5;
    margin-bottom:40px;
    }
    .faq .index .row{
    padding:0 40px 60px;
    }
    .faq .index .faqWrap .row  {
    border-bottom: dotted 1px #7c8387;
    }
    .faq .index .faqWrap .row:first-of-type,
    .faq .index .faqWrap .row:last-of-type {
    border:0;
    padding-bottom: 0;
    }


    .faq .index  .mainttl{
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
    }
    .faq .index  .mainttl figure,
    .faq .index  .mainttl .ttl{
    display: inline-block;
    }
    .faq .index  .mainttl .ttl{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    padding-right: 20px;
    }
    .faq .index  .faqSection02 .mainttl .ttl{
    color: #f376c0;
    }
    .faq .index  .faqSection03 .mainttl .ttl{
    color: #4da71c;
    }
    .faq .index  .faqSection04 .mainttl .ttl{
    color: #fe4da6;
    }
    .faq .index  .faqSection05 .mainttl .ttl{
    color: #e3a51d;
    }
    .faq .index  .mainttl::after{
    position: absolute;
    margin: auto;
    content: '';
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    }
    .faq .index  .faqSection02 .mainttl::after{
    background-color: #f376c0;
    width: 590px;
    }
    .faq .index  .faqSection03 .mainttl::after{
    background-color: #4da71c;
    width: 610px;
    }
    .faq .index  .faqSection04 .mainttl::after{
    background-color: #fe4da6;
    width: 550px;
    }
    .faq .index  .faqSection05 .mainttl::after{
    background-color: #e3a51d;
    width: 630px;
    }
    .faq .index  .mainttl:nth-of-type(2)::after{
    position: absolute;
    margin: auto;
    content: '';
    background-color: rgb(77, 167, 28);
    width: 659px;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    }
    .faq .index  .faqSection03 {
    background:#f8f9f9;
    }
    .faq .index  .faqSection05 {
    background:#f8f9f9;
    }
    .faq .index .ttl02 {
    font-size:18px;
    font-weight:bold;
    margin: 60px 0 20px;
    }
    .faq .index .ttl02::before {
        content: "\25A0";
        padding-right: 5px;
    }
    .faq .index .faqSection02 .ttl02::before {
    color: #f376c0;
    }
    .faq .index  .faqSection03 .ttl02::before {
    color: #4da71c;
    }
    .faq .index  .faqSection04 .ttl02::before {
    color: #fe4da6;
    }
    .faq .index  .faqSection05 .ttl02::before {
    color: #fabe3c;
    }
    .textArea p {
    font-size: 18px;
    }
    /*.faq .index .faqSection .row .textArea a{
    color: red;
    }

    .faq .index .faqSection .row .textArea a::after{
    display: none;
    }*/

    @media screen and (max-width: 768px) {
    .faq .index .row{
    padding:0 0 30px;
    width:86%;
    margin:auto;
    }
    .faq .index .faqSection .ttl{
    padding-left:0;
    font-size:1.143rem;
    margin-bottom:0;
    background:none !important;
    cursor:pointer;
    padding:20px 50px 20px 20px;
    position:relative;
    }
    .faq .index .faqSection .ttl:after{
    content:"";
    display:block;
    width:10px;
    height:6px;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-3px;
    background:url(https://www.otsuka.co.jp/eql/faq/images/index_arw_01.png) 0 0 no-repeat;
    background-size:cover;
    }
    .faq .index .faqSection .ttl.active:after{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    }
    .faq .index .faqSection .textArea{
    padding:0 20px 20px;
    }
    .faq .index .faqSection .row{
    padding:0;
    }

    .faq .index .faqSection:last-child{
    border-bottom:1px solid #c5e1b7;
    }
    .faq .index .faqSection:last-child .row{
    border-bottom:none;
    }
    .faq .index .faqSection .image01{
    display:none;
    }
    .faq .index .faqSection .image02{
    display:none;
    }
    }


    .faq .index .faqSection .row.s_border{
    padding: 40px 0 0 0;
    border-bottom: none;
    }
    .faq .lowerTitleArea{
    padding: 98px 0 55px 0;
    }
    .faq .btnArea01{
    display: flex;
    text-align: center;
    /*margin-bottom: 80px;	*/
    }

    .faq .btnArea01 li{
    /* margin-right: 40px; */
    }
    .faq .btnArea01 li:last-of-type{
    margin-right: 0;
    }

    .faq .btnArea01 li a{
    position: relative;
    font-size: 16px;
    }
    .faq .btnArea01 .pcShow {
        display: inline;
    }
    .faq .btnArea01 li a::after{
    transform: rotate(90deg);
    }
    /*
    .faq .mainttl{
    display: flex;
    align-items: center;
    position: relative;
    }

    .faq #equol.mainttl:first-of-type{
        margin-left: -40px;
    }

    .faq .mainttl figure,
    .faq .mainttl .ttl{
    display: inline-block;
    }
    .faq .index .faqSection .mainttl .ttl{
    padding-left: 0;
    font-size: 26px;
    color: rgb(78, 67, 44);
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0;
    }*/
    @media screen and (min-width: 768px) {
    .faq .btnArea01{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
    width: 980px;
    text-align: center;
    }
    .faq .btnArea01 .m_btntype01,.faq .btnArea01  .m_btntype02{
        width: 273px;
    }
    .faq .btnArea01 li{
        margin: 0;
    }
    .faq .btnArea01 li:nth-child(2),.faq .btnArea01 li:nth-child(3),.faq .btnArea01 li:nth-child(5){
    margin-left: 40px;
    }
    .faq .btnArea01 li:nth-child(n+4){
    margin-top: 20px;
    }
    .faq .btnArea01 li a::after{
    top: 20px;
    }
    }
    @media screen and (max-width: 768px){
    .faq .index .mainttl{
    width: 100%;
    }
    .faq .index .ttl02 {
        margin: 30px 0 15px;
    }
    .faq .index .mainttl img{
    width: 100%;
    height: auto;
    }
    .faq .index .mainttl figure,
    .faq .index .mainttl .ttl{
    display: inline-block;
    }
    .faq .index .mainttl figure{
    width: 25%;
    }
    .faq .index  .faqSection04 .mainttl figure{
    width: 18%;
    }
    .faq .index .mainttl .ttl{
    width: 100%;
    font-size: 19px;
    padding-right: 10px;
    }
    .faq .index  .faqSection02 .mainttl::after{
    width: 16%;
    }
    .faq .index  .faqSection03 .mainttl::after{
    width: 22%;
    }
    .faq .index  .faqSection04 .mainttl::after{
    width: 10%;
    }
    .faq .index  .faqSection05 .mainttl::after{
    width: 25%;
    }


    .faq .btnArea01{
    display: block;
    /*text-align: center;
    margin: 0 auto;*/
    width: 100%;
    margin-bottom: 50px;
    }
    .faq .btnArea01 li{
    width: 100%;
    margin-bottom: 20px;
    }
    .faq .btnArea01 li a::after{
    top: 15px;
    }
    }


    /*　エクエル プチ　*/
    .faq .index .faqSection06 .mainttl .ttl {
        color: #00b050;
    }
    .faq .index .faqSection06 .mainttl::after {
        background-color: #00b050;
        width: 580px;
    }
    .faq .index .faqSection06 .ttl02::before {
        color: #00b050;
    }
    @media screen and (max-width: 768px){
        .faq .index .faqSection06 .mainttl::after {
            width: 16%;
        }
    }
    .faq .m_btntype02.s_greenbtn02 a {
        border: solid 1px #00b050;
        background-color: #FFF;
        color: #00b050
    }
    .faq .m_btntype01.s_greenbtn02 a:hover, .m_btntype02.s_greenbtn02 a:hover {
        background: #00b050;
        color: #fff;
    }
    .faq .m_btntype02.s_greenbtn02 a::after {
        color: #00b050;
    }
    .faq .m_btntype02.s_greenbtn02 a:hover, .faq .m_btntype02.s_greenbtn02 a:hover::after {
        color: #fff;
    }

    /**************--------------------
    成分表示比較
    ----------------*****************/

    .table_wrap{
        width:720px;
        margin: 20px 0;
        padding: 0;
    }
    .table_wrap table{
        width: 720px;
        border:1px solid #ccc;
        font-size:16px
    }
    .table_wrap table tr:not(:last-child) td{
        border-bottom:1px solid #ccc !important;
    }
    .table_wrap table td{
        padding:10px 20px;
        line-height: 1.6em;
    }
    .table_wrap table td:not(:first-child){
        width: 25%;
    }
    .table_wrap table .item td{
        font-size:16px;
        background:#00b050;
        color:#fff;
        font-weight: bold;
        text-align:center;
        padding:10px 20px;
    }
    .table_wrap table .item td span{
        font-size: 14px;
    }
    .table_wrap table .item td:not(:last-child){
        border-right:1px solid #fff
    }
    .table_wrap table td{
        text-align:center;
        vertical-align:middle
    }
    .table_wrap table td:not(:last-child){
        border-right:1px solid #ccc
    }
    .table_wrap table .nut_list{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        font-size: 16px;
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    .table_wrap table .nut_list li .txt_s{
        font-size: 80%;
        display: block;
        line-height: .8em;
    }

    @media screen and (max-width: 768px){
        .table_wrap{
            width:100%;
            margin: 20px 0;
            padding: 0;
        }
        .table_wrap table{
            width: 550px;
            border:1px solid #ccc;
            font-size:16px
        }
        .table_wrap table tr:not(:last-child) td{
            border-bottom:1px solid #ccc !important;
        }
        .table_wrap table td{
            padding:10px 15px;
            line-height: 1.6em;
        }
        .table_wrap table td:not(:first-child){
            width: 30%;
        }
        .table_wrap table .item td{
            font-size:18px;
            background:#00b050;
            color:#fff;
            font-weight: bold;
            text-align:center;
            padding:15px 10px;
            line-height: 1.2em;
        }
        .table_wrap table .item td span{
            display: block;
            font-size: 14px;
        }
        .table_wrap table .item td:not(:last-child){
            border-right:1px solid #fff
        }
        .table_wrap table td{
            text-align:center;
            vertical-align:middle
        }
        .table_wrap table td:not(:last-child){
            border-right:1px solid #ccc
        }
        .table_wrap table .nut_list{
            width: 100%;
            margin: 0 auto;
            padding: 0;
            font-size: 16px;
            list-style: none;
            display: flex;
            justify-content: space-between;
        }
        .table_wrap table .nut_list li .txt_s{
            font-size: 80%;
            display: block;
            line-height: .8em;
        }
    }
    /*# sourceMappingURL=local.css.map */