@charset "utf-8";

:root {
  --main-key-color: #5e3000;
  --main-key-color-hover: #c46400;
  --main-hover-light: rgba(255,204,217,0.1);
  --main-light-color: rgba(245,231,218,0.88);
  --main-key-color-light: #6c3903;
  --main-sub-color: #872d37;
   --main-key-bgcolor: #f6f1ec;
   --main-key-bgcolor-light: rgba(244,243,236,0.96);
 
  --main-color-bdb: #d9d0c8;
  --main-border-color-pail: #af9c8c;
  --main-key-blend-color: rgba(94,48,0,0.98);
  --main-key-color-green: rgba(4,41,13,0.88);
  --main-key-color-win: rgba(153,38,61,0.88);
  --main-key-color-blue: rgba(0,154,209,0.88);
  --main-key-color-navy: rgba(42,57,176,0.88);
  
  /* LOWER COLORING */
  
	--blog-color: rgba(51,204,51,0.8);
	--search-color: rgba(255,145,0,0.8);
	--search-color40: rgba(255,145,0,0.4);
	--search-color100: #ff6700;
   --search-option-bg: #fbefdc;
   --search-label-bg: rgba(244,243,236,0.6);
	--casestudy-color: rgba(135,45,55,0.88);
	--casestudy-color: rgba(48,45,135,0.8);
	--news-color: rgba(255,145,0,0.88);
	--news-border: rgba(255,145,0,0.5);
	--news-bg: rgba(255,145,0,0.1);
	--about-color: rgba(4,41,13,0.88);
	--construction-color: rgba(21,163,0,0.8);
	--construction-color100: #128a00;
	--faq-color: rgba(59,138,231,0.8);
	--faq-border: #749dcc;
	--flow-color: rgba(51,204,51,0.8);
	--flow-color100: #13b90b;
	--contact-color: rgba(0,110,212,0.4);
	--inspection-color: rgba(255,99,0,0.7);
	--inspection-color100: rgba(255,99,0,0.99);
	--insure-color: rgba(255,255,0,0.8);
	--insure-color100: #ffe700;
	--lsconstruction-color: rgba(43,196,125,0.8);
	--lsconstruction-color100: #26af70;
	--disinfection-color: rgba(59,117,255,0.8);
	--disinfection-color100: #3b75ff;
	--generator-color: rgba(249,84,21,0.8);
	--generator-color100: #f95415;
	--realestate-color: rgba(27,145,0,0.8);
	--realestate-color100: #1b9100;
	--probrem-color: rgba(27,145,0,0.8);
	--probrem-color100: #1b9100;
 
	--lower-bordercolor-icon: #efefef;
	--front-header-top-color: rgba(142,133,124,0.9);
}
/*
Cormorant|Sorts+Mill+Goudy|Rajdhani|Quicksand|Dosis|Roboto|Dosis|Poiret+One|Montserrat
*/

*{
	margin:0;
	padding:0;
	text-decoration:none;
	outline: none
}

html {
	opacity: 0;
	transition: all .3s ease-out;
}

html.wf-active {
  opacity: 1;
}/**/

h1,h2,h3,h4,h5,ul,il,
dl
 {
	margin: 0;
	padding: 0;
}

address,
article,
aside,
button,
details, 
dd,
dl,
dt,
figcaption, 
figure,
footer,
header,
menu,
main,
nav,
section
{
	display:block;
	margin: 0;
	padding: 0;
}

table{
    border-collapse:collapse;
	border:none;
	word-wrap:break-all;
	/*word-break:break-all;*/
	display:block;
}

ul,
li
{
	list-style-type:none;
}

img{ 
	border: none;
	vertical-align:middle;
}

em, 
strong,
i
{
	text-decoration:none;
	font-style:normal;
	font-weight: normal;
}

.clearFix:after{
	content:" ";
	display:block;
	clear:both;
	height:0;
}

.none{
	display:none;
}

/* BODY +++++++++++++++++++++++++ */

body{
	margin: 0 auto;
	min-width: 320px;
	/*font-family: "游明朝","ヒラギノ明朝", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Std W3",Osaka, 
	"Trebuchet MS",Verdana,Arial,Helvetica, sans-serif;*/
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Std W3", Osaka !important;
	-webkit-text-size-adjust: none;
	color: #6e6f70;
	color: #565656;
		
	overflow: auto;
}

section> header.polkadots_pale{
	padding: 8px 0;
	background-image:	
	radial-gradient(#fff 20%, rgba(255,255,255,0) 24%),
	radial-gradient(#fff 20%, rgba(255,255,255,0) 24%)
	;
	background-size: 24px 24px;
	background-position: 6px 6px, 18px 18px ;
	
}

section> header.polkadots{
	padding: 8px 0;
	background-image:	
	radial-gradient(#edeaf2 20%, rgba(255,255,255,0) 24%),
	radial-gradient(#edeaf2 20%, rgba(255,255,255,0) 24%)
	;
	background-size: 24px 24px;
	background-position: 6px 6px, 18px 18px ;
	
}

.center{
	text-align: center;
}

.ffyg{
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Std W3", Osaka !important;
}

.ffym{
	font-family: "游明朝","ヒラギノ明朝", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Std W3",Osaka, 
	"Trebuchet MS",Verdana,Arial,Helvetica, sans-serif;
}

.ffsk{
	font-family: ro-nikkatsu-sei-kai-std, serif;
	font-weight: 400;
	font-style: normal;
}

/* STYLING+++++++++++++++++*/

/* RETINA OVERRIDES +++++++++++++++++
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

}*/