@charset "UTF-8";

/* ==========================================================
　ログインページ
========================================================== */
/*grid-cmn
---------------------------------------------------------- */
.grid-cmn {
	overflow: hidden;
	margin: -20px 0 0 -20px;
}

.grid-cmn.type02 {
	margin: -10px 0 0 -10px;
	padding: 10px 0 0 0;
}
.grid-cmn.type03 {
	margin: -20px 0 0 -40px;
	padding: 20px 0 0 0;
}

.grid-cmn > .grid-cmn-col {
	float: left;
	width: 100%;
	
	padding-left: 20px;
}

.grid-cmn.type02 > .grid-cmn-col {
	padding-left: 10px;
	margin-top: 10px;
}
.grid-cmn.type03 > .grid-cmn-col {
	padding-left: 40px;
	margin-top: 20px;
}

/* PC Layout */
@media screen and (min-width:769px),print {
	.grid-cmn.type02-pc {
		margin: -10px 0 0 -10px;
		padding: 10px 0 0 0;
	}
	.grid-cmn.type02-pc > .grid-cmn-col {
		padding-left: 10px;
		margin-top: 10px;
	}

	.grid-cmn.type03-pc {
		margin: -20px 0 0 -40px;
		padding: 20px 0 0 0;
	}
	.grid-cmn.type03-pc > .grid-cmn-col {
		padding-left: 40px;
		margin-top: 20px;
	}
	.grid-cmn > .grid-cmn-col.s-1-12-pc { width: 8.3333%;}
	.grid-cmn > .grid-cmn-col.s-2-12-pc { width: 16.666%;}
	.grid-cmn > .grid-cmn-col.s-3-12-pc { width: 25%;}
	.grid-cmn > .grid-cmn-col.s-4-12-pc { width: 33.3333%;}
	.grid-cmn > .grid-cmn-col.s-5-12-pc { width: 41.6666%;}
	.grid-cmn > .grid-cmn-col.s-6-12-pc { width: 50%;}
	.grid-cmn > .grid-cmn-col.s-7-12-pc { width: 58.3333%;}
	.grid-cmn > .grid-cmn-col.s-8-12-pc { width: 66.6666%;}
	.grid-cmn > .grid-cmn-col.s-9-12-pc { width: 75%;}
	.grid-cmn > .grid-cmn-col.s-10-12-pc { width: 83.3333%;}
	.grid-cmn > .grid-cmn-col.s-11-12-pc { width: 91.6666%;}
	.grid-cmn > .grid-cmn-col.s-12-12-pc { width: 100%; padding-left: 0;}
}

/* SP Layout */
@media screen and (max-width:768px) {
	.grid-cmn.type02-sp {
		margin: -10px 0 0 -10px;
		padding: 10px 0 0 0;
	}
	.grid-cmn.type02-sp > .grid-cmn-col {
		padding-left: 10px;
		margin-top: 10px;
	}
	.grid-cmn.type03-sp {
		margin: -20px 0 0 -40px;
		padding: 20px 0 0 0;
	}
	.grid-cmn.type03-sp > .grid-cmn-col {
		padding-left: 40px;
		margin-top: 20px;
	}
	.grid-cmn > .grid-cmn-col.s-1-12-sp { width: 8.3333%;}
	.grid-cmn > .grid-cmn-col.s-2-12-sp { width: 16.666%;}
	.grid-cmn > .grid-cmn-col.s-3-12-sp { width: 25%;}
	.grid-cmn > .grid-cmn-col.s-4-12-sp { width: 33.3333%;}
	.grid-cmn > .grid-cmn-col.s-5-12-sp { width: 41.6666%;}
	.grid-cmn > .grid-cmn-col.s-6-12-sp { width: 50%;}
	.grid-cmn > .grid-cmn-col.s-7-12-sp { width: 58.3333%;}
	.grid-cmn > .grid-cmn-col.s-8-12-sp { width: 66.6666%;}
	.grid-cmn > .grid-cmn-col.s-9-12-sp { width: 75%;}
	.grid-cmn > .grid-cmn-col.s-10-12-sp { width: 83.3333%;}
	.grid-cmn > .grid-cmn-col.s-11-12-sp { width: 91.6666%;}
	.grid-cmn > .grid-cmn-col.s-12-12-sp { width: 100%; padding-left: 0;}
}


/* mod-login
---------------------------------------------------------- */
.mypage_btn {
	display: inline-block;
	letter-spacing: normal;
	float: right;
}

.mypage_btn a {
	display: block;
	overflow: hidden;
	padding: 0 25px;
	line-height: 28px;
	border-radius: 3px;
	background-color: #5c4e4e;
}

.mypage_btn .btn-loout {
	color: #fff;
	font-size: 12px;
}

/* PC Layout */
@media screen and (min-width:769px),print {
.mypage_btn { margin-top: 30px; }
.mypage_btn a:hover {
		opacity: 0.8;
		transition: 0.4s ease;
		-webkit-font-smoothing: antialiased;
		}
}
/* SP Layout */
@media screen and (max-width:768px) {
.mypage_btn { margin-bottom: 50px; }
}


.mod-login {
	position: relative;
	width: 100%;
	padding: 15px 20px 20px;
	background-color: #fff;
	border-radius: 5px;
}
.mod-login-inner {
	margin-bottom: 60px;
}
.mod-login-title {
	text-align: center;
	font-size: 24px;
	color: #4fb4cc;
}

.mod-login-error  {
	font-size: 14px;
	color: #f24f7a;
	text-align: center;
}
.mod-login-body {
	margin-top: 10px;
}
.mod-login-input {
}
.mod-login-input-item + .mod-login-input-item {
	margin-top: 20px;
}
.mod-login-link {
	text-align: center;
}
.mod-login-link a {
	color: #4fb4cc;
	font-size: 14px;
}
.mod-login-link a:hover {
	text-decoration: underline;
}
/* SP Layout */
@media screen and (max-width:768px) {
	.mod-login {
		padding: 15px 10px;
		margin-bottom: 30px;
	}
	.mod-login-inner {
		margin-bottom: 50px;
	}
	.mod-login-title {
		text-align: center;
		font-size: 22px;
	}
}


/* btn-type-07
---------------------------------------------------------- */
.mod-login .btn-type-07 {
	margin-top: 20px;
	text-align: center;
}
.mod-login .btn-type-07-in {
	width: 250px;
	height: 50px;
	border-radius: 5px;
	background-size: 26px 30px;
	background-color: #4fb4cc;
	background-image: url('/common/img/ico_login_01_50x60.png');
	background-repeat: no-repeat;
	background-position: left 20px center;
	color: #fff;
	font-size: 21px;
	text-align: center;
	padding: 5px 20px 5px 30px;
	border-style: none;
}
.mod-login .btn-type-07:hover {
	transition: 0.4s ease;
	opacity: .7;
}
/* PC Layout */
@media screen and (min-width:769px),print {
	.mod-login .btn-type-07 {
		transition: 0.4s ease;
	}
	.mod-login .btn-type-07:hover {
		opacity: 0.8;
		transition: 0.4s ease;
	}
}
/* SP Layout */
@media screen and (max-width:768px) {
	.mod-login .btn-type-07 {
	}
		.mod-login .btn-type-07-in {
			width: 200px;
			height: 50px;
			background-size: 25px 30px;
			font-size: 16px;
		}
}


/* ==========================================================
　現場の声トップ専用h2タイトル
========================================================== */
/* mod-bgtitle
---------------------------------------------------------- */
.mypagetop-bgtitle {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.mypagetop-bgtitle-in {
	width: 100%;
}

.mypagetop-bgtitle-title {
	line-height: 1.2;
	font-size: 36px;
	font-weight: bold;
	color: #5c4e4e;
}
.mypagetop-bgtitle-title-in {
	display: block;
	padding-bottom: 5px;
}

.mypagetop-bgtitle-image {
	display: block;
	overflow: hidden;
	width: 100%;
}
.mypagetop-bgtitle-image img {
	width: 100%;
}
.mypagetop-bgtitle-lead {
	margin-top: 10px;
	color: #5c4e4e;
}

.mypagetop-bgtitle-button {
	position: absolute;
	right: 10px;
	top: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: 0.4s;
}

.mypagetop-bgtitle-button + .mypagetop-bgtitle-title-in {
	display: inline-block;
	padding-right: 40px;
}
.mypagetop-bgtitle-button.only-sp + .mypagetop-bgtitle-title-in {
	padding-right: 0;
}

.mypagetop-bgtitle-button:hover {
	transition: 0.4s;
	opacity: 0.7;
}

.mypagetop-bgtitle-button img {
	width: 100%;
}

/* PC Layout */
@media screen and (min-width:769px),print {
	.mypagetop-bgtitle-in {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
		padding: 20px 6.8%;
	}
}

/* SP Layout */
@media screen and (max-width:768px) {
	.mypagetop-bgtitle {
		margin: 15px 0 20px;
		font-size: 21px;
		text-align: center;
	}
	.mypagetop-bgtitle-title {
		position: relative;
		font-size: 24px;
		font-weight: normal;
		border-bottom: 1px solid #fff;
	}
	.mypagetop-bgtitle-title:before {
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		left:0;
		bottom: 0;
		background: #dcdcdc;
	}
	.mypagetop-bgtitle-image {
		display: none;
	}
	.mypagetop-bgtitle-button {
		top: -15px;
		right: 0;
	}
	.mypagetop-bgtitle-lead {
		text-align: left;
	}
	.mypagetop-bgtitle-button.only-sp + .mypagetop-bgtitle-title-in {
		padding-right: 40px;
		
	}
}


/* ==========================================================
　会員ページ専用h2タイトル
========================================================== */
/* ttl-mypage
---------------------------------------------------------- */
.ttl-mypage {
	position: relative;
	text-align: center;
	color: #5c4e4e;
	font-size: 28px;
	margin: 25px 0 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid #fff;
}
.ttl-mypage:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #c1c1c1;
}

.ttl-mypage-head {
	line-height: 1.1;
	font-size: 40px;
	margin: 0 5px;
}

.ttl-mypage.s-left .ttl-mypage-head {
	margin: 0 5px 0 0;
}

.ttl-mypage-in {
	display: inline-block;
}

.ttl-mypage-button {
	position: absolute;
	right: 10px;
	top: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: 0.4s;
}

.ttl-mypage-button + .ttl-mypage-head {
	display: inline-block;
	padding-right: 40px;
}
.ttl-mypage-button.only-sp + .ttl-mypage-head {
	padding-right: 0;
}

.ttl-mypage-button:hover {
	transition: 0.4s;
	opacity: 0.7;
}

.ttl-mypage-button img {
	width: 100%;
}

/* SP Layout */
@media screen and (max-width:768px) {
	.ttl-mypage {
		height: auto;
		font-size: 21px;
		border-bottom: 1px solid #fff;
		margin: 15px 0 20px;
	}
	.ttl-mypage:before {
		background-color: #dcdcdc;
	}
	.ttl-mypage-head {
		font-size: 24px;
	}

	.ttl-mypage-button {
		top: -15px;
		right: 0;
	}
	.ttl-mypage-button.only-sp + .ttl-mypage-head {
		padding-right: 40px;
	}
}


/* mod-subscription
---------------------------------------------------------- */
.mod-subscription {
	padding: 15px 20px 20px;
	background-color: #cecaca;
	border-radius: 5px;
}
.mod-subscription-inner {}

.mod-subscription-about {
	text-align: left;
	line-height: 21px;
	font-size: 14px;
	padding: 20px 10px;
	margin-top: 10px;
	background-color: #fff;
}
.mod-subscription-title {
	text-align: center;
	font-size: 24px;
	color: #5c4e4e;
}

/* SP Layout */
@media screen and (max-width:768px) {
	.mod-subscription {
		padding: 15px 10px 20px;
	}

	.mod-subscription-title {
		text-align: center;
		font-size: 22px;
	}
}


/* btn-type-08
---------------------------------------------------------- */
.mod-subscription .btn-type-08 {
	margin-top: 20px;
	text-align: center;
}
.mod-subscription .btn-type-08-in {
	width: 95%;
	height: 50px;
	border-radius: 5px;
	background-size: 30px 30px;
	background-color: #f24f7a;
	background-image: url('/common/img/ico_subscribe_01_62x60.png');
	background-repeat: no-repeat;
	background-position: left 20px center;
	font-size: 21px;
	padding: 5px 10px 5px 50px;
	color: #fff;
   	appearance: none;
	border: none;
}
.mod-subscription .btn-type-08:hover {
	transition: 0.4s ease;
	opacity: .7;
}
/* PC Layout */
@media screen and (min-width:769px),print {
	.mod-subscription .btn-type-08 {
		transition: 0.4s ease;
	}
	.mod-subscription .btn-type-08:hover {
		opacity: 0.8;
		transition: 0.4s ease;
	}
}
/* SP Layout */
@media screen and (max-width:768px) {
	.mod-subscription .btn-type-08 {	
	}
	.mod-subscription .btn-type-08-in {
		font-size: 16px;
		background-size: 31px 30px;
	}
}



/* ==========================================================
　会員ページトップ
========================================================== */
/* mod-door-square　
---------------------------------------------------------- */
.mod-door-square {
	overflow: hidden;
	margin-top: -20px;
	padding-top: 20px;
}
.mod-door-square-item {
	margin-top: 20px;
}
.mod-door-square-item-in {
	display: block;
	overflow: hidden;
	background-color: #fff;
}
.mod-door-square-head {
	width: 130px;
	max-width: 150px;
	height: 100px;
	max-height:150px;
	float: left;
}
.mod-door-square-image {	
}
.mod-door-square-image img {
	width: 100%;
	height: 100%;
}
.mod-door-square-body {
	overflow: hidden;
	padding: 15px 20px;
}
.mod-door-square-title {
	font-size: 15px;
	line-height: 1.4;
	color: #4fb4cc;
	font-weight: bold;
}
.mod-door-square-text {
	font-size: 14px;
	color: #535353;
}
/* PC Layout */
@media screen and (min-width:769px),print {
	.mod-door-square-item-in {
		transition: 0.4s ease;
	}
	.mod-door-square-item-in:hover {
		transition: 0.4s ease;
		opacity: .7;
	}
	.mod-door-square.s-2row-pc {
		margin-left: -36px;
		font-size: 0;
	}
	.mod-door-square.s-2row-pc .mod-door-square-item {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding-left: 36px;
	}
}
/* SP Layout */
@media screen and (max-width:768px) {

	.mod-door-square {
		margin-top: -10px;
		margin-bottom: 20px;
	}
	.mod-door-square-item {
		margin-top: 10px;
	}

	.mod-door-square-head {
		width: 36%;
	}
	.mod-door-square-body {
		overflow: hidden;
		padding: 15px 10px;
	}
}


/* ==========================================================
　現場の声一覧　& 都道府県・業種一覧
========================================================== */
/* mod-introduce
---------------------------------------------------------- */
.mod-introduce {
	overflow: hidden;
	margin: 0 0 -40px -20px;
	padding: 20px 0;
}

.mod-introduce-item {
	float: left;
	width: 33.333%;
	padding-left: 20px;
	margin-bottom: 20px;
}
.mod-introduce-item-in {
	overflow: hidden;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	background-color: #fff;
}
.mod-introduce-item-head {
}

.mod-introduce-image {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.mod-introduce-image:before {
	display: block;
	content: '';
	padding-top: 56.25%;
}
.mod-introduce-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
}

.mod-introduce-item-body {
	padding: 10px;
}

.mod-introduce .mod-icons {
	margin-top: 0;
}
.mod-introduce .mod-icons .icon {
	font-size: 13px;
	line-height: 28px;
	max-width: none;
}

.icon.area {
}

.icon.facility {
}

.mod-introduce-title {
	margin-top: 5px;
}
.mod-introduce-title,
.mod-introduce-title a {
	line-height: 1.32;
	font-size: 16px;
	font-weight: bold;
	color: #5c4e4e;
	text-decoration: underline;
}
.mod-introduce-title,
.mod-introduce-title a:hover {
	text-decoration: none;
}

.mod-introduce-text {
	line-height: 1.32;
	font-size: 14px;
	color: #5c4e4e;
	margin-top: 5px;
}
.location {
	margin-bottom: 10px;
	color: #5c4e4e;
}
/* SP Layout */
@media screen and (max-width:768px) {
	.mod-introduce {
		margin: 10px 0;
		padding: 0;
	}
	.mod-introduce-item {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-bottom: 20px;
	}
	.mod-introduce-item:last-child {
		margin-bottom: 0;
	}
}


/* ==========================================================
　現場の声詳細
========================================================== */
/* mod-bgtitle
---------------------------------------------------------- */
.mod-copy {
	margin-bottom: 10px;
}

.mod-copy-lead {
	color: #5c4e4e;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
}

.mod-copy-text {
	color: #5c4e4e;
	font-size: 20px;
	line-height: 1.5;
}

.mod-copy-head {
	font-size: 40px;
	color: #fa7c92;
	line-height: 1.1;
}
/* SP Layout */
@media screen and (max-width:768px) {
	.mod-copy {
		text-align: center;
	}
	.mod-copy-lead {
		font-size: 17px;
	}
	.mod-copy-text {
		font-size: 15px;
		margin-top: 5px;
	}
	.mod-copy-head {
		font-size: 25px;
		margin-top: 5px;
	}
}

/* mod-list-dashed-02
---------------------------------------------------------- */

.mod-list-dashed-02 {
	overflow: hidden;
	display: table;
	width: 100%;
	border-top: 1px dashed #ada6a6;
}
.mod-list-dashed-02 + .mod-list-dashed-02:last-child {
	border-bottom: 1px dashed #ada6a6;
}

.mod-list-dashed-02-head,
.mod-list-dashed-02-body {
	display: table-cell;
	vertical-align: top;
}
.mod-list-dashed-02-head {
	width: 110px;
	font-size: 16px;
	font-weight: bold;
	color: #5c4e4e;
	padding: 6px 5px 2px 0;
}

.mod-list-dashed-02.s-head120 .mod-list-dashed-02-head { width: 120px;}

.mod-list-dashed-02-body {
	color: #535353;
	font-size: 14px;
	padding: 9px 0 8px;
}

/* SP Layout */
@media screen and (max-width:768px) {
	.mod-list-dashed-02-head {
		font-size: 14px;
	}
}


/* mod-information
---------------------------------------------------------- */
.mod-information {
	padding: 20px;
	background-color: #fff;
}

.mod-information-in {
	overflow: hidden;
}

.mod-information-image {
	width: 38.2%;
	float: left;
	padding-right: 20px;
}
.mod-information-image img {
	width: 100%;
}
.mod-information-image + .mod-information-body {
	width: 59.5%;
	float: left;
}

/* SP Layout */
@media screen and (max-width:768px) {
	.mod-information {
		padding: 10px;
	}
	.mod-information-image {
		width: 100%;
		float: none;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.mod-information-image + .mod-information-body {
		width: 100%;
		float: none;
	}
}


/* box-explain
---------------------------------------------------------- */
.box-explain {
	overflow: hidden;
}

.box-explain.s-imgl .box-explain-image {
	float: left;
	padding-right: 20px;
}
.box-explain.s-imgr .box-explain-image {
	float: right;
	padding-left: 20px;
}
.box-explain-body {
	overflow: hidden;
}
.box-explain.s-imgr .box-explain-body { float: left;}
.box-explain.s-imgl .box-explain-body { float: right;}

/* PC Layout */
@media screen and (min-width:769px),print {
	.box-explain.s-imgl-pc .box-explain-image {
		float: left;
		padding-right: 20px;
	}
	.box-explain.s-imgr-pc .box-explain-image {
		float: right;
		padding-left: 20px;
	}

	.box-explain.s-pg01-pc {
		padding: 0 20px;
	}

	.box-explain.s-imgr-pc .box-explain-body { float: left;}
	.box-explain.s-imgl-pc .box-explain-body { float: right;}


	.box-explain.s-w01-pc .box-explain-body { width: 53%;}
	.box-explain.s-w01-pc .box-explain-image { width: 47%;}

	.box-explain.s-w02-pc .box-explain-body { width: 58%;}
	.box-explain.s-w02-pc .box-explain-image { width: 42%;}

}

/* SP Layout */
@media screen and (max-width:768px) {


	.box-explain {
		padding: 0 10px;
	}
	[class*='box-'] .box-explain {
		padding: 0;
	}

	.box-explain .box-explain-image {
		margin-top: 20px;
	}
}

/*　詳細テンプレート03　FAQ用 */
/* mod-faq
---------------------------------------------------------- */
.mod-faq {
}

.mod-faq-list {
	padding: 18px 0 0;
}
.mod-faq-list:first-child {
	padding-top: 0;
}

.mod-faq-list + .mod-faq-list {
	border-top: 1px dashed #ada6a6;
	margin-top: 20px;
}

.mod-faq-head,
.mod-faq-body {
	position: relative;
}

.mod-faq-head:before,
.mod-faq-body:before {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	left: 0;
	top: 0;
	line-height: 40px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
}
.mod-faq-head:before {
	content: 'Q';
	background-color: #63accc;
}
.mod-faq-body:before {
	content: 'A';
	background-color: #5c4e4e;
}

.mod-faq-head {
	font-weight: bold;
	font-size: 16px;
	color: #63accc;
	padding: 8px 0 7px 55px;
}

.mod-faq-body {
	min-height: 40px;
	margin-top: 10px;
	color: #5c4e4e;
	font-size: 14px;
	padding: 9px 0 0 55px;
}
/* SP Layout */
@media screen and (max-width:768px) {

	.mod-faq-list {
		padding: 10px 0 0;
	}

	.mod-faq-list + .mod-faq-list {
		margin-top: 10px;
	}
	.mod-faq-head {
		padding: 5px 0 5px 55px;
	}
	.mod-faq-body {
		min-height: 35px;
		padding: 5px 0 0 55px;
	}

	.mod-faq-head:before,
	.mod-faq-body:before {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 23px;
	}
}

/* ==========================================================
　hタグ
========================================================== */
/* .ttl-mypage-01
---------------------------------------------------------- */
.ttl-mypage-01 {
	line-height: 1.4;
	font-size: 26px;
	color: #fff;
	background-color: #5c4e4e;
	padding: 3px 20px 1px 20px;
	margin-bottom: 20px;
}


/* SP Layout */
@media screen and (max-width:768px) {
	.ttl-mypage-01 {
		font-size: 18px;
		padding: 8px 10px 7px 10px;
	}
}

/* ttl-mypage-02
---------------------------------------------------------- */
.ttl-mypage-02 {
	line-height: 1.4;
	font-size: 26px;
	font-weight: bold;
	color: #5c4e4e;
	border-left: 10px solid #5c4e4e;
	padding: 3px 0 1px 20px;
	margin-bottom: 20px;
}
/* SP Layout */
@media screen and (max-width:768px) {
	.ttl-mypage-02 {
		font-size: 18px;
		border-left: 5px solid #5c4e4e;
		padding: 3px 0 0 10px;
		margin-bottom: 10px;
	}
}

/* ttl-mypage-03
---------------------------------------------------------- */
.ttl-mypage-03 {
	font-size: 30px;
	color: #5c4e4e;
	margin: 45px 0 10px;
	line-height: 1.1;
}
@media screen and (max-width:768px) {
	.ttl-mypage-03 {
		font-size: 20px;
		margin: 20px 0 5px;
		text-align: center;
	}
}

/* ttl-mypage-04
---------------------------------------------------------- */
.ttl-mypage-04 {
	font-size: 30px;
	color: #5c4e4e;
	margin: 30px 0 10px;
	line-height: 1.1;
}
@media screen and (max-width:768px) {
	.ttl-mypage-04 {
		font-size: 20px;
		margin: 30px 0 5px;
	}
}


/* ==========================================================
　現場の声　textarea & 問い合わせボタン
========================================================== */
/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea02 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 120px;
	font-size: 14px;
	padding: 6px 5px;
	color: #5c4e4e;
	border: 1px solid #5c4e4e;
	background-color: #fff;
}

/* SP Layout */
@media screen and (max-width:768px) {
	.form-cmn-textarea02 {
		height: 120px;
	}
}

/* btn-genba-inq
---------------------------------------------------------- */
.btn-genba-inq {
	text-align:center;
}
.btn-mypage_sub {
	margin: 40px 0 50px 0;
	text-align:center;
}

.btn-mypage_sub-in,
.btn-genba-inq-in {
	width: 360px;
	height: 60px;
	font-size: 21px;
	text-align: center;
	color: #fff;
	background-color: #f34f7a;
	border-radius: 40px;
	border-style: none;
}
/* PC Layout */
@media screen and (min-width:769px),print {
	.btn-mypage_sub,
	.btn-genba-inq {
		transition: 0.4s ease;
	}
	.btn-mypage_sub:hover,
	.btn-genba-inq:hover {
		transition: 0.4s ease;
		opacity: .7;
		
	}
	.btn-mypage_sub-in:hover {
		cursor: pointer;
		}
}
/* SP Layout */
@media screen and (max-width:768px) {
	.btn-genba-inq {
	}
	.btn-mypage_sub {
		margin-top: 30px;
	}
	.btn-mypage_sub-in,
	.btn-genba-inq-in {
		width: 90%;
		height: 75px;
		border-radius: 75px;
	}
}


/* ==========================================================
　現場の声専用メニュー
========================================================== */
/* list-square-02
---------------------------------------------------------- */
.list-square02 {
	overflow: hidden;
	text-align: left;
	font-size: 0;
	margin: 0 0 -5px -5px;
}

.contents-lower-sub .list-square02 {
	padding-right: 10px;
}

.list-square02-item {
	display: inline-table;
	vertical-align: top;
	width: 50%;
	padding: 0 0 5px 5px;
}

.list-square02-item-in {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 30px;
	font-size: 14px;
	color: #5c4e4e;
	background-color: #fff;
	border: 1px solid #5c4e4e;
	border-radius: 5px;
	transition: .4s
}

.list-square02-item-in:hover {
	color: #fff;
	background-color: #5c4e4e;
	border: 1px solid #5c4e4e;
	transition: .4s
}

/* SP Layout */
@media screen and (max-width:768px) {
	.contents-lower-sub .list-square02 {
		padding-right: 0;
	}

	.list-square02-item-in {
		height: 45px;
	}
}

/* variation */
/* SP Layout */
.list-square02.s-column-3 .list-square02-item {
	width: 33.333%;
}
@media screen and (max-width:768px) {
	.list-square02.s-column-3-sp .list-square02-item {
		width: 33.333%;
	}

}


.list-square02.s-color-01 .list-square02-item-in {
	color: #8fc31f;
	border: 1px solid #8fc31f;
}
.list-square02.s-color-01 .list-square02-item-in:hover {
	color: #fff;
	background-color: #8fc31f;
}


.list-square02.s-color-02 .list-square02-item-in {
	color: #fa7c92;
	border: 1px solid #fa7c92;
}
.list-square02.s-color-02 .list-square02-item-in:hover {
	color: #fff;
	background-color: #fa7c92;
}

/* ==========================================================
　登録情報変更フォーム
========================================================== */
/* mod-cmn-form
---------------------------------------------------------- */
.mod-cmn-form-in {
	table-layout: fixed;
}

.mod-cmn-form-in + .mod-cmn-form-in {
	margin-top: 20px
}

.mod-cmn-form-title {
	font-size: 30px;
	color: #5c4e4e;
}

.mod-cmn-form-note {
	font-size: 12px;
	line-height: 1.2;
	color: #707070;
	margin-top: 5px;
}


.mod-cmn-form-head {
	position: relative;
}
.mod-cmn-form-head .mod-icon {
	position: absolute;
	right: 10px;
	top: 16px;
}

/* PC Layout */
@media screen and (min-width:769px),print {
	.mod-cmn-form {
		background-color: #fff;
		border: 1px solid #5c4e4e;
		border-radius: 10px;
		padding: 19px ;
	}
	.mod-cmn-form-in {
		display: table;
		width: 100%;
		overflow: hidden;
		background-color: #50b4cc;
	}
	.mod-cmn-form-head,
	.mod-cmn-form-body {
		display: table-cell;
		vertical-align: middle;
	}
	.mod-cmn-form-head {
		width: 28.5%;
		vertical-align: top;
		font-size: 16px;
		color: #fff;
		padding: 13px 10px 12px 10px ;
	}

	.mod-icon + .mod-cmn-form-head-title {
		display: block;
		padding-right: 40px;
	}

	.mod-cmn-form.s-largehead-pc .mod-cmn-form-head {
		width: 36%;
	}

	.mod-cmn-form-head-sub {
		display: block;
		font-size: 12px;
		line-height: 1.1;
	}
	.mod-cmn-form-head-text {
		display: inline-block;
		font-size: 12px;
		line-height: 1.1;
	}
	.mod-cmn-form-body {
		background-color: #fff;
		margin-left: 240px;
	}
	.mod-cmn-form-body-in {
		padding: 8px 0 8px 20px;
	}
	.mod-cmn-form-list {
		overflow: hidden;
		padding-left: 1px;
	}
	.mod-cmn-form-list + .mod-cmn-form-list {
		margin-top: 10px;
	}
	.mod-cmn-form-list-head {
		display: block;
	}
	.mod-cmn-form-list-title {
		font-weight: bold;
		display: block;
	}
	.mod-cmn-form-list-head input + label {
		display: inline-block;
	}
	.mod-cmn-form-list-item {
		float: left;
		padding-right: 1em;
		margin-right: 1em;
	}
	.mod-cmn-form-body {
		height: 100%;
	}
	.mod-cmn-form .mod-refinement-list {
		text-align: left;
	}
	.mod-cmn-form .mod-refinement-item {
		width: 200px;
	}
	.mod-cmn-form .s-select-area {
		width: 180px;
	}
	.mod-cmn-form .s-select-area select {
		font-size: 16px;
	}

	.mod-cmn-form-list.type01 .mod-cmn-form-list-item {
		width: 170px;
		margin-right: 0;
		padding-right: 0;
	}
	.mod-cmn-form-list.type02 .mod-cmn-form-list-item {
		padding-right: 0
	}
	.mod-cmn-form-list.type-full > .mod-cmn-form-list-item {
		width: 100%;
		margin-right: 0;
		padding-right: 0;
	}

	.mod-cmn-form-list.type-full > .mod-cmn-form-list-item.form-cmn-check label,
	.mod-cmn-form-list.type-full > .mod-cmn-form-list-item.form-cmn-radio label {
		display: inline-block;
	}
	.mod-cmn-form-tab-in {
		padding: 10px;
		background-color: #fef2f4;
	}
	.mod-cmn-form-tab-input .form-cmn-input {
		width: 400px;
		margin: 0 auto;
		color: #535353;

	}
	.mod-cmn-form-bottom {
		padding: 20px 20px 30px;
	}
	.mod-cmn-form-btn-in {
		width: 360px;
		margin: 0 auto;
	}
	.mod-cmn-form-btn .btn-type-04-in {
		padding: 15px;
	}
}

/* SP Layout */
@media screen and (max-width:768px) {

	.mod-cmn-form-head {
		height: 40px;
		font-size: 18px;
		color: #fff;
		background-color: #50b4cc;
		padding: 5px 50px 2px 10px;
	}
	.mod-icon + .mod-cmn-form-head-title {
		font-size: 16px;
	}
	.mod-cmn-form-head-sub {
		font-size: 12px;
		margin-left: 1em;
	}
	
	.mod-cmn-form-head-text {
		font-size: 12px;
	}
	.mod-cmn-form-head .mod-icon {
		top: 8px;
	}
	.mod-cmn-form .s-select-area {
		width: 150px;
	}
	.mod-cmn-form .s-select-area select {
		font-size: 15px;
	}
	.mod-cmn-form-tab-default .text {
		height: 90px;
		border: 1px solid #4fb4cc;
	}
	.mod-cmn-form .mod-refinement-list {
		padding: 0 10px;
	}
	.mod-cmn-form .mod-refinement-item {
		width: 49%;
		margin: 0;
	}
	.mod-cmn-form .mod-refinement-item:nth-child(2n+2) {
		margin-left: 2%;
	}
	.mod-cmn-form-body-in {
		padding: 10px;
	}
}

/* SP Layout */
@media screen and (max-width:349px) {
	.mod-cmn-form .mod-refinement-item-in,
	.mod-cmn-form-list .mod-cmn-form-list-body {
		font-size: 13px;
	}
}

/* ==========================================================
 button
========================================================== */
/* btn-user
---------------------------------------------------------- */
.btn-user {
	text-align: center;
}
.btn-user-in {
	width: 300px;
	height: 50px;
	background-color: #f24f7a;
	border-radius: 10px;
	margin: 40px auto 50px;	
	color: #fff;
	text-align: center;
	font-size: 21px;
	padding: 5px 10px;
	border-style: none;
}

/* PC Layout */
@media screen and (min-width:769px),print {
	.btn-user {
		transition: 0.4s ease;
	}
	.btn-user:hover {
		transition: 0.4s ease;
		opacity: .7;
	}
	.btn-user-in:hover {
		cursor: pointer;
	}
}

/* SP Layout */
@media screen and (max-width:768px) {
	.btn-user {
	}
	.btn-user-in {
		width: 80%;
		min-width: 280px;
		margin: 30px auto 50px;
		border-radius: 5px;
		font-size: 18px;
	}
}

/*box-button　※登録情報変更用
---------------------------------------------------------- */
.box-button {
	position: relative;
	margin: 40px 0;
}

.box-button-left,
.box-button-right {
	position: absolute;
	top: 50%;
	width: 100px;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.box-button-left { left: 0;}
.box-button-right { right: 0;}

.box-button-body {
	margin: 0 auto;	
}

/* SP Layout */
@media screen and (max-width:768px) {
	.box-button {
		margin: 30px 0 50px 0;
	}
	.box-button-right + .box-button-body {
		margin: 0 auto;
	}
	.box-button-left + .box-button-body {
		margin: 0 auto;
		padding: 0 0 0 44%;
	}
	.box-button-body .btn-user02 {
		width: 100%;

	}

	.box-button-body .btn-user02-in {
		width: 100%;
		min-width: 100px;
		margin: 0;
	}
}

/* btn-user02
---------------------------------------------------------- */
.btn-user02 {
	text-align: center;
}
.btn-user02-in {
	width: 300px;
	background-color: #f24f7a;
	border-radius: 10px;
	margin: 0 auto;
	height: 50px;
	color: #fff;
	font-size: 20px;
	padding: 5px 10px;
	border-style: none;
}

/* PC Layout */
@media screen and (min-width:769px),print {
	.btn-user02 {
		transition: 0.4s ease;
	}
	.btn-user02:hover {
		transition: 0.4s ease;
		opacity: .7;
	}
	.btn-user02-in:hover {
		cursor: pointer;
	}
}

/* SP Layout */
@media screen and (max-width:768px) {
	.btn-user02 {
		margin-right: 50px;
	}
	.btn-user02-in {
		min-width: 188px;
		border-radius: 5px;
		font-size: 18px;
	}
}


/* btn-gray
---------------------------------------------------------- */
.btn-gray {
	width: 100%;
	margin: 0 auto;
}
.btn-gray-in {
	height: 40px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
	font-size: 16px;
	color: #535353;
	background-color: #dcdcdc;
	padding: 3px 5px;
	transition: 0.4s;
	border-style: none;
}
.btn-gray-in:hover {
	transition: 0.4s;
	opacity: .8;
	cursor: pointer;
}

.btn-gray.s-txt-large .btn-gray-in {
	font-size: 20px;
}

/* ==========================================================
 error
========================================================== */
/* error
---------------------------------------------------------- */
.mod-cmn-form .warning {
	font-size: 12px;
	color: #f24f7a;
}