@charset "UTF-8";
/* CSS Document */
#top_wrap {
	font-family: YuGothic, "游ゴシック", Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

#emergency {
	background: #FFF;
}

#emergency_sub {
	background: #FFF;
}

.heading-lfline {
	position: relative;
	padding-left: 1em;
}

.heading-lfline::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 90%;
	width: 6px;
	background: #00A050;
}

.aol_tag {
	position: fixed;
	width: 0;
	height: 0;
	overflow: hidden;
}

.float_bnn {
	position: relative;
}

.float_bnn_close {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -8px;
	right: 0;
	background: url(../img/float_bnn_close.png) no-repeat center center;
	background-size: cover;
	cursor: pointer;
}

#btmFloat_bnn_wrap {
	position: fixed;
	width: 130px;
	top: 140px;
	line-height: 0;
	right: 0;
	z-index: 20;
}

.btmFloat_bnn {
	margin-bottom: 10px;
	position: relative;
}

.btmFloat_bnn a {
	display: block;
	padding: 5px;
	width: 120px;
}

.btmFloat_bnn a:hover {
	opacity: 0.85;
}

@media screen and (min-width: 641px), print {
	#top_wrap {
		line-height: 1.714;
		padding-bottom: 40px;
		background: url(../img/wrap_bg.jpg) repeat center top;
	}
	
	.top_content_inner {
		width: 1008px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.top_content_inner::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_important_info {
		padding: 0.75em 0;
		background: #FFF;
	}
	
	#top_important_info .top_content_inner {
		position: relative;
	}
	
	#top_important_info h3 {
		margin: 0;
		position: absolute;
		font-weight: bold;
		color: #FFF;
		background: #e90000;
		font-size: 0.875rem;
		text-align: center;
		width: 9em;
		line-height: 32px;
		height: 32px;
	}
	
	#top_important_info h3::after {
		position: absolute;
		content: '';
		display: block;
		width: 0;
		height: 0;
		top: 0;
		right: -32px;
		border-style: solid;
		border-width: 16px;
		border-color: transparent;
		border-left-color: #e90000;
	}
	
	#top_important_info ul {
		margin: 0;
		font-size: 0.875em;
		padding-left: 10.8em;
		padding-right: 10.8em;
		list-style: none;
	}
	
	#top_important_info ul li {
		position: relative;
		padding: 0.25em 0 0.25em 2.5em;
		margin-bottom: 0.25em;
		font-weight: bold;
	}
	
	#top_important_info ul li:last-child {
		margin-bottom: 0;
	}
	
	#top_important_info ul li::before {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		display: block;
		vertical-align: middle;
		width: 2em;
		height: 2em;
		background: url(/assets/icon/danger.png) no-repeat center center;
		background-size: 98%;
	}
	
	#top_important_info #top_important_index {
		margin: auto 0;
		position: absolute;
		font-weight: bold;
		right: 0;
		bottom: 0;
		color: #FFF;
		font-size: 0.875rem;
		text-align: center;
		width: 9em;
		line-height: 30px;
		height: 30px;
	}
	
	#top_important_info #top_important_index a {
		position: relative;
		display: block;
		padding-right: 2em;
		line-height: 30px;
		height: 30px;
		color: #FFF;
		text-decoration: none;
		box-sizing: border-box;
		border-radius: 5px;
		background: #FF7E00;
	}
	
	#top_important_info #top_important_index a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0.5em;
		margin: auto 0;
		content: '';
		width: 1em;
		height: 1em;
		background: url(../assets/arrow/usual_wh_left.png) no-repeat 0 0;
		background-size: contain;
	}
	
	#top_important_info #top_important_index a:hover {
		opacity: 0.6;
	}
	
	#top_visual {
		position: relative;
		box-sizing: border-box;
		padding-top: 28px;
		height: 430px;
	}
	
	#top_visual #top_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/visual_bg.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#top_visual #top_bg_caption {
		position: absolute;
		bottom: 0;
		right: 20px;
		height: 42px;
		line-height: 42px;
		white-space: nowrap;
		text-align: right;
		font-size: 14px;
	}
	
	#top_cmvisual {
		position: absolute;
		top: 28px;
		left: 50%;
		margin-left: -504px;
		width: 778px;
		z-index: 10;
	}
	
	#top_netbank {
		float: right;
		box-sizing: border-box;
		padding: 6px 6px 0;
		width: 230px;
		height: 360px;
		background: #00974b;
		position: relative;
	}
	
	#top_netbank img {
		display: block;
	}
	
	#top_netbank #net_service,
	#top_netbank #netbank_db,
	#top_netbank #netbank_nd,
	#top_netbank #netbank_directb,
	#top_netbank #netbank_kouza {
		margin-bottom: 4px;
	}
    
    /* 2019/02/21追加 ここから */
    #top_netbank #netbank_hellobaby {
		margin-bottom: 4px;
    }
    
    #top_w_bnn {
        width: 1008px;
        margin: 0 auto;
        text-align: center;
    }
    
    #top_w_bnn div {
        margin-bottom: 20px;
    }
    
    #top_w_bnn div a {
        display: block;
    }
    
    #top_w_bnn div img {
        vertical-align: middle;
    }
    /* 2019/02/21追加 ここまで */
	
    /* 2020/01/08追加 ここから */
    #top_s_bnn {
      display: flex;
      justify-content: space-between;
      width: 1008px;
      margin: 0 auto;
      text-align: center;
    }
    
    #top_s_bnn div {
      width: 494px;
    }
    
    #top_s_bnn div a {
        display: block;
    }
    
    #top_s_bnn div img {
        vertical-align: middle;
    }
    /* 2020/01/08追加 ここまで */
	
	#top_slide {
		float: left;
		width: 778px;
	}
	
	#top_slide .slick-prev,
	#top_slide .slick-next
	{
	    width: 40px;
	    height: 40px;
	    background-color: #00a050;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 20px auto;
	    z-index: 1;
	    opacity: .85;
		transition-property: opacity;
		transition-duration: 0.25s;
	}
	
	#top_slide.slick-slider .slick-prev:hover,
	#top_slide.slick-slider .slick-prev:focus,
	#top_slide.slick-slider .slick-next:hover,
	#top_slide.slick-slider .slick-next:focus
	{
	    opacity: 1;
	}
	#top_slide .slick-prev:before,
	#top_slide .slick-next:before
	{	
		content: '';
	}
	
	#top_slide .slick-prev
	{
	    left: 0;
	    background-image: url(/assets/arrow/usual_wh_righ.svg);
	}
	
	#top_slide .slick-next
	{
	    right: 0;
	    background-image: url(/assets/arrow/usual_wh_left.svg);
	}
	
	#top_useful {
		margin: 20px 0;
	}
	
	#top_useful ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#top_useful ul::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_useful ul li {
		margin: 0;
		padding: 0;
  	width: 112px;
		float: left;
	}
	
	#top_useful ul li img {
		display: block;
	}
	
	#top_recommend,
	#top_banner {
		margin: 20px 0 20px;
	}
	
	#top_recommend ul,
	#top_banner ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#top_recommend ul::after,
	#top_banner ul::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_recommend ul li,
	#top_banner ul li {
		margin: 0 0 0 20px;
		padding: 0;
		width: 237px;
		float: left;
		background: #FFF;
	}
	
	#top_recommend ul li:first-child,
	#top_banner ul li:first-child {
		margin: 0;
	}
	
	#top_recommend ul li img,
	#top_banner ul li img {
		display: block;
	}
	
	#top_kojin {
		margin: 30px 0;
	}
	
	#top_kojin header {
		margin-bottom: 15px;
	}
	
	#top_kojin header h2 {
		display: inline-block;
	}
	
	#top_kojin #kojin_menu #kojin_btns {
		float: left;
		width: 304px;
	}
	
	#top_kojin #kojin_menu #kojin_btns div {
		display: block;
		width: 301px;
		height: 88px;
		cursor: pointer;
		margin-top: 3px;
		background-color: #FFF;
		background-repeat: no-repeat;
		background-position: 0 center;
		overflow: hidden;
		text-indent: -9999px;
		box-sizing: border-box;
		border: solid 1px #ABCE03;
	}
	
	#top_kojin #kojin_menu #kojin_btns>div:first-child {
		margin-top: 0;
	}
	
	#top_kojin #kojin_menu #kojin_btns #btn_tameru {
		background-image: url(../img/kojin_btn_tameru.png);
	}
	
	#top_kojin #kojin_menu #kojin_btns #btn_kariru {
		background-image: url(../img/kojin_btn_kariru.png);
	}
	
	#top_kojin #kojin_menu #kojin_btns #btn_sonaeru {
		background-image: url(../img/kojin_btn_sonaeru.png);
	}
	
	#top_kojin #kojin_menu #kojin_btns #btn_benri {
		background-image: url(../img/kojin_btn_benri.png);
	}
	
	#top_kojin #kojin_menu #kojin_btns>div:hover {
		background-color: #e6f0b6;
	}
	
	#top_kojin #kojin_menu #kojin_btns>div.is-active {
		position: relative;
		cursor: default;
		width: 304px;
		background-color: #ABCE03;
		background-position: -301px center;
	}
	
	#top_kojin #kojin_menu .kojin_content {
		float: right;
		width: 704px;
		height: 361px;
		display: none;
		background: #ABCE03 url(../img/kojin_content_bg.png) no-repeat right bottom;
	}
	
	#top_kojin #kojin_menu .kojin_content.is-active {
		display: block;
	}
	
	#top_kojin #kojin_menu .kojin_list {
		list-style: none;
		margin: 0;
		padding: 6px 0 0 5px;
		line-height: 0;
	}
	
	#top_kojin #kojin_menu .kojin_list li {
		display: block;
		float: left;
		width: auto;
		margin-bottom: 4px;
		margin-right: 4px;
	}
	
	#top_kojin #kojin_menu .kojin_list li a {
		display: block;
		background: #FFF;
		border-radius: 5px;
		overflow: hidden;
	}
	
	#top_kojin #kojin_menu .kojin_list li img {
		display: block;
	}
	
	#top_kojin #kojin_menu .kojin_list li a:hover img {
		opacity: 0.75;
	}
	
	#top_kojin #kojin_menu-sp {
		display: none;
	}
	
	#top_lifeplan {
		margin: 20px 0 20px;
	}
	
	#top_lifeplan header {
		margin-bottom: 15px;
	}
	
	#top_lifeplan header h2 {
		display: inline-block;
	}
	
	#top_lifeplan header h2 a::before {
		display: inline-block;
		vertical-align: -0.1em;
		content: '';
		margin-right: 0.25em;
		width: 1em;
		height: 1em;
		background: url(/assets/arrow/circle_or_left.png) no-repeat center center;
		background-size: 0.95em;
	}
	
	#top_lifeplan header .description {
		margin: 0 0 0 1em;
		font-size: 0.875rem;
		display: inline-block;
	}
	
	#top_lifeplan ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#top_lifeplan ul::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_lifeplan ul li {
		margin: 0 0 15px 20px;
		padding: 0;
		width: 237px;
		float: left;
		background: #FFF;
	}
	
	#top_lifeplan ul li:nth-child(4n+1) {
		margin: 0;
	}
	
	#top_lifeplan ul li img {
		display: block;
	}
	
	#top_topics {
		padding: 40px 0 30px;
		background: #FFF;
		font-size: 0.875rem;
	}
	
	#top_topics #topics_tabs {
		display: table;
		width: 100%;
		font-size: 1rem;
		border-bottom: solid 1px #00a050;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn,
	#top_topics #topics_tabs>.topics_linkBtn {
		position: relative;
		box-sizing: border-box;
		display: table-cell;
		padding: 0.95em 0.5em;
		width: 25%;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		border-style: solid;
		border-width: 5px 1px 0 1px;
		border-color: #FFF;
	}
	
	#top_topics #topics_tabs>.topics_linkBtn {
		padding: 0;
	}
	
	#top_topics #topics_tabs>.topics_linkBtn a {
		display: block;
		padding: 0.95em 0.5em;
		color: #111;
		text-decoration: none;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn::before,
	#top_topics #topics_tabs>.topics_linkBtn > a::before {
		position: absolute;
		content: '';
		width: 1px;
		height: 1.25em;
		left: -1px;
		top: 0;
		bottom: 0;
		margin: auto;
		background: #00a050;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn.is-active + .topics_tabBtn::before,
	#top_topics #topics_tabs>.topics_tabBtn.is-active + .topics_linkBtn a::before {
		display: none;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn:first-child::before {
		display: none;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn:hover,
	#top_topics #topics_tabs>.topics_linkBtn > a:hover {
		background: #E5F4EB;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn.is-active {
		cursor: default;
		border-color: #00a050;
		border-bottom-color: transparent;
		background: inherit;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn.is-active::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		left: 0;
		bottom: -1px;
		background: #FFF;
	}
	
	#top_topics .topics_content {
		display: none;
	}
	
	#top_topics .topics_content.is-active {
		display: block;
	}
	
	#top_topics .topics_list {
		border: none;
	}
	
	#top_topics .topics_list dt {
		color: #999999;
		border: none;
	}
	
	#top_topics .topics_list dd {
		border: none;
	}
	
	#top_topics #topics_info .topics_list dt:nth-of-type(n+6),
	#top_topics #topics_info .topics_list dd:nth-of-type(n+6),
	#top_topics #topics_service .topics_list dt:nth-of-type(n+6),
	#top_topics #topics_service .topics_list dd:nth-of-type(n+6) {
		display: none;
	}
	
	#top_topics .topics_icon-important {
		padding: 2px 0.75em 2px 1.35em;
		letter-spacing: 0.5em;
		margin-right: 0.5em;
		color: #FFF;
		background: #e90000;
		border-radius: 0.75em;
	}
	
	#top_topics #topics_extra {
		padding-top: 1em;
		border-top: solid 1px #dedede;
	}
	
	#top_topics #topics_extra h3::before {
	    content: "";
	    display: inline-block;
	    width: 1.4em;
	    height: 1.4em;
	    vertical-align: -0.3em;
	    margin-right: 0.25em;
	    background-position: 0 center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-image: url("/assets/icon/warning.png") !important;
	}
	
  #stop_crime {
    width: 100%;
    display: table;
    align-items: stretch;
    margin-top: 20px;
    padding: 20px 0;
    border: solid 4px #FFCE00;
  }
  
  #stop_crime h3 {
    box-sizing: border-box;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 280px;
    border-right: dotted 1px #dedede;
  }
  
  #stop_crime h3::before {
    content: '';
    display: block;
    margin: 0 auto 10px;
    width: 46px;
    height: 60px;
    background: url(../img/stop_crime.png) no-repeat center center;
    background-size: contain;
  }
  
  #stop_crime ul {
    display: table-cell;
    vertical-align: middle;
    list-style: none;
    padding: 0 0 0 20px;
  }
  
  #stop_crime ul li:not(:last-child) {
    margin-bottom: 5px;
  }

	#top_chiiki {
		box-sizing: border-box;
		width: 1008px;
		margin: 20px auto;
		padding: 24px 39px;
		background: #FFF;
		border: solid 1px #e2dcd4;
	}
	
	#top_chiiki header {
		margin-bottom: 0.75em;
	}
	
	#top_chiiki .chiiki_content::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_chiiki .chiiki_content .chiiki_item {
		float: left;
		width: 298px;
		margin-left: 16px;
	}
	
	#top_chiiki .chiiki_content .chiiki_item:first-child {
		margin-left: 0;
	}
	
	#top_chiiki .chiiki_content .chiiki_item figure {
		margin: 0 0 0.75em;
	}
	
	#top_chiiki .chiiki_content .chiiki_item figure img {
		display: block;
	}
	
	#top_chiiki .chiiki_content .chiiki_item h4 {
		margin: 0 0 0.75em;
	}
	
	#top_chiiki .chiiki_content .chiiki_item h4 a {
		display: inline-block;
		position: relative;
		padding-left: 1.375em;
	}
	
	#top_chiiki .chiiki_content .chiiki_item h4 a::before {
		position: absolute;
		display: block;
		content: '';
		width: 1em;
		height: 1em;
		top: 0.25em;
		left: 0;
		background: url(/assets/arrow/circle_or_left.png) no-repeat center center;
		background-size: 90%;
	}
	
	#top_chiiki .chiiki_content .chiiki_item p {
		margin: 0;
		font-size: 0.875rem;
	}
	
	#top_saigai {
		width: 1008px;
		margin: 0 auto;
	}
	
	#top_saigai ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border-style: solid;
		border-color: #e2dcd3;
		border-width: 1px 1px 7px 1px;
		border-radius: 0 0 5px 5px;
	}
	
	#top_saigai ul::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_saigai ul li {
		float: left;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		display: table;
		width: 50%;
	}
	
	#top_saigai ul li a {
		box-sizing: border-box;
		padding: 1em 1em 1em 2.625em;
		display: table-cell;
		text-decoration: none;
		font-weight: bold;
		background: #FFF url(/assets/arrow/usual_or_left.png) no-repeat 1.35em center;
		background-size: 0.75em;
	}
	
	#top_saigai ul li a:hover {
		background-color: #fafafa;
	}
	
	#top_saigai ul li:first-child {
		border-right: solid 1px #e2dcd3;
	}
	
  /* 2019/05/10追加 ここから */
	#top_faq {
		box-sizing: border-box;
		width: 1008px;
		margin: 20px auto;
		padding-bottom: 24px;
		background: #FFF;
		border: solid 1px #e2dcd4;
	}
	
	#top_faq ul.faq_list {
  	padding: 0 50px;
  	list-style: none;
	}
	
	#top_faq ul.faq_list li {
  	position: relative;
    border-top: solid 1px #bababa;
	}
	
	#top_faq ul.faq_list li:first-child {
    border-top: none;
	}
  
	#top_faq ul.faq_list li a {
  	padding: 15px 15px 15px calc(15px + 1.5em);
  	text-decoration: none;
  	color: inherit;
  	display: block;
  	transition: all 0.3s;
	}

	#top_faq ul.faq_list li a:hover {
  	background: #f8f8f8;
  }

	#top_faq ul.faq_list li .faq_icon {
  	position: absolute;
  	font-weight: bold;
  	font-size: 1.25rem;
  	color: #00a050;
  	left: 15px;
  	top: calc(15px - (0.125rem * 1.714));
	}
  /* 2019/05/10追加 ここまで */
  
	#top_contact {
		box-sizing: border-box;
		width: 1008px;
		min-height: 274px;
		margin: 20px auto;
		padding: 34px 39px 24px;
		background: #f4f8ed url(../img/contact_bg.png) no-repeat right bottom;
		border: solid 1px #e2dcd4;
	}
	
	#top_contact h3 {
		font-size: 1.25rem;
		margin-bottom: 0.75em;
	}
	
	#top_contact .contact_content::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_contact .contact_content {
		padding-right: 230px;
	}
	
	#top_contact .contact_content h4 {
		position: relative;
		padding-left: 1.5em;
		font-weight: bold;
		font-size: 1rem;
	}
	
	#top_contact .contact_content h4::before {
		position: absolute;
		top: 0.34375em;
		left: 0.34375em;
		content: '';
		display: block;
		width: 0.8125em;
		height: 0.8125em;
		box-sizing: border-box;
		border: solid 3px #00973e;
		border-radius: 0.40625em;
		overflow: hidden;
	}
	
	#top_contact .contact_content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#top_contact .contact_content ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_contact .contact_content ul li {
		width: 217px;
		float: left;
		margin-left: 17px;
	}
	
	#top_contact .contact_content ul li:first-child {
		margin-left: 0;
	}
	
	#top_contact .contact_content ul li img {
		display: block;
	}
	
	#top_contact #contact_branch {
		float: left;
		width: 217px;
		margin-bottom: 0.875em;
	}
	
	#top_contact #contact_loan {
		float: right;
		width: 451px;
		margin-bottom: 0.875em;
	}
	
	#top_contact #contact_tel {
		float: left;
		width: 217px;
	}
	
	#top_contact #contact_holiday {
		float: right;
		width: 451px;
	}
	
	#top_links {
		box-sizing: border-box;
		width: 1008px;
		margin: 20px auto;
		padding: 24px 39px 39px;
		background: #FFF;
		border: solid 1px #e2dcd4;
	}
	
	#top_links header {
		margin-bottom: 0.75em;
	}
	
	
	#top_links #links_slide {
		width: 840px;
		margin: 0 auto;
		text-align: center;
	}
	
	#top_links .slick-prev,
	#top_links .slick-next
	{
	    width: 31px;
	    height: 31px;
	    background-color: #00a050;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 15px auto;
	    z-index: 1;
	    border-radius: 3px;
	}
	
	#top_links .slick-prev:before,
	#top_links .slick-next:before
	{	
		content: '';
	}
	
	#top_links .slick-prev
	{
	    left: -50px;
	    background-image: url(/assets/arrow/usual_wh_righ.svg);
	}
	
	#top_links .slick-next
	{
	    right: -50px;
	    background-image: url(/assets/arrow/usual_wh_left.svg);
	}
	
	#top_links .links_item {
		box-sizing: border-box;
		width: 210px;
		padding: 0 5px;
	}
	
	
	#top_aside {
		margin: 20px 0 20px;
	}
	
	#top_aside ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#top_aside ul::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_aside ul li {
		margin: 0 0 0 20px;
		padding: 0;
		width: 237px;
		float: left;
		background: #FFF;
	}
	
	#top_aside ul li:first-child {
		margin: 0;
	}
	
	#top_aside ul li img {
		display: block;
	}
	
	#top_aside ul li.norton_seal {
		position: relative;
	}
	
	#top_aside ul li.norton_seal img[name="seal"] {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100px;
		height: 72px;
		margin: auto;
	}
	
}

@media (max-width: 640px) {
	#top_wrap {
		padding-bottom: 10px;
		background: url(../img/wrap_bg.jpg) repeat center top;
	}
	
	.top_content_inner {
		width: inherit;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#top_important_info {
		padding: 10px 0;
		background: #FFF;
	}
	
	#top_important_info h3 {
		margin: 0;
		padding: 0.57em;
		color: #FFF;
		font-size: 0.875rem;
		font-weight: bold;
		text-align: center;
		background: #e90000;
	}
	
	#top_important_info ul {
		margin: 0.5em 0;
		padding: 0;
		list-style: none;
	}
	
	#top_important_info ul li {
		padding: 0;
		margin-bottom: 0.3em;
		font-weight: bold;
	}
	
	#top_important_info ul li::before {
		content: '';
		margin-right: 0.25em;
		display: inline-block;
		vertical-align: middle;
		width: 1.5em;
		height: 1.5em;
		background: url(/assets/icon/danger.svg) no-repeat center center;
		background-size: contain;
	}
	
	#top_important_info #top_important_index {
		text-align: right;
	}
	
	#top_important_info #top_important_index a {
		position: relative;
		display: inline-block;
		padding: 0.25em 2em 0.25em 1em;
		color: #FFF;
		text-decoration: none;
		border-radius: 5px;
		background: #FF7E00;
	}
	
	#top_important_info #top_important_index a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0.5em;
		margin: auto 0;
		content: '';
		width: 1em;
		height: 1em;
		background: url(../assets/arrow/usual_wh_left.png) no-repeat 0 0;
		background-size: contain;
	}
	
	#top_visual #top_bg_caption {
		display: none;
	}
	
	#top_visual .top_content_inner {
		margin: 0;
	}
	
	#top_visual #top_netbank {
		padding: 10px;
		background: #00974b;
	}
	
	#top_visual #top_netbank img {
		display: block;
	}
	
	#top_visual #top_netbank #netbank_db {
		box-sizing: border-box;
		width: 50%;
		float: left;
		padding-right: 5px;
		margin-bottom: 8px;
	}
	
	#top_visual #top_netbank #net_service {
		box-sizing: border-box;
		width: 50%;
		float: left;
		padding-left: 5px;
		margin-bottom: 8px;
	}
	
	#top_visual #top_netbank #netbank_nd img,
	#top_visual #top_netbank #netbank_db img,
	#top_visual #top_netbank #netbank_nd img {
		width: 100%;
		height: auto;
	}
	
	#top_visual #top_netbank #netbank_nd,
	#top_visual #top_netbank #netbank_directb,
	#top_visual #top_netbank #netbank_kouza {
		margin-bottom: 8px;
	}
    
  /* 2019/02/21追加 ここから */
	#top_visual #top_netbank #netbank_hellobaby {
		margin-bottom: 8px;
	}
    
  #top_w_bnn {
      padding: 15px 10px 0;
  }
  
  #top_w_bnn div {
      margin-bottom: 15px;
  }
  
  #top_w_bnn div:last-child {
      margin-bottom: 0;
  }
  
  #top_w_bnn div a {
      display: block;
  }
  
  #top_w_bnn div img {
      vertical-align: middle;
  }
  /* 2019/02/21追加 ここまで */
	
  /* 2020/01/08追加 ここから */    
  #top_s_bnn {
      padding: 15px 10px 0;
  }
  
  #top_s_bnn div {
      margin-bottom: 15px;
  }
  
  #top_s_bnn div:last-child {
      margin-bottom: 0;
  }
  
  #top_s_bnn div a {
      display: block;
  }
  
  #top_s_bnn div img {
      vertical-align: middle;
  }
  /* 2020/01/08追加 ここまで */
  
	#top_cmvisual {
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	
	#top_visual #top_slide {
		margin-bottom: 40px;
	}
	
	#top_useful {
		display: none;
	}
    
	#top_recommend,
	#top_banner {
		margin: 15px 0;
	}
	
	#top_recommend ul,
	#top_banner ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#top_recommend ul::after,
	#top_banner ul::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_recommend ul li,
	#top_banner ul li {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 50%;
		float: left;
	}
	
	#top_banner ul li {
		margin-top: 15px;
	}
	
	#top_banner ul li:nth-child(1),
	#top_banner ul li:nth-child(2) {
		margin-top: 0;
	}
	
	#top_recommend ul li:nth-child(odd),
	#top_banner ul li:nth-child(odd) {
		padding-right: 5px;
	}
	
	#top_recommend ul li:nth-child(even),
	#top_banner ul li:nth-child(even) {
		padding-left: 5px;
	}
	
	#top_recommend ul li img,
	#top_banner ul li img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	ul[id^="top_recommend"]>li:nth-child(1),
	ul[id^="top_recommend"]>li:nth-child(2) {
		display: none!important;
	}
	
	#top_kojin {
		margin: 20px 0;
	}
	
	#top_kojin #kojin_menu {
		display: none;
	}
	
	#top_kojin #kojin_menu-sp h4 {
		position: relative;
		display: block;
		height: 54px;
		margin: 3px 0 0;
		box-sizing: border-box;
		border: solid 2px #ABCE03;
		background-color: #FFF;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: auto 108px;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	#top_kojin #kojin_menu-sp h4#sp_btn_tameru {
		background-image: url(../img/kojin_btn_tameru_sp.png);
	}
	
	#top_kojin #kojin_menu-sp h4#sp_btn_kariru {
		background-image: url(../img/kojin_btn_kariru_sp.png);
	}
	
	#top_kojin #kojin_menu-sp h4#sp_btn_sonaeru {
		background-image: url(../img/kojin_btn_sonaeru_sp.png);
	}
	
	#top_kojin #kojin_menu-sp h4#sp_btn_benri {
		background-image: url(../img/kojin_btn_benri_sp.png);
	}
	
	#top_kojin #kojin_menu-sp h4.is-active {
		cursor: default;
		background-color: #ABCE03;
		background-position: 0 -54px;
	}
	
	#top_kojin #kojin_menu-sp h4::after {
		position: absolute;
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		background: #C00;
		border-radius: 10px;
		overflow: hidden;
		background: #ABCE03 url(../assets/icon/plus_wh.svg) no-repeat center center;
		background-size: contain;
	}
	
	#top_kojin #kojin_menu-sp h4.is-active::after {
		background: transparent url(../assets/icon/minus_circle_wh.svg) no-repeat center center;
		background-size: contain;
	}
	
	#top_kojin #kojin_menu-sp .kojin_content {
		display: none;
		background: #d5e686;
	}
	
	#top_kojin #kojin_menu-sp .kojin_list {
		list-style: none;
		margin: 0;
		padding: 2px 0 2px 2px;
		line-height: 0;
		letter-spacing: -.40em;
	}
	
	#top_kojin #kojin_menu-sp .kojin_list::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_kojin #kojin_menu-sp .kojin_list li {
		box-sizing: border-box;
		float: left;
		padding: 2px;
		display: inline-block;
		width: 33.33333%;
		letter-spacing: normal;
	}
	
	#top_kojin #kojin_menu-sp .kojin_list li a,
	#top_kojin #kojin_menu-sp .kojin_list li img {
		display: block;
	}
	
	#top_lifeplan .lifeplan_bnn {
		margin: 15px 0;
		text-align: center;
	}
	
	#top_lifeplan .lifeplan_bnn img {
		display: block;
	}
	
	#top_topics {
		padding: 1.2rem 0;
		background: #FFF;
		font-size: 0.875rem;
	}
	
	#top_topics .top_content_inner {
		margin: 0;
	}
	
	#top_topics #topics_tabs {
		box-sizing: border-box;
		display: table;
		width: 100%;
		padding: 0 5px;
		font-size: 0.8125rem;
		border-collapse: separate;
		border-spacing: 5px 0;
		border-bottom: solid 2px #00a050;
	}
	
	#top_topics #topics_tabs>.topics_tabBtn,
	#top_topics #topics_tabs .topics_linkBtn {
		position: relative;
		box-sizing: border-box;
	    display: table-cell;
		padding: 0.48em 0.25em;
		width: 25%;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		border-color: #cccccc;
		border-radius: 5px 5px 0 0;
	}
	
	#top_topics #topics_tabs .topics_linkBtn {
		padding: 0;
	}
	
	#top_topics #topics_tabs .topics_linkBtn a {
		display: block;
		padding: 0.48em 0.25em;
		color: #111111;
		text-decoration: none;
	}
	
	#top_topics .topics_content {
		display: none;
	}
	
	#top_topics .topics_content.is-active {
		display: block;
	}
	
	#topics_tabs>div.is-active {
		cursor: default;
		color: #FFF;
		border-color: #00a050;
		background: #00a050;
		border-bottom-color: transparent;
	}
	
	#top_topics .topics_content {
		display: none;
		margin: 0 10px;
	}
	
	#top_topics .topics_content.is-active {
		display: block;
	}
	
	#top_topics .topics_list {
		border: none;
	}
	
	#top_topics .topics_list dt {
		color: #999999;
	}
	
	#top_topics .topics_list dd {
		border: none;
	}
	
	#top_topics #topics_info .topics_list dt:nth-of-type(n+6),
	#top_topics #topics_info .topics_list dd:nth-of-type(n+6),
	#top_topics #topics_service .topics_list dt:nth-of-type(n+6),
	#top_topics #topics_service .topics_list dd:nth-of-type(n+6) {
		display: none;
	}
	
	#top_topics .topics_icon-important {
		padding: 1px 0.75em 1px 1.35em;
		letter-spacing: 0.5em;
		margin-right: 0.5em;
		color: #FFF;
		background: #e90000;
		border-radius: 0.75em;
	}
	
	#top_topics #topics_extra {
		margin: 0 10px;
		padding: 1em 0 0;
		border-top: solid 1px #dedede;
	}
	
	#top_topics #topics_extra h3::before {
	    content: "";
	    display: inline-block;
	    width: 1.4em;
	    height: 1.4em;
	    vertical-align: -0.3em;
	    margin-right: 0.25em;
	    background-position: 0 center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-image: url("/assets/icon/warning.png") !important;
	}
	
	#top_topics #topics_extra ul {
		margin-top: 0;
		margin-bottom: 0;
	}
	
  #stop_crime {
    margin: 20px 10px 0;
    padding: 10px;
    border: solid 4px #FFCE00;
  }
  
  #stop_crime h3 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    vertical-align: middle;
    border-bottom: dotted 1px #dedede;
  }
  
  #stop_crime h3::before {
    content: '';
    display: block;
    margin-right: 10px;
    padding-bottom: 10px;
    width: 38px;
    height: 50px;
    background: url(../img/stop_crime.png) no-repeat center center;
    background-size: contain;
  }
  
  #stop_crime ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  #stop_crime ul li:not(:last-child) {
    margin-bottom: 5px;
  }

	#top_chiiki {
		box-sizing: border-box;
		margin: 20px 10px;
		padding: 14px 19px 1px;
		background: #FFF;
		border: solid 1px #e2dcd4;
	}
	
	#top_chiiki header {
		margin-bottom: 0.75em;
	}
	
	#top_chiiki .chiiki_content .chiiki_item {
		margin-bottom: 1em;
	}
	
	#top_chiiki .chiiki_content .chiiki_item figure {
		margin: 0 0 0.5em;
	}
	
	#top_chiiki .chiiki_content .chiiki_item figure img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}
	
	#top_chiiki .chiiki_content .chiiki_item h4 a {
		display: inline-block;
		position: relative;
		padding-left: 1.375em;
	}
	
	#top_chiiki .chiiki_content .chiiki_item h4 a::before {
		position: absolute;
		display: block;
		content: '';
		width: 1em;
		height: 1em;
		top: 0.25em;
		left: 0;
		background: url(/assets/arrow/circle_or_left.png) no-repeat center center;
		background-size: 90%;
	}
	
	#top_chiiki .chiiki_content .chiiki_item p {
		display: none;
	}
	
	#top_saigai {
		box-sizing: border-box;
		margin: 20px 10px;
		background: #FFF;
		border-style: solid;
		border-color: #e2dcd4;
		border-width: 1px 1px 7px;
		border-radius: 0 0 5px 5px;
	}
	
	#top_saigai ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#top_saigai ul li {
		margin: 0;
		padding: 0;
	}
	
	#top_saigai ul li:first-child {
		border-bottom: solid 1px #e2dcd4;
	}
	
	#top_saigai ul li a {
		display: block;
		padding: 1em 1em 1em 2.625em;
		text-decoration: none;
		font-weight: bold;
		background: #FFF url(/assets/arrow/usual_or_left.png) no-repeat 1.35em center;
		background-size: 0.75em;
	}
  
  /* 2019/05/10追加 ここから */
	#top_faq {
		box-sizing: border-box;
		margin: 20px 10px;
		padding-bottom: 14px;
		font-size: 0.875rem;
		background: #FFF;
		border: solid 1px #e2dcd4;
	}
  
	#top_faq ul.faq_list {
  	margin: 0;
  	padding: 0 10px;
  	list-style: none;
	}
	
	#top_faq ul.faq_list li {
  	position: relative;
    border-top: solid 1px #bababa;
	}
	
	#top_faq ul.faq_list li:first-child {
    border-top: none;
	}
  
	#top_faq ul.faq_list li a {
  	padding: 10px 5px 10px calc(5px + 1.5em);
  	text-decoration: none;
  	color: inherit;
  	display: block;
	}

	#top_faq ul.faq_list li .faq_icon {
  	position: absolute;
  	font-weight: bold;
  	font-size: 1rem;
  	color: #00a050;
  	left: 5px;
  	top: calc(10px - (0.0625rem * 1.714));
	}
  /* 2019/05/10追加 ここまで */
	
	#top_contact {
		margin: 20px auto;
		padding: 15px 20px 1px;
		border: solid 10px #e0f1c3;
		background: #f4f8ed;
	}
	
	#top_contact h3 {
		font-size: 1.25rem;
		margin-bottom: 0.75em;
	}
	
	#top_contact .contact_content h4 {
		position: relative;
		padding-left: 1.5em;
		font-weight: bold;
		font-size: 1rem;
	}
	
	#top_contact .contact_content h4::before {
		position: absolute;
		top: 0.34375em;
		left: 0.34375em;
		content: '';
		display: block;
		width: 0.8125em;
		height: 0.8125em;
		box-sizing: border-box;
		border: solid 3px #00973e;
		border-radius: 0.40625em;
		overflow: hidden;
	}
	
	#top_contact .contact_content ul {
		list-style: none;
		margin: 0 0 1em;
		padding: 0 1.5em;
	}
	
	#top_contact .contact_content ul li {
		max-width: 280px;
		margin: 0 auto 10px;
	}
	
	#top_contact .contact_content ul li img {
		display: block;
	}
	
	#top_links {
		padding: 15px 15px 35px;
		background: #FFF;
	}
	
	#top_links header{
	}
	
	#top_links #links_slide {
		margin: 0 23px;
		text-align: center;
	}
	
	#top_links .slick-prev,
	#top_links .slick-next
	{
	    width: 31px;
	    height: 31px;
	    background-color: #00a050;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 15px auto;
	    z-index: 1;
	    border-radius: 3px;
	}
	
	#top_links .slick-prev:before,
	#top_links .slick-next:before
	{	
		content: '';
	}
	
	#top_links .slick-prev
	{
	    left: -36px;
	    background-image: url(/assets/arrow/usual_wh_righ.svg);
	}
	
	#top_links .slick-next
	{
	    right: -36px;
	    background-image: url(/assets/arrow/usual_wh_left.svg);
	}
	
	#top_links .links_item {
		box-sizing: border-box;
		width: 50%;
		padding: 0 5px;
	}
	
	#top_links .links_item img {
		width: 100%;
		height: auto;
	}
	
	#top_aside {
		padding: 15px 0 0;
	}
	
	#top_aside ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#top_aside ul::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#top_aside ul li {
		box-sizing: border-box;
		width: 50%;
		float: left;
		margin: 0 0 10px;
		padding: 0;
	}
	
	#top_aside ul li:nth-child(odd) {
		padding-right: 5px;
	}
	
	#top_aside ul li:nth-child(even) {
		padding-left: 5px;
	}
	
	#top_aside ul li img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	#top_aside ul li.norton_seal {
		position: relative;
	}
	
	#top_aside ul li.norton_seal img[name="seal"] {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100px;
		height: 72px;
		margin: auto;
	}
	
	.float_bnn_close {
		width: 20px;
		height: 20px;
		top: -5px;
	}
	
	#btmFloat_bnn_wrap {
		width: 100%;
		bottom: 0;
		right: 0;
		left: 0;
		top: auto;
		margin: auto 0;
		padding: 0 10px;
		box-sizing: border-box;
    z-index: 9989;
	}
	
	.btmFloat_bnn a {
		width: 100%;
		box-sizing: border-box;
	}
}

/* --------------------
  #introModal
-------------------- */
#introModal {
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding: 10px;
}

.mfp-bg {
  background: #007c3e !important;
}

#introModal .mfp-close {
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 0;
  color: #00a050;
  opacity: 1;
}

#introModal .modalVideo > a {
  display: block;
  border: 1px solid #ccc;
  line-height: 0;
}

#modalVideo {
  max-width: 100%;
  width: 100%;
  height: auto;
}

#introModal .modalBnn {
  margin: 10px;
  line-height: 0;
}

#introModal .modalBnn > div {
  margin-top: 10px;
}

@media screen and (min-width: 641px), print {
  #introModal {
    width: 760px;
    padding: 20px;
  }
  
  #introModal .modalBnn {
    margin: 0;
    display: flex;
    justify-content: center;
  }

  #introModal .modalBnn > div {
    width: 240px;
  }

  #introModal .modalBnn > div:not(:first-child) {
    margin-left: 15px;
  }
  
  #introModal .mfp-close {
    width: 60px;
    height: 60px;
    top: -70px;
    line-height: 60px;
    font-size: 48px;
  }
  
  #introModal .mfp-close:hover {
    opacity: 0.75;
  }
}

@media screen and (max-width: 640px) {
  #introModal .mfp-close {
    width: 40px;
    height: 40px;
    top: -50px;
    line-height: 40px;
    font-size: 36px;
  }
}


/* --------------------
  #introModal
-------------------- */
#float_area {
  position: fixed;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: 0 15px;
  padding: 5px;
  max-width: 320px;
  background: #00AB55;
  z-index: 10000;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#float_area a {
  display: block;
  line-height: 0;
}

.float_area_mov>div + div {
  margin-top: 5px;
}

.float_area_mov video {
  width: 100%;
  height: auto;
}

.float_area_bnn > div {
  margin-top: 5px;
}

#float_area .float_area_close {
  box-sizing: border-box;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px;
  height: 30px;
  border: solid 2px #00AB55;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
}

#float_area .float_area_close::before,
#float_area .float_area_close::after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 18px;
  height: 2px;
  background: #00AB55;
}

#float_area .float_area_close::before {
  transform: rotate(45deg);
}

#float_area .float_area_close::after {
  transform: rotate(-45deg);
}

@media screen and (min-width: 350px) {
  #float_area {
    margin: 0 auto;
  }
}

@media screen and (min-width: 641px), print {
  #float_area {
    right: 15px;
    left: inherit;
  }
}

/*recommend-2017.1.24--*/
#top_recommend ul{
     display: none;
}

#top_recommend ul.is-active{
     display: block;
}

/*—recommend-2017.1.24*/