/* CSS Document */

body{
	font-family: new-atten, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", dnp-shuei-gothic-kin-std, sans-serif;
/*	font-family: 'M PLUS Rounded 1c', sans-serif;*/
background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}

img {
	vertical-align: bottom;
}

#wrapper { 
	width: 1100px;
	margin:0 auto;
}

a,
a:visited,
a:hover,
a:active {
	text-decoration: none;
 	color: inherit;
}

#header-content-pc{
	
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
	justify-content: center; 
	border-bottom:solid;
	border-width: 3px;
	border-bottom-color: #83aac8;
/*background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);*/
	background-color: #dcf5aa;
}

.plus-icon{pointer-events: none}

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

	#header-content-sp{
		display: none;
	}
	
	#about-top-sp{
		display: none;
	}
	.mcsr-ad3-sp{
		display: none;
	}
	.charges-google-sp{
		display: none;
	}
	
	a[href^="tel:"]{
    pointer-events: none;
  	}
}

#nav-pc{
	width: 700px;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center; 
	margin: 0 30px;
}
#nav-pc li {
  font-size: 14px;
  width: 25%;
  text-align: center;
	font-weight: 480;
}
 
#nav-pc li a {
  text-decoration: none;
  color: #83aac8;
	font-weight: bolder;
}

#mail {
	background-color: #E9D132;
	border-radius: 12px;
	width: 200px;
	height: 50px;
	text-align: center;
	margin: 0 8px;	
	display: flex;
	justify-content: center;
    align-items: center;
}

#mail p {
	font-size: 14px;
	display: inline-block;
}
#mail a{
	text-decoration: none;
  	color:black;
}
#mail .mail-img{
    vertical-align: middle;
    display: inline-block;
}
#about-top{
	padding-top: 100px;
	margin: 0 auto;
	text-align: center;
}
#about-top img{
	width: 65%;
}

#about-wrap{
	width: 65%;
	text-align: center;
	margin: 0 auto;
}
.text-bold{
	font-size: 30px;
	font-weight: 730;
	padding-bottom: 20px;
}

.text-normal{
	font-size: 20px;
	line-height: 1.8235294118;
	font-weight: 480;
}

.text-normal-last{
	font-size: 20px;
	line-height: 1.8235294118;
	font-weight: 480;
}

.about-box1{
	padding:30px 0;
}

.about-box2{
	padding:30px 0;
	width: 40%;
    margin: 0 auto;
}

#title-wrap{
	width: 65%;
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
}

.title-jp{
	font-size: 30px;
	font-weight: 700;
}
.title-en{
	font-size: 14px;
	font-weight: 500;
}

#floor-wrap{
	padding-top: 10px;
	width: 65%;
	margin: 0 auto;
	text-align: center;
	display: flex;
}

#floor-wrap div {
	width: 50%;
	padding: 10px;
}

#floor-wrap div img{
	width: 100%;
}

#mcsr-wrap{
	padding-top: 10px;
	width: 65%;
	margin: 0 auto;
	text-align: center;
}

.mcsr-ad{
	width: 100%;
	margin: 35px 0;
}

.ad-box {
	width: 120px;
	font-size: 20px;
    border: solid 5px #000000;
	margin: 0 auto;
	font-weight: 700;
}
.ad-box p {
    margin: 0; 
    padding: 5px;
}

.mcsr-ad2{
	width: 100%;
	margin: 35px 0;
	font-size: 18px;
	font-weight: 480;
}

.mcsr-ad3{
	width: 100%;
}

.mcsr-ad4 p{
	font-size: 14px;
	line-height: 140%;
	margin-top: 10px;
	font-weight: 480;
}

#mail-banner-wrap{
	width: 450px;
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
}

#mail-banner-wrap2{
	width: 450px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}

#mail-banner {
	background-color: #E9D132;
	border-radius: 12px;
	text-align: center;
	height: 70px;
	margin: 0 50px;	
	display: flex;
	justify-content: center;
    align-items: center;
}

#mail-banner p {
	font-size: 24px;
	display: inline-block;
	margin-top: 25px;
}
#mail-banner a{
	text-decoration: none;
  	color:black;
}
#mail-banner .mail-img{
    vertical-align: middle;
    display: inline-block;
	margin: 20px 20px 25px 20px;
}

#charges-wrap{
	height: auto;
	margin: 0 auto;
	display: flex;
	padding-top: 30px;
	width: 65%;
	text-align: center;
}

#charges-l{
	width: 50%;
	height: 320px;
	margin: 0 15px 0 0;
}

#charges-r{
	width: 50%;
	height: 320px;
	margin: 0 0 0 15px;
}

#charges-bottom{
	margin: 0 auto;
	text-align: center;
	width: 65%;
	height: 170px;
	margin-top: 65px;
}

#charges-bottom2{
	margin: 0 auto;
	text-align: center;
	width: 65%;
	height: 100px;
	margin-top: 9px;
}

.rental-box-mid{
	font-size: 24px;
}

.rental-box-mid{
	display: flex;
	justify-content: space-between;
	font-size:24px;
	line-height: 140%;
/*	margin-bottom: 40px;*/
	font-weight: 500;
}

.rental-full{
	margin-bottom: 35px;
	font-size: 13px;
	font-weight: 500;
}

.rental-box-mid span{
	font-size: 14px;
}

.rental-box-mid-left{
	text-align: left;
	line-height: 100%;
}
.rental-box-mid-left-day{
	text-align: left;
	line-height: 140%;
}

.rental-box-mid-right{
	text-align: right;
}

.rental-box-title {
	width: 100%;
	font-size: 20px;
    border: solid 4px #444;
	margin: 0 auto;
	border-radius: 12px;
	margin-bottom: 20px;
	font-weight: 700;
}
.rental-box-title p {
    margin: 0; 
    padding: 5px;
}

.rental-box-mid2{
	display: flex;
	justify-content: space-between;
	font-size:21px;
	margin-bottom: 15px;
	font-weight: 500;
}

.rental-box-mid2 span{
	font-size: 13px;
}

.charges-bottom-text{
	display: flex;
	font-size:21px;
	flex-flow: column;
	justify-content:space-around;
	line-height: 140%;
	margin-bottom: 35px;
	font-weight: 480;
}

.charges-bottom-text span{
	font-size: 13px;
}

#charges-google{
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.charges-google-pc{
	width: 100%;
	margin-top: 10px;
	font-weight: 480;
}

.charges-google-p{
	font-size: 18px;
	line-height: 140%;
	margin-top: 10px;
	font-weight: 480;
}

#furniture-wrap{
	margin-top: 30px;
}

.kaisha {
width: 100%;
}

.kaisha th,
.kaisha td {
border: 1px solid #83aac8;
padding: 20px;
}

.kaisha th {
font-weight: bold;
background-color: #dcf5aa;
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}

@media only screen and (min-width: 1024px) { 
	.furniture-box1{
	width: 100%;
	margin: 35px 0;
	text-align: center;
	font-size: 18px!important;
	font-weight: 480;}
}
.wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	width: 60%;
	margin: 0 auto;
}
.wrap img {
	width: 150px;
	height: 150px;
	margin-bottom: 20px;
}

#events-box{
	margin-bottom: 30px;
}

#bottom-wrap{
	padding-top: 10px;
	width: 65%;
	margin: 0 auto;
	text-align: center;
}

#bottom-info{
	display: flex;
	margin-bottom: 50px;
}

#bottom-banner {
	background-color: #000;
	text-align: center;
	height: 50px;
	margin: 0 10px;	
	justify-content: center;
    align-items: center;
	width: 50%;
	border-radius: 12px;
}

#bottom-banner p {
	color: #ffffff;
	font-size: 18px;
	display: inline-block;
}
#bottom-banner a{
	text-decoration: none;
  color:white;
}
#bottom-banner .mail-img{
    vertical-align: middle;
    display: inline-block;
	margin: 10px 10px 15px 10px;
}

#footer {
	background-color: #dcf5aa;
	width: 100%;
	height: 140px;
}

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

.footer-title{
	position:absolute;
	left: 23%!important;
	margin-top: 20px;
	}
	
	#bottom-info{
	display: flex!important;
	margin-bottom: 50px!important;
}
}
	
.footer-ad{
	position:absolute;
    right: 31%;
    margin-top: 22px;
	color: #83aac8;
}

.footer-title-jp{
	font-size: 30px;
	font-weight: 700;
	color: #83aac8;
}
.footer-title-en{
	font-size: 14px;
	font-weight: 500;
	color: #83aac8
}

.footer-title-en2{
	font-size: 14px;
	font-weight: 500;
	color: #83aac8;
}

.footer-cp{
background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
	height: 40px;
	position:relative;
	top: 140px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.footer-cp p{
	text-align: center;
	font-size: 11px;
	color: #000000;
	line-height: 1.8235294118;
}

#footer-banner {
	background-color: #83aac8;
	text-align: center;
	height: 30px;
	margin: 0 10px;	
	width: 140px;
	border-radius: 12px;
}

#footer-banner p {
	color: white;
	font-size: 14px;
	display: inline-block;
	margin-top: 6px;
}

#footer-banner .mail-img{
    vertical-align: middle;
    display: inline-block;
	margin: 10px 10px 15px 10px;
}

.footer-phone{
	position: relative;
	top:50px;
}

.footer-mail{
	position: relative;
	top:20px;
	left: 150px;
}

.footer-info{
	position: absolute;
	right: 30%;
}