@charset "UTF-8";
/* コンテンツ */
.spnone{display: block;}
.sponly{display: none;}
.overimg:hover{opacity: 0.5;}
.mt10{margin-top: 1%;}
.mt30{margin-top: 3%;}
.mt50{margin-top: 5%;}
.mt70{margin-top: 7%;}
.mt100{margin-top: 10%;}
.mb10{margin-bottom: 1%;}
.mb30{margin-bottom: 3%;}
.mb50{margin-bottom: 5%;}
.mb70{margin-bottom: 7%;}
.mb100{margin-bottom: 10%;}
.pt10{padding-top: 1%;}
.pt30{padding-top: 3%;}
.pt50{padding-top: 5%;}
.pt70{padding-top: 7%;}
.pt100{padding-top: 10%;}
.pb10{padding-bottom: 1%;}
.pb30{padding-bottom: 3%;}
.pb50{padding-bottom: 5%;}
.pb70{padding-bottom: 7%;}
.pb100{padding-bottom: 10%;}
.contents{width: 1000px;margin: 0 auto;text-align: left;}
.w90per-100per{width: 90%;margin: 0 auto;}

.page_tri_bg{background-image: url("../img/page_comon/page_triangle_01.svg");background-repeat: no-repeat;background-size: 40%;padding-top: 3%;background-position: top left;}
.page_ttl{color:#ffffff;font-size: 1.6em;letter-spacing: 0.2em;}
.en_ttl{color:#ffffff;font-size: 3.4em;font-weight: bold; font-family: Arial, Helvetica, "sans-serif";text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);}
.en_ttl_no{color:#ffffff;font-size: 3.4em;font-weight: bold; font-family: Arial, Helvetica, "sans-serif";}
.page_h3{font-size: 1.8em;}
.page_h4{font-size: 1.4em;}
.page_en_p{font-size: 1.4em;}
.koniro{color:#263976;}
.img100 img{width: 100%;height: auto;}

.bg_blue01{background-color: #dbe0ec;}
.contents_inner
{
  display: block;
  padding-top: 120px;
  margin-top: -120px;
}
.line_kon{border-top:solid 2px #263976; }

/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.flexbox ,.flexbox04 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
.page_menu_contents{width: 1000px;margin: 0 auto;}
.pagemenu_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	border-left: solid 2px #8fc31f;
	}

.flexbox::after{
  content:"";
  display: block;
  width:32%;
}

/* 親要素の疑似要素 */
.flexbox04::after {
    content: "";
    display:block;
    width:23%; /* 子要素と同じ幅 */
}
.flexbox04::before { 
    content: ""; 
    display:block; 
    width:23%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}
.box-item03 img,.box-item02 img,.box-item04 img{width: 100%;}

.box-item02{width: 46%;display: inline-block;margin:0% 0 2%;height: auto;}
.box-item03{width: 31%;display: inline-block;margin:1% 0 0;height: auto;}
.box-item04{width: 23%;display: inline-block;margin:1% 0 2%;height: auto;}

.bk-img {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/dummy.svg");
	float: none;
}

.text_box{padding: 2%;}
.text_box02{padding: 3%;}
.text_box_gallery{padding: 2% 0% 10%;}
.text_box_blog{padding: 2% 0% 5%;}
.bottom_btn{    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;}

.bottom_btn02{position: absolute;bottom:2%;right:4%;}
.event_name{font-size: 1.2em;font-weight: bold;display: block;float: left;}


/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 560px) {
	
.spnone{display: none;}
.sponly{display: block;}
.page_h3{font-size: 1.4em;}
.w90per-100per{width: 100%;margin: 0 auto;}
.contents{width: 90%;margin: 0 auto;}
/* ;;;;;;;; フレックスボックス;;;;;;;;;;;;;;;;;;;;;; */
.box-item02{width: 100%;display: inline-block;margin:0% 0 2%;height: auto;}
.box-item03 img{width: 100%;}
.box-item03,.box-item03_voice,.box-item03_event{width: 48%;display: inline-block;margin:1% 0 2%;height: auto;}
.box-item04_staff{width: 48%;display: inline-block;margin:1% 0 5%;height: auto;}
.box-item04{width: 48%;display: inline-block;margin:1% 0 2%;height: auto;background-color: #ffffff;padding: 0% 0 5%;}
.bk-img {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/dummy.svg");
	float: none;
}
.page_ttl{font-size: 1.4em;letter-spacing: 0.2em;}
.en_ttl{font-size: 2.8em;}
.en_ttl_no{font-size: 2.8em;}
}