@charset "UTF-8";

/*
 * header
 * -------------------------------------------------------------------
 */
header{
    display:block;
    position:relative;
}
header .header-content{
    height:50px;
    border-bottom:3px solid #2b4779;
    overflow:hidden;
}
header .header-content:after{
    display:block;
    content:'';
    clear:both;
}
header .header-content .header-logo{
    float:left;
    margin:0px 0px;
    padding:0px;
    font-weight:bold;
    font-size:32px;
}
header .header-content .header-logo img{
    height:50px;
}
/** ul settings **/
header .header-content ul{
    float:left;
    display:block;
    margin:0px;
    padding:0px;
}
header .header-content ul:after{
    display:block;
    content:'';
    clear:both;
}
header .header-content ul li{
    float:left;
    display:block;
    margin:0px;
    padding:0px;
}
header .header-content ul li a{
    display:block;
    height:50px;
    line-height:50px;
    padding:0px 10px;
    font-size:12px;
    text-align:center;
    color:#666666;
}
@media (min-width: 992px) {
    header .header-content ul li a{
        font-size:14px;
        padding:0px 15px;
    }
}

/** header-menu **/
header .header-content .header-menu{
    float:right;
    margin-right:50px;
}
header .header-content .header-menu .button-contact{
    width:150px;
    background:#2b4779;
    color:#ffffff;
}

/****************/
/* header-bread */
/****************/
header .header-bread{
    height:50px;
    border-bottom:1px solid #2b4779;
    overflow:hidden;
}
header .header-bread:after{
    display:block;
    content:'';
    clear:both;
}
header .header-bread ul.breads{
    float:left;
    display:block;
    margin:0px;
    padding:0px;
}
header .header-bread ul.breads:after{
    display:block;
    content:'';
    clear:both;
}
header .header-bread ul.breads li{
    float:left;
    display:block;
    margin:0px;
    padding:0px;
}
header .header-bread ul.breads .home a{
    display:block;
    height:50px;
    width:50px;
    font-size:16px;
    line-height:50px;
    text-align:center;
    background:#2b4779;
    color:#e9ecf1;
}
header .header-bread ul.breads .child{
    height:50px;
    line-height:50px;
    padding:0px 12.5px;
    color:#666666;
    font-size:12px;
}
@media (min-width: 992px) {
    header .header-bread ul.breads .child{
        font-size:14px;
    }
}
header .header-bread .button{
    float:right;
    display:none;
    width:200px;
    height:50px;
    margin:0px;
    padding:8px 0px 0px 25px;
    line-height:14px;
    text-align:left;
    background:#ffffff;
    border-left:1px solid #dddddd;
    color:#222222;
}
header .header-bread .button .phone{
    font-size:20px;
    font-weight:bold;
}
header .header-bread .button .accept{
    font-size:12px;
    font-weight:normal;
}
@media (min-width: 992px) {
    header .header-bread .button{
        float:right;
        display:block;
    }
}



/*
 * SIDENAV
 * -------------------------------------------------------------------
 */
.sidenav{}
.sidenav .sidenav-item{
    position:fixed;
    right:-70px;
    display:block;
    /*box-shadow:1px 1px 2px rgba(0,0,0,0.15);*/
    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
}
.sidenav .sidenav-item.in{
    right:10px;
}
.sidenav .sidenav-pagetop{
    bottom:50px;
    width:70px;
    height:70px;
    background:url("../img/side-btn-pageup.png");
    background-position:center center;
    background-size:70px 70px;
    background-repeat:no-repeat;
}
.sidenav .sidenav-contact{
    bottom:250px;
    width:50px;
    height:300px;
    background:url("../img/side-btn-contact.png");
    background-position:center center;
    background-size:50px 300px;
    background-repeat:no-repeat;
    display:none;
}
@media (min-width: 992px) {
    .sidenav .sidenav-contact{
        display:block;
    }
}


/*
 * box-ad (add 20200924)
 * -------------------------------------------------------------------
 */
 #box-ad {
     position: fixed;
     left: 15px;
     bottom: 15px;
     z-index: 1;
 }
 #box-ad img {
    line-height: 0;
    box-shadow: 7px 7px 12px 3px #9c9c9c;
}

 @media screen and (max-width: 800px){
   #box-ad {
      max-width: 30%;
   }

   #box-ad img {
    width:100%;
  }
}




/*
 * SUBPAGE
 * -------------------------------------------------------------------
 */
/***********/
/* subpage */
/***********/
.subpage{
    padding:60px 0px
}
.subpage .content-wrapper{
    position:relative;
}
.subpage .content-wrapper:after{
    display:block;
    content:'';
    clear:both;
}
/*****************/
/* content-title */
/*****************/
.subpage .content-title {
    display:none;
    /*margin:0px 0px 20px 0px;*/
    background-color:#fafafa;
}
.subpage .content-title .title-main,
.subpage .content-title .title-sub{
    display:none;
    padding:15px;
    line-height: 1.0em;
}
.subpage .content-title .title-main{
    background-color:#2b4779;
    /*
    background: #80c3aa;
    background: -moz-linear-gradient(-45deg, #80c3aa 0%, #22448f 100%);
    background: -webkit-linear-gradient(-45deg, #80c3aa 0%,#22448f 100%);
    background: linear-gradient(135deg, #80c3aa 0%,#22448f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c3aa', endColorstr='#22448f',GradientType=1 );
    */
    color:#ffffff;
}
.subpage .content-title .title-sub{
    background-color:#fafafa;
    padding:15px;
}
@media (min-width: 992px) {
    .subpage .content-title {
        display:block;
        position:absolute;
        top:0;left:-80px;
        margin:0px;
        background-image:url("../img/waterinnovation.png");
        background-size:30px auto;
        background-repeat:no-repeat;
        background-position:center bottom;
    }
    .subpage .content-title .title-main,
    .subpage .content-title .title-sub{
        display:block;
        padding:15px;
        line-height: 1.0em;
        -webkit-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        letter-spacing:0px;
    }
}
/****************/
/* content-main */
/****************/
.subpage .content-main{
    margin:0px 0px 0px 0px;
    min-height:500px;
}
@media (min-width: 992px) {
    .subpage .content-main{
        margin:0px 0px 0px 0px;
    }
}

/***********/
/* content */
/***********/
.subpage .content{
    margin:0px 0px 80px 0px;
}
.subpage .content.content-bg{
    background-image:url("../img/logo-bg.png");
    background-position:right top;
    background-size:150px;
    background-repeat:no-repeat;
}
.subpage .content h3{
    margin:0px 0px 40px 0px;
    font-size:20px;
    font-weight:bold;
    color:#2b4779;
    border-bottom:2px solid #dddddd;
}
.subpage .content h3 span{
    display:inline-block;
    margin:0px 0px -2px 0px;
    padding:10px;
    border-bottom:2px solid #2b4779;
    background-image:url("../img/logo-icon.png");
    background-size:auto 25px;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:35px;
}
@media (min-width: 992px) {
    .subpage .content h3{
    	margin:0px 0px 80px 0px;
        font-size:22px;
    }
}
.subpage .content h4{
    padding:10px 0px;
    font-size:22px;
    font-weight:bold;
}
@media (min-width: 992px) {
    .subpage .content h4{
        padding:30px 15px;
    }
}

/*
 * PAGING
 * -------------------------------------------------------------------
 */
/**********/
/* paging */
/**********/
.paging{
    margin:0px 0px 20px 0px;
    padding:10px 0px;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.paging:after{
    display:block;
    content:'';
    clear:both;
}
.paging .button-next,
.paging .button-prev{
    display:inline-block;
    padding:4px 12px;
    font-size:14px;
}
.paging .button-prev{
    border-right:1px solid #dddddd;
}
.paging .button-back{
    display:inline-block;
    padding:4px 18px;
    font-size:14px;
    border:1px solid #dddddd;
}
.paging .button-left{
    text-align:left;
    float:left;
}
.paging .button-left .pagination{
    margin:0px;
    display:inline-block;
}
.paging .button-left .pagination>li>a, .pagination>li>span {
    margin: 0px 10px 0px 0px;
    padding: 5px 8px;
}
.paging .button-right{
    text-align:right;
    float:right;
}

/*
 * TOPPAGE
 * -------------------------------------------------------------------
 */
/*******************/
/* top-main-visual */
/*******************/
.top-main-visual{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.top-main-visual .content{
	width:100%;
	margin:0px auto;
}
/* top-main-visual-slider */
.top-main-visual-slider{
	position:relative;
	margin:0px 0px 0px 0px;
    padding:15px;
	width:100%;
	background:rgba(255,255,255,0.6);
}
.top-main-visual-slider .swiper-container {
    width: 100%;
    height: auto;
}
.top-main-visual-slider .swiper-slide{
	/* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	background:#000;
}
@media (min-width: 992px) {
	.top-main-visual-slider .swiper-slide{
		width: 1170px;
	}
}
.top-main-visual-slider .swiper-slide .image{
    display:block;
    width:100%;
    margin:0px auto;
}
.top-main-visual-slider .swiper-slide:not(.swiper-slide-active) .image{
	opacity:0.60;
}
.top-main-visual-slider .swiper-button-prev,
.top-main-visual-slider .swiper-button-next{
	display:none;
    width:45px;height:45px;
    font-size:30px;
	font-weight:200;
    line-height:40px;
	/*color:#ffffff;*/
    text-align:center;
	background:#fff;
    border:1px solid #ddd;
    border-radius:50%;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
}
@media (min-width: 992px) {
	.top-main-visual-slider .swiper-button-prev{
		display:block;
		left:40px;
	    top: 50%;
	}
	.top-main-visual-slider .swiper-button-next{
		display:block;
		right:40px;
	    top: 50%;
	}
}

/*******************/
/* top-sns add201091221 */
/*******************/

.sns{
    padding:0px;
}

.sns_center{
    text-align: center;
    padding-bottom:10px;
}

.sns_text{
    font-size: 20px;/*文字サイズ*/
    position: relative;/*相対配置*/
    display: inline-block;
    height: 50px;/*高さ*/
    line-height: 50px;/*高さと合わせる*/
    overflow: hidden;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

/*******************/
/* top-youtube add20201211 */
/*******************/

section.youtube{
  padding-top: 0;
}

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 60%;
  margin-bottom: 10px;
  text-align: center;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube p{
  text-align: center;
  margin-bottom: 20px;
}


/*********************/
/* top-section-title */
/*********************/
.top-section-title h2{
    margin:0px 0px 15px 0px;
    padding:0px;
    font-size:26px;
    font-weight:bold;
    color:#ffffff;
}
.top-section-title p{
    padding:0px 40px 10px 40px;
    color:#ffffff;
    font-size:12px;
    line-height:1.4em;
}
.top-section-title a{
    display:inline-block;
    padding:5px 60px;
    border:2px solid #ffffff;
    color:#ffffff;
}
.top-section-text p span{
    display:inline-block;
    font-size:14px;
    padding:15px 30px;
    background:rgba(0,0,0,0.5);
    color:#ffffff;
}

/******************/
/* top-peformance */
/******************/
.top-peformance{
    padding:50px 0px 60px 0px;
    background-image:url(../img/background/bg_pattern.png);
    background-repeat:repeat;
}
@media (min-width: 992px) {
    .top-peformance{
        padding:50px 0px 120px 0px;
    }
}

.top-peformance h2{
    font-size:32px;
    font-weight:bold;
    margin:0px 0px 30px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
}
.top-peformance h3{
    margin:0px 0px 20px 0px;
    font-size:24px;
    font-weight:bold;
}
.top-peformance .section-main{
}

.top-peformance .button {
    position:relative;
    display:block;
    margin:0px 5px 10px 0px;
    padding:10px 15px 10px 15px;
    border:1px solid #2b4779;
    color:#2b4779;
    overflow:hidden;
    outline:0;
    box-sizing:border-box;
}
.top-peformance .button:after {
    content:"";
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background:#2b4779;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: hidden;
    -webkit-transition: all .4s;
            transition: all .4s;
}
.top-peformance .button:hover {
    color:#ffffff;
}
.top-peformance .button:hover:after {
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.top-peformance .button span {
    position:relative;
    z-index:1;
    display:block;
}
.top-peformance .button span:before {
    content:'\f105';
    position:absolute;
    right:5px;
    font-family:'FontAwesome' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
     -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
    -webkit-transition:all .4s;
            transition:all .4s;
}
.top-peformance .button:hover span:before {
    right:-5px;
}
.top-peformance .top-peformance-graph,
.introduction .introduction-graph{
    height:300px;width:300px;
    margin:0px auto;
}
.top-peformance .graph-jisseki-title{
    margin-top:30px;
}
@media (min-width: 992px) {
    .top-peformance .graph-jisseki-title{
        margin-top:10px;
    }
}

/**************/
/* top-sevice */
/**************/
.top-service{
    padding:0px;
    color:#ffffff;
    text-align:center;
    overflow:hidden;
    background:#e9ecf1;
}
.top-service:after{
    display:block;
    content:'';
    clear:both;
}
.top-service .content-left{
    width:100%;
    padding:60px 0px;
    background:#2b4779;
}
.top-service .content-right{
    width:100%;
    padding:50px 15px 0px 15px;
}
@media (min-width: 992px) {
    .top-service .content-left{
        float:left;
        width:25%;
        padding:200px 0px 0px 0px;
    }
    .top-service .content-right{
        float:right;
        width:75%;
        padding:50px 100px 0px 100px;
    }
}
/* content */
.top-service .content-right .content{
    display:block;
    margin:0px 0px 50px 0px;
}
.top-service .content-right .content-header{
    position:relative;
}
.top-service .content-right .content-header .number{
    position:absolute;
    top:0px;left:0px;
    margin:0px;
    padding:5px 5px;
    font-size:40px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    color:#ffffff;
    line-height:1.0em;
}
.top-service .content-right .content-header h3{
    margin:0px;
    padding:10px 10px;
    font-size:14px;
    font-weight:normal;
    color:#ffffff;
    background:#2b4779;
    text-align:right;
}
.top-service .content-right .content-image{
    height:120px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
@media (min-width: 992px) {
    .top-service .content-right .content-header .number{
        padding:10px 10px;
        font-size:50px;
    }
    .top-service .content-right .content-header h3{
        font-size:20px;
        text-align:center;
    }
    .top-service .content-right .content-image{
        height:200px;
    }
}

/**************/
/* top-result */
/**************/
.top-result{
    padding:0px;
    color:#ffffff;
    text-align:center;
    overflow:hidden;
    background:#e9ecf1;
}
.top-result:after{
    display:block;
    content:'';
    clear:both;
}
.top-result .content-left{
    width:100%;
    padding:0px;
}
.top-result .content-right{
    width:100%;
    padding:60px 0px;
    background:#2b4779;
}
@media (min-width: 992px) {
    .top-result .content-left{
        float:left;
        width:75%;
        min-height:400px;
    }
    .top-result .content-right{
        float:right;
        width:25%;
        padding-top:150px;
        min-height:400px;
    }
}
.top-result .content-result{
    margin:30px 0px;
}
.top-result .top-result-countup{
    font-size:80px;
    font-family: 'Oswald', sans-serif;
}
/* top-result-item */
.top-result .top-result-item{
    position:relative;
    display:block;
    margin:0px;
    color:#ffffff;
}
.top-result .top-result-item-image{
    display:block;
    margin:0px auto;
    max-width:100%;
}
.top-result .top-result-item-content{
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    padding-top:15%;
    -webkit-transition: all .4s;
            transition: all .4s;
    background:rgba(0,0,0,0.2);
}
.top-result .top-result-item:hover .top-result-item-content{
    background:rgba(0,0,0,0.1);
    padding-top:18%;
}
.top-result .top-result-item-content h3{
    text-align:center;
    font-size:14px;
    font-weight:bold;
}
.top-result .top-result-item-content .item-type{
    text-align:center;
    font-size:14px;
    margin:0px;
}
.top-result .top-result-item-content .item-place{
    text-align:center;
    font-size:14px;
    margin:0px;
}
@media (min-width: 992px) {
    .top-result .top-result-item-content{
        padding-top:20%;
    }
    .top-result .top-result-item-content h3{
        font-size:20px;
    }
}

/***************/
/* top-message */
/***************/
.top-message{
    position:relative;
    padding:80px 0px;
    background:rgba(255,255,255,0.2);
}
.top-message:after{
    content:"";
    display:block;
    z-index:-1;
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    background:url("../img/top-visual-2.jpg");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.top-message h2{
    display:block;
    margin:0px auto 5px auto;
    padding:10px 50px;
    background:#2b4779;
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
@media (min-width: 992px) {
     .top-message{
         padding:180px 0px;
     }
    .top-message h2{
        margin:0px auto 80px auto;
        width:300px;
    }
}
.top-message .image{
    padding:80px 20px;
    margin:0px 0px 5px 0px;
    background:#ffffff;
}
.top-message .image img{
    display:block;
    max-width:100%;
    margin:0px auto 0px auto;
}
@media (min-width: 992px) {
    .top-message .image{
        margin:0px;
    }
}
.top-message .content{
    background:rgba(255,255,255,0.9);;
    padding:30px;
}
.top-message .content p{
    line-height:1.7em;
}

/*
 * BANNER
 * -------------------------------------------------------------------
 */
/**************/
/* banner_360 */
/**************/
.banner_360{
    padding:0px;
    color:#ffffff;
    text-align:left;
    overflow:hidden;
}
.banner_360:after{
    display:block;
    content:'';
    clear:both;
}
.banner_360 .content-left{
    width:100%;
    padding:60px;
    color:#222222;
}
.banner_360 .content-right{
    width:100%;
    padding:60px;
    background:rgba(43,65,121,1.0);
}
@media (min-width: 992px) {
    .banner_360 .content-left{
        float:left;
        width:50%;
        min-height:400px;
    }
    .banner_360 .content-right{
        float:right;
        width:50%;
        min-height:400px;
    }
}
.banner_360 .title-text-1{
    font-size:50px;
    font-weight:bold;
    font-family: "Noto Serif Japanese",Noto Serif Japanese;
}
.banner_360 .title-text-1 strong{
    font-size:100px;
    font-family: 'Oswald', sans-serif;
}
.banner_360 .title-text-2{
    font-size:56px;
    font-weight:bold;
    font-family: "Noto Serif Japanese",Noto Serif Japanese;
    margin-top:-30px;
    margin-bottom:20px;
}
.banner_360 .button{
    display:block;
    padding:15px 0px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    color:#222;
    border:2px solid #222;
}
.banner_360 .button:hover,
.banner_360 .button:focus{
    opacity:0.6;
}


/*
 * INFORMATION
 * -------------------------------------------------------------------
 */
/************************/
/* information-headline */
/************************/
.information-headline{
    padding:0px 0px;
    background:#efefef;
}
.information-headline .content-tabs{}
.information-headline .content-tabs .tabs-item{
    float:left;
    width:25%;
    text-align:center;
    padding:15px 0px;
    background:#2b4779;
    color:#ffffff;
    font-size:12px;
}
.information-headline .content-tabs .tabs-item:hover,
.information-headline .content-tabs .tabs-item:focus{
    background:#efefef;
    color:#222222;
}
.information-headline .content-tabs .tabs-item.active{
    background:#fafafa;
    color:#222222;
}
.information-headline .content-tabs:after{
    display:block;
    content:'';
    clear:both;
}
.information-headline .content-body{
    padding:40px 10px;
    font-size:15px;
}
.information-headline .content-body p{
    line-height:1.3em;
}
.information-headline .content-body .label{
    display:inline-block;
    margin-bottom:5px;
    padding: 5px 8px;
	min-width:100px;
}
.information-headline .content-body .date{
    letter-spacing:-0.05px;
}
@media (min-width: 992px) {
    .information-headline .content-tabs .tabs-item{
        font-size:15px;
    }
    .information-headline .content-body{
        /*padding:30px 150px;*/
    }
    .information-headline .content-body .label{
        /*display:inline;*/
        margin-bottom:0px;
    	min-width:120px;
    }
}

/********************/
/* information-list */
/********************/
.information-list{
   padding:40px 0px;
}
.information-list .information-list-item{
    margin:0px 0px 40px 0px;
    border:1px solid #efefef;
    box-shadow:1px 1px 2px rgba(0,0,0,0.15);
}
.information-list .information-list-item h3{
    margin:0px;
    padding:15px;
    font-size:14px;
    font-weight:500;
}
.information-list .information-list-item .image{
    display:block;
    margin:0px;
}
.information-list .information-list-item .image img{
    display:block;
    max-width:100%;
    margin:0px auto;
}
.information-list .information-list-item .content{
    margin:0px;
    padding:15px;
}
.information-list .information-list-item .button{
    margin:0px;
    padding:15px;
    text-align:right;
    background:#fafafa;
}

/**********************/
/* information-detail */
/**********************/
.information-detail{
   padding:40px 0px;
}
.information-detail .info{
    margin:0px 0px 10px 0px;
}
.information-detail .socials{
    margin:0px 0px 10px 0px;
}
.information-detail .image{
    margin:0px 0px 20px 0px;
    background:#efefef;
}
.information-detail .image img{
    display:block;
    max-width:100%;
    margin:0px auto;
}
.information-detail .content{
    margin:0px 0px 20px 0px;
    padding:30px 0px;
}
/*
 * INTRODUCTION
 * -------------------------------------------------------------------
 */
/****************/
/* introduction */
/****************/
.introduction {}
.introduction .introduction-copy{
    margin:60px 0px 60px 0px;
    padding:30px 0px 30px 0px;
    font-size:20px;
    font-weight:bold;
    line-height:1.6em;
    color:#ffffff;
    background:#e8b733;
    text-align:center;
}
.introduction .introduction-copy span{
    display:inline-block;
    margin:0px 0px 0px 0px;
    padding:0px 2px 4px 2px;
    font-size:32px;
    font-weight:bold;
    border-bottom:3px dashed #e8b733;
}
.introduction .intro-texts{
    margin:0px 0px 30px 0px;
}
.introduction .intro-texts h4{
    margin:20px 0px;
    padding:0px;
}
.introduction .intro-texts .strong{
    font-size:24px;
    font-weight:bold;
    letter-spacing:-2px;
    color:#2b4779;
    text-decoration:underline solid #2b4779;

}
.introduction .intro-buttons{
    margin:0px 0px 0px 0px;
    text-align:right;
}
.introduction .intro-buttons img{
    margin-bottom:20px;
}


/*
 * RESULT
 * -------------------------------------------------------------------
 */
/***************/
/* result-list */
/***************/
.result-list{
   padding:40px 0px;
}
.result-list .result-category{
    margin:0px 0px 20px 0px;
    padding:30px 0px;
}
.result-list .result-list-slider{
    margin-bottom:50px;
}
.result-list .result-list-slider .swiper-container {
    width: 100%;
    height: auto;
    padding-bottom:50px;
}
.result-list .result-list-slider .swiper-slide{
    background:#fafafa;
}
.result-list .result-list-slider .swiper-slide .image{
    margin:0px;
}
.result-list .result-list-slider .swiper-slide .image img{
    display:block;
    width:100%;
    max-width:500px;
    margin:0px auto;
}
.result-list .result-list-slider .swiper-slide .content{
    padding:30px;
}
.result-list .result-list-slider .swiper-slide .content h3{
    font-size:22px;
}
@media (min-width: 992px) {
    .result-list .result-list-slider .swiper-slide .content{
        border-left:1px solid #dddddd;
        padding-right:60px;
    }
}
.result-list .result-list-slider .swiper-button-prev,
.result-list .result-list-slider .swiper-button-next{
    width:45px;height:45px;
    margin-top:-50px;
    font-size:20px;
    line-height:42px;
    text-align:center;
    background:#ffffff;
    border:1px solid #ddd;
    border-radius:50%;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
}
.result-list .result-list-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #888888;
}
.result-list .result-list-item{
    margin:0px 0px 20px 0px;
    /*border:1px solid #efefef;*/
    /*box-shadow:1px 1px 2px rgba(0,0,0,0.15);*/
}
.result-list .result-list-item .image{
    position:relative;
    margin:0px;
}
.result-list .result-list-item .image img{
    display:block;
    max-width:100%;
    margin:0px auto;
}
.result-list .result-list-item .content{
    margin:0px;
    padding:15px;
}
/*****************/
/* result-detail */
/*****************/
.result-detail{
    margin:0px 0px 50px 0px;
    padding:40px 0px;
}
.result-detail .result-category{
    margin:0px 0px 20px 0px;
}
.result-detail .result-detail-slider{
    margin-bottom:50px;
    padding:50px 0px;
    background:#fafafa;
}
.result-detail .result-title{
    margin:0px;
    padding:10px 0px 20px 10px;
    font-size:18px;
    font-weight:bold;
}
@media (min-width: 992px) {
    .result-detail .result-title{
        font-size:26px;
        padding:30px 0px;
    }
}
.result-detail .result-title-label{
    padding:0px 0px 30px 0px;
    font-size:14px;
}
@media (min-width: 992px) {
    .result-detail .result-title-label{
        padding:30px 0px;
        font-size:20px;
    }
}
.result-detail .result-detail-image{
    position:relative;
    margin:0px 0px 30px 0px;
}
.result-detail .result-detail-image img{
    display:block;
    max-width:100%;
    margin:0px auto 20px auto;
}
.result-detail .result-detail-image p{
    margin:0px 0px 20px 0px;
    text-align:center;
}
.result-detail .result-befaft {
    margin:0px 0px 30px 0px;
    padding:10px;
    border:1px solid #dddddd;
}
.result-detail .result-befaft:after{
    display:block;
    content:'';
    clear:both;
}
.result-detail .result-befaft .box-before .image{
    margin:0px 15px 0px 0px;
    border:6px solid #dddddd;
}
.result-detail .result-befaft .box-after .image{
    margin:0px 0px 0px 15px;
    border:6px solid #dddddd;
}
.result-detail .result-befaft .box-before .image img,
.result-detail .result-befaft .box-after .image img{
    display:block;
    margin:0px auto 0px auto;
    max-width:100%;
}
.result-detail .result-befaft .box-before{
    position:relative;
    margin:0px 0px 0px 0px;
    float:left;
    width:50%;
}
.result-detail .result-befaft .box-before .text{
    position:absolute;
    display:none;
}
.result-detail .result-befaft .box-after{
    position:relative;
    margin:0px 0px 0px 0px;
    float:right;
    width:50%;
}
.result-detail .result-befaft .box-after .text{
    position:absolute;
    display:none;
}
.result-detail .result-befaft .box-after .circle{
    position:absolute;
    top:40%;
    left:-25px;
    display:block;
    width:50px;
    height:50px;
    background-image:url(../img/peformance/befaft-circle.png);
    background-size:50px 50px;
    background-position:center;
}

@media (min-width: 992px) {
    .result-detail .result-befaft .box-before .image,
    .result-detail .result-befaft .box-after .image{
        margin:0px 0px 0px 30px;
    }
    .result-detail .result-befaft .box-before .text,
    .result-detail .result-befaft .box-after .text{
        display:block;
        bottom:10px;
        left:10px;
    }
    .result-detail .result-befaft .box-after .circle{
        left:-10px;
    }
}

/*
 * MACHINE
 * -------------------------------------------------------------------
 */

/******************/
/* machine-header */
/******************/
.machine-header{
    position:relative;
    display:block;
    margin:0px;
    padding:100px 0px;
    background:rgba(0,0,0,0.4);
    color:#ffffff;
}
.machine-header:before{
    z-index:-1;
    display:block;
    content:'';
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    background:url(../img/machine/machine_main.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.machine-header h3{
    font-size:38px;
    font-weight:bold;
}
.machine-header .machine-content {
    padding:30px 0px;
}
.machine-header .machine-counts {
    padding:15px;
}
/* machine-counts-item */
.machine-header .machine-counts-item{
    margin:0px 0px 5px 0px;
}
.machine-header .machine-counts-item .machine-icon{
    width:120px;
}
.machine-header .machine-counts-item .count {
    display:inline-block;
    margin:0px 5px;
    font-size:35px;
    border-bottom:5px solid #e8b733;
}
.machine-header .machine-counts-item .count strong{
    display:inline-block;
    /*width:100px;*/
    font-size:60px;
    font-weight:bold;
    font-family:'Oswald', sans-serif;
    text-align:center;
}
@media (min-width: 992px) {
    .machine-header .machine-counts {
        padding:30px;
        border-right:1px dashed #ddd;
    }
}
.machine-header .button {
    position:relative;
    display:block;
    margin:0px 5px 10px 0px;
    padding:14px 20px 14px 20px;
    border:1px solid #fff;
    color:#ffffff;
    overflow:hidden;
    outline:0;
    box-sizing:border-box;
}
.machine-header .button:after {
    content:"";
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background:#2b4779;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: hidden;
    -webkit-transition: all .4s;
            transition: all .4s;
}
.machine-header .button:hover:after {
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.machine-header .button span {
    position:relative;
    z-index:1;
    display:block;
}
.machine-header .button span:before {
    content:'\f105';
    position:absolute;
    right:5px;
    font-family:'FontAwesome' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
     -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
    -webkit-transition:all .4s;
            transition:all .4s;
}
.machine-header .button:hover span:before {
    right:-5px;
}

/***********/
/* machine */
/***********/
.machine{
    padding:60px 0px;
    background:#fafafa;
}
.machine .machine-list{
    margin-bottom:50px;
    background-image: url(../img/logo-bg.png);
    background-position: right 10px top 10px;
    background-size: 150px;
    background-repeat: no-repeat;
}

/******************/
/* machine-detail */
/******************/
.machine-detail{
    padding:60px 0px;
    background:#fafafa;
}
.machine-detail .category{
    padding:10px 0px;
    margin-bottom:60px;
    text-align:center;
}
.machine-detail .detail-header{
    margin:0px 0px 20px 0px;
    background:#efefef;
    border-top:1px solid #2b4779;
    border-bottom:1px solid #2b4779;
}
.machine-detail .detail-header:after{
    display:block;
    content:'';
    clear:both;
}
.machine-detail .detail-header-left{
    padding:12px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#2b4779;
}
.machine-detail .detail-header-right{
    padding:12px;
    line-height:18px;
    background:#2b4779;
    color:#ffffff;
    text-align:right;
}
@media (min-width: 992px) {
    .machine-detail .detail-header-left{
        float:left;
    }
    .machine-detail .detail-header-right{
        float:right;
    }
}
.machine-detail .detail-photos{
    margin:0px 0px 20px 0px;
}
.machine-detail .detail-photos .photos{
    margin:0px 0px 20px 0px;
    padding:5px;
    background:#efefef;
}
.machine-detail .detail-photos .photos:after{
    display:block;
    content:'';
    clear:both;
}
.machine-detail .detail-photos .photos .photos-item{
    width:25%;
    padding:5px;
    float:left;
}
.machine-detail .detail-photos .photos .photos-item img{
    display:block;
    max-width:100%;
    cursor:pointer;
}
.machine-detail .detail-photos .photos .photos-item img:hover{
    opacity:0.8;
}
.machine-detail .detail-text{
    margin:0px 0px 20px 0px;
    padding:15px;
    border:1px solid #dddddd;
}

/******************/
/* machine-banner */
/******************/
.machine-banner{
    margin:0px 0px 80px 0px;
}
.machine-banner img.banner{
    -webkit-transition: all .4s;
            transition: all .4s;
    margin-bottom:20px;
}
.machine-banner img.banner:hover{
    opacity:0.8;
}
@media (min-width: 992px) {
    .machine-banner img.banner{
        margin-bottom:0px;
    }
}

/*
 * BUSINESS
 * -------------------------------------------------------------------
 */
/***********/
/* business */
/***********/
.business {
    padding:40px 0px;
}

.business .text-support{
    text-align:center;
    color:#2b4779;
    padding:20px 15px 20px 100px !important;
    /*background:rgba(230,230,230,0.2);*/
    background-image:url("../img/business/team.png");
    background-position:10px 10px;
    background-size:70px;
    background-repeat:no-repeat;
    text-decoration: underline dotted red;
    text-decoration: underline;
}

/** business-box **/
.business .business-box{
    padding:15px;
    background:#efefef;
}
.business .business-box .business-box-title{
    margin:0px 0px 10px 0px;
    padding:5px 10px;
    font-size:18px;
    font-weight:bold;
}
.business .business-box .business-box-body{
    padding:25px;
    background:rgba(255,255,255,0.8);
    background-image:url("../img/logo-bg.png");
    background-position:right bottom;
    background-size:150px;
    background-repeat:no-repeat;
}
/** business-content **/
.business .business-content{
    margin:0px 0px 120px 0px;
}
.business .business-content h4{
    display:block;
    margin:0px 0px 25px 0px;
    padding:10px 15px;
    font-weight:bold;
    font-size:18px;
    color:#ffffff;
    background: #80c3aa;
    background: -moz-linear-gradient(-45deg, #80c3aa 0%, #22448f 100%);
    background: -webkit-linear-gradient(-45deg, #80c3aa 0%,#22448f 100%);
    background: linear-gradient(135deg, #80c3aa 0%,#22448f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c3aa', endColorstr='#22448f',GradientType=1 );
}
.business .business-content h5{
    display:block;
    margin:0px 0px 15px 0px;
    padding:10px 15px;
    font-weight:bold;
    font-size:24px;
    color:#2b4779;
    border-bottom:1px solid #2b4779;
}
.business .business-content .text{
    margin:0px 0px 30px 0px;
}
.business .business-content .image{
    margin:0px 0px 30px 0px;
    padding:10px;
    border:1px solid #ddd;
}
.business .business-content .image img{
    display:block;
    max-width:100%;
    margin:0px auto;
}
.business .business-content .performance{
    text-align:right;
}
.business .business-content .flowchart{
    margin:15px 0px 15px 0px;
    padding:30px 10px;
    border:1px solid #dddddd;
    background: #efefef;
    background-image: url(../img/background/bg_stripe_grey2.png);
    background-repeat: repeat;
    background-size: 8px 8px;
}
.business .business-content .flowchart-item{
    position:relative;
    list-style-type:none;
    padding:25px 25px 25px 25px;
}
@media (min-width: 992px) {
    .business .business-content .flowchart-item{
        padding:0px 25px 0px 25px;
    }
}
.business .business-content .row > div:not(:first-child) .flowchart-item:before{
    display:block;
    content:"";
    position:absolute;
    top:0;bottom:0;left:0;
    margin:auto 0px;
    width:50px;height:50px;
    background-image:url(../img/business/befaft-circle.png);
    background-position:top 0px left 0px;
    background-size:50px;
    background-repeat: no-repeat;
}
.business .business-content .flowchart-item-label{
	background:#223860;
	color:#ffffff;
	position:absolute;
	top:-15px;left:0px;
	margin:0px;
	padding:10px 20px;
}


/*
 * VOICE
 * -------------------------------------------------------------------
 */
/****************/
/* voice-header */
/****************/
.voice-header {
    padding:0px 0px;
    background-color:#223860;
    overflow:hidden;
}
.voice-header-header{
    padding:10px 0px;
}
.voice-header-header .image{
    height:30px;
}
.voice-header-content{
    margin:0px -15px 0px -15px;
    background-color:#2b4779;
    background-image: url(../img/background/bg_check.png);
    background-repeat: repeat;
}
.voice-header-content .wrapper{
    position:relative;
}
.voice-header-content .title-main{
    display:none;
}
.voice-header-content .title-sub{
    display:none;
}
.voice-header-content .title-sub h3{
    margin:0px 0px 5px 0px;
    font-size:18px;
    font-weight:bold;
}
@media (min-width: 992px) {
    .voice-header-content .title-main{
        position:absolute;
        top:40px;right:50px;bottom:auto;left:auto;
        display:block;
        padding:15px 30px;
        width:500px;
        font-size:20px;
        font-weight:bold;
        text-align:center;
        color:#ffffff;
        border:1px solid #ffffff;
    }
    .voice-header-content .title-sub{
        position:absolute;
        top:250px;right:50px;bottom:auto;left:auto;
        display:block;
        padding:10px 10px;
        width:500px;
        font-size:14px;
        color:#ffffff;
    }
}
.voice-header-footer .title-sub{
    margin:0px 0px 0px 0px;
    padding:20px 0px;
    color:#ffffff;
}
.voice-header-footer .title-sub h3{
    margin:0px 0px 15px 0px;
    font-size:18px;
    font-weight:bold;
}
@media (min-width: 992px) {
    .voice-header-footer{
        padding:25px 0px;
    }
    .voice-header-footer .title-main{
        display:none;
    }
    .voice-header-footer .title-sub{
        display:none;
    }
}

/**************/
/* voice-list */
/**************/
.voice-list-content{
    margin:0px 0px 80px 0px;
    padding:10px;
    background:#fafafa;
    box-shadow:1px 1px 2px rgba(0,0,0,0.15);
}
@media (min-width: 992px) {
    .voice-list-content{
        padding:30px;
    }
}
.voice-list-item{
    display:block;
    position:relative;
    color:#ffffff;
}
.voice-list-item:hover{
    opacity:0.8;
    color:#ffffff;
}
.voice-list-item img{
    display:block;
    max-width:100%;
    margin:0px auto;
    margin-bottom:10px;
}
.voice-list-item-footer{
    position:absolute;
    bottom:0;left:0;right:0;
    background:rgba(0,0,0,0.2);
}
.voice-list-item-footer .number{
    margin:0px 0px 0px 0px;
    padding:10px 10px 10px 10px;
    font-size:40px;
    font-weight:bold;
    font-family: "Noto Serif Japanese",Noto Serif Japanese;
    color:#ffffff;
    line-height:40px;
    text-align:right;
}
.voice-list-item .number span{
    font-size:60px;
}
.voice-list-item-footer .infos{
    padding:10px 10px 10px 10px;
    font-size:14px;
    text-align:right;
    background:#223860;
}

/****************/
/* voice-detail */
/****************/
.voice-detail{}
/* voice-detail-wrapper */
.voice-detail-wrapper{
    margin:0px 0px 50px 0px;
    background-image:url(../img/background/bg_check.png);
    background-repeat:repeat;
}
/* voice-detail-header */
.voice-detail-header{
    position:relative;
    margin:0px 0px 0px 0px;
}
.voice-detail-header:after{
    display:block;
    content:'';
    clear:both;
}
.voice-detail-header .image img{
    display:block;
    max-width:100%;
    margin:0px auto;
}
.voice-detail-header .infos{}
.voice-detail-header .infos-number{
    margin: 0px 0px 0px 0px;
    padding: 20px 15px;
    font-size: 40px;
    font-weight: bold;
    font-family: "Noto Serif Japanese",Noto Serif Japanese;
    color: #ffffff;
    line-height: 40px;
    text-align: right;
    background: #0f243e;
}
.voice-detail-header .infos-text{
    padding:10px;
    color:#ffffff;
}
.voice-detail-header .infos-text .companyname{
    margin:20px 0px;
    font-weight:bold;
    font-size:14px;
}
.voice-detail-header .titlebox{
    position:relative;
    margin:0px 0px 0px 0px;
    padding:20px;
    background:#ffffff;
}
.voice-detail-header .titlebox .titlebox-name{
    margin:0px 0px 10px 0px;
}
.voice-detail-header .titlebox .titlebox-name strong{
    font-size:14px;
    margin:0px 0px 0px 0px;
    padding:0px;
    color:#222222;
    border-bottom:3px solid #9f383e;
}
.voice-detail-header .titlebox h4{
    font-size:18px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:0px;
    line-height:1.4em;
}
@media (min-width: 992px) {
    .voice-detail-header .image{
        float:left;
        width:60%;
    }
    .voice-detail-header .infos{
        float:right;
        width:40%;
    }
    .voice-detail-header .titlebox{
        position:absolute;
        right:0;bottom:60px;
        max-width:500px;
    }
    .voice-detail-header .infos-text .companyname{
        font-weight:bold;
        font-size:20px;
    }
}

/* voice-detail-content */
.voice-detail-content{
    padding:25px 15px;
    box-shadow:1px 1px 2px rgba(0,0,0,0.15);
    background-image: url(../img/voice/bg_logo_w.png);
    background-position: right 10px bottom 10px;
    background-size: 250px;
    background-repeat: no-repeat;
}
.voice-detail-content .image{
    margin:0px 0px 20px 0px;
}
.voice-detail-content .image img{
    display:block;
    max-widht:100%;
    margin:0px auto;
    /*border:8px solid rgba(0,0,0,0.2);*/
    box-shadow:1px 1px 2px rgba(0,0,0,0.15);
}
.voice-detail-content .text{
    padding:10px;
    background:rgba(255,255,255,0.1);
    color:#ffffff;
    font-size:14px;
}
@media (min-width: 992px) {
    .voice-detail-content{
        /*padding:60px;*/
    }
    .voice-detail-content .text{
        padding:40px;
    }
}
/* voice-detail-footer */
.voice-detail-footer{
    padding:30px;
    background:#0f243e;
    color:#ffffff;
    text-align:center;
}

/* voice-cta */
.voice-cta{
    margin:0px 0px 50px 0px;
    padding:50px 0px;
    background:#fafafa;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.05);
    background-image:url(../img/background/bg_pattern.png);
    background-repeat:repeat;
    border:1px solid #ddd;
}
.voice-cta .button {
    position:relative;
    display:block;
    width:100%;
    max-width:360px;
    margin:0px auto 40px auto;
    padding:15px 20px 15px 20px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#2b4779;
    border:4px solid #2b4779;
    overflow:hidden;
}
.voice-cta .button span {
    position: relative;
    z-index: 1;
    display: block;
}
.voice-cta .button:after {
    content:"";
    position:absolute;
    /*z-index:-1;*/
    top:0;left:0;right:0;bottom:0;
    background:#2b4779;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: hidden;
    -webkit-transition: all .4s;
            transition: all .4s;
}
.voice-cta .button:hover {
    color:#ffffff;
}
.voice-cta .button:hover:after {
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.voice-cta .telephone{
    font-size:16px;
    text-align:center;
}
.voice-cta .telephone span{
    font-size:25px;
    font-weight:normal;
    display: inline-block;
    margin-left:10px;
    vertical-align:middle;
    color:#2b4779;
}

/*
 * CORPORATION
 * -------------------------------------------------------------------
 */
/****************************/
/* corporation-introduction */
/****************************/
.corporation-introduction{
    margin:0px 0px 20px 0px;
}
.corporation-introduction .logo{
    margin:0px 0px 30px 0px;
}
.corporation-introduction .text{
    margin:0px 0px 30px 0px;
}
.corporation-introduction .name{
}

/***************************/
/* corporation-information */
/***************************/
.corporation-information{
    margin:0px 0px 20px 0px;
}
.corporation-information .text{
    margin:0px 0px 20px 0px;
    padding:35px 15px 35px 100px;
    background:rgba(230,230,230,0.2);
    background-image:url("../img/corporation/information.png");
    background-position:10px 10px;
    background-size:70px;
    background-repeat:no-repeat;
}

/************************/
/* corporation-map-item */
/************************/
.corporation-map-item{
    margin:20px 0px 20px 0px;
}
.corporation-map-item .text{
    margin:0px 0px 20px 0px;
    padding:15px 15px 15px 100px;
    background:rgba(230,230,230,0.2);
    background-position:10px 10px;
    background-size:70px;
    background-repeat:no-repeat;
	min-height:90px;
}
.corporation-map-item .text.icon-building{
    background-image:url("../img/corporation/icon-building.png");
}
.corporation-map-item .text.icon-base{
    background-image:url("../img/corporation/icon-base.png");
}

.corporation-map-item .google-map{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom:20px;
}
.corporation-map-item .google-map iframe,
.corporation-map-item .google-map object,
.corporation-map-item .google-map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
 * PARTNER
 * -------------------------------------------------------------------
 */
/**********************/
/* partner-mainvisual */
/**********************/
.partner-mainvisual{
	margin:0px 0px 80px 0px;
	padding:80px 0px 0px 0px;
	height:600px;
    background-image:url('../img/partner/partner_visual_bg.jpg');
    background-position: center;
    background-size:cover;
    background-repeat:no-repeat;
}
.partner-mainvisual-text{
	margin:0px auto;
	padding:40px 120px;
	max-width:800px;
	background:rgba(255,255,255,0.2);
}
.partner-mainvisual-text h2{
	display:block;
	margin:0px;
	padding:0px;
}
.partner-mainvisual-text img{
	display:block;
	max-width:100%;
	margin:0px auto;
}

/***********************/
/* partner-heading(h2) */
/***********************/
.partner-heading{
	display:block;
	margin:0px 0px 30px 0px;
	padding:30px;
	font-size:28px;
	font-weight:bold;
	background:#ebeef3;
}

/*******************/
/* partner-content */
/*******************/
.partner-content{
	padding:0px 0px 40px 0px;
}
.partner-content-image{
	padding:10px 0px 10px 0px;
}
.partner-content-text{
	padding:0px;
}
.partner-content-text .image-text{
	display:block;
	max-width:100%;
	margin:0px 0px 30px 0px;
}

.partner-content .text-strong{
	font-size:18px;
	font-weight:bold;
}
@media (min-width: 992px) {
	.partner-content{
		padding:0px 0px 80px 0px;
	}
	.partner-content-image{
		padding:40px 0px 40px 0px;
	}
	.partner-content-text{
		padding:40px;
	}
}

/*******************/
/* partner-buttons */
/*******************/
.partner-buttons{
	margin:0px 0px 20px 0px;
	padding:15px 0px;
	text-align:center;
	background:#F5F5F5;
    background: #efefef;
    background-image: url(../img/background/bg_stripe_grey2.png);
    background-repeat: repeat;
    background-size: 8px 8px;
}
.partner-buttons.bg-none{
    background-image: none;
    background: none;
}

/* button */
.partner-buttons .button{
	display:inline-block;
	min-width:120px;
	margin:5px;
	padding:10px 20px;
	border-radius:50px;
	font-size:12px;
}
@media (min-width: 992px) {
	.partner-buttons .button{
		min-width:160px;
	}
}
/* button-guide */
.button-guide{
	background:#385B8B;
	color:#ffffff;
}
.button-guide:hover,
.button-guide:focus{
	background:#2c486f;
	color:#fafafa;
}
/* button-line */
.button-line{
	background:#1dcd00;
	color:#ffffff;
}
.button-line:hover,
.button-line:focus{
	background:#17a400;
	color:#fafafa;
}
/* button-phone */
.button-phone{
	background:#444444;
	color:#ffffff;
}
.button-phone:hover,
.button-phone:focus{
	background:#333333;
	color:#fafafa;
}

/******************/
/* partner-youkou */
/******************/
.partner-youkou{
	margin:0px 0px 80px 0px;
}

/****************/
/* partner-flow */
/****************/
/* partner-flow-image */
.partner-flow-image{
	display:block;
	width:100%;
	max-width:950px;
	margin:0px auto 80px auto;
}
/* partner-flow-heading */
.partner-flow-heading{
	display:block;
	width:100%;
	margin:0px auto 0px auto;
}
.partner-flow-content{
	margin:0px 0px 0px 0px;
	padding:20px;
	font-weight:normal;
	font-size:14px;
	text-align:center;
	letter-spacing:-1px;
	background:#F5F5F5;
}
@media (min-width: 992px) {
	.partner-flow-content{
		margin:0px 0px 0px 0px;
		padding:40px;
		font-weight:bold;
		font-size:22px;
	}
}

/*
 * GROUND
 * -------------------------------------------------------------------
 */
/*********************/
/* ground-mainvisual */
/*********************/
.ground-mainvisual{
	position:relative;
	margin:0px 0px 80px 0px;
	padding:40px 0px 0px 0px;
	width:100%;
	height:600px;
    background-image:url('../img/ground/ground-mainvisual-image-main.jpg');
    background-position: center;
    background-size:cover;
    background-repeat:no-repeat;
}
.ground-mainvisual-catch img{
	position:absolute;
	left:0;right:0;
	margin:0px auto;
	max-width:300px;
}
@media (min-width: 992px) {
	.ground-mainvisual-catch img{
		left:0;right:auto;
		margin:0px;
		max-width:400px;
	}
}
/* ground-mainvisual-slider */
.ground-mainvisual-slider{
	position:absolute;
	bottom:20px;
	margin:0px 0px 0px 0px;
    padding:15px;
	width:100%;
	background:rgba(255,255,255,0.6);
}
.ground-mainvisual-slider .swiper-container {
    width: 100%;
    height: auto;
}
.ground-mainvisual-slider .swiper-slide{}
.ground-mainvisual-slider .swiper-slide .image{
    display:block;
    width:100%;
    max-width:180px;
    margin:0px auto;
}
.ground-mainvisual-slider  .swiper-button-prev,
.ground-mainvisual-slider  .swiper-button-next{
    width:45px;height:45px;
    font-size:30px;
    line-height:45px;
    text-align:center;
	background:rgba(255,255,255,0.6);
    /*border:1px solid #ddd;*/
    border-radius:50%;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
}
/*******************/
/* ground-content */
/*******************/
.ground-content{
	margin:0px 0px 60px 0px;
}
@media (min-width: 992px) {
	.ground-content{
		margin:0px 0px 80px 0px;
	}
}
/****************/
/* ground-label */
/****************/
.ground-label-blue{
	display:inline-block;
	margin:0px;
	padding:8px 20px;
	color:#ffffff;
	line-height:20px;
	font-size:18px;
	font-weight:bold;
	border-radius:20px;
	background:#2b4779;
}
.ground-label-red{
	display:inline-block;
	margin:0px;
	padding:8px 20px;
	color:#ffffff;
	line-height:20px;
	font-size:18px;
	font-weight:bold;
	border-radius:20px;
	background:#d33232;
}
.ground-label-green{
	display:inline-block;
	margin:0px;
	padding:8px 20px;
	color:#ffffff;
	line-height:20px;
	font-size:18px;
	font-weight:bold;
	border-radius:20px;
	background:#2b7862;
}
.ground-label-yellow{
	display:inline-block;
	margin:0px;
	padding:8px 20px;
	color:#222222;
	line-height:20px;
	font-size:18px;
	font-weight:bold;
	border-radius:20px;
	background:#ffcc00;
}

/******************/
/* ground-heading */
/******************/
.ground-heading {
	margin:0px !important;
	padding:15px !important;
	position: relative;
	border-top: solid 2px #2b4779;
	border-bottom: solid 2px #2b4779;
	background: #fcfcfc;
	line-height: 1.4;
	font-size:24px;
}
.ground-heading .subtitle {
	position:absolute;
	background: #2b4779;
	color: #ffffff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 20px;
	font-size:20px;
	line-height:30px;
	letter-spacing: 0.05em;
}

/**********************/
/* ground-heading-sub */
/**********************/
.ground-heading-sub{
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#2b4779;
	font-size:18px;
	font-weight:bold;
}

/********************/
/* ground-underline */
/********************/
.ground-underline{
	font-weight:bold;
	background: linear-gradient(transparent 60%, #ffe16d 60%);
}

/********************/
/* ground-list-flow */
/********************/
.ground-list-flow{
	display:block;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.ground-list-flow li{
	display:block;
	margin:0px 0px 8px 0px;
	padding:8px 16px;
	color:#122a54;
	font-size:16px;
	font-weight:bold;
	border:1px solid #2b4779;
	border-radius:10px;
	background:#a7c2ef;
}

/************************/
/* ground-list-question */
/************************/
.ground-list-question{
	display:block;
	margin:0px;
	padding:15px;
	list-style-type:none;
	border:1px solid #f7a3de;
	border-radius:10px;
	background:#f9d4ee;
}
.ground-list-question li{
	display:block;
	margin:0px 0px 5px 0px;
	color:#d1259d;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}

/***********************/
/* ground-introduction */
/***********************/
.ground-introduction{
	margin:0px;
	padding:15px;
	font-size:15px;
	border:20px solid #efefef;
}
@media (min-width: 992px) {
	.ground-introduction{
		padding:50px;
	}
}
.ground-introduction .case-item{
	padding:0px;
}
@media (min-width: 992px) {
	.ground-introduction .case-item{
		padding:30px;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
	}
}

/**********************/
/* ground-performance */
/**********************/
.ground-performance{
	margin:0px;
	padding:15px;
	font-size:15px;
	border:20px solid #efefef;
}
@media (min-width: 992px) {
	.ground-performance{
		padding:50px;
	}
}
/********************/
/* ground-flowchart */
/********************/
.ground-flowchart{
	margin:0px;
	padding:15px;
	font-size:15px;
	border:20px solid #efefef;
}
@media (min-width: 992px) {
	.ground-flowchart{
		padding:50px;
	}
}
.ground-flowchart-image{
	/*border:1px solid #ccc;*/
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
	margin:0px 0px 20px 0px;
	padding:15px;
}
.ground-flowchart-image img{
	display:block;
	width:70%;
	margin:0px auto 0px auto;
}
@media (min-width: 992px) {
	.ground-flowchart-image img{
		width:100%;
	}
}
/*********************/
/* ground-technology */
/*********************/
.ground-technology{
	margin:0px;
	padding:15px;
	font-size:15px;
	border:20px solid #efefef;
}
@media (min-width: 992px) {
	.ground-technology{
		padding:50px;
	    background-image: url(../img/logo-bg.png);
	    background-position: right 40px top 40px;
	    background-size: 180px;
	    background-repeat: no-repeat;
	}
}
.ground-technology ul{
	margin:0px;
}
.ground-technology ul li{
	font-size:16px;
	font-weight:normal;
	padding:10px;
}
.ground-technology-list{
	margin:0px 0px 0px 0px;
	padding:20px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
}

/******************/
/* ground-machine */
/******************/
.ground-machine{
	margin:0px;
	padding:15px;
	font-size:15px;
	border:20px solid #efefef;
}
@media (min-width: 992px) {
	.ground-machine{
		padding:50px;
	}
}
.ground-machine-image{
	display:block;
	width:100%;
	margin:0px auto 20px auto;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
}
.ground-machine-name{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#000;
	margin:0px 0px 20px 0px;
	padding:0px;
}
@media (min-width: 992px) {
	.ground-machine-name{
		margin:0px 0px 0px 0px;
	}
}
/******************/
/* ground-license */
/******************/
.ground-license{
	margin:0px;
	padding:15px;
	font-size:15px;
	border:20px solid #efefef;
}
@media (min-width: 992px) {
	.ground-license{
		padding:50px;
	    background-image: url(../img/logo-bg.png);
	    background-position: right 40px top 40px;
	    background-size: 180px;
	    background-repeat: no-repeat;
	}
}
.ground-license ul{
	margin:0px;
}
.ground-license ul li{
	font-size:16px;
	font-weight:normal;
	padding:10px;
}
.ground-license-list{
	margin:0px 0px 0px 0px;
	padding:20px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
}

/******************/
/* ground-partner */
/******************/
.ground-partner-item{
	display:block;
	padding:10px;
	margin:0px 0px 30px 0px;
	background:#efefef;
}
@media (min-width: 992px) {
	.ground-partner-item{
		padding:20px;
	}
}
.ground-partner-item img{
	display:block;
	width:100%;
	margin:0px auto;
}

/*
 * CTA
 * -------------------------------------------------------------------
 */
/************/
/* page-cta */
/************/
.page-cta{
    margin:0px 0px 0px 0px;
    padding:20px 0px;
    background:#fafafa;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.05);
    background-image:url(../img/background/bg_pattern.png);
    background-repeat:repeat;
    border:5px solid #efefef;
}
/* page-cta-heading */
.page-cta-heading{
	padding:15px 0px;
	text-align:center;
	font-size:14px;
}
.page-cta-heading .logo{
	display:inline-block;
	vertical-align:bottom;
	margin:0px 8px;
}
@media (min-width: 992px) {
	.page-cta-heading{
		font-size:18px;
	}
}

/* page-cta-button */
.page-cta-button {
	margin:0px 0px 0px 0px;
    padding:0px 0px;
}
/* button-contact */
.page-cta-button .button-contact {
	position:relative;
    display:block;
    margin:15px;
    padding:0px 0px 0px 60px;
	height:60px;
	line-height:60px;
    text-align:center;
    font-weight:bold;
	font-size:14px;
    color:#ffffff;
	border-radius:4px;
	background:#2b4779;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	overflow:hidden;
}
.page-cta-button .button-contact:hover {
	background:#223860;
}
.page-cta-button .button-contact:after {
	position:absolute;
	top:0;left:0;
	content:"";
	z-index:999;
	display:block;
	width:60px;height:60px;
	background-image:url("../img/cta-button-icon-contact.png");
	background-size:60px 60px;
}

/* button-line */
.page-cta-button .button-line {
	position:relative;
    display:block;
    margin:15px;
    padding:0px 0px 0px 60px;
	height:60px;
	line-height:60px;
    text-align:center;
    font-weight:bold;
	font-size:14px;
    color:#ffffff;
    /*border:4px solid #1dcd00;*/
	border-radius:4px;
	background:#1dcd00;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	overflow:hidden;
}
.page-cta-button .button-line:after {
	position:absolute;
	top:0;left:0;
	content:"";
	z-index:999;
	display:block;
	width:60px;height:60px;
	background-image:url("../img/cta-button-icon-line.png");
	background-size:60px 60px;
}
.page-cta-button .button-line:hover {
	background:#17a400;
}
@media (min-width: 992px) {
	.page-cta-button .button-contact {
		margin:15px auto;
	    padding:0px 0px 0px 80px;
		max-width:380px;
		height:80px;
		line-height:80px;
		font-size:20px;
	}
	.page-cta-button .button-line {
		margin:15px auto 15px 15px;
	    padding:0px 0px 0px 80px;
		max-width:380px;
		height:80px;
		line-height:80px;
		font-size:20px;
	}
	.page-cta-button .button-contact:after {
		width:80px;height:80px;
		background-size:80px 80px;
	}
	.page-cta-button .button-line:after {
		width:80px;height:80px;
		background-size:80px 80px;
	}
}

/* page-cta-telephone */
.page-cta-telephone{
	/*width:100%;*/
	display:block;
	width:100%;
	max-width:500px;
	margin:0px auto 0px auto;
	padding:30px;
}


/*
 * RECRUIT
 * -------------------------------------------------------------------
 */
/***********/
/* recruit */
/***********/
.recruit{}
.recruit .recruit-heading{
    margin:0px 0px 10px 0px;
    padding: 10px;
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
    letter-spacing:-1px;
    background: #eaac04;
    border-radius: 6px;
}
.recruit .content h4{
    margin:0px 0px 10px 0px;
    padding:10px 0px;
    font-size:18px;
    font-weight:bold;
    text-decoration:underline;
}


/* recruit-introduction */
.recruit .recruit-introduction{
    margin:0px 0px 80px 0px;
}
.recruit .recruit-introduction .box{
    padding:0px;
    background:#fff6dc;
}
.recruit .recruit-introduction .box-heading{
    background:#eaac04;
    padding:15px;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
    border-bottom:1px solid #000000;
}
.recruit .recruit-introduction .box-content{
    padding:20px;
}
.recruit .recruit-introduction .box-content ul{
    padding-left:20px;
}

/* recruit-item */
.recruit-item{
    margin:0px 0px 40px 0px;
    border:1px solid #dddddd;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.recruit-item .heading{
    margin:0px 0px 0px 0px;
    padding:15px;
    font-size:20px;
    font-weight:bold;
    background: #2b4779;
    color:#ffffff;
}
.recruit-item strong{
    font-size:20px;
    font-weight:bold;
}
.recruit-item .daily{
    padding:15px;
    border-top:1px solid #dddddd;
    text-align:right;
}
.recruit-item .main{
    padding:15px;
}
.recruit-item .main-title{
    font-size:16px;
    margin:0px 0px 15px 0px;
    font-weight:bold;
    color:#2b4779;
}
/*
.recruit-item .main-title span{
    display:inline-block;
    margin:0px 5px 0px 0px;
    padding:3px 6px;
    border:1px solid #2b4779;
    color:#2b4779;
    font-size:14px;
    font-weight:normal;
}
*/

.recruit-item .main-title .border_title{
    display:inline-block;
    margin:0px 5px 0px 0px;
    padding:3px 6px;
    border:1px solid #2b4779;
    color:#2b4779;
    font-size:14px;
    font-weight:normal;
}

.recruit-item .main-list dl{
    position:relative;
}
.recruit-item .main-list dt{
    position:absolute;
}
.recruit-item .main-list dd{
    display:block;
    padding:0px 0px 10px 80px;
}
.recruit-item .main-list .fa{
    color:#9f383e;
}
.recruit-item .main-block{
    position:relative;
    margin:0px;
    padding:10px;
}


/* recruit-cta */
.recruit-cta{
    margin:0px 0px 50px 0px;
    padding:50px 0px;
    background:#fafafa;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.05);
    background-image:url(../img/background/bg_pattern.png);
    background-repeat:repeat;
    border:1px solid #ddd;
}
.recruit-cta .button {
    position:relative;
    display:block;
    width:100%;
    max-width:360px;
    margin:0px auto 40px auto;
    padding:15px 20px 15px 20px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#2b4779;
    border:4px solid #2b4779;
    overflow:hidden;
}
.recruit-cta .button span {
    position: relative;
    z-index: 1;
    display: block;
}
.recruit-cta .button:after {
    content:"";
    position:absolute;
    /*z-index:-1;*/
    top:0;left:0;right:0;bottom:0;
    background:#2b4779;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: hidden;
    -webkit-transition: all .4s;
            transition: all .4s;
}
.recruit-cta .button:hover {
    color:#ffffff;
}
.recruit-cta .button:hover:after {
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.recruit-cta .telephone{
    font-size:16px;
    text-align:center;
}
.recruit-cta .telephone span{
    font-size:25px;
    font-weight:normal;
    display: inline-block;
    margin-left:10px;
    vertical-align:middle;
    color:#2b4779;
}
/*
 * RECRUIT-DETAIL
 * -------------------------------------------------------------------
 */
/******************/
/* recruit-detail */
/******************/
.recruit-detail{
}
.recruit-detail h3{
	margin-bottom:10px !important;
	border-bottom:none !important;
}
.recruit-detail h3 span{
	border-bottom:none !important;
}

/*************************/
/* recruit-detail-header */
/*************************/
.recruit-detail-header{
	margin:0px 0px 20px 0px;
}
.recruit-detail-header .header-bread{
	margin:0px 0px 20px 0px;
	padding:10px 0px;
	font-size:12px;
	color:#888888;
	border-bottom:1px solid #dddddd;

}
.recruit-detail-header h2{
	margin:0px 0px 20px 0px;
	/*
	padding:15px 20px;
	background:rgba(255,255,255,0.5);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
	*/
	font-size:28px;
	font-weight:bold;
	color:#000000;
}
.recruit-detail-header h2 i{
	color:#2b4779;
}
.recruit-detail-header p{
	font-size:16px;
	font-weight:normal;
}

/**************************/
/* recruit-detail-content */
/**************************/
.recruit-detail-content{
	padding:10px;
	border-radius:5px;
	border:1px solid #efefef;
	border-top:3px solid #2b4779;
	box-shadow:1px 1px 2px rgba(0,0,0,0.15);
}
@media (min-width: 992px) {
	.recruit-detail-content{
		padding:30px;
	}
}

.recruit-detail-content .detail-photos{
	margin:0px 0px 10px 0px;
}
.recruit-detail-content .detail-photos img{
	display: block;
    max-width: 100%;
    height: auto;
	margin:0px 0px 10px 0px;
}
.recruit-detail-content .detail-photos img.imgage-main{
}
.recruit-detail-content .detail-photos img.imgage-sub{
	cursor:pointer;
    -webkit-transition: all .4s;
            transition: all .4s;
}
.recruit-detail-content .detail-photos img.imgage-sub:hover{
	opacity:0.8;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
}


/* rd-table */
.recruit-detail-content .rd-table{
    display:block;
    border-style:solid;
    border-width:1px;
    border-top:none;
    width: 100%;
    max-width: 100%;
}
.recruit-detail-content .rd-table tbody{
    display:block;
}
.recruit-detail-content .rd-table tr{
    display:block;
    width:100%;
    border:none;
}
.recruit-detail-content .rd-table tr th,
.recruit-detail-content .rd-table tr td{
    display:block;
    width:100%;
    border:none;
    padding: 12px 16px;
}
.recruit-detail-content .rd-table tr th{
    border-style:solid;
    border-width:1px;
    border-left:none;
    border-right:none;
}
@media (min-width: 768px) {
    .recruit-detail-content .rd-table{
        display:table;
    }
    .recruit-detail-content .rd-table tbody{
        display:table-row-group;
    }
    .recruit-detail-content .rd-table tr{
        display:table-row;
    }
    .recruit-detail-content .rd-table tr th{
        display: table-cell;
        width:30%;
        border-style:solid;
        border-width:1px;
    }
    .recruit-detail-content .rd-table tr td{
        display: table-cell;
        width:70%;
        border-style:solid;
        border-width:1px;
    }
}
/** table style **/
.recruit-detail-content .rd-table{
    background-color: #fff;
    color: #333;
}
.recruit-detail-content .rd-table,
.recruit-detail-content .rd-table tr th,
.recruit-detail-content .rd-table tr td{
    border-color:#ddd;
    font-weight:normal;
}
.recruit-detail-content .rd-table tr th{
    background-color: #f5f5f5;
}
.recruit-detail-content .rd-table tr td p{
	font-size:13px;
}



/* rd-table-icon */
.rd-table-icon{
	line-height:40px;
	font-size:16px;
}
.rd-table-icon i{
	display:inline-block;
	margin:0px 10px 0px 0px;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:20px;
	text-align:center;
	color:#666666;
	border-radius:100%;
	background:#ffffff;
}


/* recruit-detail-label */
.recruit-detail-label {
    display: inline-block;
    padding: 0.2em 0.25em 0.2em 0.25em;
	margin:0px 0px 5px 0px;
    font-size: 0.85em;
    font-weight: normal;
    line-height: 1.2em;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    color: #b27924;
	background: #ffffff;
    border: 1px solid #ffad34;
	min-width: 60px;
}


/*
 * CONTACT
 * -------------------------------------------------------------------
 */
/***********/
/* contact */
/***********/
.contact {
    padding:40px 0px;
}
.contact-information{
	color:#000000;
	position:relative;
    margin:0px 0px 50px 0px;
    padding:0px 0px 30px 0px;
    /*background:#fafafa;*/
	background:rgba(255,255,255,0.65);
    text-align:center;
	border-top:5px solid #2b4779;
	border-radius:5px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
	overflow:hidden;
}
.contact-information:after{
	display:block;
	content:'';
	position:absolute;
	z-index:-1;
	top:0;right:0;bottom:0;left:0;
	background-image:url(../img/banners/banner_contact_information_bg.jpg);
    background-position: center;
    background-size:cover;
    background-repeat:no-repeat;
}
.contact-information .information{
    padding:15px;
	font-size:12px;
	background:rgba(255,255,255,0.8);
}
.contact-information .tel-fax{
    padding:15px 0px;
	letter-spacing:-1px;
    line-height: 40px;
    font-size: 26px;
	font-weight:bold;
}
.contact-information .tel-fax i{
    display: inline-block;
    margin: 0px 10px 0px 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    text-align: center;
    color: #ffffff;
    border-radius: 100%;
    background: #2b4779;
}
@media (min-width: 992px) {
	.contact-information .tel-fax{
	    padding:60px 0px;
	}
}
.contact-information .text-big{
	font-size:18px;
	font-weight:bold;
}
.contact-information .mailaddress{
    padding:15px 0px;
	margin-bottom:16px;
    font-size:16px;
    font-weight:bold;
	background:rgba(255,255,255,0.8);
}
@media (min-width: 992px) {
	.contact-information .mailaddress{
	    font-size:20px;
	}
}
.contact-line{
    margin:0px 0px 50px 0px;
	padding:0px 0px;
	background:#fafafa;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all .4s;
            transition: all .4s;
}
.contact-line:hover{
	opacity:0.8;
}
.contact-forminfo{
    margin:0px 0px 30px 0px;
    padding:15px;
    background:#fafafa;
}


/*
 * BANNERS
 * -------------------------------------------------------------------
 */
/*******************/
/* content-banners */
/*******************/
.content-banners{
    margin:0px;
    padding:30px 0px;
    background:#efefef;
    background-image:url(../img/background/bg_stripe_grey2.png);
    background-repeat:repeat;
    background-size:8px 8px;
}
.content-banners .banner{
    display:block;
    margin-bottom:10px;
}
@media (min-width: 992px) {
    .content-banners .banner{
        margin-bottom:0px;
    }
}
.content-banners .banner img{
    display:block;
    max-width:100%;
    margin:0px auto;
    -webkit-transition: all .4s;
            transition: all .4s;
}
.content-banners .banner img:hover{
    opacity:0.8;
}

/*
 * SOCIALS
 * -------------------------------------------------------------------
 */
.social-btn-group{
}
.social-btn {
	clear:both;
	white-space:nowrap;
	display:inline-block;
	border-radius:5px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
	margin:2px;
	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
	        transition:all .5s;
	overflow:hidden;
}
.social-btn:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}
.social-btn:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}
.social-btn > span,
.social-btn > i {
	float:left;
	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
	transition:all .5s;
	line-height:30px;
	height:30px;
}
.social-btn > span {
	padding:0px 10px;
	white-space:nowrap;
	color:#FFF;
	background:#b8b8b8;
	border-radius:0 5px 5px 0;
	text-align:center;
	font-size:11px;
	min-width:70px;
}
@media (min-width: 992px) {
	.social-btn > span {
		font-size:14px;
		min-width:100px;
	}
}

.social-btn:focus > span {
	background:#9a9a9a
}
.social-btn > i {
	border-radius:5px 0 0 5px;
	position:relative;
	width:30px;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#212121;
}
.social-btn > i:after {
	content:"";
	border:8px solid;
	border-color:transparent transparent transparent #222;
	position:absolute;
	top:8px;
	right:-15px;
}
.social-btn:hover > i,.social-btn:focus > i {
	color:#FFF;
}
/*Facebook*/
.social-btn-facebook:hover > i,.social-btn-facebook:focus > i {
  color:#3b5998;
}
.social-btn-facebook > span {
  background:#3b5998;
}

/*Twitter*/
.social-btn-twitter:hover > i,.social-btn-twitter:focus > i {
  color:#55acee;
}
.social-btn-twitter > span {
  background:#55acee;
}
/*Line*/
.social-btn-line:hover > i,.social-btn-line:focus > i {
  color:#1dcd00;
}
.social-btn-line > span {
  background:#1dcd00;
}

/*
 * FOOTER
 * -------------------------------------------------------------------
 */
footer {
	overflow:hidden;
}
@media screen and (max-width: 800px){
  footer {
      margin-bottom: 120px;
  }
}

/***********/
/* pagetop */
/***********/
footer .page-top-wrapp{
    background:#efefef;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    text-align:center;
}
footer .page-top-wrapp a{
    display:inline-block;
    padding:10px 15px;
    font-size:12px;
    background:#ffffff;
    border-left:1px solid #efefef;
    border-right:1px solid #efefef;
    color:#666666;
}

/***************/
/* contact-box */
/***************/
footer .contact-box{
    padding:20px;
    background: #2b4779;
    /*
    background: -moz-linear-gradient(-45deg, #80c3aa 0%, #22448f 100%);
    background: -webkit-linear-gradient(-45deg, #80c3aa 0%,#22448f 100%);
    background: linear-gradient(135deg, #80c3aa 0%,#22448f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c3aa', endColorstr='#22448f',GradientType=1 );
    */
}
footer .contact-box .contact-box-button{
    display:block;
    height:50px;
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:bold;
    line-height:50px;
    text-align:center;
    color:#22448f;
    background:rgba(255,255,255,0.9);
}
footer .contact-box .contact-box-button:hover,
footer .contact-box .contact-box-button:focus{
    background:#efefef;
}
footer .contact-box .contact-box-info{
    display:block;
    margin:0px;
    padding:10px;
    text-align:center;
    color:#ffffff;
}
footer .contact-box .contact-box-info .info-main{
    font-size:30px;
    font-weight:bold;
}
footer .contact-box .contact-box-info .info-sub{
    font-size:16px;
    font-weight:normal;
}
@media (min-width: 992px) {
    footer .contact-box .contact-box-info{
        padding:0px;
        line-height:50px;
        height:50px;
    }
    footer .contact-box .contact-box-info .info-main{
        display:inline;
    }
    footer .contact-box .contact-box-info .info-sub{
        display:inline;
    }
}

/**********/
/* banner */
/**********/
footer .banner{
    padding:80px 0px;
    background-image:url('../img/background/footer_banner3.jpg');
    background-position: center;
    background-size:cover;
    background-repeat:no-repeat;
}
footer .banner img{
    display:block;
    max-width:100%;
    margin:0px auto;
    -webkit-transition: all .4s;
            transition: all .4s;
    border:1px solid #efefef;
}
footer .banner img:hover,
footer .banner img:focus{
    opacity:0.8;
}
@media (min-width: 992px) {
    footer .banner{
        padding:180px 0px;
    }
}

/**********/
/* office */
/**********/
footer .office{
    padding:10px 0px;
    background:#efefef;
}
footer .office-item{
    text-align:right;
    color:#222222;
}
footer .office-item .image{
    min-height:150px;
    background:url(../img/footer-office-chigasaki.jpg);
    background-position: center;
    background-size:cover;
    background-repeat:no-repeat;
}
footer .office-item .content{
    padding:15px;
    background:#ffffff;
    border:1px solid #DFDFDF;
    background-position:15px 15px;
    background-size:90px;
    background-repeat:no-repeat;
	min-height:150px;
}
footer .office-item .content.bg-building{
    background-image:url("../img/footer-icon-building.png");
}
footer .office-item .content.bg-base{
    background-image:url("../img/footer-icon-base.png");
}
footer .office-item .content h3{
    font-size:16px;
    font-weight:bold;
    margin:0px 0px 10px 0px;
}
footer .office-item .content p{
    margin-bottom:5px;
    font-size:12px;
}
footer .office-item .content p.tel strong{
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.2px;
}
@media (min-width: 992px) {
    footer .office-item{
        margin:0px 0px 0px 0px;
    }
    footer .office-item .content{
        margin:0px;
    }
}
footer .office-item .content.sp_margin {
    margin:10px 0px;
}
@media (min-width: 992px) {
    footer .office-item .content.sp_margin {
        margin:0px;
    }
}

/************/
/* menu-box */
/************/
footer .menu-box{
    padding:15px 0px;
    background:#efefef;
    font-size:12px;
}
footer .menu-box ul{
    margin:0px;
}
footer .menu-box a{
    color:#444444;
}
footer .menu-box a:hover,
footer .menu-box a:focus{
    color:#888888;
}

/*****************/
/* copyright-box */
/*****************/
footer .copyright-box{
    padding:10px 0px;
    line-height:50px;
    text-align:center;
    vertical-align:middle;
}
footer .copyright-box img{
    vertical-align:middle;
}
footer .copyright-box .copyright-logo{
    display:inline-block;
    height:50px;
}