@charset "utf-8";

/*======================================================================================================== */
/* リセットcss */
/*-------------------------------------------------------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; 
	padding:0;
}
body {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	color:#333;
}
ol, ul{
	list-style:none;
}
fieldset, img{
	border:0;
}
a:focus {
	outline:none;
}
em {
	font-style:normal; 
    font-weight:normal;
}


/*p, th, td, dt, dd {
	line-height:1.8em;
}*/

/* clear fix For modern browsers */
/*---------------------------------------------------- */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* clear fix  For IE 6/7 (trigger hasLayout) */
/*---------------------------------------------------- */
.cf {
	zoom:1;
}

/* for DW ※本番反映時は非表示に*/
/*---------------------------------------------------- */
.cf {
	overflow:hidden;
}

/*======================================================================================================== */
/* 汎用 */
/*-------------------------------------------------------------------------------------------------------- */

/* フロート */
/*---------------------------------------------------- */
.floatL {float:left;}
.floatR {float:right;}

/* マージン・余白 */
/*---------------------------------------------------- */
/* マージン（上） */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

/* マージン（下） */
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}

/* マージン（左） */
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

/* マージン（右） */
.mr10 {margin-right:10px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}


/* テキスト揃え */
/*---------------------------------------------------- */
.txtC {text-align:center;}
.txtR {text-align:right;}
.txtL {text-align:left;}


/* フォントカラー */
/*---------------------------------------------------- */
.txtRed {color:#ea1d4d;}

/* フォントサイズ */
/*---------------------------------------------------- */
.font13 {font-size:13px;}

/*======================================================================================================== */
/* 全体設定 */
/*-------------------------------------------------------------------------------------------------------- */

html, body {
	padding:0;
	margin:0;
	height:100%;
	font-family:Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ W3', Meiryo, sans-serif;
	text-align:center;
}
a:link,
a:active,
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	opacity:0.6;
}

.linkOpcity a:hover {
	opacity:0.6;
}

/*h1,h2,h3,h4,p {
	background:url(../../company/img/space.png) repeat; 
}*/
/*文字が左寄せで表示される時使用（対Android）*/


/* 各ページ共通 */
/*---------------------------------------------------- */
.header {
	display:block;
	z-index:999;
	position:absolute;
}

.container {
	display:block;
	width:1200px;
	margin:0 auto;
	text-align:left;
}

/*---------------------------------------------------- */
/* トップ */
/*---------------------------------------------------- */


/* グローバルナビ */
/*---------------------------------------------------- */
#top .gNav {
	display:block;
	width:1200px;
	text-align:center;
}
#top .gNav li {
	display:block;
	width:135px;
	float:left;
	font-family: RodinPro-M;
}

#top .gNav li a {
	display:block;
	height:67px;
	line-height: 67px;
	color:#fff;
	text-decoration:none;
	background:rgba(255,255,255,0.1);
	opacity:1;
}
#top .gNav li a:hover {
	background:rgba(255,255,255,0.3);
}
#top .gNav li:last-child {
	width:137px;
}
#top .gNav li span {
	display:inline-block;
	margin-left:10px;
	font-size:11px;
}

#top .gNavProject li a,
#top .gNavProject li a:hover {
	background:rgba(255,255,255,0);
}


/* ドロップメニュー */
#top #dropmenu ul{
	display: none;
	height:auto;
}

#top #dropmenu li:hover ul {
	display: block;
	width:700px;
	margin-left:-280px;
	background:#00a7ac;
	padding:0 30px 30px;
	box-shadow:5px 5px 10px #333;
	margin-bottom:30px;
	margin-top:10px;
}
#top #dropmenu li:hover ul:after {
	border:10px solid transparent;
	border-bottom-color:#00a7ac;
	border-top-width:0;
	top:67px;
	left:728px;
	content:"";
	display:block;
	position:absolute;
	width:0;
}


#top #dropmenu li:hover ul li {
	display:block;
	float:left;
	width:350px;
	font-size:14px;
	height:40px;
	text-align:left;
}

#top #dropmenu li:hover ul li a:link {
	background:url(../img/arrow-gNavProject2.png) no-repeat left center;
	padding-left:20px;
	color:#fff;
}
#top #dropmenu li:hover ul li a:hover {
	text-decoration:underline;
	opacity:1;
}
#top #dropmenu li:hover ul li:nth-child(4) {
	background:none;
}

/* メイン */
/*---------------------------------------------------- */
.topMain {
	background:url(../img/top/img-bg.jpg) no-repeat;
	display:block;
	color:#fff;
	height:640px;
	line-height:1;
	z-index:1;
	position:relative;
	text-align:center;
}

.topMain h1 {
	display:block;
	position:relative;
	top:174px;
	font-size:46px;
	font-family: RodinPro-B;
	letter-spacing:0.3em;

}
.topMain p {
	display:block;
	position:relative;
	top:207px;
	font-size:16px;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0.2em;
}
.topMain .arrowScroll {
	display:block;
	position:relative;
	top:447px;
}

.topMain-inner {
	display:block;
	background:#ebebeb;
}
.topLeft {
	display:block;
	width:950px;
	background:#fff;
}

/* project */
/*---------------------------------------------------- */
.topProjectWrap ul {
	width:950px;
}
.topProjectWrap li {
	float:left;
	font-size:0;
}
.topProjectWrap a {
	display:block;
}
.topProjectWrap a span {
	display:none;
}
/*.topProject1 a:hover,*/
.topProject2 a:hover,
.topProject3 a:hover,
.topProject4 a:hover,
.topProject5 a:hover {
	opacity:1;
}
/*
.topProject1 a:link {
	display:block;
    width:475px;
	height:244px;
	width:317px;
	height:300px;
	background:url(../img/top/img-project1-1.png) no-repeat;
}
.topProject1 a:hover {
	background:url(../img/top/img-project1-2.png) no-repeat;
}
*/
.topProject2 a:link {
	display:block;
    width:475px;
	height:244px;
/*
	width:317px;
	height:300px;
*/
	background:url(../img/top/img-project2-1.png) no-repeat;
}
.topProject2 a:hover {
	background:url(../img/top/img-project2-2.png) no-repeat;
}
.topProject3 a:link {
	display:block;
    width:475px;
	height:244px;
/*
	width:316px;
	height:300px;
*/
	background:url(../img/top/img-project3-1.png) no-repeat;
}
.topProject3 a:hover {
	background:url(../img/top/img-project3-2.png) no-repeat;
}
.topProject4 a:link {
	display:block;
	width:475px;
	height:244px;
	background:url(../img/top/img-project4-1.png) no-repeat;
}
.topProject4 a:hover {
	background:url(../img/top/img-project4-2.png) no-repeat;
}
.topProject5 a:link {
	display:block;
	width:475px;
	height:244px;
	background:url(../img/top/img-project5-1.png) no-repeat;
}
.topProject5 a:hover {
	background:url(../img/top/img-project5-2.png) no-repeat;
}

/* ニュース */
/*---------------------------------------------------- */

.topNews {
	width:950px;
	text-align:left;
	background:#FFF;
}
.topNews .floatL {
	width:125px;
	margin:35px 45px 35px 35px;
}
.topNews .floatL p {
	font-size:13px;
	margin-bottom:20px;
}
.topNews dl {
	display:block;
	margin:35px 35px 35px 0;
	font-size:13px;
}

.topNews dt {
	display:block;
	float: left;
	clear: both;
	margin-right:20px;
	margin-bottom:10px;
	width:100px;
	color:#999;
	vertical-align:top;
	line-height:1.8;
}
.topNews dd {
	display:block;
	margin-left:120px;
	margin-bottom:20px;
	line-height:1.8;
}

.topNews dd .category {
	display:inline-block;
	margin-right:15px;
	background-color:#00a7ac;
	color:#fff;
	text-align:center;
	padding:0 20px;
}
.topNews dd .new {
	display:inline-block;
	color:red;
	border:1px solid red;
	margin-left:15px;
	padding:0 10px;
	line-height:1.3;
}

.topNews h1 {
	font-family: UDKakugoC70Pro-B;
	letter-spacing:0.2em;
	color:#333;
}

/* サイドコンテンツ */
/*---------------------------------------------------- */
.topSide {
	display:block;
	width:210px;
	float:right;
	margin:30px 20px 0 20px;
	background:#ebebeb;

}
.topSide img {
	font-size:0;
}
.topSideTitle {
	padding:10px;
	background:#999;
	font-family: RodinPro-B;
	font-size:12px;
	color:#fff;
}

/* 日付 */
.topDate {
	display:block;
	margin-bottom:30px;
	text-align:center;
	line-height:1;
	letter-spacing:0.2em;
	font-family: UDKakugoC70Pro-B;
	font-size:25px;
	color:#333;
}
.topDate .floatL {
	font-size:60px;
	letter-spacing:0em;
	margin-right:10px;
}

/* 朝刊 */
.morningNews {
	background:#FFF;
	margin-bottom:15px;
	padding:10px;
}
.morningNews .floatL img {
	width:60px;
}
.morningNews .floatR {
	width:120px;
	line-height:1.2;
	text-align:left;
}
.morningNews .floatR a {
	text-decoration:none;
}
.morningNews .floatR span {
	font-family: UDKakugoC70Pro-DB;
	font-size:30px;
	color:#00a7ac;
}
.morningNewsBtn {
	margin-top:5px;
	font-size:11px;
	text-align:left;
}
.morningNewsBtn a {
	display:block;
	background:url(../img/arrow-gNavProject2.png) no-repeat #00a7ac 100px center;
	color:#fff;
	padding:5px;
	text-decoration:none;
}

/* footer */
/*---------------------------------------------------- */
#top .footer {
	padding:50px 20px 20px;
	background-color:#00a7ac;
}
#top .footer ul {
	width:908px;
	font-size:0;
}
#top .footer li {
	float:left;
	margin:auto 25px 30px auto;
}
#top .footer li:nth-child(3),
#top .footer li:nth-child(6) {
	margin-right:0;
}

#top .footer li img {
	font-size:0;
}
/* address */
/*---------------------------------------------------- */
#top .address {
	margin:25px 35px;
	text-align:left;
}
#top .address img {
	float:left;
}
#top .address p {
	display:inline-block;
	margin-left:25px;
	font-style:normal;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0.1em;	
	font-size:11px;
	color:#666;
	line-height:22px;
}
#top .address span a {
	display:inline-block;
	margin-left:10px;
	font-family: RodinPro-M;
	letter-spacing:0em;
	color:#00a7ac;
}

/*---------------------------------------------------- */
/* 下層共通 */
/*---------------------------------------------------- */


/* グローバルナビ */
/*---------------------------------------------------- */
#under .gNav {
	display:block;
	width:1200px;
	text-align:center;
}
#under .gNav li {
	display:block;
	width:135px;
	float:left;
	display:block;
	font-family: RodinPro-M;
}
#under .gNav li a {
	display:block;
	height:67px;
	line-height: 67px;
	text-decoration:none;
	background:rgba(240,240,240,0.4);
	opacity:1;
}

#under .gNav li a:hover {
	background:rgba(240,240,240,0.8);

}
#under .gNav li:last-child {
	width:137px;
}

#under .gNav li span {
	display:inline-block;
	margin-left:10px;
	font-size:11px;
}

/* ドロップメニュー */
#under #dropmenu ul{
	display: none;
	height:auto;
}
#under #dropmenu li:hover ul{
	display: block;
	width:700px;
	margin-left:-280px;
	background:#00a7ac;
	padding:0 30px 30px;
	box-shadow:5px 5px 10px #333;
	margin-bottom:30px;
	margin-top:10px;
}
#under #dropmenu li:hover ul:after {
	border:10px solid transparent;
	border-bottom-color:#00a7ac;
	border-top-width:0;
	top:67px;
	left:728px;
	content:"";
	display:block;
	position:absolute;
	width:0;
}


#under #dropmenu li:hover ul li {
	display:block;
	float:left;
	width:350px;
	font-size:14px;
	height:40px;
	text-align:left;
}
#under #dropmenu li:hover ul li a {
	color:#fff
}
#under #dropmenu li:hover ul li a:link {
	background:url(../img/arrow-gNavProject2.png) no-repeat left center;
	padding-left:20px;

}
#under #dropmenu li:hover ul li a:hover {
	text-decoration:underline;
	opacity:1;
}
#under #dropmenu li:hover ul li:nth-child(4) {
	background:none;
}

/* メイン */
/*---------------------------------------------------- */
.main {
	padding-top:67px;
	z-index:1;
	position:relative;
	text-align:left;
}
.panNavi {
	padding-left:20px;
	height:40px;
	line-height:40px;
	font-size:11px;
}
.panNavi li {
	float:left;
	padding-right:10px;
}
.panNavi li:after {
	content: ">";
	padding-left:10px;
}
.panNavi li:last-child:after {
	content: "";
}
.panNavi li:first-child {
	background:url(../img/img-panNavi.png) center left no-repeat;
	padding-left:15px;
}

/* footer */
/*---------------------------------------------------- */

#under .footer .pageTop {
	text-align:center;
}
#under .footer {
	padding-top:30px;
	border-top:1px solid #e5e5e5;
}
#under .footer-inner {
	display:block;
	margin-top:30px;
	padding:30px 120px;
	background:#f5f5f5;
	font-family: RodinPro-M;	
}
#under .footer-inner nav {
	display:block;
	width:340px;
	min-height:80px;
	border-right:1px solid #e5e5e5;
}
#under .footer-inner nav li {
	display:block;
	float:left;
	margin-right:20px;
	padding-left:15px;
	background:url(../img/arrow-footer.png) left center no-repeat;
	font-size:13px;
	line-height:2.5;
}
#under .footerContactL {
	display:block;
	width:450px;
	float:left;
	font-size:11px;
}
#under .footerContactL li {
	float:left;
	margin-right:20px;
}
#under .footerContactL span {
	font-size:14px;
	font-weight:bold;
}
#under .footerContactL a {
	font-family: UDKakugoC70Pro-B;
	letter-spacing:0.1em;
	font-size:25px;
	color:#00a7ac;
	text-decoration:none;
}
#under .footerContactR {
	float:right;
	width:113px;
	font-size:0;
}

/* address */
/*---------------------------------------------------- */
#under .address {
	margin:25px 35px;
	text-align:center;
}

#under .address p {
	display:inline-block;
	margin-left:25px;
	font-style:normal;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0.1em;	
	font-size:11px;
	color:#666;
	line-height:22px;
}

/* PC-SP切り替え */
/*---------------------------------------------------- */
.switchPc {
	display:block;
	margin:30px auto;
	text-align:center;
}
#spLinkBlockInPc{
	display:none;
}

/* 枠 */
/*---------------------------------------------------- */
.contents960 {
	width:960px;
	margin:0 auto;
}
.contentsLineBox {
	padding:30px 20px;
	border:1px solid #ddd;
}

/* 見出し */
/*---------------------------------------------------- */

/* 見出し：青背景　*/
.main h1 {
/*
	padding-top:30px;
	height:150px;
*/
    height: 180px;
    line-height: 180px;
	background-color:#00a7ac;
	font-size:31px;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0.3em;
	color:#fff;
	text-align:center;
}
.main h1 span:before {
	display:block;
	border-top:2px solid #fff;
	width:50px;
	margin:20px auto;
	content:" "
}
.main h1 span {
	display:block;
	font-size:13px;
	font-family: RodinPro-M;
	letter-spacing:0em;
}

/* 見出し：下線有　*/
.employment h2,
.profile h2 {
	display:block;
	margin-bottom:50px;
	padding-top:30px;
	font-size:22px;
	font-family: RodinPro-DB;
	letter-spacing:0.3em;
	text-align:center;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.employment h2 span,
.profile h2 span {
	display: inline-block;
	padding-bottom:30px;
	border-bottom:2px solid #00a7ac;
}

/* 見出し：左青線　*/
.project .projectContents h3,
.profile h3,
.employment h3,
.recruit h3,
.privacy h2,
.contact h2 {
	margin:65px auto 35px;
	position: relative;
	text-align:left;
	font-family:RodinPro-DB;
}

.project .projectContents h3 span,
.profile h3 span,
.employment h3 span,
.recruit h3 span,
.privacy h2 span,
.contact h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 1em;
	padding: 0 10px;
	background-color: #fff;
	text-align: left;
}
.project .projectContents h3:before,
.profile h3:before,
.employment h3:before,
.recruit h3:before,
.privacy h2:before,
.contact h2:before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	min-width: 5em;
	height: 2px;
	background-color: #00a7ac;
}

/* テーブル */
/*---------------------------------------------------- */

.profile table,
.employment table,
.recruit table,
.news table {
	margin-bottom:75px;
}
.profile th,
.profile td,
.employment th,
.employment td,
.recruit th,
.recruit td,
.news th,
.news td {
	padding:35px 75px;
}
.profile th,
.employment th,
.recruit th,
.news th {
	background:#f6f6f6;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-family:RodinPro-DB;
	text-align:center;
	width:7em;
}
.profile td,
.employment td,
.recruit td,
.news td {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.profile td a,
.employment td a,
.recruit td a,
.news td a {
	display:inline-block;
	padding-right:20px;
	text-decoration:underline;
	background:url(../img/img-link.png) center right no-repeat;
}

/*---------------------------------------------------- */
/* PROJECT */
/*---------------------------------------------------- */

.project h2 {
	display:block;
	margin-bottom:35px;
	font-size:24px;
	font-family: RodinPro-M;
	text-align:center;
}
.project h2:before,
.project h2:after {
	content: "―";
	padding:20px;
}

.project .projectDescription,
.project .projectContents {
	display:block;
	width:800px;
	margin:45px auto;
}
.project .projectDescription {
	padding:40px 85px;
	background:#f5f5f5;
	color:#666666;
}
.project .projectDescription li {
	background:url(../img/project/img-check.png) center left no-repeat;
	padding-left:40px;
	font-size:17px;
	line-height:2;
}

.project .projectContents p {
	margin-bottom:45px;
	color:#666;
	line-height:2;
}
.project .projectContents .floatR {
	margin:auto auto 20px 20px;
}


/*---------------------------------------------------- */
/* 会社情報 */
/*---------------------------------------------------- */
.profile {
}
.profile .profileNav {
	display:block;
	margin:40px 0 45px;
	padding:10px 20px;
	background:#f6f6f6;
}

.profile .profileNav li {
	display:block;
	float:left;
	margin-right:15px;
	width:450px;
	background:#fff;
	box-sizing: border-box;
}

.profile .profileNav li:last-child {
	margin-right:0;
}
.profile .profileNav li a {
	display:block;
	padding:15px 0;
	font-size:13px;
	color:#00a7ac;
	border:1px solid #ddd;
	text-align:center;
	font-family: RodinPro-DB;
	text-decoration:none;
}

.profile .profileDescription {
	padding:40px 85px;
	background:#f5f5f5;
}


/* リスト */
.listDisc1 li {
	font-size:23px;
	line-height:2;
	font-family: RodinPro-M;
}
.listDisc1 li:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #00a7ac;
	position: relative;
	left: -15px;
	top: -3px;
}
.listDisc2 li {
	color:#666;
	line-height:2;
	margin-bottom:30px;
	margin-left:15px;
}
.listDisc2 li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #bbb;
	position: relative;
	left: -15px;
	top: -3px;
}


/*---------------------------------------------------- */
/* 採用情報 */
/*---------------------------------------------------- */

.recruit {
}

/* 情報有 */
/*---------------------------------------------------- */
.recruit article {
	display:block;
	margin-top:50px;
}

.recruit article .category {
	display:inline-block;
	margin-bottom:10px;
	padding:0 20px;
	background-color:#00a7ac;
	color:#fff;
}

.recruit article h1 {
	/* 打消し用 */
	border-bottom:2px solid #00a7ac;
	text-align:left;
	background:transparent;
	color:#333;
	padding-top:0;
	padding-bottom:30px;
	font-size:23px;
	font-family: RodinPro-DB;
	letter-spacing:0;
	height:initial;/* リセット */
	height:auto;/* ie対策 */
}
.recruit article h2 {
	margin:50px 0 15px;
	color:#00a7ac;
	font-size:20px;
	font-family: RodinPro-DB;
	letter-spacing:0;
	text-align: left;
}
.recruit article p.newDate {
	display:block;
	margin:10px 0 30px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}

.recruit article p {
	display:block;
	margin-bottom:30px;
}
.recruit article .newsPhoto {
	display:block;
	max-width:400px;
	float:right;
	margin-left:15px;
}
.recruit article .newsPhoto img {
	margin-bottom:10px;
}

.recruit article .newsPhoto p {
	margin-top:0;
	margin-bottom:15px;
	font-size:14px;
	color:#666;
}

.recruit article ul {
	margin:50px 0;
}
.recruit article ul.newsList li {
	color:#666;
	line-height:2;
	margin-left:15px;
}
.recruit article ul.newsList li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #bbb;
	position: relative;
	left: -15px;
	top: -3px;
}
/* 情報無 */
/*---------------------------------------------------- */
.recruit article h2.noinfo {
	margin:100px auto 170px;
	color:#666;
	font-size:22px;
	font-family: RodinPro-M;
	letter-spacing:0.2em;
	text-align: center;
}
/*---------------------------------------------------- */
/* 雇用制度 */
/*---------------------------------------------------- */
.employment h1 {
	margin-bottom:75px;
}
.employment p {
	display:block;
	margin-bottom:60px;
}
.employment table caption {
	text-align:right;
	color:#999;
	margin-bottom: 5px;
}

/*---------------------------------------------------- */
/* 個人情報保護方針 */
/*---------------------------------------------------- */

.privacy h1 {
	margin-bottom:75px;
}
.privacy h2 {/* 共通打消し */
	margin-top:50px;
	margin-bottom:20px;
}
.privacy p {
	color:#666;
	line-height:2;
}
.privacy .contentsLineBox {
	margin:30px 0 95px;
	font-size:13px;
}
.privacy .contentsLineBox span {
	font-family: RodinPro-B;
	color:#333;
}
.privacy .contentsLineBox a {
	text-decoration:underline;
	color:#00a7ac;
}


/*---------------------------------------------------- */
/* お問い合わせ */
/*---------------------------------------------------- */
.contact .contents960 {
	margin-top:50px;
}
.contact h2 {
	display:block;
}
.contact p {
	color:#666;
}


/* お電話でのお問い合わせ */
/*---------------------------------------------------- */
.contactTel {
	display:block;
	margin-top:10px;
	font-family: RodinPro-DB;
	background:#f6f6f6;
}
.contactTel .floatL,
.contactTel .floatR {
	display:block;
	margin:15px auto;
	width:49%;
	text-align:center;
}
.contactTel .floatL {
	border-right:1px solid #ddd;
}
.contactTel a {
	font-size:30px;
	font-family: UDKakugoC70Pro-B;
	letter-spacing:0.1em;
	color:#00a7ac;
	text-decoration:none;
}
.contactTel span {
	font-size:13px;
	font-family: RodinPro-M;
}

/* メールフォームからのお問い合わせ */
/*---------------------------------------------------- */

/* STEP */
.contact .contents960 ul {
	margin:40px auto 40px 120px;
}
.contact .contents960 li {
	display:block;
	float:left;
	margin-right:50px;
	padding-right:70px;
	font-family: RodinPro-DB;
	background:url(../img/contact/arrow-gray.png) center right no-repeat;	
}

.contact .contents960 li.current span {
	display: inline-block;
	border-bottom:2px solid #00a7ac;
	padding-bottom:10px;
}
.contact .contents960 li:last-child {
	padding-right:0;
	background:none;
}

/* エラー文 */
.contactErrorBox {
	display:block;
	margin-bottom:30px;
	padding:20px;
	border:1px solid #ea1d4d;
	color:#ea1d4d;
	font-size:15px;
	font-weight:bold;
}
.contactErrorBox .floatL {
	display:block;
	width:80px;
}
.contactErrorBox span {
	font-size:12px;
}

/* フォーム本体 ---------------------------------------------------- */

.contact-form table {
	width:100%;
	border-top:1px solid #ddd;
	border-collapse:separate;
	border-spacing: 0;
}
.contact-form tr {

	border-bottom:1px solid #ddd;
}
.contact-form th {
	padding:40px 0;
	vertical-align:middle;
	text-align:left;

}
.contact-form td {
	width:75%;
	padding:15px;
}
.contact-form th,
.contact-form td {
	border-bottom:1px solid #ddd;
}


/* 入力必須項目 */
.contact-form th .required {
	display:inline-block;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #ea1d4d;/* 円の色 */
	color:#fff;
	text-align:center;
}


/* 「必須」テキスト */
.contact-form th span {
	margin-left:5px;
	color:#ea1d4d;
}

/* 連絡先下部テキスト */
.contact-form th p {
	margin-top:20px;
	font-size:85%;
	font-weight:normal;
}

/* エラーメッセージテキスト */
.contact-form td span {
	color:#ea1d4d;
	font-size:12px;
	font-weight:bold;
}

/* テキストエリア等 */
.contact-form td.contact-data input {
	width:90%;
	padding:5px;
}
.contact-form td.contact-data2 input {
	width:60%;
	padding:5px;
	margin:auto auto 10px 10px;
}
.contact-form td textarea {
	width:100%;
	padding:5px;
	
}

/* エラー枠 */
.contact-form input.contact-error-form,
.contact-form textarea.contact-error-form {
	background-color:#FDF4F7;
	border:#ea1d4d 1px solid;	
}
.contact-form .error {
	background-color:#FDF4F7;
	border:#ea1d4d 1px solid;
}

/* 送信完了 */
.contactComplete {
	display:block;
	margin:100px auto;
	font-size:22px;
	line-height:2;
	font-family: RodinPro-M;
	letter-spacing:0.2em;
	color:#666;
	text-align:center;
}

/* ボタン */
/*---------------------------------------------------- */
/* 次へ */
.contactBtnNext {
	display:block;
	margin:60px auto 95px;
	width:365px;
	height:65px;
	background:#999;
	text-align:center;
}
.contactBtnNext a {
	display:block;
	margin:0 auto;
	width:320px;
	height:65px;
	background:url(../img/contact/arrow-white.png) center right no-repeat #999;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	line-height:65px;
}

.contactBtnNext input {
	display:block;
	margin:0 auto;
	width:320px;
	height:65px;
	background:url(../img/contact/arrow-white.png) center right no-repeat #999;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	line-height:65px;
	border:none;
}
.contactBtnNext input:focus {
	outline: 0;
}


/* 次へ（緑） */
.contactBtnNextG {
	display:block;
	margin:60px auto 95px;
	width:365px;
	height:65px;
	background:#00a7ac;
	text-align:center;
}
.contactBtnNextG a {
	display:block;
	margin:0 auto;
	width:320px;
	height:65px;
	background:url(../img/contact/arrow-white.png) center right no-repeat #00a7ac;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	line-height:65px;
}


/* 次へ（フォーム） */
.contactBtnNextF {
	display:block;
	margin:60px auto 95px;
	width:365px;
	height:65px;
	background:#00a7ac;
	color:#fff;
	text-align:center;
}
.contactBtnNextF input {
	display:block;
	margin:0 auto;
	width:320px;
	height:65px;
	background:url(../img/contact/arrow-white.png) center right no-repeat #00a7ac;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	line-height:65px;
	border:none;
}
.contactBtnNext input:focus {
	outline: 0;
}


/* 戻る */
.contactBtnBack {
	display:block;
	margin:60px auto 95px;
	width:365px;
	height:65px;
	background:#999;
	text-align:center;
}
.contactBtnBack a {
	display:block;
	margin:0 auto;
	width:320px;
	height:65px;
	background:url(../img/contact/arrow-white-back.png) center left no-repeat #999;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	line-height:65px;
}


/*---------------------------------------------------- */
/* 仕事内容・特長 */
/*---------------------------------------------------- */
.work {
	margin-bottom:90px;
}
.workMain {
	display:block;
	width:1200px;
	height:537px;
	background:url(../img/work/img-bg.jpg) no-repeat;
	color:#fff;
}
.work h1 {
	display:block;
	padding-top:85px;
	background:transparent;
	font-size:60px;
}
.work h1 span {
	margin-top:35px;
	font-size:22px;
}
.work h1 span:before {
	display:none;
}
.work h1 span:after {
	display:block;
	border-top:2px solid #fff;
	width:50px;
	margin:35px auto;
	content:""
}
.workMain p {
	display:block;
	margin:80px auto 0;
	width:790px;
	font-size:13px;
	line-height:2;
}


.work .workNav {
	display:block;
	margin:40px 0 45px;
	padding:10px 20px;
	background:#f6f6f6;
}

.work .workNav li {
	display:block;
	float:left;
	margin-right:8px;
	width:222px;
	background:#fff;	
}

.work .workNav li:last-child {
	margin-right:0;
}
.work .workNav li a {
	display:block;
	padding:15px 0;
	font-size:13px;
	color:#00a7ac;
	border:1px solid #ddd;
	text-align:center;
	font-family: RodinPro-DB;
	text-decoration:none;
}
.workContentsR p,
.workContentsL p {
	line-height:2;
}
.workContentsR {
	display:block;
	padding-right:115px;
}
.workContentsR img {
	float:left;
	margin-right:65px;
}
.workContentsL {
	display:block;
	padding-left:115px;
	background:#f6f6f6;
}
.workContentsL img {
	float:right;
	margin-left:65px;
}
.work h2 {
	display:inline-block;
	margin-bottom:30px;
	margin-top:45px;
	padding-left:60px;
	min-height:47px;
	color:#00a7ac;
	line-height:47px;
}
.work h2.icon-h2-1 {
	background:url(../img/work/icon-h2-work1.png) left center no-repeat;
}
.work h2.icon-h2-2 {
	background:url(../img/work/icon-h2-work2.png) left center no-repeat;
}
.work h2.icon-h2-3 {
	background:url(../img/work/icon-h2-work3.png) left center no-repeat;
}
.work h2.icon-h2-4 {
	background:url(../img/work/icon-h2-work4.png) left center no-repeat;
}

.work .btn a {
	display:inline-block;
	margin:20px 0 0;
	padding:15px 30px;
	font-family: RodinPro-DB;
	color:#fff;
	background:#00a7ac;
	text-decoration:none;
}


/*---------------------------------------------------- */
/* 事例紹介 */
/*---------------------------------------------------- */
.portfolio {
}
.portfolioTop {
	display:block;
	margin:50px auto 60px;
	width:900px;
}
.portfolioTop h1 {
	/* 打消し用 */
	background:transparent;
	color:#00a7ac;
	padding-top:0;
	margin-bottom:30px;
	height:initial;/* リセット */
	height:auto;/* ie対策 */
	font-size:23px;
	font-family: RodinPro-DB;
	letter-spacing:0;
}
.portfolioTop ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.portfolioTop li {
	display: inline-block;
	width:300px;
	padding:20px;
	background:#f6f6f6;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	box-sizing: border-box;
}
.portfolioTop li:last-child {
	border-right:1px solid #ddd;
}

.portfolioTop h2 {
	margin-bottom:20px;
	text-align:center;
}
.portfolioTop h2 span {
	display:inline-block;
	padding-bottom:3px;
	font-size:14px;
	color:#00a7ac;
	border-bottom:1px solid #00a7ac;
	text-align:center;
	font-family: RodinPro-DB;
}
.portfolioTop h3 {
	margin-bottom:25px;
	font-family: RodinPro-B;
	font-size:18px;
	text-align:center;
}
.portfolioTop p {
	font-size:13px;
	color:#666;
	line-height:2;
}

.portfolioMain ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-flow: wrap;
	margin-left:15px;
}
.portfolioMain li {
	display: inline-block;
	width:285px;
	padding-right:10px;
	margin-bottom:35px;
	font-size:11px;
}

.portfolioMain li:nth-child(4),
.portfolioMain li:nth-child(8),
.portfolioMain li:nth-child(12) {
	padding-right:0;
}

.portfolioMain img {
	display:inline-block;
	margin-bottom:15px;
	text-align:center;
}
.portfolioMain li span {
	display:block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;

}

.portfolioMain h1 {
	display:block;
	/* 打消し用 */
	background:transparent;
	color:#00a7ac;
	padding-top:0;
	margin-bottom:10px;
	height:initial;/* リセット */
	height:auto;/* ie対策 */
	line-height:1.5;
	font-size:14px;
	font-family: RodinPro-DB;
	letter-spacing:0;
	text-align:left;
}

.portfolioNav {
	margin-bottom:30px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.portfolioNav ul {
	width:200px;
	margin:0 auto;
}
.portfolioNav li {
	float:left;
	margin-right:30px;
}
.portfolioNav li:last-child {
	margin-right:0;
}

.portfolioNav li a {
	display: inline-block;
	padding-top:30px;
	padding-bottom:30px;
	width:85px;
	text-align:center;
	text-decoration:none;
	font-family: RodinPro-DB;

}

.ui-state-active/*,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover*/ {
	border-bottom:2px solid #00a7ac;
}
/*.ui-icon-background,
.ui-state-active .ui-icon-background {

}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {

}*/


/* ポップアップ設定 */
#moreWrap ul{
	display: none;
	position:relative;
	height:auto;
}

#moreWrap li:hover ul{
	position:absolute;
	display:block;
	width:1200px;
	background:#333;
	color:#fff;
	left:0;
	margin-top:10px;
	padding:55px 120px;
	box-sizing:border-box;

}
#moreWrap li:hover ul:after {
	border:10px solid transparent;
	border-bottom-color:#333;
	border-top-width:0;
	top:-10px;
	content:"";
	display:block;
	position:absolute;
	width:0;
}

#moreWrap li:nth-child(1):hover ul:after,
#moreWrap li:nth-child(5):hover ul:after,
#moreWrap li:nth-child(9):hover ul:after,
#moreWrap li:nth-child(13):hover ul:after {
	left:130px;
}
#moreWrap li:nth-child(2):hover ul:after,
#moreWrap li:nth-child(6):hover ul:after,
#moreWrap li:nth-child(10):hover ul:after {
	left:430px;
}
#moreWrap li:nth-child(3):hover ul:after,
#moreWrap li:nth-child(7):hover ul:after,
#moreWrap li:nth-child(11):hover ul:after {
	left:730px;
}
#moreWrap li:nth-child(4):hover ul:after,
#moreWrap li:nth-child(8):hover ul:after,
#moreWrap li:nth-child(12):hover ul:after {
	left:1030px;
}

#moreWrap li:hover li {
	float:left;
	font-size:12px;
}

#moreWrap li:hover li:nth-child(1) {
	width:400px;
}
#moreWrap li:hover li:nth-child(2) {
	width:500px;
	margin-left:30px;
}

#moreWrap li:hover li h1 {
	color:#fff;
	font-size:17px;
}
#moreWrap li:hover li a {
	color:#00a7ac;
}
#moreWrap li:hover li p {
	width:auto;
	margin-bottom:20px;
}
#moreWrap li:hover li p span {
	display:block;
	margin-top:20px;
	font-size:10px;
	color:#ccc;
}


/*---------------------------------------------------- */
/* お知らせ */
/*---------------------------------------------------- */
.news {
}


/* 一覧 */
/*---------------------------------------------------- */
.news dl {
	display:block;
	margin:50px 0;
}
.news dt {
	display:block;
	float: left;
	clear: both;
	margin-right:20px;
	padding:20px 0;
	width:10em;
	color:#999;
	vertical-align:top;
	line-height:1.8;
}
.news dd {
	display:block;
	padding:20px 0;
	line-height:1.8;
	border-bottom:1px solid #ddd;
}


.news dd .category {
	display:inline-block;
	margin-right:15px;
	background-color:#00a7ac;
	color:#fff;
	text-align:center;
	padding:0 20px;
}
.news dd .new {
	display:inline-block;
	color:red;
	border:1px solid red;
	margin-left:15px;
	padding:0 10px;
	line-height:1.3;
}

/* 記事詳細 */
/*---------------------------------------------------- */

.news article {
	display:block;
	margin-top:50px;
}

.news article .category {
	display:inline-block;
	margin-bottom:10px;
	padding:0 20px;
	background-color:#00a7ac;
	color:#fff;
}

.news article h1 {
	/* 打消し用 */
	border-bottom:2px solid #00a7ac;
	text-align:left;
	background:transparent;
	color:#333;
	padding-top:0;
	padding-bottom:30px;
	font-size:23px;
	font-family: RodinPro-DB;
	letter-spacing:0;
	height:initial;/* リセット */
	height:auto;/* ie対策 */
}
.news article h2 {
	margin:50px 0 15px;
	color:#00a7ac;
	font-size:20px;
	font-family: RodinPro-DB;
	letter-spacing:0;
}

.news article p.newDate {
	display:block;
	margin:10px 0 30px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}

.news article p {
	display:block;
	margin-bottom:30px;
}
.news article .newsPhoto {
	display:block;
	max-width:400px;
	float:right;
	margin-left:15px;
}
.news article .newsPhoto img {
	margin-bottom:10px;
}

.news article .newsPhoto p {
	margin-top:0;
	margin-bottom:15px;
	font-size:14px;
	color:#666;
}

.news article ul {
	margin:50px 0;
}
.news article ul.newsList li {
	color:#666;
	line-height:2;
	margin-left:15px;
}
.news article ul.newsList li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #bbb;
	position: relative;
	left: -15px;
	top: -3px;
}z