@charset "utf-8";


/*
 Share Style [
----------------------------------------------------------- */
html,body{
    width: 100%;
}

body {
	background:url(../img/share/bg.gif) repeat-y top center ;
    font-family: "AxisStd-Regular","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
    font-size:100%;
	line-height:1.5;
    color: #454545;

}

html {
    overflow-y:scroll;
}

.container,#top,.sub{
    width: 980px;
    margin: 0 auto;
}

.sub h2{
    background: url(../img/share/bg_subh2.gif) 0 0 no-repeat;
    width: 980px;
    height: 86px;
    margin-top: 30px;
    line-height: 86px;
    font-size: 36px;
    font-weight: normal;
    color: #6a3906;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "MS 明朝", serif;
}

@font-face {
   font-family: HiraMinProN-W3;
   src: url('../font/HiraMinProN-W3.otf') format("opentype");
}
@font-face {
   font-family: HiraMinProN-W6;
   src: url('../font/HiraMinProN-W6.otf') format("opentype");
}
@font-face {
   font-family: AxisStd-Regular;
   src: url('../font/AxisStd-Regular.otf') format("opentype");
}
@font-face {
   font-family: AxisStd-Medium;
   src: url('../font/AxisStd-Medium.otf') format("opentype");
}
@font-face {
   font-family: AxisStd-Light;
   src: url('../font/AxisStd-Light.otf') format("opentype");
}


/*
 header [
----------------------------------------------------------- */
.header{
    background: url(../img/header/bg_header.gif) 0 0 no-repeat;
    width: 100%;
    padding-top: 22px;
    padding-bottom: 20px;
}

.header .right{
    float: right;
}
.header .right ul{
    float: right;
    margin-bottom: 26px;
}
.header .right ul li{
    float: left;
    width: 150px;
    height: 32px;
    line-height: 0;
    margin-left: 14px;
}
.header .right h2{
    margin-right: 26px;
}

.g_navi{
    background: url(../img/header/bg_nav.gif) 0 0 no-repeat;
    width: 100%;
    height: 42px;
    padding: 2px 0;
}
.g_navi ul{
    width: 980px;
    height: 42px;
    margin: 0 auto;
}
.g_navi ul li{
    float: left;
    line-height: 0;
}

/*
 top [
----------------------------------------------------------- */
#top{
    padding-top: 30px;
}
#top h2{
    line-height: 0;
    margin-bottom: 10px;
}

.top_message{
    padding-bottom: 20px;
}

.top_message .left{
    float: left;
    background-image: url(../img/top/line_top.gif),url(../img/top/line_bottom.gif);
    background-repeat: no-repeat;
    background-position: 0 0 , bottom 0 left 0;
    width: 340px;
    height: 295px;
    margin-right: 40px;
    padding-top: 95px;
}
.top_message .right{
    float: left;
    background-image: url(../img/top/pencil_line.gif),url(../img/top/pencil_line_bottom.gif);
    background-repeat: no-repeat;
    background-position: 0 0 , bottom 0 left 0;
    width: 600px;
    height: 295px;
    padding-top: 95px;
}
.top_message h3{
    height: 51px;
    padding-top: 14px;
    font-size: 18px;
    line-height: 1;
    color: #6a3906;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "MS 明朝", serif;
}
.top_message h3.h3_news{
    background: url(../img/top/icon_news.gif) top 0 left 2px no-repeat;
    padding-left: 52px;
}
.top_message h3.h3_access{
    background: url(../img/top/icon_access.gif) top 0 left 2px no-repeat;
    padding-left: 61px;
}

.news_area dl{
    background: url(../img/top/inner_line.gif) bottom 0 left 0 no-repeat;
    padding-bottom: 14px;
    padding-left: 20px;
    margin-bottom: 13px;
}
.news_area dt{
    margin-bottom: 13px;
    font-size: 11px;
    color: #6a3906;
    line-height: 1;
    font-family: "AxisStd-Medium","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
}
.news_area dd{
    font-size: 11px;
    color: #454545;
    line-height: 1;
    font-family: "AxisStd-Light","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
}
.news_btn{
    float: right;
}

.top_message .right .inner_left{
    float: left;
    padding-left:20px;
}
.top_message .right .inner_left img,
.access_box img{
    line-height: 0;
}
.top_message .right .inner_left p,
.access_box p{
    font-family: "AxisStd-Light","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
    line-height: 2;
}
.top_message .right .inner_left p.address,
.access_box p.address{
    line-height: 2.2;
}


.top_message .right .inner_right{
    float: right;
    width: 210px;
    height: 210px;
    padding-right: 25px;
    padding-top: 1px;
}

.inner_right .map_area{
    background: #f1e5d5;
    width: 200px;
    height: 200px;
    padding: 5px;
}
.inner_right .map_area iframe{
    width: 200px;
    height: 200px;
}


.top_banner {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-block: 48px;
}

.top_banner img {
    display: block;
    margin-inline: auto;
}

.top_banner p {
    color: #28a7e1;
    font-size: 16px;
    font-weight: bold;
    line-height: calc(20 / 12);
    text-align: center;
}

/*
 about [
----------------------------------------------------------- */
#about h2{
    margin-bottom: 35px;
}

.about_inner{
    padding: 0 25px;
    background: url(../img/share/sub_innerline.gif) bottom 0 left 25px no-repeat;
    margin-bottom: 35px;
}
.about_inner_last{
    padding: 0 25px;
}

.about_inner h3{
    width: 733px;
    line-height: 0;
}

.about_message,.about_message2{
    padding-bottom: 30px;
}
.about_overview{
    float: left;
    width: 465px;
}
.about_employee{
    float: left;
    width: 465px;
}

.about_message .left{
    float: left;
    width: 635px;
    margin-right: 25px;
}
/* .about_message2 .left{
    float: left;
    width: 258px;
    margin-right: 25px;
    padding-top: 7px;
} */
.message_text,
.about_message p,
.about_message2 p,
.recruit_message p,
.visit_left p,
.about_message dt,
.about_message dd{
    font-size: 14px;
    line-height: 2;
    font-family: "AxisStd-Light","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
    letter-spacing: 0.5px;
}

.about_message dt,
.about_message dd{
    float: left;
}

.about_message dt{
    width: 100px;
    font-family: "AxisStd-Medium","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
}
.about_message .left p.narrow{
    line-height: 1.7;
    margin-bottom: 10px;
}


/* .about_message2 .left img{
    line-height: 0;
} */
.about_message .right{
    float: left;
    padding-top: 7px;
}
/* .about_message2 .right{
    float: left;
    width: 635px;
} */
.about_message .right img{
    line-height: 0;
}


/*
 news [
----------------------------------------------------------- */
#news h2{
    margin-bottom: 35px;
}

.news_inner{
    width: 920px;
    padding: 0 25px 25px;
    background: url(../img/share/sub_innerline.gif) bottom 0 left 25px no-repeat;
    margin-bottom: 30px;
}

p.date{
    color: #6a3906;
    margin-bottom: 15px;
}
.news_inner h3{
    font-size: 18px;
    color: #454545;
    line-height: 1;
}
.news_inner p{
    font-size: 14px;
    line-height: 2;
    font-family: "AxisStd-Light","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
    letter-spacing: 0.5px;
}

/*
 access [
----------------------------------------------------------- */
.access_box{
    padding: 20px 25px 25px;
}
.access_box .left{
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.access_box .right{
    float: left;
    padding-top: 7px;
}

.access_box .map_area{
    clear: both;
    background: #f3e6d5;
    width: 896px;
    height: 396px;
    padding: 12px;
}
.access_box .map_area iframe{
    width: 896px;
    height: 396px;
}

/*
 recruit [
----------------------------------------------------------- */
#recruit h2{
    margin-bottom: 35px;
}

.recruit_inner{
    padding: 0 25px;
    background: url(../img/share/sub_innerline.gif) bottom 0 left 25px no-repeat;
    margin-bottom: 30px;
}

.recruit_inner h3{
    width: 733px;
    height: 23px;
}
.recruit_message{
    padding-bottom: 30px;
}

.recruit_message .left{
    float: left;
    width: 258px;
    margin-right: 25px;
    padding-top: 7px;
}
.recruit_message .left img{
    line-height: 0;
}
.recruit_message .right{
    float: left;
    width: 635px;
}

.enter_message{
    padding: 0 25px;
}
.enter_message .tabNav{
    width: 425px;
    margin: 0 auto;
    padding: 15px 0 45px;
}

.enter_message .tabNav li.recruit_area a{
    float: left;
    background: url(../img/recruit/btn_recruit_off.gif) 0 0 no-repeat;
    width: 174px;
    height: 27px;
    margin-right: 51px;
    text-indent:-9999px;
    overflow:hidden;
}
.enter_message .tabNav li.recruit_area a.active{
    background: url(../img/recruit/btn_recruit_on.gif) 0 0 no-repeat;
}
.enter_message .tabNav li.recruit_area a:hover{
    background: url(../img/recruit/btn_recruit_on.gif) 0 0 no-repeat;
}

.enter_message .tabNav li.educate_area a{
    float: left;
    background: url(../img/recruit/btn_educate_off.gif) 0 0 no-repeat;
    width: 200px;
    height: 27px;
    text-indent:-9999px;
    overflow:hidden;
}
.enter_message .tabNav li.educate_area a.active{
    background: url(../img/recruit/btn_educate_on.gif) 0 0 no-repeat;
}
.enter_message .tabNav li.educate_area a:hover{
    background: url(../img/recruit/btn_educate_on.gif) 0 0 no-repeat;
}
#recruit_area{
    width: 917px;
}

#recruit_area .left{
    float: left;
    width: 225px;
}
#recruit_area .right{
    float: left;
}

#recruit_area .left h3{
    background: #f1e9d3;
    width: 225px;
    height: 40px;
    margin-bottom: 2px;
    line-height: 40px;
    font-size: 14px;
    color: #454545;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "MS 明朝", serif;
}
#recruit_area .right p{
    background: url(../img/share/sub_innerline.gif) bottom -1px left 0 no-repeat;
    height: 42px;
    width: 656px;
    padding-left: 35px;
    line-height: 40px;
    font-size: 14px;
    color: #454545;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "MS 明朝", serif;
}

#recruit_area .left h3.holiday{
    margin-bottom: 83px;
}
#recruit_area .left h3.salary{
    margin-bottom: 59px;
}
#recruit_area .right p.holiday{
    height: 118px;
    padding-top: 5px;
    line-height: 2;
}
#recruit_area .right p.salary{
    height: 93px;
    padding-top: 6px;
    line-height: 2;
}
#recruit_area .right p.last{
    background: url(/img/share/sub_innerline.gif) bottom -1px left 0 no-repeat;
}

.enter_area{
    margin-top: 40px;
}
.enter_area h3{
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "MS 明朝", serif;
}
.enter_area p{
    background: #e4e3e1;
    width: 877px;
    padding: 20px;
    font-size: 14px;
    line-height: 2;
    font-family: "AxisStd-Light","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;
}

.enter_btn{
    width: 180px;
    height: 40px;
    margin: 50px auto 0;
}
.enter_btn:hover{
    opacity: 0.8;
}

/*
 visit [
----------------------------------------------------------- */
#visit h2{margin-bottom: 35px;}

.visit_inner{
    padding: 0 25px;
    background: url(../img/share/sub_innerline.gif) bottom 0 left 25px no-repeat;
    margin-bottom: 30px;
}
.visit_center{width: 530px;margin: 0 auto;}
.visit_left{
    float: left;
    width: 635px;
    margin-right: 25px;
}

.foot_icon{
    background: url(../img/share/icon_foot.gif) top 2px left 0px no-repeat;
    padding-left: 44px;
}

.fancybox img:hover{opacity: 0.7;}

/*
 faq [
----------------------------------------------------------- */
.faq_inner{
    padding: 0 25px;
    background: url(../img/share/sub_innerline.gif) bottom 0 left 25px no-repeat;
    margin-bottom: 30px;
}

/*
 footer [
----------------------------------------------------------- */
.bg_footer{
    background: url(../img/footer/bg_footer1.gif) 0 0 no-repeat;
    width: 100%;
    height: 350px;
    margin: 0 auto;
}
.footer{
    width: 1200px;
    height: 216px;
    margin: 0 auto;
    padding-top: 134px;
    text-align: center;
    position: relative;
}

.return_btn{
    position:absolute;
    right: 10px;
    top: -35px;
}
.return_action{
    position: absolute;
    right: 30px;
    top: 20px;
    -webkit-animation-name:return_action;
    -webkit-animation-duration:5s;
    -webkit-animation-delay: .45s;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name:return_action;
    -moz-animation-duration:5s;
    -moz-animation-delay: .45s;
    -moz-animation-iteration-count: infinite;
}

@-webkit-keyframes return_action {
    0%,100% {
        -webkit-transform-origin: bottom center;
    }
    10% { -webkit-transform: rotate(-12deg); }
    20% { -webkit-transform: rotate(8deg); }
    30% { -webkit-transform: rotate(-5deg); }
    40% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(-3deg); }

    60% { -webkit-transform: rotate(2deg); }
    70% { -webkit-transform: rotate(-2deg); }
    80% { -webkit-transform: rotate(1deg); }
    90% { -webkit-transform: rotate(-1deg); }
    100% { -webkit-transform: rotate(0deg); }
}

.footer .return_btn:hover + .return_action{
    -webkit-animation-name:gimmick_h;
    -webkit-animation-duration:.1s;
    -webkit-animation-iteration-count:4;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function:ease;

    -moz-animation-name:gimmick_h;
    -moz-animation-duration:.1s;
    -moz-animation-iteration-count:4;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function:ease;
}

@-webkit-keyframes gimmick_h {
    0% {-webkit-transform:translate(0, -5px);}
    50% {-webkit-transform:translate(2px, -2px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes gimmick_h {
    0% {-moz-transform:translate(0, -5px);}
    50% {-moz-transform:translate(2px, -2px);}
    100% {-moz-transform:translate(0, 0);}
}


.footer h2{
    margin-bottom: 35px;
}

.footer ul{
    margin: 0 auto;
    width: 950px;
    margin-bottom: 50px;
}
.footer ul li{
    float: left;
    margin-left: 100px;
    line-height: 0;
}
.footer ul li.last{
    margin-right: 100px;
}

.footer h3{
    text-align: left;
}
/*
 text Style [
----------------------------------------------------------- */
p{
    color: #454545;
    font-size:12px;
    letter-spacing: 1px;
    line-height: 1.5;
}

.mincho{font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "MS 明朝", serif;}
.mincho_bold{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "MS 明朝", serif;}


.thin{font-family: "AxisStd-Light","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;}
.a_normal{font-family: "AxisStd-Regular","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;}
.a_bold{font-family: "AxisStd-Medium","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", "Meiryo" ,serif;}

.bold{font-weight: bold;}
.normal{font-weight: normal;}

.T10{font-size: 10px;}
.T12{font-size: 12px;}
.T13{font-size: 13px;}
.T14{font-size: 14px;}
.T16{font-size: 16px;}
.T18{font-size: 18px;}
.T20{font-size: 20px;}
.T24{font-size: 24px;}

.orange{color:#90be3d;}

/*
 Share Style [
----------------------------------------------------------- */
.clearfix{
    overflow:hidden;
    zoom: 1;
}

.m0auto{margin: 0 auto;}

.nega10{margin-top: -10px;}
.top5{margin-top: 5px;}
.top10{margin-top: 10px;}
.top20{margin-top: 20px;}
.top30{margin-top: 30px;}
.top40{margin-top: 40px;}
.under5{margin-bottom: 5px;}
.under10{margin-bottom: 10px;}
.under15{margin-bottom: 15px;}
.under20{margin-bottom:20px;}
.under25{margin-bottom: 25px;}
.under30{margin-bottom: 30px;}
.under35{margin-bottom: 35px;}
.under40{margin-bottom: 40px;}
.under50{margin-bottom: 50px;}
.under100{margin-bottom: 50%;}

.under24{margin-bottom: 24px;}

.pb20{padding-bottom: 20px;}

.pl0{padding-left: 0px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl30{padding-left: 30px;}
.pr15{padding-right: 15px;}
.pt15{padding-top: 15px;}
.mr15{margin-right: 15px;}
.mr25{margin-right: 25px;}
.mr0{margin-right: 0;}
.ml15{margin-left: 15px;}




.FL{float: left;}
.FR{float: right;}
.CB{clear: both;}
.po_r{position: relative;}
.display_b{display: block;}
.lh0{line-height: 0;}
.lh1{line-height: 1;}
.lh1_8{line-height: 1.7;}
.lh2{line-height: 2;}
.tac{text-align: center;}
.tar{text-align: right;}
.va_middle{vertical-align: middle;}
.l_spacing2{letter-spacing: 2px}
.l_spacing1{letter-spacing: 1px}
.cursor_p{cursor: pointer;}

.bdb_none{
    background: none;
}

li {list-style-type:none;}
address {font-style:normal;}
img{
    border:0;
    line-height: 0;
}
hr{
    background: #5a5a5b;
    border: 0;
    height: 1px;
    margin: 0;
    padding: 0;
}
hr.bg_line{
    background: url(../img/share/sub_innerline.gif) 0 0 no-repeat;
}

/* @font-face {
   font-family: HiraMinProN-W3;
   src: url('../font/HiraMinProN-W3.otf') format("opentype");
}
@font-face {
   font-family: HiraMinProN-W6;
   src: url('../font/HiraMinProN-W6.otf') format("opentype");
}
@font-face {
   font-family: AxisStd-Regular;
   src: url('../font/AxisStd-Regular.otf') format("opentype");
}
@font-face {
   font-family: AxisStd-Medium;
   src: url('../font/AxisStd-Medium.otf') format("opentype");
}
@font-face {
   font-family: AxisStd-Light;
   src: url('../font/AxisStd-Light.otf') format("opentype");
} */


/*
 Link Color [
----------------------------------------------------------- */
a:link { text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:active { text-decoration:none;}

.top_news, 
.top_access {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_access::before {
    content: "";
    background: url(../img/top/icon_access.gif) center left /auto 40px no-repeat;
    width: 47px;
    height: 50px;
    display: block;
}

.top_news::before{
    content: "";
    background: url(../img/top/icon_news.gif) center left/auto 40px no-repeat;
    width: 47px;
    height: 50px;
    display: block;
}

.top-item .news-items {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    gap: 20px;
}


.access_item + .access_item {
    margin-top: 40px;
}

.top_access .top-access-container {
    margin-top: 40px;
}

.top-news-button {
    text-align: center;
}

.top-access-container .access-items {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 48%);
    gap: 40px;
    margin-top: 30px;
}

.top-access-container .access_box {
    padding: 0;
    display: flex;
}

.top-access-container .access_box .map_area {
    width: 100%;
    height: 250px;
    padding: 8px;
}

.top-access-container .access_box .map_area iframe {
    width: 100%;
    height: 100%;
}

.top-access-container .access_box .address {
    margin-top: 5px;
}

.top-access-container .access_box .left {
    float: none;
    margin-bottom: 0;
}

.top-access-container .access_box .right {
    float: none;
}

.with-government {
    text-align: center;
    margin-top: 100px;
}

.with-government p {
    font-size: 15px;
    line-height: 1.9;
}

.with-government a {
    text-align: center;
    text-decoration: underline;
    color: #6b4507;
}

.with-government a:hover {
    text-decoration: none;
}

.news-items a {
    color: inherit;
    text-decoration: underline;
}

.news-items a:hover {
    text-decoration: none;
}