/*************切り替え***************/
.pc{ 
	display: none !important; 
}

.sp{
	display: block !important; 
}

.headerSubMenu {
	display: none !important;
}

/*************横幅レスポンシブ***************/

.layout-header .layout-header-inner {
    width: 100%;
}

.layout-breadcrumb, .layout-mainContent {
    width: 100%;
}

li.mod-topBannersList-item img {
    width: 100%;
}

.layout-footerMain {
    width: 100%;
}

/*************余白調整***************/
.caroufredsel_wrapper {
    width: 100%!important;
}

.layout-mainContent {
    padding: 0 10px;
    box-sizing: border-box;
}

/*************スライダー***************/
/*ul.js-homeSlides-wrapper.mod-homeSlidesList {
    width: 100%!important;
    inset: unset!important;
}

li.mod-homeSlidesList-item {
    width: 100%!important;
}

li.mod-homeSlidesList-item a {
    width: 100%!important;
    display: block;
}
*/
li.mod-homeSlidesList-item img {
    width: 100%!important;
    height: auto!important;
}






/*************事業所一覧***************/
figure {
    width: 100%;
    margin: 0px;
}

ul.mod-mainContentBanner-list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

li.mod-mainContentBanner-itemHome {
    width: 50%;
	padding: 5px;
	text-align: center;
	list-style-type: none;
    box-sizing: border-box;
}

li.mod-mainContentBanner-itemHome img {
    width: 100%;
}

li.mod-mainContentBanner-item img {
    width: 100%;
}

/*************ヘッダー***************/
.mod-headerMain {
	top: 0 !important;
    padding-bottom: 20px;
	padding-top: 20px;
}

.mod-headerMain-mainTitle-logo {
	top: 20px!important;
    left: 30px!important;
}

.mod-headerMain-mainTitle-text {
	margin: 0!important;
    padding-left: 30px!important;
}

.mod-headerSub {
    top: 40px;
	right: 20px;
}

.mod-headerMain-subTitle {
    font-size: 11px !important;
}

/*.mod-headerMain-mainTitle img {
    height: 100%;
}*/

img.mod-headerMain-mainTitle-text-sub{
    width: 225px!important;
    max-width: 300px!important;
    top: 0px;
}




ul.mod-headerSub-navList.cf {
    display: none;
}

ul.mod-headerSub-navList.cf a {
    font-size: 13px;
}


li.mod-headerSub-navList-item {
    padding: 0 0 10px 0!important;
}



.title-sign {
	font-size: 11px !important;
}

/*************メニュー***************/
.layout-navigation {
    margin: 20px 0 0;
}


ul.mod-globalNavList.js-dropDownMenu {
    display: block;
}



li.mod-globalNavList-item {
    width: 100%!important;
	height: 50px;
    display: block!important;
    border-bottom: 1px solid #ccc;
}

p.mod-footerMain-copy {
    float: none!important;
    text-align: center;
}

ul.mod-breadcrumbList {
    padding: 0 10px;
}

iframe {
    width: 100%;
}

.mod-mainContentBanner .mod-mainContentBanner-list .mod-mainContentBanner-item img {
    width: 100%;
    border-radius: 6px;
    border: 3px solid #f59149;
    box-sizing: border-box;
}





///***ハンバーガーメニュー***///

a#menu{
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 10px;
}

#menuBtn{
	display: block;
	position: absolute;
	top: -33px;
	right: 20px;
	width: 20px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #333;
	transition: .2s;
	z-index: 10;

}

#menuBtn:before, #menuBtn:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 2px;
	background: #333;
	transition: .3s;
}

#menuBtn:before{
	margin-top: -8px;
}

#menuBtn:after{
	margin-top: 6px;
}

a#menu .close{
	background: transparent;
	}

a#menu .close:before, a#menu .close:after{
	margin-top: 0;
}

a#menu .close:before{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

a#menu .close:after{
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}


.panel{
	width: 100%;
	display: none;
	overflow: hidden;
	position: relative;
	left: 0;
	top: -59px;
	padding-bottom: 20px;
	background: #fff;
	z-index: 1;
	height: 60vh;
}

#navi{
	position: absolute;
	top: 62px;
	right: 0;
	width: 100%;
	height:1%;
	text-align: right;
	z-index:1;
}

#navi ul{
	/*border-bottom: 1px solid #ccc;*/
	background: #fff;
	text-align: left;
}



#navi li a{
	position: relative;
	display:block;
	padding:0;
	color: #000;
	font-weight: 400;
	line-height: 45px;
}

#menu {
	width: 100%;
	height:1700PX;
    background-color: #333333;
}

#menu ul {
	width: 250px;
	margin: auto;
	background-color: #333333;
}

li.mod-globalNavList-item,
li.mod-globalNavList02{
    text-align: left!important;
    padding-left: 25px;
}

ul.mod-globalNavList02{
    margin-left: 150px;
    top: 0!important;
}

.responsiveMenuBtn {
    font-size: 16px;
    font-weight: bold;
    padding: 0.35em 0.5em;
    margin-bottom: 5px;
    text-decoration: none;
    color: #fff;
    transition: .4s;
}

.responsiveMenuBtn.red {
	background-color: #e73356;
}
.responsiveMenuBtn.red:hover {
	background: #ff8282;
}
.responsiveMenuBtn.gray {
	background-color: #8f8f8f;
}
.responsiveMenuBtn.gray:hover {
	background: #a8a5a6;
}

figure.dohogakuen-bg {
    background: #fbdae7;
}

figure.dohohoikuen-bg {
    background: #fdf1d3;
}

figure.nikoniko-bg {
    background: #fffdd9;
}

figure.sumiyoshidai-bg {
    background:#e9f9fa;
}

figure.hatatsuka-bg {
    background:#f1fad7;
}

figure.wakuwaku-bg {
    background: #fbdae7;
}

figure.ibukinishi-bg {
    background:#d8ecff;
}

figure.shinohara-bg {
    background:#f9e6fd;
}

figure.uzumoridai-bg {
    background:#dafbdd;
}

figure.tanpopo-bg {
    background:#e9f7c8;
}

figure.rokkomichi-bg {
    background:#f7c8c8;
}

figure.tanaka-bg {
    background:#e9f7d9;
}

figure.yahata-bg {
    background:#d5e4fa;
}

.mod-mainContentBanner-itemHome figcaption p{
    margin-bottom: 0px;
}

.mod-mainContentBanner-itemHome figcaption {
    top: -9px;
    position: relative;
}

/*
.menuClose {
/*	display:block!important;
    height: auto!important;
}

.menuClose2 {
	display:none!important;
    height: auto!important;
}
*/


 /*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100%;
  height     : 380px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 25s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
 
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 5s }
.slide img:nth-of-type(3) { animation-delay: 10s }
.slide img:nth-of-type(4) { animation-delay: 15s }
.slide img:nth-of-type(5) { animation-delay: 20s }
.slide img:nth-of-type(6) { animation-delay: 25s }
 
 /*=== スライドのアニメーション ========================= */

@keyframes slideAnime{
   0% { opacity: 0 }
   4% { opacity: 1 }
  16% { opacity: 1 }
  20% { opacity: 0 }
 100% { opacity: 0 }
}


@media screen and ( max-width:625px) {
	.mod-headerMain {
		padding: 20px;
	}

	.mod-headerMain-mainTitle-logo {
		left: 15px!important;
	}

	.mod-headerMain-mainTitle-logo img {
		width: 75px;
		height: 100%;
	}

	.mod-headerMain-mainTitle-text {
		padding-left: 20px!important;
		padding-bottom: 2px!important;
	}

	.mod-headerSub {
		/*display: none;*/
		top: 10px;
	}

	img.mod-headerMain-mainTitle-text-sub{
		width: 165px!important;
		top: 0;
		left: 105px;
	}

}

@media screen and ( max-width:635px){
	.mod-headerSub {
		display: none;
	}
	.headerSubMenu.sp {
		width: 100%;
		display: flex !important;
		text-align: center;
	}
	
	a.responsiveMenuBtn {
		display: block;
		width: 50%;
		padding: 7px;
		margin-bottom: 0px;
	}
}

@media screen and ( max-width:645px) {
    .volimg img {
        width: 100%;
    }
}

@media screen and ( max-width:757px) {
	.mod-headerMain-subTitle {
		display: none;
	}
}



@media screen and ( max-width:580px) {
	.mod-headerSub {
		display: none;
	}
}