
/*-------  -------*/
.pan																{background-color:#ffffff;padding:5px 0px 5px 0px; border-top:1px solid #eeeeee;}
.pan_in															{display:block; width:1140px; margin:0px auto; font-size:14px; line-height:30px; text-align:left;}
.content_toptitle										{display:block; margin:0px; padding:30px 0px 30px 0px; background-image:url(../images_v2/content_title_bg.jpg); background-repeat:no-repeat; background-position:bottom right;}
.content_toptitle h2								{display:block; width:1140px; margin:0px auto; text-align:left; padding:0px; font-size:27px; line-height:30px; color:#478384;}

.introbox														{border:13px solid #e8f6f6; padding:30px; margin-bottom:30px; background-image:url(../images_v2/common_mark.png); background-position:10px 10px; background-repeat:no-repeat;}
.introbox_mark											{width:50px; position:absolute; top:5px; left:5px;}
.introbox_mark img									{width:100%; height:auto;}
.introbox_title											{display:block; margin:0px 0px 20px 0px; text-align:center; margin:center; padding:20px 0px 20px 0px; font-size:24px; line-height:38px; font-weight:400;}
.introbox_title	span								{display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 4px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}
.introbox_title2gyo									{display:block; margin:0px 0px 20px 0px; text-align:center; margin:center; padding:0px 0px 0px 0px; font-size:24px; line-height:38px; font-weight:400;}
.introbox_title2gyo	span						{display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 4px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}

.box50p															{width:50%;}
.box50p_in													{padding:0px 30px 0px 30px;}

.pagelink ul												{margin:0px; padding:0px;}
.pagelink ul li											{list-style:none; width:24%; margin:0.5%; font-size:17px; line-height:26px; text-align:center; font-weight:400; border-top:2px solid #478384; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.pagelink2 ul												{margin:0px; padding:0px;}
.pagelink2 ul li										{list-style:none; width:32%; margin:0.5%; font-size:17px; line-height:26px; text-align:center; font-weight:400; border-top:2px solid #478384; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.pl1gyo															{background-color:#ffffff;display:block; padding:23px 15px 23px 15px; background-image:url(../images_v2/common_mark.png); background-repeat:no-repeat; background-position:5px 10px; }
.pl2gyo															{background-color:#ffffff;display:block; padding:10px 15px 10px 15px; background-image:url(../images_v2/common_mark.png); background-repeat:no-repeat; background-position:5px 10px; }
.pl1gyo:hover												{background-color:#cfecec; text-decoration:none;}
.pl2gyo:hover												{background-color:#cfecec; text-decoration:none;}


/*------- blog -------*/






/*------- lesson -------*/
.lesson_kaikou_out									{margin:0px 0px 100px 0px;}
.lesson_kaikou											{position:relative; border:3px solid #eeeeee; border-left:4px solid #478384; padding:20px; margin-bottom:30px;}
.lesson_kaikou_title								{display:block; color:#478384; background-color:#eff6f6; border:1px solid #97dddd; padding:15px 15px 15px 15px; font-size:18px; line-height:26px; margin:0px; margin-top:8px; margin-bottom:14px;}
.lesson_kaikou_mark									{width:30px; position:absolute; top:-13px; left:-17px;}
.lesson_kaikou_mark img							{width:100%; height:auto;}
.lesson_kaikou_kaijoumark						{width:130px; position:absolute; top:-20px; left:20px; color:#ffffff; font-size:16px; line-height:16px; text-align:center; padding:8px 0px 10px 0px;}
.lesson_kaikou_color_kaijou					{background-color:#478384;}
.lesson_kaikou_color_zoom						{background-color:#0098f0;}
.lesson_kaikou_common								{padding:7px 0px 7px 0px;}

.lesson_kaikou_date									{width:22%; font-size:20px; color:#111111; font-weight:400; }
.lesson_kaikou_date_tx							{padding:0px 0px 10px 0px;}
.lesson_kaikou_add									{width:46%;}
.lesson_kaikou_bt										{width:28%;}

.lesson_kaikou_dl1									{margin:0px; padding:0px;}
.lesson_kaikou_dl1 dt								{display:block; width:25%; font-size:15px; line-height:26px; font-weight:400; color:#478384; text-align:center; background-color:#eff6f6; margin:0px; padding:3px 0px 3px 0px;}
.lesson_kaikou_dl1 dd								{display:block; width:65%; font-size:16px; line-height:26px; font-weight:200; color:#111111; margin:0px; padding:3px 0px 3px 0px;}
.lesson_kaikou_dl2									{margin:0px; padding:0px;}
.lesson_kaikou_dl2 dt								{display:block; width:15%; font-size:15px; line-height:26px; font-weight:400; color:#478384; text-align:center; background-color:#eff6f6; margin:2px 0px 2px 0px; padding:3px 0px 3px 0px;}
.lesson_kaikou_dl2 dd								{display:block; width:80%; font-size:16px; line-height:26px; font-weight:200; color:#111111; margin:2px 0px 2px 0px;  padding:3px 0px 3px 0px;}

.lesson_kaikou_bt_uketukechu				{display:block; width:100%; padding:25px 0px 25px 0px; background-color:#ff7e00; color:#ffffff; text-align:center; font-size:18px; line-height:30px; font-weight:400;;}
.lesson_kaikou_bt_uketukechu:hover	{display:block; color:#ffffff; text-decoration:none;background-color:#ffbe40;}
.lesson_kaikou_bt_uketukemae				{display:block; width:100%; padding:25px 0px 25px 0px; background-color:#dddddd; color:#ffffff; text-align:center; font-size:18px; line-height:30px; font-weight:200; }



/*------- qa -------*/
.qa																	{margin:0px auto; margin-bottom:30px; border:10px solid #e8f6f6;}
.qa_in															{padding:20px;}
.qatitle														{display:block; margin:0px 0px 20px 0px; padding:10px 15px 10px 15px; background-color:#e8f6f6;color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.qatx																{font-size:18px; line-height:36px; padding:0px 0px 0px 15px; border-left:2px solid #eeeeee;}
.question														{font-size:24px; font-family:Red Hat Display; font-weight:500; color:#4eb2b2; margin-right:10px;}
.answer															{font-size:24px; font-family:Red Hat Display; font-weight:500; color:#999999; margin-right:10px;}


/*------- price -------*/
.price_title												{display:inline-block; margin:0px 0px 20px 0px; padding:10px 15px 13px 15px; color:#ffffff; background-color:#4eb2b2; font-size:22px; line-height:30px; font-weight:600;}
.price_num_box											{text-align:center; color:#4eb2b2;}
.price_num_box > .pri								{ font-size:40px; line-height:50px; font-weight:600;}
.price_num_box > .pri2							{ font-size:30px; line-height:50px; font-weight:600;}
.price_num_box > .pre								{font-size:16px; margin-right:10px; font-weight:400; }
.price_num_box > .suf								{font-size:16px; margin-left:10px; font-weight:400; }
.subprice_title1										{display:block; font-size:22px; line-height:30px; color:#4eb2b2; margin:0px; padding:15px 0px 20px 0px;}
.subprice_title2										{display:block; font-size:22px; line-height:30px; color:#4eb2b2; margin:0px; padding:0px 0px 10px 0px;}

/*rei*/
.reidl															{border-top:2px solid #dddddd;}
.reidl dt														{width:55%; font-size:18px; line-height:30px; font-weight:200; border-bottom:2px solid #eeeeee; padding:25px 25px 25px 25px; margin:0px;display: flex; flex-direction: column;justify-content: center;}
.reidl dd														{width:45%; font-size:18px; line-height:30px; font-weight:400; color:#4eb2b2; border-bottom:2px solid #4eb2b2;; padding:25px 25px 25px 25px; margin:0px;display: flex; flex-direction: column;justify-content: center;}
.reidl dd strong										{display:inline; font-size:24px;}

/*------- katei -------*/
.boxpic															{width:auto!important; height:auto!important;max-width:100%;max-height:100%; margin:0px auto;}

.katei_rei1_img											{width:30%;display: flex; flex-direction: column;justify-content: center;}
.katei_rei1_ar											{width:5%; text-align:center;display: flex; flex-direction: column;justify-content: center;}
.rei1_photo													{width:100%; height:300px; background-color:#f2f9f9; padding:10px; border:1px solid #dddddd;display: flex; flex-direction: column;justify-content: center;}

.katei_rei2_img											{width:25%;display: flex; flex-direction: column;justify-content: center;}
.katei_rei2_img2										{width:40%; position:relative; display: flex; flex-direction: column;justify-content: center;}
.katei_rei2_img_l										{height:170px!important; position:absolute; top:10px; left:10px;}
.katei_rei2_img_r										{height:170px!important;position:absolute; bottom:10px; right:10px;}
.katei_rei2_ar											{width:5%; text-align:center;display: flex; flex-direction: column;justify-content: center;}
.rei2_photo													{width:100%; height:300px; background-color:#f2f9f9; padding:10px; border:1px solid #dddddd;display: flex; flex-direction: column;justify-content: center;}

.katei_rei3_img											{width:45%;display: flex; flex-direction: column;justify-content: center;}
.katei_rei3_ar											{width:5%; text-align:center;display: flex; flex-direction: column;justify-content: center;}
.rei3_photo													{width:100%; height:300px; background-color:#f2f9f9; padding:10px; border:1px solid #dddddd;display: flex; flex-direction: column;justify-content: center;}

.katei_photo_detail									{ width:100%; font-size:14px; line-height:22px; padding:10px 0px 10px 0px;}

/*------- prof -------*/
.prof_watanabe_prefix								{display:block; color:#478384; font-weight:600; font-size:16px; line-height:30px; margin:0px; padding:0px 0px 10px 0px;}
.prof_watanabe_namebox							{display:block;}
.prof_watanabe_namebox_l						{width:100%; padding:0px 0px 10px 0px;}
.prof_watanabe_namebox_l ruby rb		{font-size:26px; font-weight:600; color:#111111;}
.prof_watanabe_namebox_l ruby rt		{font-size:12px;}










@media screen and (max-width:640px){
/*-------  -------*/
.pan																{display:none;background-color:#ffffff;padding:5px 0px 5px 0px; border-top:1px solid #eeeeee;}
.pan_in															{display:block; width:96%; margin:0px auto; font-size:14px; line-height:30px; text-align:left;}
.content_toptitle										{display:block; margin:0px; padding:30px 0px 30px 0px;}
.content_toptitle h2								{display:block; width:96%; margin:0px auto; text-align:left; padding:0px; font-size:22px; line-height:30px; color:#007272}


.pagelink ul												{margin:0px; padding:0px;}
.pagelink ul li											{list-style:none; width:100%; margin:0px; margin-bottom:5px; font-size:17px; line-height:26px; text-align:center; font-weight:400; border-top:2px solid #478384; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.pagelink2 ul												{margin:0px; padding:0px;}
.pagelink2 ul li										{list-style:none; width:100%; margin:0px; margin-bottom:5px; font-size:17px; line-height:26px; text-align:center; font-weight:400; border-top:2px solid #478384; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.pl1gyo															{background-color:#ffffff;display:block; padding:18px 15px 18px 15px;}
.pl2gyo															{background-color:#ffffff;display:block; padding:5px 15px 5px 15px;}
.pl1gyo:hover												{background-color:#cfecec; text-decoration:none;}
.pl2gyo:hover												{background-color:#cfecec; text-decoration:none;}


/*-------  -------*/

.introbox														{border:6px solid #e8f6f6; padding:20px 10px 20px 10px; margin-bottom:30px; background-image:url(../images_v2/common_mark.png); background-position:10px 10px; background-repeat:no-repeat;}
.introbox_mark											{width:50px; position:absolute; top:5px; left:5px;}
.introbox_mark img									{width:100%; height:auto;}
.introbox_title											{display:block; margin:0px 0px 20px 0px; text-align:center; margin:center; padding:20px 0px 20px 0px; font-size:17px; line-height:28px; font-weight:400;}
.introbox_title	span								{display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 4px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}
.introbox_title2gyo									{display:block; margin:0px 0px 20px 0px; text-align:center; margin:center; padding:0px 0px 0px 0px; font-size:17px; line-height:28px; font-weight:400;}
.introbox_title2gyo	span						{display:inline;text-decoration: underline; text-decoration-color:#4eb2b2; text-decoration-thickness: 4px; color:#111111; margin:0px; padding:0px 0px 0px 0px;}



/*------- lesson -------*/
.lesson_kaikou_out									{margin:0px 0px 100px 0px;}
.lesson_kaikou											{position:relative; border:3px solid #eeeeee; border-left:4px solid #478384; padding:10px; margin-top:20px; margin-bottom:30px;}
.lesson_kaikou_title								{display:block; color:#478384; background-color:#eff6f6; border:1px solid #97dddd; padding:10px; font-size:18px; line-height:26px; margin:0px; margin-top:8px; margin-bottom:14px;}
.lesson_kaikou_mark									{width:30px; position:absolute; top:-13px; left:-17px;}
.lesson_kaikou_mark img							{width:100%; height:auto;}
.lesson_kaikou_kaijoumark						{width:150px; position:absolute; top:-20px; left:0px; right:0px; margin:auto; color:#ffffff; font-size:16px; line-height:16px; text-align:center; padding:8px 0px 10px 0px;}
.lesson_kaikou_color_kaijou					{background-color:#478384;}
.lesson_kaikou_color_zoom						{background-color:#0098f0;}
.lesson_kaikou_common								{padding:7px 0px 7px 0px;}

.lesson_kaikou_date									{width:100%; font-size:20px; background-color:eff6f6; text-align:left; color:#111111; font-weight:400; }
.lesson_kaikou_date_tx							{padding:0px 0px 10px 0px;}
.lesson_kaikou_add									{width:100%;}
.lesson_kaikou_bt										{width:100%;}

.lesson_kaikou_dl1									{margin:0px; padding:0px;}
.lesson_kaikou_dl1 dt								{display:block; width:30%; font-size:15px; line-height:26px; font-weight:400; color:#478384; text-align:center; background-color:#eff6f6; margin:0px; padding:3px 0px 3px 0px;}
.lesson_kaikou_dl1 dd								{display:block; width:100%; font-size:16px; line-height:26px; font-weight:200; color:#111111; margin:0px; padding:3px 0px 3px 0px;}
.lesson_kaikou_dl2									{margin:0px; padding:0px;}
.lesson_kaikou_dl2 dt								{display:block; width:30%; font-size:15px; line-height:26px; font-weight:400; color:#478384; text-align:center; background-color:#eff6f6; margin:2px 0px 2px 0px; padding:3px 0px 3px 0px;}
.lesson_kaikou_dl2 dd								{display:block; width:100%; font-size:16px; line-height:26px; font-weight:200; color:#111111; margin:2px 0px 2px 0px;  padding:3px 0px 3px 0px;}

.lesson_kaikou_bt_uketukechu				{display:block; width:100%; padding:25px 0px 25px 0px; background-color:#ff7e00; color:#ffffff; text-align:center; font-size:18px; line-height:30px; font-weight:400;;}
.lesson_kaikou_bt_uketukechu:hover	{display:block; color:#ffffff; text-decoration:none;background-color:#ffbe40;}
.lesson_kaikou_bt_uketukemae				{display:block; width:100%; padding:25px 0px 25px 0px; background-color:#dddddd; color:#ffffff; text-align:center; font-size:18px; line-height:30px; font-weight:200; }

/*------- price -------*/
.price_title												{display:inline-block; margin:10px 0px 0px 0px; padding:5px 10px 5px 10px; color:#ffffff; background-color:#4eb2b2; font-size:17px; line-height:26px; font-weight:600;}

.price_num_box											{text-align:center; color:#4eb2b2; padding-bottom:20px; padding-top:10px;}
.price_num_box > .pri								{ font-size:35px; line-height:35px; font-weight:600;}
.price_num_box > .pre								{font-size:16px; margin-right:10px; font-weight:400; }
.price_num_box > .suf								{font-size:16px; margin-left:10px; font-weight:400; }
.subprice_title1										{display:block; font-size:22px; line-height:30px; color:#4eb2b2; margin:0px; padding:15px 0px 20px 0px;}
.subprice_title2										{display:block; font-size:22px; line-height:30px; color:#4eb2b2; margin:0px; padding:0px 0px 10px 0px;}
/*rei*/
.reidl															{border-top:2px solid #dddddd;}
.reidl dt														{width:100%; font-size:16px; line-height:26px; font-weight:200; border-bottom:0px none; padding:25px 0px 10px 0px; margin:0px;display: flex; flex-direction: column;justify-content: center;}
.reidl dd														{width:100%; font-size:18px; line-height:28px; font-weight:400; color:#4eb2b2; border-bottom:2px solid #eeeeee; padding:0px 0px 25px 0px; margin:0px;display: flex; flex-direction: column;justify-content: center;}
.reidl dd strong										{display:inline; font-size:24px;}

/*------- katei -------*/
.boxpic															{width:auto!important; height:auto!important;max-width:240px;max-height:100%; margin:0px auto;}

.katei_rei1_img											{width:100%;display: flex; flex-direction: column;justify-content: center;}
.katei_rei1_ar											{width:100%; text-align:center;display: flex; flex-direction: column;justify-content: center;}
.rei1_photo													{width:100%; height:280px; background-color:#f2f9f9; padding:10px; border:1px solid #dddddd;display: flex; flex-direction: column;justify-content: center;}

.katei_rei2_img											{width:100%;display: flex; flex-direction: column;justify-content: center;}
.katei_rei2_img2										{width:100%; position:relative; display: flex; flex-direction: column;justify-content: center;}
.katei_rei2_img_l										{height:150px!important; position:absolute; top:10px; left:10px;}
.katei_rei2_img_r										{height:150px!important;position:absolute; bottom:10px; right:10px;}
.katei_rei2_ar											{width:100%; text-align:center;display: flex; flex-direction: column;justify-content: center;}
.rei2_photo													{width:100%; height:280px; background-color:#f2f9f9; padding:10px; border:1px solid #dddddd;display: flex; flex-direction: column;justify-content: center;}

.katei_rei3_img											{width:100%;display: flex; flex-direction: column;justify-content: center;}
.katei_rei3_ar											{width:100%; text-align:center;display: flex; flex-direction: column;justify-content: center;}
.rei3_photo													{width:100%; height:280px; background-color:#f2f9f9; padding:10px; border:1px solid #dddddd;display: flex; flex-direction: column;justify-content: center;}






}
