@charset "utf-8";

/*全体の設定---------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	overflow-x: hidden;
}
body {
	color: #696969;	/*全体の文字色(薄いグレー)*/
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;/*65%*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/daikin_eakon/haikei.png);	/*全体の背景色(クロス柄)*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
h1 img {
	width: 100%;
	height: auto;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
/*新しいヘッダー用のスタイル*/
.flex-container {
	display: -webkit-flex;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: left;
	width: 100%;
}
.pc{
	display:flex;
}
.smartphone {
	display: none;
}
.one-comp {
	float: left;
}
.two-pichon {
	float: left;
}
.three-spagent {
	float: left;
}
.four-ginoh{
	vertical-align: middle;
}
.five-tele{
	vertical-align: middle;
}
.six-koji{
	vertical-align: middle;
}
.seven-optime{
	vertical-align: middle;
}
.eight-donich{
	float: left;
}
.nine-otoiawase {
	float: left;
}
.ten-otoiawase2 {
	display: none;
}
/* table01 */
.table01 tr {
  border: none;
	background: #fff;
}
.table01 th,
.table01 td {
  padding: 8px 1px;
  border: none;
	word-wrap: break-word;
}
.table01 th {
  width: 35%; /*　14%　*/
}
.table01 td {
	width: 65%;/*　43%　*/
	text-align: left;
	vertical-align: top;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 2rem;
	padding: 0 10px 0 10px;
}
/* sp */
@media only screen and (max-width: 480px) {
  .table01 th,
  .table01 td {
    width: 98%;
    display: block;
		overflow-x: hidden;
  }
  .table01 th {
    width: 100%;
  }
	.table01 td {
		padding: 8px 2%;
	}
}
table {
	border-collapse:collapse;
	width: 100%;
}
.alpha a:hover img { /*hoverした時画像が白く透明になる*/
  opacity: 0.5;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.hgt05 {
	line-height: 0.5em;
}
.hgt075 {
	line-height: 0.75em;
}
header {
	max-width: 950px;
	width: 100%;
	text-align: center;
	background-image: url(../images/daikin_eakon/haikei.png);
	z-index: 100;
}
.title_tag {
	width:950px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #010EFC;	/*リンクテキストの色*/
}
a:hover {
	color: #5cd3ff;			/*マウスオン時の文字色（全体）*/
}
.a {
	text-align: left;
}
a[name] {
	color: #3FB139;
}
p.algn_cntr {
	text-align: center;
}
.mrgn_btm05em {
	margin-bottom: 0.5em;
}
.mrgn_btm2em {
	margin-bottom: 2em;
}
.mrgn_btm3em {
	margin-bottom: 3em;
}
.box00 {
	position: relative;
}
.box00 p {
	position: absolute;
	top: 2px;
	left: 3px;
	right: 3px;
	padding: 5px;
	font-weight: bold;
	letter-spacing: -0.08rem;
	line-height: 1.4rem;
}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#all_range {
	width: 100%;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom: 47px;
	box-sizing: border-box;
}
#container {
	width: 950px;
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
}
#package {
	max-width: 950px;
	width: 100%;
	height: auto;
	text-align: center;
}
#inner {
	width: 100%;
	max-width: 950px;
	background-image: url(../images/daikin_eakon/haikei.png);
	text-align: left;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
head {
	width: 950px;
	margin: 0 auto;
}
#top_img {
	width: 100%;
	float: left;
	overflow: hidden;
}
.fixed {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 10000;
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#global-nav {
	max-width: 950px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/daikin_eakon/haikei.png);
}
#global-nav li {
	float: left;
	width: 16.6%;
	background: #6abbe5;
	border: 3px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
}
#global-nav li a {
	display: block;
	padding: 20px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	font-weight: bolder;
}
#global-nav li a:hover {
	background: #0096CA;
}
#toggle {
	display: none;
}
#menu-box {
	width: 100%;
}
/*上部のトップ画像と誘導
---------------------------------------------------------------------------*/
/*トップ画像の設定*/
#topg {
	position: relative;
	background-color: #FFFFFF;
	padding: 0.5%;
	width: 97.3%;
	height: auto;
	text-align: center;
}
/*誘導(パンくずリスト)の設定*/
#pankuzu {
	width: 96.3%;
	background-color: #FFF;
	list-style-type: none;
	font-size: 80%;
	padding-top: 0.5%;
	padding-bottom: 0.8%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: left;
}
h2 {
	font-size: 95%;
	font-weight: normal;
}
/*コンテンツ（コンテンツを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
/*	position: absolute;
	top: 1100px; /*  No[construction_notice]:900px  800px or 860px or 600px  */
}
/*メインコンテンツ(右側) 
---------------------------------------------------------------------------*/
/*右側の全体ブロックの設定*/
#main {
	width: 76%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
	overflow-x: hidden;
}
.sector {
	width: 99%;
	float: right;
	font-size: 1.1em;
	overflow-x: hidden;
}
.sect {
	width: 100%;
	float: left;
	font-size: 1.1em;
}
/*右側のタイトルの設定*/
.main_title {
	width:93.3%;
	background-color: #D4EBF9;  /* 背景色(薄い水色) */
	background-repeat: no-repeat;
	font-size: 1.4em;          /* 文字サイズ */
	font-weight: bold;          /* 文字太め */
	padding-left: 58px;         /* 文字の始まり(左側余白) */
	color: #0089D0;             /* 文字色(水色) */
	letter-spacing: -0.03em;
	margin-bottom: 1%;
	background-image: url(../images/daikin_eakon/P_03.png);
	background-size:contain;
	padding-top: 13px;
	height: 40px;
	text-align: left; /* テキストの配置(左) */
	float: left;
}
#sub {
	margin-right: 2%;
	line-height: 23px;
	display: inline;
	float: left;
	width: 22%;
	color: #FFFFFF;
	padding-top: 0px
}
.sub_left {
	float: left;
	vertical-align: top;
}
.sub_right {
	float: right;
}
#sub ul.submenu li a {
	display: block;
}
#sub.box1 {
	padding: 15px;
	margin-bottom: 15px;
	background: #56DEFB;
	border: solid 1px #d1d1d1;
}
#sub.box1 ul.submenu {
	margin-bottom: 0px;
}
#sub.list {
	font-size: 10px;
	line-height: 1.5;
	position: relative;
	overflow: hidden;
	background: #fff;
}
#sub .list a {
	padding: 5px;
	text-decoration: none;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
#sub h4 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	background-repeat: repeat;
	color: #FFF;
	background-color: #0089D0;
	width: 100%;
}
#sub li {
	margin-bottom: 5px;
}
#sub .menu a {
	width: 180px;
	color: #696969;
	text-decoration: none;
	padding-left: 27px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/daikin_eakon/mark2.png);
	background-position: 0px 4px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0089D0;
	text-align: left;
}
#sub .menu a:hover {
	background-color: #E6E6E4;
	background-image: url(../images/daikin_eakon/mark3.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 27px;
	text-align: left;
}
#sub .sub_g {
	margin-top: 10px;
	width: 200px;
	float: left;
	font-size: 1.1rem;
	letter-spacing: -0.11em;
}
.lefter li {
	line-height: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	color: #FFF;	/*文字色*/
	background: #444;	/*背景色*/
	bottom: 0;
	position:fixed;
}
/*その他
---------------------------------------------------------------------------*/
.last_line {
	margin-bottom: 3em;
}
td.algn_cntr {
	text-align: center;
}



/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*ここからタブレット用（481px～800px）環境の設定---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (min-width:481px) and (max-width:800px){
/*コンテナー（HPを囲むブロック）---------------------------------------------------------------------------*/
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
#container {
	width: 100%;
	margin: 0;
	}
#package {
	width: 100%;
	height: auto;
/*	position: absolute;
	top: 130px;/*　150px　*/
	text-align: center;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	max-width: 800px;
	width: 100%;	/*ブロックの幅*/
	height: auto;	/*ブロックの高さ*/
	background-image: url(../images/daikin_eakon/haikei.png);
	z-index: 3;
}
.one-comp {
	float: left;
	width: 260px;
}
.two-pichon {
	float: left;
	width: 105px;
}
.three-spagent {
	display: none;
}
.four-ginoh{
	display: flex;
}
.five-tele{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle; 
}
.six-koji{
	display: fle;
}
.seven-optime{
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
.eight-donich{
	display: none;
}
.nine-otoiawase {
	display: flex;
	
}
.ten-otoiawase2 {
	display: none;
}
/*ロゴの設定*/
h1 img {
	width: 100%;
	height: auto;
}
#top_img {
	width: 100%;
	float: left;
	overflow: hidden;
}
/*トップ画像の設定*/
#topg {
	position: relative;
	background-color: #FFFFFF;
	padding: 1%;
	width: 97.3%;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#pankuzu {
	width: 96%;
	background-color: #FFF;
	font-size: 80%;
	padding-top: 0.3%;
	padding-bottom: 0.8%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: left;
}
#main {
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}
#sub {
	line-height: 23px;
	display: inline;
	float: left;
	width: 100%;
	color: #FFFFFF;
	padding-top: 0px
}
.sub_left {
	float: left;
}
.sub_right {
	float: right;
}

.sector {
	width: 99%;
	font-size: 1.0em;
}
.sect {
	width: 100%;
	font-size: 1.0em;
}
.sub_g {
	margin-top: 8px;
	width: 100%;
	float: left;
    font-size: 1.1rem;
	letter-spacing: -0.11em;
}
.last_line {
	margin-bottom: 6em;
}
#contents {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
/*	position: absolute;
	top: 950px;/* No[construction_notice];750px  535px or 700px */
}

/*メニューブロック全体の設定*/
#global-nav {
	max-width: 800px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#global-nav li {
	float: left;
	width: 16.6%;
	background: #6abbe5;
	border: 3px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
}
#global-nav li a {
	display: block;
	padding: 20px 0px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}
#global-nav li a:hover {
	background: #0096CA;
}
#toggle {
	display: none;
}
#menu-box {
	width: 100%;
	align-items: center;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: 99%;
	height: 20px;
	clear: both;
	text-align: center;
	color: #FFF;	/*文字色*/
	background: #444;	/*背景色*/
	bottom: 0;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
}
}

/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*ここからスマートフォン用（480px以下）環境の設定---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 480px){
/*コンテナー（HPを囲むブロック）---------------------------------------------------------------------------*/
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
#container {
	width: 100%;
	margin: 0;
}
#top_img {
	width: 100%;
	float: left;
	overflow: hidden;
}
#contents {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
/*	position: absolute;
	top: 640px;/*No[construction_notice]:615px   535px   400px or 490*/
}
#package {
	width: 100%;
	height: auto;
/*	position: absolute;
	top: 122px;*/
	text-align: center;
}
.pc{
	display: none;
}
.smartphone {
	display: flex;
}
.one-comp {
	float: left;
	width: 54.5%;
}
.two-pichon {
	float: left;
	width: 24.2%;
}
.three-spagent {
	display: none;
}
.four-ginoh{
	display: none;
}
.five-tele{
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle; 
}
.six-koji{
	display: none;
}
.seven-optime{
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
.eight-donich{
	display: none;
}
.nine-otoiawase {
	display: none;
}
.ten-otoiawase2 {
	width: 21.3%;
	display: flex;
	float: left;
}
.halfwidth {
	width: 49%;
	float:left;
}
.box00 {
	position: relative;
}
.box00 p {
	position: absolute;
	top: 2px;
	left: 4px;
	right: 4px;
	padding: 5px;
	font-weight: bold;
	letter-spacing: -0.1rem;
	line-height: 1.4rem;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	max-width: 480px;
	width: 100%;	/*ブロックの幅*/
	background-image: url(../images/daikin_eakon/haikei.png);
	z-index: 3;
}
h1 img {
	width: 100%;
	height: auto;
}
#pankuzu {
	width: 96%;
	background-color: #FFF;
	list-style-type: none;
	font-size: 0.8em;
	padding-top: 0.5%;
	padding-bottom: 0.8%;
	padding-left: 1%;
	text-align: left;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
}
/*右側のタイトルの設定*/
.main_title {
	width:93.3%;
	background-color: #D4EBF9;  /* 背景色(薄い水色) */
	background-repeat: no-repeat;
	background-size: 7.5%;
	font-size: 0.9em;          /* 文字サイズ */
	font-weight: bold;          /* 文字太め */
	padding-left: 42px;         /* 文字の始まり(左側余白) */
	color: #0089D0;             /* 文字色(水色) */
	letter-spacing: -0.15em;
	margin-bottom: 1%;
	background-image: url(../images/daikin_eakon/P_03.png);
	padding-top: 10px;
	padding-right: 10px;
	height: 30px;
	text-align: left; /* テキストの配置(左) */
	float: left;
	line-height: 15px;
	vertical-align: top;
}
/*gallery.html内の各ブロック
---------------------------------------------------------------------------*/
/*ボックスの設定*/
#main section.list {
	width: 100%;
	float: none;
	margin-left: 0;
}
#main section.list a {
	height: auto;
	padding: 15px;
}
/*ボックス内の写真設定*/
#main section.list figure img {
	width: 35%;
	height: auto;
	float: left;
	margin-right: 10px;
}
.sector {
	width: 99%;
	font-size: 0.9em
}
.sect {
	width: 100%;
	font-size: 0.9em;
}
.sub_left {
	width: 43%;
	float: left;
	margin-left: 2%;
	padding-left: 1%;
	overflow-x: hidden;
}
.sub_right {
	width: 43%;
	float: right;
	margin-right: 2%;
	padding-right: 1%;
	overflow-x: hidden;
}
.sub_g {
	margin-top: 8px;
	width: 100%;
	float: left;
	font-size: 0.8rem;
	letter-spacing: -0.1em;
}
#sub {
	width: 100%;
}
.last_line {
	margin-bottom: 3em;
}
#global-nav {
	display: none;
}
#global-nav li {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#toggle {
	display: block;
	width: 98.5%;
	margin-left: auto;
	margin-right: auto;
	background: #6abbe5;
	text-align: center;
}
#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;
	border-bottom: 1px solid #6abbe5;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #fff;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	left: 10px;
	width: 20px;
	height: 4px;
	background: #6abbe5;
}
#toggle a:before {
	margin-top: -6px;
}
#toggle a:after {
	margin-top: 2px;
}
footer {
	width: 99%;
	max-width: 480px;
	height: 20px;
	clear: both;
	text-align: center;
	color: #FFF;	/*文字色*/
	background: #444;	/*背景色*/
	bottom: 0;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
}


}