.navbar {
  background: #FFFFFF;
}


.navbar-inverse .navbar-nav > li > a {
  color:#2b2b2b;
}

div.iten {

}

.img-iten {
  display: block;
  width: 50%;
  margin:auto;
}

.w3eden {
  text-align: center;
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.card-body {
  margin-top:20px;
}

.w3eden .mb-2, .w3eden .my-2 {
margin-bottom: 2.2rem!important;

}



.has-text-align-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
  text-align: center;
}
.has-text-align-right{
	text-align: right;
	margin-right: 1.5em;
}
.has-text-align-left{
	text-align: left;
	margin-right: 1.5em;
}

@media screen and (max-width: 750px){
.w3eden .mb-2, .w3eden .my-2 {
margin-bottom: 1.8rem!important;
}
}

.wpdm_icon {
  width: 15%;
}

.wpdm-download-link {
  display: block;
  width: 50%;
  margin-left:25%;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #00b7ce;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #00b7ce;
}

#footer a:hover {
  background-color: #00b7ce;
  color:#FFFFFF;
}

#footer a {
    color:#2b2b2b;
}

#footer {
  background:#FFFFFF;
  color:#2b2b2b;
}


#main-slider .carousel .item {
  height: 530px;
}

#main-slider .prev, #main-slider .next {
  background-color: #00b7ce;
}

#main-slider .carousel .btn-slide {
  background-color: #00b7ce;
}

#main-slider .carousel-indicators .active {
  background-color: #00b7ce;
  border: #00b7ce;
}

#main-slider .carousel-indicators .active:after {
  background-color: #00b7ce;
  border: #00b7ce;
}



.left-side-p {
  text-align: left;
}

.right-side-p {
  text-align: right;
}


.feature-wrap i {
  width: 40px;
  height: 40px;
  color: #00b7ce;
  margin-right: 10px;
}


.smallObject {
  text-decoration: underline;
}

.center h2 {
  font-size: 24px;
}

.marginUp {
  margin-bottom: -30px;
}

.center_kai h2{
  text-align: center;
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 40px;
}


.maringWide {
  margin-bottom: 20px;
}



.backBlue {
  background-color: #00b7ce;
  color: #FFFFFF;
  font-weight: 100;
}

.backWhite {
  background-color:  #f9f9f9;
  min-height: 100px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;

   border-radius: 5px;/*角の丸み*/
}

.backWhiteBigBox {
  background-color:  #f4f4f4;
  min-height: 240px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;

   border-radius: 5px;/*角の丸み*/
}


.feature-wrap2 {
  margin-bottom: 35px;
  overflow: hidden;
  min-height: 350px;
}

.feature-wrap2 h2{
  min-height: 50px;
  margin-top: 10px;
}

.feature-wrap2 h3{
}

.feature-wrap2 .pull-left {
  margin-right: 25px;
}

.feature-wrap2 i{
  font-size: 48px;
  height: 40px;
  width: 40px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #FFFFFF;
  color: #fff;
  border: 3px solid #c52d2f;
  box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 5px;
}





.feature-wrap3 {
  margin-bottom: 35px;
  overflow: hidden;
}

.feature-wrap3 h2{
  margin-top: 10px;
}

.feature-wrap3 .pull-left {
  margin-right: 25px;
}

.feature-wrap3 i{
  font-size: 48px;
  height: 40px;
  width: 40px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #FFFFFF;
  color: #fff;
  border: 3px solid #ffd700;
  box-shadow: inset 0 0 0 5px #ffd700;
  -webkit-box-shadow: inset 0 0 0 5px #ffd700;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 5px;
}

#partner a {
  color: #FF4500;
}

#partner a :hover{
  color: #FFFFFF;
}

/*明朝体フォントファミリー*/

.mincho {
    font-family: "HG明朝B", "HG明朝E", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",  "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 2.4rem;
}

.boldFont {
  font-weight: bold;
}

/*
.feature-wrap2 i:hover {
  background: #c52d2f;
  color: #fff;
  box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
  border: 3px solid #c52d2f;
}
*/



/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:11px; }
div.wpcf7 input {border:1px solid #ccc; padding:8px; font-size:14px; width: 80%;}
.wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; width: 100%;}
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }


/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */



/* --- START OF custmize.css --- */

/* ... ファイルの既存のCSS ... */


/* --- Fix: SP ハンバーガーの状態別スタイル --- */
@media (max-width: 991px) {

  /* スライダーよりもメニューを前面に表示するための設定 */
  #header .navbar {
    position: relative;
    z-index: 1001;
  }

  /* ▼ メニューが閉じている時（初期表示）のスタイル ▼ */
  /* ボタンの背景を白に、枠線も白にする */
  .navbar-inverse .navbar-toggle.collapsed,
  .navbar-inverse .navbar-toggle[aria-expanded="false"] {
    background-color: #fff !important;
    border-color: #fff !important;
  }
  /* 三本線の色を黒にする */
  .navbar-inverse .navbar-toggle.collapsed .icon-bar,
  .navbar-inverse .navbar-toggle[aria-expanded="false"] .icon-bar {
    background-color: #000 !important;
  }

  /* ▼ メニューが開いている時のスタイル ▼ */
  /* ボタンの背景を黒に、枠線も黒にする */
  .navbar-inverse .navbar-toggle:not(.collapsed),
  .navbar-inverse .navbar-toggle[aria-expanded="true"] {
    background-color: #000 !important;
    border-color: #000 !important;
  }
  /* 三本線の色を白にする */
  .navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar,
  .navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar {
    background-color: #fff !important;
  }

  /* ボタンをタップした際の影を消す（任意） */
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    box-shadow: none !important;
  }
}