@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
html, body {
	overflow-x: hidden;
}
body {
	color: #696969;	/*全体の文字色(薄いグレー)*/
	margin: 0px;
	padding: 0px;
	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 {
	margin: 0px;
	padding: 0px;
}
h1 img {
	width: 100%;
	height: auto;
}
ul{
	list-style-type: none;
}
.example {
	list-style: none;
	padding-left: 1.5em;
	margin-left: 0.5em;
}
.example li{
	text-indent: -1.5em;
}
.baseset {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2.2rem;
}
.list00 {
	list-style-type: disc;
}
.serieslist {
	font-size: 1.2rem;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
/*新しいヘッダー用のスタイル*/
.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;
}
.scaling {
	max-width: 140px;
	margin: 0 auto;
}
.scaling img:hover {
	transform:scale(1.5,1.5);
}

.mawari{
	vertical-align: top;
	text-align: left;
	font-size: 1.2rem;
	margin-bottom: 15px;
	line-height: 1.6em;
}
figure {
	float: right;
	margin: 0 15px 15px 0;
	width: 40%;
}
figure img {
	max-width: 100%;
}
/*新しいヘッダー用のスタイル ここまで*/

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;
}
.hgt1 {
	line-height: 1em;
}
header {
	max-width: 950px;
	height: auto;
	text-align: center;
}
.font-size_09em {
	font-size: 0.9em;
}
.title_tag {
	width:950px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
}
#ibento3 {/*臨時用*/
	width: 950px;
	float: left;
	margin-bottom: 15px;
}
.sectio_221 {
	width: calc( 98% / 2);
	background: white;
	padding: 0.5%;
}
.sectio_61 {
	width: calc( 98%  * 0.6);
	background: white;
	padding: 0.5%;
}
.sectio_41 {
	width: calc( 98%  * 0.4);
	background: white;
	padding: 0.5%;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #010EFC;	/*リンクテキストの色*/
}
a:hover {
	color: #5cd3ff;			/*マウスオン時の文字色（全体）*/
}
.a {
	text-align: left;
}
p.algn_lft {
	text-align: left;
}
p.algn_cntr {
	text-align: center;
}
p.algn_right {
	text-align: right;
}
.alleft {
	text-align: left;
}
.mrgn_btm05em {
	margin-bottom: 0.5em;
}
.mrgn_btm1em {
	margin-bottom: 1em;
}
.mrgn_btm2em {
	margin-bottom: 2em;
}
.mrgn_btm3em {
	margin-bottom: 3em;
}
.white_text {
	color: #ffffff;
}
.white {
	background-color: #ffffff;
}
.white_pad3 {
	background-color: #ffffff;
	padding: 3%;
}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
.pers {
	border: 1px solid #434343;
	border-collapse: separate;
	padding: 1px;
	text-align: left;
}
.pers th {
	background-color: #165CFF;
	color: #FFFFFF;
	text-align: center;
}
.pers td {
	border: 1px solid #434343;
	padding: 10px;
	text-align: left;
}
.pers_left {
	width: 25%;
}
.pers_right {
	width: 75%;
}

#container {
	width: 950px;
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
}
.alcenter_vmiddle {
	text-align: center;
	vertical-align: middle;
}
.alcenter_vtop {
	text-align: center;
	vertical-align: top;
}
#package {
	width: 950px;
/*	position: absolute;*/
/*	top: 215px;*/
	text-align: center;
}
#inner {
	width: 100%;
	max-width: 950px;
	background-image: url(../images/daikin_eakon/haikei.png);
	text-align: left;
}
.bgwhite_font09em {
	background-color: #ffffff;
	font-size: 0.9em;
}
.bg_col_ffffcc {
	background-color: #ffffcc;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
head {
	width: 950px;
	margin: 0 auto;
}
#contact {
	float: right;	/*右に回り込み*/
	margin-top: 5px;	/*ブロックの上にあける余白。上下のバランスをここで調整して下さい。*/
	width: 450px;	/*ブロック幅*/
	border-radius: 6px;	/*角丸のサイズ*/
	padding: 6px;		/*ボックス内の余白*/
	border: 1px solid #63E4FF;	/*枠線の幅、線種、色*/
	background: #fff;	/*背景色*/
	color: #63E4FF;	/*文字色*/
	text-align: center;	/*文字をセンタリング*/
}
.fixed {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10000;
}
img .dflt {
	width: 100%;
	height: auto;
}
#top_img {
	width: 100%;
	float: left;
}
.wdth_00146_vtop_alleft {
	width: 1.46%;
	vertical-align: top;
	text-align: left;
}
.wdth_015 {
	width: 15%;
}
.wdth_018_alleft {
	width: 18%;
	text-align: left;
}
.wdth_020 {
	width: 20%;
}
.wdth_020_vtop_alleft {
	width: 20%;
	vertical-align: top;
	text-align: left;
}
.wdth_020_vmiddle_alleft {
	width: 20%;
	vertical-align: middle;
	text-align: left;
}
.wdth_022 {
	width: 22%;
	text-align: right;
}
.wdth_023 {
	width: 23%;
	text-align: left;
}
.wdth_024_vtop_alleft {
	width: 24%;
	vertical-align: top;
	text-align: left;
}
.wdth_0265 {
	width: 26.5%;
}
.wdth_027 {
	width: 27%;
}
.wdth_027_alright {
	width: 27%;
	text-align: right;
}
.wdth_03449_vtop_alleft {
	width: 34.49%;
	vertical-align: top;
	text-align: left;
}
.wdth_035_alcenter {
	width: 35%;
	text-align: center;
}
.wdth_035_vtop_alleft {
	width: 35%;
	vertical-align: top;
	text-align: left;
}
.wdth_036_vmiddle_alleft {
	width: 36%;
	vertical-align: middle;
	text-align: left;
}
.wdth_040 {
	width: 40%;
}
.wdth_041_vtop_alcenter {
	width: 41%;
	vertical-align: top;
	text-align: center;
}
.wdth_044_vtop_alleft {
	width: 44%;
	vertical-align: top;
	text-align: left;
}
.wdth_048 {
	width: 48%;
}
.wdth_049_vmiddle_alcenter {
	width: 49%;
	vertical-align: middle;
	text-align: center;
}
.wdth_054_vtop_alleft {
	width: 54%;
	vertical-align: top;
	text-align: left;
}
.wdth_058_hauto {
	width: 58%;
	height: auto;
}
.wdth_060_alcenter {
	width: 60%;
	text-align: center;
}
.wdth_060_alright {
	width: 60%;
	text-align: right;
}
.wdth_062_alleft {
	width: 62%;
	text-align: left;
}
.wdth_064_vtop_alcenter {
	width: 64%;
	vertical-align: top;
	text-align: center;
}
.wdth_064_vtop_alleft {
	width: 64%;
	vertical-align: top;
	text-align: left;
}
.wdth_064_vmiddle_alleft {
	width: 64%;
	vertical-align: middle;
	text-align: left;
}
.wdth_06405_vtop_alleft {
	width: 64.05%;
	vertical-align: top;
	text-align: left;
}
.wdth_065_vtop_alleft {
	width: 65%;
	vertical-align: top;
	text-align: left;
}
.wdth_073 {
	width: 73%;
}
.wdth_075_hauto {
	width: 75%;
	height: auto;
}
.wdth_076_vtop_alleft {
	width: 76%;
	vertical-align: top;
	text-align: left;
}
.wdth_076_vmiddle_alleft {
	width: 76%;
	vertical-align: middle;
	text-align: left;
}
.wdth_077_vtop_alleft {
	width: 77%;
	vertical-align: top;
	text-align: left;
}
.wdth_080_hauto {
	width: 80%;
	height: auto;
}
.wdth_085_hauto {
	width: 85%;
	height: auto;
}
.wdth_090_hauto {
	width: 90%;
	height: auto;
}
.wdth_095_hauto {
	width: 95%;
	height: auto;
}
.wdth_096_hauto {
	width: 96%;
	height: auto;
}
.wdth_097_hauto {
	width: 97%;
	height: auto;
}
.wdth_098_hauto {
	width: 98%;
	height: auto;
}
.wdth_100_hauto {
	width: 100%;
	height: auto;
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#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;
}

.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
/*メニューブロック全体の設定
---------------------------------------------------------------------------*/
#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;
}
.startgap {
	padding-bottom: 27em;
}
/*メインコンテンツ(右側) 
---------------------------------------------------------------------------*/
/*右側の全体ブロックの設定*/
#main {
	width: 76%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
	overflow-x: hidden;
}
.sector {
	width: 100%;
	float: right;
	font-size: 1.1em;
	overflow-x: hidden;
}
.sect {
	width: 100%;
	float: left;
	font-size: 1.1em;
	overflow-x: hidden;
}
/*右側のタイトルの設定*/
.main_title {
	width:93.3%;
	background-color: #D4EBF9;  /* 背景色(薄い水色) */
	background-repeat: no-repeat;
	font-size: 1.3em;          /* 文字サイズ */
	font-weight: bold;          /* 文字太め */
	padding-left: 50px;         /* 文字の始まり(左側余白) */
	color: #0089D0;             /* 文字色(水色) */
	letter-spacing: -0.03em;
	margin-bottom: 1%;
	background-image: url(../images/daikin_eakon/P_03.png);
	padding-top: 10px;
	height: 40px;
	text-align: left; /* テキストの配置(左) */
	float: left;
}
.tim {
	display: none;
}
.main_box {
	width: auto;
	margin-bottom: 2%;
	margin-left: 1%;
	margin-right: 1%;
}
.smain {
	background-image: url(../images/daikin_eakon/mark4.png);
	height: 40px;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding-left: 22px;
	color: #6DBEE9;
	text-align: left;
}
.smain2 {
	background-image: url(../images/daikin_eakon/sriin2.png);
/*	background-position: 50 0 0 0;	*/
	height: 37px;
	font-size: 1.35em;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 45px;
	color: #3FB139;
	line-height: 35px;
	margin-left: 12px;
/*	width: 668px;
	margin-bottom: 10px;	*/
	text-align: left;
	-ms-margin-top: 50px;
	margin-top: 0px;
}
.webp .smain2 {
	background-image: url(../images/daikin_eakon/sriin2.webp);
/*	background-position: 50 0 0 0;	*/
	height: 37px;
	font-size: 1.35em;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 45px;
	color: #3FB139;
	line-height: 35px;
	margin-left: 12px;
/*	width: 668px;
	margin-bottom: 10px;	*/
	text-align: left;
	-ms-margin-top: 50px;
	margin-top: 0px;
}
.smain_09 {
	background-image: url(../images/daikin_eakon/mark4.png);
	height: 40px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 40px;
	background-repeat: no-repeat;
	background-position: 1px 8px;
	padding-left: 22px;
	color: #6DBEE9;
	text-align: left;
}
.smain_10 {
	background-image: url(../images/daikin_eakon/mark4.png);
	height: 40px;
	letter-spacing: -0.5pt;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding-left: 22px;
	color: #6DBEE9;
	text-align: left;
}
.font_col_ff0000 {
	color: #ff0000;
}
.font_col_ff6600 {
	color: #ff6600;
}
.font_col_ff00fd {
	color: #FF00FD;
}
/*コンテンツ2(右ブロック)
---------------------------------------------------------------------------*/
/*コンテンツ2(右ブロック)情報
---------------------------------------------------------------------------*/
/*コンテンツ3(左ブロック)
---------------------------------------------------------------------------*/
#sub {
	margin-right: 2%;
	line-height: 23px;
	display: inline;
	float: left;
	width: 22%;
	color: #FFFFFF;
	padding-top: 0px
}
#pagetop {
	clear: both;
}
#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background: #444;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 12em;	/*ボックス幅*/
	display: block;
	float: right;
	letter-spacing: 0.1em;
}
/*マウスオン時*/
#pagetop a:hover {
	background: #666;	/*背景色*/
	color: #FFF;			/*文字色*/
}
.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_para {
	margin-right: 2%;
	line-height: 23px;
	/*display: inline;*/
	float: left;
	width: 100%;/*背景*/
	color: #787878;
	padding-top: 0px
}
#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;
}
/*その他
---------------------------------------------------------------------------*/
.look {
	background: #222;
}
.mb15,
.mb1em {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #ff518e;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
figcaption {
	font-size: 11px;
}
.newicon {
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin-left: 5px;
}
img {
	max-width: 100%;
	height: auto;
}
.last_line {
	margin-bottom: 3em;
}
.wdth_001_vtop_alleft {
	width: 1%;
	vertical-align: top;
	text-align: left;
}
.wdth_002 {
	width: 2%;
}
.wdth_004 {
	width: 4%;
}
.wdth_005 {
	width: 5%;
}
.wdth_006 {
	width: 6%;
}
.wdth_025_vtop_alleft {
	width: 25%;
	vertical-align: top;
	text-align: left;
}
.wdth_070_vtop_alleft {
	width: 70%;
	vertical-align: top;
	text-align: left;
}
.wdth_074_vtop_alleft {
	width: 74%;
	vertical-align: top;
	text-align: left;
}
.wdth_074_vmiddle_alleft {
	width: 74%;
	vertical-align: middle;
	text-align: left;
}
td.wdth002 {
	width: 0.2%;
}
td.wdth01 {
	width: 1%;
}
td.wdth02 {
	width: 2%;
}
td.wdth05 {
	width: 5%;
}
td.wdth10 {
	width: 10%;
}
td.wdth10_algncenter {
	width: 10%;
	text-align: center;
}
td.wdth15_alleft {
	width: 15%;
	text-align: left;
}
td.wdth24 {
	width: 24%;
}
td.wdth245 {
	width: 24.5%;
	text-align: center;
}
td.wdth25 {
	width: 25%;
}
td.wdth25_vtop {
	width: 25%;
	vertical-align: top;
}
td.wdth25r {
	width: 25%;
	text-align: right;
}
td.wdth265_vtop {
	width: 26.5%;
	vertical-align: top;
}
td.wdth38_vtop {
	width: 38%;
	vertical-align: top;
}
td.wdth42 {
	width: 42%;
}
td.wdth43 {
	width: 43%;
}
td.wdth44 {
	width: 44%;
}
td.wdth44_valgntop {
	width: 44%;
	vertical-align: top;
}
td.wdth48 {
	width: 48%;
	vertical-align: top;
}
td.wdth48_vtop_alleft {
	width: 48%;
	vertical-align: top;
	text-align: left;
}
td.wdth49 {
	width: 49%;
	vertical-align: top;
}
td.wdth49_vtop_alleft {
	width: 49%;
	vertical-align: top;
	text-align: left;
}
td.wdth50 {
	width: 50%;
	vertical-align: top;
}
td.wdth50_vtop_algnleft {
	width: 50%;
	vertical-align: top;
	text-align: left;
}
td.wdth50_vmiddle_alcenter {
	width: 50%;
	vertical-align: middle;
	text-align: center;
}
td.wdth51 {
	width: 51%;
	vertical-align: top;
}
td.wdth60 {
	width: 60%;
}
td.wdth70 {
	width: 70%;
}
td.wdth73_vtop_alleft {
	width: 73%;
	vertical-align: top;
	text-align: left;
}
td.wdth78 {
	width: 78%;
}
td.wdth78_vtop_alleft {
	width: 78%;
	vertical-align: top;
	text-align: left;
}
td.wdth83 {
	width: 83%;
}
td.wdth83_vtop_alleft {
	width: 83%;
	vertical-align: top;
	text-align: left;
}
td.wdth90 {
	width: 90%;
	text-align: left;
}
td.algn_lft {
	text-align: left;
}
td.algn_rght {
	text-align: right;
}
td.algn_cntr {
	text-align: center;
}
td.valgn_top_alleft {
	vertical-align: top;
	text-align: left;
}
td.algn_vtop_alleft {
	text-align: left;
	vertical-align: top;
}
.wdth_003_vtop {
	width: 3%;
	vertical-align: top;
}
.wdth_046_vtop_alleft {
	width: 46%;
	vertical-align: top;
	text-align: left;
}
.wdth_049_vtop_alleft {
	width: 49%;
	vertical-align: top;
	text-align: left;
}
.red_fnt {
	color: #FF0000;
}
.wdth_051_vtop_alleft {
	width: 51%;
	text-align: left;
	vertical-align: top;
	font-size: 0.9em;
}
.wdth_052 {
	width: 52%;
}
.wdth_042_vtop {
	width: 42%;
	vertical-align: top;
}
.vtop_alleft {
	vertical-align: top;
	text-align: left;
}








































/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (min-width:481px) and (max-width:800px){
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 100%;
	margin: 0px 0px;
	position: absolute;
	}
#package {
	width: 100%;
	height: auto;
/*	position: absolute;*/
/*	top: 150px;*/
	text-align: center;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ロゴの設定*/
h1 img {
	width: 100%;
	height: auto;
}
.serieslist {
	font-size: 1.2rem;
}
#top_img {
	width: 100%;
	float: left;
}
/*トップ画像の設定*/
#topg {
	position: relative;
	background-color: #FFFFFF;
	padding: 1%;
	width: 97.3%;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#pankuzu {
	width: 100%;
	background-color: #FFF;
	font-size: 80%;
	padding-top: 0.3%;
	padding-bottom: 0.8%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: left;
}
.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;
}
#main {
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	overflow-x: hidden;
}
#sub {
	line-height: 23px;
	display: inline;
	float: left;
	width: 100%;
	color: #FFFFFF;
	padding-top: 0px
}
.sectio_221 {
	width: calc( 98% / 2);
	background: white;
	padding: 0.5%;
}
.sectio_61 {
	width: calc( 98% / 5 * 3);
	background: white;
	padding: 0.5%;
}
.sectio_41 {
	width: calc( 98% / 5 * 2);
	background: white;
	padding: 0.5%;
}
.sub_left {
	float: left;
}
.sub_right {
	float: right;
}

.sector {
	width: 100%;
	font-size: 1.0em;
}
.startgap {
	padding-bottom: 22em;
}
.sect {
	width: 100%;
	font-size: 1.0em;
}
.sub_g {
	margin-top: 8px;
	width: 100%;
	float: left;
    font-size: 1.1rem;
	letter-spacing: -0.11em;
}
.ttl {
	font-size: 1.5em;
	font-weight: 400;
	}
.smain {
	background-image: url(../images/daikin_eakon/mark4.png);
	background-size: 4%;
	height: 30px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: 1px 10px;
	padding-left: 22px;
	padding-top: 8px;
	color: #6DBEE9;
	text-align: left;
}
.smain1 {
	font-size:0.95em;
	font-weight: normal;
	letter-spacing: -0.08em;
	border: 1% inset #3D3D3D;
	text-align: center;
}
.tb-item {
	font-size:0.8em;
	font-weight: normal;
	letter-spacing: -0.08em;
	text-align: left;
}
.main_box {
	width: 100%;
	margin-bottom: 2%;
	margin-left: 2%;
	margin-right: 2%;
}
.last_line {
	margin-bottom: 6em;
}

/*メニューブロック全体の設定*/
#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 0;
	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: 100%;
	height: 20px;
	clear: both;
	text-align: center;
	color: #FFF;	/*文字色*/
	background: #444;	/*背景色*/
	bottom: 0;
	position: fixed;
}
}

/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 480px){
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
	margin: 0px 6px;
}
.serieslist {
	font-size: 1.1rem;
}
#topg {
	position: relative;
	background-color: #FFFFFF;
	padding: 1%;
	top: 220px;
	width: 97.3%;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
#top_img {
	width: 100%;
	float: left;
}
#package {
	width: 100%;
	height: auto;
/*	position: absolute;*/
/*	top: 160px;*/
	text-align: center;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;	/*ブロックの幅*/
	height: auto;	/*ブロックの高さ*/
	position: fixed;
	top: 0px;
	background-image: url(../images/daikin_eakon/haikei.png);
	z-index: 3;
}
h1 img {
	width: 100%;
	height: auto;
}
#pankuzu {
	width: 100%;
	background-color: #FFF;
	list-style-type: none;
	font-size: 0.8em;
	padding-top: 0.5%;
	padding-bottom: 0.8%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: left;
}
#contents {
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	top: 190px;
	overflow-x: auto;
}
.sectio_221 {
	width: calc( 98% / 1);
	background: white;
	padding: 0.5%;
}
.sectio_61 {
	width: calc( 98% / 5 * 5);
	background: white;
	padding: 0.5%;
}
.sectio_41 {
	width: calc( 98% / 5 * 5);
	background: white;
	padding: 0.5%;
}
.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;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	overflow-x: auto;
}
.smain2 {
	width: 98%;
	background-image: url(../images/daikin_eakon/sriin2.png);
	background-size: contain;
	height: 35px;
	font-size: 1.0rem;
	letter-spacing: -0.05em;
	font-weight: bold;
	background-repeat: no-repeat;
	overflow-x: auto;
	padding-left: 20px;
	color: #3FB139;
	line-height: 18px;
	margin-left: 10px;
	text-align: left;
	-ms-margin-top: 50px;
	margin-top: 0px;
}
.webp .smain2 {
	width: 97%;
	background-image: url(../images/daikin_eakon/sriin2.webp);
	background-size: contain;
	height: 37px;
	font-size: 1.0em;
	letter-spacing: -0.1em;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 25px;
	color: #3FB139;
	line-height: 18px;
	margin-left: 07px;
	text-align: left;
	-ms-margin-top: 50px;
	margin-top: 0px;
}
/*右側のタイトルの設定*/
.main_title {
	width:93.3%;
	background-color: #D4EBF9;  /* 背景色(薄い水色) */
	background-repeat: no-repeat;
	font-size: 1.2em;          /* 文字サイズ */
	font-weight: bold;          /* 文字太め */
	padding-left: 45px;         /* 文字の始まり(左側余白) */
	color: #0089D0;             /* 文字色(水色) */
	letter-spacing: -0.15rem;
	margin-bottom: 1%;
	background-image: url(../images/daikin_eakon/P_03.png);
	padding-top: 10px;
	padding-right: 50px;
	height: 40px;
	text-align: left; /* テキストの配置(左) */
	float: left;
	line-height: 19px;
	vertical-align: bottom;
	overflow-x: hidden;
}
	.tim {
		display: inline;
	}
/*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: 100%;
	font-size: 0.9em
}
.sect {
	width: 100%;
	font-size: 0.9em;
}
.sub_left {
	width: 43%;
	float: left;
}
.sub_right {
	width: 43%;
	float: right;
}
.sub_g {
	margin-top: 8px;
	width: 100%;
	float: left;
    font-size: 0.8rem;
	letter-spacing: -0.1em;
}
.startgap {
	padding-bottom: 17em;
}
.smain {
	background-image: url(../images/daikin_eakon/mark4.png);
	background-size: 5%;
	height: 20px;
	font-size: 1.1em;
	letter-spacing: -0.7pt;
	font-weight: bold;
	line-height: 10px;
	background-repeat: no-repeat;
	background-position: 1px 8px;
	padding-left: 14px;
	padding-top: 12px;
	color: #6DBEE9;
	text-align: left;
}
.smain1 {
	font-size:0.85em;
	font-weight: normal;
	letter-spacing: -0.09em;
	border: 1% inset #3D3D3D;
	text-align: center;
}
.smain_09 {
	background-image: url(../images/daikin_eakon/mark4.png);
	background-size: 2.8%;
	height: 35px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 32px;
	background-repeat: no-repeat;
	background-position: 1px 8px;
	padding-left: 18px;
	color: #6DBEE9;
	text-align: left;
}
.smain_10 {
	background-image: url(../images/daikin_eakon/mark4.png);
	background-size: 2.8%;
	height: 35px;
	letter-spacing: -0.9pt;
	font-size: 0.87em;
	font-weight: bold;
	line-height: 32px;
	background-repeat: no-repeat;
	background-position: 1px 8px;
	padding-left: 18px;
	color: #6DBEE9;
	text-align: left;
}
.tb-item {
	font-size:0.75em;
	font-weight: normal;
	letter-spacing: -0.1em;
	text-align: left;
}
#sub {
	width: 100%;
}
/*コンテンツ2(右)*/
#contents2 {
	width: 100%;
	text-align: left;
}
.main_box {
	width: auto;
	margin-bottom: 2%;
	margin-left: 2%;
	margin-right: 2%;
}
.last_line {
	margin-bottom: 3em;
}
/*コンテンツ3(左)*/
#contents3 {
	width: 100%;
}
#contents3_left {
	width: 47%;
	float: left;	
}
#contents3_right {
	width: 47%;
	float: right;	
}
#new2 dl {
	height: auto;
	padding-left: 5px;
}
/*日付設定*/
#new2 dt {
	float: none;
	width: auto;
}
/*記事設定*/
#new2 dd {
	padding-left: 0;
}
.menu-box {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#global-nav {
	display: none;
}
#global-nav li {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#toggle {
	display: block;
/*	position: relative;*/
	width: 98.5%;
	margin-left: auto;
	margin-right: auto;
	background: #6abbe5;
	text-align: center;
}
#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;/*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;/*20*/
	margin-top: -10px;/*-10px*/
	background: #fff;
}
#toggle a::before, #toggle a::after {
	display: block;
	content: "";
/*	position: absolute;*/
/*	top: 50%;*/
	left: 10px;
	width: 20px;
	height: 4px;
	background: #6abbe5;
}
#toggle a::before {
	margin-top: -6px;
}
#toggle a::after {
	margin-top: 2px;
}
/*その他
---------------------------------------------------------------------------*/
.ws {
	width: 96%;
}



}