@charset "utf-8";

/*---------------------------------------
contents1
---------------------------------------*/
.contents_area .contents_area_box {
  margin: 0 auto 45px auto;
}


@media screen and (max-width:767px) {
  .contents_area {
    width: 100%;
    padding: 5% 0 10% 0;
  }
  .contents_area .contents_area_box {
    width: calc(100% - 5.33% - 5.33%);
    margin: 0 auto 5% auto;
  }
}

/*---------------------------------------
item
---------------------------------------*/
.cont_block{
	padding:40px 0;
	font-size:16px;
}
.container{
	width:1150px;
	margin:0 auto;
	position:relative;
}
.cont_block h3{
	font-size:30px;
	position:relative;
}

.cont_block h3:before{
	content: "― ";
	position: absolute;
	top: 0;
	bottom: 0;
	margin:auto;
	left:0;
	color:#dc000e;
}

.cont_block h3 {
	padding-left:50px;
	padding-bottom:30px;
}

.cont_block h4 {
	font-size: 23px;
  font-weight: 700;
  line-height: 1.3em;
}

.cont_block h5 {
	font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
	position:relative;
  padding-left: 10px;
}
.cont_block h5::before {
	content: "| ";
  font-weight: 400;
	color:#dc000e;
	position: absolute;
	top: 0;
	bottom: 0;
	margin:auto;
	left:0;
}

#item ul.box_area {
	display: flex;
	flex-wrap: wrap;
}
#item ul.box_area li {
	width: calc(363px - 50px);
	background-color: #efefef;
	margin: 0 10px 30px 10px;
	padding: 25px 25px 25px 25px;
}

#item ul.item_image {
  justify-content: center;
}
#item ul.item_image li {
	width: calc(375px - 10px);
	background: none;
	margin: 0 0 0 0;
	padding: 25px 5px 25px 5px;
}
#item ul.item_image li img {
	width: 100%;
}
h2.repair_title {
  text-align: center;
  font-size: 33px;
  font-weight: 400;
}
.cont_block h3{
	font-size:21px;
	position:relative;
	text-align: center;
}

.cont_block h3:before{
	content: "―";
	font-size: 30px;
	position: absolute;
	top: auto;
	bottom: -30px;
	margin: 0 auto;
	left:0;
	right: 0;
	color:#dc000e;
}

.cont_block h3 {
	padding-left:0;
	padding-bottom:0;
}

.list_item0 {
  padding: 30px 0 10px 0;
}
.list_item {
  padding: 30px 0 0 0;
  height: 200px;
  overflow: hidden;
  margin-bottom: 20px;
}
.list_item img {
  width: 100%;
}

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

  	.cont_block{
  		padding:6% 0;
  		/**font-size:3.0vw;**/
  	}
    .container{
  		width:94%;
  		margin:0 auto;
  	}
  	.cont_block .container{
  		width:82%;
  		margin:0 auto;
  	}

  	.cont_block h3{
  /**		font-size:4.6vw;**/
  		font-size:26px;
      line-height: 1.25em;
  	}

  	.cont_block h3{
  		padding-left:8%;
  		padding-bottom:4%;
  	}

    .cont_block h4 {
    	font-size: 23px;
      font-weight: 700;
      line-height: 1.3em;
    }
#item .container {
	width: 100%;
}
#item ul.box_area {
	justify-content: center;
}
#item ul.box_area li {
	width: calc(100% - 50px);
	background-color: #efefef;
	margin: 0 0 30px 0;
}
.list_item {
	padding: 50px 0 20px 0;
}
}
.mt150 {
  margin-top: 150px;
}
.mt50 {
  margin-top: 50px;
}