@charset "utf-8";


/* reset
---------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,main,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; font-style:normal; background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
ol,ul { list-style:none;} 
table { border-collapse:collapse; border-spacing:0; width:100%; } 
caption,th { text-align:left; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
input,select,textarea { font-family:inherit; font-size:100%; font-weight:normal; box-sizing:border-box; }
label { white-space:nowrap; }
img	{ vertical-align:middle; font-size:0; line-height:0; max-width:100%; height:auto; }
iframe { max-width:100%; }
strong { font-weight:bold; } 
body { -webkit-text-size-adjust:100%; }
form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}
@media print {
body { width:1100px; -webkit-transform: scale(0.8); transform: scale(0.8); transform-origin: 0 0; }
}



/* baseSet
-------------------------------------------------------------------------------------------------------- */
/* common class */
html				{ font-size:calc(100vw / 37.5);  height: 100%;} 
body				{ color:#333; font-size:1.4rem; line-height:1.4; font-family: open-sans, sans-serif;font-weight: 400;font-style: normal; height: 100%;} 
body.scroll-none	{ overflow: hidden; }
a					{ transition-duration: 0.3s; color:#333; outline:none; text-decoration:none; }
a:hover				{ text-decoration:none; }
@media print, screen and (min-width: 769px) {
html				{ font-size:62.5%; } /* 769px Over */
body				{ font-size:1.4rem; line-height:1.6; }
a:hover				{ opacity:0.7; }
}
@media print, screen and (min-width: 1024px) {
body				{ font-size:1.6rem; }
}


/* unique class */
.imgFull img{ width:100%; height:auto;}
.only-pc	{ display:none; }
.only-sp	{ display:block; }
@media print, screen and (min-width: 769px) {
.inner		{ padding:0 3rem; }
.only-sp	{ display:none; }
.only-pc	{ display:block; }
}
@media print, screen and (min-width: 1024px) {
.inner		{ position:relative; max-width:1110px; margin:0 auto; padding:0 1.5rem; }
}





/* header
-------------------------------------------------------------------------------------------------------- */

#header									{ position: relative; width:100%; height:8rem; transition:0.5s; z-index:100; background: #fff;}
#header .head-logo						{ z-index: 161; position:absolute; top:2.2rem; left:1.2rem; width:20rem;  transition: 0.5s; }
#header .siteName						{ left: 0; color:#808080; margin-left:1.5rem; font-size:0.9rem; padding-top: 0.3rem;}
#header .head-logo a					{ display: block; }
#header .head-logo:hover a				{ opacity: 1; }
@media print, screen and (min-width: 769px) {
#header .siteName						{ left: 0; color:#808080; margin-left:1.5rem; font-size:1.2rem; padding-top: 0;}
}

/* subNav --------------*/
#header .subNav							{ float:right; margin-top:0.6rem;}
#header .subNav	 li						{ float:right;}

#header .lang{ position: relative; float: right; margin: -12px 0 0 5px; font-size: 0.9rem;height: 1rem; z-index: 1000000;}
@media print, screen and (min-width: 769px) {
#header .lang{ position: absolute; top: 5px; right:5px; font-size: 0.9rem; margin: 0; float: none;}
}
/* gNav --------------*/
#header #gNav 							{ }
#header #gNav #gMenuBtn					{ display:block; position:absolute; top:0; right:0; width: 9rem; height: 9rem; z-index:161; }
#header #gNav #gMenuBtn a				{ display: block; height:9rem; box-sizing:border-box;background:url("../img/common/sp.png") no-repeat center center ; }

/* view */
#header #gNav #gMenu					{ width:70%; height:100vh; overflow: scroll; position:fixed; top:8rem; right:-100%; padding:0; z-index:160; transition: 0.3s;  background-color:#B83A4A;}
#header #gNav #gMenu ul					{ -webkit-display: flex; display: flex; flex-wrap: wrap; border-top:none; }
#header #gNav #gMenu li					{ width: 100%;  border-bottom:none; padding:1rem 2rem;}
#header #gNav #gMenu li	 table th		{ padding-right:1rem; white-space:nowrap; width:30%;}
#header #gNav #gMenu li	 table td		{ white-space:nowrap;}
#header #gNav #gMenu li a				{ display:block; padding: 1.5rem 0; color: #fff; font-weight:bold;}
#header #gNav #gMenu li span			{ font-family: 'Open Sans', sans-serif; color: #164a84;}
#header #gNav.view #gMenuBtn a			{background-color:#B83A4A; background-image:url("../img/common/close.png") ; }
#header #gNav.view #gMenuBtn a img		{ display: none; }
#header #gNav.view #gMenu				{ right:0; }


@media print, screen and (min-width: 769px) {
#header #gNav #gMenu					{overflow: hidden;}
#header									{ height: 11rem; transition: none; }
#header .inner{ width:100%; max-width:960px; margin:0 auto;}
#header .head-logo						{ top: 2.5rem; left: 0; width:30rem; transition: none; }
#header .siteName						{ left: 0; color:#808080; margin-left:-1.5rem; font-size:1.4rem; }
#header .subNav 							{ float:right; margin-right:0rem;}
#header .subNav li 							{ font-family: 'Roboto', sans-serif; color:#164a84;}
#header .subNav .mail					{ float:right;}
#header .subNav .mail a				{ display: block; box-sizing: border-box; background:url("../img/common/icon-contact.png") no-repeat left 0.3rem; padding-left:26px; margin-left:20px; transition: 0.3s; color:#164a84;}
#header .subNav .tel				{ float:right; display: block; box-sizing: border-box; background:url("../img/common/icon-tel.png") no-repeat left 0.3rem; padding-left:26px; margin-left:20px; transition: 0.3s;}

#header .lang{ position: absolute; top: 0; right:10px; font-size: 1.5rem;}

#header #gNav							{  }
#header #gNav #gMenuBtn					{ display:none; }
#header #gNav #gMenu					{ -webkit-display:flex; height:auto; display:flex; justify-content: flex-end; position: relative; top: 3rem; right:0; width:100%; line-height:1.6rem; padding: 0; background-color:transparent; transition: none;}
#header #gNav #gMenu ul					{ -webkit-display:flex; display:flex; flex-wrap: wrap; border-top:none;}
#header #gNav #gMenu li					{ text-align: center; border-left: #cacaca 1px solid; white-space:nowrap; padding:1px 2rem; width:auto; border-bottom:none;}
#header #gNav #gMenu li:first-child				{border-left: none; }
#header #gNav #gMenu li:last-child					{ padding:0 0 0 2rem;}
#header #gNav #gMenu li a				{ display: inline-block; padding: 0 ; font-size: 1.4rem; transition: 0.3s; color:#333; font-weight:normal;}
#header #gNav #gMenu li:last-child a				{background:url("../img/common/icon-blank.png") no-repeat right center; padding-right:2rem; color:#333; font-weight:normal;}
#header #gNav #gMenu li a.navKau				{ margin-right:1rem;}
#header #gNav #gMenu li span			{ font-size:1.2rem; margin-right:0.5rem;}
#header #gNav #gMenu li:hover a			{ opacity: 0.8; color: #164a84; }
#header #gNav #gMenu li:hover a	span	{ color: #164a84; }
#header #gNav #gMenu li:last-child a span				{ background:none; padding-right:0; font-weight: normal;}

#masthead {display:none; width: 100%; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
#masthead.scrolled {	display:block;  color: white;  background: rgba(255, 255, 255, 0.8);  padding: 10px 1rem;  position: fixed;  top: 0;  left: 0;  z-index: 1; }
#masthead.scrolled .head-logo						{ top: 2rem; left: 2rem; width:15rem; transition: none; float:left;}
#masthead.scrolled .subNav 							{ float:right;}
#masthead.scrolled .subNav li 							{ font-family: 'Roboto', sans-serif; color:#164a84;}
#masthead.scrolled .subNav .mail					{ float:right;}
#masthead.scrolled .subNav .mail a				{ display: block; box-sizing: border-box; background:url("../img/common/icon-contact.png") no-repeat left 0.3rem; padding-left:26px; margin-left:20px; transition: 0.3s; color:#164a84;}
#masthead.scrolled .subNav .tel				{ float:right; display: block; box-sizing: border-box; background:url("../img/common/icon-tel.png") no-repeat left 0.3rem; padding-left:26px; margin-left:20px; transition: 0.3s;}
}

/* footer
-------------------------------------------------------------------------------------------------------- */
footer{ background:#A08491; color:#fff; text-align:center; padding:1rem 0; font-size:12px;}


@media print, screen and (min-width: 769px) {
footer											{ }
}

#pageTop{ position:fixed; right:1rem; border:1rem;}




/* contents
-------------------------------------------------------------------------------------------------------- */

#mainImg-sp{	width:100%;margin:0 auto;display:block;text-align:center;}
#mainImg{display:none;}
#mainImg img{width:100%;height:auto;}

#company{ padding:14rem 0; background:#F4F2F4;}
#company h1{ font-size:3.4rem; font-family:"Georgia","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align:center;}
#company h1::after{ display:block; width:6rem; border-bottom:2px solid #333; content:"　"; margin:0 auto 5rem; height:1rem;}
#company h2{ font-size:2.4rem; font-family:"Georgia","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:2rem;}
ul#list{ width:90%; max-width:760px; margin:0 5%; box-sizing:border-box;}
ul#list > li{ border-bottom:1px dotted #ccc; padding:5rem 0;}
ul#list > li:nth-child(odd) ul{ float:none; width:100%;}
ul#list > li:nth-child(odd) .boxR{ float:none; width:100%; margin-top:1rem;}
ul#list > li:nth-child(even) ul{ float:none; width:100%;}
ul#list > li:nth-child(even) .boxR{ float:none; width:100%; margin-top:1rem;}
ul#list > li ul{ display:flex;}
ul#list > li ul li{ width:48%;padding-right:2%;}
ul#list > li ul li:last-child{ width:48%;padding-right:0; padding-left:2%;}
ul#list > li ul li img{ width:100%; height:auto;}
ul#list > li .boxR{}
ul#list > li .boxR .text{ height:140px; overflow:hidden;line-height:2rem; font-size:1.4rem;color: #333;background: -webkit-linear-gradient(top, #333 0%, #333 90% , #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
ul#list > li .boxR .btn{ margin-top:2rem; width:48%;}
ul#list > li .boxR .btn img{ width:100%; height:auto;}
@media print, screen and (min-width: 769px) {
#company h2{ font-size:2.6rem; font-family:"Georgia","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:2rem;}
ul#list{ width:100%; max-width:960px; margin:0 auto;}
ul#list > li:nth-child(odd) ul{ float:left; width:49%;}
ul#list > li:nth-child(odd) .boxR{ float:right; width:49%; margin-top:0;}
ul#list > li:nth-child(even) ul{ float:right; width:49%;}
ul#list > li:nth-child(even) .boxR{ float:left; width:49%; margin-top:0;}
ul#list > li ul{ display:flex;}
ul#list > li ul li{ width:48%;padding-right:2%;}
ul#list > li ul li:last-child{ width:48%;padding-right:2%; padding-left:0;}
ul#list > li ul li img{ width:100%; height:auto;}
ul#list > li .boxR{}
ul#list > li .boxR .text{ height:140px; overflow:hidden;line-height:2rem; font-size:1.4rem;color: #333;background: -webkit-linear-gradient(top, #333 0%, #333 90% , #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
ul#list > li .boxR .btn{ margin-top:2rem; width:190px;}
}

#mainImg-inner .inner{
	width:100%;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}
#mainImg-inner{
	width:100%;
	margin:0 auto;
	display:block;
	background-color:#231815;
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	background-image:url(../img/inner/bg_main.jpg);
	background-position: bottom center;
	background-repeat:none;
}
#mainImg-inner img{
	width:100%;
	height:auto;
}
#mainImg-inner #mainImgBox{
	background-color: rgba(35,24,21,0.8	) ;
}
#mainImg-inner .inner h1{
	position:absolute;
	display:inline-block;
	color:#fff;
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:10px 20px;
	background-color: rgba(35,24,21,0.7) ;
	left:0;
	top:60px;
}

@media print, screen and (min-width: 769px) {
#mainImg-inner .inner{
	width:960px;
	margin:0 auto;
	position:relative;
}
#mainImg-inner{
	width:100%;
	min-width:960px;
	margin:0 auto;
	display:block;
	background-color:#231815;
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	background-image:url(../img/inner/bg_main.jpg);
	background-position: bottom center;
	background-repeat:repeat;
}
#mainImg-inner #mainImgBox{
	background-color: rgba(35,24,21,0.8	) ;
}
#mainImg-inner .inner{
	width:960px;
	margin:0 auto;
	position:relative;
}
#mainImg-inner .inner h1{
	position:absolute;
	display:inline-block;
	color:#fff;
	font-size:42px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:10px 20px;
	background-color: rgba(35,24,21,0.7) ;
	left:0;
	top:180px;
}
}

/*	history
----------------------------------------------------------- */
#history{
	width:100%;
	border-bottom:1px solid #DBDCDC;
	padding:50px 0;
}
#history .inner{
	width:100%;
	color:#3E3A39;
	margin:0 auto;
}
#history .inner img{
	width:100%;
	height:auto;
}

@media print, screen and (min-width: 769px) {
#history{
	width:100%;
	min-width:960px;
	border-bottom:1px solid #DBDCDC;
	padding:50px 0;
}
#history .inner{
	width:960px;
	color:#3E3A39;
	margin:0 auto;
}
}


/*	case
----------------------------------------------------------- */
#bgCase{
	background-image:url(../img/common/bg_back.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	width:100%;
	padding:30px 0 50px;
	margin:0 auto;
}
.case1,.case2,.case3,.case4,.case5{
	width:100%;
	margin:0 auto 10px;
	padding-bottom:65px;
	background-image:url(../img/case/next.png);
	background-position:150px bottom;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
.case6{
	width:100%;
	margin:0 auto;
}
#case .inner{ box-sizing:border-box; padding:0;} 
.case1 .inner{
	background-color: rgba(187,195,227,0.3) ;
}
.case2 .inner{
	background-color: rgba(250,215,181,0.3) ;
}
.case3 .inner{
	background-color: rgba(213,232,195,0.3) ;
}
.case4 .inner{
	background-color: rgba(208,186,217,0.3) ;
}
.case5 .inner{
	background-color: rgba(189,224,213,0.3) ;
}
.case6 .inner{
	background-color: rgba(246,198,189,0.3) ;
}
#case .boxL{
	width:100%;
	float:none;
}
#case .boxL img{
	width:100%;
	height:auto;
}
#case .boxR{
	width:100%;
	float:none;
	box-sizing:border-box;
	padding:30px 30px;
}
#case .case1 .boxR{
	border-top:10px solid #BBC3E3;
}
#case .case2 .boxR{
	border-top:10px solid #FAD7B5;
}
#case .case3 .boxR{
	border-top:10px solid #D5E8C3;
}
#case .case4 .boxR{
	border-top:10px solid #D0BAD9;
}
#case .case5 .boxR{
	border-top:10px solid #BDE0D5;
}
#case .case6 .boxR{
	border-top:10px solid #F7C6BD;
}
 .boxR h2.case{
	font-size:32px;
	font-weight:normal;
	padding-bottom:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .boxR p.case{
	font-size:14px;
}
 .boxR p.case strong{
	font-size:16px;
}

@media print, screen and (min-width: 769px) {
#bgCase{
	background-image:url(../img/common/bg_back.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	width:960px;
	padding:30px 0 50px;
	margin:0 auto;
}
.case1,.case2,.case3,.case4,.case5{
	width:960px;
	margin:0 auto 10px;
	padding-bottom:65px;
	background-image:url(../img/case/next.png);
	background-position:150px bottom;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
.case6{
	width:960px;
	margin:0 auto;
}
#case .boxL{
	width:360px;
	float:left;
}
#case .boxR{
	width:600px;
	float:right;
	box-sizing:border-box;
	padding:30px 30px 0;
}
}

/*	taiwan
----------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
}
#titleBox{
	width:100%;
	text-align:center;
	padding-bottom:20px;
}
h2#titleM{
	font-size:40px;
	font-family:Verdana, Geneva, sans-serif;
	padding:60px 0 40px;
	text-align:center;
	width:90%;
	margin:0 auto;
}
#taiwan{
	width:100%;
}
#taiwan li{
	width:100%;
	border-bottom:1px solid #DBDCDC;
}
#taiwan li:nth-child(odd){
	background-color:#F4F2F4;
}
#taiwan li .inner{
	width:100%;
	margin:0 auto;
	padding:40px 0;
}

#taiwan table{
	width:90%;
	margin:0 5%;	
}
#taiwan table tr td img{
	width:100%;
	height:auto;
}
#taiwan table tr td{
	display:block;
	float:left;
	margin-bottom:10px;
}
#taiwan table tr td:nth-child(odd){
	width:48%;
}
#taiwan table tr td:nth-child(even){
	width:4%;
}

#taiwan table tr td:nth-child(4n){
	display:none;
}
#taiwan h3{
	font-size:24px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;
	font-weight:normal;
}
#taiwanBox #linkBtn{
	background-color:#C33A4A;
	width:90%;
	max-width:600px;
	border-radius:10px;
	margin:50px auto;
	text-align:center;	
}
#taiwanBox #linkBtn a{
	padding:20px;
	width:100%;
	display:inline-block;
	color:#fff;
	font-size:24px;
	box-sizing:border-box;
}
@media print, screen and (min-width: 769px) {
h2#titleM{
	font-size:40px;
	font-family:Verdana, Geneva, sans-serif;
	padding:60px 0 40px;
	text-align:center;
	width:910px;
	margin:0 auto;
}
#taiwan li .inner{
	width:910px;
	margin:0 auto;
	padding:40px 0;
}

#taiwan table{
	width:910px;
}
#taiwan table tr td img{
	width:220px;
	height:220px;
}
#taiwan table tr td:nth-child(odd){
	width:220px;
}
#taiwan table tr td:nth-child(even){
	width:10px;
}
#taiwan table tr td:nth-child(4n){
	display:table-cell;
}

#taiwan h3{
	font-size:32px;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;
	font-weight:normal;
}
.linkTiwan{
	text-align:right;
	margin-top:15px;
	font-size:16px;
}
#taiwanBox a{
	color:#C33A4A;
}
#taiwanBox #linkBtn{
	background-color:#C33A4A;
	width:50%;
	max-width:600px;
	border-radius:10px;
	margin:50px auto;
	text-align:center;	
}
}

/*	contactForm
----------------------------------------------------------- */

#contactForm{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#contactForm .contactCopy{
	color:#000;
	font-size:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:5px;
}
#contactForm .pp{
	color:#000;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-bottom:20px;
}
#contactForm #formBox{
	background-color: rgba(221,221,221,0.3) ;
	width:100%;
	padding-top:50px;
}
#contactForm #formBox table{
	 width:94%;
	 margin:0 auto;
}

#contactForm th{
	color:#000;
	font-size:16px;
	padding-right:20px;
	white-space:nowrap;
	font-weight:normal;
	text-align:left;
	padding:15px 0 0;
	border-bottom:none;
	width:100%;
	display:block;
}
#contactForm td{
	color:#000;
	font-size:20px;
	white-space:nowrap;
	font-weight:normal;
	padding:15px 0;
	border-bottom:1px dashed #e5e1e2;
	width:100%;
	display:block;
}
#contactForm table tr:last-child td{
	border-bottom:none;
}

#contactForm td input{
	color:#000;
	font-size:20px;
	width:100%;
}
#contactForm td input.inputTxt{
	width:100%;
	 border:1px solid #d1cacf;
}
#contactForm td textarea{
	color:#000;
	font-size:20px;
	height:200px;
	width:100%;
	 border:1px solid #d1cacf;
}
#contactForm  input[type="submit"] {
	 font-size:20px;
	 line-height:70px;
	 display:block;
	 margin:10px auto;
	 width:340px;
	 text-align:center;
	 background-color:#c33a4a;
	 color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#contactForm table.contactBtn{
	width:300px;
	margin-left:330px;
}

#contactForm a {
    color: #c23a4a;
    text-decoration: underline;
}
#contactForm a:hover {
    color: #c23a4a;
    text-decoration: none;
}
@media print, screen and (min-width: 769px) {
#contactForm{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#contactForm h1{
	color:#000;
	font-size:42px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
#contactForm .contactCopy{
	color:#000;
	font-size:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:5px;
}
#contactForm th{
	color:#000;
	font-size:16px;
	padding-right:20px;
	white-space:nowrap;
	font-weight:normal;
	text-align:left;
	padding:15px 0;
	border-bottom:1px dashed #e5e1e2;
	width:225px;
	display:table-cell;
}
#contactForm td{
	color:#000;
	font-size:20px;
	white-space:nowrap;
	font-weight:normal;
	padding:15px 0;
	border-bottom:1px dashed #e5e1e2;
	width:615px;
	display:table-cell;
}

#contactForm td input{
	color:#000;
	font-size:20px;
	width:615px;
}
#contactForm td input.inputTxt{
	width:615px;
	 border:1px solid #d1cacf;
}
#contactForm td textarea{
	color:#000;
	font-size:20px;
	height:200px;
	width:615px;
	 border:1px solid #d1cacf;
}
#contactForm  input[type="submit"] {
	 font-size:20px;
	 line-height:70px;
	 display:block;
	 margin:10px auto;
	 width:340px;
	 text-align:center;
	 background-color:#c33a4a;
	 color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#contactForm table.contactBtn{
	width:300px;
	margin-left:330px;
}
}


/*	bgNews
----------------------------------------------------------- */
#bgNews{
	background-image:url(../img/common/bg_back.jpg);
	background-size:100%;
	background-position: bottom center;
	background-repeat:repeat;
	width:100%;
	padding:30px 0 50px;
	margin:0 auto;
}
#privacy{ width:90%; margin:0 auto;}
#privacy h2{ font-size:20px; font-weight:bold; margin:15px 0 5px;}
#privacy #back{ margin-top:20px; }
#privacy #back a{color: #c23a4a; text-decoration:underline;}

#maker{
	width:100%;
	min-width:320px;
	background-color:#F4F2F4;
	border-bottom:1px solid #DBDCDC;
	padding:30px 0;
	overflow:hidden;
}
#maker .inner{
	width:100%;
	color:#3E3A39;
	margin:0 auto;
}
#maker .inner > .sz_html_content > p{
	width:96%;
	float:none;
	padding:0 2%;
	font-size:16px;
}

#maker .inner .boxL{
	width:100%;
	float:none;
	text-align:center;
}
#maker .inner .boxL iframe{
}

#maker .inner .boxR{
	width:96%;
	float:none;
	padding:0 2%;
}
#maker .inner strong{
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
}

#maker .inner a{
	color:#C23A4A;
	text-decoration:underline;
}
#maker .inner a:hover{
	color:#C23A4A;
	text-decoration:none;
}
@media print, screen and (min-width: 769px) {
#maker{
	width:100%;
	min-width:960px;
	background-color:#F4F2F4;
	border-bottom:1px solid #DBDCDC;
	padding:30px 0;
}
#maker .inner{
	width:960px;
	color:#3E3A39;
	margin:0 auto;
}
#maker .inner .boxL{
	width:360px;
	float:left;
}
#maker .inner .boxR{
	width:580px;
	float:right;
	padding:0;
}
#maker .inner strong{
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
}

#maker .inner a{
	color:#C23A4A;
	text-decoration:underline;
}
#maker .inner a:hover{
	color:#C23A4A;
	text-decoration:none;
}
}


.tableBox{ width:96%; margin:0 2%;}
.tableBox ul {}
.tableBox ul li{ width:46%; float:left; margin-bottom:60px;}
.tableBox ul li:nth-child(odd){ margin-right:8%;}
.tableBox ul li{ width:46%; float:left;}
.tableBox ul li .box img{ width:100%; height:auto;}
.tableBox ul li td{ vertical-align:text-top;}
.tableBox ul li td.item{ color:#C33A4A; font-size:20px; vertical-align:text-top;}
.tableBox ul li td.itemTxt{ padding:5px 0 5px; font-size:16px; }
.tableBox ul li td.itemTxt a{ color:#C33A4A; }
@media print, screen and (min-width: 769px) {
/*.tableBox{ width:960px; margin:0 auto; overflow:hidden;}
.tableBox ul li{ width:225px; float:left; margin-bottom:30px;}
.tableBox ul li .box img{ width:225px; height:150px;}
.tableBox ul li:nth-child(odd){ margin-right:20px;}
.tableBox ul li:nth-child(2){ margin-right:20px;}
.tableBox ul li td{ vertical-align:text-top; width:225px;}
.tableBox ul li td.itemTxt{}
.tableBox ul li td .sz_html_content{ width:225px;}*/
#bgNews .only-pc table{
	width:960px;
	margin:0 auto 50px;
}
#bgNews .only-pc table td{
	width:20px;
}
#bgNews .only-pc table td.box{
	width:225px;
	padding-bottom:10px;
	overflow:hidden;
}
#bgNews .only-pc table td.box img{
	width:225px;
	height:150px;
}

#bgNews .only-pc table.itemTable{
	width:225px;
	margin:0;
}
#bgNews .only-pc table.itemTable td{
	font-size:0.9em;
}

#bgNews .only-pc table td.item{
	font-weight:bold;
 	color:#C33A4A;
  font-size:20px;
	vertical-align:text-top;
	}
#bgNews .only-pc table.tchic td.item{
	vertical-align:text-top;
}

#bgNews .only-pc table td.itemTxt{
	width:225px;
	vertical-align:top;
	padding-bottom:10px;
}
#bgNews .only-pc table td.itemTxt a{ color:#C33A4A; }

}


@media print, screen and (min-width: 769px) {
#bgNews{
	background-image:url(../img/common/bg_back.jpg);
	background-position: bottom center;
	background-repeat:no-repeat;
	width:960px;
	padding:30px 0 50px;
	margin:0 auto;
}
#bgNews table{
	width:960px;
	margin:0 auto 50px;
}

#bgNews table td{
	width:20px;
}
}

div.fl_lightbox_clone {
	position : fixed;
	z-index : 5000;
	top : 50%;
	left : 50% !important;
	width : 390px !important;
	margin-left:-195px !important;
}
div.fl_lightbox_loading {
	background-image : url(../fl_images/loading_small.gif) !important;
	background-repeat :no-repeat;
	background-position : center center;
}
div.fl_lightbox_clone canvas {
	position : absolute;
}
div.fl_lightbox_frame_header {
	position : relative;
	height:15px;
}
div.fl_lightbox_frame_footer {
	position : relative;
}
div.fl_lightbox_frame_header_bar {
	margin : 0 15px;
	background : #fff;
	height : 15px;
}
div#fl_lightbox_body {
	background-color : #fff;
	width : 100%;
	height:auto;
	vertical-align:central;
}
div#fl_light_boxcorrect_l { display : none;}
div#fl_light_boxcorrect_r { display : none;}
div#fl_lightbox_image{
	max-height:450px;
	overflow:scroll;
}
div#fl_lightbox_image img {
	display : block;
	width:360px !important;
	height:auto;
	margin : 0 15px;
}

div.fl_lightbox_caption {
	background-color : #fff;
	height : 50px !important;
	padding : 0 15px;
	font-size : 10pt;
	overflow : hidden;
	padding-top : 10px;
	position : relative;
}
div.fl_lightbox_caption * {
	margin : 0;
}
div.fl_lightbox_frame_footer {
	height : 15px;
	clear:both;
}
div.fl_lightbox_frame_footer_bar {
	margin : 0 15px;
	height : 15px;
	background-color : #fff;
}
div#fl_lightbox_caption_title{
	float : none;
	padding : 7px 10px 0 10px;
	font-size:12px;
}
div#fl_lightbox_caption_close{
	float : none;
	text-align:right;
	padding : 5px 5px 10px 0;
}
@media print, screen and (min-width: 769px) {
div.fl_lightbox_clone {
	position : fixed;
	z-index : 5000;
	top : 50%;
	left : 50%;
	width : auto !important;
	margin-left:-320px !important;
}
div.fl_lightbox_loading {
	background-image : url(../fl_images/loading_small.gif) !important;
	background-repeat :no-repeat;
	background-position : center center;
}
div.fl_lightbox_clone canvas {
	position : absolute;
}
div.fl_lightbox_frame_header {
	position : relative;
	height:15px;
}
div.fl_lightbox_frame_footer {
	position : relative;
}
div.fl_lightbox_frame_header_bar {
	margin : 0 15px;
	background : #fff;
	height : 15px;
}
div#fl_lightbox_body {
	background-color : #fff;
	height : 100%;
	width : 100%;
}
div#fl_light_boxcorrect_l {
	display : block;
	width : 15px;
	height : 100%;
	background : #fff;
	position : absolute;
	top : 0px;
	left : -15px;
}
div#fl_light_boxcorrect_r { display : block;}
div#fl_lightbox_image{
	max-height:100%;
	overflow:scroll;
}
div#fl_lightbox_image img {
	display : block;
	width:calc(100% - 30px) !important;
	height:auto;
	margin : 0 15px;
}
div.fl_lightbox_caption {
	background-color : #fff;
	height : 30px!important;
	padding : 0 15px;
	font-size : 10pt;
	overflow : hidden;
	padding-top : 10px;
	position : relative;
}
div.fl_lightbox_caption * {
	margin : 0;
}
div.fl_lightbox_frame_footer {
	height : 15px;
	clear:both;
}
div.fl_lightbox_frame_footer_bar {
	margin : 0 15px;
	height : 15px;
	background-color : #fff;
}
div#fl_lightbox_caption_title{
	float : left;
	padding : 7px 10px 10px 10px;
	font-size:11px;
}
div#fl_lightbox_caption_close{
	float : right;
	padding : 5px 5px 10px 0;
}
}



#download{
	width:100%;
	min-width:320px;
	background-color:#F4F2F4;
	border-top:1px solid #DBDCDC;
	padding:30px 0;
}
#download .inner{
	width:100%;
}
#download .inner .boxL{ float:none; font-size:24px; width:100%; text-align:center;}
#download .inner .boxR{ float:none; width:100%; text-align:center;}
#download .inner .boxR a{ width:80%; text-align:center; height:auto;}
@media print, screen and (min-width: 769px) {
	
#download{
	width:100%;
	min-width:960px;
	background-color:#F4F2F4;
	border-top:1px solid #DBDCDC;
	padding:30px 0;
}
#download .inner{
	width:960px;
	margin:0 auto;
}
#download .inner .boxL{
	width:600px;
	float:left;
	margin-bottom:0;
	color:#3E3A39;
	font-size:34px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:70px;
	text-align:left;
}
#download .inner .boxR{
	width:340px;
	float:right;
	text-align:left;
}
}

/*	slider
----------------------------------------------------------- */
.slide1{ width:100%; max-width:1060px; margin:0 auto; text-align:center;}
.slide1 .next{ background-color:rgba(51,51,51, 0.5)!important; margin-top:-5px!important;}
.slide1 .prev{ background-color:rgba(51,51,51, 0.5)!important; margin-top:-5px!important;}
@media print, screen and (min-width: 769px) {
.slide1{ width:100%; max-width:1060px; margin:0 auto; text-align:center;}
.slide1 .next{ background-color:rgba(51,51,51, 1)!important; margin-top:-15px!important;}
.slide1 .prev{ background-color:rgba(51,51,51, 1)!important; margin-top:-15px!important;}
}
/*	banner
----------------------------------------------------------- */
.banner{width:100%;max-width:900px;margin:60px auto;}
.banner img{width:100%;height:auto;}
@media print, screen and (min-width: 769px) {
#mainImg-sp{display:none;}
#mainImg{width:100%;margin:0 auto;display:block;text-align:center;}
}

.pan{ padding:2rem; text-align:left;}
.pan .seprater{ color:#808080;}
.pan li{ display:inline-block; float:left;}
.pan li:after{  content: " ＞ "; color:#333;}
.pan li.current:after{  content:none !important; }

@media print, screen and (min-width: 769px) {
}


/* clearfix
-------------------------------------------------------------------------------------------------------- */
.clearfix::after {
 content: "";
 display: block;
 clear: both;
}

/* img
-------------------------------------------------------------------------------------------------------- */
div.fl_lightbox_clone{ min-width:364px !important;}
.fl_layer{ box-sizing:content-box !important;}


/*	about
----------------------------------------------------------- */
#about{
margin: 0 5%;
}

#about h2{
    font-size: 2.6rem;
    font-family: "Georgia","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin-bottom: 1rem;
}
#about a{
	color:#C23A4A;
	text-decoration:underline;
}
#about a:hover{
	color:#C23A4A;
	text-decoration:none;
}

.about-adress{
    margin-top: 3rem;
}
.about-history{
    margin-top: 3rem;
}
.about-history ul li{
 text-indent: -5.5rem;
 padding-left: 5.5rem;
}
@media print, screen and (min-width: 769px) {
.about-history ul li{
 text-indent: -6rem;
 padding-left: 6rem;
}
}

.about-history ul.cn-history li{
 text-indent: -6.5rem;
 padding-left: 6.5rem;
}

.about-objective{
    margin-top: 3rem;
}
.about-business{
    margin-top: 3rem;
}
.about-business ol li{
 text-indent: -2.5rem;
 padding-left: 2.5rem;
}
.about-business ol li:nth-child(10),
.about-business ol li:nth-child(11),
.about-business ol li:nth-child(12){
 text-indent: -3.5rem;
 padding-left: 3.5rem;
}
@media print, screen and (min-width: 769px) {
}
.about-members{
    margin-top: 3rem;
}

/*	showroom
----------------------------------------------------------- */
.showroom{
    margin: 0 auto;
    width: 90%;
    max-width: 600px;
}
#giv .txt{
    margin-bottom: 30px;
    text-align: center;
}
.showroom h2{
    font-size: 2.6rem;
    font-family: "Georgia","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin-bottom: 1rem;
}
@media print, screen and (max-width: 769px) {
    .showroom h2{
        font-size: 1.6rem;
        font-family: "Georgia","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        margin-bottom: 1rem;
    }
}
.showroom a{
	color:#C23A4A;
	text-decoration:underline;
}
.showroom a:hover{
	color:#C23A4A;
	text-decoration:none;
}

.showroom .giv{
    margin: 0 0 3rem 0 ;
}

#shutten{
    width: 100%;
}
#shutten iframe{
    width: 100%;
    height: 300px;
}

#shutten .boxL{
	width:60%;
	float:left;
}
#shutten .boxR{
	width:40%;
	float:right;
}
@media print, screen and (max-width: 769px) {
    #shutten .boxL{
        width:100%;
        float:none;
    }
    #shutten .boxR{
        width:100%;
        float:none;
        padding-top: 15px;
    }
}