@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(49,59,79,1.00)}a:hover { color:rgba(68,133,199,1.00)}
/* css setting */
.bx-wrapper .bx-controls-direction a{z-index: 9989!important;}
.zerocarbon ul li:nth-child(2){pointer-events: none!important; cursor: default!important;}

/* ヘッダーのフェイスブック非表示 */
#header-2-3{display:none;}

#footer-5Parent > div{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;}
.f-b-left p{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; align-items: center;}
.f-b-left img{width:100px; margin-right: 1rem;}
.entry-banner-area{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row; justify-content: center; align-items: center;}
.entry-banner-area p{margin-left: 3.3rem;}
@media screen and (max-width: 768px) {
    .f-b-left p{flex-flow: row wrap;}
    .f-b-left p a:nth-child(1){width:18%;}
    .f-b-left p a:nth-child(2){width:18%;}
    .f-b-left p a:nth-child(3){width:18%;}
    .f-b-left p a:nth-child(4){width:100%; margin-bottom: -1rem; margin-top: 2rem;}
    .f-b-left p a:nth-child(5){width:100%;}
}
@media screen and (max-width: 498px) {
    #footer-5Parent > div{flex-flow: column wrap;}
    .f-b-left p a:nth-child(1){width:18%;}
    .f-b-left p a:nth-child(2){width:18%;}
    .f-b-left p a:nth-child(3){width:18%;}
    .f-b-left p a:nth-child(4){width:100%; margin-bottom: -1rem; margin-top: 2rem;}
    .f-b-left p a:nth-child(5){width:100%;}
    .f-b-left img{width:55px; margin-top: 1rem;}
    .entry-banner-area{flex-flow: column}
    .entry-banner-area p{margin-left: 0rem;}
}

/*　==============================　共通仕様　==============================　*/

/*　80%中央寄せ　*/
@media screen and (min-width:1401px) {
.w80_center {
   width: calc(100% - 20%);
  margin: auto!important;}}

/*　90%中央寄せ　*/
@media screen and (min-width:1401px) {
.w90_center {
   width: calc(100% - 10%);
  margin: auto!important;}}

/*　80%右寄せ　*/
@media screen and (min-width:1401px) {
.w80_right {
   width: calc(100% - 20%);
  margin-left: auto!important;}}

@media screen and (min-width:769px) {
.w80_right_2 {
   width: calc(100% - 20%);
  margin-left: auto!important;}}

/*　90%右寄せ　*/
@media screen and (min-width:1401px) {
.w90_right {
   width: calc(100% - 10%);
  margin-left: auto!important;}}

/*　80%左寄せ　*/
@media screen and (min-width:1401px) {
.w80_left {
   width: calc(100% - 20%);
  margin-right: auto!important;}}

/*　90%左寄せ　*/
@media screen and (min-width:1401px) {
.w90_left {
   width: calc(100% - 10%);
  margin-right: auto!important;}}


/*　==============================　HOME　==============================　*/

/*　HOMEヘッダー無　*/

@media screen and (min-width: 961px) {
.body-pt001 #header-2Parent{
     display:none;
}}

.body-pt001 #header-2Parent{ background-color:rgba(255,255,255,0)!important;}

/*　HOMEスマホ版ナビ　*/

.body-pt001 .hamburger .hamburger__icon,.body-pt001  .hamburger .hamburger__icon:before,.body-pt001 .hamburger .hamburger__icon:after {
    background-color: #fff;
}

.body-pt001 .sp_menu_tittle{
color:#fff !important;
}


/*　HOME スリックリスト　*/

.home_1_list .ticker ul li span {
letter-spacing: 0.1rem;
}

.home_1_list .tk_tags {
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
    margin: -4px 0 0 0.5rem;
}

.home_1_list .ticker {
    font-size: 1rem;
}

.home_1_list a { color:#fff; }

/*　トップメインコピー　*/

@media screen and (min-width: 769px) {
.top_copy_space{ padding-top:15rem; }}
@media screen and (max-width: 768px) {
.top_copy_space{ padding-top:14rem; }}
@media screen and (max-width: 480px) {
.top_copy_space{ padding-top:10rem; }}

/*　価値の流れを　*/

@media screen and (min-width: 481px) {
.home_value{ margin:0 0 0 2rem; }}
@media screen and (max-width: 480px) {
.home_value{ margin:0 0 9vh 3rem; }}

/*　トップオークラロゴ　*/
@media screen and (min-width: 769px) {
.top_okura_space{ padding-top:30px; }}
@media screen and (max-width: 768px) {
.top_okura_space{ padding-top:25px; }}
@media screen and (max-width: 480px) {
.top_okura_space{ padding-top:20px; }}


/*　採用情報　*/

@media screen and (min-width: 481px) {
.home_rec_copy{
  margin:-16rem 1rem 6rem 1rem;
  padding-top:12rem;
  position: relative; }}

@media screen and (max-width: 480px) {
.home_rec_copy{
  margin:-10rem 0 2rem 1rem;
  padding-top:8rem;
  position: relative; }}


/*　皆で考え　*/

@media screen and (max-width: 480px) {
.top_rec_color{ color:#4485c7!important; }}

/*　採用スライド　*/

@media screen and (min-width: 769px) {
.home_rec_space{ padding-top:60vh;}}
@media screen and (max-width: 768px) {
.home_rec_space{ padding-top:60vh;}}
@media screen and (max-width: 480px) {
.home_rec_space{ padding-top:40vh;}}

/*　==============================　50年の歩み　==============================　*/
/*　--------------------　納入先　--------------------　*/
.delivery-item-wrapper{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.delivery-item-wrapper li{
width: 32%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: stretch;
margin-right: 2%;
margin-bottom: 1.5%;
}
.delivery-item-wrapper li:nth-child(3n){
margin-right: 0%;
}
.delivery-item-wrapper li div{
text-align: center;
width: 100%;
padding: 1.1rem 1rem;
}
.delivery-item-wrapper div{
border-bottom: 1px solid #4485c7;
color: #333333;
background-color: #f2f4f5;
}
@media screen and (max-width: 480px){
.delivery-item-wrapper li{
width: 48%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: stretch;
margin-right: 2%!important;
}
.delivery-item-wrapper li:nth-child(2n){
margin-right: 0%!important;
}
}
/*　==============================　事業紹介　==============================　*/

/*　垂直搬送機img　*/

@media screen and (min-width: 769px) {
.bus_pro {margin-top:-100px;}}
@media screen and (max-width: 768px) {
.bus_pro {margin-top:-30px;}}
@media screen and (max-width: 480px) {
.bus_pro {margin-top:0;}}

/*　———　保有資格　———　*/
.license-table-wrapper{
text-align: center;
border-collapse:  collapse;
width: 100%;
}
.license-table-wrapper tr:first-child{
color: #004386;
background-color: #f0f1f2;
}
.license-table-wrapper tr:nth-of-type(n+2) th{
text-align: justify;
}
.license-table-wrapper th, .license-table-wrapper td{
border: 1px solid #004386;
padding: 0.5rem 1rem;
}
.license-table-wrapper th{
font-weight: normal;
width: calc(100% - 30%);
}
.license-table-wrapper td:nth-child(2){
width: 15%;
}
.license-table-wrapper td:nth-child(3){
width: 15%;
}
@media screen and (max-width: 768px){
.license-table-wrapper th{
width: calc(100% - 6rem);
}
.license-table-wrapper td:nth-child(2){
width: 2rem;
}
.license-table-wrapper td:nth-child(3){
width: 4rem;
}
}


/*　==============================　お取引の流れ　==============================　*/

/*　———　お問い合わせで使用するボタン　———　*/
.contact_btn .fs_btn_text_main {
font-size:1.4rem;
font-weight: bold;
letter-spacing: 0.2rem;
}
.contct_btn .fs_btn_text_sub {
font-size:0.8rem;
}

/*　三角　*/
 .sankaku{
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #fff;
        margin: 0 auto;
}
/*　==============================　プロダクトページページ　==============================　*/
/*　--------------------　ページタイトル部分　--------------------　*/
.products_pagettl_main{
font-size: 3rem;
line-height: 3rem;
background-color: #ffffff;
padding: 9rem 2rem 0.5rem 3rem;
}
.products_pagettl_sub{
background-color: #ffffff;
padding: 0rem 2rem 3rem 3rem;
}
.products_pagettl_catch{
font-size: 1.5rem;
background-color: #ffffff;
padding: 0rem 2rem 2rem 3rem;
}
.products_pagettl_guidebtn{
padding: 0rem 2rem 3rem 3rem;
}
.products_pagettl_read{
max-width: 400px;
padding: 0rem 2rem 3rem 3rem;
}
.products_pagettl_bg{
background: linear-gradient(90deg,#ffffff 0%,#ffffff 30%,#4380bc 30%,#4380bc 100%);
}
.products_subpagettl_bg{
background: linear-gradient(0deg,#e5e5e5 0%,#e5e5e5 17%,#ffffff 17%,#ffffff 100%);
}
.products_pagettl_img{
padding: 40rem 0rem 0rem 0rem;
}
.products_subpagettl_img{
padding: 50rem 0rem 0rem 0rem;
}
.products_subpagettl_img_bg{
background: linear-gradient(0deg,#ffffff,#ffffff 20%,#4380bc 20%,#4380bc 82%,#ffffff 82%,#ffffff 100%);
}
@media screen and (max-width: 1024px) {
.products_pagettl_main{
padding: 9rem 2rem 0.5rem 2rem;
}
.products_pagettl_sub{
padding: 0rem 2rem 3rem 2rem;
}
.products_pagettl_catch{
padding: 0rem 2rem 3rem 2rem;
}
.products_pagettl_read{
padding: 0rem 2rem 3rem 2rem;
}
.products_pagettl_guidebtn{
padding: 0rem 2rem 3rem 2rem;
}
.products_subpagettl_img{
padding: 40rem 0rem 0rem 0rem;
}
.products_subpagettl_img_bg{
background: linear-gradient(0deg,#ffffff,#ffffff 20%,#4380bc 20%,#4380bc 78%,#ffffff 78%,#ffffff 100%);
}
}
@media screen and (max-width: 480px) {
.products_pagettl_main{
margin: 0rem 1rem 0rem 1rem;
padding: 2rem 2rem 0rem 2rem;
}
.products_pagettl_sub{
margin: 0rem 1rem 0rem 1rem;
padding: 0rem 2rem 2rem 2rem;
}
.products_pagettl_guidebtn{
margin: 0rem 1rem 0rem 1rem;
padding: 0rem 2rem 2rem 2rem;
}
.products_pagettl_read{
margin: 0rem 0rem 0rem 1rem;
padding: 0rem 2rem 2rem 2rem;
}
.products_pagettl_catch{
margin: 0rem 0rem 0rem 1rem;
padding: 0rem 2rem 2rem 2rem;
}
.products_pagettl_bg{
background: linear-gradient(90deg,#ffffff 0%,#ffffff 1rem,#4380bc 1rem,#4380bc 100%);
}
.products_pagettl_img{
padding: 27rem 0rem 0rem 0rem;
}
.products_subpagettl_img{
background-size: 130%!important;
padding: 27rem 0rem 0rem 0rem;
}
}
/*　--------------------　プロダクトナビゲーション部分　--------------------　*/
.products_nav{
display: inline-block;
margin: -6.5rem 0rem 0rem 0rem;
}
.products_nav_btn .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.1rem;
font-weight: bold;
color: #ffffff;
}
.products_nav_btn .fs_btn_text_sub {
font-size:1.3rem;
font-weight: bold;
color: #4380bc;
}
.products_nav_btn .fs_btn {
line-height: 1.6rem;
padding: 5rem 0.1rem;
background-color: rgba(50,60,80,0.85);
}
.products_nav_btn .fs_btn:hover{
background-color: rgba(50,60,80,1);
}
@media screen and (max-width: 768px) {
.products_nav_btn .fs_btn_text_main {
font-size:0.9rem;
}
}
@media screen and (max-width: 480px) {
.products_nav{
box-sizing: border-box;
margin: 0rem;
padding: 0rem 2rem 0rem 3rem;
}
.products_nav_tx{
color: #ffffff;
}
.products_nav_btn .fs_btn {
padding: 2.7rem 0.1rem;
}
}
/*　--------------------　コンテンツ部分　--------------------　*/
.product-external-tx{
margin-top: -3rem; padding: 3rem 1rem;
}
.products_particular_img{
padding: 40rem 0rem 0rem 0rem;
}
.products_vertical_wrapper{
margin: 0rem 2rem 0rem 2rem;
}
@media screen and (max-width: 480px) {
.products_particular_img{
padding: 22rem 0rem 0rem 0rem;
}
.products_vertical_wrapper{
margin: 3rem 0rem 0rem 0rem;
}
.products_vertical_first_img{
margin-top: -5.5rem;
}
}
/*　==============================　制御盤ページ　==============================　*/
/*　--------------------　導入事例　--------------------　*/
.custmer-item-wrapper{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.custmer-item-wrapper li{
width: 32%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 2%;
margin-bottom: 1.5%;
}
.custmer-item-wrapper li:nth-child(3n){
margin-right: 0%;
}
.custmer-item-wrapper li div{
text-align: center;
width: 100%;
padding: 1.1rem 1rem;
}
.custmer-item-wrapper div{
border: 1px solid #333333;
color: #333333;
/*background-color: #ffffff;*/
}
@media screen and (max-width: 480px){
.custmer-item-wrapper li{
width: 100%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 0%!important;
}
}
/*　==============================　プロダクト下層ページ　==============================　*/
/*　--------------------　動画部分　--------------------　*/
.products_movie_box{
margin: -5rem -0rem 0rem 0rem;
}
@media screen and (max-width: 480px) {
.products_movie_box{
margin: 0rem -0rem 0rem 0rem;
}
}
/*　--------------------　パーフェクトベアー表A部分　--------------------　*/
.perfectveyer-tableA-wrapper{
max-width: 100%;
overflow: auto;
}
.perfectveyer-tableA-inner{
text-align: center;
border-collapse:  collapse;
width: 100%;
}
.perfectveyer-tableA-bg{
color: #ffffff;
background-color: #5e6770;
}
.perfectveyer-tableA-txleft{
text-align: justify;
}
.perfectveyer-tableA-inner tr:first-child{
color: #ffffff;
background-color: #5e6770;
}
.perfectveyer-tableA-inner tr::nth-child(n + 2) th{
text-align: justify;
}
.perfectveyer-tableA-inner th, .perfectveyer-tableA-inner td{
box-sizing: border-box;
border: 1px solid #313b4f;
vertical-align: middle;
padding: 0.5rem 1rem;
}
.perfectveyer-tableA-inner th{
font-weight: normal;
width: auto;
}
.perfectveyer-tableA-inner td{
width: auto;
}
@media screen and (max-width: 1024px){
.perfectveyer-tableA-inner tbody {
display: block;
width: auto;
 position: relative;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
}
.perfectveyer-tableA-inner{
min-width: 100%;
table-layout: fixed;
}
.perfectveyer-tableA-inner th{
width: 180px;
min-width: 180px;
}
.perfectveyer-tableA-inner tr td:nth-child(2){
width: 145px;
min-width: 145px;
}
.perfectveyer-tableA-inner tr td:nth-child(3){
width: 145px;
min-width: 145px;
}
.perfectveyer-tableA-inner tr td:nth-child(4){
width: 160px;
min-width: 160px;
}
.perfectveyer-tableA-inner tr td:nth-child(5){
width: 145px;
min-width: 145px;
}
.perfectveyer-tableA-inner tr td:nth-child(6){
width: 130px;
min-width: 130px;
}
}
/*　--------------------　リフタ表A部分　--------------------　*/
.lifter-tableA-wrapper{
text-align: justify;
border-collapse:  collapse;
width: 100%;
}
.lifter-tableA-wrapper th, .lifter-tableA-wrapper td{
border: 1px solid #313b4f;
padding: 0.5rem 1rem;
}
.lifter-tableA-wrapper th{
font-weight: normal;
width: 20%;
color: #ffffff;
background-color: #5e6770;
}
.lifter-tableA-wrapper td{
width: calc(100% - 20%);
}
@media screen and (max-width: 768px){
.lifter-tableA-wrapper th{
width: 110px;
}
.lifter-tableA-wrapper td{
width: calc(100% - 110px);
}
}
/*　--------------------　リフタ表B部分　--------------------　*/
.lifter-tableB-wrapper{
text-align: justify;
border-collapse:  collapse;
width: 100%;
}
.lifter-tableB-wrapper th, .lifter-tableB-wrapper td{
border: 1px solid #313b4f;
padding: 0.5rem 1rem;
}
.lifter-tableB-wrapper th{
font-weight: normal;
width: 20%;
color: #ffffff;
background-color: #5e6770;
}
.lifter-tableB-wrapper td{
width: auto;
}
@media screen and (max-width: 768px){
.lifter-tableB-wrapper th{
width: 110px;
}
.lifter-tableB-wrapper td{
width: auto;
}
}
/*　--------------------　タテコン表A部分　--------------------　*/
.tatecon-tableA-wrapper{
max-width: 100%;
overflow: auto;
}
.tatecon-tableA-inner{
text-align: center;
border-collapse:  collapse;
width: 100%;
}
.tatecon-tableA-bg{
color: #ffffff;
background-color: #5e6770;
}
.tatecon-tableA-txleft{
text-align: justify;
}
.tatecon-tableA-inner tr:first-child{
color: #ffffff;
background-color: #5e6770;
}
.tatecon-tableA-inner tr::nth-child(n + 2) th{
text-align: justify;
}
.tatecon-tableA-inner th, .tatecon-tableA-inner td{
box-sizing: border-box;
border: 1px solid #313b4f;
vertical-align: middle;
padding: 0.5rem 1rem;
}
.tatecon-tableA-inner th{
font-weight: normal;
width: auto;
}
.tatecon-tableA-inner td{
width: auto;
}
@media screen and (max-width: 480px){
.tatecon-tableA-inner tbody {
display: block;
width: auto;
 position: relative;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
}
.tatecon-tableA-inner{
min-width: 100%;
table-layout: fixed;
}
.tatecon-tableA-inner th{
width: 90px;
min-width: 90px;
}
.tatecon-tableA-inner tr td:nth-child(2){
width: 60px;
min-width: 60px;
}
.tatecon-tableA-inner tr td:nth-child(3){
width: 60px;
min-width: 60px;
}
.tatecon-tableA-inner tr td:nth-child(4){
width: 60px;
min-width:60px;
}
}
/*　==============================　企業情報　==============================　*/
.com_value_read p{font-size:1.25rem; border-top:1px solid #cccccc; padding:1.5rem 0rem 1.5rem 0rem;}
.recruit_mvv_btn{margin-top: -8rem!important;}
@media screen and (max-width: 498px) {
    .recruit_mvv_btn{margin-top: 1rem!important;}
}

/*　ボタンマージン　*/
@media screen and (min-width: 769px) {
.com_top_btn {margin-bottom:-40px;}}
@media screen and (max-width: 768px) {
.com_top_btn {margin-bottom:-120px;}}
@media screen and (max-width: 480px) {
.com_top_btn {margin-bottom:-25px;}}

/*　メッセージ枠　*/
@media screen and (min-width: 769px) {
.com_message_area {margin:-80px 2rem 0 2rem; position: relative;}}
@media screen and (max-width: 768px) {
.com_message_area {margin:-60px 2rem 0 2rem; position: relative;}}
@media screen and (max-width: 480px) {
.com_message_area {margin:-120px 2rem 0 2rem;   position: relative;}}

/*　==============================　会社概要　==============================　*/

/*　組織図　*/
@media screen and (min-width: 769px) {
.orga_space {padding-top:610px;}}
@media screen and (max-width: 768px) {
.orga_space {padding-top:540px;}}
@media screen and (max-width: 480px) {
.orga_space {padding-top:320px;}}

/*　会社概要　*/

.outline_table_wrapper{
}
.outline_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline_contents dt{
padding: 1rem 1rem 1rem 0rem;
width: 105px;
border-top: 1px solid #4385c6;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#999;
}
.outline_contents dd{
text-align: left;
padding: 1rem 0rem ;
width: calc(100% - 105px);
border-top: 1px solid #ededed;
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline_contents dt{
font-size: 95%;
font-weight: bold;
color:#999;
padding: 1rem 0rem 0.3rem 0rem;
width: 100%;
border-top: 1px solid #ededed;
}
.outline_contents dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #4385c6;
}
.outline_contents dd{
font-size: 1rem;
padding: 0rem 0rem 1rem 0rem;
width: 100%;
border: none;
}
}

/*　==============================　沿革　==============================　*/

/*　--------------------　50周年ボタン　--------------------　*/
.his_btn_info .fs_btn_text {
line-height:1.9rem;
}
.his_btn_info .fs_btn_text_main{
font-size: 1.4rem;
}
.his_btn_info .fs_btn_text_sub{
font-size: 0.9rem;
}
.his_btn_info a{
display: block;
background-color: rgba(50,60,80,0.4);
padding: 3.5rem 0;
}
.his_btn_info a:hover{
transition:0.5s;
background-color: rgba(50,60,80,0.8);
}

@media screen and (max-width: 480px) {
.his_coment{margin-right :2rem;}}

/*　　沿革テーブル　　*/

.his_table_wrapper{
}
.his_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.his_contents dt{
padding: 1rem 1rem 1rem 0rem;
width: 160px;
border-top: 1px solid #4385c6;
position: relative;
}
.his_contents dd{
text-align: left;
padding: 1rem 0rem ;
width: calc(100% - 160px);
border-top: 1px solid #ededed;
}
@media screen and (max-width: 768px){
.his_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.his_contents dt{
font-size: 95%;
font-weight: bold;
color:#999;
padding: 1rem 0rem 0.3rem 0rem;
width: 100%;
border-top: 1px solid #ededed;
}
.his_contents dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #4385c6;
}
.his_contents dd{
font-size: 1rem;
padding: 0rem 0rem 1rem 0rem;
width: 100%;
border: none;
}
}

/*　生い立ちの記　*/

.text_line_under::after {
    content: '';
    position: relative;
    display: block;
    width: 1px;
    height: 60px;
    margin: auto;
    background: #4385c6;
}


/*　==============================　採用情報　==============================　*/
.recruit_line_center::after {
    content: '';
    position: relative;
    display: block;
    width: 1px;
    height: 60px;
    margin: auto;
    background: #008741;
}

/*　ボタン　*/

/*　--------------------　50周年ボタン　--------------------　*/
.rec_btn_info .fs_btn_text {
line-height:1.8rem;
}
.rec_btn_info .fs_btn_text_main{
font-size: 1.5rem;
letter-spacing: 0.2rem;
}
.rec_btn_info .fs_btn_text_sub{
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.1rem;
}
.rec_btn_info a{
display: block;
background-color: rgba(67,133,198,0.8);
padding: 4rem 0;
}
.rec_btn_info a:hover{
transition:0.5s;
background-color: rgba(67,133,198,0.4);
}


/*　----------　募集要項　----------　*/
.rec_left {
      font-size: 0.9rem;
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
     font-weight: bold;
      text-align: center;
background: #313b4f;
color: #fff;
vertical-align: middle;
}
.rec_right {
      font-size: 0.9rem;
      text-align: justify;
      padding: 1rem;
      vertical-align: top;
      width: 80%;
}

.rec_line {
     border-top:1px solid #ccc;
}

/*　==============================　キャリアステップ　==============================　*/

@media screen and (min-width: 769px) {
.step_img {padding-top:420px;}}
@media screen and (max-width: 768px) {
.step_img {padding-top:300px;}}
@media screen and (max-width: 480px) {
.step_img {padding-top:190px;}}

@media screen and (min-width: 769px) {
.cstep_img {padding-top:900px;}}
@media screen and (max-width: 768px) {
.cstep_img {padding-top:800px;}}
@media screen and (max-width: 480px) {
.cstep_img {padding-top:480px;}}


/*　==============================　職場紹介　==============================　*/

.event_left {
      font-size: 0.9rem;
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
     font-weight: bold;
      text-align: center;
background: #313b4f;
color: #fff;
vertical-align: middle;
}
.event_right {
      font-size: 0.9rem;
      text-align: justify;
      padding: 1rem;
      vertical-align: top;
      width: 80%;
}

.event_line {
     border-top:1px solid #ccc;
}

/*　==============================　スタッフ紹介　==============================　*/

/*　トップインタービューリスト　*/

.staff_box .archiveEachBox .eachArticle p.post-time ,
.staff_box02 .archiveEachBox .eachArticle p.post-time
{ display:none; }

.staff_box .archiveEachBox .eachArticle h3.post-title ,
.staff_box02 .archiveEachBox .eachArticle h3.post-title
{
    font-size: 1.2rem!important;
    margin: -45px 0 0 0;
    padding: 10px 0;
}

.staff_box a { color:#4485c7;  }
.staff_box02 a { color:#008741;  }

.staff_boxC #archiveBoxesC3 > div{
display: -webkit-flex!important;
display: -moz-flex!important;
display: -ms-flex!important;
display: -o-flex!important;
display: flex!important;
flex-flow: row nowrap;
justify-content: space-around;
align-items: flex-start;
width: 100%;
}
.staff_boxC #archiveBoxesC3 .archiveEachBox{
float:none!important;
margin-right:0%!important;
}
@media screen and (max-width: 480px) {
.staff_boxC #archiveBoxesC3 > div{
flex-flow: row wrap;
}
.staff_boxC #archiveBoxesC3 .archiveEachBox{
float:none!important;
margin:0%!important;
}
}

/*　インタビュー　*/
.okblue_bg { background-color: #4485c7; }

/*　インタビュー image space　*/
@media screen and (min-width: 769px) {
.int_image{ padding-top:360px; }}
@media screen and (max-width: 768px) {
.int_image{ padding-top:280px; }}
@media screen and (max-width: 480px) {
.int_image{ padding-top:200px; }}

/*　インタビュー原稿02　*/
@media screen and (min-width: 481px) {
.int_image_L { margin-top: -5rem!important;}}

@media screen and (min-width: 769px) {
.int_image_L{ padding-top:480px; }}
@media screen and (max-width: 768px) {
.int_image_L{ padding-top:360px; }}
@media screen and (max-width: 480px) {
.int_image_L{ padding-top:300px; }}


/*　Q&A　*/
/*　背景色　*/
.okgreen_bg { background-color: #008842; }

/*　Q2ポジション　*/
@media screen and (min-width: 481px) {
.q2_position { margin-top: -300px!important;}}

/*　Q3ポジション　*/
@media screen and (min-width: 481px) {
.q3_position { margin-top: -30px!important;}}

/*　Q&A image space　*/
@media screen and (min-width: 769px) {
.qa_image{ padding-top:360px; }}
@media screen and (max-width: 768px) {
.qa_image{ padding-top:280px; }}
@media screen and (max-width: 480px) {
.qa_image{ padding-top:200px; }}


/*　下部リスト　*/

/*.stafflist .slick-prev, .stafflist .slick-next { display:none!important; }*/
.stafflist .slick-prev{left: -1.75rem!important;}
.stafflist .slick-next{right: -1.75rem!important;}
#archiveBoxesC4-slidecardA .slick-prev:before{
content: ' \f053'!important;
font-family: FontAwesome!important;
color: #ffffff!important;
}
#archiveBoxesC4-slidecardA .slick-next:before{
content: ' \f054'!important;
font-family: FontAwesome!important;
color: #ffffff!important;
}
.stafflist .archiveCardA-list-img { background-position: top!important; height:50vh!important; }
.stafflist .archiveCardA-txt-ttl { font-size: 1.1rem!important; text-align: center; padding:1rem 0!important;  }
.stafflist .archiveCardA-txt-read{ display:none; }
.stafflist .archiveCardA-list-txt { background-color:rgba(50,60,80,0.9)!important;  }

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

.formBlockSurveyTable dl dt {
    color: #777777;
    text-align: left;
    width:100%;
    margin-right: 0%!important;
}
.formBlockSurveyTable dl dd {
    width: 100%;
}
.formBlockSurveyTable dl {
    padding: 1% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 96%;
    resize: none;
    border-radius: 0;
    padding: 2%;
}
.formBlockSubmitButton {
    width:100%!important;
    text-align:center!important;
    background-color: #999!important;
    color:#fff;
}
.formBlockSubmitButton:hover {
    background-color: #4385c6!important;
    color:#fff;
    transition:0.6s;
}
.on-pointer input {
    cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 100%;
}
}

/*　==============================　特殊搬送機納入事例　==============================　*/

/*　bxスライダー　*/
.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    left: 0px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #4385c6;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
}


/*　事例 - 仕様　*/

.works_table_wrapper{
}
.work_list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.work_list dt {
    padding: 0.5rem 0;
    width: 80px;
    border-top: 1px solid #4385c6;
    position: relative;
    font-weight: bold;
    text-align: center;
}
.work_list dd{
text-align: left;
padding: 0.5rem 1rem;
width: calc(100% - 80px);
border-top: 1px solid #ccc;
}
@media screen and (max-width: 768px){
.work_list {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.work_list dt{
font-size: 95%;
font-weight: bold;
padding: 0.5rem 0rem 0.2rem 0rem;
width: 100%;
border-top: 1px solid #ccc;
}
.work_list dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #4385c6;
}
.work_list dd {
font-size: 1rem;
padding: 0rem 0rem 0.5rem 0rem;
width: 100%;
border: none;
}
}

/*　事例下部スライダー　*/

.workslist .archiveCardA-txt-ttl
{
    padding: 1rem 1rem 0.2rem 1rem!important;
    font-weight: bold!important;
}
.workslist .slick-prev, .workslist .slick-next {
display:none!important;
}
.workslist .archiveCardA-txt-read{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.workslist #archiveBoxesC4-cardA .archiveCardA-list-img{
height: 18vh;
}
.workslist #archiveBoxesC4-slidecardA .archiveCardA-list-img{
height: 18vh;
}
}

/*　==============================　お知らせ　==============================　*/

/*　———　シェアボタン　———　*/

.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon {
    background-color: #ccc;
}

.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover {
    background-color: #ededed;
        transition:0.5s;
}

/*　　ページリスト関連　　*/

@media screen and (min-width: 481px) {
.ok_list .col-2 { flex: 6;}}
@media screen and (max-width: 480px) {
.ok_list .col-2 { flex: 5;}}

/*.ok_list .col-1 {background-color: #313b4f; padding:0.3rem 0.8rem ;}*/
.ok_list .col-1 {padding:0;}
.ok_list .tk_kiji {padding-left:1rem;}
.ok_list .tk_tags_time {color:#999;}

.ok_list .tk_tags{
line-height: initial;
}

/*　コンポーザー下部ページリスト　*/

.tk_tags {
    padding: 0.3rem 0.8rem;
    font-size: 0.8rem;
    color: #fff;
}
.tk_tags_Flag_flagAs , .flag-tag1{ background-color: #4385c6!important;}
.tk_tags_Flag_flagBs , .flag-tag2{ background-color: #008842!important;}
.tk_tags_Flag_flagCs , .flag-tag3{ background-color: #4385c6!important;}

.tk_title { font-size:1rem; }
.tk_kiji { font-size:0.8rem; }

@media screen and (max-width: 498px) {
.ok_list .tk_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
width: calc(100% - 1rem);
padding-left: 1rem;
}
.ok_list .tk_title .tk_tags{
width: 60px;
margin-bottom: 0.3rem;
}
}
@media screen and (max-width: 498px) {
.ok_list2 .tk_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
width: calc(100% - 1rem);
}
.ok_list2 .tk_title .tk_tags{
width: 60px;
margin-bottom: 0.3rem;
}
}
.con_pagelist a{color:#fff;}

/*　ボーダー関連　*/
 .tk_flex, .con_pagelist .tk_flex{padding:1.5rem 0; }
.con_pagelist .tk_flex {border-bottom: 1px solid #909ba7;}
.tk_flex:last-child , .ok_list  .tk_flex:last-child ,
.con_pagelist .tk_flex:last-child
{border-bottom: 0px solid #fff;}

/*　==============================　ヘッダー　==============================　*/
/*　ヘッダー追従に関する設定　*/
#cID1 header{position:relative; z-index: 990!important;}
header{position:fixed; min-height: auto; z-index: 990!important;}
#cID1 footer{position:relative; top: unset;}
footer{position:relative; top: 100px!important;}

#cID1 #MainContents{position: relative; top: unset;}
#MainContents{position: relative; top: 100px;}

@media only screen and (max-width: 1200px) {
    #MainContents{top: 95px;}
    footer{top: 95px!important;}
}
@media only screen and (max-width: 1024px) {
    #MainContents{top: 90px;}
    footer{top: 90px!important;}
}
@media only screen and (max-width: 960px) {
    #cID1 header{position:fixed; min-height: auto;}
    #cID1 #MainContents{top: 65px;}
    #MainContents{top: 65px;}
    footer{top: 65px!important;}
}

/*　ヘッダーロゴに関する設定　*/
@media screen and (min-width: 769px) {
#top_logo .fs_btn{padding-top: 50px;}
#top_logo {margin: 1rem 1rem 0 1rem; }}

@media screen and (max-width: 768px) {
#top_logo .fs_btn{padding-top: 50px;}
#top_logo {margin: 1rem;}}

@media screen and (max-width: 480px) {
#top_logo .fs_btn{padding-top: 40px; }
#top_logo{background-position: left!important;}}

/*　ブレークポイント関連　*/
@media screen and (min-width: 961px) {
.bp_show_960 {display:none;}}
@media screen and (max-width: 960px) {
.bp_none_960 {display:none;}}

/*　メガナビ　*/
@media screen and (min-width: 1301px) {
.menu > ul > li a {padding: 0.8rem 2rem; letter-spacing: 0.3rem; color:#4485c7;}}
@media screen and (max-width: 1300px) {
.menu > ul > li a {padding: 0.8rem 1.5rem; letter-spacing: 0.3rem; color:#4485c7;}}
@media screen and (max-width: 1150px) {
.menu > ul > li a { letter-spacing: 0.2rem;}}

.menu > ul > li {
    background: none!important;
}
.menu-container {
    background: none!important;
}
.menu > ul > li > ul.normal-sub > li a {
    padding: 0.8rem 1rem;
    font-size:0.9rem;
    letter-spacing: 0rem;
    color:#fff;
}
.menu > ul > li > ul {
    background-color:rgba(50,60,80,0.8) ;
}
 .menu-mobile {
    display: none!important;
}
.menu > ul > li > ul.normal-sub {
    width: 170px;
    left: auto;
    padding: 0;
}
.menu > ul > li > ul > li a {
    width: 100%;
}

/*　--------------------　ホバーアクション　--------------------　*/

.h_navi a {
position: relative;
display: inline-block;
transition: .3s;
}
.h_navi a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #4385c6;
transition: .3s;
}
.h_navi a:hover::after {
width: 100%;
}

/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 1.5rem ;
    margin-left: 6rem ;
    font-size: 1.3rem;
    line-height: 1.5rem;
    border-bottom: none;
}
.main_list_li:nth-child(even) {
    background: rgba(67,133,198,0.1);
}
.fat-nav li a {
    border-bottom: 0px solid #fff;
}
.fat-nav{
    background: rgba(50, 60, 80, 0.98);
    background-image: url(../../../../files/6615/4893/3701/sp_menu_bg.svg);
    background-position: left center;
    background-attachment: scroll;
    background-size: contain;
    background-repeat: no-repeat;
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
    background-color: #4385c6;
}
.fat-nav li p{
    color:#fff;
}
.sp_h_navi .fat-nav li .sub_title{
    font-size: 0.8rem;
    padding-left:0.2rem;
    letter-spacing: 0.05rem;
}
.sp_h_navi .fat-nav li .sub_title :first-child {
    display: none!important;
}

.topfix_A {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
}
.topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}

/*　==============================　フッター　==============================　*/

/*　パンくず　*/
.bc_color a, .bc_color a:visited, .bc_color a:active { color:#fff; }
@media screen and (max-width: 480px) {
.bc_color {padding:0 2rem 1rem 0!important;}}

.fs_breadcrumb span {
margin-left: 0.3rem;
}

/*　———　JPロゴ　———　*/
.footer_jp_logo img{ max-width:240px; }
.footer_jp_logo { padding:3rem 2rem 0 2rem ; }

@media screen and (max-width: 480px) {
.footer_jp_logo img{ max-width:180px; }
.footer_jp_logo { padding:2rem 2rem 0 2rem ; }
}


/*　———　サイトマップ　———　*/

@media screen and (min-width: 481px) {
.sitemap_en{font-size:1.1rem; }
.sitemap_jp{font-size:0.9rem; }
}
@media screen and (max-width: 480px) {
.sitemap_en{font-size:1.4rem; }
.sitemap_jp{font-size:1rem; }
}

.sitemap_en {
padding: 1rem 0.5rem 1rem 0;
vertical-align: middle;
letter-spacing: 0.2rem;
color:#4385C6;
width:50%;
}
.sitemap_jp {
padding: 0.25rem 0 0.25rem 1rem;
vertical-align: middle;
color:#fff;
border-left:1px solid #4a5a78;
width:50%;
}

/*　———　フッターで使用するボタン　———　*/
.f_btn .fs_btn_text_main {
font-size:1.2rem;
}
.f_btn .fs_btn_text_sub {
font-size:0.8rem;
}

/*　———　リンクカラー　———　*/

.f_link a {
position: relative;
display: inline-block;
transition: .3s;
color:#fff;
}

@media screen and (min-width: 1025px){
.f_link a::after{
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 2px;
background-color: #4385C6;
transition: .3s;
}
.f_link a:hover::after{
width: 100%;
}
}

/*　———　ページトップボタン　———　*/

.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}

@media screen and (min-width: 769px) {
.pagetop_btm .fs_btn{ width: 80px; padding-top: 80px;}
.pagetop_btm { margin: 0 15px 15px 0;}}

@media screen and (max-width: 768px) {
.pagetop_btm .fs_btn{ width: 50px; padding-top: 50px;}
.pagetop_btm { margin: 0 5px 5px 0;}}


/*　==============================　文字に関する設定　==============================　*/

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.space_1{
    letter-spacing: 0.1rem;
}
.space{
    letter-spacing: 0.2rem;
}
.space_2{
    letter-spacing: 0.4rem;
}
.space_3{
    letter-spacing: 0.8rem;
}

/*　———　Googlefont　———　*/

.eiji {
font-family: 'Rajdhani', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: local('Rajdhani Medium'), local('Rajdhani-Medium'), url(https://fonts.gstatic.com/s/rajdhani/v7/LDI2apCSOBg7S-QT7pb0EPOqeef2kg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: local('Rajdhani Medium'), local('Rajdhani-Medium'), url(https://fonts.gstatic.com/s/rajdhani/v7/LDI2apCSOBg7S-QT7pb0EPOleef2kg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: local('Rajdhani Medium'), local('Rajdhani-Medium'), url(https://fonts.gstatic.com/s/rajdhani/v7/LDI2apCSOBg7S-QT7pb0EPOreec.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/* latin-ext */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v1/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v1/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*　==============================　デフォルト　==============================　*/

a { text-decoration:none; }

h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

/*　———　ホバー時半調　———　*/

.hover_opacity a:hover{
    opacity: 0.8;
    transition:0.6s;
}

.hover_opacity_img img:hover {
    opacity:0.7;
    transition:0.6s;
}

/* ----------　ボーダーラディウス　---------- */

.br3rem { border-radius: 3rem; }
.br2rem { border-radius: 2rem; }

/* ----------　ポジションリラティブ　---------- */

.pos_rel{position: relative;}

/*　———　telリンク - スマホ版のみ　———　*/

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

/*　———　SP版センター　———　*/

@media screen and (max-width: 480px) {
     .sp_center {  text-align: center!important; }}

/*　———　SP版左　———　*/

@media screen and (max-width: 480px) {
     .sp_left {  text-align: justify!important; }}

/*　———　SP版右　———　*/

@media screen and (max-width: 480px) {
     .sp_right {  text-align: right!important; }}

/*　———　スマホ時改行なし　———　*/

@media screen and (max-width: 480px){
.sp_br_none br { display:none; }}

/*　———　タブレット縦時改行なし　———　*/

@media screen and (max-width: 768px){
.tb_br_none br { display:none; }}

/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp_br br { display:none;}}

/*　スマホ時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 480px) {
.sp_bg_none{background-image: none!important; }}

/*　スマホ時バックグラウンドイメージ表示　*/
@media screen and (min-width: 481px) {
.sp_bg_show{background-image: none!important; }}

/*　タブレット縦時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 768px) {
.tb_bg_none{background-image: none!important; }}

/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}

/*　タブレット時カバー　*/
@media screen and (max-width: 1024px) {
.tb_bg_cover{background-size: cover!important; }}

/*　タブレット時コンテイン　*/
@media screen and (max-width: 768px) {
.tb_bg_contain{background-size: contain!important; }}


.br-sp{display:none;}
@media screen and (max-width: 498px) { 
    .br-sp{display:block; line-height:0rem;}
}

/*　———　マルチイメージ、スリックスライドのポインター無　———　*/
.cuosor {
  pointer-events: none ;
  cursor: default ;
}

/*　==============================　その他　==============================　*/

/*　色関係　*/
.gray_rgba {background-color:rgba(37,37,37,0.5);}
.navy_rgba {background-color:rgba(50,60,80,0.8);}
.dg_rgba {background-color:rgba(60,80,50,0.8);}

@media screen and (max-width: 480px) {
.sp_nevy_rgba {background-color:rgba(50,60,80,0.8);}}

/*　box-shadow　*/
.boxshadow_20 {
box-shadow: 3px 3px 4px 0 rgba(0,0,0,.25);
}
.boxshadow_50 {
box-shadow: 3px 3px 4px 0 rgba(0,0,0,.5);
}
.boxshadow_90 {
box-shadow: 3px 3px 4px 0 rgba(0,0,0,.9);
}

/*　テキストエリア
::selection {
  background: #ffeb32;}*/