@charset "utf-8";
/* CSS Document */

/*h1 h2 h3 の装飾色*/
h1 {
  font-size: 15px;
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: #1F83B8;
}

.sliders__item>img {
  border: 3px solid #1F83B8;
}

.color {
  color: #1F83B8;
}

.drawer-menu-item::after {
  color: #1E8CAD;
}

h2 {
  font-size: 14px;
}

h2:before {
  content: "■";
  color: #1F83B8;
}

h3 {
  font-size: 13px;
}

/*　sns ボーダーの色　*/
.bordercolor {
  border: 1px solid #1F83B8;


  /*  パターン
1. #38929A;
2. #51A888;
3. #4873B7;
4. #E96845;
5. #F29600;
6. #E74A6C;
7 #FAC62C;
8.opticolor: #1F83B8;
*/
}

.ttl-top:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 4px;
  background-color: #1F83B8;
}

.fixed-download-tab {
  background-color: #f69125;
}


/*　ボディトップ　フッターボーダー　*/
.body_bordertopcolor,
.footer_bordertopcolor {
  /* border-top: 6px solid #1F83B8; */

  /*  パターン
1. #38929A;
2. #51A888;
3. #4873B7;
4. #E96845;
5. #F29600;
6. #E74A6C;
7 #FAC62C;
8.opticolor: #1F83B8;
*/
}

/*　アイコン、他背景色　*/
.bgcolor {
  fill: #1F83B8;
  background: #1F83B8;

  /*  パターン
1. #38929A;
2. #51A888;
3. #4873B7;
4. #E96845;
5. #F29600;
6. #E74A6C;
7 #FAC62C;
8.opticolor: #1F83B8;
*/
}

.bgcolor2 {
  fill: #1F83B8;
  background: #f69125;

  /*  パターン
1. #38929A;
2. #51A888;
3. #4873B7;
4. #E96845;
5. #F29600;
6. #E74A6C;
7 #FAC62C;
8.opticolor: #1F83B8;
*/
}

/*　基本変えない アイコンの色　*/
.icon {
  fill: #FFF;
}

.recruit_icon {
  fill: #FFF;
}

.footer_nav li a {
  background: #1F83B8;

  /*  パターン
1. #38929A;
2. #51A888;
3. #4873B7;
4. #E96845;
5. #F29600;
6. #E74A6C;
7 #FAC62C;
8.opticolor: #1F83B8;
*/
}

.dropmenu li ul li a {
  border-top: 1px solid #eee;
  background: #08314F;
}

#page-sub-title2 {
  border-bottom: 3px dotted#1F83B8;
}

.button a {
  background-color: #1F83B8;
}


.content__title {
  color: #1F83B8;
}

#gradient,
.header-bg {
  background: #b8e4f9;
}

#gradient {
  border-radius: 35px 35px 0 0;
}

.titlebg {
  background-color: #1F83B8;
  /*  パターン
1. #38929A;
2. #51A888;
3. #4873B7;
4. #E96845;
5. #F29600;
6. #E74A6C;
7 #FAC62C;
8.opticolor: #1F83B8;
*/
}

.sns a {
  color: #1F83B8;
}

/*news 新着情報一覧*/

.newsheadtitle-tex {
  display: inline-block;
  padding: 0.25em 0.5em;
  /*上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #1F83B8;
  /*左線*/
}

/*header_tel_tex ヘッダーの電話番号の色*/

.header_tel_tex a {
  color: #000;
}