@charset "UTF-8";
/* edit.css */

#sample-params {
display: none !important;
}

/**Recruit**/
img.mynaviImg {width:auto !important;}


/*** 2014.12 ***/
/*** header ***/

.logoBox .logo {
    padding-top: 0px !important;
    text-align: left !important;
	position: absolute !important;
	left: 13px !important;/*3px !important;**20150202*/
	top: 25% !important;
}

.logoBox .btnGlobalNav {
    position: absolute;
    right: 0;
    top: 0;
}
.logoBox .btnGlobalNav a, .logoBox .btnGlobalNav .paging li span, .paging li .logoBox .btnGlobalNav span {
    background: url("/i/img/common/btnGlobalNavOnecol.gif") no-repeat scroll 0 0 / 68px/*55px**20150202*/ 60px rgba(0, 0, 0, 0) !important;
    display: block !important;
    height: 60px !important;
    text-indent: -9999px !important;
    width: 68px !important;/*55px;**20150202*/
}
.logoBox .current a, .logoBox .current .paging li span, .paging li .logoBox .current span {
    background: url("/i/img/common/btnGlobalNavOnecol_current.gif") no-repeat scroll 0 0 / 68px/*55px**20150202*/ 60px rgba(0, 0, 0, 0) !important;
}

/*spnone*/
.spnone{ display: none;}

/*1columnSP AForm*/
.complete{
font-size: 2em;
margin: 30px 0;
}
.comptel{
word-break: break-all;
}

/*組織変更202001*/
.keb{
display: flex;
flex-direction: column;
justify-content: flex-start;
}

.kebright{
text-align: left;
}

.nika{
padding-left: 9em;
}

/*事業案内*/
.servicecontainer{
margin: 4rem auto;
}
.flexwrapper{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flexwrapper li{
width: calc(100% / 2 - 20px);
    margin-bottom: 3rem;
}
@media screen and (min-width: 768px){
.flexwrapper li{
width: calc(100% / 3 - 45px);
}
}

.flexwrapper a{
display: block;
color: #fff;
font-size: 1rem;
}

@media screen and (min-width: 768px){
.flexwrapper a{
font-size: 1.2rem;
}
}

.flexwrapper img{
margin: 0;
width: 100%;
height: auto;
vertical-align: top;
}
.servicename{
text-align: center;
padding: 0.8rem;
background-color: #f67e04;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px){
.servicename{
padding: 1rem;
}
}
.servicename_webban
{
padding: 0;
}
.serviceinfo{
font-size: 0.8rem;
padding: 0;
}
.brpcnone{
display: block;
}

/*掲載版一覧202108-*/
    .branch_container .flex {
        display: flex;
        flex-direction: column;
        border-top: 1px solid #ddd;
        width: 100%;
        padding: 0.7rem 0;
        font-size: 1rem;
    }

    .branch_container .flex p {
        margin: 0;
    }

    .branch_container .flex .area {
        width: 100%;
        font-weight: 600;
        padding: 0 0 .5rem 0;
        font-size: 1.2rem;
        display: block;
        margin-top: -60px;
        padding-top: 60px;
    }

    .branch_container .flex .areainfo {
        width: 100%;
        padding: 0 0 .5rem 0;
    }

    .branch_container .flex .noc {
        padding: 0 0 .5rem 0;
        width: 100%;
    }

    .branch_container .flex .sns {
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;/*center*/
        align-items: center;
        max-width: 200px;
        z-index: 999;
    }

    .branch_container .flex .sns a {
        /*padding: .3 0rem;*/
    }

    .branch_container .flex .sns img {
        width: 40px;/*25px*/
        margin: 0;/*0 0 0 1rem;*/
}

/*LINEフォーム案内*/
.flexcol{
display: flex;
flex-direction: column;
align-items: center;
background-color: #e0e0e0;
padding: 1rem;
}
.flexcol li{
width: 100%;
max-width: 350px;
}

.flexcol p{
font-size: 0.9rem;
margin-bottom: 0.5rem;
}

.flexcol img{
width: 100%;
margin-bottom: 2rem;
}

/*二次使用ページ（1カラム)-------*/
#secondaryuse h2 {
    font-size: 2rem;
    text-align: center;
    margin: .5rem 0 1rem;
    font-weight: 600;
    line-height: 1.2;
}

#secondaryuse .logo_wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-direction: row;
    margin-bottom: 2rem;
}

#secondaryuse .logo_wrapper img {
    width: calc(100% / 4 - 10px);
}

#secondaryuse .container {
    max-width: 1000px;
    margin: 20px auto;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
}

#secondaryuse .container h2.pricetitle {
    text-align: center;
    color: #1a1a1a;
    margin-bottom: 30px;
    font-size: 1.8rem;
}

#secondaryuse .container h3 {
    font-size: 1.3rem;
    color: #333;
    border-left: 5px solid #ffcc66;
    padding-left: 15px;
    margin-top: 40px;
    margin-bottom: 20px;
}

#secondaryuse .container .price {
    font-size: 1.2rem;
    font-weight: bold;
    color: #df1f08;
    background-color: #f1f1f1;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 20px;
}

#secondaryuse .container .details {
    list-style-type: none;
    padding-left: 0;
}

#secondaryuse .container .details li {
    margin-bottom: 1rem;
    font-weight: 600;
}

#secondaryuse .container li.note {
    font-size: 0.9em;
    color: #555;
    margin-bottom: .5rem;
    font-weight: 400;
}

#secondaryuse .container strong {
    color: #166fda;
    font-weight: 600;
    font-size: 1.2rem;
}