@charset "UTF-8";

/**********************************
共通
**********************************/
html{ }

*{
	box-sizing:border-box;
}

body {
  padding-bottom: 6rem;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

.onlySp{
	display:block;
}

.onlyPc{
	display:none;
}

div.inner {
  width: auto;
  margin: 0 auto;
  background-color: rgb(255 255 255 / 80%);
  padding: 35px 0px;
  margin-bottom: 50px;
}

.news_area iframe,.movie_area video{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:10px solid #ffe6f7;
}

.notes_area .update { float:right; margin:1rem 0; }

.movie_inn{

    width:90%;
    margin: 0 auto;

}

.movie_area iframe,.movie_area video{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:10px solid #ffe6f7;
}



.youtube_box{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin: 0 auto;
}

.column640{width:90%;margin:0 auto;}
.column480{width:90%;margin:0 auto;}

.ttl{

	padding:1.4rem 2rem;
	background:url("../img/ttl_bg.png") repeat-x;
  background-size: contain;
	font-size:2rem;
  line-height: 2.4rem;
	color:#FFFFFF;

}


.ttl_inn:after {
   content: "";
    position: absolute;
    right: 0;
    bottom: -46px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #d41195 transparent transparent transparent;
    border-width: 30px 20px 0 20px;
    padding-top: 1%;
}

.ttl_inn{
	position: relative;
	padding-left:3rem;
	font-weight:700;
}

.ttl_inn:before{
	content:"";
	position: absolute;
	top: 0;
	left: -0.25rem;	
	background:url("../img/ttl_icon.png") no-repeat;
	background-position:left center;
	background-size: contain;
	width:3rem;
	height:2rem;
	margin-right:0.5rem;
	vertical-align:middle;
}

.cont_inn{
	background:#ffffff;
	border-radius:10px;
  margin: 0 10px;
	padding:10px;
}

.blk{
	margin-bottom:4rem;
}

.list_disc {
  margin-top: 1rem;
  padding-left: 2rem;
}
.list_disc li {
  list-style: disc;
  margin-top: 0.8rem;
  font-size: 1.4rem;
}


/**********************************
コンテンツ部分
**********************************/
.contents{
	background:url("../img/contents_bg.png") repeat;
}

.common_head{
	display:none;
}

/**********************************
メインビジュアル部分
**********************************/
.mv_area{
	background:url("../img/main_areabg.png") no-repeat;
	background-size:cover;
	background-position:center top;
	position:relative;
	margin:0 auto 2rem;
	padding-bottom:2rem;
}

.mv_main{
	text-align:center;
	padding:3rem 0 10rem;
	position:relative;
	overflow:hidden;
}

.main_visual{
	max-width:120%;
	margin: 0 -10%;
}

.mv_txt{
	position:absolute;
	top:0;
	width:96%;
	text-align:center;
	left:0px;
	right:0px;
	margin:0 auto;
}

.mv_logo{
	width:50%;
	position:absolute;
	left:1rem;
	bottom:0.5rem;
}

.totopArea{
	width:20%;
	position:absolute;
	right:2rem;
	bottom:2rem;
}



/**********************************
スケジュール部分
**********************************/
.schedule_area{
	margin-bottom:4rem;
}

.schedule_area .lead {
	float:left;
	margin:0.8rem 0;
	color: #e8446b;
	font-weight: bold;
}
.schedule_area .update { float:right; margin:1rem 0; }

.schedule_area table{
	font-size:1.4rem;
	/*border:1px solid #ef5e9b;*/
	width:100%;
}

.schedule_area thead{
	display:none;
}

.schedule_area tr{
	border:1px solid #db8d21;
	display:block;
	margin-bottom:2rem;
}

.schedule_area td{
/*	padding:2rem;*/
/*	text-align:right;*/
	display:table;
	border-bottom:1px dotted #fabe00;
	width:100%;
	text-align:left;
}

.schedule_area td:last-child{
	border-bottom:none;
}

table td:before {
  content: attr(aria-label);
/*    float: left;*/
/*	margin-right:5rem;*/
	font-weight:bold;
	width:6rem;
/*	height:6rem;*/
	color:#5e4b3e;
	background-color:#fdf79b;
	display:table-cell;
	padding:1rem;
}

.schedule_area td p{
	display:table-cell;
/*	width:100%;*/
	padding:1rem;
}

.schedule_area td a{
  color: #01a395;
}






/**********************************
お知らせ部分
**********************************/
.topics_ttl{
	font-size:4rem;
	color:#e9486f;
	margin-bottom:1rem;
	text-align:center;
	line-height:1.4;
}

.detail{
	font-size:1.8rem;
	text-align:center;
	line-height:1.4;
}

/**********************************
ページトップへ戻るボタンエリア
**********************************/
#page-top{
	position:fixed;
	right:1rem;
	bottom:12%;
	z-index:100;
}

#page-top img{
	width:6rem;
}

#page-top a{
	display:block;
	height:100%;
	width:100%;
}

/**********************************
フッター
**********************************/
footer{
	background:url("../img/sp_footer_bg.png") no-repeat;
	background-size:cover;
	background-position:center bottom;
}

.footer_inn{
	padding-top:26.6%;
	position:relative;
}

footer p{
	text-align:center;
	position:absolute;
	bottom:11%;
	color:#ffffff;
	width:100%;
}

.title_logolist {
  width:90%;
	margin: 4rem auto 0;
}
ul.title_logolist {
  list-style: none;
  padding: 0;
}
ul.title_logolist li {
  display: inline-block;
  width: 48%;
  margin-top: 2rem;
}


.banner_area{
	width:90%;
	margin: 4rem auto 1rem;
}

.banner_area img{
	border-radius:15px;
	border:3px #e85779 solid;
}






/**********************************************************************
モニターの大きさ（PC表示）　768px～
**********************************************************************/
@media screen and (min-width:768px){

/**********************************
共通
**********************************/
body {
  padding-bottom: 0;
}

.onlySp{
	display:none;
}

.onlyPc{
	display:block;
}

.wrapper{
	overflow:hidden;
}

div.inner {
    width: auto;
    margin: 0 auto;
    padding: 50px 0px;
    margin-bottom: 50px;
}


.ttl{
    font-size: 3rem;
    line-height: 3.6rem;
    width: auto;
    padding: 20px 30px;
}

.ttl_inn:after {
    bottom: -58px;
}

.ttl_inn{
    max-width: 900px;
    margin: 0 auto;
    padding-left: 4rem;
    font-weight:700;
}

.ttl_inn:before{
	background-position:left 0rem;
	width:4rem;
	height:3rem;
}


.cont_inn {
  width: 950px;
  margin: 0 auto;
  padding: 25px;
}

.cont_back02{background-color:#ffedf9 !important;}

.column640{width:640px;margin:0 auto;}
.column480{width:480px;margin:0 auto;}

.blk{
	margin-bottom:5rem;
}

.common_head{
	display:block;
}

/**********************************
メインビジュアル部分
**********************************/
.mv_area{
	margin:0 auto 4rem;
}

.main_visual{
   width: 80% !important;
}

.mv_txt{
    top: 1rem;
    width: 70%;
    margin: 3px auto 0 13%;
}

.mv_txt img {
    width: 100%;
    vertical-align: middle;
    border: 0;
}

.mv_main{
  width: 100rem !important;
  margin: 0 auto;
  padding: 0;
  position: relative;
  padding-top: 6rem;
}

.mv_logo{
	left:-2rem;
}

.totopArea{
	/*
	right:2.5rem;
	bottom:11rem;
	*/
}

.topics_inn{

    width: 640px;
    margin: 0 auto;

}



/**********************************
動画部分
**********************************/


.movie_inn{

    width: 800px;
    margin: 0 auto;

}

.movie_area iframe,.movie_area video{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:10px solid #ffe6f7;
}



.youtube_box{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin: 0 auto;
}
/**********************************
スケジュール部分
**********************************/
.schedule_area table{
	font-size:1.6rem;
	border:3px solid #fabe00;
	width:100%;
}

.schedule_area thead{
	color:#5e4b3e;
	background-color:#fdf79b;
	display:block;
}

.schedule_area tr{
	border:none;
	display:table;
	margin-bottom:0;
	border-bottom:3px solid #fabe00;
	width:100%;
}

.schedule_area tr:last-child{
	border-bottom:none;
}

.schedule_area td{
	padding:1.2rem 0.5rem;
	text-align:center;
}

.schedule_area td{
	padding:1.2rem 0.5rem;
	text-align:center;
	line-height:1.4;
	display:table-cell;
	border-bottom:none;
}

table td:before {
	display:none;
}

.schedule_area td p{
	padding:0;
	display:inline;
}

.schedule_area td:nth-of-type(1){ width:10%; }
.schedule_area td:nth-of-type(2){ width:16%; }
.schedule_area td:nth-of-type(3){ width:auto; }
.schedule_area td:nth-of-type(4){ width:36%; }

/*
.schedule_area td:nth-of-type(1){ width:10%; }
.schedule_area td:nth-of-type(2){ width:14%; }
.schedule_area td:nth-of-type(3){ width:15%; }
.schedule_area td:nth-of-type(4){ width:auto; }
.schedule_area td:nth-of-type(5){ width:26%; }
.schedule_area td:nth-of-type(6){ width:12%; }
*/



/**********************************
タイトルロゴリストエリア
**********************************/

.title_logolist {
	width:320px;
	margin: 40px auto 0;
}
ul.title_logolist {
  width: auto;
  text-align: center;
}
ul.title_logolist li {
  display: inline-block;
	max-width: 240px;
  margin: 0 1rem;
}



/**********************************
バナーエリア
**********************************/

.banner_area {
	width:466px;
	margin: 40px auto 0;

}

.banner_area img{
	border-radius:15px;
	border:3px #e85779 solid;
}


/**********************************
お知らせ部分
**********************************/
.topics_ttl{
	font-size:7rem;
	margin-bottom:1rem;
	line-height:1.4;
}

.detail{
	font-size:2.5rem;
	line-height:1.4;
}

/**********************************
ページトップへ戻るボタンエリア
**********************************/
#page-top{
	bottom:5%;
}

#page-top img{
	width:100%;
}

/**********************************
フッター
**********************************/
footer{
	background:url("../img/pc_footer_bg.png") no-repeat;
	background-size:100%;
	background-position:center bottom;
}

.footer_inn{
	padding-top:13.73%;
}



footer p{
	font-size:1.1rem;
	bottom:4%;
}


}




/**********************************
追加改修部分
**********************************/

.gray{color:#bbb;background-color:#f6f6f6 !important;font-size:0.785em ;}


.logodream {
    width: 60% !important;
    position: absolute;
    z-index: 97;
    bottom: 0;
    left: 50%;
    margin-left: -30%;
}

.scBtn {
    width: 37%;
    position: absolute;
    z-index: 98;
    bottom: -2px;
    right: 2%;
}

@media screen and (min-width:768px){
  .logodream {
    width: 38% !important;
    bottom: 10px;
    left: 6%;
    margin-left: 0;
  }


  .scBtn{
    width: 22%;
    bottom: 50px;
    right: 80px;
  }

}

 @media screen and (min-width:768px) {
.cont_inn ul li{display:flex;justify-content: left;font-size:1.5em;margin-bottom:15px;}

.cont_inn ul li p:nth-child(1){margin-right:15px;list-style-type:none;color:#666;}
.cont_inn ul li p a{text-decoration:under-line;color:#ea6185;font-weight:700;font-size:1.25em;}
.cont_inn ul li p a:hover{text-decoration:none;}

.column640{width:640px;}

}

 @media screen and (max-width:767px) {
.cont_inn ul {margin:0px;padding:0px !important;list-style-type:none;}
.cont_inn ul li{font-size:1.5em;margin-bottom:15px;}
.column640{width:90%;margin:0 auto;}
.cont_inn ul li p:nth-child(1){margin-bottom:10px;color:#666;}
.cont_inn ul li p a{text-decoration:under-line;color:#ea6185;font-weight:700;font-size:1.125em;}
.cont_inn ul li p a:hover{text-decoration:none;}

}



/**********************************
下部メニュー
**********************************/

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

#sp-fixed-menu li:nth-child(1){ background: #d41195; }
#sp-fixed-menu li:nth-child(2){ background: #e73569; }
#sp-fixed-menu li:nth-child(3){ background: #ffbcf3; }

/*ボタンを調整*/
#sp-fixed-menu li a{
  color: #fff;
  text-align: center;
  display:block;
  width: 100%;
  padding:20px;
  text-decoration: none;
}

/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}