@charset "Shift_JIS";

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

.clear { clear:both;}
.clear hr { display:none;}
.nodis { display:none; }

body {
	font-size: 13px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background: #fff;
    color: #404040;
	line-height: 100%;
}

hr{
height: 1px;
border: none;
border-top: 1px #be1b2e dotted;
margin: 15px 0px 5px 0px;
}

/* ========== header ========== */
header {
	width: 100%;
	background: #be1b2e;
}
header .tel{
    width: 1075px;
    text-align: right
}
header .tel p{
    padding: 15px 0;
    color: #fff;
    font-size: 15px;
    font-family: Helvetica;
}
/* ========== footer ========== */
footer {
	width: 100%;
	height: 143px;
	background: url(../img/footer-bg.png) left top repeat;
	margin: 0px;
}
.footer-wrapper {
	width: 1085px;
	margin: 0px auto;
	padding: 0px;
}
.footer-wrapper .left{
	float: left;
	width: 185px;
	margin: 0px;
	padding-top: 25px;
	}
.footer-wrapper .right{
	float: right;
	width: 900px;
	margin: 0px;
	color: #c8a046;
	padding-top: 35px;
	text-align: right;
	line-height: 2em;
	}
.link a{color: #c8a046;}

.copyright{
	margin: 0px;
	padding: 60px 0px 30px 0px;
	color: #404040;
	font-size: 11px;
	line-height: 2em;
	text-align: center;
	}
.copyright a{
	color: #404040;
	}

/* ========== index ========== */
.index {
	margin: 0px;
	padding-top: 145px;
	text-align: center;
	}
.index .text{
	margin: 0px;
	padding-top: 85px;
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
	}
.index-bottan {
	width: 758px;
	height: 185px;
	margin: 0px auto;
	margin-top: 70px;
	padding: 0px;
    background: url("../img/index-bottan.png") no-repeat;
	}

/* ========== nav ========== */
nav.main-nav {
	margin: 0px auto;
	padding: 0px;
	}	

nav.main-nav ul {
	width: 191px;
	margin: 0px auto;
	padding-top: 2px;
    background: #be1b2e;
	}

nav.main-nav li {
	height: 50px;
    background: #be1b2e;
    border-bottom:1px solid #b71321;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle
	}
nav.main-nav li a {
    display: inline-block;
    width: 100%;
    height: 50px;
    color: #fff;
}

nav.main-nav li a:hover {
    background: #b71321;
}
nav.main-nav li a:hover i {
    color: #fff;
    font-size: 0.6rem;
}
nav.main-nav li i {
    color: #be1b2e;
    font-size: 0.6rem;
}
nav.main-nav li div{
    padding: 18px 18px 0;
}
.nav-top {

	}

.nav-model {
    background: url("../img/nav-model-over.png") no-repeat;
	}
.nav-model a {
    display: inline-block;
	}
.nav-model a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-model a:hover img {
    visibility: hidden;
	}
.nav-schedule {
    background: url("../img/nav-schedule-over.png") no-repeat;
	}
.nav-schedule a {
    display: inline-block;
	}
.nav-schedule a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-schedule a:hover img {
    visibility: hidden;
	}
.nav-sayaka {
    background: url("../img/nav-sayaka-over.png") no-repeat;
	}
.nav-sayaka a {
    display: inline-block;
	}
.nav-sayaka a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-sayaka a:hover img {
    visibility: hidden;
	}
.nav-system {
    background: url("../img/nav-system-over.png") no-repeat;
	}
.nav-system a {
    display: inline-block;
	}
.nav-system a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-system a:hover img {
    visibility: hidden;
	}
	
.nav-ranking {
    background: url("../img/nav-ranking-over.png") no-repeat;
	}
.nav-ranking a {
    display: inline-block;
	}
.nav-ranking a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-ranking a:hover img {
    visibility: hidden;
	}
	
.nav-map {
    background: url("../img/nav-map-over.png") no-repeat;
	}
.nav-map a {
    display: inline-block;
	}
.nav-map a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-map a:hover img {
    visibility: hidden;
	}

.nav-magazine {
    background: url("../img/nav-magazine-over.png") no-repeat;
	}
.nav-magazine a {
    display: inline-block;
	}
.nav-magazine a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-magazine a:hover img {
    visibility: hidden;
	}
	
.nav-blog {
    background: url("../img/nav-blog-over.png") no-repeat;
	}
.nav-blog a {
    display: inline-block;
	}
.nav-blog a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-blog a:hover img {
    visibility: hidden;
	}
	
.nav-recruit {
    background: url("../img/nav-recruit-over.png") no-repeat;
	}
.nav-recruit a {
    display: inline-block;
	}
.nav-recruit a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-recruit a:hover img {
    visibility: hidden;
	}
	
.nav-staff {
    background: url("../img/nav-staff-over.png") no-repeat;
	}
.nav-staff a {
    display: inline-block;
	}
.click{
    margin-top: -49px;
    margin-left: 5px;
}
.nav-staff a:hover {
	background-color: transparent; /* IE6対応 */
	}
.nav-staff a:hover img {
    visibility: hidden;
	}
	
/* ========== contents ========== */
.main-contents {
	width: 1100px;
	margin-top: -25px;
	padding: 0px;
	}
.left-contents {
	display: table-cell;
	vertical-align: top;
	width: 191px;
	background: #be1b2e;
	margin: 0px;
	}
.left-contents p{
    margin: 0px;
    padding: 0px;
}
.left-contents .logo{
    width: 120px;
    margin: auto;
    padding: 10px 0 40px
}
.left-contents .logo img{
    width: 120px;
}
.right-contents {
	display: table-cell;
	vertical-align: top;
	width: 909px;
	margin: 0px;
    padding-top: 35px;
	}


/* ========== slider ========== */
.slider {
	margin: 0px;
	padding: 22px 0px 0px 36px;
	}	
.slider {
	margin: 0px;
	padding: 22px 0px 0px 36px;
	}	

/* ========== newface ========== */
.newface {
	width: 842px;
	margin: 0px auto;
	padding: 0px;
	}
.newface .line {
	margin-top: 25px;
	width: 842px;
	height: 1px;
	background: #be1b2e;
	}
.newface .text-01 {
	margin: 0px;
	padding-top: 30px;
	color: #404040;
	font-size: 18.5px;
	font-weight: 500;
    letter-spacing:0.5em;
    text-align:center;
    text-indent:0.5em;
	}
.newface .text-02 {
	margin: 0px;
	padding-top: 12px;
	color: #404040;
	font-size: 11px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
    font-weight: 500;
	text-align: center;
	}
.newface .detail {
	float: left;
	width: 204px;
	margin: 17px 3px 0px 3px;
	padding: 0px;
	}
.newface .detail .day {
	width: 204px;
	margin: 0px;
	padding-top: 10px;
	color: #404040;
	font-size: 11px;
    font-weight: 500;
	text-align: center;
	}
	
/* ========== notice ========== */
.noteice {
	width: 841px;
	height: 269px;
	margin: 0px auto;
	margin-top: 17px;
	padding: 0px;
	background:url("../img/notice.png") no-repeat;
	}

/* ========== info ========== */
.info {
	float: left;
	width: 420px;
	margin: 0px;
	padding: 0px;
	}
.info .box {
	width: 394px;
	margin: 0px;
	padding: 0px;
	}
.info .box .text-01 {
	margin: 0px;
	padding-top: 40px;
	color: #404040;
	font-size: 18.5px;
    letter-spacing:0.5em;
    text-align:center;
    text-indent:0.5em;
	}
.info .box .text-02 {
	margin: 0px;
	padding-top: 12px;
	color: #404040;
	font-size: 11px;
    font-weight: 500;
	text-align: center;
	}

.info .comment {
	margin-top: 15px;
	padding: 0px;
	width: 394px;
	height: 138px;
	}
.info .comment .scroll {
	width: 369px;
	height: 140px;
	margin: 13px 5px 10px 25px;
	padding: 0px;
	overflow: auto;
	}
.info .comment .scroll .days {
	padding-bottom: 5px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	}
.info .comment .scroll .text {
	background: url(../img/info-text.png) left top no-repeat;
	margin: 0px;
	padding: 0px 0px 10px 15px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.6em;
	}

/* ========== event ========== */
.event {
	float: right;
	width: 420px;
	margin: 0px;
	padding: 0px;
	}
.event .box {
	width: 394px;
	margin-left: 25px;
	padding: 0px;
	}
.event .box .text-01 {
    margin: 0px;
    padding-top: 40px;
    color: #404040;
    font-size: 18.5px;
    letter-spacing:0.5em;
    text-align:center;
    text-indent:0.5em;
}
.event .box .text-02 {
    margin: 0px;
    padding-top: 12px;
    color: #404040;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}
.event .box .picture {
	margin: 0px;
	padding-top: 25px;
	}

/* ========== model ========== */
.model{
	widows: 909px;
	margin: 0px;
	padding-top: 55px;
	}
.model .text-01 {
	margin: 0px;
	padding-top: 0px;
	color: #404040;
	font-size: 18.5px;
	letter-spacing: 0.2em;
	margin-right: -0.2em;	
	text-align: center;
	}
.model .text-02 {
	margin: 0px;
	padding: 10px 0px 35px 0px;
	color: #404040;
	font-size: 11px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	text-align: center;
	}
.model .text-03 {
	margin: 0px;
	padding: 15px 0px 35px 55px;
	color: #404040;
	font-size: 26px;
	}
.model .box {
	margin: 0px;
	padding-left: 15px;
	}
.model-line{
	width: 842px;
	height: 1px;
	background: #be1b2e;
	margin: 0px auto;
	margin-bottom: 25px;
	}
	
/* ========== today ========== */
.today{
	widows: 909px;
	margin: 0px;
	padding-top: 40px;
	}
.today .text-01 {
	margin: 0px;
	padding-top: 0px;
	color: #404040;
	font-size: 18.5px;
	font-weight: 500;
    letter-spacing:0.5em;
    text-align:center;
    text-indent:0.5em;
	}
.today .text-02 {
	margin: 0px;
	padding: 12px 0px 25px 0px;
	color: #404040;
	font-size: 11px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
    font-weight: 500;
	text-align: center;
	}
.today .box {
	margin: 0px;
	padding-left: 15px;
	}

.modellist{
    position:relative;
	float: left; 
	width: 164px;
    height: 356px;
	background: #fff; 
	margin: 5px; 
	padding: 0px;
	}
.modellist .image{
	margin: 0px; 
	padding: 0px;
	}
.modellist .icon-type{
    height: 15px;
    margin: 8px 10px 2px 10px;
}
.modellist .icon-type img{
    width: 60px
}
.modellist .icon-text{
    margin: 10px;
    height: 20px;
}
.modellist .icon-text01{
    width: 70px;
    margin: 5px 10px 9px 10px;
    background: #ffa6b9;
}
.modellist .icon-text01 p{
    padding: 3px 0;
    color: #fff;
    font-size: 0.7rem;
    text-align: center
}
.modellist .icon-text02{
    width: 70px;
    margin: 10px;
    background: #8ac6d0;
}
.modellist .icon-text02 p{
    padding: 3px 0;
    color: #fff;
    font-size: 0.7rem;
    text-align: center
}
.modellist .name{
    margin-left:10px; 
    color: #404040;
    font-size: 12px;
    font-weight: bold;
}
.modellist .size{
	margin-left:10px; 
	padding:2px 0px 0px 0px; 
	color: #404040;
	font-size: 10px;
	font-weight: bold;
	}
.modellist .time{
    padding:5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	}
.modellist .time2{
    width: 154px;
    height: 15px;
    padding:5px;
    background: #be1b2e;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    z-index: 10;
}
.modellist .taikoban{
	position:absolute;
	top: 8px;
    right: 2px;
    z-index: 10
}
.modellist .taikoban img{
	width: 56px;
}
.modellist2{
	position:relative;
	float: left; 
	width: 165px;
	height: 309px;
	background: #fff; 
	margin: 5px; 
	padding: 0px; 
	border:1px solid #bababa;
	}
.modellist2 .image{
	margin: 0px; 
	padding: 0px;
	}
.modellist2 .name{
	margin:0px; 
	padding:5px 0px 0px 0px; 
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
.modellist2 .size{
	margin:0px; 
	padding:5px 0px 5px 0px; 
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}
.modellist2 .time{
	margin:0px; 
	padding:5px;
	background: #be1b2e;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
.modellist2 .taikoban{
	position:absolute;
	bottom: 65px;
	left: 0px;
}
.modellist2 .taikoban img{
	width: 75px;
}
.modellist3{
	position:relative;
	float: left; 
	width: 165px;
	height: 309px;
	background: #fff; 
	margin: 5px; 
	padding: 0px; 
	border:1px solid #bababa;
	}
.modellist3 .image{
	margin: 0px; 
	padding: 0px;
	}
.modellist3 .name{
	margin:0px; 
	padding:5px 0px 0px 0px; 
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
.modellist3 .size{
	margin:0px; 
	padding:5px 0px 5px 0px; 
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}
.modellist3 .time{
	margin:0px; 
	padding:5px;
	background: #2a2a2a;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
.modellist3 .taikoban{
	position:absolute;
	bottom: 65px;
	left: 0px;
}
.modellist3 .taikoban img{
	width: 75px;
}

figure {
    position: relative;
    overflow: hidden;
    width: 164px;
}
figcaption {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    width: 100%;
    height: 58px;
    background: rgba(255,255,255,.6);
    -webkit-transition: .6s;
    transition: .6s;
    z-index: 1
}
figure:hover figcaption {
    bottom: 0%;
}

.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.transform02 {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
figure:hover .transform01 {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.schedule_text{margin: 0px auto; padding: 25px; font-size: 18px; letter-spacing: 0.3em; margin-right: -0.3em; text-align: center;}

.schedule_weekly{width: 841px; background: #2a2a2a; margin: 0px auto; padding: 0px; color: #fff; font-size: 15px;  text-align: center;}
.schedule_weekly p{
	margin: 0px;
	padding: 8px;
	letter-spacing: 0.5em;
	margin-right: -0.5em;	
	}

.spanbox_bg{margin: 0px auto; padding-left: 34px;}
.spanbox {float: left; width: 119px; margin: 0px 0px 10px 0px; padding: 0px; background: #fff;}
.spanbox p{margin: 0px; padding: 10px;  text-align: center;}
a .spanbox {background-color:#fff; color: #000; font-size: 13px; border-bottom:1px solid #555; border-right:1px solid #555;}
a:hover .spanbox { background-color:#d1d1d1; color:#000; }
.spanbox_side {float: left; width: 119px; margin: 0px 0px 10px 0px; padding: 0px; background: #fff;}
.spanbox_side p{margin: 0px; padding: 10px;  text-align: center;}
a .spanbox_side {background-color:#fff; color: #000; font-size: 13px; border-bottom:1px solid #555; border-right:1px solid #555; border-left:1px solid #555;}
a:hover .spanbox_side { background-color:#d1d1d1; color:#000; }


/* ========== profile ========== */
.profile{
	width: 810px;
	margin: 0px auto;
	padding-bottom: 20px;
	background: #f2f2f2;
	}
.profile .detail{
	float: left;
	width: 375px;
	margin: 0px;
	padding: 20px 0px 0px 20px;
	}
.profile-contents{
	width: 375px;
	height: 563px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	border:1px solid #e7e7e7;
	}
.profile-contents .text{
	margin: 0px;
	padding: 20px 40px 0px 40px;
	color: #292929;
	font-size: 15px;
	line-height: 2.2em;
	}
.profile-contents .come{
	width: 310px;
	height: 130px;
	padding: 0px 0px 0px 40px;
	color: #292929;
	font-size: 15px;
	line-height: 2.2em;
	overflow: auto;
	}
.profile-line {
	width: 840px;
	height: 1px;
	margin: 0px auto;
	background: #2a2a2a;
	}
.profile-name {
	margin: 0px;
	padding: 0px 0px 10px 70px;
	color: #404040;
	font-size: 30px;
	}
.profile-size {
	margin: 0px;
	padding: px;
	color: #404040;
	font-size: 20px;
	}
.profile-comment{
	padding: 0px 0px 0px 40px;
	}
.profile-comment p{
	width: 310px;
	height: 130px;
	color: #292929;
	font-size: 15px;
	line-height: 1.5em;
	overflow: auto;
	}


/* ========== random ========== */
.random-space{
	width: 875px;
	margin: 0px auto;
	}
.random{
	width: 875px;
	margin: 0px auto;
	padding-bottom: 20px;
	background: #f2f2f2;
	}
.random .text-01 {
	margin: 0px;
	padding-top: 30px;
	color: #404040;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
	margin-right: -0.2em;	
	}
.random .text-02 {
	margin: 0px;
	padding: 15px 0px 25px 0px;
	color: #404040;
	font-size: 11px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	text-align: center;
	}
.random .detail{
	float: left;
	width: 200px;
	margin-left: 15px;
	padding: 0px;
	}

.system-text01{
	margin: 0px;
	padding-top: 60px;
	font-size: 30px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	text-align: center;
	}
.system-text01 .price{
	margin: 0px;
	padding: 0px;
	font-size: 40px;
	}
.system-text02{
	margin: 0px;
	padding-top: 60px;
	font-size: 30px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	text-align: center;
	}
.system-text02 .price{
	margin: 0px;
	padding: 0px;
	font-size: 40px;
	}
.system-text03{
	margin: 0px;
	padding: 60px 0px 0px 183px;
	font-size: 20px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	}
.system-text03 .price{
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	}
.system-text04{
	margin: 0px;
	padding-top: 80px;
	font-size: 25px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	text-align: center;
	}
.system-text05{
	margin: 0px;
	padding-top: 80px;
	font-size: 23px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	text-align: center;
	}
.system-text06{
	margin: 0px;
	padding-top: 20px;
	font-size: 20px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	text-align: center;
	}
.system-tel{
	margin: 0px;
	padding-top: 80px;
	font-size: 25px;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro"; 
	font-weight: bold;
	text-align: center;
	}
	
	
/* ========== ranking ========== */
.ranking{
	width: 810px;
	margin: 0px auto;
	margin-bottom: 25px;
	padding: 0px;
	background: #f2f2f2;
	}
.ranking .left{
	float: left;
	width: 380px;
	margin: 0px;
	padding: 0px;
	}
.ranking .left p{
	margin: 0px;
	padding: 25px 0px 25px 25px;
	}
.ranking .right{
	float: right;
	width: 430px;
	margin: 0px;
	padding: 0px;
	}
.ranking .right .icon{
	margin: 0px;
	padding-top: 37px;
	}
.ranking .right .name{
	margin: 0px;
	padding-top: 40px;
	font-size: 30px;
	}
.ranking .right .size{
	margin: 0px;
	padding-top: 20px;
	font-size: 14px;
	}
.ranking .right .comment{
	margin: 0px;
	padding: 30px 25px 25px 0px;
	font-size: 16px;
	line-height: 2em;
	}
	
/* ========== magazine ========== */
.magazine {
	width: 770px;
	height: 390px;
	margin: 0px auto;
	padding: 0px;
    background: url("../img/magazine.png") no-repeat;
	}
.magazine .text{
	margin: 0px;
	padding: 75px 0px 0px 45px;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	}
.magazine .text-02{
	margin: 0px;
	padding: 20px 0px 0px 45px;
	font-size: 14px;
	line-height: 2em;
	text-align: left;
	}
.magazine .text-02 span{
	color: #a70328;
	}
.magazine .text-03{
	margin: 0px;
	padding: 10px 0px 0px 45px;
	font-size: 16px;
	line-height: 2em;
	text-align: left;
	}
.m-form {
	width: 470px;
	margin: 0px;
	padding: 15px 0px 0px 45px;
	}
.m-form .add{
	height: 30px;
	margin: 0px;
	padding: 0px;
	}
.m-sent{
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
.m-sent .sent{
	width: 80px;
	margin: 0px;
	padding: 5px;
	background: #eee;
	}
	
#contents {
	width:844px;
	margin: 0px auto;
	padding-top: 30px;
}

#contents table.style {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	border-collapse: collapse;
}


/* ========== map ========== */
.map {
	width: 840px;
	margin: 0px auto;
	}
.map .text {
	margin: 0px;
	padding-top: 30px;
	font-size: 17px;
	line-height: 2em;
	text-align: center;
	}
	
#contents table.style th {
	font-weight: normal;
	background-image: url(../img/schedule_week_bg.png);
	background-repeat: repeat-x;
	background-color: #2a2a2a;
	border:1px solid #2a2a2a;
	padding: 7px;
	font-size: 13px;
	color: #fff;
}

#contents table.style tr td {
	background-color: #fff;
	border:1px solid #555;
	padding: 10px;
	font-size: 13px;
    text-align: center;
}

.profile_blog{
	width: 810px;
	margin: 0px atuo;
	padding-left: 50px;
	}
	
.contact-banner{
	padding-left: 50px;
}


.zoom {
width: 1010px;
margin: 0px auto;
margin-bottom: -250px;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
}




.grad-wrap {
  position: relative;
  width: 295px;
  margin-left: -1px;
  background: #fff;
  padding: 0px 40px;
  font-size: 0.9rem;
  line-height: 1.8;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottomt:1px solid #eee;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-trigger {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 148px;
  margin: auto;
  padding: .2em 0;
  border-radius: 2px;
  background: #be1b2e;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-trigger::after {
  content: "続きを読む" /*クリック前のボタンのラベル*/
}
.grad-trigger:hover {
  background: #fff;
  color: #be1b2e;
}
.grad-trigger .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide {
  height: 160px;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger.is-show {
  bottom: -2em;
}
.grad-trigger.is-show::after {
  content: "閉じる" /*クリック後にボタンのラベルを変える*/
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}




.side-tel{
	padding-top: 25px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1;
}


#enterLayer{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:999999;
	background-color:rgba(0,0,0,0.8);
}

#enterLayer .wrap_{
	text-align:center;
	box-sizing:border-box;
	width:600px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-155px;
}

#enterLayer .wrap_ img{
	width:100%;
}


.sayaka{
	width: 842px;
	margin: 0px auto;
	padding-top: 45px;
}

.sayaka-movie{
	overflow: hidden;
	width: 842px;
	height: 251px;
	margin: 0px auto;
	padding-top: 45px;
}
.sayaka-movie .left{
	float: left;
	width: 50%;
}
.sayaka-movie .left p{
	padding-right: 10px;
}
.sayaka-movie .right{
	float: right;
	width: 50%;
}
.sayaka-movie .right p{
	padding-left: 10px;
}



.sayaka-text{
	width: 842px;
	margin: 0px auto;
	padding: 45px 0px;
	font-size: 16px;
	line-height: 2;
}

.taikoban-mark{
	width: 842px;
    height: 240px;
	margin: 0px auto;
	background: url(../img/taikoban-bg.png) left top no-repeat;
    background-size: 120px auto;
}
.taikoban-mark p{
	padding: 23px 0px 25px 125px;
	color: #be1b2e;
	font-size: 20px;
	font-weight: bold;
    line-height: 1
}


.recruit-staff{
    width: 500px;
    margin: auto;
    padding: 60px 0px
}
.recruit-staff img{
    width: 100%
}