@charset "utf-8";
/*=============================================================*/
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

/* Font-size Adjustment
------------------------------------------------------------
10px … 77%
11px … 85%
12px … 93%
13px … 100%
14px … 108%
15px … 116%
16px … 123.1%
17px … 131%
18px … 138.5%
19px … 146.5%
20px … 153.9%
21px … 161.6%
22px … 167%
23px … 174%
24px … 182%
25px … 189%
26px … 197%
===============================================================*/


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

/* フルードグリッド計算式 
------------------------------------------------------------
求める％値 ＝ 変換する値 ÷ 変換する値の親要素の幅 × 100
------------------------------------------------------------
*/

/* マージン */
.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40 {	margin-top: 40px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}

/* 余白 */
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}

.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}


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

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


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

/* 区切線 */
hr.simpleLine{
	border-top: 1px solid #e5e5e5;
}


/* 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;
}

/*===============================================================
	共通項目
===============================================================*/

body {
	color : #333;
	font-family: 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', MS PGothic, sans-serif;
	background: transparent;
	-webkit-text-size-adjust: 100%;
}
strong {
	font-weight: bold;
}

/*img {
  zoom: 0.5;

}*/

img{
max-width: 100%;
height: auto;

}

/* リンク
---------------------------------------------------------------*/
a {
	text-decoration: none;
}
a:link {
	/*color: #00F;*/
	color: #343434;
}
a:visited {
	/*color: #1892df;*/
	color: #343434;
}
a:hover {
	text-decoration: underline;
	/*color: #207291;*/
}

/* フォントサイズ
---------------------------------------------------------------*/
.gnav { font-size: 153.9%; }
h1 { font-size: 153.9%;/* 20px */}
h2 { font-size: 138.5%;/* 18px */}
h3 { font-size: 108%;  /* 14px */}
h4 { font-size: 100%;  /* 13px */}
h5 { font-size: 93%;   /* 12px */}
h6 { font-size: 85%;   /* 11px */}
p {	font-size: 116%;    /* 15px */}




/* ハンバーガーメニュー（右上のメニュー） */
/*---------------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

#overlay {
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 100;
	background:rgba(0,167,174,0.9);
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
}

@media screen and (min-width: 641px) {
#overlay ul {
	display:block;
	margin:0 3.125% 17px;
}
#overlay li {
	display:block;
	color:#fff;
	font-family: RodinPro-DB;
	font-size:123%;
	border-bottom:1px solid rgba(255,255,255,0.7);
}
#overlay li a.project {
	background:url(../img/img-header-downArrow.png) right 25px no-repeat;
	background-size:30px 16px;
}
#overlay li a.project2 {
	background:url(../img/img-header-upArrow.png) right 25px no-repeat;
	background-size:30px 16px;
}
#overlay li a {
	display:block;
	padding:20px 0;
	color:#fff;
	text-decoration:none;
}
#overlay li li {
	border-top:1px dotted rgba(255,255,255,0.7);
	border-bottom:none;
	font-family: RodinPro-M;
	font-size:100%;
}
#overlay .contact {
	display:block;
	margin-bottom:20px;
}
#overlay .close {
	display:block;
	margin-bottom:15px;
}
#acMenu li ul {
    display:none;
	margin:0;
    }
#overlay img {
	width:414px;
}
#close-b img {
	width:110px;
}
}
@media screen and (max-width: 640px) {
#overlay ul {
	display:block;
	margin:0 10px 17px;
}
#overlay li {
	display:block;
	color:#fff;
	font-family: RodinPro-DB;
	font-size:85%;
	border-bottom:1px solid rgba(255,255,255,0.7);
}
#overlay li a.project {
	background:url(../img/img-header-downArrow.png) right 25px no-repeat;
	background-size:15px 8px;
}
#overlay li a.project2 {
	background:url(../img/img-header-upArrow.png) right 25px no-repeat;
	background-size:15px 8px;
}
#overlay li a {
	display:block;
	padding:20px 0;
	color:#fff;
	text-decoration:none;
}
#overlay li li {
	border-top:1px dotted rgba(255,255,255,0.7);
	border-bottom:none;
	font-family: RodinPro-M;
	font-size:100%;
}
#overlay .contact {
	display:block;
	margin-bottom:20px;
}
#overlay .close {
	display:block;
	margin-bottom:15px;
}
#acMenu li ul {
    display:none;
	margin:0;
    }
#overlay img {
	width:207px;
}
#close-b img {
	width:55px;
}
}

/* header
---------------------------------------------------------------*/
.header {
	position:relative;
	width:100%;
	display:block;
	box-shadow:0 0 10px 0 #333;
	font-size:0;
	z-index:1;
}
.header .floatL,
.header .floatR {
	width:50%;
}
/*
.header h1 img {
	width:160px;
}
#btn img,
#close img {
	width:47.5px;
	float:right;
}*/
@media screen and (min-width: 641px) {
.header h1 img {
	width:320px;
}
#btn img,
#close img {
	width:95px;
	float:right;
}
}
@media screen and (max-width: 640px) {
.header h1 img {
	width:160px;
}
#btn img,
#close img {
	width:47.5px;
	float:right;
}
}

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

.footer {
	padding:28px 0;
	background:#00a7ac;
	margin-top: 30px;
}
.footer li {
	display:block;
	float:left;
	margin-left:3.21875%;
	margin-bottom:13px;
	width:45.15625%;
	font-family: RodinPro-DB;
}

@media screen and (min-width: 641px) {
.footer li {
	height:84px;
	line-height:84px;
	font-size:123.1%;
	background:url(../img/img-menuArrow.png) right no-repeat #fff;
	background-size:36px 33px;
}
}
@media screen and (max-width: 640px) {
.footer li {
	height:42px;
	line-height:42px;
	background:url(../img/img-menuArrow.png) right no-repeat #fff;
	background-size:18px 16.5px;
}
}
.footer li a {
	color:#333;
}
.footer li:nth-child(1) a {
	background:url(../img/img-menuIcon1.png) left no-repeat;
	height:inherit;
	background-size:contain;
	padding-left:30px;
	margin-left:10px;

}
.footer li:nth-child(2) a {
	background:url(../img/img-menuIcon2.png) left no-repeat;
	height:inherit;
	background-size:contain;
	padding-left:30px;
	margin-left:10px;
}
.footer li:nth-child(3) a {
	background:url(../img/img-menuIcon3.png) left no-repeat;
	height:inherit;
	background-size:contain;
	padding-left:30px;
	margin-left:10px;
}
.footer li:nth-child(4) a {
	background:url(../img/img-menuIcon4.png) left no-repeat;
	height:inherit;
	background-size:contain;
	padding-left:30px;
	margin-left:10px;
}
.footer li:nth-child(5) a {
	background:url(../img/img-menuIcon5.png) left no-repeat;
	height:inherit;
	background-size:contain;
	padding-left:30px;
	margin-left:10px;
}
.footer li:nth-child(6) a {
	background:url(../img/img-menuIcon6.png) left no-repeat;
	height:inherit;
	background-size:contain;
	padding-left:30px;
	margin-left:10px;
}

.pageTop {
	display:block;
	margin:35px 0;
	text-align:center;
}
@media screen and (min-width: 641px) {
.pageTop img {
	width:47px;
}
}
@media screen and (max-width: 640px) {
.pageTop img {
	width:23.5px;
}
}


/* address
---------------------------------------------------------------*/
address {
	text-align: center;
}
address section {
	padding:20px 0;
}
.addressContact {
	background:#f5f5f5;
}
.addressContact h1 {
	font-family:UDKakugoC70Pro-B;
	letter-spacing:0.2em;
	color:#343434;
	text-align:center;
}
.addressContact h1 span {
	display:block;
	font-size: 67.14801444043322%;
	font-family:RodinPro-M;
	letter-spacing:0em;
}
.addressContact ul {
	margin-top:10px;
	margin-bottom:10px;
}
.addressContact li {
	float:left;
	display: block;
	width:45.15625%;
	margin-left:3.1%;
}
.addressContact li span {
	font-weight:bold;
	margin-right: 5px;
}
.addressContact li a {
	display: block;
	font-family: UDKakugoC70Pro-B;
	letter-spacing:0.1em;
	font-size:153.9%;
	color:#00a7ac;
	text-decoration:none;
	margin-top: 5px;
}
.addressContact a {
	margin-top: 10px;
	display: block;
}
@media screen and (min-width: 641px) {
.addressContact img {
	width:380px;
}
}
@media screen and (max-width: 640px) {
.addressContact img {
	width:190px;
}
}
.addressInner p {
	font-style:normal;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0em;	
	font-size:85%;
	color:#666;
	line-height:22px;
}
.addressInner a {
	font-family:nomal;
	letter-spacing:0em;
	color:#00a7ac;
}
@media screen and (min-width: 641px) {
.addressInner img {
	width:266px;
}
}
@media screen and (max-width: 640px) {
.addressInner img {
	width:133px;
}
}

/* PC-SP切り替え */
/*---------------------------------------------------- */
.switchPc {
	display:block;
	text-align:center;
}
@media screen and (min-width: 641px) {
.switchPc img {
	width:498px;
}
}
@media screen and (max-width: 640px) {
.switchPc img{
	width:249px;
}
}

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

/* 見出し：青背景　*/
.main h1 {
/*
	padding-top:22px;
	height:73px;
*/
    height: 95px;
    line-height: 95px;
	background-color:#00a7ac;
	font-size:138.5%;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0.2em;
	color:#fff;
	text-align:center;
}
/*
.main h1 span:before {
	display:block;
	border-top:2px solid #fff;
	width:7.8125%;
	margin:10px auto;
	content:" "
}
.main h1 span {
	display:block;
	font-size:55.23066926575698%;
	font-family: RodinPro-M;
	letter-spacing:0.1em;
}
*/


/* 見出し：下線有　*/
.employment h2,
.profile h2 {
	display:block;
	/*margin-bottom:30px;*/
	padding-top:11px;
	font-size:108%;
	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:11px;
	border-bottom:2px solid #00a7ac;
}
/* 見出し：左青線　*/
.project .projectContents h3,
.profile h3,
.employment h3,
.recruit h3,
.privacy h2,
.contact h2 {
	margin:25px 3.125% 20px;
	position:relative;
	text-align:left;
	font-family:RodinPro-DB;
	font-size:108%;
	width: 100%;
}

.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;
	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: 40%;
	z-index: 1;
	content: '';
	display: block;
	width: 10px;
	height: 3px;
	background-color: #00a7ac;
}




/* テーブル */
/*---------------------------------------------------- */
.profile table,
.employment table,
.recruit table,
.news table {
	margin-bottom:40px;
	width:100%;
}
.profile th,
.profile td,
.employment th,
.employment td,
.recruit th,
.recruit td,
.news th,
.news td {
	padding: 20px 1.5625%;
}
.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:23.4375%;
	vertical-align: middle;
}
.profile td,
.employment td,
.recruit td,
.news td {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align: middle;
}
.profile td a,
.employment td a,
.recruit td a,
.news td a {
	display: block;
	text-decoration:underline;
}
.profile td a:after,
.employment td a:after,
.recruit td a:after,
.news td a:after {
	margin:0 0 0 1.5625%;
	display:inline-block;
    vertical-align:middle;
    content:" ";
    width:19px;
    height:15px;
	background:url(../img/img-link.png) center left no-repeat;
	background-size:80%;
}




/* main */
/*---------------------------------------------------- */
@media screen and (min-width: 641px) {
.topMain {
	background:url(../img/top/img-bg.jpg) left center no-repeat #fff;
	background-size: 100% auto;
	width:100%;
	min-height: 450px;
	color:#fff;
	position:relative;
	text-align:center;
	line-height:1;
	padding-bottom:15px;
}

.topMain h1 {
	display:block;
	padding-top:55px;
	font-size:230%;
	font-family: RodinPro-B;
	letter-spacing:0.3em;
	line-height:130%;
	text-align: center;
}

.topMain p {
	display:block;
	margin-top:20px;
	left:0;
	right:0;
	font-size:100%;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0.1em;
}
}
@media screen and (max-width: 640px) {
.topMain {
	height: 0;
	 /*表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top:77.8125%;
	background:url(../img/top/img-bg.jpg) 0 0 no-repeat;
	background-size:contain;
	color:#fff;
	width:100%;
	text-align:center;
}
.topMain h1 {
	display:block;
	position:absolute;
	top:80px;
	left:0;
	right:0;
	font-size:197%;
	font-family: RodinPro-B;
	letter-spacing:0.3em;
	line-height:130%;
	text-align: center;
}

.topMain p {
	display:block;
	position:absolute;
	top:160px;
	left:0;
	right:0;
	font-size:77%;
	font-family: UDKakugoC70Pro-DB;
	letter-spacing:0.1em;
}
}



/* project */
/*---------------------------------------------------- */
.topProjectWrap ul {
	width:100%;
}
.topProjectWrap li {
	float:left;
	font-size:0;
	width:50%;
}
/*
.topProjectWrap li:last-child {
	width: 100%;
}
*/
.topProjectWrap li img {
	width: 100%;
}

.topProjectWrap a {
	display:block;
}


/* news */
/*---------------------------------------------------- */
.topNews {
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	background:#FFF;
}
.topNews h1 {
	font-family:UDKakugoC70Pro-B;
	letter-spacing:0.2em;
	color:#343434;
	text-align:center;
}
.topNews h1 span {
	display:block;
	font-size: 67.14801444043322%;
	font-family:RodinPro-M;
	letter-spacing:0em;
}
.topNews dl {
	display:block;
	text-align:left;
	margin-top:20px;
	border-bottom: 1px solid #dcdcdc;
}
.topNews dt {
	display:block;
	clear: both;
	padding:3.90625% 3.125% 1.5625%;
	color:#999;
	vertical-align:top;
	line-height:1.8;
	border-top: 1px solid #dcdcdc;
}
.topNews dt .category {
	display:inline-block;
	margin-left:1.5625%;
	background-color:#00a7ac;
	color:#fff;
	text-align:center;
	padding:0 3.125%;
}
.topNews dt .new {
	display:inline-block;
	color:red;
	border:1px solid red;
	margin-left:1.5625%;
	padding:0.625% 1.5625%;
	line-height:1.3;
}
.topNews dd {
	margin-bottom:10px;
	line-height:1.8;
	padding:0 3.125%;
}
.topNews a img {
	margin-top:40px;
	width:70%;
	max-width:426px;
}


/*---------------------------------------------------- */
/* 会社概要 */
/*---------------------------------------------------- */
.profile {
}
.profile .profileDescription {
	padding:5px 0;
	background:#f5f5f5;
}
/* リスト */
.listDisc1 li {
	font-size:108%;
	line-height:1.5;
	font-family: RodinPro-M;
	margin: 10px 6.25%;
}
.listDisc1 li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #00a7ac;
	position: relative;
	left: -3.125%;
	top: -3px;
}
.listDisc2 li {
	color:#666;
	line-height:2;
	margin: 10px 6.25%;
}
.listDisc2 li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #bbb;
	position: relative;
	left: -3.125%;
	top: -1px;
}

/*---------------------------------------------------- */
/* 仕事内容・特長 */
/*---------------------------------------------------- */
.work {
	margin-bottom:55px;
	width:100%;
}
@media screen and (min-width: 481px){
.work .workMain {
	background:url(../img/work/img-bg.jpg) repeat-y #00a7ac;
	background-size: 100% auto;
	width:100%;
	color:#fff;
	position:relative;
	text-align:center;
	line-height:1;
	padding-bottom:15px;
}
.work h1 {
	display:block;
	padding-top:40px;
	font-size:197%;
	font-family: RodinPro-B;
	letter-spacing:0.3em;
	line-height:130%;
	text-align: center;
	background:transparent;
}
.work h1 span {
	margin-top:5px;
	font-size:50%;
}
.work h1 span:before {
	display:none;
}
.work h1 span:after {
	display:block;
	border-top:2px solid #fff;
	width:7.8125%;
	margin:5px auto;
	content:""
}
.workMain p {
	display:block;
	margin:20px 3.125%;
	font-family: RodinPro-M;
	font-size:85%;
	line-height:1.8;
}
}

@media screen and (max-width: 480px) {
.work .workMain {
	height: 0;
	 /*表示画像の高さ ÷ 表示画像の幅 × 100*/ 
	padding-top:94.84375%;
	background:url(../img/work/img-bg.jpg) 0 0 no-repeat;
	background-size:contain;
	color:#fff;
	width:100%;
	text-align:center;
}
.work h1 {
	display:block;
	position:absolute;
	top:55px;
	left:0;
	right:0;
	font-size:197%;
	font-family: RodinPro-B;
	letter-spacing:0.3em;
	line-height:130%;
	text-align: center;
	background:transparent;
}
.work h1 span:before {
	display:none;
}
.work h1 span:after {
	display:block;
	border-top:2px solid #fff;
	width:7.8125%;
	margin:5px auto;
	content:""
}
.workMain p {
	display:block;
	position:absolute;
	top:150px;
	margin:20px 3.125%;
	font-family: RodinPro-M;
	font-size:85%;
	line-height:2;
	text-align: left;
}
}

.work .workNav {
	display:block;
	margin:0;
	padding:10px 0 10px 3.90625%;
	background:#f6f6f6;
}
.work .workNav ul {
	width: 100%;
	display: block;
}
.work .workNav li {
	float:left;
	display:block;
	width:21.71875%;
	font-size:0;
	text-align:center;
	margin-right:2.6250000000000004%;
}
.work .workNav li img {
	width:100%;
}
.workContents {
	padding:0;
	background:#fff;
	text-align: center;
}
.work h2 {
	font-family: RodinPro-B;
	margin-top:55px;
	padding-left:0;
	color:#00a7ac;
	line-height:47px;
}
.work h2.icon-h2-1:before,
.work h2.icon-h2-2:before,
.work h2.icon-h2-3:before,
.work h2.icon-h2-4:before {
	margin:0;
    display:inline-block;
    vertical-align:middle;
    content:" ";
}
.work h2.icon-h2-1:before {
    width:47px;
    height:46px;
    background:url(../img/work/icon-h2-work1.png) left center no-repeat;    
    background-size:80%;
}
.work h2.icon-h2-2:before {
    width:47px;
    height:47px;
    background:url(../img/work/icon-h2-work2.png) left center no-repeat;    
    background-size:80%;
}
.work h2.icon-h2-3:before {
	width:48px;
    height:42px;
	background:url(../img/work/icon-h2-work3.png) left center no-repeat;
	background-size:80%;
}
.work h2.icon-h2-4:before {
	width:52px;
    height:40px;
    background:url(../img/work/icon-h2-work4.png) left center no-repeat;
    background-size:80%;
}
.work .workContents p {
	text-align:left;
	margin:10px 3.125%;
	line-height:1.5;
}
.work .workContents img {
	margin-top:20px;
	width: 100%;
}
.work .btn img {
	width: 80%;
	max-width:497px;
	margin-top:10px;
}

/*---------------------------------------------------- */
/* 事例紹介 */
/*---------------------------------------------------- */
.portfolio {
	width:100%;
}
.portfolio {
}
.portfolioTop {
	display:block;
	margin:30px auto;

}
.portfolioTop h1 {
	/* 打消し用 */
	background:transparent;
	color:#00a7ac;
	padding-top:0;
	margin-bottom:30px;
	height:initial;/* リセット */
	font-size:116%;
	font-family: RodinPro-DB;
	letter-spacing:0;
}
.portfolioTop ul {
	margin:0 3.125%;
	border:1px solid #ddd;
}
.portfolioTop li {
	padding:10px;
	background:#f6f6f6;
	border-bottom:1px solid #ddd;
}
.portfolioTop li:last-child {
	border-bottom: none;
}

.portfolioTop h2 {
	margin-bottom:10px;
	text-align:center;
}
.portfolioTop h2 span {
	display:inline-block;
	padding-bottom:3px;
	font-size:85%;
	color:#00a7ac;
	border-bottom:1px solid #00a7ac;
	text-align:center;
	font-family: RodinPro-DB;
}
.portfolioTop h3 {
	margin-bottom:15px;
	font-family: RodinPro-B;
	font-size:123.1%;
	text-align:center;
}
.portfolioTop p {
	font-size:100%;
	color:#666;
	line-height:1.5;
}


.portfolioNav {
	position:relative;
	padding-top:10px;
	margin-bottom:20px;
	background:#f6f6f6;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	
}
.portfolioNav ul {
	position:relative;
	top:1px;
	display:block;
	width:300px;
	margin:0 auto;
}
.portfolioNav li {
	float:left;
	line-height:43.5px;
	margin-right:15px;
}
.portfolioNav li:last-child {
	margin-right:0;
}

.portfolioNav li a {
	display:block;
	width:142.5px;
	height:43.5px;
	font-family: RodinPro-DB;
	color:#00a7ac;
	text-decoration:underline;

}
.portfolioNav li {
}
.ui-state-active {
	display:block;
	
	background:url(../img/portfolio/bg-tab.png) no-repeat;
	background-size:cover;
	
}
.ui-state-active a {
	color:#333 !important;
	text-decoration:none !important;
}



.portfolioMain {
	margin:0 3.125%;
}
.portfolioMain li {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}

.portfolioMain li:before,
.portfolioMain li:after {
	content:"";
	display:table;
}
.portfolioMain li:after {
	clear:both;
}
.portfolioMain h1 {
	display:block;
	/* 打消し用 */
	background:transparent;
	color:#00a7ac;
	padding-top:0;
	margin-bottom:10px;
	height:initial;/* リセット */
	line-height:1.5;
	font-size:108%;
	font-family: RodinPro-DB;
	letter-spacing:0;
	text-align:left;
}

.portfolioMain img {
	width:35%;
	max-width:600px;
	margin-right:3.125%;
}
.portfolioMain p {
	float:right;
	width:60%;
	font-size:85%;
	color:#666;
}
.portfolioMain p span {
	display:block;
	margin-bottom:10px;
	font-size:116%;
	color:#333;
}
/* 詳細ページ */
/*---------------------------------------------------- */

.portfolioDetail {
	margin:0 3.125%;
}
.portfolioDetail h1 {
	display:block;
	/* 打消し用 */
	background:transparent;
	color:#00a7ac;
	height:initial;/* リセット */
	line-height:1.5;
	font-size:108%;
	font-family: RodinPro-DB;
	letter-spacing:0;
	text-align:left;
}
.portfolioDetailImg img {
	display:block;
	margin:0 auto;
	width:93.75%;
	max-width:600px;
}
.portfolioDetail p {
	margin:10px 0;
	color:#666;
	line-height:1.8;
}
.portfolioDetail p a {
	/*font-size:93%;*/
	font-size:85%;
}
.portfolioDetail p a:link,
.portfolioDetail p a:visited {
	color: #999;
}
.portfolioDetail p a:hover {
	text-decoration: underline;
}


.portfolioDetail p span {
	display:inline-block;
	width:6em;
	margin-right:3.125%;
	padding:3px 3.125%;
	text-align:center;
	background:#999;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px;
	
}
.portfolioDetailAside {
	padding:20px 0;
	font-size:93%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	
}
.portfolioDetail .btn {
	display:block;
	margin:20px 0;
}
.portfolioDetail .btn img {
	display:block;
	margin:20px auto;
	width: 80%;
	max-width:497px;
	margin-top:10px;
}

/*---------------------------------------------------- */
/* PROJECT */
/*---------------------------------------------------- */
.project {
	width: 100%;
}
.project h2 {
	font-size:108.1%;
	font-family: RodinPro-M;
	text-align:center;
}
.project img {
	width: 100%;
}
.project h2:before,
.project h2:after {
	content: "―";
	padding:3.125%;
}
.project .projectContents h3  {
	margin-top:30px;
	left:-3.125%;	
}
.project .projectDescription {
	display:block;
	margin:30px 3.125%;
	padding:20px 3.125%;
	background:#f5f5f5;
	color:#666666;
}
.project .projectDescription ul {
	margin-top:20px;
}
.project .projectDescription li {
	background:url(../img/project/img-check.png) center left no-repeat;
	background-size: 13.8px 10.8px; 
	font-size:100%;
	margin-top:10px;
	padding-left:7.8125%;
	line-height:1.5;
}
.project .projectContents {
	display:block;
	margin:30px 3.125%;
}
.project .projectContents p {
	margin-bottom:25px;
	color:#666;
	line-height:2;
}
.project .projectContents img {
	margin-top: 25px;
}

/*---------------------------------------------------- */
/* 雇用制度 */
/*---------------------------------------------------- */
.employmentDescription {
	margin:25px 3.125%;
}
.employment table caption {
	margin-top: 20px;
	margin-bottom: 5px;
	text-align:right;
	color:#999;
}

/*---------------------------------------------------- */
/* 採用情報 */
/*---------------------------------------------------- */
/* 情報有 */
/*---------------------------------------------------- */
.recruit article {
	display:block;
	margin-top:25px;
	width:100%;
}

.recruit article .category {
	display:inline-block;
	margin-bottom:10px;
	margin-left:3.125%;
	padding:0 3.125%;
	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:10px;
	padding-left:3.125%;
	font-size:123.1%;
	font-family: RodinPro-DB;
	letter-spacing:0;
	height:initial;/* リセット */
	height:auto;/* ie対策 */
}
.recruit article h2 {
	margin:20px 3.125% 15px;
	color:#00a7ac;
	font-size:116%;
	font-family: RodinPro-DB;
	letter-spacing:0;
}
.recruit article p.newDate {
	display:block;
	margin:5px 0 10px;
	padding-bottom:5px;
	padding-left:3.125%;
	border-bottom:1px solid #ddd;
	font-size:93%;
	color:#999;
}
.recruit article p {
	display:block;
	margin:0 3.125% 15px;
	font-size:93%;
	line-height:1.5;
}
.recruit article .newsPhoto {
	display:block;
	margin-left:3.125%;
	margin-right:3.125%;
}
.recruit article .newsPhoto img {
	width:100%;
}

.recruit article .newsPhoto p {
	margin:5px 0 15px;
	color:#666;
	line-height:1.5;
}

.recruit article ul {
	margin:25px 0;
}
.recruit article ul.newsList li {
	color:#666;
	line-height:2;
	margin: 10px 6.25%;
}
.recruit article ul.newsList li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #bbb;
	position: relative;
	left: -3.125%;
	top: -1px;
}

.recruit a img {
	margin-top:40px;
	width:70%;
	max-width:426px;
}
/* 情報無 */
/*---------------------------------------------------- */
.recruit article h2.noinfo {
	margin:75px auto;
	font-size:116%;
	font-family: RodinPro-M;
	letter-spacing:0.2em;
	color:#666;
	text-align:center;
}
/*---------------------------------------------------- */
/* 個人情報保護方針 */
/*---------------------------------------------------- */

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




/*---------------------------------------------------- */
/* お問い合わせ */
/*---------------------------------------------------- */


/* お電話でのお問い合わせ */
/*---------------------------------------------------- */
.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:153.9%;
	font-family: UDKakugoC70Pro-B;
	letter-spacing:0.1em;
	color:#00a7ac;
	text-decoration:none;
}
.contactTel span {
	font-size:77%;
	font-family: RodinPro-M;
}

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

.contentsLineBox {
	margin:10px 3.125%;
	padding:20px 3.125%;
	border:1px solid #ddd;
}
.contactDescription {
	margin:30px 3.125%;
	color:#666;
	line-height:1.5;
}
.contact .contentsLineBox {
	color:#666;
	line-height:1.5;
}
.contact .contentsLineBox strong {
	color:#333;
}

/* STEP */
.contactStep {
	display:block;
	margin-top:15px;
	text-align:center;
}
.contactStep img {
	min-width:300px;
}
/* 注釈 */
.contactAnnotation {
	display:block;
	margin:10px 3.125% 20px auto;
	text-align:right;
	font-size:77%;
}
.contactAnnotation span {
	color:#ea1d4d;
}
/* エラー文 */
.contactErrorBox {
	margin:10px 3.125%;
	padding:20px 6.25%;
	background:#ea1d4d;
	border:1px solid #ea1d4d;
	color:#fff;
	font-size:116%;
	font-weight:bold;
	line-height:1.5;
}
.contactErrorBox .floatL {
	display:block;
	width:40px;
}
.contactErrorBox .floatL img {
	width:30px;
}
.contactErrorBox span {
	display:inline-block;
	margin-top:10px;
	font-size:12px;
	font-weight:normal;
}

/* フォーム本体 ---------------------------------------------------- */
.contact-form {
	display:block;
}
/* 「必須」テキスト */
.contact-form th span {
	color:#ea1d4d;
}
.contact-form th {
	padding-left:3.125%;
	height:32px;
	background:#f6f6f6;
	font-family: RodinPro-DB;
	line-height:32px;
}
.contact-form h3 span {
	color:#ea1d4d;
}
.contact-form h3 {
	padding-left:3.125%;
	background:#f6f6f6;
	font-family: RodinPro-DB;
	padding:10px 0 10px 3.125%;
}
.contact-form h3 .required {
	display:inline-block;
	width: 20px;
	height: 20px;
	margin-right:1.5625%;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #ea1d4d;/* 円の色 */
	color:#fff;
	text-align:center;
}

/* テキストエリア等 */
.contact-data {
	margin:15px 3.125%;
}
.contact-form .contact-data input,
.contact-form textarea {
	padding:10px 3.125%;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-data p {
	display:block;
	margin:10px 0;
	color:#666;
	font-size:100%;
	line-height:1.8;
}
.contact-form h4 {
	margin-top:10px;
	margin-bottom:10px;
	font-family: RodinPro-DB;
}
.contact-form h4:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #00a7ac;
	position: relative;
	top: -1px;
	margin-right:5px;
}

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

/* エラー枠 */
.contact-form input.contact-error-form,
.contact-form textarea.contact-error-form {
	background-color:#FDF4F7;
	border:#ea1d4d 1px solid;	
}
/* 送信完了 */
.contact .contactComplete {
	margin:20px 3.125%;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom:1px solid #333;
}
.contact .contactComplete h2 {
	position:relative;
	border-top: 1px solid #333;	
	margin:0;
	text-align:center;
}
.contact .contactComplete h2 span {
	position: relative;
	top: -15px;
	margin-bottom:-15px;
	display:inline-block;
	width:200px;
	background-color: #fff;
	text-align:center;
	font-family: UDKakugoC70Pro-M;
	letter-spacing:0.1em;
	color:#333;
	font-size:189%;
}
.contact .contactComplete h2:before {
	/* 打消し用 */
	display:none;
}
.contactComplete p {
	display:block;
	margin:20px 3.125%;
	font-size:100%;
	line-height:2;
	font-family: RodinPro-M;
	letter-spacing:0.2em;
	text-align:center;
}

/* ボタン */
/*---------------------------------------------------- */
/* 次へ（通常） */
.contactBtnNext {
	display:block;
	margin:35px auto;
	padding-right:15px;
	width:220px;
	height:39px;
	background:#999;
	text-align:center;
}
.contactBtnNext a {
	display:block;
	margin:0 auto;
	width:220px;
	height:39px;
	background:url(../img/contact/arrow-white.png) center right no-repeat #999;
	background-size:10.5px 18px;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
}

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

/* 次へ（緑） */
.contactBtnNextG {
	display:block;
	margin:35px auto;
	padding-right:15px;
	width:220px;
	height:39px;
	background:#00a7ac;
	text-align:center;
}
.contactBtnNextG a {
	display:block;
	margin:0 auto;
	width:220px;
	height:39px;
	background:url(../img/contact/arrow-white.png) center right no-repeat #00a7ac;
	background-size:10.5px 18px;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	line-height:39px;
}


/* 次へ（フォーム） */
.contactBtnNextF {
	display:block;
	margin:35px 3.125% 0 auto;
	padding-right:15px;
	height:39px;
	background:#00a7ac;
	color:#fff;
	text-align:center;
}
.contactBtnNextF input {
	display:block;
	margin:0 auto;
	padding:0 20px;
	height:39px;
	background:url(../img/contact/arrow-white.png) center right no-repeat #00a7ac;
	background-size:10.5px 18px;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	border:none;
	line-height:39px;
}
.contactBtnNext input:focus {
	outline: 0;
}

/* 戻る */
.contactBtnBack {
	display:block;
	margin:35px auto 0 3.125%;
	padding-left:15px;
	height:39px;
	background:#999;
	text-align:center;
}
.contactBtnBack a {
	display:block;
	margin:0 auto;
	padding:0 20px;
	height:39px;
	background:url(../img/contact/arrow-white-back.png) center left no-repeat #999;
	background-size:10.5px 18px;
	font-family: RodinPro-M;
	text-decoration:none;
	color:#fff;
	line-height:39px;
}



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

/* 一覧 */
/*---------------------------------------------------- */
.news dl {
	display:block;
	text-align:left;
	margin-top:30px;
	border-bottom: 1px solid #dcdcdc;
}
.news dt {
	display:block;
	clear: both;
	padding:3.90625% 3.125% 1.5625%;
	color:#999;
	vertical-align:top;
	line-height:1.8;
	border-top: 1px solid #dcdcdc;
}
.news dt .category {
	display:inline-block;
	margin-left:1.5625%;
	background-color:#00a7ac;
	color:#fff;
	text-align:center;
	padding:0 3.125%;
}
.news dt .new {
	display:inline-block;
	color:red;
	border:1px solid red;
	margin-left:1.5625%;
	padding:0.625% 1.5625%;
	line-height:1.3;
}
.news dd {
	margin-bottom:10px;
	line-height:1.8;
	padding:0 3.125%;
}
.news a img {
	margin-top:40px;
	width:231px;
}

/* 記事詳細 */
/*---------------------------------------------------- */
.news {
}
.news article {
	display:block;
	margin-top:25px;
	width:100%;
}

.news article .category {
	display:inline-block;
	margin-bottom:10px;
	margin-left:3.125%;
	padding:0 3.125%;
	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:10px;
	padding-left:3.125%;
	font-size:123.1%;
	font-family: RodinPro-DB;
	letter-spacing:0;
	height:initial;/* リセット */
	height:auto;/* ie対策 */
}
.news article h2 {
	margin:20px 3.125% 15px;
	color:#00a7ac;
	font-size:116%;
	font-family: RodinPro-DB;
	letter-spacing:0;
}
.news article p.newDate {
	display:block;
	margin:5px 0 10px;
	padding-bottom:5px;
	padding-left:3.125%;
	border-bottom:1px solid #ddd;
	font-size:93%;
	color:#999;
}
.news article p {
	display:block;
	margin:0 3.125% 15px;
	font-size:93%;
	line-height:1.5;
}
.news article .newsPhoto {
	display:block;
	margin-left:3.125%;
	margin-right:3.125%;
}
.news article .newsPhoto img {
	width:100%;
}

.news article .newsPhoto p {
	margin:5px 0 15px;
	color:#666;
	line-height:1.5;
}

.news article ul {
	margin:25px 0;
}
.news article ul.newsList li {
	color:#666;
	line-height:2;
	margin: 10px 6.25%;
}
.news article ul.newsList li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #bbb;
	position: relative;
	left: -3.125%;
	top: -1px;
}

.news a img {
	margin-top:40px;
	width:70%;
	max-width:426px;
}





/*-----------------------------------------------
	769pxより広い場合（PC）
-------------------------------------------------*/

@media screen and (min-width: 769px){
}

/*-----------------------------------------------
	768pxまでの場合（タブレット）
-------------------------------------------------*/
@media screen and (max-width: 768px){
}


/*-----------------------------------------------
	640pxより狭い場合（スマホ）
-------------------------------------------------*/

@media screen and (max-width: 640px) {
}