@charset "utf-8";

#service {width: 100%; position:absolute; top:29px; left:0;}


.sub_main {width: 100%;}


.sub_left{width: 30%;
			float: left;}
			
.sub_left img {width: 100%; border: none;}

.sub_right{width: 60%;
			float:left;}

.sien {
		width: 100%;
		margin-top: 50px;
		}

.sien_word { margin-top: 30px;
			}
			
			
.dev {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 50px;
		}

.dev_word { margin-top: 0px;
		margin-bottom: 100px;

			}
			
.other {
		width: 100%;
		margin-top: 100px;
		}

.other_word { margin-top: 100px;
			}

.jisseki { background-color: #999999;
			padding: 10px 10px 10px 10px;
			margin: 0;
}
.clear {clear: both;}

p { 	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
				font-size: 14px;
				font-weight: normal;
				letter-spacing: 3px;
				color: #333333;
	}

.w {color: #ffffff;}

.b {font-weight: 600; color: #666666;}

.note_3 {width: 100%; margin-top: 0px; margin-bottom: 50px;}
.note_4 {margin-top: 0px; margin-bottom: 30px; color: #333333;}
.note_4_b {margin-top: 0px; margin-bottom: 30px; color: #4d4d4d; font-weight: 600;}
.note_3_5 {width: 100%; margin-top: 0px; margin-bottom: 50px; color: #C60023;}
.note_4_5 {margin-top: 0px; margin-bottom: 10px; color: #333333;}
.note_4_5_r {margin-top: 0px; margin-bottom: 10px; color: #C60023;}
.note_4_5_w {margin-top: 0px; margin-bottom: 0px; color: #ffffff;}
.note_7 {margin-top: 0px; margin-bottom: 10px; color: #333333;}
.note_5 {margin-top: 0px; margin-bottom: 10px; color: #333333;}
.note_6 {margin-top: 0px; margin-bottom: 10px; color: #333333;}

.w {color: #ffffff;}

h3 {text-align: center; 
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	font-weight: normal;
	color: #ffffff;
	padding-top: 60px;}

#contact {width: 100%; margin: 0; padding: 0; padding-bottom: 60px; clear:both; background-color: #C60023; }

#contact img {width: 100%; border:none; vertical-align:bottom;}

#contact_top_note {margin-top: 0px; 
					text-align: center;
					}

.mobile_left {display: block; float: left; width: 30%; height: auto; margin: 0; padding: 0;background-color: #C60023;z-index: 200;}
.mobile_right {display: block; float: left; width: 70%; height: auto; margin: 0; padding: 0;}
.mobile_right p {text-align: center; vertical-align: middle;}

#sien_mobile {float: left; width: 97%; height: auto; margin: 0; padding: 0; margin-top: 18px; margin-left: 5px; margin-right: 5px; background-color: #FFF; border: 1px solid #C60023;}
#sien_mobile img {width: 100%; height: auto; border: none; vertical-align:bottom;}
#sien_mobile p { font-size: 36px;
					text-align: center;
					padding-top:20px;
					color: #C60023;}

#dev_mobile {float: left; width: 97%; height: auto; margin: 0; padding: 0; margin-top: 0px; margin-left: 5px; margin-right: 5px; background-color: #FFF; border: 1px solid #C60023;}
#dev_mobile img {width: 100%; height: auto; border: none; vertical-align:bottom;}
#dev_mobile p { font-size: 36px;
					text-align: center;
					padding-top:20px;
					color: #C60023;}

#other_mobile {float: left; width: 97%; height: auto; margin: 0; padding: 0; margin-top: 0px; margin-left: 5px; margin-right: 5px; background-color: #FFF; border: 1px solid #C60023;}
#other_mobile img {width: 100%; height: auto; border: none; vertical-align:bottom;}
#other_mobile p { font-size: 36px;
					text-align: center;
					padding-top:20px;
					color: #C60023;}

/* 768px�ȉ� */
@media screen and (max-width : 768px) {
			
.sub_left {display: none;}

.sub_right{width: 98%; margin-left: 5px;}

.other {
		margin-top: 0px;
		}
.other_word { margin-top: 0px;
			}

}

/* 769px�ȏ� */
@media screen and (min-width : 769px) {
#sien_mobile {display: none;}
#dev_mobile {display: none;}
#other_mobile {display: none;}

}