@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
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, em, 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;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
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;}
html{ font-size: 62.5% } /*初期値16pxの62.5%でルートが10px*/
body{
	line-height: 1.5;
	font-size:90%;
	font-family:"Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	color:#fff;
	 -webkit-text-size-adjust: 100%;
	background:#1d2088;
}

body,html {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}

.anime {
width: 100%;
 height: 100%;
 background-color: #fff;
 position: relative; text-align:center; 
}
 
.anime img { width:100%; height:auto; 
 display: block;
 position: absolute;
 top: 28%;
}
 .anime soan { display:block; margin:0 auto;}
 .anime soan img { width:100%; height:auto; max-width:500px; display: block;top: 8%;
 position: absolute;}
 
 
.mainSite {
 width: 100%;
 height: 100%;
 max-height: 1080px;
 position: relative;
}
 


/*全てをクリア*/
.clear {clear: both;} 

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


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

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:rgba(194,9,12,1.00);}

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

.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* レイアウト
------------------------------------------------------------*/
.inner{
margin:0 auto;
 max-width:1200px; width:100%;
}
.inner2{
margin:0 auto;
max-width:900px;  width:90%
}
.inner3{
margin:0 auto;
max-width:700px;  width:90%
}
#wrapper{
margin:0 auto 0px;font-size: 14px; font-size: 1.4rem;
padding:78px 0 10px; background:#fff; color:#000; 
}

.alignleft{ float:left;}
.alignright{ float:right;}
.center{ text-align:center;}

.lato{font-family: 'Lato', sans-serif;}

/* header
----------------------------------*/
#glovalheader strong{ color:#fff; display:block; padding:3px 0 0; font-size:12px; font-size:1.2rem;   }
#glovalheader{ margin:0;  padding:0px; height:75px;  position: fixed; z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
background:#1d2088;
   box-shadow: 0px 5px 5px black;font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

#glovalheader h1,.headerbtn { display:inline-block; vertical-align:middle; }
#glovalheader h1 { padding:5px 0 0}
.headerbtn{ margin:20px 0 0 100px;}

.headerbtn a{ color:#fff; }
.headerbtn li{ display:inline-block; font-size:16px; font-size:1.6rem; padding:0 35px; border-right: 1px solid #fff; }
.headerbtn li:last-child{ padding:0 0 0 45px; border:none;}
.headerbtn li a:hover, #about .headerbtn li.aboutbtn a, #company .headerbtn li.outlinebtn a ,#business .headerbtn li.businessbtn a,#req .headerbtn li.reqbtn a { color:#fcc800; } 
 
 
/* フッター
*****************************************************/
nav.footer li{ display:inline-block; text-align:center; padding: 0 15px;border-right: 1px solid #1d2088; margin:70px auto 0; }
nav.footer { text-align:center;}
nav.footer li:last-child{  padding: 0 0 0 15px;border:none ; }

footer  {  font-size:14px; font-size:1.4rem; margin:0px;padding:0; 	}
footer .image{ float:left; margin:0; padding:0; }
footer .address{ float:left; margin:0 0 0 30px; padding:20px 0 0 0px;}
.address  img{ display:block; }
.address dl{ float:left;  text-align:left; vertical-align:top; margin:10px 0 0 0;}
 .address dl:last-child{ margin:10px 0 0 50px;}
 
#page-top1{
  display: block;
  background:#135db5;
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 40px;
  width: 50px;
  height:50px;
  text-align: center;
  text-decoration: none;
  transition: .5s;
	vertical-align:middle; border-radius:50%; }
a#page-top1 {  color:#fff !important;}
#page-top1 span {display: block; margin:5px auto 0;  font-size: 25px; font-size: 2.5rem; }
p.address{ padding:10px; text-align:center; border-top: 1px solid #fff; margin:-5px 0 10px 0; font-size:12px; font-size:1.2rem; display:block;    }


#container  {background:#1d2088 url(../img/common/footer.png) 90% 100% no-repeat; background-size:87px auto; }

/* トップ
*****************************************************/

#home  #wrapper nav.top {  margin:-80px 0 0;  padding:0px; position:absolute; z-index: 8000;
  left: 0;
  width: 100%;
}
#home  #wrapper nav.top ul{ text-align:center; }
#home  #wrapper nav.top ul li{ display:inline-block; text-align:center; vertical-align:middle; margin:0 5px;}
#home  #wrapper nav.top ul li a{ display:table; text-align:center; height:112px; width:112px; background:#ff9700; border-radius:50%; color:#fff; font-size:19px; font-size:1.9rem;  }
#home  #wrapper nav.top ul li:nth-child(even) a{  background:#0db16c; }
#home  #wrapper nav.top ul li a span{ display:table-cell; text-align:center; vertical-align:middle; height:100%;}
#home  #wrapper nav.top ul li a:hover,#home  #wrapper nav.top ul li:nth-child(even) a:hover{  background:#fcc800; color:#1d2088; }

#home  #wrapper ol{ text-align:center; margin:50px auto; }
#home  #wrapper ol li{ display:inline-block; text-align:center; vertical-align:top; margin:0 5px; width:30%; max-width:350px; padding:0;  }
#home  #wrapper ol li figure{ border:1px solid #fff;  margin:0; padding:0; position: relative;/*相対配置*/  }
#home  #wrapper ol li  img{ width:100%; height:auto; }
#home  #wrapper ol li figcaption{ position: absolute;/*絶対配置*/
  bottom:0; 
  left: 0; text-align:left; width:100%;}
#home  #wrapper ol li figcaption h3{   color: white; font-weight:bold;  font-size:22px; font-size:2.2rem; padding:0 0 0 10px;text-shadow: 0px 0px 5px black; }
#home  #wrapper ol li figcaption div{ color:#000;  display:block;  background:rgba(255,255,255,0.9) ; padding:8px 0 0 10px; height:3.5em;  }
#home  #wrapper section.back{ background:url(../img/home/back.jpg) 50% 100% no-repeat; background-size:100% auto; margin:0px 0 0; padding:50px 0 15px; }
#home  #wrapper section.back dl{ margin:20px auto 80px; width:80%; max-width:650px;background:rgba(255,255,255,0.8) ; padding:10px 15px; }
#home  #wrapper section.back dl dt{ text-align:center; color:#1e2973; font-size:22px; font-size:2.2rem; margin:10px 0 0 0; }
#home  #wrapper section.back dl dd{ margin:15px;  }

#home  #wrapper  nav.footer { margin:-102px auto 0;}
#home .kanren{ text-align:center;margin:-50px  auto 50px;  max-width:200px;  width:80%;}
#home .kanren img{ max-width:200px; height:auto; background:#FEF8DC; padding:3px 8px; width:80%; }
#home .kanren a:hover img{opacity:1; background:#FEE58D;}


/*サブ*/
.sub  #wrapper  header.title h1{ background:url(../img/common/back.png) 50% 100% no-repeat; background-size:cover; height:289px; }
.sub  #wrapper  h1 img.back{ width:100%; height:auto; }
.sub  #wrapper  h1 span{ background:url(../img/common/titleback.png) 0 0% no-repeat; display:block; margin:0 auto;  font-size:29px; font-size:2.9rem;  text-align:left;  
padding:0px; height:196px;}
.sub  #wrapper  h1 span strong{ font-family: 'Lato', sans-serif;  width:90%; max-width:400px; text-align:center;font-style:italic;display:block; padding:40px 0 0;}
.sub  #wrapper  h1 span b{  font-size:20px; font-size:2.0rem; display:block; width:90%; max-width:400px; text-align:center; font-weight:normal; }

.sub article h2.under{
position: relative;
margin-bottom: 1em; font-size:29px; font-size:2.9rem; text-align:center;  margin:0 0 60px;
}
article h2.under:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #e60012;
}





/*company*/
#company #wrapper  header.title{ background:url(../img/company/01-new.jpg) 50% 50% no-repeat;  background-size:cover;  }
#company #wrapper  article.no01 dt,#company #wrapper  article.no01 dd{ display:inline-block; vertical-align:top;  font-size:16px; font-size:1.6rem; border-top:1px solid #999; padding:15px 0; }
#company #wrapper  article.no01 dl{ border-bottom:1px solid #999; }
#company #wrapper  article.no01 dt{ width:20%}
#company #wrapper  article.no01 dd{ width:80%;}
#company #wrapper  article.no01 dt:nth-of-type(1),#company #wrapper  article.no01 dd:nth-of-type(1),#company #wrapper  article.no01 dd dd,#company #wrapper  article.no01 dd dt,#company #wrapper  article.no01 dd dl{ border:none;}
#company #wrapper  article.no01 dd h3{ margin:0 0 0 -0.5em;}
#company #wrapper  article.no01 dd h3:nth-of-type(2){ margin:1em 0 0 -0.5em;}

#company #wrapper  article.no01 dd dt,#company #wrapper  article.no01 dd  dd{ float:left; display:block;  font-size:16px; font-size:1.6rem;  padding:5px 0; }
#company #wrapper  article.no01 dd dt{ width:12em; clear:both;  }
#company #wrapper  article.no01 dd  dd{ width:4em; text-align:right;}
#company #wrapper  article.no01 ul{ margin:20px auto; text-align:center; }
#company #wrapper  article.no01 ul li{ display:inline-block; margin:5px;}
#company #wrapper  article.no01 ul li img{ height:200px; width:auto; border-radius:12px; }
#company #wrapper  article.no01 a{ margin:0 0 0 0.5em;}
#company #wrapper  article.no01 a:before{ 
font-family: FontAwesome;
  content: "\f041 ";
 padding-right: 3px; color:#e60012;
}

#company #wrapper  article.no02 h3{ background:#333333; border-radius:20px; color:#fff; font-size:22px; font-size:2.2rem;  padding:5px 20px 0; margin:30px 0 20px }
#company #wrapper  article.no02 p{ text-align:center; font-size:18px; font-size:1.8rem;}
#company #wrapper  article.no02 dl{ margin:0 10px 40px;}
#company #wrapper  article.no02 dt,#company #wrapper  article.no02 dd{ display:inline-block; vertical-align:top;  font-size:16px; font-size:1.6rem; padding: 0; margin:10px 20px; }
#company #wrapper  article.no02 dt{ width:10%; min-width:5em; border-left:3px solid #1d2088;  padding:0 0 0 5px;}
#company #wrapper  article.no02 dd{ width:70%;}
#company #wrapper  article.no02 dd li{ display:inline-block; vertical-align:middle; margin:0 1em 0 1em;}
#company #wrapper  article.no02 dd li:before{ 
font-family: FontAwesome;
  content: "\f111 ";
 padding-right: 3px; margin:0 0 0 -1em; 
}
#company #wrapper  article.no03 dt,#company #wrapper  article.no03 dd{ display:inline-block; vertical-align:top;  font-size:16px; font-size:1.6rem; border-top:1px solid #999; padding:15px 0; }

#company #wrapper  article.no03 dl{ border-bottom:1px solid #999; }
#company #wrapper  article.no03 dt{ width:20%}
#company #wrapper  article.no03 dd{ width:80%;}
#company #wrapper  article.no03 dt:nth-of-type(1),#company #wrapper  article.no03 dd:nth-of-type(1){ border:none;}

/*アバウト*/
#about #wrapper  header.title{ background:url(../img/about/01.jpg) 50% 50% no-repeat;  background-size:cover;  }
#about #wrapper  article.no01 h2{ font-size:24px; font-size:2.4rem; margin:0 0 30px; }
#about #wrapper  article.no01 span{ float:right; text-align:center; margin:0 0px 15px 80px; font-size:12px; font-size:1.2rem; }
#about #wrapper  article.no01 span img{ width:150px; height:auto; margin-bottom:5px;}
#about #wrapper  article.no01 span b{ display:block; font-weight:normal;  font-size:14px; font-size:1.4rem; }
#about #wrapper  article.no02 img, #about #wrapper  article.no02 div{ display:inline-block; vertical-align:top;}
#about #wrapper  article.no02  h2{ font-family:'Lato', sans-serif; font-style:italic; }
#about #wrapper  article.no02 h2.under:before { background-color:#1d2088; }

#about #wrapper  article.no02 div{max-width:500px; width:90%;  }
#about #wrapper  article.no02 img {  border-radius:12px; margin-right:50px; }

#about #wrapper  article.no02  p{ font-size:16px; font-size:1.6rem;}

#about #wrapper  article.no02 ol
,#about #wrapper  article.no02 ol li{
	padding:0px;
	margin:0px;
}
 
#about #wrapper  article.no02 ol li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
#about #wrapper  article.no02 ol{
	counter-reset:li;   
}
 
#about #wrapper  article.no02 ol li{
	position:relative;
	display: block;
	padding:10px 0px 10px 30px; 
	margin-left:0px !important;
}
 
#about #wrapper  article.no02 ol li:after{
	counter-increment: li;
	content: counter(li) ".";
	position: absolute;	
	display: block;
	text-align: center;
	font-style: italic;
	left: 0px;
	top: -1px;
	font-size: 30px;
	color:#333;
	font-family:'Lato', sans-serif; 
}

/*業務案内*/
#business #wrapper  header.title{ background:url(../img/business/01.jpg) 50% 50% no-repeat;  background-size:cover;  }

#business #wrapper article.no01 h2{ font-size:24px; font-size:2.4rem; margin:0 0 20px; }
#business #wrapper article ul{ margin:20px; text-align:center; }
#business #wrapper article ul li{ display:inline-block; margin:8px 8px 8px 0; vertical-align:middle; text-align:center; width:48%;}
#business #wrapper article ul li:nth-child(even){ margin:8px 0 8px 8px; }
#business #wrapper article ul li img{width:100%; height:auto;  border-radius:12px; }
#business #wrapper article p{width:93%; text-align:left; margin:0 auto;}

#business #wrapper article.no02 ol{ margin:1em 3em;}
#business #wrapper article.no02 ol li{ margin:5px 0 0 1em;}
#business #wrapper article.no02 ol li:before{ 
font-family: FontAwesome;
  content: "\f046";
 padding-right: 3px; margin:0 0 0 -1em; 
}


#business #wrapper .gray{ background:#f0f0f0; margin:4px 0; padding:30px ; }
#business #wrapper article.no05 h2,#business #wrapper article.no06 dt{ font-size:24px; font-size:2.4rem; margin:0 0 20px; text-align:left;border-left:#e60012 4px solid; padding-left:5px;}
#business #wrapper article.no05 { text-align:center;}
#business #wrapper article.no05 p,#business #wrapper article.no05 h4{ text-align:left;}
#business #wrapper article.no05 p{ margin:0 auto; width:100%;}
#business #wrapper article.no05 h4{ width:90%; height:auto; max-width:600px; margin:20px auto 10px; }
#business #wrapper article.no05 h4:before{ content:"■"; margin-right:3px; }
#business #wrapper article.no05 img{width:90%; height:auto; max-width:600px; margin:5px auto; }
#business #wrapper article.no06 dt,#business #wrapper article.no06 dd{ display:inline-block; }
#business #wrapper article.no06 dt{ display:inline-block;width:30%; vertical-align:middle;}
#business #wrapper article.no06 dd{ display:inline-block; width:60%; padding:0 0 0 15px; vertical-align:middle; }

/*アクセス*/
#contact #wrapper  header.title{ background:url(../img/access/01.jpg) 50% 50% no-repeat;  background-size:cover;  }
#contact #wrapper article.no02 dt,#business #wrapper article.no02 dd{ display:inline-block; vertical-align:top;  }
#contact #wrapper article.no02 dl{ text-align:center; margin:-70px auto 0px; max-width:600px; width:90%; padding:90px 0 0; }
#contact #wrapper article.no02 dt{ display:inline-block;width:20%;  vertical-align:top;font-size:22px; font-size:2.2rem; margin:0 0 60px; text-align:left;}
#contact #wrapper article.no02 dt:before{ 
font-family: FontAwesome;
  content: "\f10c";
 padding-right: 3px; margin:0 0 0 -1em; color:#1d2088;
}
#contact #wrapper article.no02 dd{ display:inline-block; width:70%; padding:0 0 0 0px; vertical-align:top;  text-align:left;margin:0 0 20px; }
#contact #wrapper article.no02 dd strong{font-size:24px; font-size:2.4rem; font-family:'Lato', sans-serif; font-weight:bold;  }
#contact #wrapper article.no02 dd b{font-size:18px; font-size:1.8rem; font-family:'Lato', sans-serif; font-weight:normal; margin-left:1em;   }

#contact #wrapper article.no02 .gmap{ margin:5px auto 100px; width:90%; max-width:800px; display:block;   height:400px;}
#contact #wrapper article.no02 .gmap:nth-of-type(2){ margin:15px auto 0px;}



/*req*/




/**
 * 14.0 - Media Queries
 */
@media only screen and (min-width:800px){ .pushy,.menu-btn{ display:none;} .mob{ display:none} .sub  #wrapper  article{ margin:-100px auto 100px;padding-top:140px; }}
@media only screen and (max-width: 1150px){

.headerbtn{ margin:20px 0 0 10px;}
#glovalheader h1 { padding:3px 0 0 10px;}
.headerbtn li{padding:0 30px; }
.headerbtn li:last-child{ padding:0 0 0 30px; 
 }
 footer .address{ float:left; margin:0 0 0 30px; padding:20px 0 0 0px;}
.address  img{ display:block; }
.address dl{ float:none;  text-align:left; vertical-align:top; margin:10px 0 0 0;}
 .address dl:last-child{ margin:10px 0 0 0px;}
  .address dl dt, .address dl dd{ display:inline-block; vertical-align:top;  }
   .address dl dt{ width:6em;} 
  #about #wrapper  article.no02 img {  margin-right:20px; }
  }
  @media only screen and (max-width: 1024px){
.headerbtn li{padding:0 20px; }
  #home  #wrapper ol li figcaption h3{   font-size:20px; font-size:2.0rem; }
#home  #wrapper ol li figcaption div br{ display:none;} 

}

@media only screen and (max-width: 860px){.pc{ display:none}



.headerbtn li:last-child{ padding:0 0 0 20px; 
 } 
 footer  { text-align:center; }
 footer .image{ float:none;  margin:0 auto; padding:0; }
  footer .image img{max-width:430px; height:auto; width:95%;}
footer .address{ float:none; max-width:430px; height:auto; width:95%; margin:0 auto 20px;}

#about #wrapper  article.no02 img, #about #wrapper  article.no02 div{ display:block; margin:0 auto;  text-align:center; }
 #about #wrapper  article.no02 div{margin:20px auto 0; width:90%; height:auto;  text-align:left; }

#about #wrapper  article.no02  h2{ font-family:'Lato', sans-serif; font-style:italic; }
#about #wrapper  article.no02 h2.under:before { background-color:#1d2088; }
#business #wrapper article.no02,#business #wrapper article.no03,#business #wrapper article.no04{ margin:-100px auto 100px;padding-top:100px; }

 }

@media only screen and (max-width:900px){
.pushy,.menu-btn{ display:block;}
.menu-btn {position: fixed; font-size:14px;  font-size:1.4rem;
 top: 10px;
 right: 0px;
 color:#fff;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
 -khtml-opacity: 0.85;
 opacity:0.85;
 -webkit-border-radius: 5px  0 0 5px;
 -moz-border-radius: 5px  0 0 5px;
font-family: 'Lato', sans-serif; font-weight:bold;
cursor:pointer; 
z-index:1000;
 }
.menu-btn a{ color:#1d2088;background-color:  #fcc800; display:block; border-top:1px solid #888888; border-left:1px solid #ddd; border-bottom:1px solid #888888; -webkit-border-radius: 5px  0 0 5px;
 -moz-border-radius: 5px  0 0 5px;
 padding:4pt 8px;transition: 1s; width:70px;
}
.menu-btn a:hover {
     width: 120px;
     background-color: #e60012; color:#fff;
}
.headerbtn{display:none;}

#company #wrapper  article.no01 ul li{ display:inline-block; margin:5px;}
#company #wrapper  article.no01 ul li img{ height:160px; width:auto; border-radius:12px; }

  #home  #wrapper ol li figcaption h3{   font-size:18px; font-size:1.8rem; }
 }



@media only screen and (max-width: 650px) {
#container{
	background:#1d2088 url(../img/common/footer.png) 98% 100% no-repeat; background-size:67px auto; 
}
#glovalheader strong{ display:none; }
#glovalheader{ height:70px; }

#glovalheader h1 { padding:10px 0 0 10px}

	#wrapper{
padding:70px 0 0px;
}

#page-top1{
  bottom: 5px;
  right: 5px;
  width: 40px;
  height:40px;}
  #page-top1 span { margin:0 auto 0;   }

nav.footer {border-top: 1px solid #1d2088;}
nav.footer li,nav.footer li:last-child{ display:block; text-align:left; padding: 0;border: none; border-bottom: 1px solid #1d2088; margin:0; }
nav.footer li a{ display:block; padding:10px; font-size:14px; font-size:1.4rem; }
nav.footer li a:before{
	font-family: FontAwesome;
  content: "\f138";
 padding-right: 8px; margin:0 ; 
}

.address dl{ float:none;  }
.address dl dt{ float:none; display:block; width:90%;  }

nav.footer li a:hover{ background:#1d2088; color:#fff; }
#home  #wrapper nav.top {  margin:-50px 0 0; }
#home  #wrapper nav.top ul li{ margin:3px 0; }
#home  #wrapper nav.top ul li a{ height:80px; width:80px; font-size:14px; font-size:1.4rem;  }

#home  #wrapper ol{  margin:20px auto 0; }
#home  #wrapper ol li{ display:block; margin:0 auto; width:90%; max-width:350px;  }
#home  #wrapper section.back dl{ margin:20px auto 0px; }
#home  #wrapper section.back dl dt{ font-size:18px; font-size:1.8rem; }


#home  #wrapper  nav.footer { margin:0px auto 0;}
#home .kanren{ text-align:center;margin:-0px auto 30px;  }



.sub  #wrapper  h1 span{ background: url(../img/common/titleback.png) 50% 0% no-repeat;  text-align:center;  padding:0px; height:196px;}
.sub  #wrapper  h1 span{ margin:0 auto;  text-align:center; padding:0px; height:196px;  }
.sub  #wrapper  h1 span strong{text-align:center; display:block; width:90%; margin:0 auto;   }
.sub  #wrapper  h1 span b{  width:90%; margin:0 auto; text-align:center;   }
.sub  #wrapper  article{ margin:40px auto 40px; }
.sub article h2.under{font-size:22px; font-size:2.2rem; text-align:center;  margin:0 0 40px;}

#about #wrapper  article.no01 { text-align:center;}
#about #wrapper  article.no01 h2{ font-size:20px; font-size:2.0rem; text-align:left;  }
#about #wrapper  article.no01 span{ display:block; float:none; text-align:left; margin:0 auto 20px; width:150px; }
#about #wrapper  article.no01 span img{ width:150px; height:auto; margin-bottom:5px;}
#about #wrapper  article.no01 span b{ text-align:center;  }
#about #wrapper  article.no01 p{ text-align:left; }

#business #wrapper article ul{ margin:20px 0px; text-align:center; }
#business #wrapper article ul li{ margin:8px 0;width:50%; text-align:center;}
#business #wrapper article ul li:nth-child(even){ margin:8px 0; }
#business #wrapper article ul li img{width:95%; height:auto;   }
#business #wrapper .gray{ padding:15px; }

#business #wrapper article.no05 h2,#business #wrapper article.no06 dt{ font-size:20px; font-size:2.0rem;}

#business #wrapper article.no05 h4{ width:100%;  }
#business #wrapper article.no05 img{width:100%;}
#business #wrapper article.no06 dt,#business #wrapper article.no06 dd{ display:block; }
#business #wrapper article.no06 dt{width:100%; vertical-align:middle;}
#business #wrapper article.no06 dd{ width:100%; padding:0 ; }


#company #wrapper  article.no01 ul li{ display:block; margin:5px;}
#company #wrapper  article.no01 ul li img{ height:auto; width:90%; max-width:200px;  }
#company #wrapper  article.no01 dt{ display:block;   width:auto; background:#f0f0f0; border:none; padding:10px; }
#company #wrapper  article.no01 dd{ display:block;   width:auto; border:none; padding:10px 15px;  }
#company #wrapper  article.no01 dd dt{ background:none;}

#company #wrapper  article.no02 dt,#company #wrapper  article.no02 dd{margin:10px 0; }
#company #wrapper  article.no02 dt{ width:100%; min-width:5em; border-left:3px solid #1d2088;  padding:0 0 0 5px;}
#company #wrapper  article.no02 dd{width:100%; }

#company #wrapper  article.no03 dl{ border:none; }
#company #wrapper  article.no03 dt{  display:block;   width:auto; background:#f0f0f0; border:none; padding:10px; }
#company #wrapper  article.no03 dd{ display:block;   width:auto; border:none; padding:10px 15px;  }


#contact #wrapper article.no02 dt{  display:block;   width:auto; border:none; padding:0px 10px 0; margin:0 0 10px; }
#contact #wrapper article.no02 dd{  display:block;   width:auto; border:none; padding:0px 15px;  }
#contact #wrapper article.no02 dd b { display:block;  margin-left:0; }

.anime img { width:100%; height:auto; 
 display: block;
 position: absolute;
 top: 15%;
}
}


@media print {
body {
zoom: 80%; /*←いー感じに調整してください*/
}
}