@charset "utf-8";

/*
*
* common
*
*/
body{
	font-size:14px;
}

.scrollable{
	-webkit-overflow-scrolling:touch;
}

.pc {
	display:none !important;
}

.sp {
	display:inherit !important;
}

.left {
	float:none;
}

.right {
	float:none;
}

/* header */
header {
}

header .wrapper {
	width:auto;
	height:100px;
	position: relative;
}

header h1 a{
  margin: 0 0 0 5px;
	width:150px;
	height:58px;
	background-size: 132px 47px;
}

header .points {
  
}

header .tel a{
  display: block;
	right:50px;
	top:8px;
	width:50px;
	height:50px;
	background: url(../img/tel_icon.png) center center no-repeat;
	background-size: 40px 40px;
}

.menu {
	position: absolute;
	right:5px;
	top:8px;
	width:50px;
	height:50px;
	background: url(../img/menu_icon.png) center center no-repeat;
	background-size: 38px 38px;
}

header .contact{
  height: 60px;
  background: #eee url(../img/header_tel.png) 15px center no-repeat;
	background-size: 200px 43px;
	position: relative;
}

header .contact a{
  display: block;
  width:80px;
  height:50px;
  position: absolute;
  right:15px;
  top:5px;
}

header .contact a img{
  width:100%;
}


/*footer*/
footer {
  margin-bottom:20px;
}

#pagetop {
  right: 15px;
	width:50px;
	height:50px;
}

footer .wrapper {
	width:auto;
	padding: 20px 15px 0;
	height:inherit;
}

footer .map {
  float:none;
  width:100%;
	margin:0 0 20px;
}

footer .bar {
  width:100%;
}

footer h4 {
  font-size: 16px;
}

footer p {
  font-size: 13px;
}


footer .copyright {
	margin-top: 15px;
}

/**/
.main {
	min-width: inherit;
	width: auto;
	padding: 10px 15px 0;
	margin: 15px auto 15px;
	min-height: initial;
}

.breadcrumb {
  font-size: 12px;
}

.breadcrumb li{

}

.breadcrumb li:not(:last-child):after{

}

h2 {
  font-size:28px;
  margin: 30px auto 30px;
  letter-spacing: 0;
}

h2.s {
  font-size:26px;
}


h2 span {
  
}

h3 {
  font-size:18px;
}

h3:before {
  height:24px;
}

.flex {
  margin-top:20px;
}

.roombox {
  width:100%;
  max-width:460px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right: auto;
}


.roombox img {
  margin-top: 6px;
}

.roombox p {
  margin-top: 6px;
}

.col2 {
  width:auto;
}


/* feature */

div.feature {
  margin-top: 40px;
}

div.feature .fbox {
  width:100%;
  padding:37px 17px 22px;
  margin-bottom:20px;
}

div.feature .fbox h4 {
  font-size:18px;
}

div.feature .fbox p {
  font-size:13px;
}

div.feature .fbox img {

}

div.feature .fbox img.abs {
  position:relative;
  width:175px;
  top:0;
  left:0;
}

div.feature .fbox a.button {
  font-size: 14px;
  width:70%;
}


/* policy */
div.policy a.button {
  width:70%;
}

/* trial*/

div.trial2.center {
  width: 100%;
  margin-top:1em;
  margin-bottom:3em;
}

div.trial2 a.button {
  width:85%;
}