@charset "utf-8";

/* -----------------------------------------------

 * サイトトップ用CSS
 *
 * LastUpdate : 15/07/22

----------------------------------------------- */

p {
	line-height: 1.8em;
	font-size: 15px !important;
}

h2 {
  /*margin-bottom: 30px;*/
  text-align: center;
  color: #333;
  letter-spacing: 2px;
}

h3 {
  font-size: 24px !important;
  margin-bottom: 15px;
  font-weight: bold;
}

h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	color: #40C0CB;
}

h5 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
}


@media ( min-width : 769px ) {
	h2 {
		font-size: 30px !important;
	}
	.box {
		width: 100%;
		padding: 80px 0;
		text-align: center;
		margin: 0 auto !important;
	}
		.inner_box {
			padding: 80px 0 0 0;
		}
		.info_box {
			padding: 30px 0 30px 0;
		}
}

@media ( max-width : 768px ) {
	h3 {
		font-size: 18px !important;
		padding-bottom: 5px !important;
		margin-bottom: 20px !important;
	}
	h4 {
		font-size: 18px !important;
	}
	h5 {
		font-size: 16px !important;
		margin-top: 20px;
		margin-bottom: 0 !important;
	}
	h5:first-child {
		margin-top: 0 !important;
	}
	p#copyright {
		line-height: 1.2em;
		margin-top: 5px;
		font-size: 11px !important;
	}
	.box {
		width: 100%;
		padding: 30px 0;
		text-align: center;
		margin: 0 auto !important;
	}
		.inner_box {
			padding: 10px 0 0 0;
		}
		.info_box {
			padding: 5px 0 5px 0;
		}
		.sp_inner {
			padding: 0 10px;
		}
}


/* ---------- 背景設定 ---------- */
.concept {
	background-color: #F5F7F9;
	background-image: url(../imgNew/earth.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.system {
	background: #F3DA95;
}

@media ( min-width : 769px ) {
	.web {
		padding: 40px 0;
		background: #F0DBCC;
	}

	.service .posL {
		background-color: #F99F84 !important;
		background-image: url(../imgNew/ar_bg.gif) !important;
		background-repeat: no-repeat !important;
		background-position: 90% 85% !important; 
	}

	.service .posR {
		background-color: #D099A6 !important;
		background-image: url(../imgNew/bc_bg.png) !important;
		background-repeat: no-repeat !important;
		background-position: right bottom !important; 
	}


	.access {
		/*background: #7FBCAD;*/
		background: #EBEBEB;
		padding: 80px 0 !important;
		font-size: 13px !important;
	}

	.contact {
		/*background: #fff;*/
	}
}

@media ( max-width : 768px ) {
	.web {
		padding: 30px 0;
		background: #F0DBCC;
	}

	.service .posL {
		background-color: #F99F84 !important;
		background-image: url(../imgNew/ar_bg.gif) !important;
		background-repeat: no-repeat !important;
		background-position: 90% 85% !important; 
	}

	.service .posR {
		background-color: #D099A6 !important;
		background-image: url(../imgNew/bc_bg.png) !important;
		background-repeat: no-repeat !important;
		background-position: right bottom !important; 
	}


	.access {
		/*background: #7FBCAD;*/
		background: #EBEBEB;
		padding: 30px 0 !important;
		font-size: 13px !important;
	}

	.contact {
		background: #FAFAFA;
	}
}

/* ---------- スライダー ---------- */
@media ( min-width : 769px ) {
	#slider {
		width: 100%;
		background: #fff;
		/*height: 517px !important;*/
		max-height: 600px;
		min-height: 443px;
		overflow: hidden;
	}
	#slidebox {
		min-width: 960px;
		max-width: 1300px;
		margin: 0 auto;
		/*width: 100%;*/
	}
	#slidebox li {
		position: relative;
	}


	.bxslider {
		min-width: 960px;
		/*width: 100%;*/
	}

	.bxslider img {
		max-width: 960px;
		/*width: 100%;*/
	}
}


@media ( max-width : 768px ) {
	#slider {
		height: auto;
	}
}

/* ---------- 新着情報 ---------- */
@media ( min-width : 769px ) {
	#contents .news {
		width: 600px;
		margin-right: 20px;
		border: 3px solid #ddd;
		background: #fff;
		font-size: 12px;
	}

		#infoText {
			height: 126px;
			overflow: auto;
			overflow-y: auto;
			overflow-x: hidden;
		}

			#infoText dl {
				padding: 10px;
			}

			#infoText dt {
				float: left;
				clear: both;
				width: 160px;
				margin-bottom: 13px;
			}

				#infoText dd {
					margin-left: 160px;
					margin-bottom: 13px;
				}

					#infoText .newsTitle {
						margin: 0 0 4px;
						/*font-weight: bold;*/

					}

					#infoText img {
						margin: 0 5px 0 0;
					}

				.contact-banner {
					width: 340px;
					height: 126px;
				}

	/*バナー　スライド*/
	#pickup {
		height:122px !important;
	}
	#pickup .bx-wrapper{
	    width:902px;
	    margin-top: 30px !important;
	}

	#pickup .bx-wrapper .bx-prev {
		left: 0;
		top:15px;
		background: url(../sliderImg/controls_prev.png) no-repeat ;
		width:18px;
		height:122px;
	}

	#pickup .bx-wrapper .bx-next {
		right: 0px;
		top:15px;
		background: url(../sliderImg/controls_next.png) no-repeat ;
		width:18px;
		height:122px;
	}


	#pickup .bx-wrapper
	{
	    padding:0 30px 0 30px !important;
	}
	#slider2 li{
	    text-align: center;
	}
	#slider2 li img{
		min-width: 217px;
	}

	/*バナー　スライドなしの場合*/

	.nav_btn {
		margin: 15px 0 0 0;
		padding:0;
	}
		.nav_btn ul {
			margin: 0;
			padding: 0;
		}
		.nav_btn li {
			float: left;
		}

		.nav_btn li a {
			margin-right: 10.6px;
		}
		.nav_btn li a.last {
			margin-right: 0 !important;
		}
	.nav_btn .toform {
		margin-top: 15px;
	}

}


@media ( max-width : 768px ) and ( min-width : 640px ) {
	#contents .news {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		border: 3px solid #ddd;
		background: #fff;
		font-size: 12px;
		margin-top: 10px;
		padding: 0 10px;
	}
		#infoText {
			height: 120px;
			overflow: auto;
			overflow-y: auto;
			overflow-x: hidden;
		}

			#infoText dl {
				padding: 10px 5px 10px 0;
			}

			#infoText dt {
				float: left;
				clear: both;
				width: 135px;
				margin-bottom: 13px;
			}

				#infoText dd {
					margin-left: 135px;
					margin-bottom: 12px;
				}

					#infoText .newsTitle {
						margin: 0 0 4px;
						/*font-weight: bold;*/

					}

					#infoText img {
						margin: 0 5px 0 0;
					}

				.contact-banner {
					width: 100%;
					height: auto;
					text-align: center;
				}
					.contact-banner img {
						width: 100%;
						max-width: 340px;
					}

	/*バナー　スライド*/
	

	/*バナー　スライドなしの場合*/

	.nav_btn {
		margin: 10px 0 0 0;
		padding:0;
	}
		.nav_btn ul {
			margin: 0;
			padding: 0;
		}
		.nav_btn li {
			float: left;
			margin: 5px;
			text-align: center;
		}

		.nav_btn li a {
			margin-right: 0;
		}
		.nav_btn li a.last {
			margin-right: 0 !important;
		}
			.nav_btn li a img {
				max-width: 232px;
				width: 100%;
			}
	.nav_btn .toform {
		margin-top: 15px;
	}
}


@media ( max-width : 639px ) {
	#contents .news {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		border: 3px solid #ddd;
		background: #fff;
		font-size: 12px;
		margin-top: 10px;
		padding: 0 10px;
	}
		#infoText {
			height: 120px;
			overflow: auto;
			overflow-y: auto;
			overflow-x: hidden;
		}

			#infoText dl {
				padding: 10px 5px 10px 0;
			}

			#infoText dt {
				float: left;
				clear: both;
				width: 135px;
				margin-bottom: 13px;
				font-size: 11px;
			}

				#infoText dd {
					margin-left: 135px;
					margin-bottom: 12px;
				font-size: 11px;
				}

					#infoText .newsTitle {
						margin: 0 0 4px;
						/*font-weight: bold;*/

					}

					#infoText img {
						margin: 0 5px 0 0;
					}

				.contact-banner {
					width: 100%;
					height: auto;
					text-align: center;
				}
					.contact-banner img {
						width: 100%;
						max-width: 340px;
					}

	

	/*バナー　スライドなしの場合*/

	.nav_btn {
		margin: 10px 0 0 0;
		padding:0;
	}
		.nav_btn ul {
			margin: 0;
			padding: 0;
		}
		.nav_btn li {
			float: left;
			width: 50%;
			margin-bottom: 5px;
			text-align: center;
		}

		.nav_btn li a {
			margin-right: 0;
		}
		.nav_btn li a.last {
			margin-right: 0 !important;
		}
			.nav_btn li a img {
				max-width: 232px;
				width: 100%;
			}
	.nav_btn .toform {
		margin-top: 15px;
	}
}



/*制作実績スライドなし*/
@media ( min-width : 769px ) {
	.web h3 {
		width: 30px;
		border-right: 3px solid #CEAA90;
		height: 350px;
		padding-right: 8px;
		margin-right: 27px;
	}
	.web ul {
		width: 892px;
	}
	.web li {
		float: left;
		margin-bottom: 20px;
		margin-right: 27px;
		width: 202px;
	}

	.web li:nth-child(4n) {
		margin-right: 0;
	}

	.web li a {
		display: block;
	}

	.web li a:hover {
		text-decoration: none;
	}

	.web li img {
		width: 202px;
	}

	.web .btn {
		margin: 0px 0 0 0;
	}

	.web .btn a {
		display: block;
		float: right;
		width: 430px;
		padding: 10px 0;
		text-align: center;
		background: #D57A39;
		color: #fff;
		letter-spacing: 2px;
		font-size: 18px;
		font-weight: bold;
	}

	.web .btn a:hover {
		text-decoration: none;
	}

	.web li a span {
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;  
	 	-o-text-overflow: ellipsis;
		white-space: nowrap;
		width: 202px;
		overflow: hidden;
		display: block;
		color: #333;
		font-size: 85%;
		padding-top: 3px;
	}

	.web .sitecomment {
		display: block;
		margin: 0 auto;
		font-size: 90%;
	}
}

@media ( max-width : 768px ) {
	.web h3 {
		width: 100%;
		border-bottom: 3px solid #CEAA90;
		margin-bottom: 10px;
		text-align: center;
	}
	.web ul {
		width: 100%;
	}
	.web li {
		float: left;
		/*margin: 0 5px 10px 5px;*/
		width: 49%;
		margin-right: 2%;
		text-align: center;
		margin-bottom: 10px;
	}

	.web li:nth-child(2n) {
		margin-right: 0;
	}

	.web li a {
		display: block;
	}

	.web li a:hover {
		text-decoration: none;
	}

	.web li img {
		width: 100%;
		max-width: 290px;
	}

	.web .btn {
		margin: 0px 0 0 0;
	}

	.web .btn a {
		display: block;
		float: none;
		width: 100%;
		padding: 10px 0;
		text-align: center;
		background: #D57A39;
		color: #fff;
		letter-spacing: 2px;
		font-size: 18px;
		font-weight: bold;
	}

	.web .btn a:hover {
		text-decoration: none;
	}

	.web li a span {
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;  
	 	-o-text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		overflow: hidden;
		display: block;
		color: #333;
		font-size: 85%;
		padding-top: 3px;
	}

	.web .sitecomment {
		display: block;
		margin: 0 auto;
		font-size: 90%;
	}
}


/*制作実績　スライド*/

.web .bx-wrapper .bx-prev {
	left: 0;
	top:15px;
	background: url(../sliderImg/controls_prev2.png) no-repeat ;
	width:18px;
	height:210px;
}

.web .bx-wrapper .bx-next {
	right: 0px;
	top:15px;
	background: url(../sliderImg/controls_next2.png) no-repeat !important;
	width:18px;
	height:210px;
}

.web .bx-wrapper
{
    padding:0 30px 0 30px !important;
}


/* ---------- コンセプト ---------- */

@media ( min-width : 769px ) {
	.concept .posR {
		padding-left: 25px;
		width: 440px;
	}
	

	.concept p {
		margin-bottom: 10px;
	}

	.concept .posL {
		margin-top: 25px;
		width: 490px;
	}

	.concept .posL li {
		font-size: 21px;
		line-height: 59px;
		padding-left: 60px;
		margin-bottom: 5px;
		font-weight: bold;
	}

	.concept .posL li.num01 {
		background: url(../imgNew/concept_01.png) no-repeat left center;
	}
	.concept .posL li.num02 {
		background: url(../imgNew/concept_02.png) no-repeat left center;
	}
	.concept .posL li.num03 {
		background: url(../imgNew/concept_03.png) no-repeat left center;
	}

	.concept .posL li.num04 {
		background: url(../imgNew/concept_04.png) no-repeat left center;
	}
}

@media ( max-width : 768px ) {
	.concept .posR {
		width: 90%;
		max-width: 440px;
		margin: 0 auto;
		display: block;
		float: none;
	}
	.concept p {
		margin-bottom: 10px;
	}
		.concept p br {
			display: none;
		}
		.concept p.mb40 {
			margin-bottom: 20px;
		}

	.concept .posL {
		margin: 25px 0 0 0;
		padding: 10px;
		width: 100%;
	}

	.concept .posL li {
		font-size: 18px;
		line-height: 1.2;
		padding: 12px 4px 12px 60px;
		margin-bottom: 5px;
		font-weight: bold;
	}

	.concept .posL li.num01 {
		background: url(../imgNew/concept_01.png) no-repeat left center;
	}
	.concept .posL li.num02 {
		background: url(../imgNew/concept_02.png) no-repeat left center;
	}
	.concept .posL li.num03 {
		background: url(../imgNew/concept_03.png) no-repeat left center;
	}

	.concept .posL li.num04 {
		background: url(../imgNew/concept_04.png) no-repeat left center;
	}
}

/* ---------- サービス ---------- */

	.system .service_list {
		text-align: center;
		float: left;
	}

		.system .service_list img {
	    background-color: #fff;
	    transition: all 1s ease;
	       -webkit-transition: all 1s ease;
		}

		.system .service_list a {
			display: block;
			color: #333;
		}
		.system .service_list img:hover {
			text-decoration: none;
			transform: rotate(720deg);
	       -webkit-transform: rotate(720deg);
		}

		.system .last {
			margin-right: 0 !important;
		}

@media ( min-width : 769px ) {
	.system .service_list {
		width: 300px;
		height: 300px;
		margin-right: 30px;
		margin-top: 50px;
	}
	.system .service_list img {
		border-radius: 250px !important;        /* CSS3草案 */  
	    -webkit-border-radius: 250px !important;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 250px !important;   /* Firefox用 */ 
	}
}

@media ( max-width : 768px ) {
	.system {
		padding: 0 10px;
		/*max-width: 768px;
		min-width: 300px;
		display: block;
		margin: 0 auto;*/
	}
	.system_li {
		width: 100%;
	}
	.system .service_list {
		margin-top: 20px;
		margin-right: 15px;
		max-width: 30%;
		min-width: 10%;
		max-height: 30%;
		min-height: 10%;
	}
	.system .service_list img {
		width: 100%;
		border-radius: 50% !important;        /* CSS3草案 */  
	    -webkit-border-radius: 50% !important;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 50% !important;   /* Firefox用 */ 
	}
	/*.system p br {
		display: none;
	}
	.system_li {
		display: none;
	}
	.system_li_sp div {
		margin-top:10px;
		font-size: 16px !important;
		font-weight: bold;
	}
	.system_li_sp div a {
		display: block;
		border-radius: 50%;
		background-color: #fff;
		width: 400px;
		height: 400px;
	}
		.system_li_sp div img {
			max-width: 80px;
			width: 10%;
			margin-right: 10px;
		}*/

	/*バナー　スライド*/
	#sp_pickup {
		padding: 20px 0;
	}
	#sp_pickup ul li {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	#sp_pickup ul li:nth-child(2n) {
		margin-right: 0;
	}
	#sp_pickup ul li img {
		width: 100%;
	}
}



/* ---------- サービス アラモード、ブラコン ---------- */

@media ( min-width : 769px ) {
	.service h5 {
		margin-bottom: 25px;
	}

	.service .service_text {
		height: 170px;
	}

	.service .posL,.service .posR {
		margin: 0;
		padding: 0;
		width: 50%;
		*width:49.99%;
		color: #fff;
		height: 560px;
		*display: inline;
		*zoom: 100%;
	}

	.box_inner {
		width: 85%;
		margin: 0 auto;
		margin: 5% 5%;
		padding: 30px 0 !important;
	}

	/*詳しく見るボタン　アニメーションなし*/

	.service .more-btn {
		text-align: center;
	    display: block;
	    width: 60%;
	    padding: 10px 0;
		color: #fff !important;
		background-color: #DF7C5E;
		line-height: 1.8em;
		margin: 20px 0;
		letter-spacing: 1px;
		font-size: 18px;
		font-weight: bold;
	}

	.service .more-btn:hover {
		text-decoration: none;
		background-color: #C67A65;
	}

	.service .more-btn02 {
		text-align: center;
	    display: block;
	    width: 60%;
	    padding: 10px 0;
		color: #fff !important;
		background-color: #916171;
		line-height: 1.8em;
		margin: 20px 0;
		letter-spacing: 1px;
		font-size: 18px;
		font-weight: bold;
	}

	.service .more-btn02:hover {
		text-decoration: none;
		background-color: #AD7D8E;
	}



	/*詳しく見るボタン　アニメーション*/

	.more {
		margin-top: 70px;
	    color: #fff;
	    display: block;
	    text-decoration: none;
	    width: 280px;
	    position: relative;
	    perspective: 300px;
	    -webkit-perspective: 300px;
	}

	.more span {
	    text-align: center;
	    display: block;
	    width: 280px;
	    padding: 15px 0;
	    background-color: #E88B71;
	    position:absolute;
	    top: 0;
	    margin-top: -30px;
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    transition: 0.8s;
	    color: #fff !important;
	    font-weight: bold;
	}
	.more .back {
	    background-color: #C67A65;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}



	.more02 {
		margin-top: 70px;
	    color: #fff;
	    display: block;
	    text-decoration: none;
	    width: 280px;
	    position: relative;
	    perspective: 300px;
	    -webkit-perspective: 300px;
	}

	.more02 span {
	    text-align: center;
	    display: block;
	    width: 280px;
	    padding: 15px 0;
	    background-color: #CB9AAB;
	    position:absolute;
	    top: 0;
	    margin-top: -30px;
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    transition: 0.8s;
	    color: #fff !important;
	    font-weight: bold;
	}
	.more02 .back {
	    background-color: #916171;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}

	.pv {
		margin-top: 140px;
	    color: #fff;
	    display: block;
	    text-decoration: none;
	    width: 280px;
	    position: relative;
	    perspective: 300px;
	    -webkit-perspective: 300px;
	}

	.pv span {
	    text-align: center;
	    display: block;
	    width: 280px;
	    padding: 15px 0;
	    background-color: #E88B71;
	    position:absolute;
	    top: 0;
	    margin-top: -30px;
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    transition: 0.8s;
	    color: #fff !important;
	    font-weight: bold;
	}
	.pv .back {
	    background-color: #C67A65;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}




	.more:hover .front,.more02:hover .front,.pv:hover .front {
		text-decoration: none !important;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}

	.more:hover .back,.more02:hover .back,.pv:hover .back {
		text-decoration: none !important;
	    transform:rotateY(360deg);
	    -webkit-transform:rotateY(360deg);
	}
}

@media ( max-width : 768px ) {
	.service {
		display: none;
	}
}



/* ---------- アクセス ---------- */
/*.access .posL {
	width: 300px;
	height: 268px;
	background: url(../imgNew/access_bg.jpg) no-repeat;
	padding: 20px 20px;
}*/

@media ( min-width : 769px ) {
	.access .posL {
		width: 418px;
	}
	.access .posR {
		width: 542px;
	}

	.access .posR .posR {
		width: 180px;
	}

	.access .posL .bg {
		background: #fff;
		color: #000;
		display: inline-block;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}

	/*Google Mapボタン　アニメーションなし*/
	.ggl_btn {
		display: block;
	    text-decoration: none;
	    width: 60%;
	    padding: 10px 0;
	    background-color: #41929B;
	    text-align: center;
	    color: #fff !important;
	    margin-top: 10px;
	    letter-spacing: 1px;
		font-size: 14px;
		font-weight: bold;
	}

	.ggl_btn:hover {
		text-decoration: none;
		background-color: #7FBCAD;
	}

	/*Google Mapボタン　アニメーション*/

	.ggl {
		margin-top: 40px;
	    color: #fff !important;
	    display: block;
	    text-decoration: none;
	    width: 200px;
	    position: relative;
	    perspective: 300px;
	    -webkit-perspective: 300px;
	    float: right;
	}

	.ggl span {
	    text-align: center;
	    display: block;
	    width: 200px;
	    padding: 10px 0;
	    background-color: #7FBCAD;
	    position:absolute;
	    top: 0;
	    margin-top: -30px;
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    transition: 0.8s;
	    color: #fff !important;
	    font-weight: bold;
	}
	.ggl .back {
	    background-color: #5A9B8B;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}

	.ggl:hover .front {
		text-decoration: none !important;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}

	.ggl:hover .back {
		text-decoration: none !important;
	    transform:rotateY(360deg);
	    -webkit-transform:rotateY(360deg);
	}

	/*Contact*/



	.contact .tel_fax {
		
	}
	.contact .tel_fax .number {
		width: 800px;
		margin: 0 auto 70px;
	}

		.contact .tel_fax .number strong {
			font-size: 30px;
		}

		.contact .tel_fax .number .posL {
			width: 400px;
		}

	.contact .tel_fax .text {
		margin-top: 10px;
		text-align: center;
		margin: 0 auto;
	}


	.contact .tel_fax .info {
		height: 160px;
		margin: 0 auto;
		padding: 0px 80px 0 80px;
		background-image: url(../imgNew/kakkoL.png),url(../imgNew/kakkoR.png);
		background-repeat: no-repeat,no-repeat;
		background-position: left center,right center;
	}

		.contact .tel_fax .info p {
			width: 790px;
			margin-bottom: 15px;
			font-size: 13px !important;
		}

	.contact .tel_fax .tel {
		margin-bottom: 10px;
	}

	.contact .tel_fax .pp {
		background: url(../commonNew/img/arrow.png) no-repeat left center;
		padding-left: 20px;
		color: #333 !important;
	}

	.form {
	    
	}

	.form a {
		display: block;
		width: 760px !important;
	    padding: 20px 0;
	    color: #fff !important;
	    text-decoration: none;
	    font-weight: bold;
	    background:url(../imgNew/mail_icon.png) no-repeat 240px 27px #40C0CB;
	    padding-left: 30px;
	    letter-spacing: 1px;
	    font-size: 18px;
	    text-align: center;
	    margin-top: 20px;
	}


	.form a:hover {
		text-decoration: none;
		width: 100%;
	}
}

@media ( max-width : 768px ) {
	.access .posL {
		width: 100%;
		padding: 0 10px 5px;
	}
	.access .posR {
		width: 100%;
		text-align: center;
	}
		.access .posR img {
			width: 100%;
			max-width: 542px;
			margin-top: 20px;
		}

	.access .posR .posR {
		width: 100%;
		margin: 0;
	}

	.access .posL .bg {
		background: #fff;
		color: #000;
		display: inline-block;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}

	/*Google Mapボタン　アニメーションなし*/
	.ggl_btn {
		display: block;
	    text-decoration: none;
	    width: 60%;
	    padding: 20px 0;
	    background-color: #41929B;
	    text-align: center;
	    color: #fff !important;
	    margin-top: 10px;
	    letter-spacing: 1px;
		font-size: 14px;
		font-weight: bold;
	}

	.ggl_btn:hover {
		text-decoration: none;
		background-color: #7FBCAD;
	}

	/*Google Mapボタン　アニメーション*/

	.ggl {
		margin-top: 40px;
	    color: #fff !important;
	    display: block;
	    text-decoration: none;
	    width: 200px;
	    position: relative;
	    perspective: 300px;
	    -webkit-perspective: 300px;
	    float: right;
	}

	.ggl span {
	    text-align: center;
	    display: block;
	    width: 200px;
	    padding: 10px 0;
	    background-color: #7FBCAD;
	    position:absolute;
	    top: 0;
	    margin-top: -30px;
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    transition: 0.8s;
	    color: #fff !important;
	    font-weight: bold;
	}
	.ggl .back {
	    background-color: #5A9B8B;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}

	.ggl:hover .front {
		text-decoration: none !important;
	    transform:rotateY(180deg);
	    -webkit-transform:rotateY(180deg);
	}

	.ggl:hover .back {
		text-decoration: none !important;
	    transform:rotateY(360deg);
	    -webkit-transform:rotateY(360deg);
	}



	/*Contact*/

	.contact .tel_fax {
		padding: 0 10px;
	}
	.contact .tel_fax h4 {
		margin-bottom: 10px;
	}
	.contact .tel_fax .number {
		width: 100%;
		margin: 0 auto 10px;
	}

		.contact .tel_fax .number strong {
			font-size: 18px;
		}

		.contact .tel_fax .number .posL {
			width: 100%;
		}

	.contact .tel_fax .text {
		margin-top: 10px;
		text-align: center;
		margin: 0 auto;
	}


	.contact .tel_fax .info {
		margin: 0 auto;
		padding: 0px 10px;
		background: none;
	}

		.contact .tel_fax .info p {
			width: 100%;
			margin-top: 30px;
			margin-bottom: 5px;
			font-size: 13px !important;
		}

	.contact .tel_fax .tel {
		margin-bottom: 10px;
	}

	.contact .tel_fax .pp {
		/*background: url(../commonNew/img/arrow.png) no-repeat 25% center;*/
		padding: 15px;
		margin-top: 10px;
		color: #333;
		border: #40C0CB 1px solid;
		display: block;
		text-align: center;
	}
	.contact .tel_fax .pp img {
		margin-right: 10px;
	}
	.form {
	    width: 100%;
	}

	.form a {
		display: block;
		width: 100% !important;
	    padding: 15px 0;
	    margin-top: 10px;
	    color: #fff !important;
	    text-decoration: none;
	    font-weight: bold;
	    background: #40C0CB;
	    letter-spacing: 1px;
	    font-size: 13px;
	    text-align: center;
	}


	.form a:hover {
		text-decoration: none;
		width: 100%;
	}
	.addArea img {
		max-width: 250px;
		min-width: 200px;
	}
}

/* 個別cssで上書きされてしまった共通パーツの設定を戻す */
#fot_contact p {
	font-size: 100% !important;
}
#fot_contact .btn a {
	display: block;
}