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

/*共通部分
--------------------------------- */
body {
	padding-top: 70px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #023869;
}

section {
	margin-bottom: 60px;
}

/* 画面サイズ大の時の余白が狭すぎるので */
@media (min-width: 1200px) {
  .container {
    max-width: 990px;
  }
}

div.block {
	padding-bottom: 30px;
}

.jumbotron {
	height: 250px;
	color: #fff;
	background-color: #023869;
	margin-bottom: 60px;
}

dd, dt {
	padding-bottom: 15px;
}

/* タイポグラフィ 
--------------------------*/
h1 {
    letter-spacing: 0.5em;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
}

h2.title {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: 700;
}

p.title {
	font-weight: 600;
}

/* フォントを明朝に */
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font_weight {
	font-weight: 700;
	letter-spacing: 0.1em;
}

/* 電話番号を少し大きく表示 */
.tel {
	font-size: 1.5em;
}

/* 強調 */
.marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

/* 装飾
--------------------------------- */
hr {
  border-top: 1px dotted #bbb;
}

/* ボタン部分
--------------------------------- */
.button {
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #023869;
  border: 2px solid #023869;
}

.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover {
  background-color: #023869;
  text-decoration: none;
  color: #fff;
}

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

/* ロゴの左右に謎の padding があり、見た目が悪いので取った */
.drawer-brand {
	padding-left: 0;
	paddint-right: 0;
}


/* ナビの高さがスマホの時に変わってしまうのでブレークポイントに関係なく実施 */
.drawer-container {
		height: 4rem;
}
/* drawer 非表示時の（普通のナビ時の）高さ調整と思われる */
@media (min-width: 64em) {
	.drawer-navbar {
			height: 4rem;
	}
	.drawer-navbar .drawer-menu-item {
		line-height: 4rem;
	}
}

/* 記述ミスの可能性
@media (min-width: 64em)
.drawer-navbar .drawer-menu-item {
    line-height: 5rem;
    padding-top: 0;
    padding-bottom: 0;
}
*/

/* タブレット、スマホ時も左にあったほうが良さそうなので */
.drawer-navbar .drawer-navbar-header {
	text-align: inherit;
}

.drawer-menu-item:hover {
    text-decoration: none;
    color: #023869;
    background-color: transparent;
}

/* ページ内リンクでヘッダに隠れないよう調整 */
.internal_link {
	margin-top: -80px;	/* body の padding-top より少し多めの数値にすること */
	padding-top: 80px;
}


/* topページ　
--------------------------------- */
#top {
	background: url(../images/img_top.jpg) center no-repeat;
	background-size: cover;
	height: 500px;
	color: #fff;
	margin-bottom:80px;
}

.section_title {
	padding-bottom:20px;
}

.top_message p{
	letter-spacing: 0.4em;
}

.service li {
	padding-bottom: 10px;
}

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

.service_item {
	padding-top: 10px;
	margin-bottom: 40px;
}
.service_item_title {
	font-size: 1em;
	font-weight: 600;
	margin-bottom: 20px;
}

.service_item ul {
  display: inline-block; 
  }

.service_item ul li {
	padding-bottom: 10px;
}

.far-check {
	padding-right: 10px;
}

/*.service_item ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 solid";
  display: inline-block;
  width: 1.2em;
  color: #CCC; }*/


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

.google_map {
    position: relative;
    width: 100%;    
    height: 0;
    padding-bottom: 56.25%;    
    overflow: hidden;
}
.google_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    
    height: 100%;    
}


/*works_導入事例
--------------------------------- */
.works img {
	margin-bottom: 15px;
}

.works_title {
	margin-bottom: 20px;
}
.works_item {
	padding-top: 10px;
	margin-bottom: 40px;
}
.works_item_title {
	font-size: 1em;
	font-weight: 600;
	margin-bottom: 20px;
}

/*.works_item_title:after {
	font-family: FontAwesome;
	content: "\f35d";
}*/

/*contact_お問い合わせ
--------------------------------- */

.check_box label {
	padding-left: 10px;
}


/*recruit_採用情報
--------------------------------- */

/* コンテンツ量が少ない場合のfooter調整 */
.info {
	height: 500px;
}


/*footer
--------------------------------- */
footer {
	background-color: #023869;
	color: #fff;
}



@media only screen and (max-width:768px) {
	h1 {
		font-size: 2em;
	}
	.news dt, dl {
		text-align: center;
	}
	.service_title {
		text-align: center;
	}
	.section_title p {
		display: inline;
		font-size: 0.9em;
		padding-left:10px;
	}
	.works {
		text-align: center;
	}
	.works_title{
		border-bottom:solid 2px #023869;
  }
}




/*e_commerse ECサイトページ追加 2020.10.26
--------------------------------- */

/* プランのテーブル装飾 */
table.plan th {
  background-color: #023869;
  color: #FFF;
}

/* プラン明細は中央揃え */
table.plan td {
  text-align: center;
}

/* スケジュールのアイコンのマージン確保 */
#schedule .float-right i.icon {
  margin-left: 10px;
  margin-bottom: 10px;
}