@charset'UTF-8';


#main--image
{
    position: relative;

    overflow: hidden;

    width: 100%;
}
#main--image .main-bg
{
    position: absolute;
    top: 50px;
    right: 0;

    width: 85%;
    height: 100%;

    background-position: center center;
    background-size: cover;
}

#main--image h2
{
    font-size: 1.1rem;

    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-top: 300px;
    padding-bottom: 120px;
}
@media (max-width:767px)
{
    #main--image h2
    {
        font-size: 1rem;
    }
}
#main--image h2 .main--inner
{
    padding: 60px 120px;

    background-color: #fff;
}
@media (max-width:767px)
{
    #main--image h2 .main--inner
    {
        line-height: 170%;
    }
}
#main--image h2 .main--inner span
{
    font-size: 3rem;
    font-weight: 500;

    display: block;

    letter-spacing: 2px;
}
@media (max-width:767px)
{
    #main--image h2 .main--inner span
    {
        font-size: 2.3rem;

        letter-spacing: 1px;
    }
}
/*
@media (max-width:575px)
{
    #main--image h2 .main--inner span
    {
        font-size: 2rem;
    }
}
@media (max-width:991px)
{
    #main--image h2 .main--inner
    {
        padding: 40px 80px;
    }
}
*/
@media (max-width:767px)
{
    #main--image h2 .main--inner
    {
        padding: 30px 60px;
    }
}
/*
@media (max-width:575px)
{
    #main--image h2 .main--inner
    {
        padding: 20px 30px;
    }
}
@media (max-width:991px)
{
    #main--image h2
    {
        padding-top: 220px;
        padding-bottom: 80px;
    }
}
*/
@media (max-width:767px)
{
    #main--image h2
    {
        padding-top: 180px;
        padding-bottom: 80px;
    }
}
.content-inner-x
{
    padding-right: 60px;
    padding-left: 60px;
}
/*
@media (max-width:991px)
{
    .content-inner-x
    {
        padding-right: 40px;
        padding-left: 40px;
    }
}
*/
@media (max-width:767px)
{
    .content-inner-x
    {
        padding-right: 10px;
        padding-left: 10px;
    }
}
.content-inner-y
{
    padding-top: 60px;
    padding-bottom: 60px;
}
/*
@media (max-width:991px)
{
    .content-inner-y
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #aside--posts .content-inner-y,
	.contents .content-inner-y
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
	.contents .col-lg-6{
		padding-left: 0;
		padding-right: 0;
	}	
}
*/
@media (max-width:767px)
{
    .content-inner-y
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.content-inner-t
{
    padding-top: 60px;
}
/*
@media (max-width:991px)
{
    .content-inner-t
    {
        padding-top: 40px;
    }
}
*/
@media (max-width:767px)
{
    .content-inner-t
    {
        padding-top: 30px;
    }
}
.content-inner-b
{
    padding-bottom: 60px;
}
/*
@media (max-width:991px)
{
    .content-inner-b
    {
        padding-bottom: 40px;
    }
}
@media (max-width:991px)
{
    .content-inner-b
    {
    padding-bottom: 30px;
    margin: 0 auto;
    }

    #group--01 .content-inner-b,
    #group--02 .content-inner-b,
    #group--03 .content-inner-b
    {
    width: 80%;
    }
}
*/
.content-inner-lg-y
{
    padding-top: 35px;
    padding-bottom: 35px;
}
/*
@media (max-width:991px)
{
    .content-inner-lg-y
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
*/
@media (max-width:767px)
{
    .content-inner-lg-y
    {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    #index #index--about {
        margin-bottom: -60px;
    }
}
.content-inner-lg-t
{
    padding-top: 80px;
}
/*
@media (max-width:991px)
{
    .content-inner-lg-t
    {
        padding-top: 60px;
    }
}
*/
@media (max-width:767px)
{
    .content-inner-lg-t
    {
        padding-top: 40px;
    }
}
.content-inner-lg-b
{
    padding-bottom: 80px;
}
/*
@media (max-width:991px)
{
    .content-inner-lg-b
    {
        padding-bottom: 60px;
    }
}
*/
@media (max-width:767px)
{
    .content-inner-lg-b
    {
        padding-bottom: 40px;
    }
}
.text-vertical-rl
{
    display: inline;

    vertical-align: top;
        -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
}
/*
@media (max-width:991px)
{
    .text-vertical-rl
    {
        display: block;

            -ms-writing-mode: lr-tb;

                writing-mode: horizontal-tb;
        -webkit-writing-mode: inherit;
    }
}
*/
.text-vertical-lr
{
    display: inline;

    vertical-align: top;
        -ms-writing-mode: tb-lr;

    -webkit-writing-mode: vertical-lr;
            writing-mode: vertical-lr;
}
/*
@media (max-width:991px)
{
    .text-vertical-lr
    {
        display: block;

            -ms-writing-mode: lr-tb;

                writing-mode: horizontal-tb;
        -webkit-writing-mode: inherit;
    }
}
*/
.contact--complete
{
    padding-top: 80px;
}
#inquiry
{
    position: absolute;
    z-index: 1111111;
    top: 0;
    right: 0;
}
#inquiry a
{
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 80px;
    height: 85px;

    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
            transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
            transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -webkit-transition-property: background;
            transition-property: background;
    text-align: center;

    background-color: #ec4c4c;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#inquiry a .cot
{

    font-size: 70%;
    font-weight: bold;

    position: absolute;
    bottom: 10px;

    display: block;
    clear: both;

    color: white;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #inquiry a .cot {
    left: 10px;
    white-space: nowrap;  
} /* IE11 */
}

/*
@media (max-width:1199px)
{
    #inquiry a
    {
        width: 77px;
        height: 72px;
    }
}
@media (max-width:575px)
{
    #inquiry a
    {
        width: 60px;
        height: 55px;
    }
}
*/
#inquiry a svg
{
    width: 35px;

    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
            transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
            transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -webkit-transition-property: fill;
            transition-property: fill;
}
/*
@media (max-width:575px)
{
    #inquiry a svg
    {
        width: 25px;
    }
}
*/
#inquiry a:active,
#inquiry a:focus,
#inquiry a:hover
{
    text-decoration: none;

    background-color: #f77334;
}
#inquiry a:active svg,
#inquiry a:focus svg,
#inquiry a:hover svg
{
    fill: #fff;
}

.section--title span
{
    font-size: .9rem;
    font-weight: 700;

    display: block;

    letter-spacing: 2px;

    color: #ec4c4c;
}

.bg-koudou .tx{
    line-height: 54px;
}


#about #about01 #bg-about
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;

    width: 60%;
    height: 100%;

    background-image: url('../img/about/img01.jpg?v=20181002164149');
    background-position: center center;
    background-size: cover;
}
/*
@media (max-width:991px)
{
    #about #about01 #bg-about
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
*/
@media (max-width:767px)
{
    #about #about01 #bg-about
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #about #about01 #bg-about
    {
        height: 200px;
    }
}
@media (max-width:991px)
{
    #about #about01 .container
    {
        max-width: 100%;

        background-color: #fff;
    }
}
*/
#about #about01 .in
{
    margin: 0 auto;
    padding: 0 0 100px;
}
/*
@media (max-width:991px)
{
    #about #about01 .in
    {
        max-width: 100%;
        padding: 0;
    }
}
*/
#about #about01 .about--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 560px;
    padding: 80px 60px;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #about #about01 .about--wrapper
    {
        top: -60px;

        max-width: 500px;
        margin: 0 auto;
        margin-bottom: -60px;
        padding: 40px;
    }
}
*/
@media (max-width:767px)
{
    #about #about01 .about--wrapper
    {
        top: -40px;

        max-width: 400px;
        margin-bottom: -40px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #about #about01 .about--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }
}
*/
#about #about01 .about--title
{
    line-height: 150%;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #about #about01 .about--title
    {
        margin-bottom: 20px;
    }
}
#about #about01 .about--body
{
    font-size: .9rem;
    line-height: 180%;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #about #about01 .about--body
    {
        margin-bottom: 20px;
    }
}
#about #about02 .wrap
{
    max-width: 500px;
    margin: 0 auto;
    padding: 0 20px;
}
#about #about02 .icon
{
    margin-bottom: 30px;
    padding-top: 20px;
}
#about #about02 .icon img
{
    width: 40px;
}
#about #about02 .body
{
    font-size: .9rem;
}
#consignment #main--image h2 span
{
    font-size: 2.6rem;

    letter-spacing: 1px;
}
@media (max-width:767px)
{
    #consignment #main--image h2 span
    {
        font-size: 2rem;

        letter-spacing: .5px;
    }
}
/*
@media (max-width:575px)
{
    #consignment #main--image h2 span
    {
        font-size: 1.8rem;
    }
}
*/
#consignment #sec01 .body
{
    line-height: 180%;
}
#consignment #sec02 .iframe-content
{
    overflow: hidden;

    padding-top: 30%;
}
/*
@media (max-width:991px)
{
    #consignment #sec02 .iframe-content
    {
        padding-top: 400px;
    }
}
*/
@media (max-width:767px)
{
    #consignment #sec02 .iframe-content
    {
        padding-top: 350px;
    }
}
/*
@media (max-width:575px)
{
    #consignment #sec02 .iframe-content
    {
        padding-top: 300px;
    }
}
*/
#consignment #sec02 iframe
{
    position: absolute;
    top: -48px;
    left: 0;

    width: 100%;
    height: 100%;
}
#company #message #bg-message01
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;

    width: 50%;
    height: 100%;

    background-image: url('../img/company/bg01.jpg?v=20181002164149');
    background-position: center center;
    background-size: cover;
}
/*
@media (max-width:1199px)
{
    #company #message #bg-message01
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
*/
@media (max-width:767px)
{
    #company #message #bg-message01
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #company #message #bg-message01
    {
        height: 200px;
    }
}
*/
#company #message #bg-message02
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    width: 50%;
    height: 100%;

    background-image: url('../img/company/bg02.jpg?v=20181002164149');
    background-position: center center;
    background-size: cover;
}
/*
@media (max-width:1199px)
{
    #company #message #bg-message02
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
*/
@media (max-width:767px)
{
    #company #message #bg-message02
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #company #message #bg-message02
    {
        height: 200px;
    }
}
*/
#company #message .in
{
    margin: 0 auto;
}
/*
@media (max-width:1199px)
{
    #company #message .in
    {
        max-width: 100%;
        padding: 0 30px;
    }
}
*/
#company #message .in.message02
{
    padding-top: 100px;
}
/*
@media (max-width:1199px)
{
    #company #message .in.message02
    {
        padding-top: 0;
    }
}
*/
#company #message .message--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 600px;
    margin: 0 auto;
    padding: 80px 60px;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #company #message .message--wrapper
    {
        width: 100%;
        padding: 30px 20px;
    }
}
@media (max-width:575px)
{
    #company #message .message--wrapper
    {
        padding: 30px 0;
    }
}
*/
#company #message .message--title
{
    line-height: 150%;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #company #message .message--title
    {
        margin-bottom: 20px;
    }
    #company #message .message--title br
    {
        display: none;
    }
}
#company #message .message--body
{
    font-size: .9rem;
    line-height: 180%;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #company #message .message--body
    {
        margin-bottom: 20px;
    }
}
@media (max-width:767px)
{
    #company .dl-horizontal
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

#nada-style .nada-cat-list .nada-cat-links
{
    font-weight: 700;
    line-height: 100%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;

    -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1);
            transition: all .3s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
            transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -webkit-transition-property: background,color;
            transition-property: background,color;
    text-decoration: none;

    color: #fff;
    border: 1px solid #111;
    background-color: #111;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*
@media (max-width:1199px)
{
    #nada-style .nada-cat-list .nada-cat-links
    {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px 20px;
    }
}
*/
@media (max-width:767px)
{
    #nada-style .nada-cat-list .nada-cat-links
    {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 10px 20px;
    }
}
#nada-style .nada-cat-list .nada-cat-links svg
{
    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
            transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
            transition-timing-function: cubic-bezier(.165,.84,.44,1);

    fill: #fff;
}
#nada-style .nada-cat-list .nada-cat-links .icon
{
    width: 50px;
    padding-top: 5px;
    padding-right: 20px;

    vertical-align: middle;
}
#nada-style .nada-cat-list .nada-cat-links.active,
#nada-style .nada-cat-list .nada-cat-links:active,
#nada-style .nada-cat-list .nada-cat-links:focus,
#nada-style .nada-cat-list .nada-cat-links:hover
{
    line-height: 100%;

    color: #111;
    border-color: #f3ff2f;
    background-color: #f3ff2f;
}
#nada-style .nada-cat-list .nada-cat-links.active svg,
#nada-style .nada-cat-list .nada-cat-links:active svg,
#nada-style .nada-cat-list .nada-cat-links:focus svg,
#nada-style .nada-cat-list .nada-cat-links:hover svg
{
    fill: #111;
}



.masthead-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .3;

    background: /*url(bg_moviept.png)*/ #3b3621;

    }

body.home .under
{
    clear: both;

    width: 1400px;
    margin: 0 auto;
}
/*
@media (max-width:1199px) 
{
body.home .under
{
    clear: both;

    width: 100%;
    margin: 0 auto;
}

#index #index--information {
    width: 100%;
    margin: 0 auto;
}

}
*/

.under
{
    clear: both;
    /*width: 1400px;*/

    margin: 0 auto;
}



#bg-rinen
{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/rinen2.JPG');
    background-position: center center;
    background-size: cover;
    transition: all 0.5s;
}
/*
@media (max-width:991px)
{
	#bg-rinen {
		background-position: center;
	}
}

@media (max-width:1199px)
{

   #bg-rinen
{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;

    width: 120%;
    height: 100%;

    background-image: url('../img/rinen2.JPG');
    background-position: center center;
    background-size: cover!important;
    transition: all 0.5s;
} 
    }
*/


#bg-koudou
{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/koudou.JPG');
    background-position: center center;
    background-size: cover!important;
}

#bg-care
{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/service.jpg');
    background-position: center center;
    background-size: cover!important;
}

#bg-house
{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/outline.jpg');
    background-position: center center;
    background-size: cover!important;
}



#bg-recruit
{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/recruit-sp.jpg');
    background-position: center center;
    background-size: cover!important;
}



.center
{
    text-align: center;
}
/*#in {
    margin-top: -17px;
    padding-top: 17px;
}*/


#video-background
{
    position: fixed;
    z-index: -999;
    top: 0;
    left: 0;

    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
}



/* !breadcrumb
---------------------------------------------------------- */

.breadcrumb
{
    font-size: 12px;

    position: absolute;
    top: 120px;
    right: 35px;

    color: #000;
}
.breadcrumb a {
    transition: all 0.2s;
}
.breadcrumb a:hover
{
text-decoration: none;
color: #ec4c4c;
}

.sample1-1::before
{
    left: 3px;

    width: 4px;
    height: 4px;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 2px solid #ec4c4c;
    border-right: 2px solid #ec4c4c;
}

.arrow-ic
{
    position: relative;

    display: inline-block;

    margin-left: 16px;
    padding: 0 0 0 26px;

    vertical-align: middle;
    text-decoration: none;

    color: #000;
}

.arrow-ic::before,
.arrow-ic::after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    margin: auto;

    content: '';
    vertical-align: middle;
}

.c-nav
{
    position: relative;
    z-index: 11;

    padding: 35px 0;

    background-color: white;
}
.c-nav ul
{
    margin: 0;
    padding: 0;

    text-align: center;
}



.c-nav ul li
{
    line-height: 4.6rem;

    display: inline-block;

    width: 21.8rem;
    height: 4.6rem;
    margin: 0 1.5rem;

    transition: all .5s;
    text-align: center;

    border: 1px solid #ccc;
}

.c-nav ul li:hover,
.c-nav ul li.current
{
    color: white;
    border-color: #ec4c4c;
    background-color: #ec4c4c;
}

#hero--text--ja
{
    position: relative;
    left: -99px;
    /*background-color: rgba(255,255,255,0.8);*/

    width: 300px;
}

#hero--text--en
{
    /*background-color: rgba(255,255,255,0.8);*/
    position: relative;
    top: 10px;
}

#hero--text--ja,
#hero--text--en
{
    color: #fff;
}


.fitImg
{
    position: absolute;
}

/*
@media (max-width:991px)
{
	.c-nav ul {
		padding-bottom: 25px;
	 	}
 	.c-nav ul li {
 		margin-bottom: 15px;
 		width: 148px;
 	}

 	#index--under .index--under--title {
 		text-align: center;
 	}

}


@media (max-width:575px)
{
 	.c-nav ul li {
    width: 30%;
    margin-bottom: 10px;
    margin: 0;
 	}

}
*/

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

下層共通

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



.lower .main-ttl
{
    /*padding: 35px 0 55px;20181031*/
    font-size: 2rem;

    padding: 35px 0 15px;

    text-align: center;
}





.lower .cont-nav-bottom ul
{
    margin: 0;
    padding: 0;
}
.lower .cont-nav-bottom ul li
{
    position: relative;

    clear: both;

    width: 100%;
    height: 100%;

    list-style: none;

    color: white;
}

.lower .cont-nav-bottom ul li .ttl
{
    color: white;
}




.lower .cont-nav-bottom ul li.group01
{
    height: 40rem;
    /*width: 1400px;*/
    margin: 0 auto;

    background: url(../img/group/sub_menu_01.jpg) center top no-repeat;
    background-size: cover;
}
.lower .cont-nav-bottom ul li.group02
{
    height: 40rem;
    /*width: 1400px;*/
    margin: 0 auto;

    background: url(../img/group/sub_menu_02.jpg) center top no-repeat;
    background-size: cover;
}
.lower .cont-nav-bottom ul li.group03
{
    height: 40rem;
    /*
    max-width: 200rem;
    */
    margin: 0 auto;

    background: url(../img/group/sub_menu_03.jpg) center top no-repeat;
    background-size: cover;

}
.lower .cont-nav-bottom ul li.group04
{
    height: 40rem;
    /*width: 1400px;*/
    margin: 0 auto;

    background: url(../img/group/sub_menu_04.jpg) center -290px no-repeat;
    background-size: cover;
}


.lower .cont-nav-bottom ul li .index--01--wrapper
{
    /* margin: 0 auto; */
    position: absolute;
    /* position: relative; */
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 10%;

    max-width: 58rem;
    padding: 8rem 6rem;
}
/*
@media (max-width:991px)
{
	.lower .cont-nav-bottom ul li .index--01--wrapper
		{
		    position: absolute;
		    z-index: 2;
		    top: 0;
		    bottom: 0;
		    left: 0%;

		    width: 50%;
		    padding: 80px 60px;
		}

		.lower .cont-nav-bottom ul li.group01
		{
		    height: 360px;
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_01.jpg) center top no-repeat;
    background-size: cover;
		}
		.lower .cont-nav-bottom ul li.group02
		{
		    height: 360px;
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_02.jpg) center top no-repeat;
    background-size: cover;
		}
		.lower .cont-nav-bottom ul li.group03
		{
		    height: 360px;
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_03.jpg) center top no-repeat;
    background-size: cover;
		}
		.lower .cont-nav-bottom ul li.group04
		{
		    height: 360px;
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_04-sp.jpg) center top no-repeat;
    background-size: cover;
		}
}
*/

@media (max-width:767px)
{
	.lower .cont-nav-bottom ul li .index--01--wrapper
		{
		    /* margin: 0 auto; */
		    position: absolute;
		    /* position: relative; */
		    z-index: 2;
		    top: 0;
		    bottom: 0;
		    left: 0%;

		    width: 100%;
		    padding: 8rem 6rem;
		}

		.lower .cont-nav-bottom ul li.group01
		{
		    height: 36rem;
		    /*width: 1360px;*/
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_01-sp.jpg) center top no-repeat;
    background-size: cover;
		}
		.lower .cont-nav-bottom ul li.group02
		{
		    height: 36rem;
		    /*width: 1360px;*/
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_02-sp.jpg) center top no-repeat;
    background-size: cover;
		}
		.lower .cont-nav-bottom ul li.group03
		{
		    height: 36rem;
		    /*width: 1360px;*/
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_03-sp.jpg) center top no-repeat;
    background-size: cover;
		}
		.lower .cont-nav-bottom ul li.group04
		{
		    height: 36rem;
		    /*width: 1400px;*/
		    margin: 0 auto;

		    background: url(../img/group/sub_menu_04-sp.jpg) center top no-repeat;
    background-size: cover;
		}



}

.lower .masthead-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .3;

    background: /*url(bg_moviept.png) */#417182;

    mix-blend-mode: multiply;
}

.cont-nav-bottom .masthead-overlay-b
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .5;

    background: /*url(bg_moviept.png) */#211403;

    mix-blend-mode: multiply;
}
.cont-nav-bottom .masthead-overlay-c
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .6;

    background: /*url(bg_moviept.png) */#6b534f;

    mix-blend-mode: multiply;
}

.cont-nav-bottom .masthead-overlay-d
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .6;

    background: /*url(bg_moviept.png) */#50676d;

    mix-blend-mode: multiply;
}


.cont-nav-bottom .btn-outline
{
    color: white !important;
    border: 1px solid white !important;
}

.cont-nav-bottom .btn-outline.btn-arrow-right-secondary span:after
{
    position: absolute;
    z-index: 3;
    right: 20px;
    bottom: calc(50% - 3px);

    width: 8px;
    height: 8px;

    content: '';
    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
            transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
            transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);

    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff!important;;
}

.cont-nav-bottom .btn-outline:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
            transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
            transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -webkit-transform: scale(.9);
            transform: scale(.9);

    opacity: 0;
    background-color: #fff !important;
}

.cont-nav-bottom .btn-outline:active,
.cont-nav-bottom .btn-outline:focus,
.lower .cont-nav-bottom ul li.group01:hover .btn-outline,
.lower .cont-nav-bottom ul li.group02:hover .btn-outline,
.lower .cont-nav-bottom ul li.group03:hover .btn-outline,
.lower .cont-nav-bottom ul li.group04:hover .btn-outline
{
    color: #111!important;
    background-color: white;
}
.cont-nav-bottom .btn-outline.btn-arrow-right-secondary:active span:after,
.cont-nav-bottom .btn-outline.btn-arrow-right-secondary:focus span:after,
.cont-nav-bottom .btn-outline.btn-arrow-right-secondary:hover span:after,
.lower .cont-nav-bottom ul li.group01:hover .btn-outline.btn-arrow-right-secondary span:after,
.lower .cont-nav-bottom ul li.group02:hover .btn-outline.btn-arrow-right-secondary span:after,
.lower .cont-nav-bottom ul li.group03:hover .btn-outline.btn-arrow-right-secondary span:after,
.lower .cont-nav-bottom ul li.group04:hover .btn-outline.btn-arrow-right-secondary span:after
{
    border-color: #111!important;
}



.cont-nav-bottom .main-copy
{
    line-height: 2.6;

    position: relative;
    z-index: 11111;
    top: 50%;

    text-align: center;

    color: white;
}

.cont-nav-bottom .main-copy .main
{
    font-size: 2rem;

    letter-spacing: 10px;
}

.cont-nav-bottom p.text
{
    line-height: 2.4;
}

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

グループ案内

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



.lower #header #header--bg
{
    background-color: white;
}

.lower #gnav ul li a
{
    color: #000;
}
#group #index--under #bg-index-under
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/group/main_bg.jpg');
    background-position: center center;
    background-size: cover;
}

#group #index--under .company
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/company/main_bg.jpg') !important;
    background-position: center center;
    background-size: cover;
}
/*
@media (max-width:1199px)
{
    #group #index--under #bg-index-under
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #group #index--under #bg-index-under
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
*/
@media (max-width:767px)
{
    #group #index--under #bg-index-under
    {
        height: 30rem;
    }

}
/*
@media (max-width:575px)
{
    #group #index--under #bg-index-under
    {
        height: 300px;
    }
}
@media (max-width:991px)
{
    #group #index--under .container
    {
        max-width: 100%;
    }
}
*/
#group #index--under .in
{
    margin: 0 auto;
    padding: 0 0 28rem;
}
/*
@media (max-width:991px)
{
    #group #index--under .in
    {
        max-width: 100%;
    }
}
*/
#group #index--under .index--under--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 100%;
    margin: 0 auto 0 0;
    padding: 105px 65px 5px;

    background-color: #fff;
}
@media (max-width:991px)
{
    #group #index--under .index--under--wrapper
    {
        top: 0;

        width: 100%;
        margin-bottom: 0;
        padding: 40px;
    }
}
@media (max-width:767px)
{
    #group #index--under .index--under--wrapper
    {
        top: 0;

        width: 100%;
        margin-bottom: 0;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #group #index--under .index--under--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #group #index--under .index--under--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
*/
#group #index--under .index--under--title
{
    font-size: 1.8rem;
    line-height: 150%;

    position: relative;
    top: 15px;

    margin-bottom: 20px;
}
#group #index--under .index--under--title span
{
    font-size: 60%;

    position: relative;
    left: 15px;

    color: #ec4c4c;
}
@media (max-width:767px)
{
    #group #index--under .index--under--title
    {
        margin-bottom: 15px;

        text-align: center;
    }
}
#group #index--under .index--under--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #group #index--under .index--under--body
    {
        margin-bottom: 20px;
    }
}
#group #index--under .index--under--btn
{
    text-align: center;
}

#group #index--under .content-inner-b
{
    padding-bottom: 0;
}

.ttl
{
    font-size: 2rem;

    padding: 15px 0;

 
}
#group h3.title
{
    font-size: 16px;
    font-weight: bold;
}

#group .ttl
{
    font-size: 2rem;
line-height: 1.6;
    padding: 15px 0;


}


#group .main-copy
{
    line-height: 2.4;

    position: relative;
    z-index: 11111;
    top: 51%;

    text-align: center;

    color: white;
}
/*
@media (max-width:991px)
{
    #group .main-copy
    {
        line-height: 2.4;

        position: relative;
        z-index: 11111;
        top: 41%;

        text-align: center;

        color: white;
    }
}
*/
#group .main-copy .main
{
    font-size: 2rem;

    letter-spacing: 10px;
}


#group p.text
{
    font-size: 16px;
    line-height: 2.2;
}


#group #bg-index-consignment
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: -60px;

    width: 80%;
    height: 100%;

    background-image: url('../img/rinen.JPG');
    background-position: center center;
    background-size: cover;
}


#group.company #index--under #bg-index-under
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/company/main_bg.jpg');
    background-position: center center;
    background-size: cover;
}

.company .main-copy .main {
    font-size: 2rem;
    letter-spacing: 10px;
    line-height: 1.4;
}

/*-------------------------理念-----------------------*/

#group #group--01,
#group #group--02,
#group #group--03
{
    margin-bottom: 30px;
}


#group img.rinen-top
{
    width: 514px;
    margin: 0 auto 40px;

    text-align: center;
}
#group img.rinen-logo
{
    width: 120px;
    margin: 0 auto 0;

    text-align: center;
}
#group img.rinen-bottom
{
    width: 384px;
    margin: 0 auto 40px;

    text-align: center;
}

#group .cate
{
    font-size: 25px;
    font-weight: bold;
   color: #ec4c4c;
    padding-bottom: 10px;
}

#group .in-text
{
    line-height: 2.6;
}

#group .ttl.small
{
    font-size: 2.4rem;
}
#group .in-text ol
{
    width: 700px;
    margin: 0 auto;
 counter-reset: li;    /* li のカウンタを 0 にセット */ 
    list-style: none;
    padding: 0;
}
#group .in-text ol li
{
    line-height: 1.8;
    text-align: left;
    clear: both;
}

#group .in-text ol li span {
   color: #ec4c4c;
   width: 35px;
   height: 40px;
   display: inline-block;
   float: left;
}
/*
@media (max-width:991px)
{
	#group .in-text ol {
		width: 100%;
		position: relative;
    	left: -15px;
	}

    #group .in-text ol li span {
    color: #ec4c4c;
    width: 35px;
    height: 80px;
    display: inline-block;
    float: left;
}
}
*/



/*-------------------------社訓-----------------------*/

#group #group--02 #bg-group-02
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 80%;
    height: 100%;

    background-image: url('../img/rinen.JPG');
    background-position: center center;
    background-size: cover;
}

/*
@media (max-width:1199px)
{
    #group #group--02 #bg-group-02
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #group #group--02 #bg-group-02
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
*/
@media (max-width:767px)
{
    #group #group--02 #bg-group-02
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #group #group--02 #bg-group-02
    {
        height: 200px;
    }
}
@media (max-width:991px)
{
    #group #group--02 .container
    {
        max-width: 100%;
    }
}
*/
#group #group--02 .in
{
    margin: 0 auto;
    padding: 60px 0;
}
/*
@media (max-width:991px)
{
    #group #group--02 .in
    {
        max-width: 100%;
    }
}
*/
#group #group--02 .group--02--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 580px;
    margin: 0 auto;
    padding: 80px 60px;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #group #group--02 .group--02--wrapper
    {
        top: -60px;

        max-width: 500px;
        margin-bottom: -60px;
        padding: 40px;
    }
}
*/
@media (max-width:767px)
{
    #group #group--02 .group--02--wrapper
    {
        top: -40px;

        max-width: 400px;
        margin-bottom: -40px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #group #group--02 .group--02--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #group #group--02 .group--02--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
*/
#group #group--02 .group--02--title
{
    line-height: 150%;

    margin-bottom: 20px;
}
@media (max-width:767px)
{
    #group #group--02 .group--02--title
    {
        margin-bottom: 15px;
    }
}
#group #group--02 .group--02--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #group #group--02 .group--02--body
    {
        margin-bottom: 20px;
    }
}
#group #group--02 .group--02--btn
{
    text-align: center;
}



/*-------------------------経営目的-----------------------*/

#group #group--03 #bg-group-03
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    width: 70%;
    height: 100%;

    background-image: url('../img/service.jpg');
    background-position: center center;
    background-size: cover;
}

/*
@media (max-width:1199px)
{
    #group #group--03 #bg-group-03
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #group #group--03 #bg-group-03
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
*/
@media (max-width:767px)
{
    #group #group--03 #bg-group-03
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #group #group--03 #bg-group-03
    {
        height: 200px;
    }
}
@media (max-width:991px)
{
    #group #group--03 .container
    {
        max-width: 100%;
    }
}
*/
#group #group--03 .in
{
    margin: 0 auto;
    padding: 60px 0;
}
/*
@media (max-width:991px)
{
    #group #group--03 .in
    {
        max-width: 100%;
    }
}
*/
#group #group--03 .group--03--wrapper
{
    position: relative;
    z-index: 2;

    margin: 0 auto;
    padding: 80px 50px;

    text-align: left;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #group #group--03 .group--03--wrapper
    {
        top: -60px;

        max-width: 500px;
        margin-bottom: -60px;
        padding: 40px;
    }
}
*/
@media (max-width:767px)
{
    #group #group--03 .group--03--wrapper
    {
        top: -40px;

        max-width: 400px;
        margin-bottom: -40px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #group #group--03 .group--03--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #group #group--03 .group--03--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
*/
#group #group--03 .group--03--title
{
    line-height: 150%;

    margin-bottom: 20px;
}
@media (max-width:767px)
{
    #group #group--03 .group--03--title
    {
        margin-bottom: 15px;
    }
}
#group #group--03 .group--rent--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #group #group--03 .group--rent--body
    {
        margin-bottom: 20px;
    }
}
#group #group--03 .group--rent--btn
{
    text-align: center;
}
/*
@media (max-width:991px)
{
	#group--04 .in-text {
		width: 80%;
		margin: 0 auto;
	}

}
*/




/*-------------概要----------------*/

#index--01--group
{
    margin-top: 35px;
}


.infograph
{
    width: 1000px;
    margin: 0 auto;
    padding: 0;

    text-align: center;
}

.infograph li
{
    font-family: 'Quicksand', sans-serif;
    font-size: 61px;

    position: relative;

    float: left;

    width: 50%;
    margin-bottom: 50px;

    list-style: none;

    color: #e74258;
}
.infograph li.info01
{
    width: 40%;
}
.infograph li.info02
{
   width: 51%;
    float: right;
}
.infograph li.info03
{
    width: 45%;
}
.infograph li.info04
{
    float: right;

    width: 50%;
}
.infograph li.info05
{
    width: 100%;
}

.infograph li .info-ttl
{
    font-size: 19px;

    position: relative;

    width: 106px;
    padding: 5px 10px 5px 10px;

    color: white;
    background-color: #e74258;
}

.infograph li span.now
{
    font-size: 14px;

    position: absolute;
    left: 120px;

    padding-left: 1.5rem;

    white-space: nowrap;

    color: #000;
}

.infograph li .cont
{
    display: block;
    clear: both;

    padding: 30px 0;

    text-align: left;
    letter-spacing: 2px;
}

.infograph li span
{
    font-size: 26px;

    padding: 0 3px;
}

.infograph li .cont .t-t-l
{
    font-size: 16px;
    font-weight: bold;

    color: #000;
}

.infograph li.info02 .cont .t-t-l {
position: relative;
top: -10px;
}

.infograph li .cont2
{
    font-size: 16px;

    width: 100%;
    padding-top: 10px;

    text-align: left;

    color: #111;
}

.infograph li.info02 .cont2
{
    height: 120px;

    background: url(../img/group/outline/human.svg) no-repeat right top;
}

.infograph li.info03 .cont2
{
    font-size: 16px;

    width: 100%;
    height: 191px;
    margin-top: 15px;
    padding-top: 10px;

    text-align: left;

    color: #111;
    background: url(../img/group/outline/company.svg) no-repeat right top;
}

.infograph li .cont3
{
    font-size: 12px;

    width: 100%;
    padding-top: 10px;

    text-align: left;

    color: #111;
}

.infograph li .cont3 th
{
    font-size: 10px;
    font-weight: normal;

    letter-spacing: -5px;
}

.infograph li .cont3 th span.red
{
    font-size: 10px;
}

.infograph li .cont3 td
{
    padding-left: 15px;
}

.infograph li .cont3 img
{
    width: 35px;
}

.infograph li .cont2 .t-t-l
{
    font-size: 14px;font-weight: bold;
    line-height: 1.6;

    display: inline-block;

    width: 100px;
    margin-bottom: 15px;

    text-align: left;
}

.infograph li.info03 .cont2 .t-t-l
{
    font-size: 14px;font-weight: bold;
    line-height: 1.6;

    display: inline-block;

    width: 120px;
    margin-bottom: 15px;

    text-align: left;
}

.infograph li.info03 .t-t-l
{
    line-height: 1.4;
}

.infograph li.info03 .t-t-l.ren
{
    line-height: 1.2;

    margin-bottom: 15px;
}

.infograph li.info03 .t-t-l.jigyo
{
    margin-top: 40px;
    margin-bottom: 15px;
}

.infograph li span.red
{
    color: #e74258;
}

.infograph li .total
{
    font-size: 70px;
}
.infograph li .cont2 span
{
    font-size: 18px;
}

.infograph li .cont2 span.num
{
    font-size: 36px;

    color: #e74258;
}
.infograph li.info03 .cont2 span.num
{
    font-size: 23px;

    margin-left: 10px;

    letter-spacing: 2px;

    color: #e74258;
}
.infograph li.info03 .cont2 span.num.ren
{
    font-size: 46px;

    color: #e74258;
}

.infograph li .cont2 span.num.ls
{
    letter-spacing: 3px;
}

.infograph li.info02 .cont
{
    position: absolute;
    top: -35px;
    right: 0;
}
.infograph li.info04
{
    position: relative;
    top: 25px;
}

.infograph li.info05 .cont3 img
{
    width: 274px;
}
.infograph li.info05 ul
{
    clear: both;

    margin: 0;
    padding: 0;
}
.infograph li.info05 ul li.cont1
{
    float: left;

    width: 260px;
    padding-top: 100px;
}

.infograph li.info05 ul li.cont1 .total
{
    font-size: 100px;

    text-align: left;
    letter-spacing: 10px;
}

.infograph li.info05 ul li.cont1 .red
{
    letter-spacing: 1px;
}

.infograph li.info05 ul li.cont2
{
    float: left;

    width: 376px;

    color: #ec4c4c;
}

.infograph li.info05 ul li.cont3
{
    float: left;

    width: 360px;
}





/*
@media (max-width:991px)
{
	.infograph {
		width: 100%;
	}
	.infograph li {
		clear: both;
		width: 90%!important;
		margin: 0 auto 50px;
		float: none;
	}
.infograph li.info02
{
        width: 90%!important;
        margin: 0 auto 50px;
    float: none;
}

	.infograph li .total {
		position: relative;
		top: 35px;
	}
	.infograph li .cont .t-t-l {
		line-height: 0.5;
	}
	.infograph li.info02 .cont2 {
		background-size: 100%; 
		background-position:100% 13px;
	}
	.infograph li.info03 {
		margin-bottom: -20px;
	}
	.infograph li.info04 {
		float: none;
		top: 0;
	}
	.infograph li.info04 .cont {
		position: relative;
		top: -20px;
	}
	.infograph li .cont3 th span.red {
		display: none;
	}
	.infograph li.info05 ul li.cont1 {
    padding-top: 70px;
    width: 100%!important;
    background: url(../img/group/outline/map.svg) no-repeat 90% 0px;
    padding-bottom: 40px;
    margin: 0 auto;
	}
	.infograph li.info05 ul li.cont2 {
		padding-top: 20px;
		width: 100%!important;
		float: right;
		clear: none;
	}
	.infograph li.info05 ul li.cont3 {
		display: none;
	}
	.infograph li.info02 .cont {
		position: relative;
	}
	.infograph li .cont2 .t-t-l {
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1.6;
	    display: inline-block;
	    width: 70px;
	    margin-bottom: 15px;
	    text-align: left;
	}
	.infograph li .cont2 span.num {
    font-size: 26px;
    color: #e74258;
}
.infograph li .cont2 .t-t-l {
	margin-bottom: 0px;
}
.infograph li .cont2 span.num.ls {
	letter-spacing: 0;
}
.infograph li .cont2 span.num {
	letter-spacing: -1.2px;
}

.infograph li.info02 .cont {
	padding: 0 0 0px 0;
}
.infograph li.info03 .cont2 {
	background-size: 70%;
}
.infograph li.info03 .cont2 .t-t-l {
	width: 90px;
}
.infograph li.info03 .t-t-l.jigyo {
	margin-bottom: 0px;
	margin-top: 10px;
}
.infograph li.info04 .cont {
	padding: 0 0 20px 0;
}
.infograph li .cont3 td {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px; 
	padding-top: 10px;
}
.infograph li .cont3 td.none {
	border-bottom: none;
}
}
*/









.prT30
{
    position: relative;
    top: 30px;
}

#index--02--group
{
    clear: both;

    padding-top: 50px;

    color: #000;
    background-color: #ffffff;
    background-size: cover;
}

#index--02--group .c-ttl
{
    margin-bottom: 45px;

    color: #000;
}

#index--02--group .pos-r
{
    position: relative;
    left: -20px;

    width: 80%;
    margin: 0 auto;
}


.content-inner-b .groupList{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.content-inner-b .groupList ul{
    list-style: none;
    width: 100%;
	padding: 0;
}

.content-inner-b .groupList ul li{
    border-bottom:1px dashed #b4b4b4;
}

.content-inner-b .groupList ul li:last-child{
    border-bottom:1px solid #b4b4b4;
}

.content-inner-b .groupList ul li:first-child{
    border-top:1px solid #b4b4b4;
}

.content-inner-b .groupList h3{
    width: 350px;
    /*
    padding-top: 10px;
    */
    font-size: 23px;
    font-weight: normal;
}

.content-inner-b .groupList .companyBox{
    display:flex;
    width: 1000px;
    margin: 20px auto;
    padding: 10px 0;
}

.content-inner-b .groupList a:hover{
	color: #ec4c4c;
	text-decoration: none;
}

.content-inner-b .groupList a{
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
}
/*
@media (max-width:991px)
{
#index--02--group .pos-r {
left: 0;
}
	
	
	
.content-inner-b .groupList{
 width: 100%;
}

.content-inner-b .groupList .companyBox{
    display:block;
    width: 100%;
}
	
	.content-inner-b .groupList ul li{
		padding: 0 5%;
	}	
	
	.content-inner-b .groupList .companyBox{
		margin: 0;
		padding-bottom: 15px;
	}	
	
}
*/
.uk-card-body p
{
    font-size: 14px;
}

.uk-card-body .info
{
    font-size: 12px;
}

.uk-card-body .info span
{
    font-size: 15px;
}


/* ラベル部分 右下に表示 */
.triangle::before
{
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;

    content: '';

    border-top: 3em solid transparent;
    border-right: 3em solid #ec4c4c; /* ラベルの色はここで変更 */
}
.triangle::after
{
    font-weight: bold;

    position: absolute;
    z-index: 101;
    right: 0;
    bottom: 5px;

    display: block;

    content: '';
    transform: rotate(135deg);

    color: #fff; /* 文字色はここで変更 */
}

.uk-card-title
{
    margin-bottom: 20px;
    padding-bottom: 10px;

    text-align: center;

    border-bottom: 1px solid #ccc;
}

.c-ttl
{
    font-size: 200%;

    margin-bottom: 35px;

    text-align: center;

    color: white;
}

#footer--top
{
    margin: 50px 10px;
    clear: both;
}

#footer--top .fa-envelope
{
    font-size: 6rem;
}

#footer--top .fa-angle-right
{
    font-size: 3rem;
}

#footer--top .footer--top--body
{
    font-size: 14px;
    line-height: 2;
}

#footer--top .footer--top--body span
{
    font-size: 24px;
    font-weight: 222;
}

#footer--top a
{
    transition: all .5s;
}

#footer--top:hover a
{
    text-decoration: none;

    color: #ec4c4c;
}
/*
@media (max-width:991px)
{
	#footer--top .footer--top--body {
		font-size: 16px;
	}
	.fa-angle-right {
		display: none!important;
	}
	#footer--top .footer--top--body span {
		font-size: 18px;
	}
}
*/


/*-------------行動指針----------------*/

.up-cont
{
    position: relative;
    z-index: 11;

    background-color: white;
}

#compas .background
{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;

    height: 100%;
    /*width: 1400px;*/
    margin: 0 auto;

    -webkit-transition: all .9s ease 0s;
       -moz-transition: all .9s ease 0s;
            transition: all .9s ease 0s;

    opacity: 0;
    background-position: center center;
}
#compas .show .background
{
    opacity: 1;
}
#compas .contents .wrap
{
    position: relative;
    z-index: 2;

    padding-top: 0;
}
#compas #content01 .wrap
{
    position: relative;
    z-index: 2;

    padding-top: 100px;
}
/* design*/
#content01_bg
{
    background-image: url(../img/group/compass/pic_001.jpg);background-position: 0 0;background-size: cover;
}
#content02_bg
{
    background-image: url(../img/group/compass/pic_002.jpg);background-position: 0 0;background-size: cover;
}
#content03_bg
{
    background-image: url(../img/group/compass/pic_003.jpg);background-position: 0 0;background-size: cover;
}
#content04_bg
{
    background-image: url(../img/group/compass/pic_004.jpg);background-position: 0 0;background-size: cover;
}
#content05_bg
{
    background-image: url(../img/group/compass/pic_005.jpg);background-position: 0 0;background-size: cover;
}
#content06_bg
{
    background-image: url(../img/group/compass/pic_006.jpg);background-position: 0 0;background-size: cover;
}
#content07_bg
{
    background-image: url(../img/group/compass/pic_007.jpg);background-position: 0 0;background-size: cover;
}
#compas #content04
{
    margin-bottom: 200px;
}


#compas .text-box .catch
{
    font-size: 40px;

    margin: 0 0 10px;
}
#compas .text-box .copy
{
    line-height: 2;

    margin: 0;
}

#compas .text-box
{
    font-size: 16px;

    color: white;
}

#compas .text-box .ttl
{
    font-size: 24px;

    padding-bottom: 15px;

    letter-spacing: 5px;

    color: white;
}

#compas .text-box .box
{
    line-height: 2;

    margin-bottom: 100px;
}

#compas .sub-ttl
{
    font-size: 16px;
    line-height: 2.4;

    padding: 15px 30px 50px;

    text-align: center;
}

#compas .index--rent--btn
{
    text-align: center;
}


#compas .ttl
{
    font-size: 1.6rem;
    line-height: 1.4;

    padding: 15px 0 0;

    color: #ec4c4c;
}


#compas p.text
{
    font-size: 16px;
    line-height: 2.2;

    margin-bottom: 40px;
}

/*
@media (max-width:991px){

#compas .text-box .box {
padding: 0 30px;
width: 80%;
margin: 0 auto 100px;
}
}
*/

.message-inner
{
    line-height: 2.5;

    margin: 0 auto;
    padding-bottom: 10rem;

    background: url(../img/group/message_in.jpg) no-repeat right top;
    background-size: contain;
}

.message-inner .company
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;

    padding-top: 20px;
}

.message-inner .name
{
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1.6;

    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.message-inner .name span
{
    font-size: 1.6rem;

    position: relative;left: 15px;

    color: #e74258;
}


.message-inner .title
{
    font-size: 2rem;
    line-height: 1.4;

    width: 49.7rem;
    margin-bottom: 1rem;
    padding-top: 8rem;
    padding-bottom: 1.5rem;

    color: #111;
    border-bottom: 2px solid #e74258;
}


.message
{
    line-height: 2.4;

    text-align: justify;
    text-justify: inter-ideograph;
}
.message_c{
    width: 100rem;
    padding:0 2rem;
    margin:auto;
    max-width: 1100px;
    width: min(120rem, 100%);
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:768px){
    .message_c{
        width: 100%;
        padding:0 0rem;
        margin:auto;
    }
}
.message{
    width:100%;
    margin: 4rem auto 0;
    margin-bottom: 3rem;
    padding: 0 2rem;
}

/*
@media (max-width:991px)
{
	.message-inner
{
    line-height: 2.5;

    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;

    background: none;
}
.message
{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.message-inner .title {
	width: 100%;
	padding-top: 0;
}

#index--01--group img {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

}

@media (max-width:991px)
{
#group .uk-grid {
	display: block !important;
	    margin-bottom: -48px;
}

#index--02--group .pos-r {
	padding-bottom: 30px !important;
}
#index--02--group .c-ttl {
	margin-bottom: 20px;
}
#index--02--group {
	padding-top: 40px;
}
}
*/



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

採用について


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


#recruit #recruit--under #bg-recruit-under
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/recruit/main_bg.jpg');
    background-position: center center;
    background-size: cover;
}
/*
@media (max-width:1199px)
{
    #recruit #recruit--under #bg-recruit-under
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--under #bg-recruit-under
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--under #bg-recruit-under
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--under #bg-recruit-under
    {
        height: 300px;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--under .container
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--under .in
{
    margin: 0 auto;
    padding: 0 0 45rem;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--under .in
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--under .recruit--under--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 100%;
    margin: 0 auto 0 0;
    padding: 105px 65px 5px;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--under .recruit--under--wrapper
    {



        margin-bottom: 0px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--under .recruit--under--wrapper
    {


        margin-bottom: 0px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--under .recruit--under--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #recruit #recruit--under .recruit--under--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
    .infograph li span
{
    font-size: 20px;

    padding: 0 3px;
}
.infograph li {
    font-size: 32px;
}
}
*/
#recruit #recruit--under .recruit--under--title
{
    font-size: 1.8rem;
    line-height: 150%;

    position: relative;
    top: 15px;

    margin-bottom: 20px;
}
#recruit #recruit--under .recruit--under--title span
{
    font-size: 60%;

    position: relative;
    left: 15px;

    color: #ec4c4c;
}

    #recruit .uk-position-relative {
    position: relative !important;
    left: -25px !important;
}
/*
@media (max-width:1199px)
{
    #recruit .uk-position-relative {
    position: relative !important;
    left: 0px !important;
}

    
}
@media (max-width:991px)
{
    #recruit #recruit--under .recruit--under--title
    {
        text-align: center;
        margin-bottom: 15px;
        text-align: center;
    }

}
    */
#recruit #recruit--under .recruit--under--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #recruit #recruit--under .recruit--under--body
    {
        margin-bottom: 20px;
    }
}
#recruit #recruit--under .recruit--under--btn
{
    text-align: center;
}

#recruit--under .content-inner-b
{
    padding-bottom: 0;
}

#recruit .main-ttl
{
    font-size: 2rem;

    padding: 35px 0 55px;

    text-align: center;
}

#recruit h3.title
{
    font-size: 16px;
    font-weight: bold;
}

#recruit .ttl
{
    font-size: 2rem;

    padding: 15px 0;

    color: #ec4c4c;
}


#recruit p.text
{
    font-size: 16px;
    line-height: 2.2;
}



#recruit .masthead-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .4;

    background: /*url(bg_moviept.png) */#79888c;

    mix-blend-mode: multiply;
}



#recruit .main-copy
{
    line-height: 2;

    position: relative;
    z-index: 11111;
    top: 50%;

    text-align: center;

    color: white;
}
/*
@media (max-width:991px)
{

#recruit .main-copy
{
    line-height: 2;

    position: relative;
    z-index: 11111;
    top: 35%;

    text-align: center;

    color: white;
}

#recruit .sub {
    width: 80%;
    margin: 0 auto;
}

#recruit #recruit--under .in {
	padding: 0;
}
#recruit .uk-grid {
	margin-right: 0;
        display: block !important;
        margin-bottom: -48px;
}
#recruit .uk-grid li {
	width: 80% !important;
	margin: 0 auto;
}

}
*/

#recruit .main-copy .main
{
    font-size: 2rem;

    letter-spacing: 10px;
}



#recruit .uk-card-body {
    transition: all 0.3s;
}

#recruit .uk-card-body p
{
    font-size: 14px;
}

#recruit .uk-card-body:hover {
  background-color: #ec4c4c;
  color: white;
}

#recruit .uk-card-body .info
{
    font-size: 12px;
}


/* ラベル部分 右下に表示 */
#recruit .triangle::before
{
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;

    content: '';

    border-top: 3em solid transparent;
    border-right: 3em solid #ec4c4c; /* ラベルの色はここで変更 */
}
#recruit .triangle::after
{
    font-weight: bold;

    position: absolute;
    z-index: 101;
    right: 0;
    bottom: 5px;

    display: block;

    content: '';
    transform: rotate(135deg);

    color: #fff; /* 文字色はここで変更 */
}

#recruit .uk-card-title
{
    font-size: 18px;
    font-weight: normal;
    font-weight: bold;

    margin-bottom: 10px;
    padding-bottom: 15px;

    text-align: center;

    border-bottom: 1px solid #ccc;
}





#recruit .ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;

    padding: 15px 0 15px;

    color: #ec4c4c;
}
#recruit .ttl span
{
    font-size: 14px;

    color: #000;
}

#recruit p.text
{
    font-size: 16px;
    line-height: 2.2;

    margin-bottom: 40px;
}


#recruit .cap
{
    display: flex;

    width: 1000px;
    margin: 0 auto;
}


#recruit .cap .cap--01
{
    line-height: 2.4;

    width: 100%;
    margin: 50px 20px;

    text-align: justify;
    text-justify: inter-ideograph;
}

#recruit .c-ttl
{
    font-size: 2rem;

    padding: 30px 0 0;

    text-align: center;

    color: #ec4c4c;
}

#recruit .c-ttl2
{
    font-size: 2rem;

    padding: 30px 0 30px;

    text-align: center;

    color: #fff;
}

#recruit #recruit--recruit .text
{
    padding: 5px 0 50px;

    text-align: center;

    color: #fff;
}

/*
@media (max-width:991px)
{
	#recruit .cap {
		width: 90%;
		margin: 0 auto;
	}

	#recruit .cap .cap--01 {
		margin: 0;
	}
}
*/

/*-------------求める人財像----------------*/

#recruit #recruit--01
{
    width: 1300px;
    margin: 0 auto;
}
/*
@media (max-width:1199px)
{
  #recruit #recruit--01
{
    width: 100%;
    margin: 0 auto;
}  
}*/

#recruit #recruit--01 #bg-recruit-01
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    width: 501px;
    height: 100%;

    background-image: url('../img/recruit/img01.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 501px;
}



/*
@media (max-width:1199px)
{
    #recruit #recruit--01 #bg-recruit-01
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--01 #bg-recruit-01
    {
        position: relative;

        width: 100%;
        height: 500px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--01 #bg-recruit-01
    {
        height: 450px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--01 #bg-recruit-01
    {
        height: 300px;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--01 .container
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--01 .in
{
    margin: 0 auto;
    padding: 60px 0 0;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--01 .in
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--01 .index--01--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 631px;
    margin: 0 auto;
    padding: 50px 20px;

    text-align: left;

    color: #111;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--01 .index--01--wrapper
    {
   

        margin-bottom: 0px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--01 .index--01--wrapper
    {

        margin-bottom: 0px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--01 .index--01--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #recruit #recruit--01 .index--01--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }

}
    */
#recruit #recruit--01 .index--01--title
{
    line-height: 150%;

    margin-bottom: 20px;
}
@media (max-width:767px)
{
    #recruit #recruit--01 .index--01--title
    {
        margin-bottom: 15px;
    }
}
#recruit #recruit--01 .index--rent--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #recruit #recruit--01 .index--rent--body
    {
        margin-bottom: 20px;
    }
}
#recruit .index--rent--btn
{
    text-align: center;
}









#recruit #recruit--02
{
    width: 1300px;
    margin: 0 auto;
}
/*
@media (max-width:1199px)
{
 #recruit #recruit--02
{
    width: 100%;
    margin: 0 auto;
}  
}
*/
#recruit #recruit--02 #bg-recruit-02
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 501px;
    height: 100%;

    background-image: url('../img/recruit/img02.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 501px;
}

/*
@media (max-width:1199px)
{
    #recruit #recruit--02 #bg-recruit-02
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--02 #bg-recruit-02
    {
        position: relative;

        width: 100%;
        height: 500px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--02 #bg-recruit-02
    {
        height: 450px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--02 #bg-recruit-02
    {
        height: 300px;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--02 .container
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--02 .in
{
    margin: 0 auto;
    padding: 38px 0 0;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--02 .in
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--02 .index--02--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 690px;
    margin: 0 auto;
    padding: 50px 20px;

    text-align: left;

    color: #111;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--02 .index--02--wrapper
    {

        margin-bottom: 0px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--02 .index--02--wrapper
    {



        margin-bottom: 0px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--02 .index--02--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #recruit #recruit--02 .index--02--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
    */
#recruit #recruit--02 .index--02--title
{
    line-height: 150%;

    margin-bottom: 20px;
}
@media (max-width:767px)
{
    #recruit #recruit--02 .index--02--title
    {
        margin-bottom: 15px;
    }
}
#recruit #recruit--02 .index--02--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #recruit #recruit--02 .index--02--body
    {
        margin-bottom: 20px;
    }
}
#recruit #recruit--02 .index--02--btn
{
    text-align: center;
}


#recruit #recruit--03
{
    width: 1300px;
    margin: 0 auto;
}
/*
@media (max-width:1199px)
{
#recruit #recruit--03
{
    width: 100%;
    margin: 0 auto;
}  
}
*/
#recruit--02 .arrow
{
    font-size: 14px;
    font-weight: bold;

    display: block;

    padding-top: 30px;

    text-align: right;
}

.fa-chevron-circle-right
{
    padding-right: 10px;

    color: #ec4c4c;
}

#recruit #recruit--03 #bg-recruit-03
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    width: 500px;
    height: 100%;

    background-image: url('../img/recruit/img03.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 500px;
}



/*
@media (max-width:1199px)
{
    #recruit #recruit--03 #bg-recruit-03
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--03 #bg-recruit-03
    {
        position: relative;

        width: 100%;
        height: 500px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--03 #bg-recruit-03
    {
        height: 450px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--03 #bg-recruit-03
    {
        height: 300px;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--03 .container
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--03 .in
{
    margin: 0 auto;
    padding: 60px 0 0;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--03 .in
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--03 .index--03--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 631px;
    margin: 0 auto;
    padding: 50px 20px;

    text-align: left;

    color: #111;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--03 .index--03--wrapper
    {
        top: -60px;

        max-width: 500px;
        margin-bottom: -60px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--03 .index--03--wrapper
    {
        top: -40px;

        max-width: 400px;
        margin-bottom: -40px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--03 .index--03--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #recruit #recruit--03 .index--03--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
    */
#recruit #recruit--03 .index--03--title
{
    line-height: 150%;

    margin-bottom: 20px;
}
@media (max-width:767px)
{
    #recruit #recruit--03 .index--03--title
    {
        margin-bottom: 15px;
    }
}
#recruit #recruit--03 .index--rent--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #recruit #recruit--03 .index--rent--body
    {
        margin-bottom: 20px;
    }
}
#recruit .index--rent--btn
{
    text-align: center;
}






#recruit #recruit--recruit
{
    padding: 100px 0;

    background-image: url('../img/recruit/img04_bg.jpg');
    background-position: center center;
    background-size: cover;
}

#recruit #recruit--recruit .info
{
    font-size: 14px;

    text-align: center;

    color: #ec4c4c;
}

#recruit #recruit--recruit .uk-card-body:hover .uk-card-title,
#recruit #recruit--recruit .uk-card-body:hover .info {
    color: white;
}

#recruit #recruit--recruit .content-inner-b
{
    width: 1100px;
    margin: 0 auto;
}
#recruit #recruit--recruit a {
    text-decoration: none;
}
@media (max-width:1199px)
{

    #recruit #recruit--recruit .content-inner-b
{
    width: 100%;
    margin: 0 auto;
}
    #recruit #recruit--recruit #bg-recruit-recruit
    {
        right: 0;
    }
}
/*
@media (max-width:991px)
{
    #recruit #recruit--recruit #bg-recruit-recruit
    {
        position: relative;

        width: 100%;
        height: 400px;
    }

    #recruit #recruit--recruit
{
    padding: 100px 0;

    background-image: url('../img/recruit/img04_bg-sp.jpg');
    background-position: center center;
    background-size: cover;
}
}
*/
@media (max-width:767px)
{
    #recruit #recruit--recruit #bg-recruit-recruit
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--recruit #bg-recruit-recruit
    {
        height: 200px;
    }
}
@media (max-width:991px)
{
    #recruit #recruit--recruit .container
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--recruit .in
{
    margin: 0 auto 50px;
    padding: 60px 0;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--recruit .in
    {
        max-width: 100%;
    }
}
    */
#recruit #recruit--recruit .recruit--recruit--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 500px;
    margin: 0 auto;
    padding: 80px 60px;

    text-align: center;
}
/*
@media (max-width:991px)
{
    #recruit #recruit--recruit .recruit--recruit--wrapper
    {
        top: -60px;

        max-width: 500px;
        margin-bottom: -60px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #recruit #recruit--recruit .recruit--recruit--wrapper
    {
        top: -40px;

        max-width: 400px;
        margin-bottom: -40px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #recruit #recruit--recruit .recruit--recruit--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #recruit #recruit--recruit .recruit--recruit--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
    */
#recruit #recruit--recruit .recruit--recruit--title
{
    line-height: 150%;

    margin-bottom: 20px;
}
@media (max-width:767px)
{
    #recruit #recruit--recruit .recruit--recruit--title
    {
        margin-bottom: 15px;
    }
}
#recruit #recruit--recruit .recruit--recruit--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #recruit #recruit--recruit .recruit--recruit--body
    {
        margin-bottom: 20px;
    }
}
#recruit #recruit--recruit .recruit--recruit--btn
{
    text-align: center;
}

#recruit--recruit .content-inner-b
{
    padding-bottom: 0;
}

#recruit--01 .content-inner-b,
#recruit--02 .content-inner-b,
#recruit--03 .content-inner-b
{
    width: 1000px;
    margin: 0 auto;
}

/*
@media (max-width:991px)
{
#recruit--01 .content-inner-b, #recruit--02 .content-inner-b, #recruit--03 .content-inner-b {
	width: 100%;
}
#recruit #recruit--01 .in,
#recruit #recruit--02 .in,
#recruit #recruit--03 .in {
	padding: 0;
}
#recruit #recruit--01,
#recruit #recruit--02,
#recruit #recruit--03,
#recruit #recruit--04 {
	width: 90%;
	margin: 0 auto;
	max-width: 100%;
}

#recruit #recruit--01 .index--01--wrapper,
#recruit #recruit--02 .index--02--wrapper,
#recruit #recruit--03 .index--03--wrapper {
	max-width: 100%;
}

#recruit #recruit--01 #bg-recruit-01,
#recruit #recruit--02 #bg-recruit-02,
#recruit #recruit--03 #bg-recruit-03 {
	background-size: cover;
}

#recruit #recruit--01 .index--01--wrapper,
#recruit #recruit--02 .index--02--wrapper,
#recruit #recruit--03 .index--03--wrapper {
	top: 0;
	margin-bottom: 0;
}

#recruit #recruit--recruit .content-inner-b {
	width: 100%;
}

}
*/

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

事業内容

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

#service .btn1 {
position: absolute;
bottom: 20px;
text-indent: 0;
width: 200px;
padding: 10px 10px;
margin: 0 auto;
background-color: white;
border-radius: 20px;
text-align: center;
left: 0;
right: 0;

}

#service .btn1.house {

    transition: all 0.5s;
    background-color: #f9b2b0;
}
#service .btn1.house:hover {
    color: white;
    background-color: #ff453f;
}
#service .btn1.care {

    transition: all 0.5s;
    background-color: #fbe68a;
}
#service .btn1.care:hover {
  color: white;
    background-color: #ffb900;
}
#service #service--under #bg-service-under
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/service/main_bg.jpg');
    background-position: center center;
    background-size: cover;
}

/*
@media (max-width:1199px)
{
    #service #service--under #bg-service-under
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #service #service--under #bg-service-under
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
    #service .btn1 {
    position: relative;
text-indent: 0;
width:80%;
padding: 10px 0;
margin:0 auto; 
display: block;
left: 0 !important;
top: 0 !important;
border-radius: 20px;
margin-bottom: 50px;
}
}
*/
@media (max-width:767px)
{
    #service #service--under #bg-service-under
    {
        height: 30rem;
    }
}
/*
@media (max-width:575px)
{
    #service #service--under #bg-service-under
    {
        height: 300px;
    }
}
@media (max-width:991px)
{
    #service #service--under .container
    {
        max-width: 100%;
    }
}
    */
#service #service--under .in
{
    margin: 0 auto;
    padding: 0 0 32rem;
}
/*
@media (max-width:991px)
{
    #service #service--under .in
    {
        max-width: 100%;
    }
}
    */
#service #service--under .service--under--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 100%;
    margin: 0 auto 0 0;
    padding: 10.5rem 6.5rem 0.5rem;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #service #service--under .service--under--wrapper
    {

        margin-bottom: 0px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #service #service--under .service--under--wrapper
    {
        margin-bottom: 0px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #service #service--under .service--under--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #service #service--under .service--under--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
    */
#service #service--under .service--under--title
{
    font-size: 1.8rem;
    line-height: 150%;

    position: relative;
    top: 15px;

    margin-bottom: 20px;
}
#service #service--under .service--under--title span
{
    font-size: 60%;

    position: relative;
    left: 15px;

    color: #ec4c4c;
}
/*
@media (max-width:991px)
{
    #service #service--under .service--under--title
    {
        margin-bottom: 15px;
        text-align: center;
    }
}
    */
#service #service--under .service--under--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #service #service--under .service--under--body
    {
        margin-bottom: 20px;
    }
}
#service #service--under .service--under--btn
{
    text-align: center;
}

#service--under .content-inner-b
{
    padding-bottom: 0;
}

#service .main-ttl
{
    font-size: 2rem;

    padding: 35px 0 55px;

    text-align: center;
}





#service .masthead-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .5;

    background: /*url(bg_moviept.png) */#662e08;

}


#service .content
{
    margin: 0 auto;
}

#service .content .cap
{
    font-size: 130%;
    font-weight: bold;
    line-height: 2.4;

    padding: 50px 0;

    text-align: center;
}
#service .content .cap2
{
    font-size: 130%;
    font-weight: bold;
    line-height: 2.4;

    padding: 50px 20px;

    text-align: center;
}
/*
@media (max-width:991px)
{
#service .content .cap
{

    text-align: left;
}
#service .content .cap2
{

    text-align: left;
}
}
*/

.service-in img {
    width: 445px;display: block;
    text-align: center;
    margin: 0 auto;
}
.service-in table {
    width: 90%;
    margin: 0 auto;
}
.service-in table td {
    padding: 80px 20px 80px 20px;
    width: 50%;
    border: 10px solid #fff;
    position: relative;
}
.service-in table td.kaigo {
    background-color: #FFF4C7;
}
.service-in table td.house {
    background-color: #FCE6E6;
}
.service-in table td.syougai {
    background-color: #EBFFD7;
}
.service-in table td.other {
    background-color: #FFE8CC;
}
.service-in table td ul {
    position: relative;
    left: 20%;
}
.se-ttl {
width: 90%;
color: white;
display: block;
text-align: center;
padding: 10px 0;
position: absolute;
top: 20px;
font-size: 18px;
}

.kaigo .se-ttl {
    background-color: #FFB600;
}
.house .se-ttl {
    background-color: #FC504C;
}
.syougai .se-ttl {
    background-color: #8BD14E;
}
.other .se-ttl {
    background-color: #FF7708;
}

#service .main-copy
{
    line-height: 2.4;

    position: relative;
    z-index: 11111;
    top: 50%;

    text-align: center;

    color: white;
}


#service .main-copy .main
{
    font-size: 2rem;

    letter-spacing: 10px;
}

#service .service-in ul.syougai li:before {
    content: "●";
    color: #8BD14E;
}

#service .service-in ul.house li:before {
    content: "●";
    color: #FC504C;
}

#service .service-in ul.kaigo li:before {
    content: "●";
    color: #FFCE00;
}

#service .service-in ul.other li:before {
    content: "●";
    color: #FF7708;
}

/*
@media (max-width:991px)
{
#service .main-copy
{
    line-height: 2.4;

    position: relative;
    z-index: 11111;
    top: 32%;

    text-align: center;

    color: white;
}

#service #service--under .in {
	padding: 0;
}

#service .content .cap {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}

#service .service-in {
	width: 100%;
	height: auto;
	background-size:100%;
	background: none;
	position: relative;
    overflow: visible;
    margin: 20px auto 0;
    text-align: left;
    white-space:normal;
    text-indent: 0%;
}

#service .service-in img {
	width: 80%;
	margin: 0 auto;
}

#service .service-in .se-ttl {
	text-align: center;
	width: 80%;
	margin: 0 auto;
	display: block;
	font-size: 22px;
}


#service .service-in .se-ttl.kaigo {
	background-color: #FFCE00;
	color: #000;
	padding: 10px 0;
}

#service .service-in ul {
	padding: 0;
	width: 80%;
	margin: 15px auto 35px;
}
#service .service-in ul li {
	list-style: none;
	font-size: 16px;
	line-height: 1.8;
}



#recruit--01 .content-inner-b, #recruit--02 .content-inner-b, #recruit--03 .content-inner-b {
	width: 100%;
}
.service-in table {
    width: 95%;
}
.service-in table td {
    display: block;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 35px;
}

.service-in table td ul {
    left: 0;
}

#service .service-in .se-ttl {
    width: 88%;
    font-size: 16px;
}

}
*/

@media (max-width:767px)
{
    #service #service--under .service--under--title
    {
        margin-bottom: 15px;

        text-align: center;
    }
}


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


お知らせ


---------------------------*/
#information #information--under #bg-information-under
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/information/main_bg.jpg');
    background-position: center center;
    background-size: cover;
}
/*
@media (max-width:1199px)
{
    #information #information--under #bg-information-under
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #information #information--under #bg-information-under
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
    */
@media (max-width:767px)
{
    #information #information--under #bg-information-under
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #information #information--under #bg-information-under
    {
        height: 200px;
    }
}
@media (max-width:991px)
{
    #information #information--under .container
    {
        max-width: 100%;
    }
}
    */
#information #information--under .in
{
    margin: 0 auto;
    padding: 0 0 0;
}
/*
@media (max-width:991px)
{
    #information #information--under .in
    {
        max-width: 100%;
    }
}
    */
#information #information--under .information--under--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 100%;
    margin: 0 auto 0 0;
    padding: 105px 65px 5px;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #information #information--under .information--under--wrapper
    {



        margin-bottom: 0px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #information #information--under .information--under--wrapper
    {



        margin-bottom: 0px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #information #information--under .information--under--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #information #information--under .information--under--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
    */
#information #information--under .information--under--title
{
    font-size: 1.8rem;
    line-height: 150%;

    position: relative;
    top: 15px;

    margin-bottom: 20px;
}
#information #information--under .information--under--title span
{
    font-size: 60%;

    position: relative;
    left: 15px;

    color: #ec4c4c;
}
/*
@media (max-width:991px)
{
    #information #information--under .information--under--title
    {
        margin-bottom: 15px;
        margin-top: 40px;
        text-align: center;
    }
}
    */
#information #information--under .information--under--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #information #information--under .information--under--body
    {
        margin-bottom: 20px;
    }
}
#information #information--under .information--under--btn
{
    text-align: center;
}

#information--under .content-inner-b
{
    padding-bottom: 0;
}

#information .main-ttl
{
    font-size: 2rem;

    padding: 35px 0 55px;

    text-align: center;
}

.newsbox
{
    padding-top: 25px;
    padding-bottom: 50px;
    min-height: 300px;
    background-color: #f3f4f5;
}

.newscont
{
    position: relative;

    float: none;

    width: 860px;
    margin: 30px auto 0;
}
.newscont dl
{
    position: relative;

    display: table;

    width: 100%;
    padding: 15px 0 0;

    -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
         -o-transition: .3s ease-out;
            transition: .3s ease-out;
}
.newscont dt
{
    font-size: 15px;

    position: relative;
    z-index: 3;

    display: table-cell;

    width: 135px;

    text-align: center;

    color: #e74258;
}
.newscont dd
{
    position: relative;
    z-index: 3;

    display: table-cell;
}
.newscont dd a
{
    font-size: 15px;

    display: block;

    text-decoration: none;

    color: #000;
}
.newscont dl + dl
{
    border-top: 1px dashed #adadad;
}

.newsbox + .newsbox
{
    border-top: 1px solid #adadad;
}
.newslink
{
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 15px;
}
.newslink a
{
    font-size: 14px;

    position: relative;
    z-index: -1;

    padding: 0 20px 0 0;

    -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
         -o-transition: .3s ease-out;
            transition: .3s ease-out;

    color: #000;
}
.newslink a:hover
{
    text-decoration: none;

    opacity: .7;
}
.newslink a:before
{
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;

    width: 18px;
    height: 18px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url('../images/common/arrow01.png')no-repeat 0 0;
}

.newscont dd a
{
    position: relative;

    transition: all .5s;

    color: #111;
}
.newscont dd a:after
{
    position: relative;

    transition: all .5s;

    color: #ec4c4c;
}
.newscont dd a:hover
{
    font-weight: bold;

    padding: 0 0 0 5px; 

    text-decoration: none;

    color: #ec4c4c;
}

.newscont dd a:hover:after
{
    position: absolute;
    right: 0;

    content: '〉';
    text-align: right;
}

.entry .newscont dd a:hover
{
    font-weight: normal;

    padding: 0 0 0 0; 

    text-decoration: none;

    color: #111c;
}

ul.pager
{
    margin-top: 0px;
}

ul.pager
{
    text-align: center;
}
ul.pager li
{
    font-weight: bold;

    display: inline-block;

    margin-right: 5px;

    border: 1px #e74258 solid;
}
ul.pager li.prev,
ul.pager li.next
{
    border: none;
    padding: 0 10px;
}
ul.pager a li
{
    position: relative;

    transition: all .5s;
padding:5px 15px;
    color: #e74258;
}
ul.pager a:link li ,
ul.pager a:visited li
{
    text-decoration: none;
}
ul.pager a:hover li,
ul.pager a:active li,
ul.pager a.active li
{
    text-decoration: none;

    color: #fff;
    background-color: #e74258;
}
ul.pager li em
{
    display: block;

    padding: 3px 8px;

    color: #fff;
    background: #e74258;
}

.detail
{
    font-size: 14px;

    padding: 30px;

    border-top: 1px dotted #ccc;
}


.category ul
{
    text-align: center;
}

.category ul li
{
    font-size: 130%;

    display: inline-block;

    width: 250px;
    padding: 10px 50px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    border: 1px solid #e6e3e3;
}
.category ul a
{
    color: #000;
}
.category ul li:hover,
.category ul li.active
{
    background-color: #dfe3e6;
}
/*
@media (max-width:991px)
{
	.detail
{
    font-size: 14px;

    padding: 30px 5px 30px;

    border-top: 1px dotted #ccc;
}

    .topheader
    {
        position: initial;
    }
    .news
    {
        position: initial;
        top: 0;
    }
    .newstit
    {
        font-size: 23px;

        float: none;

        width: 100%;
        margin: 10px 0 0 0;
        padding: 0;

        text-align: left;
    }
    .newscont
    {
        float: none;

        width: 90%;
        margin: 10px auto 0;
        padding: 0 0 50px 0;
    }
    .newscont dl
    {
        width: 100%;
        padding: 17px 0;
    }
    .newscont dt
    {
        font-size: 15px;

        display: block;

        width: 100%;

        text-align: left;
    }
    .newscont dd
    {
        line-height: 1.8;

        display: block;
    }
    .newscont dd a
    {
        font-size: 14px;

        display: block;
    }
    .newscont dl:hover:before
    {
        position: inherit;

        background: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    .newslink
    {
        position: absolute;
        z-index: 1;
        right: 10px;
        bottom: 15px;
    }

    ul.pager
    {

        margin: 0 0 30px 0;
    padding: 0;
    }

    ul.pager
    {
        text-align: center;
    }
    ul.pager li
    {
        font-weight: bold;

        display: inline-block;

        margin-right: 5px;

        border: 1px #e74258 solid;
    }
    ul.pager li.prev,
    ul.pager li.next
    {
        border: none;
    }
    ul.pager li a
    {
        position: relative;

        display: block;

        padding: 13px 18px;

        color: #e74258;
    }
    ul.pager li a:link,
    ul.pager li a:visited
    {
        text-decoration: none;
    }
    ul.pager li a:hover,
    ul.pager li a:active
    {
        text-decoration: none;

        color: #fff;
        background-color: #e74258;
    }
    ul.pager li em
    {
        display: block;

        padding: 13px 18px;

        color: #fff;
        background: #e74258;
    }

    ul.pager li.prev a
    {
        padding: 13px 5px 13px 0;
    }

    ul.pager li.next a
    {
        padding: 13px 0 13px 5px;
    }
}
*/





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

お問い合わせ

------------------------------*/
#contact #contact--under #bg-contact-under
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-image: url('../img/contact/main_bg.jpg');
    background-position: center center;
    background-size: cover;
}
/*
@media (max-width:1199px)
{
    #contact #contact--under #bg-contact-under
    {
        right: 0;
    }
}
@media (max-width:991px)
{
    #contact #contact--under #bg-contact-under
    {
        position: relative;

        width: 100%;
        height: 400px;
    }
}
    */
@media (max-width:767px)
{
    #contact #contact--under #bg-contact-under
    {
        height: 350px;
    }
}
/*
@media (max-width:575px)
{
    #contact #contact--under #bg-contact-under
    {
        height: 200px;
    }
}
@media (max-width:991px)
{
    #contact #contact--under .container
    {
        max-width: 100%;
    }
}
    */
#contact #contact--under .in
{
    margin: 0 auto;
    padding: 0 0 0;
}
/*
@media (max-width:991px)
{
    #contact #contact--under .in
    {
        max-width: 100%;
    }
}
    */
#contact #contact--under .contact--under--wrapper
{
    position: relative;
    z-index: 2;

    max-width: 100%;
    margin: 0 auto 0 0;
    padding: 105px 65px 5px;

    background-color: #fff;
}
/*
@media (max-width:991px)
{
    #contact #contact--under .contact--under--wrapper
    {


        margin-bottom: 0px;
        padding: 40px;
    }
}
    */
@media (max-width:767px)
{
    #contact #contact--under .contact--under--wrapper
    {

        margin-bottom: -40px;
        padding: 30px;
    }
}
/*
@media (max-width:575px)
{
    #contact #contact--under .contact--under--wrapper
    {
        top: 0;

        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width:320px)
{
    #contact #contact--under .contact--under--wrapper
    {
        padding-right: 0;
        padding-left: 0;
    }
}
    */
#contact #contact--under .contact--under--title
{
    font-size: 1.8rem;
    line-height: 150%;

    position: relative;
    top: 15px;

    margin-bottom: 20px;
}
#contact #contact--under .contact--under--title span
{
    font-size: 60%;

    position: relative;
    left: 15px;

    color: #ec4c4c;
}
/*
@media (max-width:991px)
{
    #contact #contact--under .contact--under--title
    {
        margin-bottom: 15px;
                margin-top: 40px;
        text-align: center;
    }
}
    */
#contact #contact--under .contact--under--body
{
    font-size: .9rem;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    #contact #contact--under .contact--under--body
    {
        margin-bottom: 20px;
    }
}
#contact #contact--under .contact--under--btn
{
    text-align: center;
}

#contact--under .content-inner-b
{
    padding-bottom: 0;
}

#contact .main-ttl
{
    font-size: 2rem;

    padding: 35px 0 55px;

    text-align: center;
}

#contact #contact_step
{
    width: 860px;
    margin: 0 auto;
}
#contact #contact_step
{overflow: hidden;margin: 30px auto 0; 
    padding: 0;-webkit-border-radius: 3px; border-radius: 3px;
}
#contact #contact_step::after
{display: block; clear: both;

    content: '';
}
#contact #contact_step li{
	font-size: 100%;
	line-height: 1.4; 
    position: relative; 
	float: left;width: 33.3%; 
	padding: .5em 0 .5em 10px;
	list-style: none;
	text-align: center; 
	color: #fff;
}
#contact #contact_step div > span
{
    display: block;
}
#contact #contact_step p br
{
    display: none;
}
#contact #contact_step li:nth-child(2)
{
    border-radius: 3px 0 0 3px;
}
#contact #contact_step li:nth-child(3)
{
    border-radius: 0 3px 3px 0;
}

#contact #contact_step li.Step1:nth-child(1)
{
    background: #ec4c4c;
} #contact #contact_step li.Step2:nth-child(1)
{
    background: #b3b3b3;
} #contact #contact_step li.Step3:nth-child(1)
{
    background: #c7c7c7;
}
#contact #contact_step li.Step1:nth-child(2)
{
    background: #b3b3b3;
} #contact #contact_step li.Step2:nth-child(2)
{
    background: #ec4c4c;
} #contact #contact_step li.Step3:nth-child(2)
{
    background: #b3b3b3;
}
#contact #contact_step li.Step1:nth-child(3)
{
    background: #c7c7c7;
} #contact #contact_step li.Step2:nth-child(3)
{
    background: #b3b3b3;
} #contact #contact_step li.Step3:nth-child(3)
{
    background: #ec4c4c;
}
#contact #contact_step li::before,
#contact #contact_step li::after
{
    position: absolute; top: 50%; right: 0; width: 0; height: 0; border-width: 3em 0 3em 12px;border-style: solid;
}
#contact #contact_step li::before
{
    z-index: 10; margin: -3em -11px 0 0; border-color: transparent transparent transparent #fff;
}
#contact #contact_step li::after
{
    z-index: 11; margin: -3em -10px 0 0;
}
#contact #contact_step li:nth-child(1)::before,
#contact #contact_step li:nth-child(1)::after,
#contact #contact_step li:nth-child(2)::before,
#contact #contact_step li:nth-child(2)::after
{
    content: '';
}
#contact #contact_step li.Step1:nth-child(1)::after
{
    border-color: transparent transparent transparent #ec4c4c;
}
#contact #contact_step li.Step1:nth-child(2)::after
{
    border-color: transparent transparent transparent #b3b3b3;
}
 #contact #contact_step li.Step2:nth-child(1)::after
{
    border-color: transparent transparent transparent #b3b3b3;
}
 #contact #contact_step li.Step2:nth-child(2)::after
{
    border-color: transparent transparent transparent #ec4c4c;
}
 #contact #contact_step li.Step3:nth-child(1)::after
{
    border-color: transparent transparent transparent #c7c7c7;
}
 #contact #contact_step li.Step3:nth-child(2)::after
{
    border-color: transparent transparent transparent #b3b3b3;
}

 #contact .mw_wp_form_confirm span.must,
  #contact .mw_wp_form_confirm span.nini,
 #contact .mw_wp_form_confirm span.note,
 #contact .mw_wp_form_confirm .privacy{
display: none;
}




  #contact .mw_wp_form_confirm .td {
    padding-left: 25px;
 
 }

  #contact .mw_wp_form_confirm  .btn {
    left: 22%;
  }

.mw_wp_form_confirm input[type=submit].back {
background-color: #999;
border:0px;
}
/*
@media (max-width:991px)
{
    #contact .mw_wp_form_confirm .btn input {
    display: block !important;
    margin-bottom: 15px;
}
  #contact .mw_wp_form_confirm .btn {
    left: 0!important;
  }
    #contact #contact_step
    {
        display: -webkit-box;        
        display: -ms-flexbox;        
        display: -webkit-flex;        
        display:         flex; 
        -webkit-justify-content: flex-start;         
        justify-content: flex-start;
            width: 95%;
    }
    #contact #contact_step li
    {
        font-size: 14px;
    }
    #contact #contact_step p br
    {
        display: inline;
    }
    #contact #contact_step li:nth-child(3) p
    {
        padding: .5em 0 0 0;
    }


}
*/

#contact .tel span
{
    font-size: 150%;

    padding-left: 5px;

    letter-spacing: 3px;

    color: #ec4c4c;
}

#contact .tel a:hover {
    text-decoration: none;
}

#contact section.nav
{
    padding: 0 5px;
}
#entry
{
    margin-top: 50px;
}

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

PCレイアウト
width:769 以上

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


#contact .notice.red
{
    clear: both;

    color: red !important;
}



/*----------------CONTENTS-----------------*/



#contact span.must
{
    display: inline-block;

    margin: 0 10px;
    padding: 5px 5px 0;

    color: #ec4c4c;
}

#contact span.nini
{
    display: inline-block;

    margin: 0 10px;
    padding: 5px 5px 0;

    color: #ccc;
}

.table .td
{
    padding-bottom: 20px;
}

#contact .btn
{
    position: relative;
    left: 35%;

    display: inline-block;

    width: 240px;
    margin: 0 0 0 auto;

    text-align: center;
}

#contact .btn input
{
    line-height: 0;

    display: inline-block;

    width: 240px;
    height: 40px;
    margin: 0 auto;

    cursor: pointer;
    text-align: center;
}

span.note
{
    position: relative;
    left: 35%;
}


   span.note
{
    position: relative;
    left: 0%;
}
span.note .tr {
    text-align: center;
}
    span.note .td {
        display: inline-block;
    }


.btn.btn-width-280,
input.btn-width-280[type=submit]
{
    min-width: 280px;
    max-width: 100%;
}



.lower #gnav ul li a.anchor
{
    color: #fff;
}

input[type=radio]
{
    display: none;  /* ラジオボタンを非表示にする */
}
.label
{
    line-height: 45px;  /* 行の高さを指定する */

    display: block;     /* ブロックレベル要素化する */
    float: left;        /* 要素の左寄せ・回り込を指定する */

    width: 100px;       /* ボックスの横幅を指定する */
    height: 45px;       /* ボックスの高さを指定する */
    margin: 5px;        /* ボックス外側の余白を指定する */
    padding-right: 5px; /* ボックス内御右側の余白を指定する */
    padding-left: 5px;  /* ボックス内左側の余白を指定する */

    cursor: pointer;    /* マウスカーソルの形（リンクカーソル）を指定する */
    text-align: center; /* テキストのセンタリングを指定する */

    color: #b20000;     /* フォントの色を指定 */
    border: 2px solid #006dd9;/* ボックスの境界線を実線で指定する */
    border-radius: 5px; /* 角丸を指定する */
}

#sampleMuted
{
    position: absolute;
    right: 50px;
    bottom: 0;

    width: 100%;

    text-align: right;

    color: #fff;
}
#sampleMuted .fa-volume-up
{
    padding-right: 10px;
}

.main-visual-arrow
{
    position: absolute;
    z-index: 111111;
    right: 0;
    bottom: 10px;
    left: 0;

    width: 100%;
    margin: 0 auto;

    -webkit-animation: arrowMove 2s infinite;
            animation: arrowMove 2s infinite;
    text-align: center;
}
.main-visual-arrow a
{
    position: relative;
    z-index: 11111111111111;
}
.main-visual-arrow img
{
    width: 11px;
}



/*
@media (max-width:1200px)
{
    #header--logo h1 img
    {
        position: relative;
        top: -5px;
        left: -10px;

        width: 250px;
    }


    #inquiry a .cot
    {
        display: none;
    }


    #contact .btn {
    	width: 100%;
    	left: 0;
    }

}
*/

    /*------------スマホメニュー-----------*/
    #s_navi
    {
        position: fixed;
        z-index: 10002;
        top: 0;
        right: 0;
    }
    #s_navi
    {
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 90px;
        height: 85px;

        -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
                transition: all .4s cubic-bezier(.165,.84,.44,1);
        -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
                transition-timing-function: cubic-bezier(.165,.84,.44,1);
        -webkit-transition-property: background;
                transition-property: background;
        text-align: center;

        background-color: #ec4c4c;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #s_navi .cot
    {
        font-size: 70%;
        font-weight: bold;

        position: absolute;
        bottom: 10px;

        display: block;
        clear: both;

        color: white;
    }
/*
@media (max-width:1199px)
{
    #s_navi
    {
        width: 77px;
        height: 72px;
    }
}
@media (max-width:575px)
{
    #s_navi
    {
        width: 60px;
        height: 55px;
    }
}

@media (max-width:575px)
{
    #s_navi svg
    {
        width: 25px;
    }
}
*/

#s_navi:active,
#s_navi:focus,
#s_navi:hover
{
    text-decoration: none;

    background-color: #f77334;
}
#s_navi:active svg,
#s_navi:focus svg,
#s_navi:hover svg
{
    fill: #fff;
}
/*スマホメニュー*/
#navigation
{
    display: block;
}

#navigation
{
    position: fixed;
    z-index: -9999 !important;
    top: 0;
    left: 0;

    display: none;
    overflow: auto;

    width: 100%;
    height: 100%;

    opacity: 1;
    background: #EC4C4C;
}

#navigation.show
{
    z-index: 999899 !important;

    display: block;

    -webkit-transition: background 300ms ease;
            transition: background 300ms ease;

    opacity: 1;
}

#sp-menu
{
    z-index: 9999;

    overflow: auto;

    width: 100%;
    height: -webkit-calc(100% - 80px);

    -webkit-overflow-scrolling: touch;
}

#sp-menu ul
{
    padding-left: 0;
}

#navigation li
{
    z-index: 9999;

    padding: 0;
}

#navigation li a
{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0;
    text-align: left;
    margin: 0 30px;
    border-bottom: 2px solid #fff;
}

#navigation li.sp_menu_con a
{
    transition: all .5s;

    color: #fff;
    background: #ffce31;
}

#navigation li.sp_menu_con a:hover
{
    color: #68357fd9;
    background-color: #ec4c4c;
}

#navigation .sp_bnr a
{
    line-height: 0;

    display: block;

    width: 116px;
    margin: 0 auto;
    padding: 0;

    background: #fff;
}

#navigation li a img
{
    width: 116px;
}

#navigation li.first a
{
    z-index: 9999;

    border-top: 1px solid rgba(255, 255, 255, .2);
}
#navigation li a
{
    transition: all .5s;
}
#navigation li a:hover
{
    z-index: 9999;

    opacity: 1;
    color: #fff !important;
    background-color: #ec4c4c;
}



#navigation li a.kaizoku:hover
{
    color: #000;
}

#navigation .sp_bnr a
{
    margin-top: 20px;

    -webkit-transition: opacity .4s ease;
       -moz-transition: opacity .4s ease;
         -o-transition: opacity .4s ease;
            transition: opacity .4s ease;

    border: 0;
}

#navigation .sp_bnr a:hover
{
         opacity: .7;
    border: 0;
    background: none;

    filter: alpha(opacity=70);
    -moz-opacity: .7;
}

#navigation li.logo a:hover
{
    opacity: .7;
    background-color: transparent;
}

#menu
{
    position: absolute;
    z-index: 300;
    z-index: 9999;
    top: 20px;
    right: 20px;

    width: 36px;
    height: 36px;

    cursor: pointer;
    /* CSS3草案 */

    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
       -moz-border-radius: 3px;
            border-radius: 3px;
    /* Firefox用 */
}

#menu span,
#menu:before,
#menu:after
{
    position: absolute;
    z-index: 9999;
    top: 8px;
    right: 25%;

    display: block;

    width: 50%;
    height: 2px;

    content: '';
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;

    background-color: #fff;
    background-color: #fff;
}

#menu:before
{
    z-index: 9999;

    margin-top: 0;
}

#menu span
{
    z-index: 9999;

    margin-top: 8px;
}

#menu:after
{
    z-index: 9999;

    margin-top: 16px;
}


#m_list
{
    position: relative;
    z-index: 9997;

    box-sizing: border-box;
    width: 100%;
    height: 52px;
    padding-top: 0;
}

#m_list:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 2px;
    height: 25px;
    margin: auto;

    content: '';
}

#menu.show
{
    position: fixed;
    z-index: 999999;
}

#menu.show span
{
    z-index: 9999;

    opacity: 0;
}

#menu.show:before
{
    z-index: 9999;

    -webkit-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg);
            transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg);

    background-color: #000;
}

#menu.show:after
{
    z-index: 9999;

    -webkit-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, -45deg);
            transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, -45deg);

    background-color: #000;
}

#menu
{
    display: none;
}



#menu
{
    position: fixed;

    display: block;
}


header .hd h1
{
    padding: 10px 10px 0;
}

header .hd h1 img
{
    width: 100px;
}

.hd h1 span
{
    font-size: 1rem;

    position: relative;
    left: 10px;

    display: block;

    color: #000;
}

.fa-envelope,
.fa-angle-right
{
    color: #ec4c4c;
}

#inquiry .fa-envelope {
    color: #fff;
    font-size: 28px;
    position: relative;
    top: -10px;
}

.section--title
{
    line-height: 150%;

    margin-bottom: 30px;
}
@media (max-width:767px)
{
    .section--title
    {
        margin-bottom: 15px;
    }
}

span.section--title--en
{
    font-size: .9rem;
    font-weight: 700;

    display: block;

    letter-spacing: 2px;

    color: #ec4c4c;
}

.tx
{
    line-height: 1.8;
}




#pageTop
{
    position: fixed;
    z-index: 11111111;
    right: 20px;
    bottom: 20px;
}



#pageTop a
{
    font-weight: bold;

    z-index: 999;

    display: block;

    width: 55px;
    height: 55px;
    padding: 18px 0 0 0;

    text-align: center;
    text-decoration: none;

    color: #fff;
    background-color: #ec4c4c;
}







/*------------タブレット追加CSS-----------------*/


/*
@media (max-width:991px)
{
    #l1
    {
        font-size: 35px;
position: relative;
    left: 26px;
        display: block;
    }
    #hero--text--wrapper--normal
    {
        font-size: 35px;
    }

    #hero--text--wrapper--normal
    {
        left: 0;

        text-align: center;
    }

    #index #index--information
    {
        position: relative;
        z-index: 3;

        width: 100%;
        min-height: 100px;
        margin: auto;

        background-color: rgba(255,255,255,.8);;
    }

    #hero--text h2 #l1
    {
        font-size: 2rem;
        font-weight: 700;
        line-height: 130%;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: 10px 0;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #hero--text h2 #l2
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: 10px 0;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    body.home .under
    {
        clear: both;

        width: 100%;
        margin: 0 auto;
    }


    #index #index--about .index--about--wrapper
    {
        top: -60px;

        max-width: 80%;
    }

    #index #index--outline .index--outline--wrapper
    {
        top: -60px;

        float: none;
        clear: both;

        max-width: 80%;
        margin: 0 auto -60px;
        padding: 40px;
    }

    #index #index--rent .index--rent--wrapper
    {
        top: -60px;

        max-width: 80%;
        margin: 0 auto -60px;
        padding: 40px;
    }

    .btn.btn-width-280,
    input.btn-width-280[type=submit]
    {
        min-width: 100%;
        max-width: 100%;
    }


    #menu
    {
        position: absolute;
        z-index: 300;
        z-index: 11111111;
        top: 10px;
        right: 20px;

        width: 36px;
        height: 36px;

        cursor: pointer;


        -webkit-border-radius: 3px;

           -moz-border-radius: 3px;
                border-radius: 3px;

    }

    #s_navi .cot
    {
        font-size: 70%;
        font-weight: bold;

        position: absolute;
        bottom: 5px;

        display: block;
        clear: both;

        color: white;
    }


    .breadcrumb
    {
        /*position: relative;
        top: 0;
        right: 0;

        display: block;

        width: 100%;


        display: none;
    }
}
*/


/*------------スマホ追加CSS-----------------*/

/*
@media (max-width:1200px)
{

    #navigation
    {
        display: block;
    }

    #navigation
    {
        position: fixed;
        z-index: 11111111111;
        top: 0;
        right: 0;

        display: none;
        overflow: auto;

        width: 100%;
        height: 100%;

        opacity: 1;
        background: #fffd9;
    }

    #navigation.show
    {
        z-index: 999899 !important;

        display: block;

        -webkit-transition: background 300ms ease;
                transition: background 300ms ease;

        opacity: 1;
    }

    #sp-menu
    {
        z-index: 9999;

        overflow: auto;

        width: 100%;
        height: -webkit-calc(100% - 80px);

        -webkit-overflow-scrolling: touch;
    }

    #sp-menu ul
    {
        padding-left: 0;
    }

    #navigation li
    {
        z-index: 9999;

        padding: 0;
    }

    #navigation li a
    {
        font-size: 16px;
        font-weight: bold;
        line-height: 60px;
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 0;
        text-align: left;
        margin: 0 30px;
        border-bottom: 2px solid #fff;
    }

    #navigation li.sp_menu_con a
    {
        transition: all .5s;

        color: #fff;
        background: #ffce31;
    }

    #navigation li.sp_menu_con a:hover
    {
        color: #68357fd9;
        background-color: #000;
    }

    #navigation .sp_bnr a
    {
        line-height: 0;

        display: block;

        width: 116px;
        margin: 0 auto;
        padding: 0;

        background: #fff;
    }

    #navigation li a img
    {
        width: 116px;
    }

    #navigation li.first a
    {
        z-index: 9999;

        border-top: 1px solid rgba(255, 255, 255, .2);
    }
    #navigation li a
    {
        transition: all .5s;
    }
    #navigation li a:hover
    {
        z-index: 9999;

        opacity: 1;
        color: #fff !important;
        background-color: #ec4c4c;
    }



    #navigation .sp_bnr a
    {
        margin-top: 20px;

        -webkit-transition: opacity .4s ease;
           -moz-transition: opacity .4s ease;
             -o-transition: opacity .4s ease;
                transition: opacity .4s ease;

        border: 0;
    }

    #navigation .sp_bnr a:hover
    {
             opacity: .7;
        border: 0;
        background: none;

        filter: alpha(opacity=70);
        -moz-opacity: .7;
    }

    #navigation li.logo a:hover
    {
        opacity: .7;
        background-color: transparent;
    }



    #menu span,
    #menu:before,
    #menu:after
    {
        position: absolute;
        z-index: 9999;
        top: 8px;
        right: 25%;

        display: block;

        width: 50%;
        height: 2px;

        content: '';
        -webkit-transition: all .2s ease;
           -moz-transition: all .2s ease;
             -o-transition: all .2s ease;
                transition: all .2s ease;
        -webkit-transform-origin: center center;
                transform-origin: center center;

        background-color: #fff;
        background-color: #fff;
    }

    #menu:before
    {
        z-index: 9999;

        margin-top: 0;
    }

    #menu span
    {
        z-index: 9999;

        margin-top: 8px;
    }

    #menu:after
    {
        z-index: 9999;

        margin-top: 16px;
    }



    #m_list
    {
        position: relative;
        z-index: 9997;

        box-sizing: border-box;
        width: 100%;
        height: 52px;
        padding-top: 0;
    }

    #m_list:after
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        width: 2px;
        height: 25px;
        margin: auto;

        content: '';
    }

    #menu.show
    {
        position: fixed;
        z-index: 111111111;
        top: 10px;
        right: 20px;
    }

    #menu.show span
    {
        z-index: 111111111;

        opacity: 0;
    }

    #menu.show:before
    {
        z-index: 9999;

        -webkit-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg);
                transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg);

        background-color: #000;
    }

    #menu.show:after
    {
        z-index: 9999;

        -webkit-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, -45deg);
                transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, -45deg);

        background-color: #000;
    }

    #menu
    {
        display: none;
    }



    #menu
    {
        position: fixed;
        z-index: 111111111;

        display: block;
    }


    header .hd h1
    {
        padding: 10px 10px 0;
    }

    header .hd h1 img
    {
        width: 100px;
    }

    .hd h1 span
    {
        font-size: 1rem;

        position: relative;
        left: 10px;

        display: block;

        color: #000;
    }



    #index #index--information
    {
        position: relative;

        width: 100%;
        min-height: 100px;
        margin: auto;

        background-color: rgba(255,255,255,.8);;
    }

    body.home .under
    {
        width: 100%;
    }

    #index #index--about img
    {
        top: -30px;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #index #index--about .index--about--wrapper
    {


        max-width: 80%;
    }

    #index #index--outline .index--outline--wrapper
    {
        top: -60px;

        float: none;
        clear: both;

        max-width: 80%;
        margin: 0 auto -60px;
        padding: 40px;
    }

    #index #index--rent .index--rent--wrapper
    {
        /*top: -60px;

        max-width: 80%;
        margin: 0 auto -60px;
        padding: 40px;

    float: none;
    clear: both;
    max-width: 80%;
    margin: 0 auto -60px;
    padding: 40px;
    }

    #index #index--recruit .index--recruit--wrapper
    {
        top: -60px;

        float: none;
        clear: both;

        max-width: 80%;
        margin: 0 auto -60px;
        padding: 40px;
    }

    #index #index--recruit #bg-index-recruit
    {
        background-image: url(../img/recruit-sp.jpg);
    }

    .btn.btn-width-280,
    input.btn-width-280[type=submit]
    {
        min-width: 100%;
        max-width: 100%;
    }

    #menu
    {
        position: absolute;
        z-index: 300;
        z-index: 11111111;
        top: 10px;
        right: 20px;

        width: 36px;
        height: 36px;

        cursor: pointer;


        -webkit-border-radius: 3px;

           -moz-border-radius: 3px;
                border-radius: 3px;

    }

#index--rent .content-inner-lg-y {
    padding-top: 0px;
}

}
*/

/*
@media (max-width: 575px)
{
    #menu
    {
        position: absolute;
        z-index: 300;
        z-index: 11111111;
        top: 2px;
        right: 12px;

        width: 36px;
        height: 36px;

        cursor: pointer;


        -webkit-border-radius: 3px;

           -moz-border-radius: 3px;
                border-radius: 3px;

    }

    #menu.show {
        top: 4px;
        right: 12px;
    }

    #aside--posts .posts--wrapper
    {
        position: relative;

        max-width: 60%;
        margin: 0 auto;
        padding-top: 20px;
        padding-right: 30px;
        padding-left: 30px;

        background-color: rgba(255,255,255,.7);
    }

    .btn-outline
    {
        width: 100%;
    }
	
	#aside--posts .posts--wrapper,
	.contents .posts--wrapper {
    position: relative;
    max-width: 65%;
    margin: 0 auto;
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: rgba(255,255,255,.7);
}	
	
	
	
}

*/

/*
@media (max-width:1161px)
{


}


@media (max-width:1468px)
{
   span.br1{
display: block;
clear: both;
    }
    br.none1 {
        display: none;
    }
}

@media (max-width:1269px)
{
   span.br2{
display: block;
clear: both;
    }
    br.none2 {
        display:block;
    }
}

#service .content .tableBox .title {
display: flex;
align-items: center;
}
#service .content .tableBox .title:before,
#service .content .tableBox .title:after {
border-top: 2px solid;
content: "";
flex-grow: 1;
color: #E74258;
background-color: #E74258;
}
#service .content .tableBox .title:before {
margin-right: 1rem;
}
#service .content .tableBox .title:after {
margin-left: 1rem;
}

@media (max-width:320px)
{
#l1 {
    font-size: 26px;
    display: block;
}

#l2 {
    font-size: 26px;
    display: block;
}
}
*/

/*202107 cnd edit*/

#group #index--under .compasBg {
    background-image: url(../img/group/main_bg02.jpg) !important;
}

#group #index--under .messageBg {
    background-image: url(../img/group/main_bg03.jpg) !important;
}

#service #service--under .serviceBg {
    background-image: url(../img/service/main_bg02.jpg) !important;
}


/*202204 cnd edit*/

.inquiryTel {
    right: 80px !important;
}

.inquiryTel a {
    background-color: #f07776 !important;
}

.inquiryTel a i {
    background: url(../img/top/ico_tel_wh.png) no-repeat left 0 top 0;
    display: inline-block;
    background-size: auto;
    width: 27px;
    height: 44px;
}

.spMenuTel a {
    border: unset !important;
    text-align: center !important;
    display: block;
    line-height: 1 !important;
    font-size: 30px !important;
}

.spMenuTel a span {
    background: url(../img/top/ico_tel_wh.png) no-repeat left 0 center;
    background-size: 34px;
    height: auto;
    padding-left: 42px;
}

#contact section.nav .tel a {
    font-size: 24px;
    font-weight: bold;
    color: #ec4c4c;
    padding-left: 5px;
}


/* ------------------------------
	
	お問い合わせ

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

.ContactCont {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: center;
	overflow: hidden;
}

.ContactTtl {
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 19px;
}

.ContactSubTtl {
	margin-top: 12px;
	color: #FC4242;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}

.ContactLead {
	margin-bottom: 18px;
	font-size: 16px;
}

.ContactBox {
	float: left;
	width: 49.5%;
	height: 82px;
}
.ContactBox p.tel {
	margin: 0;
	padding: 0 0 0 40px;
	color: #FC4242;
	font-size: 34px;
	font-weight: bold;
	line-height: 82px;
}

.ContactBox p.tel::before {
	margin-right: 10px;
	content: url(../img/evest/ico_tel.png);
}

.ContactBox p.tel a {
	color: #FC4242;
}

.ContactBox a.btn {
	position: relative;
	display: block;
	width: 364px;
	height: 66px;
	margin: 8px 0 8px 44px;
	padding: 0;
	border: 1px solid #FC4242;
	color: #FC4242;
	font-size: 18px;
	font-weight: bold;
	line-height: 66px;
	text-decoration: none;
}

.ContactBox a.btn {
	background-image: url(../img/evest/ico_mail_off.png);
	background-repeat: no-repeat;
	background-position: 19% center;
	padding-left: 30px;
	-webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1);
	transition: all .4s cubic-bezier(.165, .84, .44, 1);
}

.ContactBox a.btn:hover {
	background-image: url(../img/common/ico_mail_on.png);
	color: #fff;
	border: 1px solid #E74258;
	background-color: #E74258;
}

.ContactLine {
	border-right: 1px solid #000;
}
/*
@media screen and (max-width: 991px) {
	
	.ContactCont {
		width: 92%;
		margin: 0 auto;
	}
	
	.ContactLead {
		font-size: 14px;
	}
	
	.ContactBox {
		width: 100%;
	}
	
	.ContactBox p.tel {
		padding: 0;
		border: none;
	}
	
	.ContactBox a.btn {
		width: auto;
		max-width: 364px;
		margin: 0 auto;
	}
	
}
*/








#service #service--under .in {
    margin: 0 auto;
    padding: 0 0 45rem;
}
#group #index--under .in {
    margin: 0 auto;
    padding: 0 0 45rem;
}

@media screen and (max-width: 768px) {
    .c-nav ul li {
        width: 30%;
        margin-bottom: 1rem;
        margin: 0;
    }
    .message-inner {
        line-height: 2.5;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 2rem;
        background: none;
    }
    .message-inner .title {
        width: 100%;
        padding-top: 0;
    }
    .message {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 3rem;
    }
    #group--01 .content-inner-b, #group--02 .content-inner-b, #group--03 .content-inner-b {
        width:90%;
        width: 100%;
        padding:0 2rem;
    }
    .content-inner-b {
        padding-bottom: 3rem;
        margin: 0 auto;
    }
    #group .in-text ol {
        width: 100%;
        position: relative;
        left: -1.5rem;
    }
    #group .in-text ol li span {
        color: #ec4c4c;
        width: 3.5rem;
        height: 8rem;
        display: inline-block;
        float: left;
    }
    #group--04 .in-text {
        width: 80%;
        margin: 0 auto;
        width: 100%;
        padding:0 2rem;
    }
    .main-copy .sub {
        width: 80%;
        margin: 0 auto;
        text-align: left;
    }
    #group #index--under .in {
        margin: 0 auto;
        padding: 0 0 30rem;
    }
    #service #service--under .in {
        margin: 0 auto;
        padding: 0 0 30rem;
    }
    #history #index--under .in{
        padding: 0 0 30rem;
    }
}
@media screen and (max-width: 575px) {
	.ContactCont {
		padding: 80px 0 20px;
	}
}

@media screen and (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
	}
}