body {
  font-size: 16px;
  font-family: "FOT-ロダンカトレア Pro L";}

h1, h2, h3, h4, h5, h6, p, dt, dd, li, th, td, a {
	line-height: 150%;
	text-shadow: 1px 1px #FFFFFF;
	color:#333;
	text-decoration:none;
	font-weight:normal;}
img { width:100%; }

.btn a {
	display:block;
	background: #A40000;
	border-radius: 10px;
	padding: 1rem 2rem;
	box-shadow: 0px 0.5rem #6f0000;
	-webkit-box-shadow: 0px 0.5rem #6f0000;}
.btn a:hover { background-color: #C60000; }

.catchcopy { font-size:1.6rem;}
.catchcopy strong { color:#a40000;}

#header-inner {}
header h1 {
	padding:1rem;
	background:#fff;}
header h1 .inner {
	vertical-align:middle;
	line-height:100%;}
header h1 .inner img {
	display:inline-block;
	float: left;
	margin:-8px 10px 0 0;
	width:120px;}
header #kv {
	padding:3rem 0;
	background:url(../imgs/kv_bg.jpg) no-repeat;
	background-size:cover;}
header #kv #kv-inner { padding:1rem;}

#contents section { padding:4rem 1rem;}
#contents h3 {font-size:2.25rem; line-height:130%; margin-bottom:2.5rem; text-align:center;position: relative;}
#contents h3:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.5rem;/*線の上下位置*/
  /*display: inline-block;*/
  width: 120px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #A40000;}
#contents h4 { font-size:1.5rem;  line-height:130%; margin-bottom:1.5rem;}
#contents p,#contents dl,#contents ul,#contents ol,#contents table { margin-bottom:1rem;}

#contents #nayami ul {
	display:flex;
	justify-content: center;}
#contents #feature {
	padding:4rem 0 0;
 background-image: url('../imgs/feature_bg.jpg');/*背景画像*/
 background-attachment: fixed;/*画面からの相対位置（背景固定）*/
 background-size: cover;/*背景サイズ*/}
#contents #feature .number {
	font-size:7.5rem;
	color:#fff;
	text-align:center;
	margin:0;
	height:7.5rem;}
#contents #feature .details {
	background:#fff;
	padding:2rem 2rem 1rem;
	border-radius:10px;
	margin:0 1rem 3rem;}
#contents #feature .btn-bg {
	padding:6rem 1rem;
	background:url(../imgs/feature_bg02.png) no-repeat center top;
	background-size: cover;}
#contents #business {
 background: url('../imgs/business_bg.jpg') right;/*背景画像*/
 background-attachment: fixed;/*画面からの相対位置（背景固定）*/
 background-size: cover;/*背景サイズ*/}
#contents #business p,
#contents #business h3 {
    text-shadow: 1px 1px #333;
    color: #FFFFFF;}
#contents #flow-inner {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom:2rem;}
#contents #flow .number {
	font-size: 7.5vw;
	color:#ccc;
	width:30%;
	margin-bottom:0;}
#contents #flow .step {
	width:65%;
	padding:1rem 0;}
#contents #flow .step h4 { margin-bottom:0.5rem;}

footer {
	font-size: 0.75rem;
	background: #282828;}
footer #footer-inner { padding:4rem 1rem 1rem;}
footer p, footer li, footer h3, footer dt, footer dd, footer a {
	color:#fff;
	text-shadow: 1px 1px #000;}
footer a { text-decoration:underline;}
footer a:hover { text-decoration:none;}
footer .logo {
	width:110px;
	margin:0 auto 1rem;}
footer #outline {}
footer #outline dt {
	float:left;
	padding-bottom:0.3rem;}
footer #outline dd {
	padding-left:65px;
	padding-bottom:0.3rem;}
footer h3 { float:left;}
footer #works-list {
	padding-left:80px;
	list-style:disc;}
footer #copyright {
	font-size:0.625rem;
	text-align:center;
	padding-top:4rem;}

@media screen and (max-width:999px){
.pc { display:none;}

#contents #business section:first-child { padding-bottom:0;}

}

@media screen and (min-width:1000px){
	.btn {
		width:710px;
		margin-left: auto;
		margin-right: auto;}
	.btn a { padding: 1rem 7rem;}
	header .inner,
	#kv #kv-inner,
	#contents #nayami,
	#contents #feature-inner,
	#contents #feature .btn-bg .inner,
	#contents #business section,
	#contents #flow,
	footer #footer-inner{
		box-sizing: border-box;
		width: 1000px;
		margin: auto;	}
	#contents #feature .btn-bg .catchcopy{	text-align: center;	}
	#contents #feature .btn-bg{ padding-top: 180px;}
	#contents #business {
		display: flex;
	justify-content:center}
	#contents #business section {
		width: 500px;
	margin: 0;}
	#contents #flow .number { font-size: 75px;}
	footer #footer-inner {
		display: flex;
		justify-content: space-between;
	flex-wrap:wrap;}
	footer .logo{
		width:10%;
	padding-top: 80px;}
	footer #outline,
	footer #works {margin: 0 20px;}
	footer #copyright{ width:100%;}
}