@charset "UTF-8";

html {
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 1px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #333;
}

body{
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #fff;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.grecaptcha-badge { visibility: hidden; }

img {
	max-width: 100%;
	height: auto;
}

#wrapper a:link      { text-decoration: none; color: #00a0e9; }
#wrapper a:visited   { text-decoration: none; color: #00a0e9; }
#wrapper a:hover     { text-decoration: none; }
#wrapper a:active    { text-decoration: none; }

a[href^="tel:"] {
	pointer-events: none;
}

a,:focus {
	outline: none;
}

::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.img img {
	width: 100%;
	height: auto;
}

.tb   { display: none!important;}
.tbsp { display: none!important;}
.sp   { display: none!important;}

.pc   { display: block!important;}
.pctb { display: block!important;}
.pcsp { display: block!important;}

.opacity a:hover,
.opacity input:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

/*======================================================
  common
======================================================*/

/* title */
.cntTtlBox {
	display: flex;
	justify-content: space-between;
	margin: 0 0 80px;
}

.cntTtl {
	font-weight: 600;
	font-size: 4.5rem;
	line-height: 1.3;
	padding: 0 0 0 50px;
	background: url(../images/common/icn_title_lb.png) left no-repeat;
	background-size: 30px auto;
}

.cntMinTtl {
	font-weight: 900;
	font-size: 4rem;
	line-height: 1.3;
	margin: 0 0 80px;
	border-bottom: solid 1px #00a0e9;
}

.cntHdg  {
	font-weight: 600;
	font-size: 3rem;
	line-height: 1.3;	
	border-bottom: solid 1px #00a0e9;
	margin: 0 0 60px;
	display: flex;
	width: 100%;
	align-items: center;
}

/* button */
.morTtlBtn {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.3;
	margin: 0 0 0 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.morTtlBtn a {
	min-width: 180px;
	display: block;
	position: relative;
	padding: 10px 40px 10px 10px;
	box-sizing: border-box;
	background: #00a0e9;
	border-radius: 6px;
	z-index: 1;
}

.morTtlBtn a:after {
	content: "";
	position: absolute;
	top: calc(50% -10px);
	right: 10px;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background: url(../images/common/arw_rt_wt.png) center no-repeat;
	background-size: 10px auto;
	border: solid 1px #7fcff4;
	border-radius: 50%;
	z-index: 2;
} 

.wtLnk a:link,
.wtLnk a:visited {
	color: #fff!important;
}

.wtLnk .noLnk {
	color: #fff!important;
}

.bkLnk a:link,
.bkLnk a:visited {
	color: #333!important;
}

/* cntBnrAra */
.cntBnrAra {
	padding: 40px 30px 0;
}

.bnrBigBox {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	border: solid 1px #00a0e9;
	border-radius: 8px;
}

.bnrBigBox a {
	display: block;
	padding: 10px;
}

.bnrBigBox img {
	max-width: 500px;
}

.movieBox {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.movieBox iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.cntTtlBox {
		margin: 0 0 60px;
	}

	.cntTtl {
		font-size: 4rem;
		padding: 0 0 0 40px;
		background-size: 25px auto;
	}

	.cntMinTtl {
		font-size: 3.6rem;
		margin: 0 0 60px;
	}
	
	.cntHdg  {
		margin: 0 0 40px;
	}

	.morTtlBtn {
		font-size: 1.3rem;
	}

	.morTtlBtn a {
		min-width: 130px;
	}
	
	.morTtlBtn a:after {
		top: calc(50% -8px);
		right: 8px;
		width: 16px;
		height: 16px;
		background-size: 8px auto;
	} 
	
	.cntBnrAra {
		padding: 20px 30px 0;
	}

	.bnrBigBox {
		max-width: 800px;
	}

	.bnrBigBox img {
		max-width: 400px;
	}
}

@media screen and (max-width:767px) {
	.cntTtlBox {
		display: block;
		margin: 0 0 20px;
	}

	.cntTtl {
		font-size: 2rem;
		margin: 0 0 20px;
		padding: 0 0 0 25px;
		background-size: 15px auto;
	}

	.cntMinTtl {
		font-size: 1.6rem;
		margin: 0 0 30px;
	}
	
	.cntHdg  {
		font-size: 1.8rem;
		margin: 0 0 30px;
		display: block;
	}

	.morTtlBtn {
		text-align: left;
		font-size: 1.2rem;
		margin: 0;
		border-radius: 4px;
	}

	.morTtlBtn a {
		min-width: 100px;
		padding: 15px 40px 15px 15px;
	}
	
	.morTtlBtn a:after {
		top: calc(50% -8px);
		right: 8px;
		width: 16px;
		height: 16px;
		background-size: 8px auto;
	} 
	
	.cntBnrAra {
		padding: 20px 20px 0;
	}

	.bnrBigBox {
		max-width: 100%;
	}

	.bnrBigBox img {
		max-width: 250px;
	}
}

/*======================================================
  header
======================================================*/

/* header */
header {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 100;
}

.hdrBox {
	display: flex;
	align-items: center;
}

.hdrLg {
	max-width: 150px;
	margin: 0 30px 0 0;
}

.gNav {
	text-align: center;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.psnGlbNav {
	border: solid 2px #00a0e9;
}

.bsnGlbNav {
	border: solid 2px #0060ab;
}

.cmpGlbNav {
	border: solid 2px #003762;
}

.gNav a {
	width: 140px;
	display: block;
	padding: 13px;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.psnGlbNav a:link,
.psnGlbNav a:visited {
	color: #00a0e9!important;
}

.bsnGlbNav a:link,
.bsnGlbNav a:visited {
	color: #0060ab!important;
}

.cmpGlbNav a:link,
.cmpGlbNav a:visited {
	color: #003762!important;
}

.psnGlbNav li:not(:last-child) a {
	border-right: solid 1px #00a0e9;
}

.bsnGlbNav li:not(:last-child) a {
	border-right: solid 1px #0060ab;
}

.cmpGlbNav li:not(:last-child) a {
	border-right: solid 1px #003762;
}

.gNav li:not(:first-child) span {
	padding: 5px 0 5px 30px;
}

.psnGlbNav li:nth-child(2) span {
	background: url(../images/common/icn_personal_lb.png) left no-repeat;
	background-size: 20px auto;
}

.psnGlbNav li:nth-child(3) span {
	background: url(../images/common/icn_business_lb.png) left no-repeat;
	background-size: 20px auto;
}

.psnGlbNav li:nth-child(4) span {
	background: url(../images/common/icn_company_lb.png) left no-repeat;
	background-size: 20px auto;
}

.bsnGlbNav li:nth-child(2) span {
	background: url(../images/common/icn_personal_bl.png) left no-repeat;
	background-size: 20px auto;
}

.bsnGlbNav li:nth-child(3) span {
	background: url(../images/common/icn_business_bl.png) left no-repeat;
	background-size: 20px auto;
}

.bsnGlbNav li:nth-child(4) span {
	background: url(../images/common/icn_company_bl.png) left no-repeat;
	background-size: 20px auto;
}

.cmpGlbNav li:nth-child(2) span {
	background: url(../images/common/icn_personal_db.png) left no-repeat;
	background-size: 20px auto;
}

.cmpGlbNav li:nth-child(3) span {
	background: url(../images/common/icn_business_db.png) left no-repeat;
	background-size: 20px auto;
}

.cmpGlbNav li:nth-child(4) span {
	background: url(../images/common/icn_company_db.png) left no-repeat;
	background-size: 20px auto;
}

.psnGlbNav li a:hover {
	color: #fff!important;
	background: #00a0e9;
}

.bsnGlbNav li a:hover {
	color: #fff!important;
	background: #0060ab;
}

.cmpGlbNav li a:hover {
	color: #fff!important;
	background: #003762;
}

.gNav li:nth-child(2) a:hover span,
.gNav li:nth-child(2).acv a span{
	background: url(../images/common/icn_personal_wt.png) left no-repeat;
	background-size: 20px auto;
}

.gNav li:nth-child(3) a:hover span,
.gNav li:nth-child(3).acv a span {
	background: url(../images/common/icn_business_wt.png) left no-repeat;
	background-size: 20px auto;
}

.gNav li:nth-child(4) a:hover span,
.gNav li:nth-child(4).acv a span {
	background: url(../images/common/icn_company_wt.png) left no-repeat;
	background-size: 20px auto;
}

.psnGlbNav li.acv a {
	color: #fff!important;
	background: #00a0e9!important;
}

.bsnGlbNav li.acv a {
	color: #fff!important;
	background: #0060ab!important;
}

.cmpGlbNav li.acv a {
	color: #fff!important;
	background: #003762!important;
}

.hdrBtnNav {
	display: flex;
	justify-content: flex-end;
}

.hdrBtnNav li {
	margin: 0 0 0 20px;
}

.hdrBtn {
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
	overflow: hidden;
	border-radius: 50px;
}

.hdrCctBtn a {
	width: 180px;
	display: block;
	padding: 13px;
	box-sizing: border-box;
	background: #ddecff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.hdrPtnBtn a {
	width: 180px;
	display: block;
	padding: 13px;
	box-sizing: border-box;
	background: #ff9c00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

@media screen and (max-width:1350px) {
	.hdrLg {
		max-width: 120px;
		margin: 0 15px 0 0;
	}
	
	.gNav {
		font-size: 1.4rem;
	}

	.gNav a {
		width: 110px;
		padding: 13px 10px;
	}
	
	.gNav li:not(:first-child) span {
		padding: 5px 0 5px 25px;
	}

	.hdrBtnNav li {
		margin: 0 0 0 10px;
	}
	
	.hdrBtn {
		font-size: 1.4rem;
	}

	.hdrCctBtn a,
	.hdrPtnBtn a {
		width: 130px;
		padding: 13px 10px;
	}
}

/* mdlAra */
.mdlAra {
	display: none;
}

@media screen and (max-width:1040px) {
	header {
		height: 60px;
		padding: 0 20px;
	}
	
	.hdrLg {
		max-width: 100px;
		margin: 0;
	}
	
	.mdlAra {
		display: block;
	}

	.menu, .menu span {
		display: inline-block;
		-webkit-transition: all .2s;
		transition: all .2s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top: 10px;
		right: 20px;
		width: 40px;
		height: 40px;
		background: #00a0e9;
		border-radius: 4px;
		z-index: 2000;
		cursor: pointer;
	}

	.menu:hover {
		opacity: 0.60;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		-moz-opacity: 0.60;
		-khtml-opacity: 0.60;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	
	.menu.active {
		background: #7ccdf2;
	}

	.menu span {
		width: 24px;
		height: 3px;
		position: absolute;
		left: 7px;
		background: #fff;
		border-radius: 2px;
		z-index: 100;
	}
	
	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 11px;
	}

	.menu span:nth-of-type(2) {
		top: 19px;
		width: 18px;
	}

	.menu span:nth-of-type(3) {
		top: 27px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}

	.mdlNavBox {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 2000;
		width: 100% ;
		height: 100vh;
		opacity: 0;
		padding: 60px 20px;
		overflow-y: scroll;
		box-sizing: border-box;
		background: url(../images/common/bg_x.png) top -150px right -700px no-repeat #0060ab;
		background-size: 1600px auto;
		background-attachment: fixed;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		visibility: hidden;
	}

	.mdlNavBox.active {
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

	.mdlNavInr {
		height: auto;
		margin: 0 auto;
		padding: 30px 20px;
		box-sizing: border-box;
		overflow: hidden;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 0 15px rgba(0,0,0,0.05);
	}
	
	.mdlLg {
		max-width: 120px;
		margin: 0 auto 30px;
	}
	
	.gNav {
		text-align: left;
		display: block;
		font-size: 1.7rem;
		margin: 0 0 30px;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	.gNav a {
		width: 100%;
		padding: 15px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.psnGlbNav li a {
		border: solid 2px #00a0e9;
		border-radius: 50px;
	}
	
	.bsnGlbNav li a {
		border: solid 2px #0060ab;
		border-radius: 50px;
	}
	
	.cmpGlbNav li a {
		border: solid 2px #003762;
		border-radius: 50px;
	}
	
	.gNav li:not(:last-child) {
		margin: 0 0 15px;
	}
	
	.gNav li:not(:first-child) span {
		padding: 5px 0 5px 30px;
	}

	.hdrBtnNav {
		padding: 15px;
		justify-content: center;
		background: #f7f7f7;
		border-radius: 8px;
	}

	.hdrBtnNav li {
		margin: 0 5px;
	}

	.hdrBtn {
		font-size: 1.4rem;
	}

	.hdrCctBtn a,
	.hdrPtnBtn a {
		width: 200px;
		padding: 13px;
	}
}

@media screen and (max-width:767px) {
	header {
		padding: 0 15px;
	}
	
	.menu {
		right: 15px;
	}
	
	.mdlLg {
		margin: 0 auto 20px;
	}
	
	.gNav {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}
	
	.gNav li:not(:last-child) {
		margin: 0 0 10px;
	}

	.hdrBtnNav {
		display: block;
		padding: 10px;
	}

	.hdrBtnNav li {
		margin: 0;
	}
	
	.hdrBtnNav li:not(:last-child) {
		margin: 0 0 10px;
	}
	
	.hdrBtnNav li a {
		width: 100%;
	}
}

/*======================================================
  mnAra
======================================================*/

/* mnAra */
.mnAra {
	height: 650px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 100px 0 0;
	padding: 0 30px;
	background: url(../images/index/bg_main.jpg) center no-repeat;
	background-size: cover;
}

.mnTtl {
	max-width: 740px;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.mnAra {
		height: 400px;
		margin: 60px 0 0;
	}

	.mnTtl {
		max-width: 460px;
	}
}

@media screen and (max-width:767px) {
	.mnAra {
		height: 400px;
		margin: 60px 0 0;
		padding: 0 20px;
		background: url(../images/index/bg_main_sp.jpg) bottom no-repeat;
		background-size: cover;
	}

	.mnTtl {
		max-width: 340px;
		margin: -80px 0 0;
	}
}

/*======================================================
  content
======================================================*/

/* idxNavAra */
.idxNavAra {
	padding: 70px 30px;
}

.idxNavWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.idxNav {
	display: flex;
	margin: 0 -15px;
}

.idxNav li {
	width: calc(33.33% - 30px);
	margin: 0 15px;
}

.idxNavBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 10px 10px 20px;
	overflow: hidden;
	border-radius: 8px;
}

.psnIdxNav {
	background: #00a0e9;
}

.bsnIdxNav {
	background: #0060ab;
}

.cmpIdxNav {
	background: #003762;
}

.idxNavTtl {
	position: relative;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1;
	padding: 0 0 0 50px;
}

.idxNavTtl:before {
	content: "";
	position: absolute;
	top: calc(50% - 18px);
	left: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.psnIdxNav .idxNavTtl:before {
	background: url(../images/common/icn_personal_lb.png) center no-repeat #fff;
	background-size: 25px auto;
}

.bsnIdxNav .idxNavTtl:before {
	background: url(../images/common/icn_business_bl.png) center no-repeat #fff;
	background-size: 25px auto;
}

.cmpIdxNav .idxNavTtl:before {
	background: url(../images/common/icn_company_db.png) center no-repeat #fff;
	background-size: 25px auto;
}

.idxNavImg {
	max-width: 160px;
	overflow: hidden;
	margin: 0 0 0 10px;
	border-radius: 6px;
}

@media screen and (max-width:1350px) {
	.idxNavAra {
		padding: 50px 30px;
	}
	
	.idxNav {
		margin: 0 -10px;
	}

	.idxNav li {
		width: calc(33.33% - 20px);
		margin: 0 10px;
	}

	.idxNavBox {
		padding: 10px 10px 10px 15px;
	}

	.idxNavTtl {
		font-size: 1.8rem;
		padding: 0 0 0 40px;
	}

	.idxNavTtl:before {
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
	}
	
	.psnIdxNav .idxNavTtl:before,
	.bsnIdxNav .idxNavTtl:before,
	.cmpIdxNav .idxNavTtl:before {
		background-size: 20px auto;
	}
	
	.idxNavImg {
		max-width: 120px;
	}
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.idxNavBox {
		text-align: center;
		padding: 15px 10px 10px;
		display: block;
	}
	
	.idxNavTtl {
		display: inline-block;
		font-size: 1.8rem;
		margin: 0 0 15px;
		padding: 0 0 0 35px;
	}
	
	.idxNavTtl:before {
		top: calc(50% - 12px);
		width: 24px;
		height: 24px;
	}
	
	.psnIdxNav .idxNavTtl:before,
	.bsnIdxNav .idxNavTtl:before,
	.cmpIdxNav .idxNavTtl:before {
		background-size: 15px auto;
	}
	
	.idxNavImg {
		max-width: 100%;
		margin: 0;
	}
}

@media screen and (max-width:767px) {
	
	.idxNavAra {
		padding: 30px 15px;
	}
	
	.idxNav {
		display: block;
		margin: 0;
	}
	
	.idxNav li {
		width: 100%;
		margin: 0;
	}
	
	.idxNav li:not(:last-child) {
		margin: 0 0 10px;
	}
	
	.idxNavBox {
		padding: 5px 5px 5px 10px;
		border-radius: 6px;
	}
	
	.idxNavTtl {
		display: inline-block;
		font-size: 1.4rem;
		padding: 0 0 0 35px;
	}
	
	.idxNavTtl:before {
		top: calc(50% - 12px);
		width: 24px;
		height: 24px;
	}
	
	.psnIdxNav .idxNavTtl:before,
	.bsnIdxNav .idxNavTtl:before,
	.cmpIdxNav .idxNavTtl:before {
		background-size: 15px auto;
	}
	
	.idxNavImg {
		max-width: 80px;
		margin: 0;
		border-radius: 4px;
	}
}

/* abtAra */
.abtAra {
	padding: 0 30px;
	background: url(../images/index/bg_about.jpg) top no-repeat;
	background-size: cover;
}

.abtWrp {
	max-width: 1350px;
	height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.abtTtl {
	text-align: center;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 40px;
	text-shadow: 0 0 25px rgba(1,119,162,0.3);
}

.abtTxt {
	text-align: center;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.6;
	color: #fff;
	margin: 0 0 100px;
}

.abtBtn {
	max-width: 400px;
	margin: 0 auto;
	background: #fff;
	border-radius: 8px;
}

.abtBtn a {
	text-align: left;
	width: 100%;
	display: block;
	position: relative;
	font-weight: 700;
	font-size: 1.7em;
	line-height: 1;
	color: #fff;
	padding: 30px 20px;
	box-sizing: border-box;
	background: #00a0e9;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
	z-index: 1;
}

.abtBtn a:after {
	content: "";
	position: absolute;
	top: calc(50% - 17px);
	right: 20px;
	width: 34px;
	height: 34px;
	box-sizing: border-box;
	background: url(../images/common/arw_rt_wt.png) center no-repeat;
	background-size: 14px auto;
	border: solid 1px #7fcff4;
	border-radius: 50%;
	z-index: 2;
} 

@media screen and (max-width:1350px) {
	.abtTtl {
		font-size: 4.5rem;
	}
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.abtWrp {
		height: 600px;
	}

	.abtTtl {
		font-size: 4.5rem;
		margin: 0 0 30px;
		text-shadow: 0 0 20px rgba(1,119,162,0.3);
	}

	.abtTxt {
		font-size: 2rem;
		margin: 0 0 80px;
	}

	.abtBtn {
		max-width: 300px;
	}

	.abtBtn a {
		font-size: 1.6em;
		padding: 25px 20px;
	}

	.abtBtn a:after {
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
		background-size: 12px auto;
	} 
}

@media screen and (max-width:767px) {
	.abtAra {
		padding: 20px 15px;
		background: url(../images/index/bg_about.jpg) top no-repeat;
		background-size: cover;
	}

	.abtWrp {
		height: auto;
	}

	.abtTtl {
		font-size: 2.5rem;
		margin: 0 0 20px;
		text-shadow: 0 0 10px rgba(1,119,162,0.3);
	}

	.abtTxt {
		text-align: left;
		font-size: 1.6rem;
		margin: 0 0 40px;
	}

	.abtBtn {
		max-width: 300px;
	}

	.abtBtn a {
		font-size: 1.5em;
		padding: 20px 15px;
		border-radius: 6px;
	}

	.abtBtn a:after {
		top: calc(50% - 12px);
		right: 15px;
		width: 24px;
		height: 24px;
		background-size: 10px auto;
	} 
}

/* idxPsnNavAra */
.idxPsnNavAra {
	padding: 100px 30px 0;
}

.idxPsnNavWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.idxSvsNav {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.idxSvsNav li {
	width: calc(33.33% - 40px);
	margin: 0 20px 60px;
	padding: 0 0 60px;
	position: relative;
}

.idxSvsNav li:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0;
}

.idxPsnNavTtl {
	font-weight: 900;
	font-size: 4rem;
	line-height: 1.3;
	color: #00a0e9;
	padding: 0 0 0 50px;
	background: url(../images/common/icn_title_lb.png) left no-repeat;
	background-size: 30px auto;
}

.cntNavImg {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 30px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.cntNavImg:before {
	display: block;
	content: "";
	padding-top: 39.1%;
}

.cntNavImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cntNavTtl {
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3;
	margin: 0 0 25px;
}

.cntNavTtl .minTxt {
	font-size: 2rem;
}

.cntNavTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
}

.cntNavBtnBox {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: right;
	padding: 20px 0 0;
	border-top: solid 1px #d3d3d3;
}

.cntNavBtn {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
}

.cntNavBtn a {
	display: inline-block;
	position: relative;
	padding: 0 30px 0 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	z-index: 1;
}

.cntNavBtn a:after {
	content: "";
	position: absolute;
	top: calc(50% - 13px);
	right: 0;
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	background: url(../images/common/arw_rt_wt.png) center no-repeat #00a0e9;
	background-size: 10px auto;
	border-radius: 50%;
	z-index: 2;
} 

.cntNavBtn a:hover {
	color: #00a0e9!important;
}

/* idxBsnNavAra */
.idxBsnNavAra {
	padding: 100px 30px 0;
	background: url(../images/common/bg_x.png) top -200px right -800px no-repeat #0060ab;
	background-size: 2200px auto;
}

.idxBsnNavWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.idxBsnNavTtl {
	font-weight: 900;
	font-size: 4rem;
	line-height: 1.3;
	color: #fff;
	padding: 0 0 0 50px;
	background: url(../images/common/icn_title_wt.png) left no-repeat;
	background-size: 30px auto;
}
.idxBsnNavAra .cntNavTtl,
.idxBsnNavAra .cntNavTxt {
	color: #fff;
}

.idxBsnNavAra .cntNavBtn a:after {
	background: url(../images/common/arw_rt_lb.png) center no-repeat #fff;
	background-size: 10px auto;
} 

@media screen and (min-width:768px) and (max-width:1040px) {
	.idxPsnNavAra {
		padding: 80px 30px 0;
	}

	.idxSvsNav {
		margin: 0 -10px;
	}

	.idxSvsNav li {
		width: calc(33.33% - 20px);
		margin: 0 10px 40px;
		padding: 0 0 50px
	}

	.idxPsnNavTtl,
	.idxBsnNavTtl {
		font-size: 2.6rem;
		padding: 0 0 0 35px;
		background-size: 20px auto;
	}

	.cntNavImg {
		margin: 0 0 20px;
	}

	.cntNavTtl {
		font-size: 2rem;
		margin: 0 0 20px;
	}

	.cntNavTtl .minTxt {
		font-size: 1.8rem;
	}

	.idxPsnNavAra .cntNavTxt {
		min-height: 210px;
		font-size: 1.5rem;
	}
	
	.idxBsnNavAra .cntNavTxt {
		min-height: 170px;
		font-size: 1.5rem;
	}

	.cntNavBtn {
		font-size: 1.6rem;
	}

	.cntNavBtn a:after {
		top: calc(50% - 12px);
		width: 24px;
		height: 24px;
		background-size: 10px auto;
	} 
	
	.idxBsnNavAra {
		padding: 80px 30px 0;
		background: url(../images/common/bg_x.png) top -100px right -600px no-repeat #0060ab;
		background-size: 1600px auto;
	}
}

@media screen and (max-width:767px) {
	.idxPsnNavAra {
		padding: 40px 15px 20px;
	}

	.idxSvsNav {
		margin: 0 -5px;
	}

	.idxSvsNav li {
		width: 100%;
		margin: 0 0 40px;
		padding: 0 0 40px
	}
	
	.idxSvsNav li:first-child {
		width: calc(100% - 10px);
		justify-content: flex-start;
	}

	.idxPsnNavTtl,
	.idxBsnNavTtl {
		font-size: 2rem;
		padding: 0 0 0 25px;
		background-size: 15px auto;
	}

	.cntNavImg {
		margin: 0 0 10px;
		border-radius: 4px;
	}

	.cntNavTtl {
		font-size: 1.6rem;
		margin: 0 0 10px;
	}

	.cntNavTtl .minTxt {
		font-size: 1.4rem;
	}
	
	.idxPsnNavAra .cntNavTxt,
	.idxBsnNavAra .cntNavTxt {
		min-height: auto;
		font-size: 1.5rem;
		line-height: 1.5;
	}
	
	.cntNavBtnBox {
		padding: 15px 0 0;
	}

	.cntNavBtn {
		font-size: 1.4rem;
	}
	
	.cntNavBtn a {
		padding: 0 25px 0 0;
	}

	.cntNavBtn a:after {
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
		background-size: 8px auto;
	} 
	
	.idxBsnNavAra {
		padding: 40px 15px 20px;
		background: url(../images/common/bg_x.png) center right -700px no-repeat #0060ab;
		background-size: 1100px auto;
	}
}

/* wrkAra */
.wrkAra {
	padding: 100px 30px 0;
}

.wrkWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.wrkLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.wrkLst li {
	display: flex;
	width: calc(50% - 40px);
	margin: 0 20px 60px;
}

.wrkImg {
	max-width: 300px;
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 30px 0 0;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.wrkImg:before {
	display: block;
	content: "";
	padding-top: 66.5%;
}

.wrkImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wrkTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
	margin: 0 0 20px;
}

.wrkDtaTbl {
	width: 100%;
	border-top: solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;
}

.wrkDtaTbl th {
	text-align: center;
	width: 70px;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
	padding: 10px;
	background: #ebf4ff;
	border-right: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	vertical-align: middle;
}

.wrkDtaTbl td {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.3;
	padding: 10px;
	background: #fff;
	border-right: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.wrkAra {
		padding: 80px 30px 0;
	}

	.wrkLst {
		margin: 0 -10px;
	}

	.wrkLst li {
		display: flex;
		width: calc(50% - 20px);
		margin: 0 10px 40px;
	}

	.wrkImg {
		max-width: 220px;
		margin: 0 15px 0 0;
	}

	.wrkTtl {
		font-size: 1.8rem;
		margin: 0 0 15px;
	}

	.wrkDtaTbl th {
		width: 60px;
		font-size: 1.3rem;
		padding: 5px;
	}

	.wrkDtaTbl td {
		font-size: 1.2rem;
		padding: 5px;
	}
}

@media screen and (max-width:767px) {
	.wrkAra {
		padding: 40px 15px 0;
	}

	.wrkLst {
		margin: 0 -5px;
	}

	.wrkLst li {
		display: block;
		width: calc(50% - 10px);
		margin: 0 5px 20px;
	}

	.wrkImg {
		max-width: 100%;
		margin: 0 0 10px;
		border-radius: 4px;
	}

	.wrkTtl {
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	
	.wrkDtaTbl tr {
		display: block;
	}

	.wrkDtaTbl th {
		text-align: center;
		display: block;
		width: auto;
		font-size: 1.3rem;
		padding: 3px;
	}

	.wrkDtaTbl td {
		text-align: center;
		display: block;
		font-size: 1.2rem;
		padding: 5px;
	}
}

/* infAra */
.infAra {
	padding: 100px 30px;
}

.infWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.infBox {
	display: flex;
	margin: 0 0 100px;
}

.infNwsBox {
	width: calc(50% - 20px);
	margin: 0 20px 0 0;
}

.infCmpBox {
	width: calc(50% - 20px);
	margin: 0 0 0 20px;
}

.infTtlBox {
	display: flex;
	justify-content: space-between;
	margin: 0 0 50px;
	padding: 0 0 10px;
	border-bottom: solid 1px #00a0e9;
}

.infTtl {
	font-weight: 900;
	font-size: 3.2rem;
	line-height: 1.3;
}

.infNwsLst li:not(:last-child) {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dashed 1px #d3d3d3;
}

.nwsDtaBox {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
}

.nwsDta {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 0 20px 0 0;
}

.nwsTyp {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
}

.nwsTyp a {
	text-align: center;
	min-width: 90px;
	display: block;
	padding: 3px 5px;
	box-sizing: border-box;
	background: #ebf4ff;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.nwsTyp a:hover {
	color: #fff!important;
	background: #00a0e9;
}

.nwsTxt {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
}

.infLg {
	max-width: 180px;
	margin: 0 auto 50px;
}

.infCmpLst {
	display: flex;
	flex-wrap: wrap;
}

.infCmpLst li {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -0.005em;
	overflow: hidden; 
	box-sizing: border-box;
	border: solid 1px #00a0e9;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.infCmpLst li:nth-child(odd) {
	width: calc(50% - 10px);
	margin: 0 10px 20px 0;
}

.infCmpLst li:nth-child(even) {
	width: calc(50% - 10px);
	margin: 0 0 20px 10px;
}

.infCmpLst a {
	display: block;
	padding: 20px 5px 20px 55px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.infCmpLst li:nth-child(1) a {
	background: url(../images/common/icn_greeting_lb.png) left 15px center no-repeat #fff;
	background-size: 30px auto;
}

.infCmpLst li:nth-child(2) a {
	background: url(../images/common/icn_company_lb.png) left 15px center no-repeat #fff;
	background-size: 30px auto;
}

.infCmpLst li:nth-child(3) a {
	background: url(../images/common/icn_recruitment_lb.png) left 15px center no-repeat #fff;
	background-size: 30px auto;
}

.infCmpLst li:nth-child(4) a {
	background: url(../images/common/icn_media_lb.png) left 15px center no-repeat #fff;
	background-size: 30px auto;
}

.infCmpLst a:link,
.infCmpLst a:visited {
	color: #00a0e9!important;
}

.infCmpLst a:hover {
	color: #fff!important;
}

.infCmpLst li:nth-child(1) a:hover {
	background: url(../images/common/icn_greeting_wt.png) left 15px center no-repeat #00a0e9;
	background-size: 30px auto;
}

.infCmpLst li:nth-child(2) a:hover {
	background: url(../images/common/icn_company_wt.png) left 15px center no-repeat #00a0e9;
	background-size: 30px auto;
}

.infCmpLst li:nth-child(3) a:hover {
	background: url(../images/common/icn_recruitment_wt.png) left 15px center no-repeat #00a0e9;
	background-size: 30px auto;
}

.infCmpLst li:nth-child(4) a:hover {
	background: url(../images/common/icn_media_wt.png) left 15px center no-repeat #00a0e9;
	background-size: 30px auto;
}

.bnrLst {
	display: flex;
	margin: 0 -20px;
}

.bnrLst li {
	width: calc(33.33% - 40px);
	margin: 0 20px;
	overflow: hidden;
	border: solid 1px #d3d3d3;
	border-radius: 6px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.infAra {
		padding: 80px 30px;
	}

	.infBox {
		margin: 0 0 80px;
	}

	.infNwsBox {
		width: calc(50% - 10px);
		margin: 0 10px 0 0;
	}

	.infCmpBox {
		width: calc(50% - 10px);
		margin: 0 0 0 10px;
	}

	.infTtlBox {
		margin: 0 0 30px;
	}

	.infTtl {
		font-size: 2.4rem;
	}

	.infNwsLst li:not(:last-child) {
		margin: 0 0 15px;
		padding: 0 0 15px;
	}

	.nwsDtaBox {
		margin: 0 0 10px;
	}

	.nwsDta {
		font-size: 1.4rem;
		margin: 0 15px 0 0;
	}

	.nwsTyp {
		font-size: 1.2rem;
	}

	.nwsTyp a {
		min-width: 80px;
	}

	.nwsTxt {
		font-size: 1.8rem;
	}

	.infLg {
		display: none;
	}

	.infCmpLst li {
		width: 100%!important;
		display: block;
		font-size: 1.8rem;
		margin: 0!important;
	}

	.infCmpLst li:not(:last-child) {
		margin: 0 0 10px!important;
	}

	.infCmpLst a {
		padding: 15px 10px 15px 50px;
	}

	.infCmpLst li:nth-child(1) a {
		background: url(../images/common/icn_greeting_lb.png) left 15px center no-repeat #fff;
		background-size: 25px auto;
	}

	.infCmpLst li:nth-child(2) a {
		background: url(../images/common/icn_company_lb.png) left 15px center no-repeat #fff;
		background-size: 25px auto;
	}

	.infCmpLst li:nth-child(3) a {
		background: url(../images/common/icn_recruitment_lb.png) left 15px center no-repeat #fff;
		background-size: 25px auto;
	}

	.infCmpLst li:nth-child(4) a {
		background: url(../images/common/icn_media_lb.png) left 15px center no-repeat #fff;
		background-size: 25px auto;
	}

	.infCmpLst li:nth-child(1) a:hover {
		background: url(../images/common/icn_greeting_wt.png) left 15px center no-repeat #00a0e9;
		background-size: 25px auto;
	}

	.infCmpLst li:nth-child(2) a:hover {
		background: url(../images/common/icn_company_wt.png) left 15px center no-repeat #00a0e9;
		background-size: 25px auto;
	}

	.infCmpLst li:nth-child(3) a:hover {
		background: url(../images/common/icn_recruitment_wt.png) left 15px center no-repeat #00a0e9;
		background-size: 25px auto;
	}

	.infCmpLst li:nth-child(4) a:hover {
		background: url(../images/common/icn_media_wt.png) left 15px center no-repeat #00a0e9;
		background-size: 25px auto;
	}
	
	.bnrLst {
		margin: 0 -5px;
	}

	.bnrLst li {
		width: calc(33.33% - 10px);
		margin: 0 5px;
	}
}

@media screen and (max-width:767px) {
	.infAra {
		padding: 40px 15px;
	}

	.infBox {
		display: block;
		margin: 0 0 30px;
	}

	.infNwsBox {
		width: 100%;
		margin: 0 0 30px;
	}

	.infCmpBox {
		width: 100%;
		margin: 0;
	}

	.infTtlBox {
		display: block;
		margin: 0 0 20px;
		padding: 0;
		border-bottom: none;
	}

	.infTtl {
		font-size: 2rem;
		margin: 0 0 20px;
		padding: 0 0 5px;
		border-bottom: solid 1px #00a0e9;
	}

	.infNwsLst li:not(:last-child) {
		margin: 0 0 15px;
		padding: 0 0 15px;
	}

	.nwsDtaBox {
		margin: 0 0 10px;
		flex-wrap: wrap;
	}

	.nwsDta {
		font-size: 1.2rem;
		margin: 0 10px 0 0;
	}

	.nwsTyp {
		font-size: 1.2rem;
	}

	.nwsTyp a {
		min-width: 60px;
	}

	.nwsTxt {
		font-size: 1.6rem;
	}

	.infLg {
		display: none;
	}

	.infCmpLst li {
		width: 100%!important;
		display: block;
		font-size: 1.7rem;
		margin: 0!important;
		border-radius: 6px;
	}

	.infCmpLst li:not(:last-child) {
		margin: 0 0 10px!important;
	}

	.infCmpLst a {
		padding: 15px 10px 15px 40px;
	}

	.infCmpLst li:nth-child(1) a {
		background: url(../images/common/icn_greeting_lb.png) left 10px center no-repeat #fff;
		background-size: 20px auto;
	}

	.infCmpLst li:nth-child(2) a {
		background: url(../images/common/icn_company_lb.png) left 10px center no-repeat #fff;
		background-size: 20px auto;
	}

	.infCmpLst li:nth-child(3) a {
		background: url(../images/common/icn_recruitment_lb.png) left 10px center no-repeat #fff;
		background-size: 20px auto;
	}

	.infCmpLst li:nth-child(4) a {
		background: url(../images/common/icn_media_lb.png) left 10px center no-repeat #fff;
		background-size: 20px auto;
	}

	.infCmpLst li:nth-child(1) a:hover {
		background: url(../images/common/icn_greeting_wt.png) left 10px center no-repeat #00a0e9;
		background-size: 20px auto;
	}

	.infCmpLst li:nth-child(2) a:hover {
		background: url(../images/common/icn_company_wt.png) left 10px center no-repeat #00a0e9;
		background-size: 20px auto;
	}

	.infCmpLst li:nth-child(3) a:hover {
		background: url(../images/common/icn_recruitment_wt.png) left 10px center no-repeat #00a0e9;
		background-size: 20px auto;
	}

	.infCmpLst li:nth-child(4) a:hover {
		background: url(../images/common/icn_media_wt.png) left 10px center no-repeat #00a0e9;
		background-size: 20px auto;
	}
	
	.bnrLst {
		display: block;
		margin: 0;
	}

	.bnrLst li {
		width: 100%;
		margin: 0;
	}
	
	.bnrLst li:not(:last-child) {
		margin: 0 0 10px;
	}
}

/* sptAra */
.sptAra {
	padding: 100px 30px;
	max-width: 1350px;
	margin: 0 auto;
}

.sptWrp {
	max-width: 1350px;
	margin: 0 auto;
	padding: 40px 0;
	box-sizing: border-box;
	background: url(../images/common/bg_sponsor.jpg) center no-repeat;
	background-size: cover;
	border-radius: 20px;
}

.sptCth {
	text-align: center;
	font-weight: 900;
	font-size: 2.5rem;
	line-height: 1.3;
	color: #1a335b;
	margin: 0 0 40px;
}

.sptLst {
	display: flex;
	justify-content: center;
}

.sptLst li {
	width: 380px;
	margin: 0 50px;
}

.sptLg {
	text-align: center;
	margin: 0 0 20px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.sptLg a {
	display: block;
	padding: 20px;
}

.sptLg img {
	max-width: 200px;
}

.sptTxt {
	text-align: center;
	font-weight: 900;
	font-size: 2rem;
	line-height: 1.3;
	color: #1a335b;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.sptAra {
		padding: 80px 30px;
	}

	.sptWrp {
		padding: 30px 0;
	}

	.sptCth {
		font-size: 2rem;
		margin: 0 0 30px;
	}

	.sptLst li {
		width: 300px;
		margin: 0 20px;
	}

	.sptLg {
		margin: 0 015px;
	}

	.sptLg a {
		padding: 15px;
	}

	.sptLg img {
		max-width: 160px;
	}

	.sptTxt {
		font-size: 1.8rem;
	}
}

@media screen and (max-width:767px) {
	.sptAra {
		padding: 40px 15px;
	}

	.sptWrp {
		padding: 20px 10px;
		border-radius: 10px;
	}

	.sptCth {
		text-align: left;
		font-size: 1.6rem;
		margin: 0 0 20px;
	}

	.sptLst li {
		width: calc(50% - 10px);
		margin: 0 5px;
	}

	.sptLg {
		margin: 0 0 10px;
	}

	.sptLg a {
		padding: 10px;
	}

	.sptLg img {
		max-width: 100px;
	}

	.sptTxt {
		font-size: 1.5rem;
	}
}

/*======================================================
  lower
======================================================*/

/* ctgNavAra */
.ctgNavAra {
	width: 100%;
	position: fixed;
	top: 100px;
	left: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	z-index: 99;
}

.ctgNav {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.005em;
}

.ctgNav .minTxt {
	font-size: 1.3rem;
}

.psnCtgNav {
	background: #00a0e9;
}

.bsnCtgNav {
	background: #0060ab;
}

.cmpCtgNav {
	background: #003762;
}

.ctgNav li {
	position: relative;
}

.ctgNav li:after {
	content: "/";
	color: rgba(255,255,255,0.5);
	position: absolute;
	top: calc(50% - 8px);
	right: -5px;
}

.ctgNav li:last-child:after {
	display: none;
}

.ctgNav a {
	display: block;
	padding: 30px 20px;
}

@media screen and (max-width:1040px) {
	.ctgNav {
		height: auto;
		display: block;
		font-size: 1.6rem;
		margin: 0 0 30px;
		overflow: hidden;
		border-radius: 6px;
	}
	
	.ctgNav li:not(:last-child) {
		border-bottom: solid 1px #f7f7f7;
	}

	.ctgNav li:after {
		content: none
	}

	.ctgNav a {
		display: block;
		padding: 15px;
	}
}

@media screen and (max-width:767px) {
	.ctgNav {
		font-size: 1.5rem;
		margin: 0 0 20px;
	}
}

/* lwrMnAra */
.lwrMnAra {
	margin: 100px 0 0;
	padding: 0 30px;
	background: url(../images/common/bg_x.png) left -200px top -200px no-repeat #0397da;
	background-size: 900px auto;
}

.prsMnAra {
	background-color: #0398db;
}

.bizMnAra {
	background-color: #0398db;	
}

.cpyMnAra {
	background-color: #0398db;	
}

.lwrMnWrp {
	max-width: 1350px;
	height: 350px;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.lwrMnTtl {
	font-weight: 600;
	font-size: 4.5rem;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.lwrMnTtlEn {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,0.3);
	margin: 15px 0 0;
}

/* ctgMnAra */
.ctgMnAra {
	margin: 170px 0 0;
	padding: 0 30px;
}

.ctgMnWrp {
	max-width: 1350px;
	height: 500px;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.lwrMnAra .ctgMnWrp {
	height: 350px;	
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.lwrMnAra {
		margin: 60px 0 0;
		background: url(../images/common/bg_x.png) left -150px top -150px no-repeat #00a0e9;
		background-size: 700px auto;
	}

	.lwrMnAra .ctgMnWrp,
	.lwrMnWrp,
	.ctgMnWrp {
		height: 300px;
	}

	.lwrMnTtl {
		font-size: 4rem;
	}

	.lwrMnTtlEn {
		font-size: 1.6rem;
		margin: 10px 0 0;
	}
	
	.ctgMnAra {
		margin: 60px 0 0;
	}
}

@media screen and (max-width:767px) {
	.lwrMnAra {
		margin: 60px 0 0;
		padding: 0 15px;
		background: url(../images/common/bg_x.png) left -100px top -100px no-repeat #00a0e9;
		background-size: 500px auto;
	}
	
	.lwrMnAra .ctgMnWrp,
	.lwrMnWrp,
	.ctgMnWrp {
		height: 200px;
	}

	.lwrMnTtl {
		font-size: 2.4rem;
	}

	.lwrMnTtlEn {
		font-size: 1.2rem;
		margin: 7px 0 0;
	}
	
	.ctgMnAra {
		margin: 60px 0 0;
		padding: 0 15px;
	}
}

/* pkzAra */
.pkzAra {
	padding: 30px 30px 0;
}

.pkzNav {
	max-width: 1350px;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.3;
	color: #d2d2d2;
	margin: 0 auto;
}

.pkzNav li:not(:last-child) {
	position: relative;
	margin: 0 25px 0 0;
}

.pkzNav li:not(:last-child):after {
	content: "/";
	color: #00a0e9;
	position: absolute;
	top: 0;
	right: -18px;
}

.pkzNav a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.pkzNav a:hover {
	color: #00a0e9!important;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.pkzAra {
		padding: 20px 30px 0;
	}

	.pkzNav {
		font-size: 1.4rem;
	}

	.pkzNav li:not(:last-child) {
		margin: 0 20px 0 0;
	}

	.pkzNav li:not(:last-child):after {
		right: -15px;
	}
}

@media screen and (max-width:767px) {
	.pkzAra {
		padding: 10px 15px 0;
		display: none;
	}

	.pkzNav {
		font-size: 1.3rem;
	}

	.pkzNav li:not(:last-child) {
		margin: 0 20px 0 0;
	}

	.pkzNav li:not(:last-child):after {
		right: -15px;
	}
}


/*======================================================
  footer
======================================================*/

.ptpBtnBox {
	text-align: center;
	position: absolute;
	right: 30px;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
	z-index: 90;
}

.ptpBtnBox a {
	width: 120px;
	height: 120px;
	display: block;
	padding: 65px 0 0;
	box-sizing: border-box;
	border-radius: 50%;
	background: url(../images/common/arw_tp_wt.png) top 35px center no-repeat #00a0e9;
	background-size: 12px auto;
}

footer {
	padding: 70px 30px;
	background: #f7f7f7;
}

.ftrWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.ftrBox {
	display: block;
}

.ftrCthBox {
	width: 100%;
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 100px 0 0;
}

.ftrCth {
	font-weight: 900;
	font-size: 6rem;
	line-height: 1;
	color: #00a0e9;
	margin-top: -10px;
}

.ftrCth .minTxt {
	font-size: 3.6rem;
	color: #333;
}

.ftrLgTtl {
	font-weight: 700;
	font-size: 1.35rem;
	line-height: 1;
	margin: 0 0 5px;
}

.ftrCntBox {
	width: 100%;
}

.ftrCctBox {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 0 60px;
}

.ftrCctNavBox {
	margin: 0 30px 0 0;
}

.ftrNavCth {
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.3;
	color: #00a0e9;
	margin: 0 0 20px;
}

.ftrNavCth br {
	display: none;
}

.ftrCctNav {
	display: flex;
}

.ftrCctNav li:not(:last-child) {
	margin: 0 15px 0 0;
}

.ftrCctBtn,
.ftrLinBtn {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.2;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
	text-align: left;
}

.ftrCctBtn a {
	width: 300px;
	min-height: 85px;
	display: block;
	position: relative;
	padding: 20px 10px 20px 80px;
	box-sizing: border-box;
	border-radius: 6px;
	background: url(../images/common/icn_contact.png) left 20px center no-repeat #ff9c00;
	background-size: 25px auto;
}

.ftrLinBtn a,
.ftrLinBtn .noLnk {
	width: 250px;
	display: block;
	position: relative;
	line-height: 45px;
	padding: 20px 10px 20px 80px;
	box-sizing: border-box;
	border-radius: 6px;
	background: url(../images/common/icn_line.png) left 20px center no-repeat #06c755;
	background-size: 25px auto;
}

.ftrCctBtn a:before,
.ftrLinBtn a:before,
.ftrLinBtn .noLnk:before {
	content: "";
	position: absolute;
	top: 0;
	left: 65px;
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.3);
}

.cctTelTxt {
	display: inline-block;
	font-weight: 700;
	font-size: 5.8rem;
	line-height: 1;
	white-space: nowrap;
	margin: 0 0 5px;
	padding: 0 0 0 60px;
	background: url(../images/common/icn_freedial.png) left bottom no-repeat;
	background-size: 55px auto;
}

.cctTelTxt a {
	text-decoration: none;
	color: #333 !important;
}

.cctTelInfBox {
	display: flex;
	align-items: center;
	padding: 0 0 0 60px;
}

.cctTelTim {
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1;
	margin: 0 15px 0 0;
}

.cctTelSubTxt {
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1;
}

.ftrNavBox {
	padding: 40px 0 40px;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
}

.ftrNavLst:not(.ftrNav) {
	display: flex;
	justify-content: space-between;
}

.ftrNavLst li:not(.ftrNav li) {
	margin: 0 15px 0 0;
}

.ftrNav {
	font-weight: 700;
	font-size: 1.7rem;
	line-height: 1.3;
}

.ftrNav li:not(:last-child) {
	margin: 0 0 30px;
}

.ftrLwrNav dt {
	font-weight: 700;
	font-size: 1.7rem;
	line-height: 1.3;
	margin: 0 0 30px;
}

.ftrLwrNav dd {
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.3;
}

.ftrLwrNav dd:not(:last-child) {
	margin: 0 0 20px;
}

.ftrOtrBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0 0;
	border-top: solid 1px #d3d3d3;
}

.ftrSubNav {
	display: flex;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
}

.ftrSubNav li:not(:last-child) {
	position: relative;
	margin: 0 25px 0 0;
}

.ftrSubNav li:not(:last-child):after {
	content: "/";
	color: #00a0e9;
	position: absolute;
	top: 0;
	right: -18px;
}

.ftrNavLst a,
.ftrSubNav a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.ftrNavLst a:hover,
.ftrSubNav a:hover {
	color: #00a0e9!important;
}

.cpyTxt {
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1;
}

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

	.ftrCthBox {
		width: 100%;
		padding: 40px 0;
		margin: 0 40px 0 0;
	}
	
	.ftrCntBox {
		width: 100%;
	}

	.ftrCctBox {
		display: block;
		padding: 0 0 60px;
	}
	
	.ftrCctNavBox {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 20px;
	}
	
	.ftrCctNav {
		justify-content: center;
	}
	
	.ftrNavCth {
		font-size: 1.8rem;
		margin: 0 20px 0 0;
	}
	
	.ftrNavCth br {
		display: block;
	}
	
	.ftrCctTelBox {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.cctTelInfBox {
		padding: 0 0 0 30px;
	}	
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.ptpBtnBox {
		font-size: 1.2rem;
		right: 20px;
	}
	
	.ptpBtnBox a {
		width: 80px;
		height: 80px;
		padding: 38px 0 0;
		background: url(../images/common/arw_tp_wt.png) top 15px center no-repeat #00a0e9;
		background-size: 10px auto;
	}

	footer {
		padding: 50px 30px;
	}

	.ftrCthBox {
		margin: 0 20px 0 0;
	}
	
	.ftrCctNav {
		justify-content: center;
	}

	.ftrCth {
		left: calc(50% - 40px);
		font-size: 4rem;
	}

	.ftrCth .minTxt {
		font-size: 2.4rem;
	}

	.ftrLgTtl {
		font-size: 1.25rem;
	}

	.ftrCntBox {
		width: 100%;
	}

	.ftrCctBox {
		display: block;
		padding: 0 0 30px;
	}

	.ftrCctNavBox {
		display: block;
		margin: 0 0 20px;
	}

	.ftrNavCth {
		font-size: 1.8rem;
		margin: 0 0 15px;
		text-align: center;
	}

	.ftrNavCth br {
		display: none;
	}

	.ftrCctBtn,
	.ftrLinBtn {
		font-size: 1.6rem;
	}

	.ftrCctBtn a {
		width: 280px;
		min-height: 70px;
		padding: 15px 10px 15px 80px;
	}

	.ftrLinBtn a,
	.ftrLinBtn .noLnk {
		width: 280px;
		line-height: 40px;
		padding: 15px 10px 15px 80px;
	}

	.cctTelTxt {
		font-size: 5rem;
		padding: 0 0 0 50px;
		background-size: 50px auto;
	}

	footer .cctTelInfBox {
		display: block;
		padding: 0 0 0 20px;
	}

	.cctTelTim {
		font-size: 2rem;
		margin: 0 0 5px;
	}

	.ftrNavBox {
		padding: 30px 0 60px;
	}

	.ftrNavLst li:not(.ftrNav li) {
		width: calc(25% - 10px);
		margin: 0 10px 0 0;
	}

	.ftrNav {
		font-size: 1.6rem;
	}

	.ftrNav li:not(:last-child) {
		margin: 0 0 20px;
	}

	.ftrLwrNav dt {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}

	.ftrLwrNav dd {
		font-size: 1.3rem;
	}

	.ftrLwrNav dd:not(:last-child) {
		margin: 0 0 15px;
	}

	.ftrOtrBox {
		padding: 20px 0 0;
	}

	.ftrSubNav {
		font-size: 1.4rem;
	}

	.ftrSubNav li:not(:last-child) {
		margin: 0 20px 0 0;
	}

	.ftrSubNav li:not(:last-child):after {
		right: -13px;
	}

	.cpyTxt {
		font-size: 1rem;
	}
}

@media screen and (max-width:767px) {
	.ptpBtnBox {
		right: 20px;
	}
	
	.ptpBtnBox a {
		width: 40px;
		height: 40px;
		padding: 0;
		background: url(../images/common/arw_tp_wt.png) top 14px center no-repeat #00a0e9;
		background-size: 10px auto;
	}
	
	.ptpBtnBox span {
		display: none;
	}

	footer {
		margin: 30px 0 0;
		padding: 20px 15px;
	}

	.ftrBox {
		display: block;
	}

	.ftrCthBox {
		max-width: 100%;
		display: block;
		margin: 0 0 20px;
	}

	.ftrCth {
		text-align: center;
		position: relative;
		left: 0;
		font-size: 3rem;
		line-height: 1.2;
		writing-mode: horizontal-tb;
		margin: 0 0 15px;
	}

	.ftrCth .minTxt {
		font-size: 1.8rem;
	}

	.ftrLgTtl {
		text-align: center;
		font-size: 1.15rem;
	}
	
	.ftrLg {
		max-width: 120px;
		margin: 0 auto;
	}

	.ftrCntBox {
		width: 100%;
	}

	.ftrCctBox {
		display: block;
		padding: 0 0 20px;
	}

	.ftrCctNavBox {
		display: block;
		margin: 0 0 20px;
	}
	
	.ftrCctNav {
		display: block;
	}
	
	.ftrCctNav li:first-child {
		margin: 0 0 10px;
	}
	
	.ftrCctNav li {
		margin-right: 0!important;
	}

	.ftrNavCth {
		text-align: center;
		font-size: 1.6rem;
		margin: 0 0 10px;
	}

	.ftrNavCth br {
		display: none;
	}

	.ftrCctBtn,
	.ftrLinBtn {
		font-size: 1.5rem;
	}

	.ftrCctBtn a {
		width: 100%;
		min-height: auto;
		line-height: 1.3;
		padding: 20px 10px 20px 80px;
	}

	.ftrLinBtn a,
	.ftrLinBtn .noLnk {
		width: 100%;
		line-height: 1.3;
		padding: 20px 10px 20px 80px;
	}
	
	.ftrCctTelBox {
		text-align: center;
		display: block;
	}

	.cctTelTxt {
		display: inline-block;
		font-size: 3.4rem;
		padding: 0 0 0 35px;
		background-size: 30px auto;
	}

	.cctTelInfBox {
		display: block;
		padding: 0;
	}

	.cctTelTim {
		font-size: 1.8rem;
		margin: 0 0 5px;
	}

	.ftrNavBox {
		padding: 30px 0 0;
		display: none;
	}
	
	.ftrNavLst {
		display: block!important;
	}
	
	.ftrNavLst li:not(.ftrNav li) {
		width: 100%;
		margin: 0 0 30px;
	}

	.ftrNav {
		font-size: 1.6rem;
		background: #fff;
		border-radius: 6px;
	}
	
	.ftrNav li a,
	.ftrNav li .noLnk {
		display: block;
		position: relative;
		padding: 15px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		z-index: 1;
	}

	.ftrNav li a:after,
	.ftrNav li .noLnk:after {
		content: "";
		position: absolute;
		top: calc(50% - 10px);
		right: 15px;
		width: 20px;
		height: 20px;
		box-sizing: border-box;
		background: url(../images/common/arw_rt_wt.png) center no-repeat #00a0e9;
		background-size: 8px auto;
		border-radius: 50%;
		z-index: 2;
	} 
	
	.ftrNav li:not(:last-child) {
		margin: 0;
		border-bottom: solid 1px #f7f7f7;
	}
	
	.ftrLwrNav {
		display: flex;
		flex-wrap: wrap;
	}
	
	.ftrLwrNav dt {
		width: 100%;
		position: relative;
		font-size: 1.5rem;
		margin: 0 0 10px;
		border-radius: 4px;
		z-index: 1;
	}
	
	.ftrLwrNav dt a:link,
	.ftrLwrNav dt a:visited {
		color: #fff!important;
	}
	
	.ftrNavLst li:nth-child(2) .ftrLwrNav dt {
		background: #00a0e9;
	}
	
	.ftrNavLst li:nth-child(3) .ftrLwrNav dt {
		background: #0060ab;
	}
	
	.ftrNavLst li:nth-child(4) .ftrLwrNav dt {
		background: #003762;
	}
	
	.ftrLwrNav dt a:after {
		content: "";
		position: absolute;
		top: calc(50% - 10px);
		right: 15px;
		width: 20px;
		height: 20px;
		box-sizing: border-box;
		border-radius: 50%;
		z-index: 2;
	} 
	
	.ftrNavLst li:nth-child(2) .ftrLwrNav dt a:after {
		background: url(../images/common/arw_rt_lb.png) center no-repeat #fff;
		background-size: 8px auto;
	}
	
	.ftrNavLst li:nth-child(3) .ftrLwrNav dt a:after {
		background: url(../images/common/arw_rt_bl.png) center no-repeat #fff;
		background-size: 8px auto;
	}
	
	.ftrNavLst li:nth-child(4) .ftrLwrNav dt a:after {
		background: url(../images/common/arw_rt_db.png) center no-repeat #fff;
		background-size: 8px auto;
	}
	
	.ftrLwrNav dd {
		text-align: center;
		width: 50%;
		box-sizing: border-box;
		font-size: 1.3rem;
		margin: 0;
		background: #fff;
		border-bottom: solid 1px #f7f7f7;
		border-right: solid 1px #f7f7f7;
	}

	.ftrLwrNav dd:not(:last-child) {
		margin: 0;
	}
	
	.ftrLwrNav a,
	.ftrLwrNav .noLnk {
		display: block;
		position: relative;
		padding: 15px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		z-index: 1;
	}

	.ftrOtrBox {
		display: block;
		padding: 20px 0 0;
	}

	.ftrSubNav {
		justify-content: center;
		font-size: 1.4rem;
		margin: 0 0 20px;
	}

	.ftrSubNav li {
		margin: 0 5px;
	}

	.ftrSubNav li:not(:last-child):after {
		right: -15px;
	}

	.cpyTxt {
		text-align: center;
		font-size: 1rem;
	}
}

/*======================================================

  個人のお客様

======================================================*/

.psnMnAra {
	background: url(../images/personal/bg_main.jpg) center no-repeat;
	background-size: cover;
}

/* psnNavAra */
.psnNavAra {
	padding: 100px 30px;
}

.psnNavWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.psnNavLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.psnNavLst li {
	width: calc(33.33% - 40px);
	margin: 0 20px 60px;
	padding: 0 0 60px;
	position: relative;
}

.psnNavLst li:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/personal/bg_nav_personal.jpg) center no-repeat;
	background-size: cover;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.psnNavLg {
	max-width: 200px;
	margin: 0 auto 15px;
}

.psnNavBox .cntNavBtnBox {
	text-align: center;
}

.psnNavBox .cntNavBtn a:after {
	background: url(../images/common/arw_rt_lb.png) center no-repeat #fff;
	background-size: 10px auto;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.psnNavAra {
		padding: 80px 30px;
	}

	.psnNavLst {
		margin: 0 -10px;
	}

	.psnNavLst li {
		width: calc(33.33% - 20px);
		margin: 0 10px 40px;
		padding: 0 0 50px
	}

	.psnNavLg {
		max-width: 140px;
	}
}

@media screen and (max-width:767px) {
	.psnNavAra {
		padding: 40px 15px;
	}

	.psnNavLst {
		margin: 0 -5px;
	}

	.psnNavLst li {
		width: 100%;
		margin: 0 0 20px;
		padding: 0 0 40px
	}
	
	.psnNavLst li:last-child {
		border-radius: 6px;
	}

	.psnNavLg {
		max-width: 80px;
		margin: 0 auto 10px;
	}
}

/* voiAra */
.voiAra {
	padding: 100px 0;
	background: url(../images/common/bg_sponsor.jpg) center repeat-x;
	background-size: auto 100%;
}

.voiWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.voiLst {
	display: flex;
}

.slide-items {
  width: 100%;
  height: 100%;
}

.slide-items img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.voiLst li {
	margin: 0 20px;
	padding: 30px 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.voiLstTtlBox {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}

.voiLstImg {
	max-width: 60px;
	margin: 0 15px 0 0;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.05);
}

.voiLstTtl {
	width: calc(100% - 75px);
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
}

.voiLstTtl a {
	border-bottom: solid 2px #d4e9fa;
}

.voiLstCth {
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #fff;
	letter-spacing: -0.005em;
	margin: 0 0 20px;
	padding: 7px;
	background: #00a0e9;
	border-radius: 30px;
}

.voiLstTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.voiAra {
		padding: 80px 0;
	}

	.voiLst li {
		margin: 0 10px;
		padding: 20px 10px;
	}

	.voiLstTtlBox {
		margin: 0 0 15px;
	}

	.voiLstImg {
		max-width: 50px;
		margin: 0 10px 0 0;
	}

	.voiLstTtl {
		width: calc(100% - 60px);
		font-size: 1.8em;
	}

	.voiLstCth {
		font-size: 1.5rem;
		margin: 0 0 15px;
		padding: 7px;
		border-radius: 6px;
	}
}

@media screen and (max-width:767px) {
	.voiAra {
		padding: 40px 0;
	}
	
	.voiWrp {
		padding: 0 15px;
	}

	.voiLst li {
		margin: 0 15px;
		padding: 15px 10px;
	}

	.voiLstTtlBox {
		margin: 0 0 15px;
	}

	.voiLstImg {
		max-width: 40px;
		margin: 0 10px 0 0;
	}

	.voiLstTtl {
		width: calc(100% - 50px);
		font-size: 1.6em;
	}

	.voiLstCth {
		font-size: 1.5rem;
		margin: 0 0 10px;
		padding: 5px;
		border-radius: 4px;
	}
}

/* psnCctAra */
.psnCctAra {
	padding: 60px 30px 100px;
}

.psnCctBox {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	overflow: hidden;
	background: url(../images/common/bg_x.png) right -150px center no-repeat #00a0e9;
	background-size: 900px auto;
	border-radius: 15px;
	
}

.psnCctAraBig {
	padding: 0px 0 100px;
}

.psnCctAraBig .psnCctBox {
	max-width: 100%;	
}

.psnCctTtl {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 30px;
}

.psnCctCntBox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.psnCctBtnBox {
	margin: 0 30px 0 0;
}

.psnCctBtn {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.2;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.psnCctBtn a {
	width: 300px;
	display: block;
	line-height: 45px;
	position: relative;
	padding: 20px 10px 20px 80px;
	box-sizing: border-box;
	border-radius: 6px;
	background: url(../images/common/icn_contact.png) left 20px center no-repeat #ff9c00;
	background-size: 25px auto;
}

.psnCctBtn a.navy {
	/*background-color: #0060ab;*/
}

.psnCctBtn a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 65px;
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.3);
}

.psnCctCntBox .cctTelInfBox {
	color: #fff;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.psnCctAra {
		padding: 40px 30px 80px;
	}

	.psnCctBox {
		padding: 20px;
		background: url(../images/common/bg_x.png) right -130px center no-repeat #00a0e9;
		background-size: 800px auto;
		border-radius: 10px;
	}

	.psnCctTtl {
		font-size: 2rem;
		margin: 0 0 20px;
	}
	
	.psnCctBtnBox {
		margin: 0 10px 20px 10px;
	}

	.psnCctBtn {
		font-size: 1.6rem;
	}

	.psnCctBtn a {
		width: 300px;
		line-height: 40px;
		position: relative;
		padding: 15px 10px 15px 80px;
	}
}

@media screen and (max-width:767px) {
	.psnCctAra {
		padding: 20px 15px 40px;
	}
	
	.psnCctAraBig {
		padding: 0 0 40px;	
	}
	
	.psnCctAra .noLnk {
		text-align: left;
	}

	.psnCctBox {
		padding: 15px;
		background: url(../images/common/bg_x.png) right -100px top -50px no-repeat #00a0e9;
		background-size: 500px auto;
		border-radius: 6px;
	}

	.psnCctTtl {
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	
	.psnCctCntBox {
		display: block;
	}
	
	.psnCctBtnBox {
		margin: 0 0 10px;
	}
	
	.psnCctBtn {
		text-align: left;
		font-size: 1.5rem;
	}

	.psnCctBtn a {
		width: 100%;
		line-height: 1.3;
		position: relative;
		padding: 20px 10px 20px 80px;
	}
}

/*======================================================

  個人のお客様　＞　サービスページ

======================================================*/

/* メイン
-------------------------------------*/

.prsSvcAra {
	padding: 100px 30px 0;
	line-height: 2;
}

.prsSvcWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.prsSvcMan {
	display: flex;
	align-items: center;
	margin-bottom: 75px;
}

.prsSvcManImg {
	width: 53%;
	box-sizing: border-box;
}

.prsSvcManImg img {
	border-radius: 10px;
}

.prsSvcManTxt {
	margin-left: -50px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 45px;
	border-radius: 10px;
	text-align: center;
	width: calc(47% + 50px);
	box-sizing: border-box;
}

.prsSvcManTtl {
	background: #00a0e9;
	text-align: center;
	margin-bottom: 30px;
	font-size: 2.6rem;
	font-weight: 600;
	display: inline-block;
	color: #fff;
	border-radius: 5px;
	padding: 5px 20px;
}

.prsSvcManTxt p {
	text-align: left;
	font-size: 1.6rem;
}

.prsIco {
	background: #019ee4;
	color: #fff;
	font-size: 2rem;
	display: inline-block;
	border-radius: 1000px;
	padding: 3px 13px 5px;
	margin: 0 10px 0 0;
}

.prsTtl {
	margin-bottom: 6px;
	display: inline-block;
}

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

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

	.prsSvcAra {
		padding: 40px 15px 0;
	}
	.prsSvcMan {
		display: flex;
		align-items: center;
		margin-bottom: 40px;
	}

	.prsSvcManImg {
		display: none;
	}

	.prsSvcManTxt {
		margin-left: 0;
		padding: 0;
		width: 100%;
		border-radius: 0;
		box-shadow: none;
	}
	.prsSvcManTxt img {
		width: calc(100% + 30px);
		max-width: calc(100% + 30px);
		margin: 0 -15px 20px;
	}

	.prsSvcManTtl {
		margin-bottom: 20px;
		font-size: 2rem;
		display: block;
		text-align: left;
	}

	.prsSvcManTxt p {
		font-size: 1.5rem;
	}

	.prsIco {
		display: none;
	}

	.prsTtl {
		margin-bottom: 6px;
		display: block;
	}	
	
}


/* 特徴とメリット
-------------------------------------*/

.prsSvcMrt {
	margin-bottom: 75px;
	
	line-height: 2;
}

.prsSvcMrtInr {
	display: flex;
	margin-bottom: 80px;
}

.prsSvcMrtInrTxt {
	font-size: 1.6rem;
	width: 70%;
	box-sizing: border-box;
	padding-right: 30px;
}

.prsSvcMrtInrTxt p:not(:last-child){
	margin-bottom: 15px;
}

.prsSvcMrtInrImg {
	width: 30%;
}

.prsSvcMrtInrImg img {
	border: 1px solid #ccc;
	border-radius: 10px;
}

.prsSvcMrtLst {
	display: table;
	width: 100%;
	position: relative;
}

.prsSvcMrtLstImg {
	width: 37%;
	position: relative;
	background: center center no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-radius: 10px 0 0 10px;
}

.prsSvcMrtLst:before {
	content: "";
	width: 176px;
	height: 152px;
	display: block;
	position: absolute;
	z-index: 2;
	top: -35px;
	left:  35px;
	background: url("../images/personal/img_chara.png") center center no-repeat;
	background-size: cover;
}

.prsSvcMrtLstImgPv {
	background-image: url("../images/personal/pv/img_merit.jpg")
}

.prsSvcMrtLstImgBattery {
	background-image: url("../images/personal/battery/img_merit.jpg")
}

.prsSvcMrtLstImgV2h {
	background-image: url("../images/personal/v2h/img_merit.jpg")
}

.prsSvcMrtLstImgAllelectric {
	background-image: url("../images/personal/allelectric/img_merit.jpg")
}

.prsSvcMrtLstTxt {
	background: #f7f7f7;
	width: 63%;
	box-sizing: border-box;
	padding: 20px 35px;
	display: table-cell;
	border-radius: 0 10px 10px 0;
}

.prsSvcMrtLstTxt ol {
	list-style: none;
	counter-reset: number 0;
	font-size: 1.6rem;
	font-weight: 600;
}

.prsSvcMrtLstTxt ol li {
	border-bottom: 1px solid #d3d3d3;
	padding: 12px 0 20px 50px;
	display: flex;
	align-items: center;
	position: relative;
	
}

.prsSvcMrtLstTxt ol li:last-child {
	border-bottom: none;
}

.prsSvcMrtLstTxt ol li:before {
	counter-increment: number 1;
	content: counter(number) " ";
	display: block;
	background: #019ee4;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 1000px;
	box-sizing: border-box;
	font-size: 2rem;
	margin-right: 10px;
	padding-top: 9px;
	position: absolute;
	line-height: 1;
	top: 10px;
	left: 0;
}

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

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

	.prsSvcMrt {
		margin-bottom: 40px;
	}

	.prsSvcMrtInr {
		margin-bottom: 40px;
		flex-wrap: wrap;
	}

	.prsSvcMrtInrTxt {
		font-size: 1.5rem;
		width: 100%;
		padding-right: 0;
		order: 2;
	}

	.prsSvcMrtInrTxt p:not(:last-child){
		margin-bottom: 15px;
	}

	.prsSvcMrtInrImg {
		width: 100%;
		order: 1;
		margin-bottom: 20px;
	}
	
	.prsSvcMrtInrImg img {
		width: 100%;
	}

	.prsSvcMrtLst {
		display: block;
		width: 100%;
		position: relative;
		border-radius: 10px;
		overflow: inherit;
		margin-top: 80px;
	}

	.prsSvcMrtLstImg {
		width: 100%;
		background-size: cover;
		color: #fff;
		font-size: 2rem;
		line-height: 1.5;
		display: block;
		border-radius: 10px 10px 0 0;
		padding: 35px 15px;
		text-align: center;
		box-sizing: border-box;
	}
	
	.prsSvcMrtLstImg br {
		display: none;
	}

	.prsSvcMrtLst:before {
		width: 88px;
		height: 76px;
		top: -40px;
		left:  50%;
		margin-left: -44px;
	}

	.prsSvcMrtLstTxt {
		padding: 10px 20px;
		border-radius: 0 0 10px 10px;
		box-sizing: border-box;
		width: 100%;
		display: block;
	}

	.prsSvcMrtLstTxt ol {
		font-size: 1.5rem;
	}

	.prsSvcMrtLstTxt ol li {
		border-bottom: 1px solid #d3d3d3;
		padding: 12px 0 20px 50px;
		display: flex;
		align-items: center;
		position: relative;

	}

	.prsSvcMrtLstTxt ol li:last-child {
		border-bottom: none;
	}

	.prsSvcMrtLstTxt ol li:before {
		width: 30px;
		height: 30px;
		padding-top: 4px;
		top: 15px;
	}
	
}


/* 活用事例
-------------------------------------*/

.prsSvcUse {
	margin-bottom: 75px;	
}

.prsSvcUseLst {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.prsSvcUseLst li {
	width: 32%;
	margin-right: 2%;
	margin-top: 30px;
}

.prsSvcUseLst li:nth-child(3n) {
	margin-right: 0;	
}

.prsSvcUseLst li:nth-child(1),
.prsSvcUseLst li:nth-child(2),
.prsSvcUseLst li:nth-child(3){
	margin-top: 0;
}

.prsSvcUseLst li .img img {
	border-radius: 10px;
}

.prsSvcUseLst li .txt {
	font-size: 1.6rem;
	margin-top: 15px;
}

.prsSvcUse {
	margin-bottom: 75px;	
}

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

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

	.prsSvcUse {
		margin-bottom: 40px;	
	}

	.prsSvcUseLst li {
		width: 49%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.prsSvcUseLst li:nth-child(3n) {
		margin-right: auto;	
	}

	.prsSvcUseLst li:nth-child(2n) {
		margin-right: 0;	
	}

	.prsSvcUseLst li:nth-child(3){
		margin-top: 20px;
	}

	.prsSvcUseLst li .txt {
		font-size: 1.5rem;
		margin-top: 10px;
		line-height: 1.5;
	}

	.prsSvcUse {
		margin-bottom: 40px;	
	}
	
}


/* 施工事例
-------------------------------------*/

.prsSvcCrn {
	padding: 0;
}

.wkrNav {
	background: #ebf4ff;
	margin: 0 0 80px;
	padding: 30px 50px;
	border-radius: 10px;
}

.wrkNavInr {
	display: flex;
	border-bottom: 2px solid #c9daed;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.wrkNavInr:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.wrkNavInr p {
	width: 190px;
	font-size: 1.8rem;
	font-weight: bold;
}

.wrkNavInr ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 190px);
}

.wrkNavInr ul li {
	position: relative;
	margin: 5px 30px 5px 0;
	font-size: 1.4rem;
	font-weight: 450;
	display: flex;
	align-items: center;
}


.wrkNavInr ul li:not(:last-child)::after {
	content: "/";
	color: #00a0e9;
	position: absolute;
	top: 0;
	right: -18px;
}

.wrkIcn img {
	margin-right: 8px;
}

.icnAll:before       { background-image: url("../images/common/icn_all_gr.png") }
.icnAllectric:before { background-image: url("../images/common/icn_allelectric.png") }
.icnPv:before        { background-image: url("../images/common/icn_pv_gr.png") }
.icnIh:before        { background-image: url("../images/common/icn_ih_gr.png") }
.icnEcocute:before   { background-image: url("../images/common/icn_ecocute.png") }
.icnButtery:before   { background-image: url("../images/common/icn_battery.png") }
.icnReform:before    { background-image: url("../images/common/icn_reform.png") }
.icnOther:before     { background-image: url("../images/common/icn_other.png") }

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

	.wkrNav {
		margin: 0 0 40px;
		padding: 15px 15px;
	}

	.wrkNavInr {
		display: block;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.wrkNavInr:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.wrkNavInr p {
		width: 100%;
		font-size: 1.6rem;
		margin-bottom: 10px;
	}

	.wrkNavInr ul {
		width: 100%;
	}
	
}

/* 導入の流れ
-------------------------------------*/

.prsSvcFlw {
	margin: 0 0 75px;
}

.prsSvcFlwBox {
	text-align: center;
	margin: 0 auto;
	padding: 60px;
	box-sizing: border-box;
	overflow: hidden;
	background: url(../images/common/bg_x.png) right -150px center no-repeat #00a0e9;
	background-size: auto;
	background-size: 900px auto;
	border-radius: 15px;
}

.prsSvcFlwLst {
	display: flex;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
}

.prsSvcFlwLst li {
	width: 120px;
	text-align: center;
	list-style: none;
	position: relative;
	padding: 0 25px;
}

.prsSvcFlwLst li:before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	top: 35px;
	left: 0;
}

.prsSvcFlwLst li:first-child:before {
	width: 50%;
	left: 50%;
}

.prsSvcFlwLst li:last-child:before {
	width: 50%;
	right: 50%;
}

.prsSvcFlwLstStp {
	width: 74px;
	height: 74px;
	border-radius: 1000px;
	background: #fff;
	display: table;
	margin: 0 auto 30px;
	position: relative;
	z-index: 2;
}

.prsSvcFlwLstStp p {
	display: table-cell;
	vertical-align: middle;
	color: #00a0e9;
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 1;
}

.prsSvcFlwLstStp p span {
	font-size: 2.6rem;
	display: block;
}

.prsSvcFlwLstTxt {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background: #fff;
	width: 120px;
	text-align: left;
	line-height: 120px;
	padding: 25px 0;
	font-size: 2rem;
	font-weight: 600;
	border-radius: 10px;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.prsSvcFlwLstTxt {
			width: 70px;
			line-height: 70px;
	}	
}

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

	.prsSvcFlw {
		margin: 0 0 40px;
	}

	.prsSvcFlwBox {
		padding: 15px;
		background: url(../images/common/bg_x.png) right -150px center no-repeat #00a0e9;
		background-size: auto;
		background-size: 900px auto;
		border-radius: 15px;
	}

	.prsSvcFlwLst {
		display: block;
		margin: 0 auto;
		text-align: center;
		justify-content: center;
	}

	.prsSvcFlwLst li {
		width: 100%;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.prsSvcFlwLst li:before {
		content: "";
		display: block;
		width: 4px;
		height: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		left: 26px
	}

	.prsSvcFlwLst li:first-child:before {
		top: 50%;
		left: 26px;
		width: 4px;
		height: 50%;
	}

	.prsSvcFlwLst li:last-child:before {
		top: auto;
		bottom: 50%;
		left: 26px;
		width: 4px;
		height: 50%;
	}

	.prsSvcFlwLstStp {
		width: 60px;
		height: 60px;
		margin: 0;
	}

	.prsSvcFlwLstStp p {
		font-size: 1.2rem;
	}

	.prsSvcFlwLstStp p span {
		font-size: 2rem;
	}

	.prsSvcFlwLstTxt {
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		background: #fff;
		width: calc(100% - 90px);
		line-height: 2;
		padding: 10px;
		font-size: 1.5rem;
		margin: 10px 0 10px 10px;
	}

	
}

/*======================================================

  個人のお客様　＞　お客様の声

======================================================*/


/* 一覧
-------------------------------------*/

.prsVceLst {
	margin-bottom: 75px;
}

.vceLst {
	display: flex;
	flex-wrap: wrap;
}

.vceLst li {
	width: 48.5%;
	margin-top: 30px;
	margin-right: 3%;
	border-radius: 10px;
	padding: 15px;
	background: #ebf4ff;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
	box-sizing: border-box;
}

.vceLst li:nth-child(2n){
	margin-right: 0;
}

.vceLst li:nth-child(1),
.vceLst li:nth-child(2){
	margin-top: 0;
}

.vceLst li .hdr {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.vceLst li .hdr .thm {
	width: 30px;
	width: 64px;
	margin-right: 20px;
}

.vceLst li .hdr .thm img {
	border-radius: 1000px;
	border: 3px solid #fff;
}

.vceLst li .hdr .inf .inr {
	margin-bottom: 7px;
}

.vceLst li .hdr .inf .inr {
	display: flex;
	align-items: center;
}

.vceLst li .hdr time {
	font-size: 1.4rem;
	color: #333;
	margin-right: 20px;
	font-weight: 600;
}

.vceLst li .hdr span {
	background: #00a0e9;
	color: #fff;
	border-radius: 1000px;
	padding: 0 10px;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 450;
}

.vceLst li .ttl {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
}

.vceLst li .opt {
	border-radius: 10px;
	padding: 5px 10px;
	background: #fff;
	display: flex;
	font-size: 1.6rem;
	color: #333;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.vceLst li {
		width: 100%;
		margin-right: 0;
	}

	.vceLst li:nth-child(2){
		margin-top: 30px;
	}
}

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

	.prsVceLst {
		margin-bottom: 40px;
	}
	
	.vceLst li {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}

	.vceLst li:nth-child(2){
		margin-top: 20px;
	}	
	.vceLst li .hdr time {
		font-size: 1.3rem;
		margin-right: 10px;
	}

	.vceLst li .hdr span {
		font-size: 1.3rem;
	}
	
	.vceLst li .hdr .inf .inr {
		margin-bottom: 5px;
	}

	.vceLst li .ttl {
		font-size: 1.6rem;
	}
	
	.vceLst li .opt {
		display: block;
	}

	.vceLst li .opt {
		font-size: 1.5rem;
	}
}

/* 動画
-------------------------------------*/

.vceMovLst {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 75px;
}

.vceMovLst li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 30px;
	box-sizing: border-box;
	border: 1px solid #001f8b;
	border-radius: 10px;
	overflow: hidden;
}

.vceMovLst li:nth-child(4n){
	margin-right: 0;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	
	.vceMovLst li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
	}
	
	.vceMovLst li:nth-child(2n){
		margin-right: 0;
	}
	
}

@media screen and (max-width:767px) {
	
	.vceMovLst {
		margin-bottom: 40px;
	}
	
	.vceMovLst li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

}

/* バナー
-------------------------------------*/

.pnrBnr {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 120px;
}

.pnrBnr li {
	margin-right: 30px;
	margin-top: 30px;
	width: calc(50% - 15px);
	background-size: cover;
	border-radius: 10px;
	background-position: center center;
	position: relative;
}

.pnrBnr li:nth-child(2n){
	margin-right: 0;
}


.pnrBnr li:nth-child(1),
.pnrBnr li:nth-child(2){
	margin-top: 0;	
}


.pnrBnrEco {
	background: url("../images/personal/nav_eco.png");
	background-size: cover;
}

.pnrBnrSubsidy {
	background: url("../images/personal/nav_subsidy.png");
	background-size: cover;
}

.pnrBnrRecruit {
	background: url("../images/personal/nav_recruit.png");
	background-size: cover;
}

.pnrBnrPartner {
	background: url("../images/personal/nav_partner.png");
	background-size: cover;
}

.pnrBnr li a {
	display: flex;
	height: 350px;
	box-sizing: border-box;
	padding: 30px;
	align-items: center;
	color: #fff!important;
}

.pnrBnr li a .ttl {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
}

.pnrBnr li a .en {
	font-size: 1.4rem;
}

.pnrBnr li a:before {
	content: "→";
	font-weight: 900;
	color: #06a2ea;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 1000px;
	font-size: 1.8rem;
	position: absolute;
	top: 50%;
	right: 40px;
	margin-top: -20px;
}

@media screen and (max-width:767px) {
	
	
	.pnrBnr {
		margin-bottom: 60px;
	}

	.pnrBnr li {
		margin-right: 0;
		margin-top: 20px;
		width: 100%;
	}

	.pnrBnr li:nth-child(2){
		margin-top: 20px;	
	}

	.pnrBnr li a {
		display: flex;
		height: auto;
		box-sizing: border-box;
		padding: 20px;
		align-items: center;
		color: #fff!important;
	}

	.pnrBnr li a .ttl {
		font-size: 2rem;
		line-height: 1.3;
	}

	.pnrBnr li a .en {
		font-size: 1.3rem;
	}

	.pnrBnr li a:before {
		width: 30px;
		height: 30px;
		font-size: 1.6rem;
		top: 50%;
		right: 20px;
		margin-top: -15px;
	}


}

/*======================================================

  個人のお客様　＞　サービスページ

======================================================*/

.bnrPdc {
	width: 100%;
	background: url("../images/common/bnr_products_bg.png");
	background-size: cover;
	border-radius: 10px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 30px;
	margin-bottom: 120px;
}

.bnrPdc p {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	white-space: nowrap;
	padding-right: 60px;
	width: 300px;
}

.bnrPdc ul {
	display: flex;
	border-radius: 10px;
	overflow: hidden;width: 
}

.bnrPdc li {
	position: relative;
	width: 25%;
}

.bnrPdc li a span {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	background: #283e60;
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	font-size: 1.2rem;
	font-weight: 450;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	
	.bnrPdc {
		padding: 20px 15px 15px;
		margin-bottom: 70px;
		display: block;		
	}

	.bnrPdc p {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}

	.bnrPdc ul {
		display: flex;
		flex-wrap: wrap;
	}

	.bnrPdc li {
		position: relative;
		width: 50%;
		box-sizing: border-box;
	}
	.bnrPdc li img {
		width: 100%;
	}

	.bnrPdc li a span {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		background: #283e60;
		color: #fff;
		padding: 5px 10px;
		overflow: hidden;
		font-size: 1.2rem;
		font-weight: 450;
	}	
}


@media screen and (max-width:767px) {
	
	.bnrPdc {
		padding: 20px 15px 15px;
		margin-bottom: 70px;
		display: block;		
	}

	.bnrPdc p {
		font-size: 1.8rem;
		padding-right: 0;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}

	.bnrPdc ul {
		display: flex;
		flex-wrap: wrap;
	}

	.bnrPdc li {
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}
	.bnrPdc li img {
		width: 100%;
	}

	.bnrPdc li a span {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		background: #283e60;
		color: #fff;
		padding: 5px 10px;
		overflow: hidden;
		font-size: 1.2rem;
		font-weight: 450;
	}
	
}

/*======================================================

  法人のお客様

======================================================*/

.bsnMnAra {
	background: url(../images/business/bg_main.jpg) center no-repeat;
	background-size: cover;
}

/* msnAra */
.msnAra {
	margin: 100px 0 60px;
	padding: 0 30px;
	background: url(../images/business/bg_mission.jpg) top no-repeat;
	background-size: cover;
}

.msnWrp {
	max-width: 1350px;
	height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.msnTtl {
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 60px;
	text-shadow: 0 0 25px rgba(1,119,162,0.3);
}

.msnTtl:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: calc(50% - 30px);
	width: 60px;
	height: 2px;
	background: #fff;
}

.msnTxt {
	text-align: center;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.6;
	color: #fff;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.msnAra {
		margin: 80px 0 60px;
	}

	.msnWrp {
		height: 400px;
	}

	.msnTtl {
		font-size: 4rem;
		margin: 0 0 40px;
	}

	.msnTtl:after {
		bottom: -20px;
		left: calc(50% - 25px);
		width: 50px;
	}

	.msnTxt {
		font-size: 2rem;
	}
}

@media screen and (max-width:767px) {
	.msnAra {
		margin: 40px 0 20px;
		padding: 20px 15px;
	}

	.msnWrp {
		height: auto;
		min-height: 150px;
	}

	.msnTtl {
		font-size: 2.5rem;
		margin: 0 0 20px;
	}

	.msnTtl:after {
		bottom: -10px;
		left: calc(50% - 15px);
		width: 30px;
	}

	.msnTxt {
		text-align: left;
		font-size: 1.6rem;
	}
}


/* bsnNavAra */
.bsnNavAra {
	margin: 100px 0 0;
	padding: 100px 30px 0;
	background: url(../images/common/bg_x.png) top -200px right -800px no-repeat #0060ab;
	background-size: 2200px auto;
}

.bsnNavWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.bsnNavCntTtlBox {
	text-align: center;
	margin: 0 0 80px;
}

.bsnNavCntTtl {
	text-align: center;
	position: relative;
	display: inline-block;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1.3;
	color: #fff;
	padding: 0 0 0 190px;
	text-shadow: 0 0 25px rgba(1,119,162,0.3);
	background: url(../images/common/lg_min_wt.png) left no-repeat;
	background-size: 180px auto;
}

.bsnNavLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.bsnNavLst li {
	width: calc(33.33% - 40px);
	margin: 0 20px 60px;
	padding: 0 0 60px;
	position: relative;
}

.bsnNavLst li:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bsnNavLg {
	max-width: 200px;
	margin: 0 auto;
}

.bsnNavImg {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 30px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.bsnNavImg:before {
	display: block;
	content: "";
	padding-top: 39.1%;
}

.bsnNavImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bsnNavTtlBox {
	text-align: center;
	margin: 0 0 25px;
}

.bsnNavTtl {
	text-align: center;
	display: inline-block;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #0060ab;
	letter-spacing: -0.005em;
	padding: 5px 20px;
	background: #fff;
	border-radius: 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);

}

.bsnNavTtl .minTxt {
	font-size: 1.6rem;
}

.bsnNavCth {
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.5;
	color: #fff;
	letter-spacing: -0.05em;
	margin: 0 0 25px;
}

.bsnNavTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
}

.bsnNavLst .cntNavBtn a:after {
	background: url(../images/common/arw_rt_lb.png) center no-repeat #fff;
	background-size: 10px auto;
} 

@media screen and (min-width:768px) and (max-width:1040px) {
	.bsnNavAra {
		margin: 80px 0 0;
		padding: 80px 30px 0;
	}

	.bsnNavCntTtlBox {
		margin: 0 0 60px;
	}

	.bsnNavCntTtl {
		font-size: 4rem;
		padding: 0 0 0 160px;
		background-size: 150px auto;
	}

	.bsnNavLst {
		margin: 0 -10px;
	}

	.bsnNavLst li {
		width: calc(33.33% - 20px);
		margin: 0 10px 40px;
		padding: 0 0 50px;
	}

	.bsnNavLg {
		max-width: 140px;
		margin: 0 auto;
	}

	.bsnNavImg {
		margin: 0 0 20px;
	}

	.bsnNavTtlBox {
		margin: 0 0 20px;
	}

	.bsnNavTtl {
		display: block;
		font-size: 1.7rem;
		padding: 5px 20px;
	}

	.bsnNavTtl .minTxt {
		font-size:1.5rem;
	}

	.bsnNavCth {
		font-size: 2rem;
		margin: 0 0 20px;
	}
}

@media screen and (max-width:767px) {
	.bsnNavAra {
		margin: 40px 0 0;
		padding: 40px 15px 0;
	}

	.bsnNavCntTtlBox {
		margin: 0 0 20px;
	}

	.bsnNavCntTtl {
		font-size: 2rem;
		padding: 0 0 0 90px;
		background-size: 80px auto;
	}

	.bsnNavLst {
		margin: 0 -10px;
	}

	.bsnNavLst li {
		width: 100%;
		margin: 0 0 40px;
		padding: 0 0 40px;
	}

	.bsnNavLg {
		max-width: 80px;
		margin: 0 auto;
	}

	.bsnNavImg {
		margin: 0 0 10px;
		border-radius: 4px;
	}

	.bsnNavTtlBox {
		margin: 0 0 10px;
	}

	.bsnNavTtl {
		display: block;
		font-size: 1.5rem;
		padding: 3px 5px;
		border-radius: 4px;
	}

	.bsnNavTtl .minTxt {
		font-size:1.3rem;
	}

	.bsnNavCth {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}
	
	.bsnNavTxt {
		font-size: 1.5rem;
	}
}

/* bsnNav1LAra */
.bsnNav1LAra {
	padding: 100px 30px 0;
}

.bsnNav1LWrp {
	max-width: 1000px;
	margin: 0 auto;
}

.cntNav1LBox {
	height: 250px;
	padding: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 8px;
	background: url(../images/business/bg_partner.jpg) center no-repeat;
	background-size: cover;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.bsnNav1LAra {
		padding: 80px 30px 0;
	}

	.cntNav1LBox {
		height: 200px;
		padding: 30px;
	}
}

@media screen and (max-width:767px) {
	.bsnNav1LAra {
		padding: 40px 15px 0;
	}

	.cntNav1LBox {
		height: 100px;
		padding: 10px;
		border-radius: 4px;
	}
}

/* bsnPsnNavAra */
.bsnPsnNavAra {
	padding: 100px 30px 40px;
}

.bsnPsnNavWrp {
	max-width: 1350px;
	margin: 0 auto;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.bsnPsnNavAra {
		padding: 80px 30px 40px;
	}
}

@media screen and (max-width:767px) {
	.bsnPsnNavAra {
		padding: 40px 15px 20px;
	}
}


/*======================================================

  個人のお客様　＞　コラム

======================================================*/

.clmCnt {
	padding-bottom: 80px;
}

/* clmPkzAra */
.clmPkzAra {
	background: #f7f7f7;
}

/* clmMnAra */
.clmMnAra {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 100px 0 0;
	background: #00a0e9;
}

.clmMnBox {
	display: flex;
	align-items: center;
	justify-content: center;
}

.clmMnLg {
	max-width: 120px;
	margin: 0 20px 0 0;
}

.clmMnTtl {
	font-weight: 900;
	font-size: 2.6rem;
	line-height: 1;
	color: #fff;
}

/* clmSldAra */
.clmSldAra {
	padding: 50px 0;
	background: #f7f7f7;
}

.clmSldLst li {
	overflow: hidden;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.slick-slide {
	height: auto;
	transform: scale(.9);
	transition: opacity .5s, transform .5s;
	width: 100%;
}

.slick-center {
	transform: scale(1);
}

.clmSldBox {
	padding: 40px 30px;
}

.clmSldTtl {
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1.4;
}

.dotWrp {
	margin: 40px 0 0;
    display: flex;
    justify-content: center;
}

.dotWrp li {
    width: 60px;
    height: 6px;
    margin: 0 5px;
    background: #aeaeae;
    cursor: pointer;
}

.dotWrp li:hover,
.dotWrp li.slick-active {
    background: #00a0e9;
	transition: all  0.3s ease;
}

.dotWrp li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

/* layout */
.clmAllWrp {
	max-width: 1350px;
	display: flex;
	margin: 0 auto;
	padding: 100px 30px 0;
}

.clmMnWrp {
	width: calc(100% - 340px);
}

.clmSdWrp {
	max-width: 300px;
	margin: 0 0 0 40px;
}

/* clmNwsAra */
.clmNwsLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -60px;
}

.clmNwsLst li {
	width: calc(33.33% - 30px);
	margin: 0 15px 60px;
}

/* side */
.clmSdBnr {
	margin: 0 0 30px;
	overflow: hidden;
	border-radius: 8px;
}

.clmSdTtl {
	text-align: center;
	font-weight: 900;
	font-size: 3.2rem;
	line-height: 1;
	margin: 0 0 20px;
}

/* clmCtgAra */
.clmCtgAra {
	margin: 0 0 30px;
	padding: 20px 10px 10px;
	background: url(../images/common/bg_column.jpg) top left;
	background-size: auto;
	border-radius: 10px;
}

.clmCtgLst {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	overflow: hidden;
	border-radius: 8px;
}

.clmCtgLst li:not(:last-child) {
	margin: 0 0 1px;
}

.clmCtgLst li a {
	display: block;
	padding: 15px 20px;
	background: url(../images/common/arw_min_rt_gy.png) right 15px center no-repeat #fff;
	background-size: 10px auto;
}

/* clmTagAra */
.clmTagAra {
	margin: 0 0 30px;
	padding: 20px 10px 10px;
	background: url(../images/common/bg_column.jpg) top left;
	background-size: auto;
	border-radius: 10px;
}

.clmTagLst {
	display: flex;
	flex-wrap: wrap;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 -5px -10px;
}

.clmTagLst li {
	text-align: center;
	margin: 0 5px 10px;
}

.clmTagLst li a {
	display: inline-block;
	padding: 15px;
	background: #fff;
	border-radius: 4px;
}

.clmTagLst li a:hover {
	color: #fff!important;
	background: #00a0e9;
	transition: all  0.3s ease;
}

.clmTagOpnBtn {
	text-align: center;
	display: block;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	margin: 20px 0 0;
	padding: 20px;
	overflow: hidden;
	background: url(../images/common/arw_min_bt_wt.png) right 15px center no-repeat #00a0e9;
	background-size: 15px auto;
	border-radius: 6px;
	cursor: pointer;
}

.clmTagClsBtn {
	text-align: center;
	display: block;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	margin: 20px 0 0;
	padding: 20px;
	overflow: hidden;
	background: url(../images/common/arw_min_tp_wt.png) right 15px center no-repeat #00a0e9;
	background-size: 15px auto;
	border-radius: 6px;
	cursor: pointer;
}

.clmTagOpnBtn:hover,
.clmTagClsBtn:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

/* clmRnkAra */
.clmRnkAra {
	margin: 0 0 30px;
	padding: 20px 10px 10px;
	background: url(../images/common/bg_column.jpg) top left;
	background-size: auto;
	border-radius: 10px;
}

.clmRnkCtgLst {
	text-align: center;
	display: flex;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}

.clmRnkCtgLst li {
	width: 33.33%;
	box-sizing: border-box;
}

.clmRnkCtgLst li:not(:last-child) {
	margin: 0 1px 0 0;
}

input[name="tab-radio"] {
   display: none;
}

.tab-label {
	display: block;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	padding: 15px;
	background: #00a0e9;
	cursor: pointer;
	transition: .3s;
}

.tab-label:hover {
	background: #66c6f2;
}

.selected .tab-label {
	opacity: 10;
	cursor: auto;
	color: #00a0e9;
	background: #fff;
	transition: .3s;
}

.panel-b,
.panel-c {
	display: none;
}

.clmRnkLst {
	padding: 20px 10px;
	background: #fff;
	border-radius: 0 0 8px 8px;
}

.clmRnkLst li {
	display: flex;
}

.clmRnkLst li:not(:last-child) {
	margin: 0 0 20px;
}

.clmRnkImgBox {
	max-width: 100px;
	width: 100%;
	position: relative;
	margin: 0 10px 0 0;
}

.clmRnkNbr {
	text-align: center;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	padding: 4px 0 0;
	box-sizing: border-box;
	background: #00a0e9;
	border-radius: 4px 0 18px 0;
	z-index: 2;
}

.clmRnkImg {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 4px;
	z-index: 1;
}

.clmRnkImg:before {
	display: block;
	content: "";
	padding-top: 70%;
}

.clmRnkImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.clmRnkCntBox {
	width: calc(100% - 110px);
}

.clmRnkCntBox .nwsTyp {
	font-size: 1rem;
	display: inline-block;
	margin: 0 0 5px;
}

.clmRnkCntBox .nwsTyp a {
	min-width: 60px;
}

.clmRnkTtl {
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 1.3;
}

/* pgeNavAra */
.pgeNavAra {
	padding: 0 0 100px;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.clmMnAra {
		height: 60px;
		margin: 60px 0 0;
	}

	.clmMnLg {
		max-width: 100px;
		margin: 0 15px 0 0;
	}

	.clmMnTtl {
		font-size: 2.4rem;
	}

	.clmSldAra {
		padding: 40px 0;
	}

	.clmSldLst li {
		border-radius: 8px;
		box-shadow: 0 0 10px rgba(0,0,0,0.05);
	}

	.clmSldBox {
		padding: 20px;
	}

	.clmSldTtl {
		font-size: 2.2rem;
	}

	.dotWrp {
		margin: 30px 0 0;;
	}

	.dotWrp li {
		width: 50px;
		height: 5px;
	}

	.clmAllWrp {
		padding: 80px 30px 0;
	}

	.clmMnWrp {
		width: calc(100% - 280px);
	}

	.clmSdWrp {
		max-width: 260px;
		margin: 0 0 0 20px;
	}

	.clmNwsLst {
		margin: 0 -10px -30px;
	}

	.clmNwsLst li {
		width: calc(50% - 20px);
		margin: 0 10px 30px;
	}

	.clmSdBnr {
		margin: 0 0 25px;
		border-radius: 6px;
	}

	.clmSdTtl {
		font-size: 2.4rem;
		margin: 0 0 15px;
	}

	.clmCtgAra {
		margin: 0 0 25px;
		padding: 15px 10px 10px;
		border-radius: 8px;
	}

	.clmCtgLst {
		font-size: 1.6rem;
		border-radius: 6px;
	}

	.clmCtgLst li a {
		display: block;
		padding: 12px 15px;
	}

	.clmTagAra {
		margin: 0 0 25px;
		padding: 15px 10px 10px;
		border-radius: 8px;
	}

	.clmTagLst {
		font-size: 1.6rem;
	}

	.clmTagLst li a {
		padding: 12px;
	}

	.clmTagOpnBtn,
	.clmTagClsBtn {
		font-size: 1.6rem;
		margin: 15px 0 0;
		padding: 15px;
	}

	.clmRnkAra {
		margin: 0 0 25px;
		padding: 15px 10px 10px;
		border-radius: 8px;
	}

	.clmRnkCtgLst {
		border-radius: 6px 6px 0 0;
	}

	.tab-label {
		font-size: 1.6rem;
		padding: 10px;
	}

	.clmRnkLst {
		padding: 15px 10px;
		border-radius: 0 0 6px 6px;
	}

	.clmRnkLst li:not(:last-child) {
		margin: 0 0 15px;
	}

	.clmRnkImgBox {
		max-width: 80px;
	}

	.clmRnkNbr {
		width: 26px;
		height: 26px;
		font-size: 1.6rem;
		padding: 3px 0 0;
		border-radius: 4px 0 16px 0;
	}

	.clmRnkCntBox {
		width: calc(100% - 90px);
	}

	.pgeNavAra {
		padding: 0 0 80px;
	}
}

@media screen and (max-width:767px) {
	.clmMnAra {
		height: 40px;
		margin: 60px 0 0;
	}

	.clmMnLg {
		max-width: 75px;
		margin: 0 5px 0 0;
	}

	.clmMnTtl {
		font-size: 1.8rem;
	}

	.clmSldAra {
		padding: 30px 20px;
	}

	.clmSldLst li {
		border-radius: 6px;
		box-shadow: 0 0 10px rgba(0,0,0,0.05);
	}

	.clmSldBox {
		padding: 15px;
	}

	.clmSldTtl {
		font-size: 1.8rem;
	}

	.dotWrp {
		margin: 20px 0 0;;
	}

	.dotWrp li {
		width: 30px;
		height: 4px;
	}

	.clmAllWrp {
		display: block;
		padding: 30px 20px 0;
	}

	.clmMnWrp {
		width: 100%;
		margin: 0 0 30px;
	}

	.clmSdWrp {
		max-width: 100%;
		margin: 0;
	}

	.clmNwsLst {
		margin: 0 -5px -10px;
	}

	.clmNwsLst li {
		width: calc(50% - 10px);
		margin: 0 5px 10px;
	}

	.clmSdBnr {
		margin: 0 0 20px;
		border-radius: 6px;
	}

	.clmSdTtl {
		font-size: 2rem;
		margin: 0 0 15px;
	}

	.clmCtgAra {
		margin: 0 0 20px;
		padding: 15px 10px 10px;
		border-radius: 6px;
	}

	.clmCtgLst {
		font-size: 1.6rem;
		border-radius: 4px;
	}

	.clmCtgLst li a {
		display: block;
		padding: 15px 10px;
		background: url(../images/common/arw_min_rt_gy.png) right 10px center no-repeat #fff;
		background-size: 8px auto;
	}

	.clmTagAra {
		margin: 0 0 20px;
		padding: 15px 10px 10px;
		border-radius: 6px;
	}

	.clmTagLst {
		font-size: 1.6rem;
	}

	.clmTagLst li a {
		padding: 15px 10px;
	}

	.clmTagOpnBtn,
	.clmTagClsBtn {
		font-size: 1.5rem;
		margin: 15px 0 0;
		padding: 15px;
		background-size: 12px auto;
		border-radius: 4px;
	}

	.clmRnkAra {
		margin: 0 0 20px;
		padding: 15px 10px 10px;
		border-radius: 6px;
	}

	.clmRnkCtgLst {
		border-radius: 6px 6px 0 0;
	}

	.tab-label {
		font-size: 1.5rem;
		padding: 15px 5px;
	}

	.clmRnkLst {
		padding: 15px 10px;
		border-radius: 0 0 6px 6px;
	}

	.clmRnkLst li:not(:last-child) {
		margin: 0 0 15px;
	}

	.clmRnkImgBox {
		max-width: 70px;
	}

	.clmRnkNbr {
		width: 24px;
		height: 24px;
		font-size: 1.5rem;
		padding: 3px 0 0;
		border-radius: 4px 0 14px 0;
	}

	.clmRnkCntBox {
		width: calc(100% - 80px);
	}

	.pgeNavAra {
		padding: 0;
	}
}

/*======================================================

  個人のお客様　＞　コラム　＞　コラム詳細

======================================================*/

.clmDtlAllWrp {
	max-width: 1150px;
	display: flex;
	margin: 0 auto;
	padding: 100px 30px;
}

/* clmDtlInfAra */
.clmDtlInfAra {
	margin: 0 0 50px;
}

.clmDtlInfTtl {
	font-weight: 700;
	font-size: 3.4rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.clmDtlInfBox {
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
	padding: 30px 0 0;
	border-top: solid 6px #ebf4ff;
}

.clmDtlInfBox .nwsDtaBox {
	margin: 0;
}

.clmDtlShrBox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 0 80px;
	padding: 20px 0 0;
	border-top: solid 1px #d3d3d3;
}

.clmShrLst {
	display: flex;
	align-items: center;
	margin: 0 0 0 20px;
}

.clmShrLst dt {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
}

.clmShrLst dd {
	margin: 0 0 0 20px;
}

.clmShrLst img {
	max-width: 30px;
}

.clmDtlSmrBox {
	margin: 0 0 80px;
	padding: 20px;
	background: url(../images/common/bg_column.jpg) top left;
	background-size: auto;
	border-radius: 10px;
}

.clmDtlSmrTtl {
	text-align: center;
	font-weight: 700;
	font-size: 2.3rem;
	line-height: 1.3;
	margin: 0 0 25px;
}

.clmDtlSmrInr {
	position: relative;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	z-index: 1;
}

.clmDtlSmrInr:before {
	content: "”";
	position: absolute;
	top: -20px;
	right: -10px;
	font-weight: 900;
	font-size: 6.5rem;
	line-height: 1;
	color: #00a0e9;
	z-index: 2;
}

.clmDtlSmrInr:after {
	content: "“";
	position: absolute;
	bottom: -35px;
	left: -10px;
	font-weight: 900;
	font-size: 6.5rem;
	line-height: 1;
	color: #00a0e9;
	z-index: 2;
}

.clmDtlSmrTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
}

.clmDtlTocTtl {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1;
	margin: 0 0 20px;
	padding: 0 0 0 35px;
	background: url(../images/common/icn_toc_lb.png) left no-repeat;
	background-size: 30px auto;
}

.clmDtlTocLstBox {
	margin: 0 0 50px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
}

.clmDtlTocLst {
	counter-reset: number 0;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.3;
	margin: -40px 0 0;
}

.clmDtlTocLst li {
	position: relative;
}

.clmDtlTocLstTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 20px 0 25px;
	padding: 20px 0 0 35px;
}

.clmDtlTocLstTtl:not(:first-child) {
	padding: 20px 0 0 35px;
	border-top: solid 1px #d3d3d3;
}

.clmDtlTocLst li.clmDtlTocLstTtl:before {
	text-align: center;
	counter-increment: number 1;
	content: counter(number) " ";
	position: absolute;
	top: 18px;
	left: 0;
	width: 24px;
	height: 24px;
	color: #fff;
	line-height: 1;
	padding: 3px 0 0;
	box-sizing: border-box;
	background: #00a0e9;
	border-radius: 50%;
}

.clmDtlTocLst li:not(.clmDtlTocLstTtl) {
	margin: 0 0 15px 50px;
	padding: 0 0 0 15px;
}

.clmDtlTocLst li:not(.clmDtlTocLstTtl):before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 7px;
	height: 7px;
	box-sizing: border-box; 
	border: solid 2px #00a0e9;
	background: #fff;
	border-radius: 0;
}

.clmMnBnr {
	margin: 0 0 80px;
	overflow: hidden;
	border-radius: 10px;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.clmDtlAllWrp {
		padding: 80px 30px;
	}

	.clmDtlInfAra {
		margin: 0 0 30px;
	}

	.clmDtlInfTtl {
		font-size: 3rem;
		margin: 0 0 15px;
	}

	.clmDtlInfBox {
		margin: 0 0 20px;
		padding: 20px 0 0;
		border-top: solid 4px #ebf4ff;
	}

	.clmDtlShrBox {
		margin: 0 0 60px;
		padding: 15px 0 0;
	}

	.clmShrLst {
		margin: 0 0 0 10px;
	}

	.clmShrLst dt {
		font-size: 1.4rem;
	}

	.clmShrLst dd {
		margin: 0 0 0 10px;
	}

	.clmShrLst img {
		max-width: 20px;
	}

	.clmDtlSmrBox {
		margin: 0 0 60px;
		padding: 15px;
		border-radius: 8px;
	}

	.clmDtlSmrTtl {
		font-size: 2rem;
		margin: 0 0 15px;
	}

	.clmDtlSmrInr {
		padding: 15px;
		border-radius: 6px;
	}

	.clmDtlSmrInr:before {
		font-size: 6rem;
	}

	.clmDtlSmrInr:after {
		font-size: 6rem;
	}

	.clmDtlTocTtl {
		font-size: 2.2rem;
		margin: 0 0 15px;
		padding: 0 0 0 30px;
		background-size: 25px auto;
	}

	.clmDtlTocLstBox {
		margin: 0 0 30px;
		padding: 15px;
		border-radius: 8px;
	}

	.clmDtlTocLst {
		margin: -30px 0 0;
	}

	.clmDtlTocLstTtl {
		margin: 15px 0 20px;
		padding: 15px 0 0 30px;
	}

	.clmDtlTocLstTtl:not(:first-child) {
		padding: 15px 0 0 30px;
	}

	.clmDtlTocLst li:before {
		top: 15px;
		width: 22px;
		height: 22px;
		padding: 2px 0 0;
	}

	.clmDtlTocLst li:not(.clmDtlTocLstTtl) {
		margin: 0 0 10px 40px;
	}

	.clmMnBnr {
		margin: 0 0 60px;
		border-radius: 8px;
	}
}

@media screen and (max-width:767px) {
	.clmDtlAllWrp {
		display: block;
		padding: 30px 20px;
	}

	.clmDtlInfAra {
		margin: 0 0 20px;
	}

	.clmDtlInfTtl {
		font-size: 2rem;
		margin: 0 0 10px;
	}

	.clmDtlInfBox {
		display: block;
		margin: 0 0 15px;
		padding: 15px 0 0;
		border-top: solid 3px #ebf4ff;
	}

	.clmDtlShrBox {
		margin: 0 0 30px;
		padding: 10px 0 0;
	}

	.clmShrLst {
		margin: 10px 0 0;
	}

	.clmShrLst dt {
		font-size: 1.4rem;
		margin: 0 10px 0 0;
	}

	.clmShrLst dd {
		margin: 0 10px 0 0;
	}

	.clmShrLst img {
		max-width: 20px;
	}

	.clmDtlSmrBox {
		margin: 0 0 30px;
		padding: 10px;
		border-radius: 6px;
	}

	.clmDtlSmrTtl {
		font-size: 1.8rem;
		margin: 0 0 10px;
	}

	.clmDtlSmrInr {
		padding: 15px;
		border-radius: 6px;
	}

	.clmDtlSmrInr:before {
		top: -15px;
		right: -5px;
		font-size: 4.5rem;
	}

	.clmDtlSmrInr:after {
		bottom: -25px;
		left: -5px;
		font-size: 4.5rem;
	}

	.clmDtlTocTtl {
		font-size: 2rem;
		margin: 0 0 10px;
		padding: 0 0 0 25px;
		background-size: 20px auto;
	}

	.clmDtlTocLstBox {
		margin: 0 0 30px;
		padding: 10px;
		border-radius: 6px;
	}

	.clmDtlTocLst {
		margin: -20px 0 0;
	}

	.clmDtlTocLstTtl {
		margin: 15px 0 20px;
		padding: 15px 0 0 30px;
	}

	.clmDtlTocLstTtl:not(:first-child) {
		padding: 15px 0 0 30px;
	}

	.clmDtlTocLst li:before {
		top: 15px;
		width: 20px;
		height: 20px;
		font-size: 1.4rem;
		padding: 2px 0 0;
	}

	.clmDtlTocLst li:not(.clmDtlTocLstTtl) {
		margin: 0 0 10px 30px;
	}

	.clmMnBnr {
		margin: 0 0 30px;
		border-radius: 6px;
	}
}

/*======================================================

  法人のお客様　＞　サービスページ

======================================================*/

.bizSvcAra {
	padding: 100px 30px 0;
}

.bizSvcWrp {
	max-width: 1350px;
	margin: 0 auto;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	
	.bizSvcAra {
		padding: 60px 30px 0;
	}
	
}

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

	.bizSvcAra {
		padding: 40px 15px 0;
	}
	
}

/* メイン
-------------------------------------*/

.bizSvcMan {
	display: flex;
	width: 100%;
	margin: 0 0 75px;
}

.bizSvcManImg {
	width: 42%;
}

.bizSvcManImg img {
	border-radius: 10px;
}

.bizSvcManTxt {
	width: calc(58% - 50px);
	margin-left: 50px;
	box-sizing: border-box;
	border-top: 1px solid #d3d3d3;
	position: relative;
	padding: 30px 0 0;
}

.bizSvcMan.rvs .bizSvcManImg {
	order: 2;
}

.bizSvcMan.rvs .bizSvcManTxt {
	order: 1;
	margin-right: 50px;
	margin-left: 0;
}

.bizSvcManTxt:before {
	content: "";
	width: 100px;
	height: 4px;
	background: #333333;
	position: absolute;
	top: 0;
	left: 0;
}

.bizSvcManTxt:after {
	content: "";
	width: 40px;
	height: 4px;
	background: #00a0e9;
	position: absolute;
	top: 0;
	left: 104px;
}

.bizSvcManTtl {
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 30px;
}

.bizSvcManTxt p {
	margin-bottom: 20px;
	font-size: 1.6rem;
}

.bizSvcManTxt p:last-child {
	margin-bottom: 0;
}

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

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

	.bizSvcMan {
		margin: 0 0 40px;
		display: block;
	}

	.bizSvcManImg {
		width: 100%;
		margin-bottom: 30px;
	}

	.bizSvcManTxt {
		width: 100%;
		margin-left: 0;
		padding: 15px 0 0;
	}

	.bizSvcManTxt:before {
		width: 100px;
	}

	.bizSvcManTtl {
		font-size: 2rem;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.bizSvcManTxt p {
		margin-bottom: 20px;
		font-size: 1.5rem;
	}
	
}


/* 実績
-------------------------------------*/

.bizSvcRlt {
	width: 100%;
	margin: 0 0 75px;	
}

.bizSvcRlt ul {
	display: flex;
	flex-wrap: wrap;
}

.bizSvcRlt ul li {
	width: 48%;
	margin-right: 4%;
	margin-top: 30px;
}

.bizSvcRlt.per100 ul li {
	width: 100%;
	margin-right: 0;
}

.bizSvcRlt ul li:nth-child(2) {
	margin-right: 0;
}

.bizSvcRlt ul li:nth-child(1), 
.bizSvcRlt ul li:nth-child(2) {
	margin-top: 0;
}

.bizSvcRlt ul li .img {
	margin-bottom: 20px;
}

.bizSvcRlt ul li .txt {
	font-size: 1.6rem;
}

.bizSvcRltNum {
	font-size: 1.6rem;
	font-weight: 600;
	color: #00a0e9;
}

.bizSvcRltNum span:nth-child(1){
	font-size: 4rem;
}

.bizSvcRltNum span:nth-child(2){
	font-size: 2.8rem;
}

.bizSvcRltNum span:nth-child(3){
	font-size: 2.4rem;
}

.bizSvcRltTxt {
	font-size: 1.6rem;
}

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

@media screen and (max-width:767px) {
	.bizSvcRlt {
		width: 100%;
		margin: 0 0 40px;	
	}

	.bizSvcRlt ul li {
		width: 100%;
		margin-right: 0%;
		margin-top: 30px;
	}

	.bizSvcRlt ul li:nth-child(2) {
		margin-right: 0;
	}

	.bizSvcRlt ul li:nth-child(2) {
		margin-top: 30px;
	}

	.bizSvcRlt ul li .img {
		margin-bottom: 10px;
	}

	.bizSvcRlt ul li .txt {
		font-size: 1.5rem;
	}

	.bizSvcRltNum {
		font-size: 1.5rem;
		margin-top: -15px;
	}

	.bizSvcRltNum span:nth-child(1){
		font-size: 3rem;
	}

	.bizSvcRltNum span:nth-child(2){
		font-size: 2.4rem;
	}

	.bizSvcRltNum span:nth-child(3){
		font-size: 2rem;
	}

	.bizSvcRltTxt {
		font-size: 1.5rem;
	}
}



/* 選ばれる理由
-------------------------------------*/

.bizSvcRsn {
	width: 100%;
	margin: 0 0 75px;	
}

.bizSvcRsn ol {
	display: flex;
	flex-wrap: wrap;
}

.bizSvcRsn ol li {
	width: 48%;
	margin-right: 4%;
	margin-top: 30px;
	background: #ebf4ff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 20px;
}

.bizSvcRsn ol li:nth-child(2n) {
	margin-right: 0;
}

.bizSvcRsn ol li:nth-child(1), 
.bizSvcRsn ol li:nth-child(2) {
	margin-top: 0;
}

.bizSvcRsn ol li .img {
	width: 240px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.bizSvcRsn ol li .txt {
	font-size: 2rem;
	font-weight: 600;
	color: #00a0e9;
	box-sizing: border-box;
	padding-left: 20px;
	width: calc(100% - 240px);
}

.bizSvcRsn ol li .txt .pgh {
	font-size: 1.4rem;
	color: #333;
	font-weight: normal;
	margin-top: 10px;
}

.bizSvcRsn ol li .num {
	display: block;
	padding: 5px 20px;
	color: #fff;
	font-weight: 600;
	background: #00a0e9;
	position: absolute;
	font-size: 2.4rem;
	font-weight: 900;
	top: 0;
	left: 0;
	z-index: 2;
	border-radius: 0 0 10px 0;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	
	.bizSvcRsn ol li {
		width: 100%;
		margin-right: 0;
	}

	.bizSvcRsn ol li:nth-child(2) {
		margin-top: 30px;
	}
	
}

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

	.bizSvcRsn {
		margin: 0 0 40px;	
	}

	.bizSvcRsn ol {
		display: block;
	}

	.bizSvcRsn ol li {
		width: 100%;
		margin-right: 0%;
		margin-top: 20px;
		padding: 10px;
	}

	.bizSvcRsn ol li:nth-child(2n) {
		margin-right: 0;
	}

	.bizSvcRsn ol li:nth-child(2) {
		margin-top: 20px;
	}

	.bizSvcRsn ol li .img {
		width: 120px;
	}

	.bizSvcRsn ol li .txt {
		font-size: 1.6rem;
		padding-left: 10px;
		width: calc(100% - 120px);
		line-height: 1.5;
	}

	.bizSvcRsn ol li .num {
		display: block;
		padding: 0 10px;
		font-size: 1.8rem;
	}
	
}


/*======================================================

  企業情報

======================================================*/

.cmpMnAra {
	background: url(../images/company/bg_main.jpg) center no-repeat;
	background-size: cover;
}

/* plsAra */
.plsAra {
	padding: 100px 30px 0;
}

.plsWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.plsLst li:not(.plsNbrLst li) {
	display: flex;
	padding: 80px 0;
	border-bottom: solid 1px #d3d3d3;
}

.plsTtl {
	max-width: 420px;
	width: 100%;
	font-weight: 900;
	font-size: 2.2rem;
	line-height: 1;
	color: #00a0e9;
	margin: 0 30px 0 0;
	box-sizing: border-box;
}

.plsTtl .minTxt {
	font-size: 1.6rem;
}

.plsTxt {
	width: calc(100% - 450px);
	font-weight: 900;
	font-size: 3.4rem;
	line-height: 1.3;
}

.plsTxt br {
	display: none;
}

.plsNbrLstBox {
	width: calc(100% - 450px);
}

.plsNbrLst {
	font-weight: 900;
	font-size: 3rem;
	line-height: 1.3;
	list-style: none;
	counter-reset: number 0;
}

.plsNbrLst li {
	position: relative;
	padding: 0 0 0 50px;
}

.plsNbrLst li:before {
	counter-increment: number 1;
	content: "0" counter(number);
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 2.6rem;
	color: #00a0e9;
}

.plsNbrLst li:not(:last-child) {
	margin: 0 0 50px;
}

@media screen and (max-width:1350px) {
	.plsTxt br {
		display: block;
	}
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.plsAra {
		padding: 80px 30px 0;
	}

	.plsLst li:not(.plsNbrLst li) {
		padding: 60px 0;
	}

	.plsTtl {
		max-width: 220px;
		font-size: 2rem;
	}

	.plsTtl .minTxt {
		font-size: 1.5rem;
	}

	.plsTxt {
		width: calc(100% - 250px);
		font-size: 3rem;
	}

	.plsNbrLstBox {
		width: calc(100% - 250px);
	}

	.plsNbrLst {
		font-size: 2.4rem;
	}

	.plsNbrLst li {
		padding: 0 0 0 40px;
	}

	.plsNbrLst li:before {
		top: 0;
		font-size: 2.4rem;
	}

	.plsNbrLst li:not(:last-child) {
		margin: 0 0 30px;
	}
}

@media screen and (max-width:767px) {
	.plsAra {
		padding: 40px 15px 0;
	}

	.plsLst li:not(.plsNbrLst li) {
		display: block;
		padding: 20px 0;
	}

	.plsTtl {
		max-width: 100%;
		font-size: 1.6rem;
		margin: 0 0 15px;
	}

	.plsTtl .minTxt {
		font-size: 1.2rem;
	}

	.plsTxt {
		width: 100%;
		font-size: 1.8rem;
	}

	.plsNbrLstBox {
		width: 100%;
	}

	.plsNbrLst {
		font-size: 1.6rem;
		letter-spacing: -0.005em;
	}

	.plsNbrLst li {
		padding: 0 0 0 25px;
	}

	.plsNbrLst li:before {
		top: 0;
		font-size: 1.6rem;
	}

	.plsNbrLst li:not(:last-child) {
		margin: 0 0 15px;
	}
}

/* cmpNavAra */
.cmpNavAra {
	padding: 100px 30px 0;
}

.cmpNavWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.cntNav2L {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.cntNav2L li {
	width: calc(50% - 40px);
	margin: 0 20px 40px;
}

.cmpCntNav li:nth-child(1) .cntNav2LBox {
	background: url(../images/company/bg_nav_01.jpg) center no-repeat;
	background-size: cover;
}

.cmpCntNav li:nth-child(2) .cntNav2LBox {
	background: url(../images/company/bg_nav_02.jpg) center no-repeat;
	background-size: cover;
}

.cmpCntNav li:nth-child(3) .cntNav2LBox {
	background: url(../images/company/bg_nav_03.jpg) center no-repeat;
	background-size: cover;
}

.cmpCntNav li:nth-child(4) .cntNav2LBox {
	background: url(../images/company/bg_nav_04.jpg) center no-repeat;
	background-size: cover;
}

.cntNav2LBox {
	height: 300px;
	padding: 50px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 8px;
}

.cntNavTtlBox {
	width: 100%;
	display: block;
	position: relative;
}

.cntNavTtlBox:after {
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../images/common/arw_rt_lb.png) center no-repeat #fff;
	background-size: 15px auto;
	border-radius: 50%;
}

.cntNav2LTtl {
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.1;
	margin: 0 0 15px;
}

.cntNav2LTtlEn {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.cmpNavAra {
		padding: 80px 30px 0;
	}

	.cntNav2L {
		margin: 0 -10px;
	}

	.cntNav2L li {
		width: calc(50% - 20px);
		margin: 0 10px 20px;
	}

	.cntNav2LBox {
		height: 200px;
		padding: 30px;
	}

	.cntNavTtlBox:after {
		top: calc(50% - 17px);
		width: 34px;
		height: 34px;
		background-size: 12px auto;
	}

	.cntNav2LTtl {
		font-size: 2.4rem;
		margin: 0 0 10px;
	}

	.cntNav2LTtlEn {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:767px) {
	.cmpNavAra {
		padding: 40px 15px 0;
	}

	.cntNav2L {
		margin: 0 -5px;
	}

	.cntNav2L li {
		width: calc(50% - 10px);
		margin: 0 5px 10px;
	}

	.cntNav2LBox {
		height: 100px;
		padding: 10px;
		border-radius: 4px;
	}

	.cntNavTtlBox:after {
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
		background-size: 10px auto;
	}

	.cntNav2LTtl {
		font-size: 1.8rem;
		margin: 0 0 5px;
	}

	.cntNav2LTtlEn {
		font-size: 1.2rem;
	}
}

/* cmpSrmAra */
.cmpSrmAra {
	padding: 80px 30px 0;
}

.cmpSrmBox {
	max-width: 1350px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	padding: 50px;
	box-sizing: border-box;
	overflow: hidden;
	background: url(../images/common/bg_geometry.jpg) right -30px center no-repeat #00a0e9;
	background-size: auto;
	border-radius: 8px;
}

.cmpSrmCntBox {
	margin: 0 20px 0 0;
}

.cmpSrmTtlBox {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}

.cmpSrmLg {
	max-width: 200px;
	margin: 0 20px 0 0;
}

.cmpSrmTtl {
	font-weight: 900;
	font-size: 3.8rem;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.cmpSrmTxt {
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.6;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.cmpSrmImg {
	max-width: 500px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.cmpSrmAra {
		padding: 60px 30px 0;
	}

	.cmpSrmBox {
		padding: 30px;
	}

	.cmpSrmCntBox {
		margin: 0 15px 0 0;
	}

	.cmpSrmTtlBox {
		display: flex;
		align-items: center;
		margin: 0 0 10px;
	}

	.cmpSrmLg {
		max-width: 130px;
		margin: 0 10px 0 0;
	}

	.cmpSrmTtl {
		font-size: 3rem;
	}

	.cmpSrmTxt {
		font-size: 1.6rem;
	}

	.cmpSrmImg {
		max-width: 350px;
	}
}

@media screen and (max-width:767px) {
	.cmpSrmAra {
		padding: 30px 15px 0;
	}

	.cmpSrmBox {
		display: block;
		padding: 15px;
	}

	.cmpSrmCntBox {
		margin: 0 0 15px;
	}

	.cmpSrmTtlBox {
		align-items: center;
		justify-content: center;
		margin: 0 0 10px;
	}

	.cmpSrmLg {
		max-width: 100px;
		margin: 0 5px 0 0;
	}

	.cmpSrmTtl {
		font-size: 2rem;
	}

	.cmpSrmTxt {
		text-align: left;
		font-size: 1.5rem;
	}

	.cmpSrmImg {
		max-width: 100%;
	}
}

/*======================================================

  企業情報　＞　会社概要

======================================================*/

/* 概要テーブル
-------------------------------------*/

.spcAra {
	padding: 100px 30px 0;
}

.spcWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.spcTbl {
	width: 100%;
}

.spcTbl th {
	border-bottom: 1px solid #d3d3d3;
	padding: 20px 0;
	width: 250px;
	font-weight: 600;
	font-size: 1.6rem;
}

.spcTbl td {
	border-bottom: 1px solid #d3d3d3;
	font-size: 1.6rem;
	padding: 20px 0;
}

.spcTbl td.space {
	border-bottom: 0;
	width: 50px;
}

.spcTbl tr:last-child th,
.spcTbl tr:last-child td {
	border-bottom: none;
}

.spcTbl .shpLst li:not(:last-child) {
	margin-bottom: 15px;
}

.spcTbl .nmlLst {
	list-style: disc;
	margin: 0 0 0 20px;
	line-height: 2;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.spcAra {
		padding: 60px 30px 0;
	}	
}

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

	.spcAra {
		padding: 40px 15px 0;
	}

	.spcTbl th {
		padding: 10px 0;
		width:100%;
		font-size: 1.5rem;
		display: block;
	}

	.spcTbl td {
		border-bottom: 1px solid #d3d3d3;
		font-size: 1.5rem;
		padding: 20px 0;
		display: block;
		width:100%;
	}

	.spcTbl td.space {
		display: none;
	}
	
}


/* 営業所紹介
-------------------------------------*/

.ofsAra {
	padding: 100px 30px 100px;
}

.ofsWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.ofsLst {
	display: flex;
	flex-wrap: wrap;
}

.ofsLst li {
	width: 50%;
	border-top: 1px solid #d3d3d3;
	display: flex;
	align-items: center;
	padding-top: 50px;
	margin-top: 50px;
}

.ofsLst li:nth-child(1),
.ofsLst li:nth-child(2) {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.ofsLst li .img {
	width: 310px;
	overflow: hidden;
	border-radius: 10px;
}

.ofsLst li .txt {
	box-sizing: border-box;
	width: calc(100% - 310px);
	font-size: 1.8rem;
	padding-left: 30px;
	font-weight: bold;
}

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

	.ofsLst li {
		width: 100%;
		border-top: 1px solid #d3d3d3;
		display: flex;
		align-items: center;
		padding-top: 50px;
		margin-top: 50px;
	}

	.ofsLst li:nth-child(2) {
		width: 100%;
		border-top: 1px solid #d3d3d3;
		padding-top: 50px;
		margin-top: 50px;
	}

	.ofsLst li .img {
		width: 310px;
		overflow: hidden;
		border-radius: 10px;
	}

	.ofsLst li .txt {
		box-sizing: border-box;
		width: calc(100% - 310px);
		font-size: 1.8rem;
		padding-left: 30px;
		font-weight: bold;
	}
	
}

@media screen and (max-width:767px) {
	
	.ofsAra {
		padding: 40px 15px 40px;
	}

	.ofsLst {
		display: block;
		padding-top: 20px;
	}

	.ofsLst li {
		width: 100%;
		border-top: 1px solid #d3d3d3;
		padding-top: 25px;
		margin-top: 25px;
	}

	.ofsLst li:nth-child(2) {
		width: 100%;
		border-top: 1px solid #d3d3d3;
		padding-top: 25px;
		margin-top: 25px;
	}

	.ofsLst li .img {
		width: 30%;
	}

	.ofsLst li .txt {
		font-size: 1.6rem;
		padding-left: 15px;
	}	
}

/* 加盟団体
-------------------------------------*/

.orgAra {
	padding: 0 30px 60px;
}

.orgWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.orgLst {
	display: flex;
	flex-wrap: wrap;
}

.orgLst li {
	width: 31%;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 45px;
	margin-right: 3.5%;
}

.orgLst li:nth-child(3n){
	margin-right: 0;
}

.orgLst li .img {
	position: relative;
	z-index: 0;
	margin: 0 auto;
}

.orgLst li .img:before {
  display: block;
  content: "";
  padding-top: 70%;
}

.orgLst li .img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 5px;
}

.orgLst li .txt {
	text-align: center;
	font-weight: bold;
	padding-top: 20px;
	font-size: 2rem;
	font-weight: 600;
}

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

	.orgLst li {
		width: 49%;
		margin-right: 2%;
	}
	
	.orgLst li:nth-child(2n){
		margin-right: 0;
	}

	.orgLst li:nth-child(3n){
		margin-right: auto;
	}
	
}

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

	.orgAra {
		padding: 0 15px 30px;
	}

	.orgLst li {
		width: 49%;
		border-radius: 10px;
		padding: 10px;
		margin-bottom: 15px;
		margin-right: 2%;
	}
	
	.orgLst li:nth-child(2n){
		margin-right: 0;
	}

	.orgLst li:nth-child(3n){
		margin-right: auto;
	}

	.orgLst li .txt {
		padding-top: 10px;
		font-size: 1.6rem;
	}
}

/* 表彰歴
-------------------------------------*/

.awdAra {
	padding: 0 30px 60px;
}

.awdWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.awdLst {
	display: flex;
	flex-wrap: wrap;
}

.awdLst li {
	width: 23.5%;
	box-sizing: border-box;
	margin-bottom: 30px;
	margin-right: 2%;
}

.awdLst li:nth-child(3n){
	margin-right: 0;
}

.awdLst li .img {
	position: relative;
	z-index: 0;
	margin: 0 auto 15px;
}

.awdLst li .img:before {
  display: block;
  content: "";
  padding-top: 70%;
}

.awdLst li .img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 5px;
}

.awdLst li a time {
	display: block;
	font-size: 1.15rem;
	color: #333;
	font-weight: 600;
}

.awdLst li p {
	font-size: 1.5rem;
	font-weight: 450;	
}

@media screen and (min-width:768px) and (max-width:1040px) {
	
	.awdLst li {
		width: 49%;
		margin-right: 2%;
	}
	
	.awdLst li:nth-child(2n){
		margin-right: 0;
	}

	.awdLst li:nth-child(3n){
		margin-right: auto;
	}
	
}

@media screen and (max-width:767px) {
	.awdAra {
		padding: 0 15px 40px;
	}

	.awdLst li {
		width: 49%;
		box-sizing: border-box;
		margin-bottom: 30px;
		margin-right: 2%;
	}
	
	.awdLst li:nth-child(2n){
		margin-right: 0;
	}

	.awdLst li:nth-child(3n){
		margin-right: auto;
	}

	.awdLst li .img {
		margin: 0 auto 10px;
	}

	.awdLst li a time {
		font-size: 1.1rem;
	}

	.awdLst li p {
		font-size: 1.4rem;
	}	
}

/*======================================================

  企業情報　＞　代表挨拶

======================================================*/

/* 皆さまへのご挨拶
-------------------------------------*/

.grtAra {
	padding: 100px 30px 60px;
}

.grtWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.grtMsg {
	position: relative;
	margin: 0 0 50px;
}

.grtTxt {
	font-size: 1.6rem;
	line-height: 2;
}

.grtTxt p:not(:last-child) {
	margin-bottom: 25px;
}

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

	.grtAra {
		padding: 60px 30px 60px;
	}	
}

@media screen and (max-width:767px) {
	
	.grtAra {
		padding: 40px 15px 40px;
	}

	.grtMsg {
		margin: 0 0 25px;
	}

	.grtMsg img {
		border-radius: 10px;
	}

	.grtTxt p{
		font-size: 1.5rem;
	}

	.grtTxt p:not(:last-child) {
		margin-bottom: 20px;
	}
	
}

/* 関連動画
-------------------------------------*/

.grtMovAra {
	padding: 0 30px 60px;
}

.grtMovWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.grtMovLst {
	display: flex;
	flex-wrap: wrap;
}

.grtMovLst li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
	box-sizing: border-box;
	border: 1px solid #001f8b;
	border-radius: 10px;
	overflow: hidden;
}

.grtMovLst li:nth-child(3n){
	margin-right: 0;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	
	.grtMovLst li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
	}
	
	.grtMovLst li:nth-child(2n){
		margin-right: 0;
	}

	.grtMovLst li:nth-child(3n){
		margin-right: auto;
	}
	
}

@media screen and (max-width:767px) {
	
	.grtMovAra {
		padding: 0 15px 40px;
	}
	
	.grtMovLst li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

}

/*======================================================

  お問い合わせ

======================================================*/

/* cctAra */
.cctAra {
	padding: 100px 30px;
}

.cctWrp {
	max-width: 800px;
	margin: 0 auto;
}

.cctCtaBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 100px;
	padding: 40px;
	background: url(../images/common/bg_x.png) right -250px top -200px no-repeat #00a0e9;
	background-size: 900px auto;
	border-radius: 8px;
}

.cctCtaTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	margin: 0 20px 0 0;
}

.cctCtaBox .cctTelInfBox {
	color: #fff;
}

.cctTtlBox {
	text-align: center;
	margin: 0 0 80px;
}

.cctTtl {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 4.2rem;
	line-height: 1.3;
	color: #1a335b;
	padding: 0 0 0 60px;
}

.telTtl:before {
	content: "";
	position: absolute;
	top: calc(50% - 23px);
	left: 0;
	width: 46px;
	height: 46px;
	background: url(../images/common/icn_tel_wt.png) center no-repeat #00a0e9;
	background-size: 30px auto;
	border-radius: 50%;
}

.webTtl:before {
	content: "";
	position: absolute;
	top: calc(50% - 23px);
	left: 0;
	width: 46px;
	height: 46px;
	background: url(../images/common/icn_web_wt.png) center no-repeat #00a0e9;
	background-size: 30px auto;
	border-radius: 50%;
}

.cctFlwImg {
	max-width: 400px;
	margin: 0 auto 50px;
}

.acv01 .cctFlwImg02,
.acv01 .cctFlwImg03,
.acv02 .cctFlwImg01,
.acv02 .cctFlwImg03,
.acv03 .cctFlwImg01,
.acv03 .cctFlwImg02 {
	display: none!important;
}

.errBox {
	padding: 20px;
	border: solid 1px #ec0000;
	border-radius: 8px;
}

.errLst {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	color: #ec0000;
}

.errLst li:not(:last-child) {
	margin: 0 0 10px;
}

.errTxt {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	color: #ec0000;
	margin: 10px 0 0;
}

.cctSctBox {
	margin: 0 0 30px;
	padding: 50px 0 0;
	border-top: solid 1px #d3d3d3;
}

.cctSctTtlBox {
	display: flex;
	align-items: center;
}

.cctCntTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
}

.cctCntTtl .minTxt {
	font-weight: 500;
	font-size: 1.2rem;
}

.essIcn {
	display: inline-block;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	margin: 0 0 0 20px;
	padding: 7px 12px;
	background: #00a0e9;
	border-radius: 4px;
}

.cctSctLst {
	display: flex;
	flex-wrap: wrap;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	margin: 30px 0 -10px;
}

.cctSctLst li {
	margin: 0 20px 30px 0;
}

.wpcf7-list-item {
	display: block;
	float: left;
	margin: 0 20px 35px 0;
}

.cctSctLst input {
	margin: 4px 5px 0 0;
}

.cctSctLst label {
	cursor: pointer;
}

.cctLstBox{
	padding: 50px 0;
	border-top: solid 1px #d3d3d3;
}

.cctLst li {
	display: flex;
}

.cctLst li:not(:last-child) {
	margin: 0 0 40px;
}

.cctLstTtlBox {
	max-width: 250px;
	width: 100%;
	display: flex;
	margin: 15px 50px 0 0;
	box-sizing: border-box;
}

.cctLstCntBox {
	width: calc(100% - 300px);
}

.frmBox01 {
	width: 100%;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 15px;
	box-sizing: border-box;
	background: #ebf4ff;
	border: none;
	border-radius: 8px;
}

.frmBox02 {
	max-width: 100px;
	width: 100%;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 15px;
	box-sizing: border-box;
	background: #ebf4ff;
	border: none;
	border-radius: 8px;
}

.frmBox03 {
	width: 100%;
	height: 150px;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 15px;
	box-sizing: border-box;
	background: #ebf4ff;
	border: none;
	border-radius: 8px;
}

input::placeholder {
  font-weight: 500;
  opacity: 0.5;
  color: #737373;
}

.cctLstAddBox {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
}

.cctLstAddBar {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
	margin: 0 10px;
}

.cctLstMrgBox {
	margin: 0 0 15px;
}

.cctAtnBox {
	text-align: center;
	padding: 50px 0;
	border-top: solid 1px #d3d3d3;
}

.cctAtnTxt {
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 20px 0 0;
}

.cctSndBtn {
	position: relative;
	z-index: 1;
}

.cctSndBtn input {
	text-align: left;
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.7em;
	line-height: 1;
	color: #fff;
	padding: 40px 30px;
	background: #00a0e9;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.cctSndBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: 30px;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background: url(../images/common/arw_rt_wt.png) center no-repeat;
	background-size: 14px auto;
	border: solid 1px #7fcff4;
	border-radius: 50%;
	z-index: 2;
} 

.cctBakBtn {
	position: relative;
	margin: 20px 0 0;
	z-index: 1;
}

.cctBakBtn input {
	text-align: left;
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.7em;
	line-height: 1;
	color: #00a0e9;
	padding: 30px;
	background: #ebf4ff;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.cctBakBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 15px);
	right: 30px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	background: url(../images/common/arw_rt_lb.png) center no-repeat;
	background-size: 10px auto;
	border: solid 1px #00a0e9;
	border-radius: 50%;
	z-index: 2;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.cctAra {
		padding: 80px 30px;
	}

	.cctCtaBox {
		margin: 0 0 80px;
		padding: 30px;
		background: url(../images/common/bg_x.png) right -200px top -150px no-repeat #00a0e9;
		background-size: 700px auto;
	}

	.cctCtaTtl {
		font-size: 1.8rem;
		margin: 0 15px 0 0;
	}

	.cctTtlBox {
		margin: 0 0 60px;
	}

	.cctTtl {
		font-size: 3.6rem;
		padding: 0 0 0 55px;
	}

	.telTtl:before,
	.webTtl:before {
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		background-size: 25px auto;
	}

	.cctFlwImg {
		max-width: 350px;
		margin: 0 auto 30px;
	}

	.errBox {
		padding: 15px;
	}

	.errLst {
		font-size: 1.4rem;
	}

	.errTxt {
		font-size: 1.4rem;
	}

	.cctSctBox {
		margin: 0 0 20px;
		padding: 30px 0 0;
	}

	.cctCntTtl {
		font-size: 1.5rem;
	}

	.essIcn {
		font-size: 1rem;
		margin: 0 0 0 15px;
		padding: 6px 10px;
	}

	.cctSctLst {
		font-size: 1.5rem;
		margin: 20px 0 0;
	}

	.cctSctLst li {
		margin: 0 15px 20px 0;
	}

	.cctLstBox{
		padding: 30px 0;
	}

	.cctLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.cctLstTtlBox {
		max-width: 200px;
		margin: 15px 30px 0 0;
	}

	.cctLstCntBox {
		width: calc(100% - 230px);
	}

	.frmBox01 {
		font-size: 1.4rem;
		padding: 10px;
		border-radius: 6px;
	}

	.frmBox02 {
		max-width: 80px;
		font-size: 1.4rem;
		padding: 10px;
		border-radius: 6px;
	}

	.frmBox03 {
		height: 120px;
		font-size: 1.4rem;
		padding: 10px;
		border-radius: 6px;
	}

	.cctLstAddBox {
		margin: 0 0 10px;
	}

	.cctLstAddBar {
		font-size: 1.4rem;
		margin: 0 7px;
	}

	.cctLstMrgBox {
		margin: 0 0 10px;
	}

	.cctAtnBox {
		padding: 30px 0;
	}

	.cctAtnTxt {
		font-size: 1.3rem;
		margin: 15px 0 0;
	}

	.cctSndBtn input {
		font-size: 1.6em;
		padding: 30px 20px;
	}

	.cctSndBtn:after {
		top: calc(50% - 18px);
		right: 25px;
		width: 36px;
		height: 36px;
		background-size: 12px auto;
	} 

	.cctBakBtn {
		margin: 15px 0 0;
	}

	.cctBakBtn input {
		font-size: 1.6em;
		padding: 25px;
	}

	.cctBakBtn:after {
		top: calc(50% - 13px);
		right: 25px;
		width: 26px;
		height: 26px;
		background-size: 8px auto;
	}
}

@media screen and (max-width:767px) {
	.cctAra {
		padding: 40px 15px;
	}

	.cctCtaBox {
		display: block;
		margin: 0 0 40px;
		padding: 15px;
		background: url(../images/common/bg_x.png) right -100px top -50px no-repeat #00a0e9;
		background-size: 500px auto;
	}

	.cctCtaTtl {
		text-align: center;
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	
	.cctTelBox {
		text-align: center;
	}

	.cctTtlBox {
		margin: 0 0 20px;
	}

	.cctTtl {
		font-size: 2rem;
		padding: 0 0 0 35px;
	}

	.telTtl:before,
	.webTtl:before {
		top: calc(50% - 13px);
		width: 26px;
		height: 26px;
		background-size: 16px auto;
	}

	.cctFlwImg {
		max-width: 300px;
		margin: 0 auto 20px;
	}

	.errBox {
		padding: 15px;
	}

	.errLst {
		font-size: 1.4rem;
	}

	.errTxt {
		font-size: 1.4rem;
	}

	.cctSctBox {
		margin: 0 0 30px;
		padding: 30px 0 0;
	}

	.cctCntTtl {
		font-size: 1.6rem;
	}

	.essIcn {
		font-size: 1rem;
		margin: 0 0 0 10px;
		padding: 5px 7px;
	}

	.cctSctLst {
		display: block;
		font-size: 1.5rem;
		margin: 20px 0 0;
	}

	.cctSctLst li {
		margin: 0 0 15px;
	}
	
	
	.wpcf7-list-item {
		margin: 0 0 20px;
		float: none;
	}

	.cctLstBox{
		padding: 20px 0;
	}
	
	.cctLst li {
		display: block;
	}
	
	.cctLst li:not(:last-child) {
		margin: 0 0 20px;
	}

	.cctLstTtlBox {
		max-width: 100%;
		margin: 0 0 10px;
	}

	.cctLstCntBox {
		width: 100%;
	}

	.frmBox01 {
		font-size: 1.4rem;
		padding: 10px;
		border-radius: 4px!important;
	}

	.frmBox02 {
		max-width: 100px;
		font-size: 1.4rem;
		padding: 10px;
		border-radius: 4px!important;
	}

	.frmBox03 {
		height: 120px;
		font-size: 1.4rem;
		padding: 10px;
		border-radius: 4px!important;
	}

	.cctLstAddBox {
		margin: 0 0 10px;
	}

	.cctLstAddBar {
		font-size: 1.4rem;
		margin: 0 5px;
	}

	.cctLstMrgBox {
		margin: 0 0 10px;
	}

	.cctAtnBox {
		padding: 20px 0;
	}

	.cctAtnTxt {
		text-align: left;
		font-size: 1.3rem;
		margin: 15px 0 0;
	}

	.cctSndBtn input {
		font-size: 1.6em;
		padding: 20px 15px;
		border-radius: 4px!important;
	}

	.cctSndBtn:after {
		top: calc(50% - 13px);
		right: 15px;
		width: 26px;
		height: 26px;
		background-size: 10px auto;
	} 

	.cctBakBtn {
		margin: 15px 0 0;
	}

	.cctBakBtn input {
		font-size: 1.6em;
		padding: 15px;
		border-radius: 4px!important;
	}

	.cctBakBtn:after {
		top: calc(50% - 11px);
		right: 15px;
		width: 22px;
		height: 22px;
		background-size: 8px auto;
	}
}

.cs {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 80px;
}

.cs01 {
	font-size: 5rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.cs03 {
	margin-bottom: 30px;
}

.cs04 {
	margin-bottom: 100px;
}

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


	.cs01 {
		font-size: 4rem;
	}
	.cs04 {
		margin-bottom: 75px;
	}

}


.voiLst {
  display: flex;
}

.slide-items {
  display: flex;
}

.slick-track {
  display: flex!important;
}
.slick-slide {
  height: auto !important;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	color: #ec0000;
	margin: 10px 0 0;	
	display: block;
	clear: both;
}

.screen-reader-response {
	display: none;
}

.screen-reader-response p {
	font-weight: 500;
	font-size: 1.5rem;
	margin-bottom: 20px;
	color: #ec0000;
}

.screen-reader-response ul {
	border: solid 1px #ec0000;
	border-radius: 8px;
	padding: 20px 40px;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #ec0000;
}

.screen-reader-response ul li {
  list-style: disc;
  margin-left: 0 0 10px 20px;
}


/*======================================================

  施工事例詳細

======================================================*/

.detail {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.detailDate {
	width: 100%;
	overflow: hidden;
}

.detailDate .nwsDta {
	float: left;
}

.detailDate .nwsTyp {
	float: right;
}

.detailTitle {
	font-size: 3rem;
	font-weight: 600;
	border-bottom: 6px solid #ebf4ff;
	padding: 0 0 10px;
	margin: 0 0 40px;
}

.detailMain {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 80px;
}

.detailMain h2 {
  position: relative;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 1.4;
  margin: 50px 0 30px;
  padding: 10px 10px 10px 30px;
  overflow: hidden;
  background: #f7f7f7;
  border-radius: 3px;
  z-index: 1;
}

.detailMain h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 100%;
  background: #004d70;
  z-index: 2;
}

.detailMain h2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 50%;
  background: #00a0e9;
  z-index: 3;
}

.detailMain h3 {
	font-size: 2.4rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	margin: 40px 0 20px;
}

.detailMain h3:before {
	content: "";
	display: block;
	width: 5px;
	height: 28px;
	background: #00a0e9;
	border-radius: 1000px;
	margin-right: 15px;
}

.detailMain h4 {
	font-size: 2rem;
	font-weight: 600;
	margin: 30px 0 10px;
}

.detailMain h5 {
	font-size: 1.8rem;
	font-weight: 600;
	margin: 25px 0 10px;
}

.detailMain h6 {
	font-size: 1.6rem;
	font-weight: 600;
	margin: 20px 0 5px;
}

.detailMain p {
	margin-bottom: 30px;
}

.detailMain p img {
	margin-bottom: 30px;
}

.detailMain p:empty{
	display: none;
}

.detailMain ul {
	list-style: disc;
	margin: 0 0 30px;
	padding: 30px 45px;
	background: #F2F2F2;
}

.detailMain ol {
	list-style: decimal;
	margin: 0 0 30px;
	padding: 30px 45px;
	background: #F2F2F2;
}

.detailMain p strong {
	color: #00a0e9;
	border-bottom: 1px solid #d3d3d3;
	padding: 0 0 10px;
	margin: 0 0 20px;
	font-size: 2rem;
	display: block;
}

.detailTable {
	margin-bottom: 80px;
}

.detailNav {
	font-weight: 400;
	font-size: 1.6rem;
	margin-bottom: 80px;
	overflow: hidden;
	text-align: center;
}

.detailNav a {
	display: inline-block;
	border: 1px solid #00a0e9;
	border-radius: 1000px;
	padding: 5px 15px;
}

.detailNavPrev {
	float: left;
}

.detailNavNext {
	float: right;
}

.detailNavCen {
	text-align: center;
}

.clmDtlRelAra {
	margin: 0 0 80px;
}

.detailVoice {
	margin: 0 0 50px;
}

.detailVoice h2 {
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0 0 30px;
	line-height: 1.8rem;
	display: flex;
	align-items: center;
}

.detailVoice h2:before {
	line-height: 1.8rem;
	margin: 0 7px -2px 0;
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/common/icn_voice.png) center center no-repeat;
	background-size: contain;
}

.detailVoice .text {
	padding: 40px;
	background: #f7f7f7;
	font-size: 1.4rem;
}

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

	.detailDate {
		margin-bottom: 5px;
	}

	.detailTitle {
		font-size: 2.4rem;
		line-height: 1.5;
		margin: 0 0 30px;
	}

	.detailMain {
		font-size: 1.5rem;
		margin-bottom: 40px;
	}
	
	.detailMain h2 {
    	font-size: 2rem;
    	padding: 7px 7px 7px 20px;
    	margin-bottom: 20px;
	}
	
	.detailMain h2::before {
    	width: 5px;
	}
	
	.detailMain h2::after {
    	width: 5px;
	}

	.detailMain h3 {
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.detailMain h3:before {
		height: 24px;
	}
	
	.detailMain h4 {
		font-size: 1.8rem;
		font-weight: 600;
		margin: 25px 0 10px;
	}

	.detailMain h5 {
		font-size: 1.6rem;
		font-weight: 600;
		margin: 20px 0 10px;
	}

	.detailMain h6 {
		font-size: 1.4rem;
		font-weight: 600;
		margin: 15px 0 5px;
	}
	
	.detailMain p strong {
		font-size: 1.8rem;
	}
	
	.detailMain ul {
		margin: 0 0 30px;
		padding: 20px 30px;
	}

	.detailMain ol {
		margin: 0 0 30px;
		padding: 20px 30px;
	}

	.detailTable {
		margin-bottom: 40px;
	}

	.detailNav {
		font-size: 1.4rem;
		margin-bottom: 80px;
	}
	
	.clmDtlRelAra {
		margin: 0 0 50px;
	}

}

.nbcs {
	height: 80%;
	font-size: 2.4rem;
	font-weight: 600;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

@media screen and (max-width:767px) {
	.nbcs {
		font-size: 1.8rem;
	}
}

/*======================================================

  お知らせ・ブログ

======================================================*/

.nwsAra {
	padding: 100px 30px;
}

.nwsWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.nwsNavBox {
	margin: 0 0 80px;
	padding: 25px 15px;
	box-sizing: border-box;
	background: #ebf4ff;
	border-radius: 100px;
}

.nwsNav {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: -0.005em;
	margin: 0 0 -15px;
}

.nwsNav li {
	margin: 0 0 15px;
}

.nwsNav li:not(:last-child) {
	position: relative;
	margin: 0 40px 15px 0;
}

.nwsNav li:after {
	content: "/";
	color: #00a0e9;
	position: absolute;
	top: 0;
	right: -25px;
}

.nwsNav li a {
	padding: 5px 0 5px 0px;
}

.nwsNav li img {
	margin-top: -3px;
	margin-right: 5px;
}

.nwsNav li a:link,
.nwsNav li a:visited {
	color: #848484!important;
}

.nwsNav li.act a {
	color: #00a0e9!important;
}

.nwsNav li:nth-child(1) a {
	background: url(../images/common/icn_allnews_gr.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li:nth-child(2) a {
	background: url(../images/common/icn_interview_gr.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li:nth-child(3) a {
	background: url(../images/common/icn_voice_gr.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li:nth-child(4) a {
	background: url(../images/common/icn_topics_gr.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li:nth-child(5) a {
	background: url(../images/common/icn_news_gr.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li:nth-child(6) a {
	background: url(../images/common/icn_blog_gr.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li.act:nth-child(1) a {
	background: url(../images/common/icn_allnews_lb.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li.act:nth-child(2) a {
	background: url(../images/common/icn_interview_lb.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li.act:nth-child(3) a {
	background: url(../images/common/icn_voice_lb.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li.act:nth-child(4) a {
	background: url(../images/common/icn_topics_lb.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li.act:nth-child(5) a {
	background: url(../images/common/icn_news_lb.png) left no-repeat;
	background-size: 20px auto;
}

.nwsNav li.act:nth-child(6) a {
	background: url(../images/common/icn_blog_lb.png) left no-repeat;
	background-size: 20px auto;
}

.nwsLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -60px;
}

.nwsLst li {
	width: calc(25% - 30px);
	margin: 0 15px 60px;
}

.nwsImg {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 30px;
	overflow: hidden;
	border-radius: 8px;
}

.nwsImg:before {
	display: block;
	content: "";
	padding-top: 66.5%;
}

.nwsImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nwsTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4;
}

.nwsTxt {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #737373;
	margin: 20px 0 0;
}

/* wp-pagenavi */
.wp-pagenavi {
	text-align: center;
	margin: 60px 0 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #5b5b5b!important;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	display: inline-block;
	margin: 0 20px;
	box-sizing: border-box;
	transition: all  0.2s ease;
}

.wp-pagenavi .current {
	color: #00a0e9!important;
}

.wp-pagenavi a:hover {
	color: #00a0e9!important;
}

.wp-pagenavi .prevpostslink,
.wp-pagenavi .nextpostslink {
	position: relative;
	font-weight: 700;
	font-size: 1.8rem!important;
	line-height: 1;
	white-space: nowrap;
	background: none!important;
	border: none!important;
}

.wp-pagenavi .prevpostslink:before,
.wp-pagenavi .nextpostslink:before {
	position: absolute;
	top: calc(50% - 22px);
	width: 44px;
	height: 44px;
	padding: 12px 0 0;
	color: #fff!important;
	box-sizing: border-box;
	background: #00a0e9;
	border-radius: 50%;
}

.wp-pagenavi .prevpostslink:before {
	content: "＜";
	left: -55px;
}

.wp-pagenavi .nextpostslink:before {
	content: "＞";
	right: -55px;
}

.wp-pagenavi .prevpostslink:hover,
.wp-pagenavi .nextpostslink:hover {
	opacity: 0.60;
	transition: all  0.3s ease;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.nwsAra {
		padding: 80px 30px;
	}

	.nwsNavBox {
		margin: 0 0 60px;
		padding: 20px;
	}

	.nwsNav {
		flex-wrap: wrap;
		font-size: 1.6rem;
		margin: 0 0 -10px;
	}
	
	.nwsNav li {
		margin: 0 0 10px;
	}
	
	.nwsNav li:not(:last-child) {
		margin: 0 40px 10px 0;
	}

	.nwsLst {
		margin: 0 -10px -40px;
	}

	.nwsLst li {
		width: calc(33.33% - 20px);
		margin: 0 10px 40px;
	}

	.nwsImg {
		margin: 0 0 20px;
		border-radius: 6px;
	}

	.nwsTtl {
		font-size: 1.8rem;
	}

	.nwsTxt {
		margin: 15px 0 0;
	}

	.wp-pagenavi {
		margin: 40px 0 0;
	}

	.wp-pagenavi a,
	.wp-pagenavi span {
		font-size: 1.6rem;
		margin: 0 15px;
	}

	.wp-pagenavi .prevpostslink,
	.wp-pagenavi .nextpostslink {
		font-size: 1.6rem!important;
	}

	.wp-pagenavi .prevpostslink:before,
	.wp-pagenavi .nextpostslink:before {
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		padding: 11px 0 0;
	}

	.wp-pagenavi .prevpostslink:before {
		left: -50px;
	}

	.wp-pagenavi .nextpostslink:before {
		right: -50px;
	}
}

@media screen and (max-width:767px) {
	.nwsAra {
		padding: 30px 20px;
	}

	.nwsNavBox {
		margin: 0 0 30px;
		padding: 15px;
		border-radius: 6px;
	}

	.nwsNav {
		display: block;
		font-size: 1.5rem;
		margin: 0 ;
	}
	
	.nwsNav li {
		margin: 0;
		background: url(../images/common/arw_min_bt_gy.png) right center no-repeat;
		background-size: 12px auto;
	}
	
	.nwsNav li:not(:last-child) {
		margin: 0 0 15px;
		padding: 0 0 15px;
		border-bottom: solid 1px #fff;
	}
	
	.nwsNav li:not(:last-child):after {
		content: none;
	}
	
	.nwsLst {
		margin: 0 -5px -10px;
	}

	.nwsLst li {
		width: calc(50% - 10px);
		margin: 0 5px 10px;
	}

	.nwsImg {
		margin: 0 0 15px;
		border-radius: 4px;
	}

	.nwsTtl {
		font-size: 1.6rem;
	}

	.nwsTxt {
		font-size: 1.5rem;
		margin: 10px 0 0;
	}

	.wp-pagenavi {
		margin: 20px 0 0;
	}

	.wp-pagenavi a,
	.wp-pagenavi span {
		font-size: 1.6rem;
		margin: 0 7px;
	}

	.wp-pagenavi .prevpostslink,
	.wp-pagenavi .nextpostslink {
		font-size: 1.2rem!important;
	}

	.wp-pagenavi .prevpostslink:before,
	.wp-pagenavi .nextpostslink:before {
		top: calc(50% - 12px);
		width: 24px;
		height: 24px;
		padding: 6px 0 0;
	}

	.wp-pagenavi .prevpostslink:before {
		left: -30px;
	}

	.wp-pagenavi .nextpostslink:before {
		right: -30px;
	}
}

/*======================================================

  LINE＠で相談

======================================================*/

/* cslRegAra */
.cslRegAra {
	padding: 100px 30px 0;
}

.cslRegWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.cslRegImg {
	max-width: 1000px;
	margin: 0 auto 100px;
}

.cslRegBtnNavBox {
	max-width: 1000px;
	margin: 0 auto 100px;
	padding: 30px 20px;
	background: #ebf4ff;
	border-radius: 8px;
}

.cslRegBtnNav {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cslRegBtnNav li {
	max-width: 420px;
	width: calc(50% - 40px);
	position: relative;
	margin: 0 20px;
	box-sizing: border-box;
	z-index: 1;
}

.cslRegBtnNav li:after {
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: 15px;
	width: 40px;
	height: 40px;
	background: url(../images/common/arw_bt_lb.png) center no-repeat #fff;
	background-size: 12px auto;
	border-radius: 50%;
}

.cslRegBtn {
	text-align: center;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1;
}

.cslRegBtn a {
	display: block;
	padding: 20px 40px 20px 10px;
	background: #00a0e9;
	border-radius: 50px;
}

.cslRegQrBox {
	max-width: 1000px;
	display: flex;
	align-items: center;
	margin: 0 auto 80px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 8px;
}

.cslRegQr {
	max-width: 160px;
	margin: 0 40px 0 0;
	padding: 5px;
	overflow: hidden;
	background: #fff;
	border: solid 5px #00a0e9;
	border-radius: 8px;
}

.cslRegQrTxt {
	width: calc(100% - 200px);
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	color: #00a0e9;
}

.cslStpLst {
	position: relative;
	display: flex;
	margin: 0 -20px 100px;
	z-index: 2;
}

.cslStpLst:before {
	content: "";
	position: absolute;
	top: 30px;
	left: 15%;
	width: 70%;
	height: 5px;
	background: #f7f7f7;
	z-index: 1;
}

.cslStpLst li {
	width: calc(25% - 40px);
	margin: 0 20px;
}

.cslStpTtlBox {
	text-align: center;
	width: 64px;
	height: 64px;
	position: relative;
	color: #fff;
	margin: 0 auto 30px;
	padding: 12px 0 0;
	box-sizing: border-box;
	background: #00a0e9;
	border-radius: 50%;
	z-index: 3;
}

.cslStpTtlEn {
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 1;
	margin: 0 0 2px;
}

.cslStpTtl {
	font-weight: 900;
	font-size: 2.6rem;
	line-height: 1;
}

.cslStpImg {
	max-width: 220px;
	margin: 0 auto 30px;
}

.cslStpTxt {
	min-height: 80px;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #00a0e9;
	letter-spacing: -0.005em;
	padding: 15px 10px;
	box-sizing: border-box;
	background: #f7f7f7;
	border-radius: 8px;
}

.cslStpCapTxt {
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #ff0000;
	margin: 10px 0 0;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.cslRegAra {
		padding: 80px 30px 0;
	}

	.cslRegImg {
		margin: 0 auto 80px;
	}

	.cslRegBtnNavBox {
		margin: 0 auto 80px;
		padding: 20px 10px;
		border-radius: 6px;
	}

	.cslRegBtnNav li {
		width: calc(50% - 20px);
		margin: 0 10px;
	}

	.cslRegBtnNav li:after {
		top: calc(50% - 17px);
		right: 8px;
		width: 34px;
		height: 34px;
		background-size: 10px auto;
	}

	.cslRegBtn {
		font-size: 1.8rem;
		letter-spacing: -0.005em;
	}

	.cslRegBtn a {
		padding: 15px 30px 15px 10px;
	}

	.cslRegQrBox {
		margin: 0 auto 60px;
		padding: 15px;
		border-radius: 6px;
	}

	.cslRegQr {
		max-width: 140px;
		margin: 0 30px 0 0;
		padding: 5px;
		border: solid 4px #00a0e9;
		border-radius: 6px;
	}

	.cslRegQrTxt {
		width: calc(100% - 170px);
		font-size: 1.8rem;
	}

	.cslStpLst {
		margin: 0 -10px 80px;
	}

	.cslStpLst:before {
		top: 28px;
		height: 4px;
	}

	.cslStpLst li {
		width: calc(25% - 20px);
		margin: 0 10px;
	}

	.cslStpTtlBox {
		width: 60px;
		height: 60px;
		margin: 0 auto 20px;
		padding: 10px 0 0;
	}

	.cslStpTtlEn {
		margin: 0 0 2px;
	}

	.cslStpTtl {
		font-size: 2.4rem;
	}

	.cslStpImg {
		margin: 0 auto 20px;
	}

	.cslStpTxt {
		padding: 10px;
		border-radius: 6px;
	}
}

@media screen and (max-width:767px) {
	.cslRegAra {
		padding: 30px 20px 0;
	}

	.cslRegImg {
		margin: 0 auto 30px;
	}

	.cslRegBtnNavBox {
		margin: 0 auto 30px;
		padding: 10px;
		border-radius: 4px;
	}
	
	.cslRegBtnNav {
		display: block;
		margin: 0 0 -10px;
	}

	.cslRegBtnNav li {
		max-width: 100%;
		width: 100%;
		margin: 0 0 10px;
	}

	.cslRegBtnNav li:after {
		top: calc(50% - 13px);
		right: 8px;
		width: 26px;
		height: 26px;
		background-size: 8px auto;
	}

	.cslRegBtn {
		font-size: 1.5rem;
		letter-spacing: -0.005em;
	}

	.cslRegBtn a {
		padding: 15px 30px 15px 10px;
	}

	.cslRegQrBox {
		margin: 0 auto 30px;
		padding: 10px;
		border-radius: 6px;
	}

	.cslRegQr {
		max-width: 90px;
		margin: 0 10px 0 0;
		padding: 5px;
		border: solid 3px #00a0e9;
		border-radius: 4px;
	}

	.cslRegQrTxt {
		width: calc(100% - 100px);
		font-size: 1.6rem;
	}

	.cslStpLst {
		flex-wrap: wrap;
		margin: 0 -10px 10px;
	}

	.cslStpLst:before {
		content: none;
	}

	.cslStpLst li {
		width: calc(50% - 10px);
		margin: 0 5px 20px;
	}

	.cslStpTtlBox {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 10px;
		padding: 5px;
		border-radius: 4px;
	}

	.cslStpTtlEn {
		margin: 0 5px 0 0;
	}

	.cslStpTtl {
		font-size: 1.8rem;
	}

	.cslStpImg {
		margin: 0 auto 10px;
	}

	.cslStpTxt {
		padding: 10px;
		border-radius: 4px;
	}
}

/*======================================================

  プライバシーポリシー

======================================================*/

/* prvAra */
.prvAra {
	padding: 100px 30px;
}

.prvWrp {
	max-width: 800px;
	margin: 0 auto;
}

.prvAtnBox {
	text-align: center;
	margin: 0 0 60px;
	padding: 20px;
	background: #ebf4ff;
	border-radius: 8px;
}

.prvAtnTxt {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.5;
}

.prvLst,.prvMinLst {
	list-style: none;
}

.prvLst li:not(:last-child,.prvMinLst li) {
	margin: 0 0 50px;
}

.prvLstTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 0 0 10px;
}

.prvLstTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
}

.prvMinLst {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 40px 0 0;
	padding: 0 0 0 50px;
	counter-reset: number 0;
}

.prvMinLst li {
	position: relative;
	padding: 0 0 0 35px;
	z-index: 1;
}

.prvMinLst li:not(:last-child) {
	margin: 0 0 10px;
}

.prvMinLst li:before {
	text-align: center;
	counter-increment: number 1;
	content: counter(number) " ";
	position: absolute;
	top: calc(50% - 11px);
	left: 0;
	width: 22px;
	height: 22px;
	font-size: 1.4rem;
	line-height: 1;
	color: #00a0e9;
	padding: 3px 0 0;
	box-sizing: border-box;
	background: #ebf4ff;
	border-radius: 50%;
	z-index: 2;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.prvAra {
		padding: 80px 30px;
	}

	.prvAtnBox {
		margin: 0 0 40px;
		padding: 15px;
		border-radius: 6px;
	}

	.prvLst li:not(:last-child,.prvMinLst li) {
		margin: 0 0 40px;
	}

	.prvMinLst {
		margin: 30px 0 0;
		padding: 0 0 0 40px;
	}

	.prvMinLst li {
		padding: 0 0 0 30px;
	}

	.prvMinLst li:before {
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
		font-size: 1.3rem;
		padding: 2px 0 0;
	}
}

@media screen and (max-width:767px) {
	.prvAra {
		padding: 30px 20px;
	}

	.prvAtnBox {
		text-align: left;
		margin: 0 0 30px;
		padding: 10px;
		border-radius: 6px;
	}

	.prvLst li:not(:last-child,.prvMinLst li) {
		margin: 0 0 30px;
	}

	.prvMinLst {
		margin: 20px 0 0;
		padding: 0 0 0 15px;
	}

	.prvMinLst li {
		padding: 0 0 0 25px;
	}

	.prvMinLst li:before {
		top: calc(50% - 9px);
		width: 18px;
		height: 18px;
		font-size: 1.2rem;
		padding: 2px 0 0;
	}
}

/*======================================================

  採用情報

======================================================*/

.cmpCntTxt {
	font-weight: 400;
    font-size: 1.6rem;
    line-height: 2;
	margin: 0 0 50px;
}

.cmpCntTxt .stgTxt {
	font-weight: 700;
	font-size: 2.4rem;
	color: #00a0e9;
}

/* cmpItrAra */
.cmpItrAra {
	padding: 100px 30px 0;
}

.cmpItrWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.cmpItrImg {
	margin: 0 0 40px;
	overflow: hidden;
	border-radius: 15px;
}

.cmpPgeNav {
	max-width: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
    font-size: 1.8rem;
    line-height: 1;
	letter-spacing: -0.005em;
	white-space: nowrap;
	margin: 0 auto;
	overflow: hidden;
	background: #ebf4ff;
	border: solid 2px #00a0e9;
	border-radius: 50px;
}

.cmpPgeNav li {
	text-align: center;
	width: 16.66%;
	position: relative;
}

.cmpPgeNav li:not(:last-child):after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #00a0e9;
}

.cmpPgeNav a {
	display: block;
	padding: 20px 5px;
}

.cmpPgeNav a:link,
.cmpPgeNav a:visited {
	color: #00a0e9!important;
}

.cmpPgeNav span {
	padding: 0 20px 0 0;
	background: url(../images/common/arw_bt_lb.png) right no-repeat;
	background-size: 10px auto;
}

/* recWrkAra */
.recWrkAra {
	padding: 100px 30px 0;
}

.recWrkWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.recWrkLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -60px;
}

.recWrkLst li {
	width: calc(20% - 30px);
	margin: 0 15px 60px;
}

/* recBnfAra */
.recBnfAra {
	padding: 100px 30px;
}

.recBnfWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.recBnfLst {
	display: flex;
	margin: 0 -15px;
}

.recBnfLst li {
	width: calc(20% - 30px);
	margin: 0 15px;
}

.recBnfLstBox {
	margin: 0 0 20px;
	padding: 15px;
	background: #00a0e9;
	border-radius: 8px;
}

.recBnfTtlBox {
	text-align: center;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 15px;
	padding: 5px;
	background: #fff;
	border-radius: 30px;
}

.recBnfTtl {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #00a0e9;
	letter-spacing: -0.005em;
}

.recBnfTtl .minTxt {
	font-size: 1.2rem;
}

.recBnfImg {
	max-width: 120px;
	margin: 0 auto;
}

.recBnfTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
}

/* recMbrAra */
.recMbrAra {
	padding: 100px 30px 50px;
	background: url(../images/common/bg_x.png) top -200px left -800px no-repeat #0060ab;
    background-size: 2200px auto;
}

.recMbrWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.recMbrLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.recMbrLst li {
	width: calc(33.33% - 20px);
	position: relative;
	margin: 0 10px 50px;
	padding: 0 0 120px;
}

.recMbrLst li:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
}

.recMbrTtlEn {
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
}

.recMbrTtl {
	text-align: center;
	font-weight: 900;
	font-size: 4rem;
	color: #fff;
}

.recMbrLstImg {
	margin: 0 0 30px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.recMbrLstCth {
	font-weight: 900;
	font-size: 2.4rem;
	line-height: 1.5;
	color: #fff;
	letter-spacing: -0.005em;
}

.recMbrLstCth .bigTxt {
	font-size: 3rem;
}

.recMbrLstDtaBox {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.recMbrLstDta {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	margin: 0 0 5px;
}

.recMbrLstNme {
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1;
	letter-spacing: -0.005em;
	white-space: nowrap;
	margin: 0 0 5px;
}

.recMbrLstNmeEn {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1;
	color: #b2b2b2;
}

.recMbrLstTyp {
	text-align: center;
	width: 140px;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 6px;
}

.typ01 {
	background: #d31a71;
}

.typ02 {
	background: #003762;
}

.typ03 {
	background: #fca427;
}

.typ04 {
	background: #3ea274;
}

/* recPrsAra */
.recPrsAra {
	padding: 100px 30px 0;
}

.recPrsWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.recPrsBox {
    text-align: center;
    margin: 0 auto;
    padding: 60px 30px;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../images/common/bg_x.png) left -150px center no-repeat,
	url(../images/company/recruit/bg_process.jpg) right bottom no-repeat #00a0e9;
    background-size: 900px auto, auto 100%;
    border-radius: 15px;
}

.recPrsAra .prsSvcFlwLstTxt {
	min-height: 300px;
}

/* recReqAra */
.recReqAra {
	padding: 100px 30px 0;
}

.recReqWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.recReqBtnLstBox {
	overflow: hidden;
	border: solid 1px #00a0e9;
	border-radius: 8px;
}

.recReqBox {
	overflow: hidden;
	border: solid 2px #00a0e9;
	border-radius: 8px;
}

.recReqBtnLst {
	display: flex;
}

.recReqBtnLst li {
	text-align: center;
	border-right: solid 1px #00a0e9;
	border-bottom: solid 1px #00a0e9;
	box-sizing: border-box;
	flex-grow: 1;
	flex: 1;
}

.recReqBtnLst li:nth-child(5),
.recReqBtnLst li:nth-child(10) {
	width: 20%;
	border-right: none;
}

.tab__contents {
  display: none;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

.tab__active {
  display: block;
}

.tab__selected .tab-label {
  background: #00a0e9!important;
  color: #fff!important;
}

.tab-label {
	display: block;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #00a0e9;
	background: #ebf4ff;
	cursor: pointer;
	transition: .3s;
}

.tab-label:hover {
	opacity: 0.6;
}

.selected .tab-label {
	color: #fff;
	background:#00a0e9!important;
}

.recReqInr {
	padding: 50px;
}

.recReqInr .cntMinTtl {
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.panel-b,
.panel-c,
.panel-d,
.panel-e,
.panel-f,
.panel-g,
.panel-h,
.panel-i,
.panel-j {
	display: none;
}

.cntTbl {
	width: 100%;
	font-size: 1.6rem;
	margin: -15px 0;
}

.cntTbl th {
	border-bottom: 1px solid #d3d3d3;
	padding: 15px 0;
	width: 250px;
	font-weight: 700;
}

.cntTbl td {
	border-bottom: 1px solid #d3d3d3;
	font-weight: 500;
	padding: 15px 0;
}

.cntTbl td.space {
	border-bottom: 0;
	width: 50px;
}

.cntTbl tr:last-child th,
.cntTbl tr:last-child td {
	border-bottom: none;
}

.dotLst li {
	position: relative;
	padding: 0 0 0 20px;
}

.dotLst li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

.dotLst li:not(:last-child) {
	margin: 0 0 10px;
}

/* recQesAra */
.recQesAra {
	padding: 100px 30px 0;
}

.recQesWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.qesLst {
	margin: 0 0 75px;
}

.qesLst dt {
	position: relative;
	overflow: hidden;
	background: #00a0e9;
	border-radius: 8px;
	transition: all  0.5s ease;
	cursor: pointer;
	z-index: 1;
}

.qesLst dt:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.qesLst dt.opn {
	border-radius: 8px 8px 0 0;
}

.qesLst dt:after {
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: 20px;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 5px;
	z-index: 2;
}

.qesLst dt:not(:first-child) {
	margin: 20px 0 0;
}

.qesTtlBox {
	display: flex;
	position: relative;
	padding: 20px 100px 20px 30px;
}

.qesTtlBox:before {
	content: "";
	position: absolute;
	top: calc(50% - 1.5px);
	right: 30px;
	width: 20px;
	height: 3px;
	background: #00a0e9;
	z-index: 3;
}

.qesTtlBox:after {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	right: 38px;
	width: 3px;
	height: 20px;
	background: #00a0e9;
	z-index: 3;
}

.qesLst dt.opn .qesTtlBox:after {
	content: none;
}

.qesIcn {
	font-weight: 700;
	font-size: 4rem;
	line-height: 1;
	color: #fff;
	margin: 0 20px 0 0;
}

.qesTtl {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #fff;
	margin: 8px 0 0;
}

.qesLst dd {
	display: flex;
	padding: 30px;
	background: #f7f7f7;
	border-radius: 0 0 8px 8px;
}

.qesLst dd.opn {
	display: block;
}

.ansIcn {
	font-weight: 700;
	font-size: 4rem;
	line-height: 1;
	color: #00a0e9;
	margin: 0 20px 0 0;
}

.ansTxt {
	font-weight: 400;
	font-size:  1.6rem;
	line-height: 1.8;
	margin: 5px 0 0;
}

@media screen and (min-width:1040px){
	.cntWrp .recReqBtnLst {
		flex-wrap: wrap;
	}
	.cntWrp .recReqBtnLst li {
		width: 20%;
		flex-grow: 0;
	}
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.cmpCntTxt {
		line-height: 1.8;
		margin: 0 0 30px;
	}

	.cmpCntTxt .stgTxt {
		font-size: 2rem;
	}

	.cmpItrAra {
		padding: 80px 30px 0;
	}

	.cmpItrImg {
		margin: 0 0 30px;
		border-radius: 10px;
	}

	.cmpPgeNav {
		font-size: 1.6rem;
	}

	.cmpPgeNav a {
		padding: 15px 5px;
	}

	.cmpPgeNav span {
		padding: 0 16px 0 0;
		background-size: 8px auto;
	}

	.recWrkAra {
		padding: 80px 30px 0;
	}

	.recWrkLst {
		margin: 0 -10px -40px;
	}

	.recWrkLst li {
		width: calc(20% - 20px);
		margin: 0 10px 40px;
	}

	.recBnfAra {
		padding: 80px 30px;
	}

	.recBnfLst {
		margin: 0 -10px;
	}

	.recBnfLst li {
		width: calc(20% - 20px);
		margin: 0 10px;
	}

	.recBnfLstBox {
		margin: 0 0 15px;
		padding: 10px;
	}

	.recBnfTtlBox {
		min-height: 35px;
		margin: 0 0 10px;
	}

	.recBnfTtl {
		font-size: 1.6rem;
	}

	.recBnfImg {
		max-width: 100px;
	}

	.recMbrAra {
		padding: 80px 30px 50px;
		background: url(../images/common/bg_x.png) top -150px left -600px no-repeat #0060ab;
		background-size: 1800px auto;
	}

	.recMbrLst li {
		width: calc(50% - 20px);
		margin: 0 10px 40px;
		padding: 0 0 100px;
	}

	.recMbrTtlEn {
		font-size: 1.8rem;
	}

	.recMbrTtl {
		font-size: 3.6rem;
	}

	.recMbrLstImg {
		margin: 0 0 20px;
		border-radius: 8px;
		box-shadow: 0 0 15px rgba(0,0,0,0.15);
	}

	.recMbrLstCth {
		font-size: 1.8rem;
	}

	.recMbrLstCth .bigTxt {
		font-size: 2.4rem;
	}

	.recMbrLstDtaBox {
		padding: 10px 15px;
		border-radius: 8px;
		box-shadow: 0 0 15px rgba(0,0,0,0.15);
	}

	.recMbrLstDta {
		font-size: 1.5rem;
	}

	.recMbrLstNme {
		font-size: 2.4rem;
	}

	.recMbrLstNmeEn {
		font-size: 1.1rem;
	}

	.recMbrLstTyp {
		width: 120px;
		font-size: 1.6rem;
	}

	.recPrsAra {
		padding: 80px 30px 0;
	}

	.recPrsBox {
		padding: 40px 20px;
		background: url(../images/common/bg_x.png) left -250px center no-repeat,
		url(../images/company/recruit/bg_process.jpg) right bottom no-repeat #00a0e9;
		background-size: 800px auto, auto 100%;
		border-radius: 10px;
	}
	
	.recPrsAra .prsSvcFlwLstTxt {
		min-height: 200px;
	}
	
	.recReqAra {
		padding: 80px 30px 0;
	}

	.tab-label {
		min-height: 50px;
		font-size: 1.6rem;
	}

	.recReqInr {
		padding: 30px;
	}

	.cntTbl {
		font-size: 1.6rem;
	}

	.cntTbl th {
		width: 150px;
	}

	.cntTbl td.space {
		width: 20px;
	}

	.recQesAra {
		padding: 80px 30px 0;
	}

	.qesLst {
		margin: 0 0 80px;
	}

	.qesLst dt:after {
		right: 15px;
	}

	.qesLst dt:not(:first-child) {
		margin: 15px 0 0;
	}

	.qesTtlBox {
		padding: 15px 80px 15px 15px;
	}

	.qesTtlBox:before {
		right: 25px;
	}

	.qesTtlBox:after {
		right: 33px;
	}

	.qesIcn {
		font-size: 3.6rem;
		margin: 0 15px 0 0;
	}

	.qesTtl {
		margin: 6px 0 0;
	}

	.qesLst dd {
		padding: 20px;
	}

	.ansIcn {
		font-size: 3.6rem;
		margin: 0 15px 0 0;
	}
}

@media screen and (max-width:767px) {
	.cmpCntTxt {
		line-height: 1.6;
		margin: 0 0 20px;
	}

	.cmpCntTxt .stgTxt {
		font-size: 1.8rem;
	}

	.cmpItrAra {
		padding: 40px 20px 0;
	}

	.cmpItrImg {
		margin: 0 0 20px;
		border-radius: 6px;
	}

	.cmpPgeNav {
		flex-wrap: wrap;
		font-size: 1.5rem;
		border-radius: 6px;
	}
	
	.cmpPgeNav li {
		width: 50%;
	}
	
	.cmpPgeNav li:nth-child(-n+4) {
		border-bottom: solid 1px #00a0e9;
	}
	
	.cmpPgeNav li:not(:last-child):after {
		content: none;
	}
	
	.cmpPgeNav li:nth-child(odd):after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background: #00a0e9;
	}

	.cmpPgeNav a {
		padding: 15px 5px;
	}

	.cmpPgeNav span {
		padding: 0 16px 0 0;
		background-size: 8px auto;
	}

	.recWrkAra {
		padding: 40px 20px 0;
	}

	.recWrkLst {
		margin: 0 -5px -30px;
	}

	.recWrkLst li {
		width: calc(50% - 10px);
		margin: 0 5px 30px;
	}

	.recBnfAra {
		padding: 40px 20px;
	}

	.recReqInr .cntMinTtl {
		margin-bottom: 20px;
		padding-bottom: 10px;
	}

	.recBnfLst {
		display: block;
		margin: 0;
	}

	.recBnfLst li {
		width: 100%;
		display: flex;
		align-items: center;
		margin: 0 0 10px;
	}
	
	.recBnfLst li:last-child {
		margin: 0;
	}

	.recBnfLstBox {
		max-width: 120px;
		width: 100%;
		margin: 0 15px 0 0;
		padding: 10px;
		box-sizing: border-box;
	}

	.recBnfTtlBox {
		min-height: auto;
		margin: 0 0 10px;
		padding: 3px 2px;
		border-radius: 4px;
	}

	.recBnfTtl {
		font-size: 1.45rem;
		line-height: 1.2;
	}

	.recBnfImg {
		max-width: 80px;
	}
	
	.recBnfTxt {
		width: calc(100% - 135px);
	}

	.recMbrAra {
		padding: 40px 20px 20px;
		background: url(../images/common/bg_x.png) top -110px left -350px no-repeat #0060ab;
		background-size: 800px auto;
	}
	
	.recMbrLst {
		margin: 0 0 -20px;
	}

	.recMbrLst li {
		width: 100%;
		margin: 0 0 20px;
		padding: 0 0 125px;
	}
	
	.recMbrLst li:first-child {
		padding: 0;
	}

	.recMbrTtlEn {
		font-size: 1.2rem;
	}

	.recMbrTtl {
		font-size: 2rem;
	}

	.recMbrLstImg {
		margin: 0 0 10px;
		border-radius: 6px;
		box-shadow: 0 0 10px rgba(0,0,0,0.15);
	}

	.recMbrLstCth {
		font-size: 1.4rem;
	}

	.recMbrLstCth .bigTxt {
		font-size: 1.8rem;
	}

	.recMbrLstDtaBox {
		text-align: center;
		display: block;
		padding: 10px;
		border-radius: 6px;
		box-shadow: 0 0 10px rgba(0,0,0,0.15);
	}

	.recMbrLstDta {
		font-size: 1.2rem;
	}

	.recMbrLstNme {
		font-size: 1.8rem;
	}

	.recMbrLstNmeEn {
		font-size: 1.1rem;
	}

	.recMbrLstTyp {
		width: 100%;
		font-size: 1.4rem;
		margin: 0;
		box-sizing: border-box;
		border-radius: 3px;
        margin: 10px 0 0;
	}

	.recPrsAra {
		padding: 40px 20px 0;
	}

	.recPrsBox {
		padding: 30px 10px;
		background: url(../images/common/bg_x.png) left -250px center no-repeat,
		url(../images/company/recruit/bg_process.jpg) right bottom no-repeat #00a0e9;
		background-size: 700px auto, auto 100%;
		border-radius: 8px;
	}
	
	.recPrsAra .prsSvcFlwLstTxt {
		min-height: auto;
	}
	
	.recReqAra {
		padding: 40px 20px 0;
	}
	
	.recReqBtnLst {
		overflow-x: scroll; 
		flex-wrap: nowrap;
	}
	
	.recReqBtnLst li {
		min-width: 120px!important;
		width: 100px!important;
		border-right: solid 1px #00a0e9!important;
	}
	
	.recReqBtnLst li:last-child {
		border-right: none!important;
	}
	
	.tab-label {
		min-height: 50px;
		font-size: 1.5rem;
	}

	.recReqInr {
		padding: 15px;
	}

	.cntTbl {
		margin: -10px 0 0;
	}

	.cntTbl th {
		font-size: 1.5rem;
		display: block;
		width: 100%;
		padding: 10px 0 5px;
	}
	
	.cntTbl td {
		display: block;
		padding: 5px 0 10px;
		border-bottom: none;
	}

	.cntTbl td.space {
		display: none;
	}

	.recQesAra {
		padding: 40px 20px 0;
	}

	.qesLst {
		margin: 0 0 40px;
	}
	
	.qesLst dt {
		border-radius: 6px;
	}
	
	.qesLst dt:after {
		top: calc(50% - 15px);
		right: 10px;
		width: 30px;
		height: 30px;
		border-radius: 3px;
	}

	.qesLst dt:not(:first-child) {
		margin: 15px 0 0;
	}

	.qesTtlBox {
		padding: 15px 50px 15px 15px;
	}

	.qesTtlBox:before {
		right: 15px;
	}

	.qesTtlBox:after {
		right: 23px;
	}

	.qesIcn {
		font-size: 2.6rem;
		margin: 0 10px 0 0;
	}

	.qesTtl {
		font-size: 1.6rem;
		margin: 3px 0 0;
	}

	.qesLst dd {
		padding: 15px;
	}

	.ansIcn {
		font-size: 2.6rem;
		margin: 0 10px 0 0;
	}
	
	.ansTxt {
		margin: 0;
	}
}

.cmpRecBnr {
	text-align: center;
	margin-bottom: 75px;
}

.cmpRecBnr img {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

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

	.cmpRecBnr {
		margin-bottom: 30px;
	}

}

/*=========================================================

協力店募集

=========================================================*/

.ptnNavLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.ptnNavLst li {
	width: calc(33.33% - 40px);
	margin: 0 20px 60px;
	padding: 0 0 60px;
	position: relative;
}

/* ptnVoiAra */
.ptnVoiAra {
	padding: 100px 30px;
}

.ptnVoiWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.ptnVoiLst li:not(:last-child) {
	margin: 0 0 50px;
}

.ptnVoiLst li {
	display: flex;
	padding: 30px;
	background: #f7f7f7;
	border-radius: 8px;
}

.ptnVoiImgBox {
	max-width: 300px;
	margin: 0 30px 0 0;
}

.ptnVoiImg {
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}

.ptnVoiNme {
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #fff;
	padding: 5px;
	background: #00a0e9;
	border-radius: 0 0 6px 6px;
}

.ptnVoiCntBox {
	width: calc(100% - 330px);
}

.ptnVoiTtl {
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.3;
	margin: 0 0 30px;
	padding: 0 0 0 15px;
	border-left: solid 4px #00a0e9;
}

.ptnVoiTxtLst dt {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #00a0e9;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: dashed 1px #d3d3d3;
}

.ptnVoiTxtLst dd {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 0 0 20px;
}

.ptnVoiTxtLst dd:last-child {
	margin: 0;
}

/* ptnRsnAra */
.ptnRsnWrp {
	max-width: 1350px;
	margin: 0 auto;
	padding: 0 30px;
}

.ptnRsnWrp .bizSvcRsnLst {
	margin: 0 0 100px;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.ptnNavLst {
		margin: 0 -15px;
	}

	.ptnNavLst li {
		width: calc(33.33% - 40px);
		margin: 0 15px 40px;
		padding: 0 0 40px;
	}

	.ptnNavLst li .bsnNavTtl {
		min-height: 50px;
	}

	.ptnVoiAra {
		padding: 80px 30px;
	}

	.ptnVoiLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.ptnVoiLst li {
		padding: 20px;
	}

	.ptnVoiImgBox {
		max-width: 280px;
		margin: 0 20px 0 0;
	}
	
	.ptnVoiNme {
		font-size: 1.6rem;
	}

	.ptnVoiCntBox {
		width: calc(100% - 300px);
	}

	.ptnVoiTtl {
		font-size: 2.4rem;
		margin: 0 0 20px;
	}

	.ptnRsnWrp .bizSvcRsnLst {
		margin: 0 0 80px;
	}
}

@media screen and (max-width:767px) {
	.ptnNavLst {
		margin: 0 -5px;
	}

	.ptnNavLst li {
		width: calc(50% - 10px);
		margin: 0 5px 30px;
		padding: 0 0 30px;
	}

	.ptnNavLst li .bsnNavTtl {
		min-height: auto;
	}

	.ptnVoiAra {
		padding: 40px 20px;
	}

	.ptnVoiLst li:not(:last-child) {
		margin: 0 0 20px;
	}

	.ptnVoiLst li {
		display: block;
		padding: 15px;
	}

	.ptnVoiImgBox {
		max-width: 100%;
		margin: 0 0 20px;
	}
	
	.ptnVoiNme {
		font-size: 1.5rem;
	}

	.ptnVoiCntBox {
		width: 100%;
	}

	.ptnVoiTtl {
		font-size: 1.8rem;
		margin: 0 0 20px;
		padding: 0 0 0 10px;
    	border-left: solid 3px #00a0e9;
	}
	
	.ptnVoiTxtLst dt {
		font-size: 1.6rem;
		margin: 0 0 7px;
		padding: 0 0 7px;
	}

	.ptnVoiTxtLst dd {
		margin: 0 0 15px;
	}

	.ptnRsnWrp .bizSvcRsnLst {
		margin: 0 0 40px;
	}
}

/*=========================================================

メディア掲載情報

=========================================================*/

/* ptnVoiAra */
.mdaVidAra {
	padding: 100px 30px 0;
}

.mdaVidWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.mdaVidLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -60px;
}

.mdaVidLst li {
	width: calc(33.33% - 30px);
	margin: 0 15px 60px;
}

.mdaVidBox {
	position: relative;
	width: 100%;
	margin: 0 0 30px;
	padding-top: 56.25%;
	overflow: hidden;
    border-radius: 8px;
}

.mdaVidBox iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.mdaVidTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4;
}

/* mdaPprAra */
.mdaPprAra {
	padding: 100px 30px;
}

.mdaPprWrp {
	max-width: 1350px;
	margin: 0 auto;
}

.mdaPprLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -60px;
}

.mdaPprLst li {
	width: calc(25% - 30px);
	margin: 0 15px 60px;
}

.mdaPprImg {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 30px;
	overflow: hidden;
	border-radius: 8px;
}

.mdaPprImg:before {
	display: block;
	content: "";
	padding-top: 56%;
}

.mdaPprImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mdaPprTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4;
	color: #00a0e9;
}

.mdaPprTxt {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #737373;
	margin: 20px 0 0;
}

@media screen and (min-width:768px) and (max-width:1040px) {
	.mdaVidAra {
		padding: 80px 30px 0;
	}

	.mdaVidLst {
		margin: 0 -10px -40px;
	}

	.mdaVidLst li {
		width: calc(33.33% - 20px);
		margin: 0 10px 40px;
	}

	.mdaVidBox {
		margin: 0 0 20px;
		border-radius: 6px;
	}

	.mdaVidTtl {
		font-size: 1.8rem;
	}

	.mdaPprAra {
		padding: 80px 30px;
	}

	.mdaPprLst {
		margin: 0 -10px -40px;
	}

	.mdaPprLst li {
		width: calc(25% - 20px);
		margin: 0 10px 40px;
	}

	.mdaPprImg {
		margin: 0 0 20px;
		border-radius: 6px;
	}

	.mdaPprTtl {
		font-size: 1.8rem;
	}

	.mdaPprTxt {
		margin: 15px 0 0;
	}
}

@media screen and (max-width:767px) {
	.mdaVidAra {
		padding: 40px 20px 0;
	}

	.mdaVidLst {
		margin: 0 -5px -20px;
	}

	.mdaVidLst li {
		width: calc(50% - 10px);
		margin: 0 5px 20px;
	}

	.mdaVidBox {
		margin: 0 0 15px;
		border-radius: 4px;
	}

	.mdaVidTtl {
		font-size: 1.6rem;
	}

	.mdaPprAra {
		padding: 40px 20px;
	}

	.mdaPprLst {
		margin: 0 -5px -20px;
	}

	.mdaPprLst li {
		width: calc(50% - 10px);
		margin: 0 5px 20px;
	}

	.mdaPprImg {
		margin: 0 0 15px;
		border-radius: 4px;
	}

	.mdaPprTtl {
		font-size: 1.6rem;
	}

	.mdaPprTxt {
		margin: 10px 0 0;
	}
}

/*=========================================================

404

=========================================================*/

.errAra {
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 100px 0 0;
}

.errTtlBox {
	text-align: center;
}

.errTtl {
	font-weight: 900;
	font-size: 24rem;
	line-height: 0.8;
	letter-spacing: -0.015em;
	color: #00a0e9;
	margin: 0 0 30px;
}

.errTtlEn {
	display: inline-block;
	font-weight: 900;
	font-size: 4.5rem;
	line-height: 0.8;
	color: #fff;
	margin: 0 0 50px;
	padding: 5px 15px 17px;
	background: #00a0e9;
}

.errCntTxt {
	font-weight: 900;
	font-size: 3rem;
	line-height: 1;
	line-height: 1.3;
}

@media screen and (min-width:768px) and (max-width:1300px) {
	.errAra {
		min-height: 600px;
		margin: 60px 0 0;
	}

	.errTtl {
		font-size: 18rem;
		margin: 0 0 20px;
	}

	.errTtlEn {
		font-size: 3.2rem;
		margin: 0 0 30px;
		padding: 3px 10px 15px;
	}

	.errCntTxt {
		font-size: 2.4rem;
	}
}

@media screen and (max-width:767px) {
	.errAra {
		min-height: 350px;
		margin: 60px 0 0;
	}

	.errTtl {
		font-size: 10rem;
		margin: 0 0 10px;
	}

	.errTtlEn {
		font-size: 1.8rem;
		margin: 0 0 20px;
		padding: 3px 7px 10px;
	}

	.errCntTxt {
		font-size: 1.8rem;
	}
}


/*=========================================================

TB

=========================================================*/

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

	.pc   { display: none!important;}
	.pcsp { display: none!important;}
	.sp   { display: none!important;}
	
	.pctb { display: block!important;}
	.tb   { display: block!important;}
	.tbsp { display: block!important;}

}

/*=========================================================

SP

=========================================================*/

@media screen and (max-width:767px) {
	
	.pc   { display: none!important;}
	.tb   { display: none!important;}
	.pctb { display: none!important;}
	
	.pcsp { display: block!important;}
	.tbsp { display: block!important;}   
	.sp   { display: block!important;}
	
	.opacity a:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
		text-decoration: none!important;
	}
	
	a[href^="tel:"] {
		pointer-events: auto!important;
	}
	
	input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
		-webkit-appearance: none;
		border-radius: 0;
	}

}