@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*font-family: 'Noto Sans JP', sans-serif;*/
body{
	font-size:14px;
	background-color:#FFFFFF;
	color:#000;
	margin:0;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5;
	text-align: center;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
}
img{
	max-width: 100%;
}
a img:hover{
	opacity: 0.7;
}
.mainbox{
	margin-left: 15px;
	margin-right: 15px;
}
#header{
	position: absolute;
	top:0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	z-index: 99999;
}
#header .logo{
	width: 150px;
	margin-top: 6px;
	margin-left: 10px;
}
#header2{
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
}
#header2 .logo{
	width: 150px;
	margin-top: 6px;
	margin-left: 10px;
}
.headerbox{
	text-align: left;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	line-height: 0;
}
.headmenu{
	display: none;
	position: absolute;
	top:36px;
	right:0px;
	width: 300px;
}
.headmenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #72CCFC;
}
.headmenu li{
	padding: 0 10px;
}
.headmenu a{
	display: block;
	height: 100%;
	color: #FFF;
	padding: 20px 0px;
	text-decoration: none;
	border-bottom: solid 1px #FFF;
	position: relative;
}
.headmenu li:last-child a{
	border: 0;
}
.headmenu a::after{
	content: ">";
	color: #FFF;
	position: absolute;
	top:18px;
	right:0px;
	font-size: 28px;
	transform : scaleX(0.4);
	transition: all 0.5s ease 0s;
}
.hambmenu{
	position: absolute;
	top:0;
	right: 0;
	line-height: 1;
	width: 50px;
	height: 37px;
	z-index: 999999;
	box-sizing: border-box;
	padding-top: 7px;
}
.hambmenu span{
	border-top:solid 2px #6FB92C;
	display: block;
	width: 30px;
	margin: 2px auto;
	height: 4px;
}
.closemenu span{
	transform: rotate(-45deg);
	border-top:solid 2px #6FB92C;
	display: block;
	width: 25px;
	margin: 0;
	height: 0;
	position: absolute;
	top:20px;
	right: 10px;
}
.closemenu span:nth-child(2){
	transform: rotate(45deg);
}
.closemenu span:last-child{
	display: none;
}

.headmenu a:hover{
	background-color: #49A8D8;
}

.headmenu a img{
	display: none;
	width: 30px;
	vertical-align: -6px;
	margin-right: 6px;
}

.topimagebox{
	position: relative;
}
.topimagebox .title{
	position: absolute;
	top:40px;
	right:10px;
	width: 90px;
	background-color: rgba(111, 185,44, 0.8);
	box-sizing: border-box;
	padding: 10px 5px;
	line-height: 0;
}
.topimagebox .title img{
	margin: 0;
}
h1.toptitle{
	margin: 0;
}
h1.toptitle span{
	position: absolute;
	bottom: 0;
	left: -55px;
	width: 200px;
	color: #FFF;
	display: block;
	line-height: 1.2;
	font-size: 10px;
	transform: scale(0.4,0.4)
}
.h2copy + p{
	text-align: left;
}
.topphoto{
	width: 100%;
}
.topimagebox .open{
	width: 80px;
	position: absolute;
	bottom:10px;
	left:10px;
}
.h2copy{
	font-weight: 500;
	font-size: 16px;
	margin: 30px 0;
	padding-left: 0.5em;
}
.h2copy span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-left: -0.5em;
}

.topimage p{
	line-height: 2;
}
.ol-pc{
	display: none;
}
.accessbox{
	background-color: #ffffbf;
	padding: 30px 0;
	margin-top: 0px;
}
.h3access{
	font-size: 32px;
	font-weight: normal;
	color: #6FB92C;
	text-align: left;
	margin: 0;
	line-height: 1;
}
.accessbox ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.accessbox ul li > div:first-child{
	margin-top: 20px;
	text-align: center;
}
.accessbox ul li > div:last-child{
	
}
.accessbox ul li{
	text-align: left;
	margin: 10px 0;
}
.accessbox h4{
	font-size: 18px;
	color: #6FB92C;
	margin: 5px 0;
	line-height: 1;
	text-align: center;
}
.accessbox p{
	margin: 0;
}
.paking{
	position: absolute;
	top:-60px;
	right:-10px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #6FB92C;
	text-align: center;
	color: #FFF;
	font-weight: 500;
}
.paking p{
	margin-top: 30px;
	font-size: 16px;
	line-height: 1;
}
.paking span:first-child{
	display: block;
}
.paking span:nth-child(2){
	font-size: 30px;
	vertical-align: -5px;
	font-weight: 700;
}
.accessbox > div img{
	width: 50px;
}
.accessbox > div {
	text-align: center;
}
.accessbox > div .gmap{
	height: 300px;
	margin-top: 30px;
}
footer{
	background-color: #6FB92C;
	color: #FFF;
	padding: 20px 0;
}

.footerbox >  div:nth-child(2){
	box-sizing: border-box;
}
.cname{
	text-align: center;
	line-height: 1;
}
.cname p{
	margin: 5px 0;
	text-align: center;
	font-size: 12px;
}
.cname img{
	width: 160px;
}
.tellbox{
	text-align: left;
	line-height: 1;
}
.tellbox .tallboxin{
	display: inline;
	text-align: left;
}

.tellboxin h6{
	top:0;
	left: 0;
	margin: 0;
	line-height: 1;
	font-size: 16px;
	display: block;
	text-align: center;
	width: 100%;
}
.tellboxin h6::before,
.tellboxin h6::after{
	padding: 0 5px;
	content: "－－－";
	letter-spacing: -0.3em;
	color: #FFF;
}


.tellboxin span.phone{
	display: block;
	line-height: 0.6;
	font-size: 32px;
	margin: 0;
	text-align: center;
}
.tellboxin span.phone a{
	text-decoration: none;
	color: #FFF;
}

.gocontact{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.gocontact a{
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 10px;
	color: #6FB92C;
	background-color: #FFF;
	font-size: 16px;
}
.gocontact a:hover{
	background-color: #FFFFBF;
}


.gocontact img{
	width: 30px;
	margin-right: 10px;
	vertical-align: -5px;
}
.copyright{
	text-align: center;
	font-size: 10px;
}
#pagetop{
	position: fixed;
	bottom: 60px;
	right:5px;
	background-color: rgba(255, 255,255, 0.8);
	width: 52px;
	height: 52px;
	border-radius: 50%;
	box-sizing: border-box;
	border: solid 2px #6FB92C;
}
#pagetop img{
	padding-top: 13px;
	transition: all 300ms 0s ease;
}
#pagetop:hover img{
	padding-top: 6px;
}

/**/
.h1{
	font-size: 20px;
	color: #FFF;
	background-color: #6FB92C;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}


/**/
.link{
	text-align: center;
	margin: 40px 0;
}
.link a{
	position: relative;
	display: inline-block;
	background-color: #6FB92C;
	border-radius: 6px;
	padding: 15px 40px;
	line-height: 1;
	color: #FFF;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}
.link a::after{
	content: ">";
	color: #FFF;
	position: absolute;
	top:8px;
	right:20px;
	font-size: 28px;
	transform : scaleX(0.4);
	transition: all 0.5s ease 0s;
}
.link a:hover{
	background-color: #4F831E;
}
.link a:hover::after{
	right:10px;
}

.h2{
	font-size: 24px;
	font-weight: 400;
	margin: 0;
	margin-bottom: 10px;
	color: #6FB92C;
	line-height: 1.2;
	background-image: url("../images/icon-news.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	padding-top: 10px;
	height: 80px;
	background-size: 220px;
	box-sizing: border-box;
}
.h2 span{
	font-size: 10px;
	color: #000;
	display: block;
	letter-spacing: 0.2em;
	margin-right: -0.2em;
}

.news{
	background-color: #E5FFD5;
	padding: 20px 0;
	margin-top: 40px;
}
.newsbox{
	background-color: #FFF;
	border-radius: 10px;
	padding: 10px 20px;
}
.newsbox table,
.newsbox table tbody,
.newsbox table thead,
.newsbox table tr,
.newsbox table th,
.newsbox table td{
	display: block;
}
.newsbox table tr{
	border-bottom: solid 1px #AAA;
}
.newsbox table tr:last-child{
	border: none;
}

.newsbox table td,
.newsbox table th{
	padding: 0;
	line-height: 1.4;
	text-align: left;
	font-weight: 400;
	vertical-align: top;
}
.newsbox table th{
	font-size: 12px;
	color: #888;
	padding-top: 10px;
}
.newsbox table td{
	padding-bottom: 10px;
}
.more{
	text-align: center;
	margin-top: 30px;
}
.more a{
	display: inline-block;
	padding: 10px 30px;
	color: #6FB92C;
	background-color: #FFF;
	text-decoration: none;
	border-radius: 6px;
}

.service{
	margin: 0 15px;
	margin-top: 40px;
}
.service .h2{
	background-image: url("../images/icon-service.png");
	position: center center;
}

.h3{
	background-color: #6FB92C;
	color: #FFF;
	text-align: center;
	border-radius: 6px;
	line-height: 1;
	padding: 10px;
	margin: 0;
	font-size: 16px;
}

.service{
	margin-top: 40px;
}
.towbox{

}
.towbox .imgspace{
	line-height: 1;
	margin-bottom: 30px;
}
.towbox .imgspace img{
	margin-top: 10px;
}
.towbox .imgspace p{
	margin: 0;
	margin-top: 3px;
	text-align: left;
	font-size: 13px;
}
.towbox .textspace{

}
.towbox .markbox{
	text-align: left;
}
.towbox .markbox .mark{
	text-align: center;
}
.towbox .markbox .mark img{
	width: 40%;
	display: inline-block;
}

.towbox .markbox ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.towbox .markbox ul li::before{
	content: "●";
	color: #6FB92C;
}
.towbox .markbox ul li{
	margin-left: 1em;
	text-indent: -1em;
}


.towbox .h4{
	font-size: 16px;
	color: #6FB92C;
	margin: 20px 0;
	text-align: left;
}

.yellowbox{
	margin-top: 10px;
	background-color: #FFFFBF;
	padding: 10px 10px;
	text-align: left;
	font-size: 10px;
}
.yellowbox .h5{
	font-size: 19px;
	text-align: left;
	margin: 0;
	line-height: 1.4;
}
.yellowbox .h5 span{
	font-size: 10px;
	display: inline-block;
	display: block;
}
.yellowbox table{
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}
.yellowbox table th{
	color: #FFF;
	text-align: center;
	background-color: #6FB92C;
	border: solid 1px #808080;
	border-top:0;
	border-left: 0;
	padding: 3px;
}
.yellowbox table th:last-child{
	border-right: 0;
}
.yellowbox table td{
	background-color: #FFF;
	border: solid 1px #808080;
	border-bottom:0;
	border-left: 0;
	text-align: center;
	box-sizing: border-box;
	padding: 3px;
	white-space: nowrap;
}

.yellowbox table td:last-child{
	white-space:normal
}

.yellowbox table td:last-child{
	border-right: 0;
	text-align: left;
	padding: 3px;
}


.working .h3{
	background-color: #906666;
}

.working .markbox ul li::before{
	content: "●";
	color: #906666;
}

.working .h4{
	color: #906666;
}

.working table th{
	background-color: #906666;
}



.working .yellowbox table.noline th,
.working .yellowbox table.noline td{
	border: none;
	background-color: transparent;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: bold;
}
.working .yellowbox table.noline td:first-child{
	width: 5em;
	text-align-last:auto;
	box-sizing: border-box;
	padding: 3px 0;
}
.working .yellowbox > div:last-child{
}
.working .yellowbox > div:last-child table td{
	width: 50%;
	text-align: center;
	padding: 3px;
}
.floor{
	margin-top: 50px;
}
.floor .h2{
	background-image: url("../images/icon-floor.png");
}
.floor .h2 + p{
	text-align: left;
	font-size: 12px;
}
.floor .h2 + p span{
	display: block;
	font-size: 14px;
}
.floor .spacezu{
	position: relative;
	margin-top: 30px;
}
.floor .spacezu .h6{
	background-color: #6FB92C;
	color: #FFF;
	position: absolute;
	top:-15px;
	left: 0;
	font-size: 12px;
	padding: 3px 6px;
	line-height: 1;
	margin: 0;
}
.four{
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.four div{
	width: calc(50% - 5px);
}

.support{
	margin-top: 50px;
	background-color: #6FB92C;
	padding: 30px 0;
}
.support .h2{
	color: #FFF;
	background-image: url("../images/icon-support.png");
	height: 60px;
	background-size: 260px;
}
.support .h2 span{
	color: #FFF;
}

.support .cathcopy{
	font-size: 18px;
	margin: 0px 0;
	color: #FFF;
}
.support .cathcopy .fontyellow{
	color: #FFF000;
}
.supportbox{
	margin: 0;
	margin-top: 20px;
	padding: 0;
	list-style: none;
	text-align: left;
}
.supportbox li{
	background-color: #FFF;
	padding: 10px;
	box-sizing: border-box;
}
.supportbox li:first-child .imagebox{
	display: flex;
	justify-content: space-between;
}
.supportbox li:first-child .imagebox img{
	width: calc(50% - 5px);
}

.h3support img{
	width: 50px;
}
.h3support{
	font-size: 20px;
	color: #6FB92C;
	font-weight: 700;
	text-align: left;
	margin: 0;
	display: flex;
}
.h3support span{
	display: flex;
	justify-content: center;
	align-items: center;
}
.h3support span:first-child{
	width: 60px;
}

.supportbox .button{
	text-align: center;
}
.supportbox .button a{
	display: block;
	border: solid 1px #AAA;
	padding: 10px 0;
	margin-bottom: 20px;
	background-image: url("../images/blank.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
}
.supportbox .button a:hover img{
	opacity: 1;
}
.supportbox .button a:hover{
	background-color: #FFFEE0;
}

.none{
	display: none;
}

/**/

.h2green{
	font-size: 18px;
	font-weight: 500;
	color: #6FB92C;
	padding: 20px 0;
	margin: 0;
	margin-top: 20px;
	background-image: url("images/h2.png");
	background-position: center center;
	background-size: 100px;
	background-repeat: no-repeat;
}
.h2green span{
	font-size: 10px;
	display: block;
}
.image {
	position: relative;
	margin: 0;
	line-height: 0;
}
.image img{
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.newsbox a{
	color: #000;
	text-decoration: none;
}

.image span{
	color: #FFF;
	position:absolute;
	bottom: 10px;
	right:10px;
	font-size: 10px;
}

.zeikomi{
	text-align: right;
}

.uketukejikan{
	display: block;
	margin-top: 10px;
	text-align: center;
	padding-right: 10px;
	text-indent: 1em;
}

/**/
#entry{
	position: fixed;
	bottom:0;
	left: 0;
	text-align: center;
	width: 100%;
}
#entry a{
	display: inline-block;
	font-size: 18px;
	background-color: rgba(255, 123, 145, 0.9);
	border: solid 2px #FFF;
	border-bottom: none;
	border-radius: 20px 20px 0 0;
	color: #FFF;
	text-decoration: none;
	padding: 10px 40px;
	line-height: 1;
	box-shadow: 2px 2px 8px 0px rgba(0, 0,0, 0.3);
}
#entry a img{
	width: 30px;
	vertical-align: -4px;
}
footer{
	padding-bottom: 50px;
}
.youtube {
	margin: 0 15px;
	margin-top: 20px;	
}
.youtube div{
	position: relative;
	overflow: hidden;
	height: 0;
	padding: 0;
	padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.eins3d {
	margin: 0;
	margin-top: 10px;	
}
.eins3d div{
	position: relative;
	overflow: hidden;
	height: 0;
	padding: 0;
	padding-top: 120%;
}
.eins3d iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tyokusou{
	font-size: 10px;
	color: #6FB92C;
	background-color: #FFF;
	writing-mode: vertical-rl;
	padding: 3px 6px;
	display: inline-block;
	margin-right: 3px;
	vertical-align: -2px;
}
.tantou{
	display: block;
	text-align: center;
}