@charset "utf-8";

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
*{
	margin:0;
	padding:0;
}
body{
	font-size: 16px;
	-webkit-text-size-adjust: 100%;/*スマホで縦持ち、横持ちで文字を拡大させない*/	
}
.sp{
	display: block;
	}	
.pc{
	display: none;
}
.video{
	padding-top:90px;
	position: relative;
}
.en_link{
	width:200px;
	cursor: pointer;
	position: absolute;
	top:370px;
	left: 20px;
}
.en_link:hover{
	opacity: 0.5;
}
.en_link img{
	width:100%;
}

.menu{
	width:100%;
	height: auto;
	
}
.top_card{
	width:100%;
	height: 210px;
	border: 1px solid #e08585;
	
}
.card01{
		background-image: url(../image/top/img_02.jpg);
	    background-repeat: no-repeat;
		background-size:247px;
		background-position:left center;
	
	
		
	}
	.card02{
		background-image: url(../image/top/img_03.jpg);
		background-repeat: no-repeat;
		background-size:247px;
		background-position:right center;
	}
	.card03{
		background-image: url(../image/top/img_04.jpg);
		background-repeat: no-repeat;
		background-size:247px;
		background-position:left center;
	}
	.card04{
		background-image: url(../image/top/img_05.jpg);
		background-repeat: no-repeat;
		background-size:247px;
		background-position:right center;
	}
	.card05{
		background-image: url(../image/top/img_06.jpg);
		background-repeat: no-repeat;
		background-size:247px;
		background-position:left center;
	}
	.card06{
		background-image: url(../image/top/img_07.jpg);
		background-repeat: no-repeat;
		background-size:247px;
		background-position:right center;
	}
.card_tit{
	margin-left: 247px;
	text-align: center;
	line-height: 210px;
	font-size: 32px;
	
}
.tit_right{
	margin-left: 0;
	margin-right: 247px;
}
.rinen{
	width:100%;
	height: auto;
background-image: url(../image/common/img_05.jpg);
	padding-top:50px;
	padding-bottom: 70px;

}
.rinen_wrap{
	width:90%;
	margin:0 auto;
	paddingg-top:0;
}
.rinen_tit{
	border-left: 20px solid #e08585;
	font-size: 24px;
	padding-left:10px;
	margin-top:40px;
}
.rinen_com{
	margin-top:40px;
	font-size: 20px;
	line-height: 1.7em;
}
.rinen_table{
	margin-top:40px;
}
.rinen_table table th,.rinen_table table td{
	display: block;
}
.rinen_table table th{
	text-align: left;
	font-size: 18px;
	padding-top:20px;
}
.rinen_tit02{
	border-bottom: 2px solid #e08585;
	padding-bottom: 5px;
}
.rinen_table table td{
	text-align: left;
	font-size: 20px;
	padding-top:20px;
	line-height: 1.7em;
}



@media (min-width:641px){
	.sp{
		display: none;
	}
	.pc{
		display: block;
	}
	
	.menu{
		width:100%;
		
	}
.en_link{
	width:320px;
	cursor: pointer;
	position: absolute;
	top:80vh;
	left: 20px;
}	
	.top_menu_wrap{
		padding-top:70px;
		width:100%;
		height: 100vh;
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
.top_card{
	width:33.3vw;
	height: calc(50vh - 35px);
	position: relative;
	overflow: hidden;	
    background-color: #000;
	background-image: none;
	border: none;
	
	}
	
	.card01:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-image: url(../image/top/img_02.jpg);
	babackground-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	opacity: 0.5;	
}
	.card01:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 1;
	
	}
	.card01{
		top:0;
		left:-100%;
	}
	.card01_fade{
		left: 0;
		transition: all 0.5s;
	}
	
	.card02:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-image: url(../image/top/img_03.jpg);
	babackground-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	opacity: 0.5;	
}
	.card02:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 1;
	
	}
.card02{
		top:0;
		left:-100%;
	}
	.card02_fade{
		left:0%;
		transition: all 0.8s;
	}	
.card03:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-image: url(../image/top/img_04.jpg);
	babackground-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	opacity: 0.5;	
}
	.card03:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 1;
	
	}
.card03{
		top:0;
		left:-100%;
	}
	.card03_fade{
		left:0%;
		transition: all 1.1s;
	}		
	
.card04:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-image: url(../image/top/img_05.jpg);
	babackground-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	opacity: 0.5;	
}
	.card04:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 1;
	
	}
.card04{
		top:0;
		left:-100%;
	}
	.card04_fade{
		left:0%;
		transition: all 1.1s;
	}		
.card05:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-image: url(../image/top/img_06.jpg);
	babackground-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	opacity: 0.5;	
}
	.card05:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 1;
	
	}
.card05{
		top:0;
		left:-100%;
	}
	.card05_fade{
		left:0%;
		transition: all 1.4s;
	}		
	
.card06:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-image: url(../image/top/img_07.jpg);
	babackground-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	opacity: 0.5;	
}
	.card06:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 1;
	
	}
.card06{
		top:0;
		left:-100%;
	}
	.card06_fade{
		left:0%;
		transition: all 1.7s;
	}		

	
.card_tit{
	position: absolute;
	top:calc(50% - 25px);
	left:0;
	height: 50px;
	width:100%;
	text-align: center;
	z-index: 2;
	background-color:rgba(255,255,255,0.5);
	color: #000;
	line-height: 50px;
	font-size: 32px;
	margin-left: 0;
	
	}
/*基本理念*/
	.rinen{
		width:100vw;
		height: 100vh;
		/*padding-top:70px;*/
	}
	.rinen_img{
		width:42vw;
		height: 100vh;
		background-image: url(../image/top/img_08.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		float: left;
		
		
	}	
	.rinen_wrap{
		width:58vw;
		height:100vh;
		padding-top:70px;
		float: left;
		background-image: url(../image/common/img_05.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		
		
	}
	.rinen_wrap_in{
		width:48vw;
		margin:0 auto;
		margin-top:10vh;
	}
	.rinen_tit{
		font-size: 24px;
		font-weight: bold;
		border-left: 20px solid #e08585;
		margin-top:9vh;
		margin-bottom: 5vh;
		padding-left: 15px;
	}
	 
	.rinen_com{
		font-size: 16px;
		line-height: 1.7em;
		
	}
	.rinen_table table th,.rinen_table table td{
	display:table-cell;
}
	.rinen_table table th{
		font-size: 16px;
		width:100px;
		vertical-align: top;
		padding:20px 0px;
		padding-right: 30px;
	}
	.rinen_table table td{
		padding: 20px 0px;
		font-size: 16px;
		line-height: 1.7em;
	}
	.housin{
	letter-spacing: 1.15em;
	}
	
	
	
	
	
	
	
	
	
	
	
}

@media (max-width:640px){
	
	
	
	
	
	
	
	
	
	
	
	
}