@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
html {
	font-family: "Kosugi Maru", "メイリオ", Meiryo, sans-serif;
	/* transform: rotate(0.03deg);         シャギーを防ぐ指定 */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.08em;
	color:#111;
	line-height:1.8em;
	text-align:justify;
 	text-justify:distribute;
}

body { background:#fbfee3; /*#FDFADD;*/ }

.wrapper { width:1024px; margin: 0 auto; }

.bg01 {
	background:url("../img/bg01.png");
    padding:20px 0;
}
.bg02 {
	background:rgba(255,216,3,0.6);
    padding:20px 0;
}

.bg03 {
	background:url("../img/bg03.png") repeat-x top left #d7e7ae;
    padding:60px 0 0 0;
}


/* -------------------------------------------------------------- 
header
-------------------------------------------------------------- */
header { border-top:5px solid #ffd803; }
header #logo { width:300px;	float:left; }
header #logo span a { display: block; font-size:0.8em; color:#111; }
header #logo img { margin-top:8px; }
header #hright { width: 724px; float:left; }
header nav { margin-top:15px; }
header nav ul li {
	width:120px;
	text-align: center;
	float:left;
	display:block;
	font-size:0.9em;
}
header nav ul li img { display: block; margin: 0 auto; }
header nav ul li a:link, header nav ul li a:visited, header nav ul li a:active {
	color:#272343/*#111*/;
    text-decoration: none;
    position: relative;
}
header nav ul li a .font { color:#ff8906; }
header nav ul li a:hover { opacity: 0.7 ; }
header nav ul li img:hover { opacity: 0.7 ; }
header nav ul li ul  { display: none; }
header .address { text-align: right; }
header .address .tel { font-size:1.4em; font-weight:500; color:#111; letter-spacing: 0.05em; }
header .address .access a { color:#111; text-decoration: none; cursor:pointer; }
.access { background: #ffd803/*#426F48*/; font-size:0.8em; letter-spacing: normal; padding:4px 10px 3px 10px; border-radius: 3px; }
.access a { color:#272343; }

/* 見出し
-----------------------------------------------------------------　*/
h1.h1style01 {
    text-align: center;
    color:#f33139;
    margin-bottom:30px;
    font-weight:700;
    font-size:1.5em;
    font-family: 'Kosugi Maru', sans-serif;
}
h2.h2style01 {
    padding:10px 0 30px 0;
	font-size:1.4em;
	color:#336600;
	margin:15px 0;
	font-weight:300;
	background: url("../img/bg_h2style01.png") no-repeat left bottom;
}
h2.h2style02 {
	text-align: center;
    padding:15px 0;
	font-size:2.0em;
	color:#468a27;
	margin-bottom:30px;
	font-weight:900;
	font-family: "Noto Sans Japanese";
	clear: both;
}
h2.h2style02 span {
    border-bottom:3px solid #468a27;
    padding-bottom:20px;
}

h2.h2style03 {
  border-bottom: solid 8px #4A7927;
  position: relative;
    margin:0 10px 20px 10px;
    font-size:1.2em;
	font-weight:900;
    color:#2E6009;
    padding:10px 0;
}

h2.h2style03:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 8px #51AA0F;
  bottom: -8px;
  width: 15%;
}
h2.h2style04 {
    border-bottom:5px solid #ffd803;
    padding:10px 0;
	font-size:1.4em;
	color:#ffd803;
	margin-bottom:15px;
	font-weight:300;
	font-family: "Noto Sans Japanese";
	clear: both;
}
h2.h2style04:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f1ea";
      margin-right: 10px;
}
h2.h2style05 {
    border-bottom:5px solid #ffd803;
    text-align: center;
    font-size:1.4em;
    font-weight:300;
    padding:10px 0;
    color:#ffd803;
    margin-top:10px;
}
h3.h3style01 {
  border-bottom: 1px dotted #73a365;
  position: relative;
    margin:10px 20px 20px 0;
    font-size:1.2em;
	font-weight:900;
    color:#69995c;
    padding:10px 0;
}

h3.h3style01:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f328";
      margin-right: 10px;
}
h3.h3style02 {
    background:url("../img/listmark09.png") no-repeat 2px 4px;
    padding:7px 15px 10px 35px;
    color:#458800;
    font-weight:900;
	margin:10px;
	font-size:1.2em;
}

h3.h3style03 {
    border-bottom: 3px solid #336600;
	margin:15px 0;
	padding:5px;
	background: #DCFFBA;
	color:#336600;
	font-weight:900;
}
h3.h3style03 span {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	background: #2b580c;
	display: inline-block;
	padding: 10px;
}

h4.h4style01 {
    background: url("../img/bg_h4style01.png") no-repeat top left;
    padding:10px 0 10px 30px;
    font-size:1.5em;
    color:#336600;
}

/*トップページ内「新着情報」
---------------------------------------------------------------------------*/
#new dl {
    margin:10px;
}
#new dt {
	padding:5px 0 15px 0;
}
#new dt:before {
  font-family: "Font Awesome 5 Free";
  content: '\f15c';
  font-weight: 900;
	padding-right:8px;
}

#new dd {
	padding:5px 0 15px 15px;
	line-height: 1.6em;
	margin-bottom:10px;
    border-bottom:1px solid #CCC;
}

#feed dl, #feed_topics dl {
    margin:10px;
}
#feed dl dt:before , #feed_topics dl dt:before {
	font-family: "Font Awesome 5 Free";
  	content: '\f15c';
  	font-weight: 900;
	padding-right:8px;
}
#feed dl dt , #feed_topics dl dt {	
	padding:5px 0 15px 0;
    clear: both;
}
#feed dl dd , #feed_topics dl dd { 
	border-bottom:1px solid #CCC;
	padding:5px 0 50px 15px;
	clear: both;
}
#feed dl dd img , #feed_topics dl dd img { width:150px; height:100px; object-fit: cover; float:left; padding:2px; border:1px solid #CCC; background: #FFFFFF; margin-right:10px; }
  

/* 見出し
--------------------------------------------------------------　*/
.interviewbox {
	float:left;
	width:50%;
    position: relative;
	margin-bottom:30px;
}
.interviewbox img {
	margin:0 10px;
	float:left;
}
.interviewbox img:hover {
    opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
.interviewbox img.nohover {
    opacity: 1.0;
    filter: alpha(opacity=100);
	-moz-opacity:1.0;
}
.interviewbox ul {
	float:left;
	margin-top:15px;
}

.interviewbox .profilebox1{
    position: absolute;
    width:560px;
	margin:0 10px;
    padding:10px;
    top:296px;
    background-color:#FEE6BF;
    z-index: 999999;
    border-top:5px solid #F99C03;
    border-bottom:1px solid #F99C03;
}
.interviewbox h2 img {
	margin-bottom:15px;
}

.interviewbox .profilebox2{
    position: absolute;
    width:560px;
	margin:0 10px;
    padding:10px;
    top:296px;
    background-color:#D8EFF4;
    z-index: 999999;
    border-top:5px solid #82cddd;
    border-bottom:1px solid #82cddd;
}
.interviewbox h3.event {
	background:#82cddd;
	color:#FFF;
	font-size:1.2em;
	font-weight:300;
	padding:10px;
	margin:0 10px;
	text-align: center;
}
.interviewbox .profilebox3 {
    position: absolute;
    width:560px;
	margin:0 10px;
    padding:10px;
    top:296px;
    background-color:#F3E3F0;
    z-index: 999999;
    border-top:5px solid #B465B4;
    border-bottom:1px solid #B465B4;
}
.interviewbox h3.shien {
	background:#C57DC3;
	color:#FFF;
	font-size:1.2em;
	font-weight:300;
	padding:10px;
	margin:0 10px;
	text-align: center;
}
.interviewbox .profilebox4 {
    position: absolute;
    width:560px;
	margin:0 10px;
    padding:10px;
    top:296px;
    background-color:#CDE9D0;
    z-index: 999999;
    border-top:5px solid #3E8030;
    border-bottom:1px solid #3E8030;
}
.interviewbox h3.entry {
	background:#73AB41;
	color:#FFF;
	font-size:1.2em;
	font-weight:300;
	padding:10px;
	margin:0 10px;
	text-align: center;
}
.interviewbox .profilebox1 p , .interviewbox .profilebox2 p, .interviewbox .profilebox3 p, .interviewbox .profilebox4 p {
	margin:10px 5px;
}
.interviewbox .profilebox1 p a, .interviewbox .profilebox2 p a, .interviewbox .profilebox3 p a, .interviewbox .profilebox4 p a {
	padding:8px;
	background: #272343;
	color:#FFF;
	text-align: center;
	border-radius: 5px;
	margin:0 8px;
}

.mokujibox {
	float:left;
	width:340px;
	margin:15px auto;
}
.mokujibox img {
    
}
.mokujibox img:hover {
    opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.mokujibox h3 {
	color:#336600;
	font-weight:800;
	text-align: center;
	margin:10px 0;
}

.mokujibox h3.month {
	background: url("../about/img/bg_month_spring.png") no-repeat top left;
	font-weight: 900;
	font-size:2.0em;
	color:#d3548c;
	height:45px;
	padding-top:20px;
}

/* パンくずリスト
---------------------------------------------------------------------------*/
#breadcrumb {
	background: url("../img/bg_breadcrumb.png")repeat-x left bottom;
}
#breadcrumb ul li {
	display: inline;
	background:url("../img/listmark05.png") no-repeat 0px 3px;
	padding:2px 0 0 20px;
	color:#336600;
	font-size:0.8em;
    padding-right: 5px;
}
#breadcrumb ul li.home {
	background:none;
    padding:2px 0;
}
#breadcrumb ul li a {
	color:#336600;
	text-decoration: none;
}
#breadcrumb ul li a:hover {
	color:#336600;
}

/* 見出し
--------------------------------------------------------------　*/
#midashi {
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 15.62%;
    background-image:  url("../philosophy/img/philosophy.png") ;
	background-position: 0 0;
	background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.philosophy #midashi { background-image: url("../philosophy/img/philosophy.png"); }
.about #midashi { background-image: url("../about/img/about.png"); }
.facility #midashi { background-image: url("../facility/img/facility.png"); }
.child-rearing #midashi { background-image: url("../child-rearing/img/child-rearing.png"); }
.applicant #midashi { background-image: url("../applicant/img/applicant.png"); }
.information #midashi { background-image: url("../information/img/information.png"); }
.blog #midashi { background-image: url("../blog/img/blog.png"); }
#midashi h1.h1style02 { 
    position: absolute; 
    color:#336600;
    font-size:2.5em;/*32px*/
    font-weight:900;
    top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:30px 80px;
    letter-spacing: 0.4em;
    background:rgba(255,255,255,0.75);
}

.submenubox {
    background: url("../img/bg_submenubox.png") repeat-x left bottom;
}
ul.submenu { margin-top:20px; }
ul.submenu li {
    width:180px;
    height: 21px;
    padding:15px 10px;
    color:#336600;
    background: url("../img/bg_submenu.png") no-repeat top left;
    float:left;
    font-size:20px;
    font-weight:300;
    text-align: center;
}
ul.submenu li.active { background: url("../img/bg_submenu_active.png") no-repeat top left; }
ul.submenu li a { color:#336600; }

/*------------------------------------------------------
　　　　　　　＊ よく寄せられる質問　＊
-------------------------------------------------------*/
dl.question{
     overflow: hidden;
     _zoom: 1;
}

dl.question dd,
dl.question dt{
     padding: 0 0 0px 20px;
}

dl.question dt{
     margin:10px 0 0 0;
	 color:#0F78E1;
	 font-weight:bold;
}

dl.question dd:first-letter,
dl.question dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:10px;
     font-family: 'Nunito', sans-serif;
}


dl.question dd{
     margin: 10px 0 -1px 2px;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}


dl.question dt:first-letter{
     color: #0F78E1;
}
dl.question dd:first-letter{
     color: #ff6767;
}

/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {
	text-align: right;
    padding-top:30px;
}

#page-top a:hover {
	text-decoration: none;	
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* -------------------------------------------------------------- 
footer
-------------------------------------------------------------- */
footer {
	background: url("../img/bg_footer.png") bottom left repeat-x;
	clear: both;
	padding-top:30px;
    border-top:3px solid #ffd803;
}
#flogo {
	/*margin-top:15px;*/
}

.fcon {
	background-color: #dfe8ff;
}

.footer_left { width: 270px; float: left; line-height: 1.5em; }
.footer_right { width: 754px; float: right; }　/*　width: 840px; float: right; padding-left:60px;　*/

.address {
	font-size:0.8em;
	margin-bottom:10px;
}
.address a {
    color:#111;
    cursor:text;
}
.address a:hover {
    text-decoration: none;
}
.copy { 
	font-size:0.8em;
	text-align:right;
	clear:both;
	width:100%;
	color:#111;
    margin-bottom: 150px;
}

footer .address .access a { color:#111; text-decoration: none; cursor:pointer; }

/* 給食室
------------------------------------------------------------------------- */
.mokuhyo {
  padding: 20px 0;
  text-align: center;
	font-weight: bold;
  font-size: 35px;
  color:#ffd803;
}

/* その他
--------------------------------------------------------------　*/
.pageback {
    border-bottom:2px solid #1C5B15;
    color:#1da1f3;
    font-size:0.85em;
    width:200px;
    margin:20px auto;
    text-align: center;
}
.pageback a { color:#1C5B15; }
.pageback a:hover { text-decoration:none; color:#ff4500; }
.pageback:hover { border-bottom:2px solid #ff4500; }
.nopc { display:none; }
.mapstyle { width:98%; height:450px; border:1px solid #CCC; margin:15px auto; padding:3px; }
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}