@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

/* CSS Document */

@media print {

.drawer-toggle,
.drawer-hamburger,
.drawer-nav {
	display: none;
	visibility: hidden;
}

}

/***** Common *****/

html, body{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}

p,hr,h1,h2,h3,h4,h5,h6,ul,ol,li,table,tr,td,form,dl {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	border: 0;
}

img [class*="wp-image-"],
img [class*="attachment-"],
img.size-full {
	max-width: 100%;
	height: auto;
	margin: 0 auto 10px auto;
}

br {
	margin: 0;
	padding: 0;
}

hr {
	display: none;
}

body {
	background: #fff;
	margin: 0;
	line-height: 2.0;
	font-size: 95%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	text-align: center;
	letter-spacing: 0.5px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.image_left {
	float: left;
	margin-right: 30px;
}

.image_right {
	float: right;
	margin-left: 30px;
}

.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

.text_small {
	font-size: 12px;
}

.text_ex-small {
	font-size: 11px;
}

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt80 { margin-top: 80px; }

.italic {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: italic;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.fa {
	color: #000;
}

a {
	color: #126392;
	text-decoration: none;
}

a:hover {
	color: #039;
	text-decoration: underline;
}

a:active {
	color: #039;
}

a.button:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a i.fa-window-restore {
	font-size: 90%;
}

ul,
dl {
	list-style: none;
}

.red {
	color: #e70000;
}

.sp,
.sp2 {
	display: none;
}

i {
  speak: none;
}

/***** Drawer *****/

.drawer-toggle,
.drawer-hamburger,
.drawer-nav {
	display: none;
	visibility: hidden;
}

.drawer-menu {
	text-align: left;
	color: #fff;
	padding-bottom: 30px;
	background: #f6f6f6;
}

.drawer-menu dt.head {
	height: 105px;
	margin-bottom: 15px;
	background: #fff;
	text-align: center;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
	box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
}

.drawer-menu dt.head img {
	width: 220px;
	margin-top: 25px;
}

.drawer-menu dd {
	margin: 0;
}

.drawer-menu dd:last-child a {
	padding: 5px 0 20px 20px;
}

.drawer-menu dd a {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 95%;
	padding: 5px 0 5px 20px;
}

.drawer-menu dd a span {
	margin-right: 10px;
}

.drawer-menu dd a:hover {
	text-decoration: underline;
}

#drawer ul li {
	display: inline-block;
	margin: 25px 15px;
}

#drawer ul li i {
	color: #000;
	font-size: 150%;
}

#drawer address {
	font-size: 70%;
	font-style: normal;
}

/***** Header *****/

#header {
	background: rgba(255,255,255,0.75);
	position: absolute;
	top: 0;
	width: 100%;
	height: 170px;
	overflow: hidden;
	z-index: 80;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
	box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
}

#header h1 {
	background: url(../images/header_corner.png) no-repeat top right;
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 170px;
	overflow: hidden;
	z-index: 90;
}

#header h1 img {
	width: 285px;
	margin-top: 42px;
	margin-right: 20%;
}

#global_menu {
	position: absolute;
	top: 0;
	width: 100%;
	height: 40px;
	background: #051929;
}

#global_menu ul {
	float: right;
	font-size: 0;
}

#global_menu ul li {
	display: inline-block;
	margin-right: 25px;
	font-size: 10.5pt;
	color: #fff;
	line-height: 39px;
}

#global_menu ul li span {
	margin-right: 10px;
	color: #aaa;
}

#global_menu ul li.tel {
	background: #e70000;
	font-size: 12pt;
	padding: 0 15px;
	height: 40px;
	color: #fff;
}

#global_menu ul li.tel span {
	margin-right: 0;
	color: #fff;
}

#global_menu ul li.tel a {
	color: #fff;
}

#global_menu ul li i {
	font-size: 16pt;
	position: relative;
	top: 2px;
}

#global_menu ul li.tel i {
	margin-right: 8px;
}

#global_menu ul li a {
	display: block;
	height: 40px;
	color: #ddd;
}

#global_menu ul a:hover {
	text-decoration: none;
	color: #fff;
}

#main_menu {
	position: absolute;
	top: 85px;
	width: 100%;
	height: 40px;
}

#main_menu ul {
	float: right;
	font-size: 0;
}

#main_menu ul li {
	display: inline-block;
	font-size: 12pt;
	color: #000;
}

#main_menu ul li a {
	display: block;	
	padding: 0 40px;
	color: #000;
	border-right: 1px solid #d0d0d0;
}

#main_menu ul li:last-child a { border-right: none; }

#main_menu ul li a:hover {
	text-decoration: none;
	color: #e70000;
}

/***** Main visual *****/

#main-visual {
	width: 100%;
	height: 800px;
	background: url(../images/main-visual.jpg) no-repeat top center;
	background-size: cover;
	overflow: hidden;
	text-align: left;
	z-index: 30;
}

#main-visual h2 {
	width: 700px;
	margin: 360px auto 0 auto;
}

#main-visual h2 img {
	width: 700px;
}

#main-visual_lower {
	width: 100%;
	height: 400px;
	overflow: hidden;
	z-index: 30;
}

.bg_news {
	background: url(../images/bg_news.jpg) no-repeat center center;
	background-size: cover;
}

.bg_company {
	background: url(../images/bg_company.jpg) no-repeat center center;
	background-size: cover;
}

.bg_inquiry {
	background: url(../images/bg_inquiry.jpg) no-repeat center center;
	background-size: cover;
}

.bg_service {
	background: url(../images/bg_service.jpg) no-repeat center center;
	background-size: cover;
}

.bg_example {
	background: url(../images/bg_example.jpg) no-repeat center center;
	background-size: cover;
}

.bg_other {
	background: url(../images/bg_other.jpg) no-repeat center center;
	background-size: cover;
}

#main-visual_lower h2 {
	margin: 250px auto 0 auto;
	font-size: 250%;
	line-height: 110%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	color: #fff;
	text-shadow: 0px 0px 13px #000; 
}

#main-visual_lower h2 span {
	font-size: 10pt;
	letter-spacing: 3px;
}

/***** Sales talk *****/

#salestalk {
	background: #126392;
	margin-top: 50px;
	color: #fff;
	overflow: hidden;
	text-align: left;
}

#salestalk img {
	float: right;
	margin-left: 3%;
}

#salestalk h3 {
	margin-top: 35px;
	margin-left: 3%;
	font-size: 220%;
	line-height: 150%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}

#salestalk p {
	margin-top: 25px;
	margin-left: 3%;
	padding-bottom: 40px;
}

/***** Contents *****/

.graybox {
	background: #f6f6f6;
	overflow: hidden;
	padding-bottom: 50px;
}

.contents {
	width: 96%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align: left;
	overflow: hidden;
}

.contents_inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.contents h3 {
	position: relative;
	font-size: 160%;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 65px;
}

.contents h3:before {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 200px;
    border-bottom: 3px solid #e70000;
}

.contents h4 {
	padding: 6px 14px;
	background: #f6f6f6;
	font-weight: normal;
	font-size: 120%;
}

.contents h4 span {
	margin-right: 13px;
}

.contents h4.darkbox {
	padding: 6px 14px;
	background: #126392;
	font-weight: normal;
	font-size: 120%;
	color: #fff;
}

.contents h5 {
	border-bottom: 1px solid #d6d6d6;
	font-size: 110%;
}

.contents h6 {
	display: inline-block;
	padding: 3px 20px;
	background: #ffd700;
	font-weight: normal;
	font-size: 100%;
}

.contents ul.items li {
	margin: 0 0 5px 20px;
	list-style-type: disc;
}

#bg_info {
	background-image: url(../images/img_info.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 35%;
}

/***** Information *****/

#bg_info #info {
	width: 61%;
	margin-top: 30px;
	margin-right: 2%;
	float: right;
	text-align: left;
	overflow: hidden;
}

#bg_info #info h3 {
	font-size: 150%;
	font-family: lato, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 6px;
}

.info_lower {
	width: 93%;
	max-width: 960px;
	margin: 30px auto 0 auto;
	text-align: left;
	overflow: hidden;
}

#info table {
	width: 100%;
	border-top: 1px solid #d6d6d6;
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 90%;
}

#info th,
#info td {
	padding: 10px;
	border-bottom: 1px solid #d6d6d6;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

#info th {
	width: 200px;
}

#info td a {
	text-decoration: none;
}

#info td a:hover {
	text-decoration: underline;
}

#info .ion-ios-arrow-right {
	color: #e70000;
	margin-right: 10px;
}

#info div.right {
	margin-top: 15px;
}

#info div.right a {
	color: #000;
	font-size: 85%;
}

.icon {
	width: 70px;
	padding: 2px 5px;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	margin-left: 15px;
	text-align: center;
}

.icon_seminar { background-color: #4eb5c0; }
.icon_info { background-color: #aa6d48; }
.icon_important { background-color: #bf2841; }
.icon_new { background-color: #ffe700; color: #000; width: 45px; }

/***** Service teaser *****/

#service_teaser {
	width: 100%;
	overflow: hidden;
	color: #fff;
	margin-top: 50px;
}

#service_01,
#service_02,
#service_03 {
	float: left;
	height: 300px;
	overflow: hidden;
}

#service_01 {
	background: url(../images/img_top_02.jpg) no-repeat top center;
	background-size: cover;
	width: 33.2%;
	margin-right: 1px;
}

#service_02 {
	background: url(../images/img_top_03.jpg) no-repeat top center;
	background-size: cover;
	width: 33.2%;
	margin-right: 1px;
}

#service_03 {
	background: url(../images/img_top_04.jpg) no-repeat top center;
	background-size: cover;
	width: 33.3%;
}

#service_teaser h4 {
	margin-top: 40px;
	margin-left: 3%;
	font-size: 200%;
	line-height: 125%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
}

#service_teaser p {
	margin-top: 20px;
}

#service_01 a,
#service_02 a,
#service_03 a {
	display: inline-block;
	width: 130px;
	background: rgba(255,255,255,0);
	padding: 3px 5px;
	border: 1px solid #fff;
	color: #fff;
}

#service_01 a:hover,
#service_02 a:hover,
#service_03 a:hover {
	background: rgba(255,255,255,0.2);
	text-decoration: none;
}

#service_01 a span,
#service_02 a span,
#service_03 a span {
	float: left;
	margin: 7px 0 0 7px;
}

/***** Contact *****/

#contact {
	background: #fff;
	width: 960px;
	overflow: hidden;
	margin: 50px auto;
	padding-bottom: 25px;
	box-shadow:0px 0px 15px 3px rgba(0,0,0,0.13);
}

#contact p {
	padding: 25px 40px;
}

#contact img.left { width: 466px; }
#contact img.right { width: 370px; margin-top: 5px; }

/***** Banner *****/

#banner p {
	font-size: 90%;
	padding: 0 10px;
	margin-top: 25px;
}

#banner ul {
	margin-top: 40px;
	font-size: 0;
}

#banner ul li {
	display: inline-block;
	width: 300px;
	margin-right: 30px;
}

#banner ul li:last-child {
	margin: 0;
}

#banner ul li img {
	width: 300px;
	box-shadow:0px 9px 27px -6px rgba(0,0,0,0.10);
}

/***** List *****/

.list {
	width: 100%;
	border-spacing: 0;
}

.list th,
.list td {
	padding: 7px 3px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

.list th {
	width: 27%;
}

.list th span {
	margin-right: 15px;
	font-size: 130%;
}

.list2 {
	border-spacing: 0;
	border-collapse: collapse;
	width: 520px;
}

.list2 th,
.list2 td {
	border: 1px solid #d6d6d6;
	background: #fff;
	padding: 3px 7px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

.list2 th {
	width: 180px;
}

.list2 th span {
	margin-right: 15px;
	font-size: 130%;
}

/***** Google Map  *****/

#map {
	height: 550px;
	overflow: hidden;
}

/***** Anchor/Button  *****/

.anchor {
	overflow: hidden;
	margin-left: 20px;
}

.anchor li {
	display: inline-block;
	margin: 0 15px 10px 0;
}

.anchor li a,
.boxbutton {
	min-width: 140px;
	background: #fff;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	line-height: 1.3;
	color: #000;
	border: 1px solid #444;
	text-align: center;
}

.anchor li a:hover,
.boxbutton:hover {
	text-decoration: none;
	color: #000;
	border: 1px solid #e70000;
}

.anchor li a span {
	color: #000;
	font-size: 110%;
	margin: 1px 0 0 0;
	float: left;
}

.anchor li a:hover span,
.boxbutton:hover span {
	color: #000;
}

.boxbutton i {
	color: #fff;
}

.boxbutton {
	width: 250px;
}

button.boxbutton {
	border: 1px solid #444;
	font-size: 100%;
	cursor: pointer;
}

/***** Form *****/

.mfp_phase {
	clear: both;
	width: 770px;
	margin: 60px auto 0 auto;
}

input {
	padding: 10px;
	border: 1px solid #d5d5d5;
}

textarea {
	padding: 10px;
	border: 1px solid #d5d5d5;
	width: 500px;
	height: 150px;
}

:placeholder-shown {
    color: #d8d8d8; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #d8d8d8; }

/* Firefox 18- */
:-moz-placeholder {
    color: #d8d8d8; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #d8d8d8; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #d8d8d8; }

/***** Footer *****/

#pagetop {
	width: 100%;
	text-align: right;
	z-index: 50;
}

#pagetop img {
	width: 110px;
}

#footer_wrapper {
	width: 100%;
	height: 340px;
	background: #444;
	margin-top: 75px;
	overflow: hidden;
	text-align: left;
}

#footer {
	position: relative;
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

#footer_left {
	float: left;
	width: 50%;
	margin-top: 55px;
	color: #fff;
}

#footer_left img {
	width: 208px;
}

#footer_left p {
	font-size: 90%;
	margin-top: 25px;
}

#footer_left p a {
	color: #ffe700;
}

#footer_right {
	float: right;
	width: 50%;
	margin-top: 50px;
	text-align: right;
}

#footer_right ul li {
	display: inline;
	margin-left: 30px;
	font-size: 85%;
}

#footer_right ul li a {
	color: #fff;
}

#footer_right address {
	margin-top: 30px;
	font-size: 70%;
	font-style: normal;
	color: #fff;
}

#footer_right i {
	font-size: 190%;
}


/* =Small PC Styles
-------------------------------------------------------------- */

@media screen and (max-width: 1279px) {

#header {
	height: 140px;
}

#header h1 {
	width: 400px;
	height: 140px;
}

#header h1 img {
	width: 270px;
	margin-top: 31px;
	margin-right: 20%;
}

#global_menu {
	height: 35px;
}

#global_menu ul li {
	display: inline-block;
	margin-right: 15px;
	font-size: 9.5pt;
	color: #fff;
	line-height: 34px;
}

#global_menu ul li.tel {
	height: 35px;
}

#global_menu ul li a {
	height: 35px;
}

#main_menu ul li a {
    padding: 0 30px;
}

#main_menu {
	top: 68px;
}

#main-visual {
	height: 600px;
}

#main-visual h2 {
	width: 500px;
	margin: 300px auto 0 auto;
}

#main-visual h2 img {
	width: 500px;
}

#salestalk h3 {
	font-size: 180%;
}

#salestalk img {
	width: 400px;
	margin-top: 70px;
}

#footer_left p {
	font-size: 85%;
}

#footer_right ul li {
	margin-left: 20px;
}

}/*end of 1279px*/


/* =Tablet Styles
-------------------------------------------------------------- */

@media screen and (max-width: 1023px) {

.drawer-box,
.drawer-toggle,
.drawer-hamburger,
.drawer-nav {
	display: block;
	visibility: visible;
}

#drawer .fb-like_wrapper {
	padding: 30px 0 20px 0;
}

.sp { display: block; }

.pc,
.sp2 { display: none; }

#header { height: 120px; }

#header h1 img { margin-top: 25px; }

#global_menu,
#main_menu { display: none; }

#main-visual_lower { height: 360px; }

#main-visual_lower h2 { margin-top: 200px; }

.contents {
	position: relative;
	width: 94%;
	font-size: 90%;
	margin: 20px auto 0 auto;
}

.contents p img.fit {
	width: 94%;
	margin: 10px auto 0 auto;
}

#bg_info {
	background-image: none;
}

#bg_info #info {
	width: 94%;
	margin: 30px auto 0 auto;
	float: none;
	text-align: left;
	overflow: hidden;
}

#service_teaser h4 {
	font-size: 160%;
	margin-top: 35px;
}

#service_teaser p {
	font-size: 90%;
}

#contact {
	width: 560px;
}

#contact p {
	padding: 25px 40px 10px 40px;
}

#contact img.left { float: none; }
#contact img.right { float: none; margin-top: 30px; }

#banner ul {
	margin-top: 20px;
}

#banner ul li {
	margin-right: 15px;
}

#banner ul li:last-child {
	margin: 0;
}

#banner ul li img {
	margin-top: 20px;
}

.list2 { width: 410px; }

.list2 th,
.list2 td {
	padding: 3px 5px;
	font-size: 90%;
}

.list2 th { width: 150px; }
.list2 th span { margin-right: 10px; }

.service_image { width: 250px; }

.mfp_phase {
	width: 96%;
	margin: 50px auto 0 auto;
}

textarea {
	padding: 10px;
	border: 1px solid #d5d5d5;
	width: 310px;
	height: 250px;
}

#footer_wrapper {
	height: 500px;
}

#footer { width: 100%; }

#footer_left {
	float: none;
	width: 100%;
	margin: 30px auto 0 auto;
	text-align: center;
}

#footer_left h4 img {
	width: 220px;
}

#footer_right {
	float: none;
	width: 100%;
	margin-top: 30px;text-align: center;
}

#footer_right ul { display: none; }

#footer_right address {
	text-align: center;
}

.mfp input,
.mfp textarea {
	max-width: 100%;
}

}/*end of 1023px*/


/* =iPhone5 Landscape Styles
-------------------------------------------------------------- */

@media screen and (max-width: 666px) {

.left,
.right,
.image_left,
.image_right {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 10px;
}

#header {
	position: fixed;
	background: #fff;
}

#header h1 {
	background: none;
	width: 100%;
}

#header h1 img {
	position: relative;
	margin: 25px auto 0 auto;
}

#main-visual_lower h2 {
	font-size: 210%;
}

#salestalk img {
	width: 250px;
	margin-top: 40px;
}

#info div {
	float: right;
}

#service_01,
#service_02,
#service_03 {
	float: none;
	width: 100%;
	height: 250px;
	margin-bottom: 1px;
}

#contact {
	width: 520px;
}

input[type=text] {
	width: 300px;
	margin-bottom: 5px;
}

#footer_wrapper {
	height: 410px;
}

}/*end of 666px*/


/* =Smartphone Styles
-------------------------------------------------------------- */

@media screen and (max-width: 567px) {

#header,
#header h1 { height: 105px; }

#header h1 img { width: 220px; }

#main-visual {
	height: 420px;
}

#main-visual h2,
#main-visual h2 img {
	width: 350px;
	margin-top: 110px;
}

#main-visual_lower { height: 300px; }
#main-visual_lower h2 { margin-top: 160px; }

#salestalk img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-top: 0;
	margin-bottom: 30px;
}

#info th {
	width: 100px;
}

#info th .icon {
	margin-left: 0;
}

#contact {
	width: 380px;
}

#contact p {
	padding: 25px 0 10px 0;
}

#contact img.left,
#contact img.right {
	width: 350px;
}

.contents p {
	font-size: 14px;
}

.contents h3 {
	font-size: 140%;
}

.contents h4 {
	font-size: 125%;
}

.contents .list {
	font-size: 12px;
}

#footer_wrapper {
	height: 420px;
}

}/*end of 567px*/


@media screen and (max-width: 320px) {

#header h1 img { width: 200px; margin-top: 25px; }

#main-visual {
	height: 380px;
}

#main-visual h2,
#main-visual h2 img {
	width: 310px;
	margin-top: 100px;
}

#main-visual_lower {
	height: 280px;
}

#main-visual_lower h2 {
	font-size: 180%;
}

#salestalk h3 { font-size: 140%; }

#salestalk p { font-size: 90%; }

#bg_info #info h3 {
	font-size: 130%;
	letter-spacing: 3px;
}

#info div.right { margin-top: 7px; }

#info { font-size: 90%; }

#info th { width: 85px; }

#service_teaser h4 {
	font-size: 130%;
	margin-top: 28px;
}

#contact {
	width: 320px;
}

#contact img.left,
#contact img.right {
	width: 300px;
}

#banner ul li img {
	width: 240px;
}

.contents p {
	font-size: 13px;
}

h4 {
	line-height: 1.5;
}

input[type=text] {
	width: 160px;
	margin-bottom: 5px;
}

input[type=email] {
	width: 260px;
}

textarea {
	width: 260px;
}

#footer_wrapper {
	height: 430px;
}

#footer_left h4 img {
	width: 200px;
}

}/*end of 320px*/