@charset "utf-8";

.meritSec {
}

.meritSec .intro {
	margin-bottom: 20px;
}

.meritSec .intro .copy {
	color: #cc1225;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.meritSec .navi {
	margin-bottom: 25px;
}

.meritSec .navi ul {
	border-top: 1px solid #cccccc;
}

.meritSec .navi ul li {
	width: 50%;
	float: left;
	line-height: 1.2;
	border-bottom: 1px solid #cccccc;
}

.meritSec .navi ul li:nth-child(odd) {
	border-right: 1px solid #cccccc;
}

.meritSec .navi ul li a {
	display: block;
	height: 100%;
	padding: 15px 17px 15px 17px;
	text-decoration: none;
	position: relative;
}

.meritSec .navi ul li:last-child a {
	padding: 5px 17px 5px 17px;
}

.meritSec .navi ul li a:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	background: url(../images/common/ico_arrow08.png) no-repeat left center;
	background-size: 11px;
	position: absolute;
	top: 50%;
	right: 17px;
	margin-top: -6px;
}


/*.meritSec .listWrap .item:nth-child(odd) {*/
.sec06 {
	background-color: #dbe9ef;
	padding-top:40px;
	padding-bottom:40px;
	margin-bottom:30px;
	box-shadow: 0 5px 5px -3px rgba(0,0,0,0.05) inset, 0 -5px 5px -3px rgba(0,0,0,0.05) inset;
}

.meritSec .listWrap .item .title {
	padding-bottom: 5px;
	padding-left: 60px;
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	position: relative;
}

.meritSec .listWrap .item .title.allowance {
	padding-left: 70px;
}

.meritSec .listWrap .item .title.documents {
	padding-left: 70px;
}

.meritSec .listWrap .item .title.mynNumber {
	padding-left: 80px;
}

.meritSec .listWrap .item:nth-child(even) .title {
	border-bottom: 2px solid #bbbbbb;
}

.meritSec .listWrap .item .title:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.meritSec .listWrap .item .title.time:before {
	width: 47px;
	height: 47px;
	background: url(../images/common/ico_time02.png) no-repeat left top;
}

.meritSec .listWrap .item .title.staff:before {
	width: 43px;
	height: 38px;
	background: url(../images/common/ico_staff03.png) no-repeat left top;
	left: 5px;
}

.meritSec .listWrap .item .title.allowance:before {
	width: 56px;
	height: 51px;
	background: url(../images/common/ico_wallet02.png) no-repeat left top;
}

.meritSec .listWrap .item .title.documents:before {
	width: 53px;
	height: 52px;
	background: url(../images/common/ico_documents01.png) no-repeat left top;
}

.meritSec .listWrap .item .title.report:before {
	width: 46px;
	height: 46px;
	background: url(../images/common/ico_report01.png) no-repeat left top;
}

.meritSec .listWrap .item .title.mynNumber:before {
	width: 69px;
	height: 46px;
	background: url(../images/common/ico_card01.png) no-repeat left top;
}

.meritSec .listWrap .item .title.manage:before {
	width: 53px;
	height: 52px;
	background: url(../images/common/ico_building01.png) no-repeat left top;
}

.meritSec .listWrap .item .title.invoice:before {
	width: 47px;
	height: 54px;
	background: url(../images/common/ico_document02.png) no-repeat left top;
}

.meritSec .listWrap .item .left {
	width: 48%;
	float: left;
}

.meritSec .listWrap .item .right {
	width: 48%;
	float: right;
}

.meritSec .listWrap .item ul {
	margin: 0 -15px -25px;
}

.meritSec .listWrap .item:last-child ul {
	margin: 0 0 -25px;
}

.meritSec .listWrap .item ul li {
	width: 80%;
	padding: 0 15px;
	text-align: center;
	margin: 0 auto 25px;
}

.meritSec .listWrap .item:last-child ul li {
	width: auto;
	float: none;
	padding: 0;
	margin-bottom: 25px;
}

.meritSec .listWrap .item ul li .inner {
	height: 100%;
	padding: 0;
	background-color: #4C94CC;
	box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.05);
}

.meritSec .listWrap .item:nth-child(even) ul li .inner {
	background-color: #fffaeb;
}

.meritSec .listWrap .item ul li .inner .pic {
	width: 37.5%;
	float: left;
}

.meritSec .listWrap .item ul li .inner .pic img {
	/*border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;*/
}

.meritSec .listWrap .item ul li .inner .pic img.fullBorder {
	border-bottom: 1px solid #aaaaaa;
}

.meritSec .listWrap .item ul li .inner .cont {
	width: 70%;
	float: left;
	padding-bottom: 15px;
}

.meritSec .listWrap .item ul li .inner .cont dl {
}

.meritSec .listWrap .item ul li .inner .cont dl dt {
	margin-bottom: 5px;
	color: #cc1225;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: normal;
}

.meritSec .listWrap .item ul li .inner .cont dl dt .small {
	font-size: 16px;
}

.meritSec .listWrap .item ul li .inner .cont dl dd {
	font-size: 14px;
}


@media screen and (max-width:768px){

}

@media screen and (max-width:767px){

	.meritSec {
		padding-top: 10px;
	}

	.meritSec .intro .copy {
		font-size: 30px;
		letter-spacing: normal;
	}

	/*.meritSec .listWrap .item:last-child {
		padding-top: 0;
		padding-bottom: 0;
	}*/

	.meritSec .listWrap .item .title {
		padding-left: 50px;
		padding-bottom: 2px;
		font-size: 23px;
	}

	.meritSec .listWrap .item .title.allowance {
		padding-left: 55px;
	}

	.meritSec .listWrap .item .title.documents {
		padding-left: 55px;
	}

	.meritSec .listWrap .item .title.mynNumber {
		padding-left: 60px;
	}

	.meritSec .listWrap .item .title.time:before {
		width: 36px;
		height: 36px;
		background-size: 36px 36px;
	}

	.meritSec .listWrap .item .title.staff:before {
		width: 34px;
		height: 30px;
		background-size: 34px 30px;
		left: 5px;
	}

	.meritSec .listWrap .item .title.allowance:before {
		width: 42px;
		height: 38px;
		background-size: 42px 38px;
	}

	.meritSec .listWrap .item .title.documents:before {
		width: 40px;
		height: 39px;
		background-size: 40px 39px;
	}

	.meritSec .listWrap .item .title.report:before {
		width: 35px;
		height: 35px;
		background-size: 35px 35px;
	}

	.meritSec .listWrap .item .title.mynNumber:before {
		width: 52px;
		height: 35px;
		background-size: 52px 35px;
	}

	.meritSec .listWrap .item .title.manage:before {
		width: 40px;
		height: 39px;
		background-size: 40px 39px;
	}

	.meritSec .listWrap .item .title.invoice:before {
		width: 35px;
		height: 41px;
		background: url(../images/common/ico_document03.png) no-repeat left top;
		background-size: 35px 41px;
	}

	.meritSec .listWrap .item .left {
		width: auto;
		float: none;
		padding: 35px 0;
	}

	.meritSec .listWrap .item .right {
		width: auto;
		float: none;
		padding: 35px 17px;
		margin: 0 -17px;
		background-color: #fff;
	}

	.meritSec .listWrap .item .right .title {
		border-bottom: 2px solid #bbbbbb;
	}

	.meritSec .listWrap .item ul {
		margin: 0;
	}

	.meritSec .listWrap .item ul li {
		width: auto;
		float: none;
		padding: 0 0 10px 0;
		margin-bottom: 10px;
		border-bottom: 1px solid #cccccc;
	}

	.meritSec .listWrap .item ul li:last-child {
		padding: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	.meritSec .listWrap .item ul li .inner {
		padding: 0;
		background-color: transparent;
		box-shadow: none;
	}

	.meritSec .listWrap .item:nth-child(even) ul li .inner {
		background-color: transparent;
	}

	.meritSec .listWrap .item ul li .inner .pic {
		width: 44.286%;
		max-width: 302px;
		float: left;
	}

	.meritSec .listWrap .item ul li .inner .pic img {
		border: 1px solid #aaaaaa;
	}

	.meritSec .listWrap .item ul li .inner .cont {
		width: auto;
		float: none;
		padding-left: 15px;
		padding-bottom: 0;
		overflow: hidden;
	}

	.meritSec .listWrap .item ul li .inner .cont dl {
	}

	.meritSec .listWrap .item ul li .inner .cont dl dt {
		margin-bottom: 5px;
		font-size: 18px;
		letter-spacing: -.05em;
	}

	.meritSec .listWrap .item ul li .inner .cont dl dt .small {
		display: inline-block;
		font-size: 14px;
		line-height: 1.2;
	}

	.meritSec .listWrap .item ul li .inner .cont dl dd {
		line-height: 1.4;
	}
}

@media screen and (max-width:360px) {

	.meritSec .intro .copy {
		font-size: 7.5vw;
	}

	.meritSec .navi ul li {
		font-size: 4.2vw;
	}

	.meritSec .listWrap .item ul li .inner .cont dl dt {
		font-size: 5vw;
	}

	.meritSec .listWrap .item ul li .inner .cont dl dt .small {
		font-size: 3.7vw;
	}

	.meritSec .listWrap .item ul li .inner .cont dl dd {
		font-size: 4.2vw;
	}
}


.meritIntro p.p_01 {
    text-align: center;
    margin:  0 auto 20px;
}

.meritIntro p.p_02 {
    text-align: center;
    margin:  0 auto;
}

.meritIntro .title {
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #cc1225;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    border-bottom: 1px dotted #999999;
}

@media screen and (max-width:768px){
	.meritIntro .title {
	font-size: 24px;
}	
}	
	
.sec {
    /*padding-top: 35px;*/
	padding-top: 15px;
    padding-bottom: 10px;
}

.sec02 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.sec03 {
    padding-top: 0;
    padding-bottom: 0;
}

.sec04 {
    padding-top: 40px;
    padding-bottom: 20px;
	background: #4680BD;
}

.sec05 {
    padding-top: 20px;
    padding-bottom: 20px;
}





.p_03 {
    font-size:26px;
	font-weight: bold;
	color: #fff;
}



.meritSec .listWrap .item ul li .inner .pic {
    width: 30%;
    float: left;
	vertical-align: middle;
}


@media screen and (min-width:769px){
.meritHero {
    background-color: #eee;
	background: url(../images/merit/01/bg_mainimg01_pc.jpg) no-repeat left 30px;
	background-size: cover;
}

.meritHero02 {
    background-color: #eee;
	background: url(../images/merit/02/bg_mainimg02_pc.jpg) no-repeat left 30px;
	background-size: cover;
}
	
.meritHero03 {
    background-color: #eee;
	background: url(../images/merit/03/bg_mainimg03_pc.jpg) no-repeat left 30px;
	background-size: cover;
}
}

.meritStep .stepItem {
    padding: 0 0 0 30px;
    margin-bottom: 30px;
    background-color: #fff;
	clear: both;
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
}


@media screen and (max-width:768px){
.meritStep .stepItem {
	padding:0 16px 10px 16px;
    margin-bottom: 60px;
}
.meritStep .stepItem.merit_num {
    margin-bottom: 30px;
}		
}

@media screen and (min-width:769px){
.meritStep .stepItem {
}

.meritStep .stepItem.h_01 , .meritStep .stepItem.h_03 {
    margin-bottom: 20px;
}
}	


.meritStep .stepItem.h_02 {
/*	height: 260px !important;*/
	margin-bottom: 20px;
}

.meritStep .stepItem .cont {
    width: 58%;
    float: left;
}

@media screen and (max-width:767px){
	.meritStep .stepItem.h_01 {
	margin-bottom: 60px;
}	
.meritStep .stepItem.h_03 {
	margin-bottom: 30px;
}
}

/* merit 項目 */
.meritStep .stepItem .cont .step {
   
    height: 40px;
    padding: 2px 0 0 6px;
   
	margin-top:-12px;
	margin-left:-16px;
	/*background: url(../images/common/bg_merit_category01_pc.png) no-repeat left top; */
	 background-color: #333333;
	border-left: 5px solid #CF1126;
	
}

.meritStep .stepItem .cont .step.w_s { width: 160px; }
.meritStep .stepItem .cont .step.w_m { width: 180px; }
.meritStep .stepItem .cont .step.w_l { width: 230px; }


.meritStep .stepItem .cont .step .txt {
    color: #fff;
    font-size: 17px;
    line-height: 1.4;
}

.meritStep .stepItem .cont .step .num {
    color: #fff;
    font-size: 28px;
    line-height: 1.1;
	vertical-align: -2px;
}








.meritStep .stepItem .cont .txtArea .title {
    padding-top:0;
	padding-bottom: 3px;
	padding-left:0;
    margin-bottom: 8px;
   /* color: #cc1225;*/
	 color: #555;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 1px dotted #ccc;
}



.meritStep .stepItem .cont .txtArea .title02 {
    padding-top:0px;
	padding-left:0;
	margin-top: 8px;
    margin-bottom: 10px;
   /* color: #cc1225;*/
	 color: #555;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
	padding-bottom: 3px;
    border-bottom: 1px dotted #ccc;
}


@media screen and (max-width:767px){
.meritStep .stepItem .cont .txtArea .title {
    font-size: 20px;
	padding-left:0;
}	
}

.meritStep .stepItem .cont .txtArea .title05 {
    padding-top:26px;
	padding-bottom: 3px;
	padding-left:0;
    margin-bottom: 8px;
   /* color: #cc1225;*/
	 color: #555;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 1px dotted #ccc;
}

.meritStep .stepItem .cont .txtArea .title06 {
    padding: 14px 14px 10px;
	margin: 0 0 10px 0;
   /* color: #cc1225;*/
	color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
	background: #6ea7be;
}

@media screen and (max-width:767px){
	.meritStep .stepItem .cont .txtArea .title05 {
    padding-top:16px;
	padding-left:0px;
}
.meritStep .stepItem .cont .txtArea .title02 {
	padding-left:0;
  
}	
	
.meritStep .stepItem .cont .txtArea .title06 {
    padding:20px 14px 10px;
	margin: 0 0 10px 0;
   /* color: #cc1225;*/
	color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
	background: #6ea7be;
}

.meritStep .stepItem .cont .txtArea p {
	padding-left:30px;
	line-height: 1.4;
	font-size: 15px;
	margin-bottom: 8px;
}
}

.meritStep .stepItem .cont .txtArea p {
	padding-left:0;
	line-height: 1.4;
	font-size: 15px;
	margin-bottom: 8px;
}

@media screen and (max-width:767px){
	.meritStep .stepItem .cont .txtArea p {
	padding-left:0;
}
}	
	
	
.meritStep .stepItem .cont .txtArea dl {
	margin:20px 0 0 30px;
	padding:8px 10px 8px 30px;
	background: #eee;
}

.meritStep .stepItem .cont .txtArea dl.dlStyle01 {
	margin:16px 0 0 0;
	padding:8px 10px 10px 10px;
	background: #eee;
}


.txtArea dl.dlStyle02 {
	margin:16px 20px 30px 20px;
	padding:8px 10px 10px 10px;
	/*background: #eee;*/
	width: 60%;
}

.txtArea dl.dlStyle02 dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #3978B8;
	border-bottom:1px dotted #666;
}

.txtArea dl.dlStyle02 dd {
    font-size: 14px;
	margin-left:10px;
	margin-bottom: 6px;
}

@media screen and (max-width:767px){
.meritStep .stepItem .cont .txtArea dl {
	margin:20px 10px;
	padding:8px 10px 8px 10px;
	background: #eee;
}
	.meritStep .stepItem .cont .txtArea dl.dlStyle01 {
	margin:16px 0 0 0;
	padding:8px 10px 10px 10px;
	background: #eee;
}
	.txtArea dl.dlStyle02 {
	margin:0 auto;
	padding:0 0 10px 0;
	width: 95%;
}
	.txtArea dl.dlStyle02 dt {
    margin-bottom: 15px;
}
}

.meritStep .stepItem .cont .txtArea dt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #3978B8;
}
.meritStep .stepItem .cont .txtArea dd {
	font-size: 14px;
}


.meritStep .stepItem .cont .txtArea {
    overflow: hidden;
    padding-left: 0px;
    padding-bottom: 20px;
}

.meritStep .stepItem .pic {
    /*width: 32.366%;*/
	width: 40%;
    float: right;
}


@media screen and (max-width:768px){
.meritStep .stepItem .cont {
    width: 100%;
    float: none;
}
.meritStep .stepItem .pic {
    width: 100%;
    float: none;
	text-align: center;
	margin: 0 auto;
}
}


.meritSecond {

    background-color: #437ebc;

}

.meritSecond .cont {
    width:58%;
    float: left;
}




.meritSecond .cont .title {

    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px dotted #ccc;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

}

.meritSecond .pic {
    width: 42%;
    float: right;

}

.container02 {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
	background: #fff;
	padding-top: 0;
	padding-left:  48px;
	height: 200px;
}



.meritFunctions {
    padding-top: 40px;
    padding-bottom: 20px;
}

.meritFunctions:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.meritFunctions h3.title03 {
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #cc1225;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px solid #ccc;
}

.meritFunctions .cont02 {
    width: 46%;
    float: left;
}



.meritFunctions .pic {
    width: 50%;
    float: right;
}

@media screen and (max-width:768px){
.meritFunctions .cont02 {
    width: 100%;
    float: none;
}
.meritFunctions .pic {
    width: 80%;
    float: none;
	text-align: center;
	margin: 0 auto;
}
}


/* 機能 */

.mertiFunctionSec ul li {
    padding: 0;
    margin-bottom: 25px;
}

.mertiFunctionSec ul li .inner .cont {
    width: 43.957%;
    float: left;
    padding-bottom: 15px;
}


@media screen and (max-width:768px){
	.meritHero.containerFluid {
    padding-left: 0;
    padding-right: 0;
}
}

.mertiFunctionSec ul.ulStyle01 li .inner {
    height: 100%;
    padding: 20px 15px 0 25px;
    background-color: #fffaeb;
	background-color: #DBE9EF;
	
	margin-bottom: 30px;
    /*box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.05);*/
}



.mertiFunctionSec ul li .inner .cont {
    width: 48%;
    float: left;
    padding-bottom: 15px;
}

.mertiFunctionSec ul li .inner .pic {
    width: 50.55%;
    float: right;

}



@media screen and (max-width:768px){
	.mertiFunctionSec ul li .inner .cont {
    width: 100%;
    float: none;
    padding-bottom: 15px;
}

.mertiFunctionSec ul li .inner .pic {
    width: 100%;
    float: none;
	text-align: center;
	margin: 0 auto;
}
}	
	
.mertiFunctionSec ul li .inner .cont dl dt {
    margin-bottom: 5px;
    color: #333;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
}

.mertiFunctionSec ul li .inner .cont dl dd {
    font-size: 14px;
	line-height: 1.3;
}

.mertiFunctionSec ul li .inner .cont dl dt::before {
    width: 43px;
    height: 38px;
    background: url(../images/common/ico_staff03.png) no-repeat left top;
    left: 5px;
}

.mertiFunctionSec ul.ulStyle01 li {
    padding: 0;
    margin-bottom: 5px;
}

.mertiFunctionSec ul.ulStyle02 {
    margin-bottom: 16px;
}
.mertiFunctionSec ul.ulStyle02 li {
    position: relative;
	margin-left: 10px;
	font-size: 15px;
	line-height: 1.3;
}

.mertiFunctionSec ul.ulStyle02 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -0.7em;
  width: 6px;
  height: 6px;
  background-color: #4a91ae;
  border-radius: 100%;
}




.mertiFunctionSec ul.ulStyle03 {
    margin-bottom: 16px;
	float :left;
	margin-right: 20px;
}

@media screen and (max-width:768px){
.mertiFunctionSec ul.ulStyle03 {
    margin-bottom: 0;
	float :none;
	margin-right: 0px;
}	
}	
	
.mertiFunctionSec ul.ulStyle03 li {
    position: relative;
	margin-left: 10px;
	font-size: 15px;
	line-height: 1.3;	
	
}

.mertiFunctionSec ul.ulStyle03 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -0.7em;
  width: 6px;
  height: 6px;
  background-color: #4a91ae;
  border-radius: 100%;
}




.mertiFunctionSec ul li .inner .cont dl dt {
    padding-bottom: 10px;
    padding-left: 66px;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: bold;
    /*border-bottom: 2px solid #fff;*/
    position: relative;
}

.mertiFunctionSec ul li .inner .cont dl dt::before {
  display: block;
  content: '';
  position: absolute;
  
    left: 5px;
}

.mertiFunctionSec ul li .inner .cont dl dt.dt_01::before {
    background: url(../images/common/ico_time02.png) no-repeat left top; width: 47px; height: 47px; } /* 勤怠管理 */

.mertiFunctionSec ul li .inner .cont dl dt.dt_02::before {
    background: url(../images/common/ico_staff03_white.png) no-repeat left bottom; width: 43px; height: 38px; } /* スタッフ情報 */

.mertiFunctionSec ul li .inner .cont dl dt.dt_03::before {
    background: url(../images/common/ico_documents01_white.png) no-repeat left top; width: 53px; height: 52px; } /* 各種帳票管理 */

.mertiFunctionSec ul li .inner .cont dl dt.dt_04::before {
    background: url(../images/common/ico_wallet02.png) no-repeat left top; width: 56px; height: 51px; } /* 給与情報 */

.mertiFunctionSec ul li .inner .cont dl dt.dt_05::before {
    background: url(../images/common/ico_card01.png) no-repeat left top; width: 69px; height: 46px;padding-left:80px !important; } /* マイナンバー関連 */

.mertiFunctionSec ul li .inner .cont dl dt.dt_06::before {
    background: url(../images/common/ico_report01.png) no-repeat left top; width: 46px; height: 46px; } /* レポート */

.mertiFunctionSec ul li .inner .cont dl dt.dt_07::before {
    background: url(../images/common/ico_building01.png) no-repeat left top; width: 53px; height: 52px; } /* 一元管理 */

.mertiFunctionSec ul li .inner .cont dl dt.dt_01 { padding-left:62px; } /* 勤怠管理 */
.mertiFunctionSec ul li .inner .cont dl dt.dt_02 { padding-left:52px; } /* スタッフ情報 */
.mertiFunctionSec ul li .inner .cont dl dt.dt_05 { padding-left:82px; } /* マイナンバー関連 */
.mertiFunctionSec ul li .inner .cont dl dt.dt_06 { padding-left:58px; }  /* レポート */

h3.title04 {
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    border-bottom: 1px dotted #fff;
}

@media screen and (max-width:768px){
h3.title04 {
    margin-bottom: 50px;
}
}

.p_04 {
    margin-top: 14px;
    font-size: 13px !important;
}


/* index */

.navi ul li {
    width: 50%;
    float: left;
    padding: 0 6px;
    margin-bottom: 15px;
}

.navi ul li a::after {
    content: "";
    display: block;
    width: 9px;
    height: 16px;
    background: url(../images/common/ico_arrow03_white.png) no-repeat left top;
    position: absolute;
    top: 40%;
    right: 15px;
    margin-top: -4px;
}
.navi ul li a {
    display: block;
    height: 100%;
    padding: 14px 30px 14px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #5c9cb6;
    position: relative;
}


@media screen and (max-width:768px){
.navi ul li {
    width: 100%;
    float: none;
}
}

@media screen and (min-width:769px){
.meritIntro p {
    text-align: center;
	margin: 0 auto;
	font-size: 18px;
}
}
@media screen and (max-width:768px){
.pageTitle span span {
    margin-left: 0;
}
.sec {
    padding-top: 10px;
    padding-bottom: 20px;
}
}





.ulStyle04.list_inline01 li {
    display: inline-block;
    margin: 10px 20px 0 0;
}

.btn_basic01 {
    width: 100%;
    padding: 0 63px;
    height: 50px;
    display: table;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    /*text-align: center;*/
	padding-left: 40%;
	font-size: 24px;
	/*background: #4C94CC url(../images/common/ico_arrow01.png) no-repeat 98% center;*/
	background: #4C94CC url(../images/merit/index/photo_btn01_pc.jpg) no-repeat left top;
    /*background-color: #248b9a;
    background-image: url(../images/common/ico_arrow01.png);
    background-position: 98% center;
    background-repeat: no-repeat;*/
}



.btn_basic01 span {
    display: table-cell;
    vertical-align: middle;
	color: #fff;
}


/* index */



.meritSec .listWrap .item ul li .inner {
    height: 100%;
    padding: 0;
    background: #4C94CC url(../images/common/ico_arrow01.png) no-repeat 98% center;
    box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.05);
}



.meritSec .listWrap .item ul li .inner .cont p {
    width: 70%;
    float: left;
    padding-top: 6%;
	margin-left: 20px;
	/*height: 130px;
	line-height: 130px;*/

}


li.btn_merit_index .inner:hover {
    opacity: 0.7;
}

@media screen and (max-width:768px){
	.p_03 {
    font-size:24px;
	font-weight: bold;
	color: #fff;
	line-height: 1.5
}
.sec06 {
    padding-top: 30px;
    padding-bottom: 50px;
}
.meritSec .listWrap .item ul li .inner .cont p {
	margin-left: 10px;
	padding-top: 10%;
	margin-left: 20px;

}	
.meritSec .listWrap .item ul li .inner .pic {
    width: 30%;
    float: left;
    vertical-align: middle;
}
.meritSec .listWrap .item ul li .inner .pic img {
    border:none;
}	

.meritSec .listWrap .item ul li .inner .cont {
 width: 70%;
    padding-left: 0;

}
}

@media screen and (max-width:414px){
.meritSec .listWrap .item ul li .inner .cont p {
	font-size: 14px;
	padding-top:8%;
}
}

.ulStyle04:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.ulStyle05:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.ulStyle05 {
    margin:0 20px 16px 40px;
	float :left;
	
}
ul.ulStyle05 li {
	position: relative;
}
ul.ulStyle05 li::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: -0.7em;
    width: 6px;
    height: 6px;
    background-color: #4a91ae;
    border-radius: 100%;
}	

.mertiFunctionSec ul.ulStyle05 li {
    position: relative;
    margin-left: 10px;
    font-size: 15px;
    line-height: 1.3;
}





.meritStep .stepItem .pic.w_ll {
    width: 100%;
	text-align: center;
	margin: 20px auto 20px;
    float: none;

}




/*ul.merit_tag03 {
		margin-top: -22px;
margin-left: -16px;
	height: 40px;
}

.merit_tag01 {
    margin: 16px 0 0 0;
	padding: 0;
    display: inline-block;
    width: 100px;
    text-align: center;
    background: #ccc;
	border-left: 5px solid #CF1126;
	color: #fff;
font-size: 17px;

	
}*/

/* meitタグ */
.flat_ss { 
    color: #333;
    display: inline-block;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    vertical-align: middle;
    background: #444;
    text-decoration: none;
    margin: 1em;
}


@media screen and (max-width:768px){
.flat_ss { 
    margin:-10px 0 10px;
}
}

.flat_ss .meritback{
    display: inline-block;
    width: 78px;
    height: 40px;
    text-align: center;
    color: white;
}
.flat_ss .merit_category {
    display: inline-block;
    /*width: 180px;*/
    text-align: center;
    vertical-align:middle;
	font-size: 20px;
	color: #fff !important;
}

.flat_ss .merit_category02 {
    display: inline-block;
    /*width: 140px;*/
    text-align: center;
    vertical-align:middle;
	font-size: 20px;
	color: #fff !important;
	padding: 0 10px;

}
.flat_ss .merit_category03 {
    display: inline-block;
    /*width: 178px;*/
    text-align: center;
    vertical-align:middle;
	font-size: 18px;
	color: #fff !important;
	padding: 0 10px;
}


.flat_ss .tw {
	background:#666;
	border-left:
	5px solid #CF1126;
	letter-spacing: 0.05em;
	font-family:’Helvetica, Arial, sans-serif’ !important;
}
.num02 {
font-size: 30px;
vertical-align: middle;
}
.p_step01 {
	margin-top: -26px;
	margin-left:-16px;
}

@media screen and (max-width:767px){
	.p_step01 {
	margin-top: -26px;
	margin-left:-6px;
}
	.flat_ss .merit_category03 {
    display: inline-block;
    text-align: center;
    vertical-align:middle;
	font-size: 18px;
	color: #fff !important;		
}
	.flat_ss { 
    color: #333;
    display: inline-block;
    height: 40px;
    font-size: 14px;

}
	.num02 {
	font-size: 20px;
	vertical-align: middle;
	}
	.flat_ss .meritback{
    display: inline-block;
    width: 60px;
    height: 40px;
    text-align: center;
    color: white;
}
}	
	
	
/* index */
.container03 {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}
.meritSec .meritIntro .listWrap .item:nth-child(2n+1) {
    background-color: #dbe9ef;
    padding-top: 30px;
    margin-bottom: 30px;

}




.meritStep .stepItem .cont02 {
    width: 100%;
    float: left;
}
.meritStep .stepItem .cont02 .txtArea .title {
    padding-top: 0;
    padding-bottom: 3px;
    padding-left: 30px;
    margin-bottom: 8px;
    color: #cc1225;
    color: #555;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 1px dotted #ccc;
}

.meritStep .stepItem .cont02 .txtArea p {
    padding-left: 30px;
    line-height: 1.4;
    font-size: 15px;
    margin-bottom: 8px;
}

ul.ulStyle06 {
    margin: 0 0 25px 0;
    padding: 0 10px 0 10px;
    width: 95%;
}

@media screen and (max-width:767px){
	.meritStep .stepItem .cont02 .txtArea .title {
    padding-left: 0;
}
	.meritStep .stepItem .cont02 .txtArea p {
    padding-left: 0;
}
	ul.ulStyle06 {
	margin: 15px 0 0 0; 
	padding: 0 6px 0 6px;
	width: 95%;
}
}	




ul.ulStyle06.ul_last {
	margin: 0 0 0px 0; 
	padding: 0 10px 0 10px;
	width: 95%;
}

ul.ulStyle06 li {
   background: url(../images/common/ico_check01.png) no-repeat left top;
	padding: 0 0 2px 25px;
	font-size: 16px;
	border-bottom: 1px dotted #B3B3B3;
	margin: 0 0 4px 0;
	line-height: 1.25;
}

h4.h4_02 {
	font-size: 16px;
	margin: 20px 0 10px 0; 
	background: #eee;
	padding: 0 0 0 6px;
	width: 95%;
}

.tit_qcd01 {
	color: #444; 
	font-size:24px;
	line-height: 1.2;
	margin-right:20px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
h4.h4_02:first-letter {
	color: #A90E17; 
	font-size:38px;
	line-height: 1.2;
}


h4.h4_03 {
	font-size: 16px;
    font-weight: bold;
    margin: 20px 0 7px 2px;
    color: #3978B8;
}



.txtArea dl.dlStyle02 .w100_link {
	width:100% !important;
}