@charset "UTF-8";
/*========================================================================

style

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

/*  common
========================================================================*/

/*  t-button
------------------------------------------------*/

.t-button,
.b-a-textLink {
margin-top: 40px;
}
.t-button a,
.t-button button,
.b-a-textLink a {
position: relative;
display: inline-block;
text-align: center;
text-decoration: none;
border: 1px solid #D8D8D8;
line-height: 1.6;
width: auto;
max-width: unset;
padding: 15px 58px 15px 32px;
border-radius: 4px;
font-size: 15px;
background: #3B3B41;
color: #FFFFFF;
border-color: #3B3B41;
font-family: "游ゴシック体 Pr6N B";
}
.t-button a:after,
.t-button button:after,
.b-a-textLink a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 32px;
width: 1em;
height: 1em;
min-width: 15px;
min-height: 15px;
background: url(../../img/icon_link_white.svg) no-repeat center / contain;
}
.t-button a[target=_blank]:after,
.t-button a.pbOpenNewWindow:after {
display: none;
}
.t-button a img {
position: relative;
top: 2px;
margin-left: 16px;
}
.t-button a[target="_blank"] img {
position: absolute;
top: -1px;
bottom: 0;
margin: auto;
right: 32px;
width: 14px;
}
.t-button.center {
text-align: center;
}

.t-button a:hover,
.t-button button:hover,
.b-a-textLink a:hover {
opacity: .8;
}

@media (max-width: 767px) {
.t-button,
.b-a-textLink {
margin-top: 25px;
text-align: center;
}
.t-button a,
.t-button button,
.b-a-textLink a {
width: 100%;
max-width: 280px;
padding: 15px;
font-size: 14px;
}
.t-button a:after,
.t-button button:after,
.b-a-textLink a:after {
position: relative;
width: 15px;
display: inline-block;
top: 2px;
right: 0;
margin-left: 10px;
}
.t-button a[target="_blank"] img {
position: relative;
width: 14px;
display: inline-block;
top: 2px;
right: 0;
margin-left: 16px;
}
.t-button a:active,
.t-button button:active,
.b-a-textLink a:active {
opacity: .8;
}
}

/*  header
========================================================================*/

/*  t-header
------------------------------------------------*/

.t-header {
background: #ffffff;
width: 100%;
padding: 20px 10px;
position: fixed;
z-index: 100;
height: 100px;
left: 0;
}
.pbPage.edit .t-header {
position: absolute;
}
.t-header {
transition: all .3s;
}
.pbPage.scroll .t-header {
height: 55px;
padding: 0;
}
.t-header_inner {
max-width: 1160px;
display: flex;
justify-content: space-between;
margin: 0 auto;
align-items: center;
}
.t-logo {
display: block;
}
.t-header .t-header_inner .t-logo {
width: 116px;
transition: all .3s;
}
.t-logo img {
width: 116px;
}
.pbPage.scroll .t-header .t-header_inner .t-logo {
width: 70px;
margin-top: 10px;
}
.t-header_rightbox {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.t-header .t-header_inner .t-header_menu {
margin-bottom: 13px;
transition: all .3s;
font-family: "游ゴシック体 Pr6N B";
}
.pbPage.scroll .t-header .t-header_inner .t-header_menu {
opacity: 0;
visibility: hidden;
height: 0;
}
.t-header_menu ul {
display: flex;
}
.t-header_menu a,
.t-textLink_search_anchor > button {
font-weight: bold;
font-size: 12px;
text-decoration: none;
padding-left: 20px;
margin-left: 24px;
vertical-align: baseline;
display: block;
box-sizing: border-box;
position: relative;
line-height: 1.6;
font-family: "游ゴシック体 Pr6N B","\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
}
.t-textLink_search_anchor > button {
background: url("../../js/megamenu/icon_link.svg") no-repeat left center;
background-size: 12px;
border: none;
}
.t-textLink_english_anchor a {
background: url("../../js/megamenu/icon_english.svg") no-repeat left center;
background-size: 12px;
}
.t-textLink_contact_anchor a {
background: url("../../js/megamenu/icon_contact.svg") no-repeat left center;
background-size: 12px;
}



.t-globalNavi {
position: relative;
margin-top: 25px;
transition: all .3s;
}

.t-globalNavi .t-globalNavi_link {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:680px;
margin: 0 auto;
}
.t-globalNavi a {
font-family: "游ゴシック体 Pr6N B","\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
line-height: 2;
font-weight: bold;
font-size: 14px;
text-decoration: none;
display: block;
color: #3c3c3c;
}

.t-globalNavi a i{
color: #0246a7;
font-size: 1rem;
margin-right: 5px;
}
.t-globalNavi a.t-textLink_anchor {
display: block;
background: url("../../js/megamenu/open.svg") no-repeat right 5px;
background-size: 17px;
padding-right: 22px;
cursor: pointer;
}

@media (min-width: 768px) {
.t-globalNavi_link > li > a {
position: relative;
}
.t-globalNavi_link > li  > a:hover:before,
.t-header_menu ul > li > a:hover:before,
.t-textLink_search_anchor > button:hover:before,
.t-textLink_search_anchor > button.selected:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -4px;
left: 0;
background: #1f70b1;
}
.t-globalNavi_link > li.active-gnlink > a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -4px;
left: 0;
background: #1f70b1;
}
}

/*  sp
------------------------------------------------*/

.t-header-sp {
position: fixed;
top: 0;
z-index: 2;
background: #fff;
width: 100%;
font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
}
.t-header-sp .inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 17px 66px 16px 20px;
}
.t-header-sp .inner .logo {
width: 78px;
transition: all .3s;
}
.pbPage.scroll .t-header-sp .inner .logo,
.pbPage.open .t-header-sp .inner .logo {
width: 58px;
}
.t-header-sp .inner .language {
visibility: hidden;
opacity: 0;
font-size: 14px;
font-weight: bold;
transition: all .3s;
}
.pbPage.open .t-header-sp .inner .language {
visibility: visible;
opacity: 1;
}
.t-header-sp .inner .language a {
padding-left: 20px;
background: url(../../img/icon_globe.svg) no-repeat left center;
background-size: 14px;
font-family: "游ゴシック体 Pr6N B";
}
.t-header-sp .inner .menu {
position: absolute;
top: 0;
right: 0;
width: 68px;
height: 68px;
border: none;
}
.t-header-sp .inner .menu span {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 2px;
background: #3B3B41;
}
.t-header-sp .inner .menu span:nth-of-type(1) {
top: calc(50% - 8px);
}
.t-header-sp .inner .menu span:nth-of-type(2) {
top: calc(50% - 2px);
}
.t-header-sp .inner .menu span:nth-of-type(3) {
top: calc(50% + 4px);
}
.pbPage.open .t-header-sp .inner .menu span:nth-of-type(1) {
transform: translateY(6px) rotate(-45deg);
}
.pbPage.open .t-header-sp .inner .menu span:nth-of-type(2) {
opacity: 0;
}
.pbPage.open .t-header-sp .inner .menu span:nth-of-type(3) {
transform: translateY(-6px) rotate(45deg);
}
.pbPage.scroll .t-header-sp .inner .menu,
.pbPage.open .t-header-sp .inner .menu {
height: 60px;
}

.t-header-sp .t-global-sp {
visibility: hidden;
opacity: 0;
height: 0;
position: absolute;
top: 68px;
width: 100vw;
height: 100vh;
background: #fff;
transition: all .3s;
}
.pbPage.scroll .t-header-sp .t-global-sp,
.pbPage.open .t-header-sp .t-global-sp {
top: 58px;
}
.pbPage.open .t-header-sp .t-global-sp {
visibility: visible;
opacity: 1;
}
.t-global-sp .global-inner .menu {
position: absolute;
top: 0;
right: 0;
width: 68px;
height: 68px;
transform: rotate(45deg)
}
.t-global-sp .global-inner .menu span {
position: absolute;
top: 32px;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 2px;
background: #3B3B41;
}
.t-global-sp .global-inner .menu span:nth-of-type(2) {
transform: rotate(90deg);
}
.t-global-sp .global-menu {
overflow: auto;
height: calc(100% - 68px);
border-top: 1px solid #E6E6E6;
}
.t-global-sp .title {
padding: 15px 20px;
font-size: 16px;
font-family: "游ゴシック体 Pr6N B";
}
.t-global-sp .title + .space {
margin-left: 40px;
}
.t-global-sp .acc-title {
position: relative;
padding: 12px 40px 12px 15px;
font-size: 16px;
font-weight: bold;
border-top: 1px solid #E6E6E6;
border-bottom: 0;
border-right: 0;
border-left: 0;   
font-family: "游ゴシック体 Pr6N B";
width: 100%;
text-align: left;
}
.t-global-sp .space + .acc-title {
border-top: none;
}
.t-global-sp .acc-title:before,
.t-global-sp .acc-title:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
width: 12px;
height: 2px;
background: #747480;
transition: all .3s;
}
.t-global-sp .acc-title:after {
transform: rotate(90deg);
}
.t-global-sp .acc-title.active {
background: #747480;
color: #fff;
}
.t-global-sp .acc-title.active:before {
background: #fff;
}
.t-global-sp .acc-title.active:after {
opacity: 0;
}
.t-global-sp .acc-content {
display: none;
}
.t-global-sp .acc-sub {
padding: 5px 15px;
background: #EBEDEF;
font-size: 14px;
font-family: "游ゴシック体 Pr6N M";
}
.t-global-sp .acc-list {
background: #F7F7F7;
font-size: 14px;
font-family: "游ゴシック体 Pr6N B";
}
.t-global-sp .acc-list li:not(:first-child) {
border-top: 1px solid #E6E6E6;
}
.t-global-sp .acc-list a {
position: relative;
display: block;
padding: 13px 40px 13px 15px;
}
.t-global-sp .acc-list a:hover {
opacity: .65;
}
.t-global-sp .acc-list a img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
}
.t-global-sp .acc-list a:not([target="_blank"]):after {
content: url(../../img/icon_arrow2.svg);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
width: 15px;
height: 15px;
line-height: 0;
}
.t-global-sp .list {
font-size: 16px;
border-bottom: 1px solid #E6E6E6;
font-family: "游ゴシック体 Pr6N B";
}
.t-global-sp .list li {
border-top: 1px solid #E6E6E6;
}
.t-global-sp .list a {
position: relative;
display: block;
padding: 13px 40px 13px 15px;
}
.t-global-sp .list a:hover {
opacity: .65;
}
.t-global-sp .list a img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
}
.t-global-sp .list a:not([target="_blank"]):after {
content: url(../../img/icon_arrow2.svg);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
width: 15px;
height: 15px;
line-height: 0;
}
.t-global-sp .search {
padding: 25px 20px;
background: #F7F7F7;
}
.t-global-sp .search label {
font-size: 14px;
font-weight: bold;
font-family: "游ゴシック体 Pr6N B";
}
.t-global-sp .search form {
display: flex;
overflow: hidden;
margin-top: 10px;
background: #fff;
border-radius: 3px;
}
.t-global-sp .search input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
flex: 1;
border-radius: 0;
font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
padding: 10px 20px;
border: none;
font-size: 16px;
}
.t-global-sp .search button {
width: 48px;
background: #3B3B41;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.t-global-sp .search button:hover {
opacity: .85;
}
.t-global-sp .button {
padding: 20px 20px 100px;
}
.t-global-sp .button .t-button {
margin: 0;
font-family: "游ゴシック体 Pr6N B";
}
.t-global-sp .button a {
width: 100%;
max-width: none;
}
.t-global-sp .close-btn {
width: 100%;
border: none;
background: #ccc;
padding: 10px 4px;
}

@media (max-width: 767px) {
.t-global-sp .acc-list a img {
width: 13.12px;
height: 13.12px;
}
}

/*  main
========================================================================*/


/* t-megadrop */
.t-megadrop {
background: #ffffff;
position: absolute;
padding: 30px 36px 85px;
box-sizing: border-box;
top: 36px;
width: 100%;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
left: 0;
z-index: 5;
}
.pbPage.scroll .t-megadrop {
top: 55px;
}
.t-textLink_search_anchor .t-megadrop {
display: none;
}
.t-globalNavi_link li .t-megadrop {
transition: all .6s;
opacity: 0;
visibility: hidden;
}
.t-globalNavi_link li.active-gnlink .t-megadrop {
opacity: 1;
visibility: visible;
}
.t-textLink_search_anchor .t-megadrop {
top: 90px;
left: 0;
}
.t-textLink_search_anchor .t-m-title {
font-size: 22px;
}
.t-megadrop_wrapper {
max-width: 1000px;
margin: 0 auto !important;
}
.t-megadrop_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.t-m-title {
font-size: 28px;
font-weight: bold;
font-family: "游ゴシック体 Pr6N B";
}

.t-megadrop_img {
width: 30%;
}

.t-megadrop_wrap {
width: 68%;
margin:0 0 30px;
}

.t-megadrop_wrap .btn_top{
width: 100%;
background: rgb(247, 247, 247);
border-radius: 2px;
transition: 0.6s;
margin-bottom: 2%;
position: relative;
}

.t-megadrop_wrap .btn_top a{
display: block;
font-size: 14px;
padding: 13px 20px;
position: relative;
}

.t-megadrop_wrap .btn_top a:after {
content:"";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px;
width: 1em;
height: 1em;
min-width: 15px;
min-height: 15px;
background: url(icon_link.svg) no-repeat center / contain;
}

.t-megadrop_wrap .btn_top a.pbOpenNewWindow img {
width: 13px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 26px;
}



.t-megadrop_box {
position: relative;
}
.t-megadrop_box.column2 {
width: 763px;
}
.t-megadrop_box .t-megadrop_box-inner {
display: flex;
flex-wrap: wrap;
gap: 37px;
}
.t-m-boxTitle {
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-bottom: 24px;
font-family: "游ゴシック体 Pr6N B";
width: 100%;
letter-spacing: 0;
}
.t-megadrop_box-inner .t-megadrop_linkList:nth-child(1) {
order: 1;
}
.t-megadrop_box-inner .t-megadrop_linkList:nth-child(2) {
order: 3;
}
.t-megadrop_box-inner .t-megadrop_linkList:nth-child(3) {
order: 2;
margin-top: 0;
}
.t-m-listTitle {
font-size: 18px;
font-weight: bold;
font-family: "游ゴシック体 Pr6N B";
line-height: 1;
margin-bottom: 10px;
}
ul.t-megadrop_links {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.t-m-textLink {
width: 48%;
background:  #F7F7F7;
border-radius: 2px;
transition: all .6s;
margin-bottom: 2%;
}

.t-m-textLink a {
margin-left: 0;
display: block;
font-size: 14px;
padding: 13px 20px;
position: relative;
}
.t-m-textLink a:after {
content:"";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px;
width: 1em;
height: 1em;
min-width: 15px;
min-height: 15px;
background: url(icon_link.svg) no-repeat center / contain;
}

.t-m-textLink a.pbOpenNewWindow img {
width: 13px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 26px;
}

.t-m-textLink a.pbOpenNewWindow:after {
display: none;
}
.t-m_closeBtn {
position: absolute;
display: block;
text-align: center;
width: 100%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #F7F7F7;
border: none;
padding: 7px;
font-size: 12px;
font-family: "游ゴシック体 Pr6N M";
}

@media (min-width: 768px) {
.t-m-textLink:hover {
background: #E0E0E0;
}
}
.t-megadrop .t-m_closeBtn:before {
content: "";
position: absolute;
background: #242424;
width: 100%;
height: 100vh;
left: 0;
top: 33px;
opacity: .6;
}