/*共通*/
/* main color #ea9d35 */
body {width:100%;margin:auto 0;}
h1,h2,h3,h4,h5,p { 
  -webkit-margin-before: 0em; 
  -webkit-margin-after: 0em; 
  -webkit-margin-start: 0px; 
  -webkit-margin-end: 0px; 
	font-weight: normal;
	margin-top: 0px;
  margin-bottom: 0px;
}
ul {
	-webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
a {color:inherit;}
img { vertical-align:inherit;}
.right {text-align:right;}
.padding-none{ padding:0;}

footer {background:#ea9d35;}

/*SP*/
@media(max-width:767px) {
	.pc{ display:none;}
	h1{} /*見出しに使用*/
	h2{font-size:18px;} /*タイトルに使用*/
	h3{font-size:14px;} /*電話番号に使用*/
	h4{font-size:13px;}
	p {font-size:11px;}
  /*header*/
  header {height:40px; background:#FFF;}
  .container {margin:auto;}
  .header__block {}
  .header__block .logo {width:55px;}
	.header__block h2 {display: inline-block; padding:10px 0; margin: 0 0 0 -27px;}
	.header__block .icon {width:70px;}
	.header__block h3 {display: inline-block; padding:23px 0; margin:0 0 0 -35px;}

  /*menu*/
  .spmenu_btn {
    display:block;
    position:absolute;
    top:12px;
    right:15px;
    width:20px;
    height:12px;
    background:#5d5d5d;
    border-top:5px solid #FFF;
    border-bottom:5px solid #FFF;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
  }
  .spmenu_btn:before {
    content:'';
    position:absolute;
    width:20px;
    height:2px;
    background:#5d5d5d;
    top:-7px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
  }
  .spmenu_btn:after {
    content:'';
    position:absolute;
    width:20px;
    height:2px;
    background:#5d5d5d;
    bottom:-7px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
  }
  .spmenu_btn.active {
    background:#FFF;
  }
  .spmenu_btn.active:before {
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    top:0;
    right:0;
  }
  .spmenu_btn.active:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    bottom:0;
    right:0;
  }
  .spmenu {
    display:none;
    position:absolute;
    top:40px;
    left:0;
    width:100%;
    background:#444;
		z-index:99;
  }
  nav.vr__spnav {
    display:block;
    width:100%;
    margin:0 auto;
  }
  nav.vr__spnav ul{
    list-style: none;
  }
  nav.vr__spnav li a {
    display:block;
    width:100%;
    color:#FFF;
    padding:9.5px 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    border-bottom:1px solid #999;
  }

	/*home*/
	#home .section-1 { display:flex; margin-top:-5px; z-index:-999;}
	#home .section-1 img {width:100%; height:100%;}
	#home .section-2 {background:#FFF; height:50px;}
	#home .section-2 h2{ line-height:50px;	text-align:center;	}
	#home .section-3 img{ width:100%;}
	#home .section-4 img {width:250px;}
	#home .section-4 ul {list-style:none;}
	#home .section-4 ul li {height:55px; border-bottom:1px solid #444; padding:5px 0;}
	#home .section-4 ul li .item {}
	#home .section-5 img{width:100%; height:100%;}
	
	/*service*/
	#service {}
	#service .section-1 img { width:100%; height:100%;}
	#service .section-2 {	display:table;	padding-top: 20px;	padding-bottom: 20px;}
	#service .section-2 article { padding-bottom:20px; text-align:center;}
	#service .section-2 img {width:100%; max-width: 200px;}
	#service .section-2 article h4 { width:100%;	max-width: 410px; margin:10px auto;}

	/*about*/
	#about {}
	#about .section-1 { border-top:1px solid #ea9d35;}
	#about .section-1 article,	#about .section-2 article  {padding:30px 0;}
	#about .section-1 img { width:120px;}
	#about .section-1 ul {list-style:none;}
	#about .section-1 ul li {height:45px;}
	#about .section-1 ul li .item { text-align:right; border-right: 1px solid #444; height:45px;}
	#about .section-2 { padding-bottom:50px;}
	#about .section-2 img {width:120px;}
  #about .section-2 article h4 { padding:0 10px; line-height:1.5;}

	footer {
		height:100px;
		margin-top:-6px;
		padding-top:10px;
		padding-left:0 !important;
		padding-right:0 !important;
		background:rgba(0,0,0,0.80);
		color:#FFF;
	}
	footer h4 {
		margin: 0 0 5px;
		border-bottom: 1px solid #FFF;
	}
}

/*PC*/
@media(min-width:768px) {
	.sp{ display:none;}
	h1{} /*見出しに使用*/
	h2{font-size:25px;} /*タイトルに使用*/
	h3{font-size:20px;} /*電話番号に使用*/
	h4{font-size:18px;}
  header {height:80px; background:#FFF;}
  .container {width:1024px; margin:auto;}
  .header__block {}
  .header__block .logo {width:100px;}
	.header__block h2 {display: inline-block; padding:20px 0; margin: 0 0 0 -20px;}
	.header__block .icon {width:70px;}
	.header__block h3 {display: inline-block; padding:23px 0; margin:0 0 0 -35px;}

  nav { height:50px; background:rgba(0,0,0,0.3);}
  nav ul { list-style:none; width:800px; margin:auto; line-height:50px;}
  nav ul li{text-align:center; }
  nav ul li:hover { transition:1s; background:rgba(255,255,255,0.8);}
	/*home*/
	#home .section-1 {display:flex;	margin-top:-50px;z-index:-99;	}
	#home .section-1 img {width:100%; height:100%;}
	#home .section-2 {background:#FFF; height:100px;}
	#home .section-2 h2{ line-height:100px; text-align:center;}
	#home .section-3 img{	width:100%; }
	#home .section-4 ul {list-style:none;}
	#home .section-4 ul li {height:55px;}
	#home .section-4 ul li .item { text-align:right; border-right: 1px solid #444;}
	#home .section-5 img{	width:100%;	height:100%;}
	
	/*service*/
	#service {}
	#service .section-1 img {width:100%;height:100%;}
	#service .section-2 {	display:table; padding-top: 70px;	padding-bottom: 150px;}
	#service .section-2 article {padding-bottom:20px;	text-align:center;}
	#service .section-2 img {width:100%; max-width: 400px;}
	#service .section-2 article h4 {width:100%;	max-width: 410px; margin:10px auto;}

	/*about*/
	#about {}
	#about .section-1 article,	#about .section-2 article  {	padding:50px;}
	#about .section-1 img {	width:300px;}
	#about .section-1 ul {list-style:none;}
	#about .section-1 ul li {height:45px;}
	#about .section-1 ul li .item { text-align:right; border-right: 1px solid #444; height:45px;}
	#about .section-2 { padding-bottom:150px;}
	#about .section-2 img {width:300px;}
  #about .section-2 article h4 { padding:0 110px; line-height:1.5;}
	.paddingleft {padding-left:110px;}
	
	footer {
		height:100px;
		margin-top:-100px;
		padding:15px 0;
		background:rgba(0,0,0,0.80);
		color:#FFF;
	}
	footer h4 {
		margin: 0 0 5px;
		border-bottom: 1px solid #FFF;
	}
}

/*問い合わせ*/
@media(max-width:767px) {
	#about .scr {overflow: scroll;   /* スクロール表示 */  width: 100%; height: 300px; background-color: #efefef; padding:10px 30px;}
  /* お問い合わせ */
  #formWrap {
	  width:100%;
	  margin:0 auto;
	  color:#555;
	  line-height:120%;
	  font-size:90%;
  }
  table.formTable{
	  width:100%;
  	margin:0 auto;
	  border-collapse:collapse;
  }
  table.formTable td,table.formTable th{
	  border:1px solid #ccc;
	  padding:10px;
  }
  table.formTable th{
	  width:30%;
	  font-weight:normal;
	  background:#efefef;
	  text-align:left;
  }
  p.error_messe{
	  margin:5px 0;
	  color:red;
  }
}
@media(min-width:768px) {
  #about .scr {overflow: scroll;   /* スクロール表示 */  width: 100%; height: 300px; background-color: #efefef; padding:10px 30px;}
  /* お問い合わせ */
  #formWrap {
	  margin:0 auto;
	  color:#555;
	  line-height:120%;
	  font-size:90%;
  }
  table.formTable{
	  width:100%;
  	margin:0 auto;
	  border-collapse:collapse;
  }
  table.formTable td,table.formTable th{
	  border:1px solid #ccc;
	  padding:10px;
  }
  table.formTable th{
	  width:30%;
	  font-weight:normal;
	  background:#efefef;
	  text-align:left;
  }
  p.error_messe{
	  margin:5px 0;
	  color:red;
  }
}