@charset "utf-8";
@import url('animate.css');
@import url(drawerMenu.css);

/**********************************************************************　テスト　*******************************************************************************/

-section { background-color: #ff0; }

/**********************************************************************　基本　*******************************************************************************/

html { font-size: 62.5%; }
body { text-align: center; background-color: hsla(358,100%,85%,.0); font-size: 1.4rem; color: hsla(0,0%,0%,.9); } 
html,body { height: 100%; margin: 0!important; padding: 0!important }

body { -moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; -webkit-font-smoothing: none; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; 
font-family: kozuka-gothic-pr6n, sans-serif; font-weight: 300; font-style: normal; letter-spacing: .1em; }

.min { font-family: ryo-text-plusn, serif; font-weight: 300; font-style: normal; }
.yuru {letter-spacing: .3em;}
.eng { font-family: acumin-pro-extra-condensed, sans-serif; font-weight: 600; font-style: normal; }

.wht { color: hsla(0,0%,100%,1); }
a { text-decoration: none; font-weight: 400; }
.iro, a.iro { color: hsla(187,99%,35%,1); }

img { border: none }
.phj img { width: 100%; height: auto }
.ph90 img { width: 90%; height: auto; margin: 0 5%; }
.ph80 img { width: 80%; height: auto; margin: 0 10%; }

a img { transition: .4s; }
a:hover img { opacity: .7 }
ul , li { margin: 0 ; padding: 0 ; }
li { list-style: none}
section,footer,header,article,main,div,p { position:relative } 
header#togglebox { z-index: 100 } 

main { ; }

img, div, p, figure{ margin: 0;padding: 0 }img { border-style: none;vertical-align: bottom }

.rela { position: relative }
.fxt { position: fixed }
.abso { position: absolute ; z-index: 1 }

.clearfix:after { content: '';display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }

hr {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #bbb inset;
  margin: 30px 0;
}

/**********************************************************************　タイポグラフィー　*************************************************************************/

.txl { text-align: left }
.txj { text-align: justify } .en .txj { text-align: left }
.txj2 { text-align: center}
.txc { text-align: center }
.txr { text-align: right }

/**********************************************************************　デザイン　*************************************************************************/

main { background-color: hsla(0,0%,32%,0.0) }
.wrap { background-color: hsla(180,100%,50%,.0) }

#page { background-color: hsla(50,100%,50%,.2) }
#content { background-color: hsla(50,100%,50%,.2) }

h1, h2, h3, h4 { font-weight: 300; font-style: normal; }

h2 { font-size: 1.4em; line-height: 1.8em; text-align: left; }
h3 { font-size: 1.1em; line-height: 1.8em; }
h3 span { display: block; font-size: .8em; line-height: 1.8em; }
h4 { font-size: 1.0em; line-height: 1.6em; }

header#togglebox .logo { position: absolute ; z-index: 1;}
header#togglebox .misaki { position: absolute ; z-index: 1;}

.bread h1 { display: inline; font-size: 1em; font-weight: 300; }

h1.image-title { position: absolute; z-index: 1; }
.h2like { text-align: center; padding: 50px 0 }
.h2like h2 { font-size: 1.2em; text-align: center; display: inline-block; border-bottom: 1px solid hsla(187,99%,35%,1); padding: 0 20px 8px; margin: 0 0 8px }
.h2like p { font-size: 1.4em }

body.business #imagewrap, body.housing #imagewrap { border-bottom: 1px solid #ccc; }

.effe { padding: 0 0 20px 20%; position: relative; }
.effe img { width: 15%; height: auto; padding-left: 20%; position: absolute; z-index: 1; left: -20%; top: 0; }

.flows h4, .flows p { position: absolute; z-index: 1; }

.workwrap { border: #ccc 1px solid; border-bottom-width: 0; border-right-width: 0; }
.workwrap > div { border: #ccc 1px solid; float: left; box-sizing: border-box; border-top-width: 0; border-left-width: 0; text-align: center; }

p.bdr { padding: 7px 0 7px 0; margin: 0 }

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

footer#org{
display: block;
clear: both;
float: none;
background-color: hsla(0,0%,50%,.2);
color: #222 
}

footer#org a { color: hsla(0,0%,13%,1.00); display: block; }
footer#org a i { color: hsla(0,0%,13%,.0); }

body.hikari footer#org li:nth-child(1) a i, 
body.business footer#org li:nth-child(2) a i, 
body.housing footer#org li:nth-child(3) a i, 
body.works footer#org li:nth-child(4) a i, 
body.contact footer#org li:nth-child(5) a i, 
footer#org li a:hover i
{ color: hsla(0,0%,13%,1); }

footer#org .tel { padding-top: 30px }

/**********************************************************************　リスト　*******************************************************************************/

.entry-content ul {
margin-top: 0px ;
padding-top: 0px ;
}

.entry-content ul {
padding-left: 1.1em
}
.entry-content ul li {
list-style: none  ;position: relative;
}

.entry-content ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: 0.55em;
  left: -1em;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 100%;
  border: 2px solid #029DB0;
}

.org-content ul {
margin-top: 0px ;
padding-top: 0px ;
}

.org-content ul {
padding-left: 1.1em
}
.org-content ul li {
list-style: none  ;position: relative;
}

.org-content ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: 0.55em;
  left: -1em;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 100%;
  border: 2px solid #029DB0;
}

/**********************************************************************　テーブル　*******************************************************************************/

table	{ width: 100%; }
th	{ text-align: left; font-weight: normal; }

/************************************************animation************************************************/

#flash01, #flash02, #flash03, #flash04, #flash05 { opacity: 0 }



a { color: hsla(187,99%,35%,1.00); }




.pt0 { padding-top: 0px!important }
.pt10 { padding-top: 10px!important }
.pt20 { padding-top: 20px!important }
.pt30 { padding-top: 30px!important }
.pt40 { padding-top: 40px!important }
.pt50 { padding-top: 50px!important }
.pt70 { padding-top: 70px!important }
.pt100 { padding-top: 100px!important }

.pb0 { padding-bottom: 0px!important }
.pb10 { padding-bottom: 10px!important }
.pb20 { padding-bottom: 20px!important }
.pb30 { padding-bottom: 30px!important }
.pb40 { padding-bottom: 40px!important }
.pb50 { padding-bottom: 50px!important }
.pb100 { padding-bottom: 100px!important }
.pb150 { padding-bottom: 150px!important }

.mt0 { margin-top: 0px!important }
.mt10 { margin-top: 10px!important }
.mt20 { margin-top: 20px!important }
.mt30 { margin-top: 30px!important }
.mt40 { margin-top: 40px!important }
.mt50 { margin-top: 50px!important }

.mb0 { margin-bottom: 0px!important }
.mb10 { margin-bottom: 10px!important }
.mb20 { margin-bottom: 20px!important }
.mb30 { margin-bottom: 30px!important }
.mb40 { margin-bottom: 40px!important }
.mb50 { margin-bottom: 50px!important }
.mb100 { margin-bottom: 100px!important }