@charset "utf-8";

@media screen and (max-width: 1000px) {
	section#greeting{
		padding: 40px 0 0;
		}
	}

@media screen and (max-width: 850px) {
	.G_sub{
		width: 75%;
		}
	h1.media_1000 img{
		max-width: 95%;
		}
	h2{
		width: 95%;
		}
/* main_contents */
	#main_contents{
		padding-top: 0;
		}
/* information */
	#information table{
		width: 90%;
		}
	td.info_img{
		display: none;
		}
	h3{
		width: 90%;
		margin-top: 10%;
		}
	#session{
		display: block;
		}
	#session div.pc_L,#session div.pc_R{
		flex-basis: 100%;
		}
/* to pagetop*/
	p.to_pagetop{
		display: none;
		}
/* footer */
	fb_1,#footer_bottom ul.fb_2{
		display: none;
		}
	}

@media screen and (max-width: 800px) {
/* 44_soudankai　#bosyutyuの枠線を消す */
	#bosyucyu{
		border: none;
		padding-bottom: 0;
		}
	}

@media screen and (max-width: 750px) {
/* #sub_greeting */
	#sub_greeting p.subG_img,#sub_greeting_42 p.subG_img,#sub_greeting_43 p.subG_img{
		display: none;
		}
	#sub_greeting,#sub_greeting_42,#sub_greeting_43{
		width: 90%;
		}
	#sub_greeting p.subG_p,#sub_greeting_42 p.subG_p,#sub_greeting_43 p.subG_p{
		width: 100%;
		}
}

@media screen and (max-width: 700px) {
/* header内の文字サイズ変更などを画面中央にする*/
	#accessibility{
		text-align: center;
		margin: 0 auto;
		padding-right: 0;
		}
/* ページ上部　年度一覧部分*/
	div.past_records{			
		display:block;
		margin: 5% auto;
		}
	div.past_records ul{
		width: 80%;
		}
/* 支援アプリ　アイコンを消す*/
	div.shien{
		font-size: 0.9em;
		}
	td.ipad_icon{
		display: none;
		}
	td.ipad_name{
		width: 30%;
		}
	td.ipad_price{
		width: 20%;
		padding: 0;
		}
	td.ipad_setsumei{
		width: 50%;
		}

	}

@media screen and (max-width: 600px) {
	#main_contents{
		width: 100%;
		}
/* header　ロゴ画像をsmallに切り替える　 */
	h1.media_1000{
		display: none;
		}
	h1.media_800{
		display: block;
		max-height: 78px;
		}
	h1.media_800 img{
		max-width: 70%;
		}
/* 43_kobetsu　subgreeting内画像2つを消す */
	.explain_img_1,.explain_img_3{
		display: none;
		}
	.explain_p_1,.explain_p_3{
		flex-basis: 100%;
		}
/* 44_soudankai　#bosyutyuの枠線を消す */
	#bosyucyu{
		width: 100%;
		}
	.bosyuTitle{
		width: 95%;
		}
/* footer　縦並びにする */
	#footer_bottom{
		display: block;
		width: 100%;
		padding-left: 5%;
		}
	#footer_bottom ul.fb_1,#footer_bottom ul.fb_3,#footer_bottom ul.fb_4{
		max-width: 90%;
		text-align: center;
		}
	#accessibility{
		font-size: 0.9em;
		}
	}

@media screen and (max-width: 560px) {
/* h2 */
	h2{
		margin-top: 25%;
		}
	}

@media screen and (max-width: 500px) {
	section#greeting{
		padding: 70px 0 0;
		}
	h1.media_800 img{
		max-width: 85%;
		}
	}