body {font-size: 15px;font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.head {background: rgba(0,0,0,.7);}
.headnavi {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;height: 90px;padding: 10px 0px;max-width: 1200px;margin-left: auto;margin-right: auto;}
.logo {max-width: 20%;text-align: right;}
.logo img {width: 100%;max-width: 271px;}
.navi {width: 80%;vertical-align: middle;}
.headnavi li {display: inline-block;padding: 0px 15px;text-align: center;font-size: 13px;font-weight: bold;border-right: 1px solid #fff;}
.footnavi li:last-child, .headnavi li:last-child {border-right: 0;}
.footnavi a, .headnavi a {color: #fff;text-decoration: none;box-sizing: border-box;transition: all .5s;}
.footnavi a:hover, .headnavi a:hover {color: #28b8e1;}
.foot {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;}
.footinfo {width: 85%;line-height: 2.5em;margin-left: 30px;}
.footinfo a {color: #fff;text-decoration: none;box-sizing: border-box;transition: all .5s;}
.footinfo a:hover {color: #28b8e1;}
.footnavi {max-width: 1000px;margin-left: auto;}
.footnavi li {display: inline-block;width: 13%;text-align: center;font-size: 13px;}
.topimg {width: 100%;height: 100%;position: relative;}
.topimg img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.box {width: 100%;padding: 80px 0px;}
.ch {width: 100%;max-width: 1200px;margin-right: auto;margin-left: auto;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
.left {width: 37.5%;overflow: hidden;}
.right {width: 60%;position: relative;}
.toptet {padding: 80px;text-align: center;}
.toptet p {font-size: 1.4em;font-weight: bold;margin: 14px;color: #f39b0f;}
.tet {width: 100%;max-width: 550px;margin-left: 2%;}
.kotira {width: 300px;padding: 15px 0px 15px 30px;background: #f59c15;position: absolute;bottom: 0;right: 0;}
.right a {background-image: linear-gradient(to right,rgba(0,0,0,0) 50%,rgba(46,204,113,1) 50%);background-position: 0 0;background-size: 200% auto;transition: .3s;text-decoration: none;color: #000;}
.right a:hover {background-position: -100% 0;color: #fff;}
.main {background: #eee;}
.maincont {max-width: 1200px;margin-left: auto;margin-right: auto;background: #fff;padding: 100px 80px 100px 80px;}
.demo {width: 700px;padding: 10px 0;font-size: 35px;font-weight: bold;letter-spacing: 7;}
.headig {margin: 10px 0;}
.demo5 .heading {overflow: hidden;position: relative;padding-bottom: 0px;}
.demo5 .heading span {padding: 8px;color: #333;}
.demo5 .heading:before {content: "";border-bottom: 9px solid #333;bottom: 0;height: 0;position: absolute;width: 100%;z-index: 0;}
.demo5 .heading:after {border-bottom: 9px solid #ddd;bottom: 0;content: "";position: absolute;width: 700px;z-index: 1;}
.maincont h3 {margin-top: 60px;margin-bottom: 0px;padding-left: 10px;border-left: 8px solid;font-size: 20px;}
.maincont h4 {margin-bottom: 0px;padding-left: 10px;}
.maincont p {margin-top: 20px;margin-left: 30px;}
.hyou {border-collapse: collapse;width: 100%;}
.hyou th, .hyou td {padding: 15px 20px;text-align: left;}
.hyou tr:nth-child(even) {background: #eee;}
.maincont h2 {margin-top: 100px;position: relative;padding-left: 30px;padding-left: 40px;border-bottom: 3px solid #f59c15;font-weight: bold;font-size: 22px;line-height: 38px;}
.maincont h2:after, .maincont h2:before {content: "";height: 18px;width: 4px;display: block;background: #f59c15;position: absolute;top: 8px;left: 15px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.maincont h2:before {height: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);top: 16px;left: 7px;}
.nsp {display: none;}
input[type="submit"] {display: inline-block;width: 200px;padding: 1px;text-align: center;text-decoration: none;line-height: 54px;outline: none;border: none;}
input[type="submit"]::before, input[type="submit"]::after {position: absolute;z-index: -1;display: block;content: "";}
input[type="submit"], input[type="submit"]::before, input[type="submit"]::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
input[type="submit"] {background-color: #333;color: #fff;}
input[type="submit"]:hover {background-color: #f59c15;border: none;}
.servis_img {width: 36%;}
.servis_img img {width: 100%;max-width: 360px;}
.servis_div {width: 59%;margin-left: 10px;}
.m-top {margin-top: 50px;}
@media screen and ( max-width:800px ) {.topimg img {width: 70%;}
	.box {padding: 0px 0px 80px 0px;}
	.ch {width: 100%;max-width: 1200px;display: block;}
	.left {width: 100%;text-align: center;overflow: hidden;}
	.left img {width: 100%;}
	.right {width: 100%;position: static;}
	.sp {display: none;}
	.toptet {padding: 20px;}
	.toptet p {line-height: 140%;}
	.tet {width: 100%;box-sizing: border-box;max-width: 700px;margin: 0 auto;padding: 10px;}
	.kotira {display: block;width: 300px;margin-left: auto;margin-right: auto;margin-top: 30px;padding: 15px 30px 15px 30px;background: #f59c15;position: static;bottom: 0;right: 0;}
	.nsp {display: block;}
	.maincont {width: 100%;background: #fff;padding: 100px 10px 100px 10px;}
	.demo {width: 95%;margin-top: 20px;}
	.demo5 .heading {padding: 20px 0px;}
	.demo5 .heading span {padding: 8px;color: #333;}
	.maincont h2 {font-size: 17px;line-height: 38px;padding-left: 40px;}
	.hyou th {width: 30%;}
	.hyou th, .hyou td {padding: 15px 10px;text-align: left;}}