@charset "utf-8";
/* CSS Document */

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

/*  reset

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

/* Flexible Images
画像もウインドウサイズに合わせて可変 */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;　/*IE8のみ適用*/
}

/* iPhone submitボタン初期化*/
submi	{ -webkit-appearance		: none;}
body	{ -webkit-text-size-adjust	: 100%;}

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

/*  Basic Style

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

html{ font-size: 62.5%; /* sets the base font to 10px for easier math */}
p	{ word-break: break-all;}

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: Meiryo,"Hiragino Kaku Gothic ProN",Sans-Serif;
	font-size	: 1.4rem;  /* =14px */
	line-height	: 1.5;
	text-align	: left;
	color		: #333;
    width: 100%;
}

body * {
    box-sizing: border-box;
}

.clear::after{
	content: "";
	display: block;
	clear:both;
}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	background-color: rgba(0,0,0,0.2);
}

a:link	{
	text-decoration	: none;
    color: #333;
}

a:visited	{
	text-decoration	: none;
    color: #333;
}
a.link{
	text-decoration: underline;
}

/* Another_css
--------------------------------------------------------------------------- */

.pcStyle{
    display:block;
}

.spStyle {
    display: none !important;
}

.tabStyle{
    display: none;
}

.spStyle_414 {
    display: none !important;
}



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

    .tabStyle{
        display: block;
}

}

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

.pcStyle{
    display: none;
}

.spStyle {
    display: block !important;
}

}

@media screen and (max-width: 414px) {
  .spStyle_414 {
      display: block !important;
  }
}

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

/* Hedaer

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

#header {
    position: fixed;
    background: rgba(255, 255, 255, 0.95);
    top: 0;
    z-index: 9999;
    width: 100% !important;
}

.header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 950px;
    margin: 0 auto;
}

.header_inner h1 {
    margin-top: 15px;
}

p.btn_entry {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    width: 23%;
}

p.btn_entry a {
    display: block;
    width: 100%;
    background: #eb5f00;
    font-family: 'Noto Serif Japanese', serif;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 4px 3% 6px;
}


p.btn_entry a:hover {
    opacity: 0.6;
}

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

    #header {
        padding: 0;
    }

    .header_inner {
        padding-left: 2%;
}

    #header h1 {
        width: 60%;
    }

    #header h1 img {
        width: 100%;
    }

    .header_inner_right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 35%;
		overflow: hidden;
    }

    .header_inner h1 {
        margin-top: 0;
        margin-right: 2%;
    }

    .header_inner h1 img {
        opacity: 1;
    }

    p.btn_entry {
        position: static;
        width: 59%;
    }

    p.btn_entry a {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 9px 10% 9px;
        }

    .menu_sp {
        width: 30%;
        margin: 5px 5% 5px 0;
    }

    p.btn_entry a:hover {
        opacity: 1;
    }
}

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


    .header_inner_right {
        width: 37%;
    }

    p.btn_entry a {
        padding: 9px 5% 9px;
        }

        .menu_sp {
            width: 33%;
        }
}

nav {
    max-width: 950px;
    height: 33px;
    margin: 5px auto;
}

nav #g_nav {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}

nav #g_nav li {
    display: table;
    width: 16.666666%;
    height: 100%;
}

nav #g_nav li a {
    display: table-cell;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
}

#guideline_body #g_nav .cnt05,
#education_body #g_nav .cnt06,
#company_body #g_nav .cnt01 {
    border-bottom: 1px solid #02714b;
}

#guideline_body #g_nav .cnt05 a,
#education_body #g_nav .cnt06 a,
#company_body #g_nav .cnt01 a {
    color: #284519;
}

nav #g_nav li:hover {
    border-bottom: 1px solid #02714b;
}

nav #g_nav li:hover a {
    color: #365128;
}


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

    nav {
        position: absolute;
        top: 100%;
        display: none;
        width: 100%;
        height: auto;
        margin: 0;
        border-top: 1px solid #eb5f00;
    }

    nav #g_nav {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    nav #g_nav li {
        display: table;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #60ac39;
    }

    nav #g_nav li a {
        position: relative;
        padding: 20px 5%;
        background: rgba(2, 113, 75, 0.9);
        color: #fff;
        font-weight: bold;
        text-align: left;
        letter-spacing: 1px;
    }

    nav #g_nav li a:after {
        content: "\f054";
        font-family: "Fontawesome";
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: normal;
        position: absolute;
        right: 5%;
        top: 50%;
        transform: translateY(-50%);
    }

    #guideline_body #g_nav .cnt05,
    #education_body #g_nav .cnt06,
    #company_body #g_nav .cnt01 {
        border-bottom: 1px solid #60ac39;
    }

    #guideline_body #g_nav .cnt05 a,
    #education_body #g_nav .cnt06 a,
    #company_body #g_nav .cnt01 a {
        background: rgba(255, 255, 255, 0.9);
        color: #284519;
    }

    nav #g_nav li:hover {
        border-bottom: 1px solid #60ac39;
    }

    nav #g_nav li:hover a {
        color: #fff;
    }

    #btn_close a {
        display: inline-block !important;
    }
}

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

/* ttl & breadcrumb

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

#ttlArea.company {
    width: 100%;
    background: url(/common/img/bg/ttl_under_company.jpg) no-repeat 50% 50%;
    background-size: cover;
}

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

    #ttlArea.company {
        background: url(/common/img/bg/ttl_under_company_sp.jpg) no-repeat 37% 50%;
    }

}

#ttlArea.guideline {
    width: 100%;
    background: url(/recruit/guideline/img/ttl_under_guideline.jpg) no-repeat 50% 50%;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    #ttlArea.guideline {
        width: 100%;
        background: url(/recruit/guideline/img/ttl_under_guideline_sp.jpg) no-repeat 50% 50%;
        background-size: cover;
    }

}

#ttlArea.education {
    width: 100%;
    background: url(/common/img/bg/ttl_under_company.jpg) no-repeat 50% 50%;
    background-size: cover;
}

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

    #ttlArea.education {
        background: url(/common/img/bg/ttl_under_company_sp.jpg) no-repeat 37% 50%;
    }

}

#ttlArea.guideline {
    width: 100%;
    background: url(/recruit/guideline/img/ttl_under_guideline.jpg) no-repeat 50% 50%;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    #ttlArea.guideline {
        width: 100%;
        background: url(/recruit/guideline/img/ttl_under_guideline_sp.jpg) no-repeat 50% 50%;
        background-size: cover;
    }
}

    #ttlArea.message,
	#ttlArea.education,
	#ttlArea.guideline {
        width: 100%;
        background: url(/common/img/bg/ttl_under_message.jpg) no-repeat 50% 50%;
        background-size: cover;
    }

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

    #ttlArea.message,
	#ttlArea.education,
	#ttlArea.guideline {
        background: url(/common/img/bg/ttl_under_message_sp.jpg) no-repeat 50% 50%;
        width: 100%;
    }

}

#ttlArea_inner {
    max-width: 950px;
    margin: 0 auto;
}

#ttlArea_inner h2 {
    font-family: 'Noto Serif Japanese', serif;
    text-align: center;
    color: #284519;
    font-size: 60px;
    font-size: 6.0rem;
    font-weight: bold;
    padding: 125px 0 35px;
}

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

    #ttlArea_inner h2 {
        font-size: 4.0rem;
        padding: 130px 0 80px;
    }

}

/* -- breadcrumb -- */
#breadcrumbArea {
    width: 100%;
}

#breadcrumbArea ol {
    display: flex;
    margin-top: 20px;
}

#breadcrumbArea ol li {
    vertical-align: middle;
}

#breadcrumbArea ol li::after {
    content: "\f105";
    font-family: "FontAwesome";
    color: #999;
    vertical-align: middle;
    margin: 0 10px 0 5px;
}

#breadcrumbArea ol li:last-child::after {
    content: none;
}

#breadcrumbArea ol li a:hover {
    text-decoration: underline;
}

#breadcrumbArea ol li a img{
    margin-top: 3px;
}


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

    #breadcrumbArea {
        padding: 0 2.6%;
    }

}

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

/* Contents

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

#contentsBlock {
    width: 100%;
    border-bottom: 1px solid #999;
    margin-top: 40px;
    padding-bottom: 30px;
}

.contents_inner {
    max-width: 950px;
    margin: 0 auto;
}

.contents_inner dl {
    display: flex;
    border-bottom: 1px solid #ccc;
    line-height: 1.7;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 0;
}

.contents_inner dl dt {
    width: 20%;
}

.contents_inner dl dd {
    width: 100%;
}

.contents_inner dl dd ul li.about_address span a {
    display: inline-block;
    background: #284519;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 2%;
    padding: 4px 5px;
}

.contents_inner dl dd ul li.about_address span a:hover {
    opacity: 0.7;
}

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

    #contentsBlock {
        margin: 30px 0 0;
    }

    .contents_inner dl {
        flex-direction: column;
        border-bottom: none;
        padding: 0;
        margin-bottom: 15px;
    }

    .contents_inner dl dt {
        width: 100%;
        padding: 5px 2.6%;
    }

    .contents_inner dl dd {
        border-top: 2px solid #999;
        padding: 5px 2.6%;
    }

    .contents_inner dl dd ul li.about_address{
        line-height: 2.3;
        margin-bottom: 7px;
    }

    .contents_inner dl dd ul li.about_address span a {
        pointer-events: auto;
    }

}

.contents_inner h3 {
    font-family: 'Noto Serif Japanese', serif;
    text-align: center;
    color: #284519;
    font-size: 40px;
    font-size: 4.0rem;
}


/*横バー*/
.contents_inner.guideline h4 {
    background: #284519;
    font-family: 'Noto Serif Japanese', serif;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-size: 2.5rem;
    margin-bottom: 40px;
    padding: 10px 0;
}


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

/* Footer

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

#pageTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
}

#pageTop a {
    display: block;
    background: rgba(40,69,25,0.6);
    color: #fff;
    padding: 20px;
}

#pageTop a:hover {
    opacity: 0.7;
}

#pageTop a img {
    vertical-align: middle;
}


footer {
    background: #fff;
    padding: 20px 0 30px;
}

#footer_inner {
    max-width: 950px;
    margin: 0 auto;
}

#footer_inner ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#footer_inner ul li {
    margin-right: 2%;
}

#copyright {
    text-align: center;
    color: #999;
    margin-top: 30px;
}

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

    footer {
        padding: 20px 2.6%;
    }

    #footer_inner ul {
        flex-direction: column;
    }

    #footer_inner ul li {
        margin-bottom: 5px;
    }

    #footer_inner ul li:first-child {
        margin-bottom: 20px;
    }

    #copyright {
        font-size: 10px;
        margin-top: 15px;
    }

    html.android #copyright span {
        font-family: "Droid Sans", Verdana, roboto, "モトヤLシーダ3等幅", "MotoyaLMaru", "モトヤLマルベリ3等幅", "MotoyaLCeda", sans-serif;
        color: #999;
    }



}