@charset "utf-8";

/* リセット

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

* {

	margin:0;

	padding:0;

}



table {border-spacing:0; border-collapse:collapse;}

* html table {border-collapse:collapse;}

*:first-child+html table {border-collapse:collapse;}

caption,th {text-align:left; font-weight:normal;}

table,th,td,img {border:0;}

img,input {vertical-align:middle;}

q:before,q:after {content:'';}

ul {list-style: none;}



hr,

legend,

caption {display:none;}



img {border:0; vertical-align:top;}



a:focus { outline:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:16px;}



/* aタグ設定

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

a:hover.alpha {

	opacity:0.75;

	filter: alpha(opacity=75);				

	-ms-filter: "alpha(opacity=75)";

	-moz-opacity:0.75;

	-khtml-opacity: 0.75;

	zoom:1;

}

a {

	text-decoration:none;

	color:#0DA667;

}

a:hover {

	text-decoration:underline;

}



/* 基本設定

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

html { font-size: 62.5%; } 

body {

	font-size: 1.3rem;/* =13px */

	font-family:"Open Sans","游ゴシック体","Yu Gothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo","Osaka", "ＭＳ Ｐゴシック","MS PGothic", sans-serif;

	color:#111;

	line-height:1.5;

}

h1 {

	font-weight:normal;

}

.mincho {

	font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo","ＭＳ Ｐ明朝", "MS PMincho",serif;

}

.layoutCon {

	width:1100px;

	margin:0 auto;

}

a.btnObj,

.btnObj a {

	display:block;

	background:#0DA667;

	border-radius:3px;

	line-height:1;

	padding:22px 0;

	width:340px;

	text-align:center;

	color:#fff;

	font-size:1.6rem;

	letter-spacing:2px;

}

a.btnObj:hover,

.btnObj a:hover {

	text-decoration:none;

	background-color:#008C69;

}



/* header

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

#header {

	height:70px;

	border-bottom:1px solid #eee;

}

#header .logo {

	float:left;

	margin-top:20px;

}

#header .banner {

	display:none;

	position: relative;

	left: 20px;

	float:left;

	margin-top:20px;

}

#header .rightBox {

	float:right;

	margin-top:15px;

}

#header .rightBox li {

	float:left;

}

#header .rightBox li.telNum a {

	color:#0DA667;

	font-size:2.6rem;

	background:url(../img/icon_tel.png) 0 44% no-repeat;

	padding-left:22px;

	margin-right:15px;

	cursor:default;

	line-height:1.5;

}

#header .rightBox li.telNum a:hover {

	text-decoration:none;

}

#header .rightBox li.contact a {

	border-radius:0;

	width:166px;

	padding:13px 0;

	font-size:1.3rem;

}

/* gNav

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

#gNav li {

	display:table-cell;

	vertical-align:middle;

	box-sizing:border-box;

	border-right:1px solid #eee;

	width:200px;

	height:79px;

	font-size:1.5rem;

	text-align:center;

	font-weight:bold;

	position:relative;

}

#gNav li:first-child {

	border-left:1px solid #eee;

}

#gNav li a {

	color:#000;

	width:200px;

	height:79px;

	display:table-cell;

	vertical-align:middle;

}

#gNav li a:hover {

	text-decoration:none;

}

#gNav li span {

	font-size:1.1rem;

	display:block;

	color:#bbb;

	font-weight:normal;

}

#gNav li a:hover,

#gNav li a:hover span {

	color:#0DA667;

}

#gNav li.cur a,

#gNav li.cur a span {

	background:#0DA667;

	color:#fff;

}

#gNav li:nth-of-type(2).cur a,

#gNav li:nth-of-type(2).cur a span {

	background:#FF0028;

	color:#fff;

}

#gNav li:nth-of-type(3).cur a,

#gNav li:nth-of-type(3).cur a span {

	background:#7A3AD1;

	color:#fff;

}

#gNav li:nth-of-type(4).cur a span,

#gNav li:nth-of-type(4).cur a {

	background:#428CE8;

	color:#fff;

}

#gNav li:nth-of-type(5).cur a span,

#gNav li:nth-of-type(5).cur a {

	background:#2E2EFE;

	color:#fff;

}

#gNav .acNav {

	position:absolute;

	top:79px;

	left:-1px;

	z-index:1000;

	border-top:1px solid #eee;

}

#gNav .acNav li {

	display:block;

	border-right:1px solid #eee;

	border-left:1px solid #eee;

	border-bottom:1px solid #eee;

	background:#fff;

	height:auto;

	width:140px;

}

#gNav .acNav li a {

	height:60px;

}

#gNav .cur .acNav li a {

	background:#fff;

	color:#000;

}

#gNav .cur .acNav li a:hover {

	color:#0DA667;

}

/*

#catalog #gNav .cur .acNav {

	border-top:1px solid #FF0028;

}

#catalog #gNav .cur .acNav li {

	border-right:1px solid #FF0028;

	border-left:1px solid #FF0028;

	border-bottom:1px solid #FF0028;

}

#signage #gNav .cur .acNav {

	border-top:1px solid #8d61cb;

}

#signage #gNav .cur .acNav li {

	border-right:1px solid #8d61cb;

	border-left:1px solid #8d61cb;

	border-bottom:1px solid #8d61cb;

}

#advertisement #gNav .cur .acNav {

	border-top:1px solid #2E2EFE;

}

#advertisement #gNav .cur .acNav li {

	border-right:1px solid #2E2EFE;

	border-left:1px solid #2E2EFE

	border-bottom:1px solid #2E2EFE;

}

#prof #gNav .cur .acNav {

	border-top:1px solid #49e6a5;

}

#prof #gNav .cur .acNav li {

	border-right:1px solid #49e6a5;

	border-left:1px solid #49e6a5;

	border-bottom:1px solid #49e6a5;

}

*/

#catalog #gNav .cur .acNav li a,

#signage #gNav .cur .acNav li a,

#advertisement #gNav .cur .acNav li a,

#prof #gNav .cur .acNav li a {

	color:#000;

}

#catalog #gNav .cur .acNav li a:hover {

	color:#FF0028;

}

#signage #gNav .cur .acNav li a:hover {

	color:#7A3AD1;

}

#advertisement #gNav .cur .acNav li a:hover {

	color:#2E2EFE;

}

#prof #gNav .cur .acNav li a:hover {

	color:#0DA667;

}

/* footer

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

.fBox01 {

	height:120px;

	background:#eee;

	padding-top:40px;


}



.fBox01 p,

.fBox01 dl {

	float:left;

	margin:10px;

}

.fBox01 .fLogo {

	width:162px;

	padding-left:20px;

}

.fBox01 .address {

	width:246px;

	padding-top:9px;

}

.fBox01 .address dt {

	font-size:1.4rem;

	font-weight:bold;

	margin-bottom:3px;

}

.fBox01 .address dd {

	font-size:1.2rem;

}

.fBox01 .fTel dt {

	font-size:1.2rem;

	text-align:center;

	width:281px;

	border:1px solid #0DA667;

	color:#0DA667;

	border-radius:25px;

	margin-top:17px;

	margin-bottom:2px;

	font-weight:bold;

}

.fBox01 .fTel dd {

	font-size:4.1rem;

	text-align:center;

	width:322px;

	color:#0DA667;

	text-indent:-35px;

	line-height:1;

	font-weight:bold;

	letter-spacing:2px;

}

.fBox01 .fTel dd a {

	cursor:default;

}

.fBox01 .fTel dd a:hover {

	text-decoration:none;

}

.fBox01 .fTel {

	width:322px;

}

.fBox01 .fContact {

	padding-top:17px;

}

.fBox01 .fContact,

.fBox01 .fContact .btnObj {

	width:250px;

}

.fBox02 {

	height:153px;

	width:1000px;

	margin:0 auto;

	position:relative;

	font-size:1.2rem;

}

.fBox02 ul li {

	position:absolute;

}

.fBox02 .item01 {

	top:40px;

	left:20px;

}

.fBox02 .item02 {

	top:70px;

	left:20px;

}

.fBox02 .item13 {

	top:100px;

	left:20px;

}

.fBox02 .item03 {

	top:40px;

	left:220px;

}

.fBox02 .item04 {

	top:70px;

	left:220px;

}

.fBox02 .item05 {

	top:100px;

	left:220px;

}

.fBox02 .item06 {

	top:40px;

	left:420px;

}

.fBox02 .item07 {

	top:70px;

	left:420px;

}

.fBox02 .item08 {

	top:100px;

	left:420px;

}

.fBox02 .item09 {

	top:40px;

	left:620px;

}

.fBox02 .item10 {

	top:70px;

	left:620px;

}

.fBox02 .item11 {

	top:40px;

	left:860px;

}

.fBox02 .item12 {

	top:40px;

	left:939px;

}

.fBox02 ul li a {

	background:url(../img/icon_sankaku02.gif) 0 15% no-repeat;

	padding-left:10px;

	line-height:1;

	display:inline-block;

}

.fBox02 ul li.item01 a,

.fBox02 ul li.item02 a {

	background:url(../img/icon_sankaku01.gif) 0 15% no-repeat;

}

.fBox02 ul li.item11 a,

.fBox02 ul li.item12 a {

	background:none;

}

footer .copyright {

	text-align:center;

	font-size:1rem;

	border-top:1px solid #eee;

	padding:20px 0 65px;

}

/* page-top

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

#page-top {

    position: fixed;

    bottom: 151px;

    right: 20px;

}

#page-top a {

    width: 60px;

		height:60px;

    display: block;

}

/* top

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

#slideBox {

	position:relative;

	height:680px;

	min-width:1000px;

}

#slideBox  ul{

	position:relative;

	height:680px;

	min-width:1000px;

}

#slideBox li {

	//position:absolute;

	text-align:center;

	height:680px;

	width:1000px;

	background-position:center center;

	background-size:cover;

	background-repeat:no-repeat;

	float:left;

	z-index:-1;

	color:#fff;

}

#slideBox li.item01 {

	background-image:url(../img/slide_bg07.jpg);

}

#slideBox li.item02 {

	background-image:url(../img/slide_bg02.jpg);

}

#slideBox li.item03 {

	background-image:url(../img/slide_bg03.jpg);

}

#slideBox li.item04 {

	background-image:url(../img/slide_bg04.jpg);

}

#slideBox li.item05 {

	background-image:url(../img/slide_bg06.jpg);

}

#slideBox li.item01 .txt {

	padding:293px 0 0;

}

#slideBox li .txt {

	font-size:2.6rem;

	line-height:200%;

	font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo","ＭＳ Ｐ明朝", "MS PMincho",serif;

}

#slideBox li .txt span {

	border-bottom:1px solid #fff;

	display:inline-block;

	line-height:150%;

}

#slideBox li .ttl {

	padding-top:156px;

	font-size:6rem;

	font-weight:bold;

	line-height:1;

	margin-bottom:40px;

}

#slideBox li .ttl span {

	display:block;

	font-size:1.6rem;

	margin-top:18px;

	font-weight:normal;

}

#slideBox li .txt {

	margin-bottom:57px;

}

#slideBox li .btnObj {

	border:1px solid #fff;

	background:none;

	width:298px;

	margin:0 auto;

	font-weight:normal;

	padding:17px 0;

}

#slideBox li .btnObj:hover {

	border:1px solid #fff;

	background:#fff;

	color:#0DA667;

}

#slideBox li.item02 .btnObj:hover {

	border:1px solid #7A3AD1;

	background:#7A3AD1;

	color:#fff;

}

#slideBox li.item03 .btnObj:hover {

	border:1px solid #428CE8;

	background:#428CE8;

	color:#fff;

}

#slideBox li.item04 .btnObj:hover {

	border:1px solid #2E2EFE;

	background:#2E2EFE;

	color:#fff;

}
/*  ---------------↓20180619追加↓---------------   */

#slideBox li.item05 .btnObj {

	background:#1245b3;

	border-radius:50px;

}

/*  ---------------↑20180619追加↑---------------   */

#slideBox li.item05 .btnObj:hover {

	border:1px solid #FF0028;

	background:#FF0028;

	color:#fff;

}


#slideBox .sideNav {

	position:absolute;

	bottom:40px;

	text-align:center;

	width:100%;

}

#slideBox .sideNav span {

	display:inline-block;

	border:1px solid #fff;

	cursor:pointer;

	width:98px;

	height:8px;

	margin-right:10px;

}

#slideBox .sideNav span:last-child {

	margin-right:0;

}

#slideBox .sideNav span.cur {

	background:#fff;

}

.pageNav {

	position:fixed;

	top:40%;

	top:-webkit-calc(50% - 65px);

	top:calc(50% - 65px);

	right:18px;

}

.pageNav li {

	width:20px;

	height:20px;

	margin-bottom:10px;

	position:relative;

	z-index:10;

	cursor:pointer;

}

.pageNav a {

	display:block;

	border:1px solid #fff;

	border-radius:20px;

	height:8px;

	width:8px;

	position:absolute;

	top:4px;

	left:4px;

}

.pageNav li.cur a {

	background:#fff;

}

.pageNav li.cur a:after {

	content:"";

	display:block;

	border:2px solid #fff;

	border-radius:20px;

	height:18px;

	width:18px;

	position:absolute;

	top:-7px;

	left:-7px;

}

.pageNav li:nth-of-type(2).cur a {

	background:#FF0028;

	border-color:#FF0028;

}

.pageNav li:nth-of-type(2).cur a:after {

	border:2px solid #FF0028;

}

.pageNav li:nth-of-type(3).cur a {

	background:#7A3AD1;

	border-color:#7A3AD1;

}

.pageNav li:nth-of-type(3).cur a:after {

	border:2px solid #7A3AD1;

}

.pageNav li:nth-of-type(4).cur a {

	background:#428CE8;

	border-color:#428CE8;

}

.pageNav li:nth-of-type(4).cur a:after {

	border:2px solid #428CE8;

}

.pageNav li:nth-of-type(5).cur a {

	background:#2E2EFE;

	border-color:#2E2EFE;

}

.pageNav li:nth-of-type(5).cur a:after {

	border:2px solid #2E2EFE;

}

#newsBox {

	padding:60px 0 80px;

}

#newsBox .leftBox {

	width:600px;	

	float:left;

	padding-top:0px;

}

#newsBox .rightBox {

	width:359px;	

	float:right;

}

#newsBox h1 {

	font-size:2.4rem;

	color:#111;

	margin-bottom:28px;

	padding-top:4px;

	background:url(../img/icon_news.gif) 0 0 no-repeat;

	font-weight:bold;

	line-height:1;

	min-height:31px;

	padding-left:42px;

}

#newsBox h1 span {

	font-size:1.2rem;

	color:#999;

	font-weight:normal;

	margin-left:20px;

	position:relative;

	top:-2px;

}

#newsBox .newsTtl {

	position:relative;

}

#newsBox .more {

	display:none;

}

#newsBox .more a {

	position:absolute;

	right:0;

	top:0;

	border:1px solid #0DA667;

	width:98px;

	height:17px;

	text-align:center;

	line-height:1;

	padding-top:7px;

	font-size:1.2rem;

	color:#0DA667;

	display:block;

}

#newsBox .more a:hover {

	background:#0DA667;

	color:#fff;

	text-decoration:none;

}

#newsBox dl dt {

	position:absolute;

	font-size:1.4rem;

}



#newsBox dl dd {

	padding-left:112px;

	margin-bottom:12px;

	color:#0DA667;

	font-size:1.4rem;

}



#newsBox dl dd:last-child {

	margin-bottom:0;

}

/*  ---------------↓20190809追加↓---------------   */

.img-r{
  float: right;
  margin: 10px 10px 10px 10px;
}

/*  ---------------↑20190809追加↑---------------   */

#top section {

	text-align:center;

	color:#fff;

}

#top .panel {

	background:url(../img/bg01.jpg) center center no-repeat;

	background-size:cover;

	height:750px;

}

#top #area01 {

	background-image:url(../img/bg01.jpg);

}

#top #area01 .btnObj a {

	background:#7A3AD1;

}

#top #area01 .btnObj a:hover {

	background:#af89e3;

}

#top #area02 {

	background-image:url(../img/bg02.jpg);

}

#top #area02 .btnObj a {

	background:#428CE8;

}

#top #area02 .btnObj a:hover {

	background:#8ebaf1;

}

#top #area03 {

	background-image:url(../img/bg03.jpg);

}

#top #area03 .btnObj a {

	background:#2E2EFE;

}

#top #area03 .btnObj a:hover {

	background:#5959f7;

}

#top #area04 {

	background-image:url(../img/bg04.jpg);

}

#top #area05 {

	background-image:url(../img/bg05.jpg);

}

#top #area05 .btnObj a {

	background:#FF0028;

}

#top #area05 .btnObj a:hover {

	background:#f7677e;

}

#top .panel {

	position:relative;

}

#top .panel h1 {

	font-size:6rem;

	line-height:1;

	margin-bottom:78px;

	padding-top:80px;

}

#top .panel h1 span {

	font-size:16px;

	display:block;

	width:840px;

	background:url(../img/line.png) 0 0 repeat-x;

	margin:9px auto 0;

	padding-top:1.2rem;

	font-weight:normal;

}

#top .panel .lead01 {

	font-size:2.4rem;

	line-height:200%;

	font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo","ＭＳ Ｐ明朝", "MS PMincho",serif;

	font-weight:normal;

	margin-bottom:27px;

}

#top .panel .lead02 {

	font-size:1.4rem;

}

#top .panel .btnObj li {

	margin:0 auto 20px;

	width:340px;

}

#top .panel .btnObj li:last-child {

	margin-bottom:0;

}

#top .panel .btnObj {

	position:absolute;

	bottom:80px;

	width:100%;

}

/* law

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

.low #pageTitle {

	height:300px;

	min-width:1000px;

	text-align:center;

	color:#fff;

	background-size:cover;

}

#anniversary.low #pageTitle {

	background-image:url(../img/anniversary/anniversary_main.jpg);

}

#catalog.low #pageTitle {

	background-image:url(../img/catalog/catalog_main.jpg);

}

#signage.low #pageTitle {

	background-image:url(../img/signage/signage_main.jpg);

}

#space.low #pageTitle {

	background-image:url(../img/space/space_main.jpg);

}

#advertisement.low #pageTitle {

	background-image:url(../img/advertisement/advertisement_main.jpg);

}

#contact.low #pageTitle {

	background-image:url(../img/contact/contact_main.jpg);

}

#prof.low #pageTitle {

	background-image:url(../img/prof/prof_main.jpg);

}

#recruit.low #pageTitle {

	background-image:url(../img/recruit/recruit_main.jpg);

}

.policy.low #pageTitle {

	background-image:url(../img/privacy/privacy_main.jpg);

}

#sitePolicy.low #pageTitle {

	background-image:url(../img/site/site_main.jpg);

}

.low #pageTitle h1 {

	font-size:5.4rem;

	line-height:1;

	padding-top:102px;

}

.low #pageTitle h1 span {

	display:block;

	background:url(../img/line.png) 0 0 repeat-x;

	width:800px;

	margin:10px auto 0;

	padding-top:13px;

	font-size:1.6rem;

}

.low #leadBox  {

	text-align:center;

	padding:80px 0;

}

.low #leadBox h2 {

	font-size:2.1rem;

	line-height:1;

}

.low #leadBox h2 span {

	font-size:1.6rem;

	display:block;

	margin:10px 0 35px;

	opacity:0.6;

}

.low#signage #leadBox .txt {

	width:760px;

	margin:0 auto;

}

.low section {

	text-align:center;

	padding:80px 0;

	min-width:1000px;

}

.low section h2 {

	font-size:2rem;

	line-height:1;

}

.low section h2 span {

	font-size:1.5rem;

	display:block;

	margin:10px 0 35px;

	opacity:0.6;

}

.low section .leadTxt {

	margin-bottom:40px;

}

#firstBox {

	background-image:url(../img/signage/bg_cons.jpg);

	color:#fff;

}

#firstBox ul li {

	border:7px solid #7d5ef6;

	width:980px;

	float:left;

	margin-right:-30px;

	margin-bottom:-40px;

	background:#fff;

	color:#111;

	box-shadow:0 0 6px #333;

	position:relative;

}

#firstBox ul li:nth-of-type(3n) {

	margin-right:0;

}

#firstBox ul li:nth-of-type(7),

#firstBox ul li:nth-of-type(8),

#firstBox ul li:nth-of-type(9) {

	margin-bottom:0;

}

#firstBox ul li.new:after {

	content:url(../img/signage/icon_new.gif);

	position:absolute;

	top:-0px;

	left:-7px;

}

#firstBox ul li h3 {

	background:#7d5ef6;

	color:#fff;

	font-size:1.6rem;

	line-height:1;

	padding:8px 0;

}

#firstBox ul li h3 span {

	display:block;

	opacity:0.6;

	font-size:1.3rem;

	margin-top:5px;

}

#firstBox ul li .txt {

	font-size:1.2rem;

	text-align:left;
	
　　margin-bottom:11px;

	padding-bottom:11px;

	padding-top:5px;

	width:900px;

	height:30px;

	margin:0 auto;

}

#caseBox {

	background-image:url(../img/signage/bg_case.jpg);

	color:#fff;

}

#caseBox ul li {

	border:7px solid #79f040;

	width:294px;

	float:left;

	margin-right:35px;

	margin-bottom:35px;

	background:#fff;

	color:#111;

	box-shadow:0 0 6px #333;

	position:relative;

}

#caseBox ul li:nth-of-type(3n) {

	margin-right:0;

}

#caseBox ul li:nth-of-type(7),

#caseBox ul li:nth-of-type(8),

#caseBox ul li:nth-of-type(9) {

	margin-bottom:0;

}

#caseBox ul li.new:after {

	content:url(../img/signage/icon_new.gif);

	position:absolute;

	top:-7px;

	left:-7px;

}

#caseBox ul li h3 {

	background:#5cb531;

	color:#fff;

	font-size:1.6rem;

	line-height:1;

	padding:8px 0;

}

#caseBox ul li h3 span {

	display:block;

	opacity:0.6;

	font-size:1.3rem;

	margin-top:5px;

}

#caseBox ul li .txt {

	font-size:1.2rem;

	text-align:left;
	
　　margin-bottom:11px;

	padding-bottom:11px;

	padding-top:22px;

	width:260px;

	height:145px;

	margin:0 auto;

}

#flowBox {

	background:#F4F4F4;

}

#flowBox ul li {

	float:left;

	padding-right:40px;

	background:url(../img/signage/arrow_flow.png) 230px center no-repeat;

}

#flowBox ul li:last-child {

	padding-right:0;

}

#flowBox ul li .inBox{

	border:1px solid #eee;

	width:218px;

	height:398px;

	background:#fff;

}

#flowBox ul li img {

	position:relative;

	top:-1px;

	left:-1px;

}

#flowBox ul li h3 {

	font-size:1.6rem;

	margin-bottom:11px;

	padding-bottom:12px;

	background:url(../img/signage/line.gif) center bottom no-repeat;

}

#flowBox ul li p {

	font-size:1.2rem;

	text-align:left;

	padding:0 20px;

}

#productionBox {

	background:url(../img/signage/signage_bg.jpg) center center no-repeat;

	background-size:cover;

	color:#fff;

}

#productionBox ul {

	width:987px;

	margin:0 auto 10px;

	text-align: center;

}

#productionBox ul li {

	display: inline-block;

	margin-right:11px;

}

#productionBox ul li:last-child {

	margin-right:0;

}

#productionBox .cation {

	border:1px solid #fff;

	border-radius:25px;

	width:320px;

	padding:2px 0;

	margin:0 auto;

	opacity:0.8;

}

#productBox {

	background-image:url(../img/signage/bg_cons.jpg);

	color:#fff;

}

#productBox ul li {

	border:7px solid #7d5ef6;

	width:294px;

	float:left;

	margin-right:35px;

	margin-top:-20px;

	margin-bottom:35px;

	background:#fff;

	color:#111;

	box-shadow:0 0 6px #333;

	position:relative;

}

#productBox ul li:nth-of-type(3n) {

	margin-right:0;

}

#productBox ul li:nth-of-type(7),

#productBox ul li:nth-of-type(8),

#productBox ul li:nth-of-type(9) {

	margin-bottom:0;

}

#productBox ul li.new:after {

	content:url(../img/signage/icon_new.gif);

	position:absolute;

	top:-7px;

	left:-7px;

}

#productBox ul li h3 {

	background:#6632b8;

	color:#fff;

	font-size:1.6rem;

	line-height:1;

	padding:8px 0;

}

#productBox ul li h3 span {

	display:block;

	opacity:0.6;

	font-size:1.3rem;

	margin-top:5px;

}

#productBox ul li h4 {

	font-size:1.4rem;

	margin-bottom:11px;

	padding-bottom:11px;

	padding-top:22px;

	background:url(../img/signage/line.gif) center bottom no-repeat;

}

#productBox ul li .txt {

	font-size:1.2rem;

	text-align:left;

	width:260px;

	height:114px;

	margin:0 auto;

}

#catalog #leadBox ul {

	width:920px;

	margin:0 auto;

}

#catalog #leadBox ul li {

	float:left;

	width:260px;

	margin-right:70px;

}

#catalog #leadBox ul li:last-child {

	margin-right:0;

}

#catalog #leadBox ul li h3 {

	font-size:1.8rem;

	margin:20px 0 10px;

}

#catalog #leadBox ul li .txt {

	font-size:1.3rem;

}

.low .lowConts {

	background:url(../img/catalog/bg_catalog.jpg) center center no-repeat;

	background-size:cover;

	color:#fff;

}

#catalog #leadBox ul {

	width:920px;

	margin:0 auto;

}

#catalog #anniversaryBox {

	display:none;

	background-image:url(../img/catalog/bg_anniversary.jpg);

}

#catalog #newBox {

	background-image:url(../img/catalog/bg_new.jpg);

}

#catalog #seasonBox {

	background-image:url(../img/catalog/bg_season.jpg);

}

#catalog #catalogBox {

	background-image:url(../img/catalog/bg_catalog.jpg);

}

#space #leadBox ul {

	width:920px;

	margin:0 auto;

}

#space #leadBox ul li {

	float:left;

	width:260px;

	margin-right:70px;

}

#space #leadBox ul li:last-child {

	margin-right:0;

}

#space #leadBox ul li h3 {

	font-size:1.8rem;

	margin:20px 0 10px;

}

#space #leadBox ul li .txt {

	font-size:1.3rem;

}

.low .lowConts {

	background:url(../img/space/bg_space.jpg) center center no-repeat;

	background-size:cover;

	color:#fff;

}

#space #spaceDesignBox {

	background-image:url(../img/space/bg_cons.jpg);

}

#advertisement #advertisementBox {

	background-image:url(../img/advertisement/bg_advertisement.jpg);

}

#advertisement #promotionBox {

	background-image:url(../img/advertisement/bg_cons.jpg);

}

#contact #adoptionBox {

	background:#00A765;

}

#contact #busInfoBox {

	background:#fff;

	color:#111;

}

.low .lowConts ul li {

	float:left;

	width:310px;

	margin-right:30px;

	margin-bottom:40px;

}

.low .lowConts ul li:nth-of-type(3n) {

	margin-right:0;

}

.low .lowConts ul li img {

	box-shadow:0 0 5px #333;

}

.low .lowConts ul li .txt {

	background:url(../img/line_both.png) center center no-repeat;

	margin-top:10px;

}

.low .lowConts ul li .txt.ver02 {

	background:url(../img/line_both02.png) center center no-repeat;

}

.low .lowConts ul li .txt.ver03 {

	background:url(../img/line_both03.png) center center no-repeat;

}

/*.low #promotionBox.lowConts ul li .txt span {

	background:#FF0028;

	display:inline-block;

	padding:0 10px;

}*/

.low .lowConts .cation {

	border:1px solid #fff;

	border-radius:25px;

	width:480px;

	padding:2px 0;

	margin:0 auto;

}



#contact .lowConts dl {

	width:590px;

	margin:0 auto;

}



#contact .lowConts dl dt {

	position:absolute;

	text-align:right;

	width:114px;

	font-size:1.4rem;

	padding-right:35px;

	height:32px;

	padding-top:8px;

}

#contact .lowConts dl dt.mail {

	background:url(../img/contact/icon_mail01.gif) 0 0 no-repeat;

}

#contact .lowConts dl dt.tel {

	background:url(../img/contact/icon_tel01.gif) 0 0 no-repeat;

}

#contact #adoptionBox.lowConts dl dt.mail {

	background:url(../img/contact/icon_mail02.gif) 0 0 no-repeat;

}

#contact #adoptionBox.lowConts dl dt.tel {

	background:url(../img/contact/icon_tel02.gif) 0 0 no-repeat;

}

#contact .lowConts dl dd {

	padding-left:182px;

	text-align:left;

	color:#0DA667;

	font-size:2.6rem;

	background:url(../img/line_v01.gif) 149px 0 no-repeat;

	margin-bottom:10px;

}

#contact #adoptionBox.lowConts dl dd {

	background:url(../img/line_v02.gif) 149px 0 no-repeat;

	color:#fff;

}

#contact .lowConts dd.tel a {

	cursor:default;

}

#contact #adoptionBox.lowConts dl dd a {

	color:#fff;

}

#contact .lowConts dl dd span {

	font-size:1.4rem;

	display:inline-block;

	position:relative;

	top:-3px;

	left:5px;

}

#contact .lowConts dl dd.tel a:hover {

	text-decoration:none;

}

#prof .ceo img {

	margin-bottom:23px;

}

#prof .ceo .post {

	font-size:1.4rem;

}

#prof .ceo .name {

	font-size:1.8rem;

}

#prof .messageBox {

	text-align:left;

	width:800px;

	margin:70px auto 0;

}

#prof .messageBox h3 {

	font-size:1.8rem;

	margin-bottom:10px;

}

#prof .messageBox .txt {

	margin-bottom:30px;

}

#prof .messageBox .leftBox {

	width:360px;

	float:left;

	margin-left:10px;

	text-align:center;

}

#prof .messageBox .rightBox {

	width:360px;

	float:right;

	margin-right:10px;

	text-align:center;

}

#prof .messageBox figure h4 {

	border:1px solid #00A863;

	border-radius:50px;

	font-size:16px;

	color:#00A863;

	margin-bottom:40px;

}

#prof .messageBox figure .leftBox h4 {

	color:#fff;

	background:#00A863;

}

#prof #companyBox {

	background:#eee;

}

#prof #companyBox table {

	width:100%;

	background:#fff;

	text-align:left;

}

#prof #companyBox table th,

#prof #companyBox table td {

	padding:24px 30px;

	border-bottom:1px solid #eee;

}

#prof #companyBox table th {

	width:190px;

	background:#b0eadc;

}

#prof #companyBox table td {

	background:url(../img/table_line.gif) 0 bottom repeat-x #fff;

}

#prof #mapBox .txt {

	color:#0DA667;

	font-size:12px;

}

#prof #mapBox .link a {

	color:#fff;

	font-size:12px;

	display:block;

	background:url(../img/prof/plus.png) 50px center no-repeat #0DA667;

	width:240px;

	margin:20px auto 0;

	padding:8px 0 5px;

}

#prof #mapBox .link a:hover {

	text-decoration:none;

	background-color:#008C69;

}

#prof #historyBox {

	background:#bbb;

	color:#fff;

}

#prof #historyBox table {

	width:100%;

	margin-bottom:10px;

	font-size:14px;

}

#prof #historyBox table:last-child {

	margin-bottom:0;

}

#prof #historyBox th {

	vertical-align:middle;

	text-align:right;

	width:50%;

	border-right:5px solid #dddddd;

	box-sizing:border-box;

	padding:0 30px 0 0;

}

#prof #historyBox td {

	vertical-align:middle;

	text-align:left;

	width:50%;

	box-sizing:border-box;

	padding:10px 0 9px 30px;

}

#map {

	width: 100%;

	height: 600px;

	margin:0 auto 18px;

}



#recruit .lead {

	background:url(../img/recruit/icon_recruit.gif) center top no-repeat;

	padding-top:208px;

	padding-bottom:80px;

}

#recruit h3 {

	text-align:left;

	font-size:1.6rem;

	margin-bottom:10px;

}

#recruit table {

	width:100%;

}

#recruit table {

	margin-bottom:100px;

}

#recruit table.last {

	margin-bottom:0;

}

#recruit table th,

#recruit table td {

	border-bottom:1px solid #fff;

	padding:24px 30px;

	text-align:left;

	vertical-align:middle;

}

#recruit table th {

	background:#F1F1F3;

	width:190px;

}

#recruit table td {

	background:#F7F7F9;

}

#recruit table .leftBox {

	float:left;

	width:100px;

}

#recruit table .rightBox {

	float:left;

}

.policy #leadBox,

#privacyPolicy #leadBox h2 span {

	padding-bottom:0;

	margin-bottom:0;

}

.policy section {

	line-height:2;

	text-align:left;

}

.policy section .layoutCon {

	width:1100px;

	border:1px solid blue;

}

.policy section#area01 {

	padding-top:0;

}

.policy section#area01 .lead {

	text-align:right;

	margin:40px 0 40px;

}

.policy ol > li {

	list-style-position:inherit;

	padding-left:20px;

	margin-left:23px;

}

.policy ol.alphabet > li {

	list-style-type:lower-alpha;

}

.policy ol.circledDecimal > li {

	list-style-type:circled-decimal;

}

#privacyPolicy .firstTxt01 {

	margin-bottom:40px;

}

#sitePolicy .firstTxt01 {

	text-align:center;

	margin-bottom:40px;

}

.policy .firstTxt02 {

	margin-top:40px;

}

.policy .end {

	text-align:right;

	margin-top:20px;

}

.policy .cotactBox {

	text-align:center;

	margin:40px 0;

	padding:20px 0;

	border:1px solid #ddd;

}

.policy .policyBox h3 {

	font-weight:bold;

	border-bottom:1px solid #ddd;

	padding-bottom:11px;

	margin-bottom:13px;

	font-size:15px;

	margin-top:75px;

}

.policy .cotactBox strong {

	font-weight:bold;

	padding:12px 0;

	display:block;

}

.policy .policyBox h3.first {

	margin-top:0;

}

.policy .policyBox h4 {

	font-weight:bold;

	font-size:13px;

}

.policy .policyBox .lead02 {

	margin-bottom:30px;

}

.policy .pat01 > li {

	padding-left:50px;

	position:relative;

	margin-bottom:15px;

}

.policy .pat01 > li span {

	position:absolute;

	left:0;

}

.policy .pat02 > li {

	padding-left:1em;

	text-indent:-1em;

}

.policy .disc > li {

	list-style:disc;

	list-style-position:inherit;

	margin-left:20px;

	text-indent:0;

}

.policy table {

	width:100%;

	margin-top:10px;

}

.policy table th,

.policy table td {

	border:1px solid #ddd;

	padding:8px 20px;

}

.policy table th {

	text-align:center;

	background:#F7F7F9;

}





/* clearfix

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

.clearfix:after,

#header:after,

#newsBox:after,

.fBox01:after,

figure:after {

	content : '';

	display : block;

	clear : both;

	height: 0;

}


/* news_list

------------------------------------- */
.news_btn_box{
	width:100%;
	padding-top:10px;
	padding-bottom: 50px;
	}
.news_btn_wrap{
	width:300px;
	 margin: 0 auto;
	}
.news_btn{
	text-align:center;
	}
.newstext_wrap{
	width:1100px;
	margin: 0 auto;
	}
.newstext_day{
	padding-top: 100px;
	font-size:30px;
	lign-height:1;
	letter-spacing: 0.2em;
	font-weight: bold;/*一般的な太字*/
	}
.newstext_title{
	font-size:36px;
	lign-height:1;
	letter-spacing: 0.1em;
	font-weight: bold;/*一般的な太字*/
	}
.newstext_texts{
	padding-top:20px;
	padding-bottom:60px;
	font-size:16px;
	lign-height:1;
	letter-spacing: 0.1em;
	}
.newstext_texts02{
	font-size: 24px;
	color:red;
	font-weight: bold;/*一般的な太字*/
	padding-top:20px;
	padding-bottom:20px;
	}
.newstext_right p{
	text-align:right;
	}
.newstext_center{
	text-align: center;
}
.newstext_texts01>p{
	padding-top:20px;
	}