@charset "utf-8";
/* ------------------------------------------------------------ set */
main img{width: 100%; height: auto;}
#view						{ background: url(../../images/tokai_training_center/index/bg_01.png) center center no-repeat; background-size: cover; height: auto; padding: 70px 0;}
#view .title				{ padding: 37px 0 49px; background: url(../../images/tokai_training_center/index/bg_13.png) center center no-repeat; width: 674px; height: auto; margin: 0 auto; text-align: center;}
#view .title h2				{font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300; }
#view .title span			{line-height: 160%;}
#view .title h2 .h2_1		{font-size: 31px;}
#view .title h2 .h2_2		{font-size: 58px;}
#view .title p				{background: #63c9d5; font-size: 24px; color: #ffffff; width: 330px; border-radius: 30px;font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300; margin: 0 auto;padding: 3px 0;}

#main h3					{font-size: 30px ;text-align: center; font-family: fot-tsukuaoldmin-pr6n,serif;font-weight: 300;  padding: 0 0 46px;}
#main #schedule .h3			{padding: 0 0 30px;}
#main h3 span				{background: #63c9d5;width: 70px;display: block; height: 2px; }
#main h3 .span_1			{margin: 5px auto 0;}
#main h3 .span_2			{margin: 20px auto 0;}

#main						{ font-size: 16px; }
#main .specified			{width: 1000px; margin: 0 auto 132px;}
#main #course				{text-align: center;padding: 50px 0 45px;}
#main #course p				{background: linear-gradient(transparent 80%, #fff100 70%); display: inline;font-size: 30px; letter-spacing: 2px; font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300; }

#features 					{ padding: 52px 0 65px; background: #eefcfd;}
#features dl				{ width: 440px; padding: 0 60px 0 0; color: #000000;}
#features dl dt				{ font-size: 30px; padding: 27px 0 25px;  font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300; }
#features dl dd				{ font-size: 18px;line-height: 180%; font-family: source-han-sans-japanese, sans-serif;font-weight: 400;font-style: normal; }
#features .flR				{float: left;}

#business					{ width: 100%; padding: 75px 0;}
#business ul				{ display: flex;}
#business ul li:nth-child(2){margin: 0 35px;}
#business .img				{width: 310px; height: 207px;}
#business ul li				{text-align: center;}
#business ul li p			{color: #000000; font-size: 16px;  font-family: serif;font-family: source-han-sans-japanese, sans-serif;font-weight: 300;font-style: normal;}
#business ul li h4			{color: #000000; font-size: 22px; font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300;font-style: normal;padding:20px 0 10px; line-height: 150%;}

#training 					{ width: 100%;height: auto;}
#training .scenery			{min-width: 1000px; max-width: 1100px; margin: 0 auto;background:url(../../images/tokai_training_center/index/bg_02.png) center center no-repeat; background-size: cover;}
#training .scenery .width_11{padding: 84px 0 83px;}
#training .width_11 .img	{ display: none;}
#training .practical		{min-width: 1000px; max-width: 1100px;margin: 85px auto 0; background:url(../../images/tokai_training_center/index/bg_03.png) center center no-repeat; background-size: cover;}
#training .practical .width_11{padding: 64px 0 81px;}

#training .white			{background: #ffffff; width: 320px; height: auto;padding: 63px 44px;  }
#training .white h4			{text-align: center; font-size: 33px; padding: 0 0 20px;font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300;font-style: normal;}
#training .white p			{font-size: 16px;font-family: source-han-sans-japanese, sans-serif;font-weight: 400;font-style: normal;line-height: 200% }
#training .right			{margin: 0 0 0 auto;}

#curriculum					{background: url(../../images/tokai_training_center/index/bg_10.png) no-repeat center center; background-size: cover; width: 100%;height: auto; padding: 45px 0 91px; margin: 105px 0 55px;}
#curriculum h3				{padding:0 0 27px; }
#curriculum .tablu p		{text-align: right;font-size: 14px;font-family: serif; padding: 0 0 6px;}

#curriculum table tr:nth-child(1) th:nth-child(2),th:nth-child(3)		{background: #fff100;font-size: 19px;border:  1.5px solid #ffffff;font-family: source-han-sans-japanese, sans-serif;font-weight: 700;font-style: normal; padding: 2px 0;}
#curriculum table tr:nth-child(2) th,tr:nth-child(6) th					{padding: 0 10px; font-size: 18px; color: #ffffff;border: 2px solid #ffffff;writing-mode: horizontal-tb; width: 40px; }
#curriculum table tr:nth-child(2) th									{background: #546eb5;}
#curriculum table tr:nth-child(6) th									{background: #66a8b5;}
#curriculum table tr:nth-child(2),#curriculum tr:nth-child(3),#curriculum tr:nth-child(4),#curriculum tr:nth-child(5){background: #e7f0f5;}
#curriculum table tr:nth-child(6),#curriculum tr:nth-child(7),#curriculum tr:nth-child(8),#curriculum tr:nth-child(9){background: #ddf2f0;}

#curriculum table tr:nth-child(2) td:nth-child(3){padding: 33px 39px 33px 22px;}
#curriculum table tr:nth-child(3) td:nth-child(3){padding: 16px 39px 16px 22px;}
#curriculum table tr:nth-child(4) td:nth-child(3),#curriculum table tr:nth-child(5) td:nth-child(3){padding: 19px 39px 19px 22px;}
#curriculum table tr:nth-child(6) td:nth-child(3),#curriculum table tr:nth-child(7) td:nth-child(3){padding: 33px 39px 33px 22px;}
#curriculum table tr:nth-child(8) td:nth-child(3){padding: 33px 39px 33px 22px;}
#curriculum table tr:nth-child(9) td:nth-child(3){padding: 19px 39px 19px 22px;}

#curriculum table tr td:nth-child(2)		{ width:190px; padding: 0 148px 0 25px; font-size: 16px;border: 3px solid #ffffff;font-family: source-han-sans-japanese, sans-serif;font-weight: 300;font-style: normal;}
#curriculum table tr td:nth-child(3)		{width: auto; font-size: 16px; border: 3px solid #ffffff; letter-spacing: -0.7px;font-family: source-han-sans-japanese, sans-serif;font-weight: 300;font-style: normal;}
#curriculum table tr .td{display: none;}

#attendance									{width: 100%; height: auto; margin: 0 0 70px;}
#attendance h3								{padding: 0 0 40px;}
#attendance .flow .bg_img h4				{font-size: 30px; font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300;font-style: normal;text-align: center;letter-spacing: 2px;}

#attendance .flow .bg_img p					{font-size: 16px; width: auto; font-family: source-han-sans-japanese, sans-serif;font-weight: 400;font-style: normal;letter-spacing: -1px; text-align: center;}
#attendance .flow .pic_05					{text-align: center; padding: 18px 0;}
#attendance .flow .bg_img					{position: relative; border: 2px solid #efefef; padding: 30px 0;}
#attendance .flow .bg_img:nth-chld(1)		{padding: 27px 0 25px;}
#attendance .flow .bg_img:nth-chld(2)		{padding: 24px 0 29px;}
#attendance .flow .bg_img:nth-chld(3)		{padding: 38px 0 45px;}
#attendance .flow .bg_img:nth-chld(4)		{padding: 38px 0 45px;}
#attendance .flow .bg_img:nth-chld(5)		{padding: 39px 0 45px;}
#attendance .flow .bg_img:nth-chld(6)		{padding: 47px 0 34px;}

#attendance .flow .bg_img .point			{ position: absolute; left: -60px;top: 30px;}

#schedule 					{background: url(../../images/tokai_training_center/index/bg_12.png) center center no-repeat; background-size: cover; width: 100%; height: auto; padding: 60px 0;}
#schedule .schedule p		{font-size: 16px;font-family: source-han-sans-japanese, sans-serif;font-weight: 300;font-style: normal;text-align: center;padding: 0 0 50px;}
#schedule .schedule dl		{padding: 0 0 70px;}
#schedule .schedule dl dt	{ font-family: source-han-sans-japanese, sans-serif;font-weight: 300;font-style: normal; font-size: 18px; background: #ffffff; padding: 33px 55px 33px 37px; float: left; margin: 0 0 5px;}
#schedule .schedule dl dd	{ font-family: source-han-sans-japanese, sans-serif;font-weight: 300;font-style: normal; font-size: 18px; background: #ffffff; padding: 33px 0 33px 0;margin: 0 0 5px;}
#schedule .pamphlet			{background: #ffffff; border-radius: 15px; box-shadow: 0 0 10px 2px rgba(0,0,0,0.1); padding: 45px 0;}
#schedule .pamphlet .btn	{text-align: center;}
#schedule .pamphlet .text	{font-size: 30px; color: #554646;font-family: fot-tsukuaoldmin-pr6n,sans-serif;font-weight: 300;font-style: normal; padding: 0 0 25px;}
#schedule .pamphlet .text .br{display: none;}

#schedule .pamphlet .other_pdf{ margin: 50px 50px 0; border-top: 1px solid #000; }
#schedule .pamphlet .other_pdf ul{ padding: 30px 0 0; }
#schedule .pamphlet .other_pdf li{ padding: 20px 0; display: flex; align-items: center; justify-content: center; }
#schedule .pamphlet .other_pdf li p{ width: 200px; padding: 0 50px 0 0; text-align: left; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#view						{ height: auto; }
#view .title				{ padding: 10% 0; }
#view .title img			{ width: 60%; height: auto; }
#view						{  height: auto; padding: 35px 0;}
#view .title				{ padding: 20px 0 30px;  width: 90%; height: auto; margin: 0 auto; }
#view .title span			{line-height: 160%;}
#view .title h2 .h2_1		{font-size: 18px;}
#view .title h2 .h2_2		{font-size: 24px;}
#view .title p				{background: #63c9d5; font-size: 16px; color: #ffffff; width: 60%; border-radius: 30px;margin: 0 auto;padding: 3px 0;}

#main h3					{font-size: 24px ;text-align: center;  padding: 0 0 36px;}
#main #schedule .h3			{padding: 0 0 20px;}
#main h3 span				{width: 70px;display: block; height: 2px; }
#main h3 .span_1			{margin: 5px auto 0;}
#main h3 .span_2			{margin: 20px auto 0;}
#main						{ font-size: 16px; }
#main .specified			{width: auto; margin: 0 auto; padding:0 15px; display: block;}
#main #course				{text-align: center;padding: 50px 0 45px;}
#main #course p				{font-size: 20px; letter-spacing: 2px;  }

#features 					{ padding: 50px 0; }
#features img				{width: 100%; height: auto;}
#features dl				{ width: 100%; padding:0; color: #000000;}
#features dl dt				{ font-size: 20px; padding: 27px 0 25px;}
#features dl dd				{ font-size: 14px;line-height: 180%;}
#business					{ width: 100%; padding: 75px 0;}
#business img				{width: 100%; height: auto;}
#business ul li:nth-child(2){margin: 50px 0;}
#business .img				{width: 100%; height: auto;}
#business ul li				{text-align: center;}
#business ul li p			{ font-size: 13px;}
#business ul li h4			{font-size: 20px; padding:15px 0 6px; line-height: 150%;}

#training 					{ width: 100%;height: auto;}
#training .scenery							{margin: 0 auto;min-width:  100%; max-width: 100%; background: url();}
#training .scenery .width_11,#training .practical .width_11					{padding: 0;}
#training .practical						{margin: 40px auto 0; min-width: 100%; max-width: 100%; background: url();}
#training .width_11 .img					{ width: 100%; height: auto; display: block;}
#training .width_11 .img img				{width: 100%; height: auto;}
#training .white							{ width: 80%; height: auto; margin: 0 auto;padding: 31px 22px;  }
#training .white h4							{text-align: center; font-size: 27px; padding: 0 0 20px;}
#training .white p							{font-size: 13px;}

#curriculum					{width: 100%;height: auto; padding: 45px 0 91px; margin:50px 0;}
#curriculum h3				{padding:0 0 27px; }
#curriculum .tablu p		{text-align: right;font-size: 14px;font-family: serif; padding: 0 0 6px;}

#curriculum .overflow_x													{overflow-x: scroll;}
#curriculum table														{ width:1000px;  }
#curriculum table tr:nth-child(1) th:nth-child(2),th:nth-child(3)		{font-size: 19px;border:  1.5px solid #ffffff; padding: 2px 0;}
#curriculum table tr:nth-child(2) th,tr:nth-child(6) th					{padding: 0 10px; font-size: 18px; color: #ffffff;border: 2px solid #ffffff;writing-mode: horizontal-tb; width: 40px; }
#curriculum table tr:nth-child(2) td:nth-child(3)						{padding: 23px 39px 23px 22px;}
#curriculum table tr:nth-child(3) td:nth-child(3)						{padding: 16px 39px 16px 22px;}
#curriculum table tr:nth-child(4) td:nth-child(3),#curriculum table tr:nth-child(5) td:nth-child(3){padding: 19px 39px 19px 22px;}
#curriculum table tr:nth-child(6) td:nth-child(3),#curriculum table tr:nth-child(7) td:nth-child(3){padding: 23px 39px 23px 22px;}
#curriculum table tr:nth-child(8) td:nth-child(3)						{padding: 23px 39px 23px 22px;}
#curriculum table tr:nth-child(9) td:nth-child(3)						{padding: 19px 39px 19px 22px;}
#curriculum table tr td:nth-child(2)									{width:190px; padding: 0 148px 0 25px; font-size: 16px;border: 3px solid #ffffff;}
#curriculum table tr td:nth-child(3)									{width: auto; font-size: 16px; border: 3px solid #ffffff; letter-spacing: -0.7px;}
#curriculum table tr .td{display: none;}

#attendance									{width: 100%; height: auto; margin: 0 0 50px;}
#attendance .flow img						{width: 100%;height: auto;}
#attendance h3								{padding: 0 0 40px;}
#attendance .flow .bg_img h4				{font-size: 20px; text-align: left;letter-spacing: 2px;}
#attendance .flow .bg_img					{position: relative; border: 2px solid #efefef; padding: 20px 0;width: 85%; margin: 0 0 0 auto;}
#attendance .flow .bg_img .text_frame		{width: 80%; height: auto; padding: 0 0 0 15%;}
#attendance .flow .bg_img:nth-chld(1)		{padding: 20px 0 18px;}
#attendance .flow .bg_img:nth-chld(2)		{padding: 17px 0 22px;}
#attendance .flow .bg_img:nth-chld(3)		{padding: 31px 0 38px;}
#attendance .flow .bg_img:nth-chld(4)		{padding: 31px 0 38px;}
#attendance .flow .bg_img:nth-chld(5)		{padding: 32px 0 38px;}
#attendance .flow .bg_img:nth-chld(6)		{padding: 40px 0 27px;}

#attendance .flow .bg_img .point			{ position: absolute; left: -15%; top: 15%; width: 25%; height: auto;}
#attendance .flow .bg_img p					{font-size: 12px; width: auto; letter-spacing: -1px; text-align: left;}
#attendance .flow .bg_img p	.br				{display: none;}
#attendance .flow .pic_05					{text-align: center; padding: 18px 0; width: 10%; height: auto; margin: 0 auto;}

#schedule 									{width: 100%; height: auto; padding: 50px 0;}
#schedule img								{width: 100%; height: auto;}
#schedule .schedule p						{font-size: 16px;text-align: center;padding: 0 0 50px;}
#schedule .schedule dl						{padding: 0 0 50px;}
#schedule .schedule dl dt					{ font-size: 15px;  padding: 20px 0px 20px 10px; margin: 0 0 5px;background: #fffaf3;float: none;}
#schedule .schedule dl dd					{ font-size: 15px;  padding: 20px 0 20px 10px;margin: 0 0 5px;  float: none; }
#schedule .pamphlet							{background: #ffffff; border-radius: 15px; box-shadow: 0 0 10px 2px rgba(0,0,0,0.1); padding: 30px 0;}
#schedule .pamphlet .btn					{margin: 0 auto; width: 80%; height: auto;}
#schedule .pamphlet .text					{font-size: 20px; color: #554646; padding: 0 0 20px;}
#schedule .pamphlet .text .br				{display: block;}

}