@charset "UTF-8";

/* ---------------------------------------------------------
MEDIA QUERY FORMAT
----------------------------------------------------------*/
@media screen and (max-width: 980px) {
}

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

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

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

/* ---------------------------------------------------------

----------------------------------------------------------*/
section .ttl {
  padding: 5% 0 1.5% 0;
}

section .ttl.ac {
  padding: 0;
}

/* ---------------------------------------------------------
box
----------------------------------------------------------*/
.box {
  padding: 4%;
}

/* ---------------------------------------------------------
link
----------------------------------------------------------*/
ul.link {
  text-align: center;
  border-bottom: 2px dotted #ccc;
  margin: 0 0 5% 0;
  padding: 0 3% 5% 3%;
}

#num04 ul.link {
  border-bottom: none;
  margin: 0;
}

ul.link li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 1%;
}

ul.link li a {
  display: block;
}

section {
	position: relative;
}

#num02,
#num03,
#num04 {
	margin-top: 8%;
	padding-top: 3%;
}

#num02::before,
#num03::before,
#num04::before,
#num05::before {
	position: absolute;
	content: '';
	width: 86%;
	left: 7%;
	border-top: dotted 2px #ccc;
	top: 0;
}

#num04 {
	margin-bottom: 15%;
}

div.link {
	width: 92%;
	margin: 0 auto;
}

div.link a {
	display: block;
}

div.link img {
	width: 100%;
}

section .ttl2,
section .ttl3 {
	display: block;
	background: #000;
	color: #fff;
	font-size: 41px;
	font-size: 4.1rem;
	line-height: 41px;
	line-height: 4.1rem;
	font-weight: bold;
	padding: 2.5% 5%;
}

section .ttl2 {
	padding: 2.5% 8%;
}

section .ttl3 {
	border-radius: 7.5px;
}

section .ttl4 {
	text-align: justify;
	font-size: 3.6rem;
	line-height: 1.4;
	font-weight: bold;
	color: #bb7300;
	margin: 2.5% 0;
}

dl.case dt {
	text-align: justify;
	font-size: 3.6rem;
	line-height: 2;
	font-weight: bold;
	color: #8cc520;
	margin: 5% 0 2%;
}

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

	section .ttl2,
	section .ttl3 {
		font-size: 4.21875vw;
		line-height: 4.21875vw;
	}
	
	section .ttl3 {
		border-radius: 0.78125vw;
	}
	
	dl.case dt,
	section .ttl4 {
		font-size: 3.6vw;
	}
}

dl.case {
	margin-top: -2%;
}

dl.case img {
	width: 100%;
}

dl.case p {
	margin-top: 3%;
}

.sec {
	margin: 4% 0 12%;
}

.sec .img {
	margin: 6% 0 1.5%;
}

.img img {
	width: 100%;
}

.img.mb {
	margin-bottom: 8%;
}
.sec img {
	width: 100%;
}

.lead02 {
	padding: 0 4% 10%;
}

dl.items {
	margin-bottom: 8%;
}

dl.items dt {
	text-align: center;
}

.service01b {
	margin-bottom: 4%;
}

.trouble {
	background: url(../imgs/img07.png) no-repeat 95% top;
	background-size: 30%;
	list-style: none;
	margin-bottom: 5%;
}

.trouble li {
	font-size: 3.6rem;
	font-weight: bold;
	color: #bb7300;
	line-height: 2;
}

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

	section .ttl2,
	section .ttl3 {
		font-size: 4.21875vw;
		line-height: 4.21875vw;
	}

	section .ttl3 {
		border-radius: 0.78125vw;
	}

	.trouble li {
		font-size: 3.6vw;
	}
}

.lead04 {
	letter-spacing: -.1em;
	white-space: nowrap;
	margin: 5% 0 8%;
}

.lead04 p {
	margin-bottom: 5%;
}

/* 一覧ページ */
@media screen and (max-width: 960px){
.service01 .ttl {
margin-top: 1rem;
}
}

.leadtxt{
margin:2rem 0;
font-size: 4vw;
line-height: 7vw;
}

#num05{
margin-bottom: 4rem;
}