@charset "utf-8";
/* Medium devices (tablets, 992px and up) */

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {


.philosophy {
	font-size:340%;
	color:#0b537c;
	font-weight:bold;
	margin:60px 0 30px 0;
}

.philo p {
	font-size:170%;
	padding:20px 50px;
	color:#000;
	font-weight:bold;
	line-height:1.8em;
	margin-bottom:100px;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}

.bg-kyo {
	background:url(images/bg-kyo.jpg) no-repeat;
  background-size:cover;
}

.no-pad {
	padding:0 !important;
}

.ser-ul {
	text-align:center;
}

.ser-ul li {
	display:inline-block;
	width:30%;
	margin:40px 0 40px 3%;
}

.time {
	font-size:120%;
	color:#777;
	margin:0 0 0.5em 0;
}

.news-link {
	font-size:130%;
	margin:0;
}

.sub-waku {
	padding: 4em 0 4em 0;
}	
}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 768px) {
	.inq-b {
		display:none;
	}

	.g-nav {
		display:none;
	}
	
	.no-padding {
		margin-top:15px;
	}
.sub-b li {
	float:left;
	width:49%;
	margin-bottom:2em;
}

.sub-b li:nth-child(odd){
	margin-right:2% !important;
}

.ser-ul li {
	width:95%;
	margin:0 auto 2em auto;
}

.time {
    font-size: 180%;
    color: #777;
    margin: 1em 0 0.5em 0;
}

.news-link {
	font-size:200%;
	margin:0;
}

.news-margin {
	border-top:1px dotted #ccc;
	margin:1em 0 2em 0;
}
}

/* 992以上 */

@media screen and (min-width: 768px) {
	.no-padding {
		padding-left:0;
	}

	.button-toggle {
	display:none;
}

.sub-b li {
	float:left;
	width:24%;
}

.sub-b li {
	margin-right:1.3%;
	padding:0 2em;
}

.sub-b li:last-child {
	margin-right:0 !important;
}

.news-space {
	width:32%;
	float:left;
	margin-top:3em;
	margin-bottom:3em;
}

.news-margin {
	margin-left:2%;
	height:15em;
	border-left:1px solid #ccc;
	padding:2em;
}

.news-rec {
	margin-left:none !important;
}
}


@media screen and (max-width: 550px) {
	.logo a img {
		width:80%;
	}

	.logo {
		text-align:left !important;
}
}

@media screen and (min-width: 980px) {
	#menu-g-nav li a {
		color:#fff;
		font-weight:bold;
		font-size:120%;
		padding:13px 0px;
		display:block;
		text-align:center;
}
.flow-box-right {
	width:65%;
	float:right;
	padding-right:2em;
}	
.left-pic {
	width:30%;
	float:left;
	display:block;
	margin-left:1em;
}
}

@media screen and (max-width: 979px) {
	#menu-g-nav li a {
		color:#fff;
		font-weight:bold;
		font-size:110%;
		padding:13px 0;
		display:block;
		text-align:center;
}	
.left-pic {
	width:100%;
	display:block;
}
.flow-box-right {
	padding:0 2em;
}
}

@media screen and (min-width: 600px) {
	.page-img {
		float:right;
		width:30%;
		max-width:312px;
		padding:3px;
		border:1px solid #ccc;
		}
	.page-img2 {
		float:right;
		width:30%;
		max-width:330px;
		}

	.txt-left {
		float:left;
		width:65%;
	
}

	.posting-ul {
		width:65%;
		float:left;
		border:2px solid #0b537c;
		padding:15px;
		margin-left:15px;
		margin-bottom:15px;
	}

	.posting-ul li {
		font-size:150%;
		color:#0b537c;
		font-weight:bold;
	}
}

@media screen and (max-width: 599px) {
	.page-img {
		display:block;
		width:95%;
		max-width:312px;
		padding:3px;
		border:1px solid #ccc;
		margin:10px auto;
}
	.page-img2 {
		display:block;
		width:95%;
		max-width:312px;
		margin:10px auto;
}
	.page-txt {
		width:95%;
		margin:0 auto;
}

	.posting-ul {
		width:95%;
		border:2px solid #0b537c;
		padding:15px;
		margin:15px auto;
	}
	.posting-ul li {
		font-size:110%;
		color:#0b537c;
		font-weight:bold;
		margin-bottom:7px;
	}
}

@media screen and (min-width: 768px) {
		.main-right {
			width:73%;
			float:right;
			margin:15px 0;
}
		.main-left {
			width:25%;
			float:left;
			margin:15px 0;
}
}

@media screen and (min-width: 481px) {
.mypattern .slick-slide:not(.slick-center) {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.2s linear;
}
}