﻿@charset "UTF-8";
/*タイトル ========================================================================*/
#main .ttl_main.after_service h1{
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/ttl_after_service.jpg) no-repeat center center / cover;
	}

#main ul.maintenance{
	width:70%;
	padding:20px 7%;
	list-style:none;
	border:solid 2px #96202f;
	border-radius:20px;
	margin:30px 0;
	}
#main ul.maintenance li{
  position:relative;
	}
#main ul.maintenance li::before{
  display:block;
  content:'';
  position:absolute;
  top:.5em;
  left:-1.5em;
  width:10px;
  height:5px;
  border-left:3px solid #96202f;
  border-bottom:3px solid #96202f;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
	}
#main .button a{
	width:400px;
	border:none;
	outline:none;
	margin:30px 0;
	padding:20px 0;
	text-decoration:none;
	font-size:16px;
	color:#fff;
	text-align:center;
	background-color:#96202f;
	border-radius:10px;
	display:block;
	}
#main .button a::after{
	-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
	font-family:"FontAwesome";
	content:"\f0a9";
	margin-left:5px;
	}


@media screen and (min-width:700px) and ( max-width:1050px){
#main ul.maintenance{
	width:80%;
	padding:20px 10%;
	list-style:none;
	border:solid 2px #96202f;
	border-radius:20px;
	margin:30px 0;
	}
#main ul.maintenance li{
  position:relative;
	}
#main ul.maintenance li::before{
  display:block;
  content:'';
  position:absolute;
  top:.5em;
  left:-1.5em;
  width:10px;
  height:5px;
  border-left:3px solid #96202f;
  border-bottom:3px solid #96202f;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
	}	
#main .button a{
	width:400px;
	border:none;
	outline:none;
	margin:30px 0;
	padding:20px 0;
	text-decoration:none;
	font-size:16px;
	color:#fff;
	text-align:center;
	background-color:#96202f;
	border-radius:10px;
	display:block;
	}	
#main .button a::after{
	-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
	font-family:"FontAwesome";
	content:"\f0a9";
	margin-left:5px;
	}
}


@media screen and (max-width:700px){
#main ul.maintenance{
	width:82%;
	padding:20px 5% 10px 12%;
	list-style:none;
	border:solid 2px #96202f;
	border-radius:20px;
	margin:30px 0;
	}
#main ul.maintenance li{
  position:relative;
	margin-bottom:10px;
	}
#main ul.maintenance li::before{
  display:block;
  content:'';
  position:absolute;
  top:.5em;
  left:-1.5em;
  width:10px;
  height:5px;
  border-left:3px solid #96202f;
  border-bottom:3px solid #96202f;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
	}
#main .button a{
	width:100%;
	border:none;
	outline:none;
	margin:30px 0;
	padding:20px 0;
	text-decoration:none;
	font-size:16px;
	color:#fff;
	text-align:center;
	background-color:#96202f;
	border-radius:10px;
	display:block;
	}
#main .button a::after{
	-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
	font-family:"FontAwesome";
	content:"\f0a9";
	margin-left:5px;
	}
}