@charset "UTF-8";

@import url("grid.css");
@import url("theme.css");
@import url("content.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通CSS*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.center	{ text-align: center;}

.left	{ text-align: left;}

.right { text-align: right;}

a	{ outline:none; }

h1	{ font-size: 2em; margin: 0;}

@media (max-width: 500px) {
	h1 {	font-size: 1.4em;}
	h2 {	font-size: 1.2em;}
	h3 {	font-size: 1.1em;}
}

.col-b { background: #cce2f6;}

.col-db { background: #e4d2d2;}

.col-g { background: #9adbe2;}

.font-clo-w	{ color: #fff;}

sup	{ margin: 0 3px;}

	#main {
		background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");
		background-position: top left, top right, bottom left, bottom right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 7em 0;
	}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* トップページ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#top_Img	{
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#top_Img	h1	{
	position: absolute;
	font-weight: 400;
	color: #fff;
	top: 50%;
	left: 20%;
}

@media screen and (max-width:823px) {
	#top_Img	h1	{
		font-size: 1.3em;
		top: 50%;
		left: 10%;
	}
}

@media screen and (max-width:500px) {
	#top_Img	h1	{
		font-size: 1.2em;
		top: 50%;
		left: 10%;
	}
}

@media screen and (max-width:320px) {
	#top_Img	h1	{
		font-size: 1em;
		top: 50%;
		left: 10%;
	}
}

#top_Img img { width: 100%;}

.mobaimg { display: none; }


@media screen and (min-width: 500px) {
	.mobaimg { display: none; } 
  .pcimg { display: block; } 
}

@media screen and (max-width: 499px) {
  .mobaimg { display: block;} 
  .pcimg  { display: none; } 
}
		  

/* ビデオ */
.videoBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0;
}

.videoBox video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}

@media (max-width: 500px) {
	.videoBox	{	margin-top: 48px;	}
}
/* END ビデオ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#glascene_top	{ margin-top: 30px;}

#glascene_top .top-inner p	{
	font-size: 1.2em;
}

@media screen and (max-width:768px) { 
	#glascene_top .top-inner p	{
		font-size: 1em;
		line-height: 2;
	}
}

@media screen and (max-width:500px) { 
	#glascene_top .top-inner p	{
		font-size: 0.8em;
		line-height: 1.5;
	}
}

#glascene01	{ 
	margin: 0;
	padding: 40px 0;
	background: #081D38;
	background: -webkit-linear-gradient(1deg, rgb(62, 115, 184), rgb(8, 29, 56));
	background: linear-gradient(1deg, rgb(62, 115, 184), rgb(8, 29, 56));
}

#glascene01 h1	{
	color: #fff;
	font-family: serif;
	font-size: 3.5em;
	margin-bottom: 0;
	font-weight: 800;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

#glascene01 p	{	
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 10px 0 0 0;
}

@media (max-width: 823px) {
	 #glascene01	{	padding: 30px;}
	 #glascene01 h1	{	font-size: 1.6em;}
	 #glascene01 p	{	font-size: 0.9em; line-height: 1.5; margin: 10px 0 0 0;}	 
}

@media (max-width: 768px) {
	 #glascene01	{	padding: 30px;}
	 #glascene01 h1	{	font-size: 1.6em;}
	 #glascene01 p	{	font-size: 1em; line-height: 1.5; margin: 10px 0 0 0;}	 
}

@media (max-width: 500px) {
	#glascene01	{	padding: 20px;}
	#glascene01 h1 {	font-size: 1.4em;}
	#glascene01 p	{	font-size: 0.9em; margin: 10px 0 0 0;}
}

@media (max-width: 320px) {
	#glascene01	{	padding: 15px;}
	#glascene01 h1 {	font-size: 1.4em;}
	#glascene01 p	{	font-size: 0.8em; margin: 10px 0 0 0;}
}

#glascene02	{	margin: 10px 0;}

#glascene02 h1	{
	font-size: 1.6em;color: #5752d6;;
	font-weight: 400;
	margin-bottom: 20px;
}

#glascene02 p	{
	font-size: 1.3em;
	margin: 20px 0 0 0;
}

#glascene02 h2	{
	color: #5752d6;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 30px;
	text-align: center;
}

#glascene02 ul span	{
	color: #CCB01C;
	font-weight: 800;
}

#glascene02 ul li	{
	font-size: 1.2em;
	margin: 10px 0 0 0;
}

.Grasta_info ul 	{
	padding: 0px;
	margin: 0 50px 0 0;
	color: #f4a017;
	list-style: none;
}

@media (max-width: 1024px) {
	.Grasta_info ul 	{
		list-style: none;
		margin-left: 20px;
	}
}

@media (max-width: 823px) {
	.Grasta_info ul 	{
		list-style: none;
	}
	.Grasta_info { font-size:0.9em; font-weight: 800;}
}

@media (max-width: 823px) {
	#glascene02 h1	{	font-size: 1.3em;}
	#glascene02 p	{	font-size: 1em; line-height: 1.5; margin: 10px 0 0 0;}
	#glascene02 h2	{	font-size: 1.4em;}
}

@media (max-width: 768px) {
	#glascene02 h1	{	font-size: 1.4em;}
	#glascene02 p	{	font-size: 1em; line-height: 1.5; margin: 10px 0 0 0;}
	#glascene02 h2	{	font-size: 1.4em;}
	#glascene02 ul	{ font-size: 0.8em; padding: 0;} 
}

@media (max-width: 500px) {
	#glascene02	{	padding: 20px 0 0 0; margin-bottom: 0;}
	#glascene02 h1 {	font-size: 1.1em;}
	#glascene02 h2 {	font-size: 1.1em; line-height:1.3;}
	#glascene02 p	{	width: 100%;font-size: 0.9em; margin: 10px 0 0 0; border : solid 1px #ccc; padding: 7px;}
	.entry-inner02	{ font-size: 0.9em;margin: 0;}
	.top-inner	{ margin: 0; padding: 5px; background: #d1c0a5; line-height: 1.5;}
	.Grasta_info 	{ font-size: 0.8em; }
	.Grasta_info ul { font-size:0.9em; font-weight: 800; margin: 0 0 10px 0;}
	.top-inner02	{ margin: 0; padding: 5px; line-height: 1.5;}
}

@media (max-width: 320px) {
	#glascene02 p	{ font-size: 0.8em;}
}

.entry-inner03 table	{ width: 100%; border-collapse: collapse; border : solid 1px #000;}

.entry-inner03 table td, table th {
  padding: 7px;
  text-align: ;
  border : solid 1px #000;
}
table th {
  background-color: #eee;
}

@media (max-width: 500px) {
	.entry-inner03 table	{ font-size: 0.8em;}
	.entry-inner03 table td, table th { font-size: 0.7em;}
}

#glascene04	{ margin: 30px 0 0 0;}

#glascene04 h3	{ 
	font-size: 1.1em;
	font-weight: 700;
	background: #b4d7f8;
	padding: 25px 20px;
	line-height: 0;
	margin-bottom: 20px;
}

.entry-inner04 h3 span	{ font-size: 0.8em; margin-left: 10px;}

#glascene04	{ min-width: 100%;}

#glascene04 ol	{ margin-left: 0; padding-left: 30px;}

@media (max-width: 1100px) {
	#glascene04 h4	{ margin: 0 0 10px 0;}
}

@media (max-width: 823px) {
	#glascene04 h4	{ margin: 0 0 5px 0;}
	#glascene04 ol	{ font-size: 0.9em; margin-bottom: 10px;}
}

@media (max-width: 500px) {
	.entry-inner04 h3 span	{ display: inline-block; padding: 10px 0; margin: 0; line-height: 1.5;}
	#glascene04	{ margin: 0;}
	#glascene04 .border-b	{ border-bottom : solid 2px #b4d7f8; margin: 0 15px;}
	#glascene04 .entry-inner04 h3 {font-size: 0.7em; }
	#glascene04 h4	{ font-size: 0.9em;}
}

@media (max-width: 320px) {
	.entry-inner04 h3 span	{font-size: 0.7em;}
	#glascene04	{ margin: 0;}
}

#glascene05	{ margin: 30px 0 0 0;}

#glascene05 .entry-inner05,
section#contents05 .entry-inner05	{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 20px;
}

#glascene05 h1,
	section#contents05 h1	{
	color: #fff;
	font-weight: 300;
	line-height: 1.5;
	display: inline-block;
	font-size: 1.2em;
	margin-bottom: 10px;
	border : solid 1px #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 3px 30px 0 30px;
	margin: 0 auto;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 2px 1px #999;
	
}

#glascene05 ul li		{ margin-bottom: 10px;}

@media (max-width: 823px) {
	#glascene05 h1,
	section#contents05 h1	{
	margin-bottom: 10px;
	}
	#glascene05 ul,
	section#contents05 ul	{
	margin-left: 0;
	margin-bottom: 0;
	}
}

@media (max-width: 411px) {
	#glascene05,
	section#contents05	{
		padding: 0;
	}
	#glascene05 ul,
	section#contents05 ul	{
	margin: 0;
	padding-left: 10px;
	}
}

#glascene06	{ margin: 30px 0 0 0;}

#glascene06	h3	{ 
	font-size: 1.1em;
	font-weight: 300;
	border : solid 1px #5752d6;
	padding: 15px 20px;
	line-height: 0;
	margin-bottom: 20px;
	display: inline-block;
}

#glascene06	img	{
	min-width: 100%;
}

#glascene06 h4	{ margin: 0;}

#glascene06	 p	{
	margin: 10px 0;
}

@media (max-width: 500px) {
	.entry-inner05 h3 {	color: #fff; text-align: center; width: 100%; background: #5752d6;}
	#glascene06 p	{	font-size: 0.9em; margin: 0 0 10px 0;}
}

#glascene06 img	{ 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#glascene07	{ margin-top: 30px;}

#glascene07	h3	{
	font-size: 1.1em;
	font-weight: 300;
	border : solid 1px #5752d6;
	padding: 15px 20px;
	line-height: 0;
	margin-bottom: 20px;
	display: inline-block;
}

.entry-inner07 h4	{
	font-size: 1em;
	line-height: 1;	
	margin: 10px 0;
}

.entry-inner07 p	{
	margin: 10px 0;
}

.entry-inner07 span	{
	display: inline-block;
}

.entry-inner07 a:hover	{
	color: red;
}


glascene07	img	{ min-width: 100%;}

@media (max-width: 1024px) {
	.youtube	{ max-height: 300px;}
	.youtube iframe { max-height: 300px;}
}

@media (max-width: 823px) {
	#glascene07	{ margin-top: 0;}	
}


@media (max-width: 500px) {
	#glascene07	{ margin-top: 0;}
	.entry-inner07 h3 {	color: #fff; text-align: center; width: 100%; background: #5752d6;}
	#glascene07 p	{	font-size: 0.9em; margin: 10px 0 0 0;  padding: 10px; }
}


#download	{
	background: #fff;
	padding: 20px 0;
}

#download h5	{
	font-size: 1em;
	font-weight: 800;
	margin-bottom: 0;
}

@media (max-width: 328px) {
	#download h5	{
		font-size: 0.9em;
	}	
}

#download h5 sup	{
	margin: 0 3px 0 3px;
}

#download	p	{
	font-size: 1.2em;
	font-weight: 800;
	border : solid 1px #ccc;
	padding: 10px 20px 0 20px;
	display: inline-block;
}

@media (max-width: 500px) {
	#download	p	{
		padding: 5px 10px 5px 10px;
		font-size: 1em;
		font-weight: 300;
	}
	.ico-download-alt { width: 40px; height: 30px;}	
}

@media (max-width: 328px) {
	#download	p	{
		padding: 5px 10px 5px 10px;
		font-size: 1em;
		font-weight: 300;
	}
	.ico-download-alt { width: 40px; height: 30px;}	
}

.ico-download-alt	{ margin-top: -10px; padding: 0; line-height: 0;}

.linkBotn	a	{  text-decoration: none; color: #fff;}

#download .linkBotn	{
	background-color: #b3b4e2;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

#download .linkBotn:hover	{
	background-color: #ccc;
}

footer	{ 
	background-image: url(../images/maine/footer_back.jpg);
	background-repeat: no-repeat;
	width: 100%;
	margin: 0;
	background-size:cover;
	background-position:0 80%;
	padding: 40px 0 20px 0;
}

footer .cop		{
	color: #fff;
	line-height: 1.2;
	vertical-align: bottom;
}

footer p	{
	margin-top: 0;
	padding: 0;
	color: #fff;
}

footer p.cop_in 	{
	font-size: 1.2em;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 10px;
}

footer .cop img		{
	margin-right: 20px;
}

footer .cop a		{
	color: red;
}

footer .cop a:hover 		{
	color: #ccc;
	text-decoration: none;
}

address	{
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-style:normal;
	margin-top: 50px;
}

.moba_s	{ color: #fff;}

	
	
@media (max-width: 768px) {
	.cop_in a	{ font-size: 0.7em;}
	.cop_in img	{ width: 30px;}
}

@media (max-width: 500px) {
	 address	{
		display: none;	
	}
	.moba_s	{
		font-size: 0.8em;
		color: #fff;
	}
	.cop_in img	{ width: 30px;}
	.cop	{ font-size: 0.9em;}
}

@media (max-width: 500px) {
	.cop	{ font-size: 0.8em;}
}
* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pege_top	{
	text-align: center;
 	padding: 0px;
}

.button {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #EEE;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(to bottom, #fbfbfb, #e1e1e1);
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #d4d4d4;
  height: 15px;
  line-height: 30px;
  padding: 0px 25.6px;
  font-weight: 300;
  font-size: 14px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  color: #666;
  text-shadow: 0 1px 1px white;
  margin: 0;
  text-decoration: none;
  text-align: center; 
}

.button:hover, .button:focus, .button:active, .button.is-active, .button.active {
  text-decoration: none; 
}

.button:hover, .button:focus {
  color: #666;
  background-color: #EEE;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  background: linear-gradient(to bottom, #ffffff, #dcdcdc); 
}

.button-wrap {
  background-color: hsl(109, 0%, 65%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc", endColorstr="#a5a5a5");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fcfcfc), to(#a5a5a5));
  background-image: -moz-linear-gradient(top, #fcfcfc, #a5a5a5);
  background-image: -ms-linear-gradient(top, #fcfcfc, #a5a5a5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #a5a5a5));
  background-image: -webkit-linear-gradient(top, #fcfcfc, #a5a5a5);
  background-image: -o-linear-gradient(top, #fcfcfc, #a5a5a5);
  background-image: linear-gradient(#fcfcfc, #a5a5a5);
  border-color: #a5a5a5 #a5a5a5 hsl(109, 0%, 56.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.56);
  -webkit-font-smoothing: antialiased;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  padding: 6px;
  display: inline-block; 
}

.button-circle {
  -moz-border-radius: 240px;
  -webkit-border-radius: 240px;
  border-radius: 240px;
  -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  width: 50px;
  line-height: 50px;
  height: 50px;
  padding: 0px;
  border-width: 2px;
  font-size: 0.8em; 
}

.button-primary {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjVlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
  background: -moz-linear-gradient(top, #00b5e5, #008db2);
  background: -webkit-linear-gradient(top, #00b5e5, #008db2);
  background: linear-gradient(to bottom, #00b5e5, #008db2);
  background-color: #00A1CB;
  border-color: #007998;
  color: #FFFFFF;
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35); 
}

.button-primary:hover, .button-primary:focus {
  background-color: #00A1CB;
  color: #FFFFFF;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzlmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
  background: -moz-linear-gradient(top, #00c9fe, #008db2);
  background: -webkit-linear-gradient(top, #00c9fe, #008db2);
  background: linear-gradient(to bottom, #00c9fe, #008db2); 
}

.button-primary:active, .button-primary.is-active, .button-primary.active {
  background: #1495b7;
  color: #005065;
}
	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 問い合わせフォーム */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.contact-text	{ padding: 0; margin:0; width: 100%; text-align: center;}


@media screen and (min-width : 500px){
	.contact-text	h2	{
		color: #fff;
		font-size: 3.5em;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	}
	.dzsparallaxer	{	
		height: 550px;
	}
}

@media screen and (max-width : 499px)	{
	.contact-text	h2	{
		font-size: 1em;
		color: #fff;
		font-weight: 300;
		width: 100%;
		padding: 0;
		margin: 0;
		display: inline-block;
	}
	.dzsparallaxer	{	
		height: 250px;
	}
}



.mainTitle h1	{
	text-align: center;
	font-size: 1.3em;
	font-weight: 700;
}

.title_border	{
	position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;	
}

.title_border::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}

@media screen and (min-width : 995px){
	.imgBox img	{ width: 250px;}
}

@media screen and (max-width : 990px){
	.imgBox img	{ width: 320px;}
}

@media screen and (max-width : 990px){
	.phoneArea img	{ width: 270px;}
}

@media screen and (max-width : 736px){
	.mainTitle h1	{	font-size: 1.1em;
	}
}

#ContactBox	p	{ line-height: 1.5;}

@media screen and (max-width : 731px){
	.phoneArea	{ text-align: center;}
	#ContactBox	p	{ text-align: center;}
}

@media screen and (max-width : 500px){
	.mainTitle h1	{	font-size: 0.8em; font-weight: 700;}
	#ContactBox	p	{ text-align: center; font-size: 0.8em; font-weight: 700; line-height: 1.3;}
	.imgBox	{ text-align: center;}
	.imgBox img	{ width: 300px;}
	#ContactBox h3	{ text-align: center;}
}

@media screen and (max-width : 375px){
	.mainTitle h1	{	font-size: 0.7em; font-weight: 700;}
	.phoneArea	{ text-align: center;}
	#ContactBox	p	{ font-size: 0.7em;}
}

.titleBox	{ text-align: center; margin-bottom: 20px;}

/*ボタン装飾*/
#policy	{ margin-bottom: 30px;}

#policy .hidden_box label {
		color: #fff;
    padding: 7px 45px;
    font-weight: 400;
    cursor :pointer;
    background: red;
    margin-bottom: 30px;
    border-radius: 5px;   
    -webkit-border-radius: 5px;   
    -moz-border-radius: 5px;
}

/*ボタンホバー時*/
#policy .hidden_box label:hover {
		color: #ccc;
    background-color: rgba( 0, 0, 0, 0.55 );
}

/*チェックは見えなくする*/
#policy .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
#policy .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#policy .hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.privacy	{
	width: 80%;
	height: 100%;
	text-align: center;
	padding: 0 20px 0 20px;
	margin: auto;
	overflow : hidden;
}

.privacy	p	{ text-align: left; line-height: 1.4;}

input, button, textarea, select { 
	border: 1px solid #ccc;
	border-radius: 3px;   
  -webkit-border-radius: 3px;   
  -moz-border-radius: 3px;
}

form#mail_form textarea	{
  width:  300px;
  height: 150px;
}

form#mail_form input#name,
form#mail_form input#kana,
form#mail_form input#company,
form#mail_form input#section,
form#mail_form input#phone,
form#mail_form input#email
{
	width : 190px; padding: 3px; 
}

form#mail_form input#postal	{ width: 90px; padding: 3px;}

form#mail_form input#message	{
	width : 190px;
	padding: 3px;
}

form#mail_form input#address_1,
form#mail_form input#address_2	{
	display : block;
	width : 300px;
	padding: 3px;
	margin-bottom:15px;
	margin-left: 10px; 
}

form#mail_form{
	font-size: 14px;
	width : 100%;
	margin : auto;
	padding : 10px 0;
	background : #fff;
	border : 1px solid #5a511a;
	border-radius : 7px;
	text-shadow : 0px 1px 0px #ffffff;
	/*box-shadow*/
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;	
}

form#mail_form dl	{
	width : 550px;
	margin : 0 auto;
	overflow : hidden;
}

form#mail_form dl dt	{
	clear : both;
	width : 180px;
	float : left;
	border-top : 1px solid #cccccc;
	padding : 15px 0;
	text-align : left;
	overflow : hidden;
}

form#mail_form dl dd	{
	width : 570px;
	border-top : 1px solid #cccccc;
	padding : 15px 0 15px 130px;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd	{
	border : none;
}

form#mail_form dl dt span.required { 
	color: #ccc; 
	font-size: 12px; 
	background: #ff4500; 
	padding: 3px;
	margin-right: 10px;
	border-radius : 4px;
	text-shadow : 0px 1px 0px #ffffff;	
}

form#mail_form dl dt span.any { 
	color: #ccc; 
	font-size: 12px; background: #1e90ff; 
	padding: 3px;
	margin-right: 10px;
	border-radius : 4px;
	text-shadow : 0px 1px 0px #ffffff;	
}

label.colorColm { color: rgb(65,105,225); }

#buttonArea	{	margin: 20px;	}

#buttonArea .space{ padding: 5px 20px; }

@media screen and (max-width : 414px){
	#buttonArea .space	{ padding: 0 20px;}
}

.privacy input[type="radio"],input[type="checkbox"]	{
  position: relative;
  top: 2px;
	margin-right: 5px; 
}

input[type="button"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #ccc, #eaf6fd); 
   border: 1px solid #3c7fb1;
   border-radius: 0.3em; 
}

input[type="button"]:hover {
   background-image: linear-gradient(0deg, #c0c0c0, #e5f4fc);
   border: 1px solid #2c628b;
}
input[type="button"]:active {
   background-image: linear-gradient(180deg, #ccc, #e5f4fc);
   border: 1px solid c0c0c0;
}


/* --responsive------------------------------------------- */

/* 736pixel start iphone 6/7横向き*/
@media screen and (max-width : 736px){

form#mail_form{
	width : 100%;
}
form#mail_form dl{
	width : 90%;
}
form#mail_form dl dt{
	width : auto;
	float : none;
	text-align : left;
	padding : 10px 0 5px;
	font-size: 14px;
	font-weight : 500;
}
form#mail_form dl dd{
	width : auto;
	float : none;
	border-top : none;
	padding : 0px 0 13px 0px;
}
form#mail_form dl dt span{
	font-weight : normal;
}

form#mail_form input{
	height : 25px;
}

form#mail_form input#name,
form#mail_form input#kana,
form#mail_form input#company,
form#mail_form input#section,
form#mail_form input#post,
form#mail_form input#email,
form#mail_form input#postal,
form#mail_form input#address_1,
form#mail_form input#address_2,
form#mail_form input#phone
{
	max-width : 90%;
	-webkit-appearance : none;
	}

form#mail_form textarea	{
  width:  280px;
  height: 150px;
	}

	
.colorColm	{ font-size: 0.8em;}

.privacy input[type="radio"],input[type="checkbox"]	{
  position: relative;
  top: 8px;
	 margin-right: 5px; 
	}
}

#policy .hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

@media screen and (max-width : 375px){
	form#mail_form textarea	{
  	width:  250px;
  	height: 150px;
	}
}

@media screen and (max-width : 320px){
	form#mail_form textarea	{
  	width:  200px;
  	height: 150px;
	}
}



#glascene08	{
	margin: 60px 0;
}

@media screen and (max-width : 500px){
	#glascene08	{
	margin: 20px 0;
}
}

#glascene08 h5	{
	margin: 0;
	padding: 0;
}

#glascene08 .linkBox a	{ 
	font-size: 1.2em;
	color: #fff;
	text-decoration:	none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	margin: 0;
	padding: 0;
}

.entry-inner08 .linkBox	{
	padding: 10px 0;
	background:	#8dc2f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#glascene08 .linkBox:hover	{
	background-color: rgba( 0, 0, 0, 0.25 );
}


@media screen and (max-width : 731px){
	.entry-inner08	{
  	margin-bottom: 30px;
	}
}


	#banner {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #645862;
		background-image: url("images/light-bl.svg"), url("images/light-br.svg"), url("images/overlay.png");
		background-position: bottom left, bottom right, top left, top center;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat;
		background-size: 25em, 25em, auto, cover;
		color: #fff;
		cursor: default;
		padding: 6em 0;
		text-align: center;x-z-index:9999;
	}
	

#Company_guide	{ z-index: -1;}

#Company_guide .cop_titel	{
	font-family: 'Shrikhand', cursive;
	font-size: 2.4em;
	color: #fff;
	margin: 0;
	padding: 30px 0 0 20px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 会社概要 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#Company_profile	{
	margin-top: 50px;
}

#Company_profile ul li	{
	line-height: 1.5;
}


.profile {
	width: 100%;
}
 
.profile th,
.profile td {
	border: 1px solid #ccc;
	padding: 20px;
}
 
.profile th {
	width: 25%;
	font-weight: bold;
	background-color: #dedede; 
}
 
@media screen and (max-width: 767px) {
.profile,
.profile tr,
.profile td,
.profile th {display:block;}
.profile th {width:auto;}
}

.profile ul	{
	margin-left: 10px;
	padding: 0;
}

.wrap	{
	background: url(../images/maine/profile_back.jpg) ;
	min-width: 100%;
	height: 305px;
	margin: auto;
	padding: 0;
}

@media screen and (max-width: 1190px) {
	.wrap	{
		height: 255px;
	}
}

@media screen and (min-width:668px) and ( max-width:823px) {
	.wrap	{
	background: url(../images/maine/profile_back_m.jpg) ;
	min-width: 100%;
	height: 187px;
	margin: auto;
	padding: 0;
}

}


@media screen and (max-width: 667px) {
	.wrap	{
	background: url(../images/maine/profile_back_s.jpg) ;
	min-width: 100%;
	height: 250px;
	}
}

#map	{
	margin: 50px 0;
}

.G-map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.G-map iframe,
.G-map object,
.G-map embed 	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#backColor01	{
	padding: 0 0 15px 0;
	background: -webkit-linear-gradient(-180deg, rgb(255, 255, 255), rgb(246, 249, 253));
	background: linear-gradient(-180deg, rgb(255, 255, 255), rgb(246, 249, 253));
}

#coating	{ 
	margin: 0;
	padding: 40px 0 10px 0;
}

#coating h1	{
	font-size: 3em;
	margin-bottom: 0;
	font-weight: 800;	
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background: linear-gradient(0deg, #388E3C 0%, #388E3C 55%, #b0d683 70%, #388E3C 85%, #388E3C 90% 100%); 
	-webkit-background-clip: text;
}

#coating p	{	
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 10px 0 0 0;
}

@media (max-width: 823px) {
	 #coating	{	padding: 30px;}
	 #coating h1	{	font-size: 1.6em;}
	 #coating p	{	font-size: 0.9em; line-height: 1.5; margin: 10px 0 0 0;}	 
}

@media (max-width: 768px) {
	 #coating	{	padding: 30px;}
	 #coating h1	{	font-size: 1.6em;}
	 #coating p	{	font-size: 1em; line-height: 1.5; margin: 10px 0 0 0;}	 
}

@media (max-width: 500px) {
	#coating	{	padding: 20px;}
	#coating h1 {	font-size: 1.2em; line-height: 1.5;}
	#coating p	{	font-size: 0.9em; margin: 10px 0 0 0;}
}

@media (max-width: 320px) {
	#coating	{	padding: 15px;}
	#coating h1 {	font-size: 1.4em;}
	#coating p	{	font-size: 0.8em; margin: 10px 0 0 0;}
}

#coating_top	{ 
	margin: 10px 0 30px 0;
}

#coating_top .top-inner p	{
	color: #666;
}

@media screen and (max-width:768px) { 
	#coating_top .top-inner p	{
		font-size: 1em;
		line-height: 2;
	}
}

#coating_top img	{ min-width: 100%; height: auto; padding:0; margin: 0;}

@media screen and (max-width:500px) { 
	#coating_top .top-inner p	{
		font-size: 0.8em;
		line-height: 1.5;
	}
}

@media (max-width: 500px) {
	.img_pc	{ display: none;}
}

@media (min-width: 501px) {
	.mobile	{ display: none;}
}




#Product_content	h1	{
	text-align: center;
	font-size: 3em;
	font-family: serif;
}


@media screen and (max-width:812px) { 
	#Product_content	h1	{
		font-size: 2em;
	}
}

@media screen and (max-width:500px) { 
	#Product_content	h1	{
		font-size: 1.3em;
	}
}

@media screen and (max-width:350px) { 
	#Product_content	h1	{
		font-size: 1.2em;
	}
	#Product_content p,#Product_content	h1 { text-align: left;}
	#Product_content p { line-height: 1.7;}
}

#coating_Feature	{ margin: 25px 0 15px 0;}

#coating_Feature h1	{
	font-size: 2.5em;
	color: #ccc;
	line-height: 1.6;
	font-family: arial black;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

#coating_Feature img	{ min-width: 100%; height: auto;}

#coating_Feature .Feature-inner	{ 
	background: #cfcfcf;
	height:190px;
}

@media screen and (max-width:1024px) { 
	#coating_Feature	{ margin: 25px 0 15px 0;}
	#coating_Feature h1	{	font-size: 1.5em;}
	#coating_Feature .Feature-inner { height:170px; margin-bottom: 20px; padding: 5px;}
	#coating_Feature img { min-width: auto; height: 170px;margin:0; padding: 0; background:orange;}
}
		
@media screen and (max-width:812px) { 
	#coating_Feature	{ margin: 25px 0 15px 0;}
	#coating_Feature h1	{	font-size: 1.5em;}
	#coating_Feature .Feature-inner { height:170px; margin-bottom: 20px; padding: 5px;}
	#coating_Feature img { min-width: 100%; height: 170px;margin:0; padding: 0; background:orange;}
}


@media screen and (max-width:400px) { 
	#coating_Feature	{ margin: 25px 0 15px 0;}
	#coating_Feature h1	{	font-size: 1.2em;}
	#coating_Feature .Feature-inner { height:190px; margin-bottom: 20px; padding: 5px;}
	#coating_Feature img { min-width: 100%; margin:0; padding: 0; background:orange;}
}

@media screen and (max-width:350px) { 
	#coating_Feature	{ margin: 25px 0 15px 0;}
	#coating_Feature h1	{	font-size: 1.2em;}
	#coating_Feature .Feature-inner { height:205px; margin-bottom: 20px; padding: 5px;}
	#coating_Feature img { min-width: 100%; margin:0; padding: 0; background:orange;}
}

#coating_Vip	{ margin: 40px 0;}

#coating_Vip h1	{
	font-size: 2.5em;
	color: #fff;
	line-height: 1.4;
	font-family: arial black;
	margin-bottom: 30px;
	background: #f3e2c7; 
	background: -moz-linear-gradient(45deg,  #f3e2c7 0%, #c19e67 33%, #c19e67 71%, #e9d4b3 100%);
	background: -webkit-linear-gradient(45deg,  #f3e2c7 0%,#c19e67 33%,#c19e67 71%,#e9d4b3 100%);
	background: linear-gradient(45deg,  #f3e2c7 0%,#c19e67 33%,#c19e67 71%,#e9d4b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 ); 
}

.Vip-inner	h2	{ 
	color: #888;
}

.Vip-inner ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
.Vip-inner ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.2em;
  padding: 0.5em 0.5em 0.5em 40px;
}

.Vip-inner ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #c5a36f;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 30%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media screen and (max-width:768px) { 
	#coating_Vip h1	{ font-size: 1.4em; margin: 0 0 30px 0; padding: 10px;}
	 .Vip-inner ol	{	font-size: 1.em; margin: 0;padding-left: 0;}
	.Vip-inner { margin:0; padding: 0;width: 100%;}
}

@media screen and (max-width:736px) { 
	#coating_Vip h1	{ font-size: 1.4em; margin: 0;}
	 .Vip-inner ol	{	font-size: 1.em; margin: 0;padding-left: 0;}
	.Vip-inner { margin:0; padding: 0;width: 100%;}
}

@media screen and (max-width:400px) { 
	#coating_Vip h1	{ font-size: 1.2em; margin: 0;}
	 .Vip-inner ol	{	font-size: 1.em; margin: 0;padding-left: 0;}
	.Vip-inner { margin:0; padding: 0;width: 100%;}
}

@media screen and (max-width:350px) { 
	#coating_Vip h1	{ font-size: 1em; margin: 0;}
	.Vip-inner h2 { font-size: 1.2em;}
}

.topSpace{ margin-top: 20px;}

.vip_info	{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.vip_info th,
.vip_info td	{
  border: 1px solid #999;
  padding: .5em 1em;
}

.vip_info th	{
  background: #eee;
}

@media (max-width: 650px) {
    .vip_info{
      width: 100%;
    }
    .vip_info th,
    .vip_info td{
      display: block;
    }
    .vip_info th,
    .vip_info td{
      border-top: none;    
    }
   .vip_info tr:first-child th{
      border-top: 1px solid #999;
    }
  }
  
.vip_info .caution	{ font-size: 0.7em;}

#coating_Quality h1,h2 	{
	font-size: 2.5em;
	color: #c5a36f;
	line-height: 1.2;
	font-family: serif;
}

@media (max-width: 500px) {
	#coating_Quality h1,h2 	{
	font-size: 1.5em;
	}
	#coating_Quality	img	{ margin-bottom: 30px;}
}

@media (max-width: 812px) {
	#coating_Quality	img	{ margin-bottom: 30px;}
}


.bannerBtn {
	width: 100%;
	font-size: 1.2em;
	line-height: 1;
	text-align: center;
	display: inline-block;
	padding: 1em 1.2em;
	background: #00479d;
	border: solid 1px #ccc;
	border-radius: 10px;
	transition: .4s;
	margin-top: 30px;	
}

.bannerBtn	a	{ color: #fff; text-decoration: none;}

.bannerBtn:hover {
 color: red;
 background: #ccc;
}

@media (max-width:640px) {
	#contact_Btn	{ margin-top: 20px;}
	.bannerBtn	{
   font-size: 1em; line-height: 1.5; padding: 0.8em 1em;
	}
}

@media (max-width: 500px) {
	#contact_Btn	{ margin-top: 20px;}
	.bannerBtn	{
   font-size: 1em; line-height: 1.5; padding: 0.8em 1em;
	}
}