@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:15px;
	font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	list-style:none;
	line-height:1.9em;
	letter-spacing:0.1em;
}
h1 {
  font-size: 1em;
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
h1:before, h1:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
h1:before {
  left: 7px;
}
h1:after {
  right: 7px;
}
img{ max-width:100%; height:auto; vertical-align:top;border-radius:1px;}
body{background: #fff;}
a:hover {opacity: 0.8;}
/*ヘッダー*/
header{width: 880px;
    margin: 5px auto;
    padding: 40px;
    font-size: 2em;
    border-radius: 2px;}
    
section{
	width:880px;
	margin:5px auto;
	border-radius:2px;}    
#digicap{
	background-color: #f7f2f2;
	padding: 15px;
    border-radius: 5px;}

.icatch {width: 100%;
  height: 350px;
  object-fit: cover;
  margin: 0 0 15px 0px;}
.toha {font-size: 14pt;font-weight: bold;}
.under {text-decoration: underline;text-underline-offset: 2pt;} 
.tel {color:#111;font-size: 28px;}
.st {font-weight:bold;color:#ea553a;}
h2 {display: inline-block;padding: 0 0 5px 0;border-bottom: 2px solid #000;margin: 25px 0 0 0;}
h3 {font-size: 20px;
    margin: 30px 0;
    text-align: center;}
.demo {margin: 50px 0 0 0;}
.cap_red {color:red;font-size: 17px;font-weight: bold;}
.logo img {width:100px;height:100px;}
.logo {margin: 0 auto;text-align: center;}
.telwork {margin: 50px 0;}
/*フッター*/
footer{text-align: center;background-color: #1f654c; color:#FFF;}
footer #fotnav{display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center; padding:30px 0 0 0;}
footer #fotnav li a{ font-size:12px; color:#FFF;}
footer #fotnav li:not(:first-child):before {content: "|";display: inline-block;margin: 0 1em;}
footer small {padding:20px 0 30px 0;display: inline-block; font-size:10px;}

a[href^="tel:"] {
    pointer-events: none;
}

/*タブレット*/
@media ( max-width:880px ){
*{ line-height:1.75em}
h1 {
  font-size: 15pt;
    padding: 15px 20px;
}
.icatch {width: 100%;
  height: 200px;
  object-fit: cover;
  margin: 0 0 15px 0px;}


header{width:95%; padding:10px;margin: 10px auto;}
section{width:95%; padding:10px;margin: 10px auto;}

/*スマホ*/
@media ( max-width:420px ){
*{ line-height:1.75em}
h1 {
  font-size: 15pt;
    padding: 15px 20px;
}
.icatch {width: 100%;
  height: 200px;
  object-fit: cover;
  margin: 0 0 15px 0px;}


header{width:95%; padding:10px;margin: 10px auto;}
section{width:95%; padding:10px;margin: 10px auto;}

}