@charset "UTF-8";
/* =================================================================== use toppage =================================================================== */
/* ===================================================================
  _mixin.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)"); }
/*---------------------------------------------------------------------------*/
@-webkit-keyframes bg { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes bg { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes bg { 0% { opacity: 1; }
  100% { opacity: 0; } }
.visibilityhidden { visibility: hidden; }
.overflowhidden { overflow: hidden; }
.wp-loader { visibility: hidden; /*display: none;*/ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; color: #fff; z-index: 100006; background-color: #000; will-change: opacity; }
.wp-loader .skip { position: absolute; color: #fff; font-size: 15px; font-weight: bold; width: 160px; border-bottom: 1px solid #fff; padding: 10px 0; right: 0; bottom: 47px; z-index: 100007; /*visibility: hidden;*/ }
.wp-loader a::after { background-color: #fff; content: ''; height: 0; position: absolute; bottom: 0; right: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.wp-loader a:hover, .wp-loader a:active { color: #666; text-decoration: none; padding: 10px 0px 10px 10px; width: 170px; right: -20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.wp-loader a:hover::after, .wp-loader a:active::after { height: 100%; }
.wp-loader a:hover span.icon-arrow, .wp-loader a:active span.icon-arrow { color: #fff; }
#loader-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 100003; background: url(../images/opening.jpg) no-repeat; -moz-background-size: cover; background-size: cover; background-position: center center; }
#loader-bg_off { /*display: none;*/ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #f5f5f5; z-index: 100005; background: url(../images/opening_off.jpg) no-repeat; -moz-background-size: cover; background-size: cover; background-position: center center; }
.mask { position: absolute; width: 100%; height: 100%; z-index: 100006; background: #071c46; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; }
.wp-loader-text { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100007; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.loader-text { display: inline-block; font-size: 20px; font-weight: 400; font-family: 'Noto Sans Japanese'; line-height: 2; letter-spacing: 2px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); vertical-align: middle; visibility: hidden; color: transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
.loader-text span { display: inline-block; text-shadow: 0 0 0 #fff; /*visibility: hidden;*/ will-change: text-shadow,transform,opacity; }
#loader { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: auto; text-align: center; color: #fff; z-index: 100006; }
@-moz-keyframes fullexpand { 0% { width: 0px; }
  100% { width: 100%; } }
@-webkit-keyframes fullexpand { 0% { width: 0px; }
  100% { width: 100%; } }
@-webkit-keyframes scroll { 0% { top: 5px; }
  100% { top: 18px; } }
@-moz-keyframes scroll { 0% { top: 5px; }
  100% { top: 18px; } }
@keyframes scroll { 0% { top: 5px; }
  100% { top: 18px; } }
@-webkit-keyframes textAnime { 0% { display: none;
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px); }
  5% { display: none;
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px); }
  6% { display: inline-block;
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px); }
  100% { display: inline-block;
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px); } }
@-moz-keyframes textAnime { 0% { display: none;
    opacity: 0;
    filter: blur(20px); }
  5% { display: none;
    opacity: 0;
    filter: blur(20px); }
  6% { display: inline-block;
    opacity: 0;
    filter: blur(20px); }
  100% { display: inline-block;
    opacity: 1;
    filter: blur(0px); } }
@keyframes textAnime { 0% { display: none;
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px); }
  5% { display: none;
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px); }
  6% { display: inline-block;
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px); }
  100% { display: inline-block;
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px); } }
#container { padding-top: 0; }
header { z-index: 100001; }
.main { position: relative; max-height: 1020px; min-width: 1140px; width: 100%; overflow: hidden; }
.main .scroll_btn { position: absolute; bottom: 50px; left: 50%; margin-left: -13px; z-index: 100; cursor: pointer; }
.main .scroll_btn:after { content: ""; width: 3px; height: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; position: absolute; left: 5px; -webkit-animation: scroll 1.5s ease; -moz-animation: scroll 1.5s ease; animation: scroll 1.5s ease; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.main .bx-wrapper { position: relative; }
.main #bxslider { width: 100vw; height: 100vh; }
.main #bxslider .slide { width: 100%; height: 100%; position: relative; }
.main #bxslider .slide_bg { width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-position: left top; -moz-background-size: cover; background-size: cover; z-index: 3; -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); transform: rotate(0.1deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; }
.main #bxslider .slide_title { position: absolute; top: 50%; left: 90px; z-index: 5; }
.main #bxslider .slide_title p { font-size: 20px; font-weight: bold; font-family: 'Noto Sans Japanese'; line-height: 2; letter-spacing: 2px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); padding-bottom: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; visibility: hidden; color: transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.main #bxslider .slide_title p span { display: inline-block; text-shadow: 0 0 0 #fff; will-change: transform, visibility, opacity, text-shadow; }
.main #bxslider .slide_title p span.blur { display: inline-block; opacity: 1; -webkit-animation: textAnime 2s linear; -moz-animation: textAnime 2s linear; animation: textAnime 2s linear; }
.main #bxslider #slide_title01 { margin-top: -70px; left: 50%; margin-left: -90px; }
.main #bxslider #slide_title02 { margin-top: -10px; left: 50%; margin-left: -120px; }
.main #bxslider #slide_title03 { margin-top: -30px; left: 50%; margin-left: -175px; }
.main #bxslider #slide_title04 { margin-top: -120px; left: 180px !important; }
.main #bxslider a { position: absolute; color: #fff; font-size: 15px; font-weight: bold; width: 160px; border-bottom: 1px solid #fff; padding: 10px 0; right: 0; top: 74%; z-index: 4; }
.main #bxslider a::after { background-color: #fff; content: ''; height: 0; position: absolute; bottom: 0; right: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.main #bxslider a:hover, .main #bxslider a:active { color: #666; text-decoration: none; padding: 10px 0px 10px 10px; width: 170px; right: -20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.main #bxslider a:hover::after, .main #bxslider a:active::after { height: 100%; }
.main #bxslider a:hover span.icon-arrow, .main #bxslider a:active span.icon-arrow { color: #fff; }
.main .bx-pager-item { float: left; }
.main .bx-pager a { text-indent: -9999px; /*数字表示をブラウザ外に押しやる*/ display: block; width: 12px; height: 12px; border: 1px solid #fff; margin: 0 5px; -moz-border-radius: 12px; /*角丸指定 四隅を丸くすることで10pxの●に*/ /*角丸指定*/ border-radius: 12px; /*角丸指定*/ }
.main .bx-pager a:hover { background-color: #fff !important; }
.main .bx-pager a.active { background-color: #fff !important; }
.main .bx-controls { position: absolute; right: 70px; bottom: 60px; z-index: 100; width: auto; }
.main .bx-pager a:hover, .main .bx-pager a.active { background: #000; }
.main .main-news { position: absolute; bottom: 40px; left: 70px; display: flex; align-items: center; z-index: 100; }
.main .main-news .main-news__link { padding: 10px 20px; background: #fff; display: flex; align-items: center; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.main .main-news .main-news__link::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #e63c00; margin-right: 10px; }
.main .main-news .main-news__date { margin-right: 20px; }
.main .main-news .main-news__title { width: 266px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main .main-news .main-news__morelink { padding: 10px 20px; background: #faf8f2; border-top-right-radius: 3px; border-bottom-right-radius: 3px; display: flex; align-items: center; }
.main .main-news .main-news__morelink::before { content: url(../common/images/link_ic.png); display: inline-block; margin-right: 10px; line-height: 0; }
.contents { position: relative; }
.contents .mission { width: 100%; min-width: 1140px; margin: 0 auto; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
.contents .mission_block { display: block; width: 31.8%; width: -moz-calc(33% - 20px); width: calc(33% - 20px); width: -webkit-calc(33% - 20px); min-width: 350px; min-height: 320px; position: relative; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.contents .mission_block a { display: block; height: 100%; }
.contents .mission_block:hover .link_text { width: 110px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .mission_block .brand_title { position: absolute; top: 50px; left: 50px; }
.contents .mission_block .brand_text { position: absolute; top: 50%; margin-top: -10px; left: 50px; }
.contents .mission_block .link_text { position: absolute; bottom: 50px; right: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 22px; height: 26px; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .mission_block .link_text:before { content: url(../images/link_ic.svg); background: url(../images/link_ic.png) no-repeat; -moz-background-size: 100%; background-size: 100%; display: inline-block; margin-top: 2px; }
.contents .mission #brand01 { background: url(../images/brand01.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .mission #brand01:hover { -moz-background-size: 120% 120%; background-size: 120% 120%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .mission #brand02 { background: url(../images/brand02.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .mission #brand02:hover { -moz-background-size: 120% 120%; background-size: 120% 120%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .mission #brand03 { background: url(../images/brand03.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .mission #brand03:hover { -moz-background-size: 120% 120%; background-size: 120% 120%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .bg_wrap { background: url(../images/section_base.jpg); margin: -100px auto 0px; padding: 150px 0px 30px 0px; position: relative; z-index: 1; }
.contents .news, .contents .info { -moz-box-sizing: border-box; box-sizing: border-box; display: table; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 1140px; height: 320px; margin: 0 auto 140px auto; z-index: 1; position: relative; }
.contents .news .ttl_area, .contents .info .ttl_area { display: inline-block; margin: 10px 60px 10px 0px; width: 260px; height: 247px; background: url(../images/title_bg.png) no-repeat; position: relative; z-index: 2; }
.contents .news .ttl_area h2, .contents .info .ttl_area h2 { position: absolute; top: 30px; right: 45px; }
.contents .news .ttl_area .btn, .contents .info .ttl_area .btn { width: 190px; height: 60px; position: absolute; right: 0px; bottom: -30px; }
.contents .news .ttl_area .btn a, .contents .info .ttl_area .btn a { background-color: #f6f5f1; display: block; font-size: 1.5rem; padding: 15px 0; position: relative; text-align: center; text-decoration: none; z-index: 0; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; }
.contents .news .ttl_area .btn a span, .contents .info .ttl_area .btn a span { vertical-align: middle; }
.contents .news .ttl_area .btn a span.icon-arrow, .contents .info .ttl_area .btn a span.icon-arrow { color: #09186e; font-size: 1.6rem; padding-right: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .news .ttl_area .btn a::after, .contents .info .ttl_area .btn a::after { background-color: #283795; content: ''; height: 0; 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%; z-index: -1; }
.contents .news .ttl_area .btn a:hover, .contents .news .ttl_area .btn a:active, .contents .info .ttl_area .btn a:hover, .contents .info .ttl_area .btn a:active { color: #fff; }
.contents .news .ttl_area .btn a:hover::after, .contents .news .ttl_area .btn a:active::after, .contents .info .ttl_area .btn a:hover::after, .contents .info .ttl_area .btn a:active::after { height: 100%; }
.contents .news .ttl_area .btn a:hover span.icon-arrow, .contents .news .ttl_area .btn a:active span.icon-arrow, .contents .info .ttl_area .btn a:hover span.icon-arrow, .contents .info .ttl_area .btn a:active span.icon-arrow { color: #fff; padding-left: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .news .section_bg_wrap, .contents .info .section_bg_wrap { background: #fff; width: 1100px; min-height: 360px; position: absolute; top: -30px; z-index: 1; margin-left: 20px; padding: 40px 40px; -moz-box-sizing: border-box; box-sizing: border-box; }
.contents .news .section_bg_wrap dl, .contents .info .section_bg_wrap dl { margin-left: 260px; border-top: 2px dotted #ddd; }
.contents .news .section_bg_wrap dl:last-child, .contents .info .section_bg_wrap dl:last-child { border-bottom: 2px dotted #ddd; }
.contents .news .section_bg_wrap dl dt, .contents .news .section_bg_wrap dl dd, .contents .info .section_bg_wrap dl dt, .contents .info .section_bg_wrap dl dd { float: left; padding: 20px 0; line-height: 1.5; }
.contents .news .section_bg_wrap dl dt, .contents .info .section_bg_wrap dl dt { clear: both; margin-right: 30px; width: 180px; }
.contents .news .section_bg_wrap dl dt:before, .contents .info .section_bg_wrap dl dt:before { content: ""; width: 70px; display: block; float: left; height: 9px; }
.contents .news .section_bg_wrap dl dt.new:before, .contents .info .section_bg_wrap dl dt.new:before { content: url(../common/images/new_icon.png); }
.contents .news .section_bg_wrap dl dd, .contents .info .section_bg_wrap dl dd { max-width: 540px; }
.contents .news .section_bg_wrap dl dd:before, .contents .info .section_bg_wrap dl dd:before { content: ""; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTYzQzAwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi40NTUsNC4zNTZMNi40NTUsNC4zNTZDNi41MzMsNC4zNTYsNi41MzMsNC4zNTYsNi40NTUsNC4zNTZjMC4wNzgtMC4zMTEsMC4xNTYtMC40NjcsMC4xNTYtMC43VjMuNQ0KCWMwLjA3OC0wLjM4OSwwLjA3OC0wLjcsMC0wLjc3OGMwLDAsMCwwLDAtMC4wNzhMNi41MzMsMi41NjdsMCwwbDAsMGMwLDAsMCwwLjA3OC0wLjA3OCwwLjA3OEM2LjMsMy4xMTEsNi4zLDMuNjU2LDYuNDU1LDQuMzU2DQoJTDYuNDU1LDQuMzU2eiBNNC4xMjIsOS43MjJDMy45NjcsOS44LDMuODExLDkuODc4LDMuNzMzLDkuOTU2QzMuMTg5LDEwLjQyMiwyLjgsMTAuOTY3LDIuNzIyLDExLjJsMCwwbDAsMGwwLDANCglDMy4xODksMTEuMTIzLDMuNjU2LDEwLjY1Niw0LjEyMiw5LjcyMkM0LjIsOS43MjIsNC4yLDkuNzIyLDQuMTIyLDkuNzIyQzQuMiw5LjcyMiw0LjEyMiw5LjcyMiw0LjEyMiw5LjcyMnogTTExLjI3OCw4LjU1Ng0KCUMxMS4yLDguNDc4LDEwLjg4OSw4LjI0NSw5LjgsOC4yNDVjLTAuMDc4LDAtMC4wNzgsMC0wLjE1NiwwbDAsMGMwLDAsMCwwLDAsMC4wNzhjMC41NDQsMC4yMzMsMS4wODksMC4zODksMS40NzgsMC4zODkNCgljMC4wNzgsMCwwLjA3OCwwLDAuMTU2LDBsMCwwaDAuMDc4YzAsMCwwLDAsMC0wLjA3OGwwLDBDMTEuMzU2LDguNjMzLDExLjI3OCw4LjYzMywxMS4yNzgsOC41NTZ6IE0xMi40NDQsMEgxLjU1Ng0KCUMwLjcsMCwwLDAuNywwLDEuNTU2djEwLjg4OUMwLDEzLjMsMC43LDE0LDEuNTU2LDE0aDEwLjg4OUMxMy4zLDE0LDE0LDEzLjMsMTQsMTIuNDQ1VjEuNTU2QzE0LDAuNywxMy4zLDAsMTIuNDQ0LDB6IE0xMS41ODksOS4xNzgNCgljLTAuMTU2LDAuMDc4LTAuMzg5LDAuMTU1LTAuNywwLjE1NWMtMC42MjIsMC0xLjU1Ni0wLjE1NS0yLjMzMy0wLjU0NEM3LjIzMyw4Ljk0NCw2LjIyMiw5LjEsNS40NDQsOS40MTENCgljLTAuMDc4LDAtMC4wNzgsMC0wLjE1NiwwLjA3OEM0LjM1NiwxMS4xMjMsMy41NzgsMTEuOSwyLjk1NSwxMS45Yy0wLjE1NSwwLTAuMjMzLDAtMC4zMTEtMC4wNzhsLTAuMzg5LTAuMjMzdi0wLjA3OA0KCWMtMC4wNzgtMC4xNTYtMC4wNzgtMC4yMzMtMC4wNzgtMC4zODljMC4wNzgtMC4zODksMC41NDQtMS4wODksMS40NzgtMS42MzNjMC4xNTYtMC4wNzgsMC4zODktMC4yMzMsMC43LTAuMzg5DQoJYzAuMjMzLTAuMzg5LDAuNDY3LTAuODU2LDAuNzc4LTEuNGMwLjM4OS0wLjc3OCwwLjYyMi0xLjU1NiwwLjg1Ni0yLjI1NWwwLDBDNS42NzgsNC41MTEsNS41MjIsMy45NjcsNS44MzMsMi44NzgNCgljMC4wNzgtMC4zMTEsMC4zMTEtMC42MjIsMC42MjItMC42MjJoMC4xNTZjMC4xNTYsMCwwLjMxMSwwLjA3OCwwLjQ2NywwLjE1NWMwLjU0NCwwLjU0NSwwLjMxMSwxLjc4OSwwLDIuOA0KCWMwLDAuMDc3LDAsMC4wNzcsMCwwLjA3N2MwLjMxMSwwLjg1NiwwLjc3OCwxLjU1NiwxLjI0NSwyLjAyMmMwLjIzMywwLjE1NiwwLjM4OSwwLjMxMSwwLjcsMC40NjdjMC4zODksMCwwLjctMC4wNzgsMS4wMTEtMC4wNzgNCgljMC45MzMsMCwxLjU1NiwwLjE1NiwxLjc4OSwwLjU0NUMxMS45LDguNCwxMS45LDguNTU2LDExLjksOC43MTFDMTEuODIyLDguNzg5LDExLjc0NCw5LjAyMiwxMS41ODksOS4xNzh6IE02LjUzMyw2LjE0NA0KCUM2LjM3OCw2LjY4OSw2LjA2Nyw3LjMxMSw1Ljc1NSw4LjAxMUM1LjYsOC4zMjMsNS40NDQsOC41NTYsNS4yODksOC44NjdoMC4wNzhoMC4wNzhsMCwwYzEuMDExLTAuMzg5LDEuOTQ0LTAuNjIyLDIuNTY3LTAuNw0KCUM3Ljg1Niw4LjA4OSw3Ljc3OCw4LjAxMSw3LjcsNy45MzRDNy4zMTEsNy40NjcsNi44NDQsNi44NDUsNi41MzMsNi4xNDR6Ii8+DQo8L3N2Zz4=") no-repeat; width: 14px; height: 21px; -moz-background-size: 100%; background-size: 100%; background-position: center center; float: left; display: block; margin-right: 10px; margin-bottom: 1px; }
.contents .news .section_bg_wrap dl a dd, .contents .info .section_bg_wrap dl a dd { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .news .section_bg_wrap dl a:hover dd, .contents .info .section_bg_wrap dl a:hover dd { text-decoration: underline; padding-left: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .info { margin-bottom: 120px; }
.contents .info .section_bg_wrap dl dd:before { content: ""; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjEgMjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDIxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDkxODZFO30NCgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEwLjUiIGN5PSIxMC41IiByPSIxMC41Ii8+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTYsNnY2aDZWNkg2eiBNMTEsMTFIN1Y4aDRWMTF6Ii8+DQo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjEzLDkgMTMsMTMgOSwxMyA5LDE0IDEzLDE0IDE0LDE0IDE0LDEzIDE0LDkgIi8+DQo8L3N2Zz4NCg==") no-repeat; -moz-background-size: contain; background-size: contain; width: 16px; height: 16px; margin-top: 3px; }
.contents .col2_sec section { width: 100%; margin: 0 auto; }
.contents .col2_sec section .col { width: 50%; height: 440px; float: left; position: relative; }
.contents .col2_sec section .col .col_content { width: 370px; margin: 0 auto; -moz-box-sizing: border-box; box-sizing: border-box; padding: 70px 0 0 0; }
.contents .col2_sec section .col .col_content p { line-height: 2.2; }
.contents .col2_sec section .col .col_content .col_ttl { margin-bottom: 40px; }
.contents .col2_sec section .col .col_link-left, .contents .col2_sec section .col .col_link-right { width: 512px; height: 38px; position: absolute; right: -40px; bottom: 80px; border-bottom: 1px solid #09186e; z-index: 2; -moz-box-sizing: border-box; box-sizing: border-box; }
.contents .col2_sec section .col .col_link-left a, .contents .col2_sec section .col .col_link-right a { display: block; font-size: 1.5rem; padding: 6px 0px 4px; height: 38px; position: relative; text-align: left; text-decoration: none; z-index: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
.contents .col2_sec section .col .col_link-left a span, .contents .col2_sec section .col .col_link-right a span { vertical-align: middle; font-weight: bold; }
.contents .col2_sec section .col .col_link-left a span.icon-arrow, .contents .col2_sec section .col .col_link-right a span.icon-arrow { color: #09186e; font-size: 1.6rem; padding-right: 10px; }
.contents .col2_sec section .col .col_link-left a::after, .contents .col2_sec section .col .col_link-right a::after { background-color: #283795; content: ''; height: 0; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.contents .col2_sec section .col .col_link-left a:hover, .contents .col2_sec section .col .col_link-left a:active, .contents .col2_sec section .col .col_link-right a:hover, .contents .col2_sec section .col .col_link-right a:active { color: #fff; padding: 6px 10px 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .col2_sec section .col .col_link-left a:hover::after, .contents .col2_sec section .col .col_link-left a:active::after, .contents .col2_sec section .col .col_link-right a:hover::after, .contents .col2_sec section .col .col_link-right a:active::after { height: 100%; }
.contents .col2_sec section .col .col_link-left a:hover span.icon-arrow, .contents .col2_sec section .col .col_link-left a:active span.icon-arrow, .contents .col2_sec section .col .col_link-right a:hover span.icon-arrow, .contents .col2_sec section .col .col_link-right a:active span.icon-arrow { color: #fff; }
.contents .col2_sec section .col .col_link-right { right: 0; left: -40px; width: 320px; }
.contents .col2_sec section .col .col_link-right a { text-align: right; }
.contents .col2_sec section .col .col_link-right a:hover .link-blank:before { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzA5MTg2RTt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjciIGN5PSI3IiByPSI3Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTgsNEg0djRoNFY0eiBNNyw3SDVWNmgyVjd6Ii8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI5LDcgOSw5IDYsOSA2LDEwIDksMTAgOSwxMCAxMCwxMCAxMCwxMCAxMCw5IDEwLDcgCSIvPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat; }
.contents .col2_sec section .col .col_link-right .link-blank { display: inline-block; padding-top: 2px; }
.contents .col2_sec section .col .col_link-right .link-blank:before { content: ""; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDkxODZFO30NCgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjciIGN5PSI3IiByPSI3Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTgsNEg0djRoNFY0eiBNNyw3SDVWNmgyVjd6Ii8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI5LDcgOSw5IDYsOSA2LDEwIDksMTAgOSwxMCAxMCwxMCAxMCwxMCAxMCw5IDEwLDcgCSIvPg0KPC9nPg0KPC9zdmc+") no-repeat; -moz-background-size: 100%; background-size: 100%; background-position: center center; width: 16px; height: 16px; margin-right: 10px; margin-top: 3px; display: inline-block; }
.contents .col2_sec section .col .col_img { position: relative; z-index: 1; height: 440px; width: 100%; min-width: 570px; }
.contents .col2_sec section .col #recruit { background: url(../images/recruit_img.jpg) no-repeat; -moz-background-size: cover; background-size: cover; background-position: center center; }
.contents .col2_sec section .col #gohan { background: url(../images/gohan_img.jpg) no-repeat; -moz-background-size: cover; background-size: cover; background-position: center center; }
.contents .banner { background: #f5f5f5; padding: 40px 0; }
.contents .banner .banner_wrap { width: 980px; margin: 0 auto; }
.contents .banner .banner_wrap .banner_block { height: 112px; border-bottom: 1px solid #f5f5f5; }
.contents .banner .banner_wrap .banner_block a { display: block; font-weight: bold; position: relative; width: 100%; height: 112px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 20px 24px 30px; border: 1px solid #fff; z-index: 4; }
.contents .banner .banner_wrap .banner_block a::after { background-color: #f5f5f5; content: ''; height: 0; 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%; z-index: -1; }
.contents .banner .banner_wrap .banner_block a:hover, .contents .banner .banner_wrap .banner_block a:active { border: 1px solid #fff; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }
.contents .banner .banner_wrap .banner_block a:hover::after, .contents .banner .banner_wrap .banner_block a:active::after { height: 100%; }
.contents .banner .banner_wrap .banner_block a img { vertical-align: middle; margin-right: 20px; }
.contents .banner .banner_wrap .banner_block:last-child { border: none; }
.contents .banner .banner_wrap .link_blank:after { content: ""; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjEgMjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDIxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDkxODZFO30NCgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEwLjUiIGN5PSIxMC41IiByPSIxMC41Ii8+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTYsNnY2aDZWNkg2eiBNMTEsMTFIN1Y4aDRWMTF6Ii8+DQo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjEzLDkgMTMsMTMgOSwxMyA5LDE0IDEzLDE0IDE0LDE0IDE0LDEzIDE0LDkgIi8+DQo8L3N2Zz4=") no-repeat; float: right; -moz-background-size: 100%; background-size: 100%; background-position: center center; margin-top: 24px; width: 21px; height: 21px; }
.contents .banner .banner_col { width: 470px; height: 338px; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; margin: 10px; display: block; float: left; }
.contents .banner .fb_col { width: 470px; height: 338px; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 10px; margin: 10px; display: block; float: left; }
.main.sp .bx-wrapper, .main.sp .bx-viewport { max-height: 1020px; }
.main.sp #bxslider .slide { width: 100%; height: 100%; max-height: 1020px; }