@charset "shift_jis";
/* ------------------------------------------------------

		ヘッダー
					2019/09/17
------------------------------------------------------- */

/* content=====================================

0. 共通
1. 領域全体【#header_pc】
2. ロゴ【duskin_logo】
3. メニュー【menu_box】
4. 文字サイズ選択メニュー【textsize_area】
5. サイト内検索【serch_area】
6. グローバルメニュー【global_menu】
7. SPサイトへ

=============================================== */

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

	0. 共通

----------------------------------------------- */
#header_pc .navigation,#header_pc .voice_guide{
position:absolute;
top:-1000px;
left:-1000px;
margin:0;
padding:0;
height:0;
overflow:hidden;
}

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

	1. 領域全体

----------------------------------------------- */
#header_pc{
margin:0 auto;
padding:0;
position:relative;
z-index:1;
}

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

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

	2. ロゴ【duskin_logo】

----------------------------------------------- */
div#duskin_logo a{
display:block;
margin:1px 0 0;
}

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

	3. メニュー【menu_box】

----------------------------------------------- */
.menu_box > ul::after{
content:"";
display:block;
clear:both;
}

.menu_box > ul > li{
margin:0 12px 0 0;
float:left;
}

.menu_box ul li:last-child{
margin:0;
}

.menu_box ul li.textsize_menu{
background:url(/common/images/header/ico_textsize.gif) no-repeat 0 0;
background-size:35px;
}

.menu_box ul li.inquiry_menu{
background:url(/common/images/header/ico_mail.gif) no-repeat 0 0;
background-size:35px;
}

.menu_box ul li.serch_menu{
background:url(/common/images/header/ico_search.gif) no-repeat 0 0;
background-size:28px;
}

.menu_box > ul > li > a{
display:block;
width:35px;
height:26px;
text-indent:-9999px;
cursor:pointer;
}

.menu_box ul li:hover,
.menu_box ul li.ac{
background-position:0 -26px;
}

.menu_sub{
display:none;
}

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

	4. 文字サイズ選択メニュー【textsize_area】

----------------------------------------------- */
#textsize_area,
#serch_area{
position:absolute;
top:45px;
right:0;
width:330px;
height:66px;
font-size:13px;
text-align:center;
background:#ebf1f6;
z-index:200;
}

#change_txtsize{
display:inline-block;
margin:17px 0 0;
}

#change_txtsize li{
margin:0 20px 0 0;
float:left;
}

#change_txtsize li:not(.tit){
margin:0 10px 0 0;
}

#change_txtsize li:last-child{
margin:0;
}

#change_txtsize li.tit{
padding:7px 0;
}

#change_txtsize li:not(.tit) a{
display:block;
padding:5px 15px;
font-weight:bold;
background:#fff;
border:2px solid #c1c5c9;
border-radius:5px;
text-decoration:none;
cursor:pointer;
}

#change_txtsize li a:hover{
color:#3281bc;
}

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

	5. サイト内検索【serch_area】

----------------------------------------------- */
#serch_area ul{
display:inline-block;
margin:21.5px 0 0;
}

input#search_txt{
float:left;
margin:0 5px 0 0;
padding:0 5px;
width:188px;
height:21px;
border:1px solid #9c9b9a;
border-radius:3px;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,tahoma,Verdana,arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

input#search_btn{
float:right;
display:block;
width:46px;
height:23px;
border:0;
background:url(/common/images/header/btn_serch.gif) top left no-repeat;
text-indent:-9999px;
font-size:0;
line-height:0;
cursor:pointer;
}

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

	6. グローバルメニュー【global_menu】

----------------------------------------------- */
#gmWrap{
position:absolute;
width:100%;
border-bottom:3px solid #3289ca;
}

ul#global_menu{
width:866px;
height:30px;
margin:0 auto;
}

ul#global_menu li{
margin:0;
float:left;
list-style:none;
position:relative;
}

ul#global_menu > li > a{
position:relative;
}

ul#global_menu > li > a::after{
content:"";
position:absolute;
bottom:0;
left:10%;
width:80%;
height:3px;
background:#3289ca;
transform:scaleX(0);
transform-origin:center;
transition:.3s;
opacity:0;
}

ul#global_menu > li > a:hover::after,
ul#global_menu > li#gm_company_on > a::after,
ul#global_menu > li#gm_csr_on > a::after,
ul#global_menu > li#gm_rd_on > a::after,
ul#global_menu > li#gm_ir_on > a::after,
ul#global_menu > li#gm_service_on > a::after,
ul#global_menu > li#gm_news_on > a::after,
ul#global_menu > li#gm_saiyo_on > a::after,
ul#global_menu > li#gm_fc_on > a::after{
transform:scaleX(1);
opacity:1;
}

ul#global_menu ul.inline li{
font-size:16px;
}

li#gm_company > a,li#gm_csr > a,li#gm_rd > a,li#gm_ir > a,li#gm_service > a,li#gm_news > a,li#gm_saiyo > a,li#gm_fc > a,li#gm_company_on > a,li#gm_csr_on > a,li#gm_rd_on > a,li#gm_ir_on > a,li#gm_service_on > a,li#gm_news_on > a,li#gm_saiyo_on > a,li#gm_fc_on > a{
display:block;
text-indent:-9999px;
height:30px;
margin:0;
}

li#gm_company > a{
width:92px;
background:url(/common/images/header/menu_company.png) 0 0 no-repeat;
}

li#gm_csr > a{
width:62px;
background:url(/common/images/header/menu_csr.png) 0 0 no-repeat;
}

li#gm_rd > a{
width:91px;
background:url(/common/images/header/menu_rd.png) 0 0 no-repeat;
}

li#gm_ir > a{
width:146px;
background:url(/common/images/header/menu_ir.png) 0 0 no-repeat;
}

li#gm_service > a{
width:131px;
background:url(/common/images/header/menu_service.png) 0 0 no-repeat;
}

li#gm_news > a{
width:147px;
background:url(/common/images/header/menu_news.png) 0 0 no-repeat;
}

li#gm_saiyo > a{
width:91px;
background:url(/common/images/header/menu_saiyo.png) 0 0 no-repeat;
}

li#gm_fc > a{
width:106px;
background:url(/common/images/header/menu_fc.png) 0 0 no-repeat;
}

li#gm_company a:hover,li#gm_csr a:hover,li#gm_rd a:hover,li#gm_ir a:hover,li#gm_service a:hover,li#gm_news a:hover,li#gm_saiyo a:hover,li#gm_fc a:hover{
background-position:0 -30px;
}

li#gm_company_on > a{
width:92px;
background:url(/common/images/header/menu_company.png) 0 -30px no-repeat;
}

li#gm_csr_on > a{
width:62px;
background:url(/common/images/header/menu_csr.png) 0 -30px no-repeat;
}

li#gm_rd_on > a{
width:91px;
background:url(/common/images/header/menu_rd.png) 0 -30px no-repeat;
}

li#gm_ir_on > a{
width:146px;
background:url(/common/images/header/menu_ir.png) 0 -30px no-repeat;
}

li#gm_service_on > a{
width:131px;
background:url(/common/images/header/menu_service.png) 0 -30px no-repeat;
}

li#gm_news_on > a{
width:147px;
background:url(/common/images/header/menu_news.png) 0 -30px no-repeat;
}

li#gm_saiyo_on > a{
width:91px;
background:url(/common/images/header/menu_saiyo.png) 0 -30px no-repeat;
}

li#gm_fc_on > a{
width:106px;
background:url(/common/images/header/menu_fc.png) 0 -30px no-repeat;
}

ul#global_menu li ul.inline{
position:absolute;
top:30px;
left:0;
background:#fff;
border:3px solid #3289ca;
padding:0;
z-index:100;
display:none;
}

ul#global_menu li#gm_fc ul.inline,ul#global_menu li#gm_fc_on ul.inline{
left:auto;
right:0;
}

/*
menu01 company
menu02 csr
menu07 rd
menu03 ir
service
menu04 news
menu05 saiyo
menu06 fc
*/

ul#global_menu li ul.menu06,
ul#global_menu li ul.menu07{
width:220px;
}

ul#global_menu li ul.menu02,
ul#global_menu li ul.menu03,
ul#global_menu li ul.menu04{
width:250px;
}

ul#global_menu li ul.menu01,
ul#global_menu li ul.menu05{
width:230px;
}

ul#global_menu li ul.inline li{
position:relative;
margin:0;
padding:0;
line-height:1.25;
float:none;
display:block;
z-index:100;
}

ul#global_menu li ul.inline li::before{
position:absolute;
content:"";
bottom:0;
left:14px;
border-bottom:1px dashed #a6a5a0;
}

ul#global_menu li ul.inline.menu02 li:nth-of-type(10)::before{
position:absolute;
content:"";
bottom:0;
left:14px;
border-bottom:1px solid #a6a5a0;
}

ul#global_menu li ul.inline li:last-child{
margin:0;
}

ul#global_menu li ul.inline li:last-child::before{
border-bottom:none;
}

ul#global_menu li ul.menu06 li::before,
ul#global_menu li ul.menu07 li::before{
width:192px;
}

ul#global_menu li ul.menu02 li::before,
ul#global_menu li ul.menu03 li::before,
ul#global_menu li ul.menu04 li::before{
width:222px;
}

ul#global_menu li ul.menu01 li::before,
ul#global_menu li ul.menu05 li::before{
width:202px;
}

ul#global_menu li ul.inline li.sub li::before{
border-bottom:none;
}

ul#global_menu li ul.inline li ul li::before{
border-bottom:none;
}

ul#global_menu li ul.inline li a,ul#global_menu li ul.inline li a:hover{
color:#333;
background:url(/common/images/header/ico_link.gif) no-repeat 14px .6em;
padding:.5em 0 .5em 27px;
margin:0;
height:auto;
display:block;
}

ul#global_menu li ul.menu02 > li > a,ul#global_menu li ul.menu02 > li > a:hover{
padding:.5em 14px .5em 27px;
width:173px;
}

ul#global_menu li ul.menu06 > li > a,ul#global_menu li ul.menu06 > li > a:hover{
width:200px;
}

ul#global_menu li ul.inline li:first-child > a{
padding:0.9em 0 .5em 27px;
background:url(/common/images/header/ico_link.gif) no-repeat 14px 1em;
}

ul#global_menu li ul.inline li.pop_link{
background:none;
display:block;
}

ul#global_menu li ul.inline li.pop_link a,ul#global_menu li ul.inline li.pop_link a:hover{
background:url(/common/images/header/ico_popup.gif) no-repeat 14px .6em!important;
margin:0;
padding:.5em 0 .5em 30px;
}

ul#global_menu li ul.inline li ul{
padding:0 0 0 1em;
display:block;
}

ul#global_menu li ul.inline.menu02 li:last-child > ul,ul#global_menu li ul.inline.menu07 li ul{
margin:8px 0 0;
padding:0;
}

ul#global_menu li ul.inline li ul li{
border-bottom:none;
padding:0;
display:block;
}

ul#global_menu li ul.inline li.sub{
padding-bottom:.3em;
}

ul#global_menu li ul.inline li.sub a,ul#global_menu li ul.inline li.sub a:hover{
padding:.5em 0 .1em 27px;
width:auto;
}

ul#global_menu li ul.inline li.sub ul li a,ul#global_menu li ul.inline li.sub ul li a:hover{
padding:.6em 0 .1em 27px;
background:url(/common/images/header/ico_link.gif) no-repeat 1em .6em;
width:auto;
}

ul#global_menu li ul.inline li.sub ul li.pop_link a,ul#global_menu li ul.inline li.sub ul li.pop_link a:hover{
background:url(/common/images/header/ico_popup.gif) no-repeat 0 .6em!important;
padding:.5em 0 .1em 13px;
width:auto;
}

/* グローバル　サブメニュー*/
ul#global_menu li ul.inline li.gm_sub_tit::after{
content:"＞";
font-size:.7em;
position:absolute;
top:11px;
right:12px;
color:#3289ca;
}

ul#global_menu li ul.inline.menu07 li.gm_sub_tit::after{
top:17px;
}

ul#global_menu li ul.inline li.gm_sub_tit:hover::after{
content:"▲";
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}

ul#global_menu li ul.inline ul.gm_sub{
overflow:hidden;
height:0;
color:#fff;
transition:.2s;
}

ul#global_menu li ul.inline li:hover > ul.gm_sub{
overflow:visible;
height:auto;
}

ul#global_menu li ul.inline ul.gm_sub{
position:absolute;
z-index:100;
top:-11px;
width:275px;
margin:0;
padding:0;
background:#fff;
border-right:3px solid #3289ca;
}

ul#global_menu li ul.inline ul.gm_sub li{
padding-left:3px;
}

ul#global_menu li ul.inline ul.gm_sub li:first-child{
border-top:3px solid #3289ca;
}

ul#global_menu li ul.inline ul.gm_sub li:first-child a,ul#global_menu li ul.inline ul.gm_sub li:first-child a:hover{
background:url(/common/images/header/ico_link.gif) no-repeat 14px 1.1em;
}

ul#global_menu li ul.inline ul.gm_sub li:last-child{
padding-bottom:6px;
border-bottom:3px solid #3289ca;
}

ul#global_menu li ul.inline ul.gm_sub_in1 li:last-child{
padding-left:0;
border-left:3px solid #3289ca;
}

ul#global_menu li ul.inline ul.gm_sub_in2{
top:-11px;
}

ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(4),ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(5),ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(6),ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(7){
padding-left:0;
border-left:3px solid #3289ca;
}

ul#global_menu li ul.inline ul.gm_sub_in3{
top:-11px;
}

ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(3),ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(4),ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(5),ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(6),ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(7){
padding-left:0;
border-left:3px solid #3289ca;
}

ul#global_menu li ul.menu02 ul.gm_sub,ul#global_menu li ul.menu03 ul.gm_sub{
left:250px;
}

ul#global_menu li ul.menu07 ul.gm_sub{
left:220px;
}

ul#global_menu li ul.menu07 ul.gm_sub li:nth-of-type(3){
padding-left:0;
border-left:3px solid #3289ca;
}

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

	7. SPサイトへ

----------------------------------------------- */
#backtosp a{
display:block;
color:#fff;
text-decoration:none;
box-sizing:border-box;
padding:60px 0;
font-size:3.5em;
}

#backtosp span{
display:block;
padding:0;
text-align:center;
font-weight:700;
background:#2e63d5;
background:-webkit-linear-gradient(#306dec 0%,#2d5cc6 100%);
background:linear-gradient(#306dec 0%,#2d5cc6 100%);
}