body{font-family: 'Noto Sans JP', sans-serif;font-size: clamp(0.8125rem, 0.6872rem + 0.2606vw, 1rem); font-weight:400; line-height:1.7; color:#1A1A1A; letter-spacing:1px;overflow-x: hidden; }
@media screen and (max-width: 768px) {
body{font-size:15px;line-height:1.5; letter-spacing:1px; overflow-wrap: anywhere;}
}
.site_logo img{position:fixed; top:14px; left:20px; z-index:3}
.global_inner{max-width:1400px; margin:0 auto; position:relative;padding: 0 20px;}
.global_inner_wide{ margin:0 auto; position:relative; width:90%;}
.global_inner.manual{padding-left: 7%;padding-right: 7%;}

.stage{padding-top:90px;}
.stage main{display:flex;}







.stage main .contents{width:100%;}
.stage main .contents a{color:#00A5E6;}
.stage main .contents a.text_black{color:#000;}

.stage main .side{width:250px;min-width:250px; margin-left:60px;}
.stage main.iso .side{display:none;}








h1,h2,h3,h4,h5,h6{line-height:1; font-weight:700;}
h1{font-size:20px;color:#FFF; margin-bottom:0px; }
h1 span{display:block;font-size:62px;margin-bottom:20px;font-family: "Roboto", sans-serif; font-weight:600;}
h2{font-size:32px; position:relative; padding-left:50px; margin-bottom:60px; line-height:1.4;} 
h2:before{content:""; width:30px; height:2px; background:#00A5E6; position:absolute;top:22px; left:0; }

h2.top{font-size:16px; color:#00A5E6; margin-bottom:40px; padding-left:0;}
h2.top:before{content:none;}
h2.top span{display:block;font-size:42px;margin-bottom:24px; color:#1A1A1A;}

h3{ border-left:solid 2px #00A5E6; padding-left:20px; font-size:20px; font-weight:700; margin-bottom:20px; margin-top:80px; line-height:1.4;} 
h3 span{margin-left:20px; font-size:18px;}
h3.top{font-size:32px; position:relative; padding-left:50px; border-left:none;font-weight:500; margin-bottom:0;} 
h3.top:before{content:""; width:30px; height:2px; background:#00A5E6; position:absolute;top:22px; left:0; }
h4{color:#00A5E6; font-size:16px; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px; margin-top:40px;}
h5{color:#00A5E6; font-size:16px; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px; margin-top:40px;}
h6{font-size:16px; font-weight:bold; margin-bottom:30px; line-height:1.4;}
a:hover{transition:0.3s all; }
a{transition:0.3s all; }
a.underline{text-decoration:underline; color:#00A5E6;}
img{width:100%; height:auto;}
a img{transition:0.3s all;}
img.auto{max-width: 100%;    height: auto; width:auto;}
p{margin-bottom:20px;}



.box{display:flex;justify-content: space-between;flex-wrap: wrap; }
.box.col2 .item{width:48%;}

ul.text-list2 { width: 100%;  margin: auto;  border: 1px solid #CCCCCC;  padding: 2%;line-height: 1.8em;}



ul.anchor{display:flex; margin:40px 0;}
ul.anchor li{width: 31%;margin-bottom: 20px; border-bottom:solid 1px #CFD6D8;transition: 0.4s all;}
ul.anchor li{margin-right:2.33333%;}
ul.anchor li a{padding:12px; text-align:left; display:block; font-size:14px;background-image:url(/db/img/common/ic_arrow_down.svg); background-repeat:no-repeat;background-position: right 10px center; color:#00A5E6; font-weight:bold;}
ul.anchor li:hover{background:#D9D6D6;transition:0.4s all; }

ul.anchor.col2{flex-wrap: wrap;justify-content: space-between;}
ul.anchor.col2 li{width:48%; margin-right:0;margin-bottom:0;margin-top: -1px;}
ul.anchor.col2 li a{padding:20px 40px 20px 20px;}

ul.anchor.col3{flex-wrap: wrap;}
ul.anchor.col3 li{width:31%; margin-right:3.5%;margin-bottom:0;}
ul.anchor.col3 li:nth-child(3n){margin-right:0;}
ul.anchor.col3 li a{padding:20px 40px 20px 20px;}

.item{transition:0.3s all;}
.item:hover{transition:0.3s all;}

ul#tab {width: 100%;text-align: center; display:flex;}
ul#tab li { width:20%; font-size:23px;}
ul#tab li.w25{width:25%;}
ul#tab li a {color: #A7A7A7;text-decoration: none;	border-bottom: 2px solid #eee;    display: block; padding-bottom:16px;}
ul#tab li a.active{border-bottom: 2px solid #00A5E6; color:#00A5E6;}
ul#tab li a.selected,.history #tab li a:hover{    color: #333;    border-bottom: 2px solid #00A5E6;}
#tabcontent{margin-top:70px;}
#tabcontent dl{display:flex;flex-wrap: wrap; position:relative;}
#tabcontent dl:before{position:absolute; width:12px; height:22px; background:#FFF; content:""; left:100px; z-index:1;}
#tabcontent dl dt.year{font-size:30px; color:#00A5E6; position:relative; width:140px; font-weight:600; }
#tabcontent dl dt.year:before{background-color:#EFEFEF; height:100%; width:8px; position:absolute; right:30px; top:0; content:""}
#tabcontent dl dt.year:after{background-image:url(/db/img/common/ic_dot_circle.svg) ; background-repeat:no-repeat; background-position:top;position:absolute; right:30px; top:21px; content:""; width:8px; height:8px; z-index:2;}
#tabcontent dl dt:nth-last-child(3):before {height:27px; }

#tabcontent dl dt.month{width:60px;padding-top: 12px; font-weight:400;}


#tabcontent dl dd{width:calc( 100% - 200px);margin-bottom:40px;padding-top: 12px;}
#tabcontent dl dd .photo{width:240px; margin-top:20px;}



@media screen and (max-width: 768px) {
.global_inner{width:94%;padding: 0 3%; }
.global_inner_wide{width:94%;padding: 0 3%; }
.global_inner.manual{padding-left:0%; padding-right:0%;}

.box{flex-direction: column;flex-wrap: nowrap;}
.box.reverse_sp{flex-direction: column-reverse;}
.box.col2 .item{width:100%;}
h1{font-size:16px;line-height:1.5;}
h1 span{font-size:36px;        line-height: 1; }
h2{font-size:24px; padding-left:40px; margin-bottom:30px;} 
h2:before{width:24px; top:17px; left:0; }

h2.top{margin-bottom:30px; }
h2.top span{font-size:30px;margin-bottom:5px;line-height: 1.2;}
h3{margin-top:50px; line-height:1.2;}
h3 span{margin-left:0px; font-size:18px; display:block; margin-top:5px;}
h4{line-height:1.5;}
h5{ line-height:1.4;}

.stage{padding-top:70px;}
.stage main{flex-direction: column;}
.stage main .side{width:100%;min-width:100%; margin-left:0px; margin-top:70px;}
ul#tab{flex-wrap: wrap;}
ul#tab li { width:20%; font-size:13px;}
ul#tab li.w25{width:50%;}
ul#tab li a{padding:15px 0;}

#tabcontent dl:before{left:65px;top: -5px;}
#tabcontent dl dt.year{font-size:20px; width:85px;}
#tabcontent dl dt.year:after{top:12px;right:10px;}
#tabcontent dl dt.year:before{right:10px;}
#tabcontent dl dt.month{padding-top:3px;width: 45px;}
#tabcontent dl dd{padding-top:3px;width:calc( 100% - 135px);margin-bottom:30px;}
#tabcontent dl dd .photo{width:100%;}
ul.anchor{ margin:30px 0 40px 0;}
ul.anchor{flex-wrap: wrap;}
ul.anchor li{width: 100%; margin-bottom:0;}
ul.anchor li a{font-size:16px;}
ul.anchor.col2 li{width: 100%;}
ul.anchor.col2 li a{padding:16px 40px 16px 0px;}

ul.anchor.col3 li{width: 100%;margin-right:0%;}
ul.anchor.col3 li a{padding:16px 40px 16px 0px;}
ul.anchor.col3 li:nth-child(3n){margin-right:0;}

}

/*====================
ハンバーガーメニュー
=====================*/
header{ background-color:#FFF; position:fixed; width:100%; z-index:3; padding:15px 0 15px 30px; display:flex;justify-content: space-between;align-items: center;}
header .logo{ display:flex;align-items: center; z-index:103;}
header .logo img{height:53px; width:auto;transition:0.3s all;}
header .logo img.character{height:40px; margin-left:20px;}
header .logo img:hover{transform: scale(1.0); opacity:0.8;transition:0.3s all;}

header #navArea{ display:flex;justify-content: flex-end;}
header #navArea .category{ font-weight:500;}
header #navArea .category ul.category_menu1{display:flex;justify-content: flex-end; margin-bottom:10px;}
header #navArea .category ul.category_menu1 li a{font-size: clamp(0.625rem, 0.5415rem + 0.1738vw, 0.75rem); display:block; margin-left:20px; color:#A7A7A7; letter-spacing:2px;}
header #navArea .category ul.category_menu1 li a:hover{color:#00A5E6;}
header #navArea .category ul.category_menu1 li a img{height:20px; width:auto; margin-left:5px;}

header #navArea .category ul.category_menu2{display:flex;justify-content: flex-end;}
header #navArea .category ul.category_menu2 li a{font-size: clamp(0.75rem, 0.6665rem + 0.1738vw, 0.875rem); display:block; margin-left:34px; color:#1A1A1A;}
header #navArea .category ul.category_menu2 li a:hover{color:#00A5E6;}

header #navArea .icon-search-container img{width:50px;}

header #navArea .btn_inquiry a{display:flex;align-items: center;justify-content: center; background:#F0742D; border-radius:40px; padding:15px 20px; text-align:center;font-size: clamp(0.75rem, 0.6665rem + 0.1738vw, 0.875rem); color:#FFF; margin-left:20px;}
header #navArea .btn_inquiry a:hover{background:#00A5E6;}
header #navArea .btn_inquiry a img{width:15px; margin-right:3px;}


header #navArea #searchArea{ display: inline-block; margin-left:20px; display:flex;align-items: center;}
header #navArea #searchArea img{width:40px;}

header #navArea #searchArea .icon-search-container .search-input {
    position: absolute;
    cursor: default;
    right: 32px;
    top: 0;
    width: 0;
    padding: 5px;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 1;
    background-color: rgba(255, 255, 255, 0);
    transition: width 0.2s ease-out;
}



nav {display: block;  position: absolute;  top: -100vh;   width: 100%; height:100vh;	background-color:#FFF;  	-webkit-overflow-scrolling: touch;  transition: all 0.5s;  z-index: 102;  visibility:hidden;}
.open nav {right: 0;   top:0px;  width:100%;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08); padding-top:80px; visibility:visible;}


@media screen and (max-width: 1030px) {
header{padding:15px 0 15px 10px;}
header .logo img.character{margin-left:10px;}
header #navArea .btn_inquiry a{padding:15px 10px;}
header #navArea .category ul.category_menu1 li a{margin-left:10px;}
header #navArea .category ul.category_menu2 li a{margin-left:15px;}
}


@media screen and (max-width: 768px) {
header{height:60px;}
header .logo img{height:40px;}
header .logo img.character{height:36px;}
.open nav{width:100%;}
nav {overflow-y: scroll; }



header #navArea .category{display:none;}
header #navArea .btn_inquiry span{display:none;}
header #navArea .btn_inquiry{display:flex;justify-content: space-between;align-items: center;}
header #navArea .btn_inquiry a{border-radius:50%; aspect-ratio:1; width:40px; height:40px;}
header #navArea .btn_inquiry a img{margin-right:0; width:16px;}
}


/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn { position:relative;  display: block; width: 80px;  height: auto;  transition: all .5s;  cursor: pointer;  z-index: 103;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {  display: block;  position: absolute;  left: 23px;  width: 35px;  height: 2px;  background-color: #1A1A1A;  border-radius: 4px;  transition: all .5s;}
.toggle_btn span:nth-child(1) {  top: 16px;}
.toggle_btn span:nth-child(2) {  top: 27px;}
.toggle_btn span:nth-child(3) {  top: 38px;}
.open .toggle_btn span {  background-color: #1A1A1A;}
.open .toggle_btn span:nth-child(1) { transform: translateY(10px) rotate(-315deg);top: 16px;}
.open .toggle_btn span:nth-child(2) {  opacity: 0;}
.open .toggle_btn span:nth-child(3) { transform: translateY(-10px) rotate(315deg);top: 35px;}

@media screen and (max-width: 768px) {
.toggle_btn span:nth-child(1) {  top: 10px;}
.toggle_btn span:nth-child(2) {  top: 20px;}
.toggle_btn span:nth-child(3) {  top: 30px;}

}
/*============
ハンバーガーメニューのマスク
=============*/
#mask {display: none;  transition: all .5s;}
.open #mask {  display: block;  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  /*background: #000;*/  opacity: .8;  z-index: 101; }



/*==============================
キービジュアル
==============================*/
.kv{margin:0 20px; padding-top:90px;position: relative; }
.kv video {    height: auto;    width: 100%;    overflow: hidden;    object-fit: cover; aspect-ratio:2/1;border-radius: 10px; }
.kv img {    height:auto;    width: 100%;   overflow: hidden;   /* object-fit: cover;*/}
.kv .swiper-wrapper{ height:auto;}
.kv .swiper-slide{ height:auto;}
.kv .swiper-slide .photo{ height: 100%;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-30px;z-index: 1;}




.kv .copy{position:absolute; left:90px; top:70px;color:#FFF; text-shadow: rgba(0,0,0,0.2) 1px 0px 10px;font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; }
.kv .copy span:nth-child(1){ font-size: clamp(1.875rem, 1.25rem + 1.6667vw, 3.25rem); margin-bottom:30px; display:block;line-height:1.4;}
.kv .copy span:nth-child(2){font-size: clamp(0.9375rem, 0.7955rem + 0.3788vw, 1.25rem);display:block;line-height:1.7;}

@media screen and (max-width: 768px) {
.kv{padding-top:90px;}
.kv video {  aspect-ratio:5/7; }
.kv .copy{ left:25px; top:35px;}
.kv .copy span:nth-child(1){font-size:22px;margin-bottom:20px; }
.kv .copy span:nth-child(2){font-size:14px;}
}



/*==============================
トップ：重要なお知らせ
==============================*/
.important-news{margin-top:100px;margin-right: calc(50% - 50vw);}
.important-news .head{display:flex;justify-content: space-between; height:auto; margin:0;}
.important-news .head:before{content:none;}
.important-news .head h2{font-size:20px; color:#00A5E6; margin-bottom:20px;}
.important-news .head h2 img{width:20px; margin-right:10px; height:auto;}
.important-news .swiper-wrapper{height: 140px;}
.important-news .swiper-slide{}
.important-news .swiper-slide a{padding:35px; display:block;background:#EFEFEF;  border-radius:6px; height:100%;position:relative;}
.important-news .swiper-slide a .arrow{right:20px; bottom:20px;}
.important-news .swiper-slide span.date{color:#00A5E6; display:block;}
.important-news .swiper-slide a:hover{background:#D9D6D6;}

@media screen and (max-width: 768px) {
.important-news{margin-right:0;}
.important-news .swiper-slide a{padding:25px;}
.important-news .swiper-pagination-news{width:80%; margin-left:auto; margin-right:auto; display:flex;justify-content: center; margin-top:30px;}
}


/*==============================
トップ：ニュースエリア
==============================*/
.news_area{margin-top:130px;}
.news_area .box{display:flex;justify-content: space-between;}
.news_area .box .item{width:47%;}

.news_area .eir_area_area_top_032{position:relative;}


.news_area .s_eirList_item{font-size:inherit !important;}
.news_area .eir_area_area_top_032 .s_eirList{flex-direction: column;}
.news_area .eir_area_area_top_032 .s_eirList li{width:100% !important; padding-right:0 !important; border-right:none !important;border-bottom: 2px solid #eee !important;border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px;}

.news_area .eir_area_area_top_032 .s_eirList_item_date{order:1 !important;  margin-right:20px;}
.news_area .eir_area_area_top_032 .s_eirModule_date_time{font-size:inherit !important;}

.news_area .eir_area_area_top_032 .s_eirList_item_category{order:2 !important; margin-bottom:0 !important}

.news_area .eir_area_area_top_032 .s_eirList li{   padding-bottom: 20px;    margin-bottom: 20px;}
.news_area .eir_area_area_top_032 .s_eirModule_category_icon{border-radius:25px !important; background:#00A5E6 !important; color:#FFF !important; border:none !important; padding:8px !important; font-size:10px !important; min-width:80px;line-height: 1;}
.news_area .eir_area_area_top_032 .s_eirModule_titleBox{font-size:inherit !important; margin-top:10px !important;}
.news_area .eir_area_area_top_032 .s_titleBox_title_link:hover{ color:#00A5E6;}

.news_area .s_eirTab{flex-wrap: wrap;width:255px;justify-content: flex-start;}

.news_area .eir_area_area_top_032 .s_newsTypeController li a{font-size:10px;padding: 2px 0px 2px 15px; border-left:none;color:#A7A7A7; font-weight:500;}
.news_area .eir_area_area_top_032 .s_newsTypeController li.active::after{content:none;}
.news_area .eir_area_area_top_032 .s_newsTypeController li.active::before{content:none;}
.news_area .eir_area_area_top_032 .s_newsTypeController::after{content:none;}
.news_area .eir_area_area_top_032 .s_newsTypeController li a:before{content:"・";}
.news_area .eir_area_area_top_032 .s_newsTypeController li.active a{color:#00A5E6;}
.news_area .eir_area_area_top_032 .s_newsTypeController{ position:absolute; right:0; top:-75px;margin-bottom: 0px;    z-index: 1;}
.news_area .eir_area_area_top_032 .s_titleBox_title_link{line-height: 1.7;}
@media screen and (max-width: 768px) {
.news_area{margin-top:0;}
.news_area .box .item{width:100%;margin-top:70px;}
.news_area .eir_area_area_top_032 .s_newsTypeController{position:static;margin-bottom: 20px;top:-10px;position: relative;z-index: 0;}
.news_area .eir_area_area_top_032 .s_newsTypeController li a{padding: 2px 15px 2px 0px;}
.news_area .eir_area_area_top_032 .s_newsTypeController li{margin-bottom:8px; font-size:10px;}
.news_area .eir_area_area_top_032 .s_eirList li{   padding-bottom: 15px;    margin-bottom: 15px;}
}

/*==============================
トップ：企業情報
==============================*/
.top_corporate{ margin-top:130px;}
.top_corporate .box{height:370px;border-radius:6px; overflow:hidden;}
.top_corporate .text_area{width:50%; background:#EFEFEF; padding:70px;transition:0.3s all;}
.top_corporate:hover .text_area{background:#D9D6D6;transition:0.3s all;}
.top_corporate .photo{width:50%;}
.top_corporate .photo img{object-fit:cover; height:100%;}

@media screen and (max-width: 768px) {
.top_corporate{ margin-top:70px;}
.top_corporate .box{height:auto;}
.top_corporate .text_area{width:100%;padding: 25px 35px;}
.top_corporate .photo{width:100%; height:220px;}
}

/*==============================
トップ：「エコ＆防災」の取り組み
==============================*/
.top_environment{margin-top:130px;}
.top_environment .text{display:flex; margin-bottom:50px;justify-content: space-between;    align-items: flex-end;}
.top_environment .text a{width:30%; min-width:200px;}
.top_environment .text .viewmore{margin-top:0;}

.top_environment .eco .box{flex-wrap: wrap; margin-top:30px;}
.top_environment .eco .box .item{width:49%; height:190px; border-radius:6px; overflow:hidden; margin-bottom:20px;}
.top_environment .eco .box .item:nth-child(3),.top_environment .eco .box .item:nth-child(4){margin-bottom:0;}
.top_environment .eco .box .item a{display:flex;}
.top_environment .eco .box .item .text_area{ background:#EFEFEF; display:flex;flex-direction: column; position:relative; padding:50px 20px 0 20px; width:50%;transition:0.3s all;}
.top_environment .eco .box .item:hover .text_area{background:#D9D6D6;transition:0.3s all;}
.top_environment .eco .box .item .text_area h4{order:2; text-align:center; font-size:24px; border-bottom:none; color:#1A1A1A; margin-top:0; margin-top:0; padding-bottom:0;}
.top_environment .eco .box .item .text_area .text{order:1; text-align:center; margin-bottom:10px; font-size:16px; color:#00A5E6; display:block; margin-top:0;}
.top_environment .eco .box .item .text_area .arrow{order:3; right: 20px;  bottom: 20px;}
.top_environment .eco .box .item .photo{ width:50%; }
.top_environment .eco .box .item .photo img{height:190px;object-fit:cover;}

.top_environment .disaster{margin-top:60px;}
.top_environment .disaster .box{margin-top:30px;}
.top_environment .disaster .item{width:32%;}
.top_environment .disaster .item .photo{border-radius:6px; overflow:hidden; position:relative;}
.top_environment .disaster .item .photo img{height:220px; object-fit:cover;}
.top_environment .disaster .item:hover .photo img{transform: scale(1.10);transition:0.3s all;}
.top_environment .disaster .item .photo .text{position:absolute; left:20px; bottom:20px; font-size:26px; color:#FFF; font-weight:700; margin-bottom:0;}
.top_environment .disaster .item .title_unit{margin-top:20px; color:#1A1A1A; border:none;}
.top_environment .disaster .item .title_unit h4{font-size:24px; border-bottom:none; color:#1A1A1A; margin-top:0; margin-top:0; padding-bottom:0;}

@media screen and (max-width: 768px) {
.top_environment{margin-top:70px;}
.top_environment .text{flex-direction: column;}
.top_environment .eco .box .item{height:auto;}
.top_environment .eco .box .item a{}
.top_environment .eco .box .item{width:100%;}
.top_environment .eco .box .item:nth-child(3){margin-bottom:20px;}
.top_environment .eco .box .item:nth-child(4){margin-bottom:0px;}
.top_environment .eco .box .item .text_area{width:100%;}
.top_environment .eco .box .item .text_area h4{font-size:20px; margin-bottom:0;}
.top_environment .eco .box .item .photo{width:100%;}
.top_environment .eco .box .item .text_area{padding:20px;display:flex;justify-content: center;align-items: center;}
.top_environment .eco .box .item .text_area .arrow{right: 15px;  bottom: 15px;}
.top_environment .disaster .item{width:100%; margin-top:30px;}
.top_environment .disaster .item:first-child{margin-top:0px;}
.top_environment .text a{width:100%; min-width:200px; margin-top:30px;}
.top_environment .disaster .item .photo .text{font-size:16px;}

}


/*==============================
トップ：カテゴリーメニュー
==============================*/
.top_category{margin-top:130px;}
.top_category .box{flex-wrap: wrap;}
.top_category .box .item{ width:32%;  font-size:20px; font-weight:700;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);display:flex;align-items: center; margin-bottom:20px; border-radius:6px;transition:0.4s all;}
.top_category .box .item:hover{background:#D9D6D6;transition:0.4s all;}
.top_category .box .item img{width:26px; margin-right:15px;}
.top_category .box .item a{display:flex;align-items: center; position:relative; padding:0 32px;width: 100%;height:90px;}
.top_category .box .item .title{color:#1A1A1A; border:none; line-height:1.4;}
.top_category .box .item .arrow{top: 50%; transform: translateY(-50%); bottom:unset; right:15px;}

@media screen and (max-width: 768px) {
.top_category{margin-top:70px;}
.top_category .box .item{width:100%; font-size:16px;}
.top_category .box .item a{height:65px;padding: 0 15px;}
}

/*==============================
トップ：SNS
==============================*/
.top_sns{margin-top:130px;}
.top_sns .item{width:23%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding:20px 0; text-align:center;}
.top_sns .item img{height:70px; width:auto;transition:0.3s all;}
.top_sns .item:hover img{opacity:0.5;transition:0.3s all;}
.top_sns .item span{font-size:14px; font-weight:400; display:block;transition:0.3s all;}
.top_sns .item:hover span{opacity:0.5;transition:0.3s all;}

@media screen and (max-width: 768px) {
.top_sns{margin-top:70px;}
.top_sns .item{width: 100%;padding: 15px 0; margin-top:20px;}
.top_sns .item:first-child{margin-top:0;}
}

/*==============================
トップ：フット問い合わせ
==============================*/
.inqury_box{margin-top:130px;}
.inqury_box .item{width:49%; background-repeat:no-repeat; background-size:cover; border-radius:10px; overflow:hidden; color:#FFF;font-size:20px; }
.inqury_box .item a{display:flex;flex-direction: column;align-items: center;justify-content: flex-end; padding:70px;   height: 100%;}
.inqury_box .item:nth-child(1){background-image:url(/db/img/top/top_foot01.jpg);}
.inqury_box .item:nth-child(2){background-image:url(/db/img/top/top_foot02.jpg);}
.inqury_box .item .text{text-align:center; margin-bottom:40px;    color: #FFF;}
.inqury_box .item .btn{border-radius:40px; text-align:center; width:360px;}

.inqury_box .item .btn{padding:25px;display:flex;justify-content: center;align-items: center;transition:0.5s all;}
.inqury_box .item .btn .text{ margin-bottom:0;padding-left:30px;background-size:18px 16px;background-repeat:no-repeat; background-position:center left;transition:0.5s all;}
.inqury_box .item .btn.inquiry{background-color:#F0742D; }
.inqury_box .item .btn.inquiry .text{background-image:url(/db/img/common/ic_mail_white.svg) ;  }
.inqury_box .item .btn.shop{background-color:#00A5E6;}
.inqury_box .item .btn.shop .text{background-image:url(/db/img/common/ic_shop_white.svg); }

.inqury_box .item:hover .btn{background-color:#FFF;transition:0.5s all;}
.inqury_box .item:hover .btn.inquiry .text{background-image:url(/db/img/common/ic_mail_orange.svg) ;transition:0.5s all;  }
.inqury_box .item:hover .btn.shop .text{background-image:url(/db/img/common/ic_shop.svg) ;  }
.inqury_box .item:hover .btn.inquiry .text{ color:#F0742D;}
.inqury_box .item:hover .btn.shop .text{ color:#00A5E6;}

.inqury_box.renovation .text{background-image:none !important;margin:20px 0;}
.inqury_box.renovation .item .btn{width:400px;}
.inqury_box.renovation .item .btn .text{margin:0; padding-left:0;}

@media screen and (max-width: 768px) {
.inqury_box{margin-top:70px;}
.inqury_box .item{width:100%;font-size: 16px;}
.inqury_box .item:first-child{margin-bottom:20px;}
.inqury_box .item a{padding:25px;display:flex;justify-content: center;align-items: center;min-height: 260px;}
.inqury_box .item .btn{max-width:300px; font-size:20px;}
.inqury_box .item .text{margin-bottom:30px;}
}


/*==============================
フッター問い合わせ（1カラム）
==============================*/
.inqury_box .item.col1{width:100% !important;   background-size: cover;background-position: center;}


/*==============================
問い合わせ：リモコンに関するお問い合わせ
==============================*/
.remotecontol{}

.remotecontol .bg_gray{background-color:#EFEFEF; border-radius:6px;}
.remotecontol .item{margin-bottom:20px; width:30%;}
.remotecontol .item .modal-btn:hover{cursor:pointer;}
.remotecontol .item .photo{text-align:center; background:#FFF; border-radius:6px; text-align:center; border:solid 1px #CFD6D8; padding:20px;transition:0.4s all; }
.remotecontol .item .photo .photo_text{margin-top:10px; font-size:14px;color:#000;}
.remotecontol .item .name{background-image: url(/db/img/common/ic_arrow_down.svg);background-repeat: no-repeat;    background-position: right 10px center; padding:14px 0; color:#000; padding-right:40px;transition:0.4s all;}
.remotecontol .item .name:hover{ color:#00A5E6;transition:0.4s all;}
.remotecontol .item .name.arrow_right{background-image: url(/db/img/common/ic_arrow.svg);}
.remotecontol .inner{margin-left:auto; margin-right:auto; width:70%;}
.remotecontol .inner h6{margin-bottom:10px; margin-top:40px;}

@media screen and (max-width: 768px) {
.remotecontol .item{width:100%;margin-top:15px; margin-bottom:0;}
.remotecontol .item:first-child{margin-top:15px;}
.remotecontol .item .photo{padding:15px;}
.remotecontol .inner{width:100%;}
}

/*========================
パンくず
=========================*/
.breadcrumbs{font-size:14px; padding-left:100px; margin-bottom:20px; font-weight:400;}
.breadcrumbs ul{display:flex;}
.breadcrumbs ul li{position:relative; margin-right:22px;}
.breadcrumbs ul li:after{  content: "";background:url(/db/img/common/ic_arrow_forward.svg) no-repeat; position: absolute; top: 50%; right: -14px; transform: translateY(-50%); width:6px; height:10px; }
.breadcrumbs ul li:last-child:after{content:none;}
.breadcrumbs ul li a:hover{text-decoration:underline;}

@media screen and (max-width: 768px) {
.breadcrumbs{ padding-left:20px; padding-right:10px;font-size:12px; }
.breadcrumbs ul{display: inline-block;}
.breadcrumbs ul li{display: inline;}
.breadcrumbs ul li:after{ top: unset; right: -14px; transform:none; bottom:2px; }
}


/*========================
テーブル
=========================*/
table {width:100%;}
table th, table td{padding:30px;border-top:solid 1px #CFD6D8; line-height:1.8;}
table tr:first-child th, table tr:first-child td{border-top:none;}
table tr:last-child th, table tr:last-child td{border-bottom:solid 1px #CFD6D8;  }
table th{text-align:center;vertical-align: top; font-weight:500; text-align:left;}
table td{background:#FFF;border-right:solid 1px #CFD6D8;}
table td:last-child{border-right:none;}
table td:first-child,table th:first-child{padding-left:0; padding-right:0;}




table.iso{border:solid 1px #CFD6D8;}
table.iso th{background:#E7F0F3; text-align:center;}
table.iso th, table.iso td{padding:13px ;border-right:solid 1px #CFD6D8;}

table.iso_detail{border:solid 1px #CFD6D8;}
table.iso_detail td{padding:13px;border-right:solid 1px #CFD6D8;}
table.iso_detail th{ text-align:left;background:#E7F0F3;padding:13px ;}
table.iso_detail th, table.iso_detail td{ font-size:14px;}
table.iso_detail th:nth-child(1){ width:16%;}
table.iso_detail th:nth-child(2){ width:16%;}
table.iso_detail th:nth-child(3){ width:34%;}
table.iso_detail th:nth-child(4){ width:16%;}
table.iso_detail th:nth-child(5){ width:16%;}

table.reset td{padding:0; border-bottom:none !important;}

table.network{margin-top:40px;}
table.network th{background-color: #CFD6D8; border-bottom:solid 1px #FFF;}
table.network th, table.network td{ padding:20px;}
table.network img.ic_map{width:20px; margin-left:10px;}


table.th_gray{border:solid 1px #CFD6D8;}
table.th_gray th{background:#E7F0F3; text-align:center;}
table.th_gray td{padding:13px; border-right:solid 1px #CFD6D8;}
table.th_gray th, table.th_gray td{padding:13px ;border-right:solid 1px #CFD6D8;}

table.td_center td{text-align:center;}
table.th_left th{text-align:left;}

table.ir_stock{ margin-top:60px;}
table.ir_stock th{background:#E7F0F3; text-align:center; padding:10px; border-top:none;border-right:solid 1px #CFD6D8;border-top:solid 1px #CFD6D8;}

table.ir_stock tr:first-child th, table.ir_stock tr:first-child td{border-top:solid 1px #CFD6D8;}
table.ir_stock td{border-right:solid 1px #CFD6D8;}
table.ir_stock td:last-child{border-right:none;}
table.ir_stock td:nth-child(2){text-align:center;}
table.ir_stock td:nth-child(3){text-align:center;}

table.all_border{}
table.all_border th,table.all_border td{ border:1px solid #CFD6D8;}
table.all_border th{background:#E7F0F3;}
table.all_border td:first-child, table.all_border th:first-child{padding:30px;}
table.all_border tr:first-child th, table.all_border tr:first-child td{border-top:solid 1px #CFD6D8;}

table.vertical_middle th,table.vertical_middle td{ vertical-align:middle;}

@media screen and (max-width: 768px) {
table td,table th{width:100%; display:block; padding:15px 10px; font-size:15px; border:1px solid #CFD6D8;}
table td:first-child{ font-weight:bold;}
table tr:first-child th, table tr:first-child td{border-top:1px solid #CFD6D8;}
table td:first-child, table th:first-child{padding:15px 10px;}
table td:last-child{border-right:1px solid #CFD6D8;}
table th{ background:#e7f0f3;}
table.static td,table.static th{width:auto; display:table-cell;}
table.static td:last-child{border-top:solid 1px #CFD6D8;}
table.js-scrollable th, table.js-scrollable td{ white-space:nowrap;}
table.iso{border:none;}
table.iso th{width:100%;}
table.iso td{width:33.333333333%; display:inline-block; font-size:80%;}
table.iso td:first-child{width:100%;}
table.iso th, table.iso td{border-right:none;border-right:none;border-top:none; padding:10px; border:none;}
table.iso td:nth-child(1){border-left:none;border-right:none; width:100%;border-top:solid 1px #CFD6D8;}
table.iso td:nth-child(2){border-left:none; border-right:none;width:35%;border-bottom:none; }
table.iso td:nth-child(3){ width:32.5%;border-bottom:none;border-right:none; }
table.iso td:nth-child(4){ width:32.5%;border-bottom:none; border-right:none;}
table.iso th{display:none;}
table.iso td:first-child{background:#f5f5f5; }

table.iso_detail th:nth-child(1){ width:auto;}
table.iso_detail th:nth-child(2){ width:auto;}
table.iso_detail th:nth-child(3){ width:auto;}
table.iso_detail th:nth-child(4){ width:auto;}
table.iso_detail th:nth-child(5){ width:auto;}
table.iso_detail td:first-child{ font-weight:400; padding:13px; }

table.iso_detail th{white-space:nowrap;}
table.network th{display:none;}
table.network th, table.network td{padding:10px;}
table.network th, table.network td:first-child{ background:#e7f0f3;}
table.network th, table.network td:nth-child(2){border-bottom:none;}
table.network th, table.network td:nth-child(3){border-top:none; padding-top:0; padding-bottom:10px}
table.network th.areaname{display:block;padding: 10px;background-color: #CFD6D8; font-weight:bold; font-size:16px;}
table.ir_stock td{border-top: solid 1px #CFD6D8;}
table.ir_stock td.small,table.ir_stock th.small{font-size:80%;}
table.ir_stock td:last-child{border-right: solid 1px #CFD6D8;}
table.all_border td:first-child, table.all_border th:first-child{padding:15px 10px; font-weight:normal;}
}

/*====================
下層：見出し
=====================*/
.head{position:relative;height:400px;margin:0 20px 90px 20px; border-radius:10px; overflow:hidden;}
.head:before{content: "";   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;   background: linear-gradient(rgba(0, 0, 0, .3),  rgba(0, 0, 0, .3));}
.head h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); text-align:center;    width: 95%; }
.head img{height:400px;object-fit:cover;}
.head.philosophy img{object-fit:none;}
.head.philosophy:before{background: linear-gradient(rgba(0, 0, 0, .5),  rgba(0, 0, 0, .5));}
.head.policy:before{background: linear-gradient(rgba(0, 0, 0, .5),  rgba(0, 0, 0, .5));}
.head.y70th:before{background: linear-gradient(rgba(0, 0, 0, 0),  rgba(0, 0, 0, 0));}

.head.news img{object-position: bottom;}

@media screen and (max-width: 768px) {
.head{height:180px;margin:0 20px 40px 20px; border-radius:10px; overflow:hidden;}
.head img{height:180px;object-fit:cover;}

.head.philosophy img{object-fit:contain;object-position: top;}
.head.y70th{height:auto;}
.head.y70th img{width:100%; height:auto;}
}



/*====================
サイドバー
=====================*/
.side{position:sticky; top:140px;}

.side ul li{ margin-bottom:6px; position:relative;}
.side ul li a{padding:15px 40px 15px 20px; display:block;background-color:#03445D;border-radius:6px;color:#FFF;/*background-image:url(/db/img/common/ic_arrow_white.svg); background-repeat: no-repeat; background-position:right 12px center; */ font-size:14px; }
.side ul li a:hover{background-color:#00A5E6;}
.side ul li a.current{background-color:#A7A7A7;}
.side .arrow{right:12px; bottom:unset;top: 50%; transform: translateY(-50%);}



.side .js-accordion-title{position:relative;transition:0.4s all;padding:15px 40px 15px 20px; display:block;background-color:#03445D;border-radius:6px;color:#FFF; font-size:14px;margin-bottom:6px;}
.side .js-accordion-title:hover{cursor:pointer;background-color:#00A5E6;}
.side ul.accordion-content{transition: max-height 0.3s ease; background:#EFEFEF; border-radius:6px; padding:20px 0; margin-bottom:6px;}
.side ul.accordion-content li a{background-color:transparent; color:#1A1A1A;padding: 5px 20px;}
.side ul.accordion-content li a:hover{color:#00A5E6;}




.side .js-accordion-title::before,.side .js-accordion-title::after{
	content: "";position: absolute;background-color: #FFF; width: 14px;  height: 2px;  transition: all .5s;top: 26px; right:12px;}



.side .js-accordion-title::before{/* 閉じている時 */
	transform: rotate(90deg);
	
}
.side .js-accordion-title::after{}
.side .js-accordion-title.open{background:#00A5E6;}
.side .js-accordion-title.open::before{/* 開いている時 */
	content: "";
	transition: all .3s ease-in-out;  transform: rotate(0deg);
}






/*========================
企業情報
=========================*/
.corporate{font-family: 'Noto Sans JP';font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";container-type: inline-size;}
.corporate .head{height:330px; position:relative;}
.corporate .head img{width:100%; height:330px; object-fit:cover;}
.corporate .head h2{position: absolute; top: 50%; left: 15%; transform: translateY(-50%); color:#FFF; font-size:40px; margin:0;}




.corporate .corporate-nav{}
.corporate .corporate-nav .accordion-container{display:flex;justify-content: space-between;}
.corporate .corporate-nav .item{width:18%; padding:0 15px; }
.corporate .corporate-nav .item:last-child{border-right:none;}
.corporate .corporate-nav .item .title_unit{margin-top:30px;}
.corporate .corporate-nav .item .title_unit > div{margin-bottom:10px;}
.corporate .corporate-nav .item .title_unit:first-child{margin-top:0;}
.corporate .corporate-nav .item h3{ font-size:16px; color:#00A5E6; border-left:none; padding-left:0; margin-bottom:0; margin-top:0;}
.corporate .corporate-nav .item h3 a{color:#00A5E6; display:block;}
.corporate .corporate-nav .item ul.dot{margin-top:10px;}
.corporate .corporate-nav .item ul.dot li{font-size:14px;}
.corporate .corporate-nav .item ul.dot li a{color:#1A1A1A;}
.corporate .corporate-nav .item ul.dot li a:hover{color:#00A5E6;}
.corporate .corporate-nav-panel{ margin-top:80px; }
.corporate .corporate-nav-panel .box{display:flex;flex-wrap: wrap;justify-content: space-between;  }
.corporate .corporate-nav-panel .box .item{width:31%; margin-bottom:60px;transition:0.3s all;padding: 2px; }
.corporate .corporate-nav-panel .box .item:nth-child(n+7){margin-bottom:0px;}
.corporate .corporate-nav-panel .box .item .title_unit{border:none; margin-top:20px;}
.corporate .corporate-nav-panel .box .item .title_unit .arrow{top:6px;transform:unset;} 
.corporate .corporate-nav-panel .box .item h4{ position:relative; font-size:16px; margin-bottom: 0; color:#1A1A1A;transition:0.3s all; line-height:1.4;border-bottom:none; margin-top:0; padding-bottom:0;}
.corporate .corporate-nav-panel .box .item:hover h4{ color:#00A5E6;transition:0.3s all; }
.corporate .corporate-nav-panel .box .item .photo{overflow:hidden; border-radius:6px;}
.corporate .corporate-nav-panel .box .item .photo.border{border:solid 1px #CFD6D8;}
.corporate .corporate-nav-panel .box .item img{aspect-ratio: 6 / 4; object-fit:cover; width:100%;}
.corporate .corporate-nav-panel .box .item a{color:#000; text-decoration:none;}
.corporate .corporate-nav-panel .box .item a:hover{color:#000; text-decoration:none;}
.corporate .corporate-nav-panel .box .item a:hover img{transform: scale(1.1);transition:0.3s all; }





.companyofficer .box{border-bottom:solid 1px #CFD6D8; padding-bottom:30px; margin-bottom:30px;}
.companyofficer .photo{width:15%;}
.companyofficer .text_area{width:80%;}
.companyofficer .text_area h3{margin-top:0;}
.companyofficer .text_area h3 span{font-size:20px;}
.companyofficer .text_area dl{display:flex;flex-wrap: wrap;}
.companyofficer .text_area dl dt{width:15%; font-weight:400;}
.companyofficer .text_area dl dd{width:85%;font-weight:400; }

.executive{margin-top:100px;}
.executive .box{flex-wrap: wrap; margin-top:45px;border-bottom:none; padding-bottom:0; margin-bottom:0;}
.executive .item{width:49%; }
.executive .item .unit{border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px;}



.led .text{margin-top:40px;}
.led .photo_group_col2{display:flex;justify-content: space-between; }
.led .photo_group_col2 img{width:48%; }

.led .box{flex-wrap: wrap;margin-bottom: 40px;  }
.led .box .item{ width:48%;margin-top:40px;}
.led .box .item.col1{width:100%;}
.led .box .item .text{margin-top:20px;}
.led .box:last-child{margin-bottom:0;}

.access iframe{margin-bottom:40px; width:100%;}
.access .text{margin-bottom:40px;}


.philosophy h3 span{font-size:16px;}
.philosophy h3:nth-of-type(2){margin-top:100px;}
.philosophy .photo{margin-top:40px;}
.philosophy .photo img{width:auto;}

.philosophy .text{margin-top:30px;}

.corporate .panel .box{flex-wrap: wrap;}
.corporate .panel .box .item{ border-radius:6px; background:#EFEFEF; margin-bottom:40px; width:48%; }
.corporate .panel .box .item::nth-last-child(1){margin-bottom:0;}
.corporate .panel .box .item::nth-last-child(2){margin-bottom:0;}
.corporate .panel .box .item a{display:block;position:relative;padding:32px 32px 60px 32px;    height: 100%;}
.corporate .panel .box .item:hover{background:#D9D6D6;}
.corporate .panel .box .item h4{font-size:20px; color:#00A5E6; line-height:1.5; margin-top:30px;border-bottom:none; padding-bottom:0; margin-bottom:0;}
.corporate .panel.group .box .item h4{ margin-top:14px;}
.corporate .panel.group .box .item h4:nth-of-type(2){margin-top:30px;}
.corporate .panel .box .item h5{font-weight:bold; margin-top:15px;padding-bottom:0; margin-bottom:5px; color:#000;border-bottom:none; }
.corporate .panel .box .item .text_area{ }
.corporate .panel .box .item .text_area .category{background:#FFF; padding:3px 5px; width:fit-content; margin-top:20px;border-radius:4px; font-size:14px; color:#000;}
.corporate .panel .box .item .arrow{position:absolute; right:20px; bottom:20px;}
.corporate .panel .box .item .text{margin-top:24px; color:#000000}
.corporate .panel .box .item .photo img{height:180px; object-fit:cover;}
.corporate .panel .box .item.wide{width:100%;}
.corporate .panel .box .item.wide a{display:flex;flex-wrap: wrap;justify-content: space-between; position:relative;padding: 32px 32px 0 32px; height:auto;}
.corporate .panel .box .item.wide h4{margin-top:0; }
.corporate .panel .box .item.wide .photo{width:40%;}
.corporate .panel .box .item.wide .text_area{width:55%;}
.corporate .panel .box .item.wide .foot {transition:0.3s all; }
.corporate .panel .box .item.wide .foot .arrow{right:0; bottom:unset;}
.corporate .panel .box .item.wide .foot{background:#FFF;  margin:24px;}
.corporate .panel .box .item.wide .foot a{padding:30px;display:flex;justify-content: space-between; color:#000000;}
.corporate .panel .box .item.wide .foot .photo{width:152px;}
.corporate .panel .box .item.wide .foot .photo img{height:auto;}
.corporate .panel .box .item.wide .foot .text{width:calc( 100% - 180px); margin-top:0;}
.corporate .panel .box .item.wide .foot:hover .viewmore {color: #00A5E6;transition:0.3s all; }




.corporate .eco ul.anchor{margin-bottom:0;}

.corporate .product_detail{}
.corporate .product_detail h4{color:#00A5E6; font-size:16px; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px; margin-top:40px;}

.corporate .product_detail .item{width:48%;}

.corporate .product_detail .lineup .box{flex-wrap: wrap; }
.corporate .product_detail .lineup .box .item{border-radius:6px; overflow:hidden;min-height:270px; background:#EFEFEF; margin-bottom:40px; width:48%;}
.corporate .product_detail .lineup .box .item:hover{background: #D9D6D6;}
.corporate .product_detail .lineup .box .item a{display:flex;height: 100%;}
.corporate .product_detail .lineup .box .item .text_area{padding:25px; width:50%; text-align:center; position:relative;}
.corporate .product_detail .lineup .box .item .text_area .category{border-radius:4px; background:#FFF; margin-bottom:23px; font-size:14px; width:fit-content; margin-left:auto; margin-right:auto; color:#000; padding:5px;}
.corporate .product_detail .lineup .box .item .text_area h3{font-size:20px; font-weight:700; margin-bottom:15px; padding-left:0; border-left:none; color:#000; line-height:1.5; margin-top:0;}
.corporate .product_detail .lineup .box .item .text_area h3 span{margin-left:0; font-size:14px;}
.corporate .product_detail .lineup .box .item .text_area .text{margin-bottom:23px;color:#000;}
.corporate .product_detail .lineup .box .item .text_area .note{ color:#00A5E6; font-size:14px;}
.corporate .product_detail .lineup .box .item .text_area .arrow{right:20px; bottom:20px;}
.corporate .product_detail .lineup .box .item .photo{width:50%;}
.corporate .product_detail .lineup .box .item .photo img{height:100%; object-fit:cover;}

@media (max-width: 767px) {
.corporate .corporate-nav .item ul.dot li{font-size:14px; padding-top:5px; padding-bottom:5px;}
.corporate .panel .box .item .arrow{bottom:20px;}
.led .box .item{ width:100%;margin-top:40px;}

}

/*==============================
ネットワーク
==============================*/
.area_category{margin-bottom:80px;}
.area_category .box{}
.area_category .box .item{ width:12.5%;  font-size:16px; font-weight:700; margin-bottom:20px;transition:0.4s all;}
.area_category .box .item a{ text-align:center;padding:15px 0; border-bottom:solid 2px #CFD6D8;color:#A7A7A7; display:block;}
.area_category .box .item a.current{ border-bottom:solid 2px #00A5E6;color:#00A5E6;}
.area_category .box .item a:hover{color:#00A5E6;}

.area_category .box .item a.current .arrow{}

@media (max-width: 767px) {
.area_category{margin-bottom:40px;}
.area_category .box{display:flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.area_category .box .item{width:31%; margin-right:3.5%;margin-bottom: 0px;}
.area_category .box .item:nth-child(3n){margin-right:0;}
}

/*==============================
スポーツ支援
==============================*/
.corporate .list.sports{ margin-top:60px;}
.corporate .list.sports .item{margin-bottom: 30px;}
.corporate .list.sports .item a{background:#EFEFEF; border-radius:6px; padding:40px; display:flex;justify-content: space-between; position:relative; }
.corporate .list.sports .item a:last-child{margin-bottom:0;}
.corporate .list.sports .item > div{background:#EFEFEF; border-radius:6px; padding:40px; display:flex;justify-content: space-between; }

.corporate .list.sports .item .photo{width:20%; }
.corporate .list.sports .item .text_area{width:75%; position:relative;}
.corporate .list.sports .item .text_area h3{color:#00A5E6; font-size:20px; font-weight:700; margin-bottom:25px; padding-left:0; border-left:none; margin-top:0;}
.corporate .list.sports .item .text_area .text{color:#000;}

.corporate .list.sports .item .text_area ul.link{margin-top:30px;}
.corporate .list.sports .item .text_area ul.link li{margin-right:40px; }
.corporate .list.sports .item .text_area ul.link li a{padding:0; display: inline-block;}
.corporate .list.sports .item .text_area ul.link li:last-child{margin-right:0px;}
.corporate .list.sports .item .text_area ul.link li .viewmore{margin-top:0; text-align:left;}
.corporate .list.sports .item .text_area ul.link li .viewmore .arrow{right:0px; bottom:0px;}

.corporate .list.sports .item .arrow{right:20px; bottom:20px;}

@media (max-width: 767px) {
.corporate .list.sports .item .text_area ul.link li{margin-right:0; margin-top:10px;}
.corporate .list.sports .item .text_area ul.link li a{display:block;}
.corporate .list.sports .item .text_area ul.link li a .viewmore{display:flex;justify-content: space-between; align-items: flex-end;width:100%; padding-right:0;}
.corporate .list.sports .item .text_area ul.link li a .viewmore .arrow{position:relative; transform:none; padding-right:0;margin-left: 10px;}
.corporate .list.sports .item .text_area ul.link li a .viewmore .arrow .ic_arrow{bottom:5px;}
}



/*==============================
文化支援
==============================*/
.culture .swiper-piture,
.culture .swiper-piture2,
.culture .swiper-piture3{height:600px;}
.culture .swiper-wrapper{margin-bottom:10px;}
.culture .swiper-slide img {  height: 100%;  width: 100%;  object-fit:cover;  aspect-ratio: 1;}
.culture .slider-thumbnail,
.culture .slider-thumbnail2,
.culture .slider-thumbnail3{height:100px;}
.culture .slider-thumbnail .swiper-slide,
.culture .slider-thumbnail2 .swiper-slide,
.culture .slider-thumbnail3 .swiper-slide,
.culture .slider-thumbnail4 .swiper-slide{  opacity: .5;  transition: opacity .5s;  width: 20%; padding:3px; }


.culture .slider-thumbnail .swiper-slide.swiper-slide-thumb-active,
.culture .slider-thumbnail2 .swiper-slide.swiper-slide-thumb-active,
.culture .slider-thumbnail3 .swiper-slide.swiper-slide-thumb-active,
.culture .slider-thumbnail4 .swiper-slide.swiper-slide-thumb-active{  opacity: 1;}

.culture .slider-thumbnail .swiper-slide:hover,
.culture .slider-thumbnail2 .swiper-slide:hover,
.culture .slider-thumbnail3 .swiper-slide:hover,
.culture .slider-thumbnail4 .swiper-slide:hover{cursor:pointer;height:100px;}


.culture .swiper { max-width:950px;}
.culture .swiper-button-next, .culture .swiper-button-prev{color:#E3EEF4 !important;}




@media (max-width: 767px) {
#menu-item-12283 > a{margin-left: 0px;}

.corporate .head{height:250px; }
.corporate .head h2{font-size:30px;left: 5%;}
.corporate .head img{height:250px; }
.corporate .corporate-nav{margin-top:0px;}
.corporate .corporate-nav .accordion-container{flex-direction: column;}
.corporate .corporate-nav .item{width:100%; border-right:none;padding:0;}
.corporate .corporate-nav .item h3{border-bottom:solid 1px #CECECE; padding:15px 0;    position: relative;}

.corporate .corporate-nav .item h3::before,
.corporate .corporate-nav .item h3::after{
content: "";position: absolute;background-color: #00A5E6; width: 15px;  height: 2px;  transition: all .5s;top: 23px; right:12px;}
.corporate .corporate-nav .item h3::before{transform: rotate(90deg);}
.corporate .corporate-nav .item h3.open{}
.corporate .corporate-nav .item h3.open::before{	content: "";transition: all .3s ease-in-out;  transform: rotate(0deg);}



.corporate .corporate-nav-panel{ margin-top:40px; margin-bottom:0px;}
.corporate .corporate-nav-panel .box{flex-direction: column; width:100%; min-width:auto; }
.corporate .corporate-nav-panel .box .item{width:100%; margin-bottom:30px;}
.corporate .corporate-nav-panel .box .item:nth-child(n+7){margin-bottom:30px;}
.corporate .corporate-nav-panel .box .item:nth-child(n+9){margin-bottom:0px;}
.corporate .corporate-nav-panel .box .item .title_unit{margin-top:10px;}

.corporate .corporate-nav .accordion-content{display:none;}
.corporate-nav-pickup .box .item h4{margin-top:10px;}

.companyofficer .photo{width:70%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.companyofficer .text_area{width:100%;}
.companyofficer .text_area dl dt{width:100px;}
.companyofficer .text_area dl dd{width: calc(100% - 100px);}
.companyofficer .viewmore{font-size:14px;}
.executive{margin-top:50px;}
.executive .box .item{width:100%;}

.philosophy h4{line-height:1.4;}
.philosophy .photo img{width:100%;}
.philosophy h3:nth-of-type(2){margin-top:50px;}

.corporate .panel .box .item{width:100%;margin-bottom:20px;}
.corporate .panel .box .item:last-child{margin-bottom:0;}
.corporate .panel .box .item a{ padding: 24px;}
.corporate .panel .box .item .text{margin-top:20px;}
.corporate .panel.group .box .item h4{margin-top:20px;}
.corporate .panel .box .item .text_area{padding-bottom:20px; }

.corporate .panel .box .item.wide a{flex-direction: column;    padding: 24px 24px 24px 24px;}
.corporate .panel .box .item.wide .photo{width:100%; margin-bottom:20px;}
.corporate .panel .box .item.wide .text_area{width:100%; }
.corporate .panel .box .item.wide .foot{margin:24px;}
.corporate .panel .box .item.wide .foot .text{width:100%;}

.corporate .product_detail .item{width:100%;}


.corporate .product_detail .lineup .box .item{width:100%;}
.corporate .product_detail .lineup .box .item a{flex-direction: column;}
.corporate .product_detail .lineup .box .item .text_area{width:100%;}
.corporate .product_detail .lineup .box .item .text_area .category{margin-bottom:15px;}
.corporate .product_detail .lineup .box .item .text_area h3{margin-bottom:15px;}
.corporate .product_detail .lineup .box .item .text_area .text{margin-bottom:15px;}
.corporate .product_detail .lineup .box .item .photo{width:100%;}
.corporate .product_detail .lineup .box .item .photo img{max-height:180px;}

.corporate .product_detail h4{line-height:1.5;}

.corporate .list.sports{margin-top:40px;}
.corporate .list.sports .item a{flex-direction: column; padding:25px;}
.corporate .list.sports .item .photo{width:50%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.corporate .list.sports .item .text_area{width:100%; padding-bottom:20px;}
.corporate .list.sports .item .text_area h3{ margin-bottom:20px;}

.corporate .list.sports .item > div{flex-direction: column; padding:25px;}

.culture .swiper-piture, .culture .swiper-piture2, .culture .swiper-piture3{height:400px;}
.culture .slider-thumbnail, .culture .slider-thumbnail2, .culture .slider-thumbnail3{height:40px; margin-bottom:20px;}

}






/*==============================
カテゴリトップのパネル
==============================*/
.panel_category_top{margin-top:60px;}
.panel_category_top .box{flex-wrap: wrap; }
.panel_category_top .box .item{border-radius:6px; overflow:hidden;height:240px; background:#EFEFEF; margin-bottom:40px; width:48%; border:solid 2px #EFEFEF;}
.panel_category_top .box .item:nth-last-child(-n+2){margin-bottom:0;}
.panel_category_top .box .item:hover{background: #D9D6D6; border:solid 2px #D9D6D6;}
.panel_category_top .box .item a{display:flex;height: 100%;}
.panel_category_top .box .item .text_area{padding:25px; width:50%; text-align:center; position:relative;display:flex;justify-content: center;align-items: center;}
.panel_category_top .box .item .text_area h3{font-size:20px; font-weight:700; margin-bottom:0px; padding-left:0; border-left:none; color:#000; line-height:1.5; margin-top:0;}
.panel_category_top .item .text_area h3 span{margin-left:0; font-size:16px; display:block;}
.panel_category_top .item .text_area .arrow{right:20px; bottom:20px;}
.panel_category_top .item .photo{width:50%;}
.panel_category_top .item .photo img{height:100%; object-fit:cover;}

@media (max-width: 767px) {
.panel_category_top{margin-top:30px;}
.panel_category_top .box .item{margin-bottom:20px;width:100%; height:auto;}
.panel_category_top .box .item a{flex-direction: column;}
.panel_category_top .box .item:nth-last-child(-n+2){margin-bottom:20px;}
.panel_category_top .item .photo{width:100%; background:#FFF; }
.panel_category_top .item .photo img{height:200px;object-fit:contain;}
.panel_category_top .box .item .text_area{width:100%; min-height:150px;}

}

/*==============================
受賞履歴
==============================*/
.award .list{ margin-top:60px;}
.award .list .item{background:#EFEFEF; border-radius:6px; padding:40px; display:flex;justify-content: space-between; margin-bottom:30px; min-height:330px;}
.award .list .item:last-child{margin-bottom:0;}
.award .list .item .photo{width:20%; background:#FFF;display:flex;justify-content: space-between;align-items: center;}
.award .list .item .text_area{width:75%;}
.award .list .item .text_area .category{background:#FFF; padding:3px 5px; width:fit-content; margin-bottom:18px;border-radius:4px; font-size:14px;}
.award .list .item .text_area h3{color:#00A5E6; font-size:20px; font-weight:700; margin-bottom:25px; padding-left:0; border-left:none; margin-top:0;}
.award .list .item .text_area h3 span{font-size:16px; font-weight:500; margin-left:10px;}
.award .list .item .text_area ul.link{display:flex;flex-wrap: wrap; margin-top:30px;}
.award .list .item .text_area ul.link li{margin-right:40px; }
.award .list .item .text_area ul.link li:last-child{margin-right:0px;}
.award .list .item .text_area ul.link li .viewmore{margin-top:0;}

@media (max-width: 767px) {
.award .list .item{flex-direction: column; padding:25px;}
.award .list .item .photo{width:100%; margin-bottom:20px;}
.award .list .item .text_area{width:100%;}
.award .list .item .text_area .category{margin-bottom:10px;}
.award .list .item .text_area h3{ margin-bottom:20px;}
.award .list .item .text_area h3 span{margin-left:0; display:inline;}
.award .list .item .text_area ul.link{ display:block;}
.award .list .item .text_area ul.link li{margin-right:0; }
.award .list .item .text_area ul.link li .viewmore{margin-top:10px;}
.award .list .item .text_area ul.link li a .viewmore{margin-left:0;text-align: left;}
}



/*==============================
IR
==============================*/
.ir h4{color:#00A5E6; font-size:16px; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px; margin-top:40px;}




.ir .ir-nav{ margin-bottom:80px;}
.ir .ir-nav .accordion-container{display:flex;}
.ir .ir-nav .item{width:20%; padding:0 15px; letter-spacing:0.5px;}
.ir .ir-nav .item:last-child{border-right:none;}
.ir .ir-nav .item ul{margin-top:0px; margin-bottom:20px;}
.ir .ir-nav .item ul li{font-size:13px; position:relative;}
.ir .ir-nav .item ul li a{display:block; }
.ir .ir-nav .item ul li a:hover{color:#00A5E6 !important;}
.ir .ir-nav .item ul.dot{margin-top:10px;}
.ir .ir-nav .item ul.dot li{font-size:14px;}
.ir .ir-nav .item ul.dot li a{color:#1A1A1A;}

.ir .ir-nav .item h3{  font-size:16px; color:#00A5E6; border-left:none; padding-left:0; margin-bottom:0; margin-top:0;}
.ir .ir-nav .item h3 a{color:#49A3E0; display:block;}
.ir .ir-nav .item h3 a:hover{}
/*.ir .ir-nav .item h3:after{content:""; background:url(/db/img/ir/ic-arrow-right-blue.png) no-repeat; background-size:100%; height:21px; width:21px; position:absolute; top:3px; right:3%;pointer-events: none;}*/

.ir .ir-nav2{background:url(/db/img/ir/ir-nav2.png) no-repeat; height:730px;background-size: cover;margin-top:20px; position:relative;margin: 0 calc(50% - 50vw);width: 100vw;}
.ir .ir-nav2 .box{margin:0 auto;  width:70%; min-width:1040px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); display:flex;justify-content: space-between;}
.ir .ir-nav2 .box .item{width:60%;}
.ir .ir-nav2 .box .item:last-child{width:35%;}
.ir .ir-nav2 .box .item h3{color:#FFF; font-size:24px;border-bottom:solid 1px #FFF; padding-bottom:20px; padding-left:0; border-left:none; margin-top:0;}
.ir .ir-nav2 .box .item a .unit h4{color:#FFF; font-size:20px; line-height:1.5; margin-top:0; margin-bottom:0px;color:#FFF; border-bottom:none; padding-bottom:0px; position:relative; padding-right:40px;}
.ir .ir-nav2 .box .item a .unit h4 .arrow{bottom:5px;}
.ir .ir-nav2 .box .item a .unit h4 span{font-size:16px;}
.ir .ir-nav2 .box .item a .unit{border-bottom:solid 1px #FFF; padding-bottom:20px; margin-top:20px; display:flex;align-items: center;}
.ir .ir-nav2 .box .item a .unit .photo{margin-right:20px;width:250px; overflow:hidden; border-radius:6px; overflow:hidden;}
.ir .ir-nav2 .box .item a .unit .photo img{height:175px; width:250px; object-fit:cover;}
.ir .ir-nav2 .box .item a:hover .unit .photo img{transform: scale(1.1);transition:0.2s all; overflow:hidden;}
.ir .ir-nav2 .box .item a .unit .text{display:flex; align-items: center;}
.ir .ir-nav2 .box .item a .unit .text{color:#FFF; margin-top:10px; position:relative; padding-right:40px;}
.ir .ir-nav2 .box .item a .unit .text .arrow{bottom:6px;}
.ir .ir-nav2 .box .item a:hover{color:#FFF; text-decoration:none;}
.ir .ir-nav2 .box .item a .unit .text img{margin-right:5px;}
.ir .ir-nav2 .box .item a.library img{width:180px; margin-top:20px;}

.ir .ir-nav2 .box .item:last-child a .unit h4{font-size:18px;}
.ir .ir-nav2 .box .item:last-child a .unit .photo{margin-right:20px;width:115px;}
.ir .ir-nav2 .box .item:last-child a .unit .photo img{height:100px; width:115px;}


.ir .ir-nav-panel{ margin-top:80px; }
.ir .ir-nav-panel .box{display:flex;flex-wrap: wrap;justify-content: space-between;  }
.ir .ir-nav-panel .box .item{width:31%; margin-bottom:60px;transition:0.3s all;padding: 2px; }
.ir .ir-nav-panel .box .item:nth-child(n+7){margin-bottom:0px;}
.ir .ir-nav-panel .box .item .title_unit{border:none; margin-top:20px;}
.ir .ir-nav-panel .box .item .title_unit .arrow{top:6px;transform:unset;} 
.ir .ir-nav-panel .box .item h4{ position:relative; font-size:16px; margin-bottom: 0; color:#1A1A1A;transition:0.3s all; line-height:1.4;border-bottom:none; margin-top:0; padding-bottom:0;}
.ir .ir-nav-panel .box .item:hover h4{ color:#00A5E6;transition:0.3s all; }
.ir .ir-nav-panel .box .item .photo{overflow:hidden; border-radius:6px;}
.ir .ir-nav-panel .box .item .photo.border{border:solid 1px #CFD6D8;}
.ir .ir-nav-panel .box .item img{aspect-ratio: 6 / 4; object-fit:cover; width:100%;}
.ir .ir-nav-panel .box .item a{color:#000; text-decoration:none;}
.ir .ir-nav-panel .box .item a:hover{color:#000; text-decoration:none;}
.ir .ir-nav-panel .box .item a:hover img{transform: scale(1.1);transition:0.3s all; }

.ir .faq {
/*	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 65%;
	min-width: 1040px;*/
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.ir .individual-qa{display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 65%;
	min-width: 1040px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.ir .faq dl{}
.ir .faq dt{position:relative; margin-bottom:20px; padding-left:60px; padding:10px 20px; background:#F4F4F4; border-radius:25px; margin-left:70px;font-weight:normal;}
.ir .faq dt:after{content:""; background:url(/db/img/ir/ic-q.png) no-repeat; background-size:100%; height:50px; width:50px; position:absolute; top:0px; left:-70px;pointer-events: none;}

.ir .faq dt:before {content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 22px solid #f4f4f4;
  border-left: 0;
  position:absolute;
  left:-14px;
  top:14px;
}


.ir .faq dd{position:relative; margin-bottom:80px; padding-left:70px;padding:10px 20px; background:#01A5E6; border-radius:25px; margin-left:70px; color:#FFF;font-weight:bold;}
.ir .faq dd:after{content:""; background:url(/db/img/ir/ic-a.png) no-repeat; background-size:100%; height:50px; width:50px; position:absolute; top:0px; left:-70px;pointer-events: none;}
.ir .faq dd:before {content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 22px solid #01A5E6;
  border-left: 0;
  position:absolute;
  left:-14px;
  top:14px;
}
.ir .faq dd a{color:#ffff00}
.ir .business_list{ margin-top:60px;}
.ir .business_list .item{background:#EFEFEF; border-radius:6px; padding:40px; display:flex;justify-content: space-between; margin-bottom:30px; min-height:300px;}
.ir .business_list .item:last-child{margin-bottom:0;}
.ir .business_list .item .photo{width:25%; background:#FFF;display:flex;justify-content: space-between;align-items: center;}
.ir .business_list .item .text_area{width:70%;}
.ir .business_list .item .text_area h3{color:#00A5E6; font-size:20px; font-weight:700; margin-bottom:25px; padding-left:0; border-left:none; margin-top:0;}
.ir .business_list .item .text_area ul.link{display:flex;flex-wrap: wrap; margin-top:30px;}
.ir .business_list .item .text_area ul.link li{margin-right:40px; }
.ir .business_list .item .text_area ul.link li:last-child{margin-right:0px;}

.ir .faq .item {background:#EFEFEF; border-radius:6px;  margin-bottom:10px;}
.ir .faq .item:hover{cursor:pointer;}
.ir .faq .item h4{margin-bottom:0; padding-bottom:0; border-bottom:none; margin-top:0;}
.ir .faq .item h4:before{content:"Q　";}
.ir .faq .item h4.js-accordion-title{position:relative;padding:20px;}


.ir .faq .item .accordion-content{padding-left:20px; padding-right:20px; padding-bottom:20px;transition: max-height 0.3s ease;}

.ir .faq .item h4.js-accordion-title::before,
.ir .faq .item h4.js-accordion-title::after{
content: "";position: absolute;background-color: #00A5E6; width: 20px;  height: 2px;  transition: all .5s;top: 26px; right:12px;}



.ir .faq .item h4.js-accordion-title::before{transform: rotate(90deg);}
.ir .faq .item h4.js-accordion-title.open{}
.ir .faq .item h4.js-accordion-title.open::before{	content: "";transition: all .3s ease-in-out;  transform: rotate(0deg);}


.qir{margin-top:80px;}
.qirContent_label_item{color:#00A5E6; font-size:16px; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px; margin-top:40px;}
.eir h3{color:#00A5E6; font-size:16px; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px; margin-top:40px; border-left:none; padding-left:0;}
.eir h3 span{margin-left:0;}
.eir .yearController{ position:relative; min-width:200px;}
.eir .yearController:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 12px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #555;
    border-bottom: 0; pointer-events: none;
}
.eir select{background-color: #eaedf2;border-radius: 3px;height: 40px; font-size:16px;-webkit-appearance: none;appearance: none;}
.eir select:hover{cursor:pointer;}
.qirContent_table table{margin-bottom:20px;}
.qirContent_label_item{display:block;}
.ir .segment .box{margin-bottom:100px;}
.ir .segment .box .item{ text-align:center; width:45%;}
.ir .segment .box .item img{max-width:250px;}
@media (max-width: 767px) {
.ir .faq {
	width: 100%;
	min-width: auto;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.ir .ir-nav .accordion-container{flex-direction: column;}
.ir .ir-nav .item{width:100%;}


.ir .ir-nav{margin-top:0px;}
.ir .ir-nav .accordion-container{flex-direction: column;}
.ir .ir-nav .item{width:100%; border-right:none;padding:0;}
.ir .ir-nav .item h3{border-bottom:solid 1px #CECECE; padding:15px 0;    position: relative;}

.ir .ir-nav .item h3::before,
.ir .ir-nav .item h3::after{
content: "";position: absolute;background-color: #00A5E6; width: 15px;  height: 2px;  transition: all .5s;top: 23px; right:12px;}
.ir .ir-nav .item h3::before{transform: rotate(90deg);}
.ir .ir-nav .item h3.open{}
.ir .ir-nav .item h3.open::before{	content: "";transition: all .3s ease-in-out;  transform: rotate(0deg);}



.ir .ir-nav-panel{ margin-top:40px; margin-bottom:0px;}
.ir .ir-nav-panel .box{flex-direction: column; width:100%; min-width:auto; }
.ir .ir-nav-panel .box .item{width:100%; margin-bottom:30px;}
.ir .ir-nav-panel .box .item:nth-child(n+7){margin-bottom:30px;}
.ir .ir-nav-panel .box .item:nth-child(n+9){margin-bottom:0px;}
.ir .ir-nav-panel .box .item .title_unit{margin-top:10px;}

.ir .ir-nav .accordion-content{display:none;}

.ir .ir-nav2{height:auto;margin-top:20px;background-position-x: center; padding:40px 0; }
.ir .ir-nav2 .box{width:90%; min-width:auto;flex-direction: column; position:static;transform:none; }
.ir .ir-nav2 .box .item{width:100%; margin-bottom:30px;}

.ir .ir-nav2 .box .item h3{margin-bottom:0px;}
.ir .ir-nav2 .box .item a .unit{display: block;width:90%; margin:0 auto; padding-top:20px; border-bottom:none;}
.ir .ir-nav2 .box .item a .unit .photo{margin-right:0px;width:100%; }
.ir .ir-nav2 .box .item a .unit .photo img{height:200px; width:100%;}
.ir .ir-nav2 .box .item a .unit .text{justify-content: end; margin-top:5px;}
.ir .ir-nav2 .box .item a .unit h4{margin-bottom:20px;}
.ir .ir-nav2 .box .item:last-child{width:100%;}
.ir .ir-nav2 .box .item:last-child a .unit{display:flex;}
.ir .ir-nav2 .box .item:last-child a .unit .text-area{width:calc(100% - 115px);}
.ir .ir-nav2 .box .item a.library{display: block;text-align: right;}


.ir .business_list .item{flex-direction: column; padding:25px;}
.ir .business_list .item .photo{width:100%; margin-bottom:20px;}
.ir .business_list .item .photo img{max-height:180px; object-fit:cover;}

.ir .business_list .item .text_area{width:100%;}
.ir .business_list .item .text_area h3{margin-bottom:20px;}

.ir .faq .item h4.js-accordion-title{padding-right:40px; }
.ir .faq .item h4.js-accordion-title::before, .ir .faq .item h4.js-accordion-title::after{top:33px;}

.ir .segment .box{margin-bottom:50px;}
.ir .segment .box .item{width:100%; margin-bottom:20px;}
.qir{margin-top:40px;}

.qirContent_table th, .qirContent_table td{display:table-cell;}
.data-qir-table.table th,.data-qir-table.table td{ width:auto;}
th.quarter{ width:auto !important;}
.ir .ir-nav .item ul.dot li{font-size:14px; padding-top:5px; padding-bottom:5px;}
.qirContent_label_item{margin-top:20px;}
.qir table td,.qir table th{width:auto;}
.qir table th{white-space:nowrap;}
}

/*==============================
コンテンツトップのパネル
==============================*/
.index_panel{}
.index_panel .box .item{background:#EFEFEF; border-radius:6px; width:48%; margin-bottom:40px; position:relative;transition:0.4s all; min-height:200px;}
.index_panel .box .item:hover{background:#D9D6D6;transition:0.4s all;}


.index_panel .box .item.sns_policy{background:#FFF;min-height: auto;    margin-top: auto;}
.index_panel .box .item.sns_policy:hover{background:#FFF;}
.index_panel .box .item.sns_policy .viewmore{text-align:left; padding-right:0; margin-top:0; display:flex;align-items: center;}
.index_panel .box .item.sns_policy .viewmore .arrow{position:static;}
.index_panel .box .item.sns_policy .viewmore .arrow .ic_arrow{bottom:-5px;}
.index_panel .box .item.sns_policy a{padding:0;}



.index_panel .box .item a{padding:35px; display:block; height:100%;}
.index_panel .box .item h3{margin-top:0; border-left:none; padding-left:0; display:flex;align-items: center;}
.index_panel .box .item h3 span{display:inline-block; width:30px; margin-right:10px;}
.index_panel .box .item h3 img{ width:30px;}
.index_panel .box .item h3.sns{display:flex;justify-content: space-between;}
.index_panel .box .item h3.sns img{width:70px;}
.index_panel .box .item .text{color:#000;}
.index_panel .box .item .arrow{right:20px; bottom:20px;}

.index_panel .box.col3{justify-content: flex-start;}
.index_panel .box.col3 .item{width:31%; margin-right:3.5%; }
.index_panel .box.col3 .item:nth-child(3n){margin-right:0;}

.index_panel .box .item_repair{width:48%; margin-left:auto; margin-top:-20px;}

.index_panel.contact{margin-bottom:100px;}
.index_panel.contact .box .item .text{padding-left:62px;}
.index_panel.contact .box .item .text img.tel{width:65%; margin-top:5px;}
.index_panel.small .box .item{min-height:140px;display:flex;align-items: center;}
.index_panel.small .box .item a{height:auto;}
.index_panel.small .box .item h3{margin-bottom:0;}
.index_panel.small .box .item .text{margin-top:10px;}
.index_panel.small .box .item .text.tel{color:#00A5E6; font-size:42px; font-weight:bold; padding-left:0;display:flex;align-items: flex-end; line-height:1;}
.index_panel.small .box .item .text.tel img{width:25px; margin-right:3px; padding-bottom:3px;}
h2.contact{display:flex;align-items: center;}
h2.contact span{font-size:16px; display:inline-block; margin-left:55px; font-weight:400;}

@media (max-width: 767px) {
.index_panel.contact{margin-bottom:50px;}
.index_panel .box .item{width:100%; min-height:150px; margin-bottom:20px;}

.index_panel .box .item a{padding:25px;}
.index_panel .box .item_repair{width:100%;}
.index_panel .box.col3 .item{width:100%; margin-right:0%; }

.index_panel.contact .box .item .text{padding-left:40px;}
.index_panel.contact .box .item .text img.tel{width:100%; padding-bottom:10px; }
.index_panel.small .box .item .text.tel{font-size:36px;}
.index_panel.small .box .item .text.tel img{width:20px;}

h2.contact{flex-direction: column;align-items: flex-start;}
h2.contact span{margin-left:0; font-size:14px; margin-top:10px;}
}

/*==============================
ニュースのリスト
==============================*/

.news_list{width:100%;}
.news_list ul{display:flex;flex-wrap: wrap;align-items: center; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px;}
.news_list ul li{ width:100%;}
.news_list ul li.date{margin-right:20px; line-height:1;width:95px; color:#000;line-height: 1; color:#A7A7A7;}
.news_list ul li.category{ border-radius:50px; color:#FFF; background:#00A5E6; text-align:center; width:80px; font-size:10px;display:flex;align-items: center;justify-content: center;line-height: 1; padding:8px;}
.news_list ul li.content{width:100%; margin-top:10px; position:relative;color:#000;transition:0.3s all;}
.news_list ul li.content .arrow{right:0;}
.news_list ul:hover li.content{color:#00A5E6;transition:0.3s all;}
.news_list select{}

.select-wrapper {
  position: relative;
  width:180px;
  margin-left: auto;
  margin-bottom:30px;
}

.select-wrapper select {
  appearance: none;
  width:100%;
  padding:20px 25px; border-radius:6px; border:solid 1px #CFD6D8; font-size:16px;
}
.select-wrapper select:hover{cursor:pointer;}

.select-wrapper::after {
  content: "";                    /* 矢印の形状（画像も可） */
  position: absolute;
  right: 25px;                     /* 右からの位置 */
  top: 50%;
  transform: translateY(-50%);     /* 縦方向の中央揃え */
  pointer-events: none; 
  background:url(/db/img/common/ic_arrow_donw_black.svg) no-repeat;
  width:13px;
  height:7px;
}


.news_list a.s_eirModule_title_link{color:#000 !important;}
.news_list a.s_eirModule_title_link:hover{color:#00A5E6 !important;}
.news_list .s_eirTab li{width:16.6666666%;}
.news_list .s_eirTab li a{width:100%; display:block; text-align:center; border-bottom:solid 2px #A7A7A7; padding-bottom:5px; color:#A7A7A7;padding-bottom:5px !important;}

.news_list .s_eirTab li.active a, .news_list .s_eirTab li:hover a {    border-bottom: 2px solid #00A5E6 !important; color:#00A5E6 !important; padding-bottom:5px !important;}
.news_list .s_eirTab{margin-bottom:60px; border-bottom:none; padding-bottom:0 !important;}
.news_list .s_eirModule_category_icon{border-radius:25px;}


@media (max-width: 767px) {
	
.news_list .s_eirTab{justify-content: space-between; margin-bottom:30px;}
.news_list .s_eirTab li{width:48%;}
.select-wrapper{margin-left:0; margin-right:auto;}
.s_newsTypeController{margin-bottom:20px;}
}
/*==============================
ニュース詳細
==============================*/
.news_detail{padding-left:7%; padding-right:7%;}
.news_detail img{width: revert-layer;}
.news_detail .date{margin-bottom:30px;}
.news_detail .select-wrapper{margin-bottom:0;}
.news_detail p{overflow: auto;}
.news_detail td, .news_detail th{border:none;padding: 7px;}
.news_detail table tr:last-child th,.news_detail table tr:last-child td{border:none;}


@media (max-width: 767px) {
.news_detail{padding-left:0%; padding-right:0%;}
.news_detail img{max-width: 100%;}
.news_detail table tr:first-child th,.news_detail table tr:first-child td{border:none;}
.news_detail table td:last-child{border:none;}
}






/*==============================
お問い合わせコンテンツ
==============================*/
.showroom .photo img{border-radius:6px;}
@media (max-width: 767px) {
.showroom .photo{margin-bottom:15px;}
.showroom .photo img{width:100%;}
}


/*==============================
お問い合わせフォーム
==============================*/
.inquiry{}
.inquiry .title{ font-weight:700; display:flex;align-items: center; margin-top:40px; margin-bottom:12px;}
.inquiry .title:first-child{margin-top:0;}
.inquiry span.haveto{font-weight:500; background:#00A5E6; border-radius:4px; padding:5px 10px; text-align:center; color:#FFF; margin-right:10px;}
.inquiry span.attention{font-weight:500; font-size:80%; margin-left:20px;}
.inquiry input[type="text"],.inquiry input[type="tel"],.inquiry input[type="email"],.inquiry textarea{ border:solid 1px #CFD6D8; border-radius:6px; padding:15px 20px; width:100%;}
.inquiry .select-wrapper{margin-left:0; margin-bottom:0; width:250px;}
.inquiry .p-postal-code{width:100px;}
.inquiry input[type=checkbox] {
  transform: scale(1.5); margin-right:5px;}
.inquiry .policy{margin-top:100px; margin-bottom:60px;display:flex;align-items: center; text-align:center;justify-content: center;}
.inquiry .btn{width:240px; margin:0 auto; text-align:center; color:#FFF; padding:25px; background:#00A5E6; border-radius:6px; font-size:20px;}
.inquiry .btn input[type="submit"]{text-align:center;}
.inquiry span.wpcf7-spinner { display: none;}

.inquiry .select-wrapper.type{width:450px; margin-bottom:25px;}
.inquiry .birthday{display:flex;align-items: center;}



@media (max-width: 767px) {
.inquiry .select-wrapper.type{width:100%;}
.inquiry .title{white-space:nowrap;}
.inquiry .title span{white-space:normal;}
}



/*==============================
サイトマップ
==============================*/
.sitemap{}
.sitemap a{position:relative; color:#1A1A1A !important;}
.sitemap a.title{display:flex; border-bottom:solid 1px #CFD6D8; padding-bottom:20px; margin-bottom:20px; margin-top:80px; }
.sitemap ul.dot li{font-size:20px;background-position: top 16px left; margin-bottom:10px;}
.sitemap ul.dot li > div{display:block; font-size:16px;}
.sitemap ul.dot li:hover{color:#1A1A1A;}
.sitemap ul.dot li a:hover{color: #00A5E6 !important;}

.sitemap ul.dot li span{position:relative; padding-left:20px; margin-right:70px;display: block;}
.sitemap ul.dot li span:before{content: "";width: 9px;height: 2px;background: #00A5E6;position: absolute;top: 12px;left: 0;}

.sitemap ul.dot.flex{display:flex;flex-wrap: wrap;}
.sitemap ul.dot.flex li{margin-right:90px;}


.sitemap h2{color:#00A5E6; font-size:24px;padding-left:0; margin-bottom:0;}
.sitemap h2:before{content:none;}
.sitemap .arrow{bottom:20px;}


@media (max-width: 767px) {
.sitemap h2{font-size:20px; }
.sitemap a.title{margin-top:40px;}
.sitemap ul.dot.flex{flex-direction: column;}
.sitemap ul.dot li{font-size:16px;background-position: top 12px left; }
.sitemap ul.dot li > div{font-size:14px; margin-top:5px;}
.sitemap ul.dot li span{display: block;}
.sitemap ul.dot li span:before{top: 10px;left: 0;}
.sitemap .arrow{bottom:26px;}
}


/*==============================
ソーシャルメディアポリシー
==============================*/
.sns_policy .item{ margin-bottom:20px;}


/*==============================
ページトップ
==============================*/

#page_top {position: fixed;bottom: 30px;right:-16px; display:none; z-index:1;transition:0.5s all;animation: pagetop 1.0s ease 0.5s 1 normal backwards;}
#page_top a {transition:0.5s all;}
#page_top:hover {right:0px; transition:0.5s all;}

@media screen and (max-width: 768px) {
#page_top {bottom: calc(100vh - 95vh);left:auto; right:-3px; }
#page_top a{}
#page_top a img{width:80px;}
}


@keyframes pagetop {
from {
    opacity: 0;
    transform: translateX(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}



/*==============================
もっと見る
==============================*/
a .viewmore{padding-right:30px; font-weight:500;    color: #000;transition:0.3s all;  font-size:14px;}
.viewmore{text-align:right; font-family: "Roboto", sans-serif; position:relative;  margin-top:20px; letter-spacing:2px;font-weight:500;transition:0.3s all;letter-spacing:0;font-size:14px;}
.viewmore.waku{border:solid 1px #000; border-radius:25px; padding:10px 25px; width:fit-content;}
.viewmore a{position:relative;padding-right:30px;font-weight:500;letter-spacing:0;}
.stage main .contents .viewmore a{color:#1A1A1A;font-weight:500;}
.stage main .contents .viewmore a:hover{ color:#00A5E6;}
.viewmore:hover{color: #00A5E6;transition:0.3s all;}
.viewmore .arrow{top: 50%; transform: translateY(-50%); bottom:unset; padding-right:30px;}

@media screen and (max-width: 768px) {
a .viewmore{width: fit-content;    margin-left: auto;    margin-right: auto;}
.viewmore{text-align:center;}
}

/*==============================
矢印
==============================*/

.arrow {position: absolute;  right: 0px;  bottom: 0px;  padding-right: 40px;width:16px; height:12px; }
.ic_arrow {overflow: hidden;  position: absolute;  right: 0px;  bottom: 0px;  width:16px; height:12px;  margin: auto 0;  line-height: 1;  animation-duration: 0.6s;}
.ic_arrow:before,.ic_arrow:after {content: "";background:url(/db/img/common/ic_arrow.svg);  width:16px; height:12px;position: absolute;top: 0;right: 0;animation-fill-mode: forwards;animation-duration: 0.4s;}
.ic_arrow.white:before,.ic_arrow.white:after {content: "";background:url(/db/img/common/ic_arrow_white.svg);  width:16px; height:12px;position: absolute;top: 0;right: 0;animation-fill-mode: forwards;animation-duration: 0.4s;}

.ic_arrow:after {transform: translateX(-100%);}
a:hover .arrow .ic_arrow:before {animation-name: transformRightLeft;  animation-delay: 0s;}
a:hover .arrow .ic_arrow:after {animation-name: transformLeftRight; animation-delay: 0.2s;}

.title_unit{ color:#00A5E6; font-weight:700; position:relative; border-bottom:solid 1px #CFD6D8; margin-bottom:10px;}
.title_unit .arrow{top: 50%; transform: translateY(-50%); bottom:unset; padding-right:30px;}
.title_unit a{display:block; margin-bottom:10px;position:relative;}
.title_unit:first-child{margin-top:0;}


@keyframes transformLeftRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes transformLeftRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}


/*==============================
リスト（ドット）
==============================*/
ul.dot{margin-top:20px;}
ul.dot li{background-image:url(/db/img/common/ic_dot.png); background-repeat:no-repeat; background-position:top 11px left;font-size:14px;padding-left: 15px; margin-bottom:5px;}
ul.dot li:hover{color:#00A5E6; }
ul.dot li a:hover{color:#00A5E6; }

@media (max-width: 767px) {
ul.dot li{background-position:top 14px left;}
}

/*=======  フッター  ====*/
footer{background:#EFEFEF; margin-top:110px; padding:90px 0;}
footer .logo{width:250px; margin-left:auto; margin-right:auto;}


.copyright{background:#03445D; padding:35px;font-size:12px; font-weight:400;color:#FFF;}
.copyright ul{display:flex;justify-content: center; margin-bottom:20px;margin-bottom:5px;}
.copyright ul li { background-image:none; padding-left:0;}
.copyright ul li a{ }
.copyright ul li:after{content:"　・　"; color:#FFF;}
.copyright ul li:last-child:after{content:none;}
.copyright .text{opacity:0.6; text-align:center; margin-top:20px;}

@media screen and (max-width: 768px) {
footer{margin-top:70px; padding:60px 0;}
footer .logo{margin-bottom:50px;}
.copyright{padding:35px 20px;}
.copyright ul{flex-direction: column; margin-top:0;margin-bottom:0;}
.copyright ul li:before{content:"・";}
.copyright ul li:after{content:none;}
}

/*==============================
ナビゲーション（ヘッダー・フッター）
==============================*/
.global_navi .box{margin-top:90px;}
.global_navi .box .item{width:28%;}
.global_navi .box .item .title_unit{margin-top:40px;}
.global_navi .box .item .title_unit:first-child{margin-top:0;}
.global_navi .sns{margin-top:-50px;}
.global_navi .sns ul{display:flex;}
.global_navi .sns ul li{margin-right:30px; background-image:none;}
.global_navi .sns ul li:hover img{opacity:0.5;}
@media screen and (max-width: 768px) {
.global_navi{}
.global_navi .box{margin-top:0;}
.global_navi .box .item{width:100%;}
.global_navi .box .item .title_unit{margin-top:0; padding:20px 40px 20px 0; margin-bottom:0;}
.global_navi .box .item .title_unit a{margin-bottom:0; }
.global_navi .sns{margin-top:0px;}
.global_navi .sns ul{justify-content: space-between; margin-top:40px;}
.global_navi .sns ul li{margin-right:0px;padding-left:7px; padding-right:7px; }

.global_navi .box .item ul{padding-bottom:10px; margin-bottom:0px; padding-top:0px; display:none;}
.global_navi .box .item ul li{margin-bottom:20px; }
.global_navi .box .item ul li:last-child{margin-bottom:0;}
.global_navi .box .item .title_unit .arrow{ display:none;}
.global_navi .box .item .js-navi-title{cursor:pointer;}

.global_navi .box .item .js-navi-title::before,
.global_navi .box .item .js-navi-title::after{
content: "";position: absolute;background-color: #00A5E6; width: 16px;  height: 2px;  transition: all .5s;top: 32px; right:12px;}
.global_navi .box .item .js-navi-title::before{transform: rotate(90deg);}
.global_navi .box .item .js-navi-title.open{}
.global_navi .box .item .js-navi-title.open::before{	content: "";transition: all .3s ease-in-out;  transform: rotate(0deg);}


}

/*==============================
Youtube 埋め込み
==============================*/
.youtube{width: 100%;  aspect-ratio: 16 / 9;}
.youtube iframe {  width: 100%;  height: 100%;}



/*==============================
モーダル
==============================*/
.modal {  position: fixed;  inset: 0;  background-color: rgba(0, 0, 0, 0.9);  z-index: 1500;  display: none;}
.modal-content {  background-color: #EFEFEF;  width:70%;	min-width: 600px;  margin: auto;  padding:30px;  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);  max-height:80vh;  overflow-y:auto; border-radius:6px;}
.modal-btn:hover{cursor:pointer;}
.modal-content .btn a{display:flex;align-items: center;justify-content: center; text-align:left;}
.modal-close {  display: inline-block;  width: 60px;  height: 60px;  background-color: #ccc;  color: #000;  text-align: center;  position: absolute;  top: 0;  right: 0;  cursor: pointer;}
.modal-close span {  font-size: 11px;  letter-spacing: 0.025em;  display: block;  transition: all 0.3s ease;}
.modal-close span::before {  content: "×";  display: inline-block;  font-size: 3rem;      line-height: 1.2;	  color:#707070;	  font-weight:100;}
.modal-close:hover span {  transform: scale(0.9);}

@media screen and (max-width: 768px) {
.modal-content {  width:100%;	min-width: auto;  padding:20px; max-height:100%;}
.modal-content .box.col2{flex-direction: column;}
.modal-content .box.col2 .item{width:100%;}
}

/*==============================
スワイパー共通
==============================*/
.swiper-pagination-bullet {
  background-color: #64bbdd ;
}
.swiper-pagination-bullet-active{background: #00A5E6 ;}


/*=======  下からフェードアップ  =======*/
.fadeup {opacity: 0;}
.fadeup.isShow {  opacity: 1;animation: fadeUp 1.0s ease 0.5s 1 normal backwards;}
.delay01{animation-delay: 0.1s !important;}
@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*==============================
部品
==============================*/
.bg_blue{background-color:#00A5E6;}
.text_white{color:#FFF;}
.text_center{ text-align:center;}
.text_right{ text-align:right;}
.text_left{ text-align:left !important;}
.mt10{margin-top:10px !important; }
.mt30{margin-top:30px; }
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px !important;}
.mt40{margin-top:40px !important; }
.p40{ padding:40px;}
.p10{ padding:10px !important;}
.font14{font-size:14px;}
.orange {    font-weight: bold;color: #fc712b;}
.text_red{color:#C00;}


td.narrow,th.narrow{padding:15px;}
ol.pv-ol, ul.pv-ul {padding: 0 0 0 2.5em;}
.pv-ol li {list-style: decimal;    list-style-position: outside;}
@media screen and (min-width: 769px) {
.w15p{width:20% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w70p{width:70% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w23{width:23% !important;}
.w25{width:25% !important;}
.w28{width:28% !important;}
.w30{width:30% !important;}
.w33{width:33% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w48{width:48% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w66{width:66% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w100{width:100% !important;}
.mb100{margin-bottom:100px !important; }
.mt100{margin-top:100px !important; }
a.mb100{display:block; !important;}
a.mt100{display:block !important;}
.mt20{margin-top:20px !important; }
.mt60{margin-top:60px !important; }
.pl40{padding-left:40px !important;}
.pr40{padding-right:40px !important;}

}



@media screen and (max-width: 768px) {
.mt40{margin-top:20px !important; }
.mb100{margin-bottom:40px;}
.mt100{margin-top:40px; display:block;}
.mt20_sp{margin-top:20px !important; }
.mb20_sp{margin-bottom:20px !important; }
img.w100_sp{width:100%;}
.fs12_sp{font-size:12px;}
.p40{ padding:25px;}
.w15_sp{width:15% !important;}
.w28_sp{width:28% !important;}
.text_center_sp{text-align:center;}
.no_wrap_sp{white-space:nowrap;}
.block_sp{display:block;}
}



@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}