@charset "UTF-8";
/* CSS Document */
@media (max-width: 1024px) {
	.topimg  {
		 padding-top: 9vh; 
	}
}
@media (max-width: 1024px) {
	.top-vis-2  {
		 display: none; 
	}
}
@media (min-width: 1024px) {
	.top-vis  {
		 display: none; 
	}
}
.service-contents {
	padding-top: 0vh;
}
.top-vis-back {
	position: relative;
	height: auto;
	width: 100%;
	width: 100vw;
    margin-left: calc(-50vw + 50%);
	z-index: 1;
}

@media (min-width: 1024px) {
	.top-vis-back  {
		 margin-left: 0; 
	}
}
.top-vis-back h3 {
	position: absolute;
	top: 5.5vh;
	height: auto;
	width: 100%;
	font-size: 1.4rem;
	color: #000000;
	font-weight: 700;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0 -1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
     padding-top: 40px;
}
@media (min-width: 800px) {
	.top-vis-back h3  {
		font-size: 3.5vw;
		top: 5vh;
	}
}
@media (min-width: 1024px) {
	.top-vis-back h3  {
		top: 0vh;
	}
}
.daytag {
	border: double 6px #000;
	/*background: url("syounan-gozo/stripe-10.png");*/
	background: #CFEFF4;
	margin: 3vw;
	padding: 3vw;
}
@media (min-width: 850px) {
	.daytag {
		text-align: left;
		width: 65%;
	}
}
.service-contents-wrap {
	padding-top: 10vh;
}
.daytag h4 {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: .2rem;
	
}
@media (min-width: 600px) {
	.daytag h4 {
		font-size: 2.3vw;
	}
	}

.left-side {
	padding-top: 10vh;
}
@media (min-width: 992px) {
	.left-side {
		padding-top: 0;
	}
}
.contact-bt {
	box-shadow: 2px 3px 4px #767676;
	background: #12AFF1;
	margin-top: 10vh;
	padding: 3vh 15vw;
	border: none;
	font-size: 1rem;
	font-weight: 600;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0 -1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
}
.contact-bt i {
	font-size: 1.5rem;
	padding-right: 10px;
}
.contact-bt:hover {
	box-shadow: none;
	background: #414141;
}
.contact-bt strong {
	color: #FF1519;
	font-size: 1.1rem;
}
.komezirusi {
	font-size: 0.8rem;
}
.sub-contents {
		padding-top: 8vh;
	}
@media (min-width: 992px) {
	.sub-contents {
		padding-top: 24vh;
	}
}

h5 {
 position: relative;
  margin: 30px;
  text-align: center;
}

h5:before,
h5:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
  border: 1em solid #d90606;
}

h5:before {
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}

h5:after {
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}

h5 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem 2rem;
  color: #fff;
  background: #fa4141;
}

h5 span:before,
h5 span:after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-style: solid;
  border-color: #b70505 transparent transparent transparent;
}

h5 span:before {
  left: 0;
  border-width: 10px 0 0 10px;
}

h5 span:after {
  right: 0;
  border-width: 10px 10px 0 0;
}
@media (max-width: 600px) {
	.topimg  {
		 padding-top: 16vh; 
	}
}
@media (max-width: 1024px) {
	.topimg  {
		 padding-top: 9vh; 
	}
}