/**********
 style-zero-caremanager.css
**********/

h2#title{
	background:#ea5414 url(../zero/caremanager/img/h2Bg.jpg) no-repeat center center;
	background-size:cover;
}

#pageMenu{
	padding-bottom:40px;
}

#topCom{
	padding-bottom:50px;
	line-height:1.7;
	font-size:1.06em;
}

.topCom{
	padding-bottom:30px;
	line-height:1.7;
	font-size:1.02em;
}

/**********
 caremanager
**********/
#caremanager{
	text-align:left;
}

#caremanager h3{
	font-family:'PT Serif', seri , "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: 'PT Serif Caption', serif;*/
	text-align:center;
	line-height:1.5;
	padding-bottom:35px;
	font-size:2.2rem;
	color:#000;
	max-width:92%;
	margin:0 auto;
}

#caremanager h3 span{
	display:block;
	width:100%;
	margin:0 auto;
	font-size:1.3rem;
	color:#6bb92d;
	font-weight:normal;
}


#caremanager a.pageLink{
	display:block;
	width:92%;
	max-width:450px;
	text-decoration:none;
	background:#8ec31e;
	color:#fff;
	font-size:1.16em;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin:30px auto 0 auto;
	text-align:center;
	padding:10px 0;
}

#caremanager a.pageLink:hover,
#caremanager a.pageLink:active{
	background:#21ab38;
}


/**********
 policyInner
**********/
#caremanager .cmInner{
	padding:55px 0;
	background:#f9f1e1;
	margin-bottom:30px;
}

#caremanager .cmInner:nth-child(odd){
	background:#fff;
	margin-bottom:35px;
}

#caremanager .cmInner .contentInner{
	display:block;
	width:92%;
	max-width:1050px;
	margin:0 auto;
	text-align:left;
}


/**********
 about
**********/
#about{}

#about .aboutContent{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#fff;
	display:block;
	margin-bottom:20px;
}

#about .aboutContent .aboutInner{
	padding:18px;
}

#about .aboutContent .aboutInner .title{
	color:#6bb92d;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	padding-bottom:15px;
	width:100%;
	display:block;
}

#about .aboutContent .aboutInner .txt{
	text-align:left;
}

#about .aboutContent .aboutInner .img{
	text-align:center;
	padding-bottom:15px;
}

#about .aboutContent .aboutInner .img img{
	width:100%;
	max-width:360px;
	display:block;
	margin:0 auto;
}



/**********
 machine
**********/
#machine{}

#machine .machineContent{
	display:block;
	margin-bottom:20px;
}

#machine .machineContent .txt{
	text-align:left;
}

#machine .machineContent .img{
	text-align:center;
	padding-bottom:15px;
}

#machine .machineContent .img img{
	width:100%;
	max-width:360px;
	display:block;
	margin:0 auto;
}



/**********
 trial
**********/
#trial{}
#trial .trialInner{}

#trial .trialInner .txt{
	padding-bottom:15px;
}
#trial .trialInner .img{}
#trial .trialInner .img img{
	width:100%;
	max-width:300px;
	margin:0 auto;
	display:block;
}


/**********
 sougei
**********/
#sougei{}
#sougei .sougeiInner{}

#sougei .sougeiInner .txt{
	padding-bottom:15px;
}

#sougei .sougeiInner .txt .title{
	padding:2px 4px;
	margin-right:10px;
	color:#fff;
	background:#ec7faf;
}

#sougei .sougeiInner .img{}
#sougei .sougeiInner .img img{
	width:100%;
	max-width:300px;
	margin:0 auto;
	display:block;
}


/**********
 contact
**********/
#contact{}
#contact .contact_phoneNum{
	text-align: center;
	padding-bottom: 35px;
}

#contact .contact_phoneNum:last-of-type{
	padding-bottom: 10px;
}

#contact .contact_phoneNum p{
	font-size:1.2em;
	font-weight: bold;
}
#contact .contact_phoneNum img{
	width:100%;
	max-width:360px;
	margin:5px auto 0;
}


/**********
 ccmNavi
**********/
#cmNavi{}

#cmNavi .cmNaviInner a{
	display:block;
	width:92%;
	max-width:360px;
	text-decoration:none;
	color:#fff;
	font-size:1.2em;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin:0 auto 20px auto;
	text-align:center;
	padding:16px 0;
}

#cmNavi .cmNaviInner a:nth-child(1){
	background:#f39700;
}

#cmNavi .cmNaviInner a:nth-child(2){
	background:#ef7b86;
}

#cmNavi .cmNaviInner a:nth-child(3){
	background:#1993d8;
}

#cmNavi .cmNaviInner a:nth-child(4){
	background:#00a29a;
}






/* PC・大型タブレット：769px～1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {
/**@media only screen and (min-width: 769px) and (max-width: 1100px) {**/




/**********
 about
**********/
#about{}
#about .aboutContentWrap{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#about .aboutContentWrap .aboutContent{
	width:48%;
	margin-bottom:25px;
}

#about .aboutContent .aboutInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#about .aboutContent .aboutInner .txt{
	width:58%;
}

#about .aboutContent .aboutInner .img{
	width:36%;
	max-width:180px;
}



/**********
 machine
**********/
#machine{}
#machine .machineContentWrap{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#machine .machineContentWrap .machineContent{
	width:48%;
}

#machine .machineContentWrap .machineContent .txt{
	max-width:360px;
	margin:0 auto
}


/**********
 trial
**********/
#trial{}
#trial .trialInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#trial .trialInner .txt{
	width:76%;
	padding-bottom:0;
}
#trial .trialInner .img{
	width:20%;
}
#trial .trialInner .img img{
	margin:0 0 0 auto;
}


/**********
 sougei
**********/
#sougei{}
#sougei .sougeiInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#sougei .sougeiInner .txt{
	width:76%;
	padding-bottom:0;
}
#sougei .sougeiInner .img{
	width:20%;
}
#sougei .sougeiInner .img img{
	margin:0 0 0 auto;
}



/**********
 contact
**********/
#contact{}
#contact .contact_phoneNum img{
	width:100%;
	max-width:600px;
}


/**********
 ccmNavi
**********/
#cmNavi{}

#cmNavi .cmNaviInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#cmNavi .cmNaviInner a{
	width:44%;
}



}


/* PC向け：1050px以上で固定 */
@media only screen and (min-width: 1051px) {


/**********
 about
**********/
#about{}
#about .aboutContentWrap{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#about .aboutContent{
	width:23%;
}



/**********
 about
**********/
#machine{}
#machine .machineContentWrap{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#machine .machineContentWrap .machineContent{
	width:23%;
}



/**********
 trial
**********/
#trial{}
#trial .trialInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#trial .trialInner .txt{
	width:76%;
	padding-bottom:0;
}
#trial .trialInner .img{
	width:20%;
}
#trial .trialInner .img img{
	margin:0 0 0 auto;
}


/**********
 sougei
**********/
#sougei{}
#sougei .sougeiInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#sougei .sougeiInner .txt{
	width:76%;
	padding-bottom:0;
}
#sougei .sougeiInner .img{
	width:20%;
}
#sougei .sougeiInner .img img{
	margin:0 0 0 auto;
}


/**********
 contact
**********/
#contact{}
#contact .contact_phoneNum img{
	width:100%;
	max-width:600px;
}


/**********
 ccmNavi
**********/
#cmNavi{}

#cmNavi .cmNaviInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#cmNavi .cmNaviInner a{
	width:22%;
}



}

@media print {

/**********
 about
**********/
#about{}
#about .aboutContentWrap{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#about .aboutContent{
	width:23%;
}



/**********
 about
**********/
#machine{}
#machine .machineContentWrap{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#machine .machineContentWrap .machineContent{
	width:23%;
}



/**********
 trial
**********/
#trial{}
#trial .trialInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#trial .trialInner .txt{
	width:76%;
	padding-bottom:0;
}
#trial .trialInner .img{
	width:20%;
}
#trial .trialInner .img img{
	margin:0 0 0 auto;
}


/**********
 sougei
**********/
#sougei{}
#sougei .sougeiInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#sougei .sougeiInner .txt{
	width:76%;
	padding-bottom:0;
}
#sougei .sougeiInner .img{
	width:20%;
}
#sougei .sougeiInner .img img{
	margin:0 0 0 auto;
}


/**********
 contact
**********/
#contact{}
#contact .contact_phoneNum img{
	width:100%;
	max-width:600px;
}


/**********
 ccmNavi
**********/
#cmNavi{}

#cmNavi .cmNaviInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#cmNavi .cmNaviInner a{
	width:22%;
}





}



