@charset "shift_jis";


/*	Shared index
-------------------------------*/

.indexBanner {
	margin: 0 auto;
	padding: 0;
}
.indexBannerField {
	margin: 0 auto;
	padding: 0;
}
.indexBannerField ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.indexBannerField ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.indexBannerField ul li#idMypage {
		margin-top: 10p;

}
@media print, screen and (min-width: 641px){	/* for PC */
	.indexBanner {
		width: 100%;
	}
	.indexBannerField {
/*		width: 960px;	*/
		max-width: 960px;
	}
	.indexBannerField ul {
	}
	.indexBannerField ul li {
		margin-top: 15px;
	}
		.indexBannerField ul li:first-child,
/*	.indexBannerField ul li:nth-child(2) */
		.indexBannerField ul li.mtop0
		{
			margin-top: 0;
		}
}
@media screen and (max-width: 640px){	/* for SP */
	.indexBanner {
		margin: 5px auto;
	}
	.indexBanner {
		width: 100%;
	}
	.indexBannerField {
		width: 100%;
	}
	.indexBannerField ul {
	}
	.indexBannerField ul li {
/*	margin-top: 5%; */
		margin-top: 2%;
	}
		.indexBannerField ul li:first-child,
/*	.indexBannerField ul li:nth-child(2) */
		.indexBannerField ul li.mtop0
		{
			margin-top: 0;
		}
}

.indexCouponTitle {
	margin: 0 auto;
	text-align: center;
}

.slider {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
	.sliderPC {
	}
	.sliderSP {
	}
.slider li {
/*	background: #ffffff;	*//* 161212 co */
}
.slider li a {
	margin: 0;
/*	padding: 0;	*//* 161212 co */
	display: block;
	overflow: hidden;	/* 161212 add */
}
	.slider li a:link {
	}
	.slider li a:active {
		text-decoration: none;
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
	.slider li a:visited {
	}
	.slider li a:hover {
		text-decoration: none;
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
	.slider li a {	/* 161212 add */
	}
		.slider li a:last-child {	/* 161212 add */
			border-bottom: none;
		}
.slider li a p {
	margin: 0;
	padding: 0;
/*	text-align: center;	*//* 161212 co */
}
	.slider li a .sliderItemPhoto {
		float: left;			/* 161212 add */
	}
	.slider li a .sliderItemBox {	/* 161212 add */
		margin: 0;
		padding: 0;
		float: right;
	}
	.slider li a .sliderItemName {
		color: #000000;
	}
	.slider li a .sliderItemSpecial {
		color: #000000;
		font-size: 130%;
	}
	.slider li a .sliderItemCopy {
		color: #000000;
		text-align: left;
	}
@media print, screen and (min-width: 961px){	/* for PC */
	.indexCouponTitle {
		padding: 30px 0;
	}
		.indexCouponTitlePC {
			display: block;
		}
		.indexCouponTitleSP {
			display: none;
		}
	.slider {
	}
		.sliderPC {
			display: block;
		}
		.sliderSP {
			display: none;
		}
	.slider li {
		background: #ffffff;
		padding: 15px;
	}
	.slider li a {
		padding: 0;
	}
	.slider li a p {
/*	text-align: center; */
		text-align: left;
	}
		.slider li a .sliderItemPhoto {
			margin-bottom: 10px;
		}
		.slider li a .sliderItemName {
			font-size: 90%;
			font-weight: bold;
			text-align: center;
		}
		.slider li a .sliderItemSpecial {
			margin-top: 10px;
			margin-bottom: 10px;
/*		font-size: 130%; */
			font-size: 100%;
		}
		.slider li a .sliderItemCopy {
			font-size: 65%;
		}
}
@media print, screen and (max-width: 960px){	/* for PC */
	.indexCouponTitle {
		padding: 30px 0;
	}
		.indexCouponTitlePC {
			display: block;
		}
		.indexCouponTitleSP {
			display: none;
		}
	.slider {
	}
		.sliderPC {
			display: block;
		}
		.sliderSP {
			display: none;
		}
	.slider li {
		background: #ffffff;
		padding: 15px;
	}
	.slider li a {
		padding: 0;
	}
	.slider li a p {
/*	text-align: center; */
		text-align: left;
	}
		.slider li a .sliderItemPhoto {
			margin-bottom: 10px;
		}
		.slider li a .sliderItemName {
			font-size: 90%;
			font-weight: bold;
			text-align: center;
		}
		.slider li a .sliderItemSpecial {
			margin-top: 10px;
			margin-bottom: 10px;
/*		font-size: 130%; */
			font-size: 100%;
		}
		.slider li a .sliderItemCopy {
			font-size: 65%;
		}
}

@media screen and (max-width: 640px){	/* for SP */
	.indexCouponTitle {
/*		padding: 15px 0;	*//* 161215 co */
		padding: 5% 0 0;	/* 161215 add */
		width: 80%;
	}
		.indexCouponTitlePC {
			display: none;
		}
		.indexCouponTitleSP {
			display: block;
		}
	.slider {
	}
		.sliderPC {
			display: none;
		}
		.sliderSP {
			display: block;
		}
	.slider li {
/*		padding: 10px;	*//* 161212 co */
		padding: 10px 10px 0;
		background: #3E3A39;	/* 161215 add */
	}
	.slider li a {
		border-bottom: 1px solid #000000;	/* 161212 add */
		padding: 2.5% 0;	/* 161212 add */
	}
	.slider li a p {
		text-align: left;	/* 161215 add */
	}
		.slider li a .sliderItemPhoto {
/*			margin-bottom: 10px;	*//* 161212 co */
			width: 25%;				/* 161212 add */
			margin-right: 5%;		/* 161212 add */
		}
		.slider li a .sliderItemBox {	/* 161212 add */
			width: 70%;
		}
		.slider li a .sliderItemName {
/*			font-size: 110%;	*//* 161212 co */
			color: #ffffff;	/* 161212 add */
			font-size: 90%;	/* 161212 add */
			font-weight: bold;
			text-align: left;
		}
		.slider li a .sliderItemSpecial {
			margin-top: 0px;
			margin-bottom: 0px;
			color: #ffffff;
			font-size: 90%;
			font-weight: nomal;
		}
		.slider li a .sliderItemCopy {
			color: #ffffff;	/* 161212 add */
			font-size: 65%;
		}
}
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}

.indexContentsBox { /* 旧 暮らしのお役立ち情報-------------------------------------------- */
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.indexContentsBox li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #ffffff;
}
.indexContentsBox li a {
	margin: 0;
	padding: 0;
	display: block;
}
	.indexContentsBox li a:link {
	}
	.indexContentsBox li a:active {
		text-decoration: none;
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
	.indexContentsBox li a:visited {
	}
	.indexContentsBox li a:hover {
		text-decoration: none;
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
.indexContentsBox li a p {
	margin: 0;
	padding: 0;
}
.indexContentsBox li a .indexContentsBoxImageA {
	background-image: url('../../index/images/index_contents_photo_01.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	height: 250px;
}
.indexContentsBox li a .indexContentsBoxImageB {
	background-image: url('../../index/images/index_contents_photo_02.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	height: 250px;
}
.indexContentsBox li a .indexContentsBoxImageA span ,
.indexContentsBox li a .indexContentsBoxImageB span {
	display: inline-block;
	position: relative;
	top: 175px;
	left: 20px;
	color: #000000;
	border: 1px solid;
	border-color: #bbb;
	background-color: white;
	padding: 2px;
}
	.indexContentsBox li a .indexContentsBoxTitle {
	}
	.indexContentsBox li a .indexContentsBoxCopy {
	}
.indexContentsBoxButton {
	padding: 0;
	text-align: center;
}

@media print, screen and (min-width: 641px){	/* for PC */
	.indexContentsBox {
		margin: 20px 0 0;
	}
	.indexContentsBox li {
		width: 49.5%;
	}
		.indexContentsBox li:nth-child(2n+1) {
			float: left;
		}
		.indexContentsBox li:nth-child(2n+0) {
			float: right;
		}
	.indexContentsBox li a {
	}
	.indexContentsBox li a p {
	}
	.indexContentsBox li a .indexContentsBoxImageA ,
	.indexContentsBox li a .indexContentsBoxImageB {
		background-size:100%;
		height: 24vw;
	}
	.indexContentsBox li a .indexContentsBoxImageA span ,
	.indexContentsBox li a .indexContentsBoxImageB span {
		width: 40vw;
		top: 16.5vw;
		left: 10px;
		font-size: 1.5vw;
		text-align:center;
	}
		.indexContentsBox li a .indexContentsBoxTitle {
			margin: 20px;
			font-size: 150%;
			text-align: center;
			color: #000000;
		}
			.indexContentsBox li a .indexContentsBoxTitleA {
				padding-top: 15px;
			}
			.indexContentsBox li a .indexContentsBoxTitle span {
				font-size: 70%;
			}
		.indexContentsBox li a .indexContentsBoxCopyPC {
			margin: 20px;
			font-size: 70%;
			text-align: left;
			color: #000000;
			line-height: 1.75;
		}
		.indexContentsBox li a .indexContentsBoxCopySP {
			display: none;
		}
	.indexContentsBoxButton {
		margin: 20px 0 0;
	}
}

@media print, screen and (min-width: 961px){	/* for PC */
	.indexContentsBox li a .indexContentsBoxImageA ,
	.indexContentsBox li a .indexContentsBoxImageB {
		background-size:100%;
		height: 250px;
	}
	.indexContentsBox li a .indexContentsBoxImageA span ,
	.indexContentsBox li a .indexContentsBoxImageB span {
		width: 90%;
		top: 200px;
		left: 18px;
		font-size: 80%;
		text-align:center;
	}
}

@media screen and (max-width: 640px){	/* for SP */
	.indexContentsBox {
		margin: 5% 0 0;
	}
	.indexContentsBox li {
		margin: 5% 0 0;
		width: 99%;
		border-right: 3px solid #cccccc;
		border-bottom: 3px solid #cccccc;
	}
		.indexContentsBox li:first-child {
			margin: 0;
		}
	.indexContentsBox li a {
	}
	.indexContentsBox li a p {
	}
	.indexContentsBox li a .indexContentsBoxImageA ,
	.indexContentsBox li a .indexContentsBoxImageB {
		background-size:100%;
		height: 46vw;
	}
	.indexContentsBox li a .indexContentsBoxImageA span ,
	.indexContentsBox li a .indexContentsBoxImageB span {
		width: 92%;
		top: 35vw;
		left: 10px;
		font-size: 2.8vw;
		text-align:center;
	}
		.indexContentsBox li a .indexContentsBoxTitle {
			margin: 5%;
			font-size: 100%;
			text-align: left;
			color: #000000;
		}
			.indexContentsBox li a .indexContentsBoxTitle span {
				display: none;
			}
			.indexContentsBox li a .indexContentsBoxTitle br {
				display: none;
			}
		.indexContentsBox li a .indexContentsBoxCopyPC {
			display: none;
		}
		.indexContentsBox li a .indexContentsBoxCopySP {
			margin: 5%;
			font-size: 80%;
			text-align: left;
			color: #717071;
			line-height: 1.75;
		}
	.indexContentsBoxButton {
		margin: 5% 0 0;
	}
}



.indexContentsSZ { /* スペース・ゼロ-------------------------------------------- */
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.indexContentsSZ li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.indexContentsSZ .indexContentsSZCopy {
		font-size: 90%;
	}
	.indexContentsSZ .indexContentsSZPhoto {
	}
.indexContentsSZButton {
	padding: 0;
	text-align: center;
}

@media print, screen and (min-width: 961px){	/* for PC */
	.indexContentsSZ {
		margin: 20px 0 0;
	}
	.indexContentsSZ li {
	}
		.indexContentsSZ .indexContentsSZCopy {
			width: 440px;
			float: left;
		}
		.indexContentsSZ .indexContentsSZPhoto {
			width: 500px;
			float: right;
		}
	.indexContentsSZButton {
		margin: 20px 0 0;
	}
}

@media screen and (max-width: 960px){	/* for SP */
	.indexContentsSZ {
		margin: 20px 0 0;
	}
	.indexContentsSZ li {
	}
		.indexContentsSZ .indexContentsSZCopy {
		}
		.indexContentsSZ .indexContentsSZPhoto {
			margin-top: 2.5%;
			text-align: center;
		}
	.indexContentsSZButton {
		margin: 5% 0 0;
	}
}

@media screen and (max-width: 640px){	/* for SP */
	.indexContentsSZ {
		margin: 5% 0 0;
	}
	.indexContentsSZ li {
	}
		.indexContentsSZ .indexContentsSZCopy {
		}
		.indexContentsSZ .indexContentsSZPhoto {
			margin-top: 2.5%;
		}
	.indexContentsSZButton {
		margin: 5% 0 0;
	}
}



.indexContentsLF { /* 暮らしのお役立ち情報-------------------------------------------- */
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden; /*  */
}
.indexContentsLF li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.indexContentsLF .indexContentsLFCopy {
		font-size: 90%;
	}
	.indexContentsLF .indexContentsLFPhoto {
	}
.indexContentsLFButton {
	padding: 0;
	text-align: center;
	/* clear:both; */
}

@media print, screen and (min-width: 961px){	/* for PC */
	.indexContentsLF {
		margin: 20px 0 0;
	}
	.indexContentsLF li {
	}
		.indexContentsLF .indexContentsLFCopy {
			width: 680px;
			float: left;
		}
		.indexContentsLF .indexContentsLFPhoto {
			width: 274px;
			float: right;
			/* margin-top: -54px; */
		}
	.indexContentsLFButton {
		margin: 0 0 0;
	}
}

@media screen and (max-width: 960px){	/* for SP */
	.indexContentsLF {
		margin: 20px 0 0;
	}
	.indexContentsLF li {
	}
		.indexContentsLF .indexContentsLFCopy {
		}
		.indexContentsLF .indexContentsLFPhoto {
			margin: 2.5% auto 0;
			max-width: 416px;
			width: 70vw;
			text-align: center;
		}
	.indexContentsLFButton {
		margin: 5% 0 0;
	}
}

@media screen and (max-width: 640px){	/* for SP */
	.indexContentsLF {
		margin: 5% 0 0;
	}
	.indexContentsLF li {
	}
		.indexContentsLF .indexContentsLFCopy {
		}
		.indexContentsLF .indexContentsLFPhoto {
			margin-top: 2.5%;
		}
	.indexContentsLFButton {
		margin: 5% 0 0;
	}
}



.indexContentsKS { /* こくみん共済 こども相談室 2019.04------------------------ */
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.indexContentsKS li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.indexContentsKS .indexContentsKSCopy {
		font-size: 90%;
	}
	.indexContentsKS .indexContentsKSPhoto {
	}

@media print, screen and (min-width: 961px){	/* for PC */
	.indexContentsKS {
		margin: 20px 0 0;
	}
	.indexContentsKS li {
	}
		.indexContentsKS .indexContentsKSCopy {
			width: 49.5%;
			float: right;
		}
		.indexContentsKS .indexContentsKSPhoto {
			width: 49.5%;
			float: left;
		}
}
@media screen and (max-width: 960px){	/* for SP */
	.indexContentsKS {
		margin: 20px 0 0;
	}
	.indexContentsKS li {
	}
		.indexContentsKS .indexContentsKSCopy {
		}
		.indexContentsKS .indexContentsKSPhoto {
			margin-top: 0;
			text-align: center;
		}
}
@media screen and (max-width: 640px){	/* for SP */
	.indexContentsKS {
		margin: 0 0 0;
	}
	.indexContentsKS li {
	}
		.indexContentsKS .indexContentsKSCopy {
		}
		.indexContentsKS .indexContentsKSPhoto {
			margin-top: 1%;
		}
}



.indexContentsTravel { /* 旅行・宿泊サービス--------------------------------- */
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
	background: #ffffff;
}
.indexContentsTravel li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.indexContentsTravel .indexContentsTravelPhoto {
		line-height: 1;
	}
	.indexContentsTravel .indexContentsTravelInfo {
	}
.indexContentsTravel li dl {
	margin: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
}
.indexContentsTravel li dl dt,
.indexContentsTravel li dl dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.indexContentsTravel li dl dt {
	}
	.indexContentsTravel li dl dd {
		color: #000000;
		font-size: 90%;
	}
	.indexContentsTravel li dl dd span {
		font-size: 120%;
	}
	.indexContentsTravel li dl dd.indexContentsTravelDetails {
		text-align: right;
		float: right;
	}

@media print, screen and (min-width: 961px){	/* for PC Screen & Print*/
	.indexContentsTravel {
	}
	.indexContentsTravel li {
		float: left;
	}
		.indexContentsTravel .indexContentsTravelPhoto {
/*			width: 440px; */
			width: 45%;
		}
		.indexContentsTravel .indexContentsTravelInfo {
			padding: 10px 15px;
			width: 480px;
			_width: 510px;
		}
	.indexContentsTravel li dl {
		padding: 8px 0;
	}
	.indexContentsTravel li dl dt,
	.indexContentsTravel li dl dd {
		float: left;
	}
		.indexContentsTravel li dl dt {
		}
		.indexContentsTravel li dl dd {
			margin-left: 15px;
		}
			.indexContentsTravel li dl dd.indexContentsTravelDetails {
				margin-left: 0;
			}
}
@media screen and (min-width: 961px){	/* for PC Screen*/
		.indexContentsTravel .indexContentsTravelPhoto {
			width: 440px;
		}
}

@media print, screen and (max-width: 960px){	/* for PC Screen & Print*/
	.indexContentsTravel {
	}
	.indexContentsTravel li {
	}
		.indexContentsTravel .indexContentsTravelPhoto {
			background: #3E3A39;
			text-align: center;
		}
/*
		.indexContentsTravel .indexContentsTravelInfo {
			padding: 2.5% 5%;
		}
*/
	.indexContentsTravel li dl {
		padding: 8px 0;
	}
	.indexContentsTravel li dl dt,
	.indexContentsTravel li dl dd {
		float: left;
	}
		.indexContentsTravel li dl dt {
		}
		.indexContentsTravel li dl dd {
			margin-left: 15px;
		}
			.indexContentsTravel li dl dd.indexContentsTravelDetails {
				margin-left: 0;
			}
}
@media screen and (max-width: 960px){	/* for PC Screen*/
		.indexContentsTravel .indexContentsTravelInfo {
			padding: 2.5% 5%;
		}
}

@media screen and (max-width: 640px){	/* for SP */
	.indexContentsTravel {
	}
	.indexContentsTravel li {
	}
		.indexContentsTravel .indexContentsTravelPhoto {
		}
		.indexContentsTravel .indexContentsTravelInfo {
			padding: 2.5% 5% 5%;
		}
	.indexContentsTravel li dl {
		padding: 3% 0;
	}
	.indexContentsTravel li dl dt,
	.indexContentsTravel li dl dd {
	}
		.indexContentsTravel li dl dt {
		}
		.indexContentsTravel li dl dd {
			margin-top: 1%;
		}
			.indexContentsTravel li dl dd.indexContentsTravelDetails {
			}
}



.indexSafetyTitle {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}



.indexSpecialTitle { /* 期間限定サービス------------------------------------- */
	margin: 0 auto;
	padding: 0;
}
.indexSpecialField {
	margin: 0;
	background: #3E3A39;
	border-bottom: 3px solid #F4F4F4;
}
	.indexSpecialField:last-child {
		border-bottom: none;
	}
.indexSpecialField p {
	color: #ffffff;
}
.indexSpecialField a {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
	.indexSpecialField a:link {
	}
	.indexSpecialField a:active {
		text-decoration: none;
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
	.indexSpecialField a:visited {
	}
	.indexSpecialField a:hover {
		text-decoration: none;
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
.indexSpecialField a ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 100%;
}
.indexSpecialField a ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.indexSpecialField a ul li.indexSpecialBanner {
	}
	.indexSpecialField a ul li.indexSpecialInfo {
	}
.indexSpecialField a ul li p {
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
}
	.indexSpecialField a ul li.indexSpecialInfo p {
	}
	.indexSpecialField a ul li .indexSpecialInfoPhoto {
	}
	.indexSpecialField a ul li .indexSpecialInfoMiddle {
	}
	.indexSpecialField a ul li .indexSpecialInfoMiddle2nd {
	}
	.indexSpecialField a ul li .indexSpecialInfoMiddle3rd {
	}
	.indexSpecialField a ul li .indexSpecialInfoMiddleIndent01 {
	}
	.indexSpecialField a ul li .indexSpecialInfoMiddleMargin01Indent01 {
	}
	.indexSpecialField a ul li .indexSpecialInfoLarge {
	}
	.indexSpecialField a ul li .indexSpecialInfoLarge2 {
	}
	.indexSpecialField a ul li .indexSpecialInfoLargeFacility {
	}
	.indexSpecialField a ul li .indexSpecialTextIndent {
		padding-left: 10em;
		text-indent: -10em;
	}
	.indexSpecialField a ul li .indexSpecialInfoDetails {
		text-align: right;
	}
	.indexSpecialField a ul li .indexSpecialTextIndent01 {
	}
	.indexSpecialField a ul li .indexSpecialTextIndent10 {
	}
	.indexSpecialField a ul li .indexSpecialTextMargin10Indent01 {
	}

.indexSpecialField a ul li p.borderwhite img {
	border:2px solid #fff;
}

.indexSpecialField a ul li p.indexSpecialTextIndent01 {
	padding-left: 1em;
	text-indent: -1em;
}
.indexSpecialField a ul li p.indexSpecialTextIndent10 {
	padding-left: 9.75em;
	text-indent: -9.75em;
}

.indexSpecialField a ul li p.indexSpecialTextMargin10Indent01 {
	margin-left: 9.75em;
	margin-bottom: 6px;
	padding-left: 1em;
	text-indent: -1em;
}

.indexSpecialField a ul li table {
	margin: 0 auto;
	border: none;
	width: auto;
}
.indexSpecialField a ul li table th,
.indexSpecialField a ul li table td {
	padding: 0;
	border: none;
	color: #ffffff;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
	.indexSpecialField a ul li table th {
		white-space: nowrap;
	}
	.indexSpecialField a ul li table td {
	}
@media print, screen and (min-width: 961px){	/* for PC */
	.indexSpecialTitle {
		text-align: left;
	}
	.indexSpecialField {
		padding: 25px 0;
	}
	.indexSpecialField p {
	}
	.indexSpecialField a {
	}
	.indexSpecialField a ul {
		overflow: hidden;
	}
	.indexSpecialField a ul li {
	}
		.indexSpecialField a ul li.indexSpecialBanner {
			width: 350px;
			float: left;
		}
			.indexSpecialField a ul.indexSpecialSpacezero li.indexSpecialBanner {
				width: 450px;
				margin-top: 12px;  /* 170512 add */
			}
		.indexSpecialField a ul li.indexSpecialInfo {
			width: 590px;
			float: right;
		}
			.indexSpecialField a ul.indexSpecialSpacezero li.indexSpecialInfo {
				width: 490px;
			}
	.indexSpecialField a ul li p {
	}
		.indexSpecialField a ul li.indexSpecialInfo p {
			line-height: 1.75;
		}
		.indexSpecialField a ul li .indexSpecialInfoPhoto {
			margin-left: 15px;
			float: right;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddle {
			font-size: 110%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddle2nd {
			font-size: 100%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddle3rd {
			font-size: 100%;
			line-height: 1.2;
			margin-bottom: 8px;
			padding-left: 1em;
			text-indent: -1em;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddleIndent01 {
			font-size: 110%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddleMargin01Indent01 {
			margin-left: 1em;
			font-size: 110%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLarge {
			font-size: 150%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLarge2 {
			font-size: 180%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLargeFacility {
			font-size: 150%;
			line-height: 1.2;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialTextIndent {
		}
		.indexSpecialField a ul li .indexSpecialInfoDetails {
		}
	.indexSpecialField a ul li table {
		margin-top: 10px;
	}
	.indexSpecialField a ul li table th,
	.indexSpecialField a ul li table td {
	}
		.indexSpecialField a ul li table th {
		}
		.indexSpecialField a ul li table td {
		}
}

@media print, screen and (max-width: 960px){	/* for PC Screen & Print */
	.indexSpecialTitle {
		text-align: left;
	}
	.indexSpecialField {
		padding: 25px 0;
	}
	.indexSpecialField p {
	}
	.indexSpecialField a {
	}
	.indexSpecialField a ul {
	}
	.indexSpecialField a ul li {
	}
		.indexSpecialField a ul li.indexSpecialBanner {
			text-align: center;
		}
			.indexSpecialField a ul.indexSpecialSpacezero li.indexSpecialBanner {
			}
/*
		.indexSpecialField a ul li.indexSpecialInfo {
			padding: 2.5% 2.5% 0;
		}
*/
			.indexSpecialField a ul.indexSpecialSpacezero li.indexSpecialInfo {
			}
	.indexSpecialField a ul li p {
	}
		.indexSpecialField a ul li.indexSpecialInfo p {
			line-height: 1.75;
		}
		.indexSpecialField a ul li .indexSpecialInfoPhoto {
			margin-left: 15px;
			float: right;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddle,
		.indexSpecialField a ul li p.indexSpecialInfoMiddle2nd,
		.indexSpecialField a ul li p.indexSpecialInfoMiddleIndent01 {
			font-size: 110%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddleMargin01Indent01 {
			font-size: 110%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddle3rd {
			font-size: 110%;
			line-height: 1.2;
			margin-bottom: 5px;
			padding-left: 1em;
			text-indent: -1em;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLarge {
			font-size: 150%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLarge2 {
			font-size: 170%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLargeFacility {
			font-size: 150%;
			line-height: 1.2;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialTextIndent {
		}
		.indexSpecialField a ul li .indexSpecialInfoDetails {
		}
	.indexSpecialField a ul li table {
		margin-top: 10px;
	}
	.indexSpecialField a ul li table th,
	.indexSpecialField a ul li table td {
	}
		.indexSpecialField a ul li table th {
		}
		.indexSpecialField a ul li table td {
		}
}
@media screen and (max-width: 960px){	/* for PC Screen */
		.indexSpecialField a ul li.indexSpecialInfo {
			padding: 2.5% 2.5% 0;
		}
}

@media screen and (max-width: 640px){	/* for SP */
	.indexSpecialTitle {
		text-align: center;
	}
	.indexSpecialField {
		padding: 5% 0;
	}
	.indexSpecialField p {
	}
	.indexSpecialField a {
	}
	.indexSpecialField a ul {
		width: 90%;
	}
	.indexSpecialField a ul li {
		width: 100%;
	}
		.indexSpecialField a ul li.indexSpecialBanner {
		}
		.indexSpecialField a ul li.indexSpecialInfo {
			margin: 2.5% 0 0;
			padding: 0;
		}
	.indexSpecialField a ul li p {
	}
		.indexSpecialField a ul li.indexSpecialInfo p {
			line-height: 1.5;
		}
		.indexSpecialField a ul li .indexSpecialInfoPhoto {
			display: none;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddle,
		.indexSpecialField a ul li p.indexSpecialInfoMiddle2nd {
			font-size: 90%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddle3rd {
			font-size: 90%;
			line-height: 1.2;
			margin-bottom: 5px;
			padding-left: 1em;
			text-indent: -1em;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddleIndent01 {
/*		font-size: 90%; */
			font-size: 85%;
			line-height: 1.2;
			margin-bottom: 10px;
			padding-left: 1em;
			text-indent: -1em;
		}
		.indexSpecialField a ul li p.indexSpecialInfoMiddleMargin01Indent01 {
			font-size: 90%;
			line-height: 1.2;
			margin-bottom: 10px;
			padding-left: 1em;
			text-indent: -1em;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLarge {
			font-size: 120%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLarge2 {
			font-size: 130%;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialInfoLargeFacility {
			font-size: 100%;
			line-height: 1.2;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.indexSpecialField a ul li p.indexSpecialTextIndent {
		}
		.indexSpecialField a ul li .indexSpecialInfoDetails {
		}
	.indexSpecialField a ul li table {
		margin-top: 2.5%;
	}
	.indexSpecialField a ul li table th,
	.indexSpecialField a ul li table td {
	}
		.indexSpecialField a ul li table th {
		}
		.indexSpecialField a ul li table td {
		}
}



#visualField a ul {
	margin: 0 0;
}
#visualField a ul li {
	list-style: none;
}
#visualField a:hover {
	text-decoration: none;
}



/* fes style 201612 */

@media print, screen and (min-width: 961px){	/* for PC */
	.indexSpecialField a ul li.indexSpecialFes {
		width: 510px;
		float: right;
		position: relative;
	}
	.indexSpecialField a ul li.indexSpecialFes .indexSpecialFesLead {
		margin: 0 25px 15px;
		font-size: 110%;
	}
	.indexSpecialField a ul li.indexSpecialFes .indexSpecialFesPhoto {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.indexSpecialField a ul li.indexSpecialFes dl {
		margin: 0 15px 25px;
		padding: 0;
		list-style: none;
	}
	.indexSpecialField a ul li.indexSpecialFes dl dt,
	.indexSpecialField a ul li.indexSpecialFes dl dd {
		color: #ffffff;
	}
		.indexSpecialField a ul li.indexSpecialFes dl dt {
			font-size: 90%;
			margin-bottom: 5px;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd {
			padding-left: 10px;
			border-left: 3px solid #189243;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd.indent1em {  /* 170512 add */
			padding-left: 25px;
			text-indent: -1em;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd span {
			font-size: 80%;
		}
}
@media print, screen and (max-width: 960px){	/* for PC */
	.indexSpecialField a ul li.indexSpecialFes {
		width: 100%;
		position: relative;
	}
	.indexSpecialField a ul li.indexSpecialFes .indexSpecialFesLead {
		margin: 15px 25px;
		font-size: 110%;
	}
	.indexSpecialField a ul li.indexSpecialFes .indexSpecialFesPhoto {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.indexSpecialField a ul li.indexSpecialFes dl {
		margin: 0 25px 25px;
		padding: 0;
		list-style: none;
	}
	.indexSpecialField a ul li.indexSpecialFes dl dt,
	.indexSpecialField a ul li.indexSpecialFes dl dd {
		color: #ffffff;
	}
		.indexSpecialField a ul li.indexSpecialFes dl dt {
			font-size: 90%;
			margin-bottom: 5px;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd {
			padding-left: 10px;
			border-left: 3px solid #189243;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd.indent1em {  /* 170512 add */
			padding-left: 25px;
			text-indent: -1em;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd span {
			font-size: 80%;
		}
}
@media screen and (max-width: 640px){	/* for SP */
	.indexSpecialField a ul li.indexSpecialFes {
		width: 100%;
		position: relative;
	}
	.indexSpecialField a ul li.indexSpecialFes .indexSpecialFesLead {
		margin: 5% 0;
		font-size: 110%;
	}
	.indexSpecialField a ul li.indexSpecialFes .indexSpecialFesLead br {
		display: none;
	}
	.indexSpecialField a ul li.indexSpecialFes .indexSpecialFesPhoto {
		display: none;
	}
	.indexSpecialField a ul li.indexSpecialFes dl {
		margin: 0 0 5%;
		padding: 0;
		list-style: none;
	}
	.indexSpecialField a ul li.indexSpecialFes dl dt,
	.indexSpecialField a ul li.indexSpecialFes dl dd {
		color: #ffffff;
	}
		.indexSpecialField a ul li.indexSpecialFes dl dt {
			font-size: 90%;
			margin-bottom: 5px;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd {
			padding-left: 10px;
			border-left: 3px solid #189243;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd br {
			display: none;
		}
		.indexSpecialField a ul li.indexSpecialFes dl dd span {
			font-size: 80%;
			display: block;
		}
}

@media print, screen and (min-width: 961px){	/* for PC */
	.indexSpecialField a .indexSpecialFesBlock {
		margin: 15px 0;
		padding: 0;
		background: #706B69;
		overflow: hidden;
	}
	.indexSpecialField a .indexSpecialFesBlock p {
		margin: 10px 0;
		padding: 0;
		text-align: center;
		color: #ffffff;
		font-size: 110%;
	}
	.indexSpecialField a .indexSpecialFesBlock p br {
		display: none;
	}
	.indexSpecialField a .indexSpecialFesBlock p span {
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		margin-right: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.indexSpecialField a .indexSpecialFesBlock p img {
		margin-left: 25px;
		vertical-align: middle;
	}
	.indexSpecialField a .indexSpecialFesPhoto {
		position: absolute;
		bottom: -30px;
		right: 10px;
	}
}
@media print, screen and (max-width: 960px){	/* for PC */
	.indexSpecialField a .indexSpecialFesBlock {
		margin: 0;
		padding: 10px 25px;
		background: #706B69;
	}
	.indexSpecialField a .indexSpecialFesBlock p {
		margin: 10px 0;
		padding: 0;
		text-align: left;
		color: #ffffff;
		font-size: 110%;
	}
	.indexSpecialField a .indexSpecialFesBlock p br {
		display: none;
	}
	.indexSpecialField a .indexSpecialFesBlock p span {
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		margin-right: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.indexSpecialField a .indexSpecialFesBlock p img {
		margin-left: 25px;
		vertical-align: middle;
	}
	.indexSpecialField a .indexSpecialFesPhoto {
		position: absolute;
		bottom: -30px;
		right: 10px;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	.indexSpecialField a .indexSpecialFesBlock {
		margin: 0;
		padding: 2.5% 5%;
		background: #706B69;
	}
	.indexSpecialField a .indexSpecialFesBlock p {
		margin: 1.5% 0;
		padding: 0;
		line-height: 1.5;
		text-align: left;
		color: #ffffff;
		font-size: 90%;
	}
	.indexSpecialField a .indexSpecialFesBlock p br {
		display: block;
	}
	.indexSpecialField a .indexSpecialFesBlock p span {
		border: none;
		padding: 0;
		font-size: 90%;
	}
	.indexSpecialField a .indexSpecialFesBlock p img {
		margin: 1.5% 0 0;
		vertical-align: middle;
	}
	.indexSpecialField a .indexSpecialFesPhoto {
		width: 30%;
		position: absolute;
		bottom: -1.5%;
		right: 0;
	}
}

/* 2021-12 */
/* 「セイフティ・ファミリー」バックナンバーの案内 */


.indexContentsSFBN {
	padding: 0;
	list-style: none;
	width: 100%;
	/* overflow: hidden; */
}
.indexContentsSFBN li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.indexContentsSFBN .indexContentsSFBNCopy {
		font-size: 90%;
	}
	.indexContentsSFBN .indexContentsSFBNPhoto {
	}
.indexContentsSFBNButton {
	padding: 0;
	text-align: center;
	clear:both;
}
@media print, screen and (min-width: 961px){	/* for PC */
	.indexContentsSFBN {
		margin: 20px 0 0;
	}
	.indexContentsSFBN li {
	}
		.indexContentsSFBN .indexContentsSFBNCopy {
			width: 450px;
			float: left;
		}
		.indexContentsSFBN .indexContentsSFBNPhoto {
			width: 500px;
			float: right;
			margin-top: -80px;
		}
	.indexContentsSFBNButton {
		margin: 0px 0 0;
	}
}
@media screen and (max-width: 960px){	/* for SP */
	.indexContentsSFBN {
		margin: 20px 0 0;
	}
	.indexContentsSFBN li {
	}
		.indexContentsSFBN .indexContentsSFBNCopy {
		}
		.indexContentsSFBN .indexContentsSFBNPhoto {
			margin-top: 2.5%;
			text-align: center;
		}
	.indexContentsSFBNButton {
		margin: 5% 0 0;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	.indexContentsSFBN {
		margin: 5% 0 0;
	}
	.indexContentsSFBN li {
	}
		.indexContentsSFBN .indexContentsSFBNCopy {
		}
		.indexContentsSFBN .indexContentsSFBNPhoto {
		}
	.indexContentsSFBNButton {
	}
}