@charset "UTF-8";

/* Smartphone */
@media only screen and (max-width:999px) {
body { font-size:13px; }
.conceptList .photo1 { margin-left:7%; }
.conceptList .photo2 { margin-right:7%; }
.conceptList li div {
	margin-left:0;
	width:32%;
}
}

/* Smartphone */
@media only screen and (max-width:740px) {
.pcDisplay { display:none; }
.spDisplay { display:block; }
body { font-size:12px; }
.column1 {
	max-width:520px;
	margin:0 auto 10px;
}
.column1 li {
	width:50%;
}
.column2 {
	margin-right:0;
}
.column2 li {
	float:none;
	width:100%;
	clear:both;
}
.column2 li .inner {
	margin-right:0;
}
.share {
	margin-bottom:40px;
	max-width:190px;
}
.share ul {
	margin-top:25px;
}
.share ul li {
	width:48%;
}
#bread { display:none; }
.topText {
	margin-bottom:40px;
}

/* news & media */
.headline1 {
	margin-bottom:30px;
	font-size: 25px;
	padding-bottom: 1px;
}
.infoMain {
	float:none;
	width:100%;
}
.infoList { margin-bottom:50px; }
.infoList li {
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:30px;
}
.infoMain .photo {
	margin-top:40px;
	margin-bottom:25px;
}
.infoMain .infoList .title {
	margin-top:-8px;
	font-size:19px;
	max-height:50px;
	overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
     text-overflow:ellipsis;
	 text-overflow:-o-ellipsis-lastline;
	 line-height:1.4;
}
.infoMain .infoList .shortDesc {
	max-height:40px;
	overflow:hidden;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
     text-overflow:ellipsis;
	 text-overflow:-o-ellipsis-lastline;
}
.infoMain .detail { display:none; }
.detailPost { margin-bottom:70px; }
.infoMain .detailPost .title {
	font-size:20px;
	line-height:1.4;
}
.postLink { margin-bottom:60px; }
.postLink li.prevPost a {
	padding-left:15px;
	background:url(../img/other/icon_prev_sp.png) no-repeat 0 49%;
	-moz-background-size:9px 12px;
	-webkit-background-size:9px 12px;
	-o-background-size:9px 12px;
	-ms-background-size:9px 12px;
	background-size:9px 12px;
}
.postLink li.nextPost a {
	padding-right:15px;
	background:url(../img/other/icon_next_sp.png) no-repeat 100% 49%;
	-moz-background-size:9px 12px;
	-webkit-background-size:9px 12px;
	-o-background-size:9px 12px;
	-ms-background-size:9px 12px;
	background-size:9px 12px;
}
.selectStyle {
	width:100%;
}

/* company */
.headline2 { margin-bottom:30px; }
.comBox { margin-bottom:70px; }
.comBox .photo {
	float:none;
	width:80%;
	margin:0 auto 20px;
	text-align:center;
}
.comTbl th {
	padding:10px 0 8px 10px;
	width:85px;
}
.comTbl td {
	padding:10px 0 8px 10px;
}

/* privacy */
.headline3 { margin-bottom:30px; }
.privacyText { margin-bottom:60px; }

/* site map */
.sitemap ul {
	float:none;
	width:100%;
	font-size:15px;
}
.sitemap ul:last-child { width:100%;	 }

/* concept */
.headline4 { margin-bottom:50px; }
.conceptBox { padding-bottom:50px; }
.conceptBox p { margin-bottom:40px; }
.conceptList li {
	margin-left:0;
	margin-bottom:60px;
}
.conceptList li .photo1 {
	display:none;
}
.conceptList li .photo2 {
	display:block;
	width:85%;
	text-align:center;
	margin:0 auto 40px;
}
.conceptList li .photo {
	margin:0 auto 40px;
	max-width:85%;
}
.conceptList li div {
	display:block;
	width:80% !important;
	margin:0 auto !important;
}
.conceptList li div h4 {
	margin-bottom:30px;
	text-align:center;
}

}


@media only screen and (max-width:570px) {
.postLink li.prevPost {
	text-align:left;
}
}