@charset "utf-8";
/* ====================================
	COCORO OFFICEとは基本
===================================== */
.flex-item{
	display: flex;
}
.caption{
	font-size: 64%;
}
p sup.asta{
	color: #00a0e9;
}
.ttlWrap a{
	text-decoration: none;
	display:block;
	color: #7492a5;
}
.ttlWrap a:hover{
	opacity: 0.5;
	transition: all 0.8s;
}
img.pointerEnable {
  	pointer-events: none;
}
.Tcolor-red{
	color: red;
} /*20211209 : privacy-info.html */


/* ====================================
	PC版
===================================== */
@media print, screen and (min-width: 768px) {

	.headlogoArea{
		position: relative;
		max-width:1200px;
		margin:0 auto;
	}
	.headlogoArea .topLogoImg{
		width: 222px;
		padding: 10px 0;
		margin: 0px auto;
	}
	
	.headlogoArea ul.movCatLink{
		position: absolute;
		right: 0;
		top: 30px;
		display: flex;
	}
	.headlogoArea ul.movCatLink li{
		color: #5c5c50;
		font-size: 0.86em;
	}
	.headlogoArea ul.movCatLink li a{
		text-decoration: none;
	}
	.headlogoArea ul.movCatLink li.movLink{
		background:url(/business/cocoro-office/images/movlink_icon.png) no-repeat left center;
		padding-left:22px;
		padding-right:1em;
		
	}
	.headlogoArea ul.movCatLink li.catLink{
		background:url(/business/cocoro-office/images/catlink_icon.png) no-repeat left center;
		padding-left:22px;		
	}
	
	/*** about ***/
	#cocoro_about_wrap{
		max-width: 1200px;
		min-width: 960px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#cocoro_about_wrap #aboutCocoro{
		text-align: center;
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
	#cocoro_about_wrap #aboutCocoro h2{
		font-size: 2.8rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 2rem;
	}
	#cocoro_about_wrap #aboutCocoro .aboutTxt{
		font-size: 1.1rem;
		line-height: 1.6;
	}

	/*** illust_bar ***/
	#cocoro_img_bar{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2rem;
		padding: 0 1px;
	}
	
	/*** contents item ***/
	#cocoro_contens_wrap{
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	#cocoro_contens_wrap h2.cocoro_office_ttl{
		text-align: center;
		font-size: 2.8rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 3rem;
	}
	#cocoro_contens_wrap h2.cocoro_office_ttl span{
		color: #d2257f;
	}
	
	/*** Products item ***/
	#cocoro_products_wrap{
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	#cocoro_products_wrap h2.cocoro_office_ttl{
		text-align: center;
		font-size: 2.8rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 3rem;
	}
	#cocoro_products_wrap h2.cocoro_office_ttl span{
		color: #d2257f;
	}
	
		/* おすすめ製品 */
	#cocoro_products_contents_wrap {
		/* background-color: #f5f5f5; */
		/*margin-bottom: 1em;*/
	}
	#cocoro_products_contents_wrap .inner {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 50px 20px 70px;
		box-sizing: border-box;
	}
	#cocoro_products_contents_wrap .title {
		display: flex;
		margin-bottom: 2em;
	}
	#cocoro_products_contents_wrap .title .hn {
		font-size: 1.71rem;
	}
	#cocoro_products_contents_wrap .title .list-btn {
		display: flex;
		margin-left: 3em;
	}
	#cocoro_products_contents_wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#cocoro_products_contents_wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#cocoro_products_contents_wrapp .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: .55em 1em .55em 2.25em;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .4em;
		text-decoration: none;
	}
	#cocoro_products_contents_wrap .title .list-btn li .btn:hover {
		color: #fff;
		background-color: #535353;
	}
	#cocoro_products_contents_wrapp .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#cocoro_products_contents_wrap .title .list-btn li .btn:hover::before {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
	}
	#cocoro_products_contents_wrap .list-lineup {
		display: flex;
		flex-wrap: wrap;
	}
	#cocoro_products_contents_wrap .list-lineup li {
		width: 24%;
	}
	#cocoro_products_contents_wrap .list-lineup li:not(:nth-child(4n+1)) {
		margin-left: 1.33333333333%;
	}
	#cocoro_products_contents_wrap .list-lineup li:nth-child(n+5) {
		margin-top: 4%;
	}
	#cocoro_products_contents_wrap .list-lineup li a {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 1em;
	}
	#cocoro_products_contents_wrap .list-lineup li a::before {
		position: absolute;
		content: '';
		left: 0;
		bottom: 0;
		width: 100%;
		height: 0;
		transition: all .2s ease-in;
	}
	#cocoro_products_contents_wrap .list-lineup li a:hover::before {
		height: 4px;
		background-color: #e6000d;
	}
	#cocoro_products_contents_wrap .list-lineup li a .img {
		width: 100%;
		text-align: center;
	}
	#cocoro_products_contents_wrap .list-lineup li a .ttl {
		font-size: 1.3rem;
		line-height: 1.2;
		text-align: center;
	}
	
	/*** contents title ***/
	
	#tayouka,#ribensei {
		background:#eaeded url("/business/cocoro-office/images/category_bg01.png") top repeat-x;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.categoly_wrap .categoly_ttl{
		width: 960px;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}

	.categoly_wrap .categoly_ttl .ttlBox{
		width: 400px;
		padding-top: 6rem;
		padding-right: 3rem;
	}
	
	.categoly_wrap .categoly_ttl .ttlBox h3{
		font-size: 1.8rem;
		font-weight:400;
		color: #d2257f;
		padding-bottom: 1rem;
	}
	.categoly_wrap .categoly_ttl .ttlBox p{
		font-size: 1.2rem;
		line-height: 1.6;
		padding-right: 4rem;
	}	
	.categoly_wrap .categoly_ttl .ttl_img{
		display: block;
		max-width: 550px;
	}
	
	/*** contents item ***/
	.itemSet{
		width: 960px;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2rem;
	}
	.itemSet .ttlWrap{
		width: 300px;
		margin-right: 30px;
	}
	.itemSet .ttlWrap .koumokuttl{
		text-align: center;
		line-height:1.8rem;
		font-size: 1.4rem;
		font-weight: 600;
		color: #7492a5;
		/*line-height: 1.2;*/
		padding: 1.6rem 0.5rem;
		border: 4px solid #cad1d0;
		background-color: #fff;
	}
	.itemSet .ttlWrap .koumokuttl span{
		font-size: 1.2rem;
	}
	.itemSet .ttlWrap .koumokuttl span.sTxt{
		font-size: 1.0rem;
	}
	.kado-r{
		border-radius: 10px;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
	}
	.itemSet .item_textArea{
		max-width: 630px;
		position: relative;
	}
	.itemSet .item_textArea p{
		font-size: 1.2rem;
		line-height: 1.6;
		padding-bottom: 2.5rem;
	}
	.itemSet .item_textArea ul{
		padding-bottom: 2.5rem;
		margin-top: -1.5rem;
	}
	.itemSet .item_textArea a.shosaiBtn{
		color: #7492a5;
		padding: 0 1rem;
		font-size: 1rem;
		border: 1px solid #cad1d0;
		text-decoration: none;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.itemSet .item_textArea a.shosaiBtn:hover{
		opacity: 0.5;
		transition: all 0.8s;
	}
	
	/*** concept words  ***/	
	#cocoro_concept_words{
		background: #f6e4f1;
		max-width: 1200px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3rem;
	}
	#cocoro_concept_words h3{
		text-align: center;
		font-size: 1.6rem;
		font-weight: 500;
		padding: 3rem 0;
	}
	#cocoro_concept_words .concept_wrap{
		width: 75%;
		margin:0 auto;
		display: flex;
	}
	#cocoro_concept_words .concept_wrap #coLogo{
		max-width: 260px;
		width: 38%;
		margin: 0 2rem;
	}
	#cocoro_concept_words .concept_wrap #concept{
		padding: 2rem 0 3rem;
		text-align: center;
		width: 60%;
	}
	#cocoro_concept_words .concept_wrap #concept p.ccpt-md{
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.8;
	}
	#cocoro_concept_words .concept_wrap #concept p.ccpt-text{
		font-size: 1rem;
		line-height: 1.8;
		padding-bottom: 2rem;
	}
	
	#cocoro_concept_words .concept_wrap .pcDlb{
		max-width: 350px;
		margin: 0 auto;
	}
	#cocoro_concept_words .concept_wrap #concept ul{
		display: flex;
		justify-content: center;
		margin-top: 1rem;
		margin-bottom: 4rem;
	}
	#cocoro_concept_words .concept_wrap #concept ul li{
		width: 170px;
	}
	
	
	
	
	/*** contact ***/
	#contact_wrap{
		max-width: 1200px;
		min-width: 960px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3rem;
		padding-bottom: 3rem;
		border-bottom: 1px solid #e7e7e7;
	}
	#contact_wrap h2{
		text-align: center;
		font-size: 2.8rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 2rem;
	}
	#contact_wrap .contact_contents_wrap{
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	#contact_wrap .contact_contents_wrap h3{
		padding: 5px 20px;
		color: #fff;
		font-size: 1.2rem;
		font-weight: 500;
		margin-bottom: 2rem;
	}
	#contact_wrap .contact_contents_wrap h3.servH3{
		background: url("/business/cocoro-office/images/contact_bar_pc.png") repeat-y left;
	}
	#contact_wrap .contact_contents_wrap h3.ctrH3{
		background: url("/business/cocoro-office/images/contact_bar_sp.png") repeat-y left;
	}
	#contact_wrap .contact_contents_wrap p{
		margin-bottom: 1rem;
	}
	#contact_wrap .contact_contents_wrap .contact_img{
		margin-bottom: 1rem;
	}
	
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock{
		display: flex;
		margin-bottom: 3rem;
	}
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock li{
		width: 24.5%;
		vertical-align: top;
		padding-right: 1.2rem;
	}
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock li h4.contactMdsp{
		display: none;
	}
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock li p.phaseTxt{
		color: #535353;
		font-size: 1em;
		line-height: 1.6;
	}
	
	div.contact_ctr{
		display: flex;
	}
	div.contact_ctr .madoguchi{
		width: 48%;
		margin-right: 3%;
	}
	
	div.contact_ctr .contactTel{
		width: 48%;
	}
	div.contact_ctr p{
		text-align: center;
	}
	div.contact_ctr .madoguchi a{
		display: block;
		font-size: 1rem;
		text-decoration: none;
		border-radius: 4px;
		text-align: center;
		padding: 1em 3em;
		font-weight: 500;
	}
	div.contact_ctr a:hover{
		opacity: 0.5;
		transition: all 0.8s;
	}
	div.contact_ctr .g_search-btn{
		width: 90%;
		margin: 0 auto 1rem;
	}
	div.contact_ctr .g_search-btn a{
		color: #fff;
		background-color: #e88622;
	}
	
	
	div.contact_ctr .catalog-btn {
		width: 90%;
		margin: 0 auto;
	}
	div.contact_ctr .catalog-btn a{
		color: #535353;
		border: 1px solid #535353;
	}
	
	#contact_wrap .contact_contents_wrap .contact_tel{
		font-size: 3rem;
		font-weight: 700;
		line-height: 1.2;
		padding-left: 2rem;
		
	}
/*	#contact_wrap .contact_contents_wrap .contactTel p{
		padding: 2rem;
		text-align: left;
		font-size: 0.86rem;
		
	}*/
	#contact_wrap a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	
	#contact_wrap .contact_contents_wrap .contactTel h5{
		padding: 0 3rem;
		font-weight: 500;
	}
	#contact_wrap .contact_contents_wrap .contactTel p.sptTime{
		padding: 1rem 4rem;
		text-align: left;
	}
	#contact_wrap .contact_contents_wrap .contactTel p.sptTime span{
		font-size: 0.86%;
	}
	.telArea{
		width:100%;
		padding:0 3rem;
	}
	.telArea ul.kyotenTel{
		display: flex;
		flex-wrap: wrap;
	}
	.telArea ul.kyotenTel li.telBlock{
		width: 48%;
		margin-bottom: 0.5rem;
		margin-right: 0.5%;
	}
	.telArea ul.kyotenTel li.telBlock ul.svcKyoten{
		display: flex;
		flex-wrap: wrap;
	}
	.telArea ul.kyotenTel li.telBlock ul.svcKyoten li.kyotenName{
		display: block;
		width: 30%;
		background: #e0e0e0;
		font-weight: 500;
		padding: 2px 0;
		text-align: center;
	}
	.telArea ul.kyotenTel li.telBlock ul.svcKyoten li.kyTelNo{
		display: block;
		width: 65%;
		padding: 2px 0;
		text-align: center;
	}
	
	
	
	/*** news area ***/
	#news_wrap{
		max-width: 1200px;
		min-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	#news_wrap h2{
		text-align: center;
		font-size: 2.8rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 2rem;
	}
	#news_wrap .news_contents_wrap{
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #e7e7e7;
	}
	
	#news_wrap .news_contents_wrap ul li{
		background: url("/business/cocoro-office/images/news_arrow.png") right center no-repeat;
		border-top: 1px solid #e7e7e7;
		padding: 2rem 0;
	}
	#news_wrap .news_contents_wrap ul li .newsDate{
		padding-bottom: 0.5rem;
		text-decoration: none;
	}
	#news_wrap .news_contents_wrap ul li .newsText a{
		text-decoration: none;
		padding-right: 2rem;
	}
	
	/*** privacy policy ***/
	#cocoro_privacy_wrap{
		max-width: 1200px;
		min-width: 960px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#cocoro_privacy_wrap #privacyPolicy{
		text-align: left;
		padding-top: 2rem;
		padding-bottom: 3rem;
		padding-left: 20px;
		padding-right: 20px;
	}
	#cocoro_privacy_wrap #privacyPolicy h2{
		font-size: 2.8rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 2rem;
	}
	
	#cocoro_privacy_wrap #privacyPolicy h3 {
		font-size: 2.4rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 1rem;
	}
	#cocoro_privacy_wrap #privacyPolicy h4 {
		padding-top: 1rem;
		font-size: 2.0rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 1rem;
	}
	
	
	#cocoro_privacy_wrap #privacyPolicy .itemTxt{
		margin-top: 30pt;
		margin-bottom: 30pt;
	}
	#cocoro_privacy_wrap #privacyPolicy .itemTxt ol{
		font-size: 1.1rem;
		line-height: 1.6;
		text-align: left;
		padding: 10px; /* 0; */
  		margin: 10px; /* 0; */
	}
	#cocoro_privacy_wrap #privacyPolicy .itemTxt li{
		font-size: 1.1rem;
		line-height: 1.6;
		text-align: left;
		padding: 3px; /* 0; */
  		margin: 3px 5px 3px 35px; /* 0; */
	}
	#cocoro_privacy_wrap #privacyPolicy .aboutTxt{
		font-size: 1.1rem;
		line-height: 1.6;
		text-align: left;
	}
	#cocoro_privacy_wrap #privacyPolicy .dateTxt{
		text-align: right;
		font-size: 1.1rem;
		line-height: 1.6;
	}


	#cocoro_privacy_wrap #privacyPolicy table {
		border-collapse: collapse;
		margin: 1rem auto;
		width: 80%;
		text-align: left;
		line-height: 1;
		border: 1px solid #ccc;
	}

	#cocoro_privacy_wrap #privacyPolicy th {
		padding: 10px;
		font-weight: bold;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eeeeee;
		/*color: #ffffff;*/
		text-align: center;
	}
	
	#cocoro_privacy_wrap #privacyPolicy td {
		padding: 6px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
	
}

/* ====================================
	SP版
===================================== */
@media only screen and (max-width: 767px) {
	.headlogoArea{
		position: relative;
		width:100%;
	}
	.headlogoArea .topLogoImg{
		width: 222px;
		padding: 5px 0;
		margin: 0px auto;
	}
	
	.headlogoArea ul.movCatLink{
		display: flex;
		margin:0 auto;
		justify-content: center;
	}
	.headlogoArea ul.movCatLink li{
		color: #5c5c50;
		font-size: 0.86em;
	}
	.headlogoArea ul.movCatLink li a{
		text-decoration: none;
	}
	.headlogoArea ul.movCatLink li.movLink{
		background:url(/business/cocoro-office/images/movlink_icon.png) no-repeat left center;
		padding-left:22px;
		padding-right:1em;
		
	}
	.headlogoArea ul.movCatLink li.catLink{
		background:url(/business/cocoro-office/images/catlink_icon.png) no-repeat left center;
		padding-left:22px;		
	}
	
	/*** about ***/
	#cocoro_about_wrap{
		width: 100%;
	}
	#cocoro_about_wrap #aboutCocoro{
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
	#cocoro_about_wrap #aboutCocoro h2{
		font-size: 2rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 1.5rem;
	}
	#cocoro_privacy_wrap #privacyPolicy h3 {
		font-size: 1.8rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 1.5rem;
	}
	#cocoro_privacy_wrap #privacyPolicy h4 {
		padding-top: 1rem;
		font-size: 1.6rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 1.5rem;
	}
	#cocoro_about_wrap #aboutCocoro .aboutTxt{
		font-size: 1rem;
		line-height: 1.6;
		text-align: left;
	}

	/*** illust_bar ***/
	#cocoro_img_bar{
		width: 100%;
		margin-bottom: 2rem;
	}
	
	/*** contents item ***/
	#cocoro_contens_wrap{
		margin-left: 10px;
		margin-right: 10px;
	}
	#cocoro_contens_wrap h2.cocoro_office_ttl{
		text-align: center;
		font-size: 1.6rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 3rem;
	}
	#cocoro_contens_wrap h2.cocoro_office_ttl span{
		color: #d2257f;
	}
	
	/*** contents title ***/
	.categoly_wrap{
		padding: 1em 1.5em;
	}
	#tayouka,#ribensei {
		background:#eaeded;
	}
	
	.categoly_wrap .categoly_ttl{
		width: 100%;
		margin-bottom: 3rem;
	}

	.categoly_wrap .categoly_ttl .ttlBox h3{
		font-size: 1.4rem;
		font-weight:400;
		color: #d2257f;
		padding-bottom: 1rem;
	}
	.categoly_wrap .categoly_ttl .ttlBox p{
		font-size: 1rem;
		line-height: 1.6;
		margin-bottom: 1.5rem;
	}	
	.categoly_wrap .categoly_ttl .ttl_img{
		display: block;
	}
	
	/*** contents item ***/
	.itemSet{
		margin-bottom: 1.6rem;
	}
	.itemSet .ttlWrap{
		width: 100%;
		margin-right: 30px;
	}
	.itemSet .ttlWrap .koumokuttl{
		text-align: center;
		font-size: 1.4rem;
		font-weight:600;
		color: #7492a5;
		line-height: 1.4;
		padding: 1rem;
		border: 4px solid #cad1d0;
		background: #fff;
	}
	.itemSet .ttlWrap .koumokuttl span{
		font-size: 1.2rem;
	}
	.itemSet .ttlWrap .koumokuttl span.sTxt{
		font-size: 1.0rem;
	}	
	.kado-r{
		border-radius: 10px;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
	}
/*	.itemSet .ttlWrap .koumokuttl br{
		display: none;
	}*/
	.itemSet .item_textArea{
		margin: 2rem 0;
		position: relative;
	}
	.itemSet .item_textArea p{
		font-size: 1.2rem;
		line-height: 1.6;
		padding-bottom: 2.5rem;
	}
	.itemSet .item_textArea ul{
		padding-bottom: 2.5rem;
		margin-top: -1.5rem;
	}
	.itemSet .item_textArea a.shosaiBtn{
		color: #7492a5;
		padding: 0 1rem;
		font-size: 1rem;
		border: 1px solid #cad1d0;
		text-decoration: none;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	/*** concept words  ***/	
	#cocoro_concept_words{
		background: #f6e4f1;
		margin-bottom: 2rem;
	}
	#cocoro_concept_words h3{
		text-align: center;
		font-size: 1.4rem;
		font-weight: 500;
		padding: 3rem 2rem;
	}
	#cocoro_concept_words .concept_wrap{
		width: 100%;
		margin:0 auto;
	}
	#cocoro_concept_words .concept_wrap #coLogo{
		width: 65%;
		margin: 0 auto;
	}
	#cocoro_concept_words .concept_wrap #concept{
		padding: 2rem 0 3rem;
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	#cocoro_concept_words .concept_wrap #concept p.ccpt-md{
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.8;
	}
	#cocoro_concept_words .concept_wrap #concept p.ccpt-text{
		font-size: 0.94rem;
		line-height: 1.8;
		padding-bottom: 2rem;
	}
	
	#cocoro_concept_words .concept_wrap .pcDlb{
		max-width: 350px;
		margin: 0 auto;
	}
	#cocoro_concept_words .concept_wrap #concept ul{
		display: flex;
		justify-content: center;
		margin-top: 1rem;
		margin-bottom: 4rem;
	}
	#cocoro_concept_words .concept_wrap #concept ul li{
		width: 170px;
	}
	
		
	/*** Products item sp ***/
	#cocoro_products_wrap{
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	#cocoro_products_wrap h2.cocoro_office_ttl{
		text-align: center;
		font-size: 2rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 2rem;
	}
	#cocoro_products_wrap h2.cocoro_office_ttl span{
		color: #d2257f;
	}
	
	/*** Product contents SP ***/
	#cocoro_products_contents_wrap {
		background-color: #f5f5f5;
		/*margin-bottom: 1.5em;*/
	}
	#cocoro_products_contents_wrap * {
		box-sizing: border-box;
	}
	#cocoro_products_contents_wrap .inner {
		width: 100%;
		padding: 2em 1em 1em;
	}
	#cocoro_products_contents_wrap .title {
		display: flex;
		margin-bottom: 1.5em;
	}
	#cocoro_products_contents_wrapp .title .hn {
		font-size: 1.28rem;
	}
	#cocoro_products_contents_wrap .title .list-btn {
		display: flex;
		margin-left: 2em;
	}
	#cocoro_products_contents_wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#cocoro_products_contents_wrap .title .list-btn li.pcDisNone {
		display: none !important;
	}
	#cocoro_products_contents_wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#cocoro_products_contents_wrap .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: .55em 1em .55em 2.25em;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .4em;
		text-decoration: none;
	}
	#cocoro_products_contents_wrap .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#cocoro_products_contents_wrap .list-lineup {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#cocoro_products_contents_wrap .list-lineup li {
		width: 48.5%;
	}
	#cocoro_products_contents_wrap .list-lineup li:nth-child(n+3) {
		margin-top: 3%;
	}
	#cocoro_products_contents_wrap .list-lineup li a {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 1em;
	}
	#cocoro_products_contents_wrap .list-lineup li a .img {
		width: 100%;
		text-align: center;
	}
	#cocoro_products_contents_wrap .list-lineup li a .ttl {
		font-size: 1.15rem;
		line-height: 1.2;
		text-align: center;
		padding-top: 1em;
	}
	
	
	
	/*** contact SP ***/
	#contact_wrap{
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 2rem;
	}
	#contact_wrap h2{
		text-align: center;
		font-size: 2rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 2rem;
	}
	#contact_wrap .contact_contents_wrap{
		padding: 2em 1.5em;
	}
	#contact_wrap .contact_contents_wrap h3{
		padding: 5px 5px 5px 20px;
		color: #fff;
		font-size: 1rem;
		font-weight: 500;
		margin-bottom: 2rem;
	}
	#contact_wrap .contact_contents_wrap h3.servH3{
		background: url("/business/cocoro-office/images/contact_bar_sp.png") repeat-y left;
	}
	#contact_wrap .contact_contents_wrap h3.ctrH3{
		background: url("/business/cocoro-office/images/contact_bar_sp.png") repeat-y left;
	}
	
	#contact_wrap .contact_contents_wrap p{
		margin-bottom: 1rem;
	}
	#contact_wrap .contact_contents_wrap .contact_img{
		margin-bottom: 1rem;
	}
	
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock{
		margin-bottom: 3rem;
	}
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock li{
		width: 90%;
		vertical-align: top;
		padding-right: 1.2rem;
	}
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock li h4.contactMdsp{
		color:#4272bb;
		font-size: 1.2rem;
		font-weight: 600;
		margin-bottom: 1rem;
	}
	#contact_wrap .contact_contents_wrap ul.phaseTxtBlock li p.phaseTxt{
		color: #535353;
		font-size: 1em;
		line-height: 1.6;
		margin-bottom: 1rem;
	}
	
	div.contact_ctr{
	}
	div.contact_ctr .madoguchi{
		margin-bottom: 2rem;
	}
	
	div.contact_ctr .contactTel{
	}
	div.contact_ctr p{
		text-align: center;
	}
	div.contact_ctr .madoguchi a{
		display: block;
		font-size: 1rem;
		text-decoration: none;
		border-radius: 4px;
		text-align: center;
		padding: 1em 1em;
		font-weight: 500;
	}
	div.contact_ctr .g_search-btn{
		width: 100%;
		margin: 0 auto 1rem;
	}
	div.contact_ctr .g_search-btn a{
		color: #fff;
		background-color: #e88622;
	}
	
	
	div.contact_ctr .catalog-btn {
		width: 100%;
		margin: 0 auto;
	}
	div.contact_ctr .catalog-btn a{
		color: #535353;
		border: 1px solid #535353;
	}
	
	#contact_wrap .contact_contents_wrap .contactTel{
		margin: 0 auto;
	}
/*	#contact_wrap .contact_contents_wrap .contactTel p{
		padding: 2rem;
		text-align: left;
		font-size: 0.86rem;
	}*/
	
	#contact_wrap .contact_contents_wrap .contactTel a {
		text-decoration: none;
	}
	
	#contact_wrap .contact_contents_wrap .contactTel h5{
		padding: 0 1rem;
		font-weight: 500;
	}
	#contact_wrap .contact_contents_wrap .contactTel p.sptTime{
		padding: 1rem 0 1rem 2rem;
		text-align: left;
	}
	#contact_wrap .contact_contents_wrap .contactTel p.sptTime span{
		font-size: 0.86rem;
	}
	.telArea{
		width:95%;
		margin: 0 auto;
	}
	.telArea ul.kyotenTel{
		display: flex;
		flex-wrap: wrap;
	}
	.telArea ul.kyotenTel li.telBlock{
		width: 90%;
		margin: 0 auto 0.5rem;
	}
	.telArea ul.kyotenTel li.telBlock ul.svcKyoten{
		display: flex;
		flex-wrap: wrap;
		font-size: 0.94rem;
	}
	.telArea ul.kyotenTel li.telBlock ul.svcKyoten li.kyotenName{
		display: block;
		width: 35%;
		background: #e0e0e0;
		font-weight: 500;
		padding: 2px 0;
		text-align: center;
	}
	.telArea ul.kyotenTel li.telBlock ul.svcKyoten li.kyTelNo{
		display: block;
		width: 60%;
		padding: 2px 0;
		text-align: center;
	}
	
	/*** news area SP ***/
	#news_wrap{
	}
	#news_wrap h2{
		text-align: center;
		font-size: 2rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 2rem;
	}
	#news_wrap .news_contents_wrap{
		margin: 0 1.5rem;
		border-bottom: 1px solid #e7e7e7;
	}
	
	#news_wrap .news_contents_wrap ul li{
		background: url("/business/cocoro-office/images/news_arrow.png") right center no-repeat;
		border-top: 1px solid #e7e7e7;
		padding: 2rem 0;
	}
	#news_wrap .news_contents_wrap ul li .newsDate{
		padding-bottom: 0.5rem;
		text-decoration: none;
	}
	#news_wrap .news_contents_wrap ul li .newsText a{
		text-decoration: none;
		padding-right: 2rem;
	}
	
	
	/*** privacy policy ***/
	#cocoro_privacy_wrap{
		width: 100%;
	}
	#cocoro_privacy_wrap #privacyPolicy{
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
	#cocoro_privacy_wrap #privacyPolicy h2{
		font-size: 2rem;
		font-weight:200;
		color: #535353;
		margin-bottom: 1.5rem;
	}
	#cocoro_privacy_wrap #privacyPolicy .itemTxt{
		margin-top: 20pt;
		margin-bottom: 20pt;
	}	
	#cocoro_privacy_wrap #privacyPolicy .itemTxt ol{
		font-size: 1rem;
		line-height: 1.6;
		text-align: left;
		padding: 4px; /* 0px; */
  		margin: 10 30 10 30;
	}
	#cocoro_privacy_wrap #privacyPolicy .itemTxt li{
		font-size: 1rem;
		line-height: 1.6;
		text-align: left;
		padding: 4px; /* 0; */
  		margin: 4px; /* 0; */
	}	
	#cocoro_privacy_wrap #privacyPolicy .aboutTxt{
		font-size: 1rem;
		line-height: 1.6;
		text-align: left;
	}
	#cocoro_privacy_wrap #privacyPolicy .dateTxt{
		text-align: right;
		font-size: 1rem;
		line-height: 1.6;
	}
	
	#cocoro_privacy_wrap #privacyPolicy table {
		border-collapse: collapse;
		margin: 1rem auto;
		width: 98%;
		text-align: left;
		line-height: 1;
		border: 1px solid #ccc;
	}

	#cocoro_privacy_wrap #privacyPolicy th {
		padding: 10px;
		font-weight: bold;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eeeeee;
		text-align: center;
	}
	
	#cocoro_privacy_wrap #privacyPolicy td {
		padding: 6px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}


	

}