@charset "UTF-8";
/*===============================================
ヘッダーナビにcojpへの導線追加 - 2026/01/22
-----------------------------------------------
KYUTOUKI_03-417
===============================================*/
header .box_header_cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .header_menu_wrap .link_to_cojp {
margin-top: 20px;
padding: 0 16px 8px;
}
header .header_menu_wrap .link_to_cojp a {
display: block;
padding: 8px 24px 8px 0;
text-align: right;
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 20px 20px;
background-image: url('data:image/svg+xml;utf8, ');
}
header .header_menu_wrap .bnr_sale {
padding: 0 8px;
text-align: center;
}
header .header_menu_wrap .bnr_sale a {
display: inline-block;
}
header .header_menu_wrap .bnr_sale a img {
width: 100%;
max-width: 480px;
}
@media (width >= 768px) {
header .header_inner {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
padding-bottom: 16px;
}
header .box_header_cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
header .box_header_cta .link_to_cojp {
text-align: right;
}
header .box_header_cta .link_to_cojp > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
color: #666;
font-size: 12px;
font-weight: bold;
text-decoration: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
header .box_header_cta .link_to_cojp > a::after {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml;utf8, ');
background-repeat: no-repeat;
background-size: contain;
}
header .box_header_cta .link_to_cojp > a:hover {
color: #0063AF;
text-decoration: underline;
}
header .box_header_cta .link_to_cojp > a:hover::after {
background-image: url('data:image/svg+xml;utf8, ');
}
header .box_header_cta .header_buttons .cmn_cta_button {
width: auto;
height: auto;
}
header .box_header_cta .header_buttons .cmn_cta_button > a {
width: auto;
height: 48px;
padding: 0 16px;
}
header .box_header_cta .header_buttons .cmn_cta_button > a .cmn_cta_tel_label,
header .box_header_cta .header_buttons .cmn_cta_button > a .cmn_cta_contact_label {
font-size: 14px;
}
header .box_header_cta .header_buttons .cmn_cta_button > a .cmn_cta_tel_icon {
width: 36px;
}
header .box_header_cta .header_buttons .cmn_cta_button > a .cmn_cta_contact_icon {
width: 24px;
}
}
@media (width >= 1100px) {
header .box_header_cta .link_to_cojp > a {
font-size: 14px;
}
header .box_header_cta .header_buttons .cmn_cta_button > a .cmn_cta_contact_label {
font-size: 22px;
}
header .box_header_cta .header_buttons .cmn_cta_button > a .cmn_cta_tel_icon {
width: 40px;
}
header .box_header_cta .header_buttons .cmn_cta_button > a .cmn_cta_contact_icon {
width: 28px;
}
}