@charset "utf-8";

*{ padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
html { font-size: 62.5%; background: #fff; }
body { font-size: 1.6em; line-height: 1.6; word-break: break-word; color: #333; background: #fff; font-family: sans-serif; }
a{ text-decoration:none; }

/*header*/
.header .header-global{ border-bottom: 2px solid #ccc; padding:10px 20px; font-size: 1.6rem; }
.header .uc-lyt-row{ width: 100%; max-width: 1280px; margin: 0 auto; }
.header .uc-lyt-row .uc-table{ display:table; width:100%; }
.header .uc-lyt-row .uc-table .uc-logo{ display:table-cell; vertical-align:middle; }
.header .uc-lyt-row .uc-table .uc-logo .grids{ display:inline-block; vertical-align:middle; margin:0 30px 0 0; }
.header .uc-lyt-row .uc-table .uc-country{ display:table-cell; vertical-align:middle; text-align:right; color:#666; font-size:100%; }

/* Header Fixed  */
#header { /*background: #1e2766; */position: static; width: 100%; top: 64px; z-index: 99999; -webkit-transition-property: top, -webkit-transform; transition-property: top, -webkit-transform; transition-property: transform, top; transition-property: transform, top, -webkit-transform; }
#header.is-scroll { top: 56px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
@media screen and (max-width: 768px) {
  #header.is-scroll { position: fixed; top: 56px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
}
#header.is-short { top: 0; position: fixed; -webkit-transition: .5s ease; transition: .5s ease; }


.header .headermenu{ background:#1e2766; position:relative; z-index:999999; }
.l-header_inner{ margin:auto; max-width:1104px; position:relative; }
.l-header_inner:after{ content:""; clear:both; display:block; }
.l-header_logo { margin-right: 58px; display:inline-block; vertical-align:middle; font-size:0; }
.l-header_button{ border-radius: 20px; padding: 8px 10px 5px 40px !important; font-size: 15px; background:#fff url(../images/layout/bg_btn_01.png) 10px center no-repeat; background-size: 24px 19px; min-width: 154px; position:absolute; top:50%; right:0; margin-top:-18px; }
.l-header_button:hover { background-color: #fdd2e5; }
.l-header_button a{ display: block; width: 100%; color: #e4007f; font-weight: bold; height: 100%; padding: 0; text-decoration:none; }

.menus{ display:inline-block; vertical-align:middle; }
.menus .mbox-a{ display:none; }
.menus .mbox-b{ display:block; font-size:0; }
.menus .mbox-b .grids{ display:inline-block; vertical-align:middle; position:relative; margin-right: 20px; z-index: 1; }
.menus .mbox-b .grids .glink{ display:block; font-size:15px; color:#fff; font-weight:bold; line-height:70px; }

.menus .mbox-b .grids .du{ border: solid 2px #d9d9d9; background:#fff; border-top: none; position:absolute; top:70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space:nowrap; display:none; }
.menus .mbox-b .grids .du:before{ position: absolute; left: 50%; top: -7px; content: ''; width: 14px; height: 14px; z-index: 999999; background: #fff;  bottom: -7px; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); z-index:10; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
.menus .mbox-b .grids .du:after{ content:""; position:absolute; width:100%; height:5px; z-index:5; }

.menus .mbox-b .grids.m01 .du{ left: 0; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); }
.menus .mbox-b .grids.m01 .du:before{ left:25%; }

.menus .mbox-b .grids .du .listbox{ padding:0 102px; font-size:0; }
.menus .mbox-b .grids .du .listbox .lsgrids{ display:inline-block; vertical-align:top; width: 316px; margin-right: 36px; font-size:16px; }
.menus .mbox-b .grids .du .listbox .lsgrids:last-child{ margin:0; }

.l-header_mega-title{ padding: 20px 0 20px 0; margin: 0; color: #1e2766; font-size: 28px; text-align: center; background: #fff; line-height: 1; font-weight: bold; }
.l-header_mega-title a{ position: relative; display: inline-block; vertical-align: middle; color: #1e2766 !important; }
.l-header_mega-title a::before{ content: ''; background: #1e2766; width: 30px; height: 30px; position: absolute; top: 0; right: -35px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin: auto; }
.l-header_mega-title a::after{ position: absolute; top: 10px; right: -23px; content: ""; vertical-align: middle; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; }

.l-header_mega-headtitle{ margin-bottom: 20px; padding: 12px 20px 10px 20px; line-height: 1; background: #1e2766; font-size: 18px !important; color: #fff !important; text-align:center; }
.l-header_mega-headtitle a { color: #fff !important; position: relative; cursor: default !important; font-weight: normal; }

.l-header_mega-list{ margin: 0; list-style: none !important; }
.l-header_mega-list li { margin-bottom: 20px !important; margin-right: 0 !important; margin-left: 0 !important; line-height: 1 !important; }
.l-header_mega-list li a { padding: 0 30px 0 20px; font-size: 14px; color: #1e2766; position: relative; display: block; font-weight:bold; }
.l-header_mega-list li a::after { position: absolute; top: 3px; right: 20px; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #1e2766; border-right: 2px solid #1e2766; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; }
.l-header_mega-list li a:hover{ text-decoration:underline; }
.l-header_mega-list li + .border-item { padding-top: 10px !important; margin-bottom: 8px !important; }
.l-header_mega-list li.border-item { border-top: solid 2px #e4e4e4; padding-top: 22px; }
.l-header_mega-list li.border-item a{ font-weight:normal; }

.l-header_mega-closebtn { padding: 0 20px 20px 0 !important; text-align: right !important; bottom: 0 !important; right: 0 !important; background: #fff; }
.l-header_mega-closebtn a { font-size:15px; font-weight:bold; color: #1e2766 !important; position: relative !important; }
.l-header_mega-closebtn .btn { position: relative; display: inline-block; vertical-align: middle; top: 0; left: 0; width: 32px; height: 32px; border: solid 2px #e4e4e4; background-color: #fff; margin-left: 8px; cursor: pointer; }
.l-header_mega-closebtn .btn:before { content: ""; position: absolute; display: inline-block; top: 8px; left: 13px; width: 2px; height: 12px; border: 0; background-color: #1e2766; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.l-header_mega-closebtn .btn:after { content: ""; position: absolute; display: inline-block; top: 8px; left: 13px; width: 2px; height: 12px; border: 0; background-color: #1e2766; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.l-header-toggle{ display:none; }

/*footer*/
.l-section_footer{ margin-top: 60px; background: url(../images/layout/bg_001.png) top left no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; padding-top: 300px; padding-bottom: 0; position: relative; }
.uc-lyt-row{ width: 100%; max-width: 1280px; margin: 0 auto; }
.uc-lyt-col{ padding-top: 20px; padding-bottom: 20px; }
.parsys{ font-size:0; text-align:center; }
.parsys .grids{ display:inline-block; vertical-align:middle; margin-right:55px; width:32px; }
.parsys .grids:last-child{ margin:0; }
.parsys .grids img{ width:100%; }
.parsys .grids svg{ background-repeat: no-repeat; background-position: 50% 50%; border: none; display: block; left: 0; margin: 0 auto; overflow: hidden; padding: 0; position: relative; top: 0; width: auto; height: auto; }
.a2a_svg{ background-repeat: no-repeat; display: block; overflow: hidden; height: 32px; line-height: 32px; padding: 0; width: 32px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.c-pagetop{ font-size: 12px; position: absolute; left: 50%; top: 246px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #1e2766; font-weight: bold; text-align: center; display: block; }
.c-pagetop:before { display: block; content: ''; background: #1e2766; top: -50px; left: 50%; width: 40px; border-radius: 100%; height: 40px; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.c-pagetop:after { content: ''; left: 50%; top: -33px; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); width: 12px; height: 12px; border-top: 3px solid; border-right: 3px solid; border-color: #fff; display: block; position: absolute; }

.l-container_blue{ background: #eef7fd !important; padding-top: 30px; }
.l-container_white{ padding:40px 20px; background: #fff !important; }
.l-footer_whitebox-ttl { text-align:center; }
.l-footer_whitebox-ttl h2{ font-size:24px; }
.l-tabs{ max-width:906px; margin:0 auto; }
.l-tabs .tables{ width:100%; display:table; }
.l-tabs .tables .td-a{ display:table-cell; vertical-align:middle; width:90px; }
.l-tabs .tables .td-b{ display:table-cell; vertical-align:middle; padding-left:40px; color: #333; font-size:100%; }
.l-footer_whitebox-tel{ text-align:center; }
.l-footer_whitebox-tel a{ font-size:32px; font-weight: bolder; color: black; cursor:default; }
.l-footer_whitebox-caution{ margin: auto; margin-top: 20px; background: #eef7fd; max-width: 906px; padding: 20px 0; font-size: 18px; font-weight: bold; text-align: center; }
.l-footer_whitebox-notes{ padding:10px 0 0 0; text-align:center; }
.l-footer_lag{ text-align:right; }
.l-footer_lag button { background: url(../images/layout/bg_btn_02.png) center center no-repeat; background-size: contain; padding: 10px 15px; color: #1e2766; font-size: 16px; text-align: center; width: 180px; cursor: pointer; display: inline-block; line-height: 1.15; border:none; }

.l-footer-s-nav{ background: #eef7fd; padding: 32px 10px; text-align:center; }
.l-footer-s-nav .grids{ display:inline-block; padding:0 10px; color: #666; font-size:12px; position:relative; }
.l-footer-s-nav .grids span:after{ position: absolute; z-index: 1; right: 0; bottom: 50%; display: inline-block; width: 1px; height: 1em; content: ""; -webkit-transform: translateY(50%) rotate(20deg); transform: translateY(50%) rotate(20deg); background: #666; }
.l-footer-s-nav .grids:nth-child(3) span:after{ display:none; }

.l-footer-copyright .l-lyt-row{ padding: 0 20px; }
.l-footer-copyright .l-lyt-col{ padding-top: 37px; padding-bottom: 37px; }
.l-footer-copyright .l-logo{ display:inline-block; vertical-align:middle; }
.l-footer-copyright .l-text{ display:inline-block; vertical-align:middle; font-size: 12px; color:#000; margin-left:140px; }

/*================================●●●●●●●●●●●●hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
/*header*/
/*.header .uc-lyt-row .uc-table .uc-logo .grids:hover{ opacity:0.5; }
.menus .mbox-b .grids:hover .du{ display:block; }
.menus .mbox-b .grids:hover .glink{ color: #318ec3; text-decoration:underline; }*/
.header .uc-lyt-row .uc-table .uc-logo .grids.hover{ opacity:0.5; }
.menus .mbox-b .grids.hover .du{ display:block; }
.menus .mbox-b .grids.hover .glink{ color: #318ec3; text-decoration:underline; }

/*footer*/
.parsys .grids:hover{ opacity:0.7; }
.c-pagetop:hover{ text-decoration:underline; }
.l-footer_lag button:hover{ opacity:0.7; }
.l-footer-s-nav .grids:hover{ text-decoration:underline; }

.l-footer-copyright .l-logo:hover{ opacity:0.5; }

}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:1023px){
/*header*/
.l-header_inner{ padding: 5px 15px; }
.l-header_logo img{ width:80%; }
.l-header_button{ font-size:0; height:37px; width:37px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #fff url(../images/layout/bg_btn_01.png) 5px center no-repeat;  background-size: 70%; min-width:auto; padding: 0 !important; right:90px; }	
.l-header_button a { background-position: 4px 8px; background-size: 70%; padding: 0; }

.menus{ position: absolute; top: 55px; left: 0; z-index: 1000 !important; width: 100%;  padding: 0 15px 10px 15px !important; background: #1e2766 !important; display:none; }
.menus .mbox-a{ display: block; margin-bottom: 0 !important; background: #fff; padding: 15px 10px 15px 10px; }
.menus .mbox-a .lis a{ display: block; position: relative; font-size: 21px; font-weight: bold; color: #1e2766 !important; }
.menus .mbox-a .lis a:before{ content: ''; background: #1e2766; width: 30px; height: 30px; position: absolute; top: 2px; right: 7px; border-radius: 15px; margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-a .lis a:after{ position: absolute; top: 13px; right: 18px; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b{ width: 100%; padding: 0 0 30px 0 !important; background: #fff !important; }
.menus .mbox-b .grids{ margin: 0 !important; color: #fff !important; width: 100% !important; font-size: 17px !important; font-weight: bold !important; text-align: left !important; padding: 0 10px 1px 10px !important; }
.menus .mbox-b .grids .glink{ line-height:normal; position: relative !important; color: #fff !important; background: #1e2766 !important; padding: 15px !important; display: block !important; top: inherit !important; }
.menus .mbox-b .grids .glink:before{ content: ''; position: absolute; background: #fff; width: 30px; height: 30px; top: 50%; right: 8px; border-radius: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b .grids .glink:after{ position: absolute; vertical-align: middle; width: 12px; height: 12px; top:23px; content: ''; right: 15px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #1e2766; -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.menus .mbox-b .grids.open .glink:after { top: 13px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; }
.menus .mbox-b .grids .du{ border:none; display:none; position:static; -webkit-transform: initial !important; -ms-transform: initial !important; transform: initial !important; }
.menus .mbox-b .grids .du:before{ display:none; }
.menus .mbox-b .grids.open .du { display: block; }

.l-header_mega-title { padding: 0; color: #1e2766; width: 100%; font-size: 17px; font-weight: bold; text-align: left; }
.l-header_mega-title a{ background: none; color: #1e2766 !important; padding: 20px 15px 15px 15px; display: block; font-size: 13px; }
.l-header_mega-title a::before{ display:none; }
.l-header_mega-title a::after { width: 8px; height: 8px; right: 22px; top: 22px; border-top: 2px solid #1e2766; border-right: 2px solid #1e2766; }
.menus .mbox-b .grids .du .listbox{ padding: 0; }
.menus .mbox-b .grids .du .listbox .lsgrids{ display:block; width: 100%; border-bottom: 2px solid #fff; margin-right: 0; }
.l-header_mega-head { background: #fff; }
.l-header_mega-headtitle{ display: block; background: #eef7fd !important; border-top: 2px solid #fff; text-align: left; font-weight: bold; color: #1e2766; padding: 0; margin-bottom: 0; }
.l-header_mega-headtitle a{ font-size: 13px; padding: 15px; display: block; color: #1e2766 !important; font-weight:bold; }
.l-header_mega-headtitle a:after{ position: absolute; vertical-align: middle; width: 12px; height: 12px; top: 18px; content: ''; right: 16px; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #1e2766; -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menus .mbox-b .grids .du .lsgrids.open .l-header_mega-headtitle a:after { top: 10px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; }
.l-header_mega-list{ background: none; padding-left: 0 !important; border: solid 2px #eef7fd; margin-bottom: 10px; display:none; }
.menus .mbox-b .grids .du .lsgrids.open .l-header_mega-list { display: block; }
.l-header_mega-list li{ width: 100% !important; margin-bottom: 0 !important; background: none !important; }
.l-header_mega-list li a{ font-size: 13px; line-height: 1.2; padding: 15px 30px 15px 15px; font-weight: bold; background: none; }
.l-header_mega-list li a::after { top: 17px; }
.l-header_mega-list li + .border-item { padding-top: 0 !important; margin-bottom: 0 !important; }
.l-header_mega-list li.border-item{ border-top: none; }
.l-header_mega-list li.border-item a { font-weight: normal; border-top: solid 2px #eef7fd; }
.l-header_mega-closebtn{ display:none; }

.l-header-toggle { display: block; height: 48px; position: absolute; top: 7px !important; text-align: center; right: 23px; z-index: 999; }
.l-header-toggle p { display: none; font-size: 11px; color: #fff; }
.l-header-toggle span { height: 2px; width: 25px; margin: auto; margin-top: 15px; background: #fff; border-radius: 4px; display: block; position: relative; }
.l-header-toggle span:before { content: ''; position: relative; top: 6px; height: 2px; width: 25px; background: #fff; border-radius: 4px; display: block; }
.l-header-toggle span:after { content: ''; position: relative; top: 10px; height: 2px; width: 25px; background: #fff; border-radius: 4px; display: block; }

.l-header-toggle.is-close{ background: #fff; height: 48px !important; width: 47px !important; right: 15px; top: 11px; z-index: 1001; }
.l-header-toggle.is-close:before{ width: 3px; height: 20px; content: ''; display: block; position: absolute; background: #fff; top: 14px; left: 22px; background: #1e2766; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.l-header-toggle.is-close:after{ width: 3px; height: 20px; content: ''; display: block; position: absolute; background: #fff; top: 14px; left: 22px; background: #1e2766; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.l-header-toggle.is-close p{ display:none; }
.l-header-toggle.is-close span{ display:none; }

/*footer*/
.l-section_footer{ padding:240px 0 0 0; background: url(../images/layout/bg_01_sp.png) top left no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.l-footer-copyright .l-lyt-col{ padding:20px 0; }
.l-footer-copyright .l-text{ display:block; margin:0; text-align:center; padding:20px 0 0 0; }

.parsys .grids{ margin-right:22px; }

.c-pagetop{ top: 196px; }

.l-container_white{ margin:0 20px; }

.l-footer_whitebox-ttl{ margin: 0 0 20px 0; }
.l-footer_whitebox-ttl h2{ font-size:20px; }
.l-footer_whitebox-caution{ font-size:14px; }
.l-footer_whitebox-notes{ text-align:left; font-size:12px; max-width: 906px; margin:auto; }

.l-footer_whitebox-tel{ padding-top:15px; }
.l-footer_whitebox-tel a{ font-size:24px; }

.l-tabs .tables .td-a{ vertical-align:top; }
.l-tabs .tables .td-b{ vertical-align:top; font-size:13px; padding-left:10px; }

.l-footer-s-nav{ padding:0; font-size:0; border-top: 1px solid #ccc; text-align:left; }
.l-footer-s-nav .grids{ display:inline-block; vertical-align:middle; width:50%; height:50px; color: #1e2766; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align:center; line-height:50px; }
.l-footer-s-nav .grids span:after{ display:none; }
.l-footer-s-nav .grids:nth-child(2){ border-bottom: 1px solid #ccc; }
.l-footer-s-nav .grids:nth-child(even){ border-right:none; }
.nonegrids{ display:inline-block; vertical-align:middle; width:50%; border-bottom: 1px solid #ccc; line-height:50px; height:50px; }

}