body {
	overflow: hidden;
	font-family: "Helvetica Neue",
    Arial, 
    "Hiragino Kaku Gothic ProN", 
    "Hiragino Sans", 
    Meiryo, 
    sans-serif;
}
#main{
	background-image: url(../img/rental/main.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#main_in{
	width:1000px;
	margin:0 auto 20px;
	padding:55px 0 0 0;
}
#title,#title_txt{
	text-align:left;
}
#title_sub{
	font-style: italic;
	font-size:1.6rem;
	font-weight:bold;
	padding-bottom:27px;
	line-height:1.5;
}

#title{
	font-size:2.5rem;
	font-weight:bold;
	color: #fff;
}
#title span{
	padding:10px 15px;
	display:inline;
	font-style: italic;
  background: -moz-linear-gradient(left, #1b00ae, #009ade, #ca2fe6);
  background: -webkit-linear-gradient(left, #1b00ae, #009ade, #ca2fe6);
  background: linear-gradient(to right, #1b00ae, #009ade, #ca2fe6);
}
#title_txt{
	font-size:1.4rem;
	width:673px;
	margin:37px 0 0 0;
	line-height:2;
}
#title_txt span{
	display:inline;
	color: #228ba8;
	background-color: #fff;

	padding:6px;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
#icon{
	width:1038px;
	margin:30px auto 20px;
}
#icon_in{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
	width:670px;
}

#icon_in p{ 
	float:left;
	text-align:center;
	margin:0 ;
}
#icon_in p img{
	/*filter: drop-shadow(0px 0px 5px #fff);*/
}

#room{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	width:1000px;
	margin:40px auto 0;
}
.ColorEx{
	color:#ddd;

}
#detail_wrap{
    background: #f2f2f2;
	padding:30px 0;
	margin:40px 0 40px;
}
#detail{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
	width:1000px;
	margin:0 auto;
	font-size:1rem;
	line-height:1.6rem;

}
#detail2{
	width:1000px;
	margin:10px auto 0;
	font-size:1rem;
	line-height:1.6rem;

}
#detail_wrap span.small{
	font-size:0.9rem;
	line-height:1.4rem;
}
#detail2 .detail_in2{
	width:34%;
	float:left;
}
#detail2 .detail_in2 ul li{
	padding-top:5px;
}
#detail2 .detail_in3{
	width:52.5%;
	float:right;
}
.detail_in,.detail_in2,.detail_in3 {
	background:#fff;
    position: relative;
    margin: 0.7em 0;
    padding: 2em 1.5em 1.5em;
    border: solid 4px #a7d6e2;
}
.detail_in .box-title,.detail_in2 .box-title,.detail_in3 .box-title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 15px;
    padding: 7px 9px;
   line-height: 1;
    font-size: 21px;
    background: #28a4c6;
    color: #fff;
    font-weight: bold;
}
.detail_in p,.detail_in2 p,.detail_in3 p{
    margin: 0; 
    padding: 0;
}
#btn a:hover{
	opacity:0.8;
}
h2{
	margin-bottom:10px;
	font-size:1.7rem;
	color:#000;
}
#attention{
	margin:20px auto 15px;
	font-size:0.9rem;
}
#attention_in{
	width:933px;
	padding:30px;
	margin:0 auto;
    border: solid 4px #a7d6e2;
    background: #fff;
}
#attention ul{
    margin: 0 auto; 
}
#attention ul li{
	padding-top:7px;
	font-size:1rem;
}
#attention ul li span{
  color: #009ade;
}



@media screen and (max-width: 768px) {
main,#room{
	width:100%;
}
#main{

    background: url(../img/rental/main_sp.jpg) no-repeat center center / cover;
    width: 100%;
    height: auto;
}
#main_in{
	width:96%;
	margin:0 auto;
	padding:20px 0 0 0;
}

#title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
}
#title_sub {
  font-size: 1.3rem;
}
#title_txt {
  font-size: 1rem;
  width: auto;
}
#icon{
	width:90%;
	margin:100px auto 20px;
}
#title_txt {
  margin: 20px 0 0 0;
}
#icon_in{
  width: auto;
}
#room {
  gap: 5px;
}
#detail,#detail2{
	grid-template-columns: 1fr;
	width:96%;
	margin:0 auto;
}

#detail2 .detail_in2,#detail2 .detail_in3,#attention_in {
  width: auto;
	float:none;
	margin:30px auto 0;
}
#attention{
	width:96%;
	margin:20px auto 0;
}
#attention_in ul{
	line-height:1.6;
	font-size:0.8rem;
}
#btn{
	margin:0 auto 30px;
	width:96%;
}
h1.PositionTitle{
	padding:15px 0 0 25px;
}
.min60,.min40,#TIME {
  -webkit-appearance: none;
}
#form_content_in table.FormTable tr {
  margin-top:5px;
}
}