@charset "utf-8";

/*---------------------------------------------
 generic  class
---------------------------------------------*/

.txtB { font-weight: bold !important; }
.txtN { font-weight: normal !important; }
.layoutC { text-align: center; }
.layoutL { text-align: left; }
.layoutR { text-align: right; }
/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mAuto{margin: 0 auto;}

/* width */
.w100 { width: 100px !important; }
.w125 { width: 125px !important; }
.w150 { width: 150px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w225 { width: 225px !important; }
.w250 { width: 250px !important; }
.w275 { width: 275px !important; }
.w300 { width: 300px !important; }
.w50p { width: 50% !important; }
.w100p { width: 100% !important; }

.max1280{ max-width: 1280px!important; }
.max1024{ max-width: 1024px!important; }
.max960{ max-width: 960px!important; }
.max800{ max-width: 800px!important; }
.max720{ max-width: 720px!important; }
.max600{ max-width: 600px!important; }
.max500{ max-width: 500px!important; }
.max400{ max-width: 400px!important; }
.max300{ max-width: 300px!important; }
.max200{ max-width: 200px!important; }


/* font size */
.fs12 { font-size: 75%; }
.fs14 { font-size: 87.5%; }
.fs16 { font-size: 100%; }
.fs18 { font-size: 112.5%; }
.fs20 { font-size: 125%; }
.fs24 { font-size: 150%; }
.fs30 { font-size: 187.5%; }
.fs32 { font-size: 200%; }

/* common */
.tempId {
	margin: 20px 0 20px;
}
.tempId span {
	display: inline-block;
	padding: 0 10px;
	position: relative;
	background: #fff;
	border: 2px solid #f00;
}
.tempId span:after, .tempId span:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tempId span:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.tempId span:before {
	border-color: rgba(255, 0, 0, 0);
	border-top-color: #ff0000;
	border-width: 13px;
	margin-left: -13px;
}
.hide {
	display: none;
}
.ind1em {
	padding-left: 1em;
	text-indent: -1em;
}
.ind15em {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.ind2em {
	padding-left: 2em;
	text-indent: -2em;
}
.ind25em {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
#blackMask {
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	transition: opacity 0.5s ease;
}
#blackMask.show {
	opacity: 1;
}
.downArrow {
	margin: 24px 0;
	text-align: center;
}
.downArrow i {
	border-style: solid;
	border-width: 30px 40px 0 40px;
	border-color: #ccc transparent transparent transparent;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
}
.downArrow.clr01 i { border-top-color: #ef67a5; }
.downArrow.clr02 i { border-top-color: #00adee; }
.downArrow.clr03 i { border-top-color: #8bc53f; }
.downArrow.clr04 i { border-top-color: #f6921d; }
@media screen and (min-width: 768px) {
.spOnly {
	display: none !important;
}
section + section {
	margin-top: 60px;
}
.inner {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.inner > .innerBlock {
	padding: 32px 0;
}
ul, ol, p {
	margin-bottom: 32px;
	text-indent: 0;
}
.tel {
	color: #333;
	pointer-events: none;
	text-decoration: none;
}
.hover {
	transition: opacity 0.5s ease;
}
.hover:hover {
	opacity: .6;
}
}
li > ul, li > ol {
	margin-bottom: 0;
}
em {
	color: #418258;
	font-style: normal;
}
strong {
	font-weight: bold;
}
.attention {
	color: #da3800;
}
.copy {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 225%;
	font-weight: bold;
	line-height: 2;
	text-align: center;
}
.copy em {
	font-weight: bold;
}
.note {
	font-size: 87.5%;
}
.underLine {
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
.pcOnly {
	display: none !important;
}
section + section {
	margin-top: 32px;
}
.inner {
	width: 100%;
	padding: 0 8px;
}
.inner > .innerBlock {
	padding: 8px 0;
}
ul, ol, p {
	margin-bottom: 16px;
}
.copy {
	font-size: 18px;
	line-height: 1.5;
}
.note {
	font-size: 12px;
}
.downArrow {
	margin: 16px 0;
}
}

/* block */
.grayBlock {
	background-color: #f7f7f7;
	padding: 40px 0;
}
.greenBlock {
	background: url(../images/bg/bg_green_block.png);
	color: #fff;
	padding: 32px 0;
}
.greenBlock.clr02 {
	background: url(../images/bg/bg_green_block_02.png);
	color: #333;
}
.bdBlock {
	border-top: 1px solid #e6e6e6;
	padding-top: 60px;
}
.sepBlock {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.sepBlock.boxCenter {
	justify-content: center;
}
.sepBlock.boxVMiddle {
	align-items: center;
}
.sepBlock.sep01 > .box {
	width: auto;
}
.sepBlock.sep02 > .box {
	width: calc((100% - 48px) / 2);
	margin-right: 48px;
}
.sepBlock.sep04 > .box + .box,
.sepBlock.sep03 > .box + .box,
.sepBlock.sep02 > .box + .box {
	margin-top: 0;
}
.sepBlock.sep03 > .box {
	width: calc((100% - 64px) / 3);
	margin-right: 31px;
}
.sepBlock.sep04 > .box {
	width: calc((100% - 96px) / 4);
	margin-right: 32px;
}
.sepBlock.sep04 > .box:last-of-type,
.sepBlock.sep04 > .box:nth-of-type(4n),
.sepBlock.sep03 > .box:last-of-type,
.sepBlock.sep03 > .box:nth-of-type(3n),
.sepBlock.sep02 > .box:last-of-type,
.sepBlock.sep02 > .box:nth-of-type(2n) {
	margin-right: 0;
}
.sepBlock.sep04 > .box:nth-of-type(n+5),
.sepBlock.sep03 > .box:nth-of-type(n+4),
.sepBlock.sep02 > .box:nth-of-type(n+3) {
	margin-top: 32px;
}
.catchBlock {
	padding: 40px 56px 60px;
	text-align: center;
}
.catchBlock.loan {
	background: url(../images/bg/bg_loan.jpg) no-repeat center center;
	background-size: cover;
}
.catchBlock.smartcardloan {
	background: url(../images/bg/bg_smartcardloan.jpg) no-repeat center center;
	background-size: cover;
}
.catchBlock > .txt {
	color: #fff;
	font-size: 150%;
	line-height: 1.2;
	margin-bottom: 15px;
}
.catchBlock > .title {
	color: #fff;
	font-size: 250%;
	font-weight: bold;
	line-height: 1.2;
}
.catchBlock > .boxWrapper {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.catchBlock > .boxWrapper.col01 > .box {
	width: 100%;
}
.catchBlock > .boxWrapper.col02 > .box {
	width: calc((100% - 16px) / 3);
}
.catchBlock > .boxWrapper.col03 > .box {
	width: calc((100% - 32px) / 3);
}
.catchBlock > .boxWrapper > .box {
	background-color: #fff;
	border: 4px solid #418258;
	border-radius: 8px;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.catchBlock > .boxWrapper > .box + .box {
	margin-left: 15.5px;
}
.catchBlock > .boxWrapper > .box > .head {
	align-self: flex-start;
	background-color: #418258;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.catchBlock > .boxWrapper > .box > .body {
	padding: 20px 10px 15px;
}
.catchBlock > .boxWrapper > .box > .body p {
	font-size: 112.5%;
	line-height: 1.2;
	margin-bottom: 0;
}
.catchBlock > .boxWrapper > .box > .body p strong {
	color: #7fb512;
	font-size: 300%;
	font-weight: bold;
}
.catchBlock > .boxWrapper > .box > .body .note {
	color: #999;
	font-size: 77%;
}
.numBlock > .box {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: flex-start;
}
.numBlock > .box + .box {
	margin-top: 16px;
}
i.num,
.numBlock > .box > .num {
	background-color: #418258;
	border-radius: 48px;
	color: #fff;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0;
	min-width: 24px;
	min-height: 24px;
}
i.num {
	display: inline-block;
	text-align: center;
}
.numBlock > .box > .body {
	flex: 1;
	padding-left: 10px;
}


/* title */
.pageTitle {
	background: #418258 url(../images/bg/bg_page_title.png) no-repeat right center;
	background-size: auto 100%;
	color: #fff;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 64px;
	padding: 50px 16px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .6), 0 0 16px rgba(0, 0, 0, .8);
	width: 100%;
}
.pageTitle h1 {
	font-size: 250%;
	font-weight: bold;
	line-height: 1.1;
	max-width: 1080px;
}
.pageTitle h1 .sub {
	display: inline-block;
	font-size: 40%;
	line-height: 1.5;
	margin-bottom: 10px;
}

.imgTitle.ttl01 {
	background-color: #898989;
	color: #fff;
	margin-bottom: 64px;
	padding: 80px 16px;
	text-align: center;
}
.imgTitle.ttl01.img01 {
	background: url(../../_component/images/bg_title_sample.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.guideTop {
	background: url(/common/images/kv/kv_guide_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.guideApp {
	background: url(/common/images/kv/kv_app_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.student {
	background: url(/common/images/kv/kv_lifeplan_student_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.employment {
	background: url(/common/images/kv/kv_lifeplan_employment_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.marriage {
	background: url(/common/images/kv/kv_lifeplan_marriage_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.education {
	background: url(/common/images/kv/kv_lifeplan_education_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.housing {
	background: url(/common/images/kv/kv_lifeplan_housing_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.secondlife {
	background: url(/common/images/kv/kv_lifeplan_secondlife_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.inheritance {
	background: url(/common/images/kv/kv_lifeplan_inheritance_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.onyourside {
	background: url(/common/images/kv/kv_onyourside_01.jpg) no-repeat center center;
	background-size: cover;
	padding: 60px 16px;
}
.imgTitle.ttl01.about {
	background: url(/common/images/kv/kv_about_01.jpg) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.business {
    background:  url(/common/images/kv/kv_business_01.png) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01.inquiry {
    background:  url(/common/images/kv/kv_inquiry_01.png) no-repeat center center;
	background-size: cover;
}
.imgTitle.ttl01 h1 {
	font-size: 250%;
	font-weight: bold;
	text-shadow: 0 0 2px rgba(0, 0, 0, .6), 0 0 16px rgba(0, 0, 0, .8);
	max-width: 1080px;
	margin: 0 auto;
}
.imgTitle.ttl01 .catch {
	font-size: 112%;
	line-height: 1.8;
	text-shadow: 0 0 2px rgba(0, 0, 0, .6), 0 0 16px rgba(0, 0, 0, .8);
	max-width: 1080px;
	margin: 0 auto;
}
.imgTitle.ttl01 .innerBox {
	background-color: rgba(244, 244, 244, 0.8);
	color: #333;
	margin: 40px auto 0;
	overflow: hidden;
	padding: 32px 46px 0;
	width: 800px;
}
.imgTitle.ttl01 .innerBox p {
	line-height: 1.8;
}
.imgTitle.ttl01 .innerBox .text {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 32px;
}
.imgTitle.ttl01 .innerBox .btnWrapper {
	margin-top: 32px;
}
.imgTitle.ttl01 .innerBox .btnWrapper .btn {
	width: calc( ( 100% - 32px ) / 2);
}
.imgTitle.ttl01 .innerBox .btnWrapper .btn:nth-of-type(3n) {
	margin-right: 32px;
}
.imgTitle.ttl01 .innerBox .btnWrapper .btn:nth-of-type(2n) {
	margin-right: 0;
}
.imgTitle.ttl01 .innerBox .btnWrapper .btn:nth-of-type(n+3) {
	margin-top: 32px;
}
.imgTitle.ttl02 {
	color: #fff;
	display: block;
	position: relative;
}
.imgTitle.ttl02:after {
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #fff transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	z-index: 2;
	right: 8px;
	bottom: 8px;
}
.imgTitle.ttl02 figure {
	width: 100%;
	position: relative;
	z-index: 1;
}
.imgTitle.ttl02 img {
	vertical-align: bottom;
	position: relative;
	z-index: 1;
}
.imgTitle.ttl02 h1 {
	background-color: rgba(127, 181, 18, 0.8);
	display: inline-block;
	font-size: 150%;
	font-weight: bold;
	padding: 24px 40px;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}
.imgTitle.ttl02 h1.rightside{
    left:auto;
    right: 0;
}
.imgTitle.ttl02 h1 span {
	display: inline-block;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.4;
	margin-top: 10px;
}

.h2Title {
	font-size: 225%;
	line-height: 1.2;
	margin-bottom: 48px;
	padding-bottom: 20px;
	position: relative;
}
.h2Title:after {
	border-bottom: 2px dotted #ccc;
	content: "";
	width: 46px;
	height: 0;
	position: absolute;
	bottom: 0;
}
.greenBlock .h2Title:after {
	border-color: #fff;
}
.greenBlock.clr02 .h2Title:after {
	border-color: #ccc;
}
.h2Title .label {
	background-color: #418258;
	border-radius: 32px;
	color: #fff;
	display: inline-block;
	font-size: 38.8%;
	padding: 8px 24px;
	margin-left: 16px;
	vertical-align: middle;
}
.h3Title {
	border-bottom: 1px solid #e6e6e6;
	font-size: 200%;
	line-height: 1.2;
	margin-bottom: 48px;
	padding-bottom: 20px;
	position: relative;
}
.h3Title:after {
	background-color: #418258;
	content: "";
	width: 46px;
	height: 3px;
	position: absolute;
	bottom: -2px;
}
.h4Title {
	color: #418258;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 32px;
	padding-bottom: 10px;
	position: relative;
}
.h4Title:after {
	background-color: #418258;
	content: "";
	width: 40px;
	height: 2px;
	position: absolute;
	bottom: 0;
}
.h4Title.ttl01, .h3Title.ttl01, .h2Title.ttl01 { text-align: center; }
.h4Title.ttl01:after, .h3Title.ttl01:after, .h2Title.ttl01:after { left: 0; right: 0; margin: 0 auto; }
.h4Title.ttl02:after, .h3Title.ttl02:after, .h2Title.ttl02:after { left: 0; }
.h5Title {
	font-weight: bold;
	line-height: 1.2;
	position: relative;
}
.h5Title.ttl01 {
	text-align: center;
}
.h5Title.ttl01 span {
	display: inline-block;
	padding: 0 10px;
	position: relative;
}
.h5Title.ttl01 span:after,
.h5Title.ttl01 span:before {
	background-color: #259e4f;
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.h5Title.ttl01 span:before {
	right: 100%;
}
.h5Title.ttl01 span:after {
	left: 100%;
}
.h5Title.ttl02 {
	border-left: 3px solid #259e4f;
	padding-left: 12px;
}
.h5Title.ttl02:before {
	border-right: 1px solid #259e4f;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/* link */
.external:after {
	background: url(../images/icn/icn_external_green.png) no-repeat right center;
	background-size: 10px auto;
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 16px;
	vertical-align: middle;
}
.pdf:after {
	background: url(../images/icn/icn_pdf_red.png) no-repeat right center;
	background-size: 17px auto;
	content: "";
	display: inline-block;
	width: 17px;
	height: 20px;
	margin-left: 16px;
	vertical-align: middle;
}
.arrow {
	display: inline-block;
	padding-left: 16px;
	position: relative;
}
.arrow:before {
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #7fb512;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0.3em;
}
.attnBox .arrow:before {
	border-color: transparent transparent transparent #9e1515;
}
.new:after {
	background-color: #9e1515;
	color: #fff;
	content: "NEW";
	display: inline-block;
	font-size: 75%;
	width: 45px;
	height: 24px;
	line-height: 24px;
	margin-left: 20px;
	text-align: center;
	vertical-align: middle;
}
.btnWrapper {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.btnWrapper.btnCenter {
	justify-content: center;
}
.btnWrapper .btn {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	margin-right: 31px;
	padding: 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: calc((100% - 64px) / 3);
	transition: opacity 0.5s ease;
}
.btnWrapper.col04 .btn {
	width: calc((100% - 96px) / 4);
	margin-right: 32px;
}
.btnWrapper.col02 .btn {
	width: calc((100% - 32px) / 2);
	margin-right: 32px;
}
.btnWrapper.col01 .btn {
	width: 100%;
	margin-right: 0;
}
.btnWrapper .btn.bgBtn {
	background-color: #7fb512;
	color: #fff;
}
.btnWrapper .btn.bgBtn.login {
	background-color: #ea9f2b;
}
.btnWrapper .btn.cvBtn {
	background-color: #a63539;
	color: #fff;
	font-size: 150%;
	line-height: 1.7;
	padding: 24px;
	width: calc( ( 100% - 32px ) / 2 );
}
.btnWrapper .btn.downBtn {
	padding-right: 44px;
}
.btnWrapper .btn.pdf:after,
.btnWrapper .btn.external:after {
	background-image: none;
	margin-left: 0;
}
.btnWrapper .btn.external {
	padding-right: 42px;
}
.btnWrapper .btn.pdf {
	padding-right: 49px;
}
.btnWrapper .btn:hover {
	opacity: .6;
}
.btnWrapper .btn:last-of-type,
.btnWrapper .btn:nth-of-type(3n) {
	margin-right: 0;
}
.btnWrapper.col04 .btn:nth-of-type(3n),
.btnWrapper.col02 .btn:nth-of-type(3n) {
	margin-right: 32px;
}
.btnWrapper.col04 .btn:last-of-type,
.btnWrapper.col04 .btn:nth-of-type(4n),
.btnWrapper.col02 .btn:last-of-type,
.btnWrapper.col02 .btn:nth-of-type(2n) {
	margin-right: 0;
}
.btnWrapper.col01 .btn + .btn,
.btnWrapper .btn:nth-of-type(n+4) {
	margin-top: 32px;
}
.btnWrapper.col04 .btn:nth-of-type(n+4),
.btnWrapper.col02 .btn:nth-of-type(n+4) {
	margin-top: 0;
}
.btnWrapper.col04 .btn:nth-of-type(n+5),
.btnWrapper.col02 .btn:nth-of-type(n+3) {
	margin-top: 32px;
}
.btnWrapper .btn.cvBtn:nth-of-type(3n) {
	margin-right: 31px;
}
.btnWrapper .btn.cvBtn:nth-of-type(2n) {
	margin-right: 0;
}
.btnWrapper .btn.cvBtn:nth-of-type(n+3) {
	margin-top: 32px;
}
.btnWrapper .btn.external:before {
	background: url(../images/icn/icn_external_green.png) no-repeat center center;
	background-size: 10px auto;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btnWrapper .btn.bgBtn.external:before {
	background: url(../images/icn/icn_external_white.png) no-repeat center center;
	background-size: 10px auto;
}
.btnWrapper .btn.pdf:before {
	background: url(../images/icn/icn_pdf_red.png) no-repeat center center;
	background-size: 17px auto;
	content: "";
	display: block;
	width: 17px;
	height: 20px;
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btnWrapper .btn.bgBtn.pdf:before {
	background: url(../images/icn/icn_pdf_white.png) no-repeat center center;
	background-size: 17px auto;
}
.cmnColumn a.col:after,
.btnWrapper .btn:after {
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #7fb512 transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.btnWrapper .btn.cvBtn:after,
.btnWrapper .btn.bgBtn:after {
	border-color: transparent transparent #fff transparent;
}
.btnWrapper .btn.downBtn:after {
	border-width: 6px 6px 0 6px;
	border-color: #7fb512 transparent transparent transparent;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btnWrapper .btn.downBtn.bgBtn:after {
	border-color: #fff transparent transparent transparent;
}
.btnWrapper .btn .note {
	font-weight: normal;
}
.telIcn,
.btnWrapper .btn .icn {
	display: inline-block;
	padding-left: 28px;
	position: relative;
	text-align: left;
}
.btnWrapper .btn.large .icn,
.cvArea .btnWrapper .btn .icn,
.btnWrapper .btn.cvBtn .icn {
	padding-left: 56px;
}
.telIcn:before,
.icn:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.btnWrapper .btn.large .icn:before,
.cvArea .btnWrapper .btn .icn:before,
.btnWrapper .btn.cvBtn .icn:before {
	width: 40px;
	height: 40px;
	background-size: 40px auto;
}
.btnWrapper .btn .icn01:before {
	background: url(../../_component/images/icn_sample_small.png) no-repeat center center;
}
.btnWrapper .btn .icn02:before {
	background: url(../../_component/images/icn_sample_large.png) no-repeat center center;
}
.btnWrapper .btn .account:before {
	background: url(../images/icn/icn_account_green.png) no-repeat center center;
}
.btnWrapper .btn.cvBtn .account:before,
.btnWrapper .btn.bgBtn .account:before {
	background: url(../images/icn/icn_account_white.png) no-repeat center center;
}
.btnWrapper .btn .apply:before {
	background: url(../images/icn/icn_apply.png) no-repeat center center;
	width: 25px;
	height: 24px;
}
.cvArea .btnWrapper .btn .apply:before,
.btnWrapper .btn.large .apply:before {
	background: url(../images/icn/icn_apply_green_002.png) no-repeat center center;
	width: 40px;
	height: 40px;
}
.btnWrapper .btn .login:before {
	background: url(../images/icn/icn_login.png) no-repeat center center;
	height: 24px;
}
.btnWrapper .btn .case:before {
	background: url(../images/icn/icn_just_in_case.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .case:before { background-size: 40px auto; }
.btnWrapper .btn .injury:before {
	background: url(../images/icn/icn_injury.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .injury:before { background-size: 40px auto; }
.btnWrapper .btn .education:before {
	background: url(../images/icn/icn_education_fund.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .education:before { background-size: 40px auto; }
.btnWrapper .btn .elderly:before {
	background: url(../images/icn/icn_elderly.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .elderly:before { background-size: 40px auto; }
.btnWrapper .btn .employment:before {
	background: url(../images/icn/icn_employment.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .employment:before { background-size: 40px auto; }
.btnWrapper .btn .marriage:before {
	background: url(../images/icn/icn_marriage.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .marriage:before { background-size: 40px auto; }
.btnWrapper .btn .parenting:before {
	background: url(../images/icn/icn_parenting.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .parenting:before { background-size: 40px auto; }
.btnWrapper .btn .myhome:before {
	background: url(../images/icn/icn_myhome.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .myhome:before { background-size: 40px auto; }
.btnWrapper .btn .secondLife:before {
	background: url(../images/icn/icn_second_life.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .secondLife:before { background-size: 40px auto; }
.btnWrapper .btn .lifeTemporary:before {
	background: url(../images/icn/icn_life-temporary_001.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .lifeTemporary:before { background-size: 40px auto; }
.btnWrapper .btn .individualFixedAmount:before {
	background: url(../images/icn/icn_individual-fixed-amount_001.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .individualFixedAmount:before { background-size: 40px auto; }
.btnWrapper .btn .cancer:before {
	background: url(../images/icn/icn_cancer_001.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .cancer:before { background-size: 40px auto; }
.btnWrapper .btn .medical:before {
	background: url(../images/icn/icn_medical_001.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .medical:before { background-size: 40px auto; }
.btnWrapper .btn .financial:before {
	background: url(../images/icn/icn_financial_001.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .financial:before { background-size: 40px auto; }
.btnWrapper .btn .individualVariable:before {
	background: url(../images/icn/icn_individual-variable_001.png) no-repeat center center;
	background-size: 20px auto;
}
.btnWrapper .btn.large .individualVariable:before { background-size: 40px auto; }
.btnWrapper .btn .app:before {
	background: url(../images/icn/icn_app_001.png) no-repeat center center;
}
.telIcn.tell:before{
	background: url(../images/icn/icn_tel.png) no-repeat center center;
	background-size: 20px auto;
	height: 27px;
	left: 8px;
}
.telIcn.tell,
.telIcn.freeCall{
	padding-left: 40px;
}
.telIcn.freeCall:before{
	background: url(../images/icn/icn_free_call_green.png) no-repeat center center;
	background-size: auto 20px;
	width: 36px;
}
.cmnColumn a.col {
	color: #333;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
.cmnColumn a.col:hover {
	opacity: .6;
}
.cmnColumn a.col .title {
	color: #7fb512;
}

/* banner */
.bnr {
	color: #fff;
	display: inline-block;
	font-size: 150%;
	font-weight: bold;
	position: relative;
	transition: opacity 0.5s ease;
}
.bnr:hover {
	opacity: .6;
}
.bnr:after {
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #fff transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	z-index: 2;
	right: 8px;
	bottom: 8px;
}
.bnr figure {
	width: 100%;
	position: relative;
	z-index: 1;
}
.bnr img {
	vertical-align: bottom;
	position: relative;
	z-index: 1;
}
.bnr figcaption {
	background-color: rgba(127, 181, 18, 0.8);
	display: inline-block;
	padding: 20px 24px;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}
.bnr figcaption span {
    display: inline-block;
    font-size: 75%;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 10px;
}
.bnr.txtRight figcaption {
	left: auto;
	right: 0;
}

/* list */
.checkList > li,
.discList > li {
	margin-top: 10px;
	padding-left: 24px;
	position: relative;
}
.checkList > li:first-child,
.discList > li:first-child {
	margin-top: 0;
}
.discList > li:before {
	border: 2px solid #7fb512;
	border-radius: 8px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
}
.attnBox .discList > li:before { border-color: #9e1515; }
.flameBox.box01.clr01 .discList > li:before { border-color: #ef67a5; }
.flameBox.box01.clr02 .discList > li:before { border-color: #00adee; }
.flameBox.box01.clr03 .discList > li:before { border-color: #8bc53f; }
.flameBox.box01.clr04 .discList > li:before { border-color: #f6921d; }
.numList > li > ol,
.checkList > li > ul,
.discList > li > ul {
	margin-top: 10px;
}

.numList {
	padding-left: 24px;
}
.numList.par {
	padding-left: 40px;
}
.numList > li {
	margin-top: 10px;
	position: relative;
}
.numList > li:first-child {
	margin-top: 0;
}
.numList > li > span.num {
	color: #418258;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	right: calc(100% + 10px);
	top: 0;
	white-space: nowrap;
}

.defineList {
	margin-bottom: 32px;
}
.defineList > dl {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: flex-start;
}
.defineList > dl + dl {
	margin-top: 16px;
}
.defineList > dl > dt {
	border-right: 1px solid #ccc;
	color: #418258;
	font-weight: bold;
	padding-right: 16px;
	width: 230px;
}
.defineList > dl > dd {
	flex: 1;
	padding-left: 16px;
}

.dotList > li {
	margin-top: 10px;
	padding-left: 1em;
	position: relative;
}
.dotList > li:first-child {
	margin-top: 0;
}
.dotList > li:before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
}
.checkList > li {
	text-indent: -24px;
}
.checkList > li:before {
	background: url(/common/images/icn/icn_checkbox_red.png) no-repeat 0 -16px;
	background-size: 16px auto;
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: middle;
}

/* attention area */
.attentionWrapper {
	background-color: #f7f7f7;
	font-size: 87.5%;
	margin-bottom: 16px;
	padding: 40px 40px 8px;
}
.flameBox.box01 > .body > .attentionWrapper {
	margin: 0 -40px 0;
}
.flameBox.box02 > .attentionWrapper {
	margin: 0 -24px 0;
}
.flameBox.box02 > .attentionWrapper.m0,
.flameBox.box01 > .body > .attentionWrapper.m0 {
	margin: 0;
}
.attentionWrapper > ul > li {
	margin-top: 10px;
	padding-left: 20px;
	position: relative;
}
.attentionWrapper > ul > li:first-child {
	margin-top: 0;
}
.attentionWrapper > ul > li:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
.attentionWrapper.num > ul {
	padding-left: 20px;
	counter-reset: numCounter;
}
.attentionWrapper.num.st02 ul { counter-reset: numCounter 1; }
.attentionWrapper.num.st03 ul { counter-reset: numCounter 2; }
.attentionWrapper.num.st04 ul { counter-reset: numCounter 3; }
.attentionWrapper.num.st05 ul { counter-reset: numCounter 4; }
.attentionWrapper.num.st06 ul { counter-reset: numCounter 5; }
.attentionWrapper.num.st07 ul { counter-reset: numCounter 6; }
.attentionWrapper.num.st08 ul { counter-reset: numCounter 7; }
.attentionWrapper.num.st09 ul { counter-reset: numCounter 8; }
.attentionWrapper.num.st10 ul { counter-reset: numCounter 9; }
.attentionWrapper.num > ul > li {
	padding-left: 0;
}
.attentionWrapper.num > ul > li:before {
	counter-increment: numCounter;
	content: "※" counters(numCounter,".");
	position: absolute;
	left: auto;
	right: calc(100% + 5px );
}

/* box */
.flameBox {
	margin-bottom: 32px;
}
.flameBox.box01 > .header {
	background-color: #7fb512;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	padding: 14px 0;
	text-align: center;
}
.flameBox.box01.clr01 > .header { background-color: #ef67a5; }
.flameBox.box01.clr02 > .header { background-color: #00adee; }
.flameBox.box01.clr03 > .header { background-color: #8bc53f; }
.flameBox.box01.clr04 > .header { background-color: #f6921d; }
.flameBox.box01 > .body {
	border: 1px solid #d6d6d6;
	border-top: none;
	padding: 30px 40px 0;
}
.flameBox.box02 {
	border: 1px solid #d6d6d6;
	padding: 0 24px;
}
.flameBox.box02 > .header {
	border-bottom: 1px solid #d6d6d6;
	color: #7fb512;
	font-weight: bold;
	line-height: 1.2;
	padding: 14px 0;
	text-align: center;
}
.flameBox.box02 > .body {
	border-top: none;
	padding: 30px 16px 0;
}
.flameBox.box03 {
	background-color: #fff;
	border: 4px solid #418258;
	border-radius: 8px;
}
.flameBox.box03.clr01 {
	border-color: #961e23;
}
.flameBox.box03.clr02 {
	border-color: #e29c30;
}
.flameBox.box03 > .header {
	background-color: #418258;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0;
	padding: 10px 0;
	text-align: center;
}
.flameBox.box03.clr01 > .header {
	background-color: #961e23;
}
.flameBox.box03.clr02 > .header {
	background-color: #e29c30;
}
.flameBox.box03 > .body {
	padding: 20px;
}
.flameBox.attnBox .header {
	background: url(../images/icn/icn_attention.png) no-repeat 23px 16px;
	background-color: #9e1515;
	color: #fff;
	font-weight: bold;
	padding: 14px 24px 14px 50px;
}
.flameBox.attnBox > .body {
	background-color: #f5e5e5;
	overflow: hidden;
	padding: 30px 40px 0;
}
.flameBox > .header > span {
	display: inline-block;
	font-weight: normal;
	margin-top: 10px;
}
.imgBox {
	text-align: center;
}
.imgBox.imgLeft,
.imgBox.imgRight {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	text-align: left;
}
.imgBox.txtMiddle {
	align-items: center;
}
.imgBox.txtBottom {
	align-items: flex-end;
}
.imgBox + .imgBox {
	margin-top: 30px;
}
.imgBox .txt {
	flex: 1;
}
.imgBox .imgWrapper {
	display: inline-block;
	text-align: left;
}
.imgBox.imgLeft .imgWrapper {
	margin-right: 30px;
}
.imgBox.imgRight .imgWrapper {
	margin-left: 30px;
}
.imgBox .imgWrapper > .title {
	font-size: 112.5%;
	font-weight: bold;
	margin-bottom: 10px;
}
.imgBox .imgWrapper > .img,
.imgBox .imgWrapper figure {
	display: table;
	width: 240px;
	margin: 0 auto;
}
.imgBox .imgWrapper > .img > .caption,
.imgBox .imgWrapper figcaption {
	font-size: 87.5%;
	margin-top: 10px;
}
.imgBox .imgWrapper figcaption.note {
	padding-left: 1em;
	text-indent: -1em;
}
.flxBox {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.flxBox.aiMiddle { align-items: center; }
.flxBox > .col { margin-left: 8px; margin-right: 8px; }
.flxBox > .col:first-child { margin-left: 0; }
.flxBox > .col:last-child { margin-right: 0; }
.flxBox > .col.flx { flex: 1; }

/* tab */
.tab {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.tab.flxWrap {
	flex-wrap: wrap;
}
.tab .col {
	border: 1px solid #7fb512;
}
.tab .col + .col {
	border-left: none;
}
.tab.col02 .col {
	width: calc(100% / 2);
}
.tab.col03 .col {
	width: calc(100% / 3);
}
.tab.flxWrap.col03 .col:nth-of-type(3n+1),
.tab.flxWrap.col02 .col:nth-of-type(2n+1) {
	border-left: 1px solid #7fb512;
}
.tab.flxWrap.col03 .col:nth-of-type(n+4),
.tab.flxWrap.col02 .col:nth-of-type(n+3) {
	border-top: none;
}
.tab .col a {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	height: 100%;
	padding: 14px 24px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
.tab .col a:hover,
.tab .col a.current {
	background-color: #7fb512;
	color: #fff;
}
.targetWrapper {
	margin-bottom: 32px;
}
.targetWrapper .targetBox {
	display: none;
}
.targetWrapper .targetBox.show {
	display: block;
}

/* column */
.cmnColumn {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.cmnColumn.colCenter {
	justify-content: center;
}
.cmnColumn .col {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	padding: 24px;
	position: relative;
}
.cmnColumn.col01 .col {
	width: 100%;
}
.cmnColumn.col01 .col + .col {
	margin-top: 16px;
}
.cmnColumn.col02 .col {
	width: calc((100% - 32px) / 2);
	margin-right: 32px;
}
.cmnColumn.col02 .col:nth-of-type(2n) {
	margin-right: 0;
}
.cmnColumn.col02 .col:nth-of-type(n+3) {
	margin-top: 32px;
}
.pointColumn.col02 .col:nth-of-type(n+3) {
	margin-top: 48px;
}
.cmnColumn.col03 .col {
	width: calc((100% - 64px) / 3);
	margin-right: 31px;
}
.cmnColumn.col04 .col {
	width: calc((100% - 48px) / 4);
	margin-right: 16px;
}
.cmnColumn.col04 .col:nth-of-type(4n),
.cmnColumn.col03 .col:nth-of-type(3n) {
	margin-right: 0;
}
.cmnColumn.col03 .col:nth-of-type(n+4) {
	margin-top: 32px;
}
.pointColumn.col03 .col:nth-of-type(n+4) {
	margin-top: 48px;
}
.pointColumn.col04 .col:nth-of-type(n+5) {
	margin-top: 16px;
}
.cmnColumn.col01 .col figure,
.cmnColumn.col02 .col figure,
.cmnColumn.col03 .col figure,
.cmnColumn.col04 .col figure {
	display: block;
	margin: -24px -24px 20px;
	position: relative;
}
.cmnColumn.col01 .col figure img,
.cmnColumn.col02 .col figure img,
.cmnColumn.col03 .col figure img,
.cmnColumn.col04 .col figure img {
	width: 100%;
	height: auto;
}
.cmnColumn .col p {
	margin-bottom: 0;
}
.cmnColumn .col > .title {
	font-size: 112%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 16px;
	padding-bottom: 16px;
	position: relative;
	text-align: center;
}
.cmnColumn .col > .title.bdn {
	padding-bottom: 0;
}
.cmnColumn .col > .title:after {
	background-color: #eee;
	content: "";
	width: 16px;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.cmnColumn .col > .title.bdn:after {
	display: none;
}
.pointColumn {
	padding-top: 14px;
}
.pointColumn .col {
	border: 2px solid #a5ceb3;
	padding: 40px 23px 23px;
}
.pointColumn .col .label {
	background-color: #418258;
	border-radius: 32px;
	color: #fff;
	display: inline-block;
	font-size: 87.5%;
	font-weight: bold;
	padding: 0 16px;
	position: absolute;
	left: 50%;
	top: -16px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	transform:translateX(-50%);
}
.pointColumn .col > .title {
	margin-bottom: 24px;
	padding-bottom: 0;
}
.pointColumn .col > .title:after {
	display: none;
}

/* panel */
.imgPanel {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
}
.imgPanel + .imgPanel {
	margin-top: 40px;
}
.imgPanel .txt {
	background-color: rgba(255, 255, 255, 1);
	padding: 32px 40px 0;
	position: relative;
}
.imgPanel.imgRight .txt {
	order: 1;
	margin-right: -120px;
}
.imgPanel.imgLeft .txt {
	order: 2;
	margin-left: -120px;
}
.imgPanel .txt > .label {
	background-color: #418258;
	border-radius: 32px;
	color: #fff;
	display: inline-block;
	font-size: 87.5%;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: auto;
	padding: 0 16px;
	position: absolute;
	top: -16px;
	left: 50%;
	text-align: center;
	transform:translateX(-50%);
	z-index: 2;
}
.imgPanel .txt > .title {
	border-bottom: 1px solid #d7d7d7;
	color: #418258;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 32px;
	padding-bottom: 16px;
}
.imgPanel.imgRight .img {
	order: 2;
}
.imgPanel.imgLeft .img {
	order: 1;
}

/* tile column */
.frameColumn {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.frameColumn.colCenter {
	justify-content: center;
}
.frameColumn .col {
	padding: 30px 40px;
	border: 1px solid #d6d6d6;
	border-right: none;
	box-sizing: content-box;
	width: calc((100% / 4) - 82px);
}
.frameColumn.col02 .col {
	width: calc((100% / 2) - 82px);
}
.frameColumn.col03 .col {
	width: calc((100% / 3) - 82px);
}
.frameColumn .col:last-of-type,
.frameColumn .col:nth-of-type(4n) {
	border-right: 1px solid #d6d6d6;
}
.frameColumn.col03 .col:nth-of-type(n+4),
.frameColumn.col02 .col:nth-of-type(n+3),
.frameColumn .col:nth-of-type(n+5) {
	border-top: none;
}
.frameColumn.col03 .col:nth-of-type(4n),
.frameColumn.col02 .col:nth-of-type(4n) {
	border-right: none;
}
.frameColumn.col03 .col:last-of-type,
.frameColumn.col03 .col:nth-of-type(3n),
.frameColumn.col02 .col:last-of-type,
.frameColumn.col02 .col:nth-of-type(2n) {
	border-right: 1px solid #d6d6d6;
}
.frameColumn .col figure {
	margin-bottom: 14px;
	text-align: center;
}
.frameColumn .col ul,
.frameColumn .col p {
	font-size: 87.5%;
	margin-bottom: 0;
}
.frameColumn .col > .title {
	font-weight: bold;
	margin-bottom: 16px;
	padding-bottom: 16px;
	position: relative;
	text-align: center;
}
.frameColumn .col > .title:after {
	background-color: #eee;
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/* cv area */
.cvArea {
	text-align: center;
}
.cvArea .catch {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 16px;
}
.cvArea .btnWrapper .btn {
	border-radius: 4px;
	font-size: 150%;
	left: 1.7;
	padding: 24px;
	width: 480px;
}
.cvArea .btnWrapper .btn:after {
	display: none;
}

/* news */
.newsList {
	border-top: 1px solid #eee;
}
.newsList + .newsList {
	margin-top: 32px;
}
.newsList > ul > li {
	border-bottom: 1px solid #eee;
	font-size: 87.5%;
	padding: 24px 0 24px 136px;
	position: relative;
}
.newsList.labelList ul > li {
	line-height: 2;
	padding-left: 240px;
}
.newsList > ul > li a {
	color: #333;
}
.newsList > ul > li .date {
	position: absolute;
	left: 0;
	top: 24px;
}
.newsList > ul > li .label {
	color: #fff;
	display: inline-block;
	font-size: 85%;
	width: 80px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	left: 136px;
	top: 24px;
	text-align: center;
}
.newsList > ul > li .label.label01 { background-color: #e08e12; }
.newsList > ul > li .label.label02 { background-color: #418258; }
.newsList > ul > li .label.label03 { background-color: #7439ab; }

/* accordion */
.toggleList > li {
	border: 1px solid #d6d6d6;
	margin-top: 16px;
	position: relative;
}
.toggleList > li:first-child {
	margin-top: 0;
}
.toggleList > li > .title a {
	background-color: #418258;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 16px 72px 16px 24px;
	position: relative;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
.toggleList > li > .title a.opened {
	background-color: #fff;
	color: #418258;
}
.toggleList > li > .title a:hover {
	opacity: .6;
}
.toggleList > li > .title a:after {
	background: url(../images/icn/icn_closed.png) no-repeat 0 0;
	background-size: 24px auto;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 24px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.toggleList > li > .title a.opened:after {
	background: url(../images/icn/icn_opened.png) no-repeat 0 0;
	background-size: 24px auto;
}
.toggleList > li > .title a span {
	display: block;
	border-left: 2px solid #fff;
	padding-left: 15px;
}
.toggleList > li > .title a.opened span {
	border-left: 2px solid #418258;
}
.toggleList > li > .title a.opened span:after {
	background-color: #d6d6d6;
	content: "";
	width: calc(100% - 48px);
	height: 1px;
	position: absolute;
	left: 24px;
	bottom: -15px;
}
.toggleList > li > .body {
	display: none;
	padding: 32px 40px;
}
.toggleList > li > .body > div {
	margin-bottom: 0;
}
.toggleList.qaList > li > .title a span {
	border-left: none;
	line-height: 32px;
	padding-left: 48px;
	position: relative;
}
.toggleList.qaList > li > .title a.opened span {
	padding-bottom: 10px;
}
.toggleList.qaList > li > .body > div:before,
.toggleList.qaList > li > .title a span:before {
	background-color: #f8f8f8;
	content: "Q";
	color: #418258;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 150%;
	font-family: 'Roboto', sans-serif;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
}
.toggleList.qaList > li > .body > div {
	position: relative;
	padding-left: 50px;
}
.toggleList.qaList > li > .body > div:before {
	background-color: #418258;
	content: "A";
	color: #fff;
}

/* table */
.tableWrapper {
	width: 100%;
	overflow-x: auto;
}
.tableWrapper + .tableWrapper {
	margin-top: 32px;
}
.tableWrapper table {
	width: 100%;
}
.tableWrapper table td table {
	width: auto;
}
.tableWrapper table tr th {
	background-color: #418258;
	border: 1px solid #dbdbdb;
	color: #fff;
	font-weight: bold;
	padding: 20px 24px;
	text-align: center;
}
.tableWrapper table tr th a {
	color: #fff;
}
.tableWrapper table tr th .external:after {
	background: url(../images/icn/icn_external_white.png) no-repeat right center;
	background-size: 10px auto;
}
.tableWrapper table tr th .pdf:after {
	background: url(../images/icn/icn_pdf_white.png) no-repeat right center;
	background-size: 17px auto;
}
.tableWrapper table tr th .arrow:before {
	border-color: transparent transparent transparent #fff;
}
.tableWrapper table thead + tbody tr th {
	background-color: #a5ceb3;
	color: #333;
}
.tableWrapper table tr th.clr01 a,
.tableWrapper table thead + tbody tr th.clr01 a,
.tableWrapper table thead + tbody tr th a {
	color: #333;
}
.tableWrapper table tr th.clr01 .external:after ,
.tableWrapper table thead + tbody tr th.clr01 .external:after ,
.tableWrapper table thead + tbody tr th .external:after {
	background: url(../images/icn/icn_external_green.png) no-repeat right center;
	background-size: 10px auto;
}
.tableWrapper table tr th.clr01 .pdf:after ,
.tableWrapper table thead + tbody tr th.clr01 .pdf:after ,
.tableWrapper table thead + tbody tr th .pdf:after {
	background: url(../images/icn/icn_pdf_red.png) no-repeat right center;
	background-size: 17px auto;
}
.tableWrapper table tr th.clr01 .arrow:before ,
.tableWrapper table thead + tbody tr th.clr01 .arrow:before ,
.tableWrapper table thead + tbody tr th .arrow:before {
	border-color: transparent transparent transparent #333;
}
.tableWrapper table tr th.clr01,
.tableWrapper table thead + tbody tr th.clr01 {
	background-color: #d5e7db;
	color: #333;
}
.tableWrapper table tbody tr th {
	text-align: left;
}
.tableWrapper table tr td {
	background-color: #fff;
	border: 1px solid #dbdbdb;
	padding: 20px 24px;
}
.tableWrapper.tbl02 table tr td {
	text-align: center;
}
.tableWrapper table tr td th,
.tableWrapper table tr td td {
	padding: 12px 16px;
}
.tableWrapper table tr .parentTh {
	border-bottom: none;
}
.tableWrapper table tr .blankTh {
	border-top: none;
}

/* point */
.pointBlock + .pointBlock {
	margin-top: 32px;
}
.pointBlock .point {
	min-height: 64px;
	padding-left: 95px;
	position: relative;
}
.pointBlock .point + .point {
	margin-top: 48px;
}
.pointBlock .point > .label {
	background-color: #418258;
	border-radius: 64px;
	box-shadow: 4px 4px 0 rgba(65, 130, 88, 0.2);
	color: #fff;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 62.5%;
	font-weight: bold;
	line-height: 1.2;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}
.pointBlock .point > .label.clr01 {
	background-color: #fda01d;
	box-shadow: 4px 4px 0 rgba(253, 160, 29, 0.2);
}
.pointBlock .point > .label strong {
	font-size: 280%;
}
.pointBlock .point > div > .txt > .title,
.pointBlock .point > .title {
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
.pointBlock .point > .title strong,
.pointBlock .point > .title em {
	font-size: 125%;
	font-weight: bold;
}
.pointBlock .point > .title sup {
	font-size: 75%;
	font-weight: normal;
}
.pointBlock .point .sub {
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 24px;
}
.pointBlock .point .imgRight {
	overflow: hidden;
}
.pointBlock .point .imgRight > figure {
	float: right;
	margin-left: 70px;
}

/* talk */
.talkBlock {
	overflow: hidden;
	padding: 0 55px 0;
}
.talkBlock > .box {
	padding-top: 32px;
	position: relative;
}
.talkBlock > .box:first-of-type {
	padding-top: 16px;
}
.talkBlock > .box + .box {
	margin-top: -32px;
}
.talkBlock > .box figure {
	width: 250px;
	position: relative;
	z-index: 1;
	margin-top: -32px;
}
.talkBlock > .box:first-of-type figure {
	margin-top: -16px;
}
.talkBlock > .box.charaLeft figure {
	float: left;
	margin-right: -250px;
}
.talkBlock > .box.charaRight figure {
	float: right;
	margin-left: -250px;
	text-align: right;
}
.talkBlock > .box .txt {
	position: relative;
	z-index: 2;
	padding-top: 30px;
}
.talkBlock > .box.charaLeft .txt {
	padding-left: 170px;
}
.talkBlock > .box.charaRight .txt {
	padding-right: 220px;
	text-align: right;
}
.talkBlock > .box .txt p {
	background-color: #fff;
	border-width: 2px;
	border-style: solid;
	border-radius: 8px;
	display: inline-block;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 0;
	padding: 32px 40px;
	position: relative;
	text-align: left;
}
.talkBlock > .box.charaLeft .txt p:after,
.talkBlock > .box.charaLeft .txt p:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.talkBlock > .box.charaLeft .txt p:before {
	border-color: rgba(65, 130, 88, 0);
	border-width: 34px;
	border-top-width: 0;
	border-bottom-width: 22px;
	top: 16px;
}
.talkBlock > .box.charaLeft .txt p:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 28px;
	border-top-width: 0;
	border-bottom-width: 17px;
	top: 18px;
}
.talkBlock > .box.charaRight .txt p:after,
.talkBlock > .box.charaRight .txt p:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.talkBlock > .box.charaRight .txt p:before {
	border-color: rgba(204, 204, 204, 0);
	border-width: 34px;
	border-top-width: 0;
	border-bottom-width: 22px;
	top: 16px;
}
.talkBlock > .box.charaRight .txt p:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 28px;
	border-top-width: 0;
	border-bottom-width: 17px;
	top: 18px;
}
.talkBlock > .box.customer .txt p {
	border-color: #418258;
}
.talkBlock > .box.charaLeft.customer .txt p:before {
	border-right-color: #418258;
}
.talkBlock > .box.charaRight.customer .txt p:before {
	border-left-color: #418258;
}
.talkBlock > .box.clerk .txt p {
	border-color: #ccc;
}
.talkBlock > .box.charaLeft.clerk .txt p:before {
	border-right-color: #ccc;
}
.talkBlock > .box.charaRight.clerk .txt p:before {
	border-left-color: #ccc;
}
.talkBlock > .box.charaRight .txt p:before {
}
.talkBlock > .box .txt p em {
	font-weight: bold;
}

/* adobe reader */
.pdfInfo {
	background-color: #fff;
	border: 4px solid #e6e6e6;
	font-size: 87.5%;
	padding: 36px;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
}
.pdfInfo a {
	transition: opacity 0.5s ease;
}
.pdfInfo a:hover {
	opacity: 0.6;
}
.pdfInfo p {
	margin-bottom: 0;
	padding-left: 40px;
}

/* flow */
.flowVertical {
	margin-bottom: 32px;
	padding-top: 16px;
}
.flowVertical > .step {
	margin-bottom: 78px;
	position: relative;
}
.flowVertical > .step:last-of-type {
	margin-bottom: 0;
}
.flowVertical > .step:after {
	border-style: solid;
	border-width: 30px 40px 0 40px;
	border-color: #ccc transparent transparent transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: calc(100% + 16px);
	left: 0;
	right: 0;
	margin: auto;
}
.flowVertical > .step:last-of-type:after {
	display: none;
}
.flowVertical > .step > .label {
	background-color: #418258;
	border-radius: 32px;
	color: #fff;
	font-size: 87.5%;
	font-weight: bold;
	width: 100px;
	height: 32px;
	line-height: 32px;
	margin: auto;
	text-align: center;
	position: absolute;
	top: -16px;
	left: 0;
	right: 0;
	z-index: 2;
}
.flowVertical > .step > .title {
	background-color: #7fb512;
	color: #fff;
	font-size: 200%;
	line-height: 1.5;
	font-weight: bold;
	padding: 25px 0 17px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.flowVertical > .step > .title .flow {
	font-size: 75%;
	line-height: 2;
	margin-bottom: 0;
}
.flowVertical > .step > .title .flow li {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	padding-right: 24px;
}
.flowVertical > .step > .title .flow li:last-of-type {
	margin-right: 0;
	padding-right: 0;
}
.flowVertical > .step > .title .flow li:after {
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #fff;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.flowVertical > .step > .body {
	border: 4px solid #f4f4f4;
	padding: 32px 40px;
	text-align: center;
}
.flowVertical > .step > .body .text {
	color: #418258;
	font-size: 125%;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 24px;
	padding-bottom: 10px;
	position: relative;
}
.flowVertical > .step > .body .text:after {
	background-color: #418258;
	content: "";
	width: 40px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.flowVertical > .step > .body > .greenBlock,
.flowVertical > .step > .body > .attentionWrapper {
	margin: 0 -40px -32px;
}
.flowVertical > .step > .body > .greenBlock.m0,
.flowVertical > .step > .body > .attentionWrapper.m0 {
	margin: 0;
}
.flowHorizontal {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
	position: relative;
}
.flowHorizontal > .step {
	border: 4px solid #f4f4f4;
	font-weight: bold;
	width: calc( ( 100% - 112px ) / 3);
	margin-right: 55px;
	padding: 32px;
	position: relative;
	text-align: center;
}
.flowHorizontal > .step.current {
	background-color: #418258;
	border-color: #418258;
	color: #fff;
}
.flowVertical > .step > .body .flowHorizontal > .step {
	border: none;
	padding: 16px;
}
.flowHorizontal > .step:nth-of-type(3n) {
	margin-right: 0;
}
.flowHorizontal > .step:nth-of-type(n+4) {
	margin-top: 32px;
}
.flowHorizontal > .step:after {
	border-style: solid;
	border-width: 32px 0 32px 32px;
	border-color: transparent transparent transparent #ccc;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: calc(100% + 16px);
	top: 0;
	bottom: 0;
	margin: auto;
}
.flowHorizontal > .step:nth-of-type(3n):after {
	display: none;
}
.flowHorizontal > .step p {
	margin-bottom: 0;
}
.flowHorizontal > .step > .title {
	font-size: 125%;
	margin-bottom: 30px;
}
.flowHorizontal > .step > .title .label {
	background-color: #418258;
	border-radius: 24px;
	color: #fff;
	display: inline-block;
	font-size: 80%;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}
.flowHorizontal > .step.current > .title .label {
	background-color: #fff;
	color: #418258;
}
.flowHorizontal > .step figure {
	margin-bottom: 24px;
}
.chartBlock .flowChart {
	overflow: hidden;
}
.chartBlock .flowChart li {
	position: relative;
	margin-bottom: 46px;
}
.chartBlock .flowChart .choices {
	display: none;
}
.chartBlock .flowChart li:after {
	border-style: solid;
	border-width: 30px 40px 0 40px;
	border-color: #ccc transparent transparent transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	margin: auto;
}
.chartBlock .flowChart li.last {
	background-color: #fff;
	border: 4px solid #f4f4f4;
	margin-bottom: 0;
	padding: 40px 80px;
}
.chartBlock .flowChart li.last:after {
	display: none;
}
.chartBlock .flowChart li > .title {
	background-color: #418258;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
	padding: 16px;
	position: relative;
}
.chartBlock .flowChart li > .title > span {
	display: block;
	line-height: 32px;
	padding-left: 48px;
	position: relative;
}
.chartBlock .flowChart li#chartStart > .title > span {
	padding-left: 0;
}
.chartBlock .flowChart li > .title > span:before {
	background-color: #f8f8f8;
	content: "Q";
	color: #418258;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', sans-serif;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
}
.chartBlock .flowChart li#chartStart > .title > span:before {
	display: none;
}
.chartBlock .flowChart li.last > .title {
	background: none;
	color: #333;
	font-size: 125%;
	padding: 0;
}
.chartBlock .flowChart li > .body {
	background-color: #fff;
	border: 4px solid #f4f4f4;
	padding: 32px;
}
.chartBlock .flowChart li.last > .body {
	border: none;
	border-top: 1px solid #f4f4f4;
	margin-top: 10px;
	padding: 32px 0 0;
}
.chartBlock .flowChart li > .body .btnWrapper {
	width: 700px;
	margin: 0 auto;
}
.chartBlock .flowChart li.last > .body .btnWrapper {
	width: 532px;
}
.chartBlock .flowChart li > .body .btnWrapper .disabled {
	pointer-events: none;
}
.chartBlock .choiceClear {
	display: none;
}
.chartBlock .choiceClear.show {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
}

/* inquiry */
.inquiryBlock {
	background-color: #fff;
	border: 32px solid #f4f4f4;
	margin-bottom: 60px;
	text-align: center;
}
.inquiryBlock > .title {
	background-color: #418258;
	color: #fff;
	font-size: 125%;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.inquiryBlock > .body {
	font-size: 87.5%;
	padding: 22px 40px;
}
.inquiryBlock > .body p {
	line-height: 1.8;
	margin-bottom: 0;
}
.inquiryBlock > .body .note {
	font-size: 100%;
}
.inquiryBlock > .body .tellNo {
	text-align: center;
	margin: 16px 0 20px;
}
.inquiryBlock > .body .tellNo span {
	background: url(../images/icn/icn_tel.png) no-repeat 0 center;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 315%;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 32px;
}
.inquiryBlock > .body dl {
	margin-bottom: 0;
	text-align: center;
	width: auto;
}
.inquiryBlock > .body dl + dl {
	margin-top: 16px;
}
.inquiryBlock > .body dt {
	border-right: 1px solid #d7d7d7;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 170px;
}
.inquiryBlock > .body dd {
	display: inline-block;
	padding-left: 16px;
	text-align: left;
	vertical-align: top;
	width: 330px;
}
.inquiryBlock.type03 > .body,
.inquiryBlock.type02 > .body {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.inquiryBlock.type03 > .body > div,
.inquiryBlock.type02 > .body > div {
	width: calc(100% / 2);
}
.inquiryBlock.type03 > .body > div:first-of-type,
.inquiryBlock.type02 > .body > div:first-of-type {
	padding-right: 16px;
}
.inquiryBlock.type03 > .body > div:nth-of-type:(2) {
	padding-left: 16px;
}
.inquiryBlock.type02 > .body > div:last-of-type {
	border-left: 1px solid #eee;
	padding-left: 16px;
}
.inquiryBlock.type03 > .body > div:last-of-type {
	border-top: 1px solid #eee;
	margin-top: 16px;
	padding-top: 16px;
	width: 100%;
}
.inquiryBlock > .body .freeCall {
	text-align: center;
	margin: 16px 0 20px;
}
.inquiryBlock > .body .freeCall span {
	background: url(../images/icn/icn_free_call.png) no-repeat 0 center;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 315%;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 70px;
}
.inquiryBlock.type03 > .body dt,
.inquiryBlock.type02 > .body dt {
	padding-right: 16px;
	width: auto;
}
.inquiryBlock.type03 > .body dd,
.inquiryBlock.type02 > .body dd {
	padding-left: 12px;
	width: auto;
}
.inquiryBlock.type03 > .body .btnWrapper,
.inquiryBlock.type02 > .body .btnWrapper {
	margin-top: 20px;
}
.inquiryBlock.type03 > .body .btnWrapper .btn,
.inquiryBlock.type02 > .body .btnWrapper .btn {
	width: 340px;
}
.inquiryBlock.type03 > .body .btnWrapper .btn:before,
.inquiryBlock.type02 > .body .btnWrapper .btn:before {
	background: url(../images/icn/icn_external_green.png) no-repeat center center;
	background-size: 10px auto;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* follow banner */
#followBnr {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 24px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 998;
}
#followBnr:before {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	content: "";
	width: 100%;
	height: 8px;
	opacity: .08;
	position: absolute;
	left: 0;
	bottom: 100%;
}
#followBnr .inner {
	position: relative;
}
#followBnr .bnrOpen {
	display: none;
	width: 178px;
	height: 40px;
	opacity: 0;
	position: absolute;
	right: 0;
	bottom: 100%;
}
#followBnr .bnrClose {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 100%;
}
#followBnr .bnrClose img,
#followBnr .bnrOpen img {
	width: 100%;
	height: auto;
}
#followBnr .bnrWrapper {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#followBnr .bnrWrapper .col.vMiddle {
	align-self: center;
}
#followBnr .bnrWrapper.col01 .col {
	width: 100%;
}
#followBnr .bnrWrapper.col02 .col {
	width: calc((100% - 16px) / 2);
}
#followBnr .bnrWrapper.col03 .col {
	width: calc((100% - 32px) / 3);
}
#followBnr .bnrWrapper.col03 .col.wide {
	width: calc(((100% - 32px) / 3)*2);
}
#followBnr .bnrWrapper .col {
	text-align: center;
}
#followBnr .bnrWrapper .txt {
	display: inline-block;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 5px;
	position: relative;
	text-shadow: 3px 0px 0 #fff, -3px 0px 0 #fff, 0px 3px 0 #fff, 0px -3px 0 #fff;
}
#followBnr .bnrWrapper .txt.red {
	color: #8b0d11;
}
#followBnr .bnrWrapper .txt.green {
	color: #527a00;
}
#followBnr .bnrWrapper .txt:after,
#followBnr .bnrWrapper .txt:before {
	box-shadow: 0 0 0 3px #fff;
	content: "";
	width: 20px;
	height: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
#followBnr .bnrWrapper .txt.red:after,
#followBnr .bnrWrapper .txt.red:before {
	background-color: #8b0d11;
}
#followBnr .bnrWrapper .txt.green:after,
#followBnr .bnrWrapper .txt.green:before {
	background-color: #527a00;
}
#followBnr .bnrWrapper .txt:before {
	right: calc(100% + 5px);
	transform: rotate(60deg);
}
#followBnr .bnrWrapper .txt:after {
	left: calc(100% + 5px);
	transform: rotate(-60deg);
}
#followBnr .bnrWrapper .txt span {
	font-size: 90%;
}
#followBnr .bnrWrapper .btnWrapper {
	margin-bottom: 0;
}
#followBnr .bnrWrapper .btnWrapper .btn {
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
	padding: 10px;
	width: 100%;
	height: 80px;
}
#followBnr .bnrWrapper .btnWrapper .btn.red {
	background-color: #a63539;
	border-color: #953033;
}
#followBnr .bnrWrapper .btnWrapper .btn.green {
	background-color: #7fb512;
	border-color: #72a310;
}
#followBnr .bnrWrapper .btnWrapper .btn:after {
	border-color: transparent transparent #fff transparent;
}
#followBnr .bnrWrapper .btnWrapper .btn .btnInner {
	margin-bottom: 0;
}
#followBnr .bnrWrapper .btnWrapper .btn .note {
	font-size: 58%;
}
#followBnr .bnrWrapper .btnWrapper .btn .chara {
	position: absolute;
	bottom: -1px;
}
#followBnr .bnrWrapper .btnWrapper .btn .toshin01 {
	left: 36px;
}
#followBnr .bnrWrapper .btnWrapper .btn .toshin02 {
	right: 30px;
}

/* unyo toshin */
.tab .imgTab {
	display: inline-block;
	height: 100%;
	position: relative;
}
.tab .imgTab .tabInner {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	height: 100%;
}
.tab .imgTab.toshin01 .tabInner {
	padding-left: 180px;
}
.tab .imgTab.toshin02 .tabInner {
	padding-right: 110px;
}
.tab .imgTab img {
	position: absolute;
	bottom: -31px;
}
.tab .imgTab.toshin01 img {
	left: 0;
}
.tab .imgTab.toshin02 img {
	right: 0;
}
.tab .imgTab .txt {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0;
}
.tab.toshinTab {
	margin-bottom: 40px;
}
.tab.toshinTab .col a {
	padding: 30px 24px;
}
.tab.toshinTab .col a:hover:after,
.tab.toshinTab .col a.current:after {
	border-style: solid;
	border-width: 24px 24px 0 24px;
	border-color: #7fb512 transparent transparent transparent;
	content: "";
	margin: 0 auto;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 1px);
}
.toushinBlock > div {
	padding: 40px 56px;
}
.toushinBlock > .first {
	background-color: #f2fae6;
}
.toushinBlock > .second {
	background-color: #ddecc7;
}
.toushinBlock > div + div {
	margin-top: 1px;
}
.toushinBlock > div h3 {
	color: #418258;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 32px;
	text-align: center;
}
.toushinSerch .search01 {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 0 105px;
}
.toushinSerch .search01 > .col {
	text-align: center;
	width: 360px;
}
.toushinSerch .search01 > .col p {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 20px;
}
.toushinSerch .search01 > .col .btnWrapper .btn {
	font-size: 150%;
	padding: 30px 16px;
	width: 100%;
}
.toushinSerch .search02 {
	border: 4px solid rgba(255, 255, 255, 0.5);
	margin-top: 32px;
}
.toushinSerch .search02 .searchInner {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 36px 50px;
}

/* unyo toshin introduction */
.toshinIntroClr01 {
	color: #6a0104;
}
.toshinIntroClr02 {
	color: #7fb512;
}

/* consultation */
.consultationBox {
	background-color: #f5f5f5;
	padding: 50px 72px;
}
.consultationBox > .title {
	color: #418258;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 36px;
}
.consultationBox > .title > .label {
	background-color: #418258;
	border-radius: 52px;
	color: #fff;
	display: inline-block;
	font-size: 62.5%;
	font-weight: bold;
	line-height: 1;
	margin-right: 16px;
	padding: 16px 25px;
	position: relative;
	vertical-align: middle;
}
.consultationBox > .title > .label:after {
	border-style: solid;
	border-width: 10px 0 10px 16px;
	border-color: transparent transparent transparent #418258;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: calc(100% - 3px);
	top: 50%;
	margin-top: -10px;
}

/* top page */
#top #mainvisual {
	background: url(/common/images/kv/kv_top_08.jpg) no-repeat center center;
	background-size: cover;
	padding: 25px 0 3px;
	position: relative;
	z-index: 1;
}
#top #mainvisual .onyourside {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 115px;
}
#top #mainvisual .onyourside img {
	width: auto;
	height: 190px;
}
#top #mainvisual .attention {
	background-color: rgba(158, 21, 21, 0.9);
	border: 1px solid #fff;
	color: #fff;
	margin: 137px auto 0px;
	padding: 6px 6px 6px 24px;
	width: 1152px;
}
#top #mainvisual .attention .list {
	background-color: #770b01;
	color: #fff;
	display: inline-block;
	line-height: 1.5;
	padding: 3px 10px;
	text-decoration: none !important;
	transition: opacity 0.5s ease;
}
#top #mainvisual .attention .list:hover {
	opacity: .6;
}
#top #mainvisual .attention .list .arrow {
	padding-left: 12px;
	font-size: 75%;
}
#top #mainvisual .attention .list .arrow:before {
	border-color: transparent transparent transparent #fff;
	top: 0;
}
#top #mainvisual .attention dl {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 87.5%;
	line-height: 1.15;
}
#top #mainvisual .attention dl dt {
	border-right: 1px solid #fff;
	padding-right: 15px;
}
#top #mainvisual .attention dl dd {
	flex: 1;
	padding-left: 16px;
	overflow: hidden;
}
#top #mainvisual .attention dl dd .news_area .inner {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 0;
	width: 100%;
}
#top #mainvisual .attention dl dd .news_area .inner .date {
	margin-right: 8px;
}
#top #mainvisual .attention dl dd .news_area .inner a{
	color: #ffffff;
}
#top #area01 {
	background: url(/common/images/bg/bg_top_area01.jpg) no-repeat center bottom;
	background-size: cover;
	margin-top: 0;
	position: relative;
	z-index: 2;
}
#top #area01 > div {
	margin: 0 auto;
	position: relative;
	width: 1152px;
	/*transform: translateY(-64px);*/
}
#top #area01 > .sepBlock.sep02 .box {
	width: calc((100% - 16px) / 2);
	margin-right: 16px;
}
#top #area01 > .sepBlock.sep02 .box + .box {
	margin-top: 0;
}
#top #area01 > .sepBlock.sep02 .box:nth-of-type(2n) {
	margin-right: 0;
}
#top #area01 .linkArea{
	/*background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
	padding: 4px;*/
}
#top .notification{
	border: 1px solid #da3800;
}
#top #area01 > div + div {
	margin-top: 16px;
}
#top #area01 div .innerBox {
	/*background-color: rgba(255, 255, 255, 0.5);*/
}
#top .notification .innerBox {
	padding: 20px;
	height: 100%;
}
#top #area01 .linkArea .innerBox {
	padding: 24px 0;
}
#top #area01 > div .body p {
	margin-bottom: 0;
}
#top #area01 > div .body p + ul,
#top #area01 > div .body p + p {
	margin-top: 16px;
}
#top #area01 .iBank {
	font-size: 125%;
	line-height: 1.2;
	margin-bottom: 16px;
	text-align: center;
}
#top #area01 .iBank .icn {
	display: inline-block;
	padding-left: 32px;
	position: relative;
}
#top #area01 .iBank .icn:before {
	background: url(/common/images/icn/icn_top_ibank.png) no-repeat 0 center;
	width: 23px;
}
#top .notification{
	margin-bottom: 40px;
}
#top .notification > .innerBox > .title {
	font-size: 125%;
	margin-bottom: 0;
	text-align: center;
}
#top .notification > .innerBox > .body {
	font-size: 87.5%;
}
#top #area01 > .linkArea .sepBlock {
	padding: 0 60px;
}
#top #area01 > .linkArea .btnWrapper {
	margin-bottom: 10px;
}
#top #area01 > .linkArea .btnWrapper .btn {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80px;
	padding: 0;
}
#top #area01 > .linkArea .btnWrapper .btn .login {
	font-size: 150%;
}
#top #area01 > .linkArea .btnWrapper .btn.pearsonal {
	background-color: #ea9f2b;
	border: none;
	color: #fff;
	margin-right: 0;
}
#top #area01 > .linkArea .btnWrapper .btn.pearsonal {
	background-color: #ea9f2b;
	border: none;
	color: #fff;
}
#top #area01 > .linkArea .btnWrapper .btn.business {
	background-color: #3082c9;
	border: none;
	color: #fff;
}
#top #area01 > .linkArea .btnWrapper .btn.pearsonal:after,
#top #area01 > .linkArea .btnWrapper .btn.business:after {
	border-color: transparent transparent #fff transparent;
}
#top #area01 > .linkArea .btnWrapper .btn.safety {
    background-color: #c3c3c3;
	border: none;
	color: #333;
}
#top #area01 > .linkArea .sepBlock .box > p {
	font-size: 87.5%;
}
#top #area01 > .linkArea .sepBlock .box > p .linkArrow {
	background: url(/common/images/icn/icn_link_arrow.png) no-repeat right center;
	background-size: 6px auto;
	color: #333;
	padding-right: 14px;
}
#top #area01 > .linkArea .subLink {
	border-top: 1px solid #eee;
	justify-content: space-between;
	margin-top: 24px;
	padding-top: 20px;
}
#top #area01 > .linkArea .subLink .icn {
	font-size: 112.5%;
	padding-left: 52px;
	position: relative;
}
#top #area01 > .linkArea .subLink .icn.trouble {
	padding-left: 64px;
}
#top #area01 > .linkArea .subLink .icn:before {
	content: "";
	width: 48px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#top #area01 > .linkArea .subLink .icn.atm:before {
	background: url(/common/images/icn/icn_atm.png) no-repeat 0 center;
}
#top #area01 > .linkArea .subLink .icn.fee:before {
	background: url(/common/images/icn/icn_yen.png) no-repeat 0 center;
	background-size: 40px auto;
}
#top #area01 > .linkArea .subLink .icn.trouble:before {
	background: url(/common/images/icn/icn_trouble.png) no-repeat 0 center;
}
#top #area01 > .linkArea .subLink .icn.inquiry:before {
	background: url(/common/images/icn/icn_inquiry.png) no-repeat 0 center;
}
#top #area02 h3 {
	text-align: center;
}
#top #area02 .tile01 {
	margin: 20px auto 0;
	width: 1280px;
}
#top #area02 .tile01 ul {
	overflow: hidden;
	margin-bottom: 0;
	padding: 0 4px;
}
#top #area02 .tile01 ul li {
	float: left;
	margin: 4px;
}
#top #area02 .tile01 ul li a {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	font-weight: bold;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
#top #area02 .tile01 ul li a:hover {
	opacity: .6;
}
#top #area02 .tile01 ul li.guide05 a:after,
#top #area02 .tile01 ul li.guide02 a:after,
#top #area02 .tile01 ul li.guide01 a:after {
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #fff transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 8px;
	bottom: 8px;
}
#top #area02 .tile01 ul li.guide04 a:after,
#top #area02 .tile01 ul li.guide03 a:after {
	border-style: solid;
	border-width: 0 0 8px 8px;
	border-color: transparent transparent #fff transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 4px;
	bottom: 4px;
}
#top #area02 .tile01 ul li span {
	background-color: rgba(127, 181, 18, 0.8);
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 16px 32px;
}
#top #area02 .lifePlanArea {
	background: url(/common/images/bg/bg_top_area03_01.png) no-repeat center 0;
	background-size: cover;
	margin: 4px auto 0;
	padding-top: 64px;
	width: 1264px;
}
#top #area02 .lifePlanArea .lifeStage ul li a {
	background-color: #fff;
	border-radius: 40px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
	color: #259e4f;
	display: block;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
#top #area02 .lifePlanArea .lifeStage ul li a span {
	background: url(/common/images/icn/icn_link_arrow_green.png) no-repeat right center;
	background-size: 6px auto;
	padding-right: 14px;
}
#top #area02 .etcLink {
	background: url(/common/images/bg/bg_top_area03_02.png) no-repeat center 0;
	background-size: cover;
}
#top #area02 .etcLink .btnWrapper .btn .icn {
	padding-left: 38px;
}
#top #area02 .etcLink .btnWrapper .btn .icn.rate:before {
	background: url(/common/images/icn/icn_rate_01.png) no-repeat center 0;
	background-size: 20px auto;
}
#top #area02 .etcLink .btnWrapper .btn .icn.exchange:before {
	background: url(/common/images/icn/icn_exchange_01.png) no-repeat center 0;
	background-size: 20px auto;
}
#top #area02 .etcLink .btnWrapper .btn .icn.marketInfo:before {
	background: url(/common/images/icn/icn_market_info_02.png) no-repeat center 0;
	background-size: 20px auto;
}
#top #area02 .etcLink .btnWrapper .btn .icn.campaign:before {
	background: url(/common/images/icn/icn_campaign_01.png) no-repeat center 0;
	background-size: 20px auto;
}
#top #area02 .etcLink .btnWrapper .btn .icn.faq:before {
	background: url(/common/images/icn/icn_faq_01.png) no-repeat center 0;
	background-size: 20px auto;
}
#top #area02 .tile02 ul li a {
	color: #333;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
#top #area02 .tile02 ul li a:hover {
	opacity: .6;
}
#top #area02 .tile02 ul li a:after {
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #fff transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 8px;
	bottom: 8px;
}
#top #area02 .tile02 ul li a span {
	background-color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	font-size: 150%;
	font-weight: bold;
	padding: 24px 32px;
}
#top #bnrArea {
	background-color: #e6e6e6;
	padding: 8px;
}
#top #bnrArea .bnrInner {
	margin: 0 auto;
	position: relative;
}
#top #recommendArea .inner > a,
#top #bnrArea .bnrInner > a {
	background-color: #737373;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 94px;
	position: absolute;
	top: 0;
	transition: opacity 0.5s ease;
}
#top #bnrArea .bnrInner > a:hover {
	opacity: .6;
}
#top #bnrArea .bnrInner > .prev {
	left: 0;
}
#top #bnrArea .bnrInner > .next {
	right: 0;
}
#top #recommendArea .inner > .prev span,
#top #bnrArea .bnrInner > .prev span {
	border-style: solid;
	border-width: 7px 8px 7px 0;
	border-color: transparent #fff transparent transparent;
	display: block;
	width: 0;
	height: 0;
}
#top #recommendArea .inner > .next span,
#top #bnrArea .bnrInner > .next span {
	border-style: solid;
	border-width: 7px 0 7px 8px;
	border-color: transparent transparent transparent #fff;
	display: block;
	width: 0;
	height: 0;
}
#top #recommendArea {
	background-color: #f4f4f4;
	margin-top: 0;
	padding: 40px 0;
}
#top #recommendArea .inner {
	width: 1200px;
	position: relative;
}
#top #recommendArea .recommend {
	height: 160px;
	overflow: hidden;
}
#top #recommendArea .recommend a {
	transition: opacity 0.5s ease;
}
#top #recommendArea .recommend a:hover {
	opacity: .6;
}
#top #recommendArea .recommend img {
	margin: 0 4px;
}
#top #recommendArea .inner > a {
	top: 50%;
	margin-top: -47px;
}
#top #recommendArea .inner > .prev {
	right: calc(100% + 4px);
}
#top #recommendArea .inner > .next {
	left: calc(100% + 4px);
}


/* guide appli */
.dlBox {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 32px;
}
.dlBox .qrCode {
	margin-right: 40px;
}

/* kariru loan home */
.homeLoanBlock {
	background: url(/common/images/img/img_loan_home_01.jpg) no-repeat center center;
	background-size: cover;
}
.homeLoanBlock > .title {
	background-color: rgba(255, 255, 255, 0.8);
	color: #418258;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.5;
	padding: 9px 0;
	text-align: center;
}
.homeLoanBlock > .innerBlock {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.homeLoanBlock > .innerBlock .interestRate {
	background: url(/common/images/bg/bg_loan_home.png) no-repeat 0 0;
	width: 540px;
	margin-right: -170px;
}
.homeLoanBlock > .innerBlock .interestRate > .title {
	color: #fff;
	font-size: 125%;
	line-height: 50px;
	text-align: center;
	width: 380px;
}
.homeLoanBlock > .innerBlock .interestRate > .body {
	padding: 10px 0;
	text-align: center;
	width: 380px;
}
.homeLoanBlock > .innerBlock .interestRate > .body p {
	margin-bottom: 0;
	text-shadow: 3px 0px 0 #fff, -3px 0px 0 #fff, 0px 3px 0 #fff, 0px -3px 0 #fff;
}
.homeLoanBlock > .innerBlock .interestRate > .body .rate {
	font-size: 125%;
	line-height: 1.2;
}
.homeLoanBlock > .innerBlock .interestRate > .body .rate strong {
	font-size: 240%;
	font-weight: bold;
}
.homeLoanBlock > .innerBlock .strongPoint {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	margin: 0;
}
.homeLoanBlock > .innerBlock .strongPoint li + li {
	margin-left: 40px;
}

/* on your side */
.flexWrapper {
	display: inline-flex;
	width: auto;
}
.flexWrapper > span + span {
	padding-left: 16px;
}
.flexWrapper > .flx1 {
	flex: 1 0 0;
}

/* form */
.labelWrapper {
	padding-left: 50px;
	text-indent: -50px;
}
.required {
	background-color: #921615;
	color: #fff;
	display: inline-block;
	font-size: 75%;
	line-height: 2;
	margin-right: 10px;
	width: 40px;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
}
.voluntary {
	background-color: #fff;
	border: 1px solid #418258;
	color: #418258;
	display: inline-block;
	font-size: 75%;
	line-height: 2;
	margin-right: 10px;
	width: 40px;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
}
.cmnForm .tableWrapper table tr th {
	background-color: #dbdbdb;
	border: 1px solid #fff;
	color: #333;
	width: 300px;
}
.cmnForm span + span,
.cmnForm span + select,
.cmnForm select + span,
.cmnForm span + input[type=email],
.cmnForm input[type=email] + span,
.cmnForm span + input[type=text],
.cmnForm input[type=text] + span {
	margin-left: 10px;
}
.selectWrapper.disabled,
.checkBox.disabled,
.radioBox.disabled,
.cmnForm textarea:disabled,
.cmnForm input[type=submit]:disabled,
.cmnForm input[type=email]:disabled,
.cmnForm input[type=text]:disabled {
	opacity: .7;
	pointer-events: none;
}
.cmnForm input[type=emal],
.cmnForm input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f5f5f5;
	border: none;
	border-radius: 0;
	height: 36px;
	margin-bottom: 8px;
	max-width: 100%;
	padding: 0 8px;
	vertical-align: middle;
}
.cmnForm input[type=button] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #8dc031;
	border-radius: 0;
	height: 36px;
	margin-bottom: 8px;
	padding: 0 16px;
	vertical-align: middle;
}
.cmnForm textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f5f5f5;
	border: none;
	border-radius: 0;
	padding: 8px;
	width: 100%;
}
.uploadWrapper,
.selectWrapper,
.checkBox,
.radioBox {
	display: inline-block;
	position: relative;
	margin-bottom: 8px;
}
.uploadWrapper + .uploadWrapper,
.selectWrapper + .selectWrapper,
.checkBox + .checkBox,
.radioBox + .radioBox {
	margin-left: 32px;
}
.uploadWrapper input[type=file],
.checkBox input[type=checkbox],
.radioBox input[type=radio] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.checkBox input[type=checkbox] + label,
.radioBox input[type=radio] + label {
	display: inline-block;
	padding-left: 24px;
	position: relative;
	text-indent: -24px;
}
.checkBox input[type=checkbox] + label:before,
.radioBox input[type=radio] + label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	overflow: hidden;
	vertical-align: middle;
}
.radioBox input[type=radio] + label:before {
	background: url(/common/images/icn/icn_radio.png) no-repeat 0 0;
	background-size: 16px auto;
}
.checkBox input[type=checkbox] + label:before {
	background: url(/common/images/icn/icn_checkbox.png) no-repeat 0 0;
	background-size: 16px auto;
}
.checkBox input[type=checkbox]:checked + label:before,
.radioBox input[type=radio]:checked + label:before {
	background-position: 0 -16px;
}
.selectWrapper select {
	background-color: #fff;
	border: 1px solid #b3b3b3;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 28px 0 8px;
	height: 36px;
	position: relative;
	z-index: 1;
}
.selectWrapper:after {
	background: url(/common/images/icn/icn_select_arrow.png) no-repeat 0 0;
	background-size: 20px auto;
	content: "";
	width: 20px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.selectWrapper select::-ms-expand {
	display: none;
}

/* about */
.aboutCsrBlock {
	background-color: #7fb512;
	color: #fff;
	padding: 32px 16px;
}
.aboutCsrBlock h2 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

/* bijyutu */
.imgTitle.ttl01.bijyutu {
	background: url(/common/images/kv/kv_bijyutu_01.jpg) no-repeat center center;
	background-size: cover;
	padding: 217px 16px 229px;
}
.detailLink {
	font-size: 87.5%;
	margin-top: 24px;
	text-align: right;
}
.detailLink a {
	background: url(/common/images/icn/icn_link_arrow.png) no-repeat right center;
	background-size: 6px auto;
	color: #333;
	padding-right: 14px;
}
.museumInfoBlock {
	background: url(/common/images/bg/bg_bijyutu_01.jpg) no-repeat center center;
	background-size: cover;
	padding: 60px 8px;
}
.museumInfoBlock .museumInfo {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.museumInfoBlock .museumInfo figure {
	margin-right: 24px;
}
.museumInfoBlock .museumInfo .info {
	flex: 1;
}
.museumInfoBlock .museumInfo .info dl {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	font-size: 87.5%;
}
.museumInfoBlock .museumInfo .info dl:nth-of-type(2n-1) {
	background-color: #fff;
}
.museumInfoBlock .museumInfo .info dl dd,
.museumInfoBlock .museumInfo .info dl dt {
	padding: 20px 24px;
}
.museumInfoBlock .museumInfo .info dl dt {
	width: 136px;
}
.museumInfoBlock .museumInfo .info dl dd {
	flex: 1;
}
.yearSelect {
	position: relative;
	width: 270px;
}
.yearSelect a {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	display: block;
	font-weight: bold;
	padding: 15px;
	position: relative;
	text-decoration: none !important;
	transition: all 0.5s ease;
}
.yearSelect .select li + li a {
	border-top: none;
}
.yearSelect .select li a:hover {
	background-color: #7fb512;
	border-color: #7fb512;
	color: #fff;
}
.yearSelect .selected {
	z-index: 1;
}
.yearSelect .select li:first-child a:after,
.yearSelect .selected:after {
	background: url(/common/images/icn/icn_select_arrow_02.png) no-repeat 0 0 / 12px auto;
	content: "";
	display: block;
	width: 12px;
	height: 14px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	transition: all 0.5s ease;
}
.yearSelect .select li:first-child a:hover:after {
	background-image: url(/common/images/icn/icn_select_arrow_02_white.png);
}
.yearSelect .select {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

/* ikuei */
.imgTitle.ttl01.ikuei {
	background: url(/common/images/kv/kv_ikuei_01.jpg) no-repeat center center;
	background-size: cover;
	padding: 90px 16px;
}
.ikueiNewsBlock {
	background: url(/common/images/bg/bg_ikuei_01.jpg) no-repeat center center;
	background-size: cover;
	padding: 64px 0;
}
.ikueiTopCopy {
	margin-bottom: 20px;
}

/*緊急リリース*/
#top .emergency_area{
	padding: 10px 20px 20px;
	width: 90%;
	margin: 20px auto;
	border: solid 4px #E90000;
	background: #fff7f7;
}
#top .emergency_area .emg_ttl{
	font-weight:bold;
	color:red;
	margin-top:10px;
}


@media screen and (min-width: 768px) {
/* top page */
#top #mainvisual .attention dl dd {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
}
#top #mainvisual .attention dl dd .tickerInner {
	flex: 1;
	height: 1em;
	margin-right: 24px;
	overflow: hidden;
}
#top #area02 .tile01 ul li.guide01 a {
	align-items: center;
	justify-content: center;
	background: url(/common/images/img/img_top_tile_01.jpg) no-repeat 0 0;
	width: 496px;
	height: 504px;
}
#top #area02 .tile01 ul li.guide01 a span {
	font-size: 200%;
}
#top #area02 .tile01 ul li.guide02 a {
	align-items: center;
	justify-content: flex-end;
	background: url(/common/images/img/img_top_tile_02.jpg) no-repeat 0 0;
	width: 504px;
	height: 248px;
}
#top #area02 .tile01 ul li.guide02 a span {
	font-size: 150%;
}
#top #area02 .tile01 ul li.guide03 a {
	align-items: center;
	justify-content: center;
	background: url(/common/images/img/img_top_tile_03.jpg) no-repeat 0 0;
	color: #fff;
	width: 248px;
	height: 120px;
}
#top #area02 .tile01 ul li.guide04 a {
	align-items: center;
	justify-content: center;
	background: url(/common/images/img/img_top_tile_04.jpg) no-repeat 0 0;
	color: #fff;
	width: 248px;
	height: 120px;
}
#top #area02 .tile01 ul li.guide05 a {
	align-items: center;
	justify-content: center;
	background: url(/common/images/img/img_top_tile_05.jpg) no-repeat 0 0;
	width: 248px;
	height: 248px;
}
#top #area02 .tile01 ul li.guide05 a span {
	font-size: 125%;
	padding: 16px;
}
#top #area02 .tile01 ul li.guide06 .tile {
	position: relative;
}
#top #area02 .tile01 ul li.guide06 .tile .img {
	background: url(/common/images/img/img_top_tile_06.jpg) no-repeat 0 0;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 0;
	width: 504px;
	height: 248px;
}
#top #area02 .tile01 ul li.guide06 .tile .img span {
	font-size: 150%;
}
#top #area02 .tile01 ul li.guide06 .tile .btnWrapper {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	margin: 0 16px;
}
#top #area02 .tile01 ul li.guide06 .tile .btnWrapper .btn {
	padding: 8px;
}
#top #area02 .lifePlanArea .lifeStage {
	background: url(/common/images/img/img_top_lifeplan.png) no-repeat center 0;
	margin: 40px auto 0;
	padding: 196px 59px 48px 44px;
	width: 1152px;
}
#top #area02 .lifePlanArea .lifeStage ul {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: space-between;
}
#top #area02 .lifePlanArea .lifeStage ul li a {
	width: 120px;
}
#top #area02 .lifePlanArea .lifeStage ul li a:hover {
	background-color: #259e4f;
	color: #fff;
}
#top #area02 .lifePlanArea .lifeStage ul li a:hover:after,
#top #area02 .lifePlanArea .lifeStage ul li a:hover:before {
	border-style: solid;
	border-width: 0 6px 12px 6px;
	border-color: transparent transparent #259e4f transparent;
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	z-index: 2;
}
#top #area02 .lifePlanArea .lifeStage ul li a:hover:before {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
	z-index: 1;
}
#top #area02 .lifePlanArea .lifeStage ul li a:hover span {
	background: url(/common/images/icn/icn_link_arrow_white.png) no-repeat right center;
	background-size: 6px auto;
}
#top #area02 .lifePlanArea .lifeStage ul .secondlife a,
#top #area02 .lifePlanArea .lifeStage ul .housing a {
	width: 160px;
}
#top #area02 .lifePlanArea .lifeStage ul .inheritance a {
	width: 104px;
}
#top #area02 .etcLink {
	margin: 1px auto 0;
	width: 1264px;
}
#top #area02 .etcLink .btnWrapper {
	justify-content: space-between;
	margin-bottom: 0;
	padding: 24px 56px;
}
#top #area02 .etcLink .btnWrapper .btn {
	width: calc((100% - 32px) / 4);
	margin: 0;
}
#top #area02 .tile02 {
	background-color: #f4f4f4;
	margin-top: 8px;
	padding: 8px 4px;
}
#top #area02 .tile02 ul {
	overflow: hidden;
	margin: 0 auto;
	width: 1272px;
}
#top #area02 .tile02 ul li {
	float: left;
	margin: 4px;
}
#top #area02 .tile02 ul li.guide09,
#top #area02 .tile02 ul li.guide08 {
	float: right;
}
#top #area02 .tile02 ul .guide07 a {
	background: url(/common/images/img/img_top_tile_07.jpg) no-repeat center 0;
	width: 628px;
	height: 480px;
}
#top #area02 .tile02 ul .guide08 a {
	background: url(/common/images/img/img_top_tile_08.jpg) no-repeat center 0;
	width: 628px;
	height: 314px;
}
#top #area02 .tile02 ul .guide09 a {
	background: url(/common/images/img/img_top_tile_09.jpg) no-repeat center 0;
	width: 628px;
	height: 480px;
}
#top #area02 .tile02 ul .guide10 a {
	background: url(/common/images/img/img_top_tile_10.jpg) no-repeat center 0;
	width: 628px;
	height: 314px;
}
.toList {
	background: url(/common/images/icn/icn_link_arrow.png) no-repeat right center;
	background-size: 6px auto;
	color: #333;
	font-size: 38%;
	font-weight: normal;
	margin-top: -10px;
	padding-right: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#top #bnrArea .bnrInner {
	width: 1264px;
}
#top #bnrArea .bnrInner .bnrList {
	width: 1200px;
	margin: 0 auto;
}
#top #bnrArea .bnrInner .bnrList a {
	transition: opacity 0.5s ease;
}
#top #bnrArea .bnrInner .bnrList a:hover {
	opacity: .6;
}
#top #bnrArea .bnrInner .bnrList img {
	width: 292px;
	height: 94px;
	margin: 0 4px;
}

/* lifeplan top */
.lifeplanLead {
	background-color: #f8fdf0;
	margin-bottom: 0;
	padding: 64px 0;
	text-align: center;
}
.lifeplanTop {
	background: url(/common/images/bg/bg_road.png) no-repeat center 0, url(/common/images/bg/bg_lawn.jpg) no-repeat center bottom;
	background-size: 1080px auto, cover;
	height: 1927px;
}
.lifeplanTop > ul {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}
.lifeplanTop > ul li {
	width: 338px;
	position: absolute;
}
.lifeplanTop > ul li:nth-of-type(5),
.lifeplanTop > ul li:nth-of-type(1) {
	left: 0;
}
.lifeplanTop > ul li:nth-of-type(6),
.lifeplanTop > ul li:nth-of-type(4),
.lifeplanTop > ul li:nth-of-type(2) {
	left: 50%;
	transform: translateX(-50%);
}
.lifeplanTop > ul li:nth-of-type(7),
.lifeplanTop > ul li:nth-of-type(3) {
	right: 0;
}
.lifeplanTop > ul .student { top: 57px; }
.lifeplanTop > ul .employment { top: 166px; }
.lifeplanTop > ul .marriage { top: 361px; }
.lifeplanTop > ul .education { top: 741px; }
.lifeplanTop > ul .housing { top: 889px; }
.lifeplanTop > ul .secondlife { top: 1267px; }
.lifeplanTop > ul .inheritance { top: 1442px; }
.lifeplanTop > ul li .btnWrapper {
	margin: 16px 0;
}

}
@media screen and (max-width: 767px) {
/*---------------------------------------------
 base margin
---------------------------------------------*/
.sp_mt0 { margin-top: 0px !important; }
.sp_mt10 { margin-top: 10px !important; }
.sp_mt15 { margin-top: 15px !important; }
.sp_mt20 { margin-top: 20px !important; }
.sp_mt30 { margin-top: 30px !important; }
.sp_mt40 { margin-top: 40px !important; }
.sp_ml0 { margin-left: 0 !important; }
.sp_ml5 { margin-left: 5px !important; }
.sp_ml10 { margin-left: 10px !important; }
.sp_ml15 { margin-left: 15px !important; }
.sp_ml20 { margin-left: 20px !important; }
.sp_ml30 { margin-left: 30px !important; }
.sp_ml40 { margin-left: 40px !important; }
.sp_mb0 { margin-bottom: 0px !important; }
.sp_mb5 { margin-bottom: 5px !important; }
.sp_mb10 { margin-bottom: 10px !important; }
.sp_mb15 { margin-bottom: 15px !important; }
.sp_mb20 { margin-bottom: 20px !important; }
.sp_mb30 { margin-bottom: 30px !important; }
.sp_mb40 { margin-bottom: 40px !important; }
.sp_mb50 { margin-bottom: 50px !important; }
.sp_mb60 { margin-bottom: 60px !important; }
.sp_mb70 { margin-bottom: 70px !important; }
.sp_mr0 { margin-right: 0px !important; }
.sp_mr5 { margin-right: 5px !important; }
.sp_mr10 { margin-right: 10px !important; }
.sp_mr20 { margin-right: 20px !important; }
.sp_mr30 { margin-right: 30px !important; }
.sp_mr35 { margin-right: 35px !important; }
.sp_mr40 { margin-right: 40px !important; }

img {
	width: 100%;
	height: auto;
}
.sizeAuto {
	width: auto;
	height: auto;
	zoom: .5;
}
.sp_wmax{
	width: 100%!important; height: auto!important;
}
.sp_wAuto{
	width: auto !important;
}


/* block */
.grayBlock {
	padding: 32px 0;
}
.greenBlock {
	background-size: 50px auto;
}
.bdBlock {
	padding-top: 32px;
}
.sepBlock.sep04 .box,
.sepBlock.sep03 .box,
.sepBlock.sep02 .box {
	width: 100%;
	margin-right: 0;
}
.sepBlock.sep04 .box + .box,
.sepBlock.sep03 .box + .box,
.sepBlock.sep02 .box + .box {
	margin-top: 16px;
}
.catchBlock {
	padding: 16px 8px 24px;
}
.catchBlock > .txt {
	font-size: 16px;
	margin-bottom: 8px;
}
.catchBlock > .title {
	font-size: 24px;
}
.catchBlock > .boxWrapper.col03 > .box,
.catchBlock > .boxWrapper.col02 > .box {
	width: 100%;
}
.catchBlock > .boxWrapper > .box {
	border-width: 2px;
	border-radius: 4px;
}
.catchBlock > .boxWrapper > .box + .box {
	margin: 8px 0 0 0;
}
.catchBlock > .boxWrapper > .box > .body {
	padding: 10px 8px 10px;
}
.catchBlock > .boxWrapper > .box > .body p {
	font-size: 16px;
}
.catchBlock > .boxWrapper > .box > .body p strong {
	font-size: 36px;
}
.catchBlock > .boxWrapper > .box > .body p strong span.fs12 {
	font-size: 100%;
}
.catchBlock > .boxWrapper > .box > .body .note {
	font-size: 12px;
}


/* title */
.pageTitle {
	background-size: 225px auto;
	margin-bottom: 32px;
	padding: 24px 10px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .8);
}
.pageTitle h1 {
	font-size: 32px;
}

.imgTitle.ttl01 {
	margin-bottom: 32px;
	padding: 32px 10px;
}
.imgTitle.ttl01.guideTop {
	background-position: 23% center;
}
.imgTitle.ttl01.guideApp {
	background-position: 35% center;
}
.imgTitle.ttl01 h1 {
	font-size: 32px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .8);
}
.imgTitle.ttl01 .catch {
	font-size: 16px;
	line-height: 1.5;
	text-shadow: 0 0 2px rgba(0, 0, 0, .6), 0 0 16px rgba(0, 0, 0, .8);
}
.imgTitle.ttl01 .innerBox {
	margin: 16px auto 0;
	padding: 16px 16px 0;
	width: 100%;
}
.imgTitle.ttl01 .innerBox .text {
	font-size: 18px;
	margin-bottom: 16px;
}
.imgTitle.ttl01 .innerBox .btnWrapper {
	margin-top: 16px;
}
.imgTitle.ttl01 .innerBox .btnWrapper .btn {
	width: 100%;
}
.imgTitle.ttl01 .innerBox .btnWrapper .btn:nth-of-type(n+3) {
	margin-top: 8px;
}
.imgTitle.ttl02 img {
	width: 100%;
	height: auto;
}
.imgTitle.ttl02 h1 {
	font-size: 18px;
	padding: 16px;
	position: relative;
	top: 0;
	transform: translateY(0);
	width: 100%;
}
.imgTitle.ttl02 h1 span {
	font-size: 14px;
}
.h2Title {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 24px;
	padding-bottom: 8px;
}
.h2Title:after {
	border-bottom: 2px dotted #ccc;
	width: 32px;
}
.h3Title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 24px;
	padding-bottom: 8px;
}
.h3Title:after {
	width: 32px;
}
.h4Title {
	font-size: 18px;
	margin-bottom: 16px;
	padding-bottom: 8px;
}
.h4Title:after {
	width: 24px;
}
.h5Title {
	font-size: 16px;
}

/* link */
.pdf:after,
.external:after {
	margin-left: 8px;
}
.arrow {
	padding-left: 10px;
}
.arrow:before {
	border-width: 4px 0 4px 4px;
	top: 0.5em;
}
.new:after {
	font-size: 12px;
	width: 36px;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
}
.btnWrapper {
	margin-bottom: 16px;
}
.btnWrapper.col04 .btn,
.btnWrapper.col02 .btn,
.btnWrapper .btn {
	margin-right: 0;
	padding: 8px;
	width: 100%;
}
.btnWrapper.col04 .btn:nth-of-type(3n),
.btnWrapper.col02 .btn:nth-of-type(3n) {
	margin-right: 0;
}
.btnWrapper.spCol02 .btn:nth-of-type(3n),
.btnWrapper.spCol02 .btn {
	margin-right: 8px;
	width: calc((100% - 8px) / 2);
}
.btnWrapper.spCol02 .btn:nth-of-type(2n) {
	margin-right: 0;
}
.btnWrapper.col01 .btn + .btn,
.btnWrapper.col02 .btn + .btn,
.btnWrapper.col04 .btn + .btn,
.btnWrapper .btn + .btn {
	margin-top: 8px;
}
.btnWrapper.spCol02 .btn + .btn {
	margin-top: 0;
}
.btnWrapper.spCol02 .btn:nth-of-type(n+3) {
	margin-top: 8px;
}
.btnWrapper .btn.cvBtn {
	font-size: 125%;
	padding: 16px;
	width: 100%;
}
.btnWrapper .btn.downBtn {
	padding-right: 28px;
}
.btnWrapper .btn.external {
	padding-right: 34px;
}
.btnWrapper .btn.pdf {
	padding-right: 41px;
}
.btnWrapper .btn.cvBtn:nth-of-type(3n) {
	margin-right: 0;
}
.btnWrapper .btn.pdf:before,
.btnWrapper .btn.external:before {
	right: 16px;
}
.btnWrapper .btn.downBtn:after {
	right: 8px;
}
.btnWrapper .btn .icn {
	padding-left: 24px;
}
.btnWrapper .btn .icn:before {
	background-size: auto 20px;
}
.btnWrapper .btn.large .icn,
.cvArea .btnWrapper .btn .icn,
.btnWrapper .btn.cvBtn .icn {
	padding-left: 36px;
}
.btnWrapper .btn.large .icn:before,
.cvArea .btnWrapper .btn .icn:before,
.btnWrapper .btn.cvBtn .icn:before {
	background-size: auto 30px;
	width: 30px;
	height: 30px;
}


/* banner */
.bnr {
	font-size: 14px;
}
.bnr img {
	width: 100%;
	height: auto;
}
.bnr figcaption {
	padding: 16px;
	position: relative;
	top: 0;
	transform: translateY(0);
	width: 100%;
}
.bnr figcaption span {
    font-size: 100%;
    margin-top: 5px;
}

/* list */
.numList > li .num {
	right: calc(100% + 5px);
}
.defineList {
	margin-bottom: 16px;
}
.defineList > dl {
	display: block;
}
.defineList > dl + dl {
	margin-top: 10px;
}
.defineList > dl > dt {
	border-right: none;
	margin-bottom: 8px;
	width: 100% !important;
	padding: 0 0 8px 0;
	position: relative;
}
.defineList > dl > dt:after {
	background-color: #ccc;
	content: "";
	display: block;
	width: 48px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.defineList > dl > dd {
	padding-left: 0;
}

/* attention area */
.attentionWrapper {
	font-size: 12px;
	overflow: hidden;
	padding: 16px 16px 0;
}
.flameBox.box02 > .attentionWrapper,
.flameBox.box01 > .body .attentionWrapper {
	margin: 0 -16px 0;
}
.attentionWrapper.num > ul > li:before {
	right: calc(100% + 2px );
}


/* box */
.flameBox {
	margin-bottom: 16px;
}
.flameBox.box01 > .body {
	padding: 16px 16px 0;
}
.flameBox.box02 {
	padding: 0 16px;
}
.flameBox.box02 > .body {
	padding: 16px 8px 0;
}
.flameBox.box03 > .body {
	padding: 16px 8px;
}
.flameBox.attnBox > .body {
	padding: 16px 16px 0;
}
.imgBox.imgLeft,
.imgBox.imgRight {
	display: block;
}
.imgBox + .imgBox {
	margin-top: 16px;
}
.imgBox.imgLeft .imgWrapper {
	margin: 0 0 8px;
}
.imgBox.imgRight .imgWrapper {
	margin: 8px 0 0;
}
.imgBox .imgWrapper > .img,
.imgBox .imgWrapper figure {
	width: 100%;
}



/* tab */
.tab .col a {
	padding: 10px 8px;
}
.tab .col a:hover {
	background-color: #fff;
}
.tab .col a.current:hover {
	background-color: #7fb512;
}
.targetWrapper {
	margin-bottom: 16px;
}

/* column */
.cmnColumn {
	margin-bottom: 16px;
}
.cmnColumn .col {
	padding: 16px;
}
.cmnColumn.col03 .col,
.cmnColumn.col02 .col {
	width: 100%;
	margin-right: 0;
}
.cmnColumn.col04 .col {
	width: calc((100% - 8px) / 2);
	margin-right: 8px;
	margin-top: 0;
}
.cmnColumn.col04 .col:nth-of-type(2n) {
	margin-right: 0;
}
.cmnColumn.col04 .col:nth-of-type(n+3) {
	margin-top: 8px;
}
.cmnColumn.col03 .col + .col,
.cmnColumn.col02 .col + .col,
.cmnColumn.col01 .col + .col {
	margin-top: 8px;
}
.pointColumn.col03 .col + .col,
.pointColumn.col02 .col + .col {
	margin-top: 22px;
}
.cmnColumn.col01 .col figure,
.cmnColumn.col02 .col figure,
.cmnColumn.col03 .col figure,
.cmnColumn.col04 .col figure {
	margin: -16px -16px 8px;
}
.cmnColumn .col > .title {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.pointColumn .col {
	border: 2px solid #a5ceb3;
	padding: 24px 16px 16px;
}
.pointColumn .col .label {
	font-size: 14px;
}
.pointColumn .col > .title {
	margin-bottom: 16px;
	padding-bottom: 0;
}
.pointColumn .col img {
	width: 100%;
	height: auto;
}

/* panel */
.imgPanel {
	display: block;
}
.imgPanel + .imgPanel {
	margin-top: 16px;
}
.labelPanel + .labelPanel {
	margin-top: 32px;
}
.imgPanel .txt {
	padding: 32px 16px 16px;
	z-index: 1;
}
.imgPanel .txt.ikuei {
	padding: 8px 16px 32px;
}
.imgPanel.imgLeft .txt,
.imgPanel.imgRight .txt {
	margin: 0 16px;
}
.imgPanel .txt > .title {
	font-size: 24px;
	margin-bottom: 16px;
	padding-bottom: 8px;
}
.imgPanel .txt > .label {
	font-size: 14px;
}
.imgPanel .img {
	margin-top: -15px;
	position: relative;
	z-index: 2;
}
.imgPanel .img img {
	width: 100%;
	height: auto;
}

/* tile column */
.frameColumn.colCenter {
	justify-content: flex-start;
}
.frameColumn .col {
	padding: 16px 8px;
}
.frameColumn.col03 .col,
.frameColumn.col02 .col,
.frameColumn .col {
	border-right: none !important;
	width: calc((100% / 2) - 20px);
}
.frameColumn .col:nth-of-type(n+3) {
	border-top: none;
}
.frameColumn .col:last-of-type,
.frameColumn .col:nth-of-type(2n) {
	border-right: 1px solid #d6d6d6 !important;
}
.frameColumn .col figure {
	margin-bottom: 10px;
}
.frameColumn .col figure img {
	width: 100%;
	height: auto;
}
.frameColumn .col ul,
.frameColumn .col p {
	font-size: 12px;
}
.frameColumn .col > .title {
	margin-bottom: 8px;
	padding-bottom: 8px;
}

/* cv area */
.cvArea .catch {
	font-size: 20px;
}
.cvArea .btnWrapper .btn {
	font-size: 20px;
	padding: 16px;
	width: 100%;
}

/* news */
.newsList + .newsList {
	margin-top: 16px;
}
.newsList > ul > li {
	font-size: 14px;
	padding: 40px 0 10px;
}
.newsList.labelList ul > li {
	padding-left: 0;
}
.newsList > ul > li .date {
	line-height: 20px;
	top: 10px;
}
.newsList > ul > li .label {
	font-size: 10px;
	width: 60px;
	height: 20px;
	line-height: 20px;
	left: 120px;
	top: 10px;
}

/* accordion */
.toggleList > li {
	margin-top: 8px;
}
.toggleList > li > .title a {
	padding: 8px 56px 8px 16px;
}
.toggleList > li > .title a:hover {
	opacity: 1;
}
.toggleList > li > .title a:after {
	right: 16px;
}
.toggleList > li > .title a span {
	padding-left: 8px;
}
.toggleList > li > .title a.opened span:after {
	width: calc(100% - 32px);
	left: 16px;
	bottom: -7px;
}
.toggleList > li > .body {
	display: none;
	padding: 16px 24px;
}
.toggleList.qaList > li > .body p:before,
.toggleList.qaList > li > .title a span:before {
	font-size: 24px;
	width: 32px;
	height: 32px;
	left: 0;
}

/* table */
.tableWrapper + .tableWrapper {
	margin-top: 16px;
}
.tableWrapper .slideNotice {
	background: url(/common/images/icn/icn_table_scroll.png) no-repeat 0 center;
	background-size: 46px auto;
	margin-bottom: 4px;
	padding-left: 50px;
}
.tableWrapper table {
	width: auto;
	min-width: 100%;
	white-space: nowrap;
}
.tableWrapper table.w100p {
	white-space: normal;
}
.tableWrapper table tr td,
.tableWrapper table tr th {
	padding: 8px 16px;
}

/* point */
.pointBlock + .pointBlock {
	margin-top: 16px;
}
.pointBlock .point {
	min-height: 52px;
	padding-left: 60px;
}
.pointBlock .point + .point {
	margin-top: 16px;
}
.pointBlock .point > .label {
	border-radius: 52px;
	font-size: 10px;
	width: 52px;
	height: 52px;
}
.pointBlock .point > .label strong {
	font-size: 18px;
}
.pointBlock .point > div > .txt > .title,
.pointBlock .point > .title {
	font-size: 18px;
}
.pointBlock .point > .title strong,
.pointBlock .point > .title em {
	font-size: 24px;
}
.pointBlock .point > .title sup {
	font-size: 14px;
}
.pointBlock .point .sub {
	font-size: 16px;
	margin-bottom: 16px;
}
.pointBlock .point .imgRight {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.pointBlock .point .imgRight > .imgWrapper,
.pointBlock .point .imgRight > figure {
	order: 2;
	float: none;
	margin-left: 0;
	margin-top: 8px;
	width: 100%;
}
.pointBlock .point .imgRight > figure img {
	width: 100%;
	height: auto;
}
.pointBlock .point .imgRight .txt {
	order: 1;
	width: 100%;
}

/* talk */
.talkBlock {
	padding: 0;
}
.talkBlock > .box {
	padding-top: 16px;
}
.talkBlock > .box:first-of-type {
	padding-top: 16px;
}
.talkBlock > .box + .box {
	margin-top: 8px;
}
.talkBlock > .box figure {
	width: 150px;
	margin-top: -16px;
}
.talkBlock > .box figure img {
	width: auto;
	zoom: .5;
}
.talkBlock > .box:first-of-type figure {
	margin-top: -16px;
}
.talkBlock > .box.charaLeft figure {
	margin-right: -150px;
}
.talkBlock > .box.charaRight figure {
	margin-left: -150px;
}
.talkBlock > .box .txt {
	padding-top: 0;
}
.talkBlock > .box.charaLeft .txt {
	padding-left: 100px;
}
.talkBlock > .box.charaRight .txt {
	padding-right: 110px;
	text-align: right;
}
.talkBlock > .box .txt p {
	font-size: 16px;
	padding: 8px 16px;
}

/* adobe reader */
.pdfInfo {
	font-size: 12px;
	padding: 16px 8px;
	display: block;
}
.pdfInfo figure {
	text-align: center;
}
.pdfInfo figure img {
	width: auto;
}
.pdfInfo p {
	margin-top: 16px;
	margin-bottom: 0;
	padding-left: 0;
}

/* flow */
.flowVertical {
	margin-bottom: 16px;
	padding-top: 16px;
}
.flowVertical > .step {
	margin-bottom: 39px;
	position: relative;
}
.flowVertical > .step:after {
	border-width: 15px 20px 0 20px;
	top: calc(100% + 8px);
}
.flowVertical > .step .label {
	font-size: 12px;
	width: 100px;
	height: 24px;
	line-height: 24px;
	top: -12px;
}
.flowVertical > .step > .title {
	font-size: 24px;
	padding: 22px 0 10px;
}
.flowVertical > .step > .title .flow {
	font-size: 18px;
	line-height: 1.4;
}
.flowVertical > .step > .title .flow li {
	padding-right: 16px;
}
.flowVertical > .step > .title .flow li:after {
	border-width: 4px 0 4px 4px;
}
.flowVertical > .step > .body {
	padding: 16px;
}
.flowVertical > .step > .body .text {
	font-size: 18px;
	margin-bottom: 16px;
	padding-bottom: 8px;
}
.flowVertical > .step > .body .text:after {
	width: 32px;
}
.flowVertical > .step > .body .btnWrapper .btn {
	width: 100%;
}
.flowVertical > .step > .body > .greenBlock,
.flowVertical > .step > .body > .attentionWrapper {
	margin: 0 -16px -16px;
}
.flowHorizontal {
	margin-bottom: 16px;
}
.flowHorizontal .step {
	border: 4px solid #f4f4f4;
	font-weight: bold;
	width: 100%;
	margin-right: 0;
	margin-bottom: 31px;
	padding: 16px;
}
.flowVertical > .step > .body .flowHorizontal > .step {
	padding: 8px;
}
.flowHorizontal .step:nth-of-type(n+4) {
	margin-top: 0;
}
.flowHorizontal .step:last-of-type {
	margin-bottom: 0;
}
.flowHorizontal .step:after {
	border-style: solid;
	border-width: 15px 20px 0 20px;
	border-color: #ccc transparent transparent transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: calc(100% + 12px);
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
}
.flowHorizontal .step:nth-of-type(3n):after {
	display: block;
}
.flowHorizontal .step:last-of-type:after {
	display: none;
}
.flowHorizontal .step > .title {
	font-size: 18px;
	margin-bottom: 16px;
}
.flowHorizontal .step > .title .label {
	font-size: 14px;
	margin-right: 8px;
}
.flowHorizontal .step figure {
	margin-bottom: 10px;
}
.flowHorizontal .step figure img {
	width: auto;
}
.chartBlock .flowChart li {
	margin-bottom: 32px;
}
.chartBlock .flowChart li:after {
	border-width: 16px 24px 0 24px;
	top: calc(100% + 8px);
}
.chartBlock .flowChart li.last {
	border-width: 2px;
	padding: 16px 32px;
}
.chartBlock .flowChart li > .title {
	font-size: 18px;
	padding: 16px;
}
.chartBlock .flowChart li.last > .title {
	font-size: 16px;
}
.chartBlock .flowChart li > .body {
	border-width: 2px;
	padding: 16px;
}
.chartBlock .flowChart li.last > .body {
	margin-top: 8px;
	padding-top: 16px;
}
.chartBlock .flowChart li.last > .body .btnWrapper,
.chartBlock .flowChart li > .body .btnWrapper {
	width: 100%;
}

/* inquiry */
.inquiryBlock {
	border: 16px solid #f4f4f4;
	margin-bottom: 32px;
}
.inquiryBlock > .title {
	font-size: 18px;
}
.inquiryBlock > .body {
	font-size: 12px;
	padding: 10px 16px;
}
.inquiryBlock > .body .note {
	margin-bottom: 10px;
}
.inquiryBlock > .body .tellNo {
	margin-bottom: 16px;
}
.inquiryBlock > .body .tellNo span {
	background-size: 16px auto;
	font-size: 26px;
	padding-left: 24px;
}
.inquiryBlock > .body dl {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
}
.inquiryBlock > .body dl + dl {
	margin-top: 8px;
}
.inquiryBlock.type03 > .body > div,
.inquiryBlock.type02 > .body > div {
	width: 100%;
}
.inquiryBlock.type03 > .body > div + div,
.inquiryBlock.type02 > .body > div:last-of-type {
	border-top: 1px solid #eee;
	border-left: none;
	margin-top: 16px;
	padding-top: 16px;
}
.inquiryBlock.type03 > .body > div:first-of-type,
.inquiryBlock.type02 > .body > div:first-of-type {
	padding-right: 0;
}
.inquiryBlock > .body .freeCall {
	text-align: center;
	margin: 16px 0;
}
.inquiryBlock > .body .freeCall span {
	background-size: 31px auto;
	font-size: 26px;
	padding-left: 39px;
}
.inquiryBlock > .body .freeCall span a {
	color: #333;
}
.inquiryBlock.type03 > .body .btnWrapper,
.inquiryBlock.type02 > .body .btnWrapper {
	margin-top: 16px;
}
.inquiryBlock.type03 > .body .btnWrapper .btn,
.inquiryBlock.type02 > .body .btnWrapper .btn {
	width: 100%;
}

/* follow banner */
#followBnr {
	padding: 24px 0 8px;
}
#followBnr:before {
	height: 4px;
}
#followBnr .inner {
	padding: 0 8px;
}
#followBnr .bnrWrapper {
	display: block;
}
#followBnr .bnrClose {
	right: 8px;
	bottom: calc(100% + 2px);
}
#followBnr .bnrWrapper.col02 .col,
#followBnr .bnrWrapper.col03 .col {
	width: 100%;
}
#followBnr .bnrWrapper .col + .col {
	margin-top: 8px;
}
#followBnr .bnrWrapper .txt {
	display: none;
}
#followBnr .bnrWrapper .btnWrapper .btn {
	font-size: 18px;
	padding: 8px;
	height: auto;
}
#followBnr .bnrWrapper .btnWrapper .btn .chara {
	display: none;
}

/* unyo toshin */
.tab .imgTab .tabInner {
	padding: 0 !important;
}
.tab .imgTab img {
	display: none;
}
.tab .imgTab .txt {
	font-size: 16px;
}
.tab.toshinTab {
	margin-bottom: 24px;
}
.tab.toshinTab .col a {
	padding: 10px 8px;
}
.tab.toshinTab .col a:hover:after,
.tab.toshinTab .col a.current:after {
	border-width: 16px 16px 0 16px;
}
.toushinBlock > div {
	padding: 16px 24px;
}
.toushinBlock > div h3 {
	font-size: 24px;
	margin-bottom: 16px;
}
.cmnColumn .col .icn img {
	width: auto;
	zoom: .5;
}
.toushinSerch .search01 {
	display: block;
	padding: 0 16px;
}
.toushinSerch .search01 > .col {
	width: 100%;
}
.toushinSerch .search01 > .col p {
	font-size: 20px;
	margin-bottom: 8px;
}
.toushinSerch .search01 > .col .btnWrapper .btn {
	font-size: 18px;
	padding: 16px 8px;
}
.toushinSerch .search02 {
	margin-top: 16px;
}
.toushinSerch .search02 .searchInner {
	padding: 16px 24px;
}

/* consultation */
.consultationBox {
	padding: 16px;
}
.consultationBox > .title {
	font-size: 24px;
	margin-bottom: 16px;
	text-align: center;
}
.consultationBox > .title > .label {
	font-size: 16px;
	margin-right: 0;
	margin-bottom: 16px;
	padding: 4px 16px;
}
.consultationBox > .title > .label:after {
	border-width: 8px 8px 0 8px;
	border-color: #418258 transparent transparent transparent;
	left: 0;
	right: 0;
	top: 100%;
	margin: 0 auto;
}

/* top page */
#top #mainvisual {
	/*padding: 52px 0 110px;*/
	padding: 52px 0 50px;
	z-index: 2;
}
#top #mainvisual .onyourside{
	margin-top:0;
}
#top #mainvisual .onyourside img {
	height: 90px;
}
#top #mainvisual .attention {
	margin: 0 8px;
	padding: 12px 8px;
	width: auto;
	position: absolute;
	bottom: -145px;
}
#top #mainvisual .attention .list .arrow:before {
	top: 0.2em;
}
#top #mainvisual .attention dl {
	display: block;
	font-size: 14px;
	line-height: 1.2;
}
#top #mainvisual .attention dl dt {
	border-right: none;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 0;
}
#top #mainvisual .attention dl dd {
	background-color: #fff;
	color: #9e1515;
	margin-top: 10px;
	padding: 0;
}
#top #mainvisual .attention dl dd .tickerInner {
	height: calc((4em * 1.2) + 27px);
}
#top #mainvisual .attention dl dd .news_area{
	padding: 10px;
	box-sizing: content-box;
}
#top #mainvisual .attention dl dd .news_area .inner {
	white-space:normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: calc((4em * 1.2) + 7px);
	overflow: hidden;
	padding: 0;
}
#top #mainvisual .attention dl dd .news_area .inner a {
	color: #9e1515;
}
#top #mainvisual .attention dl dd .news_area .inner .date {
	display: block;
	margin: 0 0 10px 0;
}
#top #area01 {
	padding: 145px 8px 30px;
	z-index: 1;
	background-size: contain;
    background-color: #e2e2e2;
}
#top #area01 > div {
	width: 100%;
	transform: translateY(0);
}
#top #area01 > .sepBlock.sep02 .box {
	width: 100%;
	margin-right: 0;
}
#top #area01 > .sepBlock.sep02 .box + .box {
	margin-top: 16px;
}
#top #area01 .linkArea,
#top .notification {
	padding: 2px;
}
#top .notification .innerBox {
	padding: 20px 6px;
}
#top #area01 > div .body p + p {
	margin-top: 8px;
}
#top #area01 .iBank {
	font-size: 16px;
	margin-bottom: 10px;
}
#top .notification{
	margin-bottom: 20px;
}
#top .notification > .innerBox > .title {
	font-size: 115%;
	line-height: 1.2;
	margin-bottom: 0;
}
#top #area01 > .linkArea .sepBlock {
	padding: 0 6px;
}
#top #area01 > .linkArea .btnWrapper {
	margin-bottom: 10px;
}
#top #area01 > .linkArea .sepBlock .box > p {
	margin-bottom: 0;
}
#top #area01 > .linkArea .subLink {
	margin-top: 16px;
	padding: 16px 8px 0;
}
#top #area01 > .linkArea .subLink .box {
	width: 100%;
}
#top #area01 > .linkArea .subLink .box + .box {
	margin-top: 8px;
}
#top #area01 > .linkArea .subLink a {
	border: 1px solid #8dc031;
	display: block;
	height: 50px;
	line-height: 50px;
}
#top #area01 > .linkArea .subLink .icn {
	font-size: 14px;
	padding-left: 26px;
}
#top #area01 > .linkArea .subLink .icn.trouble {
	padding-left: 30px;
}
#top #area01 > .linkArea .subLink .icn:before {
	width: 24px;
	height: 20px;
}
#top #area01 > .linkArea .subLink .icn.inquiry:before,
#top #area01 > .linkArea .subLink .icn.trouble:before,
#top #area01 > .linkArea .subLink .icn.fee:before,
#top #area01 > .linkArea .subLink .icn.atm:before {
	background-size: auto 20px;
}
#top #area02 h3 img {
	width: auto;
	height: 55px;
}
#top #area02 .tile01 {
	width: 100%;
	padding: 0 8px;
}
#top #area02 .tile01 ul {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
#top #area02 .tile01 ul li {
	float: none;
	margin: 0;
	width: 100%;
}
#top #area02 .tile01 ul li + li {
	margin-top: 8px;
}
#top #area02 .tile01 ul .guide01 { order: 1; }
#top #area02 .tile01 ul .guide02 { order: 2; }
#top #area02 .tile01 ul .guide03 { order: 5; }
#top #area02 .tile01 ul .guide04 { order: 6; }
#top #area02 .tile01 ul .guide05 { order: 3; }
#top #area02 .tile01 ul .guide06 { order: 4; }
#top #area02 .tile01 ul li .tile .img,
#top #area02 .tile01 ul li a {
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 219px;
}
#top #area02 .tile01 ul li span {
	padding: 12px;
}
#top #area02 .tile01 ul li.guide01 a {
	background: url(/common/images/img/img_top_tile_01_sp.jpg) no-repeat center center;
	background-size: cover;
}
#top #area02 .tile01 ul li.guide06 .tile .img span,
#top #area02 .tile01 ul li.guide05 a span,
#top #area02 .tile01 ul li.guide02 a span,
#top #area02 .tile01 ul li.guide01 a span {
	font-size: 26px;
}
#top #area02 .tile01 ul li.guide02 a {
	background: url(/common/images/img/img_top_tile_02_sp.jpg) no-repeat center center;
	background-size: cover;
}
#top #area02 .tile01 ul li.guide03 a {
	background: url(/common/images/img/img_top_tile_03_sp.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	font-size: 18px;
	height: 120px;
}
#top #area02 .tile01 ul li.guide04 a {
	background: url(/common/images/img/img_top_tile_04_sp.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	font-size: 18px;
	height: 120px;
}
#top #area02 .tile01 ul li.guide05 a {
	background: url(/common/images/img/img_top_tile_05_sp.jpg) no-repeat center center;
	background-size: cover;
}
#top #area02 .tile01 ul li.guide06 .tile {
	position: relative;
}
#top #area02 .tile01 ul li.guide06 .tile .img {
	background: url(/common/images/img/img_top_tile_06_sp.jpg) no-repeat center center;
	background-size: cover;
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	margin-bottom: 0;
}
#top #area02 .tile01 ul li.guide06 .tile .btnWrapper {
	justify-content: space-between;
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	margin: 0 8px;
}
#top #area02 .tile01 ul li.guide06 .tile .btnWrapper .btn {
	font-size: 12px;
	width: calc((100% - 8px) / 2);
	height: 36px;
}
#top #area02 .tile01 ul li.guide06 .tile .btnWrapper .btn + .btn {
	margin-top: 0;
}
#top #area02 .lifePlanArea {
	background: url(/common/images/bg/bg_top_area03_01_sp.png) no-repeat center 0;
	background-size: cover;
	margin-top: 8px;
	padding: 40px 0;
	width: 100%;
}
#top #area02 .lifePlanArea h3 img {
	height: 65px;
}
#top #area02 .lifePlanArea .lifeStage ul li a {
	border-radius: 80px;
	line-height: 80px;
	height: 80px;
}
#top #area02 .lifePlanArea .lifeStage {
	background: url(/common/images/img/img_top_lifeplan_sp.png) no-repeat center 0;
	background-size: 304px auto;
	margin: 36px auto 0;
	padding-top: 23px;
	position: relative;
	width: 304px;
	height: 1015px;
}
#top #area02 .lifePlanArea .lifeStage ul li + li {
	margin-top: 68px;
}
#top #area02 .lifePlanArea .lifeStage ul li a {
	width: 175px;
}
#top #area02 .etcLink {
	width: 100%;
	padding: 8px;
}
#top #area02 .etcLink .btnWrapper {
	justify-content: space-between;
	margin-bottom: 0;
}
#top #area02 .etcLink .btnWrapper .btn {
	width: calc((100% - 8px) / 2);
	margin: 0;
}
#top #area02 .etcLink .btnWrapper .btn:nth-of-type(n+3) {
	margin-top: 8px;
}
#top #area02 .etcLink .btnWrapper .btn .icn {
	padding-left: 24px;
}
#top #area02 .tile02 {
	background-color: #f4f4f4;
	padding: 8px;
}
#top #area02 .tile02 ul {
	margin-bottom: 0;
}
#top #area02 .tile02 ul li + li {
	margin-top: 8px;
}
#top #area02 .tile02 ul li a {
	display: -webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 219px;
}
#top #area02 .tile02 ul .guide07 a {
	background: url(/common/images/img/img_top_tile_07_sp.jpg) no-repeat center center;
	background-size: cover;
}
#top #area02 .tile02 ul .guide08 a {
	background: url(/common/images/img/img_top_tile_08_sp.jpg) no-repeat center center;
	background-size: cover;
}
#top #area02 .tile02 ul .guide09 a {
	background: url(/common/images/img/img_top_tile_09_sp.jpg) no-repeat center center;
	background-size: cover;
}
#top #area02 .tile02 ul .guide10 a {
	background: url(/common/images/img/img_top_tile_10_sp.jpg) no-repeat center center;
	background-size: cover;
}
#top #area02 .tile02 ul li a span {
	font-size: 18px;
	padding: 16px;
}
.toList {
	padding: 0 8px;
}
.toList a {
	background-color: #f0f0f0;
	color: #333;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}
.toList a span {
	background: url(/common/images/icn/icn_link_arrow.png) no-repeat right center;
	background-size: 6px auto;
	display: inline-block;
	padding-right: 12px;
}
#top #bnrArea {
	padding: 8px 0;
}
#top #bnrArea .bnrInner {
	width: 282px;
	margin: 0 auto;
}
#top #recommendArea .inner > a,
#top #bnrArea .bnrInner > a {
	width: 16px;
	height: 44px;
}
#top #bnrArea .bnrInner > .prev {
	left: -18px;
}
#top #bnrArea .bnrInner > .next {
	right: -18px;
}
#top #recommendArea .inner > .prev span,
#top #bnrArea .bnrInner > .prev span {
	border-width: 3px 4px 3px 0;
}
#top #recommendArea .inner > .next span,
#top #bnrArea .bnrInner > .next span {
	border-width: 3px 0 3px 4px;
}
#top #bnrArea .bnrInner .bnrList {
	overflow: hidden;
	height: 44px;
}
#top #bnrArea .bnrInner .bnrList img {
	width: auto;
	height: 44px;
	margin: 0 2px;
}
#top #recommendArea {
	padding: 16px 0;
}
#top #recommendArea .inner {
	width: 280px;
	padding: 0;
	margin: 0 auto;
}
#top #recommendArea .recommend {
	height: 108px;
}
#top #recommendArea .recommend img {
	width: 132px;
	height: auto;
}
#top #recommendArea .inner > a {
	margin-top: -22px;
}

/* guide appli */
.dlBox {
	padding-bottom: 16px;
}

/* kariru loan home */
.homeLoanBlock > .title {
	font-size: 20px;
	line-height: 1.2;
	padding: 8px 0;
}
.homeLoanBlock > .innerBlock {
	display: block;
	padding: 16px 0;
}
.homeLoanBlock > .innerBlock .interestRate > .body,
.homeLoanBlock > .innerBlock .interestRate > .title,
.homeLoanBlock > .innerBlock .interestRate {
	width: 100%;
	margin-right: 0;
}
.homeLoanBlock > .innerBlock .strongPoint {
	margin-top: 16px;
	padding: 0 8px;
}
.homeLoanBlock > .innerBlock .strongPoint li + li {
	margin-left: 8px;
}

/* lifeplan top */
.lifeplanLead {
	background-color: #f8fdf0;
	margin-bottom: 0;
	padding: 16px 8px;
	text-align: center;
}
.lifeplanTop {
	background: url(/common/images/bg/bg_road_sp.png) no-repeat center 0, url(/common/images/bg/bg_lawn.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 24px 8px 40px;
}
.lifeplanTop > ul li + li {
	margin-top: 32px;
}
.lifeplanTop > ul li .btnWrapper {
	margin: 8px 0;
}

/* on your side */
.imgTitle.ttl01.onyourside {
	background-position: 80% center;
}
.onyourside h1 img {
	width: auto;
	height: 71px;
}

/* form */
.cmnForm .tableWrapper {
	overflow-x:visible;
}
.cmnForm .tableWrapper table {
	white-space: normal ;
}
.cmnForm .tableWrapper table tr td,
.cmnForm .tableWrapper table tr th {
	display: block;
	width: 100%;
}
.cmnForm .tableWrapper table tr th {
	border: none;
}

/* about */
.aboutCsrBlock {
	padding: 16px 8px;
}

/* bijyutu */
.imgTitle.ttl01.bijyutu {
	padding: 64px 8px;
}
.detailLink {
	margin-top: 10px;
}
.museumInfoBlock {
	padding: 32px 8px;
}
.museumInfoBlock .museumInfo {
	display: block;
}
.museumInfoBlock .museumInfo figure {
	width: 135px;
	margin: 0 auto 16px;
}
.museumInfoBlock .museumInfo .info dl dt {
	width: 100px;
	padding: 8px 8px 8px 16px;
}
.museumInfoBlock .museumInfo .info dl dd {
	padding: 8px 16px 8px 8px;
}

/* ikuei */
.imgTitle.ttl01.ikuei {
	padding: 32px 8px;
}
.imgTitle.ttl01.ikuei h1 {
	width: 90px;
	margin: 0 auto;
}
.ikueiTopCopy {
	margin-bottom: 16px;
}
}

.btnWrapper .btn .faq::before{
	background: url(../../common/images/icn/icn_faq_01.png) no-repeat center center;
	background-size: cover;
}

/* TOPキービジュアル下の文字  */
.ttl_explain{
    color: 			white;
    -webkit-text-stroke: 0.5px #fff;
text-shadow: 3px 3px 3px #000;
	text-align: center;
	position: absolute;
    width: 100%;
    margin-top: 0;
}
@media screen and (max-width: 767px){
	.ttl_explain{
		position: relative;
	    margin-top: -10px;
	    margin-bottom: 10px;
	}
}