@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%; /* 1rem = 10px */
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse:collapse;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}




body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dt,
dd,
figure,
blockquote {
  margin: 0;
}
	
ul,
ol {
  list-style: none;
  padding: 0;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  border: none;
  background: transparent;
  cursor: pointer;
}

textarea {
  resize: vertical;
}

:focus-visible {
  outline: 2px solid #333;
  outline-offset: 2px;
}


/* ========================================
   Base
======================================== */

body {
  min-height: 100vh;
  line-height: 1.5;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  /* スマホ文字拡大防止 */
  -webkit-text-size-adjust: 100%;
color:#000;
  /* iPhone文字レンダリング */
  -webkit-font-smoothing: antialiased;
background:#219516;
  /* 英数字を綺麗に */
  font-feature-settings: "palt";
}

/* ========================================
   Layout
======================================== */

.wrapper {
  width: min(100% - 40px, 1200px);
  margin-inline: auto;
 
}

/* ========================================
   Typography
======================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
  font-weight: 500;
}

p {
  overflow-wrap: break-word;
}

small {
  font-size: 0.8em;
}

/* ========================================
   Form
======================================== */

input,
textarea,
select {
  width: 100%;
  border: 1px solid #ccc;
  padding: 0.8em;
  border-radius: 6px;
  background: #fff;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #666;
}

/* ========================================
   Utility
======================================== */

/* clearfix */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* PC only */
.pc {
  display: block;
}

.sp {
  display: none;
}

/* ========================================
   Responsive
======================================== */

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

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

}

/* リンク設定
------------------------------------------------------------*/
a,a:visited{
margin:0;
padding:0;
 text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
 color: #2895d5;}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#930;}

 a:hover img{opacity:.7; }
/**** Clearfix ****/

.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:100%;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}


a.rolloverPositionMenu {
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative; }
 a:hover img {position: relative;}



/* レイアウト
------------------------------------------------------------*/
.inner{
margin:0 auto;
max-width:1000px;
width:95%;
}
footer{
clear:both;
}
.r{ text-align:right;}
.l{ text-align:left;}

/* ========================================
   Common Font Size
======================================== */
:root {
  /* 小さめのテキスト（注釈など） */
  --fz6:  clamp(0.6rem, 0.55rem + 0.2vw, 0.7rem);
  --fz8:  clamp(0.75rem, 0.7rem + 0.2vw, 0.85rem);
  --fz10: clamp(0.85rem, 0.8rem + 0.2vw, 1.0rem);
  --fz12: clamp(0.95rem, 0.85rem + 0.4vw, 1.2rem);

  /* 本文・標準サイズ（スマホでも1.2〜1.3rem [約19〜20px] を確保） */
  --fz14: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  --fz16: clamp(1.3rem, 1.15rem + 0.6vw, 1.6rem);
  --fz18: clamp(1.4rem, 1.2rem + 0.8vw, 1.8rem);
  --fz20: clamp(1.5rem, 1.25rem + 1vw, 2.0rem);

  /* 見出し（中） */
  --fz22: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem);
  --fz24: clamp(1.65rem, 1.35rem + 1.4vw, 2.4rem);
  --fz26: clamp(1.7rem, 1.35rem + 1.6vw, 2.6rem);
  --fz28: clamp(1.8rem, 1.4rem + 1.8vw, 2.8rem);

  /* 見出し（大）スマホでも極端に小さくならず、画面幅に合わせて可変 */
  --fz30: clamp(1.9rem, 1.45rem + 2vw, 3.0rem);
  --fz34: clamp(2.1rem, 1.6rem + 2.2vw, 3.4rem);
  --fz36: clamp(2.2rem, 1.65rem + 2.4vw, 3.6rem);

  /* 特大タイトル */
  --fz40: clamp(2.4rem, 1.8rem + 2.6vw, 4.0rem);
  --fz46: clamp(2.6rem, 1.9rem + 3vw, 4.6rem);
  --fz50: clamp(2.8rem, 2.0rem + 3.5vw, 5.0rem);
}


/* ヘッダー
*****************************************************/


#header-lead{ color:#fff; font-size: var(--fz8); padding:6px 0 3px;}

/* #page-header */
#page-header h1 { float:left;  margin:30px 0 0;}
#page-header #tel {float:right;margin:20px 0 0;}
#page-header #tel ul {margin:0 0; text-align:right;}
#page-header #tel li { display:inline-block; margin:0 0 0 10px;  font-size:90%;}
#page-header a,#page-header a:visited{ color: #000;}

#page-header a:hover,#page-header a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#930;}




/* #wrapper */
#wrapper {
	margin: 0 auto;verflow: hidden; background:#fff; padding:0 0 10px;font-size: var(--fz10);	}



/* page-footer */

#page-top1 span{ width:50px; display:block; margin:30px 0 0 auto; background:#219516; text-align:center; padding:15px 0;
border-radius: 25px;		/* CSS3草案 */
	-webkit-border-radius: 25px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 25px;	/* Firefox用 */
 color:#fff;}
#jyusho { text-align:center; margin:30px auto ;width:auto;}
#jyusho li{ display:inline-block; text-align:left; margin:0 20px; vertical-align:middle; width:auto; }
#jyusho li:nth-child(2) img{ float:left; margin:0 10px 0 0;}
#jyusho li:nth-child(2)  h3{  font-weight:bold;  margin:0 0 1px 95px; font-size:110%;}
#jyusho li:nth-child(2)  p{  margin:0 0 1px 95px; font-size:90%;}


#page-footer {
	clear: both;
	margin: 0;
	padding: 1em 0;
	color: #fff;
	text-align: center;
}
#page-footer ul { display:inline-block; vertical-align:top; text-align:left; border-right: 1px solid #fff; font-size:80%; padding:0 40px 0 10px; height:140px;}
#page-footer ul:last-child {  border: none;}
#page-footer ul a,#page-footer ul a:visited {color:#fff !important;}
#page-footer ul a:hover { color:rgba(248,255,191,1.00) !important;}
#page-footer ul li {margin:0 0 5px 1.2em;}
#page-footer ul li:before { content:"▶︎ "; font-size:80%;margin:0px 0 0 -1.5em;}
#page-footer ul ol li { margin:0 0 0 1em;}
#page-footer ul ol li:before { content:"≫ "; font-size:80%; margin:-10px 0 0 -1em;}
#copy{border-top:1px solid #fff; text-align:center; font-size:80%; margin:10px auto 5px;color:#fff; padding:10px;}

#maincontents{ display:inline-block; width:calc( 100% - 280px);  margin:0 0px 0 0px;vertical-align:top; }




/*nav*/
#navcontents{display:inline-block; width:230px;  margin:0 0 0 40px; vertical-align:top;}
#navcontents ul{border-left:1px solid #219516;}
#navcontents ul li{  margin: 0 0 10px; }
#navcontents ul span{ color:#219516; font-size:70%; margin: 0 5px 0 0; }
#navcontents a{  padding:5px 10px 3px !important; display:block  !important;}
#navcontents a,#navcontents a:visited{ color: #000; }
#navcontents a:hover,#navcontents a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
background:#CFC;}


#navcontents div { background:#f0f0f0; padding:10px 0px 5px 0px; margin:0 0 7px;}
#navcontents div h3 {   font-weight:bold; font-size:90%; margin: 0 0 0 10px;}
#navcontents div ul{border:none; }
#navcontents div ul li{  margin: 0 0 0; }
#navcontents div ul span{ font-size:5% !important; margin: 4px 5px 0 0; display:block; float:left; }
#navcontents ul li.naviex span,#navcontents ul li.navitohoku span,.wall ul li.naviwall span{ font-size:5% !important; margin: 4px 5px 0 0; display:block; float:left; }
#navcontents ul li.naviex b,#navcontents ul li.navitohoku b,.wall ul li.naviwall b{ margin:0 0 0 1em; display:block; font-weight:normal; }

#navcontents div.original  ul li{ box-shadow: 0px 0px 7px -5px rgba(0, 0, 0, 0.8); background:#fff url(../image/common/line.gif) 10px 75% no-repeat; margin:5px;}


#navcontents div.original  ul li b{ display:block; text-align:right; font-size:80%; font-weight: normal;}
#navcontents div.original  ul li i{ font-style:normal; background:#fff; padding:0 0 0 5px;}
#navcontents div.original  ul li a:hover  i,#navcontents div.original  ul li a:active  i{ background:#CFC;}
#navcontents div.original  ul li a:hover{ background:#CFC url(../image/common/line.gif) 10px 75% no-repeat;}

#navcontents .navitohoku {background:url(../image/common/line.gif) 10px 77% no-repeat; line-height:1.3;}
#navcontents .navitohoku i{ font-style:normal; background:#fff; padding:0 10px 0 0;display:block; text-align:right; font-size:90%; font-weight: normal; margin:0 0px 0 110px;}
#navcontents .navitohoku a:hover{ background:#CFC url(../image/common/line.gif) 10px 77% no-repeat;}
#navcontents .navitohoku  a:hover  i,#navcontents .navitohoku  a:active  i{ background:#CFC;}


#under ul { margin:20px auto 30px ; text-align:center; border-top:1px solid #098c59; padding:30px 0 0;}
#under li{ display:inline-block;  margin:0 2px; }
#under  a.rolloverPositionMenu {
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative; 
  height:185px;
	width:310px; }
#under a:hover img {left: -310px;position: relative;opacity:1;}

#profile #navcontents .navimessage a,.works #navcontents .navigyomu a,.works #navcontents .naviannai a,.member #navcontents .navimember a,#situation #navcontents .navisituation a,#saiban #navcontents .navisaiban a,#ex #navcontents .naviex a,
#tohoku #navcontents .navitohoku a,#company #navcontents .navicompany a,#modecell #navcontents .navimodecell a,#wascpipe #navcontents .naviwascpipe a,#destruction #navcontents .navidestruction a,#original #navcontents .navioriginal a,.base #navcontents .navibase a,#book #navcontents .navibook a,.wall #navcontents .naviwall a{background:#CFC;}
.naviwall b{display:block;  margin:0 0 0 1em; font-weight:normal; }
#modecell #navcontents .navimodecell  a,#wascpipe #navcontents .naviwascpipe a,#destruction #navcontents .navidestruction a,#original #navcontents .navioriginal a{ background:#CFC url(../image/common/line.gif) 10px 75% no-repeat;}
#modecell #navcontents .navimodecell  a  i,#wascpipe #navcontents .naviwascpipe  a  i ,#destruction #navcontents .navidestruction a i,#original #navcontents .navioriginal a i{ background:#CFC;}

#tohoku #navcontents .navitohoku  a i{ background:#CFC;}
#tohoku #navcontents .navitohoku a{ background:#CFC url(../image/common/line.gif) 10px 77% no-repeat;}

 #under ul.under2 { border:none;padding:10px 0 15px;}
 ul.under2 li{ text-align:left; width:300px;  height:4.2em ;
border:1px solid #ff6262; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;; padding: 10px 10px 5px 10px; text-decoration:none; display:inline-block;color: #FFFFFF;
 background-color: #ff9a9a; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
 background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#ff4040); vertical-align:top;

}
 ul.under2 li a{ color: #FFFFFF; font-size:14px; display: block;position: relative; padding-left: 1.3em}
ul.under2 li span{ font-weight:bold; margin:0 10px 0 0;  position: absolute; top:0; left: 0.5em;     }
 ul.under2 li:hover{
 border:1px solid #ff3434;
 background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
 background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -o-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d);
}
 ul.under2 li.button2 a{  margin:0.8em 0 0; display:block; }

 ul.under2 li.button2{
border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;   text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
 background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

 ul.under2 li.button2:hover{
 border:1px solid #1c5675;
 background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

/*common*/
.sub #main {margin:0 auto;
max-width:1000px;
width:95%;}
#maingazo{ text-align:center; background:url(../image/common/back.gif) 0 0 repeat-x; }
.sub #maingazo{ height: 157px; margin:0 0 35px; }
.red{  color: #D60A0D;}
ul.red {   margin:0.5em; }
ul.red li{   margin: 0 0 0 1em; }
ul.red li:before{ content:"●"; margin:  0 0 0 -1em }
	a.btnimg { display: block; margin: 30px auto 50px; width:95%; max-width:490px; text-align: right}
	a.btnimg img{ display: block; margin: 0 auto 3px; width:100%; height: auto;}

#maingazo img.gazomein{ width:100%;height:auto; max-width:1000px; }


.alignright{ float:right;}
.alignleft{ float:left;}


#main .l{text-align:left;
	}

.width00{width:50px;}
.width01{width:150px;}

.width02{max-width:470px;width:90%;}
.width270{width:280px;margin:20px auto;}
	
	.width320{
	width:320px;
	margin:20px auto;}

.width355{
	width:355px;
	margin:20px auto;}
.width365{
	width:370px;
	margin:20px auto;}

.width380{
	max-width:390px; width:95%;
	margin:20px auto;}
.width400{
	max-width:450px; width:95%;
	margin:20px auto;}
.width480{width:500px;margin:20px auto;}
.width445{
	max-width:445px;
	margin:20px auto;}
.width5002{
	max-width:505px; width:95%;
	margin:20px auto;}
.width500{
	max-width:510px; width:95%;
	margin:20px auto;}

.width525{
	max-width:535px;width:95%;
	margin:20px auto;}
	
.width540{
	max-width:540px;width:95%;
	margin:20px auto;}
.width570{
	max-width:570px;width:95%;
	margin:20px auto;}
.width565{
	max-width:565px;width:95%;
	margin:20px auto;}
.width5702{
	width:585px !important;
	margin:10px auto; } 

.width580{
	max-width:580px; width:95%;
	margin:20px auto;}


.width610{
	max-width:610px; width:95%;
	margin:20px auto;}	
.space1 b{
	 margin:1em 0; display: block;
	}
.space1{
	 margin:1em 0 0 0;
	}

.space10{
	 margin:20px 5px 10px;
	}
body#profile .space10{
	 _margin:20px 0px 10px;
	}
.space{
	 margin:20px 0 20px 20px;
	}
.space2{
	 margin:0px 0 20px 20px;
	}
.space22{
	 margin:0px 0 0px 20px;
	}
.space3{
	 margin:0px 40px 20px;
	}
.space4{
	 margin:10px 30px 0px 20px;
	}
.space5{
	 margin:10px 10px 10px 0px;
	}
.space6{
	 margin:0px 20px 10px 0px;
	}
.space7{
	 margin:20px 0px 10px 40px;
	}
.space8{
	 margin:20px 60px;
	}
.space9{
	 margin:0 10px 10px 0;
	}
.honbun{
	 margin:20px 30px 20px 20px;
	}
body#destruction #main .honbun{
	 margin:20px 30px 20px 40px;
	}
body.base 	#main .honbun h3{
	 margin:20px 30px 20px 40px;
	}
body.base 	#main .honbun ul{
	 margin:20px 30px 20px 40px;
	 list-style:disc;
	}
	
	
.colorred{
	 color:#900;
	}
.ss{
	 font-size:90%;
	}
.center{
	 margin:10px;
	 text-align:center;
	}
.linel{
	 margin:10px;
	 text-align:left;
	}
h3.kihon{
	 font-size:110%;
	 margin:20px;
	}
body#wascpipe  #main #maincontents h3,body#original #main #maincontents h3{
	margin: 20px 10px 5px 30px;
	padding-left: 5px;
	text-align: left;
	font-size: 100%;
	line-height: 1.4;
	border-left: 3px solid #009933;
	font-weight:normal;
	color:#009933;
}

 .pdf{
	margin: 0px 10px 0px 0px;
	}

.pdf a{
	margin:0;
background:url(../wascpipe/pdf.gif) no-repeat;
padding:10px 0 10px 30px;
font-size:80%;
height:30px;
width:auto;
display:block;
}


.dw{
	margin:15px 0 0;
	color:#FF3333;
	font-size:110%;
	}
.excel{
margin: 0 0 0 15px;
background:url(../wascpipe/xls.gif) no-repeat;
padding:10px 0 10px 30px;
font-size:80%;
height:30px;
width:auto;
}


.tuikared{
margin:5px 0 0;
 background-color:#990000;
 padding:5px 8px 3px 15px;
 color:#FFFFFF;
 
 font:Arial, Helvetica, sans-serif;
 font-size:120%;
 word-spacing:1em;
 font-weight:bold;
 width:25em;
line-height:1.5;
}
.tuikared a{
margin:0 0 0 2px;
color:#FFFFFF;
 
}
.centered  {
  position: relative;
  overflow: hidden;
}

.centered ul{
  position: relative;
  left: 50%;
  float: left;
}
ul.list{ margin:5px 0; padding: 0;}
ul.kyocho{ margin:1em 0; padding: 0; font-weight: bold;}
.centered ul li{
  position: relative;
  left: -50%;
  float: left;
}
ul.photo2{ margin:0 0 0 70px;
}
ul.photo10{ margin-top:15px;
}
ul.photo20{ margin-top:20px;
}
ul.photo22{ margin:0 0 0 50px;
}
ul.photo23{ margin:0 0 0 45px;
}

ul.photo4{ margin:20px 0 0 40px;
}
ul.photo5{ margin:20px 0 0 70px;
}
ul.photo6{ margin:0px 0 0 120px;
}
ul.photo7{ margin:20px 0 0 100px;
}

ul.photo9{ margin:0px 0 0 100px;
}

ul.photo3 { margin:0 0 0 20px;}
ul.photo3 li{ float:left;
margin:0 0 20px;
padding:0;
width:auto;
font-size:85%;
_font-size:90%;
*font-size:90%;
font-size:90%¥9;

text-align:center;}

ul.photo li{ display:inline-block;
margin:0 5px 20px;
width:auto;
font-size:90%;
text-align:center; vertical-align:top; }

ul.photosizen li{ display:inline-block;
margin:0 5px 20px;
width:auto;
font-size:90%;
text-align:center; vertical-align:top;}

ul.photosizen li img,ul.photosizen2 img{ 
margin:0 5px;}
ul.photosizen2 { text-align:center; width:80%; margin:0 auto;}
ul.photosizen2 li{ display:inline-block;
margin:0 0 20px;
width:auto;
font-size:90%; vertical-align:top;}


ul.photo li.width180{
margin:0 10px 20px;
width:180px;}


ul.photo li img,ul.photo3 li img{ 
margin:0 5px 5px;}
ul.photo li.photo2{ padding:0 0 0 50px;
}
body#tohoku .photo10{
	 padding:0 10px 0 0;
	}
.cap{
	 margin:0 5px;
	}
.cap p{ text-align:left;
	}

ul.photo{margin: 10px auto ; text-align:center; }
ul.phot0{ max-width:600px !important;width:90%; text-align:center; font-size:90%;margin:5px auto 10px}
ul.phot0 img{ margin:5px 4px 5px}

/*home*/

body#home a,body#home a:visited{ color: #000; text-decoration:none;}
body#home a:hover,body#home a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#930;}

body#home #maingazo ul{ margin:-100px 0 0 0; text-align:center;}
body#home #maingazo ul li{ display:inline-block; width:317px; margin:0 3px; vertical-align:top;}
body#home #maingazo ul li p{ text-align:left; font-size:95%; margin:0px 10px 0; padding:0;}

#top3 ul { margin:30px 0 ; text-align:center;}
#top3 li{ display:inline-block; width:317px; margin:0 4px;}
#top2 ul { margin:30px 0 10px ; text-align:center;}
#top2 li{ display:inline-block; width:317px; margin:0 4px 15px;}

.backblue{background:#d9ecf4; padding:20px 0;}
.backblue ul,.backblue ol{ display:inline-block; vertical-align:top;}
.backblue ul{ width:700px; margin:0 0 0 10px;}
.backblue ul li{ display:inline-block; vertical-align:top; width:330px; margin:0 10px 0  0; padding:0 8px 0 0; border-right: dotted #000 1px;}
.backblue ul li .image{ float:left; margin:0 10px 0 0;}
.backblue ul li span{ display:block; background:#fff; padding:3px 5px 0; font-size:90%;  margin:0 5px 0 100px;}
.backblue ul li h3{ font-weight:bold; font-size:110%; margin:5px 0; line-height:1.3;}
.backblue ul li p.kakaku{ text-align:right;}
.backblue ul li a{ display:block;  text-align:right; margin:5px 5px 5px 0;}
.backblue ul li p.clear{ padding:5px 10px 0 0; font-size:80%;}


.backblue ol{ width:275px; margin:0 10px 0 0; }
.backblue ol li{ margin:0 0 5px;}

.backblue ol li  span{display: inline-block;  padding:0;  color:#000 !important; font-weight:normal;  font-size:50%; margin:0 0 0; width:100px;}


.backblue ol.tuika{ margin:0 auto; text-align: center;width:100%;}
.backblue ol.tuika li{ margin:0 0 5px; display: inline-block; width:330px; }
.backblue ol.tuika li  span{display: inline-block;  padding:0;  color:#000 !important; font-weight:normal;  font-size:50%; margin:0 0 0; width:100px;}


#top3  a.rolloverPositionMenu {
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative; 
  height: 207px;
	width:315px; }
 #top3 a:hover img {left: -315px;position: relative;opacity:1;}



#top2  a.rolloverPositionMenu {
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative; 
  height:185px;
	width:310px; }
 #top2 a:hover img {left: -310px;position: relative;opacity:1;}
.backblue ol li a:hover img {left: -275px;position: relative;opacity:1;}
.backblue ol li a.rolloverPositionMenu {
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative; 
  height:60px;
	width:275px; }

body#home #maingazo #top3new ul{ display: flex; flex-wrap: wrap; justify-content: center;gap: 15px 15px;}
body#home #maingazo #top3new ul li{ display:block; width:48%; max-width: 380px; margin:0 3px; text-align: left;}

#top3new ul li  a{
  display: block;
  overflow: hidden;
  text-align: left;
   width: 100%; height: auto;  transition: 0.5s all;}
 #top3new ul li  a img{  transition: 0.5s all;  width: 200%; height: auto;display: block;  margin: 0 0 0 0%;}
#top3new ul li  a:hover img{  opacity: 1;  margin: 0 0 0 -100%;}




#gaibu{ background:#f0f0f0; margin:20px 0 0; padding:0 0 3px;}
#gaibu  a{margin:0px 10px 0 auto; display:block; width:90px; background:#fff; padding:3px 10px 1px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;}
#gaibu  h3{ text-align:left; margin:-20px 0 8px 0; font-weight:bold; font-size:120%; padding:0;}
#gaibu ol { margin:0 auto 10px; padding:0; width:100%; text-align:left;}
#gaibu ol li{ text-align:left; display:inline-block; float:none; vertical-align:top; margin:0 10px;}
#gaibu ol li iframe.newstop{margin:0; display:block; width:495px; height:180px;  }
#gaibu ol li:first-child{width:500px;}
#gaibu ol li:last-child{ margin:8px  0 0 70px;}
#gaibu ol li h4{ margin:5px 0 0 0; background:#41569a; color:#fff; font-size:100%; padding:5px 5px 0;}	
	#gaibu ol li .fb-page{ margin:0 0 5px 0;}	
	
	
	
/*ex*/
ol#list li{ background:#f0f0f0; padding:3px 10px 2px; margin:0 0 3px;}
ol#list li span{  font-size:90%;}






 /* ==========================================================================
       カラーパレット & 共通変数定義
       ========================================================================== */
    :root {
      /* 信頼感とプロフェッショナルさを表す濃紺 */
      --color-primary: #1e293b; 
      /* 注意・警告をスマートに伝えるディープオレンジ */
      --color-accent: #FFA400; /* 代替としてよりシャープなゴールド/オレンジ系に変更 */
      --color-accent-warning: #FFA400; /* 警告用の深いゴールドオレンジ */
      /* 目に優しく、かつ引き締まったダークグレー */
      --color-text: #334155; 
      /* 装飾用の補助ライトグレー */
      --color-bg-light: #f8fafc;
      --color-border-light: #e2e8f0;
      
      /* フォントファミリー */
      --font-base: 'Noto Sans JP', "Segoe UI", Meiryo, sans-serif;
    }
    /* ==========================================================================
       見出し（h1, h2, h3）のデザインCSS
       ========================================================================== */

    /* --- h1: メインタイトル（左太線 + 薄グレー背景） --- */
    #maincontents h1 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 1px var( --color-accent-warning); font-weight:500;
  border-bottom: solid 1px  var( --color-accent-warning);font-size: var(--fz16);
}
    #maincontents h1:before,     #maincontents h1:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 1px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: var( --color-accent-warning);
}
    #maincontents h1:before {
  left: 7px;
}
       #maincontents h1:after {
  right: 7px;
}

    /* --- h2: 中見出し（2色アンダーライン + 斜め切り込み） --- */
    #maincontents h2 {
      font-size: var(--fz14);
      line-height: 1.4;
      margin-top: 60px;
      margin-bottom: 1.5em;
      padding-left: 12px;
      position: relative;

    }


    /* テーマカラーの太い下線（右端を斜めにカット） */
    #maincontents h2::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 5px; /* アクセントラインの長さ */
      height: 100%;
      background-color: var(--color-accent-warning);
      z-index: 2; border-radius: 10px;
    }

    #maincontents h2  span{
      font-size: var(--fz12); display: block !important;


    }

    /* --- h3: 小見出し・注意喚起（警告アクセント付き） --- */
    #maincontents h3 {
     font-size: var(--fz14);
      color: var(--color-primary);
      line-height: 1.4;
      margin-top: 40px;
      margin-bottom: 16px;
      padding-left: 1em;
      position: relative;
    }

    /* 左側の2色アクセント（縦線） */
    #maincontents h3::before {
      content: '';
      position: absolute;
      top: 15%;
      left: 0;
      width: 4px;
      height: 70%;
      /* 上部をメインカラー、下部を警告オレンジにするグラデーション（境界をクッキリ割る） */
      background: linear-gradient(
        to bottom, 
        var(--color-primary) 0%, 
        var(--color-primary) 50%, 
        var(--color-accent-warning) 50%, 
        var(--color-accent-warning) 100%
      );
    }


#main h2.line2{
	 margin:40px 0 0;
}

#main .gazo{
	 margin:40px 0 60px;
	 text-align:center;}
	 
.base #main .gazo{
	 margin:40px 0 20px;
	 text-align:center;}	 
#main .gazo2{
	 margin:40px 0 10px;
	 text-align:center;}
body#tohoku #main .gazo2{
	 margin:20px 0 10px;
	 text-align:center;}
	 
#main table.wasc,#main table.wasc5{
	 margin:25px 20px;}
#main table.wasc td,#main table.wasc th{
	 padding:8px 8px;}
#main table.wasc th{
	background:#f0f0f0;
	width:6em; vertical-align: top;
	}
#main table.wasc2 th{
	background:#f0f0f0;
	width:auto;
	}
#main table.wasc2{
	 margin:10px 0px;
}
body#destruction #main table.wasc2{
	 margin:10px 0px 10px 40px;
}
#main table.wasc4{
	 margin:10px 0px;
}
#main table.wasc2,#main table.wasc4{
	  border-top:1px solid #666;
	 border-left:1px solid #666;
	  font-size:80%; width:100%;
}
/*追加*/
p.base11{ margin:20px 0;}
h3.base11{ margin:20px 0 0; font-size:110%;}
h4.base11{ margin:20px 0 0; font-size:110%;}
h4.base11:before{ content:"《"}
h4.base11:after{ content:"》"}
dl.base11,dl.base13{ margin:10px 0; border-bottom:1px dotted #666; padding:0 0 0 25px;}
dl.base132 dt:before{ content:"●"; margin:10px 0 10px -1em;}
dl.base132 dt{margin:10px 0 10px 1em;}

dl.base11 dt,dl.base13 dt{ margin:10px 0 0; font-weight:bold;}
dl.base11 dd,dl.base13 dd{margin:5px 0 10px 1.5em; }

dl.base11 li,dl.base13 li{  margin:0 0 0 2.5em;}
dl.base11 li:before{ margin:0 0 0 -2em;}
dl.base11 li:first-child:before{ content:"(1) ";}
dl.base11 li:nth-child(2):before{ content:"(2) ";}
dl.base11 li:nth-child(3):before{ content:"(3) ";}
dl.base11 li:nth-child(4):before{ content:"(4) ";}

dl.base13 ul li:before{ content:"・"; margin:0 0 0 -1em;}
dl.base13 ol {list-style-type: upper-latin}
dl.yotei{ margin:20px 0 5px;  padding:0 0 0 25px; font-size:90%;}
dl.yotei dt{  clear:both; float:left; width:130px;}
dl.yotei dd{ margin:0 0 0 140px; }
div.yotei{ margin:0px 0 20px 25px;  border-bottom:1px solid #ddd; padding:0 0 10px;  font-size:80%;}
ol.base11 { margin:10px 0 0 20px; }
ol.base11 li:before{ content:"※";}

dl.hakuri{ margin:10px auto; width:100%;}
dl.hakuri dt{
color: #000;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #dbebf8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
 width:100%; font-size:110%;}

dl.hakuri dt:before {
content: '●';
color: white;
margin:0 10px;
}
dl.hakuri dd{ margin:1em; }
dl.hakuri dd ol{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0px;
}
  
dl.hakuri dd ol li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 7px 40px;
  padding-left: 10px;
  font-weight: bold;
  font-size:14px;
}
  
dl.hakuri dd ol li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -35px;
  width: 30px;
  height: 30px;
  background: #F6A38B;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


ul.base12{ margin:10px 0 0 35px; list-style:disc;}
p.base12{  margin:10px ;}
.house{ display:block; float:right; font-size:80%; text-align:center; line-height:1.2; font-weight:normal; margin:0 10px 10px}

h3.gest{ text-align:center;font-size:120%; margin:10px 0 20px;}
ul#koshi{ text-align:center;border-bottom:1px solid #ddd; margin:0 0 30px;}
ul#koshi li{ display:inline-block; width:230px; margin:20px 15px; vertical-align:top; border-top:1px solid #ddd; padding:25px 0 0px; }
ul#koshi li h3{ font-size:110%;}
ul#koshi li img{ margin:8px; width:150px; height:auto;}
ul#koshi li h4{ font-size:90%;}
ul#koshi li p{ font-size:80%; text-align:left; }
ul#koshi li:first-child,ul#koshi li:nth-child(2){border:none; margin:0px 15px 20px;padding:0 0 0px; }
.yosu{ text-align:center;border-bottom:1px solid #ddd; margin:0 0 30px; padding:0 0 20px;}
.yosu img{ width:100%; height: auto;}
.shuku{ text-align:center;border:2px solid #000; margin:30px auto; border-radius: 10px;  padding:0;}
#main  .shuku h2{  font-size:120%; margin:0 auto; background: #000;  color: #fff;  border-radius: 7px 7px 0 0; padding: 8px;}
.shuku h3{  font-size:110%; margin: 15px auto;}
.shuku img{ width:90%; height: auto;}

/**/

#main table.wasc2 td,#main table.wasc2 th{
	 padding:5px;
	 border-right:1px solid #666;
	 border-bottom:1px solid #666; }
#main table.wasc2 td ul{ list-style:circle; margin:0 0 0 15px; }

#main table.wasc2 td h3{ margin:0 0 ; font-size:110%;}
#main table.wasc2 td h3:before{  content:"〈";} 
#main table.wasc2 td h3:after{  content:"〉";}
#main table.wasc2  p, #main table.wasc2  ol{ margin:0 0 5px 1em;}
.takamori{ float:right; margin:0 10px 10px;}
.bashochui{ margin:0.5em 1em; font-size:12px; text-align:left}
 .bashochui span{ margin:0 0 0 2em; display:block;}

#main table.wasc3{
	 margin:0px 20px 10px 40px;
	  font-size:90%;
}
#main table.wasc3 th,#main table.wasc3 td{
	padding:5px 8px;}
#main table.wasc3 th{
	 background:#d4d4d4;
	 vertical-align:middle;
	 text-align:center;
	 width:5em;
	 font-weight:normal;
	  border-bottom:1px solid #FFF;}
	#main table.wasc3 td{
		 text-align:left;
		  border-bottom:1px solid #d4d4d4;}

#main table.wasc4 th{
	 padding:8px 5px; border-right:1px solid #666;
	 border-bottom:1px solid #666;}
	#main table.wasc4 td{
	 padding:15px; border-right:1px solid #666;
	 border-bottom:1px solid #666;}

body #main ul.listno1{
	 margin:20px;
	}


#main h2.benkyo { margin: 2em 0 0.5em;  padding: 0;
	 font-size:110%;
	 background:none;
	}
.kaigyo  p.shomei{margin: 3em 0 0; font-family: "Kosugi", sans-serif;
  font-weight: 400; font-size:105%;
  font-style: normal; text-align: right;}
p.shomei span{font-size:110%;}
.kaigyo p{ margin: 0 0 1em;}

#main ol.box{ margin:10px;}
#main ol.box li{ margin:0 0 0.5em 1em;position: relative; }
#main ol.box li:before{
font-family: "Font Awesome 7 Free";
 font-weight: 900;  
position: absolute; top:50%; transform: translateY(-50%); left: 0; font-size: var(--fz10);
 content: "\f0c8"; }

/*member*/
body.member h4{
	 font-size:100%;
	 padding:5px 8px;
	 margin:20px 20px 0;
	 background:#FFE8BB;
	}
body.member .wasc3 ul{
	margin:0;
	}
body.member .wasc3 ul li{
	background:url(../profile/sq.gif) 0 8px no-repeat;
	padding:0 0 0 10px;
	}
body.member #memberwaku{
	margin:20px;
	border:#F60 2px solid;
	background:#FFC;
	padding:15px;
	}
body.member #memberwaku ol{
	margin:15px 5px 0 40px;
	 list-style:decimal;
	}

/*company*/
body#company #main table.wasc td,body#company #main table.wasc th{
	 border-bottom:1px solid #333;}

body#company #main #maincontents ul{
 margin:5px 0 0 0px;
 padding:0;
 
}
body#company #main #maincontents ul li{
	margin: 0px 0 5px;
	padding-left: 12px;
	text-align: left;
	background:url(../gyomu/maru.gif) no-repeat;
}
body#company #main  #maincontents  dl dt{
	width:auto;
}
body#company #main  #maincontents  dl.yakuin {
	word-spacing:0.65em;
}

body#company #main  #maincontents  dl.gr dt{
	 background:#f0f0f0;
    padding: 5px 5px 1000px;
    margin-bottom:-995px;}
body#company #main  #maincontents  dl.gr{
	 border-bottom:1px solid #d4d4d4;
	 clear:both;
    overflow: hidden;
}
body#company #main  #maincontents dl.line{
	 border-top:1px solid #d4d4d4;
}
body#company #main  #maincontents dl dd{
	width:auto;
	margin:0 0 0 1.5em;
}
body#company #main  #maincontents dl.gr dd{
    padding: 5px 0 1000px;
    margin-bottom:-995px;
    float:left;
}


/*リンク集*/
body#link #main dl{
	margin: 10px 40px 0 10px;
}
body#link #main dl dt {
	padding-left: 15px;
	padding-bottom: 2px;
		margin: 5px 0 15px;
	border-bottom: 1px solid #009966;
	background:url(../comon/boxb.gif) no-repeat;
	float:left;
	width:33%;
	 clear:left;
}
body#link #main dl dd {
	
	padding-bottom: 2px;
	margin: 5px 0 15px;
	border-bottom: 1px solid #009966;
	float:left;
	width:60%;
}

body#contact dl#contacttel{
	margin:20px 40px 0;
	}
body#contact dl#contacttel dt{
	 margin:3px 0 0 0;
	font-size:120%;
	font-weight:bold;
	}
body#contact dl#contacttel dd{
	 margin:0 0 0 75px;
}
body#contact dl#contacttel dd strong{
	font-size:140%;
	margin-right:1em;
	}
body#contact p.chui{
margin:20px;	}	
	
body#contact #form{
margin:20px; overflow: hidden;border-bottom:1px solid #666;	}
body#contact #form  dt{
	width:150px;
	background:#f0f0f0;
	padding: 5px 5px 1000px  8px;
    margin-bottom:-995px;	border-top:1px solid #666;
}
body#contact #form  dt .hissu{
	background:url(../contact/mark2.gif) no-repeat right;
	padding:0 15px 0 0;
}
body#contact #form  dd{
	max-width:400px; width:90%;
    padding: 5px 0 1000px 10px;
    margin:0 0 -995px 0px;
	border-top:1px solid #666;
	
}
body#contact #form  dd ul{
	margin:0 0 5px;
}
body#contact #form  dd .chui2{
	color:#900;
	font-size:90%;
	}
body#contact  .btn{
	 text-align:center;
	}
body#sitemap #main  ul{
	margin:50px 40px;
	}
body#sitemap #main  ul li{
	margin:0px 0px 8px;
	padding:0 0 0 15px;
	background:url(../image/common/arrow.gif) 0 3px no-repeat;
	}

body#sitemap #main  ul li ul{
	margin:0px 0px 10px;
	}

body#sitemap #main  ul li ul li{
	margin:0px 0px 3px;
	padding:0 0 0 15px;
	background:url(../image/common/arrow2.gif) 0 3px no-repeat;
	}


h3.basic div{ margin:0 0 0 4.1em;}
:root *> h3.basic div{ margin:0 0 0 4em;}
.hitomoji{ margin:0 0 0 1em;}
.futamoji{ margin:0 0 0 2em;}
:root *> futamoji{ margin:0 0 0 2em;}

/*創業者挨拶追加*/
.sogosya1 { margin: 4em auto 2em; }
.sogosya { margin: 1em auto; border: 1px  dotted; padding: 1.5em;}
.sogosya p { margin: 0.5em 1em;}
.sogosya p.ss { margin: 1em 0 2em;}
.sogosya p.sp {  margin:0.5em 0 3em 3em;}
.sogosya  h3{ margin: 2em 0  0.5em; }
.sogosya  h3 {
  position: relative;font-size:110%;
  display: inline-block;
  margin: 30px 0 10px; padding-left: 0.5em;
  text-shadow: 0 0 2px white;z-index: 3;
}
.sogosya h3:before {
  content: "";
  position: absolute;
  background:#DDFFDD;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
.sogosya  h3.sogo{font-size:120%; margin: 1em auto 0 }
.sogosya  h3.sogo span{ font-weight: normal; font-size: 80%;}
.sogosya h3.sogo:before{ display: none;}
.sogosya  h4 {font-size:140%;
   margin: 5em 0 0 1.5em;
}
.sogosya  h4.twenty {font-size:120%;
   margin: 2em 0 0 1.5em;
}
.sogosya  h5 {font-size:100%;
   margin: 2em 0 0 0em;position: relative; padding-left: 1.2em;
}
.sogosya h5:before {
  content: "◆";
  position: absolute;
  width: 5px;
  height: 5px;
   top: 2px;
  left: 0%; font-size: 80%;
}
.sogosya  h6 {
   margin: 0 0 0 2em; border-bottom: 1px solid ; display:  inline-block;
}
.sogosya  ul{ margin: 0.5em 0 1em 3em;}
.sogosya  ul li{  position: relative;
  margin: 0.5em; padding-left: 1em;
}
.sogosya  ul li:before {
  content: "";
  position: absolute;
  background:#000;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 0.5em;
  left: 0%;

}
p.spacesg{ margin: 0.5em 0 1em 3em;}
.sogosya dl { margin: 4em auto 0; width:90%; border-bottom: 1px solid #ddd; }
.sogosya dl dt,.sogosya dl dd{ display:inline-block; vertical-align: top; padding: 0.8em 0.5em;  margin: 0; border-top: 1px solid #ddd;}
.sogosya dl dt{  width:5em; }
.sogosya dl dd{  width:calc( 100% - 8em );   }
.sogosya dl dd span{  display:  inline-block; vertical-align: top; text-align: left; width:calc( 100% - 8em );  margin: 0 0.5em 1em 0;}
.sogosya dl dd span.year{  width:4em;   text-align: left;}
.sogosya dl dd span.month{ width:2.5em; text-align: right; }

.sogosya .gray{ margin: 1em 0 0 3em;  background: #f0f0f0; padding: 0.8em 1em 0.2em; border-radius: 10px;}
.sogosya .gray h7 { border-bottom: 1px solid ; display:  inline-block;
}
.sogosya .space7  ul{ margin: 0.5em 0 1em 2em;}


.modal.active{
    opacity:1;
    visibility:visible;
}
.modal{
    position:fixed;
    inset:0;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background:rgba(0,0,0,.8);

    opacity:0;
    visibility:hidden;
    transition:.3s;

    z-index:9999;
}

.modal.active{
    opacity:1;
    visibility:visible;
}

.modal-close{
    position:absolute;
    top:20px;
    right:20px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

.flex{ display: flex;}
.flex-wrap{flex-wrap: wrap;}
.justify-content{justify-content: space-between;}/*両端揃え*/
.reverse{flex-direction: row-reverse;}/*逆ならび*/
.align-items{align-items: center;}/*高さ中央*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
@media (max-width: 978px) {
.backblue ol.tuika li{ margin:0 0 5px; display: inline-block; width:275px;  }
}

@media (max-width: 800px) {
	#maingazo{ text-align:center; background:none 0 0 repeat-x; }
.sub #maingazo{ height: auto; margin:0 0 35px; }

.backblue ul{width:95%; margin:0 auto !important; text-align:center;}
.backblue ul li{max-width:330px; width:90%; margin:0 auto 50px; padding:0 8px 0 0; border:none;}
.backblue ul li h3{  text-align:left;}
.backblue ul li p.clear{text-align:left;}
.backblue ol{ min-width:275px; width:90%; margin:0 auto; }
.backblue ol li{ display:inline-block;}

.backblue ol li  span{display: inline-block;  padding:0;  color:#000 !important; font-weight:normal;  font-size:50%; margin:0 0 0; width:100px;}

#page-footer ul { display:block;  text-align:left; border-right: 1px solid #fff; font-size:120%; padding:0 40px 0 10px; height:auto;}
#page-footer ul:last-child {  border: none;}
#page-footer ul a,#page-footer ul a:visited {color:#fff !important; padding:10px 10px 10px 1em!important; display:block;}
#page-footer ul a:hover { color:rgba(248,255,191,1.00) !important;}
#page-footer ul li {margin:0 0 5px 1.2em; border-bottom:1px solid #fff;}
#page-footer ul li:before { content:""; font-size:80%;margin:0px 0 0 ;}
#page-footer ul a:before { content:"▶ "; font-size:80%;margin:0px 0 0 -1.2em;}
#page-footer ul ol  { margin:-1em 0 0 1em ;}
#page-footer ul ol li { margin:0 0 0 ;border-bottom:1px dotted #fff ;}
#page-footer ul ol li:before { content:"";  margin:0em;}
#page-footer ul ol a,#page-footer ul ol a:visited {padding:10px 10px 10px 1em!important; display:block;}
#page-footer ul ol a:before { content:"≫ "; font-size:80%; margin:-10px 0 0 -1.2em;}
#page-footer ul ol li:last-child {border:none;}
#navcontents{ display:none;}
#maincontents{ display:inline-block; max-width:650px; width:100%;  margin:0 0px 0 0px;vertical-align:top; }

#under ul.under2 { border:none;padding:10px 0 15px;}
 ul.under2 li{ margin:10px !important;}
.backblue ol.tuika li{  display: block;  margin:0 auto 5px; width:275px;  }

body#home #maingazo #top3new ul{gap: 5px;}

    
}

@media (max-width: 643px) {
body#home #maingazo ul{ margin:-0px 0 0 0; text-align:center;}
body#home #maingazo ul li{ display:inline-block; width:317px; margin:0 3px; vertical-align:top;}
#gaibu{ background:#f0f0f0; margin:20px 0 0; padding:0 0 3px;}

#gaibu  h3{ text-align:left; margin:-20px 0 8px 0; font-weight:bold; font-size:120%; padding:0;}
#gaibu ol { text-align:center;}
#gaibu ol li{ text-align:center; dvertical-align:top; margin:0 10px;}
#gaibu ol li iframe.newstop{margin:0 auto; display:block; width:100%; height:200px;  }
#gaibu ol li:first-child{width:90%;}
#gaibu ol li:last-child{ margin:8px  0 0 70px;}
#gaibu ol li h4{ margin:5px 0 0 0; background:#41569a; color:#fff; font-size:100%; padding:5px 5px 0;}	
#gaibu ol li:last-child{ display:none;}	
	
.backblue ul,.backblue ol{ display:block; vertical-align:top;}
.backblue ol{ width:275px; margin:0 auto; text-align:center; }
.backblue ol li{ text-align:center;}


/* page-footer */

#page-top1 span{ width:50px; display:block; margin:30px 0 0 auto; background:#219516; text-align:center; padding:15px 0;
border-radius: 25px;		/* CSS3草案 */
	-webkit-border-radius: 25px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 25px;	/* Firefox用 */
 color:#fff;}
#jyusho { text-align:center; margin:30px auto ;width:auto; width:85% !important;}
#jyusho li{ display:inline-block; text-align:left; margin:0 0px 10px; vertical-align:middle; width:auto; }
#jyusho li:nth-child(2) img{ float:left; margin:0 10px 0 0;}
#jyusho li:nth-child(2)  h3{  font-weight:bold;  margin:0 0 1px 95px; font-size:110%;}
#jyusho li:nth-child(2)  p{  margin:0 0 1px 95px; font-size:90%;}



#copy{border-top:1px solid #fff; text-align:center; font-size:80%; margin:10px auto 5px;color:#fff; padding:10px;}

#page-header h1 { float:left;  margin:15px 0 0;}
#page-header #tel {float:right;margin:5px 0 0;}
#page-header #tel ul {margin:0 0; text-align:right;}
#page-header #tel li { display:inline-block; margin:0 0 0 10px;  font-size:90%;}

#jyusho { text-align:center; margin:15pxpx auto ;width:auto;}
.gazosize{ width:90%; height:auto; max-width:450px}

#main table.wasc,#main table.wasc5{
	 margin:25px 10px;}
body#destruction #main table.wasc2{
	 margin:10px 10px 10px 10px;
}
body#contact #form  dt{
	width:100%; 
	background:#f0f0f0;
	padding: 5px 5px 5px  8px;
    margin-bottom:0;	border-top:1px solid #666;
}
    
    
/*創業者挨拶追加*/
.sogosya{ padding: 0.5em;}
.sogosya dl dt,.sogosya dl dd{ display:block; vertical-align: top; padding: 0.8em 0.1em;  margin: 0; }
.sogosya dl dt{  width:calc( 100% - 1em );  border-top: 1px solid #000; }
.sogosya dl dd{  width:calc( 100% - 1em );  }
.sogosya  ul{ margin: 0.5em 0 1em 1em ;}
.sogosya  .space7{ margin: 0.5em 0 1em 1em ;}
.sogosya p.sp {  margin:0.5em 0 1.5em 2em;}
p.spacesg{ margin: 0.5em 0 1.5em 2em;}
.sogosya .gray{ margin: 1em 0 0 2em; }
    
body#home #maingazo #top3new ul{ display: block; }
body#home #maingazo #top3new ul li{ width:95%; max-width: 380px; margin:0 auto 10px;}
}

/* Mobile devices */
@media (max-width: 359px) {
	
}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

}

@media print {
	
}