@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */

*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; color:#131313; font-size:17px; }
@font-face {
  font-family: 'dinbold';
  src: url('fonts/DIN-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'din';
  src: url('fonts/DIN-Regular.ttf')  format('truetype');
}
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6:Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a:hover { text-decoration:none; opacity:0.9; }
html,body { background-color:#f8f8f8; }
.nobd{ border:none!important; }

.img-responsive{ display: block; max-width: 100%; height: auto; }
ul{ padding-left:0; }

.container{ }

.topMv__title{height: auto!important;}

.topMv__title{margin-bottom:100px!important\9; /* IE10以下 */}


@media all and (-ms-high-contrast: none){
  .topMv__title{margin-bottom:100px!important;}
}


#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}


#pageTop i {
  padding-top: 6px
}
.member_wrap{
  background-color: #f5f9fb;
  padding: 25px;
  width: 65%!important;
}
.member_wrap .member_box{
display: flex;}

.member_wrap .member_box div {
    width: 90%;
    padding: 0px 3px;
}
.mt30{
  padding-top: 25px;
}

 /* スマホ用 */
}
@media screen and (max-width: 767px) {
  .fb-container {
    width: 100%;
    max-width: 500px;
  }
  .hidden-xs{
    display: none;
  }
  .visible-xs{
    display: block;
  }
}
 
/* PC用 */
@media screen and (min-width: 768px) {

  .fb-container {
    width: 500px;
  }
  .hidden-xs{
    display: block;
  }
  .visible-xs{
    display: none;
  }
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 17px 0 0 0px;
  border-radius: 30px;
  line-height: 1;
  font-size: 12px;
  color: #214788;
  width: 60px;
  height: 60px;
  background-color: #FFF;
  border: 2px solid #214788;
  color: #214788;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* wrapper	----------------------- */

#wrapper { background: #f8f8f8; font-size:16px; }
.whitebg{ background:#fff; }

/* header	----------------------- */

.navigation{ background:#214788; }
.navigation-item{ background:url(../images/top_icn_separator.png) center right no-repeat; background-size:23px; text-wrap: nowrap; }
.submenu-indicator:after{ border-color: transparent #fff #fff transparent; }
.hm_menu .submenu-indicator:after{ border-color: transparent #224886 #224886 transparent; }
.submenu-indicator{ margin-top:-5px; }
.navigation-dropdown{ background:#f2f7fb; width:250px; border-left:5px solid #224886; }
.navigation-dropdown-link{ font-size:15px; color:#224886!important; }
.menuchild{ border-bottom: 1px solid #224886; }
.navigation-dropdown-item{ background:url(../images/submenubg.png) 95% center no-repeat; background-size:5.7px;  }


/* navigation	----------------------- */

.navmenu{ }
.navigation-link{ line-height:30px; font-size:15px; color:#fff; }
.navigation-link:hover:{ background:none; }

.all_title{ font-size:32px; color:#214788; letter-spacing: 5px; margin-bottom: 20px; text-align:center; }
.all_subtitle{ margin-top:-5px; font-size:17px; color:#214788; font-weight:bold; text-align:center; font-family: "din", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana; }

.header_title{ padding-top:100px; padding-bottom:10px; font-size:32.5px; text-align:center; color:#fff; }
.header_subtitle{ padding-bottom:95px; font-size:17px; text-align:center; color:#fff; font-family: "dinbold", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana; }
		
/* top	----------------------- */


.top1a{ background:url(../images/slider1a.jpg) top center no-repeat; background-size:cover; position:relative; }
.top1{ position:relative; }
.top1 .area{ margin-left:0; margin-right:0; }
.top1 .left{ width:40%; padding-left:5%; }
.top1 .title{ line-height: 1; font-size:85px; color:#214788;    padding-top: 30px;
    height: 210px; font-weight:600; font-family: "dinbold", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana; }
.top1 .subtitle{ padding-top:8px; font-weight:bold; font-size:26px; color:#214788; }
.top1 .text{ padding-top:45px; font-size:17px; color:#214788; line-height: 1.6em; }
.top1 .right{ width:60%; }
.top1 .top_btn{}
.top_btn{ position:absolute; right:0; bottom:-20px; }

.top2{ background:#fff; padding-top:95px; padding-bottom:460px; }
.top2 .area{ margin-left:0; margin-right:0; padding-top:40px; display: flexbox!important; }
.top2 .left{ padding-left:0; padding-right:0; position:relative; }
.top2 .box{ position:absolute; width:80%; background:#fff url(../images/top_icn_blue1.png) bottom right no-repeat; background-size:80px; margin-top:-63px; margin-left:10%; padding: 45px 100px 60px; border-top:5px solid #214788; -webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.06); box-shadow:0px 0px 10px 1px rgba(0,0,0,0.06); }
.top2 .box .service_box{ font-size:28px; color:#214788; letter-spacing: 5px; text-align:center; }
.top2 .box .text{ padding-top:25px; line-height: 1.75em; font-size:17px; color:#505152; }

.top2 .right{ padding-left:0; padding-right:0; position:relative; }
.top2 .box1{ position:absolute; width:80%; background:#fff url(../images/top_icn_blue2.png) bottom right no-repeat; background-size:80px; margin-top:-63px; margin-left:10%; padding: 45px 100px 60px; border-top:5px solid #3993cc; -webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.06); box-shadow:0px 0px 10px 1px rgba(0,0,0,0.06); }
.top2 .box1 .service_box{ font-size:28px; color:#3993cc; letter-spacing: 5px; text-align:center; }
.top2 .box1 .text{padding-top: 45px; padding-bottom: 33px; line-height: 1.75em; font-size:17px; color:#505152; }

.top2 .box1, .top1 .box1{
  min-height: 60%;
}
.top2 .box, .top2 .box1{ min-height: 470px; }

.top3{ padding-top:105px; padding-bottom:175px; }
.top3 .area{ margin-left:-15px; margin-right:-15px; padding-top:55px; }
.top3 .left{ width:33.3%; position:relative; padding-right:5px; }
.top3 .middle{ width:33.3%; position:relative; padding-left:2.5px; padding-right:2.5px; }
.top3 .right{ width:33.3%; position:relative; padding-left:5px; }
.top3 .link{ position:absolute; top: calc(50% - 50px); left:calc(50% - 50px); }
.top3 .linkbg1{ position:absolute; bottom:0; right:6px; }
.top3 .linkbg2{ position:absolute; bottom:0; right:2.5px; }
.top3 .linkbg3{ position:absolute; bottom:0; right:0; }

.top4{ background:#214788 url(../images/top_img_bluebg.jpg) top left no-repeat; background-size:560px; padding-bottom:165px; color:#fff; padding-top: 10px; }
.top4 .area{ margin-left:-15px; margin-right:-15px; padding-top:115px; }
.top4 .left{ width:44% }
.top4 .titlebox{ padding-bottom:50px; text-align:center; }
.top4 .title1{ padding-bottom:20px; border-bottom:1px solid #fff; font-size:25.5px; color:#fff;  }
.top4 .text{ padding-top:45px; padding-bottom:18px; font-size:21.5px; text-align:center; color:#fff; line-height:1.7em; padding-top: 65px;  padding-bottom: 51px;}
.top4 .button{ padding-top:20px; text-align:center; }
.top4 .btn{ background:url(../images/top_icn_btn1.png) 95% center no-repeat; background-size:13px; padding:15px 100px; text-align:center; border:2px solid #fff; font-size:20px; color:#fff; border-radius: 0px;}
.top4 .right{ width:56%; padding-left: 115px; padding-right: 25px; }
.top4 .title2{ padding-bottom:17px; border-bottom:1px solid #fff; font-size:25.5px; color:#fff;  }
.top4 .area1{ padding-bottom:50px; }
.top4 .left1{ width:165px; padding-left:10px; }
.top4 .right1{ width: calc(100% - 165px); padding-left:50px; }
.top4 .name_subtitle{ padding-bottom:20px; font-size:15.5px; color:#fff; }
.top4 .name_title {
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
}
.top4 .name_text{ margin-bottom:70px; padding:30px 20px; border-top:1px solid #3461a7; border-bottom:1px solid #3461a7; font-size:15px; text-align: justify; color:#fff; }
.top4 .button{ padding-top:20px; text-align:center; }
.top4 .btn1{ background:url(../images/top_icn_btn2.png) 95% center no-repeat; background-size:7.5px; padding:15px 100px; text-align:center; border:2px solid #fff; font-size:20px; color:#fff; display:inline-block; }

.top5{ padding-top:90px; padding-bottom:190px; }
.top5 .area{ padding-top:90px; }
.top5 .left{ width:53%; }
.top5 .right{ width:45%; padding-left:70px; }
.top5 .image{ padding-bottom:35px; }
.top5 .map_title{ font-size:17px; color:#214788; margin-bottom: 10px; font-weight:bold; }
.top5 .text{ font-size:15px; color:#292929; }
.top5 .leftbox{ padding-top:45px; }
.top5 .left1{ width:300px; }
.top5 .text{}
.top5 .right1{ width: calc( 100% - 300px ); }



/* company	----------------------- */

.page_title{ padding-bottom:20px; font-size:23px; color:#214788; border-bottom:2px solid #214788; font-weight:bold; }

.company1{ background:url(../images/company_img_headerbg.jpg) top center no-repeat; background-size:cover; margin-top:-1px; }

.company2{ margin-top:20px; padding:65px 70px 55px; }
.company2 .area{ padding-top:45px; }
.company2 .left{ width: calc( 100% - 400px ); }
.company2 .com_title{ font-size:24.5px; color:#214788; }
.company2 .text{ padding-top:20px; padding-right: 20px; line-height: 1.75em; font-size:17px; color:#171717; }
.company2 .right{ width:400px; text-align:right; }
.company2 .text1{ padding-top:10px; font-size:16px; color:#171717; text-align:right; }

.company3{ margin-top:40px; padding:70px 70px 55px; }
.company3 .area{ padding-top:35px; }
.company3 .left{ width:58%; }
.company3 .right{ width:42%; }
.company3 .company3_title{ font-size:20px; color:#214788; font-weight:bold; }
.company3 .area1{ padding:5px 0px; }
.company3 .left1{ width:120px; }
.company3 .right1{ width: calc( 100% - 120px ); line-height:2.25em; }
.company3 .text{ padding-bottom:35px; line-height:2.25em; color:#131313; font-size:16px;  }
.company3 .left2{ width:90px; }
.company3 .right2{ width: calc( 100% - 90px ); }
.company3 .topbox{ padding-top:90px; }
.company3 .myarea{ margin-top:-15px; }
.company3 .left3{ width:50%; }
.company3 .right3{ width:50%; }
.company3 .left4{ width:104px; text-align:right; line-height:2.25em; }
.company3 .right4{ width: calc( 100% - 100px ); padding-left:35px; line-height:2.25em; }
.company3 .area2{ padding:5px 5px 5px 0; }
.company3 .left5{ width:45px; padding-left:15px; line-height:2.25em; }
.company3 .right5{ width: calc( 100% - 45px ); padding-left:35px; line-height:2.25em; }

.company4{ padding:70px 70px 90px; margin-bottom:200px; }
.company4 .area{ padding-top:60px; }
.company4 .left{ width:40%; }
.company4 .right{ width:60%; }
.company4 .text1{ color:#214788; font-weight:600; }
.company4 .text2{}
.company4 .text3{ padding-top:25px; }
.company4 .company4_title{ padding:90px 0px 0px; font-size:20px; color:#214788; }
.company4 .box1{ padding-top:30px; }

input[type=checkbox] {
    display: none;
}

/* ポップアップwindow部分 */
#overlay {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 70;
    width: 100%;
    height: 100%;
}
/* オーバーレイの背景部分 */
#bg_gray {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 80;
}
/* ウィンドウ部分 */
#window {
    width: 50%;
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.6);
    z-index: 90;
    opacity: 0;
}
/* 閉じるボタン */
#btn_cloth {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #214788;
    border-radius: 5px;
    z-index: 100;
    cursor: pointer;
}
#btn_cloth:hover {
    opacity: 0.7;
}
#btn_cloth span,
#btn_cloth span::before {
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #fff;
}
#btn_cloth span {
    transform: rotate(45deg);
}
#btn_cloth span::before {
    content: "";
    position: absolute;
    bottom: 0;
    transform: rotate(-90deg);
}


/* クリックで表示 */
#nintei1:checked ~ #overlay,#nintei2:checked ~ #overlay,#nintei3:checked ~ #overlay {
    visibility: visible;
}
#nintei1:checked ~ #overlay #window,#nintei2:checked ~ #overlay #window,#nintei3:checked ~ #overlay #window {
    animation: fadein 500ms forwards;
    animation-timing-function: ease-in-out;
}
@keyframes fadein {
    100% {
        opacity: 1;
    }
}

#txt_label {
    text-decoration: underline;
    cursor: pointer;
}
#txt_label:hover {
    opacity: 0.7;
}

#msg a {
    display: inline-block;
    color: #fff;
    background: #CE5D8B;
    border-radius: 20px;
    padding: 0.5em 1.5em;
    text-decoration: none;
}
#msg img { width:80%; }
#msg a:hover {
    opacity: 0.7;
}


/* corporate	----------------------- */

.corporate1{ background:url(../images/corporate_img_headerbg.jpg) top center no-repeat; background-size:cover; margin-top:-1px; }
.corporate2{ margin-top:50px; margin-bottom: 75px; padding: 70px 150px 110px; }
.corporate2 .title{ text-align:center; font-size:27px; color:#214788; }
.corporate2 .line{ background:url(../images/corporate_img_line.png) top center no-repeat; background-size:62px; height:10px; margin:27px 0px 65px; }
.corporate2 .area{  }
.corporate2 .left{ width:45%; margin-right:5%; padding:30px 0px; border-bottom:1px solid #e9e9e9;}
.corporate2 .right{ width:45%; margin-left:5%; padding:30px 0px; border-bottom:1px solid #e9e9e9;}
.navigation-brand-text h1 img{
  padding-top: 10px;}
/* service	----------------------- */

.service1{ background:url(../images/service_img_headerbg.jpg) top center no-repeat; background-size:cover; margin-top:-1px; }

.service2{ margin-top:50px; padding:65px 70px 135px; }
.service2 .area{ padding-top:35px; }
.service2 .left{ width: calc( 100% - 340px ); }
.service2 .right{ width:340px; text-align:right; }
.service2 .com_title{ padding-top:15px; font-size:24.5px; color:#214788; }
.service2 .text{ padding-top: 10px; padding-right: 50px; line-height: 1.9em; font-size:17px; color:#171717; }

.service2 .text1{ padding-top:10px; font-size:16px; color:#171717; text-align:right; }

.service3{ margin-top:60px; padding:60px 70px 50px; }
.service3 .area{ padding-top:45px; }
.service3 .middle_area .left{width:30%; }
.service3 .left{ width:80%; color:#171717; line-height:2.25em; }
.service3 .service3_title{ padding-bottom:20px; font-size:20px; color:#214788; font-weight:bold; }
.service3 .middle{ width:35%; color:#171717; line-height:2.25em; }
.service3 .right{ width:30%; color:#171717; line-height:2.25em; }

.service4{ margin-top:70px; padding:60px 70px 75px; }
.service4 .area{ padding-top:50px; }
.service4 .left{}
.service4 .text{ padding-top:10px; font-size:14px; color:#171717; text-align:right;}
.service4 .middle{}
.service4 .right{}

.service5{ margin-top: 60px; margin-bottom: 240px; }
.service5 .area{}
.service5 .left{ padding-left:0; padding-right:10px;  }
.service5 .right{ padding-right:0; padding-left:10px; }

/* service 2	----------------------- */


.service1a{ background:url(../images/service2_img_headerbg_2.jpg) top center no-repeat; background-size:cover; margin-top:-1px; }

.service2a{ margin-top:50px; padding:65px 70px 70px; }
.service2a .area{ padding-top:50px; }
.service2a .left{ width: calc( 100% - 340px ); }
.service2a .right{ width:340px; text-align:right; }
.service2a .com_title{ padding-top:15px; font-size:24.5px; color:#214788; }
.service2a .text{ padding-right: 50px; line-height: 1.9em; font-size:17px; color:#171717; }

.service2a .text1{ padding-top:10px; font-size:16px; color:#171717; text-align:right; }

.service3a{ margin-top:40px; padding:65px 70px 50px; }
.service3a .area{ padding-top:45px; }
.service3a .left{ width:35%; color:#171717; line-height:2.25em; }
.service3a .service3_title{ padding-bottom:20px; font-size:20px; color:#214788; font-weight:bold; }
.service3a .middle{ width:35%; color:#171717; line-height:2.25em; }
.service3a .right{ width:30%; color:#171717; line-height:2.25em; }

.service4a{ margin-top: 60px; margin-bottom: 120px; }
.service4a .area{}
.service4a .left{ padding-left:0; padding-right:10px;  }
.service4a .right{ padding-right:0; padding-left:10px; }




/* voice	----------------------- */

//.voice1{ background:url(../images/voice_img_headerbg.jpg) top center no-repeat; background-size:cover; margin-top:-1px; }
.voice1{ background:url(../images/service2_img_headerbg_2.jpg) top center no-repeat; background-size:cover; margin-top:-1px; }
.vtitle{ margin-top:110px; text-align:center; font-size:29px; color:#214788; font-weight:bold; }
.vtitle1{ margin-top:50px; text-align:center; font-size:29px; color:#214788; font-weight:bold; }

.voice2{ margin-top:50px; padding-left:0; padding-right:0; }
.voice2 .left{ width:43%; }
.voice2 .right{ background:url(../images/voice_img_linebg.png) 60px top no-repeat; background-size:1px; width:57%; padding:65px 50px 20px 95px; }
.voice2 .area{  }
.voice2 .box{ background:#214788; padding:30px 0px 25px; }
.voice2 .left1{ font-size:21.5px; color:#fff; text-align:center; font-family: "din", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana;  }
.voice2 .middle1{ padding-left:15px; padding-right:20px; }
.voice2 .right1{ font-size:15px; color:#fff; text-align:center; }
.voice2 .voice_subtitle{ font-size:18.5px; color:#214788; font-weight:500; }
.voice2 .voice_title{ padding-top:20px; font-size:29px; color:#214788; font-weight:bold; }
.voice2 .text{ padding-top:20px; line-height:2em; font-size:16px; color:#171717; }

.voice3{ margin-top:65px; padding-left:0; padding-right:0; }
.voice3 .right{ width:43%; }
.voice3 .left{ background:url(../images/voice_img_linebg.png) 60px top no-repeat; background-size:1px; width:57%; padding:65px 50px 20px 95px; }
.voice3 .area{  }
.voice3 .box{ background:#214788; padding:30px 0px 25px; }
.voice3 .left1{ font-size:21.5px; color:#fff; text-align:center; font-family: "din", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana;  }
.voice3 .middle1{ padding-left:15px; padding-right:20px; }
.voice3 .right1{ font-size:15px; color:#fff; text-align:center; }
.voice3 .voice_subtitle{ font-size:18.5px; color:#214788; font-weight:500; }
.voice3 .voice_title{ padding-top:20px; font-size:29px; color:#214788; font-weight:bold; }
.voice3 .text{ padding-top:20px; line-height:2em; font-size:16px; color:#171717; }
.voice_mb{ margin-bottom:115px; }

/* footer	----------------------- */

.footer{ background:#214788; }
.footer .area{ padding:30px 20px; }
.footer .area .left{ }
.footer .area .right{ font-size:13.5px; text-align:right; color:#fff; }

.bluefont{ color:#214788; }
.hm_navigation1{ background:url(../images/top_headerbg.jpg) top center no-repeat; background-size:cover; }
.hm_navigation{ background:#f8f8f8; }
.hm_navigation-body-header{ margin-top:-10px; padding:0!important; }
.hm_menu .navigation-link{ color:#214788; }
.hm_menu .navigation-link:visited{ color:#214788; }
.navigation-item:not(.navigation-brand-text).is-active .hm_menulink { color: #3993cc!important; }
.navigation-item:not(.navigation-brand-text):hover .hm_menulink, .navigation-item:not(.navigation-brand-text):focus .hm_menulink{ color: #3993cc!important; }
.hm_menu{ background: url(../images/top_icn_separator1.png) center right no-repeat; background-size:23px; } 
.nobg{ background:none; }
.nopl{ padding-left:0px!important; }
.m992{ display:none; }
.fadeb .slick-prev{ left:-30px; }
.fadeb .slick-next{ right:-30px; }
.top4 .img-title{ display:inline-block; } 
.m768{ display:none!important; }

.service_menu_top{
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  padding: 30px 30px;
  margin-top: 50px;
  width: 800px;
  text-align: center;
  margin: 80px auto 0 auto;
  clear: both;
}
  
.service_menu_top .name_subtitle{
  font-size: 20px;
  font-weight: bold;
}
.service_menu_top .name_title {
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
}

@media (min-width: 1599px) {
.top1 .title{font-size: 90px;
    height: 250px;
    padding-top: 50px; }

}

@media (max-width: 1409px) {
.top2 .box1, .top2 .box{
  padding: 45px 50px 60px;
}

}

@media (max-width: 1300px) {
.hm_menulink, .navigation-link{ padding-left:15px; padding-right:30px; }
}

@media (max-width: 1100px) {
	.hm_menulink, .navigation-link{ padding-left:15px; padding-right:15px; }
}

@media (max-width: 1024px) {

.corporate2{ padding-left:75px; padding-right:75px; }

.hm_menu, .navigation-item{ background:none;  }
	.hm_menulink, .navigation-link{ padding-left:10px; padding-right:10px; }
.top1 .title1{ padding-top:150px; }
.top1 .text1{ padding-bottom:130px; }
.top1 .left{ padding-left:20px; }
.top1 .title { font-size:80px; }

.top2 .box, .top2 .box1{ min-height: 590px; }
}
@media (max-width: 991px) {
.top1 .right{ width:600%; }
}

@media (max-width: 991px) {

.top1 .right{ width:100%; }
.hm_navigation{ background:#fff;}
.top3 .left img, .top3 .middle img, .top3 .right img{ }
	
.top2 .box1 .text, .top2 .box .text {
    padding-top: 25px;
    line-height: 1.75em;
    font-size: 15px;
    color: #505152;
}
.top2 .box {
    padding: 25px 30px 30px;}
.top2 .box1 {
    padding: 35px 30px 31px;}
.navigation{ min-height:50px; }
.mobile_menu{ padding-top:5px; }
.navigation-button-toggler{ margin-right:20px; }
.navmenu{ background:none; }
.navigation-body{ width:100%; background:#fff!important; }
.navigation-body-header{ background:#fff; border:none!important; }
.navigation-menu{ margin-bottom:60px; padding:0; }
.navigation-link {
    font-size: 17px;
    letter-spacing: 3px;
    padding: 25px 20px;
    color: #000;
    border-bottom: 1px solid #EEE;
}

.navigation-item{ background:none; }

.navigation-link:visited { color:#224886; }
.navigation-item:not(.navigation-brand-text).is-active .navigation-link, 
.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link{ color:#224886; }

.hm_menulink{ color:#224886; font-weight:bold; }
.hm_menu .navigation-link:visited{ color:#224886; }
.hm_navigation-body-header{ margin-top:0; padding:16px!important;}
.toplogo{ margin-top: -37px;
    margin-left: -20px;
    position: absolute;
    width: 297px; }

.navigation-item:not(.navigation-brand-text).is-active .navigation-link {color: #224886; }	
.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link{ color: #224886; }
.submenu-indicator:after{ border-color: transparent #224886 #224886 transparent; }
.hm_menu .submenu-indicator:after{ border-color: transparent #224886 #224886 transparent; }


.m992{ display:inline-block; }
.pc992{ display:none; }

.navigation-dropdown{ width:100%; }

.footer .area .left{ padding-bottom:15px; }
.footer .area .left, .footer .area .right{ text-align:center; }

.company2 .left{ width:100%; }
.company2 .right{ width:100%; }
.company2 .right img{ width:100%; }
.company2 .area{ display:flex; flex-direction:column-reverse; }

.company3 .left, .company3 .right{ width:100%; }
.company3 .right, .company2 .left{ padding-top:30px; }
.company3 .left1{ width:200px; }
.company3 .right1{ width: calc( 100% - 200px ); }
.company3 .left5{ width:100px; text-align:right; }
.company3 .right5{ width: calc( 100% - 100px );  }
.company3 .topbox { padding-top: 20px; }
.company3 .mbox{ margin-top:-30px; }
.company3 .left3, .company3 .right3{ width:100%; }

.company4 { padding: 0px 20px 30px; margin-bottom: 50px; }
.company4 .left, .company4 .right{ width:100%; }
.company4 .area{ display:flex; flex-direction:column-reverse; }
.company4 .left{ padding-top:30px; }

.voice3 .area{ display:flex; flex-direction:column-reverse; }
.voice2 .left, .voice2 .right, .voice3 .left, .voice3 .right{ width:100%; }

.service2 .left{ width:100%; }
.service2 .left{ padding-top:30px; }
.service2 .right{ width:100%; }
.service2 .right img{ width:100%; }
.service2 .area{ display:flex; flex-direction:column-reverse; }
.service2 {padding-bottom:60px; }
.service2 .text{ padding-right:0; }

.service4 .left, .service4 .middle, .service4 .right{ width:100%; padding-left:0; padding-right:0; }
.service4 .left img, .service4 .middle img, .service4 .right img{ width:100%; }
.service4 .middle, .service4 .left{ padding-bottom:30px; }

.service5{ margin-bottom:60px; }

.service2a .left{ width:100%; }
.service2a .left{ padding-top:30px; }
.service2a .right{ width:100%; }
.service2a .right img{ width:100%; }
.service2a .area{ display:flex; flex-direction:column-reverse; }
.service2a {padding-bottom:60px; }
.service2a .text{ padding-right:0; }
.service4a{ margin-bottom:60px; }

.top1 .left{ width:100%; }
	
.top2 .right{ padding-top:250px; }
.top3 .left, .top3 .middle, .top3 .right{ width:100%; padding-left:0; padding-right:0; margin-bottom:20px; }

.top3 .linkbg1, .top3 .linkbg2, .top3 .linkbg3{ right:0px; }

.top4 .left, .top4 .right{ width:100%; padding-left:0; padding-right:0; }
.top4 .left{ padding-bottom:70px; }

.top5 .left, .top5 .right{ width:100%; padding-left:0; padding-right:0; }
.top5 .left{ padding-bottom:40px; }
.top5 .left1, .top5 .right1{ width:100%; padding-left:0; padding-right:0; }
.top5 .right1, .top5 .leftbox{ padding-top:30px; }

.top3, .top4, .top5, .top5 .area{ padding-bottom:60px; }
.top3{ padding-top:60px; }

.corporate2 .left { width: 100%; margin-right: 0%; }
.corporate2 .right { width: 100%; margin-left: 0%; }

.top2 .box, .top2 .box1{ min-height: auto; }
}

@media (max-width:768px) {
.top4 .area {
    padding-top: 65px;
}

.member_wrap{
  width: 100%!important;
    padding: 24px;}
.member_wrap .member_box{
  display: block;
}
.member_wrap .member_box div {
    width: 100%;
}
.service3 .service3_title {
    padding-bottom: 20px;
    font-size: 18px;
    color: #214788;
    font-weight: bold;
}
.mt30{
  padding-top: 0px;
}

.service_menu_top{
  width: 100%;
  text-align: center;
  margin: 50px auto 0 auto;
}
.service1a {
    background: url(../images/service2_img_headerbg_2.jpg) top right no-repeat;
    background-size: cover;
    background-position-x: -1040px;
    margin-top: -1px;
}
	.top4 .name_title {
    margin: 0px 42px;
}

.service_menu_top .name_title {
    margin: 0px;
}
.top1 .right{ width:60%; }	


.mobile_logo{
	position: absolute;
	left:0px;
	top: 0px;
	width: 294px;
}
.mobile_recruit img{
	margin:0 23px;
	width: 83%;
}
.company1 {
	background: url(../images/c_sp.jpg) top left no-repeat;
    background-size: cover;
    background-position-x: 0px;
}

.m768{ display:block!important; }
.top2 .box {
    padding: 32px 30px 30px;
}
.top2 .box .service_box, .top2 .box1 .service_box {
    font-size: 24px;
    letter-spacing: 2px;}
.top3 {
    padding-top: 110px;
}
.top4 .right1 {
    width:100%;
    text-align: center;
    padding-left:0px;
}
.top3 .area {
    padding-top: 35px;
}
.top4 .text {
    font-size: 19.5px;
      padding-top: 15px;
    padding-bottom: 12px;}
.all_title {
    font-size: 26px;
    letter-spacing: -1px;
}
.top4 .button {
    padding-top: 0px;
    text-align: center;
}
.top4 .left1 {
    width: 165px;
    padding-left: 10px;
    margin: 0 auto 39px auto;
}
.top4 .area1 {
    padding-bottom: 0px;
}
.top4 .area1 {
	display: block!important;
}
.navigation-dropdown-link {
    border-bottom: solid 0px #404040;
}
.menuchild {
    border-bottom: 0px solid #224886;
}
.service1 {
    background: url(../images/service_img_headerbg.jpg) top left no-repeat;
    background-position-x: -310px;
    background-size: cover;
    margin-top: -1px;
}
.voice1 {
       /*background: url(../images/v_sp.jpg) top center no-repeat;*/
       background: url(../images/v_sp_2.jpg) top center no-repeat;
    background-size: 108%;
    background-position-x: -15px;
}
.vtitle {
    margin-top: 23px;}
.top1{ background:none; background:#fff; }
.top1 .title{ padding-top:40px; }
.top1 .text{ padding-bottom:30px; }
.top1 .text{ padding-bottom:0px; }
.m768{ display:inline-block; }
.pc768{ display:none; } 
.top3 .left, .top3 .middle, .top3 .right{ -webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:0px 0px 5px 1px rgba(0,0,0,0.05); }

.corporate2{ padding:60px 25px; }
.service3a, .service3{ padding-left:20px; padding-right:20px; }
.img768{ text-align:right; }
.img768 img{ width:100%; }
.top2 .box, .top2 .box1{ margin-top:-100px; width:90%; margin-left:5%; min-height: auto; }
.top2{ padding-bottom:320px; }

.fadeb .slick-prev{ left:10px; }
.fadeb .slick-next{ right:10px; }

}

.hm_news_container { display: grid; grid-template-columns: 160px 1fr; gap: 24px; align-items: center; position: relative; max-width: 1440px; margin: 0 auto; }
.hm_news_item { padding-bottom: 16px; display: flex; align-items: center; column-gap: 24px; row-gap: 12px;  }
.news-corner-arrow { position: absolute; right: 0; bottom: 0; }

.news_color { color: #224788 }
.news_breadcrumbs { margin: 50px auto; }
.news_breadcrumbs span { margin: 0 10px; }
.news_breadcrumbs a:last-child { color: #000; }
.news_breadcrumbs a:not(:last-child) { color: #224788; text-decoration: none; }
.news_category_container { padding: 24px 0; display: flex; justify-content: center; align-items: center; gap: 16px; flex-wrap: wrap; }
.news_category { display: flex; justify-content: center; align-items: center; gap: 16px; flex-wrap: wrap; }
.news_category > span { font-weight: 300; margin-right: 48px; }
.news_category > button, .news_category_btn { padding: 6px 6px 4px 6px; font-weight: 600; min-width: 92px; text-align: center; outline: none; border: none; font-size: 17px; }
.news_list { overflow: hidden; margin-top: 0; }
.news_item:first-child { border-top: 2px solid #fff; }
.news_item { padding: 28px 0; border-bottom: 2px solid #fff; display: flex; align-items: center; column-gap: 24px; row-gap: 16px; flex-wrap: wrap; }
.news_date { font-size: 14px; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
.news_title { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #505152; }
.news_top { display: block; text-align: center; margin: 72px auto; padding: 18px 20px; background-color: #fff; color: #224788; text-decoration: none; max-width: 347px; border: 1px solid #224788; position: relative; }
.news_top:hover { color: #224788; }
.news_top span { position: absolute; left: 24px; top: 20px; color: #224788; }
.no-news-message { text-align: center; padding: 40px 0; font-size: 16px; color: #666; }

.pagination-container { text-align: center; margin: 30px 0; }
.pagination-btn {
	padding: 6px 11px;
	margin: 4px;
	border: 1px solid #224788;
    background-color: #fff;
	color: #224788;
	cursor: pointer;
	transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 600;
}
.pagination-btn:hover {
    opacity: 0.7;
}
.pagination-btn.active {
	background-color: #224788;
	color: white;
}
.pagination-btn.prev { margin-right: 48px; }
.pagination-btn.next { margin-left: 48px; }

.news_detail_header { display: flex; align-items: center; gap: 24px; }
.news_detail_content { margin-top: 16px; }
.news_detail_content img { max-width: 100%; height: auto; }

.prev_news_link, .next_news_link { color: #224788; text-decoration: none; }
.prev_news_link > span, .next_news_link > span { color: #224788; margin: 0 24px; }

@media (max-width: 640px) {
.top2 .right {
    padding-top: 360px;
}

.service2, .service3, .service4{ padding-left:30px; padding-right:30px; }
.service3 .left, .service3 .middle, .service3 .right{ width:100%; }
.service3 .left, .service3 .middle{ padding-bottom:30px; }

.service2a, .service3a{ padding-left:30px; padding-right:30px; }
.service3a .left, .service3a .middle, .service3a .right{ width:100%; }
.service3a .left, .service3a .middle{ padding-bottom:30px; }


.top1 .title{ font-size:70px; letter-spacing: -3px; }
.top4 .name_text{ margin-bottom:0; border:none; font-size: 14px; text-align: justify; }

.top3_icon{ width:80px; }
.top3 .link { top: calc(50% - 40px); left: calc(50% - 40px); }
.top5 .area{ padding-top:30px; }

#window {
    width: 90%;
}
#msg img { width:90%; }
#btn_cloth span,
#btn_cloth span::before {
    width: 17px;
}
#btn_cloth {
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}

}
 
/* Landscape phones and down */
@media (max-width: 480px) {

.navigation-brand-text{ padding-right:20px; }
.company2, .company3{ padding-left:30px; padding-right:30px; }
.company3 .left1{ width:120px; }
.company3 .right1{ width: calc( 100% - 120px ); }
.top1 .text{
	font-size: 15px;
}

.voice2 .right, .voice3 .left{background:none; padding: 65px 20px 20px 35px; }

.service5 .left, .service5 .right{ padding:10px; }
.service4a .left, .service4a .right{ padding:10px; }

.top3 .area{ margin-left:0; margin-right:0; }
.top4 .area{ margin-left:0; margin-right:0; }
.news_category_container { justify-content: start; }
.news_category_container > span { padding-left: 36px; }

.hm_news_container { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 414px) {

.top4 .titlebox{ padding-left:20px; padding-right:20px; }	
.top1 .text {
    padding-top: 28px;}
.top1 .title {
    font-size: 60px;
    height: 133px;
}
.top4 .btn{ width:85%; margin-left:1%; padding:15px 20px; }
.top4 .btn1{ width:85%; margin-left:1%; padding:15px 20px; }
.top_btn{ right:0px; margin-left:20px; margin-right:20px; }
.top2 .box, .top2 .box1{ padding-bottom:30px; }


}


@media (max-width: 375px) {

}

@media (max-width: 320px) {

}