.l-main-area .fulfillment table {
    margin-bottom: 10rem;
}

.three p.worries {
    color: #073c9e;
    font-weight: bold;
    font-size: 14px;
}
.three p.assignment {
    text-align: center;
    background: #216cdd;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
    font-size: 18px;
    margin: 10px -15px -15px;
}
.three .company-box {
    /* background: #fff; */
    /* box-shadow: 0.669px 0.743px 7.68px 0.32px rgba(175, 183, 186, 0.53); */
    /* padding: 15px; */
}
.three p.company-name {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.three p.company-name span {
    font-size: 20px;
    display: block;
}
.three .company-box .btn-web, .company-box .btn-internal {
    width: 100%;
    margin: 10px auto 15px;
}
.three .company-box .btn-web a, .company-box .btn-internal a {
    padding: 10px;
}
.three ul.none.intro_case h3 {
    font-size: 16px;
    margin: 10px;
}
.l-main-area .three .industry {
    background: #f0f8ff;
    padding: 10px;
    font-size: 14px;
    margin: 0 0 20px !important;
    min-height: 175px;
}
.l-main-area .three .industry li {
    width: 50%;
    height: auto;
    margin: 0 !important;
    padding: 0;
}
.l-main-area .three .industry ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
}
.l-main-area .three .industry ul li {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin-bottom: 15px !important;
    background: unset;
    box-shadow: unset;
    padding: 0 0 0 30px;
}
.l-main-area .three .industry ul li:before {
    background: #000;
}








.l-main-area .butsuryuu span  {
    color: #073c9e;
    font-weight: bold;
}

.l-siteinfo__sitename:before {
    content: "PR";
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    width: fit-content;
    margin-right: 0.2rem;
    font-size: 1.5rem;
    padding: 0 1rem;
}
.l-siteinfo__sitename a:before {
    content: "PR";
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    width: fit-content;
    margin-right: 0.2rem;
    font-size: 1.5rem;
    padding: 0 1rem;
}
.lower .l-siteinfo__sitename:before {
    display: none;
}
a.l-footer-bottom__copy__link:before  {
    content: "【PR】";
}
.l-main-area .l-parts06__box table th, .l-main-area .l-parts06__box table td {
    font-size: 13px;
    padding: 10px 5px;
    line-height: 1.5;
}

.l-main-area .l-parts06__box table td {
    text-align: left;
}

.l-main-area .l-parts06__box table {
    margin: 0 auto 1rem;
}

.l-main-area .l-parts06__box table th {
    width: 24%;
}
.img_center {
    font-size: 10px;
    color: #999999;
    margin: 0 auto;
    text-align: center;
    word-break: break-all;
}
.img_center img {
    padding-bottom: 5px;
}

.bnr a {
    position: fixed;
    width: 34rem;
    height: auto;
    right: 0;
    background-color: #073c9e;
    background-image: url();
    background-size: 12px 12px;
    background-position: 0 0, 6px 6px;
    bottom: 11rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 2rem 2rem;
    border: solid 3px #073c9e;
    z-index: 100;
    text-decoration: none;
    line-height: 1.5;
    font-size: 20px;
    color: #fff;
    text-align: left;
}
.bnr a span {
    display: block;
}
.bnr span.bn3 {
    background: #f24118;
    width: fit-content;
    padding: 5px 15px 3px;
    font-size: 14px;
    margin: 5px 0 0 auto;
}
.bnr span.bn1 {
    background: #fff;
    color: #073c9e;
    width: fit-content;
    padding: 4px 10px 1px;
    font-size: 15px;
    margin: 1rem 0;
}
.bnr a:hover {
    opacity: 0.5;
}

.imgarea.caption img {
    margin: 1rem auto;
    display: block;
    width: auto;
    border: solid 1px #0000000f;
    max-width: 600px;
}
.imgarea.caption {
    text-align: center;
}

/* oki_20220906 */

.kanren {
    border: 1px solid #073c9e;
    padding: 20px 30px;
    margin: 30px auto;
    position: relative;
    box-sizing: border-box;
}
.midasi {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.kanren br {
    display: none;
}

/* アコーディオンのときに下記追加 */
.readmore-content {
    position: relative;
    overflow: hidden;
	height: 120px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(243,245,247,0) 0%, rgba(243,245,247,0.8) 50%, rgba(243,245,247,0.8) 50%, #f3f5f7 100%);
    background: linear-gradient(top, rgba(243,245,247,0) 0%, rgba(243,245,247,0.8) 50%, rgba(243,245,247,0.8) 50%, #f3f5f7 100%);
}


/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 5px auto;
    z-index: 2;
    padding: 7px 15px;
    background-color: #216cdd;
    border-radius: 10px;
    color: #FFF;
}
.readmore-label:before{
    content: "\7D9A\304D\3092\8AAD\3080";
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
    content: "\9589\3058\308B";
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}

h3.butsuryuu {
display: block;
color: #fff !important;
font-weight: bold !important;
font-size: 2.2rem !important;
line-height: 1.4 !important;
padding: 2rem 4rem 2rem 2rem !important;
text-decoration: none !important;
margin-bottom: 1.5rem !important;
background: #216cdd !important;
}

.butsuryuu a {
    color: #fff;
	text-decoration: none;
	background: url(img/icon_arw_white.svg) right 1.5rem center no-repeat;
    background-size: 20px;
    display: block;
}

.l-main-area .l-parts03__box p span {
    color: #073c9e;
    font-weight: bold;
}

.l-main-area .intro_case li .list_ttl {
    font-size: 1.8rem;
    margin: 0;
    padding: 1rem 1.5rem 1.5rem 6.5rem;
}
.l-main-area .intro_case li .flex {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 1.5rem;
}
.l-main-area .intro_case {
    display: flex;
    justify-content: space-between;
}	
.l-main-area .intro_case li {
    width: 32%;
    padding: 20px;
}	
.l-main-area .intro_case li .list_ttl::before {
    width: 56px;
}	
.l-main-area .intro_case li .flex .left_box .btn-internal {
    width: 250px;
    display: flex;
    justify-content: space-evenly;
}
.l-main-area .intro_case li .flex .left_box .btn-internal a {
    padding: 1.7rem 4rem 1.7rem 1rem;
}
.l-main-area .intro_case li .flex .left_box {
    width: auto;
}	
.l-main-area .intro_case li .flex .right_box {
    width: auto;
}	
.l-main-area .intro_case li+li {
    margin-top: 0;
}


.three p.assignment {
    margin-bottom: 2rem;
}

/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 600px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
.three p.worries {
    min-height: 10rem;
}


}


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
.imgarea.caption img {
    max-width: 90%;
}
.bnr a {
    width: 82%;
    bottom: 0;
    padding: 5px 10px;
    line-height: 1.3;
    font-size: 16px;
    left: 0;
}

footer.l-footer-area {
    padding-bottom: 8rem;
}

.bnr span.bn1 {margin: 0 0 5px;font-size: 12px;margin: 0 auto 5px;}

.bnr span.bn3 {
    margin: 0 0 0 auto;
    margin: 0 auto;
    padding: 3px 15px 1px;
}
.l-main-area .l-parts06__box table th, .l-main-area .l-parts06__box table td {
    display: table-cell;
}

.l-main-area .l-parts06__box table tr {
    display: table-row;
}

.l-main-area .l-parts06__box tbody {
    display: table;
}

.l-main-area .l-parts06__box table {
    width: 92%;
    margin: 0 auto 2rem;
}
.bnr span.bn2 {
    text-align: center;
}

.l-main-area .intro_case {
    display: block;
    width: 100%;
}

.l-main-area .intro_case li {
    width: 100%;
    padding: 20px;
	    margin: 15px 0 15px;
}





}