@charset "utf-8";

section.bg-light{
	padding-bottom:10px;
}
#home section.bg-light{
	padding-bottom:0px;
}

.contents{
	clear:both;
	margin:0 auto 30px auto;
}
.contents .float-right img{
	margin-left:20px;
}
.contents .float-left img{
	margin-right:20px;
}
.contents img.imgleft{
	float:left;
	margin-bottom:20px;
}
.contents img.imgright{
	float:right;
	margin-bottom:20px;
}
.contents p.backred{
	background-color:#F7DDDD;
	padding:10px;
}

h2.subttl, h3.subttl, h4.subttl{
	display:block;
	margin-bottom:20px;
	clear:both;
}
h2.subttl{
	font-size:1.8em;
	line-height:1.5;
}
h3.subttl{
	border-left:4px solid #000;
	padding:10px 0 10px 20px;
	font-size:1.5em;
	text-align:left;
}
h4.subttl{
	font-size:1.2em;
	background-color:#d9e3ed;
	padding:10px 15px;
}

.contents a{
	text-decoration:underline;
}
.contents a:hover{
	text-decoration:underline;
	color:#AEAEAE;
}
.contents ul{
	list-style:none;
	margin:0;
	padding-left:10px;
}
.contents ul li{
	line-height:1.8;
}

.center{
	text-align:center;
	padding:30px 0;
}
.clear{
	clear:both;
}

/*表*/
section .contents table.tableset { width: 100%; border-collapse:collapse; }
section .contents table.tableset th, td { padding: 15px; border: 1px solid #ddd; }
section .contents table.tableset th  { background: #f4f4f4; width: 30%; text-align: left; font-weight:normal; }

section .contents h2.recruit-ttl{ margin-bottom:50px;}
section .contents h3.recruit-ttl{ margin-top:100px;}


#btnarea{
	padding:30px 0;
	text-align:center;
}

.gray-box{
	clear:both;
	 border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	background-color:#efefef;
	padding:30px;
	width:auto;
	margin:50px auto;
	text-align:center;
}

#contactArea{
	margin:20px 0;
	padding:30px;
	background-image:url(../images/contact_bg.jpg);
}
#contactArea hr.contactbar{
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
#contactArea .contact-box{
	width:1024px;
	clear:both;
	background:rgba(255,255,255,0.7);
	padding:30px 80px;
	margin:0px auto;
	text-align:center;
	color:#333;
	 border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
#contactArea .contact-box .contacttxt{
	display:block;
	margin-bottom:30px;
	padding:0px;
	font-weight:bold;
	font-size:1.5em;
}
#contactArea .contact-box .contact-ttl{
	font-weight:bold;
	font-size:1.6em;
	color:#c80956;
}

#contactArea .contact-box .contact-left{
	float:left;
	font-weight:bold;
	font-size:1.3em;
}
#contactArea .contact-box .contact-right{
	float:right;
}
#contactArea .contact-box p{
	padding:0;
	margin:0;
}
#contactArea .contact-box p.telno{
	font-size:2em;
	color:#000;
}

/*==========*/
/* footer
/*==========*/
#footer .foo-nav nav.nav-menu{
	white-space: nowrap;
	margin-right:30px;
}
footer .info-contact{
	color:#fff;
}


/*==========*/
/* vr
/*==========*/
#vr .contents h3.subttl-vr{
	padding:0;
	border:none;
	margin:0 0 30px 0;
	font-size:1.2em;
}
#vr .contents h3.ttl01::before{
	content: "VR- 3D Walkthrough";
	font-size:2em;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
#vr .contents h3.ttl02::before{
	content: "VR- 3D Point View";
	font-size:2em;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
#vr .contents h3.ttl03::before{
	content: "VR- Photo Walkthrough";
	font-size:2em;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

#vr .vrimage img{
	margin-bottom:10px;
}
#vr .contents h3 .s-subttl{
	font-size:0.5em;
}
#vr .flex{
	text-align:center;
	margin: 40px auto;
}

#vr a.btn-more{
	display:block;
	padding:15px 20px;
	border-radius:3px;
	background:#000000 url(../images/vr/arrow_more.png) no-repeat right center;
	color:#ffffff;
	text-align:center;
	margin:30px 0;
	text-decoration:none;
}

#vr .flowtxt{
	background-color:#E3D297;
	border: 1px #E3D297 solid;
	border-radius: 3px;
	padding: 2em;
	margin:0.5em 0;
	text-align:center;
}
#vr .flow-result{
	text-align:center;
	border-radius: 3px;
	padding: 2em;
	margin:0.5em 0;
}
#vr .result01{
	background-color:#c7eeb0;
}
#vr .result02{
	background-color:#f6f39b;
}
#vr .result03{
	background-color:#f7b7b7;
}

@media (max-width: 767px){
/*tableにスクロールバーをつける*/
#vr .scroll table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

#vr .yesno{
	display:none;
}
}

@media (min-width: 768px){
#vr table td.nobordersel{
	border-top:none;
	border-left:none;
}
#vr table td.specttl01{
	background-color:#c7eeb0;
	text-align:center;
	width:28%;
}
#vr table td.specttl02{
	background-color:#f6f39b;
	text-align:center;
	width:28%;
}
#vr table td.specttl03{
	background-color:#f7b7b7;
	text-align:center;
	width:28%;
}


#vr table td.specitem{
	background-color:#f1f1f1;
	width:16%;
}
}

@media (min-width: 1024px){
#vr .scroll table {
}

#vr .contents h3.subttl-vr{
	margin:100px 0 50px 0;
}

#vr .container-fluid{
	padding:0;
}
#vr .vrimage{
	position:relative;
	margin-bottom:100px;
}
#vr .vrimage img{
	margin-bottom:0px;
}
#vr .vrimage img.img1-2{
	position:absolute;
	top:50px;
	right:0px;
	z-index:1;
}
#vr .vrimage img.img1-3{
	position:absolute;
	top:450px;
	right:30px;
}
#vr .moretxt{
	margin-left:300px;
}

#vr .flex{
	display:flex;
	justify-content: space-between;
}
#vr p.icontext{
	font-size:0.8em;
	color:#666;
	text-align:center;
}

}


/*==========*/
/* p-3dcg
/*==========*/
#p-3dcg .cgbox{
	width:auto;
	margin:30px;
}
#p-3dcg .cgbox h3{
	font-weight:bold;
}
#p-3dcg section .contents .cgbox img.cg-img{
	float:right;
}
#p-3dcg section .contents .cgbox .cg-txt{
	float:left;
	width:48%;
}


/*==========*/
/* business
/*==========*/

#business .categori{
	margin:50px 20px 0 0;
	background-color:fff;
	width:450px;
	text-align:center;
}
#business .categori .categori-txt{
	padding:20px 0;
	text-align:left;
}
#business .categori .categori-txt h3{
	display:block;
	font-weight:bold;
}
#business .categori .categori-txt .btn-more{
	text-align:center;
	margin:30px auto;
}

/*==========*/
/* flow
/*==========*/

#flow .flowstep{
	clear:both;
	padding:20px 40px;
	border:2px solid #ccc;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
#flow .flowstep .telno{
	font-weight:bold;
	font-size:1.8em;
	padding-left:30px;
	background:#fff url(../images/flow/icon_tel.png) no-repeat 0 0;
}
#flow .ya{
	text-align:center;
}
#flow .flowstep .wakuttl{
	border:1px solid #000;
	padding:5px;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
#flow .flowstep img.flowimg{
	float:right;
	margin-left:20px;
}

/*==========*/
/* sitemap
/*==========*/

.contents .sitemaplist{
	width:480px;
	margin-bottom:50px;
	padding:20px 40px;
	border:2px solid #ccc;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.contents .sitemaplist:nth-child(odd){
	clear:both;
	float:left;
}
.contents .sitemaplist:nth-child(even){
	float:right;
}
.contents .sitemaplist ul li{
	background:#fff url(../images/arrow_link.png) no-repeat 0 5px;
	padding-left:20px;
}

/*==========*/
/* request
/*==========*/

#request .contents form input, #request .contents form textarea{
	width:80%;
	padding:10px;
	font-family:Arial, sans-serif;
	border:solid 1px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
#request .contents form input#mitsumori, #request .contents form input#question, #request .contents form input#file{
	width:auto;
}
#request .contents form #btnarea input{
	width:120px;
}

/*==========*/
/* ar
/*==========*/

#ar ul.ar-flow{
	margin-bottom:20px;
}
#ar ul.ar-flow li.no1{	background:#f8f9fa url(../images/ar/1.gif) no-repeat 0 5px; padding-left:25px;}
#ar ul.ar-flow li.no2{	background:#f8f9fa url(../images/ar/2.gif) no-repeat 0 5px; padding-left:25px;}
#ar ul.ar-flow li.no3{	background:#f8f9fa url(../images/ar/3.gif) no-repeat 0 5px; padding-left:25px;}


/*==============*/
/* commitment
/*==============*/

#commitment .commitbox01, #commitment .commitbox03{
	margin-bottom:100px;
	background-color:#fff;
}
#commitment .commitbox01 .imgarea{
	float:left;
	width:450px;
	margin-right:50px;
}
#commitment .commitbox01 .txtarea, #commitment .commitbox03 .txtarea{
	float:right;
	width:480px;
}

#commitment .commitbox02{
	margin-bottom:100px;
}
#commitment .commitbox02 .imgarea{
	float:right;
	width:450px;
	margin-left:50px;
}
#commitment .commitbox02 .txtarea{
	float:left;
	width:480px;
}

#commitment .commitbox03 .imgarea{
	float:left;
	width:450px;
	margin-right:30px;
}



/*==============*/
/* animation
/*==============*/

#animation section .contents .ca-box{
	float:left;
	width:320px;
	margin-right:20px;
	padding:15px;
	margin-bottom:25px;
   -moz-border-radius: 10px;    /* 古いFirefox用 */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome用 */
   border-radius: 10px;
   border: 1px #ccc solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}
#animation section .contents .ca-box:last-child{
	margin-right:0px;
}
#animation section .contents .ca-box img{
	margin:0 auto 20px auto;
}

/*==========*/
/* costplan
/*==========*/

#costplan .pricebox{
	color:#346aa9;
	padding:20px 10px 0 20px;
	margin-bottom:20px;
	font-size:1.2em;
   -moz-border-radius: 10px;    /* 古いFirefox用 */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome用 */
   border-radius: 10px;
   border: 2px #6fa3e2 solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}


/*==============*/
/* news
/*==============*/
#news .day{
	text-align:right;
}


/*==============*/
/* moving
/*==============*/
.videobox-01, .videobox-02{
	clear:both;
	margin:50px auto;
}
.videobox-01 video{
	width:50%;
	height:auto;
	float:left;
}
.videobox-01 p.video-txt{
	float:right;
	margin-left:20px;
	width:45%;
}
.videobox-02 video{
	width:50%;
	height:auto;
	float:right;
}
.videobox-02 p.video-txt{
	float:left;
	margin-right:20px;
	width:45%;
}

/*==============*/
/* staff
/*==============*/
#staff .boss{
	width:250px;
	margin:0 auto 30px auto;
}
#staff .bucho{
	max-width:900px;
	margin:0 auto 30px auto;
}
#staff .staffbox{
	text-align:center;
}
#staff .staffbox ul{
	clear:both;
	margin:40px 0;
	text-align:center;
}
#staff .staffbox ul li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right:20px;
	margin-bottom:50px;
	width:250px;
	line-height:1.0;
}

/*==============*/
/* privacy
/*==============*/
	#privacy h3{
		margin-top:80px;
	}
	#privacy h3:first-child{
		margin-top:0;
	}

/*==============*/
/* index
/*==============*/
#home section#protec-japan #aboutus{
	margin-right:1px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
#home section#protec-japan #aboutus .pj-box{
	width:24.9%;
}
#home section#protec-japan #aboutus .pj-box:last-child{
	margin-right:0px;
}

#home section#protec-japan #aboutus #pj-bg01{background:#7b933c url(../images/pj-img01.jpg) no-repeat 0 0;}
#home section#protec-japan #aboutus #pj-bg02{background:#4d6caa url(../images/pj-img02.jpg) no-repeat 0 0;}
#home section#protec-japan #aboutus #pj-bg03{background:#db9932 url(../images/pj-img03.jpg) no-repeat 0 0;}
#home section#protec-japan #aboutus #pj-bg04{background:#e57aa0 url(../images/pj-img04.jpg) no-repeat 0 0;}

#home section#protec-japan #aboutus .pj-box .pj-txt{
	padding:10px;
	margin:305px auto 0 auto;
	text-align:left;
	color:#fff;
}
#home section#protec-japan #aboutus .pj-box .pj-txt a{color:#fff;}
#home section#protec-japan #aboutus .pj-box .pj-txt a:hover{color:#fff; text-decoration:underline;}

#home section#protec-japan #aboutus .pj-box .pj-txt p.pjttl{
	font-size:1.2em;
}

#news-update{
	clear:both;
	margin-bottom: 5em;
}


/* 見積りシミュレーション、3Dウォークスルー・フォト　エリア　*/
#home .contentsArea {
  position: relative;
  overflow: hidden;
  margin: 5% 0;
  padding: 80px 0;
}

#home .contentsArea:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: #c5d1d9;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}
#home .contents_inner {
  box-sizing: boder-box;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  padding: 100px 10px 120px;
}
#home .contents_inner .contentsTxt {
  max-width: 640px;
  color: #012239;
  text-align: left;
  font-size:1.2em;
  line-height:1.8;
}
#home .contents_inner .lefttxt {
	float:left;
}
#home .contents_inner .rightttxt {
	float:right;
}
#home .contents_inner .leftimg {
	float:left;
}
#home .contents_inner .rightimg {
	float:right;
}
#home .contents_inner h3 {
	font-size:1.8em;
	font-weight:bold;
	padding:30px 0;
}
#home .contents_inner p a, #home .contents_inner p a:hover{
  color: #012239;
  text-decoration:underline;
  font-weight:bold;
}

/*==============*/
/* webgl
/*==============*/
#webgl .webgl-merit{
	margin:50px auto;
}
#webgl .webgl-merit .meritbox{
	padding:1%;
}
#webgl .webgl-merit .meritbox .merit{
	background-color:#dcd3ca;
	border-radius: 5px;
	padding: 5%;
	text-align: center;
}
#webgl .webgl-merit .meritbox .merit h3{
	font-weight: bold;
}
#webgl .webgl-merit .meritbox .merit p{
	margin: 15px 0;
	text-align: left;
}




/*==========*/
/* 切り替え
/*==========*/

@media (min-width: 1024px){

.contents{
	width:1024px;
}

/*business*/
#business .categori:nth-child(odd){
	float:left;
}
#business .categori:nth-child(even){
	float:right;
}

/*kodawari*/
#kodawari .pointbox{
	width:1024px;
	margin:0 auto 80px auto;
}
}

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

.contents{
	width:95%;
	padding:0 20px;
}
.contents img.imgleft{
	float:none;
	margin:0 auto 20px auto;
}
.contents img.imgright{
	float:none;
	margin:0 auto 20px auto;
}

/*index*/


/*business*/
#business .categori{
	margin:20px auto;
}

/*kodawari*/
#kodawari .pointbox{
	margin:0 auto 80px auto;
	width:auto;
}

/*sitemap*/
.contents .sitemaplist{
	width:100%;
}
.contents .sitemaplist:nth-child(odd){
	clear:both;
	float:none;
}
.contents .sitemaplist:nth-child(even){
	float:none;
}

/*3dcg*/
#p-3dcg section .contents .cgbox img.cg-img{
	float:none;
}
#p-3dcg section .contents .cgbox .cg-txt{
	float:none;
	width:auto;
	margin:20px 0;
}

/*commitment*/
#commitment .commitbox01, #commitment .commitbox03{
	margin-bottom:100px;
	background-color:#fff;
}
#commitment .commitbox01 .imgarea{
	float:none;
	width:450px;
	margin-right:0px;
	margin-bottom:10px;
}
#commitment .commitbox01 .txtarea, #commitment .commitbox03 .txtarea{
	float:none;
	width:auto;
}

#commitment .commitbox02{
	margin-bottom:100px;
}
#commitment .commitbox02 .imgarea{
	float:none;
	width:450px;
	margin-left:0px;
	margin-bottom:10px;
}
#commitment .commitbox02 .txtarea{
	float:none;
	width:auto;
}

#commitment .commitbox03 .imgarea{
	float:none;
	width:450px;
	margin-right:0px;
	margin-bottom:10px;
}

/*flow*/
#flow .flowstep img.flowimg{
	float:none;
	margin-left:0px;
	margin-bottom:20px;
}

/* animation*/
#animation section .contents .ca-box{
	width:auto;
	padding:15px;
	margin-bottom:25px;
   -moz-border-radius: 10px;    /* 古いFirefox用 */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome用 */
   border-radius: 10px;
   border: 1px #ccc solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}
#animation section .contents .ca-box:nth-child(odd){
	float:none;
}
#animation section .contents .ca-box:nth-child(even){
	float:none;
}
#animation section .contents .ca-box img{
	float:none;
	margin-left:0px;
	margin-bottom:20px;
}

#contactArea .contact-box{
	width:95%;
	clear:both;
	background:rgba(255,255,255,0.7);
	padding:50px 80px;
	margin:50px auto;
	text-align:left;
	color:#333;
	 border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
#contactArea .contact-box .contact-left{
	float:none;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
}
#contactArea .contact-box .contact-right{
	float:none;
	margin-top:30px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
#contactArea .contact-box p.telno{
	font-size:2em;
	color:#000;
	width:auto;
}


}

@media (max-width: 767px){

.contents{
	width:95%;
}
.contents img.imgleft{
	float:none;
	margin:0 auto 20px auto;
}
.contents img.imgright{
	float:none;
	margin:0 auto 20px auto;
}
.sp-none{
	display:none;
}

/* footer */
#footer .foo-nav nav.nav-menu{
	white-space: nowrap;
	margin-right:0px;
}



/* index */
#home section#protec-japan #aboutus{
	margin:0px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
#home section#protec-japan #aboutus .pj-box{
	width:90%;
	margin:0px auto 30px auto;
}
#home section#protec-japan #aboutus .pj-box:last-child{
	margin:0px auto 30px auto;
}

#home section#protec-japan #aboutus #pj-bg01{background:#7b933c url(../images/pj-img01-sp.jpg) no-repeat center -105px;}
#home section#protec-japan #aboutus #pj-bg02{background:#4d6caa url(../images/pj-img02-sp.jpg) no-repeat center -105px;}
#home section#protec-japan #aboutus #pj-bg03{background:#db9932 url(../images/pj-img03-sp.jpg) no-repeat center -105px;}
#home section#protec-japan #aboutus #pj-bg04{background:#e57aa0 url(../images/pj-img04-sp.jpg) no-repeat center -105px;}

#home section#protec-japan #aboutus .pj-box .pj-txt{
	padding:10px;
	margin:200px auto 0 auto;
	text-align:left;
	color:#fff;
}
#home section#protec-japan #aboutus .pj-box .pj-txt p.pjttl{
	font-size:1.2em;
}

/*business*/
#business .categori{
	margin:20px auto;
	width:95%;
}
#business .categori img{
	margin:0 auto;
}
/*kodawari*/
#kodawari .pointbox{
	margin:0 auto 50px auto;
	width:auto;

}
#kodawari .pointbox img{
	clear:both;
	margin:0 auto 50px;
}
#kodawari .pointbox .txtbox{
	clear:both;
	width:auto;
}
/*sitemap*/
.contents .sitemaplist{
	width:100%;
}
.contents .sitemaplist:nth-child(odd){
	clear:both;
	float:none;
}
.contents .sitemaplist:nth-child(even){
	float:none;
}

/*3dcg*/
#p-3dcg section .contents .cgbox img.cg-img{
	float:none;
}
#p-3dcg section .contents .cgbox .cg-txt{
	float:none;
	width:auto;
	margin:20px 0;
}

/*commitment*/
#commitment .commitbox01, #commitment .commitbox03{
	margin-bottom:100px;
	background-color:#fff;
}
#commitment .commitbox01 .imgarea{
	float:none;
	width:auto;
	margin-right:0px;
	margin-bottom:10px;
}
#commitment .commitbox01 .txtarea, #commitment .commitbox03 .txtarea{
	float:none;
	width:auto;
}

#commitment .commitbox02{
	margin-bottom:100px;
}
#commitment .commitbox02 .imgarea{
	float:none;
	width:auto;
	margin-left:0px;
	margin-bottom:10px;
}
#commitment .commitbox02 .txtarea{
	float:none;
	width:auto;
}

#commitment .commitbox03 .imgarea{
	float:none;
	width:auto;
	margin-right:0px;
	margin-bottom:10px;
}

/*flow*/
#flow .flowstep img.flowimg{
	float:none;
	margin-left:0px;
	margin-bottom:20px;
}
#flow .flowstep .telno{
	font-weight:bold;
	font-size:1.8em;
	padding-left:0px;
	background-image:none;
}

/* animation*/
#animation section .contents .ca-box{
	width:auto;
	padding:15px;
	margin-bottom:25px;
   -moz-border-radius: 10px;    /* 古いFirefox用 */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome用 */
   border-radius: 10px;
   border: 1px #ccc solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
}
#animation section .contents .ca-box:nth-child(odd){
	float:none;
}
#animation section .contents .ca-box:nth-child(even){
	float:none;
}
#animation section .contents .ca-box img{
	float:none;
	margin-left:0px;
	margin-bottom:20px;
}

#contactArea .contact-box{
	width:95%;
	clear:both;
	background:rgba(255,255,255,0.7);
	padding:20px 10px;
	margin:50px auto;
	text-align:left;
	color:#333;
	 border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
#contactArea .contact-box .contact-left{
	float:none;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}
#contactArea .contact-box .contact-right{
	float:none;
	margin-top:30px;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}
#contactArea .contact-box p.telno{
	font-size:1.5em;
	color:#000;
	width:auto;
}

/*moving*/
.videobox-01, .videobox-02{
	width:100%;
	margin:30px auto;
}
.videobox-01 video, .videobox-02 video{
	float:none;
	width:100%;
	height:auto;
	margin:0 auto;
}
.videobox-01 p.video-txt, .videobox-02 p.video-txt{
	float:none;
	margin-top:10px;
	margin-left:0px;
	width:100%;
}

/*webgl*/
#webgl .webgl-merit{
	width: 95%
}


/*サブページ表*/
section .contents table.tableset {
	width:100%;
	margin: 0;
}
section .contents table.tableset tr th, section .contents table.tableset tr td{
    width: auto;
    display: block;
    border-top: none;
}
section .contents table.tableset tr:first-child {
	border-top: 1px solid #ddd;
}

}