@media print, screen and (min-width: 641px) {
.subtitle-sp 					{ display: none; }
#index 							{ padding-bottom: 100px; }
#index #top 					{ width: 980px; margin: 0 auto; }
#index .flexBox					{ max-width: 980px; margin: 0 auto; display: flex; flex-wrap: wrap;}
#index #main 					{ max-width: 440px; margin-top: 30px; }
#index #news 					{ height: 350px; overflow-y: scroll; }
#index #newstitle-sp 			{ display: none; }
#index #main article:nth-child(1){ width: 450px; }
#index #main article:nth-child(1) #news div{ padding: 15px 0; border-bottom: 1px solid #ccc; }
#index #main article:nth-child(1) #news div:first-child{ padding-top: 30px; }
#index #main article:nth-child(1) #news img{ display: block; float: left; margin: 0 15px; }
#index #main article:nth-child(1) #news ul{ line-height: 20px }
#index #main article:nth-child(2){ width: 450px; margin-top: 25px; }
#index #youtube 				{ margin-top: 5px; }
#index #youtube 				{ line-height: 20px }
#index #youtube span			{ margin-right: 10px; display: block; float: left; }
#index #banner 					{ max-width: 440px; margin-top: 40px; text-align: center; }
#index #banner div 				{ margin-bottom: 20px; display: inline-block; }
#index #banner div img 			{ max-width: 450px; }
#index #banner div#aed 			{ max-width: 320px; }
#index #banner div.sp			{ display: none; }
#index #banner center 			{ clear: both;}
#index #youtube-s 				{ display: none; }


#contact-contents 				{ width: 400px; margin: 0 auto; padding-bottom: 20px; }
.contact-arrow 					{ text-align: center; }
#contact-contents p 			{ margin-top: 30px; }
#contact-contents a 			{ text-decoration: underline; color: #00f; }
#contact-contents span 			{ padding: 3px 10px; margin-right: 15px; color: #1f5388; background-color: #d4f4f7; border-radius: 100px; font-weight: bold; }


#recruit-contents table 		{ width: 750px; margin-top: 20px; line-height: 1.3em; }
#recruit-contents th 			{ width: 160px; text-align: left; padding: 10px 0 10px 20px; border: 1px solid #ddd; }
#recruit-contents td 			{ padding: 10px 0 10px 20px; border: 1px solid #ddd; border-left: none; }
#recruit-contents table span 	{ color: #f00; }
#recruit-contents td a,#recruit-contents p a{ color: #00f; }


#management-philosophy-top-bg 	{ height: 250px; background: url('../images/management-philosophy-top.jpg') 0 0 no-repeat; }
#management-philosophy-contents div:nth-child(1){ font-weight: bold; font-size: 35px; text-align: center; color: #000; margin: 25px 0; }
#management-philosophy-contents div:nth-child(2){ float: left; margin-bottom: 20px; }
#management-philosophy-contents div:nth-child(3){ float: right; margin-bottom: 20px; }
#management-philosophy-contents h3{ width: 750px; padding: 10px; clear: both; font-weight: normal; background-color: #d5f4f8; color: #023c7a; }
#management-philosophy-contents #management-philosophy-top-text{ padding-bottom: 20px; border-bottom: 1px solid #ddd; line-height: 1.2em; letter-spacing: .1em; }
#management-philosophy-contents article{ margin-top: 30px;  }
#management-philosophy-contents article .plus{ width: 750px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
#management-philosophy-contents article p{ color: #023c7a; font-size: 15px; height: 20px; line-height: 18px }
#management-philosophy-contents article span{ display: block; float: left; margin-right: 10px; }
#management-philosophy-contents article a img{ margin-bottom: 10px; }
#management-philosophy-contents article a:nth-child(2n) img{ margin-right: 25px; }
#management-philosophy-contents article div{ line-height: 20px; }
#management-philosophy-contents article div span{  }
#management-philosophy-contents article:last-child .plus{ border-bottom: none; padding-bottom: 80px; }


#introduction-contents article:nth-child(1){ margin-top: 15px; }
#introduction-contents article:nth-child(1) div:nth-child(1){ width: 450px;float: left; line-height: 1.4em; }
#introduction-contents article:nth-child(1) div:nth-child(2){ float: right; }
#introduction-contents article:nth-child(2){ margin-top: 20px; padding-bottom: 50px; }
#introduction-contents article:nth-child(2) h3{ width: 750px; padding: 10px; clear: both; font-weight: normal; background-color: #d5f4f8; color: #023c7a; }
#introduction-contents article:nth-child(2) div:nth-child(2){ float: left; margin-right: 20px; }
#introduction-contents article:nth-child(2) div:nth-child(3){ height: 190px; float: left; margin-right: 20px; padding-top: 60px; }
#introduction-contents article:nth-child(2) div:nth-child(4){ font-size: 25px; color: #555; line-height: 1.5em; padding-top: 20px; }
#introduction-contents article:nth-child(2) div:nth-child(4) span{ font-weight: bold; color: #2ba7df; }
#introduction-contents article:nth-child(2) div:nth-child(5),#introduction-contents article:nth-child(2) div:nth-child(8){width: 750px; font-size: 25px; color: #555; line-height: 1.5em; padding-top: 20px; line-height: 62px }
#introduction-contents article:nth-child(2) div:nth-child(5) span,#introduction-contents article:nth-child(2) div:nth-child(8) span{ color: #2ba7df; font-weight: bold; }
#introduction-contents article:nth-child(2) div:nth-child(5) img,#introduction-contents article:nth-child(2) div:nth-child(8) img{ display: block; float: left; margin-right: 20px; }
#introduction-contents article:nth-child(2) div:nth-child(6),#introduction-contents article:nth-child(2) div:nth-child(7){width: 750px; font-size: 25px; color: #555; padding-top: 20px; line-height: 35px; }
#introduction-contents article:nth-child(2) div:nth-child(6) span,#introduction-contents article:nth-child(2) div:nth-child(7) span{ color: #2ba7df; font-weight: bold; }
#introduction-contents article:nth-child(2) div:nth-child(6) img,#introduction-contents article:nth-child(2) div:nth-child(7) img{ display: block; float: left; margin-right: 20px; }
#introduction-contents article:nth-child(3){ display: none; }


#work-top-bg 					{ height: 250px; background: url('../images/work-top.jpg') 0 0 no-repeat; }
#work-contents article div:nth-child(1){ height: 35px; line-height: 35px; margin-top: 15px; padding-left: 10px; background-color: #d5f4f8; color: #023c7a; }
#work-contents article div:nth-child(1) span{ background-color: #fff; padding: 2px 15px; border-radius: 50px; margin-right: 10px; }
#work-contents article div:nth-child(2){ float: left; display: block; margin-top: 15px; }
#work-contents article div:nth-child(3){ float: right; width: 510px; margin-top: 15px; padding-top: 50px; line-height: 1.5em; }
#work-contents article div:nth-child(4){ width: 750px; padding-top: 20px; clear: both; text-align: center; }
#work-contents article:last-child div:nth-child(2){padding-bottom: 50px;}


#company-information-top-bg		{ width: 980px; height: 250px; margin: 0 auto; background: url('../images/company-information-top.jpg') 0 0 no-repeat; }
#company 						{  }
#company article img:first-child{ margin-bottom: 10px; }
#company #message p				{ width: 550px; padding-right: 10px; display: block; float: left; letter-spacing: 1px; line-height: 1.5em; }
#company #message p span		{ color: #416c9a; font-size: 14px; }
#company #management-philosophy	{ margin-top: 50px; }
#company #management-philosophy p{ letter-spacing: 1px; line-height: 1.5em; }
#company #management-philosophy p span{ background: url('../images/dot.jpg') 0 0 no-repeat; padding-left: 20px; color: #416c9a; }
#company .border 				{ margin: 20px 0; border-top: 1px solid #ccc; }
#company #company-profile 		{ margin-top: 50px; }
#company-profile table 			{ width: 750px; line-height: 1.3em }
#company-profile table th		{ width: 200px; text-align: left; padding: 10px 0 10px 50px; background-color: #f6f6f7; border: 1px solid #ccc; }
#company-profile table td		{ width: 550px; padding: 10px 20px; border: 1px solid #ccc; }
#company-profile table td a		{ color: #00f; }
#company-profile ul 			{ display: none; }


.subtitle li					{ padding: 3px 0; }


#other-table table 				{ margin: 20px 0 40px 0; }
#other-table th 				{ padding: 5px 0; width: 120px; vertical-align: top; text-align: left; }
#other-table td 				{ padding: 5px 0; width: 150px; }
#other-table tr .other-name 	{ width: 220px; }
.sp-title 						{ display: none; }
.overflow 						{ display: none; }

div#aed,div#w-l-b,div#nhk {margin-top: 20px;}
div#aed img,div#w-l-b,div#nhk {width: 100%;}
#company-introduction-contents header div{ float: left; }
#company-introduction-contents header div:nth-child(1){ margin-left: 10px; }
#company-introduction-contents header div:nth-child(2){ margin: 8px 0 0 10px; font-size: 18px;letter-spacing: 2px }
#company-introduction-contents article{ margin-top: 20px; }
#company-introduction-contents article ul{ clear: both; padding-top: 10px; }
#company-introduction-contents article ul li{ margin-top: 8px; }
#company-introduction-contents article:nth-child(2){ padding: 19px; border: 1px solid #ccc; }
#company-information-photo 		{ /*width: 708px; height: 3438px;*/ margin-top: 10px; }
#company-introduction-contents article:nth-child(3){ padding-top: 20px; border-top: 1px dotted #000; }
#company-introduction-contents article:nth-child(3) ul{ padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#company-introduction-contents article:nth-child(3) ul:last-child{ border: none; }
#company-introduction-contents article:nth-child(3) ul li:nth-child(1){ margin: 20px 0 10px 0; font-size: 15px; }
#company-introduction-contents article:nth-child(3) ul li:nth-child(n+2){ display: block; float: left; margin: 0 30px 10px 0; }
#company-introduction-contents article:nth-child(3) ul li:nth-child(2n+3){ margin-right: 0; }


#introduction-list-contents .case-list{ width: 375px; /*height: 390px;*/ padding: 20px; display: block; float: left; /*border: 1px solid #ccc;*/ }
#introduction-list-contents .case-list:nth-child(-n+2){ margin-top: 20px; }
#introduction-list-contents .case-list:nth-child(2n+1){ clear: both; }
#introduction-list-contents .case-list:nth-child(2n){ border-left: none; }
#introduction-list-contents .case-list:nth-child(n+3){ border-top: none; }
#introduction-list-contents div:first-child { height: 30px; line-height: 30px; padding-left: 20px; margin-bottom: 20px; background-color: #ededee; }
#introduction-list-contents div:first-child span{ color: #0e4280; }
#introduction-list-contents div:nth-child(2){ width: 150px; }
#introduction-list-contents div:nth-child(2) img{ width: 150px;float: left; }
#introduction-list-contents div:nth-child(3){ width: 178px; margin-left: 5px; float: left; }
#introduction-list-contents div:nth-child(3) ul li{ padding: 3px 0 3px 10px; background: url('../images/triangle.jpg') 0 4px no-repeat; font-size: 12px; line-height: 1.2em; }


#introduction-common-contents ul li{ padding: 5px; display: block; float: left; border: 1px solid #ccc;-webkit-transition: .5s; transition: .5s; }
#introduction-common-contents ul li:hover{ background-color: #b3b3b3; border: 1px solid #969696; }
#introduction-common-contents ul li:nth-child(3n){ margin-right: 0; }
#introduction-common-contents ul li p{ margin: 0; text-align: center; }
#introduction-common-contents ul li p:nth-child(2){ margin: 10px 0 5px 0; }
#introduction-common-contents ul li p:nth-child(3){ margin-bottom: 10px; }
#introduction-other-contents 	{ margin-top: 50px; }
#introduction-other-contents a	{ color: #00f; }
#introduction-other-contents article{ margin-top: 20px; }
#introduction-other-contents article div:first-child{ width: 130px; padding-top: 3px; float: left; }
#introduction-other-contents article div:nth-child(2){ float: left; line-height: 1.8em }
#introduction-other-contents article div:nth-child(2) span:nth-child(1){ width: 380px; display: inline-block; }
#introduction-other-contents article div:nth-child(2) span:nth-child(3){ display: inline-block; }

#projects-common-contents h3 	{ text-align: center; color: #2f90b5; font-weight: normal; font-size: 20px; }

#news20160810 p 				{ margin: 20px 0; text-align: center; }
}





@media screen and (max-width: 640px) and (min-width: 490px){
body 							{ font-size: 11px }
.title-sp						{ width: 100%!important; height: 30px; line-height: 30px!important; background-color: #bce1e7; font-size: 17px; padding: 0 0 0 10px; margin-bottom: 20px!important; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#index #top img 				{ width: 100%; }
#index #newstitle-pc 			{ display: none; }
#index #news 					{ height: 300px; width: 90%; margin: 0 auto; padding: 5px; border: 1px solid #ccc; overflow-y: scroll; }
#index #newstitle-sp 			{ font-size: 18px; color: #043b70; padding-left: 20px; }
#index #newstitle-sp span		{ font-size: 15px; color: #57a6c4; }
#index #main article:nth-child(1){ width: 100%; float: left; margin-bottom: 40px; }
#index #main article:nth-child(1) #news div{ padding: 10px 0; border-bottom: 1px solid #ccc; }
#index #main article:nth-child(1) #news div:last-child{ border-bottom: none; }
#index #main article:nth-child(1) #news img{ display: block; float: left; margin: 0 15px; }
#index #main article:nth-child(1) #news ul{ line-height: 20px }
#index #main article:nth-child(2){ width: 450px; margin: 0 auto; clear: both; }
#index #youtube 				{ margin: 5px 0 40px 0; }
#index #youtube 				{ line-height: 20px }
#index #youtube span			{ margin-right: 10px; display: block; float: left; }
#index #banner div 				{ width: 450px; margin: 10px auto; }
#index #banner center img			{ width: 90%;}
#index #youtube-s 				{ display: none; }
#index #banner div img 			{ width: 100%; }


#contact-contents 				{ width: 350px; margin: 0 auto; line-height: 1.7em; }
#contact-contents span 			{ padding: 1px 7px; margin-right: 10px; color: #1f5388; background-color: #d4f4f7; border-radius: 100px; font-weight: bold; }
#contact-contents p.contact-arrow{ text-align: left; padding-left: 100px; margin: 20px 0; }
#contact-contents p:nth-child(1){ margin-bottom: 20px; font-weight: bold; }
#contact-contents p:last-child 	{ margin: 25px 0; font-weight: bold; }
#right-contents p:last-child img{ width: 100%; }


#company 						{  }
#company article img:first-child{ margin-bottom: 10px; }
#company #message p				{ width: 70%; display: block; float: right; margin: 0; padding-right: 10px; line-height: 1.3em; }
#company #president				{ width: 29%; max-width: 200px; }
#company #message p span		{ color: #416c9a; font-size: 12px; }
#company #management-philosophy	{ margin-top: 50px; }
#company #management-philosophy p{ letter-spacing: 1px; padding: 0 10px; line-height: 1.2em; }
#company #management-philosophy p span{ background: url('../images/dot.jpg') 0 0 no-repeat; padding-left: 20px; color: #416c9a; }
#company .border 				{ margin: 20px 0; border-top: 1px solid #ccc; }
#company #company-profile 		{ margin-top: 50px; }
#company-profile table,#company-profile tbody,#company-profile tr,#company-profile th,#company-profile td{ display: block; }
#company-profile th 			{ width: 100% !important; padding: 10px 0 10px 10px!important; border: 0!important; text-align: left; }
#company-profile td 			{ width: 100% !important; padding: 0 0 10px 10px!important; border: 0!important; border-bottom: 1px solid #ccc!important; }
#company-profile .TableInfo 	{ padding: 0 10px!important; }
#company-profile .TableInfo img	{ width: 100%; }
#company-profile .TableInfo iframe{ width: 100%; }
#company-profile table td a		{ color: #00f; }
#company-profile ul li 			{ padding-left: 10px; }
#company-profile ul li a		{ color: #00f; }
#company-profile ul li:nth-child(2n){ border-bottom: 1px solid #ccc; margin: 5px 0 10px 0; padding-bottom: 10px; }
#company-profile ul li:last-child{ border: none; width: 90%; margin: 20px auto 0 auto; }


#right-contents p:last-child img{ width: 100%; }
#right-contents article table 	{ width: 98%; margin: 20px auto 0 auto; }
#right-contents article th 		{ width: 30%; padding: 10px 0; border: 1px solid #ccc; }
#right-contents article td 		{ width: 70%; padding: 10px 0; border: 1px solid #ccc; padding-left: 5px; }


#recruit-contents table 		{ width: 98%; margin: 20px auto 0 auto; }
#recruit-contents th 			{ width: 30%; padding: 10px 0; border: 1px solid #ccc; }
#recruit-contents td 			{ width: 70%; padding: 10px 0; border: 1px solid #ccc; padding-left: 5px; }
#recruit-contents td a,#recruit-contents p a			{ color: #00f; }


#introduction-contents article:nth-child(1) div:nth-child(1){ width: 96%; margin: 0 auto; line-height: 1.2em; padding-bottom: 10px; }
#introduction-contents article:nth-child(1) div:nth-child(2){ max-width: 260px; margin: 0 auto; }
#introduction-contents article:nth-child(1) div:nth-child(2) img{ width: 100%; }
#introduction-contents article:nth-child(2) div:nth-child(2){ width: 80%; max-width: 300px; margin: 0 auto; }
#introduction-contents article:nth-child(2) div:nth-child(2) img{ width: 100%; }
#introduction-contents article:nth-child(2) h3{ padding-left: 20px; font-size: 20px; margin-top: 40px; text-shadow: 5px 5px 2px #ccc; }
#introduction-contents article:nth-child(2) div{ width: 90%; margin: 0 auto; padding-bottom: 10px; font-size: 18px; }
#introduction-contents article:nth-child(2) div:nth-child(3),#introduction-contents article:nth-child(2) div:nth-child(4),#introduction-contents article:nth-child(2) div:nth-child(5),#introduction-contents article:nth-child(2) div:nth-child(6),#introduction-contents article:nth-child(2) div:nth-child(7),#introduction-contents article:nth-child(2) div:nth-child(8){ display: none }
#introduction-contents article:nth-child(2) span{  }
#introduction-contents article:nth-child(2) img{ display: block; padding-bottom: 10px; }
#introduction-contents article:nth-child(3){ font-size: 13px }
#introduction-contents article:nth-child(3) img{ width: 62px; margin: 0 auto; display: block; }
#introduction-contents article:nth-child(3) span{ color: #2ba7df; }
#introduction-contents article:nth-child(3) { width: 90%; margin: 0 auto; }
#introduction-contents article:nth-child(3) p{ margin: 0; }
#introduction-contents article:nth-child(3) p:nth-child(2n){ padding: 10px 0 30px 0; }
#introduction-contents article:nth-child(3) p.subtitle-sp{ padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 15px }


#work-contents article  		{ width: 100%; margin: 0 auto; text-align: center; }
#work-contents article div:nth-child(1) { height: 35px; line-height: 35px; margin-top: 15px; -webkit-box-shadow: 9px 4px 5px #c1eff4; box-shadow: 9px 4px 5px #c1eff4; color: #023c7a; text-align: left; padding-left: 10px; }
#work-contents article div:nth-child(1) span{ background-color: #fff; padding: 2px 15px; border-radius: 50px; margin-right: 10px; }
#work-contents article div:nth-child(2){ margin-top: 15px; }
#work-contents article div:nth-child(3){ margin-top: 15px; padding: 0 15px; line-height: 1.5em; text-align: left; }
#work-contents article div:nth-child(4){ padding: 10px 0; clear: both; text-align: center; }
#work-contents article:last-child div:last-child{ padding-bottom: 30px; }


#other-table img 				{ display: none; }
#other-table table 				{ margin: 20px 0 20px 0; font-size: .9em!important; }
#other-table th 				{ padding: 5px 0; width: 120px; vertical-align: top; text-align: left; }
#other-table td 				{ padding: 5px 0; width: 150px; }
#other-table tr .other-name 	{ width: 220px; }
.other2014 span					{ font-size: 16px; }
.overflow 						{ display: none; }


#company-introduction-contents header div{ float: left; margin-bottom: 10px; }
#company-introduction-contents header div:nth-child(1){ margin-left: 0px; }
#company-introduction-contents header div:nth-child(2){ margin: 8px 0 0 10px; font-size: 14px; font-weight: bold; text-shadow: 5px 5px 2px #ccc; }
#company-introduction-contents article{ margin-top: 15px; }
#company-introduction-contents article ul{ clear: both; }
#company-introduction-contents article:first-child ul li{ margin-top: 8px; padding-left: 10px; }
#company-introduction-contents article:nth-child(2){ width: 98%; margin: 40px auto; }
#company-information-photo 		{  }
#company-information-photo img	{ width: 100%; }
#company-introduction-contents article:nth-child(3){ width: 98%; margin: 0 auto; padding-top: 20px; border-top: 1px dotted #000; }
#company-introduction-contents article:nth-child(3) ul{ padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#company-introduction-contents article:nth-child(3) ul img{ width: 100%; max-width: 360px; margin: 10px auto; display: block; }
#company-introduction-contents article:nth-child(3) ul:last-child{ border: none; }
#company-introduction-contents article:nth-child(3) ul li:nth-child(1){ margin: 20px 0 10px 0; font-size: 15px; text-align: center; }


#introduction-list-contents 	{  }
#introduction-list-contents .case-list{ width: 50%; /*height: 575px;*/ padding: 20px; display: block; float: left; /*border: 1px solid #ccc;*/ }
#introduction-list-contents .case-list:nth-child(-n+2){ margin-top: 20px; }
#introduction-list-contents .case-list:nth-child(2n+1){ clear: both; }
#introduction-list-contents .case-list:nth-child(2n){ border-left: none; }
#introduction-list-contents .case-list:nth-child(n+3){ border-top: none; }
#introduction-list-contents div:first-child { height: 30px; line-height: 30px; padding-left: 20px; margin-bottom: 20px; background-color: #ededee; }
#introduction-list-contents div:first-child span{ color: #0e4280; }
#introduction-list-contents div:nth-child(2){ text-align: center; }
#introduction-list-contents div:nth-child(2) img{ width: 100%; max-width: 230px }
#introduction-list-contents div:nth-child(3){ width: 100%; max-width: 230px; margin: 10px auto 0 auto; }
#introduction-list-contents div:nth-child(3) ul li{ padding: 3px 0 3px 10px; background: url('../images/triangle.jpg') 0 4px no-repeat; font-size: 12px; line-height: 1.2em; }


#introduction-common-contents ul{ width: 100%; max-width: 480px; margin: 0 auto; }
#introduction-common-contents ul li{ width: 49.9%; max-width: 235px; padding: 10px; margin: 20px 0 0 0; display: block; float: left; border: 1px solid #ccc; }
#introduction-common-contents ul li:nth-child(2n+1){ clear: both; }
#introduction-common-contents ul li:nth-child(2n){ margin-right: 0; float: right; }
#introduction-common-contents ul li p{ margin: 0; text-align: center; }
#introduction-common-contents ul li p:nth-child(2){ margin: 10px 0 5px 0; }
#introduction-common-contents ul li p:nth-child(3){ margin-bottom: 10px; }
#introduction-common-contents ul li p img{ width: 100%; max-width: 230px; }
#introduction-other-contents 	{ margin-top: 40px; }
#introduction-other-contents a	{ color: #00f; }
#introduction-other-contents article{ margin-top: 20px; }
#introduction-other-contents article div:first-child{ margin-bottom: 5px; padding: 3px 0 3px 5px; font-weight: bold; }
#introduction-other-contents article div:nth-child(2){ line-height: 2em; margin-left: 3px; }
#introduction-other-contents article div:nth-child(2) li{ width: 98%; margin: 0 auto; padding-left: 10px; border-bottom: 1px solid #ccc; }
#introduction-other-contents article div:nth-child(2) span:nth-child(1){ width: 56%; min-width: 200px; display: inline-block; }
#introduction-other-contents article div:nth-child(2) span:nth-child(2){width: 25%; min-width: 125px; display: inline-block; }
#introduction-other-contents article div:nth-child(2) span:nth-child(3){ display: inline-block; }

#projects-common-contents h3 	{ text-align: center; color: #2f90b5; font-weight: normal; font-size: 14px; }

#news20160810 p 				{ width: 94%; margin: 20px auto; }
#news20160810 .image img 		{ width: 100%; }
}





@media screen and (max-width: 489px) {
.title-sp						{ width: 100%!important; height: 30px; line-height: 30px!important; background-color: #bce1e7; font-size: 17px; padding: 0 0 0 10px; margin-bottom: 20px!important; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.title-pc						{ display: none; }
#index #top img 				{ width: 100%; }
#index #newstitle-pc 			{ display: none; }
#index #news 					{ width: 90%; height: 150px; margin: 0 auto; padding: 5px; overflow-y: scroll; border: 1px solid #ccc; }
#index #newstitle-sp 			{ font-size: 18px; color: #043b70; padding-left: 20px; }
#index #newstitle-sp span		{ font-size: 15px; color: #57a6c4; }
#index #main article:nth-child(1){ width: 100%; float: left; margin-bottom: 40px; }
#index #main article:nth-child(1) #news div{ padding: 10px 0; border-bottom: 1px solid #ccc; }
#index #main article:nth-child(1) #news div:last-child{ border-bottom: none }
#index #main article:nth-child(1) #news img{ display: block; float: left; margin: 0 15px; }
#index #main article:nth-child(1) #news ul{ line-height: 20px }
#index #main article:nth-child(2){ width: 310px; margin: 0 auto; clear: both; }
#index #youtube 				{ margin: 5px 0 40px 0; }
#index #youtube 				{ font-size: 12px; line-height: 20px }
#index #youtube span			{ display: block; float: left; }
#index #banner div 				{ width: 90%;max-width: 450px; margin: 7px auto; }
#index #banner div img			{ width: 100%; }
#index #banner div.sp			{ display: block; }
#index #banner center img			{ width: 90%;}
#index #youtube-b 				{ display: none; }


#contact-contents 				{ width: 95%; margin: 0 auto; line-height: 1.7em; }
#contact-contents span 			{ padding: 1px 7px; color: #1f5388; background-color: #d4f4f7; border-radius: 100px; font-weight: bold; display: block; width: 70px; margin: 0 auto 10px 30px; }
#contact-contents p 			{ text-align: center; margin: 20px 0; }
#contact-contents p.contact-arrow{ text-align: center; margin: 20px 0; }
#contact-contents p:nth-child(1){ margin-bottom: 20px; font-weight: bold; }
#contact-contents p:last-child 	{ margin: 25px 0; font-weight: bold; }


#company 						{  }
#company article img:first-child{ margin-bottom: 10px; }
#company #message p				{ display: block; margin: 0; padding: 0 10px 10px; line-height: 1.3em; }
#company #president				{ width: 200px; margin: 0 auto; display: block; }
#company #message p span		{ color: #416c9a; font-size: 11px; }
#company #management-philosophy	{ margin-top: 50px; }
#company #management-philosophy p{ padding: 0 5px; line-height: 1.2em; }
#company #management-philosophy p span{ height: 15px; display: inline-block; line-height: normal; background: url('../images/dot.jpg') 0 0 no-repeat; padding-left: 20px; color: #416c9a; }
#company .border 				{ margin: 20px 0; border-top: 1px solid #ccc; }
#company #company-profile 		{ margin-top: 50px; }
#company-profile table,#company-profile tbody,#company-profile tr,#company-profile th,#company-profile td{ display: block; }
#company-profile th 			{ width: 100% !important; padding: 10px 0 10px 10px!important; border: 0!important; text-align: left; }
#company-profile td 			{ width: 100% !important; padding: 0 0 10px 10px!important; border: 0!important; border-bottom: 1px solid #ccc!important; }
#company-profile .TableInfo 	{ padding: 0 10px!important; }
#company-profile .TableInfo img	{ width: 100%; }
#company-profile .TableInfo iframe{ width: 100%; }
#company-profile table td a		{ color: #00f; }
#company-profile ul li 			{ padding-left: 10px; }
#company-profile ul li a		{ color: #00f; }
#company-profile ul li:nth-child(2n){ border-bottom: 1px solid #ccc; margin: 5px 0 10px 0; padding-bottom: 10px; }
#company-profile ul li:last-child{ border: none; width: 90%; margin: 20px auto 0 auto; }


#right-contents p:last-child img{ width: 100%; }
#right-contents article table 	{ width: 98%; margin: 20px auto 0 auto; }
#right-contents article th 		{ width: 30%; padding: 10px 0; border: 1px solid #ccc; }
#right-contents article td 		{ width: 70%; padding: 10px 0; border: 1px solid #ccc; padding-left: 5px; }


#recruit-contents table 		{ width: 98%; margin: 20px auto 0 auto; }
#recruit-contents th 			{ width: 30%; padding: 10px 0; border: 1px solid #ccc; }
#recruit-contents td 			{ width: 70%; padding: 10px 0; border: 1px solid #ccc; padding-left: 5px; }
#recruit-contents td a,#recruit-contents p a{ color: #00f; }


#introduction-contents article:nth-child(1) div:nth-child(1){ width: 96%; margin: 0 auto; line-height: 1.2em; padding-bottom: 10px; }
#introduction-contents article:nth-child(1) div:nth-child(2){ width: 80%; max-width: 260px; margin: 0 auto; }
#introduction-contents article:nth-child(1) div:nth-child(2) img{ width: 100%; }
#introduction-contents article:nth-child(2) div:nth-child(2){ width: 80%; max-width: 300px; margin: 0 auto; }
#introduction-contents article:nth-child(2) div:nth-child(2) img{ width: 100%; }
#introduction-contents article:nth-child(2) h3{ padding-left: 20px; font-size: 20px; text-shadow: 5px 5px 2px #ccc; }
#introduction-contents article:nth-child(2) div{ width: 90%; margin: 0 auto; padding-bottom: 10px; font-size: 18px; }
#introduction-contents article:nth-child(2) div:nth-child(3),#introduction-contents article:nth-child(2) div:nth-child(4),#introduction-contents article:nth-child(2) div:nth-child(5),#introduction-contents article:nth-child(2) div:nth-child(6),#introduction-contents article:nth-child(2) div:nth-child(7),#introduction-contents article:nth-child(2) div:nth-child(8){ display: none }
#introduction-contents article:nth-child(2) span{  }
#introduction-contents article:nth-child(2) img{ display: block; padding-bottom: 10px; }
#introduction-contents article:nth-child(3) { font-size: 12px }
#introduction-contents article:nth-child(3) span{ color: #2ba7df; }
#introduction-contents article:nth-child(3) { width: 90%; margin: 0 auto; }
#introduction-contents article:nth-child(3) p{ margin: 0; }
#introduction-contents article:nth-child(3) p.subtitle-sp{ border-bottom: 1px solid #ccc; font-size: 13px; }
#introduction-contents article:nth-child(3) p:nth-child(2n){ padding: 10px 0 20px 0; line-height: 1.3em; }


#work-contents article  		{ width: 100%; margin: 0 auto; text-align: center; }
#work-contents article div:nth-child(1) { height: 35px; line-height: 35px; margin-top: 15px; -webkit-box-shadow: 9px 4px 5px #c1eff4; box-shadow: 9px 4px 5px #c1eff4; color: #023c7a; text-align: left; padding-left: 10px; }
#work-contents article div:nth-child(1) span{ background-color: #fff; padding: 2px 15px; border-radius: 50px; margin-right: 10px; }
#work-contents article div:nth-child(2){ margin-top: 15px; }
#work-contents article div:nth-child(3){ margin-top: 15px; padding: 0 10px; line-height: 1.5em; text-align: left; }
#work-contents article div:nth-child(4){ padding: 10px 0; clear: both; text-align: center; }
#work-contents article:last-child div:last-child{ padding-bottom: 30px; }


#other-table 					{ overflow-x: scroll; }
#other-table img 				{ display: none; }
#other-table table 				{ width: 570px; margin: 20px 0 20px 0; font-size: .9em!important; }
#other-table th 				{ padding: 5px 0; width: 120px; vertical-align: top; text-align: left; }
#other-table td 				{ padding: 5px 0; width: 150px; }
#other-table tr .other-name 	{ width: 220px; }
.other2014 span					{ font-size: 16px; }
.overflow 						{ font-weight: bold; margin-top: 10px; }


#company-introduction-contents header div{ float: left; margin-bottom: 10px; }
#company-introduction-contents header div:nth-child(1){ margin-left: 0px; }
#company-introduction-contents header div:nth-child(2){ width: 250px; margin: 8px 0 0 10px; letter-spacing: 1px; font-size: 12px; font-weight: bold; text-shadow: 5px 5px 2px #ccc; }
#company-introduction-contents article:nth-child(2) header div:nth-child(2){  margin: 0 0 0 10px; }
#company-introduction-contents article{ margin-top: 15px; }
#company-introduction-contents article ul{ clear: both; }
#company-introduction-contents article:first-child ul li{ margin-top: 8px; padding-left: 10px; }
#company-introduction-contents article:nth-child(2){ width: 98%; margin: 40px auto; }
#company-information-photo 		{  }
#company-information-photo img	{ width: 100%; }
#company-introduction-contents article:nth-child(3){ width: 98%; margin: 0 auto; padding-top: 20px; border-top: 1px dotted #000; }
#company-introduction-contents article:nth-child(3) ul{ padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#company-introduction-contents article:nth-child(3) ul img{ width: 100%; max-width: 360px; margin: 10px auto; display: block; }
#company-introduction-contents article:nth-child(3) ul:last-child{ border: none; }
#company-introduction-contents article:nth-child(3) ul li:nth-child(1){ margin: 20px 0 10px 0; font-size: 13px; text-align: center; }


#introduction-list-contents 	{  }
#introduction-list-contents .case-list{ width: 90%; margin: 0 auto; padding: 20px; border-bottom: 1px solid #ccc; }
#introduction-list-contents .case-list:last-child{ border: none; }
#introduction-list-contents .case-list:nth-child(1){ margin-top: 20px; }
#introduction-list-contents div:first-child { height: 30px; line-height: 30px; text-align: center; font-size: 14px }
#introduction-list-contents div:first-child span{ color: #0e4280; }
#introduction-list-contents div:nth-child(2){ text-align: center; margin: 10px 0;}
#introduction-list-contents div:nth-child(2) img{ width: 100%; max-width: 230px }
#introduction-list-contents div:nth-child(3){ width: 100%; max-width: 230px; margin: 0 auto; }
#introduction-list-contents div:nth-child(3) ul li{ padding: 3px 0 3px 10px; background: url('../images/triangle.jpg') 0 4px no-repeat; font-size: 12px; line-height: 1.2em; }


#introduction-common-contents ul{ width: 96%; max-width: 480px; margin: 0 auto; }
#introduction-common-contents ul li{ width: 100%; max-width: 240px; margin: 20px auto 0 auto; display: block; border: 1px solid #ccc; }
#introduction-common-contents ul li p{ margin: 0; text-align: center; }
#introduction-common-contents ul li p:nth-child(1){ padding: 5px; }
#introduction-common-contents ul li p:nth-child(2){ margin: 5px 0 5px 0; }
#introduction-common-contents ul li p:nth-child(3){ margin-bottom: 10px; }
#introduction-common-contents ul li p img{ width: 100%; max-width: 230px; }
#introduction-other-contents 	{ margin-top: 40px; }
#introduction-other-contents a	{ color: #00f; }
#introduction-other-contents article{ margin-top: 20px; }
#introduction-other-contents article div:first-child{ margin-bottom: 5px; padding: 3px 0 3px 5px; font-weight: bold; font-size: 11px; }
#introduction-other-contents article div:nth-child(2){ line-height: 2em; }
#introduction-other-contents article div:nth-child(2) li{ width: 98%; margin: 0 auto; border-bottom: 1px solid #ccc; }
#introduction-other-contents article div:nth-child(2) span:nth-child(1){ width: 56%; min-width: 150px; display: inline-block; }
#introduction-other-contents article div:nth-child(2) span:nth-child(2){width: 30%; min-width: 75px; display: inline-block; }
#introduction-other-contents article div:nth-child(2) span:nth-child(3){ display: block; text-align: right; padding-right: 5px; }


#projects-common-contents h3 	{ text-align: center; color: #2f90b5; font-weight: normal; font-size: 13px; }
#projects-common-contents h3 span:nth-child(1){ display: block; }
#projects-common-contents h3 span:nth-child(2){ display: block; }
#projects-common-contents ul 	{ margin-top: 10px; }


#news20160810 p 				{ width: 94%; margin: 20px auto; }
#news20160810 .image img 		{ width: 100%; }
}