@charset "utf-8";

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


.txt_org {
    color: #EA5E00;
}

.only_pc {
	display: none;
}
.only_sp {
    display: inherit;
}

#aboutus1 {
    padding-top: 6.15%;
    padding-right: 6.15%;
    padding-left: 6.15%;
    padding-bottom: 9.23%;
}
#aboutus1 .contents_wrap {
    max-width: 840px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #FFFFFF;
}

#aboutus1 h2 {
    font-size: 22px;
    margin-bottom: 4.61%;
    text-align: center;
    font-weight: bold;
    font-family: 'M PLUS 2', sans-serif;
    line-height: 1.8em;
}
 #aboutus1 h2 .inline_b {
	background: linear-gradient(transparent 70%, #fdf1e1 60%);
}
#aboutus1_1 {
    margin-bottom: 4.61%;
}
#aboutus1_1 p {
    font-size: 18px;
    line-height: 1.7em;
}
#aboutus1_2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.61%;
    flex-wrap: wrap;
}
#aboutus1_2_img {
    width: 100%;
    margin-bottom: 32px;
}
#aboutus1_2_img img {
    width: 100%;
	box-shadow: 6px 6px #F7A900;
}

#aboutus1_2_txt {
    width: 100%;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.10);
    padding-top: 32px;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 16px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.10);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#aboutus1_2_txt h3 {
    margin-top: -48px;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #1E1E1E;
    color: #FFFFFF;
    line-height: 1;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 6px;
    text-indent: 0.2em;
    margin-bottom: 4.61%;
    font-size: 17px;
}

#aboutus1_2_txt ul {
    list-style-type: none;
}
#aboutus1_2_txt ul li {
    /* [disabled]border-bottom: 1px solid #957445; */
    margin-bottom: 4px;
}
#aboutus1_2_txt ul li span {
    font-weight: 600;
}



#aboutus1_3 {
    padding: 24px;
    background-color: #fdf1e1;
}
#aboutus1_3 p {
    line-height: 1.7em;
}
#aboutus2 {
    padding-bottom: 9.23%;
    background-position: left top,right bottom;
    background-color: #F9F9F9;
    position: relative;
    background-image: url(../images/s/sla1.svg),url(../images/s/sla2.svg);
    background-repeat: no-repeat;
    background-size: 10% auto;
    padding-top: 6.15%;
}
#aboutus2 h2 {
    font-size: 22px;
    margin-bottom: 3.84%;
    color: #EA5E00;
    text-align: center;
    font-weight: bold;
    font-family: 'M PLUS 2', sans-serif;
}
#aboutus2 ul {
    list-style-type: none;
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0%;
    flex-wrap: wrap;
}
#aboutus2 ul li {
    padding-top: 32px;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #FFFFFF;
    border: 3px solid #F5A900;
    font-family: "Noto Sans JP", sans-serif;
    width: 100%;
    margin-bottom: 11.53%;
}
#aboutus2 ul li .aboutus2_num {
    width: 48px;
    border-radius: 30px;
    line-height: 48px;
    background-color: #F5A900;
    position: absolute;
    top: -26px;
    text-align: center;
    color: #FFFFFF;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 26px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: 'Oswald', sans-serif;
    border: 3px solid #FFFFFF;
}

#aboutus2 ul li h3 {
    margin-bottom: 16px;
    line-height: 1.6em;
    font-size: 18px;
}
#aboutus2 ul li p {
    line-height: 1.65em;
}
#aboutus2 ul li p span {
    font-weight: bold;
}

#aboutus2 .thats_why {
    font-size: 17px;
    color: #EA5E00;
    padding-left: 8px;
    padding-right: 8px;
    font-family: 'M PLUS 2', sans-serif;
    text-align: center;
    line-height: 1.6em;
}

#aboutus2 p strong .inline_b {
	background: linear-gradient(transparent 70%, #fdf1e1 60%);
}
#aboutus3 {
    padding-top: 9.23%;
    padding-right: 6.15%;
    padding-left: 6.15%;
    padding-bottom: 12%;
    background-image: url(../images/bg_tate2.svg);
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: left top;
}
#aboutus3 .contents_wrap {
    -webkit-box-shadow: 0px 0px 16px #F0B289;
    box-shadow: 0px 0px 16px #F0B289;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 6.15%;
    padding-right: 5.38%;
    padding-left: 5.38%;
    padding-bottom: 6.15%;
    box-sizing: border-box;
    background-color: #FFFFFF;
}
#aboutus3 h2 {
    font-size: 22px;
    margin-bottom: 3.84%;
    color: #EA5E00;
    text-align: center;
    font-weight: bold;
    font-family: 'M PLUS 2', sans-serif;
}

.aboutus3_h2-sub {
    font-family: 'M PLUS 2', sans-serif;
    text-align: center;
    font-size: 20px;
    line-height: 1.7em;
    font-weight: bold;
    margin-bottom: 8px;
}
.aboutus3_h2-sub .inline_b {
	background: linear-gradient(transparent 70%, #fdf1e1 60%);
}
#aboutus3_head p {
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    line-height: 1.7em;
}


#aboutus3_1 {
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
    /* [disabled]align-items: flex-start; */
    margin-bottom: 4.61%;
    flex-wrap: wrap;
}
#aboutus3_1_l {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#aboutus3_1_box {
    -webkit-box-shadow: 0px 0px 4px #F0B289;
    box-shadow: 0px 0px 4px #F0B289;
    padding-top: 24px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#aboutus3_1_l img {
    margin-top: 8.46%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


#aboutus3_1_l h3 {
    margin-top: -40px;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #1E1E1E;
    color: #FFFFFF;
    line-height: 1;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 6px;
    text-indent: 0.2em;
    margin-bottom: 4.61%;
    font-size: 17px;
}
#aboutus3_1_l p {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.8em;
    display: inline;
    background: linear-gradient(transparent 70%, #fdf1e1 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

#aboutus3_1_arrow {
    width: 36px;
    margin-top: 4.61%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8.46%;
}
#aboutus3_1_r {
    background-color: #fdf1e1;
    width: 100%;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#aboutus3_1_r h3 {
    margin-top: -56px;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #1E1E1E;
    color: #FFFFFF;
    line-height: 1;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 6px;
    text-indent: 0.2em;
    margin-bottom: 9.23%;
    font-size: 17px;
}
#aboutus3_1_r ul {
    list-style-type: none;
}
#aboutus3_1_r ul li {
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 600;
    padding-left: 16px;
    padding-left: 32px;
    background-image: url("../images/ico_check.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px auto;
    margin-bottom: 16px;
}
.aboutus3_arrow_u {
    width: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.07%;
}
#aboutus3_2 {
}
#aboutus3_2 h3 {
    color: #FFFFFF;
    border-radius: 100vh;
    background-color: #EA5E00;
    padding-left: 24px;
    padding-right: 24px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
    padding-bottom: 14px;
    margin-bottom: 9.23%;
    font-size: 22px;
    font-family: 'M PLUS 2', sans-serif;
}
#aboutus3_2_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.61%;
    flex-wrap: wrap;
}
#aboutus3_2_img {
    width: 100%;
    background-color: #FBDDDD;
    height: 200px;
    margin-bottom: 6.15%;
}
#aboutus3_2_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center 60%;
}

#aboutus3_2_txt {
    width: 100%;
}



.aboutus_shien {
    position: relative;
    margin-bottom: 20px;
}

.aboutus_shien h4 {
    font-size: 17px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 16px;
    color: #333333;
    display: flex;
    align-items: center;
    font-family: 'M PLUS 2', sans-serif;
    border-bottom: 2px solid #EA5E00;
    padding-bottom: 8px;
}

.aboutus_shien_num {
    width: 36px;
    height: 36px;
    border-radius: 30px;
    line-height: 36px;
    background-color: #EA5E00;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    min-width: 36px;
    display: inline-block;
    margin-right: 8px;
}

.aboutus_shien ul {
    padding-left: 24px;
}

.aboutus_shien ul li {
    margin-bottom: 8px;
    line-height: 1.6;
}
#aboutus3_3_box {

}
#aboutus3_3_box h4 {
    font-size: 22px;
    color: #EA5E00;
    font-family: 'M PLUS 2', sans-serif;
    margin-bottom: 5.38%;
    padding-left: 8px;
    padding-bottom: 6px;
}
#aboutus3_3_box h4 .inline_b {
background: linear-gradient(transparent 60%, #fdf1e1 60%);
}

.aboutus3_why {

}

.aboutus3_why li {
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    list-style: none;
    margin-bottom: 16px;
    line-height: 1.6;
    color: #333333;
    border-bottom: 2px dashed #EA5E00;
    padding-bottom: 12px;
}

.aboutus3_why .label {
    flex-shrink: 0;
    font-weight: bold;
}

.aboutus3_why .text {
    flex: 1;
}


#aboutus4 {
    padding-bottom: 8.46%;
}
#aboutus4 h2 {
    text-align: center;
    font-size: 22px;
    background-image: url(../images/s/h2_title_bg1.svg),url(../images/s/h2_title_bg2.svg);
    background-repeat: no-repeat;
    background-position: 5% center,95% center;
    background-size: 4% auto;
    width: -moz-fit-content;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 7.69%;
    padding-right: 7.69%;
    background-color: #EDEDED;
    border-radius: 52px;
    height: 88px;
    display: flex;
    align-items: center;
    font-family: 'M PLUS 2', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
}

.example-list {
    list-style: none;
    margin-top: 8.46%;
}

.example-list li {
    display: flex;
    align-items: center;
    padding: 24px;
    background-color: #fdf1e1;
    gap: 24px;
    margin-bottom: 24px;
    flex-direction: column;
}

/* 左の吹き出し */
.example-label {
    flex-shrink: 0;
    position: relative;
    width: 72px;
    height: 72px;
    background: #EA5E00;
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}

 /* 吹き出しの角（下向き） */
    .example-label::after {
        top: auto;
        right: 50%;
        bottom: -10px;

        transform: translateX(50%);

        border-width: 14px 8px 0 8px;
        border-color: #EA5E00 transparent transparent transparent;
    }
/* 「相談例」 */
.label-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 4px;
}

/* 数字 */
.label-number {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    /* 好きなフォントに変更 */
    font-family: 'Oswald', sans-serif;
}

/* 右側 */
.example-content {
    flex: 1;
}

/* メイン文章 */
.example-text {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    color: #EA5E00;
    border-bottom: 2px dashed #EA5E00;
    padding-bottom: 12px;
}

/* 下の業種テキスト */
.example-category {
    font-weight: 500;
    font-family: 'M PLUS 2', sans-serif;
    text-align: center;
}
.mazuwa {
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px;
    font-family: 'M PLUS 2', sans-serif;
    text-align: center;
    line-height: 1.7em;
}
#aboutus5 {
    padding-bottom: 9.23%;
    background-position: left top,right bottom;
    position: relative;
    background-image: url(../images/s/sla1.svg),url(../images/s/sla2.svg);
    background-repeat: no-repeat;
    background-size: 10% auto;
    padding-top: 3.07%;
}
#aboutus5 h2 {
    font-size: 22px;
    margin-bottom: 6.15%;
    text-align: center;
    font-weight: bold;
    font-family: 'M PLUS 2', sans-serif;
    line-height: 1.8em;
    color: #EA5E00;
}
#aboutus5 h2 .inline_b {
	background: linear-gradient(transparent 70%, #fdf1e1 60%);
}
.aboutus5_catch {
    font-size: 18px;
    line-height: 1.7em;
    font-weight: bold;
    text-align: center;
    font-family: 'M PLUS 2', sans-serif;
    margin-bottom: 6.15%;
}
.aboutus5_catch span {
    color: #EA5E00;
}


}