@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1400px){
.header-wrapper .header-nav .sub02{ right: 117px;}
.header-wrapper .header-nav .select-background{ right: 200px; font-size: .87rem;}

#contents .top-mainwrapper .scroll-icon{ left: -20%;}
/* contents */
#contents .top-wrapper-select{ width: auto; margin: -80px 30px 113px 30px;}
/* top-news */
.top-important-info{ width: 100%; padding: 38px 30px 22px 46px;}
}
@media screen and (max-width:1200px){
/* header */
.header-wrapper header{ top: 20px; left: 15px; width: 230px; height: 50px; line-height: 1; z-index: 1;}
.header-wrapper header .header-logo{ position: absolute; width: 230px; height: 60px; left: 0; top: 0; overflow: hidden;}
.header-wrapper header .header-logo .logo-large{ display: none;}
.header-wrapper header .header-logo .logo-small{ display: inline;}
.header-wrapper .header-nav .sub01{ left: auto; right: 360px;}
/* header-wrapper-min */
.header-wrapper-min{}
.header-wrapper-min header .logo{ left: 30px;}
.header-wrapper-min nav{ left: 100px;}

.header-wrapper-min .header-wrapper-min-side { position: absolute;top:0; right:0; width: 100%;}
.header-wrapper-min .sub{ right: 15px;}

/* top-news */
.top-important-info{ width: 100%; max-width: none; bottom: 80px; padding: 38px 30px 22px 46px; font-size: .87rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.top-important-info dl{ width: 100%; margin-bottom: 16px; line-height: 1.4; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.top-important-info dl a{ color: #fff; text-decoration: none;}
.top-important-info dl dt{ width: 150px; vertical-align: middle;}
.top-important-info dl dd{ -webkit-flex: 1; flex: 1;}
/* top-mainnav */
nav.top-nav{ top: 45.2%; left: -176px;}
/* contents */
#contents .top-mainwrapper .scroll-icon{ display: none;}
#contents .wrapper-links .inner{ width: auto; margin: 0 30px;}
#contents .wrapper-links .inner ul li{ width: 24.2%; margin-right: 1%; margin-bottom: 10px;}
#contents .wrapper-links .inner ul li.bn-txt a{ font-size: 1.4vw;}
/* footer-contact */
.footer-wrapper .totop{ width: 100%; padding: 0 30px; left: auto; right: 30px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-wrapper .footer-contact{ width: auto; margin: 0 30px 65px 30px;}
/* footer-nav */
.footer-wrapper .footer-nav .logo{ padding: 0;}
.footer-wrapper .footer-nav{ width: auto; margin: 0 30px;}
.footer-wrapper .footer-nav .navlist ul li:after{ margin: 0 5px;}
/* footer-copy */
footer .inner{ width: auto; margin: 0 30px;}
}
@media screen and (max-width:960px){
/* navBtn */
#nav-btn, #min-nav-btn { display:block; position: absolute; top:0; right:61px; width: 65px; height: 65px; z-index:2001; background: none;}
#nav-btn .nav-arrow-cont, #min-nav-btn .nav-arrow-cont{ position:relative; margin-top:24px;}

#nav-btn .nav-arrow-cont span.bdr, #min-nav-btn .nav-arrow-cont span.bdr { display: block; width: 20px; height:17px; border-top:1px solid #313e5b; position: absolute; top:0; left:50%; margin-left:-10px; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-box-sizing: border-box;box-sizing: border-box;}
#nav-btn .nav-arrow-cont span.bdr:before, #min-nav-btn .nav-arrow-cont span.bdr:before { content:""; display:block; position:absolute; width:15px; height:1px; top: 8px; left:0; background-color:#313e5b; -webkit-transition: all 0.4s; transition: all 0.4s;}
#nav-btn .nav-arrow-cont span.bdr:after, #min-nav-btn .nav-arrow-cont span.bdr:after {content:""; display:block; position:absolute; width:10px; height:1px; top: 16px; left:0; background-color:#313e5b; -webkit-transition: all 0.4s; transition: all 0.4s;}

#nav-btn.nav-active .nav-arrow-cont span.bdr, #min-nav-btn.nav-active .nav-arrow-cont span.bdr { border-top:none!important;}
#nav-btn.nav-active .nav-arrow-cont span.bdr:before, #min-nav-btn.nav-active .nav-arrow-cont span.bdr:before { -webkit-transform: translateY(4px) rotate(45deg);transform: translateY(4px) rotate(45deg);  width: 28px; top: 3px;}
#nav-btn.nav-active .nav-arrow-cont span.bdr:after, #min-nav-btn.nav-active .nav-arrow-cont span.bdr:after { -webkit-transform: translateY(-4px) rotate(-45deg);transform: translateY(-4px) rotate(-45deg); width: 28px; top: 11px;}
/* header */
.header-wrapper{ height: 130px; margin: 0 auto;}
.header-wrapper header{ top: 12px; width: 201px; height: 50px;}
.header-wrapper header .header-logo{ width: 201px; height: 50px;}
.header-wrapper .header-nav .sub01{ left: auto; right: 360px;}
.header-wrapper .nav-wrapper{ position: absolute; right: 0; top: 0; width: 100%;}
.header-wrapper .header-nav{ position: relative; height: 130px;}
.header-wrapper .header-nav .sub01{ width: 100%; top: 66px; left: 0; padding-top: 14px; text-align: center;}
.header-wrapper .header-nav .sub01:after{ content: ""; display: block; position: absolute; top: 0; left: 30px; width: 180px; height: 1px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%);
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%);}
.header-wrapper .header-nav .sub01:before{ content: ""; display: block; position: absolute; top: 0; right: 30px; left: 30px; height: 1px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%);
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.header-wrapper .header-nav .sub01 li a{ padding: 25px 23px 0 23px; font-size: .75rem;}
.header-wrapper .header-nav .select-background{ display: none;}
.header-wrapper .header-nav .sub02{ display: none;}
/* search */
.header-wrapper .header-nav .search-btn a{ width: 61px; height: 65px; padding-top: 0; background-color: #fff; background-image: url(../images/search_b.svg); background-position: center 20px; background-size: 22px auto;}
.header-wrapper .header-nav .search-btn a .s-sp{ display: none;}
.header-wrapper .header-nav .search-btn.nav-active a{ background-image: url(../images/close.svg);}
/* search-contents */
#search-box{ padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#search-box .field-wrapper{ margin: 165px auto 0 auto;}
#search-box .field-wrapper:before{ width: 123px; height: 1px;}
#search-box .field-wrapper:after{ width: 20px; height: 1px;}
#search-box .search-field { border-bottom: 1px solid #313e5b;}
#search-box input[type=text] { height: 45px !important; padding: 5px 5px 5px 20px !important; line-height: 45px !important; width: 100% !important; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none !important; appearance: none !important; font-size: 1.18rem !important; border-radius: 0;}

#search-box .field-wrapper .searchinner-btn{ width: 55px; vertical-align: middle; border-bottom: 1px solid #313e5b;}
#search-box .field-wrapper .searchinner-btn button { display: block; width: 45px; height: 45px; padding: 0; margin-right: 10px; background-position: center center; background-size: 23px auto;}

/* SP_Header_TglNav */
.sp-nav{ position: fixed; top:67px; bottom:0; left: 0; margin-top: 0 ; width: 100%; z-index:1020; overflow-y: scroll;}
.sp-nav nav .sp-navmain{ padding-top: 37px; margin: 0 30px; line-height: 1;}
.sp-nav nav .sp-navmain li a{ display: block; position: relative; padding: 26px 5px 26px 50px; background: none; text-decoration: none;}
.sp-nav nav .sp-navmain li a:before{ content:""; display: block; position: absolute; top: 50%; left: 10px; margin-top: -6px; width: 12px; height: 12px; border: 2px solid #313e5b; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg);transform: rotate(45deg);}

.sp-nav nav .sp-navsub01{ margin: 23px 30px 29px 30px; line-height: 1;}
.sp-nav nav .sp-navsub01 li a{ display: block; padding: 21px 5px 21px 50px; font-size: 1.06rem; background: none; position: relative; text-decoration: none;}
.sp-nav nav .sp-navsub01 li a:before{ content: ""; display: block; position: absolute; top: 50%; left: 12px ; margin-top: -12px; width: 40px; height: 24px;}
.sp-nav nav .sp-navsub01 li.gairai a:before{ background-image: url(../images/header_file.svg); background-repeat: no-repeat; background-position: center center; background-size: 15px auto; width: 15px;}
.sp-nav nav .sp-navsub01 li.yoyaku a:before{ background-image: url(../images/call.svg); background-repeat: no-repeat; background-position: center center; background-size: 19px auto; width: 19px;}
.sp-nav nav .sp-navsub01 li.access a:before{ background-image: url(../images/map.svg); background-repeat: no-repeat; background-position: center center; background-size: 15px auto; width: 15px;}

.sp-nav .option{ position: relative; margin: 0 20px 20px 20px; padding-top: 17px;}
.sp-nav .option:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 180px; height: 1px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%);
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%);}
.sp-nav .option:before{ content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%);
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(49,62,91) 19px,rgb(49,62,91) 100%); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.sp-nav .option .select-background{ margin: 0 10px;}
.sp-nav .option .select-background a{ display: block; position: relative; padding: 14px 0 14px 42px; background: none; text-decoration: none;}
.sp-nav .option .select-background a:before{ content: ""; display: block; position: absolute; top: 20px; left: 16px; width: 12px; height: 12px; border-radius: 6px; background-color: #222222;}
.sp-nav .option .select-background a:after{ content: ""; display: block; position: absolute; top: 14px; left: 10px; width: 22px; height: 22px; border-radius: 11px; border: 1px solid #ced5da;}
.sp-nav .option .sp-navsub02{ margin: 0 10px; padding-top: 17px; line-height: 1;}
.sp-nav .option .sp-navsub02 li a{ display: block; position: relative; padding: 13px 5px 13px 45px; background: none; text-decoration: none;}
.sp-nav .option .sp-navsub02 li a:before{ content:""; display: block; position: absolute; top: 50%; left: 17px; margin-top: -4px; width: 9px; height: 9px; border: 2px solid #313e5b; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
/* header-wrapper-min */
.header-wrapper-min{ min-width: 320px;}
.header-wrapper-min header .logo{left: 15px; width: 37px;}
.header-wrapper-min nav{ display: none;}
.header-wrapper-min .sub{ right: 126px;}
.header-wrapper-min .sub ul li a{ height: 65px;}
.sp-header-min { display: block;}
.sp-header-min .search-btn{ position: absolute; top: 0; right: 0;}
.sp-header-min .search-btn a{ display: block; width: 61px; height: 65px; background: none; background-image: url(../images/search_b.svg); background-repeat: no-repeat; background-position: center 20px; background-size: 22px auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp-header-min .search-btn.nav-active a{ background-image: url(../images/close.svg);}
/* top-mainnav */
nav.top-nav{ left: -30px;}
nav.top-nav:before{ -webkit-transform: translate(10px,10px); transform: translate(10px,10px);}
nav.top-nav ul{ padding: 40px 30px 40px 10px;}
/* top-news */
.top-important-info{ position: static; width: auto; padding: 26px 30px 12px 30px;}

/* contents */
#contents.nav-active {margin-top:130px;}
#contents .top-mainwrapper{ height: 600px; margin-left: 40px;}
#contents .top-mainwrapper .top-mainttl{ top: 60px; left: -20px;}

#contents .top-wrapper-select{ margin-top: 40px;}
#contents .top-wrapper-select ul li{ font-size: 1.12rem;}

#contents .top-wrapper-how{ width: auto; margin: 0 20px 113px 20px;}
#contents .top-wrapper-how ul li{ padding: 0 60px;}
#contents .top-wrapper-how ul li:last-child{ padding: 0 60px;}

#contents .wrapper-contact .inner{ width: auto; margin: 0 30px;}
#contents .wrapper-contact .inner .num dl{ font-size: 2rem;}
#contents .wrapper-contact .inner .num dl:nth-of-type(2){ -webkit-justify-content: center; justify-content: center;}
#contents .wrapper-contact .inner .num dl dt{ font-size: 43%; margin-right: 16px; margin-top: 3px;}
/**/
#contents .wrapper-top-news{ width: auto; margin: 0 30px;}
#contents .wrapper-top-news .tab li{ font-size: .93rem; margin-right: 27px;}
#contents .wrapper-top-news .tab li:after{ right: -13px;}
#contents .wrapper-top-news .news-list > div{ padding: 0;}
#contents .wrapper-top-news .news-list dl{ width: 47%; margin-right: 6%;}

#contents .wrapper-largebk .inner{ width: auto; margin: 0 30px;}
#contents .wrapper-top-recruit .inner{ width: auto; margin: 0 20px;}
#contents .wrapper-top-recruit .inner ul li{ margin: 0 10px; font-size: 1rem;}

#contents .wrapper-links .inner ul{ max-width: 780px; margin: 0 auto;}
#contents .wrapper-links .inner ul li{ width: 32%; margin-right: 2%; margin-bottom: 15px;}
#contents .wrapper-links .inner ul li:nth-of-type(4n){ margin-right: 2%;}
#contents .wrapper-links .inner ul li:nth-of-type(3n){ margin-right: 0;}
#contents .wrapper-links .inner ul li.bn-txt a{ font-size: 1.8vw;}
#contents .wrapper-links .inner ul li.bn-txt a .bndtl{ right: 20px;}
/* footer-contact */
.footer-wrapper .footer-contact dl dd{ display: block;}
.footer-wrapper .footer-contact dl dd .num{ width: auto;}
.footer-wrapper .footer-contact dl dd .dtl{ margin-top: 28px;}
.footer-wrapper .footer-contact dl dd .dtl .rep br{ display: none;}
/* footer-nav */
.footer-wrapper .footer-nav{ display: block; padding: 32px 0 32px 0;}
.footer-wrapper .footer-nav .navlist{ text-align: left; margin-top: 0; margin-bottom: 50px;}
.footer-wrapper .footer-nav .navlist ul{ line-height: 1.6; margin-left: 0;}
.footer-wrapper .footer-nav .navlist ul li:after{  margin: 0 16px;}
/* footer-copy */
footer .inner{ padding-top: 24px;}
footer .inner .small{ position: static; display: block; margin-bottom: 10px;}
}
@media screen and (max-width:720px){
sup{ font-size: 64.2%;}
sub{ font-size: 64.2%;}
/* top-mainnav */
nav.top-nav{ display: none;}

/* top-news */
.top-important-info{ font-size: .87rem;}
.top-important-info dl{ width: auto; margin-bottom: 30px; line-height: 1.6; display: block;}
.top-important-info dl dt{ width: auto; font-size: .81rem; margin-bottom: 10px;}
.top-important-info dl dd{ padding-left: 30px;}

/* contents */
#contents .top-mainwrapper{ background-image: none !important; height: 72vh; min-height: 280px;}
#contents .top-mainwrapper .sp-main-image{ display: block; position: absolute; width: 100%; height: 62vh; min-height: 260px; top:0; left:0; background-repeat: no-repeat; background-position: left bottom; background-size: cover;}
#contents .top-mainwrapper .top-mainttl{ top: auto; bottom: 7vh; left: -10px; font-size: 1.87rem; letter-spacing: .15em; line-height: 1.2;}
#contents .top-mainwrapper .top-mainttl .small{ display: inline-block; line-height: 1.6; letter-spacing: .15em; margin-bottom: 10px;}
#contents .top-mainwrapper .top-mainttl .small br{ display: inline;}

#contents .top-wrapper-select{ margin-top: 74px; margin-bottom: 60px;}
#contents .top-wrapper-select ul{ width: auto; display: block;}
#contents .top-wrapper-select ul li{ font-size: 1.18rem;}
#contents .top-wrapper-select ul li .fnt-italic{ font-size: .87rem;}
#contents .top-wrapper-select ul li img{ width: 19%; min-width: 60px; margin-bottom: 20px;}
#contents .top-wrapper-select ul li a{ border-bottom: 1px solid #313e5b;}
#contents .top-wrapper-select ul li a .circle-arrow{ padding: 30px 0 89px 0;}
#contents .top-wrapper-select ul li a .circle-arrow:before{ bottom: 29px;}
#contents .top-wrapper-select ul li a .circle-arrow:after{ bottom: 45px;}
#contents .top-wrapper-select ul li:nth-of-type(1):after{ display: none;}
#contents .top-wrapper-select ul li:nth-of-type(2):before, #contents .top-wrapper-select ul li:nth-of-type(3):before{ display: none;}
#contents .top-wrapper-select ul li:nth-of-type(2):after{ display: none;}
#contents .top-wrapper-select ul li:before{ content: ""; display: block !important; position: absolute; bottom: 0; left: 0; width: 7px !important; height: 1px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px) !important;
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px) !important; z-index: 1;}
#contents .top-wrapper-select ul li:after{ content: ""; display: block !important; position: absolute; bottom: 0; right: 0; width: 7px !important; height: 1px; background: -webkit-linear-gradient(left, rgb(255,255,255) 0,rgb(255,255,255) 5px,rgb(49,62,91) 5px) !important;
background: linear-gradient(to right, rgb(255,255,255) 0,rgb(255,255,255) 5px,rgb(49,62,91) 5px) !important;}

#contents .top-wrapper-how{ margin: 0 20px 65px 20px;}
#contents .top-wrapper-how .ttl{ margin-bottom: 30px; font-size: 1.5rem; line-height: 1.6;}
#contents .top-wrapper-how .ttl .fnt-italic{ margin-top: 10px; font-size: .87rem;}
#contents .top-wrapper-how ul li{ padding: 0; padding-right: 30px; font-size: 1.06rem;}
#contents .top-wrapper-how ul li:last-child{ padding: 0; padding-left: 30px;}
#contents .top-wrapper-how ul li:nth-of-type(1):before{ content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 50%; background: -webkit-linear-gradient(top, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background: linear-gradient(to bottom, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
#contents .top-wrapper-how ul li:nth-of-type(1):after{ content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 1px; height: 50%; background: -webkit-linear-gradient(top, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to bottom, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
#contents .top-wrapper-how ul li:nth-of-type(1) img{ width: 26.6%; min-width: 44px; max-width: 60px;}
#contents .top-wrapper-how ul li:nth-of-type(2) img{ width: 24.2%; min-width: 40px; max-width: 48px;}
#contents .top-wrapper-how ul li .ico-h{ height: 75px; margin-bottom: 0;}
#contents .top-wrapper-how ul li a{ display: block; position: relative; text-decoration: none;}
#contents .top-wrapper-how ul li a .circle-arrow{ padding: 14px 0 66px 0;}

#contents .wrapper-contact{ padding: 57px 0 33px 0;}
#contents .wrapper-contact .inner .ttl{ margin-bottom: 30px; font-size: 1.18rem;}
#contents .wrapper-contact .inner .ttl:after{ width: 36px; margin: 30px auto 0 auto;}
#contents .wrapper-contact .inner p{ font-size: .87rem; margin-bottom: 20px;}
#contents .wrapper-contact .inner .num{ width: auto; margin-bottom: 30px; display: block;}
#contents .wrapper-contact .inner .num dl{ margin-bottom: 20px;}
#contents .wrapper-contact .inner .perid{ margin-bottom: 43px; font-size: 1rem;}
#contents .wrapper-contact .inner .perid br{ display: inline;}
#contents .wrapper-contact .inner .perid .del{ display: none;}
#contents .wrapper-contact .inner .perid:before{ content: ""; display: block; position: static; width: 100%; height: 1px; padding-top: 30px; background: -webkit-linear-gradient(left, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to right, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-x; background-position: left top; background-size: 7px 1px; margin-left: 0;}
#contents .wrapper-contact .inner .perid:after{ display: none;}
#contents .wrapper-contact .inner .btn{ width: auto; margin-bottom: 50px; font-size: .93rem; display: block;}
#contents .wrapper-contact .inner .btn li{ margin-right: 0; margin-bottom: 30px;}
/**/
#contents .btmbdr-ttl{ font-size: 1.5rem;}
#contents .btmbdr-ttl:after{ content: ""; display: block; width: 1px; height: 25px; margin: 10px auto 25px auto; background: -webkit-linear-gradient(top, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background: linear-gradient(to bottom, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
#contents .btmbdr-ttl.gray:after{ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,0) 4px); background: linear-gradient(to bottom, rgba(255,255,255,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
/**/
#contents .wrapper-top-news{ padding: 60px 0 30px 0;}
#contents .wrapper-top-news .tab{ display: none;}

#contents .wrapper-top-news .slide-ttl{ display: block; font-size: .93rem; border-top: 2px solid #313e5b;}
#contents .wrapper-top-news .slide-ttl.tab-active{ border-top: 2px solid #edb214;}
#contents .wrapper-top-news .slide-ttl a{ display: block; position: relative; height: 75px; line-height: 75px; background: none; text-decoration: none;}
#contents .wrapper-top-news .slide-ttl a:after{ content:""; display: block; position: absolute; top: 50%; right: 4px; margin-top: -4px; width: 8px; height: 8px; border: 1px solid #313e5b; border-bottom: none; border-left: none; -webkit-transform: rotate(135deg);transform: rotate(135deg); -webkit-transition: all .2s cubic-bezier(0.19, 1, 0.22, 1); transition: all .2s cubic-bezier(0.19, 1, 0.22, 1);}
#contents .wrapper-top-news .slide-ttl.tab-active a:after{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg); -webkit-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1); transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);}
#contents .wrapper-top-news .news-list { -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1); transition: all .3s cubic-bezier(0.19, 1, 0.22, 1); }
#contents .wrapper-top-news .news-list > div{ padding: 0 10px; display: block;}
#contents .wrapper-top-news .news-list dl{ width: 100%; margin-right: 0; margin-bottom: 40px;}
#contents .wrapper-top-news .news-list dl dt .days{ padding-right: 15px; font-size: .81rem;}
#contents .wrapper-top-news .news-list dl dt .days time{ font-size: .81rem;}
#contents .wrapper-top-news .news-list dl dd{ margin-top: 10px; font-size: .87rem; letter-spacing: normal;}
#contents .wrapper-top-news .bottombtn{ text-align: right; font-size: .93rem; margin-bottom: 45px;}
#contents .wrapper-top-news .bottombtn a{ padding-left: 0; padding-right: 23px;}
#contents .wrapper-top-news .bottombtn a:after{ top: 50%; left: auto; right: 0;}

#contents .wrapper-largebk .inner{ padding: 62px 0 30px 0;}
#contents .wrapper-largebk .inner p{ margin-bottom: 45px; font-size: .87rem;}
#contents .wrapper-largebk .inner .btn{ width: auto; font-size: .93rem; display: block;}
#contents .wrapper-largebk .inner .btn li{ margin-right: 0; margin-bottom: 30px;}
#contents .wrapper-largebk .inner .btn li a{ padding: 22px 0;}
#contents .wrapper-largebk .inner .btn li a .small{ font-size: 94%;}

#contents .wrapper-top-recruit{ padding: 61px 0 100px 0; overflow: hidden;}
#contents .wrapper-top-recruit:before{ content: ""; display: block; width: 100%; height: auto; top: 282px; bottom: 80px; left: 30px; right: 0; background-color: #fcfbf2; z-index: 0;}
#contents .wrapper-top-recruit .inner{ margin: 0 30px;}
#contents .wrapper-top-recruit .inner ul{ display: block;}
#contents .wrapper-top-recruit .inner ul li{ margin: 0 19.6% 61px 19.6%; font-size: 1.06rem;}
#contents .wrapper-top-recruit .inner ul li a{ max-width: 260px; margin: 0 auto;}
#contents .wrapper-top-recruit .inner ul li a .circle-arrow{ padding-bottom: 65px;}
#contents .wrapper-top-recruit .inner ul li a img{ margin-bottom: 25px;}
#contents .wrapper-top-recruit .inner ul li a .dtl{ display: block;}

#contents .wrapper-links{}
#contents .wrapper-links .inner{ max-width: 515px; margin: 0 auto; padding-right: 16px; padding-left: 16px;}
#contents .wrapper-links .inner ul.bn-image{ margin-bottom: 21px;}
#contents .wrapper-links .inner ul li{ width: 47.8%; margin-right: 4.3%; margin-bottom: 14px;}
#contents .wrapper-links .inner ul li:nth-of-type(3n){ margin-right: 4.3%;}
#contents .wrapper-links .inner ul li:nth-of-type(2n){ margin-right: 0;}
#contents .wrapper-links .inner ul li.bn-txt a{ font-size: 2.4vw; letter-spacing: normal;}
#contents .wrapper-links .inner ul li.bn-txt a .bndtl{ position: absolute; bottom: 0; left: 10px; right: 15px; padding-bottom: 16px;}
#contents .wrapper-links .inner ul li.bn-txt a .bndtl:before{ bottom: 13px; right: 0; width: 6px; height: 6px;}
#contents .wrapper-links .inner ul li.bn-txt a .bndtl:after{ bottom: 16px; left: 9px; right: 25px;}
/* btn-block */
.block-btn a{ padding: 27px 0;}
/* circle-arrow */
.circle-arrow:before{ width: 40px; height: 40px; margin-left: -20px; border-radius: 20px;}
.circle-arrow:after{ bottom: 16px; margin-left: -6px; width: 8px; height: 8px;}
/* footer-contact */
.footer-wrapper{ padding: 0;}
.footer-wrapper .totop{ position: static; padding: 0; margin-bottom: 60px;}
.footer-wrapper .totop .inner{ position: static;}
.footer-wrapper .totop .inner a{ display: block; width: auto; height: 60px;}
.footer-wrapper .totop .inner a:before{ content:""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; border: 1px solid #fff; border-bottom: none; border-left: none; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.footer-wrapper .footer-contact{ margin-bottom: 65px;}
.footer-wrapper .footer-contact dl{ width: auto; margin-bottom: 35px; display: block;}
.footer-wrapper .footer-contact dl:after{ margin-top: 35px;}
.footer-wrapper .footer-contact dl dt{ width: auto; font-size: 1rem;}
.footer-wrapper .footer-contact dl dt:after{ content: ""; display: block; width: 80px; height: 1px; margin: 15px 0 20px 0; background-color: #ef0012;}
.footer-wrapper .footer-contact dl dd .num .num-dtl:after{ display: none;}
.footer-wrapper .footer-contact dl dd .num .num-dtl{ padding-left: 0; font-size: 1.5rem; padding-bottom: 20px;}
.footer-wrapper .footer-contact dl dd .small{ font-size: .75rem; margin-right: 16px; vertical-align: .3em;}
.footer-wrapper .footer-contact dl dd .dtl{ margin-top: 20px; font-size: .87rem;}
.footer-wrapper .footer-contact dl dd .dtl .txt-ib{ display: block;}
.footer-wrapper .footer-contact dl dd .dtl .del{ display: none;}
/* footer-nav */
.footer-wrapper .footer-nav{ padding: 60px 0 60px 0;}
.footer-wrapper .footer-nav .navlist{ font-size: .81rem; margin-bottom: 60px;}
.footer-wrapper .footer-nav .navlist ul{ line-height: 1;}
.footer-wrapper .footer-nav .navlist ul li{ display: block; margin-bottom: 33px;}
.footer-wrapper .footer-nav .navlist ul li:after{ display: none;}
/* footer-copy */
footer .inner{ height: 160px; padding: 30px 0 0 0; line-height: 1.8;}
footer .inner .small{ margin-bottom: 20px; margin-top: 0;}
}
@media screen and (max-width:620px){
#contents .wrapper-links .inner ul li.bn-txt a{ font-size: 3vw;}
}
@media screen and (max-width:359px){
.header-wrapper-min .sub ul li a{ padding: 20px 19px 0 19px;}
.header-wrapper-min .sub ul li.gairai a .tooltip{ left: -3em;}
.header-wrapper-min .sub ul li.yoyaku a .tooltip{ left: -1.75em;}
.header-wrapper-min .sub ul li.access a .tooltip{ left: -1.75em;}
/* header */
.header-wrapper header{ top: 16px; width: 150px; height: 40px;}
.header-wrapper header .header-logo{ width: 150px; height: 40px;}
.header-wrapper .header-nav .sub01 li a{ padding: 25px 13px 0 13px;}

#contents .top-wrapper-how ul li{ font-size: .87rem;}
}