@charset "utf-8";
@import url(./swiper.css);
@import url(./photoswipe.css);

@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 100;
	src:	url("../font/WorkSans-Thin.woff") format('woff'),
			url("../font/WorkSans-Thin.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 200;
	src: url("../font/WorkSans-ExtraLight.woff") format('woff'),
			url("../font/WorkSans-ExtraLight.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 300;
	src: url("../font/WorkSans-Light.woff") format('woff'),
			url("../font/WorkSans-Light.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 400;
	src: url("../font/WorkSans-Regular.woff") format('woff'),
			url("../font/WorkSans-Regular.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 500;
	src: url("../font/WorkSans-Medium.woff") format('woff'),
			url("../font/WorkSans-Medium.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 600;
	src: url("../font/WorkSans-SemiBold.woff") format('woff'),
			url("../font/WorkSans-SemiBold.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 700;
	src: url("../font/WorkSans-Bold.woff") format('woff'),
			url("../font/WorkSans-Bold.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 800;
	src: url("../font/WorkSans-ExtraBold.woff") format('woff'),
			url("../font/WorkSans-ExtraBold.ttf") format('truetype');
}
@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: 900;
	src: url("../font/WorkSans-Black.woff") format('woff'),
			url("../font/WorkSans-Black.ttf") format('truetype');
}




@font-face {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 100;
	src:	url("../font/Teko-Light.ttf") format('truetype');
}
@font-face {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 200;
	src:	url("../font/Teko-Regular.ttf") format('truetype');
}
@font-face {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 300;
	src:	url("../font/Teko-Medium.ttf") format('truetype');
}
@font-face {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 400;
	src:	url("../font/Teko-SemiBold.ttf") format('truetype');
}
@font-face {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 500;
	src:	url("../font/Teko-Bold.ttf") format('truetype');
}



.ffEn1 {
	font-family: 'WorkSans';
	font-weight: 200;
}
.ffEn2 {
	font-family: 'Teko';
	font-weight: 200;
}


/* // base
----------------------------------------------- */
body {
	font-size:14px;
	line-height:1.9em;
	position:relative;
	background-color:#F7F7F7;
}
body#MyPage {
	font-size:13px;
	line-height:1.7em;
	background-color:#F5F5F5;
}

#Container{
	width:100%;
	overflow:hidden;
}

@media screen and (min-width: 1701px)  {
	#FrontPage #Container{
		width:1700px !important;
		margin:0 auto;
	}
	#MyPage #Container{
		width:1700px !important;
		margin:0 auto;
	}
}

@media screen and (min-width: 1201px)  {
	.widthFix{
		width:1200px;
	}
	.widthFixPC{
		width:1200px;
	}
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.widthFix{
		width:100%;
		padding:0 10px;
	}
	.widthFixPC{
		width:100%;
		padding:0 10px;
	}
}


a {
	color:#333;
	text-decoration:none;
}
html.pc a:not(.btnA,.cname):hover {
	color:#666;
}
html.pc a.nohover:hover {
	color:#333;
}






/* // Header //
----------------------------------------------- */
#Header {
	background-color:#FFF;
	position:relative;
	z-index:12;
	box-shadow: 0 4px 4px rgba(0,0,0,0.08);
}


/* |- topBlock  */
#Header .topBlock {
	background-color:#58B2D4;
	color:#FFF;
	height:50px;
	text-align:right;
	padding-top:8px;
}
#Header .topBlock .telCell {
	display:inline-block;
	line-height:1;
	position:relative;
	top:-1px;
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	#Header .topBlock .telCell {
		-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);
		margin-right:-40px;
	}
	#Header .topBlock .btnCell {
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		transform: scale(0.9);
		margin-right:-20px;
	}
}
#Header .topBlock .telCell .tx1 {
	margin-bottom:1px;
	font-size:90%;
}
#Header .topBlock .telCell .tel {
}
#Header .topBlock .telCell .tel span {
	display:inline-block;
	vertical-align:bottom;
}
#Header .topBlock .telCell .tel .number {
	font-size:27px;
	font-weight:600;
}
#Header .topBlock .telCell .tel .tx2 {
	font-size:86%;
	position:relative;
	top:-5px;
	left:8px;
}

#Header .topBlock .btnCell {
	display:inline-block;
	vertical-align:top;
}
#Header .topBlock .btnCell .btns li {
	display:inline-block;
	margin-left:9px;
}
#Header .topBlock .btnCell .btns li a {
	padding-right:40px;
	padding-left:12px;
	font-size:93%;
}

#Header .topBlock .btnCell .btns li.btn2 a {
	padding-right:23px;
	padding-left:5px;
}


#Header .topBlock .btnCell .btns li.btn1 a {
	color:#FFF !important;
	background-color:#458EA9;
}
/* |- bottomBlock  */
#Header .spBtns {
	display:none;
}


/* |- bottomBlock  */
#Header .bottomBlock {
	background-color:#FFF;
	position:relative;
}

#Header .bottomBlock .logo {
	display:block;
	width:300px;
	height:100px;
	background-color:#FFF;
	padding:20px 18px 0;
	position:absolute;
	top:-30px;
	left:0;
	z-index:20;
}
#Header .bottomBlock .logo a {
	display:block;
}
#Header .bottomBlock .logo a svg {
	width:auto;
	height:45px;
}


/* |- Front  */
@media screen and (min-width: 741px)  {
	#Front #Header.fixed .topBlock {
		width:100%;
		position:fixed;
		top:-80px;
		left:0;
		z-index:500;
		transition:0.3s;
		box-shadow: 0 4px 4px rgba(0,0,0,0.1);
	}
	#Front #Header.fixed .topBlock .logo {
		transition:0s;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-600px;
		height:50px;
		width:190px;
		display:block;
		background-color:#FFF;
		background:#FFF url(/img/cmn_logo_01.svg) center center no-repeat;
		background-size:164px auto;
	}
	#Front #Header.fixed .topBlock.on {
		top:0px;
	}
	#Front #Header.fixed {
		padding-top:50px;
	}
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	#Header .topBlock {
		padding-right:10px;
	}
	#Header .bottomBlock {
		padding-right:10px;
	}
	#Header .bottomBlock .logo {
		width:200px;
		left:10px;
		padding:20px 5px 0;
	}
	#Header .bottomBlock .logo a svg {
		height:33px;
	}
	#Front #Header.fixed .topBlock .logo {
		margin-left:-50%;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	#Header .bottomBlock .logo {
		height:50px;
		top:-0;
	}
	#Header .bottomBlock .logo a svg {
		height:30px;
	}
	#Front #Header.fixed .topBlock .logo {
		display:none;
	}
}


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


/* // Gnavi //
----------------------------------------------- */
#Gnavi {
	height:72px;
	position:relative;
}
#Gnavi ul {
	position:absolute;
	top:50%;
	right:0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#Gnavi ul li {
	float:left;
	display:block;
	height:45px;
	vertical-align:middle;
	line-height:1;
	border-left:1px solid #E2E2E2;
}
#MyPage #Gnavi ul li {
	vertical-align:middle;
	line-height:1;
	border-left:0;
	margin-left:20px;
}
#Gnavi ul li:not(.btn) a {
	display:block;
	height:100%;
	font-weight:300;
	position:relative;
	overflow:hidden;
}
#Gnavi ul li:not(.btn) .tx {
	position:relative;
	z-index:3;
	display:block;
	height:100%;
	padding:15px 30px;
	color:#3C7A93 !important;
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	#Gnavi ul li:not(.btn) .tx {
		padding:15px 10px;
	}
}

#Gnavi ul li:not(.btn,cname) a:after {
	z-index:2;
	position:absolute;
	top:0px;
	left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	display:block;
	content:" ";
	height:80px;
	width:0%;
	transition:0.2s;
	background-color:#E3EDEF;
}
html.pc #Gnavi ul li:not(.btn):not(.on) a:hover:after {
	width:110%;
}
#Gnavi ul li:not(.btn).on {
	position:relative;
}
#Gnavi ul li:not(.btn).on:after {
	position:absolute;
	bottom:-13px;
	left:0;
	content:" ";
	display:block;
	width:100%;
	height:5px;
	background-color:#58B2D4;
}


#Gnavi ul li.btn {
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}
#Gnavi ul li.logout a {
	border-radius: 20px !important;
	background-color:#E0E0E0;
	padding-top:7px;
	padding-bottom:7px;
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	transform: translateY(3px);
	color:#666 !important;
	font-size:90%;
}
#Gnavi ul li.name .tx {
	padding-right:20px;
	padding-left:0px;
	font-size:116%;
	font-weight:400;
	color:#58B2D4 !important;
	position:relative;
}
#Gnavi ul li.name .tx:after{
	position: absolute;
	right:100%;
	top: 50%;
	font-size:210%;
	-webkit-transform: translate(-9px,-50%);
	-ms-transform: translate(-9px,-50%);
	-webkit-transform: translate(-9px,-50%);
	transform: translate(-9px,-50%);
	content:'\e93d';
	font-family: iconfontA;
}


@media screen and (min-width: 741px) and (max-width: 1000px) {
	#Gnavi{
		-ms-transform: scale(0.88, 0.88);
		-webkit-transform: scale(0.88, 0.88);
		-moz-transform: scale(0.88, 0.88);
		transform: scale(0.88, 0.88);
		transform-origin:right center;
	}
}


/* // Footer //
----------------------------------------------- */
#Footer {
	background-color:#DFEAEF;
	overflow:hidden;
}
#MyPage #Footer {
	padding-left:270px;
}
#Front #Footer > .inner {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 20px 20px;
}
#MyPage #Footer > .inner {
	min-width: 880px;
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 20px 20px;
}
#Footer .cellWrap {
	display:table;
}
#Footer .cellWrap .cell {
	display:table-cell;
}
#Footer .cellWrap.parents > .cell {
	padding-right:60px;
}
#Footer .cellWrap .cell .cellWrap {
	display:block;
}
#Footer .cellWrap .cell .cellWrap .cell {
	display:inline-block;
	vertical-align:top;
	margin-right:60px;
}
#Footer .cellWrap .cell .cellWrap .cell:last-of-type {
	margin-right:0;
}

#Footer .htx1 {
	line-height:1.4;
	font-weight:500;
	font-size:112%;
	margin-bottom:17px;
}
#Footer .navi1 li {
	line-height:1.4;
	font-size:100%;
	margin-bottom:12px;
	white-space:nowrap;
}
#Footer .navi1 li a{
	display:inline-block;
	position:relative;
}
#Footer .navi1 li a:after{
	position: absolute;
	left:0;
	bottom:-2px;
	content:' ';
	width:0%;
	height:1px;
	background-color:#A4BBC4;
	transition:0.3s;
}
#Footer .navi1 li a:hover:after{
	width:100%;
}

/* |- bottom  */
#Footer .bottom{
	position:relative;
	padding-top:40px;
}
#Footer .bottom .logo img {
	width:200px;
}
#Footer .bottom .copy{
	position:absolute;
	right:0;
	bottom:0;
	font-size:90%;
	font-weight:300;
}

@media screen and (min-width: 741px) and (max-width: 1000px) {
	#Front #Footer > .inner {
		width: 100%;
		font-size:82%;
	}
	#Footer .cellWrap.parents > .cell {
		padding-right:15px;
	}
	#Footer .cellWrap .cell .cellWrap .cell {
		margin-right:10px;
	}
}

/* // ContentsWrap //
----------------------------------------------- */
#ContentsWrap {
}


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


/* // ColumnWrap //
----------------------------------------------- */
#ColumnWrap {

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


.lightbox #MainColumn {
	z-index:8 !important;
}

/* |- A  */
#ColumnWrap.A {
}
#ColumnWrap.A #MainColumn {
	float:right;
	width:100%;
	position:relative;
	z-index:5;
}
#ColumnWrap.A #SideColumn {
	float:right;
	width:260px;
	position:relative;
	z-index:7;
}
#ColumnWrap.A #SideColumn > .inner {
}

@media screen and (min-width: 741px)  {
	#ColumnWrap.A #MainColumn {
		margin-left:-260px;
		padding-left:320px;
		min-height:1000px;
	}
}


@media screen and (min-width: 741px)  {
	#ColumnWrap.A #SideColumn.fixed {
		position:fixed;
		top:70px;
		left:50%;
		margin-left:-600px;
	}
	#ColumnWrap.A #SideColumn.fixed.btm {
		top:-800px;
		transition:0.8s;
	}
}
@media screen and (min-width: 741px) and (max-width: 1200px) {
	#ColumnWrap.A #MainColumn {
		margin-left:-250px;
		padding-left:280px;
	}
	#ColumnWrap.A #SideColumn {
		width:250px;
	}
	#ColumnWrap.A #SideColumn.fixed {
		margin-left:-50%;
		-ms-transform: translateX(10px);
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		transform: translateX(10px);
	}


}



/* |- B  */
#ColumnWrap.B {
}
#ColumnWrap.B #MainColumn {
	float:left;
	width:100%;
	position:relative;
	z-index:5;
}
#ColumnWrap.B #SideColumn {
	float:left;
	width:300px;
	position:relative;
	z-index:7;
}

@media screen and (min-width: 741px)  {
	#ColumnWrap.B #MainColumn {
		min-height:800px;
		margin-right:-300px;
		padding-right:360px;
	}
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	#ColumnWrap.B #MainColumn {
		margin-right:-250px;
		padding-right:280px;
	}
	#ColumnWrap.B #SideColumn {
		width:250px;
	}

}




/* // section //
----------------------------------------------- */

.section.bgc1 {
	background-color:#FFF;
}
.section.bgImage {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

/* |- A  */
.section.A {
	padding-bottom:60px;
}
.section.A:last-of-type {
	padding-bottom:20px;
}
/* |- B  */
.section.B {
	padding-bottom:80px;
	padding-top:66px;
}
.section.B:last-of-type {
}



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


/* |- txShadow  */
.txShadow1 {
	-ms-text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	-moz-text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	-webkit-text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
}
.txShadow2 {
	-ms-text-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	-moz-text-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	-webkit-text-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	text-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}

/* |- textLink.A  */

.textLink.A {
	display:inline-block;
	border-bottom:1px dotted #AAA;
	vertical-align:middle;
	padding:0 2px;
	position:relative;
}
.textLink.A:before {
	position:absolute;
	left:0px;
	top:100%;
	content:" ";
	width:0%;
	height:1px;
	display:block;
	background-color:#58B2D4;
	transition:0.3s;
}
.textLink.A:hover:before {
	width:100%;
}


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



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

.btnA.btn6 {
	color:#FFF !important;
	background-color:#BBB;
}

.btnA.btn7 {
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 14px;
	padding-right: 26px;
	font-size:80%;
	border-radius: 30px;
	background-color:transparent;
	color:#555 !important;
	border:1px solid #999;
}
.btnA.btn7.noicon {
	padding-left: 15px;
	padding-right: 15px;
}
.btnA.btn7 i {
	right:6px;
	font-size:90%;
}
.btnA.btn8 {
	color:#FFF !important;
	background-color:#DB4A81;
}
.btnA.btn9 {
	color:#FFF !important;
	background-color:#3AA80F;
}
.btnA.btn9.btn1 {
	color:#FFF !important;
	background-color:#3AA80F;
	display:inline-block;
}
.btnA.btn10 {
	color:#FFF !important;
	background-color:#FF9800;
}
.btnA.btn11 {
	color:#FFF !important;
	background-color:#1D4876;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}
.btnA.btn12 {
	color:#FFF !important;
	background-color:#25A74B;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}


.btnA.btnFB {
	background-color:#3B5998;
}


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


/* |- listBtn A */
.listBtn.A {
	margin-top:15px;
	line-height:1;
	margin-bottom:-10px;
}
.listBtn.A li {
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}

/* // btnAllItems //
----------------------------------------------- */
/* |- A  */
.btnAllItems.A {
	margin-top:50px;
	text-align:center;
}

.btnAllItems.A .btnA {
	width:500px;
	font-weight:400;
	font-size:112%;
	line-height:1.6;
	padding-top:20px !important;
	padding-bottom:20px !important;
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	.btnAllItems.A .btnA {
		width:70%;
	}
}


/* // cvBtn //
----------------------------------------------- */
/* |- cvBtnEffectA  */
.cvBtnEffectA {
	position:relative;
	display:block;
}

/* 
.cvBtnEffectA .finger {
	animation: fingerAnimScale1 2.5s infinite ease-out;
	transform-origin: 50% 50%;
	animation-play-state:running;
}
@keyframes fingerAnimScale1 {
0% { transform:translate(-30px,-15px) scale(1, 1); }
10% { transform:translate(-30px,-15px) scale(1.2, 1.2); }
20% { transform:translate(-30px,-15px) scale(1, 1); }
30% { transform:translate(-30px,-15px) scale(1.13, 1.13); }
40% { transform:translate(-30px,-15px) scale(1, 1); }
50% { transform:translate(-30px,-15px) scale(1.07, 1.07); }
60% { transform:translate(-30px,-15px) scale(1, 1); }
100% { transform:translate(-30px,-15px) scale(1, 1); }
}
 */

.cvBtnEffectA:hover {
	animation: cvBtnEffectA1 1.3s infinite ease-out;
	transform-origin: 50% 50%;
	animation-iteration-count: 1;
}
@keyframes cvBtnEffectA1 {
0% { transform: scale(1, 1); }
10% { transform: scale(1.09, 1.09); }
20% { transform: scale(1, 1); }
30% { transform: scale(1.06, 1.06); }
40% { transform: scale(1, 1); }
50% { transform: scale(1.03, 1.03); }
60% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}

.cvBtnEffectA .wrap {
	overflow:hidden;
	display:block;
	position:relative;
	z-index:1;
}
.cvBtnEffectA .inner {
	position:relative;
	z-index:2;
	display:block;
}
.cvBtnEffectA .wrap:before {
	display:block;
	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:0;
	height:0;
	content:" ";
	background-color:#3AA80F;
	transition:0.3s;
}
.cvBtnEffectA:hover .wrap:before {
	width:100%;
	height:140px;
}






/* |- cvBtnA  */
.cvBtnA .wrap {
	background-color:#66CA41;
	color:#FFF !important;
	border-radius: 4px;
	display:block;
	-ms-box-shadow: 5px 5px 0 #408725;
	-moz-box-shadow: 5px 5px 0 #408725;
	-webkit-box-shadow: 5px 5px 0 #408725;
	box-shadow: 5px 5px 0 #408725;
	line-height:1;
	position:relative;
}
.cvBtnA .finger {
	position:absolute;
	top:100%;
	left:100%;
	width:45px;
	z-index:3;
	-ms-transform: translate(-30px,-15px);
	-webkit-transform: translate(-30px,-15px);
	-moz-transform: translate(-30px,-15px);
	transform: translate(-30px,-15px);
}

.cvBtnA .inner {
	padding:18px 12px 18px 50px;
	position:relative;
}
.cvBtnA .inner:before {
	content:" ";
	display:block;
	width:40px;
	height:40px;
	background-color:#51A233;
	border-radius: 100%;
	position:absolute;
	left:25px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.cvBtnA .inner:after{
	position:absolute;
	left:25px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content:'\e928';
	font-family: iconfontA;
	color:#fff;
	font-size:180%;
}


.cvBtnA p {
	text-align:center;
}
.cvBtnA .tx1 {
	font-weight:400;
	margin-bottom:8px;
	font-size:100%;
}
.cvBtnA .tx2 {
	font-weight:500;
	margin-bottom:5px;
	font-size:130%;
}
.cvBtnA .tx3 {
	font-weight:500;
	font-size:155%;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.cvBtnA .tx1 {
		font-size:90%;
	}
	.cvBtnA .tx2 {
		font-size:120%;
	}
	.cvBtnA .tx3 {
		font-size:135%;
	}

}

/* // cvArea //
----------------------------------------------- */
/* |- A  */
.cvArea.A {
	background-color:#F3F3F3;
	padding:30px 20px 20px;
}
.cvArea.A .title {
	font-size:155%;
	font-weight:700;
	text-align:center;
}
.cvArea.A .description {
	font-size:95%;
	text-align:center;
}
.cvArea.A .btn {
	text-align:center;
}
.cvArea.A .btn .btnA {
	width:70%;
	font-size:130%;
}


/* // SideTelArea //
----------------------------------------------- */
/* |- SideTelArea.A  */
#SideTelArea.A {
	margin:28px 0 30px;
}
#SideTelArea.A .comment {
	position:relative;
	padding-left:52px;
	line-height:1.35;
	font-weight:500;
	margin-bottom:13px;
	font-size:104%;
}
#SideTelArea.A .comment .fig {
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:45px;
}
#SideTelArea.A .tel {
	text-align:center;
}
#SideTelArea.A .tel a {
}
#SideTelArea.A .tel a .ffEn1  {
	color:#66CA41;
	font-weight:700;
	font-size:260%;
}
#SideTelArea.A .time {
	text-align:center;
	font-size:90%;
	margin-top:-6px;
}
#SideTelArea.A .num1 {
	text-align:center;
	margin-top:1px;
	margin-bottom:3px;
	font-size:100%;
	font-weight:600;
	line-height:1;
}
#SideTelArea.A .num1 .num {
	font-size:125%;
	padding-left:5px
}
#SideTelArea.A .description {
	text-align:center;
	margin-top:6px;
	font-size:90%;
	line-height:1.5;
}
#SideTelArea.A .description .num em {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:18px;
	height:18px;
	color:#FFF;
	border-radius: 2px;
	text-align:center;
	background-color:#666;
	margin-right:2px;
	font-weight:400;
}
#SideTelArea.A .description i {
	display:inline-block;
	vertical-align:middle;
	font-size:70%;
	margin-right:2px;
}

/* // CompanySideNavi //
----------------------------------------------- */
#CompanySideNavi {
	margin-top:50px;
	background-color:#58B2D4;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	line-height:1.4;
}
#CompanySideNavi li {
	border-top:1px solid #5E99B5;
	border-bottom:1px solid #99C8DE;
}
#CompanySideNavi li:first-of-type {
	border-top:0;
}
#CompanySideNavi li:last-of-type {
	border-bottom:0;
}

#CompanySideNavi li a {
	color:#FFF;
	font-size:100%;
	font-weight:400;
	display:block;
	padding:14px 14px 14px 44px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	position:relative;
}
#CompanySideNavi li:not(.on) a:hover {
	background-position: -100% 0;
}
#CompanySideNavi li:not(.on) a:before {
	position: absolute;
	left:16px;
	top: 50%;
	font-size:65%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e91d';
	font-family: iconfontA;
	color:#fff;
}
#CompanySideNavi li a .tx {
	z-index:2;
	position:relative;
}
#CompanySideNavi li.on a {
	font-weight:500;
	background-color:#1693BC;
	background-image:none;
}





/* // inputtedImage //
----------------------------------------------- */
/* |- inputtedImage.A  */
.inputtedImage.A {
	margin-top:15px;
}
.inputtedImage.A .image {
	display:inline-block;
	vertical-align:bottom;
}
.inputtedImage.A .image img {
	max-width:200px;
}
.inputtedImage.A .btn {
	display:inline-block;
	margin-left:10px;
}
.inputtedImage.A .deleteBtn {
	display:inline-block;
	line-height:1;
	padding:4px 15px 4px 24px;
	color:#FFF;
	position:relative;
	font-size:90%;
	border-radius: 2px;
	background-image: linear-gradient(to right, #B8B8B8 50%, #999 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
html.pc .inputtedImage.A .deleteBtn:hover {
	background-position: -100% 0;
	color: #fff;
}

.inputtedImage.A .deleteBtn:before {
	position:absolute;
	left:8px;
	top: 50%;
	font-size:92%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e943';
	font-family: iconfontA;
}



/* // dlList //
----------------------------------------------- */
/* |- dlListA  */
.dlListA dl {
	display:table;
	width:100%;
	border-bottom:1px solid #E7E7E7;
	line-height:1.6;
	padding:15px 30px;
}
.dlListA dl.noBorder {
	border-bottom:0;
}
.dlListA dl:first-of-type {
	border-top:1px solid #E7E7E7;
}

.formConfirm .dlListA dl,
.dlListA.formConfirm  dl {
	border-color:#DDD !important;
}

.dlListA dt {
	display:table-cell;
	width:20%;
	vertical-align:top;
	padding-right:30px;
}
.dlListA.dtW10 dt {	width:10%;	}
.dlListA.dtW15 dt {	width:15%;	}
.dlListA.dtW20 dt {	width:20%;	}
.dlListA.dtW25 dt {	width:25%;	}
.dlListA.dtW30 dt {	width:30%;	}
.dlListA.dtW35 dt {	width:35%;	}
.dlListA.dtW40 dt {	width:40%;	}
.dlListA.dtW45 dt {	width:45%;	}
.dlListA.dtW50 dt {	width:50%;	}
.dlListA.dtW60 dt {	width:60%;	}
.dlListA.dtW70 dt {	width:70%;	}
.dlListA.dtW80 dt {	width:80%;	}

.dlListA dd {
	display:table-cell;
}
.dlListA dd * {
	font-weight:300;
}

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

.dlListA.form dt {
	width:25%;
	padding-top:6px;
}
.dlListA.formConfirm dt {
	padding-top:1px !important;
}
.dlListA.form dt .htx {
	position:relative;
	padding-right:50px;
}
.dlListA.form dt .htx .require {
	position:absolute;
	top:2px;
	right:5px;
	line-height:1;
	color:#FFF;
	background-color:#FE2B5F;
	border-radius: 3px;
	width:35px;
	padding:3px;
	font-weight:300;
	display:block;
	text-align:center;
	font-size:80%;
}
.dlListA.form dt .htx .require.no {
	background-color:#C2C1C1;
}


.dlListA dd .inputItem.A {
	background-color:#F2F6F9;
	border:1px solid #DEE8EA;
	padding:17px;
	margin-bottom:20px;
}
.dlListA dd .inputItem.A:last-of-type {
	margin-bottom:0;
}
.dlListA dd .htx1 {
	font-weight:500;
	font-size:112%;
	line-height:1.3;
	margin-bottom:10px;
}
.dlListA dt .annotation{
	font-weight:300;
	display:block;
	font-size:75%;
	padding-top:4px;
}

.dlListA .prView{
	display:inline-block;
	margin-left:10px;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.dlListA dl {
		padding-left:10px;
		padding-right:10px;
	}
	.dlListA.form dt .htx {
		position:relative;
		padding-right:0px;
	}
}

/* |- dlListA noBorder  */
.dlListA.noBorder dl {
	border-bottom:0;
	padding:0;
	margin-bottom:20px;
}

.dlListA.noBorder dl:first-of-type {
	border-top:0;
}
.dlListA.noBorder dl:last-of-type {
	margin-bottom:0;
}

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

.dlListA.noBorder.form dt {
}
.dlListA.noBorder.form dt .input {
}

/* |- dlListA registered  */
.dlListA.registered {
	margin-bottom:50px;
}
.dlListA.registered dl {
	background-color:#EDFBFC;
	border-color:#A9D3D6 !important;
}
.dlListA.registered .contact {
	margin-top:10px;
}
.dlListA.registered .contact .description {
	margin-bottom:7px;
	text-align:center;
	font-weight:400;
	color:#0C86B2;
	font-size:110%;
}
.dlListA.registered .contact .means {
	text-align:center;
}
.dlListA.registered .contact .means li {
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	margin:0 15px;
}
.dlListA.registered .contact .means li a,
.dlListA.registered .contact .means li span {
	display:inline-block;
	vertical-align:middle;
}
.dlListA.registered .contact .means li .tx1 i{
	font-size:160%;
	padding-right:7px;
}
.dlListA.registered .contact .means li .num a{
	font-size:170%;
	font-weight:600;
}
.dlListA.registered .contact .means li .tx2{
	font-size:85%;
}
.dlListA.registered .contact .means li.mail .tx1 i{
	font-size:180%;
	padding-right:7px;
}
.dlListA.registered .contact .means li.mail .btn{
	border-color:#333;
}
.dlListA.registered .contact .means li.mail .btn .tx{
	position:relative;
	top:-2px;
	padding:0 10px;
}



/* // blockList //
----------------------------------------------- */
/* |- blockList  */
.blockList.A {
	display:table;
	width:100%;
}
.blockList.A .block {
	display:block;
	padding:12px 15px;
	position:relative;
}
.blockList.A .block:nth-of-type(odd) {
	background-color:#F2F6F9;
}
.blockList.A.num .block {
	padding-left:60px;
}
.blockList.A.num .block: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;
}

.blockList.A.num .block: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;
}
.blockList.A.num .block:nth-of-type(1):after {	content:"1" ;}
.blockList.A.num .block:nth-of-type(2):after {	content:"2" ;}
.blockList.A.num .block:nth-of-type(3):after {	content:"3" ;}
.blockList.A.num .block:nth-of-type(4):after {	content:"4" ;}
.blockList.A.num .block:nth-of-type(5):after {	content:"5" ;}
.blockList.A.num .block:nth-of-type(6):after {	content:"6" ;}
.blockList.A.num .block:nth-of-type(7):after {	content:"7" ;}


/* // 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:35px;
	font-family: 'WorkSans';
	font-weight: 300;
}
.pagination.A.top {
	margin-top:0;
	margin-bottom:15px;
}

.pagination.A .nextBtn {
	text-align:center;
}
.pagination.A .btn {
	border-color:#999;
}
html.pc .pagination.A .btn:hover {
	border-color:#58B2D4;
}
.pagination.A .btn:before {
	background-color:#58B2D4;
}

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

.pagination.A.top .btns {
	text-align:right;
}


.pagination.A .btns {
	margin-top:30px;
	text-align:center;
	line-height:1;
	font-size:106%;
}
.pagination.A.top .btns {
	margin-top:0px;
}
.pagination.A .btns li {
	display:inline-block;
	margin:0 3px;
	vertical-align:middle;
}
.pagination.A.top .btns li {
	margin:0 1px;
}
.pagination.A .btns li.leader:after{
	font-size:95%;
	content:'\e947';
	font-family: iconfontA;
	position:relative;
	top:2px;
}

.pagination.A .btns li {
	display:inline-block;
}
.pagination.A .btns li a {
	display:block;
	width:32px;
	height:32px;
	border:1px solid #CCC;
	position:relative;
}
.pagination.A.top .btns li a {
	width:28px;
	height:28px;
}

.pagination.A .btns li a:not(.on) {
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #DEE8EA 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
html.pc .pagination.A .btns li a:not(.on):hover {
	background-position: -100% 0;
}
.pagination.A .btns li a.on {
	color:#FFF;
	background-color:#58B2D4;
	border-color:#58B2D4;
	font-weight:400;
}
.pagination.A .btns li.prev a {
	margin-right:10px;
}
.pagination.A .btns li.next a {
	margin-left:10px;
}

.pagination.A .btns li.prev a,
.pagination.A .btns li.next a {
	width:75px;
}
.pagination.A .btns li.prev a .tx,
.pagination.A .btns li.next a .tx {
	display:block;
	width:100%;
}
.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;
}

.formStyleA .checkbox.disabled:after {
	background-color:#DFDFDF;
}

/* |- strong1  */

.formStyleA.strong1 dt{
	padding-top:13px;
}
.formStyleA.strong1 textarea,
.formStyleA.strong1 select,
.formStyleA.strong1 input[type="text"],
.formStyleA.strong1 input[type="tel"],
.formStyleA.strong1 input[type="email"],
.formStyleA.strong1 input[type="password"],
.formStyleA.strong1 input[type="number"],
.formStyleA.strong1 .radio:after,
.formStyleA.strong1 .checkbox:after {
	border-color:#58B2D4;
}
.formStyleA .inputIcon i,
.formStyleA .inputIcon:after {
	color:#58B2D4;
}


@media screen and (min-width: 741px) and (max-width: 1200px) {
	.formStyleA .inputIcon {
		display:block;
	}
}


/* |- submit  */
.submit.A {
	text-align:center;
	padding:0 10px;
	display:block;
	margin-top:40px;
	margin-bottom:40px;
}
.boxA .submit.A {
	margin-top:30px;
	margin-bottom:0;
}

.submit.A .btnSubmit   {
	display:block;
	margin:0 auto;
	width: 500px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 120%;
}
.submit.A .btnSubmit.small   {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 110%;
}
.submit.A .btnSubmit i   {
	font-size: 110%;
}
.submit.A .btnBack  {
	width: 500px;
	display:block;
	margin:20px auto 0 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 110%;
	background-color:#EEE !important;
	color:#333 !important;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.submit.A .btnBack i   {
	font-size: 100%;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.parallelBoxWrap.A .submit.A .btnSubmit {
		width: 90%;
	}
}


/* // thanks
----------------------------------------------- */
/* |- A  */
.thanks.A .tx1 {
	text-align:center;
	font-weight:500;
	font-size:150%;
	margin-bottom:25px;
	line-height:1.7;
}
.thanks.A .tx2 {
	text-align:center;
	margin-bottom:25px;
	font-size:116%;
	line-height:1.8;
}
.thanks.A .tel {
	color:#000;
	font-weight:600;
	display:inline-block;
	font-size:150%;
}

.thanks.A .btns {
	display:block;
	text-align:center;
	margin-top:50px;
}
.thanks.A .btns li {
	display:inline-block;
	margin:0 8px;
}
.thanks.A .btns li a {
	width:300px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:114%;
}

/* // allCheck
----------------------------------------------- */
/* |- A  */
.allCheck.A .allCheckBtn,
.allCheck.A .allCheckBtnCustom{
	font-weight:400;
	font-size:92%;
	color:#58B2D4;
	position:relative;
	padding-left:21px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
.allCheck.A .allCheckBtn:hover,
.allCheck.A .allCheckBtnCustom:hover{
	background-position: -100% 0;
	color: #fff;
}

.allCheck.A .allCheckBtn:after,
.allCheck.A .allCheckBtnCustom:after{
	position: absolute;
	left:0;
	top: 50%;
	font-size:140%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e945';
	font-family: iconfontA;
}

/* // inputFileWrap
----------------------------------------------- */
/* |- A  */
.inputFileWrap.A .dragArea {
	margin-top:10px;
	border:3px dotted #CCC;
	padding:10px;
	width:100%;
	height:100px;
	background-color:#f9f9f9;
}
.inputFileWrap.A .dragArea .tx1 {
	text-align:center;
	font-weight:400;
	color:#BBB;
}

/* // readmore
----------------------------------------------- */
/* |- A  */

.readmoreBtn.A {
	text-align:left;
	margin-top:10px;
}
.readmoreBtn.A.close {
	margin-top:10px;
}
.readmoreBtn.A a {
	background-color:#58B2D4;
	border: 0;
	padding:6px 0 6px 23px; ;
	position:relative;
	background-color:transparent;
	min-width:1px;
	text-align:left;
	color:#58B2D4;
	font-weight:500;
	font-size:110%;
}
.readmoreBtn.A a:hover {
	background-color:transparent;
}

.readmoreBtn.A a:after{
	left:0px;
	font-size:110%;
}
.readmoreBtn.A a.open:after{
	content:'\e911';
}
.readmoreBtn.A a.close:after{
	content:'\e92b';
}





/* // txNumCountWrap
----------------------------------------------- */
/* |- A  */
.txNumCountWrap.A .textNum {
	position:absolute;
	top:10px;
	right:3px;
	font-size:80%;
	font-weight:200;
	display:inline-block;
	line-height:1;
}
.txNumCountWrap.A .poRelative {
	top:0;
	right:0;
}
.txNumCountWrap.A .textNum .counter {
	font-size:108%;
	font-weight:500;
}
.txNumCountWrap.A .textNum .erroTx {
	font-size:110%;
	font-weight:500;
	color:#F00;
	padding-right:10px;
}


/* // formFlow
----------------------------------------------- */
/* |- A  */
.formFlow.A {
	width:100%;
	margin-bottom:40px;
	background-color:#f6f6f6;
}
.formFlow.A ul {
	display:block !important;
	width:100%;
}
.formFlow.A li {
	display:block;
	text-align:center;
	font-size:110%;
	color:#777;
	line-height:1.4;
	padding:5px;
	border-top:6px solid #E0DEDE;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	position:relative;
	height:64px;
	float:left;
}
.formFlow.A.item3 li {
	width:33.3%;
}
.formFlow.A.item4 li {
	width:25%;
}
.formFlow.A.item5 li {
	width:20%;
}
.formFlow.A li em {
	font-weight:400;
	display:inline-block;
	width:90%;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.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),
.___ {
	border-top-color:#58B2D4;
	background-color:#C5EBF9;
	font-size:130%;
	color:#03759B;
}
.formFlow.A li:after{
	position: absolute;
	left:100%;
	top: 50%;
	font-size:160%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content:'\e934';
	font-family: iconfontA ;
	color:#58B2D4;
	transition:0.2s;
	z-index:10;
}
.formFlow.A li:last-of-type:after{
	display:none;
}






/* // BtmFixedArea
----------------------------------------------- */
#BtmFixedArea {
	display:none;
}


/* // termsWrap //
----------------------------------------------- */
/* |- A  */
.termsWrap.A.frame {
	padding:10px;
	border:1px solid #DDD;
	border-radius: 2px;
	width:100%;
	display:block;
	height:100px;
	overflow-y: scroll;
	color:#666;
}

.termsWrap.A {
	font-size:85%;
	line-height:1.7;
	font-weight:200 !important;
}
.termsWrap.A .title {
	font-size:106%;
	font-weight:500;
	margin-bottom:12px;
}
.termsWrap.A .section {
	margin-bottom:35px;
}
.termsWrap.A .section:last-of-type {
	margin-bottom:0;
}
.termsWrap.A .item {
	margin-bottom:15px;
	text-align:left;
}
.termsWrap.A .htx1 {
	margin-bottom:3px;
	font-weight:400;
}
.termsWrap.A .tx1,
.termsWrap.A .li1 li {
	margin-bottom:2px;
	text-indent:-1em;
	padding-left:1em;
}
.termsWrap.A .tx1:last-of-type,
.termsWrap.A .li1 li:last-of-type {
	margin-bottom:0;
}


/* // ctaBnr //
----------------------------------------------- */
/* |- A  */
.ctaBnr.A {
	line-height:1;
}
.ctaBnr.A.btm {
	padding:55px 0; 
	background-color:transparent;
	position:relative;
	top:0;
	opacity:0;
	transition:0.6s;
}
.ctaBnr.A.btm.on {
	top:0;
	opacity:1;
	animation: ctaBnr1 1s infinite ease-out;
	transform-origin: 50% 50%;
	animation-iteration-count: 1;
}
@keyframes ctaBnr1 {
	0% { transform: scale(0.9, 0.9); }
	25% { transform: scale(1.04, 1.04); }
	50% { transform: scale(1, 1); }
	75% { transform: scale(1.02, 1.02); }
	100% { transform: scale(1, 1); }
}


.ctaBnr.A .frame {
	background: #58b2d4;
	background: #5191c1; /* Old browsers */
	background: -moz-linear-gradient(left, #5191c1 0%, #74b5d3 65%, #3fc1b0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #5191c1 0%,#74b5d3 65%,#3fc1b0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #5191c1 0%,#74b5d3 65%,#3fc1b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5191c1', endColorstr='#3fc1b0',GradientType=1 ); /* IE6-9 */
	position:relative;
	padding:20px 20px 20px 20px;
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.35);
	box-shadow: 0 0 20px rgba(0,0,0,0.35);
}
.ctaBnr.A .concierge {
	position:absolute;
	bottom:0px;
	left:10px;
	width:160px;
}
.ctaBnr.A .concierge img {
	width:100%;
}
.ctaBnr.A .freeIcon {
	position:absolute;
	top:-27px;
	left:12px;
	background-color:#ff0;
	border-radius: 100%;
	display:block;
	width:90px;
	height:90px;
	color:#EF0736;
	padding-top:10px;
}
.ctaBnr.A .freeIcon .iconTx1 {
	display:block;
	text-align:center;
	font-size:30px;
	font-weight:800;
}
.ctaBnr.A .freeIcon .iconTx2 {
	display:block;
	text-align:center;
	font-size:44px;
	font-weight:800;
	margin-top:-1px;
}
.ctaBnr.A .htx1 {
	display:block;
	color:#FFF;
	line-height:1;
	font-weight:600;
	font-size:200%;
	padding-left:30px;
	margin-bottom:22px;
	text-align:center;
}
.ctaBnr.A .tellWrap {
	display:block;
	float:right;
	width:45%;
	color:#FFF;
}
.ctaBnr.A .tellWrap .tx1 {
	text-align:center;
	font-size:114%;
	font-weight:300;
	margin-bottom:3px;
}
.ctaBnr.A .tellWrap .number {
	text-align:center;
	font-size:420%;
	margin-bottom:7px;
	display:block;
	font-weight:700;
	color:#FFF;
}
.ctaBnr.A .tellWrap .tx2 {
	text-align:center;
	margin-top:-4px;
}

.ctaBnr.A .btnWrap {
	display:block;
	width:70%;
	margin:0 auto;
}

.ctaBnr.A .btnWrap .btn {
	display:block;
	background-color:#5ABC1D;
	position:relative;
	-ms-box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	padding:13px;
	padding-left:77px;
	border-radius: 4px;
	z-index:1;
}
.ctaBnr.A .btnWrap .btn .icon {
	right:auto;
	left:41px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size:260%;
	z-index:2;
}
.ctaBnr.A .btnWrap .btn:after {
	content:" ";
	position:absolute;
	top:50%;
	left:41px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display:block;
	width:58px;
	height:58px;
	border-radius: 100%;
	background-color:rgba(0,0,0,0.2);
	z-index:1;
}
.ctaBnr.A .btnWrap .btn .tx1 {
	display:block;
	font-weight:300;
	text-align:center;
	font-size:110%;
	margin-bottom:5px;
}
.ctaBnr.A .btnWrap .btn .tx2 {
	display:block;
	font-weight:600;
	text-align:center;
	font-size:200%;
}
.ctaBnr.A .btnWrap .finger {
	z-index:3;
	width:50px;
	position:absolute;
	right:16%;
	bottom:0px;
/* 
	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.5, 1.5); }
20% { transform: scale(1, 1); }
30% { transform: scale(1.35, 1.35); }
40% { transform: scale(1, 1); }
50% { transform: scale(1.2, 1.2); }
60% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}
 */
 @media screen and (min-width: 741px)  {
	.ctaBnr.A.noImagePC .concierge {
		display:none;
	}
	.ctaBnr.A.noImagePC .frame {
		padding-left:20px;
	}
	.ctaBnr.A.noImagePC .htx1 {
		text-align:center;
	}
	.ctaBnr.A.noImagePC .freeIcon {
		left:40px;;
	}
	.ctaBnr.A.noImagePC .tellWrap {
		width:44%;
	}
	.ctaBnr.A.noImagePC .btnWrap {
		width:56%;
	}
}


@media screen and (min-width: 741px) and (max-width: 1200px) {
	.ctaBnr.A {
		padding:0 20px; 
	}
	
	.ctaBnr.A .frame {
		padding:20px 20px 20px 150px;
	}
	.ctaBnr.A .concierge {
		left:0;
		width:130px;
	}
	.ctaBnr.A .freeIcon {
		top:-27px;
		left:92px;
		-ms-transform: scale(0.8, 0.8);
		-webkit-transform: scale(0.8, 0.8);
		-moz-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8);
	}
	.ctaBnr.A .freeIcon .iconTx1 {
		font-size:26px;
	}
	.ctaBnr.A .freeIcon .iconTx2 {
		font-size:40px;
	}
	.ctaBnr.A .htx1 {
		font-size:160%;
		padding-left:28px;
	}
	.ctaBnr.A .tellWrap .tx1 {
		font-size:95%;
	}
	.ctaBnr.A .tellWrap .number {
		font-size:320%;
	}
	.ctaBnr.A .btnWrap .btn {
		padding-left:60px;
	}
	.ctaBnr.A .btnWrap .btn .icon {
		left:30px;
		font-size:220%;
	}
	.ctaBnr.A .btnWrap .btn:after {
		left:30px;
		width:45px;
		height:45px;
	}
	.ctaBnr.A .btnWrap .btn .tx1 {
		font-size:110%;
	}
	.ctaBnr.A .btnWrap .btn .tx2 {
		font-size:170%;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {

	.ctaBnr.A .frame {
		padding:20px 20px 20px 20px;
	}
	.ctaBnr.A .concierge {
		display:none;
	}
	.ctaBnr.A .freeIcon,
	.ctaBnr.A.noImagePC .freeIcon {
		top:-27px;
		left:-10px;;
	}
	.ctaBnr.A .htx1 {
		font-size:140%;
		padding-left:48px;
	}
	.ctaBnr.A .tellWrap .tx1 {
		font-size:85%;
	}
	.ctaBnr.A .tellWrap .number {
		font-size:320%;
	}
	.ctaBnr.A .btnWrap .btn {
		padding-left:55px;
	}
	.ctaBnr.A .btnWrap .btn:after {
		width:40px;
		height:40px;
	}
	.ctaBnr.A .btnWrap .btn .tx1 {
		font-size:100%;
	}
	.ctaBnr.A .btnWrap .btn .tx2 {
		font-size:150%;
	}
}



/* |- B  */
.ctaBnr.B {
	line-height:1;
}
.ctaBnr.B {
	position:relative;
	top:0;
	opacity:0;
	transition:0.6s;
}
.ctaBnr.B.on {
	top:0;
	opacity:1;
	animation: ctaBnr2 1s infinite ease-out;
	transform-origin: 50% 50%;
	animation-iteration-count: 1;
}
@keyframes ctaBnr2 {
	0% { transform: scale(0.97, 0.97); }
	25% { transform: scale(1.03, 1.03); }
	50% { transform: scale(1, 1); }
	75% { transform: scale(1.01, 1.01); }
	100% { transform: scale(1, 1); }
}

@media screen and (min-width: 1201px)  {
	.ctaBnr.B .widthFix{
		width:1100px;
	}
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.ctaBnr.B .widthFix{
		width:100%;
		padding:0 10px;
	}
	.ctaBnrScale.A .ctaBnr.B .widthFix{
		padding:0;
	}
}

.ctaBnr.B .frame {
	position:relative;
	background: #FFF;
	padding:0;
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.35);
	box-shadow: 0 0 20px rgba(0,0,0,0.35);
}
.ctaBnr.B .concierge {
	display:none;
}
.ctaBnr.B .concierge img {
	width:100%;
	position:relative;
	top:20px;
}
.ctaBnr.B .wrap1 {
	background-color:#66CA41;
	padding:8px;
}
.ctaBnr.B .htx1 {
	display:block;
	color:#FFF;
	line-height:1;
	font-weight:600;
	font-size:180%;
	text-align:center;
	padding-left:35px;
}

.ctaBnr.B .freeIcon {
	position:absolute;
	top:50%;
	left:10px;
	background-color:#ff0;
	border-radius: 100%;
	display:block;
	width:85px;
	height:85px;
	color:#EF0736;
	padding-top:12px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ctaBnr.B .freeIcon .iconTx1 {
	display:block;
	text-align:center;
	font-size:28px;
	font-weight:800;
}
.ctaBnr.B .freeIcon .iconTx2 {
	display:block;
	text-align:center;
	font-size:38px;
	font-weight:800;
	margin-top:-1px;
}

.ctaBnr.B .btmWrap {
	display:block;
	padding:18px 35px 18px 35px;
}
.ctaBnr.B .tellWrap {
	display:block;
	float:right;
	width:43%;
	padding-right:30px;
	position:relative;
}
.ctaBnr.B .tellWrap:after{
	position: absolute;
	left:18px;
	top: 23px;
	font-size:360%;
	content:'\e979';
	font-family: iconfontA;
	color:#3AA80F;
}

.ctaBnr.B .tellWrap .tx1 {
	text-align:center;
	font-size:92%;
	font-weight:300;
	margin-bottom:3px;
	color:#444;
}
.ctaBnr.B .tellWrap .number {
	text-align:center;
	font-size:310%;
	padding-left:50px;
	margin-bottom:7px;
	display:block;
	font-weight:700;
	color:#3AA80F;
}
.ctaBnr.B .tellWrap .tx2 {
	text-align:center;
	margin-top:-5px;
	color:#444;
	font-size:85%;
	padding-left:50px;
}

.ctaBnr.B .btnWrap {
	display:block;
	float:right;
	width:57%;
}

.ctaBnr.B .btnWrap .btn {
	display:block;
	background-color:#5ABC1D;
	position:relative;
	-ms-box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
	padding:8px;
	padding-left:77px;
	border-radius: 4px;
	z-index:1;
}
.ctaBnr.B .btnWrap .btn .icon {
	right:auto;
	left:41px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size:260%;
	z-index:2;
}
.ctaBnr.B .btnWrap .btn:after {
	content:" ";
	position:absolute;
	top:50%;
	left:41px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display:block;
	width:48px;
	height:48px;
	border-radius: 100%;
	background-color:rgba(0,0,0,0.2);
	z-index:1;
}
.ctaBnr.B .btnWrap .btn .tx1 {
	display:block;
	font-weight:300;
	text-align:center;
	font-size:100%;
	margin-bottom:3px;
}
.ctaBnr.B .btnWrap .btn .tx2 {
	display:block;
	font-weight:600;
	text-align:center;
	font-size:170%;
}
.ctaBnr.B .btnWrap .finger {
	z-index:3;
	width:50px;
	position:absolute;
	right:0px;
	bottom:0px;
/* 
	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.5, 1.5); }
20% { transform: scale(1, 1); }
30% { transform: scale(1.35, 1.35); }
40% { transform: scale(1, 1); }
50% { transform: scale(1.2, 1.2); }
60% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}
 */




@media screen and (min-width: 741px) and (max-width: 1200px) {

	.ctaBnr.B .wrap1 {
		padding:8px  6px;
	}
	.ctaBnr.B .htx1 {
		font-size:170%;
		padding-left:30px;
	}
	.ctaBnr.B .freeIcon {
		left:50px;
		-ms-transform: scale(0.75, 0.75);
		-webkit-transform: scale(0.75, 0.75);
		-moz-transform: scale(0.75, 0.75);
		transform: scale(0.75, 0.75);
	}
	.ctaBnr.B .btmWrap {
		display:block;
		padding:15px 25px 15px 25px;
	}
	.ctaBnr.B .tellWrap {
		width:43%;
		padding-right:12px;
	}
	.ctaBnr.B .tellWrap:after{
		left:18px;
		top: 18px;
		font-size:310%;
	} 
}

@media screen and (min-width: 741px) and (max-width: 1000px) {
	.ctaBnr.B .wrap1 {
		padding:8px  6px;
	}
	.ctaBnr.B .htx1 {
		font-size:140%;
		padding-left:40px;
	}
	.ctaBnr.B .freeIcon {
		left:-10px;
		-ms-transform: scale(0.65, 0.65);
		-webkit-transform: scale(0.65, 0.65);
		-moz-transform: scale(0.65, 0.65);
		transform: scale(0.65, 0.65);
	}
	
	.ctaBnr.B .btmWrap {
		display:block;
		padding:13px 20px 13px 20px;
	}
	
	.ctaBnr.B .btnWrap {
		width:52%;
	}
	.ctaBnr.B .tellWrap {
		width:48%;
		padding-right:12px;
	}
	.ctaBnr.B .tellWrap:after{
		display:none;
	}
	.ctaBnr.B .tellWrap .tx1 {
		font-size:80%;
	}
	.ctaBnr.B .tellWrap .number {
		font-size:270%;
		padding-left:0;
		margin-bottom:7px;
	}
	.ctaBnr.B .tellWrap .tx2 {
		font-size:80%;
		padding-left:0;
	}
	

	 
}

@media screen and (min-width: 741px)  {
		
	.ctaBnr.B .frame {
		position:relative;
		background: #FFF;
		padding:0;
		border:8px solid #66CA41;
	}
	.ctaBnr.B .frame:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
	.ctaBnr.B .frame {	display: inline-block;} 
	* html .ctaBnr.B .frame {	height: 1%;	}
	.ctaBnr.B .frame {	display:block;	}
	
	.ctaBnr.B .wrap1 {
		float:left;
		background-color:#FFF;
		padding:16px 15px 16px 105px;
		position:relative;
		width:54%;
	}
	
	.ctaBnr.B .concierge {
		bottom:-0;
		left:13px;
		width:140px;
	}
	.ctaBnr.B .concierge img {
		width:100%;
		top:0;
	}
	.ctaBnr.B .htx1 {
		display:block;
		line-height:1.3;
		font-size:185%;
		text-align:left;
		padding-left:0;
		color:#66CA41;
		font-weight:700;
		-ms-text-shadow: 0px 0px 0 rgba(0,0,0,0) !important;
		-moz-text-shadow: 0px 0px 0 rgba(0,0,0,0) !important;
		-webkit-text-shadow: 0px 0px 0 rgba(0,0,0,0) !important;
		text-shadow: 0px 0px 0 rgba(0,0,0,0) !important;
	}
	
	
	.ctaBnr.B .btmWrap {
		float:left;
		width:46%;
		padding:14px 35px 14px 0;
	}
	.ctaBnr.B .tellWrap {
		display:none;
	}
	
	.ctaBnr.B .btnWrap {
		float:none;
		width:100%;
	}

}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.ctaBnr.B .htx1 {
		font-size:172%;
		padding-left:0px;
	}
	.ctaBnr.B .concierge {
		left:5px;
		width:120px;
	}
	.ctaBnr.B .freeIcon {
		left:5px;
		top:48.5%;
		-ms-transform: scale(0.95, 0.95) translateY(-50%);
		-webkit-transform: scale(0.95, 0.95) translateY(-50%);
		-moz-transform: scale(0.95, 0.95) translateY(-50%);
		transform: scale(0.95, 0.95) translateY(-50%);
	}
}

@media screen and (min-width: 741px) and (max-width: 1000px) {
	.ctaBnr.B .concierge {
		display:none;
	}
	.ctaBnr.B .htx1 {
		font-size:155%;
		padding-left:20px;
	}
	.ctaBnr.B .freeIcon {
	}
	.ctaBnr.B .wrap1 {
		width:52%;
		 padding-left: 80px;
	}
	.ctaBnr.B .htx1 {
		font-size:130%;
	}
	.ctaBnr.B .btmWrap {
		width:48%;
		padding:11px 25px 11px 0;
	}
	.ctaBnr.B .btnWrap .btn .tx2 {
		font-size:140%;
	}
	.ctaBnr.B .btnWrap .btn {
		padding-left:65px;
	}

}



/* // tabBtns //
----------------------------------------------- */
/* |- A  */
.tabBtns.A {
	line-height:1.3;
	font-size:108%;
	margin-bottom:60px;
}
.tabBtns.A .btns:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.tabBtns.A .btns {	display: inline-block;} 
* html .tabBtns.A .btns {	height: 1%;	}
.tabBtns.A .btns {	display:block;	}
.tabBtns.A .btns li {
	float:left;
}
.tabBtns.A .btns li a {
	padding:25px 25px;
	display:block;
	font-weight:400;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #eee 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.4s;
	color:#222;
	border-bottom:5px solid #E8E8E8;
}
html.pc .tabBtns.A .btns li a:hover {
	background-position: -100% 0;
}
.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,
.__ {
	border-color:#58B2D4;
	color:#0C86B2;
	font-weight:500;
}


/* // leadBlock //
----------------------------------------------- */
.leadBlock {
	margin-bottom:40px;
}
/* |- A  */
.leadBlock.A {
	margin-bottom:40px;
}
.leadBlock.A .htx1 {
	margin-bottom:12px;
	font-weight:500;
	font-size:120%;
	text-align:center;
}
/* |- B  */



/* // boxFrame //
----------------------------------------------- */
/* |- A  */
.boxFrame.A {
	background-color:#FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	border-top: 4px solid #58B2D4;
	padding-top:32px;
	padding-bottom:32px
}
.boxFrame.A .boxWidth {
	padding:0 35px;
}
.boxFrame.A.noBorder {
	border-top: 0;
}
.boxFrame.A.short {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}



/* // allSlideBtn //
----------------------------------------------- */
/* |- A  */
.allSlideBtn.A {
	text-align:right;
}
.allSlideBtn.A li {
	display:inline-block;
	margin-left:10px;
}
.allSlideBtn.A li a {
	background-color:#ececec;
	color:#58B2D4 !important;
}

/* // categoryList //
----------------------------------------------- */
/* |- categoryListA  */
.categoryListA li {
	display:inline-block;
	position:relative;
	padding-right:20px;
	margin-right:10px;
}
.categoryListA li:after{
	position: absolute;
	right: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;
}
.categoryListA li:last-of-type {
	padding-right:0;
	margin-right:0;
}
.categoryListA li:last-of-type:after {
	display:none;
}
.categoryListA li select {
	width:200px;
}

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


/* |- categoryListC  */
.categoryListC {
	display:block;
	position:relative;
}
.categoryListC li {
	float:left;
	min-width:25%;
	padding:0 5px;
	margin-bottom:12px;
}
.categoryListC .btn {
	border-radius: 30px;
	min-width:100%;
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	font-weight:400;
	font-size:88%;
}
.categoryListC .btn i {
	opacity:0.6;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.categoryListC li {
		min-width:25%;
		width:25%;
		padding:0 3px;
		margin-bottom:6px;
	}
	.categoryListC .btn {
		font-size:86%;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	.categoryListC li {
		min-width:33.3%;
		width:33.3%;
	}
	.categoryListC .btn {
		font-size:84%;
	}
}


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

.categoryListD li {
	display:inline-block;
	line-height:1.2;
	font-size:82%;
	background-color:#FFF;
	padding:4px 8px;
	border-radius: 1px;
	border:1px solid #CCC;
	margin-right:6px;
}

/* |- categoryListE  */
.categoryListE {
	line-height:1.3;
	font-size:88%;
	color:#777;
	margin-bottom:15px;
}
.categoryListE li {
	display:inline-block;
	margin-right:20px;
	position:relative;
}
.categoryListE li:after{
	position: absolute;
	right:-17px;
	top: 50%;
	font-size:85%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e92c';
	font-family: iconfontA;
}
.categoryListE li:last-of-type {
	margin-right:0;
}
.categoryListE li:last-of-type:after {
	display:none;
}



/* // parallelBoxWrap //
----------------------------------------------- */
/* |- A  */
.parallelBoxWrap.A {
	display:table;
	width:100%;
}
.parallelBoxWrap.A .box {
	display:table-cell;
	width:50%;
}
.parallelBoxWrap.A .box:nth-of-type(odd) {
	padding-right:25px;
}
.parallelBoxWrap.A .box:nth-of-type(even) {
	padding-left:25px;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.parallelBoxWrap.A .box:nth-of-type(odd) {
		padding-right:12px;
	}
	.parallelBoxWrap.A .box:nth-of-type(even) {
		padding-left:12px;
	}
}


/* // SideCategoryNavi //
----------------------------------------------- */
/* |- A  */
#SideCategoryNavi.A {
	
}
#SideCategoryNavi.A {
	
}

#SideCategoryNavi.A .tit1 {
	font-weight:600;
	font-size:120%;
	margin-bottom:5px;
}
#SideCategoryNavi.A .tit1.otherCategory {
	font-weight:500;
	font-size:100%;
	margin-top:-23px;
}
#SideCategoryNavi.A .tit2 {
	font-weight:500;
	font-size:150%;
	margin-bottom:25px;
	position:relative;
	padding-left:42px;
}
#SideCategoryNavi.A .tit2 .icon {
	font-size:160%;
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#SideCategoryNavi.A .keywordSearch {
	display:block;
	position:relative;
	margin-bottom:30px;
}
#SideCategoryNavi.A .keywordSearch .inputKeyword {
	display:block;
	position:relative;
}
#SideCategoryNavi.A .keywordSearch .inputKeyword input {
	padding:10px 44px 10px 8px;
	font-size:100%;
}
#SideCategoryNavi.A .keywordSearch .inputKeyword .btnSubmit {
	position:absolute;
	right:20px;
	top:50%;
	-ms-transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	display:block;
}
#SideCategoryNavi.A .keywordSearch .inputKeyword .btnSubmit .in {
	display:block;
	width:35px;
	height:35px;
	background-color:#58B2D4;
	border-radius: 100%;
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	position:relative;
	overflow:hidden;
}
#SideCategoryNavi.A .keywordSearch .inputKeyword .btnSubmit i {
	font-size:145%;
	color:#FFF;
	position:absolute;
	left:50%;
	top:45%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:10;
}
#SideCategoryNavi.A .keywordSearch .inputKeyword .btnSubmit .in:before {
	position:absolute;
	left:50%;
	top:50%;
	background-color:#0C86B2;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:0%;
	height:0%;
	content:" ";
	transition:0.2s;
	border-radius: 100%;
}
#SideCategoryNavi.A .keywordSearch .inputKeyword .btnSubmit:hover .in:before {
	width:110%;
	height:110%;
}


#SideCategoryNavi.A .filterBlock {
	box-shadow: 0 0 5px rgba(0,0,0,0.14);
	border-radius: 2px;
	background-color:#FFF;
	overflow:hidden;
	border-top:5px solid #58B2D4;
	margin-bottom:40px;
}
#SideCategoryNavi.A .filterBlock .title {
	text-align:center;
	padding:20px 6px;
	line-height:1.2;
	font-weight:600;
	font-size:142%;
}


#SideCategoryNavi.A .filterBlock .listWrap {
	line-height:1.3;
	font-size:96%;
	padding-bottom:20px;
}
#SideCategoryNavi.A .filterBlock .listWrap a {
	display:block;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents {
	border-top:1px solid #D3D3D3;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li {
	border-bottom:1px solid #D3D3D3;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li > .wrap {
	display:block;
	position:relative;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li a.parent {
	padding:18px 27px 18px 18px ;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #E6F3F7 50%);
	background-position: 0 0;
	background-size: 200% auto;
	position:relative;
	font-weight:400;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li.parentOpenIcon a.parent {
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li.parentOpenIcon a.parent:hover {
	background-position: -100% 0;
}




#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li:not(.parentOpenIcon) a.parent:after{
	position: absolute;
	right:8px;
	top: 50%;
	font-size:100%;
	transform: translateY(-50%);
	content:'\e926';
	font-weight:200;
	font-family: iconfontA;
	color:#AAA;
	transition:0.3s;
}
#SideCategoryNavi.A .filterBlock.other .listWrap ul.parents > li:not(.parentOpenIcon) a.parent:after{
	content:'\e90e';
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li:not(.parentOpenIcon) a.parent.open:after{
	content:'\e925';
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li.parentOpenIcon > .wrap > .openIcon{
	right:-8px;
	width:27px;
	height:27px;

}
#SideCategoryNavi.A .filterBlock:not(.other) .listWrap ul.parents > li a.parent:hover:after {
	animation: SideCategoryNavi1 0.4s infinite ease-out;
	transform-origin: 50% 50%;
	animation-iteration-count: 1;
	transition:0.3s;
}
@keyframes SideCategoryNavi1 {
0% { transform: translateY(-50%); }
50% { transform: translateY(-20%); }
100% { transform: translateY(-50%); }
}


#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li a.parent:not(.open):hover {

}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li a.parent.open {
	position:relative;
	margin-bottom:-5px;
	font-weight:500;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li a.parent.current {
	font-weight:700;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.parents > li a.parent.current:before {
	position:absolute;
	left:0;
	top:50%;
	content:" ";
	width:4px;
	height:40px;
	background-color:#58B2D4;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#SideCategoryNavi.A .filterBlock .listWrap ul.children {
	padding-left:6px;
	padding-right:6px;
	padding-bottom:12px;
	display:none;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.children > li {
	display:block;
	position:relative;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.children > li .wrap {
	display:block;
	position:relative;
}
#SideCategoryNavi.A .filterBlock .listWrap a.openIcon {
	position:absolute;
	right:-14px;
	top:50%;
	display:block;
	width:22px;
	height:22px;
	border-radius: 50%;
	background-color:#CAEBF2;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	overflow:hidden;
}
#SideCategoryNavi.A .filterBlock .listWrap a.openIcon:hover {
	animation: SideCategoryNavi2 0.4s infinite ease-out;
	transform-origin: 50% 50%;
	animation-iteration-count: 1;
	transition:0.3s;
}
@keyframes SideCategoryNavi2 {
0% { transform: translate(-50%, -50%); }
50% { transform: translate(-50%, -40%); }
100% { transform: translate(-50%, -50%); }
}



#SideCategoryNavi.A .filterBlock .listWrap a.openIcon em {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
#SideCategoryNavi.A .filterBlock .listWrap a.openIcon em:after {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	content:'\e926';
	font-family: iconfontA;
	color:#000;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	line-height:1;
	font-size:85%;
	opacity:0.5;
}
#SideCategoryNavi.A .filterBlock .listWrap a.openIcon em:after {
	content:'\e926';
}
#SideCategoryNavi.A .filterBlock .listWrap a.openIcon.open em:after {
	content:'\e925';
}
#SideCategoryNavi.A .filterBlock .listWrap ul.children a.child {
	padding:10px 26px 10px 10px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #EDF6F9 50%);
	background-position: 0 0;
	background-size: 200% auto;
	font-size:90%;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.children a.child:not(.current):hover {
	background-position: -100% 0;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.children a.child.current {
	background-color:#E9F4F8;
	font-weight:600;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.grandchildren {
	padding:5px 0 5px 12px;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.grandchildren > li {
}
#SideCategoryNavi.A .filterBlock .listWrap ul.grandchildren > li a.grandchild {
	padding:6px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #EDF6F9 50%);
	background-position: 0 0;
	background-size: 200% auto;
	font-size:90%;
	display:block;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.grandchildren > li a.grandchild:not(.current):hover {
	background-position: -100% 0;
}
#SideCategoryNavi.A .filterBlock .listWrap ul.grandchildren > li a.grandchild.current {
	background-position: -100% 0;
	font-weight:600;
}

#SideCategoryNavi.A .filterBlock.area .listWrap ul.children > li {
	display:inline-block;
	width:49%;
	margin-bottom:3px;
}
#SideCategoryNavi.A .filterBlock.area .listWrap ul.parents > li a.parent.open {
	margin-bottom:0;
	font-weight:600;
}

#SideCategoryNavi.A .filterBlock.area .submit {
	margin:20px auto 3px; 
}
#SideCategoryNavi.A .filterBlock.area .submit.A .btnSubmit {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 100%;
}

#SideCategoryNavi.A .filterBlock.category.other .listWrap ul.parents > li a.parent {
	padding-top:15px;
	padding-bottom:15px;
}


#SideCategoryNavi.A .rankiingWrap {
	margin-top:50px;
}


/* |- A A1  */
#SideCategoryNavi.A.A1 .filterBlock {
	border-top:0;
}
#SideCategoryNavi.A.A1 .filterBlock .listWrap ul.parents {
	border-top:0;
}
#SideCategoryNavi.A.A1 .filterBlock .listWrap {
	padding-bottom:0;
}
#SideCategoryNavi.A.A1 .filterBlock .listWrap ul.parents > li:last-of-type {
	border-bottom:0;
}

/* // estimateExample //
----------------------------------------------- */
/* |- A  */
.estimateExample.A {
	width:900px;
}
.estimateExample.A .title {
	line-height:1.6;
	font-weight:600;
	font-size:118%;
	margin-bottom:13px;
}
.estimateExample.A .estimateTable {
	line-height:1.3;
	font-size:95%;
}
.estimateExample.A .estimateTable .name {
	width:60%;
}
.estimateExample.A .estimateTable .price {
	width:19%;
}
.estimateExample.A .estimateTable th,
.estimateExample.A .estimateTable td,
.___ {
	padding:9px 15px;
}

.estimateExample.A .estimateTable .head1 th {
	background-color:#F3F3F3;
	text-align:center;
	font-weight:500;
	padding:11px 5px;
}
.estimateExample.A .estimateTable tr:not(.head1):nth-of-type(odd) td {
	background-color:#F8F8F8;
}
.estimateExample.A .estimateTable .unit,
.estimateExample.A .estimateTable .num {
	text-align:center;
}
.estimateExample.A .estimateTable .price {
	text-align:right;
	font-size:107%;
}
.estimateExample.A .estimateTable .price .yen {
	font-size:78%;
	padding-left:2px;
}
.estimateExample.A .estimateTable .total td {
	background-color:#EEE !important;
	font-size:114%;
	font-weight:500;
	padding-top:11px;
	padding-bottom:11px;
}
.estimateExample.A .estimateTable .total td.price {
	font-size:126%;
	font-weight:600;
}


/* // searchBox //
----------------------------------------------- */
/* |- A  */
.searchBox.A {
	padding:0 50px;
}
@media screen and (max-width: 1200px)  {
	.searchBox.A {
		padding:0 25px;
	}
}

.searchBox.A > .inner {
	background-color:#58B2D4;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:42px 0;
}
.searchBox.A .categoryWrap {
	display:block;
	width:100%;
}
.searchBox.A .categoryWrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.searchBox.A .categoryWrap {	display: inline-block;} 
* html .searchBox.A .categoryWrap {	height: 1%;	}
.searchBox.A .categoryWrap {	display:block;	}

.searchBox.A .categoryWrap .box {
	display:block;
	float:left;
	width:20%;
	padding: 0 25px 8px;
	border-right:1px solid #4A97B4;
}
.searchBox.A .categoryWrap .box:last-of-type {
	border-right:0;
}
.searchBox.A .box .cateIcon {
	display:block;
	height:100px;
	text-align:center;
}
.searchBox.A .box .cateIcon svg {
	height:110px;
	width:auto;
	fill:#FFF;
}
.searchBox.A .box .name {
	display:block;
	height:90px;
	position:relative;
}
.searchBox.A .box .name p {
	font-weight:600;
	font-size:122%;
	color:#FFF;
	line-height:1.3;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:110%;
	text-align:center;
}
.searchBox.A .box .childList {
	margin-bottom:30px;
}
.searchBox.A .box .childList li {
	line-height:1;
	margin-bottom:10px;
	text-align:center;
}
.searchBox.A .box .childList li:last-of-type {
	margin-bottom:0;
}
.searchBox.A .box .childList li a {
	color: #fff;
	display:block;
	padding:0;
	font-size:80%;
	line-height:1;
	text-align:center;
	display:inline-block;
	position:relative;
	padding:0 3px 4px;
}
.searchBox.A .box .childList li a:before {
	content:" ";
	position:absolute;
	display:block;
	width:0%;
	height:1px;
	background-color:#fff;
	left:0px;
	bottom:0px;
	opacity:0.7;
	transition:0.3s;
}
.searchBox.A .box .childList li a:hover:before {
	width:100%;
}
.searchBox.A .box .allCategoryBtn {
	margin-top:19px;
}
.searchBox.A .box .allCategoryBtn .btn {
	display:block;
	color:#FFF;
	padding-top:18px;
	padding-bottom:18px;
	background-color:#336B7F;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.searchBox.A .box .allCategoryBtn .btn {
		font-size:85%;
		padding-left:5px;
		padding-right:15px;
	}
	.searchBox.A .box .name p {
		font-size:114%;
	}
	.searchBox.A .box .name p br {
		display:none;
	}
	.searchBox.A .categoryWrap .box {
		width:20%;
		padding: 0 15px 6px;
	}
}


/* // sideArticleList //
----------------------------------------------- */
/* |- A  */
.sideArticleList.A  {
	
}
.sideArticleList.A .item  {
	display:block;
	border-bottom:1px #D9D9D9 dotted;
	background-image: linear-gradient(to right, #fff 50%, #E9F4F8 50%);
	background-position: 0 0;
	background-size: 200% auto;
	position:relative;
}
.sideArticleList.A .item:last-of-type  {
	border-bottom:0;
}
.sideArticleList.A .item:hover {
	background-position: -100% 0;
}
.sideArticleList.A .item > .inner  {
	padding:12px 10px 12px 10px ;
	position:relative;
}

.sideArticleList.A .item .image  {
	position:absolute;
	left:9px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	display:block;
	width:64px;
	height:64px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.sideArticleList.A .item .category  {
	font-size:78%;
	line-height:1.3;
	color:#AAA;
	margin-bottom:6px;
}
.sideArticleList.A .item.emphasis .category  {
	padding-left:25px;
}

.sideArticleList.A .item .articleTitle  {
	font-size:88%;
	line-height:1.3;
	color:#333;
	font-weight:300;
}

/* |- ranking  */
.sideArticleList.A.ranking .item > .inner  {
	padding:12px 8px 12px 35px ;
	position:relative;
}
.sideArticleList.A.ranking .item > .inner:before  {
	content:" ";
	display:block;
	width:20px;
	height:20px;
	background-color:#BFBFBF;
	position:absolute;
	left:16px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.sideArticleList.A.ranking .item > .inner:after  {
	content:"0";
	color:#FFF;
	font-family: 'WorkSans';
	font-weight: 500;
	position:absolute;
	left:16px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.sideArticleList.A.ranking .item:nth-of-type(1) > .inner:after  {	content:"1";	}
.sideArticleList.A.ranking .item:nth-of-type(2) > .inner:after  {	content:"2";	}
.sideArticleList.A.ranking .item:nth-of-type(3) > .inner:after  {	content:"3";	}
.sideArticleList.A.ranking .item:nth-of-type(4) > .inner:after  {	content:"4";	}
.sideArticleList.A.ranking .item:nth-of-type(5) > .inner:after  {	content:"5";	}
.sideArticleList.A.ranking .item:nth-of-type(6) > .inner:after  {	content:"6";	}
.sideArticleList.A.ranking .item:nth-of-type(7) > .inner:after  {	content:"7";	}
.sideArticleList.A.ranking .item:nth-of-type(8) > .inner:after  {	content:"8";	}
.sideArticleList.A.ranking .item:nth-of-type(9) > .inner:after  {	content:"9";	}
.sideArticleList.A.ranking .item:nth-of-type(10) > .inner:after  {	content:"10";	}


/* |- withImg / emphasis  */
.sideArticleList.A .item.withImg > .inner  {
	padding:12px 8px 12px 85px ;
	position:relative;
}
.sideArticleList.A .item.withImg > .inner:before  {
	left: 94px;
	top: 18px;
}
.sideArticleList.A .item.withImg > .inner:after  {
	left: 94px;
	top: 18px;
}
.sideArticleList.A.ranking .item.withImg .category  {
	padding-left:25px;
}
.sideArticleList.A .item.emphasis > .inner:before  {
	background-color:#58B2D4;
}



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

/* // base / layout //
----------------------------------------------- */
#Front #ContentsWrap {
	display:block;
	position:relative;
	z-index:5;
	padding-bottom:50px;
}

/* // FrontTop //
----------------------------------------------- */
#FrontTop .ctaBnrScale {
	position:relative;
	z-index:10;
	margin-top:-70px;
}
@media screen and (min-width: 741px) and (max-width: 1100px) {
	#FrontTop .ctaBnrScale.A {
		margin-top:-80px;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	#FrontTop .ctaBnrScale.A {
		margin-top:-90px;
	}
}

/* // ctaBnrScale //
----------------------------------------------- */
/* |- A  */

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.ctaBnrScale.A {
		-ms-transform: scale(0.95, 0.95);
		-webkit-transform: scale(0.95, 0.95);
		-moz-transform: scale(0.95, 0.95);
		transform: scale(0.95, 0.95);
		margin-top:-80px;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	.ctaBnrScale.A {
		margin-top:-90px;
	}
}

/* // ContentsRequests //
----------------------------------------------- */
#ContentsRequests #PageMv {
	background:url(/img/cmn_bg_01.jpg) center top no-repeat;
	height: 350px;
}
/* |- SecProblem  */
#ContentsRequests #SecProblem {
	background: -moz-linear-gradient(to right, #D3EEF6 0%, #F5FCFF 45%, #CCEAF5 100%);
	background: -webkit-linear-gradient(to right, #D3EEF6 0%, #F5FCFF 45%, #CCEAF5 100%);
	background: linear-gradient(to right, #D3EEF6 0%, #F5FCFF 45%, #CCEAF5 100%);
	position:relative;
}
#ContentsRequests #SecProblem .image {
	width:365px;
	position:absolute;
	right:30px;
	bottom:-50px;
}
#ContentsRequests #SecProblem .image img {
	width:100%;
}
#ContentsRequests #SecProblem .problemItems {
	padding-top:10px;
}
#ContentsRequests #SecProblem .problem {
	background-color:#FFF;
	box-shadow: 0 0 7px rgba(0,0,0,0.2);
	width:750px;
	margin-bottom:25px;
	display:block;
}
#ContentsRequests #SecProblem .problem .inner {
	display:table;
	width:100%;
}
#ContentsRequests #SecProblem .problem .number {
	display:table-cell;
	vertical-align:top;
	width:95px;
	background-color:#58B2D4;
	line-height:1;
	color:#FFF;
	padding-top:12px;
	padding-bottom:7px;
}
#ContentsRequests #SecProblem .problem .number .tx1 {
	text-align:center;
	font-weight:600;
	font-size:170%;
	margin-bottom:8px;
	letter-spacing:0.1em;
}
#ContentsRequests #SecProblem .problem .number .num {
	text-align:center;
}
#ContentsRequests #SecProblem .problem .number .num .wrap {
	display:inline-block;
	background-color:#000;
	width:36px;
	height:36px;
	position:relative;
}
#ContentsRequests #SecProblem .problem .number .num .wrap .tx {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-weight:600;
	font-size:180%;
}
#ContentsRequests #SecProblem .problem .contents {
	display:table-cell;
	vertical-align:top;
	padding:30px;
}
#ContentsRequests #SecProblem .problem .contents .tx {
	font-weight:600;
	font-size:160%;
}


@media screen and (min-width: 741px) and (max-width: 1000px) {

	#ContentsRequests #SecProblem .image {
		display:none;
	}
}

/* // ContentsAbout //
----------------------------------------------- */
#ContentsAbout #PageMv {
	background:url(/img/cmn_bg_01.jpg) center top no-repeat;
}
#ContentsAbout #SecContact .wrap {
	width:1000px;
	margin:-30px auto 0;
	text-align:center;
}
#ContentsAbout #SecContact .image {
	display:none;
}
#ContentsAbout #SecContact .image img {
	width:100%;
}
#ContentsAbout #SecContact .contents {
	display:inline-block;
	width:100%;
}
#ContentsAbout #SecContact .contents .htxJ {
	white-space:nowrap;
}
#ContentsAbout #SecContact .contents .logo {
	text-align:center;
	margin-bottom:35px;
}
#ContentsAbout #SecContact .contents .logo img {
	width:280px;
}
#ContentsAbout #SecContact .ctaBnr {
	margin-top:5px;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	#ContentsAbout #SecContact .wrap {
		width:100%;
		margin:-30px auto 0;
	}
	#ContentsAbout #SecContact .image {
		width:28%;
		padding:0 10px;
	}
	#ContentsAbout #SecContact .image img {
	}
	#ContentsAbout #SecContact .contents {
		width:100%;
	}
	#ContentsAbout #SecContact .contents .logo {
		text-align:center;
		margin-bottom:30px;
	}
	#ContentsAbout #SecContact .contents .logo img {
		width:200px;
	}
	#ContentsAbout #SecContact .ctaBnr {
		margin-top:-45px;
	}

}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	#ContentsAbout #SecContact .contents {
		padding-bottom:20px;
	}
	#ContentsAbout #SecContact .contents br {
		display:none !important;
	}

}



/* // CompanyIndex //
----------------------------------------------- */
#CompanyIndex #PageMv {
	margin-bottom:40px;
}

/* // NewRequest //
----------------------------------------------- */
#NewRequest {
	
}
#NewRequest .boxFrame {
	border-top-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 .inputIcon i,
#NewRequest .formStyleA .inputIcon:after {
	color:#66CA41;
}
#NewRequest .categoryListA li select {
	width:250px;
}
#NewRequest .newRequestEstimate .num {
	width:150px;
}

/* |- 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),
.___ {
	border-top-color:#3AA80F;
	background-color:#E5F7DE;
	font-size:130%;
	color:#3AA80F;
}
#NewRequest .formFlow.A li:after{
	font-size:30px;
	color:#3AA80F;
}

/* |- newRequestType  */
#NewRequest:not(.formConfirm) .newRequestType  {
	border-bottom:0;
}
#NewRequest .newRequestType li  {
	margin-right:10px;
}
#NewRequest .newRequestType li:last-of-type  {
	margin-right:0;
}
#NewRequest .newRequestType li a  {
	display:block;
	color:#71A55C;
	width:200px;
	height:55px;
	position:relative;
	line-height:1;
	background-color:#CEE2C5;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,0.05) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	font-size:120%;
}
html.pc #NewRequest .newRequestType li a:not(.current):hover {
	background-position: -100% 0;
}
#NewRequest .newRequestType li a.current  {
	background-color:#3AA80F;
	color:#FFF;
	font-weight:400;
	font-size:124%;
}
#NewRequest .newRequestType li a .tx  {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	text-align:center;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#NewRequest .attachedDocumentList{
	border-top:1px dotted #CCC;
	margin-top:15px;
	padding-top:15px;
}


/* // FrontBreadcrumbs //
----------------------------------------------- */
#FrontBreadcrumbs {
	position:absolute;
	left:0px;
	top:2px;
	margin-bottom:15px;
	width:100%;
	z-index:10;
}
#FrontBreadcrumbs li {
	display:inline-block;
	position:relative;
	margin-right:25px;
	line-height:1;
	font-size:82%;
	position:relative;
}
#FrontBreadcrumbs li:last-of-type {
	margin-right:0;
}
#FrontBreadcrumbs li a {
	display:block;
	padding:4px 2px;
	position:relative;
	color:#666;
}
#FrontBreadcrumbs li a:after{
	position: absolute;
	right:-21px;
	top: 50%;
	font-size:80%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e94b';
	font-family: iconfontA;
}
#FrontBreadcrumbs li:last-of-type a:after {
	display:none;
}
#FrontBreadcrumbs li a:before {
	display:block;
	content:" ";
	width:0%;
	height:1px;
	background-color:#999;
	position:absolute;
	top:100%;
	left:0px;
	transition:0.2s;
}
#FrontBreadcrumbs li a:hover:before {
	width:100%;
}

/* |- bar  */
#FrontBreadcrumbs.bar {
	position:relative;;
	left:auto;
	top:auto;
	margin-bottom:0;
	background-color:#58B2D4;
	line-height:1.4;
	padding-top:5px;
	padding-bottom:5px;
}




/* |- c1  */
#FrontBreadcrumbs.c1 li a {
	color:#fff;
}
#FrontBreadcrumbs.c1 li a:before {
	background-color:#fff;
}


/* // PageMv //
----------------------------------------------- */
/* |- top  */
#PageMv.top {
	display:block;
	position:relative;
	background:url(/img/top_mv_bg_01.jpg) center center no-repeat;
	background-size:cover;
	z-index:5;
	height:550px;
}
#PageMv.top .bg {
	display:block;
	height:100%;
	padding:0 10px 62px ;
	background: -moz-linear-gradient(to right, rgba(88,178,212,0.85) 0%, rgba(88,178,212,0.85) 21%, rgba(65,202,139,0.85) 100%);
	background: -webkit-linear-gradient(to right, rgba(88,178,212,0.85) 0%, rgba(88,178,212,0.85) 21%, rgba(65,202,139,0.85) 100%);
	background: linear-gradient(to right, rgba(88,178,212,0.85) 0%, rgba(88,178,212,0.85) 21%, rgba(65,202,139,0.85) 100%);
}
#PageMv.top .inner {
	display:block;
	height:100%;
	position:relative;
	overflow:hidden;
}
#PageMv.top .wrap {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	text-align:center;
}
#PageMv.top .textWrap {
	display:inline-block;
	vertical-align:middle;
	margin-right:30px;
}
#PageMv.top .text1 {
	text-align:center;
	line-height:1;
	color:#D32D1F;
	margin-bottom:25px;
}
#PageMv.top .text1 .in {
	text-align:center;
	background-color:#ff0;
	border-radius: 50px;
	padding:11px 50px;
	font-weight:600;
	display:inline-block;
	white-space:nowrap;
}
#PageMv.top .text1 .tx1 {
	display:inline-block;
	white-space:nowrap;
	vertical-align:bottom;
	font-weight:500;
	font-size:170%;
	margin-right:15px;
}
#PageMv.top .text1 .tx2 {
	display:inline-block;
	white-space:nowrap;
	vertical-align:bottom;
	font-weight:800;
	font-size:200%;
	margin-right:10px;
}
#PageMv.top .text1 .tx3 {
	display:inline-block;
	white-space:nowrap;
	vertical-align:bottom;
	font-weight:800;
	font-size:340%;
	line-height:0.7;
}
#PageMv.top .text2 {
	text-align:center;
	line-height:1;
	color:#FFF;
	-ms-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-weight:800;
	font-size:420%;
	margin-bottom:21px;
}
#PageMv.top .text3 {
	text-align:center;
	line-height:1;
	color:#FFF;
	-ms-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-weight:700;
	font-size:310%;
	margin-bottom:30px;
}
#PageMv.top .text4 {
	text-align:center;
	line-height:1;
	color:#2792BC;
	font-size:230%;
	margin-bottom:30px;
	text-shadow    : 
       2px  2px 0 #FFF,
      -2px  2px 0 #FFF,
       2px -2px 0 #FFF,
      -2px -2px 0 #FFF,
       2px  0px 0 #FFF,
       0px  2px 0 #FFF,
      -2px  0px 0 #FFF,
       0px -2px 0 #FFF;
}

#PageMv.top .text4 .tx1 {
	display:inline-block;
	white-space:nowrap;
	vertical-align:bottom;
	font-weight:700;
	font-size:100%;
	margin-right:22px;
}
#PageMv.top .text4 .tx2 {
	display:inline-block;
	white-space:nowrap;
	vertical-align:bottom;
	font-weight:500;
	font-size:84%;
	margin-right:15px;
}
#PageMv.top .text4 .tx3 {
	display:inline-block;
	white-space:nowrap;
	vertical-align:bottom;
	font-weight:700;
	font-size:160%;
	margin-right:5px;
	line-height:0.7;
}
#PageMv.top .text4 .tx4 {
	display:inline-block;
	white-space:nowrap;
	vertical-align:bottom;
	font-weight:700;
	font-size:80%;
}

#PageMv.top .icon {
	margin-top:30px;
	text-align:center;
	line-height:1;
}
#PageMv.top .icon li {
	display:inline-block;
	width:76px;
	height:76px;
	background-color:rgba(17,149,161,0.8);
	position:relative;
	border-radius: 100px;
	margin:0 7px;
}
#PageMv.top .icon li svg {
	width:62%;
	fill:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#PageMv.top .rightWrap {
	display:none;
}
#PageMv.top .rightWrap .image {
	position:absolute;
	left:-10px;
	bottom:-45px;
	width:300px;
}

@media screen and (min-width: 741px) and (max-width: 1000px) {
	#PageMv.top .textWrap {
		margin-right:0;
	}
	#PageMv.top .rightWrap {
		display:none;
	}
}


/* |- A  */
#PageMv.A {
	display:block;
	position:relative;
	background:url(/img/cmn_bg_01.jpg) center bottom no-repeat;
	background-size:cover;
	z-index:5;
	padding:60px 30px 50px;
	margin-bottom:55px;
}
#PageMv.A .txBlock1 {
}

#PageMv.A .inner .tx1 {
	background-color:#FFF;
	color:#E83323;
	padding:4px 45px 2px;
	border-radius: 50px;
	font-size:155%;
	line-height:1;
	display:inline-block;
	vertical-align:top;
}
#PageMv.A .inner .tx1 span {
	display:inline-block;
	vertical-align:middle;
}
#PageMv.A .inner .tx1 .tx11 {
	font-weight:500;
	margin-right:7px;
	position:relative;
	top:2px;
}
#PageMv.A .inner .tx1 .tx12 {
	font-weight:800;
	font-size:114%;
	margin-right:10px;
}
#PageMv.A .inner .tx1 .tx13 {
	font-weight:700;
	font-size:195%;
	position:relative;
}


#PageMv.A .inner .tx2 {
	line-height:1;
	margin-left:15px;
	color:#FFFA00;
	font-size:200%;
	font-weight:600;
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	position:relative;
	top:-3px;
	display:inline-block;
	vertical-align:top;
}
#PageMv.A .inner .tx2 .tx21 {
	margin-left:20px;
	font-size:85%;
	font-weight:400;
}
#PageMv.A .inner .tx2 .tx22 {
	margin-right:5px;
	margin-left:5px;
	font-size:180%;
	font-weight:700;
	position:relative;
	top:3px;
}

#PageMv.A .inner .title {
	margin-top:13px;
	color:#FFF;
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	font-size:55px;
	line-height:1.3;
}
#PageMv.A .inner .title .tit1 {
	display:block;
	text-align:center;
	font-weight:600;
}
#PageMv.A .inner .title .tit1 .small {
	padding-left:5px;
	font-size:87%;
	font-weight:500;
}
#PageMv.A .inner .title .tit2 {
	display:block;
	text-align:center;
	font-size:82%;
	font-weight:500;
}
#PageMv.A .inner .title .tit2 .small {
	padding-left:5px;
	padding-right:5px;
	font-size:87%;
	font-weight:400;
}
#PageMv.A .ctaBnr {
	margin-top:35px
}


#PageMv.A.detail .inner {
	text-align:center;
}
#PageMv.A.detail .txWrap {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	margin-right:40px;
	max-width:800px;
}
#PageMv.A.detail .imageWrap {
	display:inline-block;
	vertical-align:middle;
}

#PageMv.A.detail .inner .title {
	margin-top:13px;
	text-align:left;
	font-size:56px;
	font-weight:700;
}
#PageMv.A.detail .inner .title .tit1 {
	text-align:left;
}

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

#PageMv.A.detail .inner .tx2 {
	margin-left:0px;
	margin-top:10px;
	position:relative;
	top:auto;
	display:block;
}
#PageMv.A.detail .inner .tx2 .tx21 {
	margin-left:20px;
	font-size:85%;
	font-weight:400;
}
#PageMv.A.detail .inner .tx2 .tx22 {
	margin-right:5px;
	margin-left:5px;
	font-size:180%;
	font-weight:700;
	position:relative;
	top:3px;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	#PageMv.A {
		padding:60px 10px 50px;
		text-align:center;
	}
	#PageMv.A.detail .txWrap {
		display:block;
		text-align:center;
		max-width:1200px;
	}
	#PageMv.A .inner .tx1 {
		padding:4px 25px 2px;
		font-size:155%;
	}	
	#PageMv.A .inner .title {
		font-size:50px;
	}
	#PageMv.A .ctaBnr {
		margin-top:35px
	}
	#PageMv.A.detail .inner {
		text-align:center;
	}
	#PageMv.A.detail .imageWrap {
		display:none;
	}
	#PageMv.A.detail .inner .title {
		text-align:center;
	}
	#PageMv.A.detail .inner .title .tit1 {
		text-align:center;
	}
	#PageMv.A.detail .inner .title .tit2 {
		text-align:center;
	}
	#PageMv.A.detail .inner .tx2 {
		text-align:center;
	}

}

@media screen and (min-width: 741px) and (max-width: 1000px) {

}

/* |- B  */
#PageMv.B {
	display:block;
	position:relative;
	background-size:cover;
	z-index:5;
	padding:10px;
	height:550px;
	margin-bottom:0;
}
#PageMv.B.s {
	height:200px;
}
#PageMv.B .wrap {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
}
#PageMv.B.s .inner {
	
}

#PageMv.B .text1 {
	line-height:1.4;
	opacity:0.5;
	margin-bottom:10px;
	text-align:center;
	color:#FFF;
}
#PageMv.B .text1 .logo {
	width:195px;
	display:inline-block;
}
#PageMv.B .text1 .logo svg {
	fill:#FFF;
	width:auto;
	height:35px;
}
#PageMv.B .text1 .en {
	display:block;
	font-weight:600;
	font-size:30px;
}

#PageMv.B .text2 {
	line-height:1.3;
	text-align:center;
	margin-bottom:16px;
}
#PageMv.B .text2 em {
	display:inline-block;
	white-space:nowrap;
	font-weight:600;
	color:#0C86B2;
	font-size:36px;
	padding:8px 120px;
	background: -moz-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 15%, rgba(255,255,255,0.85) 85%, rgba(255,255,255,0.0) 100%);
	background: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 15%, rgba(255,255,255,0.85) 85%, rgba(255,255,255,0.0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 15%, rgba(255,255,255,0.85) 85%, rgba(255,255,255,0.0) 100%);
}
#PageMv.B .text3 {
	line-height:1.3;
	text-align:center;
	margin-bottom:16px;
	font-weight:700;
	color:#fff;
	font-size:46px;
	-ms-text-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-text-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 0 4px rgba(0,0,0,0.3);
	text-shadow: 0 0 4px rgba(0,0,0,0.3);
}
#PageMv.B .image1 {
	text-align:center;
}
#PageMv.B .text4 {
	line-height:1.4;
	margin-bottom:20px;
	font-weight:600;
	color:#fff;
	font-size:24px;
	text-align:center;
}
#PageMv.B .text4 .logo {
	padding:0 10px;
	display:inline-block;
	position:relative;
	top:-5px;
}
#PageMv.B .text4 svg {
	width:160px;
	fill:#FFF;
}
#PageMv.B .ctaBnr {
	margin-top:60px;
}



/* // PageTitle //
----------------------------------------------- */
/* |- A  */
#PageTitle.A {
	display:block;
	height:180px;
	position:relative;
	background:url(/img/cmn_bg_01.jpg) center bottom no-repeat;
	background-size:cover;
	z-index:5;
	margin-bottom:55px;
}
.colorType2 #PageTitle.A {
	background-image:url(/img/cmn_bg_02.jpg);
}


#PageTitle.A .title {
	display:block;
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	padding:0 10px;
}
#PageTitle.A .title .tx {
	display:inline-block;
	font-size:270%;
	line-height:1.3;
	color:#FFF;
	padding:0 38px 15px;
	border-bottom:3px solid rgba(255,255,255,0.8);
	-ms-text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	-moz-text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	-webkit-text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
}

#PageTitle.A.short {
	height:120px;
	margin-bottom:50px;
	background-position:center center;
}
#PageTitle.A.short .title .tx {
	font-size:200%;
	padding:0 38px 15px;
	border-bottom-width:2px;
}

#PageTitle.A .freeIcon {
	display:inline-block;
	position:relative;
	width:85px;
	vertical-align:middle;
}
#PageTitle.A .freeIcon em {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:60px ;
	height:60px;
	text-align:center;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color:#FC0060;
	line-height:1;
	font-weight:700;
	color:#FF0;
	font-size:25px;
	border-radius: 100%;
	padding-top:16px;
	text-shadow: 0px 0px 0 rgba(0,0,0,0);
}


/* |- businessTips  */

#PageTitle.businessTips {
	display:block;
	height:250px;
	position:relative;
	background:url(/img/cmn_bg_04.jpg) center center no-repeat;
	background-size:cover;
	z-index:5;
	margin-bottom:50px;
}
#PageTitle.businessTips.B {
	background-image:url(/img/cmn_bg_05.jpg);
}



#PageTitle.businessTips .title {
	display:block;
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	padding:0 10px;
	-ms-text-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-text-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 0 4px rgba(0,0,0,0.3);
	text-shadow: 0 0 4px rgba(0,0,0,0.3);
	color:#FFF;
	line-height:1;
}
#PageTitle.businessTips .title .en {
	display:block;
	text-align:center;
	font-weight:400;
	font-size:85px;
}
#PageTitle.businessTips .title .catch {
	display:block;
	text-align:center;
	font-size:220%;
	margin-top:1px;
	font-weight:100;
}



#PageTitle.businessTips.s {
	height:130px;
	margin-bottom:35px;
}
#PageTitle.businessTips.s .title .en {
	font-size:46px;
}
#PageTitle.businessTips.s .title .catch {
	font-size:140%;
	margin-top:3px;
}


/* // TEXT SETTING //
----------------------------------------------- */
/* |- htxA  */
#Front .htxA {
	margin-bottom:20px;
	font-weight:600;
	font-size:180%;
	line-height:1.4;
}
/* |- htxB  */
#Front .htxB {
	margin-bottom:15px;
	font-weight:600;
	font-size:155%;
	line-height:1.4;
}
/* |- htxC  */
#Front .htxC {
	margin-bottom:11px;
	font-weight:600;
	font-size:140%;
	line-height:1.4;
}
/* |- htxD  */
#Front .htxD {
	margin-bottom:44px;
	font-weight:600;
	font-size:230%;
	line-height:1.4;
	text-align:center;
}
#Front .htxD em {
	display:inline-block;
	padding: 0 45px 10px;
	border-bottom:1px solid #58B2D4;
}

/* |- htxE  */
#Front .htxE {
	margin-bottom:32px;
	font-weight:600;
	font-size:180%;
	line-height:1.4;
	text-align:center;
}
#Front .htxE .in {
	display:inline-block;
	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%);
	text-align:center;
	color:#FFF;
	border-radius: 50px;
	padding:4px 35px;
	position:relative;
}
#Front .htxE.withIcon .in {
	padding-left:122px;
}
#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:after,
#Front .htxE.withIcon .in .iconBox:before,
#Front .htxE.withIcon .in .icon {
	position:absolute;
	left:70px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	line-height:1;
}
#Front .htxE.withIcon .in .icon {
	z-index:20;
	color:#58B2D4;
	font-size:55px;
}
#Front .htxE.withIcon .in .iconBox:after {
	content:" ";
	width:80px;
	height:80px;
	background-color:#FFF;
	border-radius: 80px;
	z-index:5;
}
#Front .htxE.withIcon .in .iconBox:before {
	content:" ";
	width:64px;
	height:64px;
	background-color:#fff;
	border-radius: 80px;
	z-index:8;
	border:4px solid #58B2D4;
}


/* |- htxF  */
#Front .htxF {
	margin-bottom:35px;
	line-height:1.4;
	overflow:hidden;
}
#Front .htxF .en {
	display:block;
	text-align:center;
	color:#58B2D4;
	font-size:350%;
	font-weight:700;
	line-height:1;
}
#Front .htxF .en .tx {
	display:inline-block;
	position:relative;
	padding:0 20px;
	top:-7px;
}
#Front .htxF .en .tx:before,
#Front .htxF .en .tx:after {
	content:" ";
	display:block;
	width:1000px;
	height:1px;
	background-color:#58B2D4;
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#Front .htxF .en .tx:before {
	left:100%;
}
#Front .htxF .en .tx:after {
	right:100%;
}

#Front .htxF .ja {
	display:block;
	text-align:center;
	font-size:154%;
	font-weight:600;
}
#Front .htxF .description {
	display:block;
	text-align:center;
	font-size:112%;
	font-weight:400;
	margin-top:12px;
}

#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:15px;
	font-weight:500;
	font-size:120%;
}

/* |- 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:35px;
	line-height:1.4;
	font-weight:200;
	font-size:190%;
}

/* |- htxJ  */
#Front .htxJ {
	margin-bottom:30px;
	text-align:center;
}
#Front .htxJ .tx {
	display:inline-block;
	line-height:1.4;
	font-weight:600;
	font-size:210%;
	position:relative;
	padding:0 38px 25px;
}
#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:43px;
	text-align:center;
	line-height:1.4;
}
#Front .htxK .ja {
	margin-bottom:8px;
	text-align:center;
	display:block;
	font-weight:600;
	font-size:200%;
}
#Front .htxK .en {
	text-align:center;
	display:block;
	font-weight:700;
	font-size:180%;
	color:#58B2D4;
}
#Front .htxK .catch {
	margin-bottom:8px;
	text-align:center;
	display:block;
}
#Front .htxK .catch em {
	display:inline-block;
	padding:0 28px;
	position:relative;
	font-size:130%;
	font-weight:600;
}
#Front .htxK .catch em:after,
#Front .htxK .catch em:before {
	position:absolute;
	top:60%;
	content:" ";
	display:block;
	width:16px;
	height:36px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#Front .htxK .catch em:before {
	left:0px;
	background-image:url(/img/figA_01.png);
}
#Front .htxK .catch em:after {
	right:0px;
	background-image:url(/img/figA_02.png);
}





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

/* |- titleA  */
#Front .titleA {
	font-size:190%;
	color:#000;
	font-weight:400;
	line-height:1.5;
	margin-bottom:35px;
	border-bottom:2px solid #58B2D4;
}
#Front .titleA .tx {
	display:block;
	padding-bottom:17px;
	border-bottom:4px solid #000;
}



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


/* // txLink //
----------------------------------------------- */
/* |- A  */
.txLinkA {
	display:inline-block;
	position:relative;
	padding:0 3px;
	vertical-align:middle;
	border-bottom:1px dotted #aaa;
}
.txLinkA:after {
	content:" ";
	position:absolute;
	left:0px;
	bottom:-1px;
	width:0%;
	background-color:#999;
	height:1px;
	transition:0.3s;
}
.txLinkA:hover:after {
	width:100%;
}



/* // imageView //
----------------------------------------------- */
/* |- A  */
.imageView.A {
	text-align:center;
}
@media screen and (min-width: 741px) and (max-width: 1200px) {
	.imageView.A {
		width:100%;
	}
	.imageView.A img {
		width:100%;
	}
}

/* // compatibleCategory //
----------------------------------------------- */
/* |- A  */
.compatibleCategory.A .frame {
	background-color:#E4EFF3;
	border-radius: 3px;
	padding:20px;
}
.compatibleCategory.A .inner {
	background-color:#FFF;
	padding:20px;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.compatibleCategory.A .categories {
	text-align:center;
}
.compatibleCategory.A .categories li {
	display:inline-block;
	vertical-align:top;
	padding:0 11px;
}
.compatibleCategory.A .categories li .in {
	display:block;
	width:185px;
	height:185px;
	background-color:#7DC7E0;
	border-radius: 100%;
	position:relative;
}
.compatibleCategory.A .categories li .icon {
	display:block;
	width:100%;
	height:70%;
	text-align:center;
	position:relative;
}
.compatibleCategory.A .categories li .icon svg {
	fill:#FFF;
	width:62%;
	position:absolute;
	top:55%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.compatibleCategory.A .categories li .name {
	text-align:center;
	width:100%;
	display:block;
	font-weight:500;
	line-height:1.3;
	color:#FFF;
	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%);
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.compatibleCategory.A .frame {
		padding:15px;
	}
	.compatibleCategory.A .inner {
		padding:15px;
	}
	.compatibleCategory.A .categories li {
		padding:0 6px;
	}
	.compatibleCategory.A .categories li .in {
		width:150px;
		height:150px;
	}
	.compatibleCategory.A .categories li .name {
		font-size:90%;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	.compatibleCategory.A .frame {
		padding:11px;
	}
	.compatibleCategory.A .inner {
		padding:11px;
	}
	.compatibleCategory.A .categories li {
		padding:0 4px;
	}
	.compatibleCategory.A .categories li .in {
		width:125px;
		height:125px;
	}
	.compatibleCategory.A .categories li .name {
		font-size:80%;
	}
}


/* // featureList //
----------------------------------------------- */
/* |- A  */
.featureList.A {
	margin-bottom:-40px;
}
.featureList.A .item {
	display:block;
	width:580px;
	float:left;
	box-shadow: 0 0 5px rgba(0,0,0,0.16);
	background-color:#FFF;
	margin-right:40px;
	margin-bottom:40px;
	border-bottom:4px solid #58B2D4;
	box-sizing:content-box;
}
.featureList.A .item:nth-of-type(even) {
	margin-right:0;
}
.featureList.A .item .image {
	display:block;
	width:100%;
	height:200px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.featureList.A .item .inner {
	display:block;
	width:100%;
	padding:30px 40px;
}
.featureList.A .item .htx1 {
	color:#58B2D4;
	text-align:center;
	line-height:1.35;
	font-weight:600;
	font-size:170%;
	margin-bottom:15px;
}
.featureList.A .item .description {
	line-height:1.8;
	font-weight:400;
	font-size:104%;
}


@media screen and (min-width: 741px) and (max-width: 1200px) {
	.featureList.A {
		margin-bottom:-30px;
	}
	.featureList.A .item {
		width:48.5%;
		margin-right:3%;
		margin-bottom:30px;
	}
	.featureList.A .item .image {
		height:170px;
	}
	.featureList.A .item .inner {
		padding:22px 30px;
	}
	.featureList.A .item .htx1 {
		font-size:160%;
		margin-bottom:11px;
	}
	.featureList.A .item .description {
		font-size:100%;
	}
	

}


/* |- B  */
.featureList.B {
	
}
.featureList.B .wrap {
	position:relative;
	overflow:hidden;
}
.featureList.B .wrap .image {
	position:absolute;
	top:50%;
}
.featureList.B .wrap:nth-of-type(1) {
	padding-top:50px;
	padding-bottom:40px;
	margin-bottom:50px;
}
.featureList.B .wrap:nth-of-type(1) .inner {
	padding-left:620px;
}
.featureList.B .wrap:nth-of-type(1) .image {
	right:50%;
	-ms-transform: translate(-20px, -50%);
	-webkit-transform: translate(-20px, -50%);
	-moz-transform: translate(-20px, -50%);
	transform: translate(-20px, -50%);
}

.featureList.B .wrap:nth-of-type(2) {
	padding-top:20px;
	padding-bottom:20px;
}
.featureList.B .wrap:nth-of-type(2) .inner {
	padding-right:620px;
}
.featureList.B .wrap:nth-of-type(2) .image {
	left:50%;
	-ms-transform: translate(20px, -50%);
	-webkit-transform: translate(20px, -50%);
	-moz-transform: translate(20px, -50%);
	transform: translate(20px, -50%);
}

.featureList.B .wrap > .inner {
}
.featureList.B .item {
	position:relative;
	margin-bottom:30px;
}
.featureList.B .item .bg {
	opacity:0.07;
	width:160px;
	position:absolute;
	bottom:-20px;
	right:0px;
}
.featureList.B .item .itemNum {
	font-weight:700;
	line-height:1;
	margin-bottom:15px;
}
.featureList.B .item .itemNum .en {
	color:#58B2D4;
	font-size:210%;
}
.featureList.B .item .itemNum .num {
	background-color:#58B2D4;
	display:inline-block;
	width:50px;
	height:50px;
	margin-left:7px;
	color:#FFF;
	vertical-align:bottom;
	position:relative;
}
.featureList.B .item .itemNum .num em {
	color:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size:270%;
}
.featureList.B .item .htx1 {
	font-weight:600;
	line-height:1.4;
	margin-bottom:15px;
	font-size:150%;
}
.featureList.B .item .description {
	font-weight:300;
	line-height:1.7;
	font-size:100%;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.featureList.B .wrap .image {
		position:absolute;
		top:50%;
	}
	.featureList.B .wrap:nth-of-type(1) {
		padding-top:50px;
		padding-bottom:40px;
		margin-bottom:50px;
	}
	.featureList.B .wrap:nth-of-type(1) .inner {
		padding-left:50%;
	}	
	.featureList.B .wrap:nth-of-type(2) .inner {
		padding-right:50%;
	}
}





/* |- C  */
.featureList.C {
	padding-top:30px;
}
.featureList.C .item {
	margin-bottom:74px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-bottom:4px solid #58B2D4;
	position:relative;
	display:block;
	background-color:#FFF;
	background-image: linear-gradient(to right, #FFF 50%, #E6F3F7 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.5s;
}
.pc .featureList.C a.item:hover {
	background-position: -100% 0;
}


.featureList.C .item:last-of-type {
	margin-bottom:0;
}
.featureList.C .item:before {
	content:" ";
	width:36px;
	height:36px;
	position:absolute;
	top:2px;
	left:2px;
	background:linear-gradient(to top left, rgba(255,255,255,0) 50%, #58B2D4 50.5%) no-repeat top left/100% 100%;
}
.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%);
}

.pc .featureList.C .item:hover .icon {
	animation: btnHoverFeatureList1 0.6s infinite ease-out;
	transform-origin: 50% 50%;
	animation-iteration-count: 1;
 }
@keyframes btnHoverFeatureList1 {
	0% { transform: translate(-50%,-50%) translateY(0); }
	25% { transform: translate(-50%,-50%) translateY(-8px); }
	50% { transform: translate(-50%,-50%) translateY(0); }
	75% { transform: translate(-50%,-50%) translateY(-4px); }
	100% { transform: translate(-50%,-50%) translateY(0);}
}

.featureList.C .item .icon .in {
	position:relative;
	display:block;
	width:120px;
	height:120px;
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	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%);
}
.featureList.C .item .icon svg {
	opacity:1 !important;
	fill:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:60%;
}

.featureList.C .item .cellWrap {
	display:table;
	width:100%;
}
.featureList.C .item .contents {
	display:table-cell;
	width:50%;
	padding:40px 55px;
	vertical-align:middle;
}
.featureList.C .item .contents .htx1 {
	line-height:1.4;
	font-weight:700;
	font-size:180%;
	text-align:center;
	margin-bottom:22px;
}
.featureList.C .item .htx1 .strong1 {
	color:#FFF;
	display:inline-block;
	background-color:#58B2D4;
	line-height:1;
	vertical-align:middle;
	font-size:92%;
	padding:4px 10px;
	margin-right:11px;
	position:relative;
	top:-2px;
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	color:#FF0;
	box-shadow: 3px 3px 0 #1F7493;
}
.featureList.C .item .contents .description {
}
.featureList.C .item .contents .description p {
	line-height:1.8;
	font-weight:400;
	font-size:108%;
}
.featureList.C .item .image {
	display:table-cell;
	width:50%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% auto;
	transition:0.5s;
}
.pc .featureList.C a.item:hover .image {
	background-size:104% auto;
}


@media screen and (min-width: 741px) and (max-width: 1000px) {
	.featureList.C .item .contents {
		padding:30px 30px;
	}
}






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

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

#FrontRegister .dlListA.formConfirm dt{
	padding-top:0px;
}
#FrontRegister .dlListA.formConfirm dd{
	font-weight:400;
}
/* |- facebookBlock  */
#FrontRegister .facebookBlock{
	display:table;
	margin:0 auto 27px;
	background-color:#F2F7F9;
	border:1px solid #425A95;
	line-height:1;
	vertical-align:middle;
	padding:20px 35px;
}
#FrontRegister .facebookBlock .btnCell{
	display:table-cell;
	vertical-align:middle;
	padding-right:15px;
}
#FrontRegister .facebookBlock .btnCell .btn{
	padding-right:40px;
	padding-left:40px;
}
#FrontRegister .facebookBlock .txCell{
	display:table-cell;
	vertical-align:middle;
	font-size:90%;
	line-height:1.5;
}



/* // FrontLoginRegister //
----------------------------------------------- */
#FrontLoginRegister {
	margin-bottom:50px;
}
#FrontLoginRegister #Login .inputArea {
	margin-top:30px;
}
#FrontLoginRegister #Login .inputArea .submit.A {
	margin-top:30px;
	margin-bottom:10px;
}
#FrontLoginRegister #Login .forgot {
	text-align:center;
	font-size:88%;
}
#FrontLoginRegister .facebook {
	border-top:1px solid #CFCFCF;
	margin-top:25px;
	padding-top:25px;
	margin-bottom:-5px;
}
#FrontLoginRegister .facebook .btn {
	width:400px;
	margin:0 auto;
}
@media screen and (min-width: 741px)  {
	#FrontLoginRegister #Login .dlListA dt {
		width:25%;
	}
}
@media screen and (min-width: 741px) and (max-width: 1200px) {
	#FrontLoginRegister .facebook .btn {
		width: 90%;
	}
}

@media screen and (min-width: 741px) and (max-width: 1000px) {
	#FrontLoginRegister #Login .dlListA dt {
		width:100%;
		float:none;
		display:block;
	}
	#FrontLoginRegister #Login .dlListA dd {
		width:100%;
		float:none;
		display:block;
	}
}

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

.registerTmpA .boxTitle {
	padding-left:50px;
	position:relative;
}
.registerTmpA .boxTitle .circle {
	display:block;
	text-align:center;
	width:48px;
	height:48px;
	background-color:#FC0060;
	border-radius: 100%;
	position:absolute;
	left:15px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-weight:600;
	font-size:85%;
	color:#FFF;
	line-height:1;
	padding-top:13px;
}
.registerTmpA .boxTitle .circle em {
	position:relative;
}
.registerTmpA .boxTitle .circle:before {
	content:" ";
	position:absolute;
	right:-0px;
	top:50%;
	-ms-transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	display:block;
	width:20px;
	height:20px;
	background-color:#FC0060;
}

.registerTmpA .baloonTx1 {
	margin-top:30px;
	line-height:1;
	display:block;
	position:relative;
	text-align:center;
}
.registerTmpA .baloonTx1 .tx {
	display:inline-block;
	padding:7px 42px;
	color:#FFF;
	background-color:#F9367E;
	border-radius: 50px;
	font-weight:400;
	font-size:108%;
	position:relative;
	z-index:2;
}
.registerTmpA .baloonTx1:before {
	content:" ";
	position:absolute;
	z-index:1;
	left:50%;
	bottom:-3px;
	-ms-transform: translateX(-50%) rotate(50deg);
	-webkit-transform: translateX(-50%) rotate(50deg);
	-moz-transform: translateX(-50%) rotate(50deg);
	transform: translateX(-50%) rotate(50deg);
	display:block;
	width:20px;
	height:20px;
	background-color:#F9367E;
}

.registerTmpA .submit.A {
}

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




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

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

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

#FrontFaq .item {
	margin-bottom:26px;
	position:relative;
	border-width:0;
	padding:0;
}
#FrontFaq .item .question {
	padding:23px 30px  20px 65px;
	position:relative;
	display:block;
	padding-right:140px;
	z-index:2;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #FCFFE0 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.4s;
	color:#333;
}
html.pc #FrontFaq .item .question:hover {
	background-position: -100% 0;
}
#FrontFaq .item .question:after {
	content:"Q";
	font-family: 'WorkSans';
	font-weight: 200;
	color:#58B2D4;
	position:absolute;
	left: 35px;
	top: 14px;
	font-size:36px;
	line-height:1;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
#FrontFaq .item .question p {
	font-weight:500;
	font-size:116%;
	line-height:1.5;
}
#FrontFaq .item .question .btn {
	display:inline-block;
	position:absolute;
	right:40px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#58B2D4;
}
#FrontFaq .item .question .btn .tx {
	position:relative;
	display:inline-block;
	padding-right:50px;
	font-weight:300;
	font-size:130%;
}
#FrontFaq .item .question .btn .tx:after{
	position: absolute;
	right:10px;
	top: 50%;
	font-size:140%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: iconfontA;
}
#FrontFaq .item .question .btn .cl .tx:after{
	content:'\e926';
}
#FrontFaq .item .question .btn .op .tx:after{
	content:'\e925';
}

#FrontFaq .item .answer {
	padding:0 30px 20px 65px;
	position:relative;
	margin-top:10px;
	display:block;
	font-size:92%;
	line-height:1.8;
}
#FrontFaq .item .answer:after {
	content:"A";
	font-family: 'WorkSans';
	font-weight: 200;
	color:#DF5E7A;
	position:absolute;
	left: 38px;
	top: -7px;
	font-size:36px;
	line-height:1;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* // categoryIndex //
----------------------------------------------- */
/* |- A  */
.categoryIndex.A {
	
}
.categoryIndex.A .category {
	display:block;
	width:25%;
	padding:0 12px;
	float:left;
	margin-bottom:24px;
}
.categoryIndex.A .category .box {
	height:274px;
	padding:28px 20px 15px;
	display:block;
	width:100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background-color:#FFF;
	position:relative;
}
.categoryIndex.A .category .box:before {
	position: absolute;
	left:0;
	top: 0;
	content:' ';
	width:100%;
	height:6px;
	background-color:#58B2D4;
}
.categoryIndex.A .category .box .icon {
	height:100px;
	display:block;
	text-align:center;
}
.categoryIndex.A .category .box .icon svg {
	fill:#58B2D4;
	height:100%;
}
.categoryIndex.A .category .box .name {
	height:66px;
	display:block;
	position:relative;
}
.categoryIndex.A .category .box .name .tx {
	display:block;
	font-weight:600;
	font-size:126%;
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height:1.18;
}

.categoryIndex.A .category .box .description {
	display:block;
	font-size:88%;
	line-height:1.6;
	color:#777;
}



.categoryIndex.A .category .box {
	background-color:#FFF;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #E3F2F7 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
.categoryIndex.A .category .box:hover {
	background-position: -100% 0;
}
.categoryIndex.A .category .box:hover .description {
}
.categoryIndex.A .category .box:hover .icon svg {
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.categoryIndex.A .category {
		width:25%;
		padding:0 8px;
		margin-bottom:15px;
	}
	.categoryIndex.A .category .box {
		height:260px;
		padding:25px 15px 15px;
	}
	.categoryIndex.A .category .box .icon {
		height:85px;
	}
	.categoryIndex.A .category .box .name {
		height:58px;
	}
	.categoryIndex.A .category .box .name .tx {
		font-size:115%;
	}
	
	.categoryIndex.A .category .box .description {
		font-size:85%;
		line-height:1.5;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	.categoryIndex.A .category {
		padding:0 2px;
		margin-bottom:10px;
	}
	.categoryIndex.A .category .box {
		height:240px;
		padding:20px 11px 11px;
	}
	.categoryIndex.A .category .box .icon {
		height:70px;
	}
	.categoryIndex.A .category .box .name {
		height:60px;
	}
	.categoryIndex.A .category .box .name .tx {
		font-size:100%;
	}
	.categoryIndex.A .category .box .description {
		font-size:82%;
		line-height:1.5;
	}
}

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

#CategoryDetail {
	overflow:hidden;
}

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

#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;
	-ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	width:110%;
	margin-left:-5%;
}
#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 {
	position:relative;
	height:400px;
	overflow:hidden;
	margin-bottom:80px;
}
#CategoryDetail #CategoryImage1 .bg {
	position:absolute;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	height:100%;
}

/* |- CategoryMarketInfo  */
#CategoryDetail #CategoryMarketInfo {
	background-color:#FFF;
	-ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	width:110%;
	margin-left:-5%;
}
#CategoryDetail #CategoryMarketInfo .contentsItems {
	margin:30px auto 0;
	min-width:700px;
	max-width:1000px;
}
#CategoryDetail #CategoryMarketInfo .contentsItems .item {
	display:block;
	border:1px solid #58B2D4;
	line-height:1;
	margin-bottom:20px;
	font-weight:700;
	font-size:150%;
	position:relative;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #E9F4F8 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
.pc #CategoryDetail #CategoryMarketInfo .contentsItems .item:hover {
	background-position: -100% 0;
}

#CategoryDetail #CategoryMarketInfo .contentsItems .item:before{
	position: absolute;
	right:10px;
	top: 50%;
	font-size:110%;
	-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;
}
.pc #CategoryDetail #CategoryMarketInfo .contentsItems .item:hover:before{
	right:2px;
}

#CategoryDetail #CategoryMarketInfo .contentsItems .item .inner {
	display:table;
	width:100%;
}
#CategoryDetail #CategoryMarketInfo .contentsItems .item .htx {
	display:table-cell;
	width:50%;
	background-color:#58B2D4;
	color:#FFF;
	vertical-align:middle;
	padding:20px;
	text-align:center;
}
#CategoryDetail #CategoryMarketInfo .contentsItems .item .detail {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding:20px 40px 20px 20px;
	font-size:130%;
	text-align:center;
}

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

/* |- CategoryBusinessTips  */
#CategoryDetail #CategoryBusinessTips {
	background-color:#FFF;
	-ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
	width:110%;
	margin-left:-5%;
}

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

@media screen and (min-width: 741px) and (max-width: 1200px) {
	#CategoryDetail #CategoryRefineSearch {
		width:100%;
		margin-left:-0%;
	}

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

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

}


/* // docsWrapSwipe //
----------------------------------------------- */
.docsWrapSwipe.A {
	width:100%;
}
.docsWrapSwipe.A .swiperA .swiper-slide {
	width:320px;
	height:320px;
	background-color:#FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	padding:20px;
	position:relative;
}
.docsWrapSwipe.A .swiperA .swiper-slide .inner {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	z-index:2;
}
.docsWrapSwipe.A .swiperA .swiper-slide .num {
	font-weight:700;
	color:#58B2D4;
	margin-bottom:12px;
}
.docsWrapSwipe.A .swiperA .swiper-slide .num em {
	font-size:150%;
	padding-left:5px;
}
.docsWrapSwipe.A .swiperA .swiper-slide .title {
	line-height:1.4;
	font-weight:600;
	font-size:122%;
	padding-bottom:16px;
	margin-bottom:10px;
	position:relative;
	min-height:69px;
}
.docsWrapSwipe.A .swiperA .swiper-slide .title:before {
	 content:" ";
	 display:block;
	 width:70px;
	 height:4px;
	 background-color:#58B2D4;
	 position:absolute;
	 left:0px;
	 bottom:0px;
}
.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 .btn .btnA {
	width:100%;
}
.docsWrapSwipe.A .swiperA .swiper-slide:before {
	position: absolute;
	right:5px;
	top: 15px;;
	content:'\e97b';
	font-family: iconfontA;
	color:#000;
	font-size:670%;
	line-height:1;
	opacity:0.1;
}
.docsWrapSwipe.A .swiperA.none .swiper-wrapper {
	text-align:center;
	display:block;
}
.docsWrapSwipe.A .swiperA.none .swiper-slide {
	display:inline-block;
	float:none;
	margin:0 20px;
}
.docsWrapSwipe.A .swiperA.none .navi {
	display:none;
}





/* // tipsWrapSwipe //
----------------------------------------------- */
.tipsWrapSwipe.A {
	width:100%;
}
.tipsWrapSwipe.A .swiperA .swiper-slide {
	width:320px;
	height:320px;
}
.tipsWrapSwipe.A .swiperA .swiper-slide a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background-position:center center ;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#f6f6f6;
}
.tipsWrapSwipe.A .swiperA .swiper-slide a .txWrap {
	position:absolute;
	display:block;
	left:0px;
	bottom:0px;
	padding:30px 15px 11px 15px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 46%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 46%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 46%,rgba(0,0,0,0.5) 100%);
}
.tipsWrapSwipe.A .swiperA .swiper-slide a .txWrap .title {
	font-weight:400;
	color:#FFF;
	font-size:96%;
	line-height:1.5;
}
.tipsWrapSwipe.A .swiperA .swiper-slide a .txWrap .labels {
	margin-bottom:5px;
}
.tipsWrapSwipe.A .swiperA .swiper-slide a .txWrap .labels li {
	display:inline-block;
	padding:3px 6px 1px;
	margin-right:5px;
	line-height:1;
	border-radius: 2px;
	font-weight:500;
	color:#FFF;
	font-size:88%;
	font-family: 'WorkSans';
}
.tipsWrapSwipe.A .swiperA .swiper-slide a .txWrap .labels li.label1 {
	background-color:#58B2D4;
	box-shadow: 3px 3px 0 #1A7191;
}
.tipsWrapSwipe.A .swiperA .swiper-slide a .txWrap .labels li.label2 {
	background-color:#66CA41;
	box-shadow: 3px 3px 0 #297708;
}

.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%);
}

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


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

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


#Front #CompanyDetail .htxF {
	margin-bottom:26px;
}
#Front #CompanyDetail .htxF .en {
	font-size:310%;
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

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

/* |- CompanyDetail MainColumn  */
#CompanyDetail #MainColumn .section {
	margin-bottom:80px;
}
#CompanyDetail #MainColumn .readmore[aria-expanded="false"]:before {
	background: linear-gradient(to bottom, rgba(256,256,256,0) 0%,#F7F7F7 100%);
}

#CompanyDetail #MainColumn .expired_message {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background-color: #FFF;
	padding: 20px;
	text-align: left;
	margin-bottom: 10px;
}

/* |- CompanyCharacteristics  */
#CompanyDetail #CompanyCharacteristics .items li {
	display:block;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background-color:#FFF;
	margin-bottom:20px;
	border-top:3px solid #58B2D4;
	position:relative;
}
#CompanyDetail #CompanyCharacteristics .items li .wrap {
	display:block;
	padding:23px 23px 23px 160px;
	font-weight:600;
	font-size:130%;
	line-height:1.5;
}
#CompanyDetail #CompanyCharacteristics .items li .tx1 {
	position:absolute;
	top:45%;
	left:0px;
	display:block;
	text-align:center;
	width:160px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height:1;
	font-style:italic;
	color:#58B2D4;
	font-weight:600;
	font-size:200%;
}
#CompanyDetail #CompanyCharacteristics .items li .tx1:after {
	font-family: 'WorkSans';
	font-weight: 700;
	padding-left:7px;
	font-size:200%;
	position:relative;
	top:4px;
}
#CompanyDetail #CompanyCharacteristics .items li:nth-of-type(1) .tx1:after {
	content:"1";
}
#CompanyDetail #CompanyCharacteristics .items li:nth-of-type(2) .tx1:after {
	content:"2";
}
#CompanyDetail #CompanyCharacteristics .items li:nth-of-type(3) .tx1:after {
	content:"3";
}

#CompanyDetail #CompanyCharacteristics .categoriesWrap {
	margin-top:35px;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA th {
	width:25%;
	text-align:center;
	color:#FFF;
	font-size:110%;
	font-weight:400;
	background-color:#58B2D4;
	border-color:#F7F7F7;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA td {
	border-color:#58B2D4;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA li {
	display: inline-block;
	border: 2px solid #58B2D4;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	margin-bottom: 5px;
	margin-right: 0.5em;
	padding: 0.25em 0.5em;
	line-height: 1.4;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA tr:nth-of-type(1) li {
	font-size:116%;
	font-weight:600;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA tr:nth-of-type(2) li {
	font-size:102%;
	font-weight:600;
}
#CompanyDetail #CompanyCharacteristics .categoriesWrap .tableA tr:nth-of-type(3) li {
	font-size: 0.8em;
	border-width: 1px;
}

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

#CompanyDetail #CompanyInformation #Map_canvas {
	height: 420px;
	background-color:#FFF;
}
#CompanyDetail #CompanyInformation .infoWrap {
	line-height:1.5;
	font-size:90%;
}
#CompanyDetail #CompanyInformation .infoWrap th {
	width:20%;
}
#CompanyDetail #CompanyInformation .infoWrap td {
	width:80%;
	padding-left:12px;
	padding-right:12px;
}

#CompanyDetail #CompanyInformation .infoWrap dl {
	display:table;
	float:left;
	width:430px;
	line-height:1.5;
	font-size:90%;
}
#CompanyDetail #CompanyInformation .infoWrap dl.full {
	display:table;
	float:none;
	width:100%;
}
#CompanyDetail #CompanyInformation .infoWrap dl:nth-of-type(odd) {
	margin-right:20px;
}
#CompanyDetail #CompanyInformation .infoWrap dl dt {
	display:table-cell;
	width:130px;
	text-align:left;
	padding:10px;
	background-color:#F8F8F8;
	border:1px solid #CACACA;
	border-top-width:0px;
	font-weight:400;
}
#CompanyDetail #CompanyInformation .infoWrap dl:nth-of-type(1) dt,
#CompanyDetail #CompanyInformation .infoWrap dl:nth-of-type(2) dt {
	border-top-width:1px;
}
#CompanyDetail #CompanyInformation .infoWrap dl dd {
	display:table-cell;
	text-align:left;
	padding:10px;
	background-color:#fff;
	border:1px solid #CACACA;
	border-top-width:0px;
	border-left-width:0px;
	font-size:92%;
}
#CompanyDetail #CompanyInformation .infoWrap dl:nth-of-type(1) dd,
#CompanyDetail #CompanyInformation .infoWrap dl:nth-of-type(2) dd {
	border-top-width:1px;
}

/* |- CompanyDetailMv  */
#CompanyDetailMv {
	width:100%;
	height:294px;
	background-color:#EEE;
}
#CompanyDetailMv.A {
	height:400px;
}
#CompanyDetailMv .swiperA .swiper-slide {
	width:690px;
	height:294px;
	opacity:0.3;
	transition:0.4s;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
}
#CompanyDetailMv .swiperA .swiper-slide img {
	display:none;
}
#CompanyDetailMv .swiperA.none .swiper-slide {
	opacity:1;
	width:100%;
	background-size:auto auto;
	transition:0s;
}
#CompanyDetailMv .swiperA.none .swiper-pagination,
#CompanyDetailMv .swiperA.none .swiper-button-next,
#CompanyDetailMv .swiperA.none .swiper-button-prev {
	display:none;
}

#CompanyDetailMv .swiperA .swiper-button-prev {
	left:50%;
	margin-left: -380px;
}
#CompanyDetailMv .swiperA .swiper-button-next {
	right:50%;
	margin-right: -380px;
}
#CompanyDetailMv .swiperA .swiper-button-prev,
#CompanyDetailMv .swiperA .swiper-button-next {
	font-size:200%;
	opacity:0.4;
}


#CompanyDetailMv .swiperA .swiper-slide img {
	opacity:0;
}
#CompanyDetailMv .swiperA .swiper-slide.swiper-slide-active {
	opacity:1;
}

#CompanyDetailMv .swiper-pagination-fraction,
#CompanyDetailMv .swiper-pagination-custom,
#CompanyDetailMv .swiper-container-horizontal > .swiper-pagination-bullets {
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

#CompanyDetailMv .swiper-pagination-bullet {
	background-color:#FFF;
	border:1px solid #CCC;
	opacity:0.8;
}
#CompanyDetailMv .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#58B2D4;
	border:1px solid #58B2D4;
	opacity:1;
}

/* |- CompanyStaff  */
#CompanyStaff {
	
}
#CompanyStaff .swiperA .swiper-slide {
	width:280px;
}
#CompanyStaff .swiperA .swiper-slide a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background-position:center center ;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#f6f6f6;
}
#CompanyStaff .swiperA .swiper-slide .image {
	width:100%;
	height:280px;
	border-radius: 100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	overflow:hidden;
}
#CompanyStaff .swiperA .swiper-slide .name {
	display:block;
	font-weight:500;
	text-align:center;
	font-size:114%;
	margin-top:6px;
}
#CompanyStaff .swiperA .navi .circle {
	position:relative;
	top:-13px;
}

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

/* |- CompanyArticles  */
#CompanyArticles {
	
}

#CompanyArticles {
	width:100%;
	max-width: 1400px;
	}
#CompanyArticles .swiperA .swiper-slide {
	width:320px;
	height:320px;
}
#CompanyArticles .swiperA .swiper-slide a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background-position:center center ;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#f6f6f6;
}
#CompanyArticles .swiperA .swiper-slide a .txWrap {
	position:absolute;
	display:block;
	left:0px;
	bottom:0px;
	padding:30px 15px 11px 15px;
	font-weight:400;
	color:#FFF;
	font-size:96%;
	line-height:1.6;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 46%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 46%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 46%,rgba(0,0,0,0.5) 100%);
}
#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 {
	width:100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background-color:#FFF;
	position:relative;
	padding:30px;
	min-width:800px;
}
.lightbox_contents .staffDetailWrap.A {
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.staffDetailWrap.A .image {
	width:360px;
	float:right;
	position:relative;
	top:-30px;
	right:-30px;
	margin-bottom:-13px;
}

.staffDetailWrap.A .name {
	display:block;
	margin-bottom:25px;
	font-size:120%;
	font-weight:600;
	text-align:left;
	overflow:hidden;
}
.staffDetailWrap.A .name .tx {
	display:inline-block;
	position:relative;
}
.staffDetailWrap.A .name .tx:after {
	position:absolute;
	top:50%;
	left:100%;
	display:block;
	width:1000px;
	height:1px;
	content:" ";
	background-color:#58B2D4;
	-ms-transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}
.staffDetailWrap.A .text {
	font-size:92%;
	line-height:1.9;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.staffDetailWrap.A {
		min-width:100%;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	.staffDetailWrap.A .image {
		display:none;
	}
}


/* |- certificationTx A  */
.certificationTx.A {
	text-align:right;
	font-size:80%;
	margin-top:-43px;
	margin-bottom:40px;
	line-height:1;
	opacity:0.7;
}

/* |- CompanyDetailLogo  */
#CompanyDetailLogo {
	background:url(/img/cmn_bg_03.jpg) center center no-repeat;
	background-size:cover;
	margin-bottom:50px;
	position:relative;
	z-index:10;
}
#CompanyDetailLogo .inner {
	padding:20px;
	text-align:center;
	min-height:130px;
	position:relative;
}
#CompanyDetailLogo .wrap {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:90%;
	text-align:center;
	line-height:1;
}
#CompanyDetailLogo .wrap .in {
	position:relative;
	padding-left:130px;
	display:inline-block;
}
#CompanyDetailLogo .logo {
	display:block;
	width:100px;
	height:100px;
	border:10px solid #FFF;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#CompanyDetailLogo .company {
	color:#FFF;
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	display:block;
	text-align:left;
}
#CompanyDetailLogo .company .certification {
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	margin-bottom:8px;
	margin-right:15px;
	position:relative;
	cursor:pointer;
}
#CompanyDetailLogo .company .certification .description {
	position:absolute;
	left:0px;
	bottom:100%;
	display:block;
	width:390px;
	background-color:#FFF;
	font-size:86%;
	color:#555;
	line-height:1.5;
	padding:13px;
	border-radius: 3px;
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	opacity:0;
	transition:0.3s;
}
#CompanyDetailLogo .company .certification:hover .description {
	bottom:130%;
	opacity:1;
}

#CompanyDetailLogo .company .area {
	line-height:1;
	position:relative;
	padding-left:25px;
	font-size:110%;
	margin-bottom:10px;
	display:inline-block;
	vertical-align:middle;
}
#CompanyDetailLogo .company .area:after{
	position: absolute;
	left:0px;
	top: 50%;
	font-size:160%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e968';
	font-family: iconfontA;
}
#CompanyDetailLogo .company .name {
	line-height:1.05;
	font-size:250%;
	font-weight:600;
	-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);
	display:block;
}

/* // articleHeader
----------------------------------------------- */
#Front .articleHeader  {
	margin-bottom:35px;
}

#Front .articleHeader .titleA {
	margin-bottom:17px;
}
#Front .articleHeader .articleInfoList {
	margin-bottom:8px;
}
#Front .articleHeader .tagList {
	margin-bottom:20px;
}



/* // articleInfoList
----------------------------------------------- */
/* |- A  */
.articleInfoList.A li {
	line-height:1.3;
	color:#999;
	display:inline-block;
	font-size:94%;
	margin-bottom:6px;
	margin-right:15px;
}
.articleInfoList.A li.icon {
	padding-left:20px;
	position:relative;
}
.articleInfoList.A li.icon:after{
	position: absolute;
	left:0;
	top: 50%;
	font-size:120%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: iconfontA;
}
.articleInfoList.A li.view:after{
	content:'\e942';
}
.articleInfoList.A li.editor:after{
	content:'\e944';
}

/* // flowList
----------------------------------------------- */
/* |- A  */
.flowList.A {
	text-align:center;
}
.flowList.A li {
	display:inline-block;
	vertical-align:top;
	margin:0 18px;
	width:185px;
	position:relative;
}
.flowList.A li:after{
	position: absolute;
	right:-33px;
	top: 92px;
	font-size:200%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e92c';
	font-family: iconfontA;
	color:#DDD;
}
.flowList.A li:last-of-type:after{
	display:none;
}

.flowList.A li .icon {
	display:block;
	width:100%;
}
.flowList.A li .tx {
	display:block;
	line-height:1.3;
	text-align:center;
	font-weight:400;
	margin-top:10px;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.flowList.A {
		width:120%;
		margin-left:-10%;
		-ms-transform: scale(0.8, 0.8);
		-webkit-transform: scale(0.8, 0.8);
		-moz-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8);
	}

}


/* |- B  */
.flowList.B {
	text-align:center;
	padding-top:50px;
}
.flowList.B .item {
	display:inline-block;
	vertical-align:top;
	width:365px;
	border:1px solid #58B2D4;
	margin-right:40px;
	box-shadow: 7px 7px 0 #58B2D4;
	padding:100px 25px 25px;
	position:relative;
}
.flowList.B .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%);
}
.flowList.B .item .icon .in {
	position:relative;
	display:block;
	width:162px;
	height:162px;
	border-radius: 100%;
	background-color:#58B1D3;
}
.flowList.B .item .icon svg {
	fill:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:60%;
}
.flowList.B .item:last-of-type {
	margin-right:0;
}
.flowList.B .item .stepTx {
	line-height:1;
	font-weight:800;
	font-size:260%;
	text-align:center;
	margin-bottom:10px;
}
.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:20px;
}
.flowList.B .item .description {
	line-height:1.6;
	font-size:92%;
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.flowList.B .item {
		width:31.5%;
		margin-right:1%;
		box-shadow: 5px 5px 0 #58B2D4;
		padding:100px 15px 15px;
	}
	.flowList.B .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%);
	}
	.flowList.B .item .icon .in {
		position:relative;
		display:block;
		width:162px;
		height:162px;
		border-radius: 100%;
		background-color:#58B1D3;
	}
	.flowList.B .item .icon svg {
		fill:#FFF;
		position:absolute;
		top:50%;
		left:50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width:60%;
	}
	.flowList.B .item:last-of-type {
		margin-right:0;
	}
	.flowList.B .item .stepTx {
		line-height:1;
		font-weight:800;
		font-size:260%;
		text-align:center;
		margin-bottom:10px;
	}
	.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:20px;
	}
	.flowList.B .item .description {
		line-height:1.6;
		font-size:92%;
	}
}

/* // newsList
----------------------------------------------- */
/* |- A  */
.newsList.A {
	max-height:300px;
	overflow:auto;
	border:1px solid #DDD;
}
.newsList.A li {
	border-bottom:1px solid #DDD;
}
.newsList.A li:last-of-type {
	border-bottom:0;
}
.newsList.A li .wrap {
	display:block;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #E9F4F8 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.5s;
	padding:15px 30px;;
	line-height:1.5;
}
.newsList.A li .wrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.newsList.A li .wrap {	display: inline-block;} 
* html .newsList.A li .wrap {	height: 1%;	}
.newsList.A li .wrap {	display:block;	}

.newsList.A li a .wrap:hover {
	background-position: -100% 0;
}

.newsList.A li .wrap .date {
	display:block;
	float:left;
	width:170px;
}
.newsList.A li .wrap .tx {
	position:relative;
	display:block;
	float:left;
	width:100%;
	margin-left:-170px;
	padding-left:170px;
}
.newsList.A li a .wrap .tx {
	padding-left:200px;
	position:relative;
}
.newsList.A li a .wrap .tx:after{
	position: absolute;
	left:170px;
	top: 11px;
	font-size:60%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e91d';
	font-family: iconfontA;
	opacity:0.7;
}


/* // exampleList
----------------------------------------------- */
/* |- A  */
.exampleList.A {
	margin-bottom:-40px;
}
.exampleList.A .item {
	display:block;
	margin-right:40px;
	margin-bottom:40px;
	background-color:rgba(0,0,0,0.05);
	width:580px;
	float:left;
	border-radius: 3px;
	padding:20px;
}
.exampleList.A .item:nth-of-type(even) {
	margin-right:0;
}
.exampleList.A .item .frame {
	background-color:#FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	border-radius: 2px;
	padding:25px;
}
.exampleList.A .item .title {
	color:#58B2D4;
	margin-bottom:5px;
	line-height:1.4;
}
.exampleList.A .item .title .ja {
	display:block;
	text-align:center;
	margin-bottom:3px;
	font-weight:700;
	font-size:180%;
}
.exampleList.A .item .title .en {
	display:block;
	text-align:center;
	font-weight:700;
	font-size:140%;
	opacity:0.45;
}
.exampleList.A .item .icon {
	display:block;
	text-align:center;
	margin-bottom:4px;
}
.exampleList.A .item .icon svg {
	fill:#58B2D4;
	width:95px;
}
.exampleList.A .item .price {
	display:block;
	text-align:center;
	margin-bottom:20px;
	font-weight:600;
	font-size:160%;
}
.exampleList.A .item .price .num {
	padding-left:13px;
	color:#CE2C1E;
	font-size:140%;
	font-weight:800;
}
.exampleList.A .item .check {
	
}
.exampleList.A .item .check li {
	display:block;
	line-height:1.3;
	margin-bottom:14px;
	font-weight:500;
	padding-left:32px;
	position:relative;
}
.exampleList.A .item .check li:last-of-type {
	margin-bottom:0;
}
.exampleList.A .item .check li:after{
	position: absolute;
	left:0;
	top: 50%;
	font-size:150%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e945';
	font-family: iconfontA;
}


@media screen and (min-width: 741px) and (max-width: 1200px) {
	.exampleList.A {
		margin-bottom:-30px;
	}
	.exampleList.A .item {
		margin-right:2%;
		margin-bottom:20px;
		width:49%;
		padding:11px;
	}
	.exampleList.A .item:nth-of-type(even) {
		margin-right:0;
	}
}


/* // faqList
----------------------------------------------- */
/* |- A  */
.faqList.A {
	
}
.faqList.A .item {
	background-color:#FFF;
	margin-bottom:40px;
	box-shadow: 7px 7px 0 #58B2D4;
	padding:25px 23px;
	line-height:1.4;
}
.faqList.A .item:last-of-type {
	margin-bottom:0;
}
.faqList.A .item .question {
	padding-left:42px;
	margin-bottom:18px;
	position:relative;
}
.faqList.A .item .question p {
	font-size:112%;
	font-weight:500;
}
.faqList.A .item .question:before {
	position:absolute;
	left:12px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content:"Q";
	font-family: 'WorkSans';
	font-weight: 200;
	font-size:38px;
	color:#70B0D3;
}
.faqList.A .item .answer {
	padding-left:42px;
	position:relative;
}
.faqList.A .item .answer:before {
	position:absolute;
	left:12px;
	top:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content:"A";
	font-family: 'WorkSans';
	font-weight: 200;
	font-size:38px;
	color:#CD667B;
}

/* // telBlock
----------------------------------------------- */
/* |- A  */
.telBlock.A {
	
}
.telBlock.A .tx1 {
	text-align:center;
	line-height:1;
	margin-bottom:20px;
	font-size:110%;
}
.telBlock.A .number {
	text-align:center;
}
.telBlock.A .number a {
	display:inline-block;
	padding-left:65px;
	position:relative;
}
.telBlock.A .number a:before {
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 340%;
	content: '\e979';
	font-family: iconfontA;
	color:#66CA41;
}

.telBlock.A .number a .en {
	color:#66CA41;
	font-weight:700;
	font-size:300%;
}

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


/* // articleList
----------------------------------------------- */
/* |- A  */
.articleList.A .item {
	display:block;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	background-color:#fff;
	background-image: linear-gradient(to right, #fff 50%, #FDFFE8 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.3s;
	margin-bottom:23px;
	font-size:94%;
	line-height:1.7;
}
.articleList.A .item:hover {
	background-position: -100% 0;
	-ms-transform: scale(1.01, 1.01);
	-webkit-transform: scale(1.01, 1.01);
	-moz-transform: scale(1.01, 1.01);
	transform: scale(1.01, 1.01);
}
.articleList.A .item:before{
	position: absolute;
	right:10px;
	top: 50%;
	font-size:250%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e934';
	font-family: iconfontA;
	color:#000;
	transition:0.3s;
	opacity:0;
}
.articleList.A .item:hover:before{
	right:-15px;
	opacity:0.2;
}
.articleList.A .item .cellWrap {
	display:table;
}
.articleList.A .item .image {
	display:table-cell;
	width:240px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.articleList.A .item .contents {
	display:table-cell;
	padding:20px 22px;
}
.articleList.A .item .contents .category {
	font-size:85%;
	margin-bottom:10px;
}
.articleList.A .item .contents .category li {
	padding:4px 5px;
}
.articleList.A .item .info {
	
}

.articleList.A .item .contents .name {
	line-height:1.4;
	font-size:126%;
	font-weight:600;
	margin-bottom:4px;
	color:#0C86B2;
}
.articleList.A .item .contents .description {
	line-height:1.8;
	font-size:92%;
}
.articleList.A .item .contents .tagList {
	margin-top:5px;
	margin-bottom:-8px;
}
.articleList.A .item .contents .tagList.A li .tx {
	padding:3px 8px 3px 18px;
	font-size:75%;
}


@media screen and (min-width: 741px) and (max-width: 1000px) {
	.articleList.A .item .image {
		width:180px;
	}
}


.articleList.A .articleInfoList.A li {
	font-size:86%;
}
.articleList.A .articleInfoList.A li.icon {
	padding-left:16px;
	position:relative;
}
.articleList.A .articleInfoList.A li.icon:after{
	font-size:115%;
}

/* |- A other  */

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


/* // referenceBox
----------------------------------------------- */
/* |- A  */
.referenceBox.A {
	border:1px solid #BBB;
	padding:15px;
}
.referenceBox.A .inner {
	display:table;
	width:100%;
}
.referenceBox.A .image {
	display:table-cell;
	width:120px;
	height:90px;
	float:left;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.referenceBox.A .text {
	display:table-cell;
	float:left;
	line-height:1.3;
	padding-left:15px;
}
.referenceBox.A .text .title {
	font-weight:600;
	font-size:114%;
	margin-bottom:10px;
}
.referenceBox.A .text .contents li {
	margin-bottom:8px;
}
.referenceBox.A .text .contents li:last-of-type {
	margin-bottom:0;
}
.referenceBox.A .text .contents li:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.referenceBox.A .text .contents li {	display: inline-block;} 
* html .referenceBox.A .text .contents li {	height: 1%;	}
.referenceBox.A .text .contents li {	display:block;	}

.referenceBox.A .text .contents li .htx1 {
	font-size:88%;
	color:#AAA;
	width:70px;
	float:left;
	display:block;
}
.referenceBox.A .text .contents li .tx {
	font-size:100%;
	color:#AAA;
	width:100%;
	float:left;
	display:block;
	margin-left:-70px;
	padding-left:70px;
}
.referenceBox.A .text .contents li.name .tx {
	color:#333;
	font-weight:500;
}
.referenceBox.A .text .contents li.url .tx a {
	display:inline-block;
	position:relative;
	border-bottom:1px dotted #BBB;
	padding-bottom:4px;
	font-size:70%;
}
.referenceBox.A .text .contents li.url .tx a:before {
	display:block;
	content:" ";
	position:absolute;
	left:0px;
	bottom:-1px;
	height:1px;
	width:0%;
	transition:0.3s;
	background-color:#999;
}
.referenceBox.A .text .contents li.url .tx a:hover:before {
	width:100%;
}

/* // snsList
----------------------------------------------- */
/* |- A  */
.snsList.A {
text-align:right;
}
.snsList.A li {
	line-height:1;
	display:inline-block;
	margin-right:15px;
}
.snsList.A li a {
	display:block;
	width:120px;
	height:32px;
	position:relative;
	background-color:#CCC;
	border-radius: 3px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,0.2) 50%);
	background-position: 0 0;
	background-size: 200% auto;
}

.pc .snsList.A li a:hover {
	background-position: -100% 0;
	color: #fff;
}


.snsList.A li a .logo {
	width:90px;
	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%);
}
.snsList.A li.fb a {
	background-color:#3B579D;
}
.snsList.A li.tw a {
	background-color:#06ACED;
}
.snsList.A li.gl a {
	background-color:#E04A39;
}
.snsList.A li.ht a {
	background-color:#2089CB;
}





/* // tagList
----------------------------------------------- */
/* |- A  */
.tagList.A {
}
.tagList.A li {
	line-height:1;
	display:inline-block;
	margin-right:7px;
	margin-bottom:5px;
}
.tagList.A li .tx {
	padding:5px 8px 5px 18px;
	display:block;
	background-color:#FFF;
	border:1px solid #AAA;
	border-radius: 30px;
	color:#888;
	font-size:82%;
	position:relative;
}
.tagList.A li .tx:after{
	position: absolute;
	left:7px;
	top: 45%;
	font-size:110%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'#';
	font-style:italic;
}

.tagList.A.s {
}
.tagList.A.s li {
	margin-right:4px;
	margin-bottom:4px;
}
.tagList.A.s li .tx {
	padding:3px 6px 3px 13px;
	color:#888;
	font-size:75%;
}
.tagList.A.s li .tx:after{
	position: absolute;
	left:4px;
	top: 45%;
	font-size:110%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'#';
	font-style:italic;
}




/* // servicesList
----------------------------------------------- */
/* |- A  */
.servicesList.A .item {
	display:block;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background-color:#fff;
	background-image: linear-gradient(to right, #fff 50%, #FDFFE8 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.3s;
	margin-bottom:23px;
	border-top:1px solid #58B2D4;
	font-size:94%;
	line-height:1.7;
}

.pc .servicesList.A .item:hover {
	background-position: -100% 0;
	-ms-transform: scale(1.01, 1.01);
	-webkit-transform: scale(1.01, 1.01);
	-moz-transform: scale(1.01, 1.01);
	transform: scale(1.01, 1.01);
}
.servicesList.A .item .cellWrap {
	display:table;
}
.servicesList.A .item .image {
	display:table-cell;
	width:240px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.servicesList.A .item .contents {
	display:table-cell;
	padding:20px 22px;
}
.servicesList.A .item .contents .category {
	margin-bottom:15px;
}
.servicesList.A .item .contents .name {
	line-height:1.4;
	font-size:132%;
	font-weight:600;
	margin-bottom:12px;
	color:#333;
}
.servicesList.A .item .contents .description {
	line-height:1.8;
	font-size:92%;
}

.servicesList.A .item:before{
	position: absolute;
	right:10px;
	top: 50%;
	font-size:250%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e934';
	font-family: iconfontA;
	color:#000;
	transition:0.3s;
	opacity:0;
}
.servicesList.A .item:hover:before{
	right:-15px;
	opacity:0.2;
}

@media screen and (min-width: 741px) and (max-width: 1000px) {
	.servicesList.A .item .image {
		width:180px;
	}
}


/* |- A other  */
.servicesList.A.other {
	margin-top:70px;
}
@media screen and (min-width: 741px)  {
	
	.servicesList.A.other .item {
		box-shadow: 0 0 4px rgba(0,0,0,0.1);
		margin-bottom:15px;
		border-top:0;
		line-height:1.7;
		width:49%;
		float:left;
		margin-right:2%;
	}
	.servicesList.A.other .item:nth-of-type(even) {
		margin-right:0%;
	}
	
	.servicesList.A.other .item:hover {
	}
	
	.servicesList.A.other .item .inner {
		overflow:hidden;
		height:85px;
	}
	.servicesList.A.other .item .image {
		width:105px;
		vertical-align:top;
	}
	.servicesList.A.other .item .contents {
		padding:12px 10px;
		vertical-align:top;
	}
	.servicesList.A.other .item .contents .category {
		font-size:80%;
		margin-bottom:7px;
	}
	.servicesList.A.other .item .contents .category li {
		margin-right:13px;
	}
	.servicesList.A.other .item .contents .category li:after{
		right:-11px;
		font-size:70%;
	}
	
	.servicesList.A.other .item .contents .name {
		line-height:1.4;
		font-size:110%;
		font-weight:500;
		margin-bottom:0;
	}
	.servicesList.A.other .item:before{
		font-size:180%;
	}
	.servicesList.A.other .item:hover:before{
		right:-10px;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {
	.servicesList.A.other .item .inner {
		height:95px;
	}
	.servicesList.A.other .item .image {
		display:none;
	}
}


/* // companyList
----------------------------------------------- */
/* |- A  */
.companyList.A .item {
	margin-bottom:20px;
	display:block;
	padding:14px;
	background-color:#E5ECEF;
	background-image: linear-gradient(to right, #E5ECEF 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 200% auto;
	position:relative;
	color:#333 !important;
}
.pc .companyList.A .item:hover {
	background-position: -100% 0;
	-ms-transform: scale(1.02, 1.02);
	-webkit-transform: scale(1.02, 1.02);
	-moz-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02);
}

.companyList.A .item:before{
	position: absolute;
	right:-6px;
	top: 50%;
	font-size:250%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content:'\e934';
	font-family: iconfontA;
	color:#000;
	transition:0.3s;
	opacity:0;
}
.companyList.A .item:hover:before{
	right:-20px;
	opacity:0.2;
}


.companyList.A .item .inner {
	display:block;
	padding:20px 25px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background-color:#fff;
	background-image: linear-gradient(to right, #fff 50%, #FDFFE8 50%);
	background-position: 0 0;
	background-size: 200% auto;
}

.companyList.A .item .inner:hover {
	background-position: -100% 0;
}


.companyList.A .item .image {
	float:left;
	width:210px;
	display:block;
}
.companyList.A .item .image img {
	width:100%;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.companyList.A .item .text {
	float:left;
	width:100%;
	display:block;
	margin-left:-210px;
	padding-left:240px;
}
.companyList.A .item .text .name {
	color:#58B2D4;
	font-weight:600;
	font-size:146%;
	line-height:1.35;
	margin-bottom:17px;
	padding-bottom:13px;
	padding-right:120px;
	position:relative;
}
.companyList.A .item .text .name:before {
	content:" ";
	display:block;
	width:100%;
	height:2px;
	background: -moz-linear-gradient(left, #58B2D4 0%, #fff 100%);
	background: -webkit-linear-gradient(left, #58B2D4 0%, #fff 100%);
	background: linear-gradient(to right, #58B2D4 0%, #fff 100%);
	position:absolute;
	left:0px;
	bottom:0px;
}
.companyList.A .item .text .name .area {
	color:#666;
	font-weight:200;
	font-size:65%;
	line-height:1;
	position:absolute;
	right:20px;
	top:40%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.companyList.A .item .text .name .area .icon {
	font-size:140%;
	position:relative;
	top:2px;
	left:2px;
}
.companyList.A .item .text .htx1 {
	font-size:109%;
	font-weight:600;
	line-height:1.5;
	margin-bottom:10px;
}
.companyList.A .item .text .description {
	font-size:92%;
	line-height:1.7;
}


@media screen and (min-width: 741px) and (max-width: 1200px) {
	.companyList.A .item {
		padding:10px;
	}
	.companyList.A .item .inner {
		padding:15px 15px;
	}
	.companyList.A .item .image {
		width:210px;
	}
	.companyList.A .item .text {
		margin-left:-210px;
		padding-left:240px;
	}
	.companyList.A .item .text .name {
		font-size:135%;
		padding-right:110px;
		margin-bottom:13px;
	}
	.companyList.A .item .text .htx1 {
		font-size:100%;
	}
	.companyList.A .item .text .description {
		font-size:90%;
		line-height:1.6;
	}
}
@media screen and (min-width: 741px) and (max-width: 1000px) {

	.companyList.A .item .inner {
		padding:12px;
	}
	.companyList.A .item .image {
		display:none;
	}
	.companyList.A .item .text {
		margin-left:0;
		padding-left:0;
	}
	.companyList.A .item .text .name {
		font-size:126%;
		padding-right:110px;
		margin-bottom:13px;
	}
	.companyList.A .item .text .htx1 {
		font-size:100%;
	}
	.companyList.A .item .text .description {
		font-size:86%;
		line-height:1.6;
	}
}

/* // areaList
----------------------------------------------- */
/* |- A  */
.areaList.A {
	text-align:center;
}
.areaList.A table {
	width:auto;
	margin:0 auto;
	line-height:1;
	font-size:92%;
}
.areaList.A table th {
	width:180px;
	text-align:center;
	font-weight:500;
	font-size:108%;
	padding-bottom:12px;
}
.areaList.A table li {
	display:inline-block;
	width:80px;
}
.areaList.A table li a {
	display:block;
	width:90%;
	text-align:center;
	padding:3px;
}
.areaList.A table li a {
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 200% auto;
}

.areaList.A table li a:hover {
	background-position: -100% 0;
	color: #fff;
}


/* // contentsArea
----------------------------------------------- */
/* |- A  */
.contentsArea.A {
	font-size:15px;
	line-height:1.9;
}
.contentsArea.A .mainImage{
	display:block;
	text-align:center;
	margin-bottom:30px;
}
.contentsArea.A .mainImage img{
	max-width:80%;
}

.contentsArea.A p {
	margin-bottom:12px;
}
.contentsArea.A .tx1 {
	margin-bottom:15px;
	font-size:144%;
	font-weight:500;
	line-height:1.6;
	border-bottom:1px solid #666;
	padding-bottom:8px;
}
.contentsArea.A .tx2 {
	margin-bottom:10px;
	font-size:134%;
	font-weight:400;
	line-height:1.6;
}
.contentsArea.A .tx3 {
	margin-top:17px;
	margin-bottom:8px;
	font-size:122%;
	font-weight:400;
	line-height:1.6;
}

.contentsArea.A .section {
	margin-bottom:40px;
}
.contentsArea.A .section:last-of-type {
	margin-bottom:0;
}

.contentsArea.A .htmlcontents a {
    color: #57B1D3;
    text-decoration: underline
}

.contentsArea.A .htmlcontents a:hover {
    text-decoration: none
}

.contentsArea.A .htmlcontents h1,
.contentsArea.A .htmlcontents h2,
.contentsArea.A .htmlcontents h3,
.contentsArea.A .htmlcontents h4,
.contentsArea.A .htmlcontents h5,
.contentsArea.A .htmlcontents h6,
.contentsArea.A .htmlcontents h7 {
    margin: 1.5em auto 0.5em auto;
    line-height: 1.4;
    padding-bottom: 0.1em
}

.contentsArea.A .htmlcontents h3,
.contentsArea.A .htmlcontents h4,
.contentsArea.A .htmlcontents h5,
.contentsArea.A .htmlcontents h6,
.contentsArea.A .htmlcontents h7 {
    border-left: 5px solid #57B1D3;
    padding-left: 0.5em
}

.contentsArea.A .htmlcontents h1 {
    font-size: 30px;
    font-weight: 700;
    border-bottom: 2px solid #57B1D3
}

.contentsArea.A .htmlcontents h2 {
    font-size: 24px;
    font-weight: 700;
    border-bottom: 2px solid #57B1D3
}

.contentsArea.A .htmlcontents h3 {
    font-size: 20px;
    font-weight: 700
}

.contentsArea.A .htmlcontents h4 {
    font-size: 18px;
    font-weight: 700
}

.contentsArea.A .htmlcontents h5 {
    font-size: 16px;
    font-weight: 700
}

.contentsArea.A .htmlcontents h6 {
    font-size: 15px;
    font-weight: 700
}

.contentsArea.A .htmlcontents h7 {
    font-weight: 600
}

.contentsArea.A .htmlcontents figure {
    text-align: center
}

.contentsArea.A .htmlcontents figure img {
    margin-bottom: 5px
}

.contentsArea.A .htmlcontents figure figcaption {
    margin-bottom: 20px;
    text-align: center
}

.contentsArea.A .referenceBox.A .image+.text .title {
    margin-top: 0.5em
}

.contentsArea.A .referenceBox.A .text .contents li.url .tx a {
    word-break: break-all
}

@media screen and (min-width: 741px) and (max-width: 1200px) {
	.contentsArea.A .mainImage img{
		max-width:100%;
	}

}


/* // editorProf
----------------------------------------------- */
/* |- A  */
.editorProf.A {
	margin-top:60px;
}
.editorProf.A > .inner {
	border:1px solid #AFAFAF;
	padding:35px;
}
.editorProf.A .header {
	display:table;
}
.editorProf.A .header .image {
	display:table-cell;
	width:100px;
	vertical-align:middle;
	
}
.editorProf.A .header .image > .inner {
	display:block;
	width:100%;
	height:100px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
.editorProf.A .header .text {
	display:table-cell;
	padding-left:25px;
	vertical-align:middle;
	line-height:1.3;
}
.editorProf.A .header .title {
	font-size:145%;
	font-weight:300;
	margin-bottom:8px;
}
.editorProf.A .header .company {
	font-size:108%;
	font-weight:400;
	margin-bottom:4px;
}
.editorProf.A .header .name {
	font-size:126%;
	font-weight:400;
}

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


/* // marketPrice
----------------------------------------------- */
/* |- A  */
.marketPrice.A {
	width:100%;
	padding:0 20px;
}

.marketPrice.A p {
	margin-bottom:0;
}
.marketPrice.A .item {
	display:table;
	width:100%;
	margin-bottom:24px;
}
.marketPrice.A .item .title {
	display:table-cell;
	width:23%;
	padding-top:13px;
	vertical-align:top;
}
.marketPrice.A .item .title .tx {
	text-align:left;
}
.marketPrice.A .item .title .tx em {
	display:inline-block;
	background-color:#58B2D4;
	line-height:1.3;
	padding:6px;
	border-radius: 50px;
	min-width:140px;
	max-width:90%;
	color:#FFF;
	font-weight:600;
	font-size:125%;
	text-align:center;
}
.marketPrice.A .item .contents {
	display:table-cell;
	width:77%;
}

.marketPrice.A .item .contents .frame1  {
	display:block;
	border:6px solid #58B2D4;
	padding:13px;
}
.marketPrice.A .item .contents .priceTx  {
	display:block;
	text-align:center;
	font-weight:700;
	font-size:200%;
	line-height:1.3;
}
.marketPrice.A .item .contents .priceTx.large  {
	font-size:250%;
	margin:-6px 0;
}
.marketPrice.A .item .contents .priceTx .s  {
	font-size:75%;
	padding-left:4px;
}
.marketPrice.A .item .contents .genreList dl  {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.marketPrice.A .item .contents .genreList dl:last-of-type  {
	margin-bottom:0;
}
.marketPrice.A .item .contents .genreList dt  {
	display:table-cell;
	width:55%;
	vertical-align:middle;
	background-color:#58B2D4;
	font-weight:600;
	text-align:center;
	font-size:130%;
	color:#FFF;
}
.marketPrice.A .item .contents .genreList dd  {
	display:table-cell;
	width:45%;
	vertical-align:middle;
	border:3px solid #58B2D4;
	padding:7px;
}

/* // marketInfoList
----------------------------------------------- */
/* |- A  */
.marketInfoList.A .item {
	margin-bottom:32px;
	display:block;
	background-color:#E7EBEE;
	padding:11px;
}
.marketInfoList.A .item .frame {
	background-color:#FFF;
	padding:15px;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.marketInfoList.A .item .inner {
	display:table;
	width:100%;
}
.marketInfoList.A .item .inner .contents {
	display:table-cell;
	vertical-align:top;
}
.marketInfoList.A .item .inner .image {
	display:table-cell;
	width:200px;
	padding-left:20px;
	vertical-align:top;
}
.marketInfoList.A .item .title {
	font-weight:600;
	font-size:120%;
	line-height:1.4;
	margin-bottom:6px;
}
.marketInfoList.A .item .title .date {
	font-weight:200;
	font-size:11px;
	padding-left:10px;
	display:inline-block;
	color:#999;
}
.marketInfoList.A .item .priceBlock {
	margin-top:8px;
	margin-bottom:10px;
	padding:8px 0;
	display:block;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}
.marketInfoList.A .item .priceBlock p {
	line-height:1;
	margin-bottom:0;
}
.marketInfoList.A .item .priceBlock .htx {
	display:inline-block;
	vertical-align:middle;
	padding:5px;
	background-color:#58B2D4;
	border-radius: 50px;
	min-width:100px;
	text-align:center;
	font-weight:500;
	color:#FFF;
	font-size:100%;
	margin-right:10px;
}
.marketInfoList.A .item .priceBlock .price {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	font-weight:700;
	font-size:150%;
	margin-right:20px;
}
.marketInfoList.A .item .priceBlock .price .s {
	font-size:80%;
	padding-left:3px;
}
.marketInfoList.A .item .priceBlock .detail {
	font-size:100%;
	font-weight:500;
	color:#58B2D4;
	display:inline-block;
	vertical-align:middle;
}
.marketInfoList.A .item .priceBlock .detail .icon {
	padding-left:2px;
	font-size:140%;
	position:relative;
	top:2px;
	transform: translateY(0);
	display:inline-block;
}

.marketInfoList.A .item .priceBlock .detail:hover .icon {
	animation: marketInfoListIcon1 0.4s infinite ease-out;
	transform-origin: 0 ;
	animation-iteration-count: 1;
	transition:0.3s;
}
@keyframes marketInfoListIcon1 {
0% { transform: translateY(0); }
50% { transform: translateY(-3px); }
100% { transform: translateY(0); }
}
.marketInfoList.A .item .description {
	font-size:90%;
	line-height:1.6;
}
.marketInfoList.A .item .reference {
	margin-top:14px;
	padding-top:5px;
	border-top:1px dotted #CCC;
}
.marketInfoList.A .item .reference .htx {
	font-weight:500;
	margin-bottom:0px;
}
.marketInfoList.A .item .reference li {
	display:block;
	font-size:85%;
	line-height:1.4;
	margin-bottom:6px;
	text-indent:-1em;
	padding-left:1em;
}
.marketInfoList.A .item .reference li:last-of-type {
	margin-bottom:0;
}
.marketInfoList.A .item .reference li .link {
	font-size:85%;
}
.marketInfoList.A .item .reference li .link a {
	color:#0C86B2;
}
.marketInfoList.A .item .reference li .link a:hover {
	text-decoration:underline;
}
.marketInfoList.A .item .reference li .link a.icon {
	font-size:88%;
}





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

/* // base / layout //
----------------------------------------------- */

#MyPage #ContentsWrap {
	display:table;
	width:100%;
	overflow:hidden;
}
#MyPageCategoryNavi {
	display:table-cell;
	width:90px;
	background-color:#EEE;
	box-shadow: 3px 0 3px rgba(0,0,0,0.08);
	vertical-align:top;
	z-index:10;
	position:relative;
	overflow:hidden;
}
#MyPageLocalNavi {
	display:table-cell;
	width:180px;
	border-right:1px solid #CCC;
	vertical-align:top;
	z-index:8;
	position:relative;
	overflow:hidden;
}
#MyPageMainArea {
	border-left:1px solid #FFF;
	display:table-cell;
	vertical-align:top;
	padding-bottom:80px;
	min-height:800px;
}
#MyPageMainArea > .inner {
	display:block;
	min-height:800px;
}
#MyPageMainArea .widthFix {
	min-width:940px;
	width:100%;
	max-width:1160px;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
}

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

#ContentsWrap.trgTop #MyPageCategoryNavi {
	position:fixed;
	top:0;
	left:0;
}
#ContentsWrap.trgTop #MyPageLocalNavi {
	position:fixed;
	top:0;
	left:90px;
}
@media screen and (min-width: 1701px)  {
	#ContentsWrap.trgTop #MyPageCategoryNavi {
		left:50%;
		margin-left:-850px;
	}
	#ContentsWrap.trgTop #MyPageLocalNavi {
		left:50%;
		margin-left:-760px;
	}
}

#ContentsWrap.trgTop #MyPageCategoryNavi.footer,
#ContentsWrap.trgTop #MyPageLocalNavi.footer {
	position:absolute;
	top:auto;
	bottom:-300px;
}

 
#ContentsWrap.trgTop #MyPageMainArea {
}



/* // TEXT SETTING //
----------------------------------------------- */
#MyPage .htxA {
	margin-bottom:12px;
	font-weight:600;
	font-size:116%;
	line-height:1.4;
	position:relative;
}
#MyPage .htxA.icon {
	padding-left:37px;
}
#MyPage .htxA.icon img {
	width:27px;
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#MyPage .htxB {
	margin-bottom:28px;
	font-weight:600;
	font-size:192%;
	line-height:1.4;
	position:relative;
}

#MyPage .htxC {
	margin-bottom:15px;
	font-weight:600;
	font-size:140%;
	line-height:1.4;
	position:relative;
}


/* // boxA //
----------------------------------------------- */
#MyPage .boxA {
	display:block;
	margin-bottom:50px;
}
#MyPage .boxA > .inner  {
	display:block;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background-color:#FFF;
	border-top:7px solid #58B2D4;
}
#MyPage .boxA .boxWidthA {
	padding-left:30px;
	padding-right:30px;
}
/* |- boxTitle  */
#MyPage .boxA .boxTitle {
	padding-top:18px;
	padding-bottom:18px;
	position:relative;
	text-align:left;
}
#MyPage .boxA .boxTitle .mainTx {
	display:inline-block;
	color:#209FCF;
	font-weight:500;
	font-size:190%;
	line-height:1.3;
	position:relative;
	z-index:5;
	vertical-align:middle;
}
#MyPage .boxA .boxTitle .mainTx .small {
	font-weight:300;
	font-size:70%;
}
#MyPage .boxA .boxTitle .mainTx .status {
	display:inline-block;
	border-radius: 3px;
	background-color:#0C86B2;
	color:#FFF;
	line-height:1;
	font-size:14px;
	padding:4px 10px;
	margin-left:20px;
	position:relative;
	top:-3px;
	font-weight:400;
}
#MyPage .boxA .boxTitle .mainTx .status.bg1 {
	background-color:#00B6BC;
}
#MyPage .boxA .boxTitle .mainTx .status.bg2 {
	background-color:#AAA;
}



#MyPage .boxA .boxTitle .new {
	display:inline-block;
	vertical-align:middle;
	margin-left:50px;
	min-width:230px;
	position:relative;
	z-index:8;
}
#MyPage .boxA .boxTitle .slideBtn {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:70px;
	z-index:7;
	background-color:rgba(88,178,212,0.0);
}
html.pc #MyPage .boxA .boxTitle .slideBtn:hover {
	background-color:rgba(88,178,212,0.1);
}
#MyPage .boxA .boxTitle .slideBtn:before {
	content:" ";
	display:block;
	position:absolute;
	top:0;
	left:0px;
	background-color:#0C86B2;
	width:0%;
	height:6px;
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	transition:0.45s;
}
html.pc #MyPage .boxA .boxTitle .slideBtn:hover:before {
	width:100%;
}
#MyPage .boxA .boxTitle .slideBtn .wrap {
	display:block;
	position:absolute;
	top:25px;
	right:30px;
	width:70px;
	text-align:center;
	line-height:1;
	color:#58B2D4;
	font-weight:400;
	font-size:130%;
}
#MyPage .boxA .boxTitle .slideBtn .wrap .tx {
	display:block;
	position:relative;
	width:100%;
}
#MyPage .boxA .boxTitle .slideBtn .wrap .tx:before {
	font-family: iconfontA;
	color:#58B2D4;
	position:absolute;
	font-size:140%;
	left:0px;
	top:50%;
	-ms-transform: translate(-100%,-50%);
	-webkit-transform: translate(-100%,-50%);
	-moz-transform: translate(-100%,-50%);
	transform: translate(-100%,-50%);
}
#MyPage .boxA .boxTitle .slideBtn .wrap .tx.cl:before {
	content:'\e911';
}
#MyPage .boxA .boxTitle .slideBtn .wrap .tx.op:before {
	content:'\e92b';
}

#MyPage .boxA .contentsWrap {
	padding-top:10px;
	padding-bottom:35px;
}

#MyPage .boxA .viewAll {
	padding-top:10px;
	text-align:center;
}
#MyPage .boxA .viewAll .btn {
	width:380px;
	padding-top:18px;
	padding-bottom:18px;
	font-size:120%;
	font-weight:400;
}

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


/* // unReadBox //
----------------------------------------------- */
#MyPage .unReadBox {
	display:block;
	margin-bottom:50px;
	text-align:left;
}
#MyPage .unReadBox > .inner  {
	display:block;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background-color:#FFFDDC;
	padding:15px;
	position:relative;
}
#MyPage .unReadBox .title {
	display:inline-block;
	margin-right:25px;
	padding-left:36px;
	position:relative;
	font-weight:600;
	font-size:125%;
}
#MyPage .unReadBox .title .icon {
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:27px;
}
#MyPage .unReadBox .status {
	display:inline-block;
	font-weight:300;
}
#MyPage .unReadBox .status .num {
	font-weight:600;
	padding:0 3px;
	font-size:135%;
	color:#58B2D4;
}
#MyPage .unReadBox .btn {
	position:absolute;
	right:30px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:300px;
}

#MyPage .lightbox_contents.lightbox_unread .box {
	background-color:#FFF;
	border: 0;
	padding:0;
	margin:0;
	width:1110px;
	max-width:1110px;
}
#MyPage .lightbox_contents.lightbox_unread .box .boxA {
	margin:0 auto;
	width:1100px;
}
#MyPage .lightbox_contents.lightbox_unread .box .boxA > .inner {
	border:0;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	background-color:transparent;
}

/* // searchFilter //
----------------------------------------------- */
#MyPage .searchFilterA {
	display:block;
	margin-bottom:50px;
	text-align:left;
}
#MyPage .searchFilterA .areaWrap {
	width:100%;
	display:table;
	padding:13px 16px 16px;
	background-color:#F0F7F8;
}
#MyPage .searchFilterA .areaWrap .inputArea {
	width:750px;
	display:table-cell;
	vertical-align:bottom;
}
#MyPage .searchFilterA .areaWrap .inputArea .checkbox {
	margin-right:7px;
	padding-left:26px;
	font-size:94%;
}
#MyPage .searchFilterA .areaWrap .btnArea {
	display:table-cell;
	vertical-align:bottom;
	width:160px;
}
#MyPage .searchFilterA .areaWrap .inputArea .cellWrap {
	width:100%;
	display:table;
}
#MyPage .searchFilterA .areaWrap .inputArea .cellWrap .cell {
	display:table-cell;
	vertical-align:top;
	padding-right:15px;
}
#MyPage .searchFilterA .areaWrap .inputArea .htx {
	line-height:1.3;
	font-weight:500;
	font-size:108%;
	margin-bottom:3px;
}



/* // prjChangeTab //
----------------------------------------------- */
#MyPage .prjChangeTab {
	display:block;
	margin-top:-20px;
	margin-bottom:40px;
	text-align:center;
}
#MyPage .prjChangeTab > .inner  {
	margin:0 auto;
	width:600px;
	height:50px;
	background-color:#C3C3C3;
	border-radius: 4px;
	display:block;
	overflow:hidden;
	position:relative;
}
#MyPage .prjChangeTab > .inner:after  {
	content:" ";
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display:block;
	width:25px;
	height:25px;
	border-radius:30px;
	background:url(/img/mypage_icon_04.svg) center center no-repeat;
	background-size:contain;
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	box-shadow: 0 0 5px rgba(0,0,0,0.16);
	z-index:7;
}
#MyPage .prjChangeTab ul  {
	display:block;
	height:100%;
	width:100%;
	position:relative;
	z-index:5;
}
#MyPage .prjChangeTab ul li  {
	float:left;
	display:block;
	width:50%;
	height:100%;
	line-height:1;
	transition:0.3s;
	background-image: linear-gradient(to right, #C3C3C3 50%, #EF5FA7 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
html.pc #MyPage .prjChangeTab ul li:hover {
	background-position: -100% 0;
	color: #fff;
}


html.pc #MyPage .prjChangeTab ul li:hover  {
	background-color:#FF0;
}
#MyPage .prjChangeTab ul li a  {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
#MyPage .prjChangeTab ul li .tx  {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	text-align:center;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color:#FFF;
	font-weight:400;
	font-size:118%;
	letter-spacing:0.1em;
}

#MyPage .prjChangeTab.on1 ul li:nth-of-type(1) a,
#MyPage .prjChangeTab.on2 ul li:nth-of-type(2) a,
.___  {
	background: -moz-linear-gradient(top, #E5197F 0%, #CB046A 100%);
	background: -webkit-linear-gradient(top, #E5197F 0%, #CB046A 100%);
	background: linear-gradient(to bottom, #E5197F 0%, #CB046A 100%);
}


/* // detailTx //
----------------------------------------------- */
/* |- A  */
#MyPage .detailTx.A {
	line-height:2.0;
}
#MyPage .detailTx.A {
	line-height:2.0;
}
#MyPage .detailTx.A .link {
	border-bottom:1px dotted #58B2D4;
	padding:0 3px 0 3px;
	position:relative;
	display:inline-block;
	vertical-align:bottom;
}
#MyPage .detailTx.A .link:after {
	content:" ";
	display:block;
	position:absolute;
	bottom:-1px;
	left:0px;
	height:1px;
	width:0%;
	background-color:#0C86B2;
	transition:0.25s;
}
html.pc #MyPage .detailTx.A .link:hover:after {
	width:100%;
}

/* // MyPageNewRequest //
----------------------------------------------- */
#MyPageNewRequest:not(.formComplete) .tx1 {
	margin-bottom:5px;
	line-height:1.3;
	text-align:left;
}
#MyPageNewRequest .tx1 .tx {
	font-size:102%;
	display:inline-block;
}
#MyPageNewRequest .tx1 .description {
	font-size:90%;
	display:inline-block;
	color:#999;
}

#MyPageNewRequest .formStyleA button.btnSubmit:disabled{
	opacity:0.2;
}
#MyPageNewRequest .formStyleA button.btnSubmit{
	transition:0.3s;
	opacity:1;
}

#MyPageNewRequest .attachedDocumentList{
	border-top:1px dotted #CCC;
	margin-top:15px;
	padding-top:15px;
}

/* |- newRequestType  */
#MyPageNewRequest:not(.formConfirm) .newRequestType  {
	border-bottom:0;
}
#MyPageNewRequest .newRequestType li  {
	margin-right:10px;
}
#MyPageNewRequest .newRequestType li:last-of-type  {
	margin-right:0;
}
#MyPageNewRequest .newRequestType li a  {
	display:block;
	color:#888;
	width:160px;
	height:45px;
	position:relative;
	line-height:1;
	background-color:#DEE8EA;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,0.05) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	font-size:116%;
}
html.pc #MyPageNewRequest .newRequestType li a:not(.current):hover {
	background-position: -100% 0;
}
#MyPageNewRequest .newRequestType li a.current  {
	background-color:#58B2D4;
	color:#FFF;
	font-weight:400;
	font-size:116%;
}


#MyPageNewRequest .newRequestType li a .tx  {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	text-align:center;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


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

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

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



/* // MyPageHeader //
----------------------------------------------- */
#MyPageHeader {
	display:block;
	background-color:#FFF;
	border-bottom:4px solid #BFE9F7;
	padding:15px 20px;
	position:relative;
	line-height:1;
	text-align:left;
	position:relative;
	z-index:10;
}
#MyPageHeader .company {
	display:inline-block;
	vertical-align:bottom;
	margin-right:40px;
	max-width:380px;
	padding-left:54px;
	position:relative;
	font-weight:500;
	font-size:120%;
}
#MyPageHeader .company .icon {
	width:40px;
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#MyPageHeader .company svg {
	fill:#58B2D4;
}

#MyPageHeader .status {
	display:inline-block;
	vertical-align:bottom;
	width: 100%;
	max-width: 1550px;
	padding-top: inherit;
}

#MyPageHeader .status li {
	display:inline-block;
	vertical-align:top;
	font-weight:400;
	font-size:110%;
	margin-right:25px;
	vertical-align:middle;
}
#MyPageHeader .status li.manualBtn {
	float: right;
}
html.pc #MyPageHeader .status li a:hover {
	color:#66CA41 !important;
}
html.pc #MyPageHeader .status li.manualBtn a:hover {
	color: #fff !important;
}

#MyPageHeader .status li .num1 {
	font-weight:500;
	font-size:140%;
	padding:0 5px;
	border-bottom:1px dotted #58B2D4;
	display:inline-block;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
html.pc #MyPageHeader .status li .num1:hover {
	background-position: -100% 0;
	color: #fff !important;
}

#MyPageHeader .status li .small {
	font-weight:200;
	font-size:90%;
}
#MyPageHeader .status li .num2 {
	font-weight:500;
	font-size:140%;
	padding:0 3px;
	border-bottom:1px dotted #58B2D4;
	display:inline-block;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
html.pc #MyPageHeader .status li .num2:hover {
	background-position: -100% 0;
	color: #fff !important;
}

#MyPageHeader .logout {
	font-weight:200;
	font-size:90%;
	background-color:#E0E0E0;
	color:#333 !important;
	padding-top:5px;
	padding-bottom:5px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position:absolute;
	top:50%;
	right:20px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}


/* // MyPageCategoryNavi //
----------------------------------------------- */
#MyPageCategoryNavi nav li {
	border-bottom:1px solid #CFCFCF;
	line-height:1.1;
}
#MyPageCategoryNavi nav li a {
	border-bottom:1px solid #fff;
	display:block;
	overflow:hidden;
	position:relative;
	height:85px;
}
#MyPageCategoryNavi nav li:last-of-type,
#MyPageCategoryNavi nav li:last-of-type a{
	border-bottom:0;
}


#MyPageCategoryNavi nav li a .in {
	display:block;
	height:100%;
	width:100%;
	position:relative;
	z-index:5;
}
#MyPageCategoryNavi nav li a .icon{
	display:block;
	height:46px;
	position:relative;
	z-index:5;
}
#MyPageCategoryNavi nav li a .icon img{
	width:26px;
	opacity:0.4;
	position:absolute;
	left:50%;
	top:60%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#MyPageCategoryNavi nav li a .icon svg{
	width:26px;
	fill:#818181;
	position:absolute;
	left:50%;
	top:60%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#MyPageCategoryNavi nav li a .tx{
	z-index:5;
	display:block;
	width:100%;
	font-size:12px;
	text-align:center;
	color:#555;
	position:absolute;
	left:50%;
	top:60px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#MyPageCategoryNavi nav li a:before {
	z-index:3;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content:" ";
	width:0%;
	height:0%;
	background-color:#DFDFDF;
	transition:0.2s;
}
html.pc #MyPageCategoryNavi nav li a:hover:before {
	width:110%;
	height:110%;
}
html.pc #MyPageCategoryNavi nav li a:hover .icon svg{

}
#MyPageCategoryNavi nav li.search a {
	background-color:#00B68C;
}
#MyPageCategoryNavi nav li.search a .tx {
	color:#FFF !important;
}
#MyPageCategoryNavi nav li.search a .icon svg{
	fill:#fff;
}
#MyPageCategoryNavi nav li.search a:before {
	background-color:#008465;
}


#MyPage.top #MyPageCategoryNavi nav li.top a:before,
#MyPage.projects #MyPageCategoryNavi nav li.projects a:before,
#MyPage.member #MyPageCategoryNavi nav li.member a:before,
#MyPage.contentsInfo #MyPageCategoryNavi nav li.contentsInfo a:before,
#MyPage.articles #MyPageCategoryNavi nav li.articles a:before,
#MyPage.documents #MyPageCategoryNavi nav li.documents a:before,
#MyPage.search #MyPageCategoryNavi nav li.search a:before,
.___ {
	background-color:rgba(0,0,0,0) !important;
}

#MyPage.top #MyPageCategoryNavi nav li.top a,
#MyPage.projects #MyPageCategoryNavi nav li.projects a,
#MyPage.member #MyPageCategoryNavi nav li.member a,
#MyPage.contentsInfo #MyPageCategoryNavi nav li.contentsInfo a,
#MyPage.articles #MyPageCategoryNavi nav li.articles a,
#MyPage.documents #MyPageCategoryNavi nav li.documents a,
#MyPage.search #MyPageCategoryNavi nav li.search a,
.___ {
	background-color:#58B2D4;
}
#MyPage.top #MyPageCategoryNavi nav li.top a .in:after ,
#MyPage.projects #MyPageCategoryNavi nav li.projects a .in:after ,
#MyPage.member #MyPageCategoryNavi nav li.member a .in:after ,
#MyPage.contentsInfo #MyPageCategoryNavi nav li.contentsInfo a .in:after ,
#MyPage.articles #MyPageCategoryNavi nav li.articles a .in:after ,
#MyPage.documents #MyPageCategoryNavi nav li.documents a .in:after ,
#MyPage.search #MyPageCategoryNavi nav li.search a .in:after ,
.___ {
	content:" ";
	position:absolute;
	left:0px;
	top:50%;
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-moz-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
	display:block;
	width:12px;
	height:12px;
	background-color:#FFF;
}
#MyPage.top #MyPageCategoryNavi nav li.top a .tx ,
#MyPage.projects #MyPageCategoryNavi nav li.projects a .tx ,
#MyPage.member #MyPageCategoryNavi nav li.member a .tx ,
#MyPage.contentsInfo #MyPageCategoryNavi nav li.contentsInfo a .tx ,
#MyPage.articles #MyPageCategoryNavi nav li.articles a .tx ,
#MyPage.documents #MyPageCategoryNavi nav li.documents a .tx ,
#MyPage.search #MyPageCategoryNavi nav li.search a .tx ,
.___ {
	color:#FFF !important;
}
#MyPage.top #MyPageCategoryNavi nav li.top a .icon svg,
#MyPage.projects #MyPageCategoryNavi nav li.projects a .icon svg,
#MyPage.member #MyPageCategoryNavi nav li.member a .icon svg,
#MyPage.contentsInfo #MyPageCategoryNavi nav li.contentsInfo a .icon svg,
#MyPage.articles #MyPageCategoryNavi nav li.articles a .icon svg,
#MyPage.documents #MyPageCategoryNavi nav li.documents a .icon svg,
#MyPage.search #MyPageCategoryNavi nav li.search a .icon svg,
.___ {
	fill:#fff;
}


/* // MyPageLocalNavi //
----------------------------------------------- */
#MyPageLocalNavi {
	background-color:#f3f3f3;
}
#MyPageLocalNavi .localNavi {
	display:none;
}
#MyPage.top #MyPageLocalNavi .localNavi.top,
#MyPage.projects #MyPageLocalNavi .localNavi.projects,
#MyPage.member #MyPageLocalNavi .localNavi.member,
#MyPage.contentsInfo #MyPageLocalNavi .localNavi.contentsInfo,
#MyPage.articles #MyPageLocalNavi .localNavi.articles,
#MyPage.documents #MyPageLocalNavi .localNavi.documents,
#MyPage.search #MyPageLocalNavi .localNavi.search,
.___ {
	display:block;
}
#MyPageLocalNavi .localNavi .title {
	font-size:15px;
	font-weight:500;
	line-height:1.3;
	padding:18px 12px;
	border-bottom:1px solid #CFCFCF;
}
#MyPageLocalNavi .localNavi .parents > li {
	line-height:1.3;
	border-bottom:1px dotted #C3C3C3;
}
#MyPageLocalNavi .localNavi .parents > li > a {
	display:block;
	padding:16px 12px;
	position:relative;
	z-index:3;
	overflow:hidden;
	color:#444 !important;
}
#MyPageLocalNavi .localNavi .parents > li.on > a {
	background-color:#E1E1E1;
}
#MyPageLocalNavi .localNavi .parents > li.on > a .tx {
	font-weight:500;
}
#MyPageLocalNavi .localNavi .parents > li > a .tx {
	display:block;
	padding-left:12px;
	position:relative;
	z-index:5;
}
#MyPageLocalNavi .localNavi .parents > li > a .tx:after{
	position: absolute;
	left:0px;
	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;
	color:#9C9C9C;
	transition:0.2s;
}
#MyPageLocalNavi .localNavi .parents > li > a:before {
	z-index:3;
	position:absolute;
	top:0;
	left:0;
	content:" ";
	width:0%;
	height:100px;
	background-color:#E5E5E5;
	transition:0.2s;
}
html.pc #MyPageLocalNavi .localNavi .parents > li:not(.on) > a:hover:before {
	width:100%;
}

#MyPageLocalNavi .localNavi .children{
	padding-left:15px;
	padding-bottom:6px;
	display:none;
}
#MyPageLocalNavi .localNavi .children .children{
	padding-left:8px;
	padding-bottom:0;
}
#MyPageLocalNavi .localNavi .children.on{
	display:block;
}
#MyPageLocalNavi .localNavi .children > li{
	padding-top:2px;
}
#MyPageLocalNavi .localNavi .children > li > a {
	display:block;
	font-size:86%;
	padding-top:6px;
	padding-left:18px;
	padding-bottom:6px;
	color:#444 !important;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #E1E1E1 50%);
	background-position: 0 0;
	background-size: 200% auto;
	position:relative;
}
#MyPageLocalNavi .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;
}
#MyPageLocalNavi .localNavi .children > li:last-of-type > a:after{
	content:'\e948';
}

html.pc #MyPageLocalNavi .localNavi .children > li > a:hover {
	background-position: -100% 0;
}
#MyPageLocalNavi .localNavi .children > li.on > a {
	background-position: -100% 0;
	font-weight:400;
}


/* // MyPageContentsArea //
----------------------------------------------- */
#MyPageContentsArea {
}
#MyPageContentsArea .createNewBtn {
	margin-bottom:10px;
	text-align:right;
}
#MyPageContentsArea .createNewBtn a {
	width:250px;
}


/* // MyPageTitle //
----------------------------------------------- */
#MyPageTitle {
	margin-bottom:40px;
	border-bottom:1px solid #58B2D4;
	padding:5px 0 22px;
}
#MyPageTitle .widthFix {
	position:relative;
}

#MyPageTitle .title {
	color:#58B2D4;
	font-weight:600;
	font-size:220%;
	line-height:1.3;
}
#MyPageTitle .manualBtn a {
	position:absolute;
	bottom:0;
	right:20px;
}



/* // MyPageBreadcrumbs //
----------------------------------------------- */
#MyPageBreadcrumbs {
	margin-bottom:15px;
}
#MyPageBreadcrumbs li {
	display:inline-block;
	position:relative;
	margin-right:12px;
}
#MyPageBreadcrumbs li:first-of-type a:before {
	content:" ";
	position:absolute;
	bottom:0;
	left:4px;
	display:block;
	width:20px;
	height:16px;
	z-index:8;
	background:url(/img/mypage_icon_02.svg) no-repeat;
	background-size:contain;
	opacity:0.3;
}

#MyPageBreadcrumbs li a {
	display:inline;
	background-color:#D0E7EE;
	color:#3C7F96;
	line-height:1;
	font-size:85%;
	border-radius: 2px;
	padding:1px 10px;
	position:relative;
	z-index:5;
}
#MyPageBreadcrumbs li:first-of-type a {
	padding-left:25px;
}
#MyPageBreadcrumbs li:first-of-type a .tx {
	position:relative;
	z-index:4;
}
#MyPageBreadcrumbs li a:after {
	content:" ";
	position:absolute;
	top:50%;
	left:100%;
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-moz-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
	display:block;
	width:14px;
	height:14px;
	background-color:#D0E7EE;
	z-index:3;
	border-radius: 2px;
	transition:0.2s;
	margin-left:-1px;
}
#MyPageBreadcrumbs li:last-of-type a:after {
	display:none;
}
html.pc #MyPageBreadcrumbs li a:hover {
	background-color:#58B2D4;
	color:#FFF ;
}
html.pc #MyPageBreadcrumbs li a:hover:after {
	background-color:#58B2D4;
}
#MyPageBreadcrumbs li:last-of-type a {
	cursor:default;
}
html.pc #MyPageBreadcrumbs li:last-of-type a:hover {
	background-color:#D0E7EE;
	color:#3C7F96;
}
html.pc #MyPageBreadcrumbs li:last-of-type a:hover:after {
	background-color:#D0E7EE;
}

/* // MyPagePrjDetail //
----------------------------------------------- */
#MyPagePageTitle {
	margin-bottom:50px;
}
#MyPagePageTitle .inner {
	background-color:#2CB4D6;
	padding:22px;
	display:block;
	color:#FFF;
}
#MyPagePageTitle .tag {
	margin-top:-5px;
	margin-bottom:13px;
}
#MyPagePageTitle .tag li {
	display:inline-block;
	line-height:1.2;
	margin-right:4px;
	padding:3px 15px 4px;
	font-size:92%;
	border-radius: 2px;
	border:1px solid #FFF;
}
#MyPagePageTitle .tag li.type {
	display:inline-block;
	background-color:#1486A4;
	border-color:#1486A4;
}
#MyPagePageTitle .tag li.category {
}
#MyPagePageTitle .title {
	font-weight:600;
	font-size:200%;
	line-height:1.4;
}
/* |- nowStatus  */
#MyPagePageTitle .nowStatus {
	margin-top:12px;
}
#MyPagePageTitle .nowStatus ul {
	display:table;
}
#MyPagePageTitle .nowStatus ul li {
	display:table-cell;
	vertical-align:middle;
	line-height:1;
	padding:5px;
}
#MyPagePageTitle .nowStatus ul li.htx {
	background-color:#58B2D4;
	color:#FFF;
	font-size:82%;
}
#MyPagePageTitle .nowStatus ul li.status {
	background-color:#FFF;
	border:1px solid #58B2D4;
	color:#58B2D4;
	font-size:100%;
	font-weight:600;
	padding-left:16px;
	padding-right:16px;
}
#MyPagePageTitle .nowStatus ul li.btn {
	padding:0 0 0 12px;
}
#MyPagePageTitle .nowStatus ul li.btn a.btnA {
	padding-top:4px;
	padding-bottom:4px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-radius: 20px;
	background-color:#D2E7EE;
	color:#58B2D4 !important;
	font-size:92%;
}
html.pc #MyPagePageTitle .nowStatus ul li.btn a.btnA:hover {
	background-color:#58B2D4;
	color:#fff !important;
}
html.pc #MyPagePageTitle .nowStatus ul li.btn a.btnA:hover:before {
	opacity:0;
}



/* // 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;
}
html.pc #MyPagePrjDetail .douments li a:hover {
	border-color:#58B2D4;
	background-position: -100% 0;
	color: #fff;
}
#MyPagePrjDetail .attachedDocumentList {
}
#MyPagePrjDetail .inputFileWrap {
	margin-top:15px;
}
#MyPagePrjDetail .inputFileWrap:first-of-type {
	margin-top:0;
}

/* // MyPageNewProposal //
----------------------------------------------- */
#MyPageNewProposal #Proposal textarea.main {
	border:5px solid #58B2D4;
	padding:12px;
}
#MyPageNewProposal #Proposal .inputFileWrap {
	padding-bottom:15px;
}
#MyPageNewProposal #Proposal .addItemBtn {
	margin-top:10px;
	margin-bottom:5px;
}
#MyPageNewProposal #Proposal pre.main {
	background-color:#F2F6F9;
	padding:25px;
	font-family: 'Noto Sans Japanese', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.8;
	white-space: pre-wrap ;
}

/* // MyPageEstimate //
----------------------------------------------- */
.lightbox_contents.open.estimate .box {
	max-width:1500px;
}
.lightbox_contents.open.estimate .box a.return {
	width:250px;
}

#MyPageEstimate {
	margin-top:30px;
	width:1100px;
}
#MyPageEstimate > .inner {
	line-height:1.5;
	padding:0 40px 20px;
	width:100%;
	max-width:1100px;
}
#MyPageEstimate .title {
	text-align:center;
	font-weight:600;
	font-size:150%;
	margin-bottom:25px;
}

#MyPageEstimate .estimate .estimateItem {
	display:table;
	width:100%;
}
#MyPageEstimate .estimate .estimateItem > div {
	display:table-cell;
}

#MyPageEstimate .estimate .estimateItem.head > div {
	padding:6px 9px 6px;
	border-bottom:2px solid #555;
	font-weight:500;
	white-space:nowrap;
	font-size:108%;
	letter-spacing:2px;
	text-align:center !important;
}
#MyPageEstimate .estimate .estimateItem > div {
	padding:12px 9px;
	border-bottom:1px solid #CCC;
	line-height:1.3;
	font-size:95%;
}
#MyPageEstimate .estimate .estimateItem .smallTx {
	padding-left:3px;
	font-size:75%;
}

#MyPageEstimate .estimate .estimateItem .name {
	width:320px;
}
#MyPageEstimate .estimate .estimateItem .unitPrice {
	width:110px;
	font-size:105%;
	text-align:right;
}
#MyPageEstimate .estimate .estimateItem .num {
	width:70px;
	font-size:105%;
	text-align:center;
}
#MyPageEstimate .estimate .estimateItem .unit {
	width:110px;
	text-align:center;
}
#MyPageEstimate .estimate .estimateItem .price {
	width:110px;
	font-size:110%;
	text-align:right;
}
#MyPageEstimate .estimate .estimateItem .memo {
}
#MyPageEstimate .estimate .estimateItem .name.indent1 {
	padding-left:32px;
}
#MyPageEstimate .estimate .estimateItem.total {
	margin-top:10px;
	background-color:#f3f3f3;
	text-align:left;
}
#MyPageEstimate .estimate .estimateItem.total > div {
	border-bottom:0;
}

#MyPageEstimate .estimate .estimateItem.total .price {
	width:800px;
	font-size:130%;
	font-weight:400;
	letter-spacing:0px;
}

#MyPageEstimate .estimate .remarks {
	margin-top:20px;
}
#MyPageEstimate .estimate .remarks .title {
	text-align:left;
	font-size:100%;
	font-weight:400;
	margin-bottom:5px;
}
#MyPageEstimate .estimate .remarks pre {
	border:1px solid #CCC;
}

#MyPageEstimate .estimate .remarks pre,
#MyPageEstimate .estimate .remarks textarea {
	padding:10px 15px 15px;
	font-size:90%;
	font-weight:200;
	font-family: 'Noto Sans Japanese', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.7;
}


#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) input[type="text"],
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) input[type="tel"],
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) input[type="email"],
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) input[type="password"],
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) input[type="number"]{
	width:100%;
	padding: 6px 5px;
	margin-right: 0;
	font-size:92%;
}

#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) select{
	width:100%;
	padding:6px 20px 6px 6px;
	background-image:none;
	position:relative;
	font-size:92%;
}
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .unit{
	position:relative;
}
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .unit select{
	text-align:center;
}
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .unit:after{
	position: absolute;
	left:10px;
	right:16px;
	top: 50%;
	font-size:8px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e91a';
	font-family: iconfontA;
	z-index:10;
	text-align:right;
	color:#666;
}

#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .unitPrice,
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .price{
	position:relative;
}
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .unitPrice input[type="text"],
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .price input[type="text"]{
	padding-right:20px;
	text-align:right;
}
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .unitPrice .smallTx,
#MyPageEstimate .estimate.new .estimateItem:not(.total):not(.head) .price .smallTx{
	position:absolute;
	top:50%;
	right:14px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#MyPageEstimate .estimate.new .estimateItem{
	
}
#MyPageEstimate .estimate.new .estimateItem.total input[type="text"]{
	width:180px;
	padding: 5px 7px;
	font-size:110%;
	font-weight:500;
	border:2px solid #666;
	text-align:right;
}


/* // MyPagePrjCompare //
----------------------------------------------- */
#MyPagePrjCompare {
	
}
#MyPagePrjCompare .boxA .boxTitle {
	padding-top:12px;
	padding-bottom:12px;
}
#MyPagePrjCompare .boxA .boxTitle .mainTx {
	font-size:170%;
	width:850px;
}
#MyPagePrjCompare .boxA .boxTitle .slideBtn {
	height:55px;
	border-bottom:1px solid #DDD;
}
#MyPagePrjCompare .boxA .boxTitle .slideBtn .wrap {
	top:18px;
}
#MyPagePrjCompare .boxA .contentsWrap  {
	padding:0;
}
#MyPagePrjCompare .boxA .contentsWrap > .inner {
	display:table;
	width:100%;
}
#MyPagePrjCompare .boxA .summary {
	display:table-cell;
	width:72%;
	border-right:1px dotted #CCC;
}
#MyPagePrjCompare .boxA .company {
	display:table-cell;
	width:28%;
	position:relative;
}
#MyPagePrjCompare .boxA .summary > .inner,
#MyPagePrjCompare .boxA .company > .inner {
	padding:18px 25px;
	text-align:left;
	position:relative;
}

#MyPagePrjCompare .boxA .tx1 {
	font-size:112%;
	font-weight:500;
}
#MyPagePrjCompare .boxA .summary .btnDetail {
	text-align:center;
	margin-top:10px;
}
#MyPagePrjCompare .boxA .summary .btnDetail {
	text-align:center;
	margin-top:10px;
}
#MyPagePrjCompare .boxA .summary .btnDetail .btnA {
	width:300px;
}
#MyPagePrjCompare .boxA .summary .readmoreBtn {
	margin-top:3px;
}

/* |- .summary  */
#MyPagePrjCompare .boxA .summary dl {
	line-height:1.4;
}
#MyPagePrjCompare .boxA .summary dl:not(.detail) {
	display:inline-block;
	margin-right:20px;
	margin-bottom:16px;
}
#MyPagePrjCompare .boxA .summary dl dt {
	display:inline-block;
	min-width:80px;
	text-align:center;
	padding:2px 6px;
	border:1px solid #999;
	margin-right:12px;
}
#MyPagePrjCompare .boxA .summary dl dd {
	display:inline-block;
	min-width:100px;
	padding:2px 6px;
}
#MyPagePrjCompare .boxA .summary dl.detail {
	margin-bottom:0;
	display:block;
}
#MyPagePrjCompare .boxA .summary dl.detail dd {
	display:block;
	width:100%;
	padding:0;
	margin-top:6px;
}
#MyPagePrjCompare .boxA .summary dl.detail dd .detailTx {
	line-height:1.7 !important;
}



/* |- .company  */
#MyPagePrjCompare .boxA .company dl {
	line-height:1.4;
	font-size:90%;
	margin-bottom:4px;
	display:table;
	width:100%;
}
#MyPagePrjCompare .boxA .company dl dt {
	display:table-cell;
	width:30%;
	padding:2px 5px 2px 0;
	border-right:1px solid #DDD;
	font-weight:400;
}
#MyPagePrjCompare .boxA .company dl dd {
	display:table-cell;
	width:70%;
	padding:2px 0 2px 5px;
}
#MyPagePrjCompare .boxA .company dl.strong {
	margin-bottom:0;
	display:block;
}
#MyPagePrjCompare .boxA .company dl.strong dt {
	display:block;
	width:100%;
	padding:2px 0 5px;
	border-right:0;
	border-bottom:1px solid #DDD;
}
#MyPagePrjCompare .boxA .company dl.strong dd {
	display:block;
	width:100%;
	padding:5px 0 0;
}
#MyPagePrjCompare .boxA .company dl.strong dd li {
	margin-bottom:10px;
}
#MyPagePrjCompare .boxA .company .prBtn {
	text-align:center;
	margin-top:20px;
}
#MyPagePrjCompare .boxA .company .prBtn .btn {
	display:inline-block;
}


/* // MyPagePrjMsg //
----------------------------------------------- */
#MyPagePrjMsg {
	
}
#MyPagePrjMsg .msgItemWrap {
	padding:0 25px 30px;
	border-bottom:1px solid #CCC;
}
#MyPagePrjMsg .msgItem:after {	 content: ".";	display: block;	height : 0;	font-size:0;	 clear: both;	visibility:hidden;}
#MyPagePrjMsg .msgItem {	display: inline-block;} 
* html #MyPagePrjMsg .msgItem {	height: 1%;	}
#MyPagePrjMsg .msgItem {	display:block;	}

#MyPagePrjMsg .msgItem {
	margin-bottom:1px;
}
#MyPagePrjMsg .msgItem.partner {
	padding-right:100px;
}
#MyPagePrjMsg .msgItem.own {
	padding-left:100px;
}
#MyPagePrjMsg .msgItem.partner .user {
	text-align:left;
}
#MyPagePrjMsg .msgItem .msgWrap {
	width:100%;
	display:block;
}
#MyPagePrjMsg .msgItem.own .user {
	text-align:right;
}


#MyPagePrjMsg .msgItem .user  {
	padding-top:10px;
	margin-bottom:15px;
	display:block;
}

#MyPagePrjMsg .msgItem .user .tx {
	padding: 0 47px;
	position:relative;
	font-weight:500;
	font-size:110%;
	display:inline-block;
}
#MyPagePrjMsg .msgItem .user .tx:after{
	position: absolute;
	left:0;
	top: 50%;
	font-size:40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e93d';
	font-family: iconfontA;
}
#MyPagePrjMsg .msgItem.own .user .tx:after{
	left:auto;
	right:0;
}



#MyPagePrjMsg .msgItem.partner .user .tx {
	color:#BBB;
}
#MyPagePrjMsg .msgItem.own .user .tx {
	color:#58B2D4;
}


#MyPagePrjMsg .msgItem .msgWrap .inner {
	padding:12px;
	border:1px solid #CCC;
	font-size:94%;
	line-height:1.7;
}
#MyPagePrjMsg .msgItem.own .msgWrap .inner {
	background-color:#EDF7F9;
	border:1px solid #58B2D4;
}


#MyPagePrjMsg .msgItem .msgWrap .date {
	font-size:85%;
	font-weight:200;
	color:#999;
}
#MyPagePrjMsg .msgItem.own .msgWrap .date {
	text-align:right;
}

#MyPagePrjMsg .newBtns {
	text-align:center;
	margin-bottom:25px;
}
#MyPagePrjMsg .newBtns li {
	display:inline-block;
	margin:0 10px;
}
#MyPagePrjMsg .newBtns li a {
	width:230px;
}

#MyPagePrjMsg .msgItem .readmoreBtn a {
	font-size:90%;
	opacity:0.7;
	padding-top:6px;
	padding-bottom:6px;
	background-color:transparent;
	border-color:#999;
}
html.pc #MyPagePrjMsg .msgItem.partner .readmoreBtn a:hover {
	background-color:#EEE;
}
html.pc #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:10px;
	padding-top:10px;
	border-top:1px #CCC dotted ;
}
#MyPagePrjMsg .msgItem .attachedDocumentList li:first-of-type {
	font-size:92%;
	font-weight:400;
}
#MyPagePrjMsg .msgItem.office .msgWrap {
	padding:20px 0 30px 0;
}
#MyPagePrjMsg .msgItem.office .msgWrap .inner {
	background-color:#EEE;
	padding:20px;
	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 .submit {
	text-align:center;
	margin-top:30px;
}

/* |- NewMsg  */
#MyPagePrjMsg #NewMsg {
	padding:35px 0 30px;
	border-bottom:1px solid #CCC;
}
#MyPagePrjMsg #NewMsg textarea {
	border:5px solid #58B2D4;
	border-radius: 7px;
	padding:6px;
	height:auto;
}
#MyPagePrjMsg #NewMsg .title {
	padding-left:42px;
	position:relative;
}
#MyPagePrjMsg #NewMsg .title:before{
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:' ';
	width:35px;
	height:35px;
	display:block;
	background-color:#58B2D4;
	border-radius: 100%;
}
#MyPagePrjMsg #NewMsg .title:after{
	position: absolute;
	left:0;
	top: 50%;
	font-size:110%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e900';
	font-family: iconfontA;
	color:#fff;
	display:block;
	width:35px;
	text-align:center;
}


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

#MyPagePrjMsg #NewMsg .inputFileWrap {
	margin-top:15px;
}
#MyPagePrjMsg #NewMsg .inputFileWrap input.fileName {
	width:65%;
}
#MyPagePrjMsg #NewMsg .inputFileWrap .btn {
	width:20%;
}
#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;
}
#MyPagePrjMsg.proposal_status #StatusChange li {
	display: inherit;
}
#MyPagePrjMsg #StatusChange .statusDescription {
	margin-top:20px;
	font-size:85%;
	line-height:1.5;
}
#MyPagePrjMsg #StatusChange .statusDescription li {
	margin-bottom:7px;
}
#MyPagePrjMsg #StatusChange .statusDescription li i {
	margin-right:4px;
	font-size:110%;
	line-height:1.5;
}
#MyPagePrjMsg #StatusChange .statusDescription .tx1 {
	display:block;
	font-weight:500;
	margin-bottom:2px;
}


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

#MyPagePrjSearch .item {
	display:block;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #FCFCEF 50%);
	background-position: 0 0;
	background-size: 200% auto;
	position:relative;
	border:1px solid #DDD;
	padding: 15px 18px 15px;
	margin-bottom:15px;
	-ms-box-shadow: 3px 3px 0 #ECECEC;
	-moz-box-shadow: 3px 3px 0 #ECECEC;
	-webkit-box-shadow: 3px 3px 0 #ECECEC;
	box-shadow: 3px 3px 0 #ECECEC;
	position:relative;
}
html.pc #MyPagePrjSearch .item:hover {
	background-position: -100% 0;
}
#MyPagePrjSearch .item:after{
	position: absolute;
	right:0;
	right:7px;
	top: 50%;
	font-size:180%;
	-webkit-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	content:'\e934';
	font-family: iconfontA;
	color:#58B2D4;
	transition:0.3s;
	opacity:0;
}
html.pc #MyPagePrjSearch .item:hover:after{
	right:0;
	opacity:1;
}

#MyPagePrjSearch .item .info1 {
	margin-bottom:10px;
}
#MyPagePrjSearch .item .info1 li {
	display:inline-block;
	line-height:1;
	font-size:92%;
}
#MyPagePrjSearch .item .info1 li:not(.num) {
	padding:3px 15px;
	border-width:1px;
	border-style:solid;
	border-radius: 2px;
	margin-right:5px;
}
#MyPagePrjSearch .item .info1 li.type {
	border-color:#E8E8E8;
	background-color:#E8E8E8;
}
#MyPagePrjSearch .item .info1 li.category {
	border-color:#BEBEBE;
}
#MyPagePrjSearch .item .info1 li.num {
	padding-left:6px;
}
#MyPagePrjSearch .item .info1 li.num em {
	font-weight:400;
	font-size:160%;
	padding-left:3px;
}
#MyPagePrjSearch .item .name {
	color:#0C86B2;
	font-weight:500;
	font-size:130%;
	margin-bottom:6px;
	line-height:1.4;
	letter-spacing:1px;
}
#MyPagePrjSearch .item .info2 li {
	font-size:85%;
	display:inline-block;
	line-height:1;
	margin-right:15px;
}

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

html.pc #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 {
	background-color:#F5F8F9;
	border-left:6px solid #58B2D4;
	margin-bottom:15px;
	padding:0 25px;
	display:table;
	width:100%;
}
#MyPageContentsInfo #Point .item .titleCell,
#MyPageContentsInfo #Point .item .meterCell,
#MyPageContentsInfo #Point .item .btnCell,
.____ {
	display:table-cell;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:middle;
}
#MyPageContentsInfo #Point .item .btnCell {
	width:320px;
	padding-left:60px;
}
#MyPageContentsInfo #Point .item .meterCell {
	width:290px;
	position:relative;
}

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

#MyPageContentsInfo #Point .item .meterCell .title {
	font-weight:800;
	font-size:220%;
	text-align:center;
}
#MyPageContentsInfo #Point .item .meterCell .title .small {
	font-weight:700;
	font-size:75%;
}
#MyPageContentsInfo #Point .item .meterCell .c1 {
	color:#E93324;
}
#MyPageContentsInfo #Point .item .meterCell .c2 {
	color:#3C88D9;
}
#MyPageContentsInfo #Point .item .meterCell .percent {
	border:1px solid #9FBEC8;
	display:block;
	width:100%;
	height:8px;
	margin-top:23px;
	position:relative;
}
#MyPageContentsInfo #Point .item .meterCell .percent .on {
	display:block;
	width:0%;
	background-color:#9FBEC8;
	height:100%;
	max-width:100%;
}
#MyPageContentsInfo #Point .item .meterCell .percent:before {
	content:"0%";
	font-size:10px;
	position:absolute;
	left:0px;
	bottom:100%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
#MyPageContentsInfo #Point .item .meterCell .percent:after {
	content:"100%";
	font-size:10px;
	position:absolute;
	right:0px;
	bottom:100%;
	-ms-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	transform: translateX(50%);
}

#MyPageContentsInfo #Point .item .btnCell .btn {
	width:100%;
}

/* |- Area  */
#MyPageContentsInfo #Area {
}
#MyPageContentsInfo #Area .categoryListB li {
	width:90px;
	margin-right:10px;
	margin-bottom:5px;
	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:65%;
	padding-left:16px;
}
#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;
}
html.pc #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";
}



/* // contentsLeadDescription //
----------------------------------------------- */
#MyPage .contentsLeadDescription {
	margin-bottom:35px;
}
#MyPage .contentsLeadDescription > .frame {
	background-color:#FFF;
	border:9px solid #D2E8F1;
}
#MyPage .contentsLeadDescription > .frame > .inner {
	-ms-box-shadow: 0 0 6px rgba(0,0,0,0.09);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.09);
	box-shadow: 0 0 6px rgba(0,0,0,0.09);
	padding:20px;
}
#MyPage .contentsLeadDescription .btn {
	text-align:center;
	margin-top:-8px;
}
#MyPage .contentsLeadDescription .btn a.btnA {
	width:300px;
	
}

/* // MyPageServiceList //
----------------------------------------------- */
#MyPageServiceList {
	
}
#MyPageServiceList .item {
	border-bottom:1px solid #EBEBEB;
	display:block;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #FFFFED 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.3s;
	position:relative;
}
#MyPageServiceList .item .btns {
	line-height:1;
	position:absolute;
	left:10px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height:1.6;
	font-size:175%;
	opacity:0.5;
	transition:0.3s;
}
#MyPageServiceList .item:first-of-type .btns li:first-of-type .icon{
	display:none;
}
#MyPageServiceList .item:last-of-type .btns li:last-of-type .icon {
	display:none;
}
#MyPageServiceList .item:first-of-type .btns li:first-of-type:before,
#MyPageServiceList .item:last-of-type .btns li:last-of-type:before {
	content:"　";
}
.dlListA dd .inputItem.A
#MyPageServiceList .item:hover .btns {
	opacity:1;
}
#MyPageServiceList .item .btns .icon {
	color:#58B2D4;
	-ms-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

html.pc #MyPageServiceList .item:hover {
	background-position: -100% 0;
}
#MyPageServiceList .item:before{
	position: absolute;
	right:15px;
	top: 50%;
	font-size:220%;
	-webkit-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	content:'\e934';
	font-family: iconfontA;
	color:#58B2D4;
	transition:0.3s;
	opacity:0;
}
html.pc #MyPageServiceList .item:hover:before{
	right:0;
	opacity:1;
}

#MyPageServiceList .item:first-of-type {
	border-top:1px solid #EBEBEB;
}

#MyPageServiceList .item .box {
	padding:20px 40px 20px 60px;
	display:block;
}
#MyPageServiceList .item .box > .inner {
	display:table;
	width:100%;
}
#MyPageServiceList .item .image {
	display:table-cell;
	width:180px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	vertical-align:middle;
	height:120px;
}
#MyPageServiceList .item .text {
	display:table-cell;
	padding-left:25px;
	vertical-align:middle;
}
#MyPageServiceList .item .category {
	text-align:left;
	margin-bottom:8px;
}
#MyPageServiceList .item .category li {
	display:inline-block;
	line-height:1.3;
	font-size:88%;
	font-weight:500;
	padding-right:15px;
	margin-right:4px;
	position:relative;
	color:#777;
}
#MyPageServiceList .item .category li:after{
	position: absolute;
	right:0px;
	top: 50%;
	font-size:75%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e92c';
	font-family: iconfontA;
}
#MyPageServiceList .item .category li:last-of-type {
	padding-right:0;
	margin-right:0;
}
#MyPageServiceList .item .category li:last-of-type:after {
	display:none;
}
#MyPageServiceList .item .title {
	line-height:1.3;
	font-size:136%;
	font-weight:500;
	color:#0C86B2;
	margin-bottom:10px;
	padding-left:80px;
	position:relative;
}
#MyPageServiceList .item .title .status {
	position:absolute;
	left:0px;
	top:3px;
	display:inline-block;
	line-height:1;
	padding:3px;
	border:1px solid #0C86B2;
	color:#0C86B2;
	font-weight:400;
	font-size:65%;
	text-align:center;
	width:70px;
}
#MyPageServiceList .item .title .status.publish {
	background-color:#0C86B2;
	color:#fff;
}
#MyPageServiceList .item .body {
	line-height:1.5;
	font-size:94%;
	margin-bottom:5px;
}




/* // MyPageAvailableCategory //
----------------------------------------------- */
#MyPageAvailableCategory {
	
}
#MyPageAvailableCategory .wrap {
	display:table;
	width:100%;
}
#MyPageAvailableCategory .tabBlock {
	display:table-cell;
	vertical-align:top;
	width:22%;
}
#MyPageAvailableCategory .tabBlock ul  {
	border:1px solid #C5C6C8;
	display:block;
}
#MyPageAvailableCategory .tabBlock ul li {
	border-bottom:1px dotted #CBCBCB;
}
#MyPageAvailableCategory .tabBlock ul li:last-of-type {
	border-bottom:0;
}
#MyPageAvailableCategory .tabBlock ul li a {
	display:block;
	width:100%;
	height:54px;
	position:relative;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #F2F6F9 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
#MyPageAvailableCategory .tabBlock ul li a:hover {
	background-position: -100% 0;
}
#MyPageAvailableCategory .tabBlock ul li a.current {
	background-image: none;
	background-color:#58B2D4;
	color:#FFF;
}


#MyPageAvailableCategory .tabBlock ul li a .tx {
	font-size:92%;
	line-height:1.5;
	position:absolute;
	display:block;
	padding:0 10px;
	text-align:left;
	left:0px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#MyPageAvailableCategory .selectBlock {
	padding-left:15px;
	display:table-cell;
	vertical-align:top;
}
#MyPageAvailableCategory .selectBlock .inner {
	display:block;
	width:100%;
	height:400px;
	overflow-y: scroll;
}

#MyPageAvailableCategory .selectBlock ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
#MyPageAvailableCategory .selectBlock ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#MyPageAvailableCategory .selectBlock .group {
	padding:13px;
	position:relative;
}
#MyPageAvailableCategory .selectBlock .group:nth-of-type(odd) {
	background-color:#F2F6F9;
}
#MyPageAvailableCategory .selectBlock .group .name {
	font-weight:500;
	font-size:107%;
	line-height:1.4;
	margin-bottom:4px;
	padding-right:160px;
}
#MyPageAvailableCategory .selectBlock .group .name .tx {
	display:block;
}
#MyPageAvailableCategory .selectBlock .items{
	text-align:left;
}
#MyPageAvailableCategory .selectBlock .items li{
	display:inline-block;
	width:33%;
	margin-left:-2px;
}
	
#MyPageAvailableCategory .checkbox {
	width:100%;
	padding:0;
	position:relative;
	height:30px;
}
#MyPageAvailableCategory .checkbox .tx {
	font-size:87%;
	line-height:1.2;
	position:absolute;
	left:0;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	padding:0px 7px 0 23px;
	
}

#MyPageAvailableCategory .checkbox:after {
	width:16px;
	height:16px;
	margin-top: -9px;
}
#MyPageAvailableCategory .checkbox:before {
	left: 4px;
	margin-top: -11px;
	width: 5px;
	height: 13px;
}

#MyPageAvailableCategory .allCheck {
	position:absolute;
	top:10px;
	right:10px;
}
#MyPageAvailableCategory .allCheck li {
	display:inline-block;
	line-height:1;
}



/* // descriptionTx //
----------------------------------------------- */
/* |- A  */
#MyPage .descriptionTx.A {
	margin-bottom:30px;
}
#MyPage .descriptionTx.A .title {
	font-size:130%;
	font-weight:500;
	position:relative;
	line-height:1.3;
	padding-left:26px;
	margin-bottom:15px;
}
#MyPage .descriptionTx.A .title:before {
	position: absolute;
	left:0;
	top: 50%;
	font-size:120%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e941';
	font-family: iconfontA;
}
#MyPage .descriptionTx.A .description {
	border:1px solid #58B2D4;
	background-color:#FFF;
	padding:7px 15px 9px;
	border-radius: 2px;
	line-height:1.7;
	font-size:93%;
	position:relative;
}
#MyPage .descriptionTx.A .description p {
	position:relative;
	z-index:5;
}
#MyPage .descriptionTx.A .description:after {
	position:absolute;
	z-index:4;
	top:-8px;
	left:55px;
	content:" ";
	display:block;
	width:13px;
	height:13px;
	border-color:#58B2D4;
	border-width: 1px 0px 0px 1px;
	border-style:solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color:#FFF;
}



/* // attachedDocumentList //
----------------------------------------------- */
.attachedDocumentList li {
	display:inline-block;
	position:relative;
	margin-right:20px;
}
.attachedDocumentList 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;
}
html.pc .attachedDocumentList li a:hover {
	border-color:#58B2D4;
	background-position: -100% 0;
	color: #fff;
}


/* // infoList //
----------------------------------------------- */
#MyPage .infoList {
	margin-top:-12px;
}
#MyPage .infoList .item {
	display:table;
	width:100%;
	padding-top:11px;
	padding-bottom:11px;
	overflow:hidden;
	position:relative;
}
#MyPage .infoList a.item {
	background-image: linear-gradient(to right, #fff 50%, #EFF5F7 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.35s;
}
html.pc #MyPage .infoList a.item:hover {
	background-position: -100% 0;
}
#MyPage .infoList .item .date {
	display:table-cell;
	width:130px;
	vertical-align:top;
}
#MyPage .infoList .item .title {
	display:table-cell;
	vertical-align:top;
	line-height:1.5;
}
#MyPage .infoList a.item .title {
	padding-left:19px;
	position:relative;
}
#MyPage .infoList a.item .title:before {
	content:'\e91d';
	font-family: iconfontA;
	font-size:50%;
	position:absolute;
	left:0px;
	top:7px;
	line-height:1;
}

/* // currentStatus //
----------------------------------------------- */
/* |- currentStatusA  */
#MyPage .currentStatusA {
	display:table;
	width:100%;
}
#MyPage .currentStatusA .item {
	display:table-cell;
	vertical-align:top;
}
#MyPage .currentStatusA .item .frame {
	background-color:#F3F9FA;
	border:1px solid #58B2D4;
	padding:20px 10px 16px;
}

#MyPage .currentStatusA.col3 .item {
	width:33.3%;
}
#MyPage .currentStatusA.col3 .item:nth-of-type(3n+1) {
	padding-right:18px;
}
#MyPage .currentStatusA.col3 .item:nth-of-type(3n+2) {
	padding-right:9px;
	padding-left:9px;
}
#MyPage .currentStatusA.col3 .item:nth-of-type(3n) {
	padding-left:18px;
}
#MyPage .currentStatusA .item .title {
	text-align:center;
	color:#58B2D4;
	font-weight:500;
	font-size:190%;
	line-height:1.3;
	margin-bottom:11px;
}
#MyPage .currentStatusA .item .now {
	text-align:center;
	color:#58B2D4;
	font-weight:900;
	font-size:360%;
	line-height:1.3;
	margin-bottom:15px;
}
#MyPage .currentStatusA .item .now .small {
	font-weight:500;
	font-size:70%;
}
#MyPage .currentStatusA .item .description {
	text-align:center;
	line-height:1.4;
	margin-bottom:12px;
}
#MyPage .currentStatusA .item .btn {
	text-align:center;
}
#MyPage .currentStatusA .item .btn a {
	width:80%;
}

/* |- currentStatusB  */
#MyPage .currentStatusB {
	margin-bottom:28px;
	margin-top:-6px;
	line-height:1.3;
}
#MyPage .currentStatusB li {
	display:inline-block;
	margin-right:30px;
}
#MyPage .currentStatusB li.main {
	font-size:120%;
}
#MyPage .currentStatusB li.main .tx1 {
	font-weight:500;
}
#MyPage .currentStatusB li.main .num {
	font-weight:600;
	padding:0 6px;
	font-size:190%;
	color:#58B2D4;
}
#MyPage .currentStatusB li.main .tx2 {
	font-weight:500;
	font-size:130%;
}

#MyPage .currentStatusB li.sub {
	font-size:110%;
}
#MyPage .currentStatusB li.sub .tx1 {
}
#MyPage .currentStatusB li.sub .num {
	font-weight:500;
	padding:0 5px;
	font-size:170%;
	color:#58B2D4;
}
#MyPage .currentStatusB li.sub .tx2 {
	font-weight:500;
	font-size:120%;
}


/* // tableList //
----------------------------------------------- */
/* |- tableListTypeA  */
#MyPage .tableListTypeA {
	line-height:1.5;
}
#MyPage .tableListTypeA .cell {
	display:table-cell;
	text-align:left;
	padding:14px 12px;
	vertical-align:middle;
}
#MyPage .tableListTypeA .head .cell {
	text-align:center;
}
#MyPage .tableListTypeA .head .cell .sort a {
	color:#0000EE;
}
#MyPage .tableListTypeA .cell.date2 span {
	display:block;
	text-align:center;
	font-size:86%;
	line-height:1;
	padding-bottom:5px;
}
#MyPage .tableListTypeA .cell.date2 span:nth-of-type(even) {
	padding-top:5px;
	padding-bottom:0px;
	border-top:1px dotted #999;
}
#MyPage .tableListTypeA .listItem .cell.date2 {
	padding-top:9px;
	padding-bottom:9px;
}
#MyPage .tableListTypeA .listItem .cell.date2 span {
	font-size:94%;
	padding-bottom:7px;
}
#MyPage .tableListTypeA .listItem .cell.date2 span:nth-of-type(even) {
	padding-top:7px;
}


#MyPage .tableListTypeA .head {
	display:table;
	background-color:#FAFAFA;
	width:100%;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px ;
}
#MyPage .tableListTypeA .listItem {
	display:table;
	width:100%;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0px 1px 1px 1px  ;
}
#MyPage .tableListTypeA .listItem {
	background-image: linear-gradient(to right, #fff 50%, #FCFCEF 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition:0.4s;
	position:relative;
}
html.pc #MyPage .tableListTypeA .listItem:hover {
	background-position: -100% 0;
}
#MyPage .tableListTypeA .listItem:after{
	position: absolute;
	right:0;
	right:7px;
	top: 50%;
	font-size:180%;
	-webkit-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	content:'\e934';
	font-family: iconfontA;
	color:#58B2D4;
	transition:0.3s;
	opacity:0;
}
html.pc #MyPage .tableListTypeA a.listItem:hover:after{
	right:0;
	opacity:1;
}


#MyPage .tableListTypeA .listItem .cell {
	padding-top:19px;
	padding-bottom:19px;
}
#MyPage .tableListTypeA .listItem .cell.status ul {
	text-align:center
}

#MyPage .tableListTypeA .listItem .cell.status li {
	display:inline-block;
	line-height:1;
	padding:4px 2px;
	font-size:80%;
	border:1px solid #B2B2B2;
	border-radius: 2px;
	margin-right:2px;
	margin-bottom:2px;
	background-color:#fff;
}
#MyPage .tableListTypeA .listItem .cell.status li.type1 {
	background-color:#D23125;
	border:1px solid #D23125;
	color:#FFF;
}
#MyPage .tableListTypeA .listItem .cell.status li.type2 {
	background-color:#4787A1;
	border:1px solid #4787A1;
	color:#FFF;
}
#MyPage .tableListTypeA .listItem .cell.status li.type3 {
	background-color:#FFF;
	border:1px solid #D23125;
	color:#D23125;
}
#MyPage .tableListTypeA .listItem .cell.name,
#MyPage .tableListTypeA .listItem .cell.name a {
	font-weight:500;
	color:#58B2D4;
	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.num .emphasis {
	color:#FFF;
	display:inline-block;
	border-radius: 30px;
	background:#58B2D4;
	min-height:26px;
	min-width:26px;
	text-align:center;
	padding-top:1px;
}


/*     |- listA  */
#MyPage .tableListTypeA.listA .cell.status {
	width:155px;
}
#MyPage .tableListTypeA.listA .cell.type {
	width:90px;
}
#MyPage .tableListTypeA.listA .cell.num {
	padding-left:2px;
	padding-right:2px;
	width:60px;
	text-align:center;
}
#MyPage .tableListTypeA.listA .listItem .cell.num {
	font-size:115%;
}
#MyPage .tableListTypeA.listA .cell.date2 {
	width:120px;
}
/*     |- listB  */
#MyPage .tableListTypeA.listB .cell.status {
	width:155px;
}
#MyPage .tableListTypeA.listB .cell.type {
	width:80px;
}
#MyPage .tableListTypeA.listB .cell.company {
	width:250px;
}
#MyPage .tableListTypeA.listB .cell.date2 {
	width:120px;
}
#MyPage .tableListTypeA.listB .cell.designate {
	width:100px;
}
#MyPage .tableListTypeA.listB .cell.num {
	padding-left:2px;
	padding-right:2px;
	width:60px;
	text-align:center;
}
#MyPage .tableListTypeA.listB .listItem .cell.num {
	font-size:115%;
}
#MyPage .tableListTypeA.listB .cell.name {
	min-width: 250px;
}
/*     |- listC  */
#MyPage .tableListTypeA.listC .cell.status {
	width:155px;
}
#MyPage .tableListTypeA.listC .cell.name {
}
#MyPage .tableListTypeA.listC .cell.date {
	width:105px;
	text-align:center;
}
#MyPage .tableListTypeA.listC .cell.price {
	width:120px;
	text-align:center;
	color:#66CA41;
	font-weight:500;
}
#MyPage .tableListTypeA.listC .cell.doc {
	width:70px;
	text-align:center;
}
#MyPage .tableListTypeA.listC .cell.msg {
	width:120px;
	text-align:center;
}
#MyPage .tableListTypeA.listC .cell.msg .on {
	position:relative;
	font-weight:500;
	padding-left:24px;
	color:#F00;
}
#MyPage .tableListTypeA.listC .cell.msg .on:after{
	position: absolute;
	left:0px;
	top: 50%;
	font-size:150%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e901';
	font-family: iconfontA;
}

/*     |- listD  */
#MyPage .tableListTypeA.listD .listItem {
	position:relative;
	padding-bottom:13px;
	overflow:hidden;
}
#MyPage .tableListTypeA.listD .listItem:after{
	display:none;
}
#MyPage .tableListTypeA.listD .cell.name {
	padding-top:16px;
}
#MyPage .tableListTypeA.listD .cell.status {
	width:90px;
	text-align:center;
}
#MyPage .tableListTypeA.listD .cell.category {
	width:150px;
}
#MyPage .tableListTypeA.listD .cell.tag {
	width:200px;
}
#MyPage .tableListTypeA.listD .cell.editor {
	width:85px;
	text-align:center;
}
#MyPage .tableListTypeA.listD .cell.date {
	width:100px;
}
#MyPage .tableListTypeA.listD .listItem .editArea {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100px;
}
#MyPage .tableListTypeA.listD .listItem .btns {
	position:absolute;
	left:15px;
	bottom:7px;
}
#MyPage .tableListTypeA.listD .listItem .btns li {
	display:inline-block;
	line-height:1;
	font-size:92%;
	margin-right:15px;
}
#MyPage .tableListTypeA.listD .listItem .btns li a {
	display:block;
	padding:3px 3px 3px 22px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #58B2D4 50%);
	background-position: 0 0;
	background-size: 210% auto;
	position:relative;
	color:#999;
}
html.pc #MyPage .tableListTypeA.listD .listItem .btns li a:hover {
	background-position: -95% 0;
	color: #fff;
}
#MyPage .tableListTypeA.listD .listItem .btns li a:before {
	position:absolute;
	left:3px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: iconfontA;
	font-size:110%;
}
#MyPage .tableListTypeA.listD .listItem .btns li.view a:before {
	content:'\e942';
}
#MyPage .tableListTypeA.listD .listItem .btns li.edit a:before {
	content:'\e944';
}
#MyPage .tableListTypeA.listD .listItem .btns li.delete a:before {
	content:'\e943';
}
#MyPage .tableListTypeA.listD .listItem .btns li.pv {
	margin-left:220px;
	margin-right:0;
	color:#999;
	font-size:80%;
}
#MyPage .tableListTypeA.listD .listItem .btns li.pv em {
	padding-left:3px;
	font-size:124%;
}

/*     |- listE  */
#MyPage .tableListTypeA.listE .cell.check {
	width:50px;
	text-align:center;
}
#MyPage .tableListTypeA.listE .cell.check .checkbox {
	padding-left:5px !important;
}

#MyPage .tableListTypeA.listE .cell.compnay {
	width:290px;
}
#MyPage .tableListTypeA.listE .cell.name {
}
#MyPage .tableListTypeA.listE .cell.date {
	width:120px;
	text-align:center;
}
#MyPage .tableListTypeA.listE .cell.status {
	width:140px;
	text-align:center;
}

/*     |- listF  */
#MyPage .tableListTypeA.listF .cell.date {
	width:130px;
	text-align:center;
}
#MyPage .tableListTypeA.listF .cell.title {
	width:200px;
}
#MyPage .tableListTypeA.listF .cell.person {
	width:110px;
	text-align:center;
}
#MyPage .tableListTypeA.listF .cell.tel {
	width:110px;
}
#MyPage .tableListTypeA.listF .cell.mail {
	width:180px;
}


/* // statusIfDraft //
----------------------------------------------- */
#MyPage .statusIfDraft .deleteBtn {
	display:inline-block;
}
#MyPage .statusIfDraft .deleteBtn .btn {
	display:block;
	line-height:1;
	padding:6px 15px 6px 24px;
	color:#FFF;
	position:relative;
	font-size:90%;
	border-radius: 2px;
	background-image: linear-gradient(to right, #999 50%, #777 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
html.pc #MyPage .statusIfDraft .deleteBtn .btn:hover {
	background-position: -100% 0;
	color: #fff;
}

#MyPage .statusIfDraft .deleteBtn .btn:before {
	position:absolute;
	left:8px;
	top: 50%;
	font-size:92%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e943';
	font-family: iconfontA;
}


/* // swiperPrjItemsA //
----------------------------------------------- */
#MyPage .swiperPrjItemsA .swiper-slide {
	width:250px;
	height:200px;
	padding:5px;
}
#MyPage .swiperPrjItemsA .swiper-slide a {
	display:block;
	position:relative;
	border:1px solid #EEE;
	width:100%;
	height:100%;
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	box-shadow: 0 0 5px rgba(0,0,0,0.16);
	color:#666 !important;
	padding:28px 10px 10px;
	background-image: linear-gradient(to right, #fff 50%, #f3f3f3 50%);
	background-position: 0 0;
	background-size: 200% auto;
}
html.pc #MyPage .swiperPrjItemsA .swiper-slide a:hover {
	background-position: -100% 0;
	color: #fff;
}


#MyPage .swiperPrjItemsA .swiper-slide a .type {
	font-size:88%;
	line-height:1;
	padding:3px 5px 6px;
	background-color:#E8E8E8;
	display:inline-block;
	position:absolute;
	left:-1px;
	top:-1px;
}
#MyPage .swiperPrjItemsA .swiper-slide a .category {
	line-height:1;
	margin-bottom:12px;
}
#MyPage .swiperPrjItemsA .swiper-slide a .category .tx {
	display:inline-block;
	color:#888;
	font-size:88%;
	padding:3px 4px 4px;
	border:1px solid #bbb;
	background-color:#FFF;
}
#MyPage .swiperPrjItemsA .swiper-slide a .name {
	line-height:1.4;
	margin-bottom:5px;
	font-weight:400;
	font-size:110%;
	display:block;
	height:68px;
}
#MyPage .swiperPrjItemsA .swiper-slide a .name .tx {
}
#MyPage .swiperPrjItemsA .swiper-slide a .info li {
	line-height:1.5;
	font-size:80%;
	margin-bottom:3px;
	display:table;
	margin-left:-2px;
}
#MyPage .swiperPrjItemsA .swiper-slide a .info li .tx {
	display:table-cell;
}
#MyPage .swiperPrjItemsA .swiper-slide a .info li .htx {
	font-weight:400;
	display:table-cell;
	white-space:nowrap;
}

#MyPage .swiperPrjItemsA .swiper-slide.feature a {
	border-color:#58B2D4;
	color:#fff !important;
	background-image: linear-gradient(to right, #58B2D4 50%, #0C86B2 50%);
}
#MyPage .swiperPrjItemsA .swiper-slide.feature a .type {
	background-color:#0C86B2;
}
#MyPage .swiperPrjItemsA .swiper-slide.feature a .category .tx {
	color:#fff;
	border-color:#fff;
	background-color:transparent;
}
#MyPage .swiperPrjItemsA .swiper-slide.feature a .name {
}
#MyPage .swiperPrjItemsA .swiper-slide.feature a .name .tx {
}

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




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




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




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

/* // pageTop //
----------------------------------------------- */
a.pageTop {
	background-color:#58B2D4;
}
html:not(.tbsp) a.pageTop:hover {
	background-color:#0C86B2;
}
.print a.pageTop {
	display:none;
}

/* // lightbox //
----------------------------------------------- */

@media screen and (min-width: 1701px)  {
	.safari.lightbox #MyPage #Container{
		width:100% !important;
	}
	.safari.lightbox #MyPage #ContentsWrap {
		width:1700px;
		margin: 0 auto;
	}
}

.lightbox_contents {
	background-color:rgba(88,178,212,0.9);
}
.lightboxCloseBtn {
	background-color:#0C86B2;
}
html.pc .lightboxCloseBtn:hover {
	background-color:#03759B;
}


/* // jquery-ui //
----------------------------------------------- */
.ui-datepicker .ui-datepicker-title {
	
}
#ui-datepicker-div .ui-widget-header {
	background-color:#58B2D4
}
.ui-state-default{
	border: 1px solid #CCC;
	background: #fbfbfb;
	color: #666;
}
.ui-state-active, .ui-widget-content .ui-state-active{
	border: 1px solid #0C86B2;
	background: #0C86B2;
	font-weight: 400;
	color: #fff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border: 1px solid #A8A866;
	background: #FFFEF7;
	font-weight: 400;
}


@media screen and (min-width:741px) and (max-width: 1360px){

	#MyPageCategoryNavi {
		width:65px;
		font-size:80%;
	}
	#MyPageLocalNavi {
		width:135px;
		font-size:86%;
	}
	#ContentsWrap.trgTop #MyPageLocalNavi {
		position:fixed;
		top:0;
		left:65px;
	}
	
	#MyPageCategoryNavi nav li a {
		height:65px;
	}
	
	#MyPageCategoryNavi nav li a .icon{
		height:35px;
	}
	#MyPageCategoryNavi nav li a .icon img{
		width:20px;
		top:60%;
	}
	#MyPageCategoryNavi nav li a .icon svg{
		width:20px;
		top:60%;
	}
	#MyPageCategoryNavi nav li a .tx{
		font-size:11px;
		top:45px;
		line-height:1.1;
	}
	
	
	#MyPage #ContentsWrap.trgTop {
		padding-left:200px;
	}
	
	#MyPage #Footer {
		background-color:#DFEAEF;
		padding-left:200px;
	}
	
	#MyPageLocalNavi .localNavi .parents > li > a {
		padding: 12px 8px;
	}
	
/*	#NewBox {
		display:none !important;
	}
*/
}	/* @media screen and (min-width:741px) and (max-width: 1300px) */


/* // spModalBtn //
----------------------------------------------- */
.spModalBtn {
	display:none;
}





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




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


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


 






/* // designMemo //
----------------------------------------------- */
.designMemo {
	position:absolute;
	top:10px;
	left:50%;
	display:inline-block;
	border-radius: 7px;
	border:4px solid #FF0;
	background-color:#F00;
	line-height:1.3;
	color:#FFF;
	font-weight:600;
	font-size:600;
	font-size:120%;
	z-index:9999999;
	padding:11px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	text-align:left;
	white-space:nowrap;
}
.designMemo:before {
	display:block;
	content:"【memo】";
	font-size:80%;
	margin-bottom:4px;
	font-weight:400;
}

#coverList > .inputItem > .btns {
    line-height:1;
    /* position:absolute; */
    left:10px;
    top:50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height:1.6;
    font-size:175%;
    opacity:0.5;
    transition:0.3s;
    width:10%;
}

.marginLeftFifty {
    margin-left: 50px;
}
#staffList > .staff_class > dl > dd >.btns {
    line-height:1;
    /* position:absolute; */
    left:10px;
    top:50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height:1.6;
    font-size:175%;
    opacity:0.5;
    transition:0.3s;
    width:10%;
}
.break-all {
	word-break: break-all;
}
.htmlcontents > div > div > p {
	word-break: break-all;	
}
/*
* 記事本文のタグ(記事作成時)
*/
.htmlcontents > div > div > b {
	font-weight:bold;
}
.htmlcontents > div > div> p > b {
	font-weight:bold;
}
.htmlcontents > * > b {
	font-weight:bold;
}
.htmlcontents > div > div > i {
	font-style:italic;
}
.htmlcontents > div > div > ul {
	list-style:inside;
}
.htmlcontents > div > div > ol {
	list-style:inside;
}
.htmlcontents > div > div > a {
	text-decoration: underline;
}
.htmlcontents > div > div > h1 {
	font-size: 2.0em;
}
.htmlcontents > div > div > h2 {
	font-size: 1.5em;
}
.htmlcontents > div > div > h3 {
	font-size: 1.25em;
}
.htmlcontents > div > div > h4 {
	font-size: 1.0em;
}
.htmlcontents > div > div > h5 {
	font-size: 0.8em;
}
.htmlcontents > div > div > h6 {
	font-size: 0.7em;
}

/* 記事本文内にdivが2つできるときがある　*/
.htmlcontents > div > div > div > b {
	font-weight:bold;
}
.htmlcontents > div > div > div > i {
	font-style:italic;
}
.htmlcontents > div > div > div > ul {
	list-style:inside;
}
.htmlcontents > div > div > div > ol {
	list-style:inside;
}
.htmlcontents > div > div > div > a {
	text-decoration: underline;
}
.htmlcontents > div > div > div > h1 {
	font-size: 2.0em;
}
.htmlcontents > div > div > div > h2 {
	font-size: 1.5em;
}
.htmlcontents > div > div > div > h3 {
	font-size: 1.25em;
}
.htmlcontents > div > div > div > h4 {
	font-size: 1.0em;
}
.htmlcontents > div > div > div > h5 {
	font-size: 0.8em;
}
.htmlcontents > div > div > div > h6 {
	font-size: 0.7em;
}

/*
* 記事本文のタグ(記事表示)
*/
.htmlcontents  {
	text-align:left;
}
.htmlcontents  > div {
	text-align:left;
}
.htmlcontents  > * > b{
	font-weight:bold;
}
.htmlcontents  > * > i {
	font-style:italic;
}
.htmlcontents  > * > ul {
	list-style:inside;
}
.htmlcontents  > * > ol {
	list-style:inside;
}
.htmlcontents  > * > a {
	text-decoration: underline;
}
.htmlcontents  > * > h1 {
	font-size: 2.0em;
}
.htmlcontents  >  h1 {
	font-size: 2.0em;
}
.htmlcontents  > * > h2 {
	font-size: 1.5em;
}
.htmlcontents  >  h2 {
	font-size: 1.5em;
}
.htmlcontents  > * > h3 {
	font-size: 1.25em;
}
.htmlcontents   > h3 {
	font-size: 1.25em;
}
.htmlcontents  > * > h4 {
	font-size: 1.0em;
}
.htmlcontents  > h4 {
	font-size: 1.0em;
}
.htmlcontents  > * > h5 {
	font-size: 0.8em;
}
.htmlcontents  >  h5 {
	font-size: 0.8em;
}
.htmlcontents  > * > h6 {
	font-size: 0.7em;
}
.htmlcontents  > h6 {
	font-size: 0.7em;
}

/*
.htmlcontents  > div > b {
	font-weight:bold;
}
.htmlcontents  > div > i {
	font-style:italic;
}
.htmlcontents  > div > ul {
	list-style:inside;
}
.htmlcontents  > div > ol {
	list-style:inside;
}
.htmlcontents  > div > a {
	text-decoration: underline;
}
.htmlcontents  > div > h1 {
	font-size: 2.0em;
}
.htmlcontents  > h1 {
	font-size: 2.0em;
}
.htmlcontents  > div > h2 {
	font-size: 1.5em;
}
.htmlcontents   > h2 {
	font-size: 1.5em;
}
.htmlcontents  > div > h3 {
	font-size: 1.25em;
}
.htmlcontents  > h3 {
	font-size: 1.25em;
}
.htmlcontents  > div > h4 {
	font-size: 1.0em;
}
.htmlcontents  > h4 {
	font-size: 1.0em;
}
.htmlcontents  > div > h5 {
	font-size: 0.8em;
}
.htmlcontents  > h5 {
	font-size: 0.8em;
}
.htmlcontents  > div > h6 {
	font-size: 0.7em;
}
.htmlcontents  > h6 {
	font-size: 0.7em;
}*/

#delete_url {
	display:inline-block;
	vertical-align:middle;
	padding:5px 23px;
	line-height:1;
	position:relative;
	font-weight:400;
	background-color:#EEE;
	color:#888;
	font-size:90%;
	text-align:center;
	border-radius: 30px;
}
#delete_url .tx:after{
	position: absolute;
	left:6px;
	top: 50%;
	font-size:110%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content:'\e940';
	font-family: iconfontA;
}
#company_staff_message  {
	text-align:left;
}

.htmlcontents > * > img {
	max-width:800px
}




/* 追加 */
/* 見積作成画面 ユーザ入力文字列表示用 */
.addItem .item-search {
	margin-left: 75px;
}
.addItem .item-search .item-search__result {
	border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 10px 10px;
    box-shadow: rgba(0,0,0,0.1) 0 10px 10px;
    position: absolute;
    border: 1px solid #ccc;
    padding: 4px 0;
    background: #f8f8f8;
    margin-top: 45px;
    min-width: 150px;
    max-width: 500px;
    max-height: 200px;
    overflow-y: scroll;
    z-index: 10;
}
.addItem .item-search .item-search__result .item-search__register {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	background: rgba(0,172,193,0.1);
	padding: 6px 6px 6px 12px;
}
.addItem .item-search .item-search__result li a {
	display: block;
	line-height: 1.2em;
	padding: 6px 6px 6px 12px;
	cursor: pointer;
	text-align: left;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/* background: rgba(0,172,193,0.1); */
}

.addItem > .estimateItem  > .btns {
    line-height:1;
    /* position:absolute; */
    left:10px;
    /* top:50%;
    -ms-transform: translateY(-50%);
    /* -webkit-transform: translateY(-50%); */
    /* -moz-transform: translateY(-50%); 
    /* transform: translateY(-50%); */
    line-height:1.6;
    font-size:175%;
    opacity:0.5;
    transition:0.3s;
    width:10%;
}

.htmlcontents > div > div > img {
	display: block;
	margin:auto;
}
.htmlcontents > div > div > div > img {
	display: block;
	margin:auto;
}
.htmlcontents > div > div > p > img {
	display: block;
	margin:auto;
}
.estimates_list {
	touch-action: manipulation;
	cursor: pointer;
}
.estimates_list > a {
	z-index: -1;
	width:100%;
}
#MyPageAvailableCategory .tabBlock .inner {
	display:block;
	width:100%;
	height:400px;
	overflow-y: scroll;
}
#MyPageAvailableCategory .tabBlock ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
#MyPageAvailableCategory .tabBlock ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* マイページ お知らせクリック時の動き追加 */
/* クリック前 */
.newsList.A ul li div.info-body {
	height: 0;
	padding: 0 30px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.8s;
}

/* クリック後 */
.newsList.A li.is-show a .wrap {
	background-position: -100% 0;
}
.newsList.A li.is-show a .wrap .tx::after {
	content: '\e91a';
}
.newsList.A li.is-show div.info-body {
	height: auto;
	padding: 15px 30px;
	background: #eaeaea;
	opacity: 1;
}
/* /article/detail  */
.red{color:#ff6464}br.pcb{display:block}br.spb{display:none}#ArticleDetail #MainColumn button,#ArticleDetail #MainColumn input,#ArticleDetail #MainColumn select,#ArticleDetail #MainColumn textarea{-webkit-appearance:none}#ArticleDetail #MainColumn input::placeholder{color:#aaa}#ArticleDetail #MainColumn input:-ms-input-placeholder{color:#aaa}#ArticleDetail #MainColumn input::-ms-input-placeholder{color:#aaa}#ArticleDetail #MainColumn input[type=email],#ArticleDetail #MainColumn input[type=tel],#ArticleDetail #MainColumn input[type=text]{width:20em}#ArticleDetail #MainColumn input[type=text].address{width:100%}#ArticleDetail #MainColumn textarea{width:100%}#ArticleDetail #MainColumn textarea::-webkit-input-placeholder{color:#aaa}#ArticleDetail #MainColumn textarea::-moz-placeholder{color:#aaa}#ArticleDetail #MainColumn textarea:-ms-input-placeholder{color:#aaa}#ArticleDetail #MainColumn input,#ArticleDetail #MainColumn select,#ArticleDetail #MainColumn textarea{border:1px solid #3e3a39;padding:.5em 1em;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;color:#3e3a39}#ArticleDetail #MainColumn input[type=checkbox],#ArticleDetail #MainColumn input[type=radio]{margin-right:.5em}#ArticleDetail #MainColumn .select__arrow{position:absolute;top:1em;right:15px;width:0;height:0;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#7b7b7b transparent transparent transparent}#ArticleDetail #MainColumn .select{position:relative;display:inline-block;width:20em}#ArticleDetail #MainColumn .select select{display:inline-block;width:100%;cursor:pointer;outline:0;border:0;border-radius:0;background:#fff;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #000}#ArticleDetail #MainColumn .select select::-ms-expand{display:none}#ArticleDetail #MainColumn .select select :focus,#ArticleDetail #MainColumn .select select:hover{color:#000;background:#ccc}#ArticleDetail #MainColumn .select select:disabled{opacity:.5;pointer-events:none}#ArticleDetail #MainColumn .select select:focus~.select__arrow,#ArticleDetail #MainColumn .select select:hover~.select__arrow{border-top-color:#000}#ArticleDetail #MainColumn .select select:disabled~.select__arrow{border-top-color:#ccc}#ArticleDetail #MainColumn .freeIcon{position:absolute;top:50%;left:15px;background-color:#ff0;border-radius:100%;display:block;width:55px;height:55px;line-height:1;color:#ff6464;padding-top:10px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}#ArticleDetail #MainColumn p.freeIcon{margin:0}#ArticleDetail #MainColumn .freeIcon .iconTx1{display:block;text-align:center;font-size:18px;font-weight:800;text-shadow:none;color:#ff6464!important;color:#000;line-height:1}#ArticleDetail #MainColumn .freeIcon .iconTx2{display:block;text-align:center;font-size:22px;font-weight:800;margin-top:-1px;text-shadow:none;color:#ff6464!important;line-height:1;font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif}#ArticleDetail #MainColumn .btn_m{box-shadow:0 6px #4063a4;top:0;transition:.2s box-shadow,.2s top,.4s background}#ArticleDetail #MainColumn .btn_m:hover{box-shadow:0 5px #4063a4;top:1px}#ArticleDetail #MainColumn .btn_m:active{background-color:#4163a7;box-shadow:0 0 #4063a4;top:6px}#ArticleDetail #MainColumn .btn_wrap+.btn_wrap.text,#ArticleDetail #MainColumn .btn_wrap.text{margin-top:40px}#ArticleDetail #MainColumn .btn_wrap+.btn_wrap.text a:hover,#ArticleDetail #MainColumn .btn_wrap.text a:hover{opacity:.6}#ArticleDetail #MainColumn .btn_m{position:relative;z-index:10;display:inline-block;width:auto;margin:0 auto;padding:.5em 1em;text-align:center;text-decoration:none;background-color:#58b2d4;letter-spacing:.05em;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.3);font-weight:500;transition:.3s;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}#ArticleDetail #MainColumn .btn_m .sub_text{font-size:16px;margin-bottom:3px;display:block;line-height:1.2}#ArticleDetail #MainColumn .btn_m:hover,#ArticleDetail #MainColumn .btn_m:hover .lsf-icon:before,#ArticleDetail #MainColumn .btn_m:hover a,#ArticleDetail #MainColumn .btn_m:hover span,#ArticleDetail #MainColumn .btn_m:hover strong{color:#fff}#ArticleDetail #MainColumn .btn_m::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:'';background-color:#ff6464;transform-origin:center center;transform:scale(0,1);transition:transform .2s;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}#ArticleDetail #MainColumn .btn_m:hover::after{transform:scale(1,1)}#ArticleDetail #MainColumn .sub_text+.lsf-icon{line-height:0}#ArticleDetail #MainColumn .boxWidth{text-align:left;font-size:16px}#ArticleDetail #MainColumn .boxWidth img{display:block;text-align:center;margin:20px auto;max-width:100%;height:auto}#ArticleDetail #MainColumn .boxWidth .lineup{margin:0 auto;text-align:center}#ArticleDetail #MainColumn .boxWidth .lineup img{display:inline-block;margin:20px 5px}#ArticleDetail #MainColumn .boxWidth h1,#ArticleDetail #MainColumn .boxWidth h2,#ArticleDetail #MainColumn .boxWidth h3,#ArticleDetail #MainColumn .boxWidth h4,#ArticleDetail #MainColumn .boxWidth h5,#ArticleDetail #MainColumn .boxWidth h6{border:none;margin:2em auto .8em auto;line-height:1.4;padding-bottom:.3em}#ArticleDetail #MainColumn .boxWidth h3,#ArticleDetail #MainColumn .boxWidth h4,#ArticleDetail #MainColumn .boxWidth h5,#ArticleDetail #MainColumn .boxWidth h6{border-left:5px solid #57b1d3;padding-left:.5em}#ArticleDetail #MainColumn .boxWidth h1{font-size:30px;font-weight:700;border-top:2px solid #57b1d3;border-bottom:2px solid #57b1d3;margin:2em auto .5em auto}#ArticleDetail #MainColumn .boxWidth h2{font-size:26px;font-weight:700;border-top:3px solid #57b1d3;border-bottom:3px solid #57b1d3;padding:.7em 0;margin:2em auto .8em auto}#ArticleDetail #MainColumn .boxWidth h3{border-left:5px solid #57b1d3;padding-left:.5em;font-size:20px;font-weight:700;border-bottom:2px solid #57b1d3}#ArticleDetail #MainColumn .boxWidth h4{font-size:18px;font-weight:700}#ArticleDetail #MainColumn .boxWidth h5{font-size:16px;font-weight:700;border:none;padding:0;color:#58b2d4}#ArticleDetail #MainColumn .boxWidth h6{font-size:15px;font-weight:700;padding:0;color:#58b2d4}#ArticleDetail #MainColumn .boxWidth figure{text-align:center}#ArticleDetail #MainColumn .boxWidth figure img{margin-bottom:5px}#ArticleDetail #MainColumn .boxWidth figure figcaption{margin-bottom:20px;text-align:center}#ArticleDetail #MainColumn .boxWidth p{margin:1em 0}#ArticleDetail #MainColumn .boxWidth .strong *{font-weight:700!important}#ArticleDetail #MainColumn .boxWidth strong{font-weight:700;background:linear-gradient(rgba(0,0,0,0) 70%,#feffc4 70%)}#ArticleDetail #MainColumn .boxWidth .underline_tx{background:linear-gradient(rgba(0,0,0,0) 70%,#feffc4 70%)}#ArticleDetail #MainColumn .boxWidth .toc{border:1px solid #58b2d4}#ArticleDetail #MainColumn .boxWidth .toc>ul{padding:1em}#ArticleDetail #MainColumn .boxWidth .toc>ul>li{margin-bottom:10px}#ArticleDetail #MainColumn .boxWidth .toc h2{text-align:center;margin:0 auto;background-color:#58b2d4;color:#fff;padding:.4em 0;letter-spacing:.1em}#ArticleDetail #MainColumn .boxWidth .cvArea.article_btn{margin:30px auto;padding:20px}#ArticleDetail #MainColumn .boxWidth .cvArea p{margin:.3em 0}#ArticleDetail #MainColumn .boxWidth .cvArea .description{font-weight:600;line-height:1.7;margin-bottom:10px}#ArticleDetail #MainColumn .boxWidth .cvArea .description strong{font-size:1.4em}#ArticleDetail #MainColumn .boxWidth .cvArea p.subTx2{text-align:center;font-size:.85em;line-height:1.7;color:#555}#ArticleDetail #MainColumn .boxWidth .btn a{text-decoration:none;font-weight:500}#ArticleDetail #MainColumn .boxWidth a{text-decoration:underline;color:#58b2d4}#ArticleDetail #MainColumn .boxWidth a:hover{text-decoration:none}#ArticleDetail #MainColumn .boxWidth .box_wrap{padding:15px;background-color:#f8f8f8}#ArticleDetail #MainColumn .boxWidth ul{margin:1em 0}#ArticleDetail #MainColumn .boxWidth ul li:before{content:'●';color:#58b2d4;margin-right:2px;font-size:.8em}#ArticleDetail #MainColumn .boxWidth ul li ul{margin-left:1em}#ArticleDetail #MainColumn .boxWidth ul li ul li:before{content:'・';color:#58b2d4;margin-right:2px}#ArticleDetail #MainColumn .boxWidth ul li ul li>ul{margin-top:.3em}#ArticleDetail #MainColumn .boxWidth dl{margin:1em 0}#ArticleDetail #MainColumn .boxWidth dl dt{font-weight:600;font-size:1.1em;color:#3c7a93}#ArticleDetail #MainColumn .boxWidth dl dd{margin-bottom:1em;padding-left:1em}#ArticleDetail #MainColumn .boxWidth table{border:1px solid #ccc}#ArticleDetail #MainColumn .boxWidth table tr:nth-child(odd){background:#eee}#ArticleDetail #MainColumn .boxWidth table tr:nth-child(even){background:#fff}#ArticleDetail #MainColumn .boxWidth table th{background-color:#58b2d4;color:#fff}#ArticleDetail #MainColumn .boxWidth table td,#ArticleDetail #MainColumn .boxWidth table th{padding:.5em;border:1px solid #ccc}#ArticleDetail #MainColumn .cv_bn_wrap a{display:block;text-decoration:none}#ArticleDetail #MainColumn .cv_bn_wrap a:hover img{opacity:1}#ArticleDetail #MainColumn .cv_bn_wrap a:hover{opacity:.7}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn{overflow:hidden;position:relative;width:100%;height:auto;display:block;background-color:#6dcbe8;margin:20px auto}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .cv_bn_img{position:absolute;bottom:0;left:0;width:30%;z-index:5}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .cv_bn_img img{width:100%;max-width:200px;margin:0}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap{float:right;margin-top:1.5%;margin-right:1.5%;width:77%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon{position:relative;width:100%;background-color:#fff;padding:10px 10px 15px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;color:#59b2d4;text-align:center;line-height:1.6;font-weight:600;margin-bottom:45px;font-size:110%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon:after{border:solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color:rgba(0,153,255,0);border-top-width:10px;border-bottom-width:10px;border-left-width:10px;border-right-width:10px;margin-top:-10px;border-right-color:#fff;right:100%;top:50%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon .item_tx{font-size:110%;font-weight:600;line-height:1.4;margin-bottom:5px;color:#66ca41}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon .item_tx strong{font-size:120%;margin:0 2px}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon .sub_tx{line-height:1.4}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon .underline_tx{background:linear-gradient(rgba(0,0,0,0) 70%,#ff3 70%)}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon strong{background:0 0}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx{width:100%;position:absolute;padding:5px;bottom:0;z-index:1;background-color:#66ca41;color:#fff;font-weight:600;text-align:right;padding-left:30%;padding-right:40px;line-height:1.4}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx .bottom_tx_tx{vertical-align:bottom;letter-spacing:.1em}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx img{display:inline-block;height:25px;margin:0 5px;vertical-align:top}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx .ico_arrow_circle{background-color:#f7f7f7;color:#66ca41;width:25px;height:25px;font-size:12px;text-align:center;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;border-radius:100px;position:absolute;top:50%;right:10px;display:block;line-height:25px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}#ArticleDetail #MainColumn .cv_form{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;background-color:#ff3;margin:30px auto}#ArticleDetail #MainColumn .cv_form h1,#ArticleDetail #MainColumn .cv_form h2,#ArticleDetail #MainColumn .cv_form h3,#ArticleDetail #MainColumn .cv_form h4,#ArticleDetail #MainColumn .cv_form h5,#ArticleDetail #MainColumn .cv_form h6{border:none;font-weight:600;margin:2em auto .8em auto;line-height:1.4;padding-bottom:.3em}#ArticleDetail #MainColumn .cv_form a{text-decoration:underline;color:#58b2d4}#ArticleDetail #MainColumn .cv_form a:hover{text-decoration:none}#ArticleDetail #MainColumn .cv_form .cont_wrap{position:relative;background-repeat:no-repeat;background-position:35% 50%}#ArticleDetail #MainColumn .cv_form .title_wrap{position:relative;background-color:#58b2d4;color:#fff}#ArticleDetail #MainColumn .cv_form .title_wrap h2{text-align:center;margin:0;padding:.3em 0;font-size:22px;letter-spacing:.07em}#ArticleDetail #MainColumn .cv_form .title_wrap h2 em{color:#ff3}#ArticleDetail #MainColumn .cv_form .title_wrap h2 .small{font-size:80%}#ArticleDetail #MainColumn .cv_form .title_wrap h2 br.title_br{display:none}#ArticleDetail #MainColumn .cv_form .title_wrap:after{border:solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color:rgba(0,153,255,0);border-top-width:10px;border-bottom-width:10px;border-left-width:10px;border-right-width:10px;margin-left:-10px;border-top-color:#58b2d4;top:100%;left:50%}#ArticleDetail #MainColumn .cv_form .text_wrap{position:relative;width:68%}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1{position:relative;z-index:100}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 h3{margin:0;padding:20px 0 0 20px;border:none;font-size:150%;line-height:1.3;text-shadow:0 0 5px #fff;text-shadow:0 0 5px 1px #fff}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 h3 .red{font-size:130%}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 .tw1{display:block;margin-bottom:.1em}#ArticleDetail #MainColumn .cv_form .text_wrap .underline_tx{background:linear-gradient(rgba(0,0,0,0) 70%,#8bd9da 70%)}#ArticleDetail #MainColumn .cv_form .text_wrap .underline_tx em{font-size:130%}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap{position:relative;color:#555;padding:15px 20px;font-size:80%;width:70%;text-shadow:#ff3 1px 1px 0,#ff3 -1px -1px 0,#ff3 -1px 1px 0,#ff3 1px -1px 0,#ff3 0 1px 0,#ff3 -1px 0,#ff3 -1px 0 0,#ff3 1px 0 0;z-index:100}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap h4{margin:0 0 5px 0;border:none;padding:0;font-size:120%;color:#58b2d4}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap ul{margin:0}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap ul a,#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap ul li{font-weight:600;line-height:1.4;margin-bottom:.3em;color:#555}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap ul a:before,#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap ul li:before{display:none}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap .more{font-size:90%}#ArticleDetail #MainColumn .cv_form .staff_image{position:absolute;top:10px;z-index:0;right:21%;width:255px}#ArticleDetail #MainColumn .cv_form .staff_image img{width:100%;margin:0}#ArticleDetail #MainColumn .cv_form .form_slide_wrap{width:55%;position:absolute;right:0;top:0;z-index:2000;overflow:hidden}#ArticleDetail #MainColumn .cv_form .form_slide_wrap .slide_cont{padding:15px 0 20px 0}#ArticleDetail #MainColumn .cv_form .form_slide_wrap .input_wrap{width:100%;padding:0 10px;margin:0 auto}#ArticleDetail #MainColumn .cv_form .form_slide_wrap input{width:100%;margin:0 auto;margin-bottom:5px;padding:5px 10px;font-size:15px}#ArticleDetail #MainColumn .cv_form .form_slide_wrap input,#ArticleDetail #MainColumn .cv_form .form_slide_wrap textarea{border-color:#959595}#ArticleDetail #MainColumn .cv_form .form_slide_wrap textarea{min-height:125px;display:block;font-size:13px}#ArticleDetail #MainColumn .cv_form .form_slide_wrap input:last-of-type{margin-bottom:0}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont1{position:relative}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont2{position:absolute;width:100%;right:-1000px;top:0}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont3{text-align:center;position:absolute;width:90%;right:-1000px;top:0}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont3 .complete_image img{width:50px}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont3 h4{color:#58b2d4;font-size:24px;text-align:center;padding:0;margin:10px auto}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont3 p{text-align:center;padding:0 10px}#ArticleDetail #MainColumn .cv_form .btn_m{width:100%;font-size:190%;margin-top:10px;background-color:#66ca41;box-shadow:0 6px #289300;text-shadow:inherit;font-weight:600;position:relative;padding:0;height:70px;line-height:1.4}#ArticleDetail #MainColumn .cv_form .btn_m .btn_tx{width:100%}#ArticleDetail #MainColumn .cv_form .btn_m .btn_tx:after{position:absolute;right:10px;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);content:"";display:block;width:30px;height:30px;background:url('https://rekaizen-app.firebaseapp.com/article/img/ico_arrow1.png') no-repeat;background-size:contain}#ArticleDetail #MainColumn .cv_form .btn_m .small{font-size:50%;display:block}@media screen and (max-width:1080px){#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx .bottom_tx_tx{font-size:88%}#ArticleDetail #MainColumn .cv_form .staff_image{width:45%;top:10px}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 h3{font-size:125%}}@media screen and (max-width:1020px){#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx{z-index:1000;padding:5px 0;text-align:center}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx .bottom_tx_tx{font-size:100%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .cv_bn_img{width:160px;bottom:20px}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon{font-size:100%}}@media screen and (max-width:898px){br.pcb{display:none}br.spb{display:block}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bn_top_area{position:relative;display:block;overflow:hidden}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .cv_bn_img{width:35%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon .item_tx{margin-bottom:5px;line-height:1.3}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap{width:79%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .sub_tx{font-size:90%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx{font-size:88%;font-weight:500;text-align:center;position:relative;padding:7px 0}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx .ico_arrow_circle{position:absolute;right:10px}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .cv_bn_img{bottom:0}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx img{width:auto;padding-top:3px;height:35px}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap .cv_bn_balloon{font-size:100%;margin-bottom:10px;padding:10px 20px}#ArticleDetail #MainColumn .cv_form .cont_wrap{padding-bottom:20px}#ArticleDetail #MainColumn .cv_form .title_wrap h2 br.title_br{display:block}#ArticleDetail #MainColumn .cv_form .text_wrap{width:100%;padding:15px 15px 5px 15px}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 h3{padding:0;font-size:155%}#ArticleDetail #MainColumn .cv_form .form_slide_wrap{width:100%;position:relative;padding-top:0}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap{padding:15px 0 5px 0;width:100%}#ArticleDetail #MainColumn .cv_form .text_wrap .flow_wrap h4{margin-bottom:5px}#ArticleDetail #MainColumn .cv_form .form_slide_wrap .slide_cont{padding-top:0}#ArticleDetail #MainColumn .cv_form .text_wrap .tw1{display:inline}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 h3{font-size:150%}#ArticleDetail #MainColumn .cv_form .staff_image{width:55%;max-width:250px;top:-15px;right:-20px}}@media screen and (max-width:740px){#ArticleDetail #MainColumn .cv_form{max-width:540px}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont3 img{margin-top:20px;width:auto}}@media screen and (max-width:500px){#ArticleDetail .boxWidth .cvArea .description strong{font-size:1.2em}#ArticleDetail .boxWidth h2{font-size:22px}#ArticleDetail .boxWidth ul{margin:0 auto}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 h3{font-size:160%}#ArticleDetail #MainColumn .cv_form .form_slide_wrap #slide_cont3{width:100%}#ArticleDetail #MainColumn .freeIcon{left:5px}}@media screen and (max-width:320px){#ArticleDetail #MainColumn .cv_form .title_wrap h2{font-size:20px}#ArticleDetail #MainColumn .cv_form .text_wrap .text_wrap_tx1 h3{font-size:110%}#ArticleDetail #MainColumn .cv_form .input_wrap{padding:0 5px}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx .bottom_tx_tx{font-size:90%}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .tx_wrap br{display:none}#ArticleDetail #MainColumn .cv_bn_wrap .cv_bn .bottom_tx .ico_arrow_circle{top:unset;bottom:-3px}}