@charset "UTF-8";

padding * {0;}
margin * {0;}

.style01 {
	font-weight:bolder;
	text-align: left;
	padding-left:0.5em;
	font-size:1.5em;
	line-height:1.2em;
}

.style02 {
	font-weight:bolder;
	text-align: left;
	line-height:1.5em;
}

.style03 {
	padding:10px 10px; 
	border: solid 3px #e3dfdf;
	text-align: justify;
	line-height:2em;
}

.style04 {
	font-size:2em;
	color:aqua;
	font-weight:bolder;
	text-align: left;
	line-height:1em;

}

.style05 {
	font-weight:500;
	line-height:2em;
	padding-bottom:20px;
}

.style06 {
	font-size:1.7em;
	text-align: center;
	line-height:0;
	padding-bottom:5px;
}

.style07 {text-align: center;}

.style08 {
	border: none;
	text-align: center;
	font-size:0.9em;
	font-weight:bolder;
	line-height: 2em;
}



.marker {background: linear-gradient(transparent 70%, #ffffa8 0%);}

#list-title01 {
	font-size:1.3em;
}
#list-title02 {
	background: #000;
	color:#fff;
	padding:5px;
	font-size:1em;
	margin-top:30px;
}

#main-about #list li {
	font-size:0.8em;
	line-height:1.8em;
}

#conditions {
	border:solid 3px #0060E3;
	padding:5%;
	border-radius:10px;
}

#conditions .style02 {
	text-align: center;
	font-size:1.2em
}

#conditions h3 {padding-bottom:0;}

/*その他ページのcontents内*/

#contents-aboutjushindo {
	margin:0;
	padding:0;
}

#jushindo-t, #kidsclub-t, #care-t, #senior-t, #sapport-t, #aboutus-t, #news-t, #contact-t 
{height:60px;}

#article-title01 {
	height:80px;
	padding:20px;
	background: #0060E3;
}

#article-title01 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

#article-jushindo .style01 {
	border-left:solid 4px #0060E3;
}

#article-jushindo .style08 {
	font-size:1.5em;
	line-height: 1.5em;
}

#article-jushindo #list-title02 {
	background:#0060E3;
}

#article-jushindo li {
	text-align: center;
	border:solid 1px #0060E3;
	padding:5px;
	margin-bottom:10px;
	border-radius:20px;
	background: #fff;
	line-height: 1.5em;
}

#colum p {
	text-align: center;
	line-height: 0;
}
#sisei01, #sisei02 {display: none;}
#sisei04 {
	width:50%;
	margin-left:25%;
	margin-top:10%;
}

#colum-img {
	position: relative;
	display: flex;
	justify-content: center;
}
#ring01, #ring02 {
	position: relative;
	width:40%;
	height:40%;
	margin-top:0;
	margin-bottom:5%;
	margin-left:0;
	margin-right:0;
}

#ring01 {
	margin-right:10%;
	transform: translate(0, 10%);
}

video {
	width:100%;
	margin-top:5%;
}

#colum-none {display: none;}
#colum, #list, #newswrap {
	background: #f7f8f8;
	width:90%;
	margin-left:5%;
	padding:5%;
}

#go-form {
	width:100%;
	height:60px;
	background:#fa4f5b;
	border-radius:10px;
}

#go-form:hover {
	background:#a7353d;
}

#tiryoin-QR:hover {
	opacity: 0.6;
}

#go-form .button-coment {
	text-align: center;
	font-size:5vw;
	color:#fff;
	padding:0;
	margin:0;
	line-height: 55px;
}

#care-syozaiti #go-form {
	margin-top:10px;
}

#conditions i {margin-left:10px;}


/*article01ここまで*/


#article-title02 {
	height:80px;
	padding:20px;
	background: #8CE330;
}

#article-title02 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

#article-kidsclub .style01 {
	border-left:solid 4px #8CE330;
}

#article-kidsclub #list-title02 {
	background: #8CE330;
}


#article-kidsclub li {
	text-align: center;
	border:solid 1px #8CE330;
	padding:5px;
	margin-bottom:10px;
	border-radius:20px;
	background: #fff;
}


#article-kidsclub i {margin-left:10px;}

#event-link li {border-color:#8CE330;}
#event-link li:hover {background:#baf575; }

#club-image01, #club-image02 {
	width:100%;
	height:190px;
	object-fit: cover;
	margin-bottom:10px;
}

/*article02ここまで*/

#article-title03 {
	height:80px;
	padding:20px;
	background: #00C78D;
}

#article-title03 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

#article-care .style01 {
	border-left:solid 4px #00C78D;
}

#article-care #list-title02 {
	background:#00C78D;
}

#map iframe {
	padding-bottom:20px;
}

#care-syozaiti #conditions {
	border:solid 3px #00C78D;
}

#conditions #tiryoin-QR {
	width:100%;
	padding-top:5px;
	
}

/*article03ここまで*/

#article-title04 {
	height:80px;
	padding:20px;
	background: #F7931E;
}

#article-title04 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

#article-senior .style01 {
	border-left:solid 4px #F7931E;
}

#article-senior #list-title02 {
	background:#F7931E;
}

#article-senior li {
	text-align: center;
	border:solid 1px #F7931E;
	padding:5px;
	margin-bottom:10px;
	border-radius:20px;
	background: #fff;
}

/*article04ここまで*/

#article-title05 {
	height:80px;
	padding:20px;
	background: #29C5E2;
}

#article-title05 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

#article-sapport .style01 {
	border-left:solid 4px #29C5E2;
}

/*article05ここまで*/

#article-title06 {
	height:80px;
	padding:20px;
	background: #FFBD0F;
}

#article-title06 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

#article-aboutus .style01 {
	border-left:solid 4px #FFBD0F;
}

#gaiyou, #kyosan {
	position: relative;
	width:100%;
	height:auto;
	font-family:sans-serif;
	font-size:0.7em;
	border-collapse:collapse;
	border-spacing: 0;
}

#gaiyou th, #kyosan th {
  	text-align: left;
  	color:#000;
  	border: 1px solid grey;
  	width: 7px;
  	padding: 2% ;
	font-weight:500;
	
}

#gaiyou td ,#kyosan td{
  	text-align: left;
  	border-left: 1px solid grey;
  	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
  	border-top:none;
  	width: 7px;
  	padding: 2%;
	border-collapse:collapse;
	border-spacing: 0;
}

#gaiyou #name {text-align: center;}
#kyosan #name {text-align: center;}



/*article06ここまで*/

#article-news {height:auto;}

#article-title07 {
	height:80px;
	padding:20px;
	background: #B149AE;
}

#article-title07 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

#frame-wrap {
	height:600px;
	margin:0;
	margin-bottom:20px;
	border-bottom:solid 1px lightgray;
}

#article-news #iframe {
	padding:0;margin:0;
}

/*article07ここまで*/

#article-title08 {
	height:80px;
	padding:20px;
	background: #B149AE;
}

#article-title08 h1 {
	margin:0;
	text-align: left;
	line-height: 20px;
	color:#fff;
}

/*article08ここまで*/


/*コンタクトフォーム*/

#form-wrap h3 {
	width:80%;
	margin-left:10%;
	font-weight:lighter;
	text-align: center;
}





#form-wrap {
	display:block;
	position:relative; 
	margin-top:40px;
	padding-bottom:80px;
	border-bottom: rgb(224, 221, 221) solid 1px;
}

#form-wrap h1 {text-align: center;}
#form-wrap h4 {
	font-weight:lighter;
	font-size:0.9em;
	text-align: center;
}
#form-wrap input {
	width:80%;
	height:30px;
	padding-left:5px;
	margin-bottom:10px;
	margin-left:10%;
	border-radius:2px;
	border-style:none;
	border: solid 1px #999;
}

#comment {
	width:80%; 
	height:200px;
	padding-left:5px;
	margin-left:10%;
	border-radius:2px;
	border-style:none;
	border: solid 1px #999;
}



#form-wrap .submit-btn {
	position: relative;
	display: block;
	text-align: center;
	appearance: none;
	outline: none;
	border-style:none;
	-webkit-appearance: none;
	width:30%;
	margin-left:35%;
	font-size:1em;
	margin-top:20px;
	padding:0;
	height:35px;
	border-radius:5px;
	color:#fff;
	background: #fa4f5b;
	cursor: pointer; 
	
}

#form-wrap .submit-btn:hover {
	color:#fff;
	background: #a7353d;
	transition: 0.3s;    
}


#thanks {display:none;}
#thanks h1 {font-size:1em;}
#thanks h2 {
	font-size:0.8em; 
	font-weight:lighter; 
	text-align: center;
	
}

#thanks img {
	width:26%;
	margin-top:30px;
	margin-left:37%;
	margin-bottom:10px;
}

/*コンタクトフォームここまで*/



/*　画面サイズが500pxからはここを読み込む　*/  
@media screen and (min-width:500px){ 
 
.br-sp {display: none;} 
	
#sisei01, #sisei02 {
	display: none;/*表示時はinline*/
	width:40%;
}
#sisei01 {margin-left:10%;}
	
#club-image01, #club-image02 {
	width:47%;
	height:190px;
	object-fit: cover;
	margin-left:5%;
	margin-bottom:10%;
}

#club-image01 {margin-left:0%;}

	
/*　画面サイズが700pxからはここを読み込む　*/ 	
@media screen and (min-width:700px) { 


#sisei01 {margin-left:10%;}
	
#club-image01, #club-image02 {
	width:260px;
	height:190px;
	object-fit: cover;
	margin-bottom:10px;
	padding:0;
}

#club-image01 {margin-left:0%;}

#conditions #tiryoin-QR {
	display: inline-block;
	width:45%;
	padding-top:5px;
	margin-left:2.5%;
		
}

#care-syozaiti #go-form {
	display:inline-block;
	transform: translate(0, -28%);
	margin-left:20px;
	width:45%;
	height:9.5vw;
	background:#fa4f5b;
	border-radius:10px;
	padding-top:0;
}

#care-syozaiti #go-form:hover {
	background:#a7353d;
}

#care-syozaiti #go-form .button-coment {
	text-align: center;
	font-size:3vw;
	color:#fff;
	padding:0;
	margin:0;
	line-height: 9.5vw;
}

#conditions i {margin-left:10px;}

    
/*　画面サイズが900pxからはここを読み込む　*/ 	
@media screen and (min-width:900px) {
	
	#article-kidsclub .style08 {
		font-size:1.5em;
		line-height:1.7em;
	}
	
	#article-jushindo, #article-kidsclub, #article-care, #article-senior, 
	#article-sapport, #article-aboutus {
		width:100%;
	}
	
	#article-jushindo h2, h3, #article-kidsclub h2, h3, #article-care h2, h3, 
	#article-senior h2, h3, #article-sapport h2, h3, #article-aboutus h2, h3 {
		font-size:1em;
		line-height:1.2em;
	}
	
	#article-jushindo .style01, #article-kidsclub .style01, #article-care .style01, 
	#article-senior .style01, #article-sapport .style01, #article-aboutus .style01 {
		font-size:1.7em;
		line-height:1.2em;
	}
	#colum, #article-jushindo #list {
		padding-left:10%;
		padding-right:10%;
	}
	
	
	
	#main-about #list li, #main-about li {
		font-size:1.2em;
		line-height:1.4em;
	}

	#gaiyou, #kyosan {
		font-size:1em;
	}

	#go-form .button-coment {
		font-size:3vw;
	}

	#conditions #tiryoin-QR {
	display: inline-block;
	width:45%;
	padding-top:5px;
	margin-left:2.5%;
		
}

#care-syozaiti #go-form {
	display:inline-block;
	transform: translate(0, -23%);
	margin-left:20px;
	width:45%;
	height:8.3vw;
	background:#fa4f5b;
	border-radius:10px;
	padding-top:0;
}

#care-syozaiti #go-form:hover {
	background:#a7353d;
}

#care-syozaiti #go-form .button-coment {
	text-align: center;
	font-size:3vw;
	color:#fff;
	padding:0;
	margin:0;
	line-height: 8.3vw;
}

#conditions i {margin-left:10px;}


}
	

    
/*　画面サイズが1070pxからはここを読み込む　*/ 	
@media screen and (min-width:1070px) {   

#article-title01, #article-title02, #article-title03, #article-title04, 
#article-title05, #article-title06, #article-title07, #article-title08, 
#article-title09 {
	padding-left:45px;
}

#article-img img {
	height:25vw;
	margin-bottom:0;
	padding-bottom:0;
	object-fit: cover;
	object-position: 25% 0;
}

#go-form .button-coment {
	text-align: center;
	font-size:2vw;
	color:#fff;
	padding:0;
	margin:0;
	line-height: 55px;
}

#conditions i {margin-left:10px;}


#conditions #tiryoin-QR {
	display: inline-block;
	width:45%;
	padding-top:5px;
	margin-left:2.5%;
		
}

#care-syozaiti #go-form {
	display:inline-block;
	transform: translate(0, -23%);
	margin-left:20px;
	width:45%;
	height:6vw;
	background:#fa4f5b;
	border-radius:10px;
	padding-top:0;
}

#care-syozaiti #go-form:hover {
	background:#a7353d;
}

#care-syozaiti #go-form .button-coment {
	text-align: center;
	font-size:2vw;
	color:#fff;
	padding:0;
	margin:0;
	line-height: 6vw;
}

#conditions i {margin-left:10px;}



/*article07ここから*/
#frame-wrap {
	height:100vh;
	margin-bottom:20px;
	border-bottom:solid 1px lightgray;
	padding-left:12%;
}

#article-news #iframe {
	padding:0;margin:0;
}


/*article07ここまで*/
	
/*　画面サイズが1500pxからはここを読み込む　*/ 	
@media screen and (min-width:1500px) { 

#article-title01, #article-title02, #article-title03, #article-title04, 
#article-title05, #article-title06, #article-title07, #article-title08, 
#article-title09 {
	padding-left:75px;
}

#article-kidsclub .style08 {
	font-size:1.5em;
	line-height:1.7em;
}

#article-jushindo, #article-kidsclub, #article-care, #article-senior, 
#article-sapport, #article-aboutus {
	width:100%;
}

#article-jushindo h2, h3, #article-kidsclub h2, h3, #article-care h2, h3, 
#article-senior h2, h3, #article-sapport h2, h3, #article-aboutus h2, h3 {
	font-size:1em;
	line-height:1.2em;
}

#article-jushindo .style01, #article-kidsclub .style01, #article-care .style01, 
#article-senior .style01, #article-sapport .style01, #article-aboutus .style01 {
	font-size:1.7em;
	line-height:1.2em;
}
#colum, #article-jushindo #list {
	padding-left:15%;
	padding-right:15%;
}



#list li, li {
	font-size:1.2em;
	line-height:1.4em;
}


#care-syozaiti #go-form {
	display:inline-block;
	transform: translate(0, -23%);
	margin-left:20px;
	width:45%;
	height:5vw;
	background:#fa4f5b;
	border-radius:10px;
	padding-top:0;
}
	
#care-syozaiti #go-form:hover {
	background:#a7353d;
}
	
#care-syozaiti #go-form .button-coment {
	text-align: center;
	font-size:2vw;
	color:#fff;
	padding:0;
	margin:0;
	line-height: 5vw;
}

#gaiyou, #kyosan {
	font-size:0.9em;
}

}

/*コンタクトフォーム*/

#form-wrap h3 {
	width:80%;
	margin-left:10%;
	font-weight:lighter;
	text-align: center;
}





#form-wrap {
	display:block;
	position:relative; margin-top:40px;
}

#form-wrap h1 {text-align: center;}
#form-wrap h4 {
	font-weight:lighter;
	font-size:0.9em;
	text-align: center;
}
#form-wrap input {
	width:60%;
	height:30px;
	padding-left:5px;
	margin-bottom:10px;
	margin-left:20%;
	border-radius:2px;
	border-style:none;
	border: solid 1px #999;
}

#comment {
	width:60%; 
	height:200px;
	padding-left:5px;
	margin-left:20%;
	border-radius:2px;
	border-style:none;
	border: solid 1px #999;
}



#form-wrap .submit-btn {
	position: relative;
	display: block;
	text-align: center;
	appearance: none;
	outline: none;
	border-style:none;
	-webkit-appearance: none;
	width:14%;
	margin-left:43%;
	font-size:1em;
	margin-top:20px;
	margin-bottom:50px;
	padding:0;
	height:35px;
	border-radius:5px;
	color:#fff;
	background: #fa4f5b;
	cursor: pointer; 
	
}

#form-wrap .submit-btn:hover {
	color:#fff;
	background: #a7353d;
	transition: 0.3s;    
}


#thanks {display:none;}
#thanks h1 {font-size:1em;}
#thanks h2 {
	font-size:0.8em; 
	font-weight:lighter; 
	text-align: center;
	
}

#thanks img {
	width:26%;
	margin-top:30px;
	margin-left:37%;
	margin-bottom:10px;
}

/*コンタクトフォームここまで*/