@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Hammersmith+One');

@font-face {
  font-family: 'hannari';
  src: url(./font/hannari.eot) format('embedded-opentype');
  src: url(./font/hannari.otf) format('opentype'); 
  src: local('hannari Regular'), local('hannari');
}
.koujityuu {
	background-image: url(../images/under-construction.jpg);
	width: 960px;
	background-position: center top;
	background-repeat: no-repeat;
	padding-bottom: 1000px;
	padding-top: 190px;
}
body {
	color:#FFF;
	position: relative;
	font-family:Arial, sans-serif,font-family: 'Noto Sans Japanese', serif, sans-serif;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	bottom: 0px;
	text-decoration: none;
}
div,li,ul,p,a{font-family: 'Noto Sans JP', sans-serif;}
h1{
	font-size: 22pt;
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
	padding:0;
	font-weight: 500;
	color: #f08336;
}

#infoMenu li a {
	color: #fff;
}
.eibun{
	font-family: 'Hammersmith One', sans-serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 9px;
}
.moji_po {
	position:relative;
}
.posi_bo {
	text-align: center;
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
}
.table_ka {
	font-size: 13px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: left;
}

.sec_photo {
	bottom: 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
}

.inwor01 a {
	width: 314px;
	height: 328px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/index_works_01.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.inwor01 a:hover {
    background-position: 0 -328px;
}
.inwor02 a {
	width: 334px;
	height: 328px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/index_works_02.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.inwor02 a:hover {
    background-position: 0 -328px;
}
.inwor03 a {
	width: 311px;
	height: 328px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/index_works_03.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.inwor03 a:hover {
    background-position: 0 -328px;
}

.index_workstable {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.inwor_font {
	font-size: 13pt;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: lighter;
	letter-spacing: 1pt;
}
.index_workstablefon {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 10px;
	margin-top: 15px;
	letter-spacing: 1pt;
}
.bnr4 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/mailto_02.png);
	background-repeat: no-repeat;
}
 
.bnr4 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr4 a:hover img {
  opacity: 0;
}
#footer {
	z-index: 2;
	background-color:#f08336;
	background-repeat: repeat-x;
	min-height: 100%;
	bottom: 0px;
	text-align: center;
	font-size: 10pt;
}
#footer2 {
	z-index: 2;
	background-color:#fff;
	background-repeat: repeat-x;
	margin-top: 40px;
	min-height: 28%;
	bottom: 0px;
	text-align: center;
}

#fullpage #section4 .intro #footer #fotrogo {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	padding-top: 60px;
	color: #FFF;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 1px;
	font-size: 11px;
	margin-top: 10px;
}
#fullpage #section4 .intro #footer #footunder {
	color: #FFF;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 12px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#fullpage #section4 .intro #footer #footunder_2 {
	font-family: 'Noto Sans JP', sans-serif;
	color: #FFF;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 5px;
}
.bnr a {
  display: inline-block;
  background: url(../images/index_works_fa02_01.jpg)  no-repeat;
  background-size: cover;
}
 
.bnr a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr a:hover img {
  opacity: 0;
}


.bnr2 a {
  display: inline-block;
  background: url(../images/index_works_fa02_02.jpg)  no-repeat;
  background-size: cover;
}
 
.bnr2 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr2 a:hover img {
  opacity: 0;
}


.bnr3 a {
  display: inline-block;
  background: url(../images/index_works_fa02_03.jpg)  no-repeat;
  background-size: cover;
}
 
.bnr3 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr3 a:hover img {
  opacity: 0;
}
#fullpage #section0 p {
	padding-top: 100px;
}

/*	test	*/
#triungle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 13.0px;
	border-color: transparent transparent transparent #000000;

}
ul.triStyle li {
	margin-left: 1.8em;
	list-style-type: none;
}

ul.triStyle li:before{
    content: ' ';
    border: transparent solid 0.3em;
    border-left-color: #000000;
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    margin: 0px;
    margin-top: 0.4em;
    padding: 0px;
}
#fullpage #section0 .rss_area .triStyle li {
	clear:both;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #ddd;
  z-index: 1;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #333;
	z-index: 2;
}
ul {
	list-style-type: none;
}
img {
   max-width: 100%;
   border:0;
}
#menubar {
	position:fixed;
	background-color:#000;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	height: 80px;
	z-index: 99;
	text-align: center;
	top: 0;
	vertical-align: middle;
}
.menu00 {
	float:left;
}
.menu01 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu1.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu01 a:hover {
	background-position: 0 -30px;
}
.menu02 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu2.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu02 a:hover {
    background-position: 0 -30px;
}
.menu03 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu3.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu03 a:hover {
    background-position: 0 -30px;
}
.menu04 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu4.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu04 a:hover {
    background-position: 0 -30px;
}
.menu05 a {
	width: 177px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu5.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu05 a:hover {
    background-position: 0 -30px;
}

#navi {
	display: block;
	list-style-type: none;
	text-align: center;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
}
#topmiddle {
	vertical-align: middle;
	display: table;
	text-align: center;
	margin: auto;
	padding-top: 270px;
	padding-bottom: 200px;
}
.text01 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 20px;
	position: relative;
	margin-bottom: 10px;
}
.text02 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-top: 20px;
}
.text03 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 20px;
}

.footmenu01 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu01.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu01 a:hover {
	background-position: 0 -20px;
}
.footmenu02 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu02.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu02 a:hover {
    background-position: 0 -20px;
}
.footmenu03 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu03.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu03 a:hover {
    background-position: 0 -20px;
}
.footmenu04 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu04.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu04 a:hover {
    background-position: 0 -20px;
}
.footmenu05 a {
	width: 145px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu05.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu05 a:hover {
    background-position: 0 -20px;
}
#tabbtn {
	display: block;
	list-style-type: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	vertical-align: top;
	margin-bottom: 30px;
}
.fm01 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_01.gif);
	background-repeat: no-repeat;
}
 
.fm01 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm01 a:hover img {
  opacity: 0;
}

.fm02 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_02.gif);
	background-repeat: no-repeat;
}
 
.fm02 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm02 a:hover img {
  opacity: 0;
}

.fm03 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_03.gif);
	background-repeat: no-repeat;
}
 
.fm03 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm03 a:hover img {
  opacity: 0;
}

.fm04 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_04.gif);
	background-repeat: no-repeat;
}
 
.fm04 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm04 a:hover img {
  opacity: 0;
}
.fm05 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_05.gif);
	background-repeat: no-repeat;
}
 
.fm05 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm05 a:hover img {
  opacity: 0;
}
.fm06 a {
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
}
.fm06 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
#fullpage #section4 .intro #footer #copy {	
	font-size: 8pt;
	font-family: 'Noto Sans JP', sans-serif;
	color: #FFF;
	margin-top: 35px;
	padding-bottom: 30px;
}

.page-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 10;
}
.page-top a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/firstpagelink02.png);
	background-repeat: no-repeat;
}
 
.page-top a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.page-top a:hover img {
  opacity: 0;
}

.shadow {
    margin-top: 5px;
    display: inline-block; 
    box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.8);
}


#pageTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10
}

 

#pageTop a {
  display: block;
  z-index: 10;
  width: 79px;
  height: 88px;
}

#pageTop a:hover {
  opacity: 0.5;
}
#fullpage #section2 .intro h1 a {
	text-decoration: none;
	color:#666;
}
#page-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 10;
}
#page-top a {
	display: inline-block;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;/*変化の仕方*/
}
#page-top a:hover {
	opacity:0.6;
}

#section0 {
	background-repeat: repeat-x;
	background-position:bottom;
	text-align:center;
	position: relative;
	margin:auto;
}
.seclink {
  display:inline-block;
  vertical-align: middle;
}
.seclinkbox {
  display: inline;
  vertical-align: middle;
}

.nav {
	display: table;
	width: 98%;
	margin:auto;
	padding-top: 2px;
}
.nav__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.nav__item + .nav__item {
	padding:10px;
}
.nav__item a {
	display: block;
	padding: 8px 0;
	color: #000;
	text-decoration: none;
	font-size: 8px;
	font-weight:600;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 12px;
}
.nav__item a:hover {
	color:#F00;
}
.section{
	font-family: 'Noto Sans JP', sans-serif;}
#section1{
	background-image: url(../images/top_03.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section2{
	background-image: url(../images/top_04.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section3{
	background-image: url(../images/top_05.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section4{
	background-image: url(../images/top_06.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section5{
	background-image: url(../images/top_07.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
.intro {
	font-size:0.7em;
	margin: auto;
	width: 95%;
	text-align: left;
	color: #FFF;
	padding-top: 50px;
}
.intro_sep {
	font-size:0.7em;
	margin: auto;
	width: 80%;
	text-align: left;
	color: #FFF;
	padding-top: 100px;
}
.intro2 {
	margin: auto;
	text-align: left;
	color: #FFF;
	padding-top: 80px;
	font-size:12px;
}
.sec01midashi {
	color: #f08336;
	font-size: 30pt;
}
h1{
	font-size: 1.6em;
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
	padding:0;
	font-weight: 600;
	color: #f08336;
}
h2{
	font-size: 12pt;
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
	padding:0;
	font-weight:300;
	color: #fff;
	line-height:28px;
}


#otoiawase02{
	color:#f08336;
	font-family: 'Hammersmith One', sans-serif;
	font-size: 28pt;
}
#fullpage #section1 .intro h1 {
	margin-top: 10px;
}
.otoiawase01 {
	color: #FFF;
	font-family: 'Hammersmith One', sans-serif;
	font-weight:300;
	font-size: 8pt;
}
#fullpage #section2 .intro table {
	width: 100%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 80px;
	letter-spacing: 1pt;
}#fullpage #section2 .intro table tr th {
	font-size: 20px;
	font-weight: lighter;
	font-family: 'Noto Sans JP', sans-serif;
	padding-bottom: 10px;
}
#fullpage #section2 .intro table tr th img {
	margin:0 5px -3px 0;
}
#fullpage #section2 .intro table tr td {
	vertical-align: top;
}
.sec2_table {
	line-height:26px;
}
.sec2_table a {
	text-decoration:underline;
}
#fullpage #section3 .intro table {
	width: 100%;
}
#width {
	width: 96%;
	margin: auto;
}
#tsetsu{
	margin:auto;
	width: 90%;
	text-align: left;
}
#secover {
	margin: auto;
	text-align: center;
	width: 960px;
}
.sec03tmidashi {
	font-weight: 600;
	font-family: 'Noto Sans JP', sans-serif;
	color: #f08336;
	text-align: center;
	font-size:10px;
}
.sec03tmidashi2 {
	font-weight: 600;
	font-family: 'Noto Sans JP', sans-serif;
	color: #f08336;
	text-align: center;
	margin-bottom: 5px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#fullpage #section3 .intro2 #secover tr td img {
	margin: auto;
}
#fullpage #section3 .intro2 #secover tr th img {
	margin: auto;
}
#fullpage #section3 .intro2 #secover tr th {
	width: 20%;
}
#fullpage #section3 .intro2 #secover tr td {
	width:30%;
	margin: auto;
}
#fullpage #section3 .intro2 #secover .sec03t #sec03img img {
	margin-left: 40px;
}
#fullpage #section3 .intro2 #secover tr th img {
	margin-right: 40px;
}
#fullpage #section3 .intro2 #secover tr td {
	width: 20%;
}
.sec03tunder {
	font-weight: 300;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	text-align: left;
	width:100%;
	font-size: 8px;
	margin-bottom:10px;
}
.sec03tunder2 {
	font-weight: 300;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	text-align: left;
	line-height:1em;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
}
#fullpage #section5 div .intro div span img {
	margin-right: 40px;
}
#fullpage #section2 .intro table tr .sec2_table a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding-bottom:1px;
}
#hoverlink01 {
	width:410px;
	height:100px;
	display: block;
	text-indent: -9999;
	background-image: url(../images/sec01menu01.jpg);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink01:hover { background-position: 0 -100px;}
#hoverlink02 {
	width:410px;
	height:100px;
	display: inline-block;
	text-indent: -9999;
	background-image: url(../images/sec01menu02.jpg);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink02:hover { background-position: 0 -100px;}
.otoiawase03 {
	width:100%;
	height:50px;
	display: inline-block;
	text-indent: -9999;
	background-image: url(../images/otoiawase.png);
	background-repeat:no-repeat;
	margin: auto;
}
.otoiawase03:hover { background-position: 0 -50px;}

#hoverlink03 {
	width:410px;
	height:220px;
	display: block;
	text-indent: -9999;
	background-image: url(../images/glare.png);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink03:hover { background-position: 0 -220px;} 
#hoverlink04 {
	width:410px;
	height:220px;
	display: block;
	text-indent: -9999;
	background-image: url(../images/keskin.png);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink04:hover { background-position: 0 -220px;}
#footer #fotrogo {
	padding-top: 50px;
	margin-bottom: 30px;
}
#menubar .nav .nav__item a img {
	white-space:nowrap;
}
#menubar div a {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.6em;
	color:#000;
	font-weight:600;
	padding:0 8px;
	text-align:center;
}
.seibibox {
	width: 96%;
}
.seibibox.flex div {
	width:30%;
	margin-bottom:10px;
}
.rentaimgtop {
	margin-top:-10px;
	width:100%;
	overflow:hidden;
	background:#000;
	background-image:url(../images/rental_top_sp.png);
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
}
.naitocoimgtop {
	margin-top:-10px;
	width:100%;
	overflow:hidden;
	background-image:url(../images/naitocoimg.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.rentaimgtop #topimg,.naitocoimgtop #topimg {
	width:100%;
	height:267px;
}
.basew {
	width:100%;
	margin:auto;
}
.basew .rentabox {
	text-align:center;
	margin: 20px auto 10px;
	width:92%;
	background-color:#49BCBD;
}
.basew .naitocobox {
	text-align:center;
	margin: 20px auto 10px;
	width:92%;
	background-color:#E0E1E1;
}
.basew .rentabox img,.basew .naitocobox img {
	padding: 10px 0 5px;
}
.flexbox{
  display:-webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding:0;
}
*{ margin:0; padding:0;}
.justbox {
	margin:auto;
	text-align: center;
	width: 86%;
}
.flexrenta{display: -webkit-flex;display: flex;}
.justsa{justify-content: space-around;}
.justse{justify-content: center;}
.justsb{justify-content:space-between;}
.flexwrap{ flex-wrap:wrap;}
#sepalete{ width:80%; margin:auto;vertical-align:top; text-align:center;}
#sepalete tr td div{ vertical-align:top;}
#sepalete tr td div a img{ width:70%; text-align:center;}
.accessimg{
	display: flex;
	margin-top: 20px;
	width: 100%;
	max-width: 860px;
}
.accessimg > div{
	border: solid 0px #fff;
	margin-right: 5px;
	padding: 0;
}
.accessimg > div:last-child{
	margin-right: 0;
}
.accessimg > div{width: 164px; height: 109px; overflow: hidden;}
.accessimg > div > a:hover img{transform:scale(1.1);transition: all 0.3s;}
.abso01 img{ width:100%;}
.abso01{  bottom:0px!important; position:fixed; z-index:3; width:100px; margin-bottom:-10px; right:20px;}
.abso01 a:hover{opacity: 1!important;}
@media screen and ( min-width: 925px ) { .sp{ display:none;}}
@media screen and ( max-width: 924px ) { .pc{ display:none;}}