@charset "UTF-8";
/* Font
---------------------------------------------------------------- */
.bold{ font-weight:bold;}

.f11{ font-size:11px;}

.f12{ font-size:12px;}

.f13{ font-size:13px;}

.f14{ font-size:14px;}

.f15{ font-size:15px;}

.f16{ font-size:16px;}

.f18{ font-size:18px;}

.f20{ font-size:20px;}

.f22{ font-size:22px;}

.f24{ font-size:24px;}

.f26{ font-size:26px;}

.fw { color:#fff;}

.fn { color:#004DA1;}

.fr { color:#a10000;}

.bg-gy { background:#f3f3f3;}
.bg-b { background:#5584f0;}
.bg-g { background:#70c55a;}
.bg-r { background:#c55a5a;}
.bg-y { background:#c5a45a;}
.bg-w { background:#9d36a6;}
.bg-p { background:#c42160;}

.newIcon {
  font-weight: bold;
  margin-left: 0.3rem;
  color: #004da1;
  background: #fff;
  padding: 0.1rem 0.5rem;
  border-radius:0.1rem;
}
@media only screen and (max-width: 480px) {
  .newIcon {
    color: #fff;
    background: #004da1;
  }
}
/* Space
---------------------------------------------------------------- */
.mt10{ margin-top:10px;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:50px;}

.mt60{ margin-top:60px;}

.mt70{ margin-top:70px;}

.mt80{ margin-top:80px;}

.mt90{ margin-top:90px;}

.mt100{ margin-top:100px;}

.mt5{ margin-top:5px;}

.mt15{ margin-top:15px;}

.mt25{ margin-top:25px;}

.left{ text-align:left;}

.center{ text-align:center;}

.right{ text-align:right;}

.mt-ss{ margin-top:10px;}

.mt-s{ margin-top:15px;}

.mt-ms{ margin-top:20px;}

.mt-m{ margin-top:30px;}

.mt-mm{ margin-top:40px;}

.mt-l{ margin-top:60px;}

.mt-ll{ margin-top:80px;}


a {
  backface-visibility: hidden;
}

.text-indent {
text-indent: 1em;
}
.text-right {
  text-align:right;
  display:block;
}

.link-m73{ margin-top : -73px; padding-top : 73px;}


/*パンくず*/
.breadcrumb {
  margin: 0 auto;
  background:#004da1;
  padding: 6px 0;
  border-top: 2px solid #fff;
}
.breadcrumb ul {
  width:1000px;
  margin:0 auto;
}
@media only screen and (max-width: 1000px){.breadcrumb ul {width:100%;}}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
  padding-left:5px;
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #fff;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #fff;/*色*/
}
.breadcrumb li > span {
  color: #fff;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}


@media only screen and (max-width: 1050px){.link-m73{ margin-top : -55px; padding-top : 55px;}}

.flex-box {
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
}
.flex-wrap {
	flex-wrap: wrap;
	justify-content: center;
}
.flex-wrap .top-member-img {
	margin: 80px 30px 0px;
	padding: 0;
}
/* for IE10 & 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .sp-flex-flap {
    flex-wrap:wrap;
  }
}

.flex-flap { flex-wrap:wrap;}

.flex-reverse { flex-direction:row-reverse;}
 
 .flex-justify-end { justify-content:flex-end;}

a:hover { opacity: 0.6;}

@media only screen and (max-width: 768px){ .mt-l{ margin-top:30px;}
  .mt-ll{ margin-top:40px;}.mb-none { margin-bottom:0 !important;}
}

/* Layout
---------------------------------------------------------------- */
.l-container{ width:100%;}

.l-wrap{position:relative;z-index:0;  width:100%; padding-top:78px;}

@media only screen and (max-width: 1050px){ .l-wrap{ padding-top:55px;}}

.l-low{padding:20px 0 0; width:100%;border-top:1px solid #cdcdcd;}

.l-inner{margin:0 auto; max-width:1000px; width:98%;}

@media only screen and (max-width: 768px){ .l-container{ position:relative;z-index:1;}}

/* responsive elements
---------------------------------------------------------------- */
@media only screen and (min-width: 769px){
	.sp {
		display:none !important;
}
}
@media only screen and (max-width: 768px){
	.pc {
		display:none !important;
}
  .sp-flex-flap {
    flex-wrap:wrap;
}
  .sp-text-L {
    text-align:left;
}
	.flex-wrap .top-member-img {
	margin: 50px auto 0;
}
}

/* header
---------------------------------------------------------------- */
.l-header{ position:fixed; top:0; margin:0 auto;width:100%; padding: 5px 0 10px; box-shadow:3px 3px 6px -1px #a2a2a2; background:#fff; z-index:1;}

.header-logo{ float:left;margin-top: 14px; width:20%;}

.header-logo a:hover{ opacity:.8;}

.header-menu{ display:none;}

@media only screen and (max-width: 1050px){ .l-header{position:fixed;z-index:2; overflow:visible;margin:0px auto 0px; width:100%;}
  .header-logo{position:relative;z-index:10; float:none;margin:5px 0 0 5px;padding: 0; display:inline;}
  .header-logo a:hover{ opacity:1;}
  .header-menu{position:absolute;top:10px;right:15px; z-index:10; display:block;}
  .header-menu-icon{position:relative; display:inline-block;box-sizing:border-box; width:40px;height:34px;-webkit-transition:all .4s;transition:all .4s;*display:inline;*zoom:1;}
  .header-menu-icon span{position:absolute;left:0; display:inline-block;box-sizing:border-box; width:100%;height:4px;border-radius:4px;background-color:#004da1;-webkit-transition:all .4s;transition:all .4s;*display:inline;*zoom:1;}
  .header-menu-icon span:nth-of-type(1){ top:0;}
  .header-menu-icon span:nth-of-type(2){ top:15px;}
  .header-menu-icon span:nth-of-type(3){ bottom:0;}
  .header-menu-icon.active span:nth-of-type(1){ -webkit-transform:translateY(15px) rotate(45deg);transform:translateY(15px) rotate(45deg);}
  .header-menu-icon.active span:nth-of-type(2){ opacity:0;}
  .header-menu-icon.active span:nth-of-type(3){ -webkit-transform:translateY(-15px) rotate(-45deg);transform:translateY(-15px) rotate(-45deg);}
  
  .header-entry-sp.sp {
    width: 100px;
    display: inline-block !important;
    background: #efaa46;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    position: relative;
    top: 6px;
  }
  .header-entry-sp.sp a {
    color:#fff;
  }

}

/* navigation
---------------------------------------------------------------- */
.site-nav{ position:relative;float:right;width:80%;}

.site-nav-list{ margin:0 0;text-align:center;font-size:0;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}

.site-nav-item{ display:inline-block;width:12.5%;vertical-align:top;font-size:15px;line-height:1; *display:inline;*zoom:1; position:relative;}

.site-nav-item span { width:12.5%;vertical-align:top;font-size:13px;line-height:1; *display:inline;*zoom:1; font-weight:normal;}

.site-nav-item a{ display:block;padding:15px 0 0; font-size:19px; font-weight:bold; line-height:1.3;}

.site-nav-item-01 a{ background:url("../images/common/icon_01.png") center top no-repeat;}
.site-nav-item-01 a:hover{ background:url("../images/common/icon_01_on.png") center top no-repeat;}

.site-nav-item-02 a{ background:url("../images/common/icon_02.png") center top no-repeat;}
.site-nav-item-02 a:hover{ background:url("../images/common/icon_02_on.png") center top no-repeat;}

.site-nav-item-03 a{ background:url("../images/common/icon_03.png") center top no-repeat;}
.site-nav-item-03 a:hover{ background:url("../images/common/icon_03_on.png") center top no-repeat;}

.site-nav-item-04 a{ background:url("../images/common/icon_05.png") center top no-repeat;}
.site-nav-item-04 a:hover{ background:url("../images/common/icon_05_on.png") center top no-repeat;}

.site-nav-item-05 a{ background:url("../images/common/icon_16.png") center top no-repeat;}
.site-nav-item-05 a:hover{ background:url("../images/common/icon_16_on.png") center top no-repeat;}

.site-nav-item-06 a{ background:url("../images/common/icon_04.png") center top no-repeat;}
.site-nav-item-06 a:hover{ background:url("../images/common/icon_04_on.png") center top no-repeat;}

.site-nav-item-07 a{ background:url("../images/common/icon_18.png") center top no-repeat;}
.site-nav-item-07 a:hover{ background:url("../images/common/icon_18_on.png") center top no-repeat;}

.site-sab {
  width:100%;
  transition: all 0.7s;
  overflow: hidden;
  left: 0;
  background: #153b67bf;
  display:block;
  z-index: 2;
  position: absolute;
}

.entry-nav {
 width: 610px;
 margin: auto;
 padding: 10px 0 0 0;
}
.entry-nav li a {
 font-size: 20px;
 font-weight: bold;
 color: #004DA1; 
}

@media only screen and (max-width: 768px){ 
.entry-nav {
 width: 90%;
 margin: auto;
}
 
.entry-nav li a {
 font-size: 18px;
 font-weight: bold;
 color: #004DA1; 
}
}


.entry-nav li a:visited {
 font-size: 20px;
 color: #004DA1; 
}

.table-entry-nav a {
 font-weight: bold;
 color:#004DA1;
}
@media all and (-ms-high-contrast:none){.site-sab {background: #153b67;}}
.site-sab-list { margin:0 auto;}

.site-sab-item a { color:#fff; font-size:14px; font-weight:normal; padding: 8px 0; border-bottom:1px solid;}

.site-sab-list li:last-child a { border-bottom:0;}

.site-sab-item a span { font-size:13px;}

#sab-about, #sab-member, #sab-recruit {
  opacty: 0;
  max-height:0;
}

#nav-about:hover > #sab-about {
  opacity:1;
  max-height:300px;
}
#nav-member:hover > #sab-member {
  opacity:1;
  max-height:300px;
}
#nav-recruit:hover > #sab-recruit {
  opacity:1;
  max-height:300px;
}

.entry-btn {;color: #fff; width: 16%; margin-left: 16px;margin-top: 4px;/*font-style: italic;*/}

.entry-btn a {color: #fff;padding: 8px 0 6px; font-size: 16px; background-color: #00AAEB; /*background:#efaa46;*/}

.site-ut-list{ position:absolute;top:0;right:0;font-size:0;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}

.site-ut-item{ display:inline-block;font-size:13px; *display:inline;*zoom:1;}

.site-ut-item a{ display:block;margin:0 0 0 5px;border:1px solid #004da1; color:#004da1;line-height:1;}

.site-ut-item a:hover{border:1px solid #4ebeee;  color:#4ebeee;}

.site-ut-item-01 a{
	padding:10px 5px 10px 35px;
	background:#fff url("../images/common/icon_09.png") 5px center no-repeat;
}

.site-ut-item-01 a:hover{
	background:#fff url("../images/common/icon_09_on.png") 5px center no-repeat;
}

.site-ut-item-02 a{
    padding: 10px 5px 10px 35px;
	background:#fff url("../images/common/icon_10.png") 6px center no-repeat;
}

.site-ut-item-02 a:hover{
	background:#fff url("../images/common/icon_10_on.png") 6px center no-repeat;
}

.site-ut-item-03 a{
    padding: 10px 5px 10px 35px;
	background:#fff url("../images/common/icon_19.png") 6px center no-repeat;
}

.site-ut-item-03 a:hover{
	background:#fff url("../images/common/icon_19_on.png") 6px center no-repeat;
}

@media only screen and (max-width: 1050px){ .site-nav{position:absolute;top:0px;z-index:2;  display:none;float:none;padding:55px 0 0;width:100%;background-color:#fff;}
  .site-nav-list{overflow:hidden;  margin:0;text-align:center;font-size:0;}
  .site-nav-item{ display:block;width:100%;vertical-align:top;font-size:16px;line-height:1; background: #004da1;}
  .site-nav-item a{ display:block;border-top:1px solid #fff; color:#fff; padding:10px 0 0 ;}
  .entry-btn { margin-left: 0; margin-top: 0;}
  .entry-btn a{ padding:18px 0;}
  .site-nav-item-01 a{ background:#4cbeed;}
  .site-nav-item-01 a:hover{ background:#4cbeed;}
  .site-nav-item-02 a{ background:#4cbeed;}
  .site-nav-item-02 a:hover{ background:#4cbeed;}
  .site-nav-item-03 a{ background:#4cbeed;}
  .site-nav-item-03 a:hover{ background:#4cbeed;}
  .site-nav-item-04 a{ background:#4cbeed;}
  .site-nav-item-04 a:hover{ background:#4cbeed;}
  .site-nav-item-05 a{ background:#4cbeed;}
  .site-nav-item-05 a:hover{ background:#4cbeed;}
  .site-nav-item-06 a{ background:#4cbeed;}
  .site-nav-item-06 a:hover{ background:#4cbeed;}
  .site-nav-item-07 a{ background:#4cbeed;}
  .site-nav-item-07 a:hover{ background:#4cbeed;}
  .site-ut-list{ position:static;margin:0;border-bottom:1px solid #fff; font-size:0;}
  .site-ut-item{ display:block;width:100%;text-align:center; font-size:16px;}
  .site-ut-item a{ display:block;margin:0;border:none;border-top:1px solid #fff; color:#fff;line-height:1;}
  .site-ut-item a:hover{border:none;border-top:1px solid #fff;  color:#fff;}
  .site-ut-item-01 a{ padding:15px 0;background:#4cbeed;}
  .site-ut-item-01 a:hover{ background:#4cbeed;}
  .site-ut-item-02 a{ padding:15px 0;background:#4cbeed;}
  .site-ut-item-02 a:hover{ background:#4cbeed;}
  
  .site-sab { position:static; z-index:1; max-height:100% !important;background: #245288;} 
  .site-sab-list { display:flex; flex-wrap:wrap;}
  .site-sab-item a { font-size:15px; padding: 6px 0; border-top: 1px solid; border-bottom:0;}
  #sab-about, #sab-member, #sab-recruit { display:none;}
  .site-sab-3 {width: calc(100%/3);}
  .site-sab-2 {width: calc(100%/2);}
  .border-right a { border-right:1px solid;}
  }

/* breadcrumb
---------------------------------------------------------------- */
.bread{ font-size:12px;}

.bread a:hover{ opacity:.8;}

/* title
---------------------------------------------------------------- */
.category-title{text-align:center;  font-size:22px;}

.category-title-01{ padding:65px 0 0;background:url(../images/common/icon_06.png) center top no-repeat;}

.category-title-02{ padding:70px 0 0;background:url(../images/common/icon_13.png) center top no-repeat;}

.category-title-03{ padding:65px 0 0;background:url(../images/common/icon_07.png) center top no-repeat;}

.category-title-04{ padding:65px 0 0;background:url(../images/common/icon_17.png) center top no-repeat;}

.category-title-05{ padding:65px 0 0;background:url(../images/common/title_09.png) center top no-repeat;}

.cont-title-01{ padding:0 0 5px;border-bottom:2px solid #004da1; font-size:22px;}

@media only screen and (max-width: 768px){ .category-title{background-size:50px auto;  font-size:18px;}
  .category-title-01,.category-title-02,.category-title-03{ padding:55px 0 0;}
  .cont-title-01{ font-size:18px;}}

/* btn
---------------------------------------------------------------- */
.cont-btn a{ display:inline-block;padding:15px 20px 15px 35px;line-height:1;}

.cont-btn-01{ text-align:center;}

.cont-btn-01 a{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 10px center no-repeat; color:#004da1;}

.cont-btn-01 a:hover{border:1px solid #4ebeee; background:#fff url(../images/common/icon_14.png) 10px center no-repeat; color:#4ebeee;}

.cont-btn-02{ text-align:right;}

.cont-btn-02 a{border:1px solid #4ebeee; background:#fff url(../images/common/icon_14.png) 10px center no-repeat; color:#4ebeee;font-size:13px;}

.cont-btn-02 a:hover{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 10px center no-repeat; color:#004da1;}

.cont-btn-03{ text-align:center;}

.cont-btn-03 a{border:1px solid #4ebeee; background:#fff url(../images/common/icon_14.png) 10px center no-repeat; color:#4ebeee;font-size:13px;}

.cont-btn-03 a:hover{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 10px center no-repeat; color:#004da1;}

.cont-btn-04{ text-align:left;}

.cont-btn-04 a {
    border: 1px solid #004da1;
    background: #fff url(../images/common/icon_11.png) 10px center no-repeat;
    color: #004da1;
    font-size: 13px;
    line-height: 1;
    padding: 10px 30px;
}

.cont-btn-04 a:hover{border:1px solid #4ebeee; background:#fff url(../images/common/icon_11_on.png) 10px center no-repeat; color:#4ebeee;}

@media only screen and (max-width: 768px){ .cont-btn-01 a:hover{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 10px center no-repeat; color:#004da1;}
  .cont-btn-02,.cont-btn-03{ text-align:center;}
  .cont-btn-02 a:hover,.cont-btn-03 a:hover{border:1px solid #4ebeee; background:#fff url(../images/common/icon_14.png) 10px center no-repeat; color:#4ebeee;}.sp-center-btn {
	text-align:center;
}
.cont-btn-04 {
	text-align:center;
}
.cont-btn-04 a:hover{border:1px solid #004da1; background:#fff url(../images/common/icon_11.png) 8px center no-repeat; color:#004da1;}
  }

/* totop
---------------------------------------------------------------- */
.totop a{position:relative; display:block;padding:70px 0 0;color:#cdcdcd;text-align:center;text-indent:-9999px;}

.totop a:hover{ opacity:.8;}

.totop a::before{position:absolute;left:50%; display:block;margin:0 0 0 -15px;width:30px;height:30px;border-right:2px solid #cdcdcd;border-bottom:2px solid #cdcdcd;content:"";-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

@media only screen and (max-width: 768px){ .totop a{ padding:40px 0 0 } .totop a:hover{ opacity:1;}}

/* footer
---------------------------------------------------------------- */
.l-footer{ margin:30px 0 0;padding:15px 0 0;border-top:1px solid #cdcdcd;}

.footer-inner{ position:relative;overflow:hidden; margin:0 auto;max-width:1000px;width:98%;}

.footer-info{ float:left;width:28%;font-size:12px;}

.footer-logo{ width:64.28571%;}

.footer-list{ float:left;overflow:hidden; width:80%;}

.snsSection { width:20%; display: inline-block; text-align:center;}
.snsSection .btn {
    margin-bottom: 3px;
    padding: 0;
    background: none;
}
.snsSection .sns {
    margin-bottom: 12px;
}
@media only screen and (max-width: 768px){.snsSection { width:100%; display:flex;} .snsbox { width:50%;}}


.footer-item{ float:left;margin:0 0 0 6.75676%; font-weight:bold;font-size:15px;}

.footer-item:first-of-type{ margin:0 0 0 2.7027%;}

.footer-item a{ display:block;color:#6e6e6e;}

.footer-item a:hover{ opacity:.8;}

.footer-item li{ padding:0;background:url("../images/common/icon_11.png") left center no-repeat; letter-spacing:-.5px;font-weight:normal;font-size:12px;}

.footer-copy{ margin:15px 0 0;padding:15px 0;background-color:#004DA1; color:#fff;text-align:center;font-size:12px;}

@media only screen and (max-width: 980px){ .footer-item{ margin:0 0 0 3%;}}

@media only screen and (max-width: 870px){ .footer-item{ margin:0 0 0 .8%;}}

@media only screen and (max-width: 768px){ .l-footer{ padding:0;border-top:none;}
  .footer-info{ float:none;width:100%;text-align:center;font-size:14px;}
  .footer-logo{margin:0 auto 15px;  width:90%;}
  .footer-list{ display:none;}}