@charset "shift_jis";
body{
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow: hidden;
	font-weight: 400;
	font-size: 13px;
	font-size: 1.3rem;
}
.pcOnly{
	display: none !important;
}
.spOnly{
	display: block !important;
}
img.spOnly,
br.spOnly{
	display: inline !important;
}
/* link */
a:link    { color: #008191; text-decoration: underline; }
a:visited { color: #008191; text-decoration: underline; }
@media screen and (min-width: 751px), print {
a:hover .opBnr { opacity: 0.7; background: #ffffff; }
a:hover   { color: #008191; text-decoration: none; }
a:active  { color: #008191; text-decoration: none; }
}
/* BASE SETTING
------------------------------------------------------ */
#officialTopRenewl #mainContainer {
	margin-top: 0;
}
#officialTopRenewl #mainContents {
	width: 100%;
	padding: 0;
}

.top-txtSmall01{
	font-size: 12px;
	font-size: 1.2rem;
}

/* SECTION PARTS
------------------------------------------------------ */
.top-bgWide{
	margin-right: -10px;
	margin-left: -10px;
	padding: 0 10px 35px;
}
.top-bgWide.color01{
	background-color: #a8d1d6;
}

/* mainVisual */
#mainVisual{
	position: relative;
	margin: 0 -10px;
	padding: 0;
	background-color: #f5f5f5;
	height: 511px;
}
#mainVisual .inner{
	position: absolute;
	bottom: 25px;
	right: 0;
	left: 0;
	padding: 0 10px;
}
.mainVisualSliderBox {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 896px;
	height: 511px;
}
.mainVisualSliderBox .mainVisualSliderItem img{
	max-width: none;
	width: auto;
	height: 511px;
}
.top-borderBox01{
	border: 1px solid #d3322c;
	padding: 8px 15px;
	background-color: #ffffff;
}
	#renewalFooter #footerContainer03.top{
		padding-bottom: 0;
	}
@media screen and (max-width: 750px){
	#renewalFooter #footerContainer03.top{
		padding: 5px 0 0;
	}
	#renewalFooter #footerContainer03.top .ftInner{
		display: table;
		width: 100%;
	}
	#renewalFooter #footerContainer03.top .ftInner #footerLogo{
		display: table-cell;
		vertical-align: middle;
		width: calc(100% - 60px);
	}
	#renewalFooter #footerContainer03 .ftInner #footerLogo img{
		max-width: 147px;
	}
	#renewalFooter #footerContainer03.top .ftInner #ftPrivacySP{
		display: table-cell;
		width: 60px;
		padding-bottom: 7px;
	}
	#renewalFooter #footerContainer03.top .ftInner #ftPrivacySP img{
		width: 100%;
		height: auto;
	}
}

#renewalFooter #copyright{
	padding: 16px 10px;
	text-align: center;
	background-color: #333333;
	font-size: 12px;
	color: #fff;
}

/* HEADING PARTS
------------------------------------------------------ */
.top-heading01{
	margin-top: 75px;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
}
.top-heading01 > .box{
	display: inline-block;
}
.top-heading01 > .box > .txtL{
	display: inline-block;
	width: 100%;
	text-align: left;
	padding-left: 34px;
}
.top-heading01 > .box > .txtR{
	display: inline-block;
	width: 100%;
	text-align: right;
	padding-right: 34px;
}
.top-heading02{
	margin-top: 52px;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	font-size: 2.8rem;
}

.top-heading03{
	margin: 75px -10px 0;
	padding: 17px 10px 19px;
	text-align: center;
}
.top-heading03 .head{
	font-weight: bold;
	font-size: 28px;
	font-size: 2.8rem;
}
.top-heading03 .caption{
	margin-top: 0;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.top-heading03 .icon{
	margin-bottom: 10px;
}
.top-heading03 .icon > img{
	height: 35px;
}
.top-heading03.color01{
	background-color: #008191;
	color: #ffffff;
}
.top-heading03.color02{
	background-color: #d0372c;
	color: #ffffff;
}
.top-heading03.color03{
	background-color: #7c266e;
	color: #ffffff;
}
.top-heading03.color04{
	background-color: #c1875f;
	color: #ffffff;
}
.top-heading03.color05{
	background-color: #a8d1d6;
	color: #333333;
}
.top-heading03.color06{
	background-color: #e2efda;
	color: #333333;
}
.top-heading03.color07{
	border-top: solid 3px #575757;
	border-bottom: solid 3px #575757;
	background-color: #ffffff;
	color: #333333;
}
.top-heading03.oneLine01{
	margin-top: 3px;
	padding-top: 38px;
	padding-bottom: 28px;
}
.top-heading03.oneLine02{
	padding-top: 26px;
	padding-bottom: 22px;
}
.top-heading03.oneLine02 .head{
	font-size: 29px;
	font-size: 2.9rem;
}
.top-heading03.noIcon{
	padding-top: 24px;
	padding-bottom: 20px;
}
.top-heading03.noIcon .head{
	font-size: 27px;
	font-size: 2.7rem;
}




/* BUTTON LINK PARTS
------------------------------------------------------ */
/* top-application */
.top-applicationWrap{
	padding: 0 45px;
}
.application-head{
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}
/* top-btn */
.top-btnWrap{
	margin-top: 32px;
	padding: 0 25px;
}
.top-btnLink01,
.top-btnList01{
	margin-top: 15px;
	text-align: center;
}
.top-btnList01 > li{
	display: block;
	margin-right: 0;
	letter-spacing: 0;
}
.top-btnList01 > li + li{
	margin-top: 10px;
}
.top-btnList01 > li:last-child{
	margin-right: 0;
}
.top-btnLink01 > a,
.top-btnLink01 > span,
.top-btnList01 > li a{
	position: relative;
	display: inline-block;
	min-width: auto;
	width: 100%;
	border-radius: 6px;
	border: 2px solid #d0372c;
	padding: 13px 10px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
}
.top-btnLink01 > a::after ,
.top-btnLink01 > span::after ,
.top-btnList01 > li a::after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: inline-block;
	width: 9px;
	height: 16px;
	margin-top: -8px;
	z-index: 5;
	background: url("/img-files/top/index_ic20.png") no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
}
.top-btnLink01 > a.twoLine,
.top-btnLink01 > span.twoLine,
.top-btnList01 > li a.twoLine{
	padding: 6px 10px 5px;
	font-size: 14px;
	font-size: 1.4rem;
}
.top-btnLink01 a:link,
.top-btnLink01 a:visited,
.top-btnList01 > li a:link,
.top-btnList01 > li a:visited{
	text-decoration: none;
	color: inherit;
}
.top-btnList01 > li a:hover{
	opacity: 1;
}
.top-btnLink01 > a.color01,
.top-btnLink01 > span.color01,
.top-btnList01 > li a.color01 {
	background-color: #d0372c;
	color: #ffffff;
}
.top-btnLink01 > a.color02,
.top-btnLink01 > span.color02,
.top-btnList01 > li a.color02 {
	background-color: #ffffff;
	color: #333333;
}
.top-btnLink01 > a.color01::after ,
.top-btnLink01 > span.color01::after ,
.top-btnList01 > li a.color01::after {
	border-color: #ffffff;
}
.top-btnLink01 > a.color02::after ,
.top-btnLink01 > span.color02::after ,
.top-btnList01 > li a.color02::after {
	background-image: url("/img-files/top/index_ic21.png");
}

.top-btnList01 > li a .caption{ 
	font-size: 10px;
	font-size: 1.0rem;
}

/*top-boxLink01*/
.top-boxLink01{
	position: relative;
	display: -ms-flex;
	display: flex;
	align-items: center;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid #d0372c;
	padding: 10px;
}
.top-boxLink01:link,
.top-boxLink01:visited{
	color: #333;
	text-decoration: none;
}
.top-boxLink01:hover{
	color: #333;
}
.top-boxLink01 > figure{
	width: 104px;
	margin: 10px 10px 10px 0;
}
.top-boxLink01 > .txt{
	width: calc(100% - 114px);
	padding-right: 10px;
	color: #333;
	text-decoration: none;
}
.top-boxLink01 > .txt::after{
	position: absolute;
	top: 50%;
	right: 8px;
	width: 7px;
	height: 13px;
	margin-top: -7px;
	background: url("/img-files/top/index_ic22.png") no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	}
.top-boxLink01 > .txt .lead{
	font-weight: bold;
	font-size: 15px;
}
/*top-lineBoxLink01*/
.top-lineBoxLink01{
	position: relative;
	display: block;
	padding: 19px 20px 20px 0;
	background: url("/img-files/top/index_bg02.gif") left bottom repeat-x;
	-webkit-background-size: auto 2px;
	background-size: auto 2px;
}
.top-lineBoxLink01:link,
.top-lineBoxLink01:visited{
	color: inherit;
	text-decoration: none;
}
.top-lineBoxLink01:hover{
}
.top-lineBoxLink01::after{
	position: absolute;
	top: 50%;
	right: 3px;
	width: 11px;
	height: 11px;
	margin-top: -6px;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	transform: rotateZ(45deg);
	content: ""; 
}
.top-lineBoxLink01.type-ic{
	padding-left: 41px;
	text-indent: -41px;
}
.top-lineBoxLink01.type-ic > .icon{
	display: inline-block;
	margin-right: 15px;
	width: 27px;
	height: 27px;
	text-indent: 0;
	vertical-align: middle;
}

/*Link*/
.ancLink01{
	display: inline-block;
	position: relative;
	padding-left: 17px;
}
.ancLink01::before{
	position: absolute;
	top: 0.4em;
	left: 3px;
	width: 6px;
	height: 6px;
	border-right: solid 2px #008191;
	border-bottom: solid 2px #008191;
	transform: rotateZ(45deg);
	content: "";
}
.txtLink01{
	display: inline-block;
	position: relative;
	padding-right: 25px;
	font-size: 16px;
	font-size: 1.6rem;
}
.txtLink01::after{
	position: absolute;
	top: 0.25em;
	right: 3px;
	width: 9px;
	height: 16px;
	background: url("/img-files/top/index_ic19.png") no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
}
.linkTggle01{
	display: inline-block;
	position: relative;
	padding: 0 34px 0 0;
	background: url("/img-files/top/index_ic12.png") no-repeat right center;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: underline;
	color: #000000;
}
.linkTggle01:hover{
	text-decoration: none;
	color: inherit;;
}
.linkTggle01.open{
	background: url("/img-files/top/index_ic13.png") no-repeat right center;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.linkTggle01:not(.open) .opentxt,
.linkTggle01.open .closetxt{
	display: none;
}

/* BOX PARTS
------------------------------------------------------ */
.top-borderBox01{
	border: 1px solid #d3322c;
	padding: 8px;
	background-color: #ffffff;
}
.top-borderBox01 a{
	color: #d3322c;
}
.top-boxLayout01{
	display: block;
	margin-top: 25px;
	border-radius: 10px;
	padding: 30px 22px 18px;
	background-color: #fff;
}
.top-colLayout02{
	margin-top: 40px;
}
.top-colLayout02 .col{
	padding-bottom: 45px;
	text-align: center;
	background: url("/img-files/top/index_bg02.gif") left bottom repeat-x;
	-webkit-background-size: 5px auto;
	background-size: 5px auto;
}
.top-colLayout02 .col + .col{
	margin-top: 37px;
}
.top-colLayout02 .col:last-child{
	background: none;
}
.top-colLayout02 .lead{
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
}
.top-colLayout02 .lead .sub{
	font-size: 16px;
	font-size: 1.6rem;
}
.top-colLayout02 .img{
	margin-top: 2em;
}
.top-colLayout02 .txtLink01{
	padding-left: 25px;
}

/* SLIDER PARTS
------------------------------------------------------ */
.slick-slide{
	height: auto;
}
/* --common-- */
.slick-dotted.slick-slider {
	margin-bottom: 70px;
}
/* Arrows */
.js-top_slider05 .slick-prev,
.js-top_slider05 .slick-next,
.js-top_slider04 .slick-prev,
.js-top_slider04 .slick-next,
.js-top_slider01 .slick-prev,
.js-top_slider01 .slick-next,
.js-top_slider02 .slick-prev,
.js-top_slider02 .slick-next,
.js-top_slider03 .slick-prev,
.js-top_slider03 .slick-next {
	display: inline-block!important;
	top: auto;
	bottom: -60px;
	width: 11px;
	height: 11px;
	z-index: 5;
}
.js-top_slider01 .slick-prev,
.js-top_slider01 .slick-next {
	bottom: -34px;
}
.js-top_slider04 .slick-prev,
.js-top_slider04 .slick-next {
	bottom: -40px;
}
.js-top_slider05 .slick-prev,
.js-top_slider05 .slick-next {
	top: 49%;
	bottom: auto;
}
.js-top_slider05 .slick-prev:hover, .js-top_slider05 .slick-prev:focus,
.js-top_slider05 .slick-next:hover, .js-top_slider05 .slick-next:focus,
.js-top_slider04 .slick-prev:hover, .js-top_slider04 .slick-prev:focus,
.js-top_slider04 .slick-next:hover, .js-top_slider04 .slick-next:focus,
.js-top_slider03 .slick-prev:hover, .js-top_slider03 .slick-prev:focus,
.js-top_slider03 .slick-next:hover, .js-top_slider03 .slick-next:focus,
.js-top_slider01 .slick-prev:hover, .js-top_slider01 .slick-prev:focus,
.js-top_slider01 .slick-next:hover, .js-top_slider01 .slick-next:focus,
.js-top_slider02 .slick-prev:hover, .js-top_slider02 .slick-prev:focus,
.js-top_slider02 .slick-next:hover, .js-top_slider02 .slick-next:focus {
	opacity: 1;
}

.js-top_slider05 .slick-prev ,
.js-top_slider04 .slick-prev ,
.js-top_slider03 .slick-prev ,
.js-top_slider01 .slick-prev ,
.js-top_slider02 .slick-prev {
	left: 12px;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	background: none;
	transform: rotateZ(-45deg);
}
.js-top_slider02 .slick-prev,
.js-top_slider02 .slick-next {
	height: 11px !important;
}
.js-top_slider05 .slick-next ,
.js-top_slider04 .slick-next ,
.js-top_slider03 .slick-next ,
.js-top_slider01 .slick-next ,
.js-top_slider02 .slick-next {
	right: 12px;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	background: none;
	transform: rotateZ(45deg);
}
.js-top_slider05 .slick-prev{
	left: -6px;
}
.js-top_slider05 .slick-next {
	right: -6px;
}
.contentWrap.red .js-top_slider04 .slick-prev ,
.contentWrap.red .js-top_slider03 .slick-prev ,
.contentWrap.red .js-top_slider01 .slick-prev ,
.contentWrap.red .js-top_slider02 .slick-prev {
	left: 12px;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	background: none;
	transform: rotateZ(-45deg);
}
.contentWrap.red .js-top_slider04 .slick-next ,
.contentWrap.red .js-top_slider03 .slick-next ,
.contentWrap.red .js-top_slider01 .slick-next ,
.contentWrap.red .js-top_slider02 .slick-next {
	right: 12px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	background: none;
	transform: rotateZ(45deg);
}

/*Dots*/
.top-sliderDots {
	position: absolute;
	bottom: -67px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.top-sliderDots li {
	position: relative;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 7px;
	padding: 0;
	cursor: pointer;
	vertical-align: top;
}
.top-sliderDots li button[id*="slick-slide-control"] {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 11px;
	height: 11px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.top-sliderDots li button:not([id*="slick-slide-control"]) {
	display: none;
}
.top-sliderDots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.top-sliderDots li button:hover:before, .slick-dots li button:focus:before {
	opacity: .75;
}
.top-sliderDots li button:before {
	font-family: 'slick';
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 9px;
	border: 1px solid #767676;
	content: '';
	text-align: center;
	background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 1;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.top-sliderDots li.slick-active button:before {
	opacity: .75;
	color: black;
	background: #d6bd17;
}

.top-sliderNums {
	position: absolute;
	bottom: -55px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.top-sliderNums li {
	width: auto;
	height: auto;
	vertical-align: baseline;
	display: inline-block;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
	text-indent: 0;
	letter-spacing: 0;
}
.top-sliderNums li button {
	display: block;
	width: 22px;
	height: 37px;
	text-indent: 0;
	letter-spacing: 0;
	-webkit-appearance: none;
	background: none;
	border: none;
	transition: font-size .5s ease,  width .5s ease, height .5s ease;
	line-height: 1;
	font-size: 21px;
	font-size: 2.1rem;
	color: #333333;
}
.top-sliderNums li button:not([id*="slick-slide-control"]) {
	display: none !important;
}
.top-sliderNums.slick-dots li button:before{
	content: none;
}
.top-sliderNums li.slick-active{
	width: auto;
	height: auto;
}
.top-sliderNums li.slick-active button{
	width: 31px;
	height: 41px;
	font-size: 34px;
	font-size: 3.4rem;
	color: #008191;
}

/* ANIMATION
------------------------------------------------------ */
/* linkAnimation */
.linkAnimation.right::after{
	-webkit-animation: L--R01 1.5s infinite;
	animation: L--R01 1.5s infinite;
}
.linkAnimation.right02::after{
	-webkit-animation: L--R02 1.5s infinite;
	animation: L--R02 1.5s infinite;
}
@-webkit-keyframes L--R01 {
	0% {
		-webkit-transform: translate(-5px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
}
@keyframes L--R01 {
	0% {
		transform: translate(-5px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	
	100% {
		transform: translate(0, 0);
		opacity: 0;
	}
}
@-webkit-keyframes L--R02 {
	0% {
		-webkit-transform: translate(-3px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(2px, 0);
		opacity: 0;
	}
}
@keyframes L--R02 {
	0% {
		transform: translate(-3px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	
	100% {
		transform: translate(2px, 0);
		opacity: 0;
	}
}

/*isAnimate*/
.isFadein01{
	opacity: 0;
	transform: translate(0,10px);
}
.isFadein01.isAnimate{
	opacity: 1;
	transform: translate(0,0);
	transition: transform 1s ease,opacity 1s ease,-webkit-transform 1s ease,-moz-transform 1s ease,-o-transform 1s ease;
}
.isFadein02{
	opacity: 0;
	transform: translate(10px,0);
}
.isFadein02.isAnimate{
	opacity: 1;
	transform: translate(0,0);
	transition: transform 1s ease,opacity 1s ease,-webkit-transform 1s ease,-moz-transform 1s ease,-o-transform 1s ease;
}

/* SIDE NAVI
--------------------------------*/
.top-sidenav_btn{
	position: fixed;
	display: none;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 1005;
}
.top-sidenav_btn.on{
	display: block !important;
	opacity: 1 !important;
	top: 18px;
	right: 18px;
	width: 23px;
	height: 23px;
}
.top-sidenav_btn span.open{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: solid 2px #ffffff;
}
.top-sidenav_btn span.close{
	display: inline-block;
	width: 23px;
	height: 23px;
}
.top-sidenav_btn:not(.on) span.close,
.top-sidenav_btn.on span.open{
	display: none;
}
.sidenav_inner{
	position: fixed;
	top: 0;
	right: -83%;
	width: 83%;
	height: 100%;
	margin-right: -20px;
	padding: 0 27px 0 15px;
	background-color: #ffffff;
	box-shadow:0px 0px 18px 0px rgba(0,0,0,0.4);
	overflow-y: scroll;
	transition: right 0.3s ease;
	font-size: 16px;
	font-size: 1.6rem;
	z-index: 1000;
}
.sidenav_inner.on{
	position: fixed;
	top: 0;
	right: 0;
}
.sidenav_inner .sidenav_box{
	display: table;
	width: 100%;
	height: 100%;
}
.sidenav_inner .sidenav_wrap {
	display: table-cell;
	vertical-align: top;
	padding: 60px 0 20px;
}
.top-sidenav .sidenav_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 999;
}
.sidenav_inner .navList01{ 
	padding: 20px 0 20px 14px;
}
.sidenav_inner .navList01 > li{
	position: relative;
	padding-left: 22px;
	font-size: 16px;
	font-size: 1.6rem;
}
.sidenav_inner .navList01 > li:after{
	position: absolute;
	top: 0.5em;
	left: 0;
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #a5001e;
}
.sidenav_inner .navList02{
	margin-top: 25px;
}
.sidenav_inner .navList02 > li{
	position: relative;
	padding-left: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #222222;
}
.sidenav_inner .navList02 > li:after{
	position: absolute;
	top: 0.4em;
	left: 0;
	content: '';
	border-top: solid 3px transparent;
	border-bottom: solid 3px transparent;
	border-left: solid 5px #a5001e;
}
.sidenav_inner .navList02 > li + li{
	margin-top: 25px;
}
.sidenav_inner .navList02 > li a:link,
.sidenav_inner .navList02 > li a:hover,
.sidenav_inner .navList02 > li a:visited{
	text-decoration: none;
	color: inherit;
}
.sidenav_inner .sidenav_text01{
	padding: 20px 0 0 14px;
}
.sidenav_inner .sidenav_text01 a:link,
.sidenav_inner .sidenav_text01 a:hover,
.sidenav_inner .sidenav_text01 a:visited{
	color: inherit;
}
.sidenav_inner .top-btnLink01.type-small a{
	padding: 10px 14px;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
}
.sidenav_inner .top-btnLink01.type-small a .txtSmall01,
.sidenav_inner .top-btnList01.type-small > li a .txtSmall01{
	font-size: 13px;
	font-size: 1.3rem;
}
.sidenav_inner .top-btnLink01 a.ic-card,
.sidenav_inner .top-btnList01 > li a.ic-card,
.sidenav_inner .top-btnLink01 a.ic-key,
.sidenav_inner .top-btnList01 > li a.ic-key{
	padding-left: 26px;
}
.sidenav_inner .top-btnLink01 a::after,
.sidenav_inner .top-btnList01 > li a::after{
	position: absolute;
	top: 50%;
	right: 5px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	background: none;
	transform: rotateZ(45deg);
	content: "";
}
.sidenav_inner .top-btnLink01 a.color02::after,
.sidenav_inner .top-btnList01 > li a.color02::after{
	border-color: #d0372c;
}
.searchItems02{
	position: relative;
	margin-top: 10px;
}
.searchItems02 .searchTxt{
	width: calc(100% - 37px);
	height: 40px;
	border: solid 1px #bfbfbf;
	border-right: none;
	border-radius:  9px 0 0 9px;
	padding: 12px;
	-webkit-appearance: none; 
}
.searchItems02 .searchBtn{
	text-indent: -9999px;
	width: 37px;
	height: 40px;
	border: solid 1px #bfbfbf;
	border-left: none;
	border-radius: 0 9px 9px 0;
	background: #fff url("/img-files/top/index_ic17.png") no-repeat center;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
}
/*ET CETERA
--------------------------------*/
.appliDL{
	display: block;
	max-width: 315px;
	margin: 30px auto 0;
	text-align: center;
}
.appliDL a{
	display: block;
	width: 100%;
	max-width: 152px;
	margin: 0 auto;
}
/* rotation Section
------------------------------------------------------ */

/* officialBnr
------------------------------------------------------ */


/* EXTRA
------------------------------------------------------ */
.noticeSliderWrap{
	padding: 10px 0;
}
.noticeSliderWrap .headLine01{
	position: relative;
	padding-left: 22px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.noticeSliderWrap .headLine01::after{
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 13px;
	margin-top: -7px;
	background: url("/img-files/top/index_ic01.png") 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
}
.noticeSliderWrap .btnBox01{
	position: relative;
	display: block;
	width: calc(100vw - 20px);
	margin: 0 10px;
	padding: 17px 25px 15px 16px;
	border-radius: 9px;
	background: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
}
.noticeSliderWrap .btnBox01:link,
.noticeSliderWrap .btnBox01:visited{
	text-decoration: none;
	color: inherit;
}
.noticeSliderWrap .btnBox01::after{ 
	position: absolute;
	top: 50%;
	right: 2px;
	width: 9px;
	height: 9px;
	margin-top: -7px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	transform: rotateZ(45deg);
	content: "";
}
.noticeSliderWrap .btnBox01 .head{
	font-size: 13px;
	font-size: 1.3rem;
}
.noticeSliderWrap .btnBox01 .text{
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3;
}
.noticeSliderWrap .slick-dotted.slick-slider{
	margin: 0;
}
.noticeSliderWrap .noticeSliderFooter{
	margin-top: 10px;
}
.noticeSliderFooter .noticeSliderPlaySwich{
	display: inline-block;
	width: 10px;
	height: 12px;
	background: url("/img-files/top/index_ic02.png") no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.noticeSliderFooter .noticeSliderPlaySwich.off{
	background: url("/img-files/top/index_ic03.png") no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;

}
.noticeSliderFooter .noticeSliderDots {
	display: inline-block;
	line-height: 1;
}
.noticeSliderDots .top-sliderDots{
	position: static;
	bottom: auto;
	display: inline-block;
	width: 100%;
	margin: 0;
	list-style: none;
	text-align: left;
}
.noticeSliderText{
	float: right;
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
}
/* bubbleWrap */
.bubbleWrap{
	position: relative;
	height: 534px;
	margin: 20px -10px 0;
	overflow: hidden;
}
.bubbleWrap::after{
	position: absolute;
	top: 281px;
	left: 50%;
	width: 97px;
	height: 97px;
	margin-left: -48px;
	border-radius: 50%;
	display: block;
	transform: translateX(170px);
	background-color: #c1875f;
	content: '';
}
.bubbleWrap .bubbleItem{
	position: absolute;
	display: inline-block;
	border-radius: 50%;
	font-weight: 300;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
}
.bubbleWrap .bubbleItem.type01{
	top: 0;
	left: 50%;
	width: 232px;
	height: 232px;
	margin-left: -122px;
	padding-top: 46px;
	transform: translateX(80px);
	text-align: center;
}
.bubbleWrap .bubbleItem.type02{
	top: 177px;
	left: 50%;
	width: 215px;
	height: 215px;
	margin-left: -105px;
	padding-top: 45px;
	transform: translateX(-85px);
	text-align: center; 
}
.bubbleWrap .bubbleItem.type03{
	top: 357px;
	left: 50%;
	width: 177px;
	height: 177px;
	margin-left: -88px;
	padding-top: 55px;
	transform: translateX(60px);
	text-align: center;
}
@media print, screen and (max-width: 350px){
.bubbleWrap .bubbleItem.type01{
	margin-left: -143px;
}
.bubbleWrap .bubbleItem.type02{
	margin-left: -85px;
}
}

.bubbleWrap .bubbleItem.color01{
	background-color: #008191;
}
.bubbleWrap .bubbleItem.color02{
	background-color: #d0372c;
}
.bubbleWrap .bubbleItem.color03{
	background-color: #7c266e;
}
.bubbleWrap .logo-visa{
	width: 80px;
}
/* --banner-- */
.banner01 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.banner01 > a {
	display: block;
	filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1));
	transform: translateZ(0);
}
@media screen and (max-width: 750px) {
	.banner01 {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.banner01 > a {
		display: block;
		filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1));
		transform: translateZ(0);
	}
}
/* --card Slider-- */
.cardSliderBox{
	margin: 15px -10px 0;
	padding-top: 10px;
	overflow: hidden;
}
.cardSlider .slick-list{
	overflow: hidden;
	padding: 10px 0 15px;
}
.cardSliderBox .slick-dotted.slick-slider{
	margin-bottom: 56px;
}
.cardSliderBox .top-sliderDots{
	bottom: -42px;
}
.cardSlider .cardSliderItem{
	display: block;
	max-width: 380px;
	width: calc(100vw - 60px);
	border-radius: 5px;
	margin: 0 10px;
	padding: 20px 13px; 
	box-shadow: 0px 5px 10px 0px #cccaca;
}
.cardSlider .cardSliderItem:link,
.cardSlider .cardSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.cardSlider .cardSliderItem .cardSliderHeadLine01{
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.3;
}
.cardSlider .cardSliderItem .cardSliderImg{
	max-width: 279px;
	margin: 32px auto 0;
}
.cardSlider .cardSliderItem .cardSliderDesc{
	margin-top: 25px;
	text-align: center;
	line-height: 1.8;
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 {
	margin-top: 20px;
	padding: 0 5px;
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 > span{
	position: relative;
	width: 100%;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 > span:not(.twoLine){
	padding: 15px 10px 12px;
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 > span::after{
	position: absolute;
	top: 50%;
	right: 15px;
	display: inline-block;
	width: 8px;
	height: 13px;
	margin-top: -6px;
	z-index: 5;
	background: url("/img-files/top/index_ic20.png") no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
}
.collaboCardSliderBox{
	display: block;
	max-width: 380px;
	width: calc(100vw - 40px);
	border-radius: 5px;
	margin: 45px auto 0;
	padding: 20px 23px; 
}
.collaboCardSliderHeadLine01{
	padding: 15px 10px 12px;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.3;
}
.collaboCardSliderBox .collaboCardDesc > .top-btnLink01 > a{
	padding-right: 20px;
	position: relative;
	width: 100%;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
.collaboCardSliderColLayout .collaboCardBox{
	margin-top: 30px;
}
.collaboCardSliderBox .collaboCardImg{
	margin-top: 13px;
}
.collaboCardSlider .cardSliderItem{
	display: block;
	max-width: 334px;
	width: calc(100vw - 86px);
	margin: 0 10px;
	text-align: center;
	color: inherit;
	text-decoration: none;
}
.collaboCardSlider .cardSliderCaption{
	position: relative;
	display: -ms-flex;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-height: 33px;
	min-width: 150px;
	margin: 0 auto 5px;
	padding: 0 14px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.1;
	color: #dc322c;
}
.collaboCardSlider .cardSliderCaption::before,
.collaboCardSlider .cardSliderCaption::after{
	position: absolute;
	top: 50%;
	display: block;
	width: 14px;
	height: 23px;
	margin-top: -12px;
	background: url("/img-files/top/index_ic18.png");
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	content: "";
}
.collaboCardSlider .cardSliderCaption::before{
	left: 0;
}
.collaboCardSlider .cardSliderCaption::after{
	right: 0;
	transform: rotateY(180deg);
}
.collaboCardSlider .cardSliderImg{
	text-align: center;
}
.collaboCardSlider .cardSliderImg.spOnly{
	max-width: 227px;
	margin-right: auto;
	margin-left: auto;
}
.collaboCardSlider .cardSliderImg > img{
	display: inline;
}
.collaboCardSlider .cardSliderDesc{
	display: inline-block;
	min-width: 222px;
	margin-bottom: 5px;
	padding: 0 14px;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
}

/* --service Slider-- */
.serviceSliderBox{
	margin: 20px -10px 0;
	padding-top: 10px;
	overflow-x: hidden;
	overflow-y: visible;
}
.serviceSliderBox .slick-dotted.slick-slider{
	margin-bottom: 80px;
}
.serviceSlider .slick-list{
	overflow: visible;
}
.serviceSlider .serviceSliderItem{
	display: block;
	height: 410px;
	padding: 26px 10px;
	margin: 0 10px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 5px 10px 0px #cccaca;
}
.serviceSlider .serviceSliderItem:link,
.serviceSlider .serviceSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.serviceSlider .serviceSliderItem .serviceSliderHeadLine01{
	font-weight: bold;
	font-size: 19px;
	font-size: 1.9rem;
	text-align: center;
}
.serviceSlider .serviceSliderItem .serviceSliderHeadLine01 .num{
	font-size: 32px;
	font-size: 3.2rem;
	font-family: 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serviceSlider .serviceSliderItem .serviceSliderImg{
	width: 290px;
	margin: 15px auto 0;
}
.serviceSlider .serviceSliderItem .serviceSliderDesc{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
}
.serviceSlider .serviceSliderItem .serviceSliderDesc .txtLink01{
	font-size: 13px;
	font-size: 1.3rem;
	color: #008191;	
	text-decoration: underline;
}
.serviceSlider .serviceSliderItem .serviceSliderDesc .txtLink01:hover{
	text-decoration: none;
	color: #008191;	
}
.serviceSlider .serviceSliderItem .serviceSliderDesc .txtLink01::after {
    position: absolute;
    top: 0.25em;
    right: 3px;
    width: 7px;
    height: 14px;
    content: "";
}
.serviceSlider .serviceSliderItem .top-btnLink01.type03 > span{
	height: 50px;
	max-width: 165px;
	padding: 6px 25px;
}
/* --benefits Slider-- */
.benefitsSliderBox{
	margin: 15px -10px 0;
	padding-top: 10px;
	overflow-x: hidden;
	overflow-y: visible;
}
.benefitsSlider .slick-list{
	overflow: visible;
}
.benefitsSlider .benefitsSliderItem{
	display: block;
	margin: 0 10px;
	width: calc(100vw - 60px);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px 10px 10px;
	background-color: #fff;
	box-shadow: 0px 5px 10px 0px #cccaca;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
.benefitsSlider .benefitsSliderItem:link,
.benefitsSlider .benefitsSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderHeadLine01{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderImg{
	width: 240px;
	margin: 2em auto 0;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderImg img{
	display: inline;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderDesc{
	margin-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	line-height: 1.8;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderDesc .txtLink01{
	font-size: 13px;
	font-size: 1.3rem;
	color: #008191;
	text-decoration: underline;
}
/* --application Slider-- */
.applicationSliderBox{
	position: relative;
	margin: 0 -10px;
	padding-bottom: 32px;
}
.applicationSliderBox .applicationSliderBgMv {
	position: absolute;
	top: 1px;
	left: 50%;
	margin-left: -112px;
	width: 224px;
}
.applicationSliderBox .applicationSliderNav {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 100%;
}
.applicationSliderBox .applicationSliderNav .top-sliderDots{
	bottom: 0;
	left: 0;
	width: 100%;
}
.applicationSlider.img{
	margin: 0 auto;
	width: 198px;
}
.applicationSlider.head{
	width: 100%;
	margin-bottom: 10px;
}
.applicationSlider.head .applicationSliderItem{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
}
.applicationSlider .applicationSliderItem{
	margin: 0;
}
.applicationSlider .applicationSliderItem .applicationSliderImg{
	width: 198px;
	margin: 12px auto 9px;
}
.applicationSlider.txt .applicationSliderItem .applicationSliderDesc{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	line-height: 1.6;
	font-size: 12px;
	font-size: 1.2rem;
	height: 100%;
}
.applicationSlider.txt .applicationSliderItem .applicationSliderDesc .note{
	font-size: 10px;
	font-size: 1.0rem;
}
.applicationSlider .slick-arrow{
	display: none !important;
}
.epokkeBox{
	display: block;
	max-width: 310px;
	height: 112px;
	margin: 23px auto 0;
	padding: 18px 14px 30px 72px;
	background: url("/img-files/top/index_bg06.png") no-repeat center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center;
}

/* --richLife Slider-- */
.richLifeSliderBox{
	margin: 27px -10px 0;
	overflow: hidden;
}
.richLifeSliderBox .top-sliderDots{
	bottom: -47px;
}
.richLifeSliderBox .slick-dotted.slick-slider{
	margin-bottom: 43px;
}
.richLifeSlider .richLifeSliderItem{
	width: calc(100vw - 20px);
	max-width: 340px;
	display: block;
	margin: 0 20px;
}
.richLifeSlider .richLifeSliderItem:link,
.richLifeSlider .richLifeSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .man{
	display: inline-block;
	padding-left: 35px;
	background: url("/img-files/top/index_ic10.png") left center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .heart{
	display: inline-block;
	padding-left: 26px;
	background: url("/img-files/top/index_ic09.png") left center no-repeat;
	-webkit-background-size: 21px auto;
	background-size: 21px auto;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .megaphone{
	display: inline-block;
	padding-left: 25px;
	background: url("/img-files/top/index_ic23.png") left center no-repeat;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .wood{
	display: inline-block;
	padding-left: 26px;
	background: url("/img-files/top/index_ic08.png") left center no-repeat;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderImg{
	width: 100%;
	margin: 12px auto 0;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderDesc{
	margin-top: 14px;
	text-align: center;
	line-height: 1.8;
}

.appListwrap{
	margin-top: 20px;
}

@media print, screen and (max-width: 750px){
	.appListwrap{
		margin-top: 20px;
		margin-right: -10px;
		margin-left: -10px;
		padding-right: 10px;
		padding-left: 10px;
	}
	#footerContainer01{
		padding-top: 0 !important;
	}
	/* modal */
	#cboxClose, 
	#cboxClose:hover {
		position: absolute;
		bottom: auto;
		top: -12px;
		right: -14px;
		width: 36px;
		height: 36px;
		background: url(/newcard/img/index_ic07.png) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#cboxContent{
		overflow: visible !important;
	}
	#colorbox.cb-ytWrap .cb_close a:after{
		-webkit-background-size: 14px 14px;
		background-size: 14px 14px;
	}
	.cboxIframe{
		max-height: 190px;
	}
}
@media print, screen and (min-width: 751px){
body{
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.spOnly,
img.spOnly,
br.spOnly{
	display: none !important;
}
.pcOnly{
	display: block!important;
}
br.pcOnly,
img.pcOnly{
	display: inline !important;
}
a:hover{
	opacity: 0.8;
}
.marui a:hover{
	opacity: 1;
}
/* BASE SETTING
------------------------------------------------------ */
#pageContainer{
	overflow: hidden;
}
#officialTopRenewl #mainContainer {
	margin-top: 80px;
	font-size: 16px;
	font-size: 1.6rem;
}
#officialTopRenewl #mainContents {
	width: 100%;
	padding: 0;
}


/* SECTION PARTS
------------------------------------------------------ */
.top-bgWide{
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 0 calc((100vw - 100%) / 2) 35px;
}
.top-bgWide.color01{
	background-color: #a8d1d6;
}

/* mainVisual */
#mainVisual{
	margin: 0 calc(((100vw - 100%) / 2) * -1);
	padding: 0;
	height: 708px;
	background: #f5f5f5;
}
#mainVisual .inner{
	bottom: 50px;
	padding: 0 calc(((100vw - 100%) / 2) * 1);
}
.mainVisualSliderBox {
		position: absolute;
		left: 50%;
		width: 1900px;
		height: 708px;
		transform: translateX(-50%);
}
.mainVisualSliderBox .mainVisualSliderItem img{
	width: auto;
	max-width: none;
	height: 708px;
}
	
	
#mainVisual .top-borderBox01 {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #d3322c;
	padding: 15px 28px;
	background-color: #ffffff;
}

/* HEADING PARTS
------------------------------------------------------ */
.top-heading01{
	margin-top: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
}
.top-heading01 > .box{
	display: inline;
}
.top-heading01 > .box > .txtL,
	.top-heading01 > .box > .txtR{
	display: inline;
	width: auto;
	text-align: inherit;
	padding: 0;
}

.top-heading02{
	margin-top: 115px;
	font-weight: bold;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
}

.top-heading03{
	margin: 75px calc(((100vw - 100%) / 2) * -1) 0;
	padding: 17px calc((100vw - 100%) / 2) 19px;
	text-align: center;
}
.top-heading03 .head{
	font-weight: bold;
	font-size: 40px;
	font-size: 4.0rem;
}
.top-heading03 .caption{
	margin-top: 0;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
}
.top-heading03 .icon{
	margin-bottom: 10px;
}
.top-heading03 .icon > img{
	height: 35px;
}
.top-heading03.color01{
	background-color: #008191;
	color: #ffffff;
}
.top-heading03.color02{
	background-color: #d0372c;
	color: #ffffff;
}
.top-heading03.color03{
	background-color: #7c266e;
	color: #ffffff;
}
.top-heading03.color04{
	background-color: #c1875f;
	color: #ffffff;
}
.top-heading03.color05{
	background-color: #a8d1d6;
	color: #333333;
}
.top-heading03.color06{
	background-color: #e2efda;
	color: #333333;
}
.top-heading03.color07{
	border-top: solid 3px #575757;
	border-bottom: solid 3px #575757;
	background-color: #ffffff;
	color: #333333;
}
.top-heading03.oneLine01{
	margin-top: 3px;
	padding-top: 58px;
	padding-bottom: 60px;
}
.top-heading03.oneLine02{
	margin-bottom: 50px;
	padding-top: 34px;
	padding-bottom: 36px;
}
.top-heading03.oneLine02 .head{
	font-size: 40px;
	font-size: 4.0rem;
}
.top-heading03.noIcon{
	margin-bottom: 40px;
	padding-top: 24px;
	padding-bottom: 20px;
}
.top-heading03.noIcon .head{
	font-size: 40px;
	font-size: 4.0rem;
}
.top-heading03.noIcon .caption{
	font-size: 24px;
	font-size: 2.4rem;
}




/* BUTTON LINK PARTS
------------------------------------------------------ */
/* top-application */
.top-applicationWrap{
	padding: 0 45px;
}
.application-head{
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}
/* top-btn */
.top-btnWrap{
	margin-top: 32px;
	padding: 0 25px;
}
.top-btnLink01,
.top-btnList01{
	margin-top: 15px;
	text-align: center;
}
.top-btnList01 > li{
	display: inline-block;
	margin-right: 5px;
	letter-spacing: 0;
}
.top-btnList01 > li + li{
	margin-top: auto;
}
.top-btnList01 > li:last-child{
	margin-right: 0;
}
.top-btnLink01 > a,
.top-btnLink01 > span,
.top-btnList01 > li a{
	display: inline-block;
	min-width: 400px;
	width: auto;
	border-radius: 6px;
	border: 2px solid #d0372c;
	padding: 24px 45px 21px;
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.2;
}
.top-btnLink01 > a.twoLine,
.top-btnLink01 > span.twoLine,
.top-btnList01 > li a.twoLine{
	padding: 6px 30px 5px;
	font-size: 14px;
	font-size: 1.4rem;
}
.top-btnLink01 > a::after ,
.top-btnLink01 > span::after ,
.top-btnList01 > li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 15px;
	height: 24px;
	margin-top: -12px;
	z-index: 5;
	content: "";
}
.top-btnLink01 a:link,
.top-btnLink01 a:visited,
.top-btnList01 > li a:link,
.top-btnList01 > li a:visited{
	text-decoration: none;
	color: inherit;
}
.top-btnLink01 > a:hover,
.top-btnList01 > li a:hover{
	opacity: 0.7;
}
.top-btnLink01 > a.color01,
.top-btnLink01 > span.color01,
.top-btnList01 > li a.color01 {
	background-color: #d0372c;
	color: #ffffff;
}
.top-btnLink01 > a.color02,
.top-btnLink01 > span.color02,
.top-btnList01 > li a.color02 {
	background-color: #ffffff;
	color: #333333;
}
.top-btnLink01 > a.color01::after ,
.top-btnLink01 > span.color01::after ,
.top-btnList01 > li a.color01::after {
	border-color: #ffffff;
}
.top-btnLink01 > a.color02::after ,
.top-btnLink01 > span.color02::after ,
.top-btnList01 > li a.color02::after {
	background-image: url("/img-files/top/index_ic21.png");
}
.top-btnList01 > li a .caption{ 
	font-size: 10px;
	font-size: 1.0rem;
}

/*top-boxLink01*/
.top-boxLink01{
	display: block;
	margin-top: 20px;
	border-radius: 15px;
	border: 1px solid #d0372c; 
	padding: 15px;
}
.top-boxLink01:link,
.top-boxLink01:visited{
	color: #333;
	text-decoration: none;
}
.top-boxLink01:hover{
	color: #333;
	opacity: 0.7;
}
.top-boxLink01 > figure{
	width: auto;
	margin: 10px 10px 10px 0;
}
.top-boxLink01 > .txt{
	position: relative;
	overflow: visible;
	width: auto;
	padding-right: 20px;
	padding-left: 8px;
	color: #333;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
}
.top-boxLink01 > .txt::after{
	position: absolute;
	top: 50%;
	right: 3px;
	width: 10px;
	height: 20px;
	margin-top: -10px;
	background: url("/img-files/top/index_ic22.png") no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
	content: "";
	}
.top-boxLink01 > .txt .lead{
	font-weight: bold;
	font-size: 17px;
	font-size: 1.7rem;
}
/*top-lineBoxLink01*/
.top-lineBoxLink01{
	position: relative;
	display: block;
	padding: 22px 20px 22px 0;
	background: url("/img-files/top/index_bg02.gif") left bottom repeat-x;
	-webkit-background-size: auto 3px;
	background-size: auto 3px;
}
.top-lineBoxLink01:link,
.top-lineBoxLink01:visited{
	color: inherit;
	text-decoration: none;
}
.top-lineBoxLink01:hover{
}
.top-lineBoxLink01::after{
	position: absolute;
	top: 50%;
	right: 3px;
	width: 11px;
	height: 11px;
	margin-top: -6px;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	transform: rotateZ(45deg);
	content: ""; 
}
.top-lineBoxLink01.type-ic{
	padding-left: 51px;
	text-indent: -51px;
}
.top-lineBoxLink01.type-ic > .icon{
	display: inline-block;
	margin: 0 15px 0 5px;
	width: 31px;
	height: 31px;
	text-indent: 0;
	vertical-align: middle;
}

/*Link*/
.ancLink01{
	display: inline-block;
	position: relative;
	padding-left: 17px;
}
.ancLink01::before{
	position: absolute;
	top: 0.4em;
	left: 3px;
	width: 6px;
	height: 6px;
	border-right: solid 2px #008191;
	border-bottom: solid 2px #008191;
	transform: rotateZ(45deg);
	content: "";
}
.txtLink01{
	display: inline-block;
	position: relative;
	padding-right: 25px;
	font-size: 18px;
	font-size: 1.8rem;
}
.txtLink01::after{
	position: absolute;
	top: 0.25em;
	right: 3px;
	width: 9px;
	height: 16px;
	background: url("/img-files/top/index_ic19.png") no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
}
.linkTggle01{
	display: inline-block;
	position: relative;
	padding: 0 30px 0 0;
	background: url("/img-files/top/index_ic12.png") no-repeat right center;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: underline;
	color: #000000;
}
.linkTggle01:hover{
	text-decoration: none;
	color: inherit;;
}
.linkTggle01.open{
	background: url("/img-files/top/index_ic13.png") no-repeat right center;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
}
.linkTggle01:not(.open) .opentxt,
.linkTggle01.open .closetxt{
	display: none;
}

/* BOX PARTS
------------------------------------------------------ */
.top-borderBox01{
	border: 1px solid #d3322c;
	padding: 8px;
	background-color: #ffffff;
}
.top-borderBox01 a{
	color: #d3322c;
}
.top-boxLayout01{
	display: block;
	margin-top: 25px;
	border-radius: 10px;
	padding: 40px 45px 40px;
	background-color: #fff;
}
.top-colLayout01{
	
}
.top-colLayout01.col4,
.top-colLayout01.col3{
	margin-top: 60px;
}
.top-colLayout01 > .col >:first-child{
	margin-top: 0;
}
.top-colLayout01.col3 > .col{
	float: left;
	width: calc((100% - 60px)/3);
	margin-right: 30px;
}
.top-colLayout01.col4 > .col{
	float: left;
	width: calc((100% - 60px)/4);
	margin-right: 20px;
}
.top-colLayout01.col4 > .col:nth-child(4n),
.top-colLayout01.col2 > .col:nth-child(2n),
.top-colLayout01.col3 > .col:nth-child(3n){
	margin-right: 0;
}
.top-colLayout02.col2 > .col{
	float: left;
	width: calc((100%)/2);
	margin-right: 0;
	padding-bottom: 0;
	background: none;
}
.top-colLayout02.col2 > .col + .col{
	margin-top: 0;
	padding-left: 2px;
	background: url("/img-files/top/index_bg05.gif") left top repeat-y;
}
.top-colLayout02 .lead{
	font-weight: bold;
	font-size: 30px;
	font-size: 3.0rem;
}
.top-colLayout02 .lead .sub{
	font-size: 24px;
	font-size: 2.4rem;
}
.top-colLayout02 > .col .txtLink01{
	font-size: 16px;
	font-size: 1.6rem;
}
.top-colLayout02 > .col .txtLink01::after {
	position: absolute;
	right: 3px;
	content: "";
}
	
/* SLIDER PARTS
------------------------------------------------------ */
.slick-slide{
	height: auto;
}
/* --common-- */
.slick-dotted.slick-slider {
	margin-bottom: 70px;
}
/* Arrows */
.js-top_slider05 .slick-prev,
.js-top_slider05 .slick-next,
.js-top_slider04 .slick-prev,
.js-top_slider04 .slick-next,
.js-top_slider01 .slick-prev,
.js-top_slider01 .slick-next,
.js-top_slider02 .slick-prev,
.js-top_slider02 .slick-next,
.js-top_slider03 .slick-prev,
.js-top_slider03 .slick-next {
	display: inline-block!important;
	top: auto;
	bottom: -60px;
	width: 11px;
	height: 11px;
	z-index: 5;
}
.js-top_slider03 .slick-prev,
.js-top_slider03 .slick-next {
	bottom: -40px;
}
.js-top_slider02 .slick-prev,
.js-top_slider02 .slick-next {
	bottom: -80px;
}
.js-top_slider04 .slick-prev,
.js-top_slider04 .slick-next {
	bottom: -40px;
}
.js-top_slider05 .slick-prev,
.js-top_slider05 .slick-next {
	bottom: auto;
	top: 49%;
}
.js-top_slider05 .slick-prev:hover, .js-top_slider05 .slick-prev:focus,
.js-top_slider05 .slick-next:hover, .js-top_slider05 .slick-next:focus,
.js-top_slider04 .slick-prev:hover, .js-top_slider04 .slick-prev:focus,
.js-top_slider04 .slick-next:hover, .js-top_slider04 .slick-next:focus,
.js-top_slider03 .slick-prev:hover, .js-top_slider03 .slick-prev:focus,
.js-top_slider03 .slick-next:hover, .js-top_slider03 .slick-next:focus,
.js-top_slider01 .slick-prev:hover, .js-top_slider01 .slick-prev:focus,
.js-top_slider01 .slick-next:hover, .js-top_slider01 .slick-next:focus,
.js-top_slider02 .slick-prev:hover, .js-top_slider02 .slick-prev:focus,
.js-top_slider02 .slick-next:hover, .js-top_slider02 .slick-next:focus {
	opacity: 1;
}
.js-top_slider05 .slick-prev ,
.js-top_slider04 .slick-prev ,
.js-top_slider03 .slick-prev ,
.js-top_slider01 .slick-prev ,
.js-top_slider02 .slick-prev {
	left: 12px;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	background: none;
	transform: rotateZ(-45deg);
}
.js-top_slider05 .slick-next ,
.js-top_slider04 .slick-next ,
.js-top_slider03 .slick-next ,
.js-top_slider01 .slick-next ,
.js-top_slider02 .slick-next {
	right: 12px;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	background: none;
	transform: rotateZ(45deg);
}
.contentWrap.red .js-top_slider04 .slick-prev ,
.contentWrap.red .js-top_slider03 .slick-prev ,
.contentWrap.red .js-top_slider01 .slick-prev ,
.contentWrap.red .js-top_slider02 .slick-prev {
	left: 12px;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	background: none;
	transform: rotateZ(-45deg);
}
.contentWrap.red .js-top_slider04 .slick-next ,
.contentWrap.red .js-top_slider03 .slick-next ,
.contentWrap.red .js-top_slider01 .slick-next ,
.contentWrap.red .js-top_slider02 .slick-next {
	right: 12px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	background: none;
	transform: rotateZ(45deg);
}

/*Dots*/
.top-sliderDots {
	position: absolute;
	bottom: -67px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.top-sliderDots li {
	position: relative;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 7px;
	padding: 0;
	cursor: pointer;
	vertical-align: top;
}
.top-sliderDots li button[id*="slick-slide-control"] {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 11px;
	height: 11px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.top-sliderDots li button:not([id*="slick-slide-control"]) {
	display: none;
}
.top-sliderDots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.top-sliderDots li button:hover:before, .slick-dots li button:focus:before {
	opacity: .75;
}
.top-sliderDots li button:before {
	font-family: 'slick';
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 9px;
	border: 1px solid #767676;
	content: '';
	text-align: center;
	background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 1;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.top-sliderDots li.slick-active button:before {
	opacity: .75;
	color: black;
	background: #d6bd17;
}

.top-sliderNums {
	position: absolute;
	bottom: -55px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.top-sliderNums li {
	vertical-align: baseline;
	display: inline-block;
}
.top-sliderNums li button {
	background: none;
	border: none;
	transition: font-size .5s ease;
}
.top-sliderNums li button:not([id*="slick-slide-control"]) {
	display: none;
}
.top-sliderNums li.slick-active button{
	font-size: 34px;
	font-size: 3.4rem;
	color: #008191;
}

/* ANIMATION
------------------------------------------------------ */
/* SIDE NAVI
--------------------------------*/
.top-sidenav_btn{
	position: fixed;
	display: none;
	top: 20px;
	right: 20px;
	width: 45px;
	height: 45px;
	z-index: 1005;
}
.top-sidenav_btn.on{
	display: block !important;
	opacity: 1 !important;
	top: 28px;
	right: 28px;
	width: 33px;
	height: 33px;
}
.top-sidenav_btn span.open{
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: solid 2px #ffffff;
}
.top-sidenav_btn span.close{
	display: inline-block;
	width: 33px;
	height: 33px;
}
.top-sidenav_btn:not(.on) span.close,
.top-sidenav_btn.on span.open{
	display: none;
}
.sidenav_inner{
	position: fixed;
	top: 0;
	right: -564px;
	width: 564px;
	height: 100%;
	margin-right: -20px;
	padding: 0 100px 0 50px;
	background-color: #ffffff;
	box-shadow:0px 0px 18px 0px rgba(0,0,0,0.4);
	overflow-y: scroll;
	transition: right 0.3s ease;
	font-size: 16px;
	font-size: 1.6rem;
	z-index: 1000;
}
.sidenav_inner.on{
	position: fixed;
	top: 0;
	right: 0;
}
.sidenav_inner .sidenav_box{
	display: table;
	width: 100%;
	height: 100%;
}
.sidenav_inner .sidenav_wrap {
	display: table-cell;
	vertical-align: top;
	padding: 60px 0 20px;
}
.top-sidenav .sidenav_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 999;
}
.sidenav_inner .navList01{ 
	padding: 20px 0 20px 14px;
}
.sidenav_inner .navList01 > li{
	position: relative;
	padding-left: 22px;
	font-size: 16px;
	font-size: 1.6rem;
}
.sidenav_inner .navList01 > li:after{
	position: absolute;
	top: 0.5em;
	left: 0;
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #a5001e;
}
.sidenav_inner .navList02{
	margin-top: 25px;
}
.sidenav_inner .navList02 > li{
	position: relative;
	float: left;
	width: calc((100% - 10px)/2 - 0.1px);
	padding-left: 15px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #222222;
}
.sidenav_inner .navList02 > li:after{
	position: absolute;
	top: 0.4em;
	left: 0;
	content: '';
	border-top: solid 3px transparent;
	border-bottom: solid 3px transparent;
	border-left: solid 5px #a5001e;
}
.sidenav_inner .navList02 > li + li{
	margin-top: 0;
}
.sidenav_inner .navList02 > li:nth-child(2n+1){
	margin-right: 10px;
}
.sidenav_inner .navList02 > li:nth-child(n+3){
	margin-top: 45px;
}
.sidenav_inner .navList02 > li a:link,
.sidenav_inner .navList02 > li a:hover,
.sidenav_inner .navList02 > li a:visited{
	text-decoration: none;
	color: inherit;
}
.sidenav_inner .sidenav_text01{
	padding: 20px 0 0 14px;
}
.sidenav_inner .sidenav_text01 a:link,
.sidenav_inner .sidenav_text01 a:hover,
.sidenav_inner .sidenav_text01 a:visited{
	color: inherit;
}
.sidenav_inner .top-btnLink01 a,
.sidenav_inner .top-btnList01 li a{
	width: 100%;
	min-width: auto;
	max-width: none;
}
.sidenav_inner .top-btnLink01.type-small a{
	padding: 14px 10px;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: left;
}
.sidenav_inner .top-btnLink01.type-small a .txtSmall01,
.sidenav_inner .top-btnList01.type-small > li a .txtSmall01{
	font-size: 17px;
	font-size: 1.7rem;
}
.sidenav_inner .top-btnLink01 a::after,
.sidenav_inner .top-btnList01 > li a::after{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 12px;
	height: 12px;
	margin-top: -9px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	background: none;
	transform: rotateZ(45deg);
	content: "";
}
.sidenav_inner .top-btnLink01 a.color02::after,
.sidenav_inner .top-btnList01 > li a.color02::after{
	border-color: #d0372c;
}

.searchItems02{
	margin-top: 10px;
}
.searchItems02 .searchTxt{
	width: calc(100% - 50px);
	height: 66px;
	border: solid 2px #bfbfbf;
	border-right: none;
	border-radius:  9px 0 0 9px;
	padding: 12px;
	font-size: 22px;
	font-size: 2.2rem;
	-webkit-appearance: none; 
}
.searchItems02 .searchBtn{
	text-indent: -9999px;
	width: 50px;
	height: 66px;
	border: solid 2px #bfbfbf;
	border-left: none;
	border-radius: 0 9px 9px 0;
	background: #fff url("/img-files/top/index_ic17.png") no-repeat left 4px center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
/*ET CETERA
--------------------------------*/
.appliDLCol2 {
	width: 100%;
	overflow: hidden;
	margin-top: 17px;
}
.appliDLCol2 > .col{
	float: left;
	width: 352px;
	margin-right: 24px;
}
.appliDLCol2 > .col:nth-child(2n){
	margin-right: 0;
}
.appliDLCol2 > .col .colInner{
	border: 1px solid #dddddd;
	border-radius: 10px;
	padding: 42px 15px 28px;
}
.appliDL{
	display: block;
	max-width: none;
	margin: 0 ;
	text-align: center;
}
.appliDL a{
	display: inline-block;
	max-width: none;
	width: 230px;
	margin: 0;
}
.qrScan{
	margin-top: 20px;
	text-align: center;
}
/* EXTRA
------------------------------------------------------ */
.noticeSliderWrap{
	padding: 10px 0;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
}
.noticeSliderWrap .headLine01{
	position: relative;
	padding-left: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.noticeSliderWrap .headLine01::after{
	position: absolute;
	top: 50%;
	left: 0;
	width: 23px;
	height: 21px;
	margin-top: -15px;
	background: url("/img-files/top/index_ic01.png") 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
}
.noticeSliderWrap .btnBox01{
	position: relative;
	display: block;
	width: 810px;
	margin: 0 0;
	padding: 22px 40px 20px 6px;
	border-radius: 9px;
	background: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
}
.noticeSliderWrap .btnBox01:link,
.noticeSliderWrap .btnBox01:visited{
	text-decoration: none;
	color: inherit;
}
.noticeSliderWrap .btnBox01::after{ 
	position: absolute;
	top: 50%;
	right: 30px;
	width: 9px;
	height: 9px;
	margin-top: -7px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	transform: rotateZ(45deg);
	content: "";
}
.noticeSliderWrap .btnBox01 .head{
	font-size: 13px;
	font-size: 1.3rem;
}
.noticeSliderWrap .btnBox01 .text{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
}
.noticeSliderWrap .slick-dotted.slick-slider{
	margin: 0;
}
.noticeSliderWrap .noticeSliderFooter{
	margin-top: 0;
}
	.noticeSliderFooter .noticeSliderPlaySwich{
	display: inline-block;
	width: 10px;
	height: 12px;
	background: url("/img-files/top/index_ic02.png") no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.noticeSliderFooter .noticeSliderPlaySwich.off{
	background: url("/img-files/top/index_ic03.png") no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;

}
.noticeSliderFooter .noticeSliderDots {
	display: inline-block;
	line-height: 1;
}
.noticeSliderDots .top-sliderDots{
	position: static;
	bottom: auto;
	display: inline-block;
	width: 100%;
	margin: 0;
	list-style: none;
	text-align: left;
}
.noticeSliderText{
	float: right;
	text-align: right;
	font-size: 16px;
	font-size: 1.6rem;
}
/* bubbleWrap */
.bubbleWrap{
	position: relative;
	height: 728px;
	margin-top: 20px;
}
.bubbleWrap::after{
	position: absolute;
	top: 480px;
	left: 50%;
	width: 194px;
	height: 194px;
	margin-left: -97px;
	border-radius: 50%;
	display: block;
	transform: translateX(470px);
	background-color: #c1875f;
	content: '';
}
.bubbleWrap .bubbleItem{
	position: absolute;
	display: inline-block;
	border-radius: 50%;
	font-weight: 300;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.8;
	color: #fff;
}
.bubbleWrap .bubbleItem.type01{
	top: 0;
	left: 50%;
	width: 360px;
	height: 360px;
	margin-left: -180px;
	padding-top: 70px;
	transform: translateX(200px);
	text-align: center;
}
.bubbleWrap .bubbleItem.type02{
	top: 176px;
	left: 50%;
	width: 315px;
	height: 315px;
	margin-left: -157px;
	padding-top: 46px;
	transform: translateX(-325px);
	text-align: center; 
}
.bubbleWrap .bubbleItem.type03{
	top: 456px;
	left: 50%;
	width: 264px;
	height: 264px;
	margin-left: -132px;
	padding-top: 75px;
	transform: translateX(20px);
	text-align: center;
}
.bubbleWrap .bubbleItem.color01{
	background-color: #008191;
}
.bubbleWrap .bubbleItem.color02{
	background-color: #d0372c;
}
.bubbleWrap .bubbleItem.color03{
	background-color: #7c266e;
}
.bubbleWrap .logo-visa{
	width: auto;
	margin-bottom: 10px;
}
/* --card Slider-- */
.cardSliderBox{
	position: relative;
	left: 50%;
	max-width: 1680px;
	width: 100vw;
	min-width: 1200px;
	margin: 15px 0 0;
	padding: 10px 10px 0;
	overflow: visible;
	transform: translateX(-50%);
}
.cardSlider .slick-list{
	overflow: hidden;
}
.cardSlider .cardSliderItem{
	float:left; 
	display: block;
	max-width: 390px;
	width: calc(100% / 4 - 30px);
	border-radius: 10px;
	margin: 0 15px;
	padding: 20px 13px; 
	box-shadow: 0px 5px 10px 0px #cccaca;
}
.cardSlider .cardSliderItem:link,
.cardSlider .cardSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.cardSlider .cardSliderItem .cardSliderHeadLine01{
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.3;
}
.cardSlider .cardSliderItem .cardSliderImg{
	max-width: none;
	margin: 32px auto 0;
}
.cardSlider .cardSliderItem .cardSliderDesc{
	margin-top: 25px;
	text-align: center;
	line-height: 1.8;
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 {
	margin-top: 20px;
	padding: 0 5px;
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 > span{
	position: relative;
	min-width: auto;
	width: 100%;
	font-weight: normal;
	font-size: calc( 17.8 * 100vw / 1680);
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 > span:not(.twoLine){
	padding: 17px 10px 15px;
}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 > span::after{
	position: absolute;
	top: 50%;
	right: 15px;
	display: inline-block;
	z-index: 5;
	content: "";
}
.collaboCardSliderBox{
	display: block;
	max-width: none;
	width: 100%;
	border-radius: 5px;
	margin: 30px auto 0;
	padding: 25px 20px; 
}
.collaboCardSliderHeadLine01{
	padding: 0;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3;
}
.collaboCardSliderColLayout{
	padding-top: 22px;
}
.collaboCardSliderColLayout > .collaboCardSliderCol{
	float: left;
	width: 44%;
	margin: 0 3%;
}
.collaboCardSliderColLayout > .collaboCardSliderCol .collaboCardBox{
	width: 370px;
	margin: 7px auto 0;
}
.collaboCardSliderBox .collaboCardImg{
	margin: 20px auto;
	width: 353px;
}
.collaboCardSliderBox .collaboCardDesc{
	margin: 0 auto;
	padding: 0 43px;
}
.collaboCardSliderBox .collaboCardDesc > .top-btnLink01{
	margin: 0 -43px;
}
.collaboCardSliderBox .collaboCardDesc > .top-btnLink01 > a{
	padding: 16px 35px;
	position: relative;
	min-width: auto;
	width: 100%;
	font-weight: normal;
	font-size: 18px;
	font-size: 1.8rem;
}
.collaboCardSliderBox .collaboCardDesc > .top-btnLink01 > a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: inline-block;
	width: 8px;
	height: 13px;
	margin-top: -6px;
	z-index: 5;
	content: "";
}
	.collaboCardSlider .cardSliderItem{
	max-width: none;
	width: 466px;
	margin: 0 30px;
	text-align: center;
}
.collaboCardSlider .cardSliderCaption{
	position: relative;
	display: -ms-flex;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 50px;
	min-width: 210px;
	margin: 0 auto 5px;
	padding: 0 23px;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.1;
	color: #dc322c;
}
.collaboCardSlider .cardSliderCaption::before,
.collaboCardSlider .cardSliderCaption::after{
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 36px;
	margin-top: -18px;
	background: url("/img-files/top/index_ic18.png");
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	content: "";
}
.collaboCardSlider .cardSliderCaption::before{
	left: 0;
}
.collaboCardSlider .cardSliderCaption::after{
	right: 0;
	transform: rotateY(180deg);
}
.collaboCardSlider .cardSliderImg{
	margin: 13px 0 0;
	text-align: center;
}
.collaboCardSlider .cardSliderImg > img{
	display: inline;
}
.collaboCardSlider .cardSliderDesc{
	display: inline-block;
	min-width: 222px;
	margin-bottom: 5px;
	padding: 0 14px;
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
}
.collaboCardSlider .cardSliderDesc.type02{
	margin-top: 10px;
	position: relative;
	z-index: 5;
}

/* --service Slider-- */
.serviceSliderBox{
	margin: 20px -240px 0;
	padding-top: 10px;
	overflow: visible;
}
.serviceSliderBox .slick-dotted.slick-slider{
	margin-bottom: 80px;
}
.serviceSlider .slick-list{
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 15px;
}
.serviceSlider .serviceSliderItem{
	display: block;
	width: 380px;
	height: 485px;
	padding: 26px 10px;
	margin: 0 15px;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0px 5px 10px 0px #cccaca;
	box-sizing: border-box;
	transform: translateX(15px);
}
.serviceSlider .serviceSliderItem:link,
.serviceSlider .serviceSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.serviceSlider .serviceSliderItem .serviceSliderHeadLine01{
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
}
.serviceSlider .serviceSliderItem .serviceSliderHeadLine01 .num{
	font-size: 40px;
	font-size: 4.0rem;
	font-family: 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serviceSlider .serviceSliderItem .serviceSliderImg{
	max-width: 360px;
	width: auto;
	margin: 10px auto 0;
}
.serviceSlider .serviceSliderItem .serviceSliderDesc{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
}
.serviceSlider .serviceSliderItem .serviceSliderDesc .txtLink01{
	font-size: 16px;
	font-size: 1.6rem;
	color: #008191;	
	text-decoration: underline;
}
.serviceSlider .serviceSliderItem .serviceSliderDesc .txtLink01:hover{
	text-decoration: none;
	color: #008191;	
}
.serviceSlider .serviceSliderItem .serviceSliderDesc .txtLink01::after {
	position: absolute;
	top: 0.4em;
	right: 3px;
	width: 9px;
	height: 9px;
	border-top: solid 1px #008191;
	border-right: solid 1px #008191;
	transform: rotateZ(45deg);
	background: none;
	content: "";
}
.serviceSlider .serviceSliderItem .top-btnLink01.type03 > span{
	height: 50px;
	max-width: 165px;
	padding: 6px 25px;
}
.serviceSlider:not(.slick-slider) .serviceSliderItem{
	display: block;
	float: left;
	width: calc((100% - 80px)/5);
	width: calc((100% - 80px)/5 - 0.1px)\9;
	height: 420px;
	padding: 26px 10px;
	margin: 0 8px;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0px 5px 10px 0px #cccaca;
	box-sizing: border-box;
	transform: translateX(0);
}
.serviceSlider:not(.slick-slider) .serviceSliderItem .serviceSliderHeadLine01{
	font-size: 20px;
	font-size: 2.0rem;
}
.serviceSlider:not(.slick-slider) .serviceSliderItem .serviceSliderDesc{
	font-size: 14px;
	font-size: 1.4rem;
}



/* --benefits Slider-- */
.benefitsSliderBox{
	margin: 25px -10px 0;
	overflow: visible;
}
.benefitsSliderBox .top-sliderDots{
	bottom: -90px;
}
.benefitsSliderBox .slick-dotted.slick-slider{
	margin-bottom: 85px;
}
.benefitsSlider .benefitsSliderItem{
	width: 380px;
	display: block;
	margin: 0 15px;
	font-size: 14px;
	font-size: 1.4rem;
}
.benefitsSlider .benefitsSliderItem:link,
.benefitsSlider .benefitsSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderHeadLine01{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderImg{
	width: auto;
	margin: 2em auto 0;
	text-align: center;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderImg > img{
	display: inline;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderDesc{
	margin-top: 1em;
	text-align: center;
	line-height: 1.8;
}
.benefitsSlider .benefitsSliderItem .benefitsSliderDesc .txtLink01{
	font-size: 16px;
	font-size: 1.6rem;
	color: #008191;
	text-decoration: underline;
}
.benefitsSlider:not(.slick-slider) .benefitsSliderItem{
	float: left;
	width: calc((100% - 64px)/4);
	width: calc((100% - 64px)/4 - 0.1px)\9;
	display: block;
	margin: 0 8px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 15px 10px 10px;
	background-color: #fff;
	box-shadow: 0px 5px 10px 0px #cccaca;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
}


/* --application Slider-- */
.applicationSliderBox{
	display: block;
	position: relative;
	margin: 12px 0 0;
	padding-left: 378px;
	padding-bottom: 48px;
}
.applicationSliderBox .applicationSliderBgMv {
	position: absolute;
	top: 20px;
	bottom: auto;
	left: 26px;
	margin-left: 0;
	width: 270px;
}
.applicationSliderBox .applicationSliderNav {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 320px;
}
.applicationSliderBox .applicationSliderNav .top-sliderDots{
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 1;
}
.applicationSliderBox .applicationSlider.img.slick-dotted.slick-slider{
	margin-bottom: 70px;
}
.applicationSlider.img{
	position: absolute;
	top: 20px;
	left: 41px;
	margin: 0;
	width: 240px;
} 
.applicationSlider.txt{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding-top: 0;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
} 
.applicationSlider .applicationSliderItem{
	margin: 0;
}
.applicationSlider .applicationSliderItem .applicationSliderImg{
	width: 240px;
	margin: 12px auto 9px;
}
.applicationSlider.txt .applicationSliderItem .applicationSliderDesc{
	display: block;
	line-height: 1.5;
	font-weight: 400;
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
}
.applicationSlider.txt .applicationSliderItem .applicationSliderDesc .note{
	font-size: 15px;
	font-size: 1.5rem;
}
.applicationSlider .applicationSliderItem .applicationSliderDesc img{
	width: 440px;
	display: inline;
}
.applicationSlider.head{
	width: 270px;
	margin-left: 25px;
} 
.applicationSlider.head .slick-dotted.slick-slider {
	margin: 0;
} 
.applicationSlider.head .applicationSliderItem{
	text-align: center;
	margin: 0;
	font-size: 24px;
	font-size: 2.4rem;
}
	.epokkeBox{
		display: block;
		max-width: none;
		width: 640px;
		height: 292px;
		margin: 10px auto 0;
		padding: 60px 12px 56px 86px;
		background: url("/img-files/top/index_bg07.png") no-repeat center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		text-align: center;
	}

/* --richLife Slider-- */
.richLifeSliderBox{
	margin: 55px 0;
	overflow: hidden;
}
.richLifeSlider .richLifeSliderItem{
	float: left;
	max-width: none;
	width: 285px;
	display: block;
	margin: 0 20px 0 0;
}
.richLifeSlider .richLifeSliderItem:nth-child(4n){
	margin-right: 0;
}
.richLifeSlider .richLifeSliderItem:nth-child(n+5){
	margin-top: 40px;
}
.richLifeSlider .richLifeSliderItem:link,
.richLifeSlider .richLifeSliderItem:visited{
	text-decoration: none;
	color: inherit;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .man{
	display: inline-block;
	padding-left: 42px;
	background: url("/img-files/top/index_ic10.png") left center no-repeat;
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .heart{
	display: inline-block;
	padding-left: 26px;
	background: url("/img-files/top/index_ic09.png") left center no-repeat;
	-webkit-background-size: 21px auto;
	background-size: 21px auto;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .megaphone{
	display: inline-block;
	padding-left: 25px;
	background: url("/img-files/top/index_ic23.png") left center no-repeat;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderHeadLine01 .wood{
	display: inline-block;
	padding-left: 26px;
	background: url("/img-files/top/index_ic08.png") left center no-repeat;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
}
	.richLifeSlider .richLifeSliderItem .richLifeSliderImg{
	width: 100%;
	margin: 16px auto 0;
	text-align: center;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderDesc{
	margin-top: 18px;
	text-align: center;
	line-height: 1.8;
	font-size: 16px;
	font-size: 1.6rem;
}
.richLifeSlider .richLifeSliderItem .richLifeSliderDesc .txtLink01{
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: underline;
}
.richLifeSlider a.richLifeSliderItem:hover .richLifeSliderDesc .txtLink01{
	text-decoration: none;
}
.appListwrap{
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding-right: calc((100vw - 100%) / 2);
	padding-left: calc((100vw - 100%) / 2);
}
	
}
@media print, screen and (max-width: 1700px) and (min-width: 751px){
	.serviceSliderBox {
		margin-right: -80px;
		margin-left: -80px;
	}
	.serviceSlider:not(.slick-slider) .serviceSliderItem{
		height: 380px;
	}
}
@media print, screen and (max-width: 1400px) and (min-width: 751px){
	.serviceSliderBox {
		margin-right: -10px;
		margin-left: -10px;
	}
	.serviceSlider:not(.slick-slider) .serviceSliderItem{
		height: 380px;
	}
}

@media print, screen and (max-width: 1200px) and (min-width: 751px) {
.appListwrap,
.top-bgWide,
.top-heading03,
#mainVisual{
		margin-right: 0;
		margin-left: 0;
		padding-right: 0px;
		padding-left: 0px;
	}
.cardSlider .cardSliderItem .cardSliderDesc > .top-btnLink01 > span{
		font-size: 1.3rem;
	}
}


/* Clearfix
------------------------------------------------------ */
.benefitsSlider:not(.slick-slider):after ,
.serviceSlider:not(.slick-slider):after ,
.collaboCardSliderColLayout:after ,
.cardSlider:after ,
.richLifeSlider:after ,
.top-colLayout02:after ,
.top-colLayout01:after ,
.noticeSliderFooter:after ,
.top-boxLink01:after ,
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.richLifeSlider,
.top-colLayout01,
.noticeSliderFooter,
.top-boxLink01,
.clearfix {
	zoom: 1;
}