@charset "UTF-8";
/*
 * style.css 
 */


/* !wrapper
---------------------------------------------------------- */
#wrapper {
	min-width:1000px;
}

/* !header
---------------------------------------------------------- */
#header {
	letter-spacing: 0;
}

#headerIn {
	margin:auto;
	max-width:1100px;
}
#headerLogo {
	float:left;
	padding:20px 0;
}
.fontL #headerLogo { padding:30px 0; }
#headerLogo img{ height:60px; }
.fontL #headerLogo img{ height:50px; }
#headerLinks {
	float:right;
	padding:28px 0;
}
#header .zoom{
	display: inline-block;
	vertical-align: middle;
	margin-right:15px; 
	color:#4d4d4d;
	font-size:1.6rem;
}
#header .zoom a{
	display: inline-block;
	vertical-align: middle;
	padding:0 5px; 
	border:2px solid #b0d65f;
	border-radius:4px;
}
#header .zoom .big{ font-size:2rem; }
#headerLinks .tel,
.footerLink .tel{
	display: inline-block;
	vertical-align: middle; 
	padding:0 12px 0 24px;
	line-height: 1.2;
	background:url(../img/common/ico_orange_tel.png) no-repeat left bottom 2px;
	color:#ea5a24;
	font-size:1.3rem;
}
#headerLinks .tel .num,
.footerLink .tel .num{
	display: block;
	font-size:2.9rem;
	font-weight: bold;
}
#headerLinks .email,
.footerLink .email{
	display: inline-block;
	vertical-align: middle;
	padding:0 20px 0 50px;
	background:url(../img/common/ico_email.png) no-repeat 18px center #ea5a24;
	background-size:26px;
	line-height: 50px;
	letter-spacing: 0.1em;
	color:#fff;
	border-radius:4px;
}


/* !gNavi
---------------------------------------------------------- */
#gNavi {
	background:#307728;
	border-top:3px solid #b0d65f;
	border-bottom:2px solid #b0d65f;
}
#gNavi ul{
}
#gNavi li {
	float:left;
	margin-left:-1px;
	width:25%;
}
#gNavi li a {
	display:block; 
	padding:8px 0;
	position:relative;
	line-height: 50px;
	letter-spacing: 0.3em;
	text-align:center;
	color:#fff;
	font-size:2rem;
	border-left:1px solid #fff;
} 
#gNavi li:last-child a{
	border-right:1px solid #fff;
} 
#top #gNavi li#nav01 a,
#business #gNavi li#nav02 a,
#plan #gNavi li#nav03 a,
#gNavi li:hover a{
	background:#fff;
	color:#307728;
}
	
/* !mainVisual
---------------------------------------------------------- */
#mainVisual {
	padding:140px 0 0;
	height:670px;
	background:url(../img/top/main_teaser.jpg) no-repeat center;
	background-size:cover;
}
#mainVisual .visualCard{
	margin:0 50px;
	padding:40px 50px 35px;
	width:370px;
	background:rgba(255,255,255,0.9);
	line-height: 1.63;
	text-align: center;
	color:#307728;
	font-size:3rem; 
	border:2px solid #e5e6e8;
	border-radius:6px;
}
#mainVisual .visualCard img{ margin-bottom:30px; }

/* !teaser
---------------------------------------------------------- */
#teaser {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height:270px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#top #teaser {
	padding:60px 0;
	text-align: center;
}
#business #teaser {
	background-image: url(../img/business/business_teaser.jpg);
}
#plan #teaser {
	background-image:url(../img/plan/plan_teaser.jpg);
}
#contact #teaser {
	background-image:url(../img/top/contact_teaser.jpg);
}
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	padding:10px 0;
	position:absolute;
	bottom:0;
	width:100%; 
	color:#fff;
	font-size:1.6rem;
}
#breadcrumb a,
#breadcrumb span{
	margin:0 8px;
	color:#fff;
}
#breadcrumb a:hover{ text-decoration: underline;}

/* !contents
---------------------------------------------------------- */
#contents {
	
}

#main {
	
}

.inner {
	margin:auto;
	max-width:1100px;
}
.inner2 {
	margin:auto;
	max-width:1000px;
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position:fixed;
	right:50px;
	bottom:50px;
	  z-index: 9;
	  display: none;
	  background-color:#ea5a24;
	  padding:15px;
	  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
}

/* !footer
---------------------------------------------------------- */
#footer {
	padding:40px 0;
	background:#42a545;
	letter-spacing: 0;
	text-align: center;
	color:#fff; 
}
#footer .hdL{ 
	font-weight: bold;
}
#footer .hdL:after{ 
	width:76px;
	height:2px;
	background:#fff; 
}
.footerLink{
	padding:25px 0 32px;
	position: relative;
	border-bottom:1px solid #fff;
}
.footerLink .tel{
	margin:0 20px;
	padding-left:30px;
	background-image:url(../img/common/ico_white_tel.png);
	color: #fff;
	font-size: 1.8rem;
}
.footerLink .tel .num{ font-size: 3.5rem; }
.footerLink .email{
	padding: 0 26px 0 80px;
	background:url(../img/common/ico_email.png) no-repeat 26px center;
	background-size: 34px;
	line-height: 66px;
	border:2px solid #fff;
}
.footerLink .email:hover{
	background-color:#fff;
	background-image:url(../img/common/ico_green_email.png);
	color:#42a545;
}
#footer .info {
	padding:30px 0 50px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; 
	font-weight:600;
}
#footer .info .hd01{
	margin-bottom:20px;
	line-height: 1.1;
	font-size:2.4rem;
	font-weight: 600;
}
#copyright {
	font-size:1.6rem;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; 
	font-weight: 600;
}

/* !h(n)eading
---------------------------------------------------------- */
.hdL {
	text-align:center;
	font-size:2.5rem;
}
.hdL:after{
	content:"";
	display: block;
	margin:15px auto 25px;
	width:96px;
	height:1px;
	background: #307728;
}

.hdM {
	text-align:center;
	color:#fff;
	font-size:3rem;
}

.hdS {
	
}

.hd01 {
	
}

/* !list
---------------------------------------------------------- */
.list01 {
	
}

/* !table
---------------------------------------------------------- */
.table01 {
	width:100%;
}
.table01 th{
	vertical-align: top;
	padding:12px 72px 12px 0;
	width:220px;
	text-align:right;
}
.table01 td{
	vertical-align: top;
	padding:12px 0;
	color:#575757;
	font-size:1.5rem;
}
.full{ width:100%; }
.half{ width:60%; }
.small{ width:150px; }
.borStyle{
	padding:0 10px;
	border:1px solid #a5a5a5;
}

/*
common --------------------*/
.bgImg{ 
	padding:50px 0;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.bgImg01{ background-image:url(../img/top/bg_main01.jpg); }
.bgImg02{ background-image:url(../img/top/bg_main02.jpg); }
.bgImg03{ background-image:url(../img/plan/bg_plan01.jpg); }
.bgImg04{ background-image:url(../img/plan/bg_plan02.jpg); }
.bgImg05{ background-image:url(../img/plan/bg_plan03.jpg); }

.txtStyle{ line-height:1.72; }
.txtStyle .tit{ 
	margin-bottom:15px;
	text-align: center;
	color: #000;
	font-size:2rem;
}

.colorGreen{ color:#006837; }
.colorRed{ color:#ba272d; }


/*index.html--------------------------*/
.sortManagement{
	text-align: center;
	font-size:2rem;
}
.sortManagement .hd01{
	padding:70px 0 30px; 
	background: url(../img/top/ico_house02.png) no-repeat center top;
	font-size:2.5rem;
}
.sortManagement .subTit{ margin-bottom:50px; }
.sortManagement ul{ font-size:0; }
.sortManagement li{
	display: inline-block;
	vertical-align: top;
	margin:0 2.6%;
	width:28%;
	line-height: 1.3;
	font-size:2rem;
}
.fontL .sortManagement li{
	width:26%;
}
.sortManagement li span{
	display: block;
	margin:0 auto 20px;
	padding-bottom:90%;
	width:90%;
	background-repeat: no-repeat;
	background-position: center;
	border:1px solid #48bedf;
	border-radius:100%;
}
.sort01{ background-image:url(../img/top/ico_management01.png); }
.sort02{ background-image:url(../img/top/ico_management02.png); }
.sort03{ background-image:url(../img/top/ico_management03.png); }
.sort04{ background-image:url(../img/top/ico_management04.png); }
.sort05{ background-image:url(../img/top/ico_management05.png); }

.movieManagement{
	text-align: center;
}
.movieManagement .hd01{
	padding:20px 0;
	background:url(../img/top/ico_01.png) no-repeat center top;
	color:#54a72c;
	font-size:2.2rem;
}
.movieManagement .hd01 span{
	display: block;
	margin-top:30px;
	font-size:3rem;
}
.movieManagement ul{ padding:25px 0; }
.movieManagement li{
	display: inline-block;
	padding:60px 0 10px;
	margin:0 10px;
	width:300px;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center 10px;
	color:#54a72c;
	font-size:2.7rem;
	font-weight: bold;
	border:2px solid #318c2c;
	border-radius:10px;
}
.movieManagement .endNote{
	padding:30px 35px;
	background:rgba(255,255,255,0.9);
	line-height: 1.88;
	border-radius:8px;
}

.otherManagement li{
	float:left;
	position: relative;
	overflow: hidden;
	text-align:center;
}
.otherManagement li img{
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important;
	-webkit-transition: all 0.5s !important;
}
.otherManagement li:hover img{
	transform: scale(1.2,1.2);
}
.otherManagement li:nth-of-type(2n){
	float:right;
}
.otherManagement li .introd{
	position: absolute;
	left:15%;
	top:50%;
	transform: translateY(-50%);
	padding:35px 50px;
	width:70%;
	background:rgba(255,255,255,0.9);
	border-radius:8px;
}
.fontL .otherManagement li .introd{
	padding:35px;
}
.otherManagement li .hd02{
	color:#666;
	font-size:2.6rem;
	font-weight: bold;
}
.otherManagement li .hd02:after{
	content:"";
	display:block;
	margin:20px auto 28px;
	width:110px;
	height:4px;
}
.otherManagement li .blue .hd02:after,
.otherManagement li .blue .moreLink{ background:#74b4e0; }
.otherManagement li .yellow .hd02:after,
.otherManagement li .yellow .moreLink{ background:#d6aa49; }
.otherManagement li .txt{
	margin-bottom:20px;
	height:50px;
	line-height:1.22;
}
.moreLink{
	display: block;
	margin:auto;
	width:190px;
	line-height:48px;
	text-align: center;
	color:#fff;
	border-radius:6px;
} 


/* business.html 
-----------------------------------------*/
.businessFlow ul{
	margin:auto;
	max-width:880px;
}
.businessFlow li{
	display: flex;
	align-items: center;
	padding:15px 20px;
	margin-bottom:18px;
	position: relative;
	background:#fff;
	font-size:1.7rem;
	border-radius:8px;
	box-shadow: 0 0 8px rgba(50,50,50,0.3);
}
.businessFlow li:before{
	content:"";
	display: block;
	margin-right:30px;
	width:70px;
	height:70px;
	background-color:#307728;
	background-position: center;
	background-repeat: no-repeat;
	border-radius:80px;
}
.flow01:before{ background-image:url(../img/business/ico_contract01.png); }
.flow02:before{ background-image:url(../img/business/ico_contract02.png); }
.flow03:before{ background-image:url(../img/business/ico_contract03.png); }
.flow04:before{ background-image:url(../img/business/ico_contract04.png); }
.flow05:before{ background-image:url(../img/business/ico_contract05.png); }
.flow06:before{ background-image:url(../img/business/ico_contract06.png); }
.flow07:before{ background-image:url(../img/business/ico_contract07.png); }
.businessFlow li + li:after{
	content:"";
	position: absolute;
	top:-18px;
	left:50%;
	transform: translateX(-50%);
	border-top:15px solid #307728;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
}
.businessFlow li .step{ 
	margin-right:30px;
	min-width:210px; 
}
.businessFlow li .step span{ 
	color:#307728;
	font-size:2.6rem;
}

.busContent .txt{ 
	margin-bottom:40px;
	line-height:2.22; 
}
.busContent .wt{
	margin:auto;
	width:710px;
} 

/* plan.html
-------------------------------------*/
.planAnchor{
	padding:50px 0;
	text-align:center;
	font-size:0;
}
.planAnchor a{
	padding:0 30px;
	line-height: 1;
	color:#307728;
	font-size:2rem;
	border-right:1px solid #307728;
}
.planAnchor a:first-child{
	border-left:1px solid #307728;
}

.planFlow{
	margin-bottom:150px;
	background-repeat:no-repeat;
	background-position: center 30px;
	background-size:100%;
}
.planFlow .hd01{ 
	margin-bottom:40px;
	text-align: center;
	line-height:70px;
	color:#fff;
	font-size:3.5rem; 
	border-radius:8px;
}
.planFlow .hd01 span{ font-size:2.5rem; }
.planFlow.green .hd01,
.planFlow.green li:before,
.planFlow.green .rateTable th{ background-color:#4d871b; }
.planFlow.darkGreen .hd01,
.planFlow.darkGreen li:before,
.planFlow.darkGreen .rateTable th{ background-color:#1f875f; }
.planFlow.blue .hd01,
.planFlow.blue li:before,
.planFlow.blue .rateTable th{ background-color:#1d7796; }

.planFlow ul{ margin-bottom:30px; }
.planFlow li{ margin-bottom:18px; }
.planFlow li:before{
	content:"";
	display: block;
	float:left;
	margin-right:15px;
	width:108px;
	height:98px;
	background-repeat:no-repeat;
	background-position: center center;
	border-radius:4px;
}
.plan01:before{ background-image:url(../img/plan/ico_plan01.png); }
.plan02:before{ background-image:url(../img/plan/ico_plan02.png); }
.plan03:before{ background-image:url(../img/plan/ico_plan03.png); }
.plan04:before{ background-image:url(../img/plan/ico_plan04.png); }
.plan05:before{ background-image:url(../img/plan/ico_plan05.png); }
.plan06:before{ background-image:url(../img/plan/ico_plan06.png); }
.plan07:before{ background-image:url(../img/plan/ico_plan07.png); } 
.planFlow li:after{
	content:"";
	display: block;
	clear: both;
}
.planFlow li .info{ overflow:hidden; }
.planFlow li .tit{
	margin-bottom:5px;
	font-weight: bold;
	font-size:2.8rem;
}
.planFlow li .txt{ padding-left:30px; }
.planFlow.green li .tit{ color:#4d871b; }
.planFlow.darkGreen li .tit{ color:#1f875f; }
.planFlow.blue li .tit{ color:#1d7796; }

.planFlow .rateTable{
	margin-bottom: 15px;
	padding:20px 50px 50px;
	background-color:#fff; 
	background-repeat:no-repeat;
	background-position:15px 15px, right 15px top 15px, left 15px bottom 15px, right 15px bottom 15px;
	border:1px solid #acacac;
	border-radius:10px;
}
.planFlow.green .rateTable{
	background-image: url(../img/plan/ico_circle01.png), url(../img/plan/ico_circle01.png), url(../img/plan/ico_circle01.png) , url(../img/plan/ico_circle01.png)  ;
}
.planFlow.darkGreen .rateTable{
	background-image: url(../img/plan/ico_circle02.png), url(../img/plan/ico_circle02.png), url(../img/plan/ico_circle02.png) , url(../img/plan/ico_circle02.png)  ;
}
.planFlow.blue .rateTable{
	background-image: url(../img/plan/ico_circle03.png), url(../img/plan/ico_circle03.png), url(../img/plan/ico_circle03.png) , url(../img/plan/ico_circle03.png)  ;
}
.planFlow .hd02{
	padding:15px 0;
	margin-bottom:20px;
    text-align: center;
	font-size:3rem;
	border-bottom:2px solid;
}
.planFlow.green .hd02{ 
	color:#4d871b;
	border-color:#307728;
}
.planFlow.darkGreen .hd02{ 
	color:#1f875f;
	border-color:#1f875f;
}
.planFlow.blue .hd02{ 
	color:#1d7796;
	border-color:#1d7796;
}
.planFlow .rateTable table{ 
	width:100%; 
	font-size:2rem;
	border-collapse: separate;
    border-spacing: 2px;
}
.planFlow .rateTable th{
	height:42px;
	text-align: center;
	color:#fff; 
}
.planFlow .rateTable td{
	padding:0 20px;
	height:42px;
	border:1px solid; 
}
.planFlow.green .rateTable td{ border-color:#307728; }
.planFlow.darkGreen .rateTable td{ border-color:#1f875f; }
.planFlow.blue .rateTable td{ border-color:#1d7796; }
.planFlow .endNote{
	margin-top:20px;
	color:#ba272d;
	font-size:1.7rem;
}

/*.planFlow .planBox{
  background: #dfdfdf;
  padding: 20px;
}*/


/* contactInfo.html 
--------------------------------*/
.contactInfo{
	font-size:1.6rem;
}
.contactInfo .telCard{
	margin-bottom:100px;
	text-align:center;
}
.contactInfo .telCard .box{
	padding:15px 50px;
	margin:35px auto 0;
	width:550px;
	font-size:1.8rem;
	border:1px solid #307728;
	border-radius:4px;
}
.contactInfo .telCard .tit{
	padding-bottom:10px;
	font-size:1.6rem;
	border-bottom:1px solid #307728;
}
.contactInfo .telCard .tel span{
	display: inline-block;
	padding:5px 0 5px 27px;
	background:url(../img/common/ico_green_tel.png) left center no-repeat;
	color:#307728;
	font-size:2.8rem;
	font-weight: bold;
}
.contactInfo .hd01{
	padding-bottom:10px;
	margin-bottom:20px;
	text-align: center;
	font-size:2.5rem;
	border-bottom:1px solid #307728;
}
.contactInfo form{ padding:0 100px; }
.contactInfo table{
	margin-top:20px;
}
.contactInfo th{ position:relative; }
.contactInfo .must{
	position:absolute;
	top:14px;
	right:15px;
	font-size:1.5rem;
}
.contactInfo input[type=text]{
	height:40px;
}
.contactInfo textarea{
	resize: none;
	padding:10px;
	width:100%;
	height:200px;
	color: #575757;
	font-size:1.5rem;
	font-family: 'Noto Sans JP', sans-serif; 
}
.contactInfo .policy{
	margin-bottom:5px;
	padding:5px 5px 5px 15px;
	border: 1px solid #a5a5a5;
}
.contactInfo .policy li{
	list-style: disc inside;
	margin:5px 0;
	padding-left:1.4em;
	text-indent: -1.4em;
}
.radioStyle .argee{
	display: block;
	padding:12px 20px;
	background:#e0e0e0;
}
.radioStyle input[type=radio]{
	display: inline-block;
	vertical-align: middle;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	position: relative;
	width:24px;
	height:24px;
	background:#fff;
	border:1px solid #767676;
	border-radius:20px;
}
.radioStyle input[type=radio]:checked{ border-color:#307728; }
.radioStyle input[type=radio]:checked:after{
	content:"";
	position:absolute;
	left:6px;
	top:6px;
	width:10px;
	height:10px;
	background:#307728;
	border-radius:20px;
}
.contactInfo .send{
	text-align: center;
}
.contactInfo .send input[type=submit]{
	cursor: pointer;
	display: inline-block;
	width:150px;
	height:56px;
	background:#307728;
	color:#fff;
	font-size:1.7rem;
	font-weight: bold;
	border:0;
	border-radius:4px;
  margin: 0 10px;
}

.contactInfo .send .moreLink {
  background:#307728;
  margin-top: 40px;
}

/*************************************************/

#plan_container01{
	width:999px;
	margin:0px auto;
	overflow:hidden;
	position:inherit;
}

#plan_container01 .txt01{
	color:#BA272D;
}

#plan_container01 .caution{
	clear:both;
	color:#BA272D;
	padding-top:30px;
}

#plan_container01  .price_table01{
	overflow:hidden;
	margin-top:15px;
	
}

#plan_container01 .a_price div{
	padding-left:1em;
}

#plan_container01  .price_table01 th.null,
#plan_container01  .price_table01 td.null{
	background-color:#fff !important;
	border:none !important;
}

#plan_container01  .price_table01 td.check_box{
	text-align:center;
}


/*****************/

#plan_container02{
	width:999px;
	margin:0px auto;
	overflow:hidden;
	position:inherit;
}

#plan_container02 .txt01{
	color:#BA272D;
}

#plan_container02 .caution{
	clear:both;
	color:#BA272D;
	padding-top:30px;
}

#plan_container02  .price_table01{
	overflow:hidden;
	margin-top:15px;
	
}

#plan_container02  .price_table01 td{
	padding-left:0.5em !important;
	padding-right:0.5em !important;
}

#plan_container02 .a_price{
	width:132px;
	text-align:center;
}

#plan_container02 .a_price div{
	padding-left:1em 0.5;
}

#plan_container02 .yen{
	width:63px;
	text-align:center;
	
}

#plan_container02  .price_table01 th.null,
#plan_container02  .price_table01 td.null{
	background-color:#fff !important;
	border:none !important;
}

#plan_container02  .price_table01 td.check_box{
	text-align:center;
}

/******************/

/*****************/

/* input要素の代替 */
.c-checkbox__input{
    position: relative;
    display: block;
    vertical-align: bottom;
    width: 34px;
    height: 34px;
	margin:0px auto;
}
.c-checkbox__input::before,
.c-checkbox__input::after{
    content: "";
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* input要素の代替（外側） */
.c-checkbox__input::before{
    width: 30px;
    height: 30px;
    border: 2px solid #307728;
    top: 0;
    left: 0;
}

/* 本来のinput[type="checkbox"]を非表示 */
.c-checkbox input[type="checkbox"]{
    display: none;
}

/* input要素の代替（外側）：チェック後 */
.c-checkbox input[type="checkbox"]:checked + .c-checkbox__input::before{
}

/* input要素の代替（内側）：チェック後 */
.c-checkbox input[type="checkbox"]:checked + .c-checkbox__input::after{
    width:30px;
    height:30px;
    /*background-color: gray;
    border-radius: 50%;*/
	content:"✔";
	font-size:30px;
    top: 2px;
    left: 3px;
	line-height:30px;
	color:#F08C1E;
}
/*************************************************/

.select_room{
	width:148px;
	padding:0px !important;
	text-align:center;
}

.select_room select{
	height:42px;
	line-height:42px;
	display:inline;
	width:100%;
	border:none;
	text-align:center !important;
	font-size:20px;
}

.select_room select[disabled]{
    background:#DCDCDC;
    cursor:not-allowed; /* 禁止カーソル */
}

/*************************************************/

.sum_block01{
	display:table;
	width:555px;
	float:right;
	overflow:hidden;
	margin-top:15px;
}

.sum_block01 .col01{
	display:table-cell;
	text-align:right;
	padding-right:1em;
	
}

.sum_block01 .col02{
	display:table-cell;
	width:132px;
	vertical-align:middle;
	border:2px solid #F08C1E;
	box-sizing:border-box;
	text-align:center;
	font-size: 2rem;
}

.sum_block01 .col03{
	display:table-cell;
	width:67px;
	text-align:center;
	font-size: 2rem;
}

.sum_block01 .col04{
	display:table-cell;
	width:150px;
	text-align:center;
}

.sum_block01 .col04 a{
	display:block;
	background-color:#EA5A24;
	width:100%;
	color:#fff;
	text-decoration:overline;
	line-height:43px;
	text-decoration:none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*************************************************/

/*************************************************/

/*************************************************/

/*************************************************/

/*************************************************/