﻿
@media (min-width: 768px){
	 #main-visual {
    height: calc(85vh - 150px);
    max-height: 650px;
	 }
  .lead {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 1em;
    position: absolute;
    top: 600px;
    color: #000;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 150px;
    background: #ffffffc4;
    align-items: center;
  }


}

#page-header {
  background-color: #ffffffc4;
}


section h2:first-letter {
  font-size:2em;
}

#kids-shibata section h2:first-letter {  color:#ed8d9a;}
#niji section h2:first-letter {  color:#89272d;}
#subaru section h2:first-letter {  color:#049dcb;}
#kurokawa section h2:first-letter {  color:#8cc456;}
#shiunji section h2:first-letter {  color:#12ab3e;}
#kids-tainai section h2:first-letter {  color:#e94c4f;}
#kids-tsuiji section h2:first-letter {  color:#EEB50C;}
#yuu section h2:first-letter {  color:#e52e8a;}
#ryo-1 section h2,#koufuu section h2:first-letter {  color:#6c6c6c;}

#sect-katsudo .container ul li {
  margin-bottom: 1em;
  position: relative;
}

#sect-katsudo .container ul li h4 {
  font-size: 1.21rem;
  text-align: center;
  position: absolute;
  top: -3px;
  
  width: 170px;
  border-radius: 26px;
  padding: 3px;
  color: #fff;
  transform: rotate(-15grad);
  left: -8px;
  line-height: 2em;
}

#kids-shibata #sect-katsudo .container ul li h4 {background-color: #ed8d9a;}
#niji #sect-katsudo .container ul li h4 {background-color: #89272d;}
#subaru #sect-katsudo .container ul li h4 {background-color: #049dcb;}
#kurokawa #sect-katsudo .container ul li h4 {background-color: #8cc456;}
#shiunji #sect-katsudo .container ul li h4 {background-color: #12ab3e;}
#kids-tainai #sect-katsudo .container ul li h4 {background-color: #e94c4f;}
#kids-tsuiji #sect-katsudo .container ul li h4 {background-color: #EEB50C;}
#yuu #sect-katsudo .container ul li h4 {background-color: #e52e8a;}
#ryo-1 #sect-katsudo .container ul li h4,#koufuu #sect-katsudo .container ul li h4 {background-color: #e3c18e;}

#sect-katsudo .container ul li:nth-child(odd) {
  background-color:#cornsilk;
}

header h2 {
	text-align: center;
	padding: 5px;
}
header h2 img {
	width: auto;
	max-width: 400px;
	max-height: 90px;
}

#nanaho header h2,#jigyousho header h2,#rinen header h2,#joho header h2,#recruit header h2,#contact header h2 {
	display: none;
}
#page-header {
  padding: 0;
}
body:not(#nanaho) :not(#page-header) .container {
  max-width: 1200px;
}
  #nanaho #main-visual {
    display: none;
  }

#recruit em {
  font-style: italic;
  font-size: 1.2em;
  display: block;
  border-bottom: 2px dotted #138c31;
  padding-bottom: 10px;
}

#recruit em::first-letter {
font-size: 1.8em;
  color: #fff;
  display: block;
  background: #138c31;
  border-radius: 5px;
  width: 20px;
  padding: 0 5px 0 0;
}


#recruit .content-recruit .answer {
  line-height: 1.8em;
  font-size: 1.1em;
  padding: 10px 0px 0 50px;
  display: block;
  text-indent: -48px;
}
#recruit .content-recruit .answer::first-letter {
font-size: 1.8em;
  color: #fff;
  background: #910707;
  border-radius: 5px;
  width: 20px;
  padding: 0 2px 0 3px;
  font-weight: bold;
}

#recruit .content-recruit .answer2{
  margin-left: 50px;
}


/*====================================================================
slick
====================================================================*/


.sliderArea {
  max-width: 100%;
  margin: 0 auto;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
}
.slick-slide img {
  width: 100%!important;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}



/*====================================================================
.full-screen
====================================================================*/


.full-screen.slider {
  margin: 0 auto;
}



 .slick-slide p{
  position: absolute;
  top: 50%;
  display: flex;
  width: 100%;
  transform: translate(0, -50%);
  justify-content: center;
  font-size: 3em;
  color: #FFF;
  text-shadow: 3px 3px 2px grey, -2px -2px 2px grey;
}
/*事務所横並び*/
#jigyousho #data-jigyousho .container .ichiran-jigyousho {
  max-width: 1100px;
}
#jigyousho #data-jigyousho .container .ichiran-jigyousho ul li {
  width: 49%;
}

/*情報公開*/
body:not(#nanaho) #sect-mieruka table th, 
body:not(#nanaho) #sect-day table th, 
body:not(#nanaho) #sect-shienB table th,
body:not(#nanaho) #sect-nyusatsu table th {
  background-color: #e8dbc8;
}

body:not(#nanaho) #sect-mieruka table td, 
body:not(#nanaho) #sect-day table td, 
body:not(#nanaho) #sect-shienB table td,
body:not(#nanaho) #sect-nyusatsu table td {
  background-color: #f2f2f2;
}

body:not(#nanaho) #sect-mieruka table th, 
body:not(#nanaho) #sect-mieruka  table td,
body:not(#nanaho) #sect-day table th, 
body:not(#nanaho) #sect-day  table td, 
body:not(#nanaho) #sect-shienB  table th, 
body:not(#nanaho) #sect-shienB  table td, 
body:not(#nanaho) #sect-nyusatsu table th, 
body:not(#nanaho) #sect-nyusatsu table td {
  padding: .5em 1em;
  text-align: center;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}



#joho section,section#contact-home {
  position: relative;
}
.anchor-offset {
  position: absolute;
  height: 100px;
  top: -100px;
  visibility: hidden;
}


/*新着情報カテゴリ*/
.post-list li span.category.news {
  background-color: #c9a67d;
}


.slick-prev {
  left: 15px;
}

.slick-next {
  right: 15px;
}
.slick-prev::before, .slick-next::before {
  color: #fff;
  font-size:25px;
}


@media screen and (max-width: 799px) {

	 .slick-slide p{
	  font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	line-height: normal;
	}

	#jigyousho #data-jigyousho .container .ichiran-jigyousho ul li {
	  width: 100%;
	}
	.lead {
	  text-align: center;
	}
	#page-header {
	  padding: 0!important;
	}

}





.link_button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	max-width: 600px;
    margin: 0 auto;
    padding: .9em 2em;
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #2589d0;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1.5em;
	margin-bottom: 20px;
	text-decoration: none;
}
.link_button a:hover {
	background: #fff;
	color: #2589d0;
}
#recruit table {
  width: 100%!important;
  border-collapse: collapse;
  font-size: 1.1em;
  margin-bottom: 30px;
}

#recruit table th {
  width: 150px!important;
  border-bottom: 2px dotted #bdbdbd;
  padding: 10px;
  height: auto !important;
}
#recruit table td {
  width: auto!important;
  padding: 10px;
  border-bottom: 2px dotted #bdbdbd;
  height: auto !important;
}
section#headline-info {
  clear: both;
}

.single p {
 font-size: 1.2em;
}

.single img {
  padding: 10px;
  border: 1px solid #ccc;
  margin: 10px 20px;
  border-radius: 5px;
  box-shadow: 5px 5px #ececec;
}

.recruit1 a {
  display: block;
  padding: 20px;
  font-size: 1.5em;
  text-align: center;
  border: 3px outset #0093cc;
  background: #fff;
  margin: 10px auto;
  border-radius: 5px;
  font-weight: bold;
  letter-spacing: .2em;
  max-width: 900px;
  box-shadow: 5px 5px #006288;
}
.single figure {
  display: inline-block!important;
  width: auto!important;
}


.single .wp-caption-text {
  text-align: center;
}

#page-header h1 a img {
    width: auto;
    max-height: 56px!important;
  }


@media screen and (max-width: 599px) {
	#recruit .content-recruit .answer {
	  line-height: 1.5em;
	  font-size: 1.1em;
	  padding: 10px;
	  display: block;
	  text-indent: 0px;
	}

	#recruit .content-recruit .answer2{
	  margin-left: 0px;
	}


	#recruit table td {
	  width: auto !important;
	  border-bottom: none;
	  display: block;
	}
	#recruit table th {
	  width: 100% !important;
	  border-bottom: none;
	  padding: 10px 5px 5px;
	  height: auto !important;
	  display: block;
	  background: #f4e3c3;
	  border-top: 1px solid #ccc;
	}

	header h2 img {
	  max-width: 320px;
	}
	#niji header h2 img {
	  max-height: 54px;
	}
	.lead .spnone {
	  display: none;
	}

	#main-visual {
	  height: 350px;
	}


}



/*スマホ電話*/
div.smpfix {
position: fixed;
bottom: 0;
max-width: 100%;
}

#niji div.smpfix {background: #89272d;}
#subaru div.smpfix {background: #049dcb;}
#kurokawa div.smpfix {background: #8cc456;}
#shiunji div.smpfix {background: #12ab3e;}
#kids-tainai div.smpfix {background:#e94c4f;}
#kids-tsuiji div.smpfix {background:#EEB50C;}
#kids-shibata div.smpfix {background: #ed8d9a;}
#yuu div.smpfix {background: #e52e8a;}
#ryo-1 div.smpfix,#koufuu div.smpfix {background: #e3c18e;}
#nanaho div.smpfix,#joho div.smpfix,#contact div.smpfix,#recruit div.smpfix,#rinen div.smpfix {background: #6C2300;}

.col-6{
  text-align: center;
}
.col-6:first-child {
  border-right: 1px solid #fff;
}
.col-6 img{
  width: 40px;
  height: auto;
}
.col-6 a{
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*スマホよりも大きい端末で閲覧中は非表示*/
@media screen and (min-width:769px) {
div.smpfix {
display:none;
}
}

#btn_to_top {
  bottom: 50px!important;
}
