@charset "UTF-8";
/*=========================================================
  レイアウト詳細

  １．前提条件
       (1) div.item_1 → 本エリア内にhtml追記
       (2) div#area_4 → 一番最後のsectionに設定
       (3) sub_navが不要の場合は "Sub_nav Section"部を削除

   ・編集箇所(html)
       (1) title
       (2) Personal cssの階層
		   (3) main_nav セレクトclass名：mLink_s
		   (4) panlist
		   (5) h2.main_title_1
		   (6) h5.sub_title_1

  ２．共通部品のスタイル
       (1)表題：.main_title_1
             → テキスト中央寄せ
             → フォントサイズ2.4em
       (2)英表題：.sub_title_1
             → テキスト中央寄せ
						 → マージン（上下左右）0px auto
						 → パディング（上左右下）0px 0px 40px
						 → フォントサイズ0.8em
       (3)強調見出し：.accent_title_1
             → テキスト中央寄せ
						 → マージン（上左右下）20px auto　10px
						 → パディング　0px
						 → フォントサイズ20px
       (4)強調見出し：.accent_title_2
						 → テキスト左寄せ
						 → マージン（上左右下）20px auto　10px
						 → パディング　0px
						 → フォントサイズ20px
       (5)概要：p.summary_1
             → 幅880px
             → マージン(上右下左) 0px auto 80px auto
             → パディング 0
       (6)並列配置：div.item_1
             → 並列(水平)等間隔
       (7)画像：p.pic
             → テキスト中央寄せ
       (8)説明文：p.text_0
             → テキスト左寄せ
       (9)説明文：p.text_1
             → テキスト中央寄せ

  ３．リンクの設定
       (1)class名：bLink
=========================================================*/
/*--------------------------------------------------
  main レイアウト
--------------------------------------------------*/
.bxslider1 {
	display: block;
	width: 100%;
	height: 600px;
}

.bxslider2 {
	display: block;
	width: 100%;
}

#container_1{
	display: block;
}

#container_2{
	display: none;
}

@media screen and (max-width: 896px) {
	#container_1{
		display: none;
	}
	#container_2{
		display: block;
	}
}
/*--------------------------------------------------
  基本 レイアウト
--------------------------------------------------*/
.item_1 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	background-color: rbga(255, 255, 255, 0.4) !important;
}
/*--------------------------------------------------
  追加 スタイル
--------------------------------------------------*/
p.summary_2 {
	margin: 0px auto 50px auto;
	padding: 0;
	font-size: 24px;
	line-height: 1.8em;
	text-align: center;
	font-family: "Sawarabi Mincho";
}
@media screen and (max-width: 1230px) {
	p.summary_2 {
		margin: 0px auto 50px auto;
		padding: 0;
		font-size: 22px;
		line-height: 1.8em;
		text-align: center;
		font-family: "Sawarabi Mincho";
	}
}
/*--------------------------------------------------
  企業理念 レイアウト
--------------------------------------------------*/
dl.ci_dl {
	margin: 0 auto;
	padding: 0;
	font-family: "Sawarabi Mincho";
	line-height: 2.2em;
	width: 640px;
	text-align: center;
}

dl.ci_dl dt.ci_dt {
	font-size: 23px;
	font-weight: bold;
	padding-bottom: 0.6em;
	color: #dc5253;
}

dl.ci_dl dd.ci_dd {
	font-size: 18px;
	padding-bottom: 1.6em;
}