@charset "UTF-8";

@media print, all and (min-width:641px) {
  #mainArea {
    margin-top: 27px;
  }
}

@media only screen and (max-width: 640px) {
  #mainArea {
    margin-top: 20px;
  }
}
#mainArea.top {
	position: relative;
}
/*カルーセル*/
#mainArea.top .imgElm {
	position: relative;
}
.bnrCarouselBlockMv:not(.slick-slider) {
	height: 370px;
	visibility: hidden;
	overflow: hidden;
}
@media (max-width:640px) {
	.bnrCarouselBlockMv:not(.slick-slider) {
		height: 188px;
	}
	.slick-prev > span:before, .slick-next > span:before {
		margin-top: -7px;
	}
}
/*PC*/
@media print, all and (min-width:641px) {
	.ofHidden .webService{
		position: absolute;
		width: 1120px;
		left:50%;
		top: 0;
		margin: 0 0 0 -560px;
		pointer-events: none;
		height: 350px;
		padding: 0 40px;
	}
	.ofHidden .webService .webServiceInner{
		margin: 0 0 0 auto;
		height: 100%;
		width: 280px;
		display: flex;
		align-items: center;
	}
	.ofHidden .webService .loginBoxPc {
		background-color:rgba(106,106,106,0.4);
		padding: 10px;
		width: 100%;
	}
	.ofHidden .webService .loginBoxPc > div {
		background: #fff;
		padding: 25px 20px;
		box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.43);
		pointer-events: painted;
		width: 100%;
	}
	.ofHidden .webService .loginBoxPc > div .title {
		font-size: 1.14286rem;
		font-weight: bold;
		text-align: center;
	}
	.ofHidden .webService .loginBoxPc > div .text {
		font-size: 0.85714rem;
		margin-top: 15px;
		text-align: center;
	}
	.ofHidden .webService .loginBoxPc > div .btnWrap {
		margin-top: 15px;
	}
	.ofHidden .loginBoxPc > div .btnWrap p + p {
		margin-top: 10px;
	}
	.ofHidden .loginBoxPc > div .btnWrap .btnType12,
	.ofHidden .loginBoxPc > div .btnWrap .btnType14 {
		font-size: 1rem;
		padding: 0.92857rem 2rem;
	}
	.ofHidden .webService .loginBoxPc .noteType02 {
		margin-top: 10px;
	}
}
/*Spのみログインボックス*/
.loginBoxSp{
	padding: 19px 15px 21px;
	background-color: #F8F8F8;
}
.loginBoxSp > .inner {
	padding: 25px 20px;
	background-color: #fff;
	text-align: center;
}
.loginBoxSp > .inner .title {
	font-size: 1.286rem;
	font-weight: bold;
}
.loginBoxSp > .inner .text {
	margin-top: 15px;
}
.loginBoxSp > .inner .btnWrap {
	margin-top: 20px;
}
.loginBoxSp > .inner .btnWrap p + p {
	margin-top: 20px;
}
/*タブ切り替え*/
.top .tabBlock01{
	margin-top: 60px;
}
.top .tabBlock01 > .tabContent > .tabCntItem {
	padding: 40px 0 30px;
}
.top .tabBlock01 .sectionInnerTab{
	padding: 0;
	width: 100%;
	margin: 0 auto;
}
.top .tabBlock01 .tabCntInner {
	background: none;
}
@media print, all and (min-width:641px) {
	.top .tabBlock01 .sectionInnerTab{
		width: 1280px;
		padding: 0 80px;
	}
}
/*SPのときだけカルーセル*/
.tabInnerCarousel01 .item{
  display: none;
}
.tabInnerCarousel01.slick-initialized .item{
  display: block;
}
.tabInnerCarousel01 .slick-prev {
	left: 20px;
}
.tabInnerCarousel01 .slick-next {
	right: 20px;
}
.tabInnerCarousel01 .slick-prev,
.tabInnerCarousel01 .slick-next {
	bottom: -37px;
	top: inherit;
}
.tabInnerCarousel01 + .outerBtn01{
	margin-top: 70px;
}
@media print, all and (min-width:641px) {
	.tabInnerCarousel01 + .outerBtn01 {
		margin-top: 40px;
	}
}
/*法人カードのメリット*/
.meritCarouselBlock01{
	background: #FCF4F4;
	padding: 20px;
	width: 100%;
}
.meritCarouselBlock01 .item{
	background: #fff;
	padding: 20px;
	width:100%;
}
.meritCarouselBlock01 .item .title{
	text-align: center;
}
.meritCarouselBlock01 .item .text{
	margin-top: 15px;
}
.meritCarouselBlock01 .item .img{
	text-align: center;
	margin-top: 20px;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media print, all and (min-width:641px) {
	.tabInnerCarousel01 .item{
		display: block;
	}
	.meritCarouselBlock01.meritCarouselBlock01{
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
	}
	.meritCarouselBlock01 .item{
		width: calc(50% - 10px);
	}
	.meritCarouselBlock01 .item:nth-child(even){
		margin-left: 20px;
	}
	.meritCarouselBlock01 .item:nth-child(n + 3) {
		margin-top: 20px;
	}
	.meritCarouselBlock01 .item .title{
		text-align: left;
	}
}
/*特典・サービス*/
.tabInnerCarousel01.colWrap.type01 .colItem .colImg {
	margin: 0 auto 20px;
}
/*PC*/
@media print, all and (min-width:641px) {
	.serviceBox .colWrap.type01 {
		margin: 0 ;
	}
	.serviceBox .colWrap.type01 > .colItem:nth-last-child(-n+4){
	margin-bottom: 0;
	}
	.tabInnerCarousel01.colWrap.type01 > .colItem > .colImg {
		margin: 0 auto 30px;
	}
}
/*特典・サービスのカルーセル*/
.serviceBox .tabInnerCarousel01 .colItem {
	border-bottom: none;
}
/*法人カードをつくる*/
.coCardBox .imgLink > .imgLinkItem{
	width: 100%;
}
.coCardBox .imgLink > .imgLinkItem .imgLinkTtl{
	font-size: 1.14286rem !important;
}
@media print, all and (min-width:641px) {
	.coCardBoxInner{
		width: 92.857143%;
		margin: 0 auto;
	}
	.coCardBox .clm.imgLink.type02 {
		justify-content: center;
	}
	.coCardBox .clm.imgLink.type02 + .clm.imgLink.type02{
		margin-top: 50px;
		border-top: 1px solid #CFCFCF;
		padding-top: 50px;
	}
	.coCardBox .clm.imgLink.type02 .imgLinkItem{
		width: 245px;
	}
	.pcBdr01{
		border: 1px solid #CFCFCF;
	}
}

/*各種照会・お手続き*/
.inquiryBox {
	background: url(/business/img/index_bg_0001_sp.png)no-repeat center center;
	background-size:cover;
	padding: 50px 0 60px;
}
.inquiryBox .leadType01 {
	color: #E60000;
	font-size: 1.42857rem;
	text-align: center ;
}
.inquiryBox .clmWrapCol2 {
	display: block;
	margin-top: 25px;
}
.inquiryBox .clmWrapCol2 .listType13 + .listType13 {
	margin-top: 10px;
}
.inquiryBox .loginBloc {
	margin: 30px 0 40px;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding: 40px 0;
}
.inquiryBox .linkBtnWrap01 .colBtnItem {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.inquiryBox .linkBtnWrap01 .colBtnItem + .colBtnItem{
	margin-top: 20px;
}
.inquiryBox .linkBtnWrap01 .colBtnItem .btnType01{
	font-size: 1rem;
}
@media print, all and (min-width:641px) {
	.inquiryBox {
		background: url(/business/img/index_bg_0001.png)no-repeat center center;
		background-size:cover;
		padding: 100px 0 80px;
	}
	.inquiryBox .leadType01 {
		font-size: 1.71429rem;
	}
	.inquiryBox .clmWrapCol2 {
		display: -webkit-box;
		display: flex;
		justify-content: center;
		margin-top: 55px;
	}
	.inquiryBox .clmWrapCol2 .listType13 + .listType13 {
		margin-top: 0;
		margin-left: 60px;
	}
	.inquiryBox .loginBloc {
		margin: 60px 0;
		padding: 40px 100px;
		border-top: 1px solid #CFCFCF;
		border-bottom: 1px solid #CFCFCF;
	}
	.inquiryBox .linkBtnWrap01 {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	}
	.inquiryBox .linkBtnWrap01 > .colBtnItem {
		width: 360px;
		margin-left: 0px;
		margin-right: 20px;
	}
	.inquiryBox .linkBtnWrap01 .colBtnItem + .colBtnItem{
		margin-top: 0;
	}
	.inquiryBox .linkBtnWrap01 > .colBtnItem:nth-child(3n) {
		margin-right: 0px;
	}
}
/*お問い合わせ*/
.contactBox .clm {
	margin: 50px auto 0;
}
.contactBox .clm > .clmItem + .clmItem{
	margin-top: 50px;
}
.contactBox .outerBtn01 + .outerBtn01 {
	margin-top: 20px;
}
@media print, all and (min-width:641px) {
	.contactBox .clm {
		justify-content: center;
	}
	.contactBox .clm > .clmItem{
		width: 360px;
	}
	.contactBox .clm > .clmItem + .clmItem{
		margin-top: 0;
	}
	.contactBox .clm > .clmItem:nth-child(even){
		width: 360px;
		margin-left: 60px;
	}
}
/*最新情報*/
.latestInfo01 .clmLinkList > .clmItem + .clmItem {
	margin-top: 60px;
}

@media print, all and (min-width:641px) {
	.latestInfo01 .clmLinkList > .clmItem + .clmItem {
		margin-top: 0;
	}
}

.top .bgGray04{
	padding: 80px 0 60px;
}
.top .leadType01 {
	color:#E60000;
	font-size: 1.28571rem ;
	text-align: center ;
}
@media print, all and (min-width:641px) {
	.top .bgGray04 {
		padding: 100px 0;
	}
	.top .serviceBox .leadType01 {
		font-size: 1.71429rem ;
	}
}
/* cardColWrap */
.colTtl {
	font-size: 1.71429rem;
	color: #E60000;
	text-align: center;
}
.cardColWrap {
	display: flex;
	flex-direction: column;
}
.cardColImg {
	transition: 0.5s;
	opacity: 1;
	text-align: center;
}
.cardColTtl {
  position: relative;
	display: inline-block;
	margin-top: 35px;
  padding-left: 1rem;
	text-decoration: none;
	font-size: 1.14286rem;
	font-weight: bold;
	text-align: left;
}
.cardColTtl:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 1px solid #e60000;
  border-right: 1px solid #e60000;
  position: absolute;
  top: 10px;
  left: -3px;
  transform: rotate(45deg);
}
.cardColTxt {
	margin-top: 15px;
}
@media screen and (max-width:640px) {
	.cardColWrap .cardColItem {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #cfcfcf;
	}
	.bgGray04 .cardArea {
		padding: 0 20px;
	}
}
@media print, all and (min-width:641px) {
	.cardColWrap {
		align-items: flex-start;
		flex-direction: inherit;
		padding: 0 45px;
	}
	.cardColWrap + .cardColWrap {
		margin-top: 45px;
		padding-top: 45px;
		border-top: 1px solid #cfcfcf;
	}
	.cardColWrap.item2 {
		justify-content: center;
	}
	.cardColWrap.item3 {
		justify-content: space-between;
	}
	.cardColWrap .cardColItem {
		width: 240px;
		text-align: left;
	}
	.cardColWrap.item2 .cardColItem:nth-child(2) {
		margin-left: 60px;
	}
	.cardColImg:hover {
		opacity: 0.75;
	}
	.cardColTtl a{
		text-decoration: none;
	}
	.cardColTtl a:hover{
		color: #e60000;
	}

	.latestInfo01 {
		max-width: 970px;
		margin-right: auto;
		margin-left: auto;
	}
}

/************************************************
print
************************************************/
@media print {
	.top .tabBlock01 .sectionInnerTab {
		width: 100%;
	}
}