@charset "utf-8";



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

    トップページ メインコンテンツ 

----------------------------------------------- */
.more_btn {
    margin: 0;
    text-align: center;
}

.more_btn a {
    border: 1px solid #909090;
    color: #7B7B7B !important;
    padding: 15px 33px 14px;
    font-size: 16px;
}

.more_btn a:after {
    color: #7B7B7B !important;
}

.more_btn_2 {
    margin: 0;
    text-align: center;
}

.more_btn_2 a {
    padding: 15px 32px 15px 15px;
    border-radius: 8px;
    background: url(../img/ar_01.png) no-repeat right 10px center;
    background-color: #56bb05;
    color: #fff !important;
    font-size: 16px;
    text-decoration: none !important;
}

.more_btn_3 a:after {
    color: #fff !important;
}

.more_btn_3 {
    margin: 0;
    text-align: center;
}

.more_btn_3 a {
    padding: 15px 32px 15px 15px;
    border-radius: 8px;
    background: url(../img/ar_01.png) no-repeat right 10px center;
    background-color: #f10303;
    color: #fff !important;
    font-size: 16px;
    text-decoration: none !important;
}

.more_btn_2 a:after {
    color: #fff !important;
}

.home-content p {
    margin-bottom: 60px;
}

.home-content a:link, .home-content a:visited {
    color: var(--link_color);
    text-decoration: none;
}

.home-content a:hover, .home-content a:active {
    color: var(--link_color);
    text-decoration: underline;
}

.home-content {
    background-color: #fff;
    box-sizing: border-box;
}

.home-content h2 {
    margin-bottom: 30px;
}

.home-content ol,
.home-content ol li {
    margin: 0;
    padding: 0;
}

.home-ttl-img {
    margin: 0;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    line-height: 1.0 !important;
}

.check-list-trouble {
    margin: 0;
    padding: 30px 20px;
    border: 1px solid #7ec109;
    border-radius: 8px;
}

.check-list-trouble:last-child {
    margin-bottom: 0;
}

.check-list-trouble li {
    list-style-type: none;
    margin-bottom: .75em;
    padding-left: 42px;
    line-height: 2.0;
    font-size: 18px;
    background: url(../img/ico_check_01.png) no-repeat left center;
    background-size: 23px 16px;
}

.check-list li:last-child {
    margin-bottom: 0;
}

.voice-block h3 {
    margin: 0 0 30px;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    color: #7a5625;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
}

.voice-block h4 {
    margin: 0 0 20px;
    padding: 15px 20px !important;
    border: none !important;
    background: #ffeef4 !important;
    color: #7a5625;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

.voice-img-block {
    margin-bottom: 20px;
    padding-bottom: 113px;
    background: url(../img/home_logo_01.png) no-repeat center bottom;
    line-height: 1.0;
    text-align: center;
}

.voice-img-block img {
    border-radius: 8px;
}

.reason-block {
    margin-bottom: 40px;
}

.reason-block h4 {
    margin: 0 0 20px;
    padding: 13px 20px !important;
    border: none !important;
    background: #fee86e !important;
    color: var(--site_color);
    line-height: 1.6;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
}

.taiou_ttl {
    margin-bottom: 20px;
    padding: 15px 0;
    border-top: 2px dotted #927147;
    border-bottom: 2px dotted #927147;  
    color: #927147;
    font-weight: 600;
    font-size: 2.8rem;
    text-align: center;
    letter-spacing: 0.05em;
}

.taiou {
    margin: 0 0 10px;
    padding: 20px;
    background: #f8f4ee;
    border-radius: 6px;
}

.taiou p {
    margin-bottom: 0 !important;
    line-height: 1.9;
}

/* コロナウィルス対策 アコーディオン */
.corona-content .box-accordion .ttl {
    width: 100%;
    margin-bottom: 20px;
    padding: 18px 50px 20px 20px;
    text-align: left;
    background-color: #ff7b05;
    font-size: 28px;
    font-weight: 600;
    color: #FFF;
    box-sizing: border-box;
}


/* SP */
@media only screen
    and (max-width: 667px) {
/* float */
.reason-block .reason-block-left {
    width: 60%;
    margin: 0 auto 1.0em;
    padding: 0;
    text-align: center;
}

.reason-block .reason-block-left img {
    width: 100%
}

.onayamiList {
    width: 100%;
    margin: 0 0 40px;
    padding: 30px 0 0;
}

.onayamiList li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    font-size: 13px;
}

.onayamiList li:nth-child(2n) {
    margin-right: 0;
}

.onayamiList li img {
    width: 100%;
    margin-bottom: 2%;
}

/* コロナウィルス対策 アコーディオン */
.corona-content .box-accordion .ttl {
    font-size: 24px;
}
} /* SP ここまで */


/* PC */
@media only screen
    and (min-width: 668px) {
.home #wrapper {
    width: 100%;
    margin: 0 auto;
}

.home-content {
    width: 760px;
    padding: 40px 30px 20px;
}

.home-content p img {
    max-width: 700px;
}

.reason-block .reason-block-left {
    float: left;
    width: 310px;
}

.reason-block .reason-block-right {
    float: right;
    width: 360px;
}

.voice-img-block img {
    max-width: 472px;
}

.onayamiList {
    width: 700px;
    padding-top: 40px;
    margin-bottom: 40px;
}

.onayamiList li {
    float: left;
    width: 193px;
    margin-right: 15px;
    margin-bottom: 20px;
    font-size: 13px;
}

.onayamiList li:nth-child(3n) {
    margin-right: 0;
}

.onayamiList li img {
    margin-bottom: 10px;
}
}/* PC ここまで */



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

    トップページ voice__bloc

----------------------------------------------- */
.voice__bloc {
    padding: 30px 0 !important;
}

.voice__bloc_ttl {
    margin: 50px 0 20px;
    padding: 10px 20px;
    border: 2px solid #bd9e77;
    border-radius: 6px;
    background: none;
    color: #9c6b2e;
    font-size: 2.0rem;
    font-weight: 600;
    letter-spacing: .05em;
}

.voice__bloc_ttl:first-child {
    margin-top: 0;
}

.voice__bloc .imgleft,
.voice__bloc .imgright,
.voice__bloc .imgleft img,
.voice__bloc .imgright img,
.voice__bloc .left-column img,
.voice__bloc .right-column img {
    line-height: 1.0;
}

.voice__bloc_box {
    margin-bottom: 10px;
}

.voice-toggle {
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
    border-radius: 8px;
}

.voice-toggle-more {
  display: block;
  position: relative;
    margin: 0;
    padding: 18px 20px 6px 20px;
    line-height: 1.0;
  font-weight: 600;
    font-size: 1.6rem;
  cursor: pointer;
}

.voice-toggle-more:hover,
.voice-toggle-more:active,
.voice-toggle .content-entry.open .voice-toggle-more {
  color: #666;
}

.voice-toggle-more:hover i:before,
.voice-toggle-more:hover i:active,
.voice-toggle .content-entry.open i {
  color: #666;
}

.voice-toggle-more {
  position: relative;
}

.voice-toggle-more:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.voice-toggle-more.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.voice-toggle-inner {
  display: none;
    padding: 10px 20px 0 20px;
}


/* SP */
@media only screen
    and (max-width: 667px) {
.voice__bloc_ttl {
    line-height: 1.6;
    font-size: 1.8rem;
}

.voice__bloc .imgleft,
.voice__bloc .imgright,
.voice__bloc .left-column p,
.voice__bloc .right-column p {
    width: 70%;
    margin: 0 auto 1.0em;
    padding: 0;
}

.left-column p img,
.right-column p img,
.voice__bloc .imgright img {
    width: 100%;
}
}


/* PC */
@media only screen
    and (min-width: 668px) {
.voice__bloc .imgleft {
    float: left;
    margin: 0 18px .5em 0;
    padding: 0;
}

.voice__bloc .imgright {
    float: right;   
    margin: 0 0 .5em 20px;
    padding: 0;
}

.voice__bloc .imgright img {
    width: 216px;
}

.voice__bloc .column-box .left-column {
    float: left;
    width: 216px;
}

.voice__bloc .column-box .right-column {
    float: right;
    width: 374px;
}
}



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

    トップページ caselist

----------------------------------------------- */
.caselist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
}

.caselist .case {
    flex-direction: column;
    margin-bottom: 60px;
}

.caselist .case img {
    width: 100%;
}

/* SP */
@media only screen
    and (max-width: 667px) {
        .caselist .case {
            width: 100%;
        }
    }

/* PC */
@media only screen
    and (min-width: 668px) {
        .caselist::after {
            content:"";
            display: block;
            width:48%;
        }

        .caselist .case {
            width: 48%;
        }
    }



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

    トップページ caselist

----------------------------------------------- */
.resultlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
}

.resultlist .result_box  {
    margin-bottom: 60px;
}

.result_box .result_img {
    margin-bottom: 10px;
}

.result_box .result_img img {
    width: 100%;
}

.result_box .txt {
    font-weight: normal;
    font-size: 14px;
}

.result_note {
    text-align: right;
    font-size: 12px;
}

/* SP */
@media only screen
    and (max-width: 667px) {
        .resultlist .result_box {
            width: 30%;
        }

        .result_box .txt {
            font-size: 12px;
        }
    }

/* PC */
@media only screen
    and (min-width: 668px) {
        .resultlist::after {
            content:"";
            display: block;
            width: 30%;
        }

        .resultlist .result_box {
            width: 30%;
        }
    }



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

    トップページ courselist

----------------------------------------------- */
.courselist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
}

.courselist .course_box  {
    margin-bottom: 60px;
}

.course_box .course_img {
    height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
}

.course_box .course_img img {
    width: 100%;
}

.course_box .txt {
    font-weight: normal;
    font-size: 14px;
}

.result_note {
    text-align: right;
    font-size: 12px;
}

/* SP */
@media only screen
    and (max-width: 667px) {
        .courselist .course_box {
            width: 100%;
        }
    }

/* PC */
@media only screen
    and (min-width: 668px) {
        .courselist::after {
            content:"";
            display: block;
            width: 30%;
        }

        .courselist .course_box {
            width: 30%;
        }
    }