/* ===================================================================
CSS information
 file name  :  index.css
 style info :  トップページ用（index.css）
=================================================================== */
body {
	background-color:#FFFFFF;
}


/* PC用のスタイル記述 */
@media screen and (min-width: 760px) {
	
	/* トップページ セオリー */
	.index_theory p {
		margin: 0 20px 20px 20px;
		font-size: 18px;
	}
	.index_theory p span {
		color: #ff0000;
	}
	
	/* トップページ 受講生の声 */
	.index_voice .iv_p {
		margin: 0 20px 20px 20px;
		font-size: 24px;
		font-weight: bold;
		line-height: 150%;
	}
	.index_voice .iv01 {
		margin-bottom: 40px;
	}
	.index_voice .iv01 li {
		width: 300px;
		float: left;
		line-height: 150%;
	}
	.index_voice .iv01 .iv01_1 {
		margin-right: 10px;
		padding: 10px;
		background-color:#EDEDED
	}
	.index_voice .iv01 .iv01_2 {
		margin-right: 10px;
		padding: 10px;
		background-color:#EDEDED
	}
	.index_voice .iv01 .iv01_3 {
		padding: 10px;
		background-color:#EDEDED
	}
	.index_voice .iv02 {
		margin-bottom: 40px;
	}
	.index_voice .iv02 h3 {
		height: 52px;
		background-color: #001e43;
		font-size: 26px;
		color: #fff;
		text-align: center;
		line-height: 52px;
	}
	.index_voice .iv02 ul {
		padding: 20px;
		font-size: 16px;
		border: #001e43 1px solid;
	}
	.index_voice .iv02 ul li {
		margin-bottom: 25px;
		line-height: 150%;
	}
	.index_voice .iv03 {
		margin-bottom: 40px;
	}
	.index_voice .iv03 li {
		width: 470px;
		height: 300px;
	}
	.index_voice .iv03 .iv03_1 {
		float: left;
	}
	.index_voice .iv03 .iv03_1 iframe {
		width: 470px;
		height: 300px;
	}
	.index_voice .iv03 .iv03_2 {
		float: right;
	}
	.index_voice .iv03 .iv03_2 iframe {
		width: 470px;
		height: 300px;
	}
	.index_voice .iv04 {
	}
	.index_voice .iv04_ph {
		display: none;
	}
	.index_voice .iv04 ul li {
		float: left;
		width: 300px;
		height: 250px;
	}
	.index_voice .iv04 ul .iv04_1 {
		margin-right: 40px;
		margin-bottom: 40px;
		background-image: url(../images/iv04_1.jpg);
	}
	.index_voice .iv04 ul .iv04_2 {
		margin-right: 40px;
		margin-bottom: 40px;
		background-image: url(../images/iv04_2.jpg);
	}
	.index_voice .iv04 ul .iv04_3 {
		margin-bottom: 40px;
		background-image: url(../images/iv04_3.jpg);
	}
	.index_voice .iv04 ul .iv04_4 {
		margin-right: 40px;
		background-image: url(../images/iv04_4.jpg);
	}
	.index_voice .iv04 ul .iv04_5 {
		margin-right: 40px;
		background-image: url(../images/iv04_5.jpg);
	}
	.index_voice .iv04 ul .iv04_6 {
		background-image: url(../images/iv04_6.jpg);
	}
	.index_voice .iv04 ul li p {
		width: 280px;
		height: 70px;
		margin-top: 160px;
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.55);
		line-height: 150%;
		color: #fff;
		font-size: 18px;
	}
	.index_voice .iv05 {
		margin-top: 40px;
		text-align: right;
	}
	
	/* トップページ 講師のご紹介 */
	.index_teach .it_p {
		margin: 0 20px 20px 20px;
		font-size: 18px;
	}
	.index_teach .it01 .t_left, .index_teach .it02 .t_left {
		float: left;
		width: 300px;
		margin-bottom: 20px;
		text-align: center;
	}
	.index_teach .it01 .t_right, .index_teach .it02 .t_right {
		float: right;
		width: 640px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height:190%;
	}
	.index_teach .it01 strong {
		font-size: 24px;
	}
	.index_teach .it02 {
		margin-bottom: 40px;
	}
	.index_teach .it03 {
		padding: 20px 20px 0 20px;
		background-color: #fcfcfc;
	}
	.index_teach .it03 .t_left {
		float: left;
		width: 300px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 16px
	}
	.index_teach .it03 .t_right {
		float: right;
		width: 600px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height:180%;
	}
	.index_teach .it04 {
		margin-top: 40px;
		text-align: right;
	}
	
	/* トップページ 研修プログラム */
	.index_program .ip_p {
		margin: 80px 20px 10px 20px;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 150%;
	}
	.index_program .red {
		color: #ff0000;
	}
	.index_program .line {
		text-decoration: underline;
	}
	.index_program div {
		margin-bottom: 40px;
	}
	.index_program div dl {
		width: 470px;
	}
	.index_program div dl dt {
		height: 48px;
		text-align: center;
		line-height: 48px;
		font-size: 20px;
		color: #fff;
	}
	.index_program div dl dd {
		padding: 20px;
	}
	.index_program div dl dd p {
		margin-bottom: 20px;
		line-height: 160%;
		font-size: 16px;
	}
	.index_program div dl dd a {
		float: right;
	}
	.index_program div .ip01 {
		float: left;
	}
	.index_program div .ip01 dt {
		background-color: #001A66;
	}
	.index_program div .ip01 dd {
		background-color: #BFCFFF;
	}
	.index_program div .ip02 {
		float: right;
	}
	.index_program div .ip02 dt {
		background-color: #660000;
	}
	.index_program div .ip02 dd {
		background-color: #FFBFBF;
	}
	.index_program .ip03 {
		margin-bottom: 40px;
	}
	.index_program .ip03 h3 {
		height: 52px;
		background-color: #001e43;
		font-size: 26px;
		color: #fff;
		text-align: center;
		line-height: 52px;
	}
	.index_program .ip03 div {
		font-size: 16px;
		margin-bottom: 0;
		padding: 20px;
		line-height:200%;
		border-bottom: #001e43 1px solid;
		border-right: #001e43 1px solid;
		border-left: #001e43 1px solid;
	}
	.index_program .ip03 div strong {
		font-size: 20px;
		float: left;
		width: 680px;
	}
	.index_program .ip03 div p {
		float: left;
		width: 680px;
	}
	.index_program .ip03 div img {
		float: right;
		width: 215px;
	}
	.index_program .ip04 {
		margin-bottom: 40px;
		padding: 20px;
		border: #001e43 1px solid;
	}
	.index_program .ip04 .ip04_1 {
		margin-bottom: 20px;
		line-height: 150%;
	}
	.index_program .ip04 .ip04_2 {
		margin-bottom: 20px;
	}
	.index_program .ip04 .ip04_3, .index_program .ip04 .ip04_4 {
		color: orange;
		font-weight: bold;
	}
	.index_program .ip04 .ip04_3 {
		float: left;
		width: 45%;
		font-size: 18px;
	}
	.index_program .ip04 .ip04_4 {
		float: right;
		width: 45%;
		margin-bottom: 20px;
		font-size: 32px;
	}
	.index_program .ip04 .ip04_5 {
		float: right;
		width: 45%;
		margin-bottom: 20px;
		font-size: 14px;
	}
	.index_program .ip04 .ip04_6 {
		clear: both;
		display: block;
		margin: 0 auto 10px auto;
		width: 60%;
		height: 48px;
		background-color: #131E45;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		color: #fff;
		font-weight: bold;
		font-size: 24px;
		line-height: 48px;
		text-align: center;
		text-decoration: none;
	}
	.index_program .ip04 .ip04_6:hover {
		color: #ff0000;
	}
	.index_program .ip04 .ip04_7 {
		text-align: center;
	}



	.index_program p {
		font-size: 20px;
		font-weight: normal;
	}

	.index_program b {
		font-weight: bold;
	}



	/* トップページ セミナー */
	.index_seminar .is_p {
		margin: 80px 20px 20px 20px;
		font-size: 24px;
		font-weight: bold;
		line-height: 150%;
		text-align: center;
	}
	.index_seminar .is01, .index_seminar .is02, .index_seminar .is03 {
		margin-bottom: 40px;
	}
	.index_seminar .is01 h3, .index_seminar .is03 h3 {
		height: 52px;
		background-color: #001e43;
		font-size: 26px;
		color: #fff;
		text-align: center;
		line-height: 52px;
	}
	.index_seminar .is01 p {
		font-size: 16px;
		margin-bottom: 0;
		padding: 20px 35px;
		border-bottom: #001e43 1px solid;
		border-right: #001e43 1px solid;
		border-left: #001e43 1px solid;
		background-color: #fff;
	}
	.index_seminar .is02 dl {
		width: 470px;
	}
	.index_seminar .is02 .is02_1 {
		font-size: 18px;
		font-weight:bold;
		float: left;
	}
	.index_seminar .is02 .is02_1 iframe {
		width: 470px;
		height: 300px;
	}
	.index_seminar .is02 .is02_2 {
		font-size: 18px;
		font-weight:bold;
		float: right;
	}
	.index_seminar .is02 .is02_2 iframe {
		width: 470px;
		height: 300px;
	}
	.index_seminar .is03 p {
		font-size: 16px;
		margin-bottom: 0;
		padding: 20px 35px;
		border-bottom: #001e43 1px solid;
		border-right: #001e43 1px solid;
		border-left: #001e43 1px solid;
		background-color: #fff;
	}
	.index_seminar .is04 {
		display: block;
		margin: 0 auto 80px auto;
		width: 70%;
		height: 89px;
		background-image: url(../images/cta_pc_btn2.png);
		text-align: center;
		text-decoration: none;
	}
	.index_seminar .is04:hover {
		opacity: 0.8;
	}
	.index_seminar textarea {
		font-size: 16px;
		width: 100%;
		height: 200px;
	}
	.index_program .ip04 {
		margin-bottom: 40px;
		padding: 20px;
		border: #001e43 1px solid;
	}
	
	/* トップページ Facebook */
	.index_facebook .if01 {
		margin: 0 auto;
		width: 600px;
	}
	.index_facebook div {
		margin-bottom: 40px;
	}

	.index_facebook div .ip01 {
		float: left;
		padding-top: 40px;
	}

	.index_facebook div .ip02 {
		float: right;
	}
	.index_facebook div h3 {
		width: 470px;
		font-size: 24px;
		font-weight: bold;
		line-height: 150%;
	}
	.index_facebook div .fb-page {
		width: 470px;
	}





}







/* スマートフォン用のスタイル記述 */
@media screen and (max-width: 760px) {
	
	/* トップページ セオリー */
	.index_theory p {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.index_theory p span {
		color: #ff0000;
	}
	
	/* トップページ 受講生の声 */
	.index_voice .iv_p {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.index_voice .iv01 {
		position: relative;
		margin-bottom: 40px;
	}
	.index_voice .iv01 li {
		width: 100%;
		line-height: 150%;
	}
	.index_voice .iv01 .iv01_1 {
		margin-bottom: 10px;
	}
	.index_voice .iv01 .iv01_2 {
		margin-bottom: 10px;
	}
	.index_voice .iv01 .iv01_3 {
	}
	.index_voice .iv01 li img {
		width: 100%;
	}
	.index_voice .iv02 {
		margin-bottom: 40px;
	}
	.index_voice .iv02 h3 {
		height: 36px;
		background-color: #001e43;
		font-size: 18px;
		color: #fff;
		text-align: center;
		line-height: 36px;
	}
	.index_voice .iv02 ul {
		padding: 20px 20px 10px 20px;
		border: #001e43 1px solid;
	}
	.index_voice .iv02 ul li {
		margin-bottom: 10px;
		line-height: 150%;
	}
	.index_voice .iv03 {
		margin-bottom: 40px;
		width: 100%;
	}
	.index_voice .iv03 li {
		position: relative;
		width: 100%;
	}
	.index_voice .iv03 li:before {
		content: "";
		display: block;
		padding-top: 56.25%;
	}
	.index_voice .iv03 .iv03_1 {
		margin-bottom: 10px;
	}
	.index_voice .iv03 .iv03_1 iframe, .index_voice .iv03 .iv03_2 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.index_voice .iv04 {
		display: none;
	}
	.index_voice .iv04_ph {
	}
	.index_voice .iv04_ph ul li {
	}
	.index_voice .iv04_ph ul .iv04_1 {
		background-image: url(../images/iv04_1.jpg);
	}
	.index_voice .iv04_ph ul .iv04_2 {
		background-image: url(../images/iv04_2.jpg);
	}
	.index_voice .iv04_ph ul .iv04_3 {
		background-image: url(../images/iv04_3.jpg);
	}
	.index_voice .iv04_ph ul .iv04_4 {
		background-image: url(../images/iv04_4.jpg);
	}
	.index_voice .iv04_ph ul .iv04_5 {
		background-image: url(../images/iv04_5.jpg);
	}
	.index_voice .iv04_ph ul .iv04_6 {
		background-image: url(../images/iv04_6.jpg);
	}
	.index_voice .iv04_ph ul li p {
		width: 280px;
		height: 70px;
		margin-top: 160px;
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.5);
		line-height: 150%;
		color: #fff;
	}
	.index_voice .iv04_ph .sp-arrows {
		margin-top: -25px;
	}
	.index_voice .iv04_ph .sp-arrow {
		width: 30px;
		height: 50px;
	}
	.index_voice .iv05 {
		margin-top: 40px;
		text-align: right;
	}
	
	/* トップページ 講師のご紹介 */
	.index_teach .it_p {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.index_teach .it01 .t_left, .index_teach .it02 .t_left {
		margin-bottom: 20px;
		text-align: center;
	}
	.index_teach .it01 .t_right, .index_teach .it02 .t_right {
		margin-bottom: 20px;
	}
	.index_teach .it01 strong {
		font-size: 24px;
	}
	.index_teach .it02 {
		margin-bottom: 40px;
	}
	.index_teach .it03 {
		padding: 20px;
		background-color: #ffefbf;
	}
	.index_teach .it03 .t_left {
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}
	.index_teach .it03 .t_right {
		margin-bottom: 20px;
		width: 100%;
	}
	.index_teach .it03 .t_left img {
		width: 100%;
	}
	.index_teach .it04 {
		margin-top: 40px;
		text-align: right;
	}
	
	/* トップページ 研修プログラム */
	.index_program .ip_p {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.index_program .red {
		color: #ff0000;
	}
	.index_program .line {
		text-decoration: underline;
	}
	.index_program div {
		margin-bottom: 40px;
	}
	.index_program div dl {
		width: 100%;
	}
	.index_program div dl dt {
		height: 48px;
		text-align: center;
		line-height: 48px;
		font-size: 16px;
		color: #fff;
	}
	.index_program div dl dd {
		padding: 20px;
	}
	.index_program div dl dd p {
		margin-bottom: 20px;
		line-height: 120%;
	}
	.index_program div dl dd a {
		float: right;
	}
	.index_program div .ip01 {
	}
	.index_program div .ip01 dt {
		background-color: #001A66;
	}
	.index_program div .ip01 dd {
		background-color: #BFCFFF;
	}
	.index_program div .ip02 {
	}
	.index_program div .ip02 dt {
		background-color: #660000;
	}
	.index_program div .ip02 dd {
		background-color: #FFBFBF;
	}
	.index_program .ip03 {
		margin-bottom: 40px;
	}
	.index_program .ip03 h3 {
		height: 36px;
		background-color: #001e43;
		font-size: 18px;
		color: #fff;
		text-align: center;
		line-height: 36px;
	}
	.index_program .ip03 div {
		margin-bottom: 0;
		padding: 20px;
		border-bottom: #001e43 1px solid;
		border-right: #001e43 1px solid;
		border-left: #001e43 1px solid;
	}
	.index_program .ip03 div strong {
		width: 100;
	}
	.index_program .ip03 div p {
		width: 100;
	}
	.index_program .ip03 div img {
		width: 100%;
	}
	.index_program .ip04 {
		margin-bottom: 40px;
		padding: 20px;
		border: #001e43 1px solid;
	}
	.index_program .ip04 .ip04_1 {
		margin-bottom: 20px;
		line-height: 150%;
	}
	.index_program .ip04 .ip04_2 {
		margin-bottom: 20px;
	}
	.index_program .ip04 .ip04_3, .index_program .ip04 .ip04_4 {
		color: orange;
		font-weight: bold;
	}
	.index_program .ip04 .ip04_3 {
		margin-bottom: 20px;
		font-size: 18px;
	}
	.index_program .ip04 .ip04_4 {
		margin-bottom: 20px;
		font-size: 32px;
	}
	.index_program .ip04 .ip04_5 {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.index_program .ip04 .ip04_6 {
		display: block;
		margin: 0 auto 10px auto;
		width: 90%;
		height: 32px;
		background-color: #131E45;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		line-height: 32px;
		text-align: center;
		text-decoration: none;
	}
	.index_program .ip04 .ip04_6:hover {
		color: #ff0000;
	}
	.index_program .ip04 .ip04_7 {
		text-align: center;
	}
	
	/* トップページ セミナー */
	.index_seminar .is_p {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.index_seminar .is01, .index_seminar .is02, .index_seminar .is03 {
		margin-bottom: 40px;
	}
	.index_seminar .is01 h3, .index_seminar .is03 h3 {
		height: 36px;
		background-color: #001e43;
		font-size: 18px;
		color: #fff;
		text-align: center;
		line-height: 36px;
	}
	.index_seminar .is01 p {
		margin-bottom: 0;
		padding: 20px;
		border-bottom: #001e43 1px solid;
		border-right: #001e43 1px solid;
		border-left: #001e43 1px solid;
		background-color: #fff;
	}
	.index_seminar .is02 dl, .index_seminar .is02 dl dd {
		position: relative;
		width: 100%;
	}
	.index_seminar .is02 dl dd:before {
		content: "";
		display: block;
		padding-top: 56.25%;
	}
	.index_seminar .is02 dl dd iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.index_seminar .is02 .is02_1 {
		margin-bottom: 10px;
	}
	.index_seminar .is03 p {
		margin-bottom: 0;
		padding: 20px;
		border-bottom: #001e43 1px solid;
		border-right: #001e43 1px solid;
		border-left: #001e43 1px solid;
		background-color: #fff;
	}
	.index_seminar .is04 {
		display: block;
		margin: 0 auto 10px auto;
		width: 90%;
		height: 32px;
		background-color: #131E45;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		line-height: 32px;
		text-align: center;
		text-decoration: none;
	}
	.index_seminar .is04:hover {
		color: #ff0000;
	}
	.index_seminar textarea {
		width: 100%;
		height: 200px;
	}
	
}