@charset "UTF-8";
/* =================================================================== common.css =================================================================== */
/* ===================================================================
  _mixin.css
=================================================================== */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html { font-size: 10px; }
.text-anime { color: #ffffff; text-align: center; font-weight: 600; }
.text-anime span { opacity: 0; -webkit-transition: all, 550ms; -moz-transition: all, 550ms; transition: all, 550ms; -webkit-filter: blurunquote("(25px)"); filter: blurunquote("(25px)"); -webkit-transform: translateZunquote("(0)"); -moz-transform: translateZunquote("(0)"); -ms-transform: translateZunquote("(0)"); transform: translateZunquote("(0)"); }
.text-anime span:nth-child(22) { -webkit-transition-delay: 770ms; -moz-transition-delay: 770ms; transition-delay: 770ms; }
.text-anime span:nth-child(21) { -webkit-transition-delay: 735ms; -moz-transition-delay: 735ms; transition-delay: 735ms; }
.text-anime span:nth-child(20) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; transition-delay: 700ms; }
.text-anime span:nth-child(19) { -webkit-transition-delay: 665ms; -moz-transition-delay: 665ms; transition-delay: 665ms; }
.text-anime span:nth-child(18) { -webkit-transition-delay: 630ms; -moz-transition-delay: 630ms; transition-delay: 630ms; }
.text-anime span:nth-child(17) { -webkit-transition-delay: 595ms; -moz-transition-delay: 595ms; transition-delay: 595ms; }
.text-anime span:nth-child(16) { -webkit-transition-delay: 560ms; -moz-transition-delay: 560ms; transition-delay: 560ms; }
.text-anime span:nth-child(15) { -webkit-transition-delay: 525ms; -moz-transition-delay: 525ms; transition-delay: 525ms; }
.text-anime span:nth-child(14) { -webkit-transition-delay: 490ms; -moz-transition-delay: 490ms; transition-delay: 490ms; }
.text-anime span:nth-child(13) { -webkit-transition-delay: 455ms; -moz-transition-delay: 455ms; transition-delay: 455ms; }
.text-anime span:nth-child(12) { -webkit-transition-delay: 420ms; -moz-transition-delay: 420ms; transition-delay: 420ms; }
.text-anime span:nth-child(11) { -webkit-transition-delay: 385ms; -moz-transition-delay: 385ms; transition-delay: 385ms; }
.text-anime span:nth-child(10) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; transition-delay: 350ms; }
.text-anime span:nth-child(9) { -webkit-transition-delay: 315ms; -moz-transition-delay: 315ms; transition-delay: 315ms; }
.text-anime span:nth-child(8) { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; transition-delay: 280ms; }
.text-anime span:nth-child(7) { -webkit-transition-delay: 245ms; -moz-transition-delay: 245ms; transition-delay: 245ms; }
.text-anime span:nth-child(6) { -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; transition-delay: 210ms; }
.text-anime span:nth-child(5) { -webkit-transition-delay: 175ms; -moz-transition-delay: 175ms; transition-delay: 175ms; }
.text-anime span:nth-child(4) { -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; transition-delay: 140ms; }
.text-anime span:nth-child(3) { -webkit-transition-delay: 105ms; -moz-transition-delay: 105ms; transition-delay: 105ms; }
.text-anime span:nth-child(2) { -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; transition-delay: 70ms; }
.text-anime span:nth-child(1) { -webkit-transition-delay: 35ms; -moz-transition-delay: 35ms; transition-delay: 35ms; }
.text-anime.animate span { opacity: 1; -webkit-filter: blurunquote("(0px)"); filter: blurunquote("(0px)"); }
/*---------------------------------------------------- 共通 ----------------------------------------------------*/
body, td, th, input, dl, dt, dd, textarea { color: #111111; font-family: 'Noto Sans Japanese', sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif; font-size: 1.4rem; line-height: 1.5; }
a, a:link, a:visited, a:active, a:hover, a:hover img { color: #111111; text-decoration: none; /* filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; opacity: .80; */ }
a:hover { text-decoration: underline; }
a:hover, a:hover img, .img_hover:hover { /* filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; opacity: .80; */ }
img { vertical-align: bottom; }
.img_ck { font-size: 0.1rem; line-height: 0; }
/* clearfix (micro) */
.clearfix:before, .clearfix:after { content: ' '; display: table; }
.clearfix:after { clear: both; }
/* For IE 6/7 only */
.clearfix { *zoom: 1; }
/* add */
body { word-wrap: break-word; }
div, p { /*word-break: break-all;*/ }
h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, img, nav { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?oxyd38"); src: url("../fonts/icomoon.eot?oxyd38#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?oxyd38") format("truetype"), url("../fonts/icomoon.woff?oxyd38") format("woff"), url("../fonts/icomoon.svg?oxyd38#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; }
.icon-arrow:before { content: "\e900"; }
/*---------------------------------------------------------------------------*/
/* margin */
.mar_t0 { margin-top: 0 !important; }
.mar_t5 { margin-top: 5px !important; }
.mar_t10 { margin-top: 10px !important; }
.mar_t15 { margin-top: 15px !important; }
.mar_t20 { margin-top: 20px !important; }
.mar_t25 { margin-top: 25px !important; }
.mar_t30 { margin-top: 30px !important; }
.mar_t35 { margin-top: 35px !important; }
.mar_t40 { margin-top: 40px !important; }
.mar_t45 { margin-top: 45px !important; }
.mar_t50 { margin-top: 50px !important; }
.mar_b0 { margin-bottom: 0 !important; }
.mar_b5 { margin-bottom: 5px !important; }
.mar_b10 { margin-bottom: 10px !important; }
.mar_b15 { margin-bottom: 15px !important; }
.mar_b20 { margin-bottom: 20px !important; }
.mar_b25 { margin-bottom: 25px !important; }
.mar_b30 { margin-bottom: 30px !important; }
.mar_b35 { margin-bottom: 35px !important; }
.mar_b40 { margin-bottom: 40px !important; }
.mar_b45 { margin-bottom: 45px !important; }
.mar_b50 { margin-bottom: 50px !important; }
.mar_l0 { margin-left: 0 !important; }
.mar_l5 { margin-left: 5px !important; }
.mar_l10 { margin-left: 10px !important; }
.mar_l15 { margin-left: 15px !important; }
.mar_l20 { margin-left: 20px !important; }
.mar_l25 { margin-left: 25px !important; }
.mar_l30 { margin-left: 30px !important; }
.mar_l35 { margin-left: 35px !important; }
.mar_l40 { margin-left: 40px !important; }
.mar_l45 { margin-left: 45px !important; }
.mar_l50 { margin-left: 50px !important; }
.mar_r0 { margin-right: 0 !important; }
.mar_r5 { margin-right: 5px !important; }
.mar_r10 { margin-right: 10px !important; }
.mar_r15 { margin-right: 15px !important; }
.mar_r20 { margin-right: 20px !important; }
.mar_r25 { margin-right: 25px !important; }
.mar_r30 { margin-right: 30px !important; }
.mar_r35 { margin-right: 35px !important; }
.mar_r40 { margin-right: 40px !important; }
.mar_r45 { margin-right: 45px !important; }
.mar_r50 { margin-right: 50px !important; }
/* float */
.fl_l { float: left !important; }
.fl_r { float: right !important; }
.fl_n { float: none !important; }
/* font color */
.f_c_red { color: #ff0000 !important; }
.f_c_yellow { color: #ffff00 !important; }
.f_c_blue { color: #0000ff !important; }
.f_c_gray { color: #cccccc !important; }
.f_c_gray_2 { color: #999999 !important; }
.t_align_l { text-align: left !important; }
.t_align_c { text-align: center !important; }
.t_align_r { text-align: right !important; }
.f_weight_bold { font-weight: bold !important; }
.f_weight_normal { font-weight: normal !important; }
/*---------------------------------------------------------------------------*/
html { -webkit-font-smoothing: antialiased; }
body { min-width: 1140px; width: 100%; }
.fontRyo, .fontRyo td, .fontRyo th { font-family: 'ryo-display-plusn', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif; font-weight: 700; }
#container { /*background:url(../images/bg_container.png) repeat-x left top;*/ min-width: 1140px; padding-top: 105px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }
#container .fade { opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0); transform: translateZ(0); } }
@-moz-keyframes slideInDown { 0% { -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -moz-transform: translateZ(0); transform: translateZ(0); } }
@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } }
header { background-color: transparent; position: absolute; top: auto; left: 0; width: 100%; z-index: 10000; }
header.fix { position: fixed; top:0; background: #fff; -webkit-animation: slideInDown .5s ease; -moz-animation: slideInDown .5s ease; animation: slideInDown .5s ease; -moz-box-shadow: 0px 0px 5px 1px #999; box-shadow: 0px 0px 5px 1px #999; }
header.fix .logo_wrap-fix { display: block; }
header.fix .logo_wrap-fix a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }
header.fix .logo_wrap-fix a:hover { opacity: 0.6; }
header.fix .wrap { margin-top: 5px; }
header.fix .wrap .inner { margin: 0 auto; }
header.fix .wrap .inner h1 img:last-child { margin-top: 12px !important; }
header.fix .wrap .inner h1 .logo_wrap-nomal a img { width: 40px; height: 51px; position: absolute; top: 9px; }
header.fix .wrap .inner h1 .logo_wrap-nomal a .svg_logo_text { fill: #09186e; top: 22px; left: 64px; }
header.fix .wrap .inner ul { margin-top: 0px; }
header.fix .wrap .inner ul li .nav_sub { top: 90px; }
header.fix .wrap .inner ul li:hover .nav_sub { visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
header.fix .wrap .inner ul li.last a img { top: 34%; }
header .wrap { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
header .wrap .inner {
  /*min-width: 1090px;*/
  min-width: 1140px;
  margin: 20px auto 0 auto;
  padding: 0 70px;
}
header .wrap .inner h1 { float: left; margin: 0; }
header .wrap .inner h1 .logo_wrap-nomal { height: 90px; width: 315px; position: relative; }
header .wrap .inner h1 .logo_wrap-nomal a { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
header .wrap .inner h1 .logo_wrap-nomal a .svg_logo_text { fill: #fff; width: 215px; height: 38px; position: absolute; top: 40px; }
header .wrap .inner h1 .logo_wrap-nomal a img { width: 80px; height: 102px; }
header .wrap .inner h1 .logo_wrap-nomal a:hover { opacity: 0.6; }
header .wrap .inner h1 img { margin-right: 12px; display: block; float: left; }
/*header .wrap .inner ul { float: right; margin-left: 0px; margin-top: 16px; }*/
header .wrap .inner ul {
  display: flex;
  float: right;
  margin-left: 0px;
  margin-top: 16px;
}
header .wrap .inner ul li { float: left; height: 85px; }
header .wrap .inner ul li a.nav_parent_btn { height: 50px; min-width: 68px; padding: 20px 12px; position: relative; margin: 0 2px; display: block; }
header .wrap .inner ul li a.nav_parent_btn .nav_bg_img {
  display: block;
  width: 121px;
  height: 41px;
  margin-top: 5px;
  background: url("/common/images/nav07_off.png") left top no-repeat;
}
header .wrap .inner ul li a.nav_parent_btn.fix .nav_bg_img {
  background: url("/common/images/nav07_fix.png") left top no-repeat;
}
header .wrap .inner ul li:hover a.nav_parent_btn .nav_bg_img,
header .wrap .inner ul li:hover a.nav_parent_btn.fix .nav_bg_img {
  background: url("/common/images/nav07_on.png") left top no-repeat;
}
header .wrap .inner ul li a.nav_parent_btn .nav_bg_img > span {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

header .wrap .inner ul li a.nav_parent_btn::after { background-color: #fff; content: ''; z-index: -1; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); }
header .wrap .inner ul li a.nav_parent_btn .menu_text { height: 40px; width: 100%; position: absolute; top: 50%; left: 50%; fill: #fff; -webkit-transform: translate(-50%, -50%); /* Safari用 */ -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
header .wrap .inner ul li a.nav_parent_btn:last-child .menu_text { height: 14px; width: 100%; }
header .wrap .inner ul li:hover a.nav_parent_btn::after { -ms-transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); /*height: 100%;*/ -moz-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.3); }
header .wrap .inner ul li:hover a.nav_parent_btn .menu_text { fill: #09186e; }
header .wrap .inner ul li:hover .nav_sub { visibility: visible; opacity: 1; /*top: 120px;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
header .wrap .inner ul li.last a .menu_text { position: absolute; top: 35%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
header .wrap .inner .nav_sub { position: absolute; background: rgba(9, 24, 110, 0.85); height: auto; width: 100%; left: 0; top: 120px; opacity: 0; visibility: hidden; z-index: -2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
header .wrap .inner .nav_sub .inner { text-align: center; min-width: 800px; width: 800px; padding-top: 30px; margin: 0 auto; }
header .wrap .inner .nav_sub .inner a { color: #fff; font-size: 1.5rem; margin: 0px 20px 30px 20px; line-height: 1; display: inline-block; position: relative; }
header .wrap .inner .nav_sub .inner a:before, header .wrap .inner .nav_sub .inner a:after { position: absolute; top: 1.3em; content: ""; display: inline-block; width: 0; height: 1px; background: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
header .wrap .inner .nav_sub .inner a:before { left: 50%; }
header .wrap .inner .nav_sub .inner a:after { right: 50%; }
header .wrap .inner .nav_sub .inner a:hover { text-decoration: none; }
header .wrap .inner .nav_sub .inner a:hover:before, header .wrap .inner .nav_sub .inner a:hover:after { width: 50%; }
header.fix .inner ul li a.nav_parent_btn .menu_text { fill: #000; }
footer { background-color: #09186e; min-width: 980px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .link_wrap { width: 980px; margin: 60px auto 0 auto; padding-bottom: 60px; }
footer .back_to_top { width: 100%; background: #f1f1f1; height: 50px; display: block; position: relative; }
footer .back_to_top:before { content: ""; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTQgOS4yNDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDkuMjQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDkxODZFO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE0LDcgMTEuNzUzLDkuMjQ3IDcuMDAxLDQuNDk0IDIuMjQ3LDkuMjQ3IDAsNyA3LjAwMSwwICIvPg0KPC9zdmc+DQo=") no-repeat; width: 15px; height: 10px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -5px; }
footer .category-name { font-size: 14px; min-width: 120px; padding: 0 10px; display: block; border-top: 1px solid #22307d; padding: 30px 0; color: #fff; font-weight: bold; }
footer .footer_block { width: 190px; padding: 0px 10px; float: left; }
footer .footer_block ul li { padding: 10px 0 0 0; }
footer .footer_block ul li a { color: #fff; font-size: 12px; }
footer .logo-area { border-top: 1px solid #22307d; }
footer .logo-area-inner { width: 980px; margin: 0 auto; padding-top: 60px; }
footer .logo-area .policy { float: left; width: 325px; }
footer .logo-area .policy a { color: #fff; display: block; font-size: 10px; padding: 10px; }
footer .logo-area .policy .pp { display: block; float: left;padding-right: 15px;}
footer .logo-area .policy .smp { display: block; }
footer .logo-area .foot_logo { float: left; width: 325px; margin-bottom: 60px; }
footer .logo-area .foot_logo img { width: 284px; height: 60px; display: block; margin: 0 auto; }
footer .logo-area .copyright { width: 325px; color: #fff; font-size: 10px; text-align: right; height: 60px; vertical-align: middle; display: table-cell; }
footer .logo-area .copyright P { height: 12px; }
@media screen and (max-width: 1100px) { header .wrap > .inner .navi_area nav > ul { width: 580px; }
  header .wrap > .inner .navi_area nav > ul > li { padding: 0 15px; }
  header .wrap > .inner .navi_area nav > ul > li:first-child { padding-left: 0; }
  header .wrap > .inner .navi_area nav > ul > li:nth-child(2) { padding-right: 0; margin-right: 15px; }
  header .wrap > .inner .navi_area nav > ul > li:last-child { margin: 0 0 0 15px; padding: 0; width: 48px; }
  header .wrap > .inner .navi_area nav > ul > li .sec_navi_area { min-width: 980px; } }
/*---------------------------------------------------- use second ----------------------------------------------------*/
.attention { border-top: #efefef 1px solid; padding: 30px 0; }
.attention .att { background: url(../images/icon_att.png) no-repeat left center; margin: 0 auto; min-height: 60px; padding: 10px 0 10px 110px; width: 870px; }
.attention .att li { background: url(../images/icon_dot_red.png) no-repeat left center; margin-bottom: 10px; padding-left: 20px; }
.attention .att li:last-child { margin-bottom: 0; }
.breadcrumb { background-color: rgba(11, 23, 89, 0.65); top: 420px; left: 0; width: 100%; position: relative; }
.breadcrumb ol { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0px 30px; text-align: center; }
.breadcrumb ol li { color: #666; display: inline-block; font-size: 1.2rem; color: #999; padding: 10px 8px 13px; }
.breadcrumb ol li:after { content: "ー"; color: #666666; padding-left: 16px; }
.breadcrumb ol li:last-child { padding-right: 0; }
.breadcrumb ol li:last-child:after { content: none; }
.breadcrumb ol li a { color: #fff; }
.breadcrumb .breadcrumb_child a { position: relative; padding-top: 6px; text-decoration: none; }
.breadcrumb .breadcrumb_child a:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #ffffff transparent; position: absolute; bottom: -13px; left: 50%; margin-left: -5px; }
.breadcrumb .breadcrumb_child .breadcrumb_child_wrap { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; background: #fff; top: 40px; left: 0; border-bottom: 1px solid #e2e2e2; position: absolute; }
.breadcrumb .breadcrumb_child .breadcrumb_child_wrap ul { width: 800px; margin: 0 auto; padding: 10px 0px; }
.breadcrumb .breadcrumb_child .breadcrumb_child_wrap ul li { padding: 10px 15px; font-size: 14px; }
.breadcrumb .breadcrumb_child .breadcrumb_child_wrap ul li:after { content: ""; }
.breadcrumb .breadcrumb_child .breadcrumb_child_wrap ul li a { color: #000; }
.breadcrumb .breadcrumb_child .breadcrumb_child_wrap ul li a:hover { color: #09186e; text-decoration: none; border-bottom: 2px solid #09186e; }
.breadcrumb .breadcrumb_child .breadcrumb_child_wrap ul .active a { color: #09186e; text-decoration: none; border-bottom: 2px solid #09186e; }
.dir-link { width: 800px; margin: 0 auto; }
.dir-link a { width: 33.333%; -moz-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; float: left; border: 1px solid #e2e2e2; padding: 15px; font-weight: bold; background: #faf8f2; text-decoration: none; }
.dir-link a:last-child { width: 33.334%; }
.dir-link a span:hover { border-bottom: 2px solid #111; }
.dir-link a:first-child { border-right: none; }
.dir-link a.active { background: #f5f5f5; color: #09186e; }
.dir-link a.active span { border-bottom: 2px solid #09186e; }
.pdf_box { background: #faf8f2; padding: 40px 90px; margin-top: 20px; }
.pdf_box p { display: inline-block; }
.pdf_box a { float: right; }
.link-icon_blank:before { content: ""; background: url(../../common/images/icon_blank.png) no-repeat; -moz-background-size: contain; background-size: contain; width: 16px; height: 16px; margin-top: 3px; float: left; display: block; margin-right: 10px; margin-top: 2px; }


/*ヘッダーナビ修正*/
.header_last_link{
  float: right;
  display: flex;
  flex-direction: column;
  width: 126px;
  margin-top: 16px;
  margin-left: 4px;
}

@media (max-width: 1280px) {
  header .wrap .inner {
    padding: 0 20px;
  }
  .header_last_link{
    /*
    position: absolute;
    right: 20px;
    */
  }
  header .wrap .inner ul {
    float: none;
  }
}

header .wrap .inner .header_last_link .menu_text{
  height: 15px;
  width: 96px;
  fill:#fff;
}

header .wrap .inner .header_last_link a:hover .menu_text{
  fill:#09186e;
}

header.fix .wrap .inner .header_last_link .menu_text{
  fill:#000;
}

header .wrap .inner .header_last_link a{
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  width: 126px;
  height: 45px;
  border:1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}
/*
header .wrap .inner .header_last_link a:last-child{
  border-top: none;
}
*/
header .wrap .inner .header_last_link a:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #fff;
  transform-origin: left top;
  transform: scale(1, 0);
  transition: transform .4s;
}
header .wrap .inner .header_last_link a:hover::before{
  transform-origin: left top;
  transform: scale(1, 1);
}

header.fix .wrap .inner .header_last_link{
/*    margin-top: 8px; */
}
header.fix .wrap .inner .header_last_link a:first-child .menu_text{
  width: 77px;
}

header.fix .wrap .inner .header_last_link a{
  font-size: 10px;
  border: none;

  height: 32px;
  margin-bottom: 2px;
}
header.fix .wrap .inner .header_last_link a:hover .menu_text{
  fill:#fff;
}
header.fix .wrap .inner .header_last_link a:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #09186e;
  transform-origin: left top;
  transform: scale(1, 0);
  transition: transform .4s;
}
header.fix .wrap .inner .header_last_link a:after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  content: '';
  background: #eee;
}
header.fix .wrap .inner .header_last_link a:hover::before{
  transform-origin: left top;

  transform: scale(1, 1);
}

.header-link{
  background-color: #09186e;
  text-align: center;
  transition: .5s;
}
a.header-link__text{
  color: #ffffff;
  text-decoration: underline;
  font-size: 2.4rem;
  font-weight: bold;
  display: block;
  padding: 12px 0 15px;
}
.header-link:hover{
  opacity: .8;
}