@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Kosugi Maru', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: #cceceb;
}


.aboutBox,.staffBox {background-color: #35b4ad;}
.contentsBox{color:#00A29A ; }


.ttUnder{
	background: url("../img/tt_under.png") repeat-x center bottom;
	display: inline-block;
}

.photoBox{
	display: flex;
	justify-content: center;
	align-items: center;
}

.photoBox li img{
	width: 100%;
	height: auto;
}

footer{
	padding: 15px;
	font-size: 0.8em;
	text-align: center;
	color: #00A29A;
}

a{text-decoration: underline;}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.carenincinemaonline{text-align: center;}


a:hover{
	opacity: 0.7;
}

/* --------------------------------------------------
	PC
-------------------------------------------------- */
@media screen and (min-width:941px){
	body{
		font-size: 21px;
		line-height: 1.8em;
		letter-spacing: 1px;
	}
	.wrapInn{
		position: relative;
	}
	.wrapInn::before{
		display: block;
		content: "";
		position: absolute;
		width: 30px;
		height: 100%;
		z-index: 99;
		background: url(../img/bg_side.png) repeat-y;
		top: 0;
		left: calc(50% - 540px);
		left: 10px;
	}
	.wrapInn::after{
		display: block;
		content: "";
		position: absolute;
		width: 30px;
		height: 100%;
		z-index: 99;
		background: url(../img/bg_side.png) repeat-y;
		top: 0;
		right: calc(50% - 540px);
		right: 10px;
	}

	.contentInn{
		max-width: 1100px;
		margin: 0 auto;
		position: relative;
		text-align: center;
	}
	
	.contentInn_cast{
		max-width: 1100px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		background: url("../img/bg_kaigo3.png") no-repeat top 95% left 85%;
		padding-bottom: 70px;
	}
	
	.contentsBox{
		max-width: 820px;
		margin: 0 auto;
		box-sizing: border-box;
		margin-bottom: 50px;

	}
	
	.logo img{
		margin-top: 60px;
		max-width: 683px;
	}
	.billing img{
		margin-bottom: 35px;
	}
	
	.mainVisual{
		margin: 40px 0px 30px;
	}
	.mainVisual img{
		position: relative;
		left:40px;
	}
	
	.mainImg img{
		width: 100%;
		height: auto;
	}
	
	.ribbon{
		margin: 20px 0 30px;
	}
	.ribbon img{
		width: 100%;
		height: auto;
	}

	.txt img{
		position: relative; left:20px;
	}
	
	.txt{
		padding-bottom: 80px;
		background: url("../img/bg_kaigo1.png") no-repeat top 0% left 13%;
	}

	.movieBox{
		display: flex;
		justify-content: space-between;
		margin: 0 -50px 80px -50px;
	}

	.mvTxtBox{
		color: #35b4ad;
		font-size: 0.75em;
		line-height: 1.4em;
		margin-top: 50px;
	}
	.mvTxtBox img{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	
	.movieBox:nth-of-type(odd){flex-direction: row-reverse;}
	.movieBox:nth-of-type(odd) .mvTxtBox{text-align: left;}
	.movieBox:nth-of-type(even) .mvTxtBox{text-align: right;}

	.mvBox{
		flex-basis: calc(100% - 410px);
		background: url("../img/bg_mv.jpg") no-repeat;
		background-size: 100% auto;
		padding: 35px 35px;
	}

	.aboutBox{
		padding:70px 0px;
	}
	
	.ttAbout{
		padding: 70px 0px;
		background: url("../img/bg_kaigo2.png") no-repeat top 0px left 70%;
		margin-bottom: 40px;
	}
	
	.ttAbout img{
		position: absolute;
		left:25%;
		top:-10px;}
	
	.ttAbout+p{
		color: #FFF;
		padding-bottom: 40px;
	}
	
	
	.ttCast{margin:70px 0px 50px;}
	.photoBox0 {display: block;}

	.castBoxInn{
		display: flex;
		max-width: 800px;
		color: #116E7F;
		margin:0 auto;
		flex-basis: 70%;
	}
	.castBox{

		padding-bottom: 50px;
	}
	
	.castInn h3{    
	margin: 0px 0 10px;
    font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 0.08em;}

	.commentTxt{
		font-size: 0.8em;
	}
	
	.castInn{
		text-align: left;
		margin: 0px 0px 20px 25px;
		line-height: 1.6;
		
	}
	.cast_more{
		position: relative;
		left:-25px;
		margin-top: 20px;
	}
			.cast_more{
		font-weight: 500; font-size:1.2em;
			color: #00A29A;
		line-height: 1.8em;
			letter-spacing: 0.08em;
	}
	
	
	.staffBox{
		padding: 40px 0 100px;
	}
	.ttStaff{
		position: absolute;
		top:-90px;
		right: 120px;
	}	
	
	.staffBoxInn0{margin-top: 130px;}
	
	.staffBoxInn{
		padding: 30px 0 20px;
		display: grid;
		max-width: 900px;
		color: #FFF;
		margin:0 auto;
		flex-basis: 70%;
		font-size: 0.8em;
		line-height: 1.6;
		text-align: left;
	}
	
	.staffImg{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	}
	
	.stafftitle{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	text-align: center;
	margin-top: -20px;
	}
	
	.staffname{
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	margin-top: -10px;
	}
.staffInn{
	grid-column: 2 / 3;
	grid-row: 1 / 4;
	}

	.mihara{font-size: 1.2em;letter-spacing: 0.2em; 
			margin-top: 0px; margin-bottom: 10px;}
	.yamakuni{font-size: 1em;letter-spacing: -0.1em;
			margin-top: 0px; margin-bottom: 10px;}
	
	.staffImg {
	font-size: 1.3em;
		text-align: center;
	}	

	
		.staffInn{
		text-align: left;
		line-height: 1.6;
	}
	.txt01{		margin: 70px 0px 0px 25px;}
	.txt02{		margin: 10px 0px 0px 25px;}
	
	.staffmore{
		max-width: 900px;
		color: #206867;
		margin:0 auto;
		padding:2% 0% 0% 5% ;
		flex-basis: 70%;
		font-size: 0.7em;
		line-height: 1.6;
		text-align: left;
		background: url("../img/bg_kaigo4.png") no-repeat top 90% left 90%;
	}
	.bgblue{padding: 100px 0px 10px; color: #206867; }
	
	.bgChara{
		background: url("../img/img_chara01.png") no-repeat, url("../img/img_chara02.png") no-repeat;
		background-position: left 40%,right 40%;
		background-size: 70px auto,70px auto;
	}

	.ttUnder{
		font-size: 31px;
		padding: 10px;
		margin-bottom: 30px;
	}

	.photoBox li{
		margin: 20px 10px;
	}
	
	
	.onlySMP{display: none;}
	.sPCTxt{font-size: 19px;line-height: 1.7;}
}
@media screen and (max-width:1100px){
	.wrapInn::before{
		left: 10px;
	}
	.wrapInn::after{
		right: 10px;
	}
	.textContentsBox{
		margin: 50px auto;
	}
}
/* --------------------------------------------------
	スマホ
-------------------------------------------------- */
@media screen and (max-width:940px){
	body{
		font-size: 16px;
		line-height: 1.6em;
		text-align: justify;
	}
	
	.contentInn{
		padding-bottom: 10%;
	}
	.wrapInn{
		position: relative;
		padding: 0px 20px;
	}
	.wrapInn::before{
		left: 0;
	}
	.wrapInn::after{
		right: 0;
	}
	.textContentsBox{
		margin:30px 0;
	}

	.main{
		overflow: hidden;
		text-align: center;
	}
	
	.logo img{
		margin: 30px 0 15px;
		width: 100%;height: auto;
	}
	
	.mainVisual img{
		width: 95%;
		height: auto;
		position: relative;
		left: 7px;
		padding-bottom: 20px;
	}
	
	.billing img{
		width: 60%;
		height: auto;
		text-align: center;
		padding-bottom: 15px;
		
	}
	.mainImg {
		position: absolute;
  	left: -100%;
  	right: -100%;
 	width: 100vw;
  	margin: auto;
		overflow: hidden;
	}
	
	.mainImg img{width: 100%;height: auto;}
	
	.ribbon{
		position: absolute;
		width: 100vw;
		margin-top: 10%;
		margin-left: -20px;
		margin-right: -20px;
		overflow: hidden;
	}
	.ribbon img{
		width: 200%;
		height: auto;
		margin-left: -48%;
	}
	
	.txt {
		background: url(../img/bg_kaigo1.png) no-repeat top 83% left 1%;
    	background-size: 15%;
	}
	
	.txt img{
		margin: 55% 0 5%;
		width: 95%; height: auto;
		position: relative; left:2%;
	}
	
	.mvBox{
		background: url("../img/bg_mv.jpg") no-repeat;
		background-size: 100% auto;
		padding: 7% 7%;
		margin-top: 10px;
	}
	
	
	.ttMv{
		text-align: center;
		margin-top: 20px;
		flex-basis: 100%;		
	}
	.ttMv img{
		width: 85%;
		height: auto;
	}	
	
	.ttAbout{
		padding-top: 20px;
		text-align: center;
		background: url("../img/bg_kaigo2.png")no-repeat top 80% left 90%;
		background-size: 25%;
	}
	.aboutBox{

		background-color: #35b4ad;
		margin: 0 -20px;
	}
	.aboutBox img{
		width: 100%;
		height: auto;
	}
	
		.aboutBox img {
    width: 100%;
    height: auto;
	padding: 10px;
}
	
	.ttAbout img{
		width: 60%;
		height: auto;
		position: relative;
		left:-15%;
	}
	.ttAbout+p{
		color:  #fff;
		margin-bottom: 20px;
		padding:20px 20px 10px;
	}
	

	
	h2.ttCast{
	margin: 0 auto;
	padding: 7% 0 2%}
	
	.photoBox0{
		text-align: center; padding-bottom:5%}
	
	.contentInn_cast {
    background: url(../img/bg_kaigo3.png) no-repeat top 90% left 95%;
	background-size: 20%;
	padding-bottom: 50px;}
	
	.ttCast{
		width: 60%;
		position: relative;
		top: 0;
	}
	.ttCast img{
		width: 100%;
		height: auto;
	}	
	.castInn h3{font-weight: 600; font-size:1.1em;
		padding-bottom: 3%;letter-spacing: 0.1em;}
	.commentTxt{
		padding-bottom: 7%;
	}
		.commentTxt{
		padding-bottom: 12%;
	}
	
		.cast_more{
		padding-bottom: 25%;
		font-weight: 600; font-size:1.1em;
			color: #00A29A;
		line-height: 1.8em;
		letter-spacing: 0.08em;
	}
	
	.castBoxInn,.staffmore{
		color: #206867;
	}
	
	.stafftitle{
		font-size: 1.1em;
		line-height: 2em;font-weight: 500;
	}
	
.staffname{
		font-size: 1.3em;padding-bottom: 10px;
	letter-spacing: 0.2em;
	font-weight: 500;
	
	}
	
	.ttStaff img{
		width: 45%;
		height: auto;
		position: relative;
		left:50%;
		margin: 10px 0 -20px;
	}
	.staffBox{margin: -20px;}
	.staffInn{text-align: left; margin: 15px 0 20px}
	
	.staffBoxInn{margin: 20px; color: #fff; text-align: center;}
	.staffmore img{
		width:100%;
		height: auto;
		padding: 0 8px
		
	}
	
	.staffmore {
		background: url(../img/bg_kaigo4.png) no-repeat top 100% left 90%;
		background-size: 23%;
	padding-bottom: 40px;}
	
	.bgChara{
		background: url("../img/img_chara01.png") no-repeat, url("../img/img_chara02.png") no-repeat;
		background-position: right 60px bottom 0,right 0 bottom 0;
		background-size: 40px auto,40px auto;
		padding-bottom: 50px;
	}
	.ttUnder{
		font-size: 20px;
		background-size: auto 10px;
		display: inline;
	}
	.ttUnder+p{
		margin-top: 10px;
	}

	.photoBox{
		margin: 10px -5px; 
	}
	.photoBox li{
		margin: 0 5px; 
	}

	
	.minutes{
		font-size: 0.8em;
		position: relative;
		left: 45%;
		margin-top: 7%;
	}
	
	.ttMv{
		margin-top: -25px;
	}
	.txt img{
		padding-bottom: 3%;
	}
	
	

	.staffBox{
		margin-bottom: 50px;
		flex-basis: 80%;
	}
			
	.staffBox .nameBox div p:nth-of-type(2){
		font-size: 1.4em;		
	}
	
	footer{line-height: 1.2em;}
	.sTxt{font-size: 14px;}
	.img80{width: 80%;text-align: center;margin-left: auto;margin-right: auto;}
	.img80 img,.imgMax img{width: 100%;height: auto;}
	.onlyPC{display: none !important;}
}


.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}