@charset "UTF-8";
/* CSS Document */
body{margin: 0;background-color:#fff;font-weight: 400;font-style: normal;font-size: 16px;line-height: 1.2rem; font-family: "BIZ UDMincho", serif;overflow-x: hidden;}/*font-family: "BIZ UDGothic", sans-serif;*/
div.youkoso{width: 100%;text-align: center;font-size: 0.8rem;line-height: 1rem;margin: 10px 0;}
	.user_name{font-family: "BIZ UDPGothic", sans-serif;font-weight: 700}
	

html{margin: 0;padding: 0;}
p{margin: 0;padding: 0}	
a{margin: 0;padding: 0;text-decoration: none;white-space: nowrap;}	

	.red{color: red;font-size: 0.7rem}
	
/*---------教科書体（400、600　微妙な太さ）--------*/	
.kyoukashyo { font-family: "Klee One", cursive;}
/*---------丸ゴシック書体（100、300、400，500、700、800，900）--------*/	
.maru_gothic {font-family: "M PLUS Rounded 1c", sans-serif;}
/*-------明朝体（100,600）----------*/	
.mincho {font-family: "Noto Serif JP", serif;}	
/*-------ゴシック（100-900）----------*/	
.gothic{font-size: 1rem;line-height:1rem; font-family: "Noto Sans JP", sans-serif;}	
/*-------ゴシック（100-900）つめあり----------*/	
.gothic_tume{font-size: 1rem;line-height:1rem;font-family: "Noto Sans JP", sans-serif;font-feature-settings: "palt";}	
/*display: block;/*インライン要素からブロック要素へ*/

/*-------BIZゴシック（400または700）----------*/		
.biz_gothic {font-size: 1rem;
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*-------BIZユニバーサルゴシックP（400または700）つめあり----------*/		
.biz_p_gothic {font-size: 1rem;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*-------BIZユニバーサル明朝（400または700）----------*/		
.biz_mincho {font-size: 1rem;
  font-family: "BIZ UDMincho", serif;
  font-weight: 400;
  font-style: normal;
}
/*-------BIZユニバーサルP明朝（400または700）つめあり----------*/		
.biz_p_mincho {font-size: 1rem;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 400;
  font-style: normal;
}
	
	.font_A{font-size: 0.7rem;line-height: 1rem;padding: 5px}	

	
	
.login_form{width: 100%;text-align: center}	
	
	
/*--------------------------------------------1024px以上の場合または共通--------------------------------------------*/
.main{ display: flex;flex-flow:row wrap;font-size: 1rem;  min-height: 100vh;}/*ヘッダー分落とす60px*/
	.main .left_side  {order: 1; width: calc((100% - 1024px) / 2);}
	.main .center_side{order: 2; width: 100%;max-width: 1024px;background-color:#F7F4E8;position: relative;}
	.main .right_side {order: 3; width: calc((100% - 1024px) / 2);}
		.menu_color{background-color: #9E2428;mix-blend-mode: multiply;width: 100%;height: 60px;margin-top: 40px;position: absolute;left: 0;top: 0;z-index: 10}
		.menue{	display: flex; flex-flow: row wrap;padding:0 0 0 0;margin:0;height: 60px;position: absolute;top:40px;left: 0;width: 100%;z-index: 999;}
			.menue .m1{order: 1; width: 50%;text-align: left;font-size: 2.3rem;line-height: 3.7rem;color: white;padding: 0 0 0 5% ; font-family: "LXGW WenKai TC", cursive}
			.menue .m2{order: 2; width: 12.5%;text-align: center;line-height: 3.7rem;font-size: 1.3rem; }
			.menue .m2 a {height: 60px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m2 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m3{order: 3; width: 100%;text-align: center;line-height: 3.7rem;font-size: 1.3rem;}
	
		.cont_m{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 100%;margin-top: 0;position: absolute;top:0;left: 0;z-index: 9;}/*justify-content: center*/
			.cont_m .news {order: 1; width: 50%;margin: 0px 20px 0 20px ;font-size: 0.79rem;padding: 120px 0 30px 0; line-height: 1.15rem;text-align: justify;color: white;background-color:#AB82C6;border-radius: 0 0 30px 30px;opacity: 0.8}
			.cont_m .setumei {order: 1; width: 580px;margin: 120px 20px 0 20px ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: white; }
			.cont_m .center_tate {order: 4; width: auto}/*横幅をオートで縦写真の幅で調整*/
				.img_w{width: 100%;height: 180px;object-fit: cover;}	
				.img_h{width: auto;height: 180px;object-fit: cover;}/*height100％は× 縦写真の場合は縦を設定　横幅はDIVで調整*/	

		.gojoin{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 94%;margin: 0 3% 0 3% ;z-index: 9;justify-content: center;font-family: "BIZ UDGothic", sans-serif;}/*justify-content: center*/
			.gojoin .eria0 {order: 1; width: 100%;margin: 120px 0 0 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0; }
			.gojoin .eria1 {order: 2; width: 100%;margin: 10px 0 0 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0; text-align: center}
			.gojoin .eria2 {order: 3; width: 25%;margin: 0 0 40px 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0; text-align: center;z-index: 10}
				.gojo_text1{font-size: 0.9rem;line-height: 1.2rem;text-align: center;color: #444;padding: 0;}
				.gojo_text2{font-size: 1.2rem;line-height: 1.5rem;text-align: center;color: #444;padding: 0 2% 0 0 ;}
				.gojo_text3{font-size: 0.8rem;line-height: 1.15rem;text-align: center;color: #444;padding: 0;}
				.pro_eria{width: 100%;position: relative;padding: 0;margin: 0}
				.pro_haikei{width: 98%;margin: 0; font-size: 0.8rem;line-height: 1.2rem;padding: 5px 1% 5px 1%;background-color: #F7F4E8;opacity: 0.7;border-radius: 10px}
				.pro_text{width: 98%;margin: 0; font-size: 0.8rem;line-height: 1.2rem;text-align: justify;color: #444;padding: 5px 1% 5px 1%;text-align: center;position: absolute;top:0;left: 0}
				.rink{width: 100%;margin: 4px 0% 0 0;line-height: 1.2rem;text-align: center;padding: 0;}
				.rink_text{width: 100%;margin: 4px 0% 0 0; font-size: 0.75rem;line-height: 1.4rem;color: #fff;padding: 3px 5px 3px 5px;text-align: center;background-color: blue;border-radius: 10px}
				.rink_mark{margin-top: 5px;vertical-align:-1px;height: 12px}

		.contact{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 100%;margin-top: 0;position: absolute;top:0;left: 0;z-index: 9;mix-blend-mode: multiply}/*justify-content: center*/
			.contact .contact_a {width: 100%;margin-top: 20px;}
	
		.setsumei1{width: 95%;margin: 0 0 7px 0;}
		.setsumei2{width: 100%;margin: 0 0 7px 0}
		.setsumei3{width: 88%;margin: 0 0 10px 0}
		.setsumei4{width: 70%;margin: 0 0 10px 5%}
		.news_waku{width: 90%;margin: 0 0 0px 5%;text-align:justify;border-bottom: solid 1px #783EBC;padding: 10px 0 10px 0;}
		.gozyo_midashi_b{width: 100%;margin: 0 0 0 0;font-size: 2.5rem;line-height: 4.5rem;text-align: center}
		.gozyo_midashi_s{width: 100%;margin: 0 0 0 0;font-size: 1.5rem;line-height: 4rem;text-align: center}
		.gozyo_read{width: 100%;margin: 0 0 0 0;}
		.gozyo_border{width: 100%;margin: 0 0 0 0;border-bottom: solid 1px  #410B0C;margin-bottom: 30px;font-size: 1.2rem;padding: 0  0 10px 0}

/*-----------------------------ニュース--------------------------------*/	
/*詳しくは*/	
.kuwasikuha{
	font-family: "BIZ UDPGothic", sans-serif;
 	font-weight: 700;
	color: blue;font-size: 0.7rem; padding: 2px 6px 2px 6px;border-radius: 10px}

/*日付*/	
.news_date{	 font-family: "BIZ UDGothic", sans-serif;
 	font-weight: 600;
	color:darkmagenta;font-size: 0.75rem;padding-right: 5px}
/*NEW!*/	
.new{background-color: red;color: white;font-size: 0.6rem; padding: 2px 6px 2px 6px;border-radius: 10px}
/*文字の拡大縮小*/	
@keyframes scale-blink { 
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 1.0; }
}
.scale-blink {color: red;padding-right: 5px;
  animation: scale-blink 1s infinite;
  display: inline-block;
}	
	
/*-------------------------------------------------------------------*/	
	
/*背景の円*/
	.img_en{width: 100%;mix-blend-mode: multiply;object-fit: cover;    display: block;}

/*-----------------footer------------------*/	
footer{
    width: 100%;
	color: #fff;
    text-align: center;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
	.footer_shiro{z-index: 0;
	    width: 100%;height: 850px;
		background-image: url("img/shiro.png");background-size: 100%;
	    position: absolute;/*←絶対位置*/
	    bottom: 0; /*下に固定*/
	}
	.footer_obi{
	    width: 100%;height: 153px;z-index: 99;
		background-image: url("img/footer.png");background-size: 100%;
	    position: absolute;/*←絶対位置*/
	    bottom: 0; /*下に固定*/
	}
	.fot{
	    width: 100%;z-index: 100;
	    position: absolute;/*←絶対位置*/
	    bottom:0; /*下に固定*/
		font-size: 1rem;padding-bottom: 20px;}
	
/*------------------------------------------------1024pxから431pxの場合（タブレット）-------------------------------------------*/
@media screen and (max-width: 1024px) {

.menue .m1{order: 1; width: 50%;text-align: left;font-size: 4vw;line-height: 3.7rem;color: white;padding: 0 0 0 5% }
.menue .m2{order: 2; width: 12.5%;text-align: center;line-height: 3.7rem ;font-size: 2vw;}

.img_en{width: 1024px;mix-blend-mode: multiply;}

.footer_shiro{ height: 83vw;}
.footer_obi{ height: 15vw;}
.fot{font-size: 1.5vw;padding-bottom: 3vw}
	
}
/*--------------------------------------------------------430px以下(スマホ)-------------------------------------------------*/
@media screen and (max-width: 430px) {

	/*背景の円*/
	.img_en{width: 250vw;width: 250vw;mix-blend-mode: multiply;object-fit: cover;    display: block;}

	.main .center_side{order: 2; width: 100%;max-width: 1024px;background-color:#F7F4E8;position: relative;}
	
		.menu_color{background-color: #9E2428;mix-blend-mode: multiply;width: 100%;height: 64px;margin-top: 20px;position: absolute;left: 0;top: 0;z-index: 10}
		.menue{	display: flex; flex-flow: row wrap;padding:0 0 0 0;margin:0;height: 40px;position: absolute;top:20px;left: 0;width: 100%;z-index: 999;}
			.menue .m1{order: 1; width: 100%;text-align: center;font-size: 1.5rem;line-height: 2.4rem;color: white;padding: 0 ; font-family: "LXGW WenKai TC", cursive}
			.menue .m2{order: 2; width: 25%;text-align: center;line-height: 1.8rem;font-size: 0.7rem;padding: 0 }
			.menue .m2 a {height: 26px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m2 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m3{order: 3; width: 100%;text-align: center;line-height: 1.8rem;font-size: 0.7rem;}
	
			.cont_m .news {order: 1; width: 100%;margin: 0px 20px 0 20px ;font-size: 0.6rem;padding: 90px 0 20px 0; line-height: 0.8rem;text-align: justify;color: white;background-color:#AB82C6;border-radius: 0 0 20px 20px;opacity: 0.8}
		.news_waku{width: 90%;margin: 0 0 0px 5%;text-align:justify;border-bottom: solid 1px #783EBC;padding: 5px 0 10px 0;}
	
		.cont_m .setumei {order: 1; width: 580px;margin: 100px 20px 0 20px ;font-size: 2.5vw;line-height: 3.2vw;text-align: justify;color: white; }
	
		.setsumei1{width: 100%;margin: 0 0 7px 0;}
		.setsumei2{width: 100%;margin: 0 0 7px 0}
		.setsumei3{width: 100%;margin: 0 0 7px 0}
		.setsumei4{width: 100%;margin: 0 0 7px 0%}
	
	
/*-----------------------------ニュース--------------------------------*/	
/*詳しくは*/	
.kuwasikuha{
 	font-weight: 700;
	color: blue;font-size: 0.6rem; padding: 2px 6px 2px 6px;border-radius: 10px}

/*日付*/	
.news_date{
 	font-weight: 600;
	color:darkmagenta;font-size: 0.6rem;padding-right: 5px}
/*NEW!*/	
.new{background-color: red;color: white;font-size: 0.6rem; padding: 2px 6px 2px 6px;border-radius: 10px}
/*文字の拡大縮小*/	
	
/*-------------------------------------------------------------------*/	


	
	
footer{
    width: 100%;
	color: #fff;
    text-align: center;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
.footer_shiro{ height: 83vw;}
.footer_obi{ height: 15vw;}
.fot{font-size: 3.5vw;padding-bottom: 1vw}
	
	
	
	
	}
	
	.pdf_icon{background-color: red;color: #fff;width: 20%;padding: 10px 0 10px 0;text-align: center}	
	.zip_icon{background-color: blue;color: #fff;width: 20%;padding: 10px 0 10px 0;text-align: center}