@charset "UTF-8";
.mobile {
	display: block;
}
.wideSite {
	display: none;
}

body{
	margin:0 auto;
	background-color:#efefef;

}
.header{
	text-align:center;
}
.header_title{
	color:#FFF;
	background-color:#fd8920;
	line-height: 2.0em;
}
.header_box{
	width:100%;
	margin:0 auto;
}
.header_box img{
	width:100%;
	margin:0 auto;
}
h1{
	font-size:1.5em;
}
h2{
	font-size:1.25em;
}
h3{ 
	font-size:1em; 
}
h1, h2, h3{	padding:10px;}
.word_color{
	color:#fd8920;
}
.word_note{
	font-size:0.75em;
}
.mainbox{
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:#f8bd3f;
}
.insidebox{
	width:100%;
	display:inline-block;
	vertical-align:middle;
}
.insidebox .main, .insidebox .step{
	width:100%;
	height:auto;
}
.insidebox .banner{
	width:80%;
	height:auto;
	margin: 10px;
}
.insidebox .rent_title{
	width:70%;
	height:auto;
	margin: 5px;
}
.insidebox .rentbox{
	background-color:#FFF;
	border:#333 1px solid;
	border-radius:30px;
	margin:20px;
	overflow: hidden;
}
.insidebox .rentbox ol {
	width: 100%;
    margin: 0 auto;
    position: relative;
	/*top: -15px;*/
}
.insidebox .rentbox ol li{
    width: 40%;
    margin: 4%;
	text-align: center;
	display: inline-block;
}
.insidebox .rentbox .rentbox_color1{
	widows:100%;
	height:40px;
	background-color:#f8ccb8;
}
.insidebox .rentbox .rentbox_color2{
	widows:100%;
	height:40px;
	background-color:#cbedfa;
}
.insidebox .rentbox ol li a{
	display: block;
}
.insidebox .rentbox img.poster{	
	width: 100%;
    height: auto;
    min-height: 100%;
    display: block;
    object-fit: cover;
}
.insidebox .rentbox h3{	
	width: calc(100% - 8px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
}	
.w_none{
	text-indent:-9999px;
}

.texbox_pc{
	width:auto;
	display:inline-block;
}
.texbox{
	border-left: #F60 solid 2px;
	vertical-align:middle;
	margin:20px;
	text-align:left;
}
.texbox p{
	margin-left:20px;
}
.texbox_title{
	font-size:1.2em;
	line-height:1.5em;
}
.texbox_content{
	font-size:1em;
	line-height:1.2em;
}

#note {
	width:80%;
	margin: 0 auto;
	line-height: 1.5em;
	background-color:#FFF;
	padding:10%;
}
#note h2 {
	font-size: 1.75rem;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}
#note h2 span {
	font-size: .5em;
}
#note a {
	text-decoration: underline;
}
#note ol li {
	text-justify: distribute;
	list-style-type: decimal;
}

@media screen and (min-width: 768px) {
.mobile {
	display: none;
}
.wideSite {
	display: block;
} 
.header_box{
	width:100%;
	margin:0 auto;
}
.header_box img{
	width:100%;
	margin:0 auto;
}
.mainbox{
	width:1440px;
	margin:0 auto;
}
.insidebox{
	width:100%;
	display:inline-block;
}
.insidebox .banner{
	width:50%;
	height:auto;
	margin: 10px;
}
.insidebox .rent_title{
	width:40%;
	height:auto;
	margin: 5px;
}

.insidebox .rentbox ol li{
    width: 13%;
    margin: 20px;
	text-align: center;
	display: inline-block;
}

.texbox_pc{
	width:45%;
	display:inline-block;
}

#note {
	width:90%;
	margin: 0 auto;
	line-height: 1.5em;
	background-color:#FFF;
	padding:5%;
}
#note h2 {
	font-size: 3rem;
}
}