/*min-width:1140px;*/


/* ----- Topimage ----- */
#top_topimage_out								{}
#top_topimage										{width:100%;height:710px;}
#top_topimage_in								{width:800px; margin:0px auto; padding:100px 0px 0px 0px;}
#top_topimage_logo							{text-align:center; padding:0px 0px 30px 0px;}
#top_topimage_logo img					{width:100%; max-width:360px; height:auto;}
#top_topimage_in ul							{display:flex; justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px;}
#top_topimage_in ul li					{list-style:none; width:30%; height:240px; text-align:center; display: flex; flex-direction: column;justify-content: center;}
#top_topimage_in ul li a img				{width:95%; height:auto; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#top_topimage_in ul li a img:hover	{width:100%; height:auto; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}


.top_sns												{width:60px;  position:absolute; right:0px; top:250px; z-index:99999;}
.top_sns ul											{display:block; margin:0px; padding:0px;}
.top_sns ul li									{list-style:none; padding:0px 0px 10px 0px; text-align:right;}
.top_sns ul li a img						{width:50px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_sns ul li a img:hover			{width:60px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}


/* ----- Course ----- */
.top_course_flex								{display:flex; justify-content:space-between; flex-wrap: wrap; margin-bottom:30px;}
.top_course_box									{width:31%;  position:relative; border:2px solid #4eb2b2;}
.top_course_box a								{display:block; background-color:#ffffff;}
.top_course_box a:hover					{display:block; text-decoration:none;}
.top_course_box_in							{padding:35px;}
.top_course_mark								{width:43px; position:absolute; top:-20px; left:-20px; z-index:200;}
.top_course_title								{display:block; margin:0px; padding:0px 0px 10px 0px; text-align:center;}
.top_course_title1							{text-align:center; color:#4eb2b2; font-size:20px; line-height:28px; font-weight:600;}
.top_course_title2							{text-align:center; color:#4eb2b2; font-size:17px; line-height:24px; font-weight:400;}
.top_course_date								{text-align:center; color:#478384; font-size:47px; line-height:56px; font-family:Red Hat Display; font-weight:400;letter-spacing:0px}
.top_course_time								{text-align:center; color:#478384; font-size:18px; line-height:30px; padding:0px 0px 10px 0px; font-family:Red Hat Display;  font-weight:400;letter-spacing:0px}
.top_course_tx									{text-align:center; color:#478384; font-size:16px; line-height:20px; font-weight:400; padding:0px 0px 20px 0px;}

/*news*/
.top_news_box										{border:10px solid #f3f7f7; margin-bottom:30px;}
.top_news_box_in								{padding:20px;}
.top_news_box_in dl							{margin:0px; padding:0px 0px 20px 0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_news_box_in dl dt					{display:block; width:26%; border-bottom:2px solid #f3f7f7; margin:0px; padding:20px 0px 20px 0px;}
.top_news_box_in dl dd					{display:block; width:74%; border-bottom:2px solid #f3f7f7;  margin:0px; padding:20px 0px 20px 0px; font-size:17px; line-height:28px;}
.top_news_box_date							{width:110px;background-color:#4eb2b2; padding:5px; text-align:center; color:#ffffff; font-family:Red Hat Display; font-weight:500; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}

/*zoom*/
.top_zoom_notice								{background-color:#4eb2b2; text-align:center; font-size:19px; line-height:30px; margin-bottom:50px; padding:20px 10px 20px 10px; color:#ffffff; font-weight:400;}

/*kouza*/
.top_kouza_flex									{display:flex; margin-bottom:40px; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
.top_kouza_img									{width:50%;}
.top_kouza_tx										{width:50%; background-color:#ffffff;}
.top_kouza_tx_in								{padding:50px 30px 50px 60px;}
.top_kouza_detail								{color:#478384; font-size:20px; line-height:30px; font-weight:600; margin-top:20px; margin-bottom:30px;}

/*intro*/
.top_intro_box									{width:50%;}
.top_intro_box_in								{width:520px;}
.top_intro_box_in2							{width:520px; padding-left:50px;}
.top_intro_watanabe							{border:15px solid #f3f7f7; margin-bottom:40px;}
.top_intro_watanabe_in					{padding:30px; display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_intro_watanabe_img					{width:34%;}
.top_intro_watanabe_tx					{width:62%;}

.top_intro_watanabe_prefix			{display:block; color:#478384; font-weight:600; font-size:16px; line-height:30px; margin:0px; padding:0px 0px 10px 0px;}
.top_intro_watanabe_namebox			{display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_intro_watanabe_namebox_l		{width:40%;}
.top_intro_watanabe_namebox_r		{width:60%;}
.top_intro_watanabe_namebox_l ruby rb{font-size:26px; font-weight:600; color:#111111;}
.top_intro_watanabe_namebox_l ruby rt{font-size:12px;}


/*komatta*/
.top_komatta_title							{width:700px; margin:0px auto; text-align:center; border:2px solid #478384; color:#478384; margin-bottom:40px; padding:15px; font-size:24px; line-height:36px; font-weight:600;}
.top_komatta_bg									{background-image:url(../images_v2/top/komatta_bg.jpg); background-repeat:no-repeat; background-position:top centerl; background-size:100%;}
.top_komatta_box								{width:31%; margin:1%; border:15px solid #dff3f3; background-color:#ffffff; background-image:url(../images_v2/top/komatta_mark.jpg); background-repeat:no-repeat; background-position:top left;}
.top_komatta_box_in							{padding:15px 10px 30px 10px;}
.top_komatta_box_in h3					{display:block; font-size:22px; line-height:30px; font-weight:600; color:#478384; text-align:center; margin:0px;  padding:20px 0px 20px 0px;}

/*mes*/
.top_mes												{display:flex; background-color:#ffffff; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
.top_mes_img										{width:230px;}
.top_mes_img img								{width:100%; max-width:250px; height:auto;}
.top_mes_tx											{width:910px;}
.top_mes_tx_in									{padding:60px 30px 40px 40px;}
.top_banabox										{width:33%; padding:30px 30px 30px 30px;}
.top_banabox img								{border:1px solid #dddddd;}





@media screen and (max-width:640px){
#top_topimage										{width:100%;height:450px;}
}
@media screen and (max-width:360px){
#top_topimage										{width:100%;height:360px;}
}
@media screen and (max-width:640px){
/* ----- Topimage ----- */
#top_topimage_out								{}

#top_topimage_in								{width:96%; margin:0px auto; padding:30px 0px 0px 0px;}
#top_topimage_logo							{text-align:center; padding:0px 0px 30px 0px;}
#top_topimage_in ul							{display:block;  margin:0px; padding:0px;}
#top_topimage_in ul li					{list-style:none; width:100%;height:auto; margin:0px auto; padding-bottom:15px; text-align:center;}
#top_topimage_in ul li a img		{width:100%; height:auto; }

.top_sns												{width:70%; max-width:320px; margin:0px auto; padding-bottom:10px; position:static; right:0px; top:0; z-index:99999;}
.top_sns ul											{display:flex; justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px;}
.top_sns ul li									{list-style:none; width:18%; padding:0px 0px 0px 0px; text-align:right;}
.top_sns ul li a img						{width:100%; }
.top_sns ul li a img:hover			{width:100%;}

/* ----- Course ----- */
.top_course_flex								{display:block;}
.top_course_box									{width:96%; margin:0px auto; margin-bottom:30px; position:relative; border:2px solid #4eb2b2;}
.top_course_box a								{display:block; background-color:#ffffff;}
.top_course_box a:hover					{display:block; text-decoration:none;}
.top_course_box_in							{padding:30px 15px 25px 15px ;}
.top_course_mark								{width:43px; position:absolute; top:-20px; left:0px; z-index:200;}
.top_course_title								{display:block; margin:0px; padding:0px 0px 10px 0px; text-align:center;}
.top_course_title1							{text-align:center; color:#4eb2b2; font-size:17px; line-height:24px; font-weight:600;}
.top_course_title2							{text-align:center; color:#4eb2b2; font-size:15px; line-height:20px; font-weight:400;}
.top_course_date								{text-align:center; color:#478384; font-size:40px; line-height:40px; font-family:Red Hat Display; font-weight:400;letter-spacing:0px}
.top_course_time								{text-align:center; color:#478384; font-size:18px; line-height:30px; padding:0px 0px 10px 0px; font-family:Red Hat Display;  font-weight:400;letter-spacing:0px}
.top_course_tx									{text-align:center; color:#478384; font-size:16px; line-height:20px; font-weight:400; padding:0px 0px 20px 0px;}


/*news*/
.top_news_box										{border:5px solid #f3f7f7; margin-bottom:20px;}
.top_news_box_in								{padding:10px;}
.top_news_box_in dl							{margin:0px; padding:0px 0px 20px 0px; display:block; }
.top_news_box_in dl dt					{display:block; width:50%; border-bottom:0px none; margin:0px; padding:10px 0px 5px 0px;}
.top_news_box_in dl dd					{display:block; width:100%; border-bottom:2px solid #f3f7f7;  margin:0px; padding:0px 0px 10px 0px; font-size:17px; line-height:28px;}
.top_news_box_date							{width:110px;background-color:#4eb2b2; padding:5px; text-align:center; color:#ffffff; font-family:Red Hat Display; font-weight:500; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}

/*zoom*/
.top_zoom_notice								{background-color:#4eb2b2; text-align:center; font-size:19px; line-height:30px; margin-bottom:50px; padding:20px 10px 20px 10px; color:#ffffff; font-weight:400;}

/*kouza*/
.top_kouza_flex									{display:block; margin-bottom:40px; }
.top_kouza_img									{width:100%;}
.top_kouza_tx										{width:100%; background-color:#ffffff;}
.top_kouza_tx_in								{padding:20px 10px 20px 10px;}
.top_kouza_detail								{color:#478384; font-size:20px; line-height:30px; font-weight:600; margin-top:20px; margin-bottom:30px;}

/*intro*/
.top_intro_box									{width:100%; margin-bottom:30px;}
.top_intro_box_in								{width:100%;}
.top_intro_box_in2							{width:100%; padding-left:0px;}

.top_intro_watanabe							{border:7px solid #f3f7f7; margin-bottom:40px;}
.top_intro_watanabe_in					{padding:10px; display:block;}
.top_intro_watanabe_img					{width:100%;}
.top_intro_watanabe_tx					{width:100%;}

.top_intro_watanabe_prefix			{display:block; color:#478384; font-weight:600; font-size:16px; line-height:30px; margin:0px; padding:0px 0px 10px 0px;}
.top_intro_watanabe_namebox			{display:block;}
.top_intro_watanabe_namebox_l		{width:100%; padding:0px 0px 10px 0px;}
.top_intro_watanabe_namebox_r		{width:100%;}
.top_intro_watanabe_namebox_l ruby rb{font-size:26px; font-weight:600; color:#111111;}
.top_intro_watanabe_namebox_l ruby rt{font-size:12px;}


/*komatta*/
.top_komatta_title							{width:96%; margin:0px auto; text-align:center; border:2px solid #478384; color:#478384; margin-bottom:20px; padding:15px; font-size:24px; line-height:36px; font-weight:600;}
.top_komatta_bg									{background-image:none; background-repeat:no-repeat; background-position:top centerl; background-size:100%;}
.top_komatta_box								{width:96%; margin:0px auto; margin-bottom:20px; border:5px solid #dff3f3; background-color:#ffffff; background-image:url(../images_v2/top/komatta_mark.jpg); background-repeat:no-repeat; background-position:top left;}
.top_komatta_box_in							{padding:10px;}
.top_komatta_box_in h3					{display:block; font-size:20px; line-height:30px; font-weight:600; color:#478384; text-align:center; margin:0px;  padding:20px 0px 20px 0px;}

/*mes*/
.top_mes												{display:block; background-color:#ffffff;}
.top_mes_img										{width:150px; margin:0px auto;}
.top_mes_img img								{width:100%; max-width:250px; height:auto;}
.top_mes_tx											{width:100%;}
.top_mes_tx_in									{padding:10px 10px 10px 10px;}
.top_banabox										{width:100%; padding:10px 10px 10px 10px; text-align:center;}
.top_banabox img								{width:200px; margin:0px auto; border:1px solid #dddddd;}






}