/* responsive */
.box_sp {
    display: none;
}
.box_pc {
    display: block;
}
@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1200px) and (min-width: 641px) {
}

/*responsive */
@media screen and (min-width: 641px) {
.box08_list dl dt:hover {
    opacity: 0.8;
}
    .box06_txt p {
        margin-bottom: 27px;
    }
}

@media screen and (max-width: 640px) {
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
    font-size: 14px;
}
img {
    max-width: 100%;
}
#wrapper, #header, #main, #footer, .inner {
    width: 100% !important;
    min-width: inherit!important;
}
.inner {
    box-sizing: border-box;
    padding: 0 3%;
}
.box_sp {
    display: block;
}
.box_pc {
    display: none;
}
.pcinl {
    display: none;
}
.section {
    padding: 0 0 30px 0;
}
/*---*/
#header {
    /*padding-top: 0px;*/
    padding-top :56px;
    padding-bottom: 5px;
}
#header_info {
    display: none;
}
#header h1 {
    height: 30px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    font-size: 10px;
    margin-bottom: 0px;
    padding-right: 35px;
}
#top_info {
    margin-top: 154px;
    background: none;
    align-items: flex-start;
    height: auto;
}
#top img {
    width: 220px
}
.box01_all {
    background: url("../images/box01_sp.png") no-repeat center top;
    background-size: cover;
    height: auto;
    padding: 40px 0;
}
.box01_all ul {
    flex-direction: column;
}
.box01_all ul li + li {
    margin-top: 20px;
}
#box02 {
    background: url("../images/box02_sp.png") no-repeat center top;
    height: auto;
    padding-top: 70px;
}
.box02_img {
    margin-bottom: 0px;
}
.box02_img img {
    max-width: 110%;
    position: relative;
    left: -5%;
}
    .box03_tt02:before {
        background: #ce3702;
    }
#box22 {
    background: url("../images/box02_sp.png") no-repeat center top;
    height: auto;
    padding-top: 70px;
}
.box22_img {
    margin-bottom: 0px;
}
.box22_img img {
    max-width: 110%;
    position: relative;
    left: -5%;
}

#box03 {
    background: url("../images/box03_sp.png")#ce3702 no-repeat center top;
    background-size: contain;
    height: auto;
    padding-top: 100px;
    padding-bottom: 20px;
}
.box03_list {
    flex-direction: column;
    align-items: center;
}
.box03_list:before, .h5_tt01:after, .box03_list li:nth-child(2) .box03_tt01:before, .box03_list li:nth-child(3) .box03_tt01:before, .img_pc {
    display: none;
}
.box03_tt01:before {
    top: -58px;
    height: 59px;
}
.box03_tt01 {
    background-size: 280px auto;
    width: 280px;
    height: 70px;
    font-size: 16px;
}
.box03_txt01, .box03_list li:nth-child(3) .box03_txt01 {
    height: auto;
    padding: 0 25px 9px 25px;
}
.box03_list li {
    margin-bottom: 30px;
    margin-right: 0px;
}
.box03_txt01 > span:before {
    background: #f49b7c;
}
#box04, #box05, #box06, #box07, #box08 {
    padding: 40px 0;
}
#box04 {
    background: url(../images/box04_sp.png)#fff no-repeat center top 100px;
    background-size: 100% auto;
}
.box04_list dl {
    flex-direction: column;
    padding: 30px 20px 5px 20px;
}
.box04_list dl:last-child {
    margin-bottom: 15px;
}
.box04_list dl:before {
    background-position: right bottom;
    width: 100%;
    background-size: auto 15px;
    bottom: -14px;
}
.box04_list dl dd {
    width: 100%;
}
.box04_txt_pl {
    padding: 5px;
    text-align: center;

}
    .box04_txt p {
         width: 100%;
    height: auto;
    }
.box04_list dl dt {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.box05_tt01_sp {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}
.box05_tt01_sp span {
    font-size: 80%;
}
.box05_tt02_sp {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}
.box05_tt02_style {
    font-size: 36px;
    color: #e7380d;
}
.box05_tt02_style>span {
    font-size: 24px;
}
.box05_list {
    justify-content: space-between;
}
.box05_list li {
    width: 48.5%;
    margin-right: 1.5%;
    margin-bottom: 20px;
}
.box05_list li:last-child {
    margin-bottom: 0px;
}
.box05_list li:nth-child(2n) {
    margin-right: 0px;
}
.box06_list, .box07_list {
    flex-direction: column;
}
.box06_tt01 span {
    margin-left: 0px;
    padding-top: 0px;
}
.box06_list li {
    width: 100%;
    margin-right: 0px;
}
/*.box06_list li:nth-child(1) {
    width: 100%;
    margin-right: 0px;
}*/
/*.box06_list li:nth-child(2) {
    text-align: center;
}*/
.box06_tt01 {
    text-align: center;
    font-size: 24px;
        margin-top: 0px;
}
    .box06_txt {
        text-align: center;
    }
#box07 {
    background-position: right -200px top;
    background-size: auto 600px;
    padding-bottom: 0px;
}
#box07 .inner {
    padding: 0px;
}
.box07_list {
    flex-direction: column;
    position: relative;
    padding-bottom: 20px;
}
.box07_list:before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 247px);
    background: #f2f7f4;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.box07_list li {
    width: 390px;
    margin: 0 auto 25px;
}
.box07_list li:before, .box07_list li:after {
    display: none;
}
.box07_box {
    height: auto;
    position: relative;
    padding: 40px 25px;
    margin-top: -50px;
}
.box07_img {
    position: relative;
    z-index: 2;
}
.box07_tt01 {
    background: #ce3702;
}
.box07_tt02 span:nth-child(1) a {
    color: #ce3702;
}
    .box07_tt02 span:nth-child(1) {
        color:#000000;
    }
    .box07_txt {
        margin-bottom: 25px;
    }
#box071 {
    background-position: right -200px top;
    background-size: auto 600px;
    padding-bottom: 0px;
}
#box071 .inner {
    padding: 0px;
}
.box071_list {
    flex-direction: column;
    position: relative;
    padding-bottom: 20px;
}
.box071_list:before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 247px);
    background: #f2f7f4;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.box071_list li {
    width: 390px;
    margin: 0 auto 25px;
}
.box071_list li:before, .box071_list li:after {
    display: none;
}
.box071_box {
    height: auto;
    position: relative;
    padding: 40px 25px;
    margin-top: -50px;
}
.box071_img {
    position: relative;
    z-index: 2;
}
.box071_tt01 {
    background: #ce3702;
}
.box071_tt02 span:nth-child(1) a {
    color: #ce3702;
}
    .box071_tt02 span:nth-child(1) {
        color:#000000;
    }
    .box071_txt {
        margin-bottom: 25px;
    }
.box08_list dl dt {
    padding-right: 30px;
    box-sizing: border-box;
}
.box08_list dl dt .q_icon, .box08_list dl dd .a_icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
    margin-right: 15px;
}
.box08_list dl dt .q_icon {
    background: #ce3702;
}
.box08_list dl:nth-child(2n) dt .q_icon {
    background: #fa9401;
}
.box08_list dl dt .q_tt {
    font-size: 18px;
}
.box08_list dl dd p {
    align-items: flex-start;
    margin-bottom: 0px;
    padding-right: 0px;
}
.a_txt {
    padding-top: 0px;
    margin-top: 15px;
    border-bottom: none;
    padding-bottom: 5px;
    background: url("../images/line.png") repeat left top;
    width: calc(100% - 65px);
}
.box08_list dl dd .a_icon {
    margin-top: 19px;
    color: #ce3702;
}
.box08_list dl dd {
    padding-right: 0px;
    padding-bottom: 0px;
}
.box08_list dl dt:before, .box08_list dl dt:after {
    width: 20px;
    height: 1px;
    top: calc(50% - 0px);
    right: 10px;
}
.box08_txt {
    margin-bottom: 20px;
}
.h4_tt03 {
    margin-bottom: 20px;
}
.h4_tt04 {
    margin-bottom: 0px;
}
.h3_01 {
    width: auto;
    display: table;
}
.h_color01, .h4_tt04_color01, .h4_tt05, .h4_tt06 span {
    color: #ce3702;
}
.h3_01 > span:nth-child(2), .h4_tt02, .h4_tt04, .h4_tt05, .h4_tt06 {
    font-size: 36px;
}
.h3_01 > span:nth-child(1) {
    left: -30px;
}
.h4_tt01>span:nth-child(1), .h5_tt01 {
    font-size: 18px;
}
.h4_tt01>span:nth-child(2) {
    font-size: 45px;
}
.h5_tt01:before {
    width: 300px;
    top: -11px;
}
.h5_tt02 {
    color: #ce3702;
}
    .h4_tt05 > span {
        color:#0a0a0a;
    }
.h4_tt03 > span:nth-child(1) {
    font-size: 30px;
    padding: 0 65px;
    background: url(../images/index_icon_11_sp.png) no-repeat left center, url(../images/index_icon_11_sp.png) no-repeat right center;
    background-size: 54px auto, 54px auto;
}
.h4_tt03 > span:nth-child(2) {
    font-size: 18px;
    line-height: 1.7;
    text-align: center;
}
.h4_tt03 > span:nth-child(2) .h4_color02 {
    font-size: 21px;
    color: #ce3702;
}
#footer {
    margin-bottom: 60px;
}
#footer .inner, #toTop {
    display: none;
}
address {
    margin-bottom: 0px;
    border-top: 1px #fff solid;
    padding-top: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
}
#toTop {
    right: 2px;
}
#toTop {
    bottom: 91px;
}
#toTop img {
    width: 35px;
}
/*==========================================================================*/
/*                               BOX FIX BOTTOM                             */
/*==========================================================================*/
#box_contact_sp {
    width: 100%;
    display: inline-block;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
}
.box_contact_fix {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 8px 10px 5px 10px;
    box-sizing: border-box;
    height: 60px;
}
.box_contact_fix li {
    margin: 0px;
    position: relative;
}
.box_contact_fix li + li {
    margin-left: 15px;
}
.box_contact_fix li:nth-child(1) img {
    height: 40px;
}
.box_contact_fix li:nth-child(2) img {
    height: 50px;
}
.box_contact_fix li a {
}
/*==========================================================================*/
/*                               h2->h5                                 */
/*==========================================================================*/

}

@media screen and (max-width: 640px) and (min-width: 491px) {
}

@media screen and (max-width: 490px) {
}

@media screen and (min-width: 401px) and (max-width: 490px) {
}
@media screen and (max-width: 420px) {
    #header h1 {
        font-size:9px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 410px) {
.box01_all {
    padding: 30px 0;
}
.h3_01 > span:nth-child(2), .h4_tt02, .h4_tt04, .h4_tt05, .h4_tt06 {
    font-size: 28px;
}
.h3_01 > span:nth-child(1) img {
    width: 80px;
}
.h3_01 > span:nth-child(1) {
    top: -35px;
    left: 0px;
}
.h4_tt01>span:nth-child(2) {
    font-size: 36px
}
.h4_tt03 > span:nth-child(1) {
    font-size: 20px;
}
.h5_tt01:before {
    width: 280px;
}
.box03_list li {
    width: 100%;
}
.box03_txt01, .box03_list li:nth-child(3) .box03_txt01 {
    font-size: 13px;
    padding: 0 20px 9px 20px;
}
.box05_list li {
    margin-bottom: 10px;
}
.box08_list dl dt .q_tt {
    font-size: 14px;
    line-height: 1.25;
}
.box_contact_fix li:nth-child(1) img {
    height: 30px;
}
.box_contact_fix li:nth-child(2) img {
    height: 40px;
}
.box07_list li {
    width: 94%;
    margin: 0 3% 25px;

}
}

@media screen and (max-width: 380px) {
.box04_list dl dt span {
    font-size:15px;
    }
    .box04_txt_pl {
        font-size:13px;
    }
}

@media screen and (max-width: 360px) {
}