@charset "utf-8";
#mainimg-top {
}
#mainimg-primitive, #mainimg-hikari {
	margin-bottom: 10px;
}
#mainimg-luce {
	margin-bottom: 60px;
}
.mainimg-cap {
	position: relative;
}
.mainimg-cap .caption_primitive {
	position: absolute;
	right: 18px;
	top: 25px;
	z-index: 999;
}
.mainimg-cap .caption_hikari {
	position: absolute;
	left: 45px;
	top: 85px;
	z-index: 999;
}
.mainimg-cap .caption_luce {
	position: absolute;
	right: 26px;
	top: 55px;
	z-index: 999;
}
.viewer {
    width: 100%;
    height: 500px;
	overflow: hidden;
}
.viewer ul {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    display: none;
    position: absolute;
}
.main-hikari {
	width: 780px;
	margin: 0 0 0 auto;
}
#container {
}
#container-inner {
	padding: 0 0 0;
}
.contents {
	width: 900px;
	margin: 0 auto;
	padding: 40px 0px;
}
.contents-inner {
	width: 700px;
	padding: 0 100px;
}
.text_box {
	margin: 50px 0 60px;
	text-align: justify;
	text-justify: inter-ideograph;
}
ul.thumblist {
	margin: 0 0 100px;
}
ul.thumblist li {
	margin-bottom: 10px;
}

ul li.thumblist1 {
	width: 900px;
	height: 800px;
	float: left;
}
ul li.thumblist2 {
	width: 445px;
	height: 556px;
	float: left;
	margin-right: 10px;
}
ul li.thumblist3 {
	width: 445px;
	height: 556px;
	float: left;
}
.title_concept {
	text-align: center;
}
.name {
	font-family: A1 Mincho, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 125%;
	font-weight: bold;
}
.latin {
	font-family: A1 Mincho, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 0 0 0 1em;
	color: #c98f69;
	font-size: 82%;
	font-weight:bold;
}
.career {
	font-size: 88%;
	color: #c98f69;
}
.career_list {
	font-size: 88%;
	line-height: 1.4em;
}
.career_list dt {
	float: left;
}
.career_list dd {
	margin-left: 4em;
}
.icon_sns {
	margin: 0 0 70px;
}
.icon_sns li {
	width: 225px;
	height: 40px;
	float: left;
	margin-right: 12px;
}
.icon_sns li.twitter {
	width: 225px;
	height: 40px;
	float: left;
	margin-right: 0px;
}
 @media screen and (max-width:479px) {
#mainimg-top {
	max-width: 100%;
}
#mainimg-primitive, #mainimg-hikari {
	margin-bottom: 2%;
}
#mainimg-luce {
	margin-bottom: 10%;
}
.mainimg-cap .caption_primitive {
	width: 30%;
	height: auto;
	right: 5px;
	top: 5px;
}
.mainimg-cap .caption_hikari {
	width: 37%;
	height: auto;
	left: 12px;
	top: 25px;
}
.mainimg-cap .caption_luce {
	width: 30%;
	height: auto;
	right: 5px;
	top: 15px;
}
.viewer {
    width: 83%;
    height: auto;
	overflow: hidden;
}
.viewer-hikari,
.viewer-luce {
    width: 78% !important;
}
.viewer ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
#container-inner {
	padding: 0 0 4em;
}
.contents {
	width: 94%;
	margin: 3% auto;
	padding: 0 0 0;
}
.contents-inner {
	width: auto;
	padding: 5% 5%;
}
ul.thumblist {
	margin: 0 0 10%;
}
ul.thumblist li {
	margin-bottom: 3%;
}
ul li.thumblist1 {
	width : 94% ;
	width : -webkit-calc(100% / 1) ;
	width : calc(100% / 1) ;
	height: auto;
	margin-right: 0;
	float: none;
}
ul li.thumblist2 {
	width : 40.5% ;
	width : -webkit-calc(100% / 2.07) ;
	width : calc(100% / 2.07) ;
	height: auto;
	margin-right: 3%;
	float: left;
}
ul li.thumblist3 {
	width : 40.5% ;
	width : -webkit-calc(100% / 2.06) ;
	width : calc(100% / 2.06) ;
	height: auto;
	float: left;
}
.text_box {
	margin: 10% 0 13%;
	font-size: 84%;
	padding: 0 3%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.5em;
}
.title_concept {
	margin-bottom: 1em;
}
.icon_sns {
	width: 100%;
	height: auto;
	margin: 0 0 2em;
}
.icon_sns li,
.icon_sns li.twitter {
	height: auto;
	float: none;
	margin: 0 auto 0.2em;
}
 }