@charset "UTF-8";
/* CSS Document */
.container{
	margin-bottom:60px;
}
.section{
	width:100%;
}
.section .mail a{
	display:inline-block;
	padding-left:16px;
	height:16px;
	background-image:url(/wp/img/profile/icon_mail.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:16px;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.section .mail a:hover{
	opacity:0.6;
	-webkit-opacity:.6;
	-moz-opacity:.6;
}
.section .mail a span{
	display:inline-block;
	margin-left:8px;
}

/* message */
#message .inner{
	overflow:hidden;
	max-width:920px;
	margin:0 auto 200px auto;
	padding-top:150px;
}
#message .jp{
	float:left;
	width:46%;
	margin-right:8%;
}
#message .jp p{
	font-size:108%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:2em;
	word-break:normal;
}
#message .en{
	float:left;
	width:46%;
}
#message .en p{
	font-size:93%;
	line-height:2.15em;
}
#message .right{
	text-align:right;
	padding-top:20px;
}

/* company */
#company{
	max-width:920px;
	margin:0 auto 200px auto;
}
#company h2{
	font-size:116%;
	margin-bottom:40px;
	font-weight:normal;
}
#company .col_area{
	overflow:hidden;
}
#company .col{
	float:left;
}
#company .col.txt{
	width:36%;
	margin-right:4%;
}
#company .col.txt h3{
	font-size:93%;
	font-weight:normal;
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc7c8;
	margin-bottom:15px;
}
#company .col.txt ul{
	margin-bottom:10px;
}
#company .col.txt ul li{
	margin-left:1.6em;
	text-indent:-1.6em;
	margin-bottom:0;
}
#company .col.txt ul.jp li{
	line-height:1.8em;
	font-size:12px;
	word-break:normal;
}
#company .col.txt ul.en li{
	font-size:12px;
	word-break:keep-all;
}
#company .col.txt ul li:last-child{
	margin-bottom:0;
}
#company .col.txt ul li span{
	font-size:13px !important;
}
#company .col.txt .mail{
	margin-bottom:40px;
}
#company .col.txt .photo img{
	width:100%;
	height:auto;
}
#company .col li{
	margin-bottom:15px;
}
#company .col li h4{
	font-size:85%;
	font-weight:normal;
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:1px solid #8f8b88;
}
#company .col.jp{
	width:28%;
	margin-right:4%;
}
#company .col.jp p{
	line-height:1.4em;
	margin-bottom:6px;
	font-size:93%;
	word-break:keep-all;
}
#company .col.en{
	width:28%;
}
#company .col.en p{
	line-height:1.8em;
	margin-bottom:6px;
	font-size:9px;
	word-break:keep-all;
}


/* staff */
#staff{
	max-width:920px;
	margin:0 auto 200px auto;
}
#staff .box{
	margin-bottom:80px;
}
#staff .box:last-cjild{
	margin-bottom:0;
}
#staff .col_area{
	overflow:hidden;
}
#staff .col_area .col{
	float:left;
}
#staff .col_area .ttl{
	position:relative;
	width:35%;
	min-height:260px;
}
#staff .col_area .ttl h3{
	margin-bottom:15px;
}
#staff .col_area .ttl h3 strong{
	display:block;
	font-size:167%;
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:10px;
}
#staff .col_area .ttl h3 span{
	display:block;
	font-size:93%;
	font-weight:normal;
}
#staff .col_area .ttl ul{
	margin-bottom:20px;
}
#staff .col_area .ttl ul li{
	margin-bottom:5px;
	line-height:1.5em;
}
#staff .col_area .ttl ul li:last-child{
	margin-bottom:0;
}
#staff .col_area .ttl ul li span{
	font-size:12px;
}
#staff .col_area .ttl ul.jp li{
	margin-left:1em;
	text-indent:-1em;
	font-size:93%;
}
#staff .col_area .ttl ul.en li{
	margin-left:1.1em;
	text-indent:-1.1em;
	font-size:77%;
	word-break:keep-all;
}
#staff .col_area .ttl .photo{
	position:absolute;
	left:0;
	top:0;
	width:48%;
}
#staff .col_area .ttl .photo img{
	width:100%;
	height:auto;
}
#staff .col_area .ttl .txt{
	margin-left:54%;
	margin-right:10px;
}
#staff .col_area .list{
	overflow:hidden;
	width:65%;
	box-sizing:border-box;
	border-left:1px solid #231815;
	min-height:260px;
}
#staff .col_area .list .txt{
	margin-left:40px;
}
#staff .col_area .list .jp{
	float:left;
	width:48%;
	margin-right:4%;
}
#staff .col_area .list .en{
	float:left;
	width:48%;
}
#staff .col_area .list h4{
	margin-bottom:10px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#staff .col_area .list ul{
	margin-bottom:30px;
}
#staff .col_area .list ul:last-child{
	margin-bottom:0;
}
#staff .col_area .list ul li{
	margin-bottom:2px;
	margin-left:3.6em;
	text-indent:-3.6em;
}
#staff .col_area .list .jp ul li{
	font-size:85%;
	word-break:normal;
}
#staff .col_area .list .en ul li{
	font-size:77%;
	word-break:keep-all;
}

/* access */
#access{
	max-width:700px;
	margin:0 auto;
}
#access #map{
	overflow:hidden;
	height:390px;
	margin-bottom:10px;
}
#access #map_canvas{
	margin-top:-150px;
	width:100%;
	height:690px;
}
#access .note{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:93%;
	text-align:right;
	margin-bottom:30px;
}
#access .txt h2{
	font-size:116%;
	font-weight:normal;
	margin-bottom:30px;
}
#access .txt ul{
	overflow:hidden;
}
#access .txt ul li{
	float:left;
}
#access .txt ul li.jp{
	width:44%;
	margin-right:2%;
}
#access .txt ul li.en{
	width:54%;
}
#access .txt ul li h3{
	font-weight:normal;
	margin-bottom:20px;
}
#access .txt ul li.en h3{
	word-break:keep-all;
}
#access .txt ul li.jp p{
	margin-bottom:15px;
	font-size:93%;
}
#access .txt ul li.en p{
	font-size:77%;
	word-break:keep-all;
}

@media screen and (max-width: 1000px) {
#staff .col_area{
	position:relative;
}
#staff .col_area .ttl{
	position:absolute;
	left:0;
	top:0;
	width:190px;
}
#staff .col_area .ttl .photo{
	position:static;
	width:150px;
	margin-bottom:15px;
}
#staff .col_area .ttl .txt{
	margin-left:0;
}
#staff .col_area .list{
	width:auto;
	margin-left:190px;
}
}

@media screen and (max-width: 740px) {
/* message */
#message .inner{
	margin:0 auto 100px auto;
	padding-top:30px;
}
#message .jp{
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:30px;
}
#message .en{
	float:none;
	width:auto;
}
#message .jp p{
	font-size:13px;
}
#message .en p{
	font-size:12px;
}

/* company */
#company{
	margin-bottom:80px;
}
#company h2{
	margin-bottom:20px;
}
#company .col.jp,
#company .col.en{
	float:none;
	width:auto;
	margin:0 0 30px 0;
}
#company .col.jp p{
	font-size:12px;
}
#company .col.en p{
	font-size:10px;
}
#company .col.txt{
	width:auto;
	float:none;
	margin:0 0 30px 0;
}
#company .col.txt ul.jp li{
	font-size:12px;
}
#company .col.txt ul.en li{
	font-size:10px;
}

/* staff */
#staff{
	margin-bottom:80px;
}
#staff .col_area{
	overflow:hidden;
}
#staff .col_area .ttl{
	position:static;
	float:none;
	width:auto;
	min-height:200px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #231815;
}
#staff .col_area .ttl .photo{
	position:absolute;
	width:120px;
	margin-bottom:0;
}
#staff .col_area .ttl .txt{
	margin-left:140px;
}
#staff .col_area .ttl h3{
	margin-bottom:15px;
}
#staff .col_area .ttl h3 strong{
	font-size:18px;
	margin-bottom:5px;
}
#staff .col_area .ttl ul{
	margin-bottom:15px;
}
#staff .col_area .ttl ul.jp li{
	font-size:12px;
}
#staff .col_area .ttl ul.en li{
	font-size:10px;
}
#staff .col_area .list{
	width:auto;
	border-left:none;
	min-height:185px;
	margin-left:0;
}
#staff .col_area .list ul{
	margin-bottom:20px;
}
#staff .col_area .list .jp,
#staff .col_area .list .en{
	float:none;
	width:auto;
}
#staff .col_area .list .jp{
	margin-bottom:40px;
}
#staff .col_area .list .en ul li{
	font-size:10px;
}
#staff .col_area .list .txt{
	margin:0;
}

/* access */
#access #map{
	height:260px;
	width:100%;
}
#access #map_canvas{
	width:100%;
	height:560px;
	margin-top:-130px;
}
#access .txt h2{
	margin-bottom:20px;
}
#access .txt ul li.jp,
#access .txt ul li.en{
	float:none;
	width:auto;
}
#access .txt ul li.jp{
	margin:0 0 30px 0;
}
#access .txt ul li h3{
	margin-bottom:10px;
}
}