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

/* ==================== font ==================== */

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Sen-Bold'; src: url('../font/Sen-Bold.ttf');
	}
	
/*@font-face {	
	font-family: 'SawarabiMincho-Regular'; src: url('../font/SawarabiMincho-Regular.ttf');
}*/	
	
 
/* ==================== font ==================== */

html{overflow: auto;}

body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	/*height: 100%;	 縦の高さを100% */
	/*width: 100%;	 横の幅を100% */
	
}



.first {
	margin-top: 0 !important;
	padding-top: 0 !important;
}



ul, ol {
	padding: 0.5em 0.5em 0.5em 1.5em;/*ボックス内の余白*/
	margin-top: 0px;
}

ul li, ol li {
	/*list-style-type: square;*/
	list-style-type: lower-roman;
	line-height: 1.5; /*文の行高*/
	padding: 0.5em 0; /*前後の文との余白*/
	font-family: "メイリオ ボールド";
	font-size: 12pt;	/*list-style-type: none!important;*/
}


button {
    border:none; /*枠を消す*/
    background-color:rgba(255,255,255,0.0); /*背景色を白に*/
} 


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


img {
   width:100%;
   max-width: 100%;
   height: auto;
   
}


/* ==================== レイアウト ==================== */

#wrap	{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
	
	/*border: solid 3px #aaaaaa;*/
	
}

#home	{
	height: 100% !important;
	margin: auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	/*min-width: 1024px;
	border: solid 1px #aaaaaa;*/
	
}	

 
 
#logo {
	top: 0px;
	margin-left: 50px;
	position: fixed;
	z-index: 3;
	
}

#logo ul {
  margin: 0;
  list-style: none;
}

#logo li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 75px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#logo li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 75px;
	
}

#logo li#home_logo           { left:0px; width: 235px; background: url(../images/int_logo.png) ;}

#logo li#home_logo a:hover   { background: url(../images/int_logo.png) -0px 0 no-repeat;}


/* sdgsバナー */

#sdgs_ban {
    position: absolute;
	top: 200px;
	right: 0;
	width: 420px;
	height: 58px;
	clear: both;
	z-index: 3;

}

#sdgs_ban ul {
  margin: 0;
  list-style: none;
}

#sdgs_ban li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 58px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#sdgs_ban li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 58px;
	
}

#sdgs_ban li#sdgs_logo           { left:0px; width: 420px; background: url(../images/sdgs_ban.png) ;}

#sdgs_ban li#sdgs_logo a:hover   { background: url(../images/sdgs_ban_on.png) -0px 0 no-repeat;}

/* fukuokaバナー */

#fukuoka_ban {
    position: absolute;
	top: 280px;
	right: 0;
	width: 420px;
	height: 65px;
	clear: both;
	z-index: 3;

}

#fukuoka_ban ul {
  margin: 0;
  list-style: none;
}

#fukuoka_ban li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 65px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#fukuoka_ban li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 65px;
	
}

#fukuoka_ban li#fukuoka_logo           { left:0px; width: 420px; background: url(../images/fukuoka_ban.png) ;}

#fukuoka_ban li#fukuoka_logo a:hover   { background: url(../images/fukuoka_ban_on.png) -0px 0 no-repeat;}

/* ソーラーバナー */

#solar_ban {
    position: absolute;
	top: 360px;
	right: 0;
	width: 420px;
	height: 65px;
	clear: both;
	z-index: 3;

}

#solar_ban ul {
  margin: 0;
  list-style: none;
}

#solar_ban li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 65px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#solar_ban li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 65px;
	
}

#solar_ban li#solar_logo           { left:0px; width: 420px; background: url(../images/sun_ban.png) ;}

#solar_ban li#solar_logo a:hover   { background: url(../images/sun_ban_on.png) -0px 0 no-repeat;}


/* SDGs BT*/

#sdgs_bt {
	position: relative;
	width: 180px;
	height: 180px;
	clear: both;
	z-index: 3;
	margin: auto;
	margin-top: 15px;
}

#sdgs_bt ul {
  margin: 0;
  list-style: none;
}

#sdgs_bt li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 180px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#sdgs_bt li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 180px;
	
}

#sdgs_bt li#sdgs_go           { left:0px; width: 180px; background: url(../images/sdgs_bt0.png) ;}

#sdgs_bt li#sdgs_go a:hover   { background: url(../images/sdgs_on0.png) -0px 0 no-repeat;}


/* SDGs BT-E*/

#sdgs_bte {
	position: relative;
	width: 180px;
	height: 180px;
	clear: both;
	z-index: 3;
	margin: auto;
	margin-top: 15px;
}

#sdgs_bte ul {
  margin: 0;
  list-style: none;
}

#sdgs_bte li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 180px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#sdgs_bte li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 180px;
	
}

#sdgs_bte li#sdgs_go_e           { left:0px; width: 180px; background: url(../images/sdgs_bt0e.png) ;}

#sdgs_bte li#sdgs_go_e a:hover   { background: url(../images/sdgs_on0e.png) -0px 0 no-repeat;}

/* SDGs BT-SP*/

#sdgs_btsp {
	position: relative;
	width: 180px;
	height: 180px;
	clear: both;
	z-index: 3;
	margin: auto;
	margin-top: 15px;
}

#sdgs_btsp ul {
  margin: 0;
  list-style: none;
}

#sdgs_btsp li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 180px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#sdgs_btsp li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 180px;
	
}

#sdgs_btsp li#sdgs_go_sp           { left:0px; width: 180px; background: url(../images/sdgs_bt0sp.png) ;}

#sdgs_btsp li#sdgs_go_sp a:hover   { background: url(../images/sdgs_on0sp.png) -0px 0 no-repeat;}


/* インテレクト・チリ */

#logo_chile {
	top: 0px;
	margin-left: 50px;
	position: fixed;
	z-index: 3;
	
}

#logo_chile ul {
  margin: 0;
  list-style: none;
}

#logo_chile li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 75px;
	text-indent: -9999px;
	list-style-type: none!important;

}


#logo_chile li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 75px;
	
}

#logo_chile li#home_logo           { left:0px; width: 235px; background: url(../images/int_chile_logo.png) ;}

#logo_chile li#home_logo a:hover   { background: url(../images/int_chile_logo.png) -0px 0 no-repeat;}





.page_title	{
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	padding-bottom: 5px;
	font-size: 30pt;
	font-family: "Sen-Bold";
	text-align: left;
	float: none;
	color: #333333;
 }
 
 .page_title_s	{
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	padding-bottom: 5px;
	font-size: 15pt;
	font-family: "Sen-Bold";
	text-align: left;
	float: none;
	color: #333333;
 }

 
#tagline	{
	margin-top: 225px;
	margin-left: 50px;
	position: absolute;
	width: 520px;
	height: 60px;
	background-image: url(../images/tagline.png);
	z-index: 2;
 }
 
#tagline_s	{display: none;} 
 
 
#sqd	{
	margin-left: 20px;
	position: absolute;
	width: 34px;
	height: 160px;
	background-image: url(../images/scrolldown.png);
	z-index: 2;
	bottom: 65px;	
 } 
 
/*slick slider style start here*/

.full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 600px;
	margin: 0;
	position: relative;
	z-index: 0;
	width: 100%;
}


.full div.img01 {
  background-image: url(../images/top_photo01.png);
}
.full div.img02 {
  background-image: url(../images/top_photo02.png);
}
.full div.img03 {
  background-image: url(../images/top_photo03.png);
}
.full div.img04 {
  background-image: url(../images/top_photo04.png);
}
.full div.img05 {
  background-image: url(../images/top_photo05.png);
}
.full div.img06 {
  background-image: url(../images/top_photo06.png);
}
.full div.img07 {
  background-image: url(../images/top_photo07.png);
}
.full div.img08 {
  background-image: url(../images/top_photo08.png);
}

.full .slick-dots {
    bottom: 4%;
    z-index: +1;
}

/*
.s_full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	margin: 0;
	position: relative;
	z-index: 0;
	width: 100%;
}


.s_full div.img01 {
  background-image: url(../images/480_01.png);
}
.s_full div.img02 {
  background-image: url(../images/480_02.png);
}
.s_full div.img03 {
  background-image: url(../images/480_03.png);
}
.s_full div.img04 {
  background-image: url(../images/480_04.png);
}
.s_full div.img05 {
  background-image: url(../images/480_05.png);
}
.s_full div.img06 {
  background-image: url(../images/480_06.png);
}
.s_full div.img07 {
  background-image: url(../images/480_07.png);
}
.s_full div.img08 {
  background-image: url(../images/480_08.png);
}

.s_full .slick-dots {
    bottom: 4%;
    z-index: +1;
}*/


/*slick slider style start here*/
.sliderArea {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0px;
	margin-bottom: 30px;
	/*border: solid 3px #aaaaaa;*/
	
}
.sliderArea.w300 {
    max-width: 300px;
}
.slick-slide {
    margin: 0 5px;
}
.slick-slide img {
    width: 100%;
    height: auto;
}
.slick-prev, .slick-next {
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    color: #000;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}
.thumb {
    margin: 20px 0 0;
}
.thumb .slick-slide {
    cursor: pointer;
}
.thumb .slick-slide:hover {
    opacity: .7;
}


/* ==================== Home ナビゲーションバー ==================== */

#home_navi {
	z-index: 1;
	position: absolute;
	bottom: 0px;
	width: 100%;
	
}

#home_navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333333;
	opacity:0.8;
}

#home_navi li {
	float: left;
	border-right: 1px solid #bbbbbb;
	list-style-type: none!important;
}

#home_navi li:last-child {
	border-right: none;
}

#home_navi li a {
	display: block;
	color: white;
	font-family: "Sen-Bold";
	font-size: 12px;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
}

#home_navi li a:hover:not(.act) {
	background-color: #a9bce2;
}

.act {
	background-color: #da3c41;
}


/* ==================== Business ナビゲーションバー ==================== */


#business_ing	{display: none;} 

#business_navi {
	background: url(../images/business_base.png) -0px 0 no-repeat;
	position: relative;
	margin: auto;
	width: 900px;
	height: 450px;
	z-index: 1;
}

#business_navi ul {
  margin: 0;
  list-style: none;
}
#business_navi li {
	position: absolute;
	height: 115px;
	text-indent: -9999px;
	list-style-type: none!important;
}

#business_navi li a {
	text-decoration: none;		
	display: block;
	height: 115px;
}

#business_navi li a:hover {
	text-decoration: none;		
	display: block;
	height: 115px;

}

#business_navi li#plan      {top: 87px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi li#consult   {top: 204px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi li#pm        {top: 87px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi li#om        {top: 204px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi li#construct {top: 327px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi li#design    {top: 327px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}

#business_navi li#plan a:hover       { background: url(../images/business_a.png) -0px 0 no-repeat;}
#business_navi li#consult a:hover    { background: url(../images/business_b.png) -0px 0 no-repeat;}
#business_navi li#pm a:hover         { background: url(../images/business_c.png) -0px 0 no-repeat;}
#business_navi li#om a:hover         { background: url(../images/business_d.png) -0px 0 no-repeat;}
#business_navi li#construct a:hover  { background: url(../images/business_e.png) -0px 0 no-repeat;}
#business_navi li#design a:hover     { background: url(../images/business_f.png) -0px 0 no-repeat;}



/* ==================== Business ナビゲーションバー english ==================== */



#business_navi_e {
	background: url(../images/business_base_e.png) -0px 0 no-repeat;
	position: relative;
	margin: auto;
	width: 900px;
	height: 450px;
	z-index: 1;
}

#business_navi_e ul {
  margin: 0;
  list-style: none;
}
#business_navi_e li {
	position: absolute;
	height: 115px;
	text-indent: -9999px;
	list-style-type: none!important;
}

#business_navi_e li a {
	text-decoration: none;		
	display: block;
	height: 115px;
}

#business_navi_e li a:hover {
	text-decoration: none;		
	display: block;
	height: 115px;

}

#business_navi_e li#plan      {top: 87px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_e li#consult   {top: 204px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_e li#pm        {top: 87px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_e li#om        {top: 204px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_e li#construct {top: 327px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_e li#design    {top: 327px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}

#business_navi_e li#plan a:hover       { background: url(../images/business_a_e.png) -0px 0 no-repeat;}
#business_navi_e li#consult a:hover    { background: url(../images/business_b_e.png) -0px 0 no-repeat;}
#business_navi_e li#pm a:hover         { background: url(../images/business_c_e.png) -0px 0 no-repeat;}
#business_navi_e li#om a:hover         { background: url(../images/business_d_e.png) -0px 0 no-repeat;}
#business_navi_e li#construct a:hover  { background: url(../images/business_e_e.png) -0px 0 no-repeat;}
#business_navi_e li#design a:hover     { background: url(../images/business_f_e.png) -0px 0 no-repeat;}



/* ==================== Business ナビゲーションバー Spanish ==================== */


#business_navi_sp {
	background: url(../images/business_base_sp.png) -0px 0 no-repeat;
	position: relative;
	margin: auto;
	width: 900px;
	height: 450px;
	z-index: 1;
}

#business_navi_sp ul {
  margin: 0;
  list-style: none;
}
#business_navi_sp li {
	position: absolute;
	height: 115px;
	text-indent: -9999px;
	list-style-type: none!important;
}

#business_navi_sp li a {
	text-decoration: none;		
	display: block;
	height: 115px;
}

#business_navi_sp li a:hover {
	text-decoration: none;		
	display: block;
	height: 115px;

}

#business_navi_sp li#plan      {top: 87px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_sp li#consult   {top: 204px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_sp li#pm        {top: 87px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_sp li#om        {top: 204px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_sp li#construct {top: 327px; left: 259px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}
#business_navi_sp li#design    {top: 327px; left: 579px; width: 314px; background: url(../images/business_enpty.png) -0px 0 no-repeat;}

#business_navi_sp li#plan a:hover       { background: url(../images/business_a_sp.png) -0px 0 no-repeat;}
#business_navi_sp li#consult a:hover    { background: url(../images/business_b_sp.png) -0px 0 no-repeat;}
#business_navi_sp li#pm a:hover         { background: url(../images/business_c_sp.png) -0px 0 no-repeat;}
#business_navi_sp li#om a:hover         { background: url(../images/business_d_sp.png) -0px 0 no-repeat;}
#business_navi_sp li#construct a:hover  { background: url(../images/business_e_sp.png) -0px 0 no-repeat;}
#business_navi_sp li#design a:hover     { background: url(../images/business_f_sp.png) -0px 0 no-repeat;}




/* ==================== 言語 ナビゲーションバー ==================== */

#language {
  /*   background: url(../images/lang_base.png) -0px 0 no-repeat;*/
	position: absolute;
	top: 55px;
	right: 0;
	width: 300px;
	height: 30px;
	clear: both;	
	z-index: 2;
}

#language ul {
  margin: 0;
  list-style: none;
}
#language li {
	margin: 0;
	position: absolute;
	top: 0px;
	padding: 0px;
	height: 30px;
	text-indent: 0px;
	text-align: center;
	font-family: "Sen-Bold";
	color: #CC0033;
	font-size: 15px;
	font-style: italic;	
	text-shadow:3px 3px 2px #333333;
	list-style-type: none!important;
}

#language li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 30px;
	color: #FFFFFF;
}

#language li a:hover {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 30px;
	color: #009999;
	text-shadow:0px 0px 0px;
}

#language li#japanese       { right: 200px; width: 100px; }
#language li#english        { right: 100px; width: 100px;}
#language li#espanol        { right: 0px; width: 100px;}


#language li#japanese a:hover    { background: url(../images/lang_on.png) -0px 0 no-repeat;}
#language li#english a:hover     { background: url(../images/lang_on.png) -0px 0 no-repeat;}
#language li#espanol a:hover     { background: url(../images/lang_on.png) -0px 0 ;}



#contactus {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 215px;
	height: 40px;
	clear: both;
	z-index: 1;
}

#contactus ul {
  margin: 0;
  list-style: none;
}
#contactus li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 40px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#contactus li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 40px;
	
}

#contactus li#contact           { right: 0px; width: 215px; background: url(../images/contact_off.png) -0px 0 no-repeat;}

#contactus li#contact a:hover   { background: url(../images/contact_on.png) -0px 0 no-repeat;}


#back {
	position: relative;
	top: 10px;
	margin: auto;
	width: 200px;
	height: 42px;
	clear: both;
	z-index: 1;
}

#back ul {
  margin: 0;
  list-style: none;
}

#back li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 42px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#back li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 40px;
	
}

#back li#back           { right: 0px; width: 200px; background: url(../images/home_back.png) -0px 0 no-repeat;}

#back li#back a:hover   { background: url(../images/home_back_roll.png) -0px 0 no-repeat;}

/* ==================== コンテンツ ==================== */


.top_container	{
	width: 80%;
	height:auto;
	margin: auto;
	position: relative;
	margin-top: 20px;
	margin-bottom: 0px;
	/*font */
	font-size: 150%;
	color: #333333;
	font-family: "メイリオ ボールド";
	padding: 0px 0px 10px 0px;
	line-height: 40px;
	text-align: left;
	font-weight: bold;	
} 


/* ==================== コンテンツ ==================== */

.contents_block {
	padding-top: 80px;
}

.contents_block_inner {
    padding-top: 80px;
    margin-top:-80px;
}

.contents_line {
	margin: 0 auto;
	width: 90%;
	margin-top: 50px;
	border-top: 1px solid #cccccc;
	clear: both;
	margin-bottom: 50px;
}


.bis_contents_line {
	margin: 0 auto;
	width: 90%;
	margin-top: 30px;
	border-top: 1px solid #cccccc;
	clear: both;
}


.container	{
	width: 80%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	
} 

.container_img	{
	width: 80%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

.container p	{
	/*font */
	font-size: 14pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "メイリオ ボールド";
	line-height: 28px;
	/*text-align: left;*/
}

.container h1	{
 	font-size: 17pt;
	color: #333333;
	font-family: "メイリオ ボールド";
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 30px;
	text-align: left;
} 

.container h2	{
	font-size: 15pt;
	color: #333333;
	font-family: "メイリオ ボールド";
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	line-height: 30px;
	text-align: left;
	border: 0;
	font-weight: bold;
} 

.container p2	{
	/*font */
	font-size: 12pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "メイリオ ボールド";
	line-height: 20px;
	text-align: left;
}

.container p3	{
	/*font */
	margin: auto;
	font-size: 14pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "メイリオ ボールド";
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}


.container p4	{
	/*font */
	font-size: 9pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "メイリオ ボールド";
	line-height: 18px;
	/*text-align: left;*/
}


.container  h3	{
	font-size: 150%;
	color: #336699;
	font-family: "メイリオ ボールド";
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	line-height: 40px;
	text-align: left;
}
 
.container  h4	{
	font-size: 150%;
	color: #00b0de;
	font-family: "メイリオ ボールド";
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	line-height: 40px;
	text-align: left;
}
 

.color_container	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #336699;
	/*font */
	font-size: 130%;
	color: #FFFFFF;
	padding: 10px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: center;
	/*border-radius: 10px 10px 10px 10px;
    border: solid 1px #aaaaaa; */
}



.text_container	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	color: #333333;
	font-family: "メイリオ ボールド";
	line-height: 30px;
	text-align: center;	
	
}

.color_container02	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	background-color: #999933;
	/*font */
	font-size: 130%;
	color: #FFFFFF;
	padding: 10px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: center;
}

.color_container03	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #0099CC;
	/*font */
	font-size: 130%;
	color: #FFFFFF;
	padding: 10px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: center;
}

.color_container04	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	/*background-color: #00b0de;*/
	/*font */
	font-size: 130%;
	color: #FFFFFF;
	padding: 10px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: center;
}

.text_container p	{
	font-size: 100%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 10px;
	font-family: "メイリオ ボールド";
	line-height: 20px;
	text-align: center;
	font-weight: bold;
}

.company_cont	{
	width: 80%;
	height:auto;
	margin:auto;
	position: relative;
	margin-top: 20px;
	margin-bottom: 0px;
/*border: solid 1px #aaaaaa; */
} 

.company_cont p	{
	font-size: 12pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "メイリオ ボールド";
	line-height: 30px;
	text-align: left;	
}
	
.company_cont p2	{
	font-size: 130%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 100px 0px;
	font-family: "SawarabiMincho-Regular";
	line-height: 25px;
	text-align: left;
}

	

	
.newscontainer	{
	width: 80%;
	height:auto;
	margin: auto;
	position: relative;
	margin-top: 100px;
	margin-bottom: 20px;
	/*border: solid 1px #aaaaaa; */
	
} 

.newscontainer p	{
	font-size: 14pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 40px;
	text-align: left;	
}



.bis_container	{
	width: 80%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}


.bis_container p	{
	/*font */
	font-size: 12pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 10px 5px;
	font-family: "メイリオ ボールド";
	line-height: 28px;
	text-align: left;
}

.bis_container p2	{
	/*font */
	font-size: 14pt;
	color: #FF6400;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 10px 5px;
	font-family: "メイリオ ボールド";
	line-height: 30px;
	text-align: left;
}

.bis_container  h3	{
	font-size: 150%;
	color: #336699;
	font-family: "メイリオ ボールド";
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	line-height: 25px;
	text-align: left;
}


/* ==================== パーツ ==================== */

.box1	{
	width: 33.3%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #aaaaaa; */
		
} 

.box2	{
	width: 33.3%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: solid 1px #aaaaaa; */
	float: left;	
	
}

.box3	{
	width: 33.3%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	/*border: solid 1px #aaaaaa; */
	
}

.box4	{
	width: 49%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	/*border: solid 1px #aaaaaa; */
	
}

.box5	{
	width: 49%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
	/*border: solid 1px #aaaaaa; */
	
}

.box6	{
	width: 49%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	border-top: 1px solid #333333;
	/*border: solid 1px #aaaaaa; */
	
}

.box7	{
	width: 49%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
	border-top: 1px solid #333333;

	/*border: solid 1px #aaaaaa; */
	
}

.box8	{
	width: 100%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
	/*border-top: 1px solid #333333;
　　　border: solid 1px #aaaaaa; */
	
}
.box_left	{
	width: 225px;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #aaaaaa; */
		
} 


.box_right	{
	width: 70%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	float: right;
	/*border: solid 1px #aaaaaa; */
	
}

.ing_box1	{
	width: 230px;
	height:240px;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
} 

.ing_box2	{
	width: 300px;
	height:240px;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;	
}


.text_box	{
	width: 80%;
	height:auto;
	margin: 0 auto; 
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: solid 1px #aaaaaa; */
} 

.text_box h1 {
	font-size: 13pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-family: "メイリオ ボールド";
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.text_box h2 {
	font-size: 13pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-family: "メイリオ ボールド";
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	border: 0;
}

.text_box p {
	font-size: 12pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 26px;
	text-align: left;
}

.text_box 2p {
	font-size: 9pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 20px;
	text-align: left;
}



.box_title {
	width:60%;
	display:block;
	margin:auto;
	padding: 6px 0px;
	font-size:110%;
	font-family: "メイリオ ボールド";
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	border-style: solid;
	border-width: 3px;
	color:#333;
	margin-bottom: 10px;	
	
}


/* ==================== business ====================*/

.business_title	{
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	padding-bottom: 15px;
	font-size: 20pt;
	font-family: "メイリオ ボールド";
	text-align: left;
	float: none;
	color: #333333;
	font-weight: bold;
	width: 100%;
 }

ul.detail {

	width:200px;
	height: 50px;
	list-style-type:none;
	margin: auto;
	padding:0;
	margin-top: 20px;
}

ul.detail li {
	width:200px;
	height: 50px;
	margin: 0;
	padding: 0;
	list-style-type: none!important;
}

ul.detail a {
	display:block;
	margin:0px;
	padding:10px;
	font-size:16px;
	font-family: "メイリオ ボールド";
	font-weight: bold;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	border-style: solid;
	border-width: 3px;
	color:#333333;
	
}

ul.detail a:hover {
	color:#3399FF;
}

/* ==================== ソーラシステム ナビゲーションバー ==================== */

#solar_cont	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	
}

 #solar_cont_tate {display: none;}



.box10	{
	width: 20%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.box11	{
	width: 20%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #cccccc; */
}


.box12	{
	width: 20%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.box13	{
	width: 25%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.box14	{
	width: 25%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #cccccc; */
}

.box15	{
	width: 25%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 50px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.solar_container	{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	background-color: #29ABBE;
	/*font */
	font-size: 150%;
	color: #FFFFFF;
	padding: 10px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: center;
	font-weight: bold;
}

.solar_basse	{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 0px 0px 0px 0px;
	border: #0883CB 2px solid;
	/*background-color: #9999FF;*/
	
}	
.solar_p	{
	color: #0883CB;
	font-size: 130%;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: left;
	padding-top: 10pt;
	padding-right: 10pt;
	padding-left: 10pt;
	padding-bottom: 10pt;
	font-weight: bold;
}

.solar_p2	{
	color: #ffffff;
	font-size: 150%;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	padding-top: 60pt;
	padding-right: 10pt;
	padding-left: 10pt;
	padding-bottom: 10pt;
	font-weight: bold;
}

.hover-image {
   width: 900px;
   height: 350px;
}

.hover-image img {
   width: 900px;
   height: 350px;
}

.hover-image:hover img {
   display: none;
}

.hover-image:hover {
   background-image: url(../images/sun_sytem02.png) -0px 0 no-repeat;
   background-repeat: no-repeat;
}

.solar_box	{
	width: 90%;
	height:auto;
	margin: 0 auto; 
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: solid 1px #aaaaaa; */
} 

.solar_box p {
	font-size: 10pt;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 24px;
	text-align: left;
}

.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}

.slider p,
.slider-nav p {
   width: 300px;
	height:auto;
	margin: 10px;
	text-align: center;
	border-radius: 10px 10px 10px 10px;
	border: #0883CB 2px solid;	
	/*
	font-size: 12pt;
	font-weight: bold;
	line-height: 45px;
	color: #0883CB;
	background-color: #DCD9D9;
	*/
}

.circle{
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #ed5b03; /*背景色*/
}

/* ==================== pdf ==================== */

.pdf_basse	{
	width: 70%;
	height: auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	/*border-radius: 30px 0px 0px 30px;
	border: #333333 1px solid;
	background-color: #9999FF;*/
	/*font */
	font-size: 130%;
	padding: 10px 0px 10px 10px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: left;
	font-weight: bold;
	color: inherit;	
}

.pdf_basse a:link {
	text-decoration: none;
	color: #333333;
}

.pdf_basse a:visited {
	text-decoration: none;
	color: #333333;
}

.pdf_basse a:hover {
	text-decoration: none;
	color: #0066CC;
}



/* ==================== SDGs ====================*/

/* sdgsバナー */

#sdgs_banner {
	position: absolute;
	top: 150px;
	right: 0;
	width: 233px;
	height: 30px;
	clear: both;
	z-index: 3;
}

#sdgs_banner ul {
  margin: 0;
  list-style: none;
}

#sdgs_banner li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 30px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#sdgs_banner li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 30px;
	
}

#sdgs_banner li#sdgs_logo           { left:0px; width: 233px; background: url(../images/sdgs_banner_s.png) ;}

#sdgs_banner li#sdgs_logo a:hover   { background: url(../images/sdgs_banner_s_on.png) -0px 0 no-repeat;}


.sdgs1	{
	width: 25%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	margin-left: 0px;	
	/*border: solid 1px #aaaaaa; */
		
}

.sdgs2	{
	width: 25%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
	/*border: solid 1px #aaaaaa; */
	
}

.sdgs3	{
	width: 50%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
	/*border: solid 1px #aaaaaa; */
	
}

.ing_sdgs1	{
	width: 230px;
	height:200px;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
} 

.ing_sdgs2	{
	width: 420px;
	height:200px;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
} 

/* ==================== allow ==================== */


#allow {
   /* background: url(../images/scrolldown_blk.png) -0px 0 no-repeat;*/
	position: fixed;
	bottom: 250px;
	margin-left:15px;
	width: 42px;
	height: 222px;
	z-index: 1;	
}


#allow a {
	text-decoration: none;
	width: 42px;
	text-decoration: none;
	width: 42px;
	display: block;
	background: url(../images/allow.png) -0px 0 no-repeat; width: 42px; height:42px;
	
}
	
	
#allow a:hover {
	text-decoration: none;
	width: 42px;
	background: url(../images/allow_roll.png) -0px 0 no-repeat; width:42px; height:42px;
}


/* ==================== table ==================== */

#tbWrap {
	width:80%;
	margin:0 auto;
	color:#333333;
	line-height:140%;
	font-size:100%;
}

table.tb_Table{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.tb_Table td,table.tb_Table th{
	border: 1px solid #ccc;
	padding: 10px;
}
table.tb_Table th{
	/*width:20%;*/
	font-weight:normal;
	background:#fff;
	/*text-align:left;*/
}


#tbWrap02 {
	width:80%;
	margin:0 auto;
	color:#333333;
	line-height:140%;
	font-size:100%;
	
}

table.tb_Table02{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.tb_Table02 td,table.tb_Table th{
	padding:10px;
}
table.tb_Table02 th{
	font-weight:normal;
	background:#fff;	/*text-align:left;*/
}

#tbWrap03 {
	width:100%;
	margin:0 auto;
	color:#333333;
	line-height:140%;
	font-size:100%;
	
	
}



/* ==================== mailform ==================== */

#formWrap {
	width:80%;
	margin:0 auto;
	color:#333333;
	line-height:120%;
	font-size:90%;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	/*text-align:left;*/
}
/* 
#formWrap p {
	font-size: 12pt;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 16px;
}

#formWrap p2 {
	font-size: 10pt;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 16px;
}
*/

/* ==================== mail ==================== */
#wrap	{
	height: auto !important;
	margin: auto;
	width: 100%;
	position: relative;
	/*border: solid 1px #aaaaaa;*/
	
}

#thanks_container	{
	width: 800px;
	padding:30px 50px 50px 50px;
	height:auto;
	margin: auto;
	
	position: relative;
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px;
	margin-top: 30px;
	
} 

#imagebox{
	width: 100%;
	height:100%;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 50px;
}

 
 #back_home	{
	width: 200px;
	height: 42px;
	margin: auto;
	margin-bottom: 50px;
 }

/* ==================== フッター ==================== */

#foot_base{
	margin: auto;
	top: 100px;
	width: 100%;
	height:100px;
	background-color: #666666;
	clear: both;
	position: relative;
}

#foot_base02{
	height: 200px;
	margin: auto;
	width: 100%;
	background-color: #666666;
	position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
	/*border: solid 1px #aaaaaa;*/
}

#foot{
	margin: auto;
	top: 0px;
	width: 100%;
	height:82px;
	clear: both;
	position: relative;
	/*border: solid 1px #aaaaaa;*/
	
	}
	
#foot p	{
	font-size: 10pt;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-family: "メイリオ ボールド";
	line-height: 20px;
	text-align: center;
	padding-top: 40px;
	/*padding-right: 135px;	*/
	}	
	
	
#mail {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 60px;
	height: 82px;
	clear: both;
	z-index: 2;
}

#mail ul {
  margin: 0;
  list-style: none;
}

#mail li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 82px;
	list-style-type: none!important;
	/*text-indent: -9999px;*/

}

#mail li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 82px;
	
}

#mail li#mail           { right: 0px; width: 60px; background: url(../images/mail.png) -0px 0 no-repeat;}

#mail li#mail a:hover   { background: url(../images/mail_roll) -0px 0 no-repeat;}	





@media screen and (max-width: 480px){



html, body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	height: 100%;	/* 縦の高さを100% */
	width: 100%;	/* 横の幅を100% */
	/*overflow-x: hidden;  横スクロール禁止 */
}



/* 文字サイズを小さく 

body {font-size: 13px;}*/
	  
/* ページ幅をスマホ画面に合わせる */

#wrap {
       width: 100%;
       padding: 0 0px;
      }

#home	{
         width: 100%;
		 max-height: 212px;
		 position: relative;
		 overflow: hidden; 
		/* border: solid 5px #aaaaaa;*/
		}   

/* サイトロゴの幅を小さくし、回り込み解除 logo_chile*/

#logo_chile {
	top: 0px;
	margin-left: 0px;
	position: fixed;
	z-index: 3;
	
}

#logo_chile ul {
  margin: 0;
  list-style: none;
}

#logo_chile li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 56px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#logo_chile li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 56px;
	
}

#logo_chile li#home_logo           { left:0px; width: 176px; background: url(../images/int_chile_logo_sp.png) ;}

#logo_chile li#home_logo a:hover   { background: url(../images/int_chile_logo_sp.png) -0px 0 no-repeat;}


/* サイトロゴの幅を小さくし、回り込み解除 */

#logo {
	top: 0px;
	margin-left: 0px;
	position: fixed;
	z-index: 3;
	
}

#logo ul {
  margin: 0;
  list-style: none;
}

#logo li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 56px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#logo li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 56px;
	
}

#logo li#home_logo           { left:0px; width: 176px; background: url(../images/int_logo_sp.png) ;}

#logo li#home_logo a:hover   { background: url(../images/int_logo_sp.png) -0px 0 no-repeat;}

	
/* ナビゲーションを非表示 */

#home_navi {display: none;}
	
#tagline	{
	margin-top: 65px;
	margin-left: 10px;
	position: absolute;
	width: 259px;
	height: 53px;
	background-image: url(../images/tagline_s.png);
	z-index: 2;
 }

#sqd {display: none;}
 
#language {
    background: url(../images/lang_base.png) -0px 0 no-repeat;
	position: absolute;
	top: 230px;
	right: 0;
	width: 300px;
	height: 20px;
	clear: both;	
	z-index: 1;
}
 
.contents_block {
	padding-top: 50px;
}

.contents_block_inner {
    padding-top: 50px;
    margin-top:-50px;
}
 
 
.full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width:100%;
	min-height: 212px;;
	margin: 0;
	z-index: 0;
	
}
 
.full div.img01 {
  background-image: url(../images/480_01.png);
}
.full div.img02 {
  background-image: url(../images/480_02.png);
}
.full div.img03 {
  background-image: url(../images/480_03.png);
}
.full div.img04 {
  background-image: url(../images/480_04.png);
}
.full div.img05 {
  background-image: url(../images/480_05.png);
}
.full div.img06 {
  background-image: url(../images/480_06.png);
}
.full div.img07 {
  background-image: url(../images/480_07.png);
}
.full div.img08 {
  background-image: url(../images/480_08.png);
}

.full .slick-dots {
    bottom: 4%;
    z-index: +1;
}




.business_title	{
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	padding-bottom: 15px;
	font-size: 15pt;
	font-family: "メイリオ ボールド";
	text-align: left;
	float: none;
	color: #333333;
	font-weight: bold;
	width: 100%;
 }




#allow {
    background: url(../images/scrolldown_ept.png) -0px 0 no-repeat;
	position: fixed;
	bottom: 200px;
	margin-left: 3px;
	width: 32px;
	height: 222px;
	z-index: 10;	
}

#allow a {
	text-decoration: none;
	width: 32px;
	text-decoration: none;
	width: 32px;
	display: block;
	background: url(../images/allow_sp.png) -0px 0 no-repeat; width: 32px; height:32px;
	
}
	
	
#allow a:hover {
	text-decoration: none;
	width: 32px;
	background: url(../images/allow_sp_roll.png) -0px 0 no-repeat; width:32px; height:32px;
}


#business_navi {
	background: url(../images/business_base_s.png) -0px 0 no-repeat;
	position: relative;
	margin: auto;
	width: 350px;
	height: 184px;
	z-index: 0;

}



#business_navi ul {
  margin: 0;
  list-style: none;
}

#business_navi li {
	position: absolute;
	height: 50px;
	text-indent: -9999px;
	list-style-type: none!important;
}

#business_navi li a {
	text-decoration: none;		
	display: block;
	height: 50px;
}

#business_navi li a:hover {
	text-decoration: none;		
	display: block;
	height: 50px;

}

#business_navi li#plan      {top: 27px; left: 59px; width: 143px; background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#consult   {top: 80px; left: 59px; width: 143px; background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#pm        {top: 27px; left: 204px; width: 143px; background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#om        {top: 80px; left: 204px; width: 143px; background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#construct {top: 132px; left: 59px; width: 143px; background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#design    {top: 132px; left: 204px; width: 143px; background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}

#business_navi li#plan a:hover       { background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#consult a:hover    { background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#pm a:hover         { background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#om a:hover         { background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#construct a:hover  { background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}
#business_navi li#design a:hover     { background: url(../images/business_s_enpty.png) -0px 0 no-repeat;}

 

#business_navi_e {
	background: url(../images/business_base_s_e.png) -0px 0 no-repeat;
	position: relative;
	margin: auto;
	width: 350px;
	height: 184px;
	z-index: 0;

}



#business_navi_e ul {
  margin: 0;
  list-style: none;
}

#business_navi_e li {
	position: absolute;
	height: 51px;
	text-indent: -9999px;
	list-style-type: none!important;
}

#business_navi_e li a {
	text-decoration: none;		
	display: block;
	height: 51px;
}

#business_navi_e li a:hover {
	text-decoration: none;		
	display: block;
	height: 51px;

}

#business_navi_e li#plan      {top: 27px; left: 101px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#consult   {top: 80px; left: 101px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#pm        {top: 27px; left: 224px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#om        {top: 80px; left: 225px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#construct {top: 132px; left:101px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#design    {top: 132px; left: 225px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}

#business_navi_e li#plan a:hover       { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#consult a:hover    { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#pm a:hover         { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#om a:hover         { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#construct a:hover  { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_e li#design a:hover     { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}



#business_navi_sp {
	background: url(../images/business_base_s_sp.png) -0px 0 no-repeat;
	position: relative;
	margin: auto;
	width: 350px;
	height: 184px;
	z-index: 0;

}



#business_navi_sp ul {
  margin: 0;
  list-style: none;
}

#business_navi_sp li {
	position: absolute;
	height: 51px;
	text-indent: -9999px;
	list-style-type: none!important;
}

#business_navi_sp li a {
	text-decoration: none;		
	display: block;
	height: 51px;
}

#business_navi_sp li a:hover {
	text-decoration: none;		
	display: block;
	height: 51px;

}

#business_navi_sp li#plan      {top: 27px; left: 101px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#consult   {top: 80px; left: 101px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#pm        {top: 27px; left: 224px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#om        {top: 80px; left: 225px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#construct {top: 132px; left:101px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#design    {top: 132px; left: 225px; width: 122px; background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}

#business_navi_sp li#plan a:hover       { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#consult a:hover    { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#pm a:hover         { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#om a:hover         { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#construct a:hover  { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}
#business_navi_sp li#design a:hover     { background: url(../images/business_s_enpty_e.png) -0px 0 no-repeat;}


 
.page_title	{
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	padding-bottom: 0px;
	font-size: 20pt;
	font-family: "Sen-Bold";
	text-align: left;
	float: none;
	color: #333333;
 }


.top_container	{
	width: 80%;
	height:auto;
	margin: auto;
	position: relative;
	margin-top: 20px;
	margin-bottom: 0px;
	/*font */
	font-size: 130%;
	color: #333333;
	font-family: "メイリオ ボールド";
	padding: 0px 0px 10px 0px;
	line-height: 25px;
	text-align: left;
	font-weight: bold;	
}
 

.top_container p {
	font-size: 100%;
	color: #333333;
	font-family: "Sawarabi Mincho";
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	line-height: 20px;
	text-align: left;	
	
}

.container	{
	width: 80%;
	height:auto;
	margin: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: solid 1px #aaaaaa; */
	
} 


.container_img	{
	width: 90%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

.container p	{
	font-size: 120%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: left;	
}

.container h1	{
 	font-size: 130%;
	color: #333333;
	font-family: "メイリオ ボールド";
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 30px;
	text-align: left;
}

.container  h3	{
	font-size: 120%;
	color: #336699;
	font-family: "メイリオ ボールド";
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 10px 0px 5px 0px;
	line-height: 20px;
	text-align: left;
}

.container  h4	{
	font-size: 100%;
	color: #00b0de;
	font-family: "メイリオ ボールド";
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	line-height: 20px;
	text-align: left;
}
.newscontainer	{
	width: 80%;
	height:auto;
	margin: auto;
	position: relative;
	margin-top: 100px;
	margin-bottom: 20px;
	float: none;
	/*border: solid 1px #aaaaaa; */
	
} 

.newscontainer p	{
	font-size: 120%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: left;	
}


.box1	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;	
	/*border: solid 1px #aaaaaa; */
		
} 

.box2	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	/*border: solid 1px #aaaaaa; */
	float: none;	
}

.box3	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;	/*border: solid 1px #aaaaaa; */
	
}

.box4	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	/*border: solid 1px #aaaaaa; */
	
}

.box5	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	/*border: solid 1px #aaaaaa; */
	
}

.box6	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	border-top: 1px solid #333333;
	/*border: solid 1px #aaaaaa; */
	
}

.box7	{
	width: 100%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	border-top: 1px solid #333333;

	/*border: solid 1px #aaaaaa; */
	
}

.text_box p {
	font-size: 120%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: left;
}

.box_left	{
	width: 225px;
	height:auto;
	margin:auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	float: none;
		
	/*border: solid 1px #aaaaaa; */
		
} 


.box_right	{
	width: 90%;
	height:auto;
	margin:auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	float: none;
	/*border: solid 1px #aaaaaa; */
	
}

.ing_box2	{
	width: 225px;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	float: none;	/*border: solid 1px #aaaaaa; */
}

.text_box2	{
	width: 90%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 30px;
	float: none;
} 

.box_title {
	width:95%;
	display:block;
	margin:auto;
	padding: 6px 0px;
	font-size:100%;
	font-family: "メイリオ ボールド";
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	border-style: solid;
	border-width: 3px;
	color:#333;
	margin-bottom: 10px;	
	
}

/* ==================== SDGs ====================*/

#sdgs_ban {
    position: absolute;
	top: 100px;
	right: 0;
	width: 233px;
	height: 30px;
	clear: both;
	z-index: 3;

}

#sdgs_ban ul {
  margin: 0;
  list-style: none;
}

#sdgs_ban li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 30px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#sdgs_ban li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 30px;
	
}

#sdgs_ban li#sdgs_logo           { left:0px; width: 233px; background: url(../images/sdgs_banner_s_on.png) ;}

#sdgs_ban li#sdgs_logo a:hover   { background: url(../images/sdgs_banner_s_on.png) -0px 0 no-repeat;}

#fukuoka_ban {
    position: absolute;
	top: 135px;
	right: 0;
	width: 233px;
	height: 30px;
	clear: both;
	z-index: 3;

}

#fukuoka_ban ul {
  margin: 0;
  list-style: none;
}

#fukuoka_ban li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 30px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#fukuoka_ban li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 30px;
	
}

#fukuoka_ban li#fukuoka_logo           { left:0px; width: 233px; background: url(../images/fukuoka_ban_s_on.png) ;}

#fukuoka_ban li#fukuoka_logo a:hover   { background: url(../images/fukuoka_ban_s_on.png) -0px 0 no-repeat;}
	
/* ソーラーバナー */

#solar_ban {
    position: absolute;
	top: 170px;
	right: 0;
	width: 233px;
	height: 30px;
	clear: both;
	z-index: 3;

}

#solar_ban ul {
  margin: 0;
  list-style: none;
}

#solar_ban li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 30px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#solar_ban li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 30px;
	
}

#solar_ban li#solar_logo           { left:0px; width: 233px; background: url(../images/sun_ban_s_on.png) ;}

#solar_ban li#solar_logo a:hover   { background: url(../images/sun_ban_s_on.png) -0px 0 no-repeat;}

	

/* SDGs BT*/

#sdgs_bt {
	position: relative;
	width: 90px;
	height: 90px;
	clear: both;
	z-index: 3;
	margin: auto;
	margin-top: 0px;
}

#sdgs_bt ul {
  margin: 0;
  list-style: none;
}

#sdgs_bt li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	height: 90px;
	text-indent: -9999px;
	list-style-type: none!important;

}

#sdgs_bt li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	height: 90px;
	
}

#sdgs_bt li#sdgs_go           { left:0px; width: 90px; background: url(../images/sdgs_bt0_s.png) ;}

#sdgs_bt li#sdgs_go a:hover   { background: url(../images/sdgs_on0_s.png) -0px 0 no-repeat;}




.sdgs1	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	margin-left: 0px;	
	/*border: solid 1px #aaaaaa; */
		
}

.sdgs2	{
	width: 100%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	/*border: solid 1px #aaaaaa; */
	
}

.sdgs3	{
	width: 100%;
	height:auto;
	right: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	/*border: solid 1px #aaaaaa; */
	
}

.ing_sdgs2	{
	width: 90%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
} 


.pdf_basse	{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 30px 0px 0px 30px;
	border: #333333 1px solid;
	/*background-color: #9999FF;*/
	/*font */
	font-size: 90%;
	padding: 10px 10px 10px 10px;
	font-family: "メイリオ ボールド";
	line-height: 15px;
	text-align: left;
	font-weight: bold;
	
}

/* ==================== ソーラシステム ナビゲーションバー ==================== */
	
#solar_cont {display: none;}	
	
#solar_cont_tate	{
	display: contents;
	font-size: 90%;
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	
}
	
.box10	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.box11	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	margin-left: 0px;	
	/*border: solid 1px #cccccc; */
}


.box12	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.box13	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.box14	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	margin-left: 0px;	
	/*border: solid 1px #cccccc; */
}

.box15	{
	width: 100%;
	height:auto;
	left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 50px;
	float: none;
	margin-left: 0px;	
	/*border: solid 1px #cccccc;*/
}

.solar_container	{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	background-color: #29ABBE;
	/*font */
	font-size: 150%;
	color: #FFFFFF;
	padding: 10px 0px 10px 0px;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: center;
	font-weight: bold;
}

.solar_basse	{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 20px 20px 20px 20px;
	border: #999999 1px solid;
	/*background-color: #9999FF;*/
	
}	
.solar_p	{
	color: #0883CB;
	font-size: 130%;
	font-family: "メイリオ ボールド";
	line-height: 25px;
	text-align: left;
	padding-top: 10pt;
	padding-right: 10pt;
	padding-left: 10pt;
	padding-bottom: 10pt;
	font-weight: bold;
}
	
.solar_p2	{
	color: #ffffff;
	font-size: 90%;
	font-family: "メイリオ ボールド";
	line-height: 15px;
	padding-top: 25pt;
	padding-right: 5pt;
	padding-left: 5pt;
	padding-bottom: 5pt;
	font-weight: bold;
}	
	
.circle{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ed5b03; /*背景色*/
}	

/* ==================== ソーラシステム ナビゲーションバー ==================== */	
	
#formWrap {
	width:90%;
	margin:0 auto;
	color:#333333;
	line-height:120%;
	font-size:90%;
}


/*
#imagebox{
    width: 300px;
	height:88px;
	background: url(../images/form_logo_s.png) -0px 0 no-repeat;
	margin: auto;
	height:auto;
	margin-bottom: 0px;
	margin-top: 50px;
}
*/

#foot_base{
	margin: auto;
	top: 50px;
	width: 100%;
	height:100px;
	background-color: #666666;
	clear: both;
	position: relative;
	
}

#foot_base02{
	height: 200px;
	margin: auto;
	width: 100%;
	background-color: #666666;
	position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
	/*border: solid 1px #aaaaaa;*/
}

#foot{
	margin: auto;
	top: 10px;
	width: 100%;
	height:82px;
	clear: both;
	position: relative;
	/*border: solid 1px #aaaaaa;*/
	
	}
	
#foot p	{
	font-size: 8pt;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-family: "メイリオ ボールド";
	line-height: 20px;
	text-align: center;
	padding-top: 30px;
	/*padding-right: 135px;	*/
	}
	
#mail {display: none;}


}