/**************************************************************/
/**********************      共通      ************************/
/**************************************************************/

html,body{
	overflow-x:hidden; /* モバイル端末で右にはみ出すことがあるので消す */
	overflow-y:auto; /* 上記の指定をするとブラウザ左のスクロールバーが二つ表示されることがあるのでその対応 */
	padding:0 !important;
}

/* IEだと縦スクロールバーが2つ出るのを回避 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	html,body{
		overflow-x:visible;
		overflow-y:visible; 
	}
}

#wrapper{
	position:relative;
	padding:0;
	margin:0;
	width: 100%;
}

.pc {
	display: none !important;
}

.sp {
	display: block !important;
}

.container1800{
	width:100%;
	margin:0 auto;
}

/**************************************************************/
/**********************     スマホ     ************************/
/**************************************************************/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index:100;
	box-shadow: 0px 15px 15px -5px rgba(100,100,100,0.5);
}

#header_main_sp{
	background:#fff;
	height:95px;
	position: relative;
}

#header_main_sp .logo img{
	height:90px;
}

#header_main_sp .business-hours {
	position: absolute;
	top:3px;
	right:75px;
	font-size:77.8%;
}

#header_main_sp .icon {
	position: absolute;
	top:22px;
	right:80px;
}

#header_main_sp .icon a{
	margin-left:10px;
}

#header_main_sp .icon a img{
	width:40px;
}

#header_main_sp .area{
	position: absolute;
	bottom:5px;
	right:0;
	width:calc(100% - 80px);
	background:#000;
	color:#fff;
	text-align:center;
	font-size:77.8%;
}

.button-toggle {
	width: 60px;
	height: 90px;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	background:#006938;
}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100vw;
  height: 100vh;
  opacity: 1;
}
.menu-trigger {
	display: block;
	cursor: pointer;
	width: 60px;
	height: 90px;
	z-index: 9999;
	transition: transform .5s;
	position: relative;
}

.menu-trigger span {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 46px;
	height: 5px;
	left: 7px;
	background-color: #F4F0A2;

}
.menu-trigger span:nth-of-type(1) {
  top: 15px;
}
.menu-trigger span:nth-of-type(2) {
	top: 30px;
}
.menu-trigger span:nth-of-type(3) {
	top: 45px;
}

.menu-trigger div{
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  font-size:14px;
  text-align:center;
}

#drawer-menu {
  width: 380px;
  height: 100%;
  background-color: #000;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  -webkit-transform: translate(380px);
  -ms-transform: translate(380px);
  transform: translate(380px);
  transition: all .5s;
  overflow-y:auto;
  color:#FFF;
  box-sizing: border-box;
  padding:0 10px 30px 10px;
}

#drawer-menu.open {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

#drawer-menu .link dl {
	width:100%;
	margin-bottom:20px;
}

#drawer-menu .link  dl dt{
	background-color:#58CF81;
	text-align:center;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	border-radius:25px; 
	padding:5px 0 3px 0;
	margin-bottom:20px;
}

#drawer-menu .link  dl:nth-of-type(2) dt{
	background-color:#009E76;
}

#drawer-menu .link  dl:nth-of-type(3) dt{
	background-color:#046A38;
}

#drawer-menu .link  dl dt a{
	color:#fff;
	font-size:111%;
}

#drawer-menu .link  dl dd{
	margin-bottom:10px;
}

#drawer-menu .link  dl dd a{
	color:#fff;
	font-size:111%;
	margin-left:1em;
	position: relative;
	z-index: 1;
}

#drawer-menu .tel-box{
	display:block;
	background-color: #fff;
	width:100%x;
	height:70px;
	margin:auto;
	padding:5px;
	border:solid 3px #000;
}

#drawer-menu .tel-box span.business-hours{
	background-color: #000;
	color: #fff;
	display:inline-block;
	padding:0 25px;
	font-size:94%;
	line-height:1.25em;
	width:100%;
}

#drawer-menu .tel-box a{
	display:inline-block;
	color: #000;
	line-height:1.25em;
	font-size: 20px;
}

#drawer-menu .tel-box a span{
	font-size: 28px;
}

#drawer-close-btn{
  height: 50px;
  margin:0 auto 30px auto;
}
#drawer-close-btn p{
  font-size:14px;
}
.menu-close {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .5s;
  border:solid 1px #FFF;
}
.menu-close span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #FFF;
}
.menu-close span:nth-of-type(1) {
  top: 10px;
  -webkit-transform: translateY(12px) rotate(-45deg);
  -ms-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}
.menu-close span:nth-of-type(2) {
  bottom: 10px;
  -webkit-transform: translateY(-14px) rotate(45deg);
  -ms-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg);
  background-color: #fff;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   COMMON
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content{
	padding-top:80px;
	position:relative;
}

#main{
	width:100%;
}

#main .section-padding-left{
	padding-left:0;
}

#main .section-margin-left{
	margin-left:0;
}

.container1400{
	width:100%;
	margin:0 auto;
}

.eventFadeIn {
    opacity: 0;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}


.eventFadeIn.in-top {
    -webkit-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
    transform: translate(0,-20px);
}

.eventFadeIn.in-bottom {
    -webkit-transform: translate(0,20px);
    -ms-transform: translate(0,20px);
    transform: translate(0,20px);
}

.eventFadeIn.in-left {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}

.eventFadeIn.in-right {
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    transform: translate(20px, 0);
}

.eventFadeIn.active {
    opacity: 1;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.eventFadeIn.mainImg.active {
    opacity: 1;
    -webkit-transition: all 5s;
    -o-transition: all 5s;
    transition: all 5s;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.eventFadeToLeft {
	position: relative;
	display: inline-block;
	transition: all 0.8s;
}

.eventFadeToLeft::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 100;
	transform: scale(1, 1);
	transform-origin: left top;
	transition: all 0.6s cubic-bezier(.02,.99,.75,.99);
}
.eventFadeToLeft.active::before {
	transform-origin: left top;
	transform: scale(0, 1);
}

.fadein-turn .child {
	opacity : 0;
	transition : all 1.5s;
	-webkit-transform: translate(0,30px);
	-ms-transform: translate(0,30px);
	transform: translate(0,30px);
}
  
.fadein-turn .child.active {
	opacity : 1;
	-webkit-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

h2.ptn1 {
	font-family: Century,sans-serif;
	line-height: 1em;
	text-align: center;
	margin-bottom:50px;
	letter-spacing:0em;

	width:100%;
}

h2.ptn1 span.main{
	font-size: 166.7%;
	line-height: 1em;
	display:inline-block;
	position: relative;
	border-bottom:solid 1px #009e76;
	padding-bottom:10px;
	margin-bottom:10px;
}

h2.ptn1 span.main:before{
	content:url(./images/common/ttl-star-left.png);
	position: absolute;
	top: -20px;
  	left:-70px;
}

h2.ptn1 span.main:after{
	content:url(./images/common/ttl-star-right.png);
	position: absolute;
	top: -20px;
  	right:-70px;
}

h2.ptn1 span.sub{
	color:#009e76;
	font-size:133.3%;
}

h2.ptn1 span.sub:before{
	content: "\A" ;
	white-space: pre ;
}

a.btn1 {
	width:100%;
	/*color:#89E2E4 ;
	font-size:113%;
	background:#000;
	height:38px;
	text-align: center;
	line-height: 38px;*/
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	transition: .3s;

}


a.btn1::before {
  content: "";
  width: 200%;
  position: absolute;
  top: 0;
  right: -60px;
  z-index: -1;
  border-right: 60px solid transparent;
  border-bottom: 60px solid #009E76;
  transform: translateX(-200%);
  transition: transform ease .3s;
}


a.btn1:hover {
	background: #999;
	color: #fff !important;
}

a.btn1:hover::before {
  transform: translateX(0);
}

#lower_header{
	margin-left:0;
	position:relative;
	overflow:hidden;
}

#lower_header .inner{
	width: 1470px;
	height: 1020px;
	left: 50%;
	margin-left: -735px;
	
	position: relative;
}

#lower_header h1 {
	font-family: Century,sans-serif;
	line-height: 1em;
	text-align: center;

	position:absolute;
	top:40%;
	width:100%;
}

#lower_header h1 span.main{
	font-size: 55px;
	color:#e4fc62;
	line-height: 1em;
	display:block;
	position: relative;
}

#lower_header h1 span.sub{
	color:#000;
	font-size:122.2%;
	background:rgba(255,255,255,0.5);
	display:inline-block;
	padding:3px 1em;
}

#lower_header h1 span.main:after{
	content: "\A" ;
	white-space: pre ;
}


#lower_header .msg p{
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	
	position:absolute;
	font-size:172.2%;
	background:#F0FDA7;
	padding:0.5em 5px 1em 5px;
}

#lower_header .msg p:nth-of-type(1){
	top:250px;
	right:50px; 
}

#lower_header .msg p:nth-of-type(2){
	top:250px;
	right:140px; 
}

#lower_header .msg p:nth-of-type(3){
	top:250px;
	right:230px; 
}

#lower_header .msg p:nth-of-type(1) span{
	font-size:100%;
	color:#009E76; 
}

#lower_header .msg p:nth-of-type(3) span{
	font-size:100%;
	color:#006938; 
}

#lower_header .svg-wave{
	position:absolute;
	bottom:-2px;
	left:0; 
	z-index:2;
	width:100%;
}

#lower_header img.home,
#lower_header img.business{
	position:absolute;
	bottom:0;
	left:0; 
	right:0; 
	display:inline-block;
	margin:auto;
	width:154px;
	z-index:2;
}

.box-for-owner  {
	position:relative;
	width:96%;
	margin:auto;
	max-width:1440px;
	z-index:2;
	text-align:center;
}

.bg-contact {
	position:relative;
	height:250px;
}

.bg-contact .btn-area{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform:  translateX(-50%);
	display:block;
}

.bg-contact p{
	font-size:138.9%;
	text-align:center;
	margin-bottom:20px;
}

.bg-contact .btn-area .contact-box{
	display:block;
	background-color: #E4FC62;
	color: #000;
	font-size: 122.2%;
	text-align:center;
	width:400px;
	height:80px;
	line-height:80px;
	margin:0 auto 10px auto;
	border:solid 3px #000;
}

.bg-contact .btn-area .contact-box.btn1::before {
  right: -80px;
  border-right: 80px solid transparent;
  border-bottom: 80px solid #009E76;
}

.bg-contact .btn-area .tel-box{
	display:block;
	background-color: #fff;
	width:400px;
	height:80px;
	margin:auto;
	padding:5px;
	border:solid 3px #000;
}

.bg-contact .btn-area .tel-box span.business-hours{
	background-color: #000;
	color: #fff;
	display:inline-block;
	padding:0 25px;
	font-size:94%;
	line-height:1.25em;
	width:100%;
}

.bg-contact .btn-area .tel-box a{
	display:inline-block;
	color: #000;
	font-size: 24px;
	line-height:1.25em;
}

.bg-contact .btn-area .tel-box a span{
	font-size: 166.7%;
}

.box-wrapper{
	display:inline-block;
	padding:0 2% 0 2%;
	margin:auto;
	text-align:center;
	width:100%;
}

#on-footer {
	width:96%;
	max-width:400px;
	margin:auto;
	padding:20px 0 120px 0;
}

#on-footer dl {
	width:100%;
}

#on-footer dl dt{
	text-align:center;
	padding:5px 0;
	margin-bottom:10px;
	border:solid 5px #E4FC62;
	background:#FFF;
}

#on-footer dl dt a{
	display:block;
}

#on-footer dl:nth-of-type(2) dt{
	border:solid 5px #046A38;
	background:#046A38;
	padding:0 20px;
}

#on-footer dl:nth-of-type(3) dt{
	border:solid 5px #C5D1A4;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   サイドバー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar{
	display:none;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   フッター
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background:rgba(0,0,0,0.5);
	padding:10px 10px;
}


#footer #copyright{
	margin-top:1em;
	font-size:88.9%;	
}

/* ページトップへ戻る */
.pageTop {
	/*display:none;*/ /* jqueryで指定 */
	position:relative;
	width: 100%;
	max-width:100%;
	height:0;
	margin:0 auto;

}
.pageTop a {
	position: fixed;
	bottom: 0px;
	right:0;
	display: inline-block;
	height:200px;
	text-align:center;
	padding:1.5em 0.5em 1.5em 0.25em;
	background:rgba(0,0,0,0.75);
	font-size:88.9%;	
	text-decoration: none;
	z-index:9999;
	color:#fff;

	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	
	display: flex;
	padding:1.5em 0;
	align-items: center;
	width:30px;
}

.pageTop a:hover {
	cursor:pointer;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   TOP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#top #lower_header{
	position:relative;
	overflow:hidden;
	padding-bottom:60px;
}

#top #lower_header .box-bargain{
	position:absolute;
	bottom:0px;
	left:20px; 
	z-index:3;
}

#top #lower_header .svg-wave{
	bottom:50px;
}

#promise  {
	background:#E4FC62;
	position:relative;
	margin-top:400px;
	height:50px;
}

#promise .svg-wave{
	position:absolute;
	top:-150px;
	left:0; 
	z-index:0;
	width:100%;
}
#promise .box-wrapper{
	position:relative;
}

#promise .box-wrapper .box-wrapper-inner{
	position:absolute;
	top:-500px;
	left:0;
	right:0;
	margin:auto;
	z-index:1;

	font-size:0;
}

#promise .box-wrapper h2 {
	text-align:center;
}

#promise .box-wrapper h2 img{
	width:70%;
	max-width:711px;
	margin-left:-50px;
}

#promise .box-wrapper .box-wrapper-inner > div.box{
	color:#fff;
	display:inline-block;

	vertical-align: top;
	position:relative;
	
	max-width:360px;
	width:33.33%;
}

#promise .box-wrapper .box-wrapper-inner > div.box .inner{
	display:block;
	-moz-border-radius: 0 30px 0 30px;  
	-webkit-border-radius: 0 30px 0 30px; 
	border-radius:0 30px 0 30px;
	background:#009E76;
	width:100%;
	padding:20px 30px ;
	position:absolute;
}
#promise .box-wrapper .box-wrapper-inner > div.box:nth-of-type(1) .inner{
	right:-30px;
	top:-20px;
}

#promise .box-wrapper .box-wrapper-inner > div.box:nth-of-type(2) .inner{
	background:#58CF81;
	left:0;
	top:40px;
	z-index:2;
}

#promise .box-wrapper .box-wrapper-inner > div.box:nth-of-type(3) .inner{
	background:#006938;
	left:-30px;
	top:-60px;
}

#promise .box-wrapper .box-wrapper-inner div p:nth-of-type(1){
	font-size:42px;
	margin-bottom:20px;
}

#promise .box-wrapper .box-wrapper-inner div p:nth-of-type(2){
	font-size:24px;
	margin-top:20px;
}

#outline {
	background:#E4FC62;
	padding:100px 0;
}

#outline .box-wrapper  {
	position:static;
	text-align:left;
	width:100%;
	max-width:100%;
	font-size:0;
}

#outline .box {
	position:relative;
	z-index:4;
	background:#FEFDE9;
	padding:30px 15px;
	-moz-border-radius: 30px 0 30px 0;  
	-webkit-border-radius: 30px 0 30px 0; 
	border-radius: 30px 0 30px 0;

	width:64%;
	display:inline-block;
}

#outline .box .title {
	position:relative;
	width:100%;
}

#outline .box .title h3{
	background:#58CF81;
	color:#fff;
	display:inline-block;
	position:absolute;
	top:-50px;
	left:0;
	right:0;
	width:96%;
	max-width:500px;
	margin:auto;
	padding:5px;

	-moz-border-radius: 30px 0 30px 0;  
	-webkit-border-radius: 30px 0 30px 0; 
	border-radius: 30px 0 30px 0;
}

#outline .box .title h3 span.big{
	position:relative;
	font-size:177.8%;
	vertical-align:middle;
}

#outline .box .title h3 span.big:after{
	content:"|";
	font-weight:normal;
	font-size:100%;
	position:absolute;
	top:-5px;
	right:-20px;
}

#outline .box .title h3 span.mini{
	font-size:89%;
	color:#e4fc62;
	padding-left:2em;
}

#outline .box .one-point{
	display:table;
}

#outline .box .one-point .image{
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
	width:176px;
	height:160px;
}

#outline .box .one-point .msg{
	display:table-cell;
	vertical-align:middle;
}

#outline .box .one-point .msg p{
	font-size:166.7%;
	color:#185a7d;
	padding-bottom:10px;
	border-bottom:solid 1px #000;
}

#outline .box .example {
	position:relative;
	padding-top:50px;
}

#outline .box .example .list{
	width:calc(100% - 280px);
	float:left;
}

#outline .box .example img{
	float:left;
	margin-top:-60px;
}

#outline .box .example h4{
	background:#224E6A;
	color:#e4fc62;
	position:absolute;
	top:0;
	left:30px;
	padding:3px 10px;
}


#outline .box .example li{
	position:relative;
	padding-left:2em;
	padding-bottom:10px;
}

#outline .box .example li:before{
	content:"●";
	color:#00CE7D;
	font-size:150%;
	
	position:absolute;
	top:-2px;
	left:0.25em;
}

#outline  .sub-image{
	width:46%;
	margin-left:-10%;
	margin-bottom:-30px;
}

#top-bottom-sp{
	position:relative;
	background-color: #E4FC62;
	height: 1650px;
}

#top-bottom-sp .box-for-owner  {
	position:relative;
	width:96%;
	margin:auto;
	max-width:550px;
	z-index:2;
	text-align:center;
}

#top-bottom-sp .bg-bottom{
	position:absolute;
	bottom:0;
	content:url(./images/top/bottom.png);

	height: 1054px;
	
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform:  translateX(-50%);
}

#top-bottom-sp .bg-contact{
	z-index:2;
	position:absolute;
	bottom:700px;
	left:0;
	right:0;
}

#top-bottom-sp #on-footer{
	position:absolute;
	bottom:150px;
	left:0;
	right:0;
	margin:auto;
	z-index:2;
	padding:0;
}

#top-bottom-sp #on-footer dd{
	text-shadow: 0px 0px 10px #000;
	color:#fff;
}

#top-bottom-sp .svg-wave{
	position:absolute;
	top:596px;
	left:0; 
	z-index:1;
	width:100%;
}

#top-bottom-sp .bg-contact p{
	text-shadow: 0px 0px 10px #000;
	color:#fff;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   提供サービス　個人向け 法人向け 共通
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.box-service  {
	margin-bottom:30px;
	text-align:left;
}

.box-service .product {
	background-color: #009E76;
	padding:5px 5px 3px 1em;
}

.box-service .product h4{
	float:left;
	display:inline-block;
	color: #dbe444;
	font-size:116.7%;
}

.box-service .product span{
	float:right;
	display:inline-block;
	background-color: #F8FCE3;
	padding:3px 0.5em;
	font-size:77.8%;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
	border-radius: 20px;
}

.box-service .wrapper {
	border-left: solid 3px #E4FC62;
	border-right: solid 3px #E4FC62;
	border-bottom: solid 3px #E4FC62;
	padding:10px;

	background-image:url(./images/common/box-bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: cover;
}

.box-service .msg {
	color: #009e76;
	margin-bottom:10px;
}

.box-service .product-image {
	text-align:center;
	margin-bottom:10px;
}

.box-service .fee  {
	margin-bottom:10px;
}

.box-service .fee span:nth-of-type(1) {
	display:inline-block;
	background: #000;
	color: #dbe444;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
	border-radius: 20px;
	padding:3px 1em;
	font-size:88.9%;
	width:65px;
	vertical-align: top;
}

.box-service .fee span:nth-of-type(2) {
	display:inline-block;
	width:calc(100% - 65px);
	padding-left:0.5em;
	vertical-align:-3px;
}

.box-service .fee span:nth-of-type(2) .toku{
	vertical-align:-9px;
}

.box-service .option {
	background-color: #009E76;
	color: #fff;
	margin-bottom:10px;
	padding:3px 0.5em;
}

.box-service .times {
	font-size:0;
}

.box-service .times .hours ,
.box-service .times .cycle {
	vertical-align:top;
	display:inline-block;
	width:50%;
}

.box-service .times .hours span:nth-of-type(1),
.box-service .times .cycle span:nth-of-type(1){
	background: #E4FC62;
	color: #000;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
	border-radius: 20px;
	padding:3px 0.5em;
	font-size:88.9%;
	vertical-align:top;
	display:inline-block;
	width:80px;
}

.box-service .times .hours span:nth-of-type(2),
.box-service .times .cycle span:nth-of-type(2){
	display:inline-block;
	width:calc(100% - 80px);
	vertical-align:top;
	padding-left:0.5em;
}

#servise-bottom {
	padding:100px 0;
}

#servise-bottom .bg-contact {
	margin-bottom:60px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   提供サービス　個人向け
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#service1 #lower_header .inner{
	width: 1470px;
	height: 800px;
	left: 50%;
	margin-left: -735px;
}

#service1 .column3{
	max-width:1440px;
	margin:auto;
}

#service1 #air-conditioner .memo{
	position:relative;
	background:#F8FCE3;
	font-size:127.8%;
	padding:20px 20px 20px 4em;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
	border-radius: 20px;
	text-align:left;
}

#service1 #air-conditioner .memo:before{
	content:url(./images/common/virus.png);
	position:absolute;
	top:3px;
	left:1em;
}

#service1 #set-plan{
	background:#E4FC62;
	padding:50px 0;
}

#service1 #set-plan .column2{
	width:90%;
	max-width:1400px;
	margin:auto;
}

#service1 #set-plan dl{
	text-align:right;
	margin-right:2em;
}

#service1 #set-plan dt,
#service1 #set-plan dd{
	font-size:111.1%;
}

#service1 #set-plan .column2 .child:nth-of-type(2){
	margin-top:50px;
}

#service1 #set-plan .column2 .child:nth-of-type(2) dd a{
	background:#C72D6A;
	color:#ffff33;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
	border-radius: 20px;
	padding:5px 10px;
	width: auto;
}

#others .memo{
	border:solid 3px #00956e;
	color:#00956e;
	padding:10px 30px;
	-moz-border-radius: 30px;  
	-webkit-border-radius: 30px; 
	border-radius: 30px;
	text-align:left;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   提供サービス　法人向け
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#service2 #lower_header .inner{
	width: 1470px;
	height: 800px;
	left: 50%;
	margin-left: -735px;
	
	position: relative;
}

#service2 .column3{
	max-width:1440px;
	margin:auto;
}

#service2 #rental-housing .box-service .wrapper {
	background-image:none;
	background-color:#F5FDCA;
}

#service2 #rental-housing .box-for-owner {
	max-width: 550px;
}

#service2 #case {
	position:relative;
}

#service2 #case h2{
	position:absolute;
	top:-0.5em;
	left:0;
	text-align:center;
	font-size:166.7%;
	width:100%;
	z-index:1;
}

#service2 #case p.msg{
	position:absolute;
	top:2em;
	left:0;
	text-align:center;
	font-size:111.1%;
	width:100%;
	z-index:1;
}

#service2 #case .column4 .child{
	background:#E6FD6B;
	padding:80px 15px 50px 15px;
}

#service2 #case .column4 .child:nth-of-type(2n){
	background:#FAFD21;
}

#service2 #case .image{
	position:relative;
}

#service2 #case .image img{
	width:100%;
}

#service2 #case .image span{
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
	background:#000;
	padding:3px 1em;
}

#service2 #others .box-service .wrapper {
	background-image:none;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   会社案内
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#company #lower_header .inner{
	width: 1470px;
	height: 800px;
	left: 50%;
	margin-left: -735px;
	
	position: relative;
}

#company #lower_header h1 span.main{
	color:#e6fd6b;
}

#company #lower_header h1 span.sub{
	color:#000;
	background:#E4FC62;
	padding:3px 3em;
}

#company #greeting .box-wrapper dl{
	background-image:url(./images/company/bg-tree.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: contain;
	background-color: #F8FCE3;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
	border-radius: 20px;
	border:solid 5px #00956E;
	padding:80px 30px 40px 30px;

	position:relative;
	z-index:1;
	margin-bottom:-200px;
	max-width:1200px;
	margin:auto;
}

#company #greeting .box-wrapper dt{
	margin-bottom:30px;
	font-size:155.6%;
}

#company #greeting .box-wrapper dt span{
	font-size:100%;
	display:inline-block;;
}

#company #greeting .box-wrapper dd{
	text-align:left;
	font-size:133.3%;
	line-height:2em;
}

#company #information{
	background: #E4FC62;
	position:relative;
	padding-top:100px;
}

#company #information .svg-wave1 {
    position: absolute;
    top: -350px;
    left: 0;
    z-index: 0;
    width: 100%;
}

#company #information .svg-wave2 {
    position: absolute;
    bottom: -480px;
    left: 0;
    z-index: 0;
    width: 100%;
    z-index:1;
}

#company #information .box-wrapper {
	text-align:left;
}

#company #information table {
	width:96%;
	max-width:900px;
	margin:auto;
}

#company #information tr{
	border-bottom:solid 1px #fff;
}

#company #information th{
	width:150px;
	font-size:111.1%;
	padding:15px;
}

#company #information td{
	width:calc(100% - 150px);
	border-bottom:solid 1px #fff;
	font-size:111.1%;
	padding:15px;
}

#company #company-bottom{
	padding:300px 0 60px 0 ;
	background: #BCE2E5;
	margin-top:-100px;
}

#company #company-bottom .inner{
	width: 1800px;
	height: 192px;
	left: 50%;
	margin-left: -900px;
	
	position: relative;

}

#company #company-bottom .green-area{
	width:100%;
	height:63px;
	background: #A2B815;
}

#company #footer{
	background:rgba(81,92,10, 0.9);
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   お問い合わせ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#contact #lower_header .inner{
	width: 1470px;
	height: 800px;
	left: 50%;
	margin-left: -735px;
	
	position: relative;
}

#contact #lower_header h1 span.main{
	color:#e6fd6b;
}

#contact #lower_header h1 span.sub{
	color:#000;
	background:#E4FC62;
}

/**************************************************************/
/******************    スマホ 600px以下    ********************/
/**************************************************************/

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

.box-service.child {
    width: 100% !important;
}
.box-service.child:nth-of-type(2n) {
    margin-left: 0 !important;
}

.box-service .times .hours,
.box-service .times .cycle {
    width: 50% !important;
}

#outline .box .example .list {
    width: 100%;
}
#outline .box .example img{
    float: right;
}

}

/**************************************************************/
/******************    スマホ 700px以下    ********************/
/**************************************************************/

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

#lower_header .inner,
#service1 #lower_header .inner,
#service2 #lower_header .inner,
#company #lower_header .inner,
#contact #lower_header .inner{

	width: 700px;
	height: 800px;
	left: 50%;
	margin-left: -350px;
}

#promise .box-wrapper h2 img{
	margin-left:-30px;
}


#promise .box-wrapper .box-wrapper-inner > div.box .inner{
	padding:20px 15px ;
}

#service2 #case p.msg {
    top: 1.5em;
    font-size: 100%;
}
}

/**************************************************************/
/******************    スマホ 800px以下    ********************/
/**************************************************************/


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

#lower_header .msg p {
    font-size: 122.2%;
}
.box-for-owner .one-point .msg p{
	line-height:1.1em;
}

#lower_header .msg p:nth-of-type(1){
	right:30px; 
}

#lower_header .msg p:nth-of-type(2){
	right:90px; 
}

#lower_header .msg p:nth-of-type(3){
	right:150px; 
}


.box-for-owner .msg-for-owner {
	line-height:1.1em;
	font-size:24px;
}

.box-for-owner .msg-for-owner span{
	line-height:1.1em;
	font-size:30px;
}

.box-for-owner .box {
	width:calc(100% - 150px) !important;
	width:100% !important;
	padding: 0 0 0 0;
}

.box-for-owner .box .example li {
    padding-bottom: 10px;
    padding-right: 150px;
}

.box-for-owner .owner-image {
	top:60% !important;
	width:150px !important;
}

.box-for-owner .owner-image span{
	padding:3px 10px;
}

.box-for-owner .owner-image span.tama{
	right:85px;
}

.box-for-owner .owner-image span.tokyo{
	right:10px;
}

.box-for-owner .human-image {
	right:20px !important;
	width:150px !important;
}

#promise .box-wrapper div.box .inner{
	padding:20px 17px ;
}

#promise .box-wrapper .box-wrapper-inner > div.box:nth-of-type(1) .inner{
	right:-15px;
	top:-10px;
}

#promise .box-wrapper .box-wrapper-inner > div.box:nth-of-type(3) .inner{
	left:-15px;
	top:-30px;
}

#promise .box-wrapper .box-wrapper-inner div p:nth-of-type(1){
	font-size:30px;
}

#promise .box-wrapper .box-wrapper-inner div p:nth-of-type(2){
	font-size:18px;
}


#outline .box .example .list.column2 > .child {
    width: 100%;
    padding-left:1em;
}

#outline .box .example .list.column2 > .child:nth-of-type(2n) {
    margin-left: 0;
}

}

/**************************************************************/
/**********************    パソコン    ************************/
/**************************************************************/


/*@media only screen and (min-width : 768px ) {
@media only screen and (min-width : 1025px ) {*/
@media only screen and (min-width : 950px ) {



.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

main{
	min-height:1200px; /* この設定をしないと縦にスクロールバーが出る画面がある */
}

.container1400{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

.container1800{
	width:100%;
	max-width:1800px;
	margin:0 auto;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header{
	width: 580px;
	height: 200px;
	position: absolute;
	top:0;
	right:0;
	left:auto;
	z-index:2;
}

#header #header_main{
	text-align:center;
}

#header #header_main p {
	background:#fff;
	margin-bottom:5px;
}

#header #header_main p span{
	color:#126930;
}

#header #header_main p span span{
	font-size:155.6%;
}

#header #header_main .contact{
	display:block;
	width:100%;
	margin-bottom:10px;
}

#header #header_main .contact div{
	background:#000;
	color:#dbe444;
	padding:7px 0 5px 0;
	font-size:111.1%;
}

#header #header_main .contact div span{
	color:#fff;
	font-size:100%;
}

#header #header_main .contact a{
	background:#E6FD6B;
	color:#000;
	padding:15px 0;
	font-size:122.2%;
	border:solid 3px #000;
}

#header #header_main a.line{
	display:block;
	background:#4CC764;
	color:#fff;
	padding: 0;
	font-size:122.2%;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px;
	position:relative;
	padding-left:00px;
}
#header #header_main a.line img{
	vertical-align:-23px;
}

.menu {
	display:none !important;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   サイドバー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar{
	display:block;
	width:320px;
	margin:0;
	padding:50px 16px 0 16px;

	position:absolute;
	top:0;
	left:0;
}

*+html #sidebar{ /* サイドバーのスマホ表示不可の指定取り消し */
	border:none; 
}

#sidebar #logo {
	text-align:center;
	margin-bottom:50px;
}

#sidebar .link dl {
	width:100%;
	margin-bottom:20px;
}

#sidebar .link  dl dt {
	margin-bottom:20px;
}

#sidebar .link  dl dt a.btn1{
	
	background-color:#58CF81;
	text-align:center;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	border-radius:25px; 
	padding:5px 0 3px 0;

	color:#fff;
	font-size:111%;
}

#sidebar .link  dl:nth-of-type(2) dt a.btn1{
	background-color:#009E76;
}

#sidebar .link  dl:nth-of-type(3) dt a.btn1{
	background-color:#046A38;
}

#sidebar .link  dl:nth-of-type(1) dt a.btn1::before {
  border-bottom: 60px solid #009E76;
}

#sidebar .link  dl:nth-of-type(2) dt a.btn1::before {
  border-bottom: 60px solid #046A38;
}

#sidebar .link  dl:nth-of-type(3) dt a.btn1::before {
  border-bottom: 60px solid #58CF81;
}


#sidebar .link  dl dd{
	margin-bottom:10px;
}

#sidebar .link  dl dd a{
	color:#000;
	font-size:111%;
	margin-left:1em;
	position: relative;
	z-index: 1;
}

#sidebar .link  dl dd a:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -0px;/*テキストからの距離*/
	width: 0%;/*初期状態では下線非表示*/
	height: 10px;/*下線の高さ*/
	background:linear-gradient(transparent 60%, #ff9 60%);
	background: #ff6;/*下線の色*/
	z-index: -1;
	transition: all 0.3s;/*アニメーション速度*/
}

#sidebar .link  dl dd:hover a:after{
	width: 100%;
}

#sidebar .banner dl {
	width:100%;
	margin-bottom:40px;
}

#sidebar .banner  dl dt{
	text-align:center;
	padding:5px 0;
	margin-bottom:20px;
	border:solid 5px #E4FC62;
	background:#FFF;
}

#sidebar .banner  dl:nth-of-type(2) dt{
	border:solid 5px #046A38;
	background:#046A38;
}

#sidebar .banner  dl:nth-of-type(3) dt{
	border:solid 5px #C5D1A4;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   COMMON
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#lower_header{
	margin-left:320px;
}

#main .section-padding-left{
	padding-left:320px;
}

#main .section-margin-left{
	margin-left:320px;
}

.bg-contact .btn-area {
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;
	width:815px;
}

.bg-contact .btn-area .contact-box{
	display:inline-block;
	margin:0 auto 0 auto;
}

.bg-contact .btn-area .tel-box{
	display:inline-block;
	margin:0 auto 0 15px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   TOP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#promise  {
	height:100px;
}

#outline .box .example h4{
	left:-30px;
}


#company #information th{
	width:200px;
}

#company #information td{
	width:calc(100% - 200px);
}

#company #greeting .box-wrapper dl{
	padding:80px 50px 40px 50px;
}

#top-bottom{
	position:relative;

	background-image:url(./images/top/bottom.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: cover;
	height: 1054px;
}

#top-bottom .svg-wave{
	position:absolute;
	top:0;
	left:0; 
	z-index:0;
	width:100%;
}

#top-bottom .bg-contact p{
	color:#fff;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   提供サービス　法人向け
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#service2 #rental-housing .box-for-owner {
	max-width: auto;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   会社案内
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#company #company-bottom{
	padding:300px 0 60px 0 ;
}


}

/**************************************************************/
/***************    パソコン（そのほか）    *****************/
/**************************************************************/

@media only screen and (min-width : 951px )  and (max-width : 1200px )  {

#sidebar{
	width:260px;
}

#lower_header{
	margin-left:260px;
}

#main .section-padding-left{
	padding-left:260px;
}

#main .section-margin-left{
	margin-left:260px;
}


}



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

#top #lower_header .box-bargain{
	width:300px;
}

.bg-contact p{
	font-size:111.2%;
	margin-bottom:10px;
}

.bg-contact .btn-area{
	display:block;
}

.bg-contact .btn-area .contact-box{
	display:block;
	width:400px;
	margin:0 auto 10px auto;
}

.bg-contact .btn-area .tel-box{
	display:block;
	width:400px;
	margin:auto;
}

#outline .box {
	width:100%;
	margin-bottom:20px;
}

#outline  .sub-image{
	width:96%;
	margin:0 auto;
	display:block;
}

.box-service.child{
	width:48%;
}

.box-service.child.dummy{
}

.box-service.child:nth-of-type(3n),
.box-service.child:nth-of-type(3n-1){
	margin-left:0;
}

.box-service.child:nth-of-type(2n){
	margin-left:4%;
}


}

@media only screen and (max-width : 1400px )  {
#set-plan .column2 .child{
	width:100%;
	margin-left:0;
	text-align:center;
}

#set-plan dl{
	max-width:620px;
	margin:auto;
}

}


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

.box-service .times .hours ,
.box-service .times .cycle {
	vertical-align:top;
	display:inline-block;
	width:100%;
}

#set-plan .column2{
	width:98%;
}

}

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

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   COMMON
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.box-for-owner .one-point{
	width:100%;
}


.box-for-owner .one-point .msg{
	width:calc(100% - 202px);  /* 左の家のアイコンのサイズ分を引く */
}


.box-for-owner .box {
	display:inline-block;
	width:calc(100% - 300px);
}

.box-for-owner .owner-image {
	width:300px;
	top:auto;
	bottom:10px;
	right:10px;
}

.box-for-owner .human-image {
	position:absolute;
	bottom:0;
	right:5%;
	left:auto;
	width:200px;
}

}

@media only screen and (min-width : 1790px )  {

#lower_header .inner,
#service1 #lower_header .inner,
#service2 #lower_header .inner,
#company #lower_header .inner,
#contact #lower_header .inner{
	width: 100%;
	height: auto;
	left: 0;
	margin-left: 0;
}

}