/*
* ==========================================================================
* Global
* ==========================================================================
*/
.btn-primary{
  margin-left: 20px;
}
.blog-title{
  color: #385A30;
  font-family: "Lato";
  font-variant: small-caps;
}

 .main-content{
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}

.section-global-wrapper {
  position: relative;
}
.section-global-wrapper:before,
.section-global-wrapper:after {
  content: " ";
  display: table;
}
.section-global-wrapper:after {
  clear: both;
}
.container-fluid-kamn {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-kamn {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 1068px) and (max-width: 1400px) { 
 .post-sidebar{
    margin-top: 15px;
    border:1px solid #DDD;
    padding: 5px;
  }
 
}
@media (min-width: 750px) and (max-width: 1060px) { 
 .post-sidebar{
    width:204px;
    margin-top: 15px;
    border:1px solid #DDD;
    padding: 5px;
    float: right;

}
}
.tales {
  width: 100%;
}
.blog-post{
 margin-bottom: 0px;
}
.prd-main-photo{
 margin-bottom: 0px;
}
.blog-image{
    margin-bottom: 20px;
}
.carousel-inner{
  width:100%;
  max-height: 700px !important;
}
.post-sidebar{
    margin-top: 15px;
    border:1px solid #DDD;
    padding: 5px;

 }
.form-group{
    
    padding:20px;
}
ul li{
    list-style: none;
}
h3.col-xs-12{
    margin-top: -20px;

}
.content-space{
    margin-top: 40px;
}
.center{
    text-align: center;
}
.block-author{
    color: #D7002E;
}

.btn-info{
float: right;
}

.icon-space{
    display: inline-block;
    padding:10px;
}
.current span{
    color:#77BE5F;

}

.title-text{
  font-family: 'Raleway', sans-serif;  
  letter-spacing: .2px;
  font-size: 40px;
}
.img-pad{
    padding-right: 23px;
}
.main-content{
    margin-top: 80px;
}

.white-text{
    font-style: italic;
    color: white;
}
/* メインテキスト */
body {
    font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "hiragino kaku gothic pro", Osaka, "メイリオ", meiryo, "ms pgothic", sans-serif;
    font-size: 15px;
    line-height: 27px;
    background:#FFFFFF;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: inherit; 
  line-height: 1;
  color: inherit;
}

h1,
.h1 {
	font-size: 32px;
	font-weight: bold;
}
h2,
.h2 {
	font-size: 28px;
	font-weight: bold;
}
h3,
.h3 {
	font-size: 24px;
	font-weight: bold;
}
h4,
.h4 {
	font-size: 20px;
	font-weight: bold;
}
h5,
.h5 {
	font-size: 15px;
	font-weight: bold;
}
h6,
.h6 {
	font-size: 12px;
	font-weight: bold;
}

.font-msmall {
	font-size: 14px;
}

.font-msmall p {
	font-size: 14px;
	line-height: 22px;
}

.font-small {
	font-size: 13px;
	line-height: 16px;
}

.font-small p {
	font-size: 13px;
	line-height: 16px;
}

.font-xsmall  {
	font-size: 12px;
	line-height: 15px;
}

.font-xsmall p {
	font-size: 12px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
}

.font-xsmalllow  {
	font-size: 12px;
	line-height: 18px;
}

.font-xsmalllow p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 3px;
	margin-bottom: 0px;
}

.spacer5 {
	padding: 5px;
}

.spacer10 {
	padding: 10px;
}

.spacer15 {
	padding: 15px;
}

.spacer20 {
	padding: 20px;
}

.spacer25 {
	padding: 25px;
}

.spacer30 {
	padding: 30px;
}

.grd10 {
	background-image: url(../img/top/grd10.png);
}

.font-xxsmall {
	font-size: 11px;
}

.font-xxsmall p {
	font-size: 11px;
}

.height-lo {
	line-height: 22px;
}

.table {
	margin-bottom: 0px;
}

.table td {
	font-size: 15px;
}

.table td p {
	font-size: 15px;
}

.table-notice {
	font-size: 15px;
	line-height: 27px;
}

.table-notice-ind {
	font-size: 15px;
	line-height: 27px;
	margin-left: 15px;
}

.h25px {
	height: 25px;
}

a {
    color: #0017AB;
	font-weight: bold;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.services-body  {
	font-weight: normal;
	font-size: 15px;
	line-height: 27px;
}

.prd-msol-tile {
	font-weight: normal;
	line-height: 23px;
	padding: 5px 10px;
}

a:hover {
	color: #E88100;
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

strong { font-weight: bold; }

address {
    margin-top: 28px;
    }

.table-info > thead > tr > th,
.table-info > tbody > tr > th,
.table-info > tfoot > tr > th,
.table-info > thead > tr > td,
.table-info > tbody > tr > td,
.table-info > tfoot > tr > td {
  padding: 2px;
  line-height: 27px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}

.table-about > thead > tr > th,
.table-about > tbody > tr > th,
.table-about > tfoot > tr > th,
.table-about > thead > tr > td,
.table-about > tbody > tr > td,
.table-about > tfoot > tr > td {
  padding: 20px;
  line-height: 27px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}

.table-noline > thead > tr > th,
.table-noline > tbody > tr > th,
.table-noline > tfoot > tr > th,
.table-noline > thead > tr > td,
.table-noline > tbody > tr > td,
.table-noline > tfoot > tr > td {
  padding: 2px;
  line-height: 27px;
  vertical-align: top;
  border-bottom: 1px solid #FFFFFF;
}

.height-short {
	line-height: 20px;
}

.txt-red {
	font-size: 15px;
	color: #C00;
	line-height: 20px;
}

.caption-red {
	font-size: 11px;
	color: #C00;
	line-height: 20px;
}

.red8 {
	font-size: 8px;
	color: #C00;
	vertical-align: 20%;
}

.padd-lr-5 {
	padding: 0px 5px;
}

.padd-lr-10 {
	padding: 0px 10px;
}

.padd-msol-topic {
	padding: 20px 10px;
}

.padd-10 {
	padding: 10px;
}

.padd-15 {
	padding: 15px;
}

.padd-20 {
	padding: 20px;
}

.padd-20-t0 {
	padding: 0px 20px 20px 20px;
}

.padd-20-b0 {
	padding: 20px 20px 0px 20px;
}

.padd-20-ac {
	padding: 20px 20px 0px;
	text-align: center;
}

@media (min-width: 50px) and (max-width: 988px) { 
 
 address {
    margin-top: 28px;
    margin-left: 21px;
    }
 
}
@media (min-width: 988px) and (max-width: 1200px) { 
 
 address {
    margin-top: 28px;
    margin-left: -58px;
    }
 
}

.bg-navy {
	background-color: #000651;
	color: #FFF;
}
.bg-navy20 {
	background-color: #DBE6FF;
}
.bg-udam20 {
	background-color: #E2FFE0;
}
.bg-tape20 {
	background-color: #D8E5FF;
}
.bg-red {
	background-color: #CC0000;
}
.bg-blue {
	background-color: #0934FF;
}
.bg-org {
	background-color: #FF9D11;
}
.bg-grn {
	background-color: #007E4D;
}
.bg-udam {
	background-color: #0D8400;
}
.bg-tape {
	background-color: #0040C3;
}
.bg-tape-caption {
	background-color: #0040C3;
}
.bg-guml {
	background-color: #DBCC00;
}
.bg-gum {
	background-color: #FFF136;
}
.bg-gumltopic {
	background-color: #FFFDCF;
}
.bg-gumltopicb {
	background-color: #E5FFE8;
}
.bg-futo {
	background-color: #458450;
}
.bg-conc {
	background-color: #F2EEE6;
}
.bg-ssd {
	background-color: #8DD5FF;
}
.bg-bfit {
	background-color: #38B138;
}
.bg-dsd {
	background-color: #00913A;
}
.bg-tri {
	background-color: #0095BB;
}
.bg-tri2 {
	background-color: #E4F9FF;
}
.bg-tri2img {
	background:url("../img/tri/bg-tri2img.jpg") center;
}
.bg-taishin {
	background-color: #EC7AAC;
}
.bg-taishin2 {
	background-color: #FADEEA;
}
.bg-seishin {
	background-color: #ED6D34;
}
.bg-seishin2 {
	background-color: #FBE0D5;
}
.bg-menshin {
	background-color: #42B153;
}
.bg-menshin2 {
	background-color: #E4F4E6;
}

/*
===========================================
      table 罫線無色
===========================================
*/

table-clear {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table-clear {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.table-clear > thead > tr > th,
.table-clear > tbody > tr > th,
.table-clear > tfoot > tr > th,
.table-clear > thead > tr > td,
.table-clear > tbody > tr > td,
.table-clear > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px solid #ddd;
  font-size: 14px;
}
.table-clear > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 0px solid #ddd;
}
.table-clear > caption + thead > tr:first-child > th,
.table-clear > colgroup + thead > tr:first-child > th,
.table-clear > thead:first-child > tr:first-child > th,
.table-clear > caption + thead > tr:first-child > td,
.table-clear > colgroup + thead > tr:first-child > td,
.table-clear > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table-clear > tbody + tbody {
  border-top: 1px solid #ddd;
}
.table-clear .table-clear {
  background-color: #fff;
}


/*
===========================================
      Gumlock Valie BG
===========================================
*/
.bg-bb {
	background-color: #009944;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-mb {
	background-color: #C8161D;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-sb {
	background-color: #601986;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-ll {
	background-color: #008DCB;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-pc {
	background-color: #EB6B13;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-t {
	background-color: #C6006F;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-pl {
	background-color: #1F286F;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-rm {
	background-color: #009944;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
}
.bg-valie {
	background-color: #FFF13E;
	color: #000000;
	font-weight: bold;
	line-height: 45px;
	border: 2px solid #FFFFFF;
}
.bg-valie-on {
	background-color: #EB6B13;
	color: #FADCC9;
	font-weight: bold;
	line-height: 45px;
	border: 2px solid #FFFFFF;
}



.notice-box {padding: 15px 175px;
}

@media(max-width:1200px) {
.notice-box {padding: 15px 75px;
	}
}

@media(max-width:992px) {
.notice-box {padding: 15px 45px;
	}
}

@media(max-width:768px) {
.notice-box {padding: 15px 10px;
	}
}

.prd-boxsmall {padding: 10px;
}

.prd-box {padding: 15px;
}

.prd-box-top {padding: 5px 10px;
}

.prd-box-footer {padding: 15px 20px;
}

.prd-box-xs {padding: 10px;
}

.prd-xs-box {padding: 0px 15px 15px 15px;
}

.prd-box-lr15 {padding: 0px 15px;
}

.prd-box-h4 {
	padding: 1px 20px;
}

.prd-box-h5 {padding: 1px 15px 1px 15px;
}

.prd-box-txt {
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.prd-box-30 {
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: -30px;
}

.gvalie-box {
	padding: 3px 5px;
}

.faq-box {
	padding: 3px 15px;
	font-size: 15px;
	line-height: 22px;
}

.cnt {
	text-align: center;
}

/*
* ==========================================================================
* Youtube
* ==========================================================================
*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*
* ==========================================================================
* Google MAP
* ==========================================================================
*/
.ggmap {
position: relative;
padding-bottom: 45%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
* ==========================================================================
* container
* ==========================================================================
*/

/* Bootstrapより優先
　スライド以下の巾設定 */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}
/* Bootstrapより優先　ここまで */

/* スライド巾 */
.container-topimg {
  max-width: 1920px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.container-head {
  max-width: 100%;
  padding: 0px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container-head {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container-head {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .container-head {
    width: 80%;
  }
}

/*
* ==========================================================================
* Nav Pills
* ==========================================================================
*/
.nav-pills > li.selected > a,
.nav-pills > li.selected > a:hover,
.nav-pills > li.selected > a:focus {
  color: #ffffff;
  background-color: #1bbd9b;
}
/*
* ==========================================================================
* Pills Centered
* ==========================================================================
*/
.nav-pills-centered > .nav-pills {
  text-align: center;
}
.nav-pills-centered > .nav-pills > li {
  float: none;
  display: inline;
}
.nav-pills-centered > .nav-pills > li > a,
.nav-pills-centered > .nav-pills > li > span {
  display: inline-block;
  padding: 5px 14px;
}
.nav-pills-centered > .nav-pills > li > a.active,
.nav-pills-centered > .nav-pills > li > span.active,
.nav-pills-centered > .nav-pills > li > a.selected,
.nav-pills-centered > .nav-pills > li > span.selected {
  color: #ffffff;
  background-color: #1bbd9b;
}
/*
* ==========================================================================
* Navbar
* ==========================================================================
*/
.active{
  background:#fff !important;
  color: white;
}
.navbar {
  font-weight: normal;
  font-size: 13px;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-bottom: 0;
  background-color: rgba(255,255,255,1.00);
}
.scrollspy {
	position: relative;
    margin-top: 80px;
    overflow: auto;
}
.scrollspy-xs {
	position: relative;
    margin-top: 30px;
    overflow: auto;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 10px 0 0;
  margin: 5px 0px;
  font-size: 14px;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, .15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

@media only screen and (min-width : 768px) {
    /* デスクトップ表示ではホバー操作でドロップダウンを表示 */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

.dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: bold;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #F3F3F3;
}

.dropdown-menu hr {
	margin: 5px 5px 5px 15px;
	border-color: #CCC;
}

/*
* ==========================================================================
* header
* ==========================================================================
*/
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
}
/*
* ==========================================================================
* Navbar Nav Links
* ==========================================================================
*/
.navbar-nav > li > a {
    /* font-size: 15px; */
    /* font-weight: bold; */
    /* padding: 1px 12px; */
    /* margin: 10px 0px 0px; */
    /* border-radius: 1px; */
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
	text-decoration: none;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
}
/*
* ==========================================================================
* ヘッドメニュー区切り｜
* ==========================================================================
*/
.navbar-nav > li > p {
	color: #CCC;
	padding: 0px;
	margin: 7px 0px 0px;
}

/*
* ==========================================================================
* ヘッドメニュー間隔
* ==========================================================================
*/
.navbar-nav > li > a {
	color: #CCC;
	padding: 0px;
	margin: 7px 15px 0px;
}

/*
* ==========================================================================
* ハンバーガーボタンカスタム
* ==========================================================================
*/

/* 共通 */
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 44px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #FFFFFF;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

/* 中央のラインが消えて上下ラインでバツ印に */

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}

/*
* ==========================================================================
* Brand / Project Name
* ==========================================================================
*/
.navbar-brand {
  z-index: 9999px;
  font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "hiragino kaku gothic pro", Osaka, "メイリオ", meiryo, "ms pgothic", sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2px;
  padding-top: 0px;
}
.side-left{
  background:#528C7C;
  box-shadow: 3px grey;
  color: white;
  padding: 30px;
  letter-spacing: .9px;
}
@media (min-width: 800px){ 
 
    .side-left{
  height: 1248px;
}
 }

.banner-text{
    font-family: 'Raleway', sans-serif;
    color:white;
    font-size: 50px;

    }

#banners {
    
    margin-top: 20px;
    margin-bottom: 10px;
}

#banners2 {
    
    margin-top: 30px;
    margin-bottom: 10px;
}

#banner-home{
    background-image:url('../img/slider/1.jpg');
    height:350px;
    margin-bottom: 30px;
    padding-top: 120px;
}

@media (min-width: 100px) and (max-width: 800px) { 
 
    #banner-home{
    background-image:url('../img/slider/1.jpg');
    height:450px;
    margin-bottom: 30px;
    }
 }
#banner{
    margin-top:0px;
}

.header h1 {
    float: left;
    margin: 0;
    text-align: left;
}
.header a.brand {

    font-family: 'PT Sans', sans-serif;
    font-size: 40px;
    margin-top:5px;
    display: inline-block;
    width: 270px;
    height: 96px;
    padding: 30px 10px;
    /*background: url(../img/logo.png) 20px center no-repeat; */
}
@media (min-width: 50px) and (max-width: 768px) { 
        .header a.brand {
        width: 170px;
        margin-top:-41px;
        position: absolute;
        font-size: 37px;
     } 
 }  

.paragraph-text{
    text-align: justify;
    letter-spacing:1px;
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    line-height: 24px;
}
.left2{
    text-align: left;
    letter-spacing:.7px;
    font-size: 13px;
    color: #71d7c2;
}

.spacing{
    margin-bottom: 80px;
}

.sidebar-right{
    font-size: 13px;
    font-weight: bold;
    color:#84d7bd;
}

.featured-img{
    padding: 0px 15px 15px 0;

}
p.blog-text{   
    letter-spacing: .1px;
    font-family: 'Arial';
    text-align:justify;
    text-justify:inter-word;
    }

.btn-sm{
    margin-left: 21px;
}

/*
* ==========================================================================
* ロゴマーク
* ==========================================================================
*/

.logo {
  width: 300px;
}

@media (max-width: 992px){ 
    .logo{
  height: 52px;
  width: 250px;
  }
}

@media (max-width: 920px){ 
    .logo{
  height: 52px;
  width: 192px;
  }
}

@media (max-width: 790px){ 
    .logo{
  height: 52px;
  width: 170px;
  }
}

@media (max-width: 767px){ 
    .logo{
  height: 52px;
  width: 220px;
  }
}

/*
* ==========================================================================
* Feedback Section
* ==========================================================================
*/
.feedback-section {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .feedback-section {
    padding-bottom: 40px;
  }
}
.feedback-section .feedback-form .btn-captcha-refresh {
  margin: 0 0 0 25px;
}
.feedback-section .address-section {
  text-align: center;
  padding-top: 50px;
}
@media (max-width: 767px) {
  .feedback-section .address-section {
    padding-top: 40px;
  }
}
.feedback-section .address-section .address-icon {
  color: #1bbd9b;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 30px;
}
.feedback-section .address-section .address-title {
  margin-bottom: 15px;
}
.feedback-section .address-section .address-desc {
  margin-bottom: 30px;
}

/*
* ==========================================================================
* Services Section
* ==========================================================================
*/
.services-section {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  word-break: break-all;
}
.services-section .services-header {
  margin-bottom: 5px;
}
.services-section .services-header .services-header-title {
  margin-bottom: 15px;
}
.services-section .services-row-tail {
  margin-top: 10px;
}
.services-section .services-icon {
  color: #1bbd9b;
  margin-bottom: 30px;
}
.services-section .services-title {
    margin-bottom: 5px;
}
.services-section .services-desc {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .services-section {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .services-section .services-group {
    margin-bottom: 10px;
  }
  .services-section .services-row-tail {
    margin-top: 0;
  }
}
.services-icon .fa:hover{
    padding: 0 10px 0 10px;
    color: white;
    background: #1BBD9B;
    border-radius: 3px; 
    transition:.4s;  
}
.services-group{
  padding: 10px;
  background:#EEE;
  color: #444;
}
.service-icon{
  color: white;
}

/*
* ==========================================================================
* Products Section
* ==========================================================================
*/
.products-section .products-title {
  margin-bottom: 1px;
}
.products-section p {
    font-size: 12px;
	line-height: 16px;
}
.products-section a {
	color: #333;
}
.products-section a:hover {
	color: #888;
}
.products-section hr {
	margin: 5px;
	border-color: #666;
}

/*
* ==========================================================================
* Downloads
* ==========================================================================
*/

/*
.sub-container-dl h4 {
	font-size: 18px;
	margin-top: 10px;
}
*/

/*
.sub-container-dl p {
	font-size: 13px;
	margin-top: 10px;
}
*/

.sub-container-dl a {
	color: #333;
}

.sub-container-dl a:hover {
	color: #E88100;
}

.dl-mark {
	font-size: 11px;
	font-weight: normal;
	line-height: 23px;
	color: #FFFFFF;
	background-color: #666;
	padding: 3px 5px 3px 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.col-downloads {
	padding: 10px;
	text-align: center;
}

.dl-p {
	margin: 0px 10px 0px 30px;
}

/*
*===========================================================================
* Contacts
*===========================================================================
*/

.cnt-p {
	margin: 0px 10px 0px 10px;
}

.mark-right-new {
	font-size: 8px;
	font-weight: bold;
	line-height: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 2px 3px 2px 3px;
	margin-left: 10px;
	margin-right: 0px;
	border-radius: 2px;
	vertical-align: middle;
}

.mark-left-new {
	font-size: 8px;
	font-weight: bold;
	line-height: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 2px 3px 2px 3px;
	margin-left: 0px;
	margin-right: 10px;
	border-radius: 2px;
	vertical-align: middle;
}

.mark-red {
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-org {
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #FF7600;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-blue {
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #003DE4;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-navy {
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #000651;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-grn {
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #0D8400;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-gr {
	font-size: 17px;
	font-weight: normal;
	line-height: 23px;
	color: #000;
	background-color: #DDD;
	padding: 10px 5px 10px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-msol {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #000651;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-msol-about {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #0AA;
	padding: 5px 0px 5px 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-radius: 2px;
}

.mark-mdam {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #0D8400;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-udam {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #0D8400;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-tape {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #0040C3;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-bfit {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #38B138;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-dsd {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #00913A;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-tri {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #0095BB;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-guml {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #FF9335;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-conc {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #A48A59;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-msolfaq {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFFFFF;
	background-color: #000651;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (max-width: 767px){ 
.mark-msolfaq {
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #000651;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
  }
}

.mark-kumamoto {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFFFFF;
	background-color: #FF5F00;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (max-width: 767px){ 
.mark-kumamoto {
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #FF5F00;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
  }
}

.mark-tapefaq {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFFFFF;
	background-color: #0040C3;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (max-width: 767px){ 
.mark-tapefaq {
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #0040C3;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
  }
}

.mark-udamfaq {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFFFFF;
	background-color: #0D8400;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (max-width: 767px){ 
.mark-udamfaq {
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #0D8400;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
  }
}

.mark-udamexp {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFFFFF;
	background-color: #FF8600;
	padding: 15px 15px 15px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (max-width: 767px){ 
.mark-udamexp {
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #FF8600;
	padding: 15px 15px 15px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
  }
}

.mark-udammv {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFFFFF;
	background-color: #0064FF;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (max-width: 767px){ 
.mark-udammv {
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #0064FF;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
  }
}

.mark-gumlfaq {
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFFFFF;
	background-color: #FF8E00;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (max-width: 767px){ 
    .mark-gumlfaq{
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #FF8E00;
	padding: 5px 15px 5px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
  }
}


.mark-gumlq {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #002f56;
	padding: 5px 10px 5px 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-gumla {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #FF8E00;
	padding: 5px 10px 5px 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-info {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #666;
	padding: 3px 5px 3px 5px;
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	border-radius: 3px;
}

/*
*===========================================================================
* コンシェルジュページ mark
*===========================================================================
*/

.mark-conc-futo {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #666666;
	padding: 3px 5px 3px 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-conc-tentou {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px 5px 3px 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-conc-seishin {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #0D8400;
	padding: 3px 5px 3px 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-conc-menshin {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #000651;
	padding: 3px 5px 3px 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.mark-conc-msol {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #000651;
	padding: 3px 5px 3px 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}

input.re-width {
	width: 300px;
}

@media only screen and (max-width: 767px){
	input.re-width { width: 95% }
}

textarea.re-width {
	width: 300px;
}

@media only screen and (max-width: 767px){
	textarea.re-width { width: 95% }
}

.table-contact td,
.table-contact th {
   background-color: rgba(255,255,255,0.00);
}
.table-contact {
   border-collapse: collapse !important;
}
.table-contact {
  width: 98%;
  margin: 0 auto;
  margin-bottom: 20px;
  font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}
.table-contact > tbody > tr > th,
.table-contact > tfoot > tr > th,
.table-contact > thead > tr > td,
.table-contact > tbody > tr > td,
.table-contact > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table-contact > tbody > tr > td {
	padding: 15px 8px 15px 8px;
	font-size: 14px;
}
.table-contact > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
}
.table-contact > caption + thead > tr:first-child > th,
.table-contact > colgroup + thead > tr:first-child > th,
.table-contact > thead:first-child > tr:first-child > th,
.table-contact > caption + thead > tr:first-child > td,
.table-contact > colgroup + thead > tr:first-child > td,
.table-contact > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table-contact > tbody + tbody {
  border-top: 1px solid #ddd;
}

/*
* mail
*/
.table-contact-mail td,
.table-contact-mail th {
   background-color: rgba(255,255,255,0.00);
}
.table-contact-mail {
   border-collapse: collapse !important;
}
.table-contact-mail {
  width: 98%;
  margin: 0 auto;
  margin-bottom: 0px;
  font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
  font-size: 12px;
}
.table-contact-mail > tbody > tr > th,
.table-contact-mail > tfoot > tr > th,
.table-contact-mail > thead > tr > td,
.table-contact-mail > tbody > tr > td,
.table-contact-mail > tfoot > tr > td {
  padding: 5px;
  line-height: 1.42857143;
  border-top: 0px solid #ddd;
}
.table-contact-mail > tbody > tr > td {
	padding: 3px 5px 3px 5px;
}
.table-contact-mail > thead > tr > th {
  border-bottom: 0px solid #ddd;
}
.table-contact-mail > caption + thead > tr:first-child > th,
.table-contact-mail > colgroup + thead > tr:first-child > th,
.table-contact-mail > thead:first-child > tr:first-child > th,
.table-contact-mail > caption + thead > tr:first-child > td,
.table-contact-mail > colgroup + thead > tr:first-child > td,
.table-contact-mail > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table-contact-mail > tbody + tbody {
  border-top: 1px solid #ddd;
}

/*
* confirm
*/
.table-confirm td,
.table-confirm th {
   background-color: rgba(255,255,255,0.00);
}
.table-confirm {
   border-collapse: collapse !important;
}
.table-confirm {
  width: 98%;
  margin: 0 auto;
  margin-bottom: 0px;
  font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
  font-size: 14px;
}
.table-confirm > tbody > tr > th,
.table-confirm > tfoot > tr > th,
.table-confirm > thead > tr > td,
.table-confirm > tbody > tr > td,
.table-confirm > tfoot > tr > td {
  padding: 5px;
  line-height: 1.42857143;
  border-top: 1px solid #ddd;
}
.table-confirm > tbody > tr > td {
	padding: 10px 5px 10px 15px;
}
.table-confirm > tbody > tr > th {
	text-align: right;
}
.table-confirm > thead > tr > th {
  border-bottom: 0px solid #ddd;
}
.table-confirm > caption + thead > tr:first-child > th,
.table-confirm > colgroup + thead > tr:first-child > th,
.table-confirm > thead:first-child > tr:first-child > th,
.table-confirm > caption + thead > tr:first-child > td,
.table-confirm > colgroup + thead > tr:first-child > td,
.table-confirm > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table-confirm > tbody + tbody {
  border-top: 1px solid #ddd;
}

input.zip {
	ime-mode: disabled;
}
/*
*===========================================================================
* Footer
*===========================================================================
*/
.footer-widget{
    color:white;
    margin-top: 55px;
}


footer .widget h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

footer .widget p {
    line-height: 24px;
}

footer .widget i {
    padding-right: 7px;
}

footer{
   margin-top:30px;
   padding: 20px; 
   background: #F7F7F7;
}

footer h3 {
    color: #000;
    margin-bottom: 15px;
}

footer p {
	color: #000;
	padding-left: 10px;
}

footer a {
	font-weight: normal;
	color: #333333;
}

footer hr {
	margin: 0px 10px 6px 10px;
	border-color: #666;
}

.footer-contact{
    color: #000;
}

/*Social Buttons */
#social-icons{
  font-size: 22px;
}

#social-icons .btn-group {
    color: #233D85;
    margin-right: 15px;
}
#social-icons .btn-group:hover {
    color: #E88100;
}

.copyright {
	font-size: 13px;
    color: #FFF;
    padding: 20px 0px 10px 0px;
    background-color: #EBAE52;
}

/*
* ==========================================================================
* Custom Sidebar Widgets
* ==========================================================================
*/


#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }

   
    /*
* ==========================================================================
* Image Card
* ==========================================================================
*/
    .panel{
        margin-top: 30px;
    }
    .lib-panel img {
    width: 100%;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}


.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FCFFCF;
    font-size: 25px;
    padding: 15px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 13px;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
    padding: 0;
}
.lib-header{
    font-family: 'lato' ;
    font-style: normal;
}

/*
* ==========================================================================
* Blockquote
* ==========================================================================
*/

.glyphicon-lg{font-size:3em}
.blockquote-box {
	border-right: 5px solid #E6E6E6;
	margin-bottom: 5px;
	padding-right: 10px;
}
.blockquote-box .square {
	width: 100px;
	min-height: 100px;
	margin-right: 10px;
	text-align: center !important;
	background-color: #FFFFFF;
}
.blockquote-box.blockquote-info{border-color:#666}
.blockquote-box.blockquote-info .square{background-color:#FFFFFF;color:#FFF}
.blockquote-box.blockquote-primary{border-color:#C2FF4A}
.blockquote-box.blockquote-primary .square{background-color:#FFFFFF;color:#FFF}
.blockquote-box.blockquote-success{border-color:#9FD9F6}
.blockquote-box.blockquote-success .square{background-color:#FFFFFF;color:#FFF}
.blockquote-box.blockquote-danger{border-color:#FFF257}
.blockquote-box.blockquote-danger .square{background-color:#FFFFFF;color:#FFF}
.blockquote-box.blockquote-warning{border-color:#A19FF4}
.blockquote-box.blockquote-warning .square{background-color:#FFFFFF;color:#FFF}
.blockquote-box.blockquote-6 {border-color:#35B597}
.blockquote-box.blockquote-6 .square{background-color:#FFFFFF;color:#FFF}

.blockquote-left {
	border-left: 8px solid #0AA;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.blockquote-left-navy {
	border-left: 5px solid #000651;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.blockquote-left-la3 {
	border-left: 5px solid #EBAE52;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.blockquote-left-conc {
	border-left: 5px solid #A48A59;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.blockquote-cnt-title {
	border-left: 10px solid #002f56;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.blockquote-tile {
	border-left: 20px solid #0AA;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
}

.blockquote-s-rd {
	border-left: 5px solid #df0012;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
}

.blockquote-m-rd {
	border-left: 30px solid #df0012;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.blockquote-s-gr {
	border-left: 5px solid #016935;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
}

.blockquote-s-lg {
	border-left: 5px solid #86ae10;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
}

.blockquote-s-or {
	border-left: 5px solid #f1ae01;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
}

.blockquote-s-nv {
	border-left: 5px solid #002f56;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
}

.blockquote-faq-q {
	border-left: 7px solid #002f56;
	margin-left: 25px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}

.blockquote-faq-a {
	border-left: 7px solid #FF3700;
	margin-left: 25px;
	margin-bottom: 0px;
	padding: 3px 20px 3px 20px;
}



/*
* ==========================================================================
* Portfolio
* ==========================================================================
*/
.panel-image {
    position: relative;   
}
.panel-image img.panel-image-preview {
    width: 100%;
    border-radius: 4px 4px 0px 0px;
}

.panel-image label {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.panel-heading ~ .panel-image img.panel-image-preview {
    border-radius: 0px;
}

.panel-body {
   overflow: hidden;
}

.panel-image ~ input[type=checkbox] {
    position:absolute;
    top: -30px;
    z-index: -1;   
}

.panel-image ~ input[type=checkbox] ~ .panel-body {
    height: 0px;
    padding: 0px;
}

.panel-image ~ input[type=checkbox]:checked ~ .panel-body {
    height: auto;
    padding: 15px;
}

.panel-image ~ .panel-footer a {
    padding: 0px 10px;
    font-size: 1.3em;
    color: rgb(100, 100, 100);
}
/*
* ==========================================================================
* Optional Carousel
* ==========================================================================
*/
.carousel-caption .carousel-title {
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .carousel-caption {
    font-size: 12px;
    padding-bottom: 0px;
    bottom: 2px;
  }
  .carousel-caption .carousel-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .carousel-caption {
    font-size: 11px;
    padding-bottom: 0;
    bottom: 0;
  }
  .carousel-caption .carousel-title {
    font-size: 14px;
  }
}

/*
============================================================================
PAGE TOP
============================================================================
*/

section {
	width: 100%;
}

#page-top {
	position: fixed;
	right: 10%;
	bottom: 20px;
	font-size: 100%;
}

@media (max-width: 767px) {
	section {
	width: 100%;
}
	#page-top {
	position: fixed;
	right: 50%;
	transform: translate(+50%);
	-webkit-transform: translate(+50%);
	display: inline-block;
	bottom: 15px;
	font-size: 100%;
	}
}

#page-top a {
    background: rgba(255,181,0,0.61);
    text-decoration: none;
    color: #fff;
    width: 75px;
    padding: 7px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(255,181,0,0.80);
}

@media(max-width: 767px) {
	#page-top .hover {
		text-decoration: none;
    background: rgba(255,181,0,0.80);
	}
}

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

/*
============================================================================
xs Accordion
============================================================================
*/

.menu {
    max-width: 100%;
    margin: 0 ;
    padding: 0;
}

.menu a {
    display: block;
    padding: 0px;
	margin: 0 0 0 10px;
	font-weight: normal;
    text-decoration: none;
    color: #000;
}

.menu label {
    display: block;
    margin: 0 0 2px 10px;
    padding :0px;
    line-height: 22px;
    color :#0017AB;
    cursor :pointer;
}

.menu input {
    display: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
	font-weight: normal;
    max-height: 0;
	margin: 0 0 0 10px;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li {
    max-height: 1000px;
    opacity: 1;
}

/*
============================================================================
            RESPONSIVE FONT
============================================================================
*/
.responsive-font {
	font-size: 14px;
	line-height: 21px;
}

@media (max-width:767px) {
	.responsive-font {
	font-size: 13px;
	line-height: 19px;
	}
}

.rf-xs {
	font-size: 12px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
}

@media(min-width:992px) {
.rf-xs {
	font-size: 11px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
	}
}

.rf-xs p {
	font-size: 12px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
}

@media(min-width:768px) {
.rf-xs p {
	font-size: 12px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
	}
}

@media(min-width:992px) {
.rf-xs p {
	font-size: 11px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
	}
}

@media(min-width:1200px) {
.rf-xs p {
	font-size: 12px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 0px;
	}
}
/*
==============================================================
          JOBS
==============================================================
*/
table > tbody > tr > .jobs-table {
	font-size: 14px;
}

table > tbody > tr > .jobs-table-left {
	background-color: #EBF7FF;
	color: #001F99;
	text-align: center;
	vertical-align: middle;
}


table > tbody > tr > .jobs-table-right {
	background-color: #F3F3F3;
}

.mark-jobs-blu {
	font-size: 14px;
	line-height: 40px;
	color: #FFFFFF;
	background-color: #001F99;
	padding: 3px 5px 3px 5px;
	margin-bottom: 20px;
	border-radius: 3px;
}

.mark-jobs-red {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 3px 5px 3px 5px;
	margin-bottom: 20px;
	border-radius: 3px;
}

.jobs-head {
	color: #001F99;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0px 10px 5px;
}

.jobs-head2 {
	padding: 0px 0px 0px 20px;
}

.jobs-box a {
	display: block;
	width: 100%;
	padding: 15px;
	background-color: #001F99;
	color: #FFF;
	font-weight: normal;
	font-size: 18px;
}

.jobs-box a:hover {
	background-color: #00B3FF;
}

.mark-jobs-entry {
	font-size: 15px;
	font-weight: normal;
	line-height: 32px;
	color: #FFFFFF;
	background-color: #0D8400;
	padding: 5px 8px;
	margin-left: 10px;
	margin-right: 3px;
	border-radius: 3px;
}

.mark-jobs-entry a:hover {
	color: #FFFFFF;
	background-color: #00B3FF;
}

input.re-width-jobs {
	width: 150px;
}

@media only screen and (max-width: 767px){
	input.re-width-jobs { width: 100px }
}

select.re-width-jobs {
	width: 250px;
}

@media only screen and (max-width: 767px){
	select.re-width-jobs { width: 150px }
}

input.re-width-jobs-l {
	width: 405px;
}

@media only screen and (max-width: 767px){
	input.re-width-jobs-l { width: 95% }
}

input.re-width-jobs-s {
	width: 50px;
}

@media only screen and (max-width: 767px){
	input.re-width-jobs-s { width: 50px }
}

textarea.re-width-jobs {
	width: 600px;
}

@media only screen and (max-width: 767px){
	textarea.re-width-jobs { width: 95% }
}


/*
===================================================================
                              TOPICPATH
===================================================================
*/

.topicpath {
	font-size: 14px;
	color: #666;
	padding: 10px 0px;
}

.topicpath ol li {
    display: inline;
    list-style-type: none;
}

.topicpath ol li a {
    background-image: url(../img/top/crumb.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 12px;
	font-weight: normal;
}

.topicpath li:first-child a:before{
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  color: #000CA6;
}

/*
===================================================================
                              for CLS by Google
===================================================================
*/

img {
	width: 100%;
	height: auto;
}

.col-downloads img {
	width: 114px;
	height: auto;
}

.president-photo img {
	width: 265px;
	height: auto;
}

.president-sign img {
	width: 165px;
	height: auto;
}

.photo-35 img {
	width: 35%;
	height: auto;
}

.photo-50 img {
	width: 50%;
	height: auto;
}

.photo-16 img {
	width: 16%;
	height: auto;
}

.photo-20 img {
	width: 20%;
	height: auto;
}

.photo-36 img {
	width: 36%;
	height: auto;
}

.photo-64 img {
	width: 64%;
	height: auto;
}

/*
===================================================================
                              padding
===================================================================
*/

.padd-right-20 {
	padding: 0 20 0 0;
}

/*
===================================================================
                              IFNX追加
===================================================================
*/
.fixed_btn {
    position: fixed;
    bottom: 200px;
    right: 10px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
	width:158px;
	opacity: 0.8;
}
.fixed_btn img{
	width:100%;
	height:auto;
}

@media only screen and (max-width: 767px){
.fixed_btn {
    position: fixed;
    bottom: 15px;
    right: 10px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
	width:90px;
	opacity: 0.8;
}
}

/*
===================================================================
                              IFNX追加230327
===================================================================
*/


/*指定された順番のセクションブロックに適用*/
	main > section.pll{ background:url("../img/technology/img01.jpg"); background-attachment: fixed; font-size:16px; line-height: 36px; background-position: center;}
	main > section.black{ background:#2e2e2e;  font-size:16px; line-height: 36px;}
	main > section.darkblue{ background:#404b58;  font-size:16px; line-height: 36px;}
	.boxInner{max-width:900px;margin:auto;padding:120px 0 120px 0;color:#fff;}
	.boxInner02{max-width:1200px;margin:auto;padding:120px 0 120px 0;color:#fff;}
	.spTitle{font-size:35px;text-align:center;margin:0 0 60px 0;line-height: normal;}
	.spTitle span{font-size:18px;display:block;margin-bottom:10px;}
	.textBox01{margin-bottom:60px;}
	.textBox02{/*overflow: hidden;*/}
	.mid{font-weight: bold;}
	.wrapArea{overflow: hidden;margin-bottom: 60px;}
	.wrapArea02{overflow:hidden;}
	.leftBox01{float: left;width:65%;}
	.rightBox01{float: right;width: 35%;margin: 0 0 0px 10px;}
	.leftBox02{float: left;width: 35%;margin: 0 20px 0px 0;}
	.rightBox02{/*float: right;width:65%;*/}
.cpt{font-size:12px;display:block;line-height: 22px;}
	.prPhoto{float: left;width:20%;}
	.prText{float: right;width:75%;}
	.timeline {list-style: none;margin: 0;padding: 0;}
	.timeline > li {margin-bottom: 60px;}

  .timeline > li {overflow: hidden;margin: 0;position: relative;}
  .timeline-date {width: 178px;float: left;margin-top: -6px;line-height: 30px;padding-right: 90px;text-align: right;}
  .timeline-content {width: 80%;float: left;border-left: 1px #fff solid;padding-left: 90px;line-height: 30px;padding-bottom: 50px; margin:-6px 0 0 0;}
  .timeline-content:before {content: '';width: 12px;height: 12px;background: #fff;position: absolute;left: 172px;top: 0px;border-radius: 100%;}
	.itemList{display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin:0 0 -50px 0;padding:0}
	.itemList li{float:left;width:29.3333333%;padding: 0 0 80px 0; line-height: 28px; position: relative;margin: 0 2% 50px 2%;}
.itemPhoto{margin-bottom:30px;}
.itemTitle{font-size:20px;}
.itemTitle span{font-size:16px;display:block;margin-bottom: 10px;}
	.itemBtn{width: 100%;position: absolute;bottom: 0;padding: 0px;}
	.itemBtn a{border-radius: 50px;border:solid #fff 1px;padding:10px 30px; color: #fff;text-align: center;display: block;width:80%;margin: auto;}
	.itemBtn a:hover{color: #fff;}
	
@media (max-width: 840px){
.boxInner {
    max-width: 900px;
    margin: auto;
    padding: 60px 20px 60px 20px;
    color: #fff;
}
.boxInner02 {
    max-width: 1200px;
    margin: auto;
    padding: 60px 20px 60px 20px;
    color: #fff;
}
.timeline-content {width: 70%;}
.itemList li {width: 46%;}
}
@media (max-width: 768px){
	
}	
@media (max-width: 468px){
	.spTitle {font-size: 22px;}
	.leftBox01 {float: none;width: 100%;}
	.rightBox01 {float: none;width: 100%; margin: 0 0 20px 0;}
	.leftBox02 {float: none;width: 100%; margin: 0 0px 20px 0;}
	.rightBox02 {float: none;width: 100%;}
	.prPhoto {float: none;width: 100%; margin-bottom:20px;}
	.prText {float: none;width: 100%;}
	.timeline-date {
    width: 120px;
    padding-right: 30px;}
	.timeline-content {width: 65%;padding-left: 30px;}
	.timeline-content:before {left: 115px;}
	.itemList li {width: 100%;}
	.itemBtn a {width: 90%;
}
.boxInner02 {
    padding: 60px 5px 60px 5px;
}
}	

/*
* ==========================================================================
*  IFNX追加 20230421 TOP SEO内部修正
* ==========================================================================
*/
h2.blockquote-s-rd {
    font-size: 20px;
}
h3.services-title {
    font-size: 18px;
}
h3.services-title .red8 {
    vertical-align: 39%;
}
.p_s_ttl h2:before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(../img/top/top_p_s_iconlogo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
}
.p_s_ttl h2 {
    text-align: left;
    margin-top: 20px;
}
.p_s_ttl h2 div {
    display: inline-block;
    vertical-align: middle;
}
.p_s_ttl h2 div span {
    display: block;
    text-align: left;
}
.p_s_ttl h2 div span.en {
    font-size: 16px;
}
.p_s_ttl h2 div span.jp {
    font-size: 32px;
}
.ft_cnt {
    font-size: 18px;
}

@media only screen and (max-width: 767px){
.p_s_ttl {
    padding: 0 15px;
}
.p_s_ttl h2:before {
    width: 30px;
    height: 30px;
}
.p_s_ttl h2 div span.jp {
    font-size: 18px;
}
.p_s_ttl h2 div span.en {
    font-size: 12px;
}
h2.blockquote-s-rd {
    font-size: 18px;
}
}

@media only screen and (max-width: 480px){
.p_s_ttl h2 div span.jp {
    font-size: 16px;
}
}
.no_link{
	pointer-events: none;
}
section#carousel-section h1 {
    margin-top: 0;
}

/*
===================================================================
		safari対策　TEL改行させない
===================================================================
*/

.tel{
  display: flex;
}

/*
============================
La3
============================
*/
.cla3 {
	color: #79bd28;
}