@charset "UTF-8";
/* CSS Document */
/*--------------------
01.共通
02.ヘッダー
03.フッターお問い合わせ
04.フッターバナーエリア
05.フッター
06.下層
--------------------*/

/*----------
01.共通
----------*/

@font-face {
font-family: 'A-OTF-KaishoMCBK1Pro-DeBold';
src:url('../font/A-OTF-KaishoMCBK1Pro-DeBold.woff2') format('woff2'),
url('../font/A-OTF-KaishoMCBK1Pro-DeBold.woff') format('woff'),
url('../font/A-OTF-KaishoMCBK1Pro-DeBold.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-RyuminPr6-Heavy';
src:url('../font/A-OTF-RyuminPr6-Heavy.woff2') format('woff2'),
url('../font/A-OTF-RyuminPr6-Heavy.woff') format('woff'),
url('../font/A-OTF-RyuminPr6-Heavy.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-RyuminPr6-ExBold';
src:url('../font/A-OTF-RyuminPr6-ExBold.woff2') format('woff2'),
url('../font/A-OTF-RyuminPr6-ExBold.woff') format('woff'),
url('../font/A-OTF-RyuminPr6-ExBold.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-ShinGoPr6-Heavy';
src:url('../font/A-OTF-ShinGoPr6-Heavy.woff2') format('woff2'),
url('../font/A-OTF-ShinGoPr6-Heavy.woff') format('woff'),
url('../font/A-OTF-ShinGoPr6-Heavy.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-ShinGoPr6-Bold';
src:url('../font/A-OTF-ShinGoPr6-Bold.woff2') format('woff2'),
url('../font/A-OTF-ShinGoPr6-Bold.woff') format('woff'),
url('../font/A-OTF-ShinGoPr6-Bold.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-ShinGoPro-DeBold';
src:url('../font/A-OTF-ShinGoPro-DeBold.woff2') format('woff2'),
url('../font/A-OTF-ShinGoPro-DeBold.woff') format('woff'),
url('../font/A-OTF-ShinGoPro-DeBold.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-ShinGoPr6-Medium';
src:url('../font/A-OTF-ShinGoPr6-Medium.woff2') format('woff2'),
url('../font/A-OTF-ShinGoPr6-Medium.woff') format('woff'),
url('../font/A-OTF-ShinGoPr6-Medium.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-ShinGoPr6-Regular';
src:url('../font/A-OTF-ShinGoPr6-Regular.woff2') format('woff2'),
url('../font/A-OTF-ShinGoPr6-Regular.woff') format('woff'),
url('../font/A-OTF-ShinGoPr6-Regular.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'A-OTF-UDShinGoPro-Regular';
src:url('../font/A-OTF-UDShinGoPro-Regular.woff2') format('woff2'),
url('../font/A-OTF-UDShinGoPro-Regular.woff') format('woff'),
url('../font/A-OTF-UDShinGoPro-Regular.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'hiragino_minProN';
src:url('../font/hiragino_minProN.woff2') format('woff2'),
url('../font/hiragino_minProN.woff') format('woff'),
url('../font/hiragino_minProN.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'hiragino_minProN6';
src:url('../font/hiragino_minProN6.woff2') format('woff2'),
url('../font/hiragino_minProN6.woff') format('woff'),
url('../font/hiragino_minProN6.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}


body{
-webkit-font-smoothing: antialiased;
}

#wrapper{
width: 100%;
overflow: hidden;
font-family: 'A-OTF-ShinGoPr6-Regular';
font-size: 16px;
color: #333333;
}

.pc{
display: block;
}

.sp{
display: none;
}

.contents_in{
max-width: 1280px;
width: 100%;
margin: 0 auto;
}

a{
color: #333;
}

a:hover{
color:#333;
}

a:link{
color:#333;
}

a.not_yet{
color: rgba(255,255,255,.4) !important;
cursor: auto;
}



/*----------
02.ヘッダー
----------*/

header{
width: 100%;
}

header{
position: fixed;
top: 0;
left: 0;
z-index: 9;
}



#header_top{
background: linear-gradient(180deg, rgba(168,9,9,1) 0%, rgba(118,1,1,1) 100%);
box-sizing: border-box;
padding: 25px 60px 28px 42px;
}

#header_top .contents_in{
max-width: none;
display: flex;
justify-content: space-between;
align-items: start;
}

#header_top h1{
font-size: 0;
}

#header_top h1 img{
display: inline-block;
max-width: 253px;
/* width: 100%; */
width: 44.7%;
height: auto;
}

#header_top h1 span{
color: #fff;
margin: 0 0 0 9px;
font-family: 'A-OTF-ShinGoPr6-Bold';
font-size: 16px;
display: inline-block;
vertical-align: bottom;
}

#header_top .header_top_nav{
margin: 4px 0 0;
max-width: 468px;
width: 100%;
font-size: 0;
text-align: right;
}

#header_top .header_top_nav li{
margin: 0 0 0 8.55%;
display: inline-block;
font-size: 0;
position: relative;
}
#header_top .header_top_nav li::before,#header_top .header_top_nav li::after{
width: 0;
height: 2px;
content: "";
background: #fff;
box-sizing: border-box;
display: block;
position: absolute;
bottom: -5px;
transition: all .3s;
}

#header_top .header_top_nav li::before{
left: 50%;
}

#header_top .header_top_nav li::after{
right: 50%;
}

#header_top .header_top_nav li:hover::before,#header_top .header_top_nav li:hover::after{
width: 50%;
}





#header_top .header_top_nav li a{
font-family: 'A-OTF-ShinGoPr6-Bold';
color: #fff;
font-size: 16px;
display: inline-block;
position: relative;
}

#header_top .header_top_nav li a::before{
content: "";
display: inline-block;
vertical-align: sub;
width: 21px;
height: 21px;
margin: 0 6px 0 0;
}

#header_top .header_top_nav li:nth-child(1) a::before{
background: url(../img/icon_recruit.png) no-repeat left bottom;
background-size: 100% auto;
}

#header_top .header_top_nav li:nth-child(2) a::before{
background: url(../img/icon_contact.png) no-repeat left bottom;
background-size: 100% auto;
}

#header_top .header_top_nav li:nth-child(3) a::before{
background: url(../img/icon_sitemap.png) no-repeat left bottom;
background-size: 100% auto;
}

#header_bottom{
background: linear-gradient(180deg, #580101 0%, #A80909 100%);
box-sizing: border-box;
/* padding: 22px 0; */
}

#header_bottom .nav_in{
font-size: 0;
text-align: center;
}

#header_bottom .nav_in li{
display: inline-block;
padding: 22px 0;
}

#header_bottom .nav_in li a{
font-family: 'A-OTF-ShinGoPr6-Bold';
color: #fff;
font-size: 16px;
display: block;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
border-right: 1px solid #fff;
position: relative;
}

#header_bottom .nav_in li:last-child a{
border-right: none;
}

#header_bottom .nav_in li a::before,#header_bottom .nav_in li a::after{
width: 0;
height: 2px;
content: "";
background: #fff;
box-sizing: border-box;
display: block;
position: absolute;
bottom: -5px;
transition: all .3s;
}

#header_bottom .nav_in li a::before{
left: 50%;
}

#header_bottom .nav_in li a::after{
right: 50%;
}

#header_bottom .nav_in li a:hover::before,#header_bottom .nav_in li a:hover::after{
width: 42%;
}

#header_bottom .nav_in li a.not_yet::before, #header_bottom .nav_in li a.not_yet::after{
content: none;
}

#header_bottom .nav_in li.big_nav{
position: relative;
}

#header_bottom .nav_in li .small_nav{
position: absolute;
top: 50px;
left: -40%;
width: 200px;
background: #000;
display: none;
}

#header_bottom .nav_in li .small_nav li{
display: block;
padding: 0;
}

#header_bottom .nav_in li .small_nav a{
border-right: none;
border-bottom: 1px solid rgba(255,255,255,.4);
width: 100%;
display: block;
padding: 20px 0;
transition: all .3s;
}

#header_bottom .nav_in li .small_nav a::before,#header_bottom .nav_in li .small_nav a::after{
content: none;
}

#header_bottom .nav_in li .small_nav a:hover{
background: rgba(255,255,255,.2);
}



/*--------------------
03.フッターお問い合わせ
--------------------*/

#contact_footer{
display: flex;
align-items: start;
}

#contact_footer .cnt_box{
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 50%;
padding: 129px 0;
box-sizing: border-box;
color: #fff;
}

#contact_footer .cnt_box.tel_box{
background-image: url(../img/bg_tel_contact.jpg);
}


#contact_footer .cnt_box.mail_box{
background-image: url(../img/bg_mail_contact.jpg);
}

#contact_footer .cnt_box .text_box{
max-width: 404px;
width: 100%;
margin: 0 auto;
border-left:6px solid #9B8111;
border-right:6px solid #9B8111;
box-sizing: border-box;
text-align: center;
padding: 34px 0 39px;
position: relative;
}

#contact_footer .cnt_box .text_box:before,
#contact_footer .cnt_box .text_box:after {
content:"";
display:block;
height:7px;
width:100%;
background: linear-gradient(90deg, rgba(155,129,17,1) 0%, rgba(191,158,21,1) 25%, rgba(255,241,129,1) 50%, rgba(227,184,1,1) 75%, rgba(160,131,8,1) 100%);
position: absolute;
left: 0;
}

#contact_footer .cnt_box .text_box:before{
top: 0;
}

#contact_footer .cnt_box .text_box:after{
bottom: 0;
}

#contact_footer .cnt_box .text_box p{
font-family: 'A-OTF-ShinGoPr6-Heavy';
font-size: 18px;
padding: 0 0 20px;
}

#contact_footer .cnt_box .text_box .tel_number{
font-family: 'A-OTF-UDShinGoPro-Regular';
font-size: 36px;
font-weight: bold;
}

#contact_footer .cnt_box .text_box .tel_number a{
color: #fff;
}

#contact_footer .cnt_box.mail_box .text_box{
padding: 34px 0 33px;
}

#contact_footer .cnt_box.mail_box .text_box p{
padding: 0 0 22px;
}

#contact_footer .cnt_box .text_box .contact_btn{
max-width: 283px;
width: 100%;
margin: 0 auto;
}

#contact_footer .cnt_box .text_box .contact_btn a{
font-family: 'A-OTF-ShinGoPr6-Bold';
width: 100%;
display: block;
background: #C6B613;
color: #000;
font-size: 18px;
text-align: center;
padding: 10px 0 12px;
transition: all .3s;
}

#contact_footer .cnt_box .text_box .contact_btn a:hover{
background: -moz-linear-gradient(top, #434343 0%, #242424 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #434343 0%,#242424 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #434343 0%,#242424 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #fff;
}


/*--------------------
04.フッターバナーエリア
--------------------*/

#bannerlink_footer{
padding: 46px 0 49px;
position: relative;
background: #fff;
}

#bannerlink_footer::before{
width: 100%;
height: 86px;
background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 100%);
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
}

#bannerlink_footer ul{
font-size: 0;
text-align: center;
position: relative;
z-index: 1;
}

#bannerlink_footer li{
/* margin: 0 10px; */
max-width: 340px;
width: 100%;
display: inline-block;
transition: all .3s;
}

#bannerlink_footer li:hover{
opacity: 0.7;
}

#bannerlink_footer li img{
width: 100%;
height: auto;
display: block;
}

#bannerlink_footer .bx-wrapper .bx-controls-direction a{
width: 12px;
height: 25px;
margin: 0;
top: 40%;
}

#bannerlink_footer .bx-wrapper .bx-prev{
background: url(../img/icon_arrow_left02.png) no-repeat left top;
background-size: 100% auto;
left: -56px;
}


#bannerlink_footer .bx-wrapper .bx-next{
background: url(../img/icon_arrow_right04.png) no-repeat left top;
background-size: 100% auto;
right: -56px;
}


/*--------------------
05.フッター
--------------------*/

#footer_top{
position: relative;
width: 100%;
padding: 15px 0 16px;
box-sizing: border-box;
background: #fff;
}

#footer_top::before{
width: 100%;
height: 5px;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(168,9,9,0.5) 0%, rgba(88,1,1,0.5) 100%);
}

#footer_top::after{
width: 100%;
height: 10px;
content: "";
display: block;
position: absolute;
top: 5px;
left: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 100%);
}

#footer_top .contents_in{
padding: 7px 0 0;
}

#footer_top .footer_link_g{
font-size: 0;
text-align: center;
padding: 0 0 20px;
}

#footer_top .footer_link_g li{
display: inline-block;
}

#footer_top .footer_link_g li a{
font-size: 14px;
font-family: 'A-OTF-ShinGoPr6-Medium';
color: #A30808;
padding: 0 20px;
box-sizing: border-box;
display: block;
width: 100%;
border-right: 1px solid #A30808;
position: relative;
}

#footer_top .footer_link_g li:last-child a{
border-right: none;
}

#footer_top .footer_link_g li a::before,#footer_top .footer_link_g li a::after{
width: 0;
height: 2px;
content: "";
background: #A30808;
box-sizing: border-box;
display: block;
position: absolute;
bottom: -5px;
transition: all .3s;
}

#footer_top .footer_link_g li a::before{
left: 50%;
}

#footer_top .footer_link_g li a::after{
right: 50%;
}

#footer_top .footer_link_g li a:hover::before,#footer_top .footer_link_g li a:hover::after{
width: 42%;
}





#footer_top .logo{
max-width: 200px;
width: 100%;
margin: 0 auto;
}

#footer_top .logo img{
width: 100%;
height: auto;
display: block;
}

#footer_bottom{
background: linear-gradient(0deg, rgba(168,9,9,1) 0%, rgba(88,1,1,1) 100%);
padding: 17px 0 19px;
}

#footer_bottom small{
display: block;
color: #fff;
text-align: center;
font-family: 'A-OTF-ShinGoPr6-Medium';
font-size: 14px;
}




/*--------------------
06.下層
--------------------*/

.cnt_img.list_on img{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.cnt_img.list_off img{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}


/*pankuzu_area*/

#pankuzu_area {
width: 100%;
background-color: #000;
}
#pankuzu_area ul {
max-width: 1210px;
display: table;
margin: 0 auto;
width: 100%;
}
#pankuzu_area ul li {
margin: 0;
font-family: 'A-OTF-ShinGoPr6-Medium';
font-size: 12px;
color: #fff;
padding: 10px 13px 10px 0;
float: left;
}
#pankuzu_area ul li a{
color: #fff;
}

#pankuzu_area ul li:first-child::before {
padding: 0;
content: "";
font-size: 12px;
}
#pankuzu_area ul li::before {
padding: 0 13px 0 0;
content: ">";
font-size: 12px;
}

.under_page .main_contents{
padding: 62px 0 0;
}

.under_page h2{
font-family: 'A-OTF-ShinGoPr6-Heavy';
font-size: 48px;
color: #000;
line-height: 96px;
text-align: center;
margin: 0 auto 47px;
}






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

/*----------
02.ヘッダー
----------*/
#header_top{
padding: 25px 20px 28px 22px;
}

#header_top h1 span{
font-size: 14px;
}

#header_top .header_top_nav li{
margin: 0 0 0 5.55%
}


}


@media only screen and (max-width:1024px){
/*----------
01.共通
----------*/

.contents_in{
width: 94%;
}


/*----------
02.ヘッダー
----------*/

header .contents_in{
width: auto;
}

#header_top .contents_in{
align-items: center;
}

#header_top h1 img{
width: 100%;
}

#header_top h1 span{
display: block;
font-size: 14px;
margin: 9px 0 0;
word-break: keep-all;
}

#header_top .header_top_nav{
margin: 0;
}

#header_top .header_top_nav li a{
}

#header_bottom .nav_in li a{
font-size: 14px;
padding: 0 14px;
}

#header_bottom .nav_in li .small_nav{
left: -65%;
}






/*--------------------
03.フッターお問い合わせ
--------------------*/

#contact_footer{
width: 100%;
}

#contact_footer .cnt_box{
padding: 60px 20px;
}

#contact_footer .cnt_box .text_box{
padding: 34px 10px 39px;
}

#contact_footer .cnt_box .text_box p{
font-size: 16px;
}



/*--------------------
04.フッターバナーエリア
--------------------*/

#bannerlink_footer .bx-wrapper .bx-prev{
left: -15px;
}

#bannerlink_footer .bx-wrapper .bx-next{
right: -15px;
}



/*--------------------
05.フッター
--------------------*/

/*--------------------
06.下層
--------------------*/










}

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

/*----------
01.共通
----------*/

.pc{
display: none;
}

.sp{
display: block;
}



/*----------
02.ヘッダー
----------*/

header .nav_btn{
font-family: 'A-OTF-ShinGoPr6-Bold';
max-width: 50px;
width: 100%;
background: rgba(205,182,84,1);
background: linear-gradient(180deg, rgba(191,158,21,1) 0%, rgba(155,129,17,1) 100%);
box-sizing: border-box;
padding: 8px 0 6px;
border-radius: 5px;
text-align: center;

/* position: absolute;
top: 0;
right: 0; */
}

header .nav_btn span.open{
color: #fff;
font-size: 10px;
display: block;
}

header .nav_btn span.close{
color: #fff;
font-size: 10px;
display: none;
}

header .nav_btn span img{
width: 20px;
height: auto;
display: block;
margin: 0px auto 6px;
}

header.active .nav_btn span.open{
display: none;
}

header.active .nav_btn span.close{
display: block;
}

header.active{
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100%;
background: linear-gradient(180deg, #580101 0%, #A80909 100%);
z-index: 10;
}

header.active #header_bottom{
display: block;
}


#header_top{
padding: 16px 15px 15px;
}

#header_top h1 img{
max-width: 186px;
}

#header_top h1 span{
font-size: 13px;
letter-spacing: -0.05em;
}


#header_bottom{
display: none;
background: none;
}

#header_bottom .nav_in li{
display: block;
padding: 0;
}

#header_bottom .nav_in li a{
font-size: 16px;
border-right: none;
padding: 14px 0;
}

#header_bottom .nav_in li a::before, #header_bottom .nav_in li a::after{
content: none;
}

#header_bottom .header_top_nav{
margin: 34px 0 0;
/* max-width: 468px; */
width: 100%;
display: flex;
}

#header_bottom .header_top_nav li{
margin: 0 2%;
width: 33.33%;
text-align: center;
/* background: rgba(205,182,84,1);
background: linear-gradient(180deg, rgba(191,158,21,1) 0%, rgba(155,129,17,1) 100%); */
box-shadow: 0 3px 6px rgba(0,0,0,.8);
padding: 10px 5px;
border-radius: 2px;
}

#header_bottom .header_top_nav li a{
font-family: 'A-OTF-ShinGoPr6-Bold';
color: #fff;
font-size: 16px;
display: inline-block;
position: relative;
}

#header_bottom .header_top_nav li a::before{
content: "";
display: block;
vertical-align: sub;
width: 31px;
height: 31px;
margin: 0 auto 8px;
}

#header_bottom .header_top_nav li:nth-child(1) a::before{
background: url(../img/icon_recruit.png) no-repeat left bottom;
background-size: 100% auto;
}

#header_bottom .header_top_nav li:nth-child(2) a::before{
background: url(../img/icon_contact.png) no-repeat left bottom;
background-size: 100% auto;
}

#header_bottom .header_top_nav li:nth-child(3) a::before{
background: url(../img/icon_sitemap.png) no-repeat left bottom;
background-size: 100% auto;
}




/*--------------------
03.フッターお問い合わせ
--------------------*/

#contact_footer{
display: block;
}

#contact_footer .cnt_box{
width: 100%;
padding: 40px 20px;
}

#contact_footer .cnt_box .text_box p{
line-height: 22px;
}




/*--------------------
04.フッターバナーエリア
--------------------*/


#bannerlink_footer .bx-wrapper .bx-controls-direction a{
width: 10px;
height: 18px;
top:30%;
}

#bannerlink_footer .bx-wrapper .bx-prev{
left: -20px;
}

#bannerlink_footer .bx-wrapper .bx-next{
right: -20px;
}


/*--------------------
05.フッター
--------------------*/

#footer_top .footer_link_g li a{
padding: 0 10px;
font-size: 12px;
}

#footer_top .footer_link_g li a::before,#footer_top .footer_link_g li a::after{
content: none;
}

#footer_top .logo{
max-width: 180px;
}

#footer_bottom small{
font-size: 10px;
}

/*--------------------
06.下層
--------------------*/

#pankuzu_area ul {
width: 94%;
padding: 5px 0;
}

#pankuzu_area ul li {
line-height: 1.5em;
padding: 0 6px 0 0;
}

#pankuzu_area ul li::before{
padding: 0 6px 0 0;
}

.under_page .main_contents{
padding: 42px 0 0;
}

.under_page h2 {
font-family: 'A-OTF-ShinGoPr6-Heavy';
font-size: 32px;
color: #000;
line-height: 1.5em;
text-align: center;
margin: 0 auto 20px;
}


}