@charset "UTF-8";

/*=================================================================*/
html, body { overflow-x:hidden; }
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
}
.imgMax { width:100%; }
.full {
	margin-left:-15px;
	margin-right:-15px;
}
.w820 {
	margin:0 auto;
	max-width:820px;
}
.w540 {
	margin:0 auto;
	max-width:540px;
}
.mb150 { margin-bottom:150px; }
.pcDisplay { display:block; }
.spDisplay { display:none; }

/*=================================================================*/
/* visual */
.visualPc,
.visualSp {
	overflow:hidden;
	max-height:558px;
	margin-bottom:100px;
	position:relative;
}
.visualSp {
	max-height:812px;
	margin-bottom:30px;
}
#slider li,
#sliderSp li {
	display:block;
	float:left;
}
#slider li img,
#sliderSp li img {
	width:100%;
	height:auto;
}

/* top */
.column1 {
	margin-right:-15px;
	margin-bottom:30px;
}
.column1 li {
	float:left;
	width:25%;
	margin-bottom:30px;
}
.column1 li div {
	margin-right:15px;
}
.column1 li .name {
	margin-top:20px;
	text-align:center;
}
a.link1 {
	display:inline-block;
	font-size:12px;
	background:url(../img/other/icon_arrow2.png) no-repeat 0 50%;
	padding-left:18px;
}
a.link1_sp {
	display:block;
	font-size:13px;
	color:#808080;
	border:1px solid #b3b3b3;
	background:url(../img/other/icon_arrow1.png) no-repeat 100% 50%;
	-moz-background-size:18px 9px;
	-webkit-background-size:18px 9px;
	-o-background-size:18px 9px;
	-ms-background-size:18px 9px;
	background-size:18px 9px;
	padding:10px 0;
	text-align:center;
}
.column2 {
	margin-right:-30px;
	margin-bottom:20px;
}
.column2 li {
	float:left;
	width:33.33%;
	margin-bottom:20px;
}
.column2 li .inner {
	margin-right:30px;
}
.column2 li .photo {
	float:left;
	width:98px;
	border:1px solid #e6e6e6;
	margin-right:20px;
	overflow:hidden;
}
.column2 li .inner div {
	overflow:hidden;
}
.column2 li .date {
	font-size:14px;
	font-family:Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	letter-spacing:1px;
	color:#808080;
	margin-bottom:10px;
}
.column2 li .title {
	font-size:12px;
}
.topText {
	text-align:left;
	margin:0 auto 90px;
	max-width:670px;
	line-height:2;
	letter-spacing:2px;
}

/* news & media */
.headline1 {
	font-size:34px;
	color:#000;
	font-family:Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	letter-spacing:0.08em;
	border-bottom:4px solid #f1f1f1;
	padding-top:30px;
	padding-bottom:9px;
	margin-bottom:20px;
}
.infoMain {
	float:left;
	width:77%;
}
.infoList li {
	margin-bottom:120px;
}
.infoMain .photo {
	float:right;
	width:34%;
	text-align:right;
	margin-left:5.5%;
	margin-top:5px;
}
.infoMain .info {
	overflow:hidden;
}
.infoMain .date {
	font-size:16px;
	font-family:Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	letter-spacing:1px;
	color:#808080;
	padding-bottom:15px;
}
.infoMain .title {
	font-size:16px;
	margin-bottom:10px;
}
.infoMain .shortDesc {
	color:#919191;
	margin-bottom:15px;
}
.infoMain .detail { text-align:right; }
.infoMain .detailPost .title {
	font-size:24px;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom:30px;
	height:auto;
}
.infoMain .fullPost p {
	margin-bottom:15px;
}
.detailPost { margin-bottom:100px; }
.postLink {
	text-align:center;
}
.postLink li {
	display:inline-block;
	width:37%;
	vertical-align:middle;
}
.postLink li.backList {
	width:22%;
}
.postLink li.prevPost {
	text-align:right;
}
.postLink li.prevPost a {
	display:inline-block;
	background:url(../img/other/icon_prev.png) no-repeat 0 49%;
	padding-left:25px;
}
.postLink li.nextPost {
	text-align:left;
}
.postLink li.nextPost a {
	display:inline-block;
	background:url(../img/other/icon_next.png) no-repeat 100% 49%;
	padding-right:25px;
}
.infoSide {
	float:right;
	width:16%;
}
.infoSide h3 {
	font-size:16px;
	color:#808080;
	font-family:Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
	letter-spacing:0.08em;
	margin-bottom:20px;
}
.dotList {
	margin-bottom:60px;
}
.dotList li {
	background:url(../img/other/icon_dot1.png) no-repeat 0 10px;
	padding-left:10px;
	margin-bottom:5px;
}

/* company */
.headline2 {
	text-align:center;
	margin-bottom:50px;
}
.comBox { margin-bottom:100px; }
.comBox .photo {
	float:left;
	width:32%;
	margin-right:5%;
}
.comBox .info {
	overflow:hidden;
}
.comBox .info p {
	margin-bottom:25px;
}
.comTbl { width:100%; }
.comTbl th {
	font-weight:normal;
	border-bottom:1px solid #dedede;
	padding:17px 0 15px 15px;
	width:100px;
}
.comTbl td {
	border-bottom:1px solid #dedede;
	padding:17px 0 15px 15px;
}

/* privacy */
.headline3 { margin-bottom:40px; }
.privacyText { margin-bottom:100px; }

/* sitemap */
.sitemap { margin-bottom:50px; }
.sitemap ul {
	float:left;
	width:38%;
}
.sitemap ul:last-child {
	width:24%;
}
.sitemap ul li {
	margin-bottom:40px;
}

/* concept */
.headline4 {
	text-align:center;
	margin-bottom:80px;
}
.conceptBox { padding-bottom:100px; }
.conceptBox p {
	margin-bottom:60px;
	text-align:center;
}
.conceptList {
	max-width:900px;
	margin:0 auto;
}
.conceptList li {
	margin-left:10px;
	margin-bottom:60px;
}
.conceptList li .photo1 {
	display:inline-block;
	vertical-align:middle;
	width:60%;
	text-align:right;
	margin-left:4%;
}
.conceptList li .photo2 {
	display:inline-block;
	vertical-align:middle;
	width:60%;
	margin-right:7%;
}
.conceptList li .photo1 img,
.conceptList li .photo2 img {
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	max-width:100%;
	height:auto;
}
.conceptList li div {
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	width:30%;
	margin-left:5%;
}
.conceptList li div.box2 {
	width:32%;
	margin-left:0;
}
.conceptList li div h4 { margin-bottom:40px; }


.ul_productpc li{
	margin-bottom:70px;
}

.ul_productpc li .prodes {
	width:515px;
	float:right;
}
.ul_productpc li .prodes h3{
	margin-bottom:35px;
}
.ul_productpc li .btnView {
	margin-top:35px;
}

.ul_productsp li {
	margin-bottom:70px;
}
.ul_productsp li .img img {
	border:#ccc solid 1px;
}
.ul_productsp li .prodes {
	margin-top:25px;
}
.ul_productsp li h3 {
	margin:20px 0;
	text-align:center;
}
.ul_productsp li .btnView {
	margin-top:35px;
}

/* Update style : 2016/05/04 */
.headIcon { float: right; margin-right: 40px; margin-top: 30px;}
.headIcon a{ display: inline-block; margin-left: 10px;}
.logo_sp{ padding-top: 60px;}
.menuImg{ margin-top: -116px;}

/* company */
.mb85{ margin-bottom: 85px; }
.corpMr01{ margin-top: 140px;}
.corpTxtLine{ color: #4d4d4d; letter-spacing: .1em; font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #dedede; }
.corpTxtLine span{ padding: 0 20px 0 25px;}
.corpTxtPos{ text-align: center;}

@media only screen and (max-width: 740px){ 
	.headIcon{ position: absolute; float: none; margin: auto; right: 70px; top: 20px; }
	.corpMr01{ margin-top: 70px; }
	.mb85{ margin-bottom: 70px;}
	.corpTxtLine{ letter-spacing: 0;font-size: 13px; padding-bottom: 10px; position: relative; padding-left: 10px; text-align: left;}
	.corpTxtLine2{ padding-left: 30px; }
	.corpTxtLine2 span{ position: absolute; left: -20px;}

}