@charset "utf-8";
/* CSS Document *//*2020/10現在のメディアクエリ*/

@media screen and (max-width : 1480px) {/*PC微調整*/
#navi ul.menu li {
	width: 16%;
}

.topic_right {
	width: 50%;
}
/*PC微調整*/
}
@media screen and (max-width : 1079px) {
	.wrap{
		padding-left: 15px;
		padding-right: 15px;
	}

}
@media screen and (min-width : 960px) {
#subimage .inner{
	width:860px;
}
}
@media screen and (max-width : 959px) {/*タブレット*/
#masthead .wrap_head {
	position: relative;
	width: 96%;
	display: block;
}
.site-branding-text {
	display: block;
	margin: 0 auto;
}
.top_nav {
	width: 100%;
	display: inline-block;
}
ul.head_upper {
	float: none;
	padding-top: 5px;
	margin-bottom: 0;
	text-align: center;
}
#navi ul.menu li a {
	padding: 5px 0 ;

}
.site-branding-text {
	width: 300px;

}
#navi ul.menu li {
	width: 19%;
}
#subimage .inner{
	margin: 0 auto;
	width:70%;
}

/*タブレット以下*/
}

@media screen and (min-width : 768px) {
	/*header固定*/
	


	
#masthead {
  background: white;
transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	padding-top: 10px;
	border-top:3px solid #ef6066;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
}	
	header {
	background: #fff;
	width: 100%;

}
	#navi ul.menu {
	*zoom: 1;
	list-style-type: none;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
}
#navi.fixed{
box-shadow: 0px 2px 4px #ddd;
	position: fixed;
	top:0;
	z-index: 9999;
	background-color: #fff;
}
#masthead.fixed .site-branding-text h1.site-title {
	width: 300px;
	margin-top: 8px;
}
#masthead.fixed ul.head_upper {
	margin-bottom: 0;
	padding-top:4px;
}
#masthead.fixed #navi ul.menu li a {
	margin: 0;
	padding-bottom:5px;
	padding-top:5px;
}
#masthead.fixed #navi ul.menu li ul li a {
	padding: 12px 15px;
}


.flex{
	display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
.foot_flex{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	}
.flex_st{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}
.flex_center{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	.flex.align_middle{
		align-items: center;
	}
	.box18{
	width:18%;
	}
	.flex_st li.box48{
		margin-right:4%;
		margin-bottom:40px;
	}
	.flex_st li.box48:nth-child(2n){
		margin-right:0;
	}
	.flex_center li{
		margin-left:2%;
		margin-right: 2%;
	}
.box23{
		width:23%;
	}
.box30{
		width:30%;
	}
.box48{
		width:48%;
	}
.box45{
		width:45%;
	}
.box55{
		width:55%;
	}
.box65{
		width:65%;
	}
.box75{
		width:75%;
	}
.topic_left{
		width:22%;

	}
.topic_right{
		width:75%;
	}
	
.foot_left{
		width:33%;
		text-align: left;
	}
.foot_right{
		width:65%;
	}
.voice01-1{
	width:27%;
	text-align: center;
	}	
.voice01-2{
	width:70%;	
	}
.voice02-1{
	width:60%;	
	}
.voice02-2{
	width:36%;
	text-align: center;
	}
/*fixedメニューのずれ*/
.anchor_link {
padding-top: 130px ;
margin-top: -130px;

}
.flex_item li{
	width:30%;
	margin-right: 5%;
}
.flex_item li:nth-child(3n) {
	margin-right: 0;
}
/*submenu*/
.page_menu{
	padding: 20px 0;
	background:#f47d86;
}
#jidokan.page_menu{
	padding: 20px 0;
	background:#13ac67;
}
.page_menu ul{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.page_menu ul li {
	text-align: center;
}
.page_menu ul li a{
	padding: 0 15px;
    color: #fff !important;
    display: inline-block;
    text-decoration: none !important;
	position: relative;
	border-radius: 30px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s;
	text-align: center;

}
.page_menu ul li a:hover{
	color: #fff !important;
	text-decoration: underline;
	}
	.page_menu ul li + li{
		border-left: 1px solid #fff;
	}
/*タブレット以上調整*/
}
@media screen and (max-width : 767px) {/*スマホ　以下をモバイルと認定*/
	
		
	.topvan,
	.topvan img{
		clear: both;
		width: 100%;
		height: auto;
	}
	
	.s_topvan{
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 100%;
	height: auto;
}
	
.pc_non,
.smart_non,
.ps{
	display: none;
}
.sp{
	display: inline-block;
}
.ps_con{
	display: none;
}
.sp_con{
	display: block;
}
.head_flex{
	display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}	
	
	.foot_ba_flex .box48{
		width:48%;
	
	}
.foot_flex .tel {
	font-size: 22px;
	font-weight: bold;
	font-family: "Arial Black", Gadget, "sans-serif";
}
	.foot_flex .tel span {
	font-size: 22px;
}

#subimage .inner{

	padding:20px;
}
#content {
	margin: 0 auto;
	widows: 100%;
}
#primary, #secondary {
	float: none;
	overflow: hidden;
	width: 100%;
}
.viewer img {
	width:100%;
	height: 500px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: bottom;';/*IE対策　JSもセット*/
}
	.about_slide{
		text-align: center;
		margin: 30px auto 0 auto;
		width:100%;
	}
	
.top_nav {
	width: 100%;
	display: block;
}
ul.head_upper{
	float: none;
	display: block;
	margin: 5px auto;
	text-align: center;
	line-height: 1.2;
	}
ul.head_upper li{
	text-align: center;
	}
ul.head_upper li.ps {
	display: none;
}
	span.eigyo_time{
		display: block;
	}

.topic_right{
	width:96%;
	display: block;
	}


ul.head_upper li + li {
	border-left: none;
}
#column {
	margin: 10px auto;
	width: 90%;
}
.bn_send{
		padding: 1em 2em;
	}
.formInner input[type="file"], .formInner input[type="text"], select, .formInner input[type="email"], textarea {
	width: 96%;
	cursor: pointer;
}

.foot_flex{
		text-align: center;
	}
.foot_right{
		margin-top: 30px;
	}
.page_menu ul {
	display: block;
}
.page_menu ul li {
	text-align: left;
}

.wrap_gray{
		padding:30px 0;
	}
#foot_upper {
	padding: 30px 0;
}

.flex_item li{
	width:48%;
	margin-right: 4%;
}
.flex_item li:nth-child(2n) {
	margin-right: 0;
}
	#content table{
		width:94%;
		margin: 20px auto;
	}
	#content table th{
		display: block;
		width:100%;
	}
	#content table td{
	
		display: block;}
.page_menu{
		padding:20px;
	}
.page_menu ul{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	}
.page_menu ul li a{
	border: none;
	color:#f47d86;
	padding:10px 0;
	transition: 0.5s;
	display: block;
	}
.page_menu ul li a:hover{
	color:#fff !important;	
	background:#f47d86; 
	text-decoration: none;
	}
.page_menu ul li{
	text-align: center;
	display: block;
	width:46%;
	margin: 10px 1%;
	border-radius: 10px;
	border:1px solid #f47d86;
	}
	.flex_center li{
		margin-bottom: 10px;
	}
#content table.table-x th, #content table.table-round thead th, #content table.table-round tbody th {
	width: 100%;
}

/*スマホ*/
}

@media screen and (max-width : 640px) {
	.bg-news{
	background: url("image/s_news_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-aizenbashi, .bg-news-aizen{
	background: url("image/s_aizenbashi_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-wakakusa, .bg-news-wakakusa{
	background: url("image/s_wakakusa_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-daikoku, .bg-news-daikoku{
	background: url("image/s_daikoku_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-nanko, .bg-news-nanko{
	background: url("image/s_nanko_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-aizenjido{
	background: url("image/s_aizenjido_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-imaike, .bg-news-imaike{
	background: url("image/s_imaike_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-nishinari, .bg-schedule, .bg-news-nishinari, .bg-honobono, .bg-airin-news, .bg-nishi_event{
	background: url("image/s_nishinari_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-recruit, .bg-requirements{
	background: url("image/s_recruit_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-info{
	background: url("image/s_info_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-about{
	background: url("image/s_about_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-boshu{
	background: url("image/s_boshu_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-contact{
	background: url("image/s_contact_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
.bg-sitemap{
	background: url("image/s_sitemap_topimg.jpg") no-repeat;
	padding-top: 46.875%;
}
	
	/* パンくずリスト */
.bread ul{
    list-style: none;
	text-align: center;
  }
 .bread li{
    display: inline;
  }
.bread li a{
    color: inherit;
    text-decoration: none;
  }
.bread li + li:before{
    content: ">";
    margin:.5em;
  }

}

@media screen and (max-width : 480px) {/*スマホ微調整*/
	
	
.top_flex .box {
	width: 80%;
}
#subimage {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}	
	
#subimage .inner p {
	font-size: 22px;
}

.set_btn .box48 {
	margin-bottom:40px;
}

.wrap_2color{
		padding: 30px 0;
	}
#footer-widget-area .widget-area {
	float: none;
	margin:0 auto;
	width: 96%;
}

.wrap_white {
	padding: 40px 0;
}
.text_lead {
	padding-bottom: 10px;
}
h3.title {
	font-size: 20px;
	padding: 15px;
}
h3.green {
	margin-bottom: 20px;
}
#footer-widget-area .widget-area#third {
	margin-left: 2%;
	width: 96%;
}
	.round_box h3 {
	font-size: 22px;
}
.btn03 {
	padding: 8px 30px;
	min-width: 280px;
}
.site-branding-text {
	display: block;
	margin: 20px auto 0 auto;
	width: 70%;
}
.wrap_2color .wrap h2 {
font-size: 22px;
}
ul.head_upper {
	float: none;
	display: block;
	margin: 0px auto 20px auto;
	text-align: center;
	line-height: 1.2;
}
	.descript{
		display: none;
	}
	dl.table_lead h2.title, dl.table_lead h2.green{
		font-size:18px;
	}

.sp_60{
		width:60%;
	}
.topic_left{
	margin-right: auto;
	margin-left: auto;
	width:40%;

	}
.lead_title{
		font-size:26px;
	}
img.align_right, img.align_left {
	float: none;
	margin: 10px auto;
	text-align: center;
	display: block;
}
.rec_time {
	display: block;
	margin: 10px auto;
}
.pink_title, span.pink_title {
	display: block;
	text-align: center;
	margin-left: 0;
}
	.fukuri02 .pink_title{
		text-align: left;
	}
.btn01 {
	padding: 10px 1.5em;

}

/*スマホ微調整*/
}