@charset "utf-8";
@media screen and (max-width: 740px)  {


/* // base
----------------------------------------------- */
html body {
	font-size:12px;
	line-height:1.8em;
	position:relative;
}
html body#MyPage {
	font-size:13px;
	line-height:1.7em;
}





/* // Header //
----------------------------------------------- */
#Header {
	box-shadow: 0 4px 4px rgba(0,0,0,0.08);
}
#Front #Header.onModal {
	z-index:2;
}

/* |- topBlock  */
#Header .topBlock {
	height:45px;
}
#Header .topBlock .telCell {
	display:none;
}
#Header .topBlock .btnCell {
	display:none;
}

/* |- bottomBlock  */
#Header .spBtns {
	display:block;
	position:absolute;
	top:0;
	right:50px;
}
#Front #Header .spBtns {
	right:5px;
}
#Header .spBtns ul {
	display:inline-block;
}
#Header .spBtns li {
	display:inline-block;
}
#Header .spBtns li a {
	display:block;
	width:45px;
	height:45px;
	position:relative;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1;
}
#Header .spBtns li a svg {
	fill:#fff;
}
#Header .spBtns li a .icon {
	display:block;
	width:22px;
	margin:0 auto;
	text-align:center;
}
#Header .spBtns li a .tx {
	display:block;
	text-align:center;
	font-size:9px;
	padding-top:4px;
}




/* |- bottomBlock  */
#Header .bottomBlock {
	height:40px;
}

#Header .bottomBlock .logo {
	width:155px;
	height:auto;
	padding:6px 13px;
	top:-35px;
	left:10px;
	z-index:5;
}
#Header .bottomBlock .logo a {
}
#Header .bottomBlock .logo a svg {
	width:auto;
	height:auto;
	position:relative;
	left:-3px;
}

/* |- MyPage  */
@media screen and (min-width: 741px)  {
	#MyPage #Header .widthFix {
		width:100%;
		padding:0 20px;
	}
	#MyPage #Header .bottomBlock .logo {
		left:30px;
	}
}


/* // Gnavi //
----------------------------------------------- */
#Gnavi {
	height:auto;
	display:block;
	position:relative;
	z-index:6;
}
#Gnavi ul {
	position:relative;
	top:auto;
	right:auto;
	-ms-transform: translateY(-0%);
	-webkit-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	transform: translateY(-0%);
	display:block;
	line-height:1;
	padding:0 20px;
}
#Gnavi ul li {
	display:inline-block;
	vertical-align:middle;
	border-left:0;
	line-height:1;
	height:auto;
}
#MyPage #Gnavi ul li {
	margin-left:14px;
}

#Gnavi ul li:not(.btn) a {
	padding:0 10px;
	font-weight:200;
	height:40px;
	line-height:40px;
	font-size:90%;
}
#Gnavi ul li:not(.btn) a .tx {
	padding:1px;
}
#Gnavi ul li:not(.btn) a:after {
	display:none;
}

#Gnavi ul li.logout {
	padding-top:2px;
}
#Gnavi ul li.logout a {
	padding-top:5px;
	padding-bottom:5px;
	-ms-transform: translateY(7px);
	-webkit-transform: translateY(7px);
	-moz-transform: translateY(7px);
	transform: translateY(7px);
	font-size:80%;
}
#Gnavi ul li.dl {
	padding-top:7px;
}
#Gnavi ul li.dl a {
	padding-top:5px;
	padding-bottom:5px;
	font-size:90%;
}
#Gnavi ul li.name .tx {
	padding-right:10px;
	padding-left:0px;
	font-size:94%;
}
#Gnavi ul li.name .tx:after{
	font-size:170%;
	-webkit-transform: translate(-4px,-50%);
	-ms-transform: translate(-4px,-50%);
	-webkit-transform: translate(-4px,-50%);
	transform: translate(-4px,-50%);
}


/* // SPNavi //
----------------------------------------------- */
#SPNavi {
	position:relative;
	z-index:600;
}
#SPNavi .modalBtn.rightFix {
	width:45px;
	height:45px;
	background-color:#0C86B2;
}
#SPNavi .modalBtn.rightFix .inner {
	padding-top:7px;
}
#SPNavi .modalBtn.rightFix .inner .tx {
	padding-bottom:3px;
}
#SPNavi .modalBtn.rightFix .inner i {
	font-size:170%;
}

#SPNavi .companyName {
	background-color:#58B2D4;
	padding:2px 10px;
	margin-bottom:10px;
}
#SPNavi .companyName p {
	color:#FFF;
	line-height:1.4;
	font-weight:500;
	font-size:96%;
	padding:8px 0 8px 32px ;
	position:relative;
}
#SPNavi .companyName p:after{
	position: absolute;
	left:0;
	top: 50%;
	font-size:200%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e93d';
	font-family: iconfontA;
	color:#fff;
}

/* |- categoryNaviWrap  */
#SPNavi .categoryNaviWrap{
	padding:7px;
	margin-bottom:22px;
}
#SPNavi .categoryNaviWrap .title{
	text-align:center;
	margin-bottom:3px;
	font-weight:600;
	font-size:136%;
	color:#0C86B2;
}

#SPNavi .categoryNaviWrap ul:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#SPNavi .categoryNaviWrap ul {	display: inline-block;} 
* html #SPNavi .categoryNaviWrap ul {	height: 1%;	}
#SPNavi .categoryNaviWrap ul {	display:block;	}

#SPNavi .categoryNaviWrap ul li {
	float:left;
	display:block;
	width:33.3%;
	height:100px;
	padding:1px;
}
#SPNavi .categoryNaviWrap ul li a {
	display:block;
	width:100%;
	height:100%;
	background-color:#EFF1F1;
	position:relative;
}
#SPNavi .categoryNaviWrap ul li a svg {
	fill:#0C86B2;
}
#SPNavi .categoryNaviWrap ul li a .icon {
	display:block;
	width:38px;
	position:absolute;
	top:35%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#SPNavi .categoryNaviWrap ul li a .tx {
	display:block;
	position:absolute;
	top:77%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	color:#0C86B2;
	font-weight:400;
	text-align:center;
	font-size:94%;
	line-height:1.15;
}

#MyPage.top #SPNavi .categoryNaviWrap nav li.top a,
#MyPage.projects #SPNavi .categoryNaviWrap nav li.projects a,
#MyPage.member #SPNavi .categoryNaviWrap nav li.member a,
#MyPage.contentsInfo #SPNavi .categoryNaviWrap nav li.contentsInfo a,
#MyPage.articles #SPNavi .categoryNaviWrap nav li.articles a,
#MyPage.report #SPNavi .categoryNaviWrap nav li.report a,
#MyPage.search #SPNavi .categoryNaviWrap nav li.search a,
.___ {
	background-color:#0C86B2;
}
#MyPage.top #SPNavi .categoryNaviWrap nav li.top a svg,
#MyPage.projects #SPNavi .categoryNaviWrap nav li.projects a svg,
#MyPage.member #SPNavi .categoryNaviWrap nav li.member a svg,
#MyPage.contentsInfo #SPNavi .categoryNaviWrap nav li.contentsInfo a svg,
#MyPage.articles #SPNavi .categoryNaviWrap nav li.articles a svg,
#MyPage.report #SPNavi .categoryNaviWrap nav li.report a svg,
#MyPage.search #SPNavi .categoryNaviWrap nav li.search a svg,
.___ {
	fill:#FFF;
}
#MyPage.top #SPNavi .categoryNaviWrap nav li.top a .tx,
#MyPage.projects #SPNavi .categoryNaviWrap nav li.projects a .tx,
#MyPage.member #SPNavi .categoryNaviWrap nav li.member a .tx,
#MyPage.contentsInfo #SPNavi .categoryNaviWrap nav li.contentsInfo a .tx,
#MyPage.articles #SPNavi .categoryNaviWrap nav li.articles a .tx,
#MyPage.report #SPNavi .categoryNaviWrap nav li.report a .tx,
#MyPage.search #SPNavi .categoryNaviWrap nav li.search a .tx,
.___ {
	color:#FFF;
}




/* |- localNaviWrap  */
#SPNavi .localNavi {
	display:none;
	margin-bottom:15px;
}
#MyPage.top #SPNavi .localNavi.top,
#MyPage.projects #SPNavi .localNavi.projects,
#MyPage.member #SPNavi .localNavi.member,
#MyPage.contentsInfo #SPNavi .localNavi.contentsInfo,
#MyPage.articles #SPNavi .localNavi.articles,
#MyPage.report #SPNavi .localNavi.report,
#MyPage.search #SPNavi .localNavi.search,
.___ {
	display:block;
}
#SPNavi .localNavi {
}
#SPNavi .localNavi .title {
	color:#0C86B2;
	padding:13px 8px 8px;
	border-bottom:3px solid #0C86B2;
	font-size:150%;
	font-weight:500;
}
#SPNavi .localNavi .parents > li {
	border-bottom:1px dotted #CCC;
	line-height:1.3;
}
#SPNavi .localNavi .parents > li > a {
	display:block;
	padding:18px 5px 18px 23px;
	position:relative;
}
#SPNavi .localNavi .parents > li.on > a {
	background-color:#EEE;
}


#SPNavi .localNavi .parents > li > a:after{
	position: absolute;
	left:10px;
	top: 50%;
	font-size:6px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e91d';
	font-family: iconfontA;
	opacity:0.6;
}

#SPNavi .localNavi .parents > li .children {
	padding-bottom:4px;
	display:none;
}
#SPNavi .localNavi .parents > li .children.on {
	display:block;
}

#SPNavi .localNavi .parents > li .children > li {
	line-height:1.3;
	padding-top:2px;
	padding-left:20px;
}
#SPNavi .localNavi .parents > li .children > li > a {
	display:block;
	padding:12px 5px 12px 20px;
	position:relative;
}
#SPNavi .localNavi .parents > li .children > li.on > a {
	background-color:#EEE;
}
#SPNavi .localNavi .children > li > a:after{
	position: absolute;
	left:3px;
	top: 50%;
	font-size:88%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e949';
	font-family: iconfontA;
	opacity:0.7;
}
#SPNavi .localNavi .children > li:last-of-type > a:after{
	content:'\e948';
}


/* |- telBlock  */
#SPNavi .telBlock{
	padding:0 10px;
}
#SPNavi .telBlock .tx1{
	padding:0 10px;
	font-weight:500;
	font-size:93%;
	text-align:center;
	line-height:1.3;
	color:#0C86B2;
	margin-bottom:8px;
}
#SPNavi .telBlock .number a{
	display:block;
	text-align:center;
	font-weight:700;
	font-size:31px;
	color:#0C86B2;
	margin-bottom:1px;
}
#SPNavi .telBlock .tx2{
	display:block;
	text-align:center;
	font-size:85%;
	color:#0C86B2;
}
/* |- btnBlock  */
#SPNavi .btnBlock{
	padding:0 10px;
	margin-bottom:10px;
}
#SPNavi .btnBlock .btns li{
	margin-bottom:6px;
}



/* // modalMenuBox //
----------------------------------------------- */
#SPNavi .modalMenuBox {
}
#SPNavi .modalMenuBox.open {
}
#SPNavi .modalMenuBox > .inner {
	background-color:rgba(255,255,255,0.8);
}
#SPNavi .modalMenuBox > .inner > .wrap {
	right:-45px;
	padding-right:45px;
	background-color:#fff;
	border-color:#dcdcdc;
	padding-bottom:20px;
}
#SPNavi .modalMenuBox .closeBg .btn {
	width:45px;
	height:45px;
	background-color:#0C86B2;
}

/* |- close  */
#SPNavi .modalMenuBox .close {
	text-align:center;
	line-height:1;
	display:block;
}


/* // Footer //
----------------------------------------------- */
#Footer {
	padding-left:0;
	overflow:hidden;
}
#MyPage #Footer {
	padding-left:0;
}

#Front #Footer > .inner,
#MyPage #Footer > .inner {
	min-width: 10px;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 30px 10px 52px;
	min-width: 10px;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 30px 10px 52px;
}
#Footer .cellWrap {
	display:block;
}
#Footer .cellWrap .cell {
	display:block;
}
#Footer .cellWrap.parents > .cell {
	padding-right:0;
	padding-bottom:15px;
}
#Footer .cellWrap .cell .cellWrap {
	display:block;
}
#Footer .cellWrap .cell .cellWrap .cell {
	display:block;
	margin-right:0;
}
#Footer .cellWrap .cell .cellWrap .cell:last-of-type {
	margin-right:0;
}

#Footer .htx1 {
	font-weight:500;
	font-size:110%;
	margin-bottom:10px;
}
#Footer .navi1 li {
	line-height:1.4;
	font-size:90%;
	margin-bottom:0px;
}
#Footer .navi1 li a {
	display:block;
	padding:3px 0;
}
#Footer .navi1 li a:after{
	display:none;
}

#Footer .about .navi1 li{
	display:inline-block;
	margin-right:15px;
}


#Footer .readmore:before {
	background: linear-gradient(to bottom, rgba(224,234,239,0) 0%,rgba(224,234,239,1) 100%) !important;
}
#Footer .readmoreBtn {
	margin-bottom:20px;
}
#Footer .readmoreBtn a {
	background-color:#E0EAEF;
	color:#0C86B2;
	border-color:#0C86B2;
}





/* |- bottom  */
#Footer .bottom{
	position:relative;
	padding-top:10px;
}
#Footer .bottom .logo img {
	width:150px;
}
#Footer .bottom .copy{
	position:relative;
	font-size:90%;
	font-weight:300;
	margin-top:12px;
}


/* // ContentsWrap //
----------------------------------------------- */
#ContentsWrap {
	position:relative;
	z-index:15;
}


/* // Breadcrumb //
----------------------------------------------- */
#Breadcrumb {
}


/* // ColumnWrap //
----------------------------------------------- */
/* |- A  */
#ColumnWrap.A #MainColumn {
	float:none;
	width:100%;
	margin-left:0;
	padding-left:0;
	min-height:100px;
}
#ColumnWrap.A #SideColumn {
	float:none;
	width:100%;
	z-index:10;
}

/* |- B  */
#ColumnWrap.B {
}
#ColumnWrap.B #MainColumn {
	float:none;
	width:100%;
	min-height:100px;
	z-index:5;
}
#ColumnWrap.B #SideColumn {
	float:none;
	width:100%;
	margin-left:0;
	z-index:10;
}





/* // section //
----------------------------------------------- */
/* |- A  */
.section.A {
	padding-bottom:45px;
}
.section.A:last-of-type {
	padding-bottom:10px;
}
.section.B {
	padding-top:37px;
	padding-bottom:40px;
}
.section.B:last-of-type {
}


/* // TEXT SETTITN //
----------------------------------------------- */
.fc1 {
	color:#58B2D4 !important;
}
.fc2 {
	color:#0C86B2 !important;
}
.fc3 {
	color:#66CA41 !important;
}
.fc3 {
	color:#3AA80F !important;
}



/* // spModalBtn //
----------------------------------------------- */
/* |- A  */
.spModalBtn.A {
	margin-top:30px;
	margin-bottom:30px;
	height:60px;
	position:relative;
	display:block;
}
.spModalBtn.A .btn1 {
	transition:0.3s;
	padding:0 10px;
	display:block;
	line-height:1;
	width:100%;
	position:absolute;
	top:0px;
	right:0px;
}
.spModalBtn.A .btn1 .in {
	border-radius: 3px;
	background-color:#0C86B2;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
	text-align:center;
	display:block;
	width:100%;
	padding:21px;
	font-size:140%;
	font-weight:400;
	color:#FFF !important;
	padding-right:25px;
	position:relative;
}
.spModalBtn.A .btn1 .in .icon {
	position:absolute;
	right:3px;
	top:50%;
	transform: translateY(-50%);
	font-size:155%;
}


.spModalBtn.A .btn2 {
	bottom:60px;
	right:-60px;
	display:block;
	line-height:1;
	width:50px;
	height:50px;
	position:fixed;
	z-index:50;
}
.spModalBtn.A .btn2.on {
	right:2px;
}
.spModalBtn.A .btn2.on.active {
	right:-60px;
}

.spModalBtn.A .btn2 .in {
	display:block;
	border-radius: 50%;
	width:100%;
	height:100%;
	padding:0;
	padding-right:0;
	position:relative;
	background-color:#0C86B2;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
	font-size:140%;
	font-weight:400;
	color:#FFF !important;
}

.spModalBtn.A .btn2 .in .icon {
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	font-size:155%;
}



/* // spSideModal //
----------------------------------------------- */
/* |- A  */
.spSideModal.A .modalWrap {
	padding: 15px 0 10px;
}
.spSideModal.A .cvBtnA {
	margin-left:10px;
	margin-right:10px;
}
.spSideModal.A .cvBtnA .inner  {
	padding-top:9px;
	padding-bottom:9px;
}


.spSideModal.A #SideTelArea {
	margin:18px 10px 8px;
}
.spSideModal.A #SideCategoryNavi .keywordSearch {
	padding: 0 10px;
}
.spSideModal.A #SideCategoryNavi .tit1 {
	padding: 0 10px;
}

.spSideModal.A #SideCategoryNavi.A .filterBlock {
	box-shadow: 0px 0px 0 rgba(0,0,0,0);
}
.spSideModal.A #SideCategoryNavi.A .filterBlock.area .listWrap ul.children > li {
	line-height:1.9;
}
.spSideModal.A #SideCategoryNavi.A .filterBlock.area .submit.A .btnSubmit {
	width:90%;
	padding-top:15px;
	padding-bottom:15px;
}
.spSideModal.A #SideCategoryNavi.A .filterBlock .listWrap ul.parents > li a.parent.current:before {
	width:7px;
}
.spSideModal.A #SideCategoryNavi.A .filterBlock .listWrap ul.parents > li a.parent.current{
	font-weight:800;
}
.spSideModal.A .modalMenuBox .closeBg .btn {
	background-color:#0C86B2;
}
.spSideModal.A #SideCategoryNavi.A .filterBlock .listWrap ul.parents > li:first-of-type {
	border-top:1px solid #D3D3D3;
}
.spSideModal.A #SideCategoryNavi.A.A1 .filterBlock .listWrap ul.parents > li:last-of-type {
	border-bottom:1px solid #D3D3D3;
}

.spSideModal.A #SideCategoryNavi.A .tit1.otherCategory {
	font-size:114%;
	margin-top:-15px;
}


.spSideModal.A #CompanySideNavi {
	width:94%;
	margin:0 auto;
}


/* // sideArticleList //
----------------------------------------------- */
/* |- A  */
.sideArticleList.A  {
	
}
.sideArticleList.A .item  {
	display:block;
	border-bottom:1px #D9D9D9 dotted;
	background-image: none;
}
.sideArticleList.A .item:first-of-type  {
	border-top:1px #D9D9D9 dotted;
}
.sideArticleList.A .item:last-of-type  {
	border-bottom:1px #D9D9D9 dotted;
}

/* // tabBtnWrapA //
----------------------------------------------- */
.tabBtnWrapA {
	background-color:#EBEBEB;
	padding:13px 15px;
	position:relative;
	margin-bottom:25px;
}
.tabBtnWrapA .tab {
	display:inline-block;
	min-width:140px;
	width:auto !important;
	margin-right:10px;
}
.tabBtnWrapA .tab a {
	display:block;
	width:100%;
	padding:12px 16px;
	background-color:#fff;
	border:1px solid #DADADA;
	line-height:1;
	text-align:center;
}
html.pc .tabBtnWrapA .tab a:hover {
	background-color:#F78594;
	border:1px solid #F78594;
	color:#FFF;
}
.tabBtnWrapA .tab a.on {
	background-color:#F86075;
	border:1px solid #F86075;
	color:#FFF;
	font-weight:500;
}
.tabBtnWrapA .swiper-container:not(.off) {
	padding-left:30px;
}

.tabBtnWrapA .swiper-button-next {
	right:0;
	left:auto;
	margin-top:0;
}
.tabBtnWrapA .swiper-button-prev {
	right:auto;
	left:0;
	margin-top:0;
}
.tabBtnWrapA .off .swiper-button-next,
.tabBtnWrapA .off .swiper-button-prev {
	display:none;
}



/* // ボタン設定
----------------------------------------------- */
/* 
a.btnA.btn1 {
	color:#FFF !important;
	background-color:#66CA41;
}
html.pc a.btnA.btn1:hover {
}
html.pc a.btnA.btn1:hover:before {
}
*/

.btnA {
	border-radius: 2px;
}

.btnA.btn1 {
	color:#FFF !important;
	background-color:#66CA41;
}
.btnA.btn2 {
	color:#FFF !important;
	background-color:#57B1D3;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.btnA.btn3 {
	color:#FFF !important;
	background-color:#00B68C;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.btnA.btn4 {
	color:#FFF !important;
	background-color:#418EAF;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

a.btnA.btn5 {
	border:1px solid #58B2D4;
	color:#58B2D4 !important;
	background-color:#FFF;
}
html.pc a.btnA.btn5:hover {
	background-color:#58B2D4;
	color:#fff !important;
}
html.pc a.btnA.btn5:hover:before {
	opacity:0;
}

/* |- btnB  */
a.btnB {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color:#A4A4A4;
	font-size:100%;
}
html.pc a.btnB:hover {
	color:#FFF;
}
html.pc a.btnB.normal:hover {
	opacity:1 !important;
	background-color: #777;
	color:#FFF;
}
a.btnB.s {
	padding:8px 30px 8px 12px;
	font-size:89%;
}


/* // inputtedImage //
----------------------------------------------- */
/* |- inputtedImage.A  */
.inputtedImage.A {
	margin-top:12px;
}
.inputtedImage.A .image {
}
.inputtedImage.A .image img {
	max-width:140px;
}
.inputtedImage.A .btn {
	margin-left:10px;
}



/* // dlList //
----------------------------------------------- */
/* |- dlListA  */
.dlListA dl {
	border-bottom:0;
	padding:0 0 0;
	display:block;
}
.dlListA dl.noBorder {
	border-bottom:0;
}
.dlListA dl:first-of-type {
	border-top:0;
}
.dlListA dt {
	display:block;
	width:100%;
	background-color:#e2e2e2;
	line-height:1.3;
	padding:7px 10px;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
	position:relative;
	overflow:hidden;
}
.dlListA.formConfirm dt {
	padding-top:7px !important;
}

#Front .boxWidth .dlListA dt {
	border-left:0;
	border-right:0;
}


.dlListA dt:before {
	width:4px;
	height:100px;
	position:absolute;
	left:0px;
	top:0px;
	content:" ";
	display:block;
	background-color:#c7c7c7;
}
.dlListA.dtW10 dt {	width:100%;	}
.dlListA.dtW15 dt {	width:100%;	}
.dlListA.dtW20 dt {	width:100%;	}
.dlListA.dtW25 dt {	width:100%;	}
.dlListA.dtW30 dt {	width:100%;	}
.dlListA.dtW35 dt {	width:100%;	}
.dlListA.dtW40 dt {	width:100%;	}
.dlListA.dtW45 dt {	width:100%;	}
.dlListA.dtW50 dt {	width:100%;	}
.dlListA.dtW60 dt {	width:100%;	}
.dlListA.dtW70 dt {	width:100%;	}
.dlListA.dtW80 dt {	width:100%;	}

.dlListA dd {
	display:block;
}
.dlListA dd {
	display:block;
	width:100%;
	padding:10px 10px 17px;
	font-size:95%;
}
#Front .boxWidth .dlListA dd {
	border-left:5px;
	border-right:5px;
}


.dlListA .htx{
	font-size:107%;
	font-weight:500;
}
.dlListA .hide{
	color:#AAA;
}

.dlListA.form dt {
	width:100%;
	padding-top:7px;
	padding-bottom:6px;
}
.dlListA.form dt .htx {
	position:relative;
	padding-right:0;
}
.dlListA.form dt .htx .require {
	top:0;
	right:-3px;
}

.dlListA dd .inputItem.A {
	padding:10px;
	margin-bottom:12px;
}
.dlListA dd .htx1 {
	font-size:108%;
	line-height:1.3;
	margin-bottom:5px;
}

.dlListA dt .annotation{
	display:inline-block;
	font-size:70%;
	padding-top:0;
	vertical-align:middle;
	margin-left:5px;
}

.dlListA .prView{
	display:block;
	margin-left:0;
	margin-top:6px;
}

/* |- dlListA noBorder  */
.dlListA.noBorder dl {
	margin-bottom:0;
}

.dlListA.noBorder dt {
	padding-top:7px;
}


/* |- dlListA registered  */
.dlListA.registered {
	margin-bottom:40px;
}
.dlListA.registered dl {
	background-color:#EDFBFC;
	border-color:#A9D3D6 !important;
}
.dlListA.registered dl dt {
	background-color: #58B2D4;
	color:#FFF;
}
.dlListA.registered dt:before {
	background-color:#0C86B2;
}
.dlListA.registered dl dd {
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}


.dlListA.registered .contact {
	margin-top:10px;
}
.dlListA.registered .contact .description {
	margin-bottom:7px;
}
.dlListA.registered .contact .means {
}
.dlListA.registered .contact .means li {
	display:block;
	line-height:1;
	margin:0;
	text-align:center;
	margin-bottom:8px;
}
.dlListA.registered .contact .means li a,
.dlListA.registered .contact .means li span {
	display:inline-block;
	vertical-align:middle;
}





/* // addItemWrap //
----------------------------------------------- */
.addItemWrap .addItem {
	display:none;
}
.addItemWrap .addItemBtn.A {
	margin-top:30px;
	margin-bottom:20px;
}
.addItemWrap .addItemBtn.A .btn {
	color:#58B2D4;
	line-height:1;
	padding-left:25px;
	font-weight:400;
	font-size:120%;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #F2F6F9 50%);
	background-position: 0 0;
	background-size: 200% auto;
	position:relative;
}
.addItemWrap .addItemBtn.A .btn:after{
	position: absolute;
	left:3px;
	top: 50%;
	font-size:110%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e911';
	font-family: iconfontA;
}

html.pc .addItemWrap .addItemBtn.A .btn:hover {
	background-position: -100% 0;
}


/* // pagination //
----------------------------------------------- */
/* |- pagination A  */
.pagination.A {
	margin-top:27px;
	font-weight: 300;
}
.pagination.A.top {
	margin-top:0;
	margin-bottom:15px;
}

.pagination.A .nextBtn {
}
.pagination.A .btn {
	border-color:#999;
}

.pagination.A .nextBtn .btn {
	width:100%;
}
.pagination.A .nextBtn .btn .tx {
	font-size:140%;
}



.pagination.A .btns {
	margin-top:18px;
	font-size:100%;
	padding-bottom:40px;
	position:relative;
	text-align:center;
}
.pagination.A.top .btns {
	margin-top:0px;
	padding-bottom:0;
	text-align:center;
}
.pagination.A .btns li {
	display:inline-block;
	margin:0 1px;
	vertical-align:middle;
}
.pagination.A.top .btns li {
	margin:0 1px;
}
.pagination.A .btns li.leader:after{
	font-size:70%;
	top:2px;
}

.pagination.A .btns li {
}
.pagination.A .btns li a {
	width:30px;
	height:30px;
	position:relative;
}
.pagination.A.top .btns li a {
	width:25px;
	height:25px;
}

.pagination.A .btns li.prev a {
	margin-right:0;
}
.pagination.A .btns li.next a {
	margin-left:0;
}

.pagination.A .btns li.prev,
.pagination.A .btns li.next {
	position:absolute;
}
.pagination.A .btns li.prev {
	bottom:0;
	left:0px;
}
.pagination.A .btns li.next {
	bottom:0;
	right:0px;
}
.pagination.A .btns li.prev a,
.pagination.A .btns li.next a {
	width:75px;
}

.pagination.A.top li.prev a,
.pagination.A.top li.next a {
	display:none;
}
.pagination.A .btns li.prev a .tx:before{
	content:'\e90d';
	font-family: iconfontA;
	font-size:80%;
	padding-right:6px;
}
.pagination.A .btns li.next a .tx:after{
	content:'\e90e';
	font-family: iconfontA;
	font-size:80%;
	padding-left:6px;
	
}

.pagination.A .btns li a .tx {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	text-align:center;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


/* // formStyleA
----------------------------------------------- */
.formStyleA input[disabled="disabled"] {
	color:#F00;
}

.formStyleA .reference {
	border:2px dotted #DDD;
	padding:10px;
	font-size:86%;
	line-height:1.6;
	margin-top:10px;
	color:#999;
}

.formStyleA .agree {
	margin-top:10px;
}

.formStyleA textarea,
.formStyleA input[type="text"],
.formStyleA input[type="tel"],
.formStyleA input[type="email"],
.formStyleA input[type="password"],
.formStyleA input[type="number"],
.formStyleA select,
.formStyleA .radio:after,
.formStyleA .checkbox:after ,
 .___ {
 	border-color:#ADADAD;
}

/* |- strong1  */

.formStyleA.strong1 dt{
	padding-top:7px;
}

.formStyleA dd .inputIcon i:before {
	font-size:120%;
}

/* |- submit  */
.submit.A {
	margin-top:30px;
	margin-bottom:30px;
	padding:0;
}
.boxA .submit.A {
	margin-top:20px;
	margin-bottom:0;
}
.submit.A .btnSubmit   {
	width: 100%;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 120%;
}
.submit.A .btnSubmit i   {
	font-size: 130%;
}
.submit.A .btnBack  {
	width: 100%;
	display:block;
	margin:20px auto 0 !important;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 110%;
}
.submit.A .btnBack i   {
	font-size: 100%;
}


/* // thanks
----------------------------------------------- */
/* |- A  */
.thanks.A .tx1 {
	text-align:left;
	font-size:122%;
	margin-bottom:21px;
}
.thanks.A .tx2 {
	text-align:left;
	margin-bottom:25px;
	font-size:104%;
}

.thanks.A .btns {
	display:block;
	margin-top:40px;
}
.thanks.A .btns li {
	display:block;
	margin:0 0 7px;
}
.thanks.A .btns li a {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}

/* // allCheck
----------------------------------------------- */
/* |- A  */
.allCheck.A .allCheckBtn,
.allCheck.A .allCheckBtnCustom{
	font-size:92%
}
.allCheck.A .allCheckBtn:hover,
.allCheck.A .allCheckBtnCustom:hover{
	background-position: 0 0;
	color:#58B2D4;
}

.allCheck.A .allCheckBtn:after,
.allCheck.A .allCheckBtnCustom:after{
	font-size:140%;
}

/* // inputFileWrap
----------------------------------------------- */
/* |- A  */
.inputFileWrap.A .dragArea {
	display:none;
}

/* // txNumCountWrap
----------------------------------------------- */
/* |- A  */
.txNumCountWrap.A .textNum {
	top:5px;
	right:3px;
	font-size:80%;
}
.txNumCountWrap.A .textNum .counter {
}
.txNumCountWrap.A .textNum .erroTx {
	padding-right:5px;
}


/* // formFlow
----------------------------------------------- */
/* |- A  */
.formFlow.A {
	margin-top:10px;
	margin-bottom:30px;
}
.formFlow.A ul {
}
.formFlow.A li {
	line-height:1.3;
	border-top:4px solid #E0DEDE;
	height:50px;
	font-size:92%;
}
.formFlow.A.item3 li {
}
.formFlow.A.item4 li {
	width:50%;
}
.formFlow.A.item5 li {
	width:33.3%;
}
.formFlow.A li em {
}

.formFlow.A.on1 li:nth-of-type(1),
.formFlow.A.on2 li:nth-of-type(2),
.formFlow.A.on3 li:nth-of-type(3),
.formFlow.A.on4 li:nth-of-type(4),
.formFlow.A.on5 li:nth-of-type(5),
.___ {
	font-size:100%;
}
.formFlow.A li:after{
	font-size:130%;
}


/* // NewRequest //
----------------------------------------------- */
#NewRequest .tx1 {
	margin-bottom:5px;
}
#NewRequest .tx1 .tx {
}
#NewRequest .tx1 .description {
}
#NewRequest .reference {
	padding:8px;
	font-size:84%;
	line-height:1.6;
}
#NewRequest .formStyleA textarea,
#NewRequest .formStyleA input[type="text"],
#NewRequest .formStyleA input[type="tel"],
#NewRequest .formStyleA input[type="email"],
#NewRequest .formStyleA input[type="password"],
#NewRequest .formStyleA input[type="number"],
#NewRequest .formStyleA select,
#NewRequest .formStyleA .radio:after,
#NewRequest .formStyleA .checkbox:after ,
 .___ {
 	border: 2px solid #58B2D4;
	 font-size:114%;
}
#NewRequest .formStyleA .radio:before {
	left: 6px;
	margin-top: -6px;
}
#NewRequest .attachedDocumentList{
	margin-top:11px;
	padding-top:11px;
}

#NewRequest .btn9 {
	background-color:#FF9800;
}


/* |- newRequestName  */
#NewRequest .newRequestName .name {
	font-size:108% !important;
}

/* |- newRequestLimit  */
#NewRequest .newRequestLimit {
	
}

/* |- newRequestEstimate  */


/* |- newRequestTerms  */
#NewRequest .newRequestTerms .termsWrap {
	padding:8px;
	height:80px;
}
#NewRequest .newRequestTerms .agree {
	margin-top:10px;
}

/* // categoryIndex //
----------------------------------------------- */
/* |- A  */
.categoryIndex.A {
	
}
.categoryIndex.A .category {
	display:block;
	float:left;
	width:50%;;
	padding:0;
	float:left;
	margin-bottom:14px;
}
.categoryIndex.A .category:nth-of-type(odd) {
	padding-right:3px;
}
.categoryIndex.A .category:nth-of-type(even) {
	padding-left:3px;
}

.categoryIndex.A .category .box {
	height:auto;
	padding:10px 10px 12px;
}
.categoryIndex.A .category .box:before {
	height:4px;
}
.categoryIndex.A .category .box .icon {
	height:auto;
	padding:10px;
}
.categoryIndex.A .category .box .icon svg {
	height:50px;
}
.categoryIndex.A .category .box .name {
	height:48px;
}
.categoryIndex.A .category .box .name .tx {
	font-size:110%;
	line-height:1.2;
}

.categoryIndex.A .category .box .description {
	font-size:84%;
	line-height:1.4;
}
.categoryIndex.A .category .box:hover {
	background-size: 200% auto;
}


/* // articleList
----------------------------------------------- */
/* |- A  */
.articleList.A  {
	padding: 0 10px;
}
.articleList.A .item {
	background-image: none;
	margin-bottom:23px;
	font-size:94%;
	line-height:1.7;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.articleList.A .item:before{
	display:none;
}
.articleList.A .item .cellWrap {
	display:table;
}
.articleList.A .item .image {
	display:table-cell;
	width:120px;
}
.articleList.A .item .contents {
	display:table-cell;
	padding:10px;
}
.articleList.A .item .contents .category {
	margin-bottom:6px;
}
.articleList.A .item .contents .category li {
	padding:3px 3px;
}

.articleList.A .item .contents .name {
	font-size:120%;
}
.articleList.A .item .contents .description {
	display:none;
}
.articleList.A .item .contents .tagList {
	margin-top:5px;
	margin-bottom:-5px;
}
.articleList.A .item .contents .tagList.A li .tx {
	padding:3px 5px 3px 12px;
	font-size:70%;
}

.articleList.A .articleInfoList.A li {
	margin-right:9px;
}
.articleList.A .articleInfoList.A li.icon {
	padding-left:16px;
}
.articleList.A .articleInfoList.A li.editor {
	display:block;
}


/* |- A other  */

.articleList.A.other {
	margin-top: 40px;
}

.articleList.A.other .item .contents .description {
	display:none;
}


/* // referenceBox
----------------------------------------------- */
/* |- A  */
.referenceBox.A {
	padding:8px  8px;
}
.referenceBox.A .inner {
	display:block;
}
.referenceBox.A .image {
	display:none;
}
.referenceBox.A .text {
	display:block;
	width:100%;
	float:none;
	padding-left:0px;
}
.referenceBox.A .text .title {
	font-size:114%;
	margin-bottom:6px;
}
.referenceBox.A .text .contents li {
	margin-bottom:6px;
}
.referenceBox.A .text .contents li .htx1 {
	font-size:92%;
	margin-bottom:4px;
	width:100%;
	float:none;
	display:block;
}
.referenceBox.A .text .contents li .tx {
	font-size:100%;
	width:100%;
	float:none;
	display:block;
	margin-left:0;
	padding-left:0;
}
.referenceBox.A .text .contents li.name .tx {
	font-weight:500;
}
.referenceBox.A .text .contents li.url .tx a {
	display:inline-block;
	position:relative;
	top:-3px;
	font-size:70%;
}
.referenceBox.A .text .contents li.url .tx a:before {
	display:none;
}


/* // snsList
----------------------------------------------- */
/* |- A  */
.snsList:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.snsList {	display: inline-block;} 
* html .snsList {	height: 1%;	}
.snsList {	display:block;	}

.snsList.A li {
	line-height:1;
	display:block;
	margin-right:0;
	width:25%;
	padding-right:3px;
	float:left;
}
.snsList.A li a {
	display:block;
	width:100%;
	height:30px;
	background-image: none;
	text-align:center;
}


.snsList.A li a .logo {
	width:95%;
}






/* // tagList
----------------------------------------------- */
/* |- A  */
.tagList.A {
}
.tagList.A li {
	margin-right:3px;
	margin-bottom:2px;
}
.tagList.A li .tx {
	padding:3px 5px 3px 12px;
	font-size:80%;
}
.tagList.A li .tx:after{
	left:3px;
}




/* // servicesList
----------------------------------------------- */
/* |- A  */
.servicesList.A .item {
	margin-bottom:19px;
	font-size:94%;
	line-height:1.7;
}

.servicesList.A .item .cellWrap {
	display:block;
}
.servicesList.A .item .cellWrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.servicesList.A .item .cellWrap {	display: inline-block;} 
* html .servicesList.A .item .cellWrap {	height: 1%;	}
.servicesList.A .item .cellWrap {	display:block;	}

.servicesList.A .item .image {
	display:block;
	width:100px;
	height:86px;
	float:left;
}
.servicesList.A .item .contents {
	display:block;
	float:left;
	width:100%;
	margin-left:-100px;
	padding:10px;
	padding-left:110px;
}
.servicesList.A .item.noimage .contents {
	float:none;
	margin-left:-0;
	padding:10px;
}

.servicesList.A .item .contents .category {
	font-size:86%;
	margin-bottom:3px;
}
.servicesList.A .item .contents .category li {
	display:none;
	margin-right:0;
}
.servicesList.A .item .contents .category li:last-of-type {
	display:inline-block;
}
.servicesList.A .item .contents .category li:after{
	display:none;
}
.servicesList.A .item .contents .name {
	line-height:1.3;
	font-size:110%;
	font-weight:600;
	margin-bottom:0;
}
.servicesList.A .item .contents .description {
	display:none;
}
.servicesList.A .item:before{
	display:none;
}


/* |- A other  */
.servicesList.A.other {
	margin-top:50px;
}



/* // companyList
----------------------------------------------- */
/* |- A  */
.companyList.A .item {
	margin-bottom:15px;
	padding:7px;
	background-image:none;
	background-color:#E2E8EB;
}


.companyList.A .item:before{
	display:block;
}
.companyList.A .item .inner {
	padding:15px 12px  10px;
	background-image:none;
	background-color:#fff;
}
.companyList.A .item .image {
	display:none;
}
.companyList.A .item .text {
	float:none;
	margin-left:0;
	padding-left:0;
}
.companyList.A .item .text .name {
	font-size:120%;
	line-height:1.35;
	margin-bottom:8px;
	padding-top:11px;
	padding-bottom:10px;
	padding-right:0;
}
.companyList.A .item .text .name:before {
	height:2px;
	background: -moz-linear-gradient(left, #58B2D4 0%, #58B2D4 100%);
	background: -webkit-linear-gradient(left, #58B2D4 0%, #58B2D4 100%);
	background: linear-gradient(to right, #58B2D4 0%, #58B2D4 100%);
}
.companyList.A .item .text .name .area {
	font-size:11px;
	right:auto;
	left:-9px;
	top:-9px;;
	transform: translateY(0);
}
.companyList.A .item .text .name .area .icon {
	font-size:128%;
}
.companyList.A .item .text .htx1 {
	font-size:102%;
	margin-bottom:8px;
}
.companyList.A .item .text .description {
	font-size:92%;
	line-height:1.7;
}



/* // areaList
----------------------------------------------- */
/* |- A  */
.areaList.A {
	text-align:center;
}
.areaList.A table {
	width:100%;
	display:block;
	line-height:1;
	font-size:92%;
}
.areaList.A table tr {
	width:100%;
	display:block;
}
.areaList.A table th {
	width:100%;
	display:block;
	text-align:left;
	font-size:118%;
	padding-bottom:4px;
}
.areaList.A table td {
	width:100%;
	display:block;
	text-align:left;
	padding-bottom:8px;
}
.areaList.A table li {
	display:inline-block;
	width:19%;
}
.areaList.A table li a {
	display:block;
	width:100%;
	text-align:left;
	padding:5px 5px 5px 0px;
}
.areaList.A table li a {
	background-image: none;
}

.areaList.A table li a:hover {
	background-size: 200% auto;
	color: #333;
}



/* // flowList
----------------------------------------------- */
/* |- A  */
.flowList.A {
	text-align:center;
	margin-bottom:-8px;
}

.flowList.A li {
	margin:0 4px 8px;
	width:100px;
}
.flowList.A li:after{
	display:none;
}
.flowList.A li .tx {
	display:block;
	font-weight:400;
	font-size:90%;
	margin-top:4px;
}
.flowList.A li .tx br {
	display:none;
}

/* |- B  */
.flowList.B {
	padding-top:0;
}
.flowList.B .item {
	display:block;
	width:100%;
	margin-right:0;
	box-shadow: 5px 5px 0 #58B2D4;
	padding:15px;
	margin-bottom:20px;
}
.flowList.B .item .icon {
	position:absolute;
	top:5px;
	left:10px;
	transform: translate(0);
}
.flowList.B .item .icon .in {
	width:53px;
	height:53px;
}
.flowList.B .item .icon svg {
}

.flowList.B .item .stepTx {
	line-height:1;
	font-weight:800;
	font-size:220%;
	text-align:center;
	margin-bottom:9px;
}
.flowList.B .item .stepTx em {
	font-size:140%;
	padding-left:5px;
}
.flowList.B .item .htx1 {
	line-height:1.4;
	font-weight:700;
	font-size:160%;
	text-align:center;
	margin-bottom:12px;
}
.flowList.B .item .description {
	line-height:1.6;
	font-size:88%;
}

/* // newsList
----------------------------------------------- */
/* |- A  */
.newsList.A {
	max-height:200px;
	border:1px solid #DDD;
}
.newsList.A li .wrap {
	padding:10px 10px;;
}

.newsList.A li a .wrap:hover {
	background-size: 200% auto;
}

.newsList.A li .wrap .date {
	display:block;
	float:none;
	width:auto;
	margin-bottom:7px;
}
.newsList.A li .wrap .tx {
	position:relative;
	display:block;
	float:none;
	width:100%;
	margin-left:0;
	padding-left:0;
}
.newsList.A li a .wrap .tx {
	padding-left:15px;
}
.newsList.A li a .wrap .tx:after{
	left:2px;
	font-size:60%;
}


/* // exampleList
----------------------------------------------- */
/* |- A  */
.exampleList.A {
	margin-bottom:0;
}
.exampleList.A .item {
	margin-right:0;
	margin-bottom:12px;
	width:100%;
	float:none;
	padding:13px;
}
.exampleList.A .item:nth-of-type(even) {
	margin-right:0;
}
.exampleList.A .item:last-of-type {
	margin-bottom:0;
}

.exampleList.A .item .frame {
	padding:18px;
}
.exampleList.A .item .title {
	margin-bottom:10px;
}
.exampleList.A .item .title .ja {
	margin-bottom:1px;
	font-size:170%;
}
.exampleList.A .item .title .en {
	font-size:130%;
}
.exampleList.A .item .icon {
	display:none;
	margin-top:-5px;
	margin-bottom:4px;
}
.exampleList.A .item .icon svg {
	width:80px;
}
.exampleList.A .item .price {
	margin-bottom:15px;
	font-size:140%;
}
.exampleList.A .item .price .num {
	padding-left:9px;
	font-size:140%;
	font-weight:800;
}
.exampleList.A .item .check {
	
}
.exampleList.A .item .check li {
	margin-bottom:10px;
	font-weight:500;
	padding-left:18px;
	position:relative;
	font-size:94%;
}
.exampleList.A .item .check li:last-of-type {
	margin-bottom:0;
}
.exampleList.A .item .check li:after{
	top: 8px;
	font-size:120%;
}

/* // faqList
----------------------------------------------- */
/* |- A  */
.faqList.A {
	
}
.faqList.A .item {
	margin-bottom:25px;
	box-shadow: 4px 4px 0 #58B2D4;
	padding:18px;
}
.faqList.A .item:last-of-type {
	margin-bottom:0;
}
.faqList.A .item .question {
	padding-left:35px;
	margin-bottom:13px;
	position:relative;
}
.faqList.A .item .question p {
	font-size:112%;
	font-weight:500;
}
.faqList.A .item .question:before {
	left:9px;
	font-size:32px;
}
.faqList.A .item .answer {
	padding-left:35px;
}
.faqList.A .item .answer:before {
	left:9px;
	font-size:32px;
}

/* // telBlock
----------------------------------------------- */
/* |- A  */
.telBlock.A {
	
}
.telBlock.A .tx1 {
	margin-bottom:15px;
	font-size:92%;
}
.telBlock.A .number {
}
.telBlock.A .number a {
	padding-left:40px;
}
.telBlock.A .number a:before {
	font-size: 280%;
	top: 41%;
}

.telBlock.A .number a .en {
	font-size:270%;
}

.telBlock.A .time {
	text-align:center;
	padding-left:65px;
	font-size:90%;
}

/* // docsWrapSwipe //
----------------------------------------------- */

.docsWrapSwipe.A .swiperA .swiper-slide {
	width:250px;
	height:250px;
	padding:14px;
}
.docsWrapSwipe.A .swiperA .swiper-slide .num {
	margin-bottom:8px;
}
.docsWrapSwipe.A .swiperA .swiper-slide .title {
	font-size:118%;
	padding-bottom:10px;
	margin-bottom:10px;
	min-height:55px;
}
.docsWrapSwipe.A .swiperA .swiper-slide .title:before {
	 width:50px;
	 height:3px;
}
.docsWrapSwipe.A .swiperA .swiper-slide .description {
	line-height:1.6;
	font-size:86%;
}
.docsWrapSwipe.A .swiperA .swiper-slide .btn {
	text-align:center;
	position:absolute;
	left:0px;
	bottom:0px;
	display:block;
	width:100%;
}
.docsWrapSwipe.A .swiperA .swiper-slide:before {
	color:#000;
	font-size:580%;
}
.docsWrapSwipe.A .swiperA.none .swiper-slide {
	margin:0 20px;
}


/* // tipsWrapSwipe //
----------------------------------------------- */
.tipsWrapSwipe.A {
	width:100%;
}
.tipsWrapSwipe.A .swiperA .swiper-slide {
	width:210px;
	height:210px;
}

.tipsWrapSwipe.A .swiperA .swiper-slide a .txWrap {
	padding:23px 10px 7px 10px;
	color:#FFF;
	font-size:96%;
}
.tipsWrapSwipe.A .swiperA .swiper-slide a .logo {
	width:170px;
	opacity:0.4;
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform:  translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* // btnAllItems //
----------------------------------------------- */
/* |- A  */
.btnAllItems.A {
	margin-top:25px;
	text-align:center;
}
.btnAllItems.A .btnA {
	width:95%;
	max-width:320px;
	font-weight:400;
	font-size:112%;
	padding-top:15px !important;
	padding-bottom:15px !important;
}


/* // termsWrap //
----------------------------------------------- */
/* |- A  */
.termsWrap.A {
	font-size:82%;
	line-height:1.6;
}

/* // ctaBnr //
----------------------------------------------- */
/* |- A  */
.ctaBnr.A.btm {
	padding:45px 0; 
	top:40px;
	transition:0.4s;
}

.ctaBnr.A .frame {
	position:relative;
	padding:10px;
}
.ctaBnr.A .wrap1 {
	position:relative;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:86px;
}

.ctaBnr.A .concierge {
	bottom:0px;
	left:-10px;
	width:95px;
}
.ctaBnr.A .freeIcon {
	top:auto;
	bottom:-11px;
	left:5px;
	-ms-transform: scale(0.7, 0.7);
	-webkit-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
}
.ctaBnr.A .htx1 {
	line-height:1.35;
	font-weight:600;
	font-size:17px;
	padding-left:0;
	margin-bottom:0;
}
.ctaBnr.A .tellWrap {
	display:block;
	float:none;
	width:100%;
	padding-top:13px;
	padding-bottom:13px;
}
.ctaBnr.A .tellWrap .tx1 {
	text-align:center;
	font-size:100%;
	font-weight:300;
	line-height:1.3;
	margin-bottom:5px;
}
.ctaBnr.A .tellWrap .number {
	font-size:270%;
	margin-bottom:7px;
	font-weight:700;
}
.ctaBnr.A .tellWrap .tx2 {
	font-size:94%;
	margin-top:-2px;
}

.ctaBnr.A .btnWrap {
	display:block;
	float:none;
	width:100%;
	position:relative;
}

.ctaBnr.A .btnWrap .btn {
	-ms-box-shadow: 4px 4px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.3);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.3);
	padding:13px;
	padding-left:13px;
}
.ctaBnr.A .btnWrap .btn .icon {
	left:20px;
	font-size:200%;
	display:none;
}
.ctaBnr.A .btnWrap .btn:after {
	left:20px;
	width:35px;
	height:35px;
	display:none;
}
.ctaBnr.A .btnWrap .btn .tx1 {
	font-weight:300;
	font-size:100%;
	margin-bottom:5px;
}
.ctaBnr.A .btnWrap .btn .tx2 {
	font-weight:600;
	font-size:140%;
}
.ctaBnr.A .btnWrap .finger {
	width:38px;
	position:absolute;
    right: -12px;
    bottom: -18px;
	animation: fingerAnimScale 2s infinite ease-out;
	transform-origin: 50% 50%;
	animation-play-state:running;
}
@keyframes fingerAnimScale {
0% { transform: scale(1, 1); }
10% { transform: scale(1.4, 1.4); }
20% { transform: scale(1, 1); }
30% { transform: scale(1.2, 1.2); }
40% { transform: scale(1, 1); }
50% { transform: scale(1.15, 1.15); }
60% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}

/* |- B  */
.ctaBnr.B {
	line-height:1;
}

.ctaBnr.B .frame {
	-ms-box-shadow: 0 0 14px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 14px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 14px rgba(0,0,0,0.25);
	box-shadow: 0 0 14px rgba(0,0,0,0.25);
}
.ctaBnr.B .concierge {
	display:none;
}

.ctaBnr.B .wrap1 {
	padding:4px;
}
.ctaBnr.B .htx1 {
	font-size:114%;
	padding-left:60px;
	text-align:left;
	line-height:1.4;
}

.ctaBnr.B .freeIcon {
	position:absolute;
	top:-21px;
	left:-18px;
	transform: scale(0.65, 0.65);
}
.ctaBnr.B .freeIcon .iconTx1 {
	font-weight:700;
	font-size:26px;
}
.ctaBnr.B .freeIcon .iconTx2 {
	font-weight:700;
}

.ctaBnr.B .btmWrap {
	padding:10px 10px;
}
.ctaBnr.B .tellWrap {
	float:none;
	width:100%;
	padding-right:0;
	margin-top:15px;
}
.ctaBnr.B.noTel .tellWrap {
	display:none;
}
.ctaBnr.B .tellWrap:after{
	display:none;
}

.ctaBnr.B .tellWrap .tx1 {
	font-size:100%;
	font-weight:300;
	margin-bottom:-3px;
	padding-left:40px;
}
.ctaBnr.B .tellWrap .number {
	text-align:center;
	font-size:255%;
	padding-left:0;
	margin-bottom:7px;
	display:block;
	font-weight:700;
	color:#3AA80F;
}
.ctaBnr.B .tellWrap .number:before{
	font-size:110%;
	padding-right:10px;
	content:'\e979';
	font-family: iconfontA;
	color:#3AA80F;
	position:relative;
	top:4px;
}
.ctaBnr.B .tellWrap .tx2 {
	text-align:center;
	margin-top:-5px;
	color:#444;
	font-size:85%;
	padding-left:50px;
}

.ctaBnr.B .btnWrap {
	float:none;
	width:100%;
}

.ctaBnr.B .btnWrap .btn {
	padding:10px 8px;
	padding-left:45px;
}
.ctaBnr.B .btnWrap .btn .icon {
	left:25px;
	font-size:220%;
}
.ctaBnr.B .btnWrap .btn:after {
	left:25px;
	width:36px;
	height:36px;
}
.ctaBnr.B .btnWrap .btn .tx1 {
	font-size:97%;
	margin-bottom:3px;
}
.ctaBnr.B .btnWrap .btn .tx2 {
	font-size:130%;
}
.ctaBnr.B .btnWrap .finger {
	display:none;
}


/* // BtmFixedArea
----------------------------------------------- */
#BtmFixedArea {
	display:block;
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	padding:3px 43px 3px 3px;
	height:40px;
	background-color:rgba(255,255,255,0.6);
	-ms-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	transition:0.3s;
	z-index:490;
}
#BtmFixedArea .inner {
	display:block;
	height:100%;
}
#BtmFixedArea ul li {
	float:left;
	line-height:1;
	padding:0 2px;
}
#BtmFixedArea ul li.new {
	width:55%;
}
#BtmFixedArea ul li.search {
	width:45%;
}
#BtmFixedArea ul li a {
	display:block;
	height:34px;
	position:relative;
}
#BtmFixedArea ul li a .tx {
	font-size:13px;
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	padding-right:24px;
	font-weight:400;
}
#BtmFixedArea ul li a i {
	font-size:110%;;
}
#BtmFixedArea ul li.new a {
	background-color:#66CA41;
}
#BtmFixedArea ul li.search a {
	background-color:#00B68C;
}




/* // tabBtns //
----------------------------------------------- */
/* |- A  */
.tabBtns.A {
	line-height:1.3;
	font-size:96%;
	margin-bottom:40px;
}
.tabBtns.A .btns li {
	width:50%;
	margin-bottom:2px;
}
.tabBtns.A .btns li:nth-of-type(odd) {
	border-right:1px solid #fff;
}
.tabBtns.A .btns li:nth-of-type(even) {
	border-left:1px solid #fff;
}
.tabBtns.A .btns li a {
	padding:5px;
	height:50px;
	width:100%;
	font-weight:400;
	border-bottom-width:4px;
	position:relative;
	background-color:#F1F1F1;
}
.tabBtns.A .btns li a .tx {
	display:block;
	width:100%;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tabBtns.A .btns.on1 li:nth-of-type(1) a,
.tabBtns.A .btns.on2 li:nth-of-type(2) a,
.tabBtns.A .btns.on3 li:nth-of-type(3) a,
.tabBtns.A .btns.on4 li:nth-of-type(4) a,
.tabBtns.A .btns.on5 li:nth-of-type(5) a,
.tabBtns.A .btns.on6 li:nth-of-type(6) a,
.tabBtns.A .btns.on7 li:nth-of-type(7) a,
.tabBtns.A .btns.on8 li:nth-of-type(8) a,
.tabBtns.A .btns li a.current,
.__ {
	background-color:#DBF1F9;
}




/* // leadBlock A //
----------------------------------------------- */
/* |- A  */
.leadBlock.A {
	margin-bottom:25px;
}
.leadBlock.A .htx1 {
	margin-bottom:9px;
	font-weight:500;
	font-size:108%;
}



/* // boxFrame //
----------------------------------------------- */
/* |- A  */
.boxFrame.A {
	border-top-width:2px;
	padding-top:15px;
	padding-bottom:15px
}
.boxFrame.A .boxWidth {
	padding:0 8px;
}
.boxFrame.A.short {
	width:100%;
}



/* // allSlideBtn //
----------------------------------------------- */
/* |- A  */
.allSlideBtn.A {
}
.allSlideBtn.A li {
	margin-left:7px;
}


/* // categoryList //
----------------------------------------------- */
/* |- categoryListA  */
.dlListA:not(.formConfirm) .categoryListA {
}
.dlListA:not(.formConfirm) .categoryListA li {
	display:block;
	position:relative;
	padding-right:0;
	margin-right:0;
	padding-bottom:18px;
}
.dlListA:not(.formConfirm) .categoryListA li:after{
	position: absolute;
	right:50%;
	top: auto;
	bottom:0px;
	font-size:93%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	content:'\e933';
}
.dlListA:not(.formConfirm) .categoryListA li:last-of-type {
	padding-right:0;
	margin-right:0;
}
.dlListA:not(.formConfirm) .categoryListA li:last-of-type:after {
	display:none;
}
.dlListA:not(.formConfirm) .categoryListA li select {
	width:100%;
}

/* |- categoryListB  */
.categoryListB {
	display:block;
	padding:12px 15px;
	position:relative;
}
.categoryListB:nth-of-type(odd) {
	background-color:#F2F6F9;
}
.categoryListB.noBg {
	padding:0;
	background-color:transparent !important;
}

.categoryListB.num {
	padding-left:60px;
}
.categoryListB.num:before {
	content:" " ;
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:30px;
	height:30px;
	background-color:#58B2D4;
}
.categoryListB.num:after {
	content:"0" ;
	color:#FFF;
	text-align:center;
	font-size:132%;
	line-height:1;
	font-family: 'WorkSans';
	font-weight: 400;
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:30px;
}
.categoryListB.num:nth-of-type(1):after {	content:"1" ;}
.categoryListB.num:nth-of-type(2):after {	content:"2" ;}
.categoryListB.num:nth-of-type(3):after {	content:"3" ;}
.categoryListB.num:nth-of-type(4):after {	content:"4" ;}
.categoryListB.num:nth-of-type(5):after {	content:"5" ;}
.categoryListB.num:nth-of-type(6):after {	content:"6" ;}
.categoryListB.num:nth-of-type(7):after {	content:"7" ;}

.categoryListB li {
	display:inline-block;
	position:relative;
	margin-right:35px;
}
.categoryListB.arrow li {
	padding-left:22px;
	margin-left:7px;
	margin-right:0;
}
.categoryListB.arrow li:before{
	position: absolute;
	left:0;
	top: 50%;
	font-size:90%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e930';
	font-family: iconfontA;
}
.categoryListB li:first-of-type {
	padding-left:0;
	margin-left:0;
}
.categoryListB li:first-of-type:before {
	display:none;
}
.categoryListB li select {
	width:200px;
	font-size:90%;
}


/* // parallelBoxWrap //
----------------------------------------------- */
/* |- A  */
.parallelBoxWrap.A {
	display:block;
	width:100%;
}
.parallelBoxWrap.A .box {
	display:block;
	width:100%;
	margin-bottom:35px;
}
.parallelBoxWrap.A .box:last-of-type {
	margin-bottom:15px;
}
.parallelBoxWrap.A .box:nth-of-type(odd) {
	padding-right:0;
}
.parallelBoxWrap.A .box:nth-of-type(even) {
	padding-left:0;
}


/* // ★★★Front★★★ --------------------------------------------------------------------------------------------------------------------------------------------------- */

/* // base / layout //
----------------------------------------------- */
#Front #ContentsWrap {
	padding-bottom:35px;
	z-index:20;
}


/* // CompanyDetail //
----------------------------------------------- */

#Front #CompanyDetail #SideTelArea.A {
	margin:25px 0 17px;
}


#Front #CompanyDetail .htxF {
	margin-bottom:26px;
}
#Front #CompanyDetail .htxF .en {
	font-size:210%;
}

/* |- #CompanyDetail.article.index  */
#Front #CompanyDetail.article.index .pagination {
	margin-top:70px;
}

/* |- CompanyDetail MainColumn  */
#CompanyDetail #MainColumn .section {
	margin-bottom:50px;
}
#CompanyDetail #MainColumn .readmore[aria-expanded="false"]:before {
}

/* |- CompanyCharacteristics  */
#CompanyDetail #CompanyCharacteristics .items li {
	margin-bottom:15px;
}
#CompanyDetail #CompanyCharacteristics .items li .wrap {
	padding:8px 13px 13px;
	font-size:114%;
	line-height:1.5;
}
#CompanyDetail #CompanyCharacteristics .items li .tx1 {
	position:static;
	display:block;
	text-align:center;
	width:auto;
	transform: translateY(0);
	font-size:160%;
	padding-top:3px;
}
#CompanyDetail #CompanyCharacteristics .items li .tx1:after {
	padding-left:5px;
	font-size:180%;
	top:2px;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap {
	margin-top:25px;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA th {
	width:25%;
	text-align:left;
	color:#FFF;
	font-size:90%;
	line-height:1.3;
	font-weight:400;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA li {
	margin-right:13px;
	font-size:88%;
	line-height:1.3;
}


/* |- CompanyInformation  */
#CompanyDetail #CompanyInformation {
	
}
#CompanyDetail #CompanyInformation .infoWrap {
	margin-bottom:25px;
}

#CompanyDetail #CompanyInformation #Map_canvas {
	height: 300px;
}
#CompanyDetail #CompanyInformation .infoWrap {
	line-height:1.5;
	font-size:90%;
}
#CompanyDetail #CompanyInformation .infoWrap th {
}
#CompanyDetail #CompanyInformation .infoWrap td {
	padding-left:10px;
	padding-right:10px;
}


/* |- CompanyDetailMv  */
#CompanyDetailMv {
	width:100%;
	height:150px;
}
#CompanyDetailMv.A {
	height:400px;
}
#CompanyDetailMv .swiperA .swiper-slide {
	width:100%;
	height:150px;
}
#CompanyDetailMv .swiperA.n1 .swiper-pagination,
#CompanyDetailMv .swiperA.n1 .swiper-button-next,
#CompanyDetailMv .swiperA.n1 .swiper-button-prev {
	display:none;
}
#CompanyDetailMv .swiperA .swiper-button-prev {
	left:2px;
	margin-left: -0;
}
#CompanyDetailMv .swiperA .swiper-button-next {
	right:2px;
	margin-right: -0;
}
#CompanyDetailMv .swiperA .swiper-button-prev,
#CompanyDetailMv .swiperA .swiper-button-next {
	font-size:150%;
}

/* |- CompanyStaff  */
#CompanyStaff {
	
}
#CompanyStaff .swiperA .swiper-slide {
	width:180px;
}
#CompanyStaff .swiperA .swiper-slide a {
}
#CompanyStaff .swiperA .swiper-slide .image {
	height:180px;
}
#CompanyStaff .swiperA .swiper-slide .name {
	font-size:110%;
	margin-top:6px;
}
#CompanyStaff .swiperA .navi .circle {
	top:-10px;
}
#CompanyStaff .swiperA.none .swiper-slide {
	display:inline-block;
	float:none;
	margin:0 12px;
}


/* |- CompanyArticles  */
#CompanyArticles {
	max-width: 100%;
	}
#CompanyArticles .swiperA .swiper-slide {
	width:230px;
	height:230px;
}
#CompanyArticles .swiperA .swiper-slide a {
}
#CompanyArticles .swiperA .swiper-slide a .txWrap {
	padding:23px 11px 11px 11px;
	color:#FFF;
	font-size:96%;
}
#CompanyArticles .swiperA .swiper-slide a .logo {
	width:170px;
	opacity:0.4;
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform:  translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#CompanyArticles .swiperA.none  .swiper-wrapper {
	text-align:center;
	display:block;
}
#CompanyArticles .swiperA.none  .swiper-slide {
	display:inline-block;
	float:none;
	margin:0 10px;
}
#CompanyArticles .swiperA.none  .navi {
	display:none;
}


/* |- staffDetail  */
.staffDetailWrap.A {
	padding:15px;
	min-width:100%;
}
.lightbox_contents .staffDetailWrap.A {
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.staffDetailWrap.A .image {
	width:130px;
	top:-15px;
	right:-15px;
	margin-bottom:-8px;
}
.staffDetailWrap.A .name {
	margin-bottom:18px;
	font-size:116%;
}
.staffDetailWrap.A .text {
	font-size:92%;
	line-height:1.9;
}


/* |- certificationTx A  */
.certificationTx.A {
	text-align:left;
	font-size:80%;
	margin-top:-25px;
	margin-bottom:22px;
	line-height:1.4;
	opacity:0.7;
}

/* |- CompanyDetailLogo  */
#CompanyDetailLogo {
	margin-bottom:30px;
}
#CompanyDetailLogo .inner {
	padding:20px 10px;
	min-height:90px;
	position:relative;
}
#CompanyDetailLogo .wrap {
	width:95%;
}
#CompanyDetailLogo .wrap .in {
	position:relative;
	padding-left:60px;
	display:inline-block;
}
#CompanyDetailLogo .logo {
	width:50px;
	height:50px;
	border:5px solid #FFF;
}
#CompanyDetailLogo .company {
}
#CompanyDetailLogo .company .certification {
	vertical-align:middle;
	margin-bottom:5px;
	margin-right:8px;
}
#CompanyDetailLogo .company .certification img {
	width:100px;
}
#CompanyDetailLogo .company .area {
	padding-left:20px;
	font-size:100%;
	margin-bottom:5px;
}
#CompanyDetailLogo .company .area:after{
	font-size:130%;
}
#CompanyDetailLogo .company .name {
	line-height:1.2;
	font-size:140%;
	font-weight:600;
}




/* // ContentsAbout //
----------------------------------------------- */
#ContentsAbout #PageMv {
	background-image:url(/img/about_mv_bg_sp_01.jpg);
	background-size:cover;
}
#ContentsAbout #SecAbout .imageView .image {
	width:580px;
}
#ContentsAbout #SecContact .wrap {
	width:100%;
	margin:0 auto 0;
}
#ContentsAbout #SecContact .image {
	display:none;
}

#ContentsAbout #SecContact .contents {
	float:none;
	margin-left:-0;
	padding-left:0;
	padding-top:10px;
}
#ContentsAbout #SecContact .contents .logo {
	margin-bottom:21px;
}
#ContentsAbout #SecContact .contents .logo img {
	width:180px;
}
#ContentsAbout #SecContact .ctaBnr {
	margin-top:0;
}

/* // ContentsRequests //
----------------------------------------------- */
#ContentsRequests #PageMv {
	background-size:cover;
	height: auto;
}
/* |- SecProblem  */
#ContentsRequests #SecProblem {
}
#ContentsRequests #SecProblem .image {
	display:none;
}

#ContentsRequests #SecProblem .problemItems {
	padding-top:0px;
}
#ContentsRequests #SecProblem .problem {
	width:100%;
	margin-bottom:17px;
}
#ContentsRequests #SecProblem .problem .inner {
	display:block;
}
#ContentsRequests #SecProblem .problem .number {
	display:table;
	width:auto;
	padding:0;
	line-height:1;
	
}
#ContentsRequests #SecProblem .problem .number .tx1 {
	display:table-cell;
	font-size:150%;
	margin-bottom:0;
	vertical-align:middle;
	padding:0 10px;
}
#ContentsRequests #SecProblem .problem .number .num {
	display:table-cell;
	background-color:#000;
}
#ContentsRequests #SecProblem .problem .number .num .wrap {
	width:25px;
	height:25px;
}
#ContentsRequests #SecProblem .problem .number .num .wrap .tx {
	font-size:150%;
}
#ContentsRequests #SecProblem .problem .contents {
	display:block;
	padding:7px;
}
#ContentsRequests #SecProblem .problem .contents .tx {
	line-height:1.4;
	font-size:140%;
}

/* // FrontTop //
----------------------------------------------- */
#FrontTop .cta1 {
	margin-top:-80px;
}
/* // imageView //
----------------------------------------------- */
/* |- A  */
.imageView.A {
	text-align:center;
}

/* // compatibleCategory //
----------------------------------------------- */
/* |- A  */
.compatibleCategory.A .frame {
	padding:12px;
}
.compatibleCategory.A .inner {
	padding:12px 8px;
}
.compatibleCategory.A .categories {
	text-align:center;
}
.compatibleCategory.A .categories li {
	padding:0 2px 4px;
	width:32%;
}
.compatibleCategory.A .categories li .in {
	display:block;
	width:80px;
	height:80px;
	background-color:#7DC7E0;
	border-radius: 6px;
	position:relative;
}
.compatibleCategory.A .categories li .icon {
	display:block;
	width:100%;
	height:50px;
	text-align:center;
	position:relative;
}
.compatibleCategory.A .categories li .icon svg {
	width:50%;
	top:50%;
	left:50%;
}
.compatibleCategory.A .categories li .name {
	text-align:center;
	width:94%;
	font-size:70%;
	margin: 0 auto;
	top:77%;
	left:50%;
	transform: translate(-50%,-50%);
}
.compatibleCategory.A .categories li .name br {
	display:none;
}

/* // featureList //
----------------------------------------------- */
/* |- A  */
.featureList.A {
	margin-bottom:-0;
}
.featureList.A .item {
	width:100%;
	float:left;
	margin-right:0;
	margin-bottom:20px;
	border-bottom-width:3px;
}
.featureList.A .item:nth-of-type(even) {
	margin-right:0;
}
.featureList.A .item:last-of-type {
	margin-bottom:0;
}
.featureList.A .item .image {
	height:100px;
}
.featureList.A .item .inner {
	padding:20px 17px;
}
.featureList.A .item .htx1 {
	font-size:160%;
	margin-bottom:13px;
}
.featureList.A .item .description {
	line-height:1.7;
	font-size:104%;
}

/* |- B  */
.featureList.B {
	
}
.featureList.B .wrap {
	position:relative;
	overflow:hidden;
}
.featureList.B .wrap .image {
	display:none;
}
.featureList.B .wrap:nth-of-type(1) {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
}
.featureList.B .wrap:nth-of-type(1) .inner {
	padding-left:0;
}
.featureList.B .wrap:nth-of-type(2) {
	padding-top:0;
	padding-bottom:0;
}
.featureList.B .wrap:nth-of-type(2) .inner {
	padding-right:0;
}

.featureList.B .wrap > .inner {
}
.featureList.B .item {
	margin-bottom:20px;
}
.featureList.B .item .bg {
	width:120px;
	bottom:-14px;
}
.featureList.B .item .itemNum {
	margin-bottom:11px;
}
.featureList.B .item .itemNum .en {
	font-size:180%;
}
.featureList.B .item .itemNum .num {
	width:35px;
	height:35px;
	margin-left:5px;
}
.featureList.B .item .itemNum .num em {
	font-size:200%;
}
.featureList.B .item .htx1 {
	margin-bottom:8px;
	font-size:135%;
}
.featureList.B .item .description {
	font-weight:300;
	line-height:1.7;
	font-size:100%;
}

/* |- C  */
.featureList.C {
	padding-top:15px;
}
.featureList.C .item {
	margin-bottom:46px;
	padding-top:100px;
	position:relative;
}
.featureList.C .item:before {
	width:20px;
	height:20px;
	top:2px;
}
.featureList.C .item .icon {
	position:absolute;
	top:0%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.featureList.C .item .icon .in {
	position:relative;
	width:70px;
	height:70px;
}
.featureList.C .item .icon svg {
	width:70%;
}

.featureList.C .item .cellWrap {
	display:block;
	width:100%;
}
.featureList.C .item .contents {
	display:block;
	width:100%;
	padding:15px 20px 15px;
}
.featureList.C .item .contents .htx1 {
	font-size:160%;
	margin-bottom:10px;
}

.featureList.C .item .contents .description p {
	line-height:1.7;
	font-weight:400;
	font-size:96%;
}
.featureList.C .item .image {
	display:block;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	height:100px;
}


/* // searchBox //
----------------------------------------------- */
/* |- A  */
.searchBox.A {
	padding:0 10px;
}

.searchBox.A > .inner {
	max-width:100%;
	padding:0 0;
}
.searchBox.A .categoryWrap {
	display:block;
	width:100%;
}
.searchBox.A .categoryWrap .box {
	display:block;
	width:100%;
	padding: 15px 10px;
	border-right:0 solid #4A97B4;
	border-bottom:1px solid #4A97B4;
}
.searchBox.A .categoryWrap .box:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.searchBox.A .categoryWrap .box {	display: inline-block;} 
* html .searchBox.A .categoryWrap .box {	height: 1%;	}
.searchBox.A .categoryWrap .box {	display:block;	}

.searchBox.A .categoryWrap .box:last-of-type {
	border-right:0;
	border-bottom:0;
}
.searchBox.A .categoryWrap .box .nameWrap {
	display:block;
	width:45%;
	float:left;
}
.searchBox.A .categoryWrap .box .linkWrap {
	display:block;
	width:55%;
	float:left;
}

.searchBox.A .box .cateIcon {
	height:80px;
}
.searchBox.A .box .cateIcon svg {
	height:80px;
}
.searchBox.A .box .name {
	height:auto;
	margin-top:10px;
	padding-right:10px;
}
.searchBox.A .box .name p {
	font-size:115%;
	color:#FFF;
	line-height:1.3;
	position:static;
	top:auto;
	left:auto;
	-ms-transform: translate(0);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	transform: translate(0);
	width:100%;
	text-align:center;
}
.searchBox.A .box .name p br {
	display:none;
}
.searchBox.A .box .childList {
	margin-bottom:15px;
}
.searchBox.A .box .childList li {
	margin-bottom:5px;
}
.searchBox.A .box .childList li:nth-of-type(4),
.searchBox.A .box .childList li:nth-of-type(5) {
	display:none;
}
.searchBox.A .box .childList li a {
	padding:6px 3px;
	font-size:77%;
}
.searchBox.A .box .childList li a:hover {
	background-size: 200% auto;
}
.searchBox.A .box .allCategoryBtn {
	margin-top:10px;
}
.searchBox.A .box .allCategoryBtn .btn {
	padding-top:12px;
	padding-bottom:12px;
}


/* // PageMv //
----------------------------------------------- */
/* |- top  */
#PageMv.top {
	background:url(/img/top_mv_bg_sp_01.jpg) center center no-repeat;
	background-size:cover;
	height:auto;
}
#PageMv.top .bg {
	height:100%;
	padding:50px 10px 110px ;
}
#PageMv.top .inner {
	height:100%;
}
#PageMv.top .wrap {
	position:relative;
	top:auto;
	left:auto;
	transform: translate(-0%,-0%);
	width:100%;
}
#PageMv.top .textWrap {
	display:block;
	margin-right:0;
}
#PageMv.top .text1 {
	margin-bottom:18px;
}
#PageMv.top .text1 .in {
	text-align:center;
	padding:8px 20px;
	font-weight:600;
	display:block;
	white-space:nowrap;
}
#PageMv.top .text1 .tx1 {
	display:inline-block;
	font-size:130%;
	margin-right:5px;
}
#PageMv.top .text1 .tx2 {
	font-weight:700;
	font-size:160%;
	margin-right:5px;
}
#PageMv.top .text1 .tx3 {
	font-size:280%;
}
#PageMv.top .text2 {
	font-size:310%;
	margin-bottom:12px;
}
#PageMv.top .text3 {
	font-size:210%;
	margin-bottom:20px;
}
#PageMv.top .text4 {
	font-size:200%;
	margin-bottom:11px;
}

#PageMv.top .text4 .tx1 {
	display:inline-block;
	font-size:100%;
	margin-right:10px;
	margin-bottom:0;
}
#PageMv.top .text4 .tx2 {
	font-weight:500;
	font-size:84%;
	margin-right:8px;
}
#PageMv.top .text4 .tx3 {
	display:inline-block;
	font-size:150%;
	margin-right:4px;
}
#PageMv.top .text4 .tx4 {
	display:inline-block;
	font-weight:700;
	font-size:80%;
}

#PageMv.top .icon {
	margin-top:0;
	text-align:center;
	line-height:1;
	-ms-transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
}
#PageMv.top .icon li {
	display:inline-block;
	width:65px;
	height:65px;
	margin:0 3px;
}
#PageMv.top .icon li:nth-of-type(5),
#PageMv.top .icon li:nth-of-type(6),
#PageMv.top .icon li:nth-of-type(7) {
	display:none;
}


#PageMv.top .rightWrap {
	display:block;
	margin-top:15px;
	width:100%;
	height:100px;

	display:none;

}
#PageMv.top .rightWrap.fig {
	display:none;
}


/* |- A  */
#PageMv.A {
	padding:40px 10px 30px;
	margin-bottom:35px;
}
#PageMv.A .txBlock1 {
}

#PageMv.A .inner .tx1 {
	padding:4px 15px 2px;
	font-size:136%;
}
#PageMv.A .inner .tx1 .tx11 {
	margin-right:5px;
	top:2px;
}
#PageMv.A .inner .tx1 .tx12 {
	font-size:108%;
	margin-right:7px;
	position:relative;
	top:2px;
}
#PageMv.A .inner .tx1 .tx13 {
	font-size:170%;
}
#PageMv.A .inner .tx2 {
	margin-top:15px;
	margin-left:0;
	font-size:160%;
	position:relative;
	top:0;
	display:block;
	text-align:center;
}
#PageMv.A .inner .tx2 .tx21 {
	margin-left:0;
	font-size:85%;
	font-weight:400;
}
#PageMv.A .inner .tx2 .tx22 {
	margin-right:0;
	margin-left:5px;
	font-size:170%;
}

#PageMv.A .inner .title {
	margin-top:5px;
	font-size:31px;
	line-height:1.3;
}
#PageMv.A .inner .title .tit1 {
}
#PageMv.A .inner .title .tit1 .small {
	padding-left:3px;
	font-size:75%;
}
#PageMv.A .inner .title .tit2 {
	font-size:63%;
}
#PageMv.A .inner .title .tit2 .small {
	padding-left:1px;
	padding-right:1px;
	font-size:80%;
}
#PageMv.A .ctaBnr {
	margin-top:27px;
}
#PageMv.A .ctaBnr .widthFix {
	padding:0;
}


#PageMv.A.detail .inner {
	text-align:center;
}
#PageMv.A.detail .txWrap {
	display:block;
	text-align:center;
	margin-right:0;
	max-width:100%;
}
#PageMv.A.detail .imageWrap {
	display:block;
	text-align:center;
	margin-top:16px;
}
#PageMv.A.detail .imageWrap img {
	width:220px;
}

#PageMv.A.detail .inner .title {
	margin-top:5px;
	font-size:31px;
	line-height:1.3;
}
#PageMv.A.detail .inner .title .tit1 {
	text-align:center;
}

#PageMv.A.detail .inner .title .tit2 {
	text-align:center;
}

#PageMv.A.detail .inner .tx2 {
	margin-top:15px;
	margin-left:0;
	font-size:160%;
	font-weight:400;
}
#PageMv.A.detail .inner .tx2 .tx21 {
	margin-left:0;
	font-size:85%;
	font-weight:400;
}
#PageMv.A.detail .inner .tx2 .tx22 {
	margin-right:0;
	margin-left:5px;
	font-size:170%;
}


/* |- B  */
#PageMv.B {
	padding:30px 10px;
	height:auto;
}
#PageMv.B.s {
	height:auto;
	padding-bottom:10px;
}
#PageMv.B .wrap {
	position:relative;
	top:auto;
	left:auto;
	transform: translate(0);
}
#PageMv.B .text1 {
	line-height:1.3;
	margin-bottom:8px;
}
#PageMv.B .text1 .logo {
	width:100px;
	display:inline-block;
}
#PageMv.B .text1 .logo svg {
	fill:#FFF;
	width:100%;
}

#PageMv.B .text1 .en {
	font-size:20px;
	display:block;
	margin-top:4px;
}

#PageMv.B .text2 {
	margin-bottom:12px;
}
#PageMv.B .text2 em {
	font-size:20px;
	padding:6px 25px;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 11%, rgba(255,255,255,0.85) 89%, rgba(255,255,255,0.0) 100%);
}
#PageMv.B .text3 {
	margin-bottom:11px;
	font-size:30px;
}
#PageMv.B .image1 {
	text-align:center;
	margin-bottom:-10px;
}
#PageMv.B .text4 {
	margin-bottom:16px;
	font-size:18px;
}
#PageMv.B .text4 .logo {
	padding:0 8px;
}
#PageMv.B .text4 svg {
	width:120px;
}
#PageMv.B .ctaBnr {
	margin-top:20px;
}
#PageMv.B .ctaBnr .widthFix {
	padding:0;
}


/* // CategoryDetail //
----------------------------------------------- */

#CategoryDetail {
	overflow:hidden;
}

#CategoryDetail .section {
	position:relative;
	padding-top:35px;
	padding-bottom:35px;
}
#CategoryDetail .sectionBox {
	width:100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background-color:#FFF;
	position:relative;
}
#CategoryDetail .sectionBox .inner {
	padding:20px 16px 20px;
}

#CategoryDetail .sectionIcon {
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#CategoryDetail .sectionIcon .circle {
	display:block;
	width:60px;
	height:60px;
	margin:0 auto;
	background: -moz-linear-gradient(left, #58B2D4 0%, #66CA41 100%);
	background: -webkit-linear-gradient(left, #58B2D4 0%, #66CA41 100%);
	background: linear-gradient(to right, #58B2D4 0%, #66CA41 100%);
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	position:relative;
}
#CategoryDetail .sectionIcon .circle .icon {
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color:#FFF;
	font-size:35px;
}

/* |- CategoryLead  */
#CategoryDetail #CategoryLead {
	margin-bottom:30px;
	padding-top:0;
}
#CategoryDetail #CategoryLead .htx1 {
	margin-bottom:25px;
}
#CategoryDetail #CategoryLead .htx2 {
	text-align:center;
	margin-bottom:20px;
}

/* |- CategoryRefineSearch  */
#CategoryDetail #CategoryRefineSearch {
	background-color:#EFF6F8;
	width:100%;
	margin-left:0;
}
#CategoryDetail #CategoryRefineSearch .category {
	margin-bottom:35px;
}
#CategoryDetail #CategoryRefineSearch .areaBlock {
	
}
#CategoryDetail #CategoryRefineSearch .areaBlock .htx1 {
	font-weight:600;
	text-align:center;
	line-height:1.4;
	font-size:120%;
	margin-bottom:15px;
}

/* |- CategoryImage1  */
#CategoryDetail #CategoryImage1 {
	height:300px;
	margin-bottom:50px;
}
#CategoryDetail #CategoryImage1 .bg {
	
}

/* |- CategoryMarketInfo  */
#CategoryDetail #CategoryMarketInfo {
	width:100%;
	margin-left:0;
}
#CategoryDetail #CategoryMarketInfo .contentsItems {
	margin:20px auto 0;
	min-width:100%;
	max-width:100%;
}
#CategoryDetail #CategoryMarketInfo .contentsItems .item {
	margin-bottom:17px;
	font-size:140%;
}


#CategoryDetail #CategoryMarketInfo .contentsItems .item:before{
	display:none;
}

#CategoryDetail #CategoryMarketInfo .contentsItems .item .inner {
	display:block;
}
#CategoryDetail #CategoryMarketInfo .contentsItems .item .htx {
	display:block;
	width:100%;
	vertical-align:middle;
	padding:12px;
	text-align:center;
}
#CategoryDetail #CategoryMarketInfo .contentsItems .item .detail {
	display:block;
	width:100%;
	padding:10px 12px 10px 10px;
	font-size:120%;
	position:relative;
}

#CategoryDetail #CategoryMarketInfo .contentsItems .item .detail:before{
	position: absolute;
	right:10px;
	top: 50%;
	font-size:100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e934';
	font-family: iconfontA;
	color:#58B2D4;
	transition:0.2s;
}


/* |- CategoryRecommendedPartner  */
#CategoryDetail #CategoryRecommendedPartner {
	margin-bottom:20px;
}

/* |- CategoryBusinessTips  */
#CategoryDetail #CategoryBusinessTips {
	width:100%;
	margin-left:0;
}

#CategoryDetail #CategoryBusinessTips .tipsWrapSwipe {
	width:92%;
	max-width: 1400px;
	margin:40px auto 0;
}

/* // NewRequest //
----------------------------------------------- */
#NewRequest {
	
}
#NewRequest .boxFrame {
	border-top-color:#66CA41;
}
#NewRequest .dlListA dt {
	background-color:#3AA80F;
	color:#FFF;
	padding-top:9px;
	padding-bottom:9px;
	font-size:110%;
}
#NewRequest .dlListA dt:before {
	background-color:#66CA41;
}


#NewRequest .formStyleA.strong1 textarea,
#NewRequest .formStyleA.strong1 select,
#NewRequest .formStyleA.strong1 input[type="text"],
#NewRequest .formStyleA.strong1 input[type="tel"],
#NewRequest .formStyleA.strong1 input[type="email"],
#NewRequest .formStyleA.strong1 input[type="password"],
#NewRequest .formStyleA.strong1 input[type="number"],
#NewRequest .formStyleA.strong1 .radio:after,
#NewRequest .formStyleA.strong1 .checkbox:after {
	border-color:#66CA41;
}
#NewRequest .formStyleA dd .inputIcon i,
#NewRequest .formStyleA dd .inputIcon:after {
	color:#66CA41;
}
#NewRequest .categoryListA li select {
	width:100%;
}
#NewRequest .newRequestEstimate .num {
	width:120px;
}
#NewRequest .newRequestEstimate .inputIcon {
	display:inline-block;
}

/* |- formFlow  */
#NewRequest .formFlow.A {
	background-color:#f3f3f3;
}

#NewRequest .formFlow.A li {
	font-size:110%;
	color:#777;
	line-height:1.4;
	padding:5px;
	border-top:6px solid #E0DEDE;
	height:75px;
}
#NewRequest .formFlow.A li em {
	font-weight:400;
}

#NewRequest .formFlow.A.on1 li:nth-of-type(1),
#NewRequest .formFlow.A.on2 li:nth-of-type(2),
#NewRequest .formFlow.A.on3 li:nth-of-type(3),
#NewRequest .formFlow.A.on4 li:nth-of-type(4),
#NewRequest .formFlow.A.on5 li:nth-of-type(5),
.___ {
	font-size:124%;
}
#NewRequest .formFlow.A li:after{
	font-size:23px;
}

/* |- newRequestType  */
#NewRequest:not(.formConfirm) .newRequestType  {
}
#NewRequest .newRequestType .tabBtnWrap  {
}
#NewRequest .newRequestType .tabBtnWrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#NewRequest .newRequestType .tabBtnWrap {	display: inline-block;} 
* html #NewRequest .newRequestType .tabBtnWrap {	height: 1%;	}
#NewRequest .newRequestType .tabBtnWrap {	display:block;	}

#NewRequest .newRequestType li  {
	margin-right:0;
	float:left;
	width:50%;
}
#NewRequest .newRequestType li:nth-of-type(odd)  {
	padding-right:2px;
}
#NewRequest .newRequestType li:nth-of-type(even)  {
	padding-left:2px;
}

#NewRequest:not(.formConfirm) .newRequestType  {
	border-bottom:0;
}
#NewRequest .newRequestType li a  {
	width:100%;
	height:50px;
	font-size:120%;
	border-radius: 4px;
	background-color:#e4efdf;
	color:#7ca569;
}
#NewRequest .newRequestType li a.current  {
	font-size:148%;
	background-color: #fff;
	color: #3AA80F;
	border: 3px solid #3AA80F;
	font-weight:500;
}
#NewRequest .newRequestType li a .tx  {
}
#NewRequest .newRequestType li a.current .tx  {
}

#NewRequest .attachedDocumentList{
	margin-top:12px;
	padding-top:12px;
}


/* // FrontBreadcrumbs //
----------------------------------------------- */
#FrontBreadcrumbs {
	position:absolute;
	left:-5px;
	top:1px;
}
#FrontBreadcrumbs li {
	margin-right:12px;
	font-size:70%;
}
#FrontBreadcrumbs li:last-of-type {
	margin-right:0;
}
#FrontBreadcrumbs li a {
	padding:3px 1px;
}
#FrontBreadcrumbs li a:after{
	right:-12px;
	font-size:66%;
}
#FrontBreadcrumbs li a:before {
	display:none;
}
#FrontBreadcrumbs li a .tx{
	font-weight:200;
}

/* |- bar  */
#FrontBreadcrumbs.bar {
	line-height:1.3;
	padding-top:3px;
	padding-bottom:3px;
}


/* // PageTitle //
----------------------------------------------- */
/* |- A  */
#PageTitle.A {
	height:120px;
	margin-bottom:30px;
}

#PageTitle.A .title {
	top:53%;
}
#PageTitle.A .title .tx {
	font-size:180%;
	line-height:1.3;
	padding:0 20px 8px;
}

#PageTitle.A .freeIcon {
	display:inline-block;
	position:relative;
	width:45px;
	vertical-align:middle;
	-moz-transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75);
	transform: scale(0.75, 0.75);
	left:-10px;
}


#PageTitle.A.short {
	height:90px;
	margin-bottom:24px;
}
#PageTitle.A.short .title .tx {
	font-size:150%;
	padding:0 20px 8px;
}


/* |- businessTips  */

#PageTitle.businessTips {
	display:block;
	height:200px;
	position:relative;
	z-index:5;
	margin-bottom:30px;
}

#PageTitle.businessTips .title {
}
#PageTitle.businessTips .title .en {
	font-size:50px;
}
#PageTitle.businessTips .title .catch {
	font-size:140%;
	margin-top:10px;

}



#PageTitle.businessTips.s {
	height:120px;
	margin-bottom:28px;
}
#PageTitle.businessTips.s .title {
	top:56%;
}
#PageTitle.businessTips.s .title .en {
	font-size:40px;
}
#PageTitle.businessTips.s .title .catch {
	font-size:130%;
	margin-top:1px;
}



/* // TEXT SETTING //
----------------------------------------------- */
/* |- htxA  */
#Front .htxA {
	margin-bottom:15px;
	font-size:155%;
}
/* |- htxB  */
#Front .htxB {
	margin-bottom:15px;
	font-weight:600;
	font-size:155%;
	line-height:1.4;
}
/* |- htxC  */
#Front .htxC {
	margin-bottom:8px;
	font-size:128%;
}

/* |- htxD  */
#Front .htxD {
	margin-bottom:35px;
	font-size:160%;
	line-height:1.35;
}
#Front .htxD em {
	padding: 0 12px 10px;
}

/* |- htxE  */
#Front .htxE {
	margin-bottom:22px;
	font-size:130%;
}
#Front .htxE .in {
	padding:7px 10px !important;
}

#Front .htxE.withIcon .tx {
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}

#Front .htxE.withIcon .in .iconBox {
	display:none;
}



/* |- htxF  */
#Front .htxF {
	margin-bottom:22px;
}
#Front .htxF .en {
	font-size:220%;
}
#Front .htxF .en .tx {
	display:inline-block;
	position:relative;
	padding:0 7px;
	top:1px;
}
#Front .htxF .en .tx:before,
#Front .htxF .en .tx:after {
	display:none;
}
#Front .htxF .ja {
	font-size:124%;
	margin-top:8px;
}
#Front .htxF .description {
	font-size:96%;
	font-weight:400;
	margin-top:11px;
}

#Front .htxF.thick .en .tx:before,
#Front .htxF.thick .en .tx:after {
	height:14px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/* |- htxG  */
#Front .htxG {
	margin-bottom:12px;
	font-size:114%;
}

/* |- htxH  */
#Front .htxH {
	margin-bottom:30px;
	line-height:1.4;
}
#Front .htxH .mainTx {
	display:block;
	font-size:230%;
	font-weight:700;
}
#Front .htxH .subTx {
	margin-top:8px;
	display:block;
	font-weight:500;
	font-size:140%;
}

/* |- htxI  */
#Front .htxI {
	margin-bottom:20px;
	font-size:150%;
}

/* |- htxJ  */
#Front .htxJ {
	margin-bottom:22px;
}
#Front .htxJ .tx {
	line-height:1.3;
	font-weight:600;
	font-size:160%;
	padding:0 15px 19px;
}
#Front .htxJ .tx:before {
	content:" ";
	display:block;
	width:100%;
	height:5px;
	background: -moz-linear-gradient(left, #58B2D4 0%, #66CA41 100%);
	background: -webkit-linear-gradient(left, #58B2D4 0%, #66CA41 100%);
	background: linear-gradient(to right, #58B2D4 0%, #66CA41 100%);
	position:absolute;
	left:0px;
	bottom:0px;
}

/* |- htxK  */
#Front .htxK {
	margin-bottom:37px;
	line-height:1.3;
}
#Front .htxK .ja {
	margin-bottom:8px;
	font-size:160%;
}
#Front .htxK .en {
	font-size:160%;
}
#Front .htxK .catch {
	margin-bottom:8px;
	text-align:center;
	display:block;
}
#Front .htxK .catch em {
	display:inline-block;
	padding:0 20px;
	position:relative;
	font-size:130%;
	font-weight:600;
}
#Front .htxK .catch em:after,
#Front .htxK .catch em:before {
	top:60%;
	width:11px;
	height:30px;
}




/* |- stxA  */
#Front .stxA {
	font-size:92%;
	line-height:1.7;
}

/* |- titleA  */
#Front .titleA {
	font-size:160%;
	margin-bottom:28px;
}
#Front .titleA .tx {
	display:block;
	padding-bottom:14px;
	border-bottom-width:3px;
}

/* |- boxTitle A  */
#Front .boxTitle.A {
	margin-bottom:15px;
	font-weight:600;
	font-size:150%;
	line-height:1.4;
}
#Front .boxTitle.A .stx1 {
	font-weight:500;
	font-size:82%;
}

/* // FrontTermsPrivacy //
----------------------------------------------- */
#FrontTermsPrivacy .termsWrap .title {
	font-size:140%;
	margin-bottom:15px;
}

/* // FrontRegister //
----------------------------------------------- */

#FrontRegister .dlListA.formConfirm dt{
	padding-top:7px;
}
#FrontRegister .dlListA.formConfirm dd{
	font-weight:400;
}
/* |- facebookBlock  */
#FrontRegister .facebookBlock{
	display:block;
	margin:0 auto 27px;
	padding:15px 15px 12px;
}
#FrontRegister .facebookBlock .btnCell{
	display:block;
	padding-right:0;
}
#FrontRegister .facebookBlock .btnCell .btn{
	padding-right:5px;
	padding-left:5px;
	width:100%;
}
#FrontRegister .facebookBlock .txCell{
	display:block;
	font-size:90%;
	line-height:1.5;
	margin-top:7px;
}



/* // FrontLoginRegister //
----------------------------------------------- */
#FrontLoginRegister {
	margin-bottom:20px;
}
#FrontLoginRegister #Login .inputArea {
	margin-top:15px;
}
#FrontLoginRegister #Login .inputArea .submit.A {
	margin-top:20px;
	margin-bottom:10px;
}
#FrontLoginRegister #1 .forgot {
	font-size:88%;
}
#FrontLoginRegister .facebook {
	margin-top:20px;
	padding-top:20px;
	margin-bottom:0px;
}
#FrontLoginRegister .facebook .btn {
	width:100%;
}


/* // registerTmpA //
----------------------------------------------- */

.registerTmpA .boxTitle {
	padding-left:45px;
	position:relative;
}
.registerTmpA .boxTitle .circle {
	width:42px;
	height:42px;
	font-size:90%;
	padding-top:13px;
}
.registerTmpA .boxTitle .circle em {
	position:relative;
}

.registerTmpA .baloonTx1 {
	margin-top:17px;
}
.registerTmpA .baloonTx1 .tx {
	padding:7px 42px;
}


.registerTmpA .submit.A {
}

.registerTmpA .facebook {
	margin-top:35px;
	padding-top:30px;
}




/* // FrontFaq //
----------------------------------------------- */

#FrontFaq .section {
	margin-bottom:55px;
}
#FrontFaq .section:last-of-type {
	margin-bottom:0;
}

#FrontFaq .allSlideBtn {
	margin-top:-10px;
	margin-bottom:15px;
}

#FrontFaq .item {
	margin-bottom:19px;
}
#FrontFaq .item .question {
	padding:12px 30px  12px 30px;
}

#FrontFaq .item .question:after {
	left: 15px;
	top: 10px;
	font-size:22px;
}
#FrontFaq .item .question p {
	font-weight:500;
	font-size:110%;
	line-height:1.5;
}
#FrontFaq .item .question .btn {
	right:5px;
}
#FrontFaq .item .question .btn .tx {
	padding-right:0;
}
#FrontFaq .item .question .btn .tx em {
	display:none;
}
#FrontFaq .item .question .btn .tx:after{
	right:0px;
	font-size:120%;
}
#FrontFaq .item .question .btn .cl .tx:after{
	content:'\e926';
}
#FrontFaq .item .question .btn .op .tx:after{
	content:'\e925';
}

#FrontFaq .item .answer {
	padding:0 12px  12px 30px;
	font-size:92%;
	line-height:1.7;
}
#FrontFaq .item .answer:after {
	left: 15px;
	top: -2px;
	font-size:22px;
}





/* // ★★★MyPage★★★ --------------------------------------------------------------------------------------------------------------------------------------------------- */

/* // base / layout //
----------------------------------------------- */
#MyPage #ContentsWrap {
	display:block;
}
#MyPageCategoryNavi {
	display:none;
}
#MyPageLocalNavi {
	display:none;
}
#MyPageMainArea {
	border-left:0;
	display:block;
	padding-bottom:40px;
	min-height:1px;
}
#MyPageMainArea > .inner {
	display:block;
	min-height:1px;
}
#MyPageMainArea .widthFix {
	min-height:1px;
	min-width:100%;
	width:100%;
	max-width:100%;
	padding:0 8px;
}

#MyPage #ContentsWrap.trgTop {
	padding-left:0;
}



/* // TEXT SETTING //
----------------------------------------------- */
#MyPage .htxA {
	margin-bottom:10px;
	font-size:113%;
}
#MyPage .htxA.icon {
	padding-left:30px;
}
#MyPage .htxA.icon img {
	width:22px;
}

#MyPage .htxB {
	margin-bottom:18px;
	font-weight:600;
	font-size:145%;
	line-height:1.3;
}

#MyPage .htxC {
	margin-bottom:13px;
	font-weight:600;
	font-size:122%;
	line-height:1.3;
}


/* // boxA //
----------------------------------------------- */
#MyPage .boxA {
	margin-bottom:35px;
}
#MyPage .boxA > .inner  {
	border-width:5px;
}
#MyPage .boxA .boxWidthA {
	padding-left:10px;
	padding-right:10px;
}
/* |- boxTitle  */
#MyPage .boxA .boxTitle {
	padding-top:15px;
	padding-bottom:15px;
}
#MyPage .boxA .boxTitle .mainTx {
	display:inline-block;
	font-weight:500;
	font-size:140%;
	width: 76%;
}
#MyPage .boxA .boxTitle .mainTx.full {
	width: 100%;
}
#MyPage .boxA .boxTitle .mainTx .status {
	font-size:12px;
	padding:3px 8px;
	margin-left:10px;
	top:-3px;
	font-weight:400;
}


#MyPage .boxA .boxTitle .new {
	display:block;
	margin:13px auto 0;
	width:90%;
	min-width:200px;
}
#MyPage .boxA .boxTitle .slideBtn {
	height:55px;
}

#MyPage .boxA .boxTitle .slideBtn .wrap {
	top: 21px;
	right: 2px;
	width: 48px;
	font-size:102%;
}
#MyPage .boxA .boxTitle .slideBtn .wrap .tx:before {
	font-size:116%;
}

#MyPage .boxA .contentsWrap {
	padding-top:8px;
	padding-bottom:20px;
}

#MyPage .boxA .viewAll {
	padding-top:0px;
}
#MyPage .boxA .viewAll .btn {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	font-size:120%;
	font-weight:400;
}

#MyPage .boxA .blockA {
	margin-bottom:25px;
}
#MyPage .boxA .blockA:last-of-type {
	margin-bottom:0;
}


/* // unReadBox //
----------------------------------------------- */
#MyPage .unReadBox {
	margin-bottom:30px;
}
#MyPage .unReadBox > .inner  {
	padding:10px;
	position:relative;
}
#MyPage .unReadBox .title {
	display:block;
	margin-right:0;
	padding-left:0;
	font-size:110%;
	text-align:center;
}
#MyPage .unReadBox .title .tx {
	display:inline-block;
	padding-left:26px;
	position:relative;
}
#MyPage .unReadBox .title .icon {
	width:20px;
}
#MyPage .unReadBox .status {
	display:block;
	font-weight:300;
	font-size:84%;
	text-align:center;
}
#MyPage .unReadBox .status .num {
	font-weight:600;
	padding:0 5px;
	font-size:135%;
}
#MyPage .unReadBox .btn {
	display:block;
	position:relative;
	right:auto;
	top:auto;
	-ms-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	width:80%;
	margin:5px auto 0;
}

#MyPage .lightbox_contents.lightbox_unread .box {
	margin:0 auto;
	width:95%;
	max-width:95%;
}
#MyPage .lightbox_contents.lightbox_unread .box .boxA {
	width:100%;
}
#MyPage .lightbox_contents.lightbox_unread .box .boxA > .inner {

}

/* // MyPageNewRequest //
----------------------------------------------- */
#MyPageNewRequest:not(.formComplete) .tx1 {
	margin-bottom:5px;
	font-size:92%;
}
#MyPageNewRequest .tx1 .tx {
	font-size:100%;
}
#MyPageNewRequest .tx1 .description {
}



#MyPageNewRequest .attachedDocumentList{
	margin-top:12px;
	padding-top:12px;
}

/* |- newRequestType  */
#MyPageNewRequest:not(.formConfirm) .newRequestType  {
	border-bottom:0;
}
#MyPageNewRequest .newRequestType li  {
	margin-right:3px;
}
#MyPageNewRequest .newRequestType li:last-of-type  {
	margin-right:0;
}
#MyPageNewRequest .newRequestType li a  {
	width:150px;
	height:50px;
	font-size:116%;
}

#MyPageNewRequest .newRequestType li a.current  {
	font-size:123%;
}



/* |- newRequestName  */
#MyPageNewRequest .newRequestName .name {
	font-size:108% !important;
}

/* |- newRequestLimit  */
#MyPageNewRequest .newRequestLimit {
	
}

/* |- newRequestEstimate  */
#MyPageNewRequest .newRequestEstimate .num {
	width:120px;
}

/* // cvArea //
----------------------------------------------- */
/* |- A  */
.cvArea.A {
	padding:15px 15px 5px;
}
.cvArea.A .title {
	font-size:130%;
	line-height:1.3;
}
.cvArea.A .description {
	font-size:95%;
	text-align:center;
}
.cvArea.A .btn {
	text-align:center;
}
.cvArea.A .btn .btnA {
	width:100%;
	font-size:130%;
}


/* // searchFilter //
----------------------------------------------- */
#MyPage .searchFilterA {
	margin-bottom:22px;
}
#MyPage .searchFilterA .areaWrap {
	width:100%;
	display:block;
	padding:11px 12px 12px;
}
#MyPage .searchFilterA .areaWrap .inputArea {
	width:100%;
	display:block;
}
#MyPage .searchFilterA .areaWrap .btnArea {
	display:block;
	width:auto;
}
#MyPage .searchFilterA .areaWrap .inputArea .cellWrap {
	width:100%;
	display:block;
}
#MyPage .searchFilterA .areaWrap .inputArea .cellWrap .cell {
	display:block;
	padding-right:0;
	margin-bottom:8px;
}
#MyPage .searchFilterA .areaWrap .inputArea .cellWrap .cell.date {

}
#MyPage .searchFilterA .areaWrap .inputArea .cellWrap .cell.date span {
	display:inline-block;
	width:45%;
}
#MyPage .searchFilterA .areaWrap .inputArea .htx {
	line-height:1.3;
	font-size:108%;
	margin-bottom:3px;
}



/* // prjChangeTab //
----------------------------------------------- */
#MyPage .prjChangeTab {
	display:block;
	margin-top:0px;
	margin-bottom:40px;
	text-align:center;
	padding:0 10px;
}
#MyPage .prjChangeTab > .inner  {
	width:100%;
	height:55px;
}

#MyPage .prjChangeTab ul li  {
	line-height:1.3;
}
#MyPage .prjChangeTab ul li a  {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
#MyPage .prjChangeTab ul li .tx  {
	font-size:118%;
}



/* // MyPageHeader //
----------------------------------------------- */
#MyPageHeader {
	border-bottom-width:3px;
	padding:10px 10px 2px;
	position:relative;
	z-index:10;
}
#MyPageHeader .company {
	display:block;
	margin-right:0;
	max-width:100%;
	padding:4px 4px 4px 32px;
	margin-bottom:3px;
	font-weight:400;
	font-size:95%;
}
#MyPageHeader .company .icon {
	width:25px;
}

#MyPageHeader .status {
/*	display:block;*/
}

#MyPageHeader .status li {
	display:inline-block;
	vertical-align:top;
	font-weight:400;
	font-size:85%;
	margin-right:6px;
	margin-bottom:4px;
	line-height:1;
}

#MyPageHeader .status li .num1 {
	font-weight:500;
	font-size:125%;
	padding:0 3px;
	display:inline-block;
	vertical-align:top;
	transform: translateY(-3px);
}
#MyPageHeader .status li .small {
	font-size:90%;
	display:inline-block;
	vertical-align:top;
}
#MyPageHeader .status li .num2 {
	font-weight:500;
	font-size:130%;
	padding:0 2px;
	display:inline-block;
	vertical-align:top;
	transform: translateY(-2px);
}
#MyPageHeader .logout {
	font-weight:200;
	font-size:70%;
	background-color:#E0E0E0;
	color:#333 !important;
	padding: 2px 17px 2px 8px ;
	position:absolute;
	top:auto;
	bottom:3px;
	right:2px;
	-ms-transform: translateY(-0%);
	-webkit-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	transform: translateY(-0%);
}
#MyPageHeader .logout i {
	right:1px;
}



/* // SPMyPageNaviBtn //
----------------------------------------------- */
#SPMyPageNaviBtn {
}

#SPMyPageNaviBtn .inner {
	padding:5px 8px;
}

#SPMyPageNaviBtn .modalBtn {
	border-radius: 4px;
	display:block;
	background-color:#0C86B2;
	line-height:1;
	width:100%;
	padding:16px;
	color:#FFF;
	position:relative;
	text-align:center;
	font-weight:500;
	font-size:116%;
}
#SPMyPageNaviBtn .modalBtn i {
	position:absolute;
	left:10px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:160%;
}


/* // MyPageTitle //
----------------------------------------------- */
#MyPageTitle {
	margin-bottom:50px;
	padding:3px 0 13px;
}

#MyPageTitle .title {
	font-weight:600;
	font-size:180%;
	line-height:1.3;
}
#MyPageTitle .manualBtn {
}
#MyPageTitle .manualBtn a {
	position:absolute;
	bottom:auto;
	top:100%;
	right:5px;
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
	font-size:85%;
}


/* // MyPageBreadcrumbs //
----------------------------------------------- */
#MyPageBreadcrumbs {
	margin-bottom:8px;
}
#MyPageBreadcrumbs li {
	display:inline-block;
	position:relative;
	margin-right:5px;
}
#MyPageBreadcrumbs li:first-of-type a:before {
	display:none;
}

#MyPageBreadcrumbs li a {
	line-height:1;
	font-size:68%;
	padding:1px 4px;
	position:relative;
	z-index:5;
}
#MyPageBreadcrumbs li:first-of-type a {
	padding:1px 4px;
}
#MyPageBreadcrumbs li a .tx {
	position:relative;
	z-index:20;
}
#MyPageBreadcrumbs li a:after {
	display:block;
	width:12px;
	height:12px;
	margin-left:-2px;
}
#MyPageBreadcrumbs li:last-of-type a:after {
	display:none;
}
#MyPageBreadcrumbs li a:hover {
	background-color:#58B2D4;
	color:#FFF ;
}
#MyPageBreadcrumbs li a:hover:after {
	background-color:#58B2D4;
}
#MyPageBreadcrumbs li:last-of-type a {
	cursor:default;
}
#MyPageBreadcrumbs li:last-of-type a:hover {
	background-color:#D0E7EE;
	color:#3C7F96;
}
#MyPageBreadcrumbs li:last-of-type a:hover:after {
	background-color:#D0E7EE;
}

/* // MyPagePrjDetail //
----------------------------------------------- */
/* |- prjTitle  */
#MyPagePageTitle {
	margin-bottom:38px;
}
#MyPagePageTitle .inner {
	padding:15px 12px 12px;
}
#MyPagePageTitle .tag {
	margin-top:-1px;
	margin-bottom:10px;
}
#MyPagePageTitle .tag li {
	padding:3px 15px 4px;
	font-size:92%;
}
#MyPagePageTitle .title {
	font-weight:600;
	font-size:150%;
	line-height:1.4;
}

/* |- nowStatus  */
#MyPagePageTitle .nowStatus {
	margin-top:10px;
	position:relative;
	padding-bottom:30px;
}
#MyPagePageTitle .nowStatus ul {
	display:table;
	width:auto;
}
#MyPagePageTitle .nowStatus ul li {
	padding:5px 3px;
	white-space:nowrap;
}
#MyPagePageTitle .nowStatus ul li.htx {
	font-size:86%;
}
#MyPagePageTitle .nowStatus ul li.status {
	font-size:100%;
	font-weight:600;
	padding-left:7px;
	padding-right:7px;
}
#MyPagePageTitle .nowStatus ul li.btn {
	padding:0 0 0 0;
	position:absolute;
	left:0px;
	bottom:0px;
	display:inline-block;
}
#MyPagePageTitle .nowStatus ul li.btn a.btnA {
	padding-top:4px;
	padding-bottom:4px;
	font-size:92%;
}



/* // MyPagePrjDetail //
----------------------------------------------- */

/* |- douments  */
#MyPagePrjDetail .douments li {
	display:inline-block;
	position:relative;
	margin-right:20px;
}

#MyPagePrjDetail .douments li a {
	display:block;
	line-height:1;
	padding:6px 20px;
	border:1px solid #CCC;
	border-radius: 20px;
	color:#0C86B2;
	font-size:90%;
	background-image: linear-gradient(to right, #fff 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
#MyPagePrjDetail .douments li a:hover {
	border-color:#58B2D4;
	background-position: -100% 0;
	color: #fff;
}
#MyPagePrjDetail .detailTx {
	line-height:1.7;
}
#MyPagePrjDetail .attachedDocumentList {
	margin-bottom:10px;
}
#MyPagePrjDetail .inputFileWrap {
	margin-top:10px;
}
#MyPagePrjDetail .inputFileWrap:first-of-type {
	margin-top:0;
}

/* // MyPageNewProposal //
----------------------------------------------- */
#MyPageNewProposal #Proposal textarea.main {
	border-width:4px;
	padding:10px;
}
#MyPageNewProposal #Proposal .inputFileWrap {
	padding-bottom:15px;
}
#MyPageNewProposal #Proposal .addItemBtn {
	margin-top:10px;
	margin-bottom:5px;
}
#MyPageNewProposal #Proposal pre.main {
	padding:10px;
	line-height:1.6;
	font-size:90%;
}



/* // MyPagePrjCompare //
----------------------------------------------- */
#MyPagePrjCompare {
	
}
#MyPagePrjCompare .boxA .boxTitle {
	padding-top:12px;
	padding-bottom:12px;
}
#MyPagePrjCompare .boxA .boxTitle .mainTx {
	font-size:130%;
	width:100%;
	padding-right:65px;
}
#MyPagePrjCompare .boxA .boxTitle .slideBtn {
	height:55px;
	border-bottom:0;
}
#MyPagePrjCompare .boxA .boxTitle .slideBtn .wrap {
	top:18px;
}
#MyPagePrjCompare .boxA .contentsWrap  {
	border-top:1px solid #DDD;
	padding:0;
}
#MyPagePrjCompare .boxA .contentsWrap > .inner {
	display:block;
	width:100%;
}
#MyPagePrjCompare .boxA .summary {
	display:block;
	width:100%;
	border-right:0;
}
#MyPagePrjCompare .boxA .summary .readmoreBtn {
	margin-top:-5px;
}
#MyPagePrjCompare .boxA .company {
	display:block;
	width:100%;
}
#MyPagePrjCompare .boxA .summary > .inner,
#MyPagePrjCompare .boxA .company > .inner {
	padding:10px;
}
#MyPagePrjCompare .boxA .tx1 {
	font-size:108%;
	font-weight:500;
}


#MyPagePrjCompare .boxA .summary .btnDetail {
	text-align:center;
	margin-top:10px;
}
#MyPagePrjCompare .boxA .summary .btnDetail .btnA {
	width:100%;
	font-size:90%;
}
#MyPagePrjCompare .boxA .summary .readmoreBtn {
	margin-top:3px;
}




/* |- .summary  */
#MyPagePrjCompare .boxA .summary dl {
	line-height:1.3;
}
#MyPagePrjCompare .boxA .summary dl:not(.detailTx) {
	display:block;
	margin-right:0;
	margin-bottom:3px;
}
#MyPagePrjCompare .boxA .summary dl dt {
	display:inline-block;
	min-width:80px;
	padding:2px 6px 1px;
	margin-right:10px;
	font-size:90%;
}
#MyPagePrjCompare .boxA .summary dl dd {
	padding:2px 6px 1px;
}
#MyPagePrjCompare .boxA .summary dl.detailTx {
	margin-bottom:0;
	display:block;
}
#MyPagePrjCompare .boxA .summary dl.detailTx dd {
	display:block;
	width:100%;
	line-height:1.6;
	padding:0;
	margin-top:3px;
	font-size:90%;
}



/* |- .company  */
#MyPagePrjCompare .boxA .company {
	border-top:1px solid #DDD;
}
#MyPagePrjCompare .boxA .company dl {
	margin-bottom:2px;
}
#MyPagePrjCompare .boxA .company dl dt {
	width:30%;
}
#MyPagePrjCompare .boxA .company dl dd {
	width:70%;
}
#MyPagePrjCompare .boxA .company dl.strong {
}
#MyPagePrjCompare .boxA .company dl.strong dt {
	padding:2px 0 5px;
}
#MyPagePrjCompare .boxA .company dl.strong dd {
	padding:5px 0 0;
}
#MyPagePrjCompare .boxA .company dl.strong dd li {
	margin-bottom:7px;
}
#MyPagePrjCompare .boxA .company .prBtn {
	text-align:center;
	margin-top:15px;
	margin-bottom:5px;
}
#MyPagePrjCompare .boxA .company .prBtn .btn {
	width:200px;
}


/* // MyPagePrjMsg //
----------------------------------------------- */
#MyPagePrjMsg {
	
}
#MyPagePrjMsg .msgItemWrap {
	padding:0 10px 23px;
	border-bottom:1px solid #CCC;
}

#MyPagePrjMsg .msgItem {
	margin-bottom:2px;
}
#MyPagePrjMsg .msgItem.partner {
	padding-right:20px;
}
#MyPagePrjMsg .msgItem.own {
	padding-left:20px;
}
#MyPagePrjMsg .msgItem.partner .user {
	width:100%;
	display:block;
	float:none;
	padding-right:0;
	width:100%;
	text-align:left;
}
#MyPagePrjMsg .msgItem.own .user {
	width:100%;
	display:block;
	float:none;
	padding:0;
	width:100%;
	text-align:right;
}

#MyPagePrjMsg .msgItem .user p {
	display:inline-block;
}
#MyPagePrjMsg .msgItem.partner .msgWrap,
#MyPagePrjMsg .msgItem.own .msgWrap {
	float:none;
	width:100%;
	display:block;
	padding:0;
	margin:0;
}


#MyPagePrjMsg .msgItem .user  {
	padding-top:10px;
	margin-bottom:7px;
}
#MyPagePrjMsg .msgItem .user .tx {
	padding:0px;
	position:relative;
	font-size:104%;
}
#MyPagePrjMsg .msgItem .user .tx:after{
	font-size:28px;
}
#MyPagePrjMsg .msgItem.partner .user .tx {
	padding-left:32px;
}
#MyPagePrjMsg .msgItem.own .user .tx {
	padding-right:32px;
}



#MyPagePrjMsg .msgItem .msgWrap .inner {
	padding:8px;
	font-size:88%;
	line-height:1.5;
}

#MyPagePrjMsg .msgItem .msgWrap .date {
	font-weight:500;
	margin-bottom:4px;
	font-size:90%;
}

#MyPagePrjMsg .newBtns {
	text-align:center;
	margin-bottom:22px;
}
#MyPagePrjMsg .newBtns li {
	display:inline-block;
	margin:0px;
	padding:0 3px; 
	width:49%;
}
#MyPagePrjMsg .newBtns li a {
	width:100%;
	padding:10px 18px 10px 5px
}
#MyPagePrjMsg .newBtns li a i {
	right:2px;
}

#MyPagePrjMsg .msgItem .readmoreBtn a {
	font-size:90%;
	opacity:0.7;
	padding-top:6px;
	padding-bottom:6px;
	background-color:transparent;
	border-color:#999;
}
#MyPagePrjMsg .msgItem.partner .readmoreBtn a:hover {
	background-color:#EEE;
}
#MyPagePrjMsg .msgItem.own .readmoreBtn a:hover {
	background-color:#D7EEF2;
}


#MyPagePrjMsg .msgItem.own .readmore[aria-expanded="false"]:before {
	background: linear-gradient(to bottom, rgba(237,247,249,0) 0%,rgba(237,247,249,1) 100%);
}

#MyPagePrjMsg .msgItem .attachedDocumentList {
	margin-top:8px;
	padding-top:8px;
}
#MyPagePrjMsg .msgItem .attachedDocumentList li:first-of-type {
	font-size:92%;
	display:block;
	font-weight:400;
	margin-bottom:3px;
}
#MyPagePrjMsg .msgItem.office .msgWrap {
	padding:10px 0;
}
#MyPagePrjMsg .msgItem.office .msgWrap .inner {
	background-color:#EEE;
	padding:13px;
	width:100%;
	margin:0 auto;
	border:0;
	border-left:5px solid #999;
}
#MyPagePrjMsg .msgItem.office .msgWrap .title {
	font-weight:500;
	font-size:110%;
	margin-bottom:8px;
}
#MyPagePrjMsg .msgItem.office .msgWrap .title .date {
	font-size:90%;
	padding-left:15px;
}

#MyPagePrjMsg .submit {
	text-align:center;
	margin-top:30px;
}

/* |- NewMsg  */
#MyPagePrjMsg #NewMsg {
	padding:30px 0 25px;
}
#MyPagePrjMsg #NewMsg textarea {
	border-width:4px;
	border-radius: 6px;
	padding:5px;
}
#MyPagePrjMsg #NewMsg .title {
	padding-left:36px;
	position:relative;
}
#MyPagePrjMsg #NewMsg .title:before{
	width:30px;
	height:30px;
}
#MyPagePrjMsg #NewMsg .title:after{
	font-size:104%;
	width:30px;
}


#MyPagePrjMsg #NewMsg .htx1 {
	font-weight:500;
	font-size:110%;
	margin-bottom:5px;
}

#MyPagePrjMsg #NewMsg .inputFileWrap {
	margin-top:15px;
}
#MyPagePrjMsg #NewMsg .inputFileWrap input.fileName {
	width:100%;
}
#MyPagePrjMsg #NewMsg .inputFileWrap .btn {
	width:150px;
}
#MyPagePrjMsg #NewMsg .estimates {
	margin-top:15px;
}

/* |- Estimates  */
#MyPagePrjMsg #Estimates {
	padding:25px 0;
	border-bottom:1px solid #CCC;
}

/* |- StatusChange  */
#MyPagePrjMsg #StatusChange {
	padding:25px 0 0;
}
#MyPagePrjMsg #StatusChange ul {
	text-align:left;
}
#MyPagePrjMsg #StatusChange li {
	display:inline-block;
	margin-right:20px;
}

/* // MyPagePrjSearch //
----------------------------------------------- */
#MyPagePrjSearch {
	
}

#MyPagePrjSearch .item {
	border:1px solid #CCC;
	padding: 12px;
	margin-bottom:15px;
}
#MyPagePrjSearch .item:hover {
	background-position: -100% 0;
}
#MyPagePrjSearch .item .info1 {
	margin-bottom:6px;
}
#MyPagePrjSearch .item .info1 li {
	display:inline-block;
	line-height:1;
	font-size:80%;
}
#MyPagePrjSearch .item .info1 li:not(.num) {
	padding:3px 6px;
	border-width:1px;
	margin-right:4px;
}
#MyPagePrjSearch .item .info1 li.num {
	display:block;
	padding-top:3px;
	padding-left:0;
}
#MyPagePrjSearch .item .info1 li.num em {
	font-weight:400;
	font-size:160%;
	padding-left:3px;
}
#MyPagePrjSearch .item .name {
	font-size:116%;
	margin-bottom:6px;
	line-height:1.3;
	letter-spacing:1px;
}
#MyPagePrjSearch .item .info2 li {
	margin-right:10px;
}

/* |- recommend  */
#MyPagePrjSearch .item.recommend {
	background-image: linear-gradient(to right, #58B2D4 50%, #0C86B2 50%);
	border-color:#58B2D4;
	-ms-box-shadow: 3px 3px 0 #D7ECF3;
	-moz-box-shadow: 3px 3px 0 #D7ECF3;
	-webkit-box-shadow: 3px 3px 0 #D7ECF3;
	box-shadow: 3px 3px 0 #D7ECF3;
	color:#FFF;
}

#MyPagePrjSearch .item.recommend:hover{
	border-color:#0C86B2;
}
#MyPagePrjSearch .item.recommend:after{
	color:#58B2D4;
}

#MyPagePrjSearch .item.recommend .info1 li.type {
	border-color:#fff;
	background-color:#fff;
	color:#0C86B2;
}
#MyPagePrjSearch .item.recommend .info1 li.category {
	border-color:#fff;
}
#MyPagePrjSearch .item.recommend .name {
	color:#fff;
}

/* |- new  */
#MyPagePrjSearch .item.new .info1 {
	padding-left:50px;
}
#MyPagePrjSearch .item.new .info1:after {
	position: absolute;
	left:10px;
	top: 0;
	content:' ';
	display:block;
	width:42px;
	height:42px;
	background:url(/img/mypage_icon_05.svg) center top no-repeat;
	background-size:contain;
}
/* // MyPageContentsInfo //
----------------------------------------------- */
#MyPageContentsInfo {
	
}
/* |- Point  */
#MyPageContentsInfo #Point .item {
	border:5px;
	margin-bottom:15px;
	padding:0 10px;
	display:block;
	width:100%;
}
#MyPageContentsInfo #Point .item .titleCell,
#MyPageContentsInfo #Point .item .meterCell,
#MyPageContentsInfo #Point .item .btnCell,
.____ {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
#MyPageContentsInfo #Point .item .btnCell {
	width:100%;
	padding-left:0;
}
#MyPageContentsInfo #Point .item .meterCell {
	width:100%;
	position:relative;
}

#MyPageContentsInfo #Point .item .titleCell .main {
	font-weight:600;
	font-size:138%;
	text-align:center;
}
#MyPageContentsInfo #Point .item .titleCell .sub {
	font-size:90%;
	margin-top:4px;
	text-align:center;
}

#MyPageContentsInfo #Point .item .meterCell .title {
	font-size:190%;
}
#MyPageContentsInfo #Point .item .meterCell .title .small {
	font-weight:600;
	font-size:75%;
}
#MyPageContentsInfo #Point .item .meterCell .percent {
	height:12px;
	margin-top:16px;
}
#MyPageContentsInfo #Point .item .meterCell .percent .on {
}


#MyPageContentsInfo #Point .item .btnCell .btn {
	width:90%;
	display:block;
	margin:0 auto;
}

/* |- Area  */
#MyPageContentsInfo #Area {
}
#MyPageContentsInfo #Area .categoryListB li {
	width:80px;
	margin-right:0;
	font-size:92%;
}

#MyPageContentsInfo #Area .htx1 {
	margin-bottom:8px;
}
#MyPageContentsInfo #Area .htx1 .tx {
	display:inline-block;
	font-weight:500;
	font-size:109%;
	vertical-align:middle;
	min-width:100px;
}
#MyPageContentsInfo #Area .htx1 .tx .allCheckBtn,
#MyPageContentsInfo #Area .htx1 .tx .allCheckBtnCustom{
	font-size:80%;
	padding-left:20px;
}
#MyPageContentsInfo #Area .htx1 .check {
	display:inline-block;
	font-size:78%;
	vertical-align:middle;
	margin-right:20px;
	position:relative;
	top:2px;
	padding-left:15px;
	position:relative;
	color:#58B2D4;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
#MyPageContentsInfo #Area .htx1 .check:hover {
	background-position: -100% 0;
	color: #fff;
}

#MyPageContentsInfo #Area .htx1 .check:before {
	position:absolute;
	left:2px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:123%;
	font-family: iconfontA;
}
#MyPageContentsInfo #Area .htx1 .check.on:before {
	content:"\e945";
}
#MyPageContentsInfo #Area .htx1 .check.off:before {
	content:"\e946";
}
/* |- Image  */
#MyPageContentsInfo #Image .inputFileWrap {
}
#MyPageContentsInfo #Image .inputItem {
	
}
#MyPageContentsInfo #Image .inputItem {
	
}

/* // MyPageService //
----------------------------------------------- */
#MyPage .contentsLeadDescription {
	margin-bottom:30px;
}
#MyPage .contentsLeadDescription > .frame {
	border-width:7px;
}
#MyPage .contentsLeadDescription > .frame > .inner {
	padding:14px 14px 11px;
}
#MyPage .contentsLeadDescription .btn {
	margin-top:-8px;
}
#MyPage .contentsLeadDescription .btn a.btnA {
	width:100%;
	
}

/* // MyPageServiceList //
----------------------------------------------- */
#MyPageServiceList {
	
}
#MyPageServiceList .item {
	display:block;
	border-color:#DDD !important;
}
#MyPageServiceList .item .box {
	padding:10px 10px;
}

#MyPageServiceList .item .btns {
	display:none;
}

#MyPageServiceList .item:before{
	right:11px;
	font-size:150%;
	opacity:1;
}
#MyPageServiceList .item > .inner {
	display:block;
}
#MyPageServiceList .item .image {
	display:none;
}
#MyPageServiceList .item .text {
	display:block;
	padding-left:0;
}
#MyPageServiceList .item .category {
	margin-bottom:0px;
}
#MyPageServiceList .item .category li {
	font-size:80%;
	padding-right:11px;
	margin-right:1px;
}
#MyPageServiceList .item .title {
	font-size:122%;
	font-weight:500;
	margin-bottom:5px;
	padding-left:0;
}
#MyPageServiceList .item .title .status {
	position:static;
	padding:3px 7px;
	font-weight:400;
	font-size:65%;
	width:auto;
	margin-bottom:2px;
}
#MyPageServiceList .item .title .tx {
	display:block;
}

#MyPageServiceList .item .title .status.publish {
	background-color:#0C86B2;
	color:#fff;
}
#MyPageServiceList .item .body {
	line-height:1.5;
	font-size:74%;
	margin-bottom:0;
}


/* // contentsArea
----------------------------------------------- */
/* |- A  */
.contentsArea.A {
	font-size:96%;
	line-height:1.9;
}
.contentsArea.A .mainImage{
	display:block;
	margin-bottom:20px;
}
.contentsArea.A .mainImage img{
	width:100%;
	max-width:100%;
}

.contentsArea.A p {
	margin-bottom:10px;
}
.contentsArea.A .tx1 {
	margin-bottom:15px;
	font-size:140%;
	line-height:1.6;
	border-bottom:1px solid #666;
	padding-bottom:8px;
}
.contentsArea.A .tx2 {
	margin-bottom:10px;
	font-size:130%;
	font-weight:400;
	line-height:1.6;
}
.contentsArea.A .tx3 {
	margin-top:14px;
	margin-bottom:7px;
	font-size:120%;
	font-weight:400;
	line-height:1.6;
}

/* // editorProf
----------------------------------------------- */
/* |- A  */
.editorProf.A {
	margin-top:40px;
}
.editorProf.A > .inner {
	padding:15px;
}
.editorProf.A .header {
}
.editorProf.A .header .image {
	width:80px;
}
.editorProf.A .header .image > .inner {
	height:80px;
}
.editorProf.A .header .text {
	padding-left:15px;
}
.editorProf.A .header .title {
	font-size:135%;
	margin-bottom:5px;
}
.editorProf.A .header .company {
	font-size:104%;
	margin-bottom:3px;
}
.editorProf.A .header .name {
	font-size:120%;
}

.editorProf.A .contents {
	margin-top:15px;
}


/* // marketPrice
----------------------------------------------- */
/* |- A  */
.marketPrice.A {
	width:100%;
	padding:0;
}
.marketPrice.A p {
	margin-bottom:0;
}
.marketPrice.A .item {
	display:block;
	margin-bottom:18px;
}
.marketPrice.A .item .title {
	display:block;
	width:100%;
	padding-top:0;
	margin-bottom:6px;
}
.marketPrice.A .item .title .tx {
}
.marketPrice.A .item .title .tx em {
	display:inline-block;
	line-height:1.3;
	padding:5px;
	min-width:130px;
	max-width:100%;
	font-size:120%;
}
.marketPrice.A .item .contents {
	display:block;
	width:100%;
}
.marketPrice.A .item .contents .frame1 {
	border-width:4px;
	padding:8px;
}

.marketPrice.A .item .contents .priceTx  {
	font-size:150%;
}
.marketPrice.A .item .contents .priceTx.large  {
	font-size:200%;
	margin:-4px 0;
}
.marketPrice.A .item .contents .priceTx .s  {
	padding-left:3px;
}
.marketPrice.A .item .contents .genreList dl  {
	margin-bottom:10px;
}

.marketPrice.A .item .contents .genreList dt  {
	width:55%;
	font-size:102%;
}
.marketPrice.A .item .contents .genreList dd  {
	width:45%;
	border-width:3px;
	padding:5px;
	font-size:85%;
}

/* // marketInfoList
----------------------------------------------- */
/* |- A  */
.marketInfoList.A .item {
	margin-bottom:20px;
	padding:8px;
}
.marketInfoList.A .item .frame {
	padding:11px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.marketInfoList.A .item .inner {
	display:block;
	width:100%;
}
.marketInfoList.A .item .inner .contents {
	display:block;
	width:100%;
}
.marketInfoList.A .item .inner .image {
	display:none;
}
.marketInfoList.A .item .title {
	font-size:120%;
	margin-bottom:4px;
}
.marketInfoList.A .item .title .date {
	font-size:10px;
	padding-left:4px;
}
.marketInfoList.A .item .priceBlock {
	margin-top:6px;
	margin-bottom:10px;
	padding:8px 0;
}

.marketInfoList.A .item .priceBlock .htx {
	padding:5px;
	min-width:80px;
	margin-right:7px;
}
.marketInfoList.A .item .priceBlock .price {
	font-size:150%;
	margin-right:0;
}

.marketInfoList.A .item .priceBlock .detail {
	display:block;
	text-align:center;
	margin-top:5px;
}
.marketInfoList.A .item .priceBlock .detail .icon {
	font-size:140%;
	top:2px;
}

.marketInfoList.A .item .reference {
	margin-top:11px;
}
.marketInfoList.A .item .reference .htx {
	font-weight:500;
	margin-bottom:0px;
}
.marketInfoList.A .item .reference li {
	font-size:85%;
	line-height:1.4;
}
.marketInfoList.A .item .reference li .link {
	font-size:95%;
	display:block;
}


/* // estimateExample //
----------------------------------------------- */
/* |- A  */
.estimateExample.A {
	width:650px;
	padding:0 30px;
}
.estimateExample.A .title {
	line-height:1.5;
	margin-bottom:10px;
}
.estimateExample.A .estimateTable {
}
.estimateExample.A .estimateTable .name {
	width:60%;
}
.estimateExample.A .estimateTable .price {
	width:21%;
}




/* // categoryList //
----------------------------------------------- */
/* |- categoryListA  */
#MyPage .categoryListA li {
	display:inline-block;
	position:relative;
	padding-right:15px;
	margin-right:6px;
}
#MyPage .categoryListA li:after{
	font-size:80%;
	content:'\e92c';
}

#MyPage .categoryListA li select {
	width:160px;
}

/* |- categoryListB  */
#MyPage .categoryListB {
	padding:10px 10px 10px;
}
#MyPage .categoryListB:nth-of-type(odd) {
}

#MyPage .categoryListB.num {
	padding-left:60px;
}
#MyPage .categoryListB.num:before {
	content:" " ;
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:30px;
	height:30px;
	background-color:#58B2D4;
}
#MyPage .categoryListB.num:after {
	content:"0" ;
	color:#FFF;
	text-align:center;
	font-size:132%;
	line-height:1;
	font-family: 'WorkSans';
	font-weight: 400;
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:30px;
}
#MyPage .categoryListB.num:nth-of-type(1):after {	content:"1" ;}
#MyPage .categoryListB.num:nth-of-type(2):after {	content:"2" ;}
#MyPage .categoryListB.num:nth-of-type(3):after {	content:"3" ;}
#MyPage .categoryListB.num:nth-of-type(4):after {	content:"4" ;}
#MyPage .categoryListB.num:nth-of-type(5):after {	content:"5" ;}
#MyPage .categoryListB.num:nth-of-type(6):after {	content:"6" ;}
#MyPage .categoryListB.num:nth-of-type(7):after {	content:"7" ;}

#MyPage .categoryListB li {
	display:inline-block;
	position:relative;
	margin-right:10px;
	margin-bottom:10px;
}
#MyPage .categoryListB.arrow li {
	display:block;
	padding-left:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	padding-top:16px;
}
#MyPage .categoryListB.arrow li:before{
	left:50%;
	top: 1px;
	font-size:90%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	content:'\e90a';
}
#MyPage .categoryListB li:first-of-type {
	padding-top:0;
}
#MyPage .categoryListB li:first-of-type:before {
	display:none;
}
#MyPage .categoryListB li select {
	width:100%;
	font-size:90%;
}

/* |- categoryListC  */
.categoryListC {
}
.categoryListC li {
	float:left;
	min-width:50%;
	width:50%;
	padding:0;
	margin-bottom:6px;
}
.categoryListC li:nth-of-type(odd) {
	padding-right:3px;
}
.categoryListC li:nth-of-type(even) {
	padding-left:3px;
}

.categoryListC .btn {
	border-radius: 30px;
	font-size:90%;
	padding-left:5px;
	padding-right:5px;
}
.categoryListC .btn i {
	display:none;
}

/* |- categoryListD  */
.categoryListD {
	margin-bottom:14px;
}

.categoryListD li {
	font-size:80%;
	padding:3px 5px;
	margin-right:4px;
}



/* // MyPageAvailableCategory //
----------------------------------------------- */
#MyPageAvailableCategory {
	
}
#MyPageAvailableCategory .wrap {
	display:block;
}
#MyPageAvailableCategory .tabBlock {
	display:block;
	width:100%;
	text-align:center;
}
#MyPageAvailableCategory .tabBlock ul  {
	display:block;
}
#MyPageAvailableCategory .tabBlock ul:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#MyPageAvailableCategory .tabBlock ul {	display: inline-block;} 
* html #MyPageAvailableCategory .tabBlock ul {	height: 1%;	}
#MyPageAvailableCategory .tabBlock ul {	display:block;	}

#MyPageAvailableCategory .tabBlock ul li {
	display:block;
	float:left;
	width:50%;
	border-bottom:1px dotted #CBCBCB;
}
#MyPageAvailableCategory .tabBlock ul li:nth-of-type(odd) {
	border-right:1px dotted #CBCBCB;
}
#MyPageAvailableCategory .tabBlock ul li:last-of-type {
	border-bottom:0;
}
#MyPageAvailableCategory .tabBlock ul li a {
	height:40px;
}
#MyPageAvailableCategory .tabBlock ul li a:hover {
	background-size: 200% auto;
}
#MyPageAvailableCategory .tabBlock ul li a.current {
}

#MyPageAvailableCategory .tabBlock ul li a .tx {
	font-size:90%;
	line-height:1.4;
	padding:0 6px;
}

#MyPageAvailableCategory .selectBlock {
	padding-left:0;
	display:block;
	margin-top:10px;
}
#MyPageAvailableCategory .selectBlock .inner {
	-webkit-overflow-scrolling: touch;
	height:250px;
}

#MyPageAvailableCategory .selectBlock .group {
	padding:10px;
}
#MyPageAvailableCategory .selectBlock .group .name {
	font-weight:500;
	font-size:100%;
	line-height:1.4;
	margin-bottom:3px;
	padding-right:0;
}
#MyPageAvailableCategory .selectBlock .group .name .tx {
	display:block;
}

#MyPageAvailableCategory .selectBlock .items{
}
#MyPageAvailableCategory .selectBlock .items:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#MyPageAvailableCategory .selectBlock .items {	display: inline-block;} 
* html #MyPageAvailableCategory .selectBlock .items {	height: 1%;	}
#MyPageAvailableCategory .selectBlock .items {	display:block;	}

#MyPageAvailableCategory .selectBlock .items li{
	display:block;
	width:50%;
	margin-left:-0;
	float:left;
}
	
#MyPageAvailableCategory .checkbox {
	height:30px;
}
#MyPageAvailableCategory .checkbox .tx {
	font-size:84%;
	line-height:1.2;
	padding:0px 7px 0 23px;
}
#MyPageAvailableCategory .checkbox:after {
	width:15px;
	height:15px;
	margin-top: -9px;
}
#MyPageAvailableCategory .checkbox:before {
	left: 4px;
	margin-top: -11px;
	width: 5px;
	height: 13px;
}

#MyPageAvailableCategory .allCheck {
	position:static;
	margin-top:4px;
}
#MyPageAvailableCategory .allCheck li {
	display:block;
	line-height:1;
	font-size:100%;
	margin-bottom:7px;
}

/* // descriptionTx //
----------------------------------------------- */
/* |- A  */
#MyPage .descriptionTx.A {
	margin-bottom:24px;
}
#MyPage .descriptionTx.A .title {
	font-size:122%;
	padding-left:23px;
	margin-bottom:13px;
}
#MyPage .descriptionTx.A .title:before {
	font-size:110%;
}
#MyPage .descriptionTx.A .description {
	padding:6px 9px 5px;
	line-height:1.5;
	font-size:90%;
}


/* // attachedDocumentList //
----------------------------------------------- */
.attachedDocumentList li {
	margin-right:3px;
}
.attachedDocumentList li a {
	padding:6px 10px;
	font-size:85%;
}



/* // infoList //
----------------------------------------------- */
#MyPage .infoList {
	margin-top:-7px;
}
#MyPage .infoList .item {
	display:block;
	padding-top:7px;
	padding-bottom:7px;
}
#MyPage .infoList .item .date {
	display:block;
	width:100%;
}
#MyPage .infoList .item .title {
	display:block;
	vertical-align:top;
	line-height:1.3;
	font-size:90%;
}
#MyPage .infoList a.item .title {
	padding-left:13px;
	position:relative;
}
#MyPage .infoList a.item .title:before {
	font-size:70%;
	top:4px;
	-moz-transform: scale(0.7, 0.7);
	-webkit-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
}

/* // currentStatus //
----------------------------------------------- */
/* |- currentStatusA  */
#MyPage .currentStatusA {
	display:block;
}
#MyPage .currentStatusA .item {
	display:block;
}
#MyPage .currentStatusA .item .frame {
	background-color:#F3F9FA;
	border:1px solid #58B2D4;
	padding:10px;
}

#MyPage .currentStatusA.col3 .item {
	width:100%;
	padding-bottom:10px;
}
#MyPage .currentStatusA.col3 .item:nth-of-type(3n+1) {
	padding-right:0;
}
#MyPage .currentStatusA.col3 .item:nth-of-type(3n+2) {
	padding-right:0;
	padding-left:0;
}
#MyPage .currentStatusA.col3 .item:nth-of-type(3n) {
	padding-left:0;
}
#MyPage .currentStatusA .item .title {
	font-size:160%;
	margin-bottom:2px;
}
#MyPage .currentStatusA .item .now {
	font-weight:900;
	font-size:260%;
	margin-bottom:8px;
}
#MyPage .currentStatusA .item .now .small {
	font-weight:500;
	font-size:70%;
}
#MyPage .currentStatusA .item .description {
	text-align:center;
	line-height:1.4;
	margin-bottom:10px;
}
#MyPage .currentStatusA .item .btn {
	text-align:center;
}
#MyPage .currentStatusA .item .btn a {
	width:80%;
}

/* |- currentStatusB  */
#MyPage .currentStatusB {
	margin-bottom:24px;
	margin-top:-6px;
	line-height:1.3;
}
#MyPage .currentStatusB ul {
	text-align:center;
}
#MyPage .currentStatusB li {
	display:inline-block;
	margin-right:0;
}
#MyPage .currentStatusB li.main {
	font-size:110%;
	display:block;
	text-align:center;
}
#MyPage .currentStatusB.i2 li.main {
	display:inline-block;
	padding-right:5px;
}
#MyPage .currentStatusB li.main .tx1 {
	font-weight:500;
}
#MyPage .currentStatusB li.main .num {
	font-weight:600;
	padding:0 4px;
	font-size:160%;
}
#MyPage .currentStatusB li.main .tx2 {
	font-size:110%;
}

#MyPage .currentStatusB li.sub {
	font-size:95%;
	display:inline;
	width:48%;
	text-align:center;
	padding:0 5px;
}
#MyPage .currentStatusB li.sub .tx1 {
}
#MyPage .currentStatusB li.sub .num {
	padding:0 4px;
	font-size:140%;
}
#MyPage .currentStatusB li.sub .tx2 {
	font-weight:500;
	font-size:110%;
}


/* // tableList //
----------------------------------------------- */
/* |- tableListTypeA  */
#MyPage .tableListTypeA {
	line-height:1.4;
}
#MyPage .tableListTypeA .cell {
	display:inline-block;
	width:100%;
	padding:5px 8px;
}
#MyPage .tableListTypeA .cell.date2 span {
	display:inline-block;
	text-align:left;;
	line-height:1;
	padding-bottom:0;
	padding-right:10px;
}
#MyPage .tableListTypeA .cell.date2 span:nth-of-type(even) {
	padding-left:10px;
	padding-top:0;
	padding-bottom:0px;
	border-top:0;
	border-left:1px dotted #999;
}
#MyPage .tableListTypeA .listItem .cell.date2 {
	padding-top:0;
	padding-bottom:0;
}
#MyPage .tableListTypeA .listItem .cell.date2 span {
	font-size:100%;
	padding-bottom:0;
	color:#666;
}
#MyPage .tableListTypeA .listItem .cell.date2 span:nth-of-type(even) {
	padding-top:0;
}
#MyPage .tableListTypeA .listItem .cell.date2 span em {
	font-size:80%;
	padding-right:5px;
}


#MyPage .tableListTypeA .head {
	display:none;
}
#MyPage .tableListTypeA .listItem {
	display:block;
	margin-bottom:12px;
	border-width:0;
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.23);
	box-shadow: 0 0 5px rgba(0,0,0,0.23);
}
#MyPage .tableListTypeA .listItem:first-of-type {
}

#MyPage .tableListTypeA .listItem .cell {
	padding:2px 10px 5px 10px;
}
#MyPage .tableListTypeA .listItem .cell:first-of-type {
	padding-top:8px;
}
#MyPage .tableListTypeA .listItem .cell:last-of-type {
	padding-bottom:10px;
}
#MyPage .tableListTypeA .listItem .cell.status li {
	padding:4px;
	font-size:80%;
	margin-right:3px;
	margin-bottom:2px;
}
#MyPage .tableListTypeA .listItem .cell.name {
	display:block;
	line-height:1.5;
	font-size:106%;
	
}
#MyPage .tableListTypeA .listItem .cell.tag li {
	display:inline-block;
	font-size:93%;
	margin-right:3px;
}
#MyPage .tableListTypeA .listItem .cell.tag li:after {
	content:", ";
}
#MyPage .tableListTypeA .listItem .cell.tag li:last-of-type {
	margin-right:0;
}
#MyPage .tableListTypeA .listItem .cell.tag li:last-of-type:after {
	content:"";
}
#MyPage .tableListTypeA .cell.type {
	width:auto;
	position:absolute;
	right:8px;
	top:10px;
	font-size:80%;
	line-height:1;
	padding:4px;
	background-color:#EEE;
	color:#666;
}


/* //        |- listA  */
#MyPage .tableListTypeA.listA .cell.status {
	width:auto;
	margin-left:-0;
}
#MyPage .tableListTypeA.listA .cell.type {
	width:auto;
}
#MyPage .tableListTypeA.listA .cell.num {
	padding-left:5px;
	padding-right:0;
	width:auto;
	white-space:nowrap;
	font-weight:400;
	padding-top:0;
	color:#666;
	position:relative;
	left:5px;
}
#MyPage .tableListTypeA.listA .cell:before {
	font-size:64%;
	font-weight:200;
}

#MyPage .tableListTypeA.listA .listItem .cell.num {
	font-size:115%;
}
#MyPage .tableListTypeA.listA .listItem .cell.num em {
	font-size:70%;
	font-weight:200;
	padding-right:2px;
}
#MyPage .tableListTypeA.listA .cell.date2 {
	width:100%;
	display:block;
}
/* //        |- listB  */
#MyPage .tableListTypeA.listB .cell.status {
	width:auto;
}
#MyPage .tableListTypeA.listB .cell.type {
	width:auto;
}
#MyPage .tableListTypeA.listB .cell.company {
	display:block;
	width:100%;
	font-size:85%;
	line-height:1.4;
}
#MyPage .tableListTypeA.listB .cell.company em {
	display:block;
	font-size:90%;
	margin-bottom:3px;
	font-weight:500;
	color:#999;
}
#MyPage .tableListTypeA.listB .cell.date2 {
	width:auto;
	padding-bottom:10px;
}
#MyPage .tableListTypeA.listB .cell.designate {
	width:auto;
	display:none;
}
#MyPage .tableListTypeA.listB .cell.num {
	padding-left:5px;
	padding-right:0;
	width:auto;
	white-space:nowrap;
	font-weight:400;
	padding-top:0;
	color:#666;
	position:relative;
	left:5px;
}
#MyPage .tableListTypeA.listB .listItem .cell.num {
	font-size:115%;
}
#MyPage .tableListTypeA.listB .listItem .cell.num em {
	font-size:70%;
	font-weight:200;
	padding-right:2px;
}
/* //        |- listC  */
#MyPage .tableListTypeA.listC .cell.status {
	width:auto;
	padding-bottom:0;
}
#MyPage .tableListTypeA.listC .cell.name {
}
#MyPage .tableListTypeA.listC .cell.date {
	width:auto;
}
#MyPage .tableListTypeA.listC .cell.price {
	width:auto;
}
#MyPage .tableListTypeA.listC .cell.doc {
	width:auto;
}
#MyPage .tableListTypeA.listC .cell.msg {
	width:auto;
	padding-top:2px;
	padding-bottom:6px;
}
#MyPage .tableListTypeA.listC .cell.msg .on {
	padding-left:23px;
	display:inline-block;
	margin-left:5px;
}
#MyPage .tableListTypeA.listC .cell.msg .on:after{
	font-size:150%;
}
#MyPage .tableListTypeA.listC .cell.date {
	display:inline-block;
	width:44%;
	padding:2px 0 2px 10px;
	
}
#MyPage .tableListTypeA.listC .cell.price,
#MyPage .tableListTypeA.listC .cell.doc {
	display:inline-block;
	width:54%;
	padding:2px 0 2px 2px;
}
#MyPage .tableListTypeA.listC .cell em {
	font-size:78%;
	font-weight:200;
	padding-right:2px;
	display:inline-block;
	width:50px;
}
#MyPage .tableListTypeA.listC .cell.date em {
	width:38px;
}
#MyPage .tableListTypeA.listC .cell.msg {
	display:block;
}
#MyPage .tableListTypeA.listC .cell.msg em {
	width:auto;
	padding-right:4px;
}

/* //        |- listD  */
#MyPage .tableListTypeA.listD .listItem {
	position:relative;
	padding-bottom:24px;
	overflow:hidden;
	text-align:left;
}
#MyPage .tableListTypeA.listD .listItem:after{
	display:none;
}
#MyPage .tableListTypeA.listD .cell.name {
	padding-top:25px;
}
#MyPage .tableListTypeA.listD .cell.status {
	width:auto;
	padding:0;
	position:absolute;
	top:5px;
	left:10px;
	font-weight:500;
	font-size:84%;
	color:#999;
}
#MyPage .tableListTypeA.listD .cell.category {
	width:auto;
	line-height:1;
	font-size:84%;
	background-color:#DDD;
	border-radius: 20px;
	padding:4px 10px;
	margin-left:10px;
}
#MyPage .tableListTypeA.listD .cell.tag {
	width:100%;
	display:block;
	font-size:92%;
	padding-top:8px;
	padding-bottom:5px;
}
#MyPage .tableListTypeA.listD .cell.date {
	width:auto;
	padding-top:1px;
}
#MyPage .tableListTypeA.listD .cell.date:before {
	content:"作成日";
	font-size:82%;
	padding-right:10px;
}
#MyPage .tableListTypeA.listD .listItem .editArea {
	height:200px;
}
#MyPage .tableListTypeA.listD .cell.editor {
	width:auto;
	padding-top:1px;
}
#MyPage .tableListTypeA.listD .cell.editor:before {
	content:"投稿者";
	font-size:82%;
	padding-right:10px;
}


#MyPage .tableListTypeA.listD .listItem .btns {
	position:absolute;
	left:15px;
	bottom:5px;
	display: block;
	width: 100%;
}
#MyPage .tableListTypeA.listD .listItem .btns li {
	font-size:100%;
	margin-right:18px;
}
#MyPage .tableListTypeA.listD .listItem .btns li a {
	display:block;
	padding:3px 3px 3px 24px;
}

#MyPage .tableListTypeA.listD .listItem .btns li a:before {
	left:0px;
	font-size:115%;
}
#MyPage .tableListTypeA.listD .listItem .btns li.pv {
	margin-left:0;
	font-size:80%;
	position:absolute;
	right:25px;
	bottom:5px;
}
#MyPage .tableListTypeA.listD .listItem .btns li.pv em {
	padding-left:3px;
	font-size:124%;
}


/* //        |- listF  */
#MyPage .tableListTypeA.listF .cell.date {
	display:block;
	font-size:80%;
	width:100%;
	text-align:left;
	padding-bottom:1px;
	opacity:0.7;
}
#MyPage .tableListTypeA.listF .cell.title {
	display:block;
	width:100%;
	font-weight:500;
	padding-bottom:2px;
}
#MyPage .tableListTypeA.listF .cell.company {
	display:block;
	width:100%;
	padding-bottom:2px;
}
#MyPage .tableListTypeA.listF .cell.person,
#MyPage .tableListTypeA.listF .cell.tel {
	display:inline-block;
	width:48%;
	text-align:left;
	font-size:90%;
	padding-top:1px;
	padding-bottom:1px;
}
#MyPage .tableListTypeA.listF .cell.mail {
	display:block;
	width:100%;
	font-size:80%;
}

/* // statusIfDraft //
----------------------------------------------- */
#MyPage .statusIfDraft .deleteBtn {
	display:block;
	margin-top:7px;
	text-align:left;
}
#MyPage .statusIfDraft .deleteBtn .btn {
	display:inline-block;
}
#MyPage .statusIfDraft .deleteBtn .btn:before {
	font-size:100%;
}

/* // swiperPrjItemsA //
----------------------------------------------- */
#MyPage .swiperPrjItemsA .swiper-slide {
	width:230px;
	height:200px;
	padding:5px;
}
#MyPage .swiperPrjItemsA .swiper-slide a {
	padding:22px 10px 10px;
}


#MyPage .swiperPrjItemsA .swiper-slide a .type {
	font-size:82%;
	padding:3px 5px 4px;
	left:-0;
	top:-0;
}
#MyPage .swiperPrjItemsA .swiper-slide a .category {
	margin-bottom:10px;
}
#MyPage .swiperPrjItemsA .swiper-slide a .category .tx {
	font-size:82%;
	padding:3px 4px 4px;
}
#MyPage .swiperPrjItemsA .swiper-slide a .name {
	line-height:1.35;
	margin-bottom:0;
	font-size:105%;
	height:64px;
}
#MyPage .swiperPrjItemsA .swiper-slide a .name .tx {
}
#MyPage .swiperPrjItemsA .swiper-slide a .info li {
	line-height:1.4;
	font-size:80%;
	margin-bottom:3px;
	display:table;
	margin-left:-2px;
}


/* // xxx //
----------------------------------------------- */
/* |- xxx  */




/* // xxx //
----------------------------------------------- */
/* |- xxx  */




/* // xxx //
----------------------------------------------- */
/* |- xxx  */




/* // ★★★OTHER★★★ --------------------------------------------------------------------------------------------------------------------------------------------------- */

/* // pageTop //
----------------------------------------------- */

 a.pageTop {
	-ms-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
 a.pageTop .inner {
	width:40px;
	height:40px;
}
#Front a.pageTop .inner {

}










}	/* @media screen and (max-width: 740px) */