@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*法人用 共通ヘッダ*/

/*
  purged: 2025/06/09

  10px 0.625em
  11px 0.688em
  12px 0.750em
  13px 0.813em
  14px 0.875em
  15px 0.938em
  16px 1em
  17px 1.063em
  18px 1.125em
  19px 1.188em
  20px 1.250em
  21px 1.313em
  22px 1.375em
  23px 1.438em
  24px 1.5em
  25px 1.57em
  26px 1.63em
  27px 1.69em
  28px 1.75em

*/

/*------------------------------------------------------------
  reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
}
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section,a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
  font-size: 1em;
}

body,
table,
input, textarea, select, option {
  font-family: HiraKakuProN-W3;
  font-size: 1em;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

.container_wrap img {
    width: 100%;
    height: auto;
}

a:link {
  color: #dc2823;
}

body {
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}

.line:after {
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.line {
    *zoom:1; clear: both;
}

.unit { float:left; }
.alignC {
    text-align: center!important;
}

.bold {
    font-weight: bold!important;
}
.normal {
    font-weight: normal!important;
}


.left { float:left; }

.right { float:right; }


/*---------------------------------------------------
    Width Setting
-----------------------------------------------------*/

/*---------------------------------------------------
    Padding Setting
-----------------------------------------------------*/
.p3 { padding:3px; }
.p9 { padding:9px; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.pt15 { padding-top:15px !important; }

/*------------------------------------------------------------
    Margin Setting
------------------------------------------------------------*/
/* margin-RIGHT */
/* margin-BOTTOM */
.mb_10 {
  margin-bottom: 10px!important;
}

/* margin-LEFT */

/* margin-TOP */
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb30 { margin-bottom:30px; }

/*------------------------------------------------------------
     width settings
------------------------------------------------------------*/
.clear { clear:both; }
.clear { clear:both; }
.hidden { display: none !important; }
.block { display: block; }
.disabled {
  opacity: 0.6;
  pointer-events:none;
  cursor:default;
}

/*------------------------------------------------------------
     body
------------------------------------------------------------*/
body {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}
.contents {
    background: #fff;
    position: relative;
    padding: 0 0 15px;
}
#shop .contents {
    background: #f1f2f3;
}
.contents_inner {
    margin: 0 5px 0;
    padding-top: 2px;
}

/*------------------------------------------------------------
     header
------------------------------------------------------------*/

/*------------------------------------------------------------
     footer
------------------------------------------------------------*/

/*------------------------------------------------------------
     global nav
------------------------------------------------------------*/

/*------------------------------------------------------------
     block box
------------------------------------------------------------*/

/*------------------------------------------------------------
     title
------------------------------------------------------------*/
.title_ic01 {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 10px 10px;
	padding: 4px 0 2px 10px;
	border-left: 3px solid #dd2723;
}
/*------------------------------------------------------------
     list
------------------------------------------------------------*/

/**/

/*--- list_faq_001 no-icon ---*/
/*----*/
/*--20170125added--*/
/*--トグルactive時背景色--*/
.tgl_sw.active > a {
	font-weight: bold;
	background: #fff6f2;
}
/*--外部サイトへのリンクにつけるアイコン--*/
/*----*/

/*--20150223add START--*/
/*--20150223add END--*/

/*------------------------------------------------------------
     button
------------------------------------------------------------*/

/* ボタンのスタイルに追加*/

/*------------------------------------------------------------
     table
------------------------------------------------------------*/

/*------------------------------------------------------------
     top-page
------------------------------------------------------------*/
/*.box_customer_res .image {
    float: right;
    margin-left: 10px;
    width: 30%;
}*/
/*------------------------------------------------------------
     カレンダー
------------------------------------------------------------*/

/*------------------------------------------------------------
     店舗検索
------------------------------------------------------------*/

	/*--- 20161130 shopsearch <gray base> ---*/


/*------------------------------------------------------------
  form
------------------------------------------------------------*/

/*エラーメッセージ*/

input[type='checkbox']:checked + label {
  background: #FFDBD9;
  border: 1px solid #FFCCCB;
  font-weight: bold;
}

/*------------------------------------------------------------
  保険相談の流れ
------------------------------------------------------------*/

/*------------------------------------------------------------
  ほけんの窓口とは
------------------------------------------------------------*/

/*------------------------------------------------------------
  訪問相談
------------------------------------------------------------*/

/*------------------------------------------------------------
  404
------------------------------------------------------------*/
/*------------------------------------------------------------
  お客様の声
------------------------------------------------------------*/
/*------------------------------------------------------------
  店舗の無料相談予約
------------------------------------------------------------*/
/*------------------------------------------------------------
  ご自宅での無料保険相談 企業での無料保険相談
------------------------------------------------------------*/

/*カレンダー(datePicker)*/

/*編集リンク*/



.youtube{
  position:relative;
  padding-bottom: 56.25%;
  padding-top:30px;
  margin-bottom:8px;
  height:0;
  overflow:hidden;
	}
.youtube iframe{
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  height:100%;
	}





/*----------------------------------------------
     node-type-utility-questionnaire
------------------------------------------------*/


/*----------------------------------------------
     aftercare start
------------------------------------------------*/

/*----------------------------------------------
     aftercare end
------------------------------------------------*/
/*----------------------------------------------
     ml-cancel start
------------------------------------------------*/

/*--------- ここより下

マイページリリースに伴うヘッダ、フッタ、ドロワーメニュー用のスタイル
------------------------------------------*/

/*----------- header
------------------------------------------*/
header {
  width: 100%;
  padding: 2.8% 3% 3%;
  border-bottom: .15vh solid #ddd;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
header h1 {
  width: 42.5%;
  margin: 1.5% auto;
}
header p {
  width: 42.5%;
  margin: 1.5% auto;
}

/*----------- Footer
------------------------------------------*/

/*breadcrumb*/

/*----------- drawer menu
------------------------------------------*/

/*----------- 取扱保険会社ロゴタイルモジュール
------------------------------------------*/
@media (max-width: 959.98px) {
	#line_block {
		margin-bottom: 10px;
		padding: 0;
		background: transparent;
	}
	#line_block .line_list {
		margin-bottom: 20px;
		padding: 0;
		border-radius: 0;
		background: transparent;
		overflow: hidden;
	}
	#line_block .line_list:last-child {
		margin-bottom: 0;
	}
	#line_block .line_list h3 {
		border-left: .53vw solid #dd2723;
		font-size: 4.3vw;
		line-height: 1;
		padding: 7px 0 7px 10px;
		font-weight: bold;
		margin: 0 0 15px 10px;
	}
	#line_block .line_list .sub {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	#line_block .line_list .sub:not(:first-child) {
		margin-top: 20px;
	}
	#line_block .line_list .sub h3 {
		border-left: .53vw solid #ccc;
		font-size: 4vw;
		line-height: 1.3;
	}
	#line_block .line_list .sub h3 span {
		font-size: 3.7vw;
		font-weight: normal;
	}
	#line_block .line_list .sub h3.two_line {
		line-height: 1;
	}
	#line_block .line_list ul {
		font-size: 0;
		overflow: hidden;
		position: relative;
		margin-left: 3%;
	}
	#line_block .line_list li {
		color: #666;
		font-size: 3.5vw;
		text-align: center;
		line-height: 1.3;
		width: 49.9%;
		margin-bottom: 20px;
		padding-right: 3%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}
	#line_block .line_list li:nth-child(even) {
		margin-right: 0;
	}
	#line_block .line_list li div {
		width: 100%;
		min-height: 60px;
		padding: 0;
		border: 1px solid #ccc;
		box-sizing: border-box;
		margin-bottom: 5px;
		background: #fff;
	}
	#line_block .line_list li div a {
		display: inline-block;
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		text-decoration: none;
		vertical-align: top;
	}
	#line_block .line_list li img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	#line_block .line_list li p {
		font-size: 3.3vw;
		line-height: 1.3;
		margin: 2vw 0 0;
	}
	#line_block .line_list li p a {
		color: #333;
		text-decoration: none;
	}
	#iryohojin #line_block .line_list li p a,
	#souzokusoudan #line_block .line_list li p a {
		color: #06c;
	}
	.company {
		color: #666;
		font-size: 1.2rem;
		text-align: right;
		margin-bottom: 10px;
	}
	.discraimer {
		margin: 0 10px 20px;
		padding-top: 20px;
		border-top: 1px solid #ebebeb;
	}
	.discraimer li {
		font-size: 3vw;
		color: #666;
		margin-bottom: 0.5em;
	}
	#contents.fukurikousei .discraimer {
		margin: 0;
		padding-top: 0;
		border: 0;
	}
}

/*----------- shopsearch 固定ヘッダ
------------------------------------------*/

/*----------- added 20170817 for Press page
------------------------------------------*/

header {
	padding: 3vw 5vw;
	border-bottom: 1px solid #DDD;
}
header .logo {
	height: 8vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	margin: 0;
	line-height: 1;
}
header .logo .logo_image img {
	display: block;
	width: auto;
	height: 6.5vw;
	margin: 0 auto;
}
header .logo p.logo_text {
	width: auto;
	margin: 0 0 0 3vw;
	line-height: 1;
}
header .logo p.logo_text a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 3.5vw;
}

/*法人用 共通フッタ*/
#footer_houjin {
	background: #FFF;
	line-height: 1.8;
}
#footer_houjin .footer_main ul.footer_nav {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #DDD;
}
#footer_houjin .footer_main ul.footer_nav li {
	width: 50%;
	font-size: 3.5vw;
	border-bottom: 1px solid #DDD;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#footer_houjin .footer_main ul.footer_nav li:first-child {
    width: 100%;
}
#footer_houjin .footer_main ul.footer_nav li:nth-child(even) {
	border-right: 1px solid #DDD;
}
#footer_houjin .footer_main ul.footer_nav li a {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 4vw 3vw 4vw 1vw;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	background: url("/houjin/assets_sp/image/ico_ftlink.png") center right 6px no-repeat;
	background-size: 9px 14px;
}
#footer_houjin .footer_sub {
	margin-bottom: 4vw;
	padding: 4vw;
	background: #f2f2f2;
}
#footer_houjin .footer_sub ul.corp_nav {
	text-align: center;
}
#footer_houjin .footer_sub ul.corp_nav li {
	display: inline;
	font-size: 3vw;
	margin-right: 3vw;
	white-space: nowrap;
}
#footer_houjin .footer_sub ul.corp_nav li a {
	color: #666;
	text-decoration: none;
}
#footer_houjin .footer_sub ul.corp_nav li:last-child {
	margin-right: 0;
}
#footer_houjin .footer_logo {
	margin-bottom: 4vw;
	padding: 0 4vw;
}
#footer_houjin .footer_logo .footer_logo_image {
	width: 40vw;
	margin: 0 auto 3vw;
}
#footer_houjin .footer_logo .footer_logo_image img {
	width: 40vw;
	height: auto;
}
#footer_houjin .footer_logo .footer_logo_text {
	font-size: 3.5vw;
	font-weight: bold;
	line-height: 1;
	color: #333;
	text-align: center;
}
#footer_houjin .copyright {
	padding: 0 4vw 4vw;
	text-align: center;
	font-size: 3vw;
	color: #666;
}

/*パンくずリスト*/
.c-breadcrumb{
  order: 99;
}

.c-breadcrumb{
  background: #f2f2f2;
  width: 100%;
  overflow: auto;
  padding: 0 10px;
}
.c-breadcrumb__lists{
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  align-items: center;
  font-size: 13px;
}
.c-breadcrumb .c-breadcrumb__lists,
.c-breadcrumb .c-breadcrumb__lists a{
  color: #666;
  text-decoration: none;
}

.c-breadcrumb .c-breadcrumb__lists li{
  position: relative;
  padding: 1em 0.75em 0.75em 1.5em;
  overflow: hidden;
  flex-shrink:0;
}
.c-breadcrumb .c-breadcrumb__lists li:before{
  content: "";
  display: block;
  width: 2em;
  height: calc(2em * (1.732/2));
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  transform: rotate(-60deg) skewX(-30deg);
  transform-origin:left top;
  position: absolute;
  top: 50%;
  left: -1em;
}
.c-breadcrumb .c-breadcrumb__lists li:first-child{
  /* padding-top: 0;
  padding-bottom: 0;
  ; */
  padding-left: 0
}
.c-breadcrumb .c-breadcrumb__lists li:first-child:before{
  content: none;
}


@media screen and (min-width: 960px) {
  main .c-breadcrumb{
    order: 0;
  }
  .c-breadcrumb{
    background: transparent;
    padding: 0;
  }

  .c-breadcrumb .c-breadcrumb__lists{
    max-width: 1280px;
    padding: 1em 4% 0.5em;
    color: #666;
	-webkit-overflow-scrolling: touch;
  }
  .c-breadcrumb .c-breadcrumb__lists li:before{
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    border-color: #666;
    transform: rotate(-45deg);
    margin: 0 0.5em;
  }
  .c-breadcrumb .c-breadcrumb__lists li:first-child:before{
    content: none;
  }
  .c-breadcrumb .c-breadcrumb__lists a{
    color: #666;
	text-decoration: none;
  }
}

@media (max-width: 959.98px) {
  .pc_mode {
    display: none!important;
  }

  #houjin_gnav_sp img {
	display: none!important;
  }

	.float_none_sp {
		float: none;
	}
}

/*法人用 共通フローティングバナー*/
.main-bnr__fixed {
	background: rgba(0, 0, 0, .6);
	padding: 4vw 0;
	position: sticky;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.main-bnr__fixed__ttl {
	font-size: 4.3vw;
    text-align: center;
    color: #fff;
	margin-bottom: 2vw;
	line-height: 1.5;
}
.main-bnr__fixed__ttl span {
	display: block;
    font-size: 3.8vw;
}
.main-bnr__fixed__btn__lists {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.main-bnr__fixed__btn__shop,
.main-bnr__fixed__btn__visit {
	width: calc(50% - 2vw);
	display: flex;
	align-items: stretch;
}
.main-bnr__fixed__btn__shop a,
.main-bnr__fixed__btn__visit a {
	min-height: 18vw;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4vw;
	font-size: 4vw;
	font-weight: bold;
	color: #FFF;
	background: #da2d2f;
	box-shadow: 0 3px 0 #AA1E1F;
	box-sizing: border-box;
	border-radius: 8px;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
}
.main-bnr__fixed__btn__shop a:focus,
.main-bnr__fixed__btn__shop a:hover {
	color: #FFF;
}
.main-bnr__fixed__btn__visit a {
	flex-wrap: wrap;
	padding: 2.5vw;
	color: #202020;
	background: #f6aa19;
	box-shadow: 0 3px 0 #cd8600;
	line-height: 1.3;
}
.main-bnr__fixed__btn__visit a p span {
	display: block;
	font-size: 2vw;
	line-height: 1;
}
.main-bnr__fixed__btn__visit a .main-bnr__fixed__btn__note {
	font-size: 2vw;
	font-weight: normal;
}


/* CSS Document */

html {
	font-size: 62.5%;
}
body {
	font-size: 1.5rem;
}
table {
	border-collapse: collapse;
}
img {
	vertical-align: bottom;
}
a {
	text-decoration: none;
}
.tgl_disp {
	display: none;
}
.fw_normal {
	font-weight: normal !important;
}
.note {
	color: #666;
	font-size: 1.3rem;
}
.dot li:before {
	content: '●';
	color: #ccc;
}
.square li:before {
	content: '●';
	color: #ccc;
}
.dot li,
.idt {
	text-indent: -1em;
	margin-left: 1em;
}

.bdBox {
	margin: 20px 0;
	padding: 10px;
	border: 3px solid #ddd;
	border-radius: 8px;
}

/*----------- Clearfix
------------------------------------------*/
.cf:after {
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/*----------- Construction, Common
------------------------------------------*/
.container_wrap .inner {
	padding: 0 10px;
}
.container_wrap .fullScr {
	margin: 0 -10px;
	padding: 0;
}
.container_wrap .block {
	margin-bottom: 30px;
}
.container_wrap .sec {
	box-sizing: border-box;
	overflow: hidden;
}

.detailBox {
	width: 100%;
	margin: 10px 0 20px;
	padding: 10px 7px;
	border: 3px solid #e4e4e4;
}
.closeTgl {
	margin-top: 20px;
}
.numberA {
	color: #c07d00;
	font-size: 1.6rem;
	margin-right: 5px;
	padding: 2px 5px;
	border: 1px solid #c07d00;
	border-radius: 5px;
}

/*----------- Title, Text, Button, List, Box
------------------------------------------*/
.titleA {
	/*font-size: 1.8rem;*/
	font-size: 4.8vw;
	font-weight: bold;
	padding: 10px;
	background: #ebebeb;
}
.titleB {
	font-size: 2.5rem;
	padding: 10px 10px 5px;
}

.openBtn {
	font-size: 1.7rem;
	text-align: center;
	width: 100%;
	padding: 6% 0;
	background-size: 100%;
}
.openBtn.active {
	background-size: 100%;
}
.openBtn a,
.navBtn01 a {
	color: #000 !important;
	padding: 4% 0;
	display: block;
}
.closeBtn {
	font-size: 1.7rem;
	text-align: center;
	width: 100%;
	padding: 6% 0;
	background-size: 100%;
}
.navBtn01 {
	text-align: center;
	width: 100%;
	padding: 4% 0;
	background-size: 100%;
}

/*--- Box ---*/
.secBox01 {
	margin: 0 5px 30px;
	border: 1px solid #ddd;
	overflow: hidden;
}

.dlBox01 {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.dlBox01:last-child {
	border-bottom: 0;
}
.dlBox01 dt {
	margin-bottom: 15px;
}

/*--- lineList ---*/
.lineList {
	font-size: 1.3rem;
	margin: 10px 0 20px;
}
.lineList dl {
	margin-bottom: 20px;
}
.lineList dt {
	font-weight: bold;
}
.lineList dd {
	margin-bottom: 10px;
}

/*----------- Common css for topPage
------------------------------------------*/
.list_001,
.list_002 li,
.list_search_002 /*added 20170118 tryal */ {
    border-top: 1px solid #e2e2e2;
}
.list_001 li,
.list_001 dt,
.list_002 li,/*
.list_search_002,*/
.list_search_002 .area,
.list_search_002 .state .item a,
.list_search_002 .state .shop a {
    border-bottom: 1px solid #e2e2e2;
}
.list_002 li:nth-child(odd),
.list_search_002 .state .item a {
    border-right: 1px solid #e2e2e2;
}
.list_001 li:last-child,
.list_search_002 li:last-child/*20170125 tryal */ {
	border-bottom: 0;
}
.list_001 a,
.view-shop-search .title_007 span,
.list_search_002 a {
	padding-top: 12px;
	padding-bottom: 12px;
}
.list_001 a:after,
.view-shop-search a:after,
.list_search_002 a:after,
.list_search_002 .state .item a:after,
.list_search_002 .state2 .item a:after,
.view-shop-search .title_007 span:after,
.list_search_002 .tgl_sw a:after {
	right: 10px;
}
.list_search_002 .state .shop a {
	padding-left: 20px;
}

/*----------- drawer menu
------------------------------------------*/
#smt_top .drawer-hamburger {
	width: 12%;
    height: 7.5%;
}
#smt_top .drawer-hamburger-icon {
    background-image: url(/houjin/assetes_sp/static/indexDir/img/btn_headMenu_1708B.png);
	background-size: contain;
}
.drawer-open .drawer-hamburger-icon {
    background-image: url(/houjin/assetes_sp/static/indexDir/img/btn_headMenu_close_1708B.png)!important;
}

/*----------- Reservation Nav, SearchNavBtn, Recently List
------------------------------------------*/
#fixedHeader {
	width: 100%;
	padding: 1.5% 3%;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #ddd;
 	position: fixed;
  	top: 0;
  	left: 0;
  	display: none;
	z-index: 5;
}
#fixedHeader .searchNavBtn a {
	width: 82%;
	height: 45px;
}

.rNav,
.recently {
	margin-bottom: 20px;
}
.rNav .searchNavBtn {
	margin: 10px 0;
}
.rNav ul.point li {
	color: #c07d00;
	font-size: 1.3rem;
	text-indent: -1em;
	line-height: 1.2;
	margin: 0 0 5px 1em;
}
.rNav ul.point li:before {
	content: ' E';
}

.rNav ul.point02 {
	text-align: center;
}
.rNav ul.point02 li {
	font-size: 1.6rem;
	line-height: 1;
	padding: 2px 0 2px 24px;
	display: inline-block;
	background: url(/houjin/assets_sp/theme/images/ico_check01.png) no-repeat 0 0;
	background-size: 20px;
}
.rNav ul.point02 li:first-child {
	margin-right: 15px;
}
.rNav ul.point li:before {
	content: ' E';
}
.recently ul {
	font-size: 1.6rem;
	border-bottom: 1px solid #e2e2e2;
}
.recently h3 {
	padding: 10px !important;
	background: #ebebeb;
}

/*----------- header
------------------------------------------*/
/*--- backNav ---*/
#backNav {
	line-height: 1;
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
#backNav li {
	font-size: 1.5rem;
	padding-left: 16px;
	background: url(/houjin/assets_sp/theme/images/icon_008.png) no-repeat 0 0;
	background-size: 11px;
}
#backNav li a {
	color: #000;
}

/*----------- headSearch
------------------------------------------*/
#headSearch {
	height: 54px;
	margin-top: 8px;
	overflow: hidden;
	border-bottom:1px solid #ddd;
}
#headSearch .searchNavBtn a {
	width: 70%;
	height: 45px;
	margin-right: 2%;
	float: left;
}
#headSearch .searchNavBtn a {
	line-height: 43px;
	padding: 0;
}
#headSearch .btn_W001 {
	width: 28%;
	float: right;
}
#headSearch .btn_W001 a {
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 5px;
}

/*----------- fixed bottom box
------------------------------------------*/
#fixed_bottomBox {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: #fff;
	border-top: 3px solid #ccc;
	box-sizing: border-box;
  	display: none;
	z-index: 5;
	position: fixed;
	bottom: 0;
}
#fixed_bottomBox .searchNavBtn a {
	font-size: 1.8rem;
	line-height: 48px;
	width: 70%;
	height: 50px;
	margin-right: 2%;
	padding: 0;
	float: left;
}
#fixed_bottomBox .searchNavBtn a:after {
	width: 0;
	height: 0;
}
#fixed_bottomBox .btn_W001 {
	width: 28%;
	float: right;
}
#fixed_bottomBox .btn_W001 a {
	font-size: 1.4rem;
	line-height: 1.2;
	height: 50px;
	padding: 8px 5px;
}
#fixed_bottomBox ul {
	text-align: center;
	margin: 8px 0;
}
#fixed_bottomBox ul li {
	color: #666;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 5px;
	display: inline-block;
}
#fixed_bottomBox ul li:before {
	content: '  ';
	color: #ffd200;
	margin-right: 2px;
}

#smt_top #footContainer {
	margin-bottom: 95px;
}

/*----------- contents
------------------------------------------*/
/*--- tab Customer ---*/
#tabCustomer ul {
	box-sizing: border-box;
	margin-top: 0.5vh;
	overflow: hidden;
	width: 100%;
}
#tabCustomer li {
	background: url(/houjin/assets_sp/theme/images/tab_spacer.png) no-repeat 0 center;
	background-size: 1px 3.7vh;
	display: table;
	float: left;
	text-align: center;
    width: 50%;
}
#tabCustomer li:first-child {
	background: none;
}
#tabCustomer li a,
#tabCustomer li span {
	box-sizing: border-box;
	color: #666;
	display: table-cell;
	font-size: 3.5vw;
	height: 7vh;
	line-height: 1.2;
	padding: 1vh 0 1vh;
	vertical-align: middle;
}
#tabCustomer li .active {
	border-bottom: 2px solid #dd2723;
	color: #000;
	font-weight: bold;
}

/*--- slider ---*/
#smt_top #mainVisual,
#smt_top #about,
#smt_top #flow,
#smt_top #searchMain {
	width: 100%;
	clear: both;
	position: relative;
	overflow: hidden;
}
#smt_top #mainVisual .slider,
#smt_top #areaSearchWrap .slider02 {
	display: none;
}
#smt_top .bx-viewport {
	overflow: visible!important;
	width: 100%;
	position: absolute;
}
#smt_top .slider li {
	width: 90vw!important;
	margin-right: 5px;
}

/*--- slider mainVisual---*/
#smt_top .bx-wrapper {
	margin: 0;
	padding: 5px 0;
	background: #ebebeb;
}
#smt_top #bx-pager {
	width: 100%;
	/*margin-bottom: 5px;*/
	border-right: 5px solid #ebebeb;
	border-bottom: 5px solid #ebebeb;
	border-left: 5px solid #ebebeb;
	overflow: hidden;
}
#smt_top #bx-pager li {
	text-align: center;
	width: 25%;
	padding: 10px 0;
	float: left;
	display: table-cell;
	position: relative;
}
#smt_top #bx-pager li a {
	color: #000;
	font-size: 3.5vw;
	line-height: 1.2;
	padding-top: 12px;
	border-right: 1px solid #ccc;
	vertical-align: middle;
	display: block;
}
#smt_top #bx-pager li a:before {
	content: '';
	width: 12px;
	height: 7.2px;
	background: url(/houjin/assets_sp/theme/images/icon_013.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 8px;
	margin-left: -6px;
}
#smt_top #bx-pager li:last-child a {
	border-right: 0;
}

/*--- slider about, flow---*/
#smt_top #about .titleA,
#smt_top #flow .titleA {
	padding-bottom: 0;
}
#smt_top #about .bx-wrapper,
#smt_top #flow .bx-wrapper {
	margin: 0 auto 40px;
}
#smt_top .bx-wrapper .bx-pager.bx-default-pager a:hover,
#smt_top .bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 1px solid #999;
	background: #999;
}
#smt_top .bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px solid #7f7f7f;
    background: #fff;
}
#smt_top .bx-wrapper .bx-prev {
	width: 20px;
	height: 35px;
    left: 10px;
	background: none;
}
#smt_top .bx-wrapper .bx-next {
	width: 20px;
	height: 35px;
    right: 10px;
	background: none;
}

/*--- slider area search ---*/
#smt_top.area header h1 {
	margin: 1.5% auto;
}
#areaSearchWrap {
	margin-bottom: 10px;
	overflow: hidden;
}
#areaSearchWrap .areaMenuBlock {
	height: 40.8vh;
	overflow: hidden;
	position: relative;
}
#areaSearchWrap div,
#areaSearchWrap ul,
#areaSearchWrap li,
#areaSearchWrap p {
	box-sizing: border-box;
}
#areaSearchWrap .bx-wrapper {
    margin: 0 auto;
 	background: #34c3ed;
   	padding: 0;
    position: relative;
}
#areaSearchWrap #areaSearch,
#areaSearchWrap [id*="areaMenuBlock"] {
	padding: 3% 0 0 3%;
}
#areaSearchWrap #areaSearchHead,
#areaSearchWrap .tabs li,
#areaSearchWrap .areaMenuBlock li {
	margin: 0 3% 3% 0;
	float: left;
}
#areaSearchWrap #areaSearchHead {
	width: 63.6%;
}
#areaSearchWrap #areaSearchHead h2 {
	color: #ffffff;
	font-size: 5.2vw;
	line-height: 1;
    text-shadow:1px 1px 1px #0d5477;
}
#areaSearchWrap #areaSearchHead h3 {
	color: #ffffff;
	font-size: 4.1vw;
	line-height: 1.5;
    text-shadow:1px 1px 1px #0d5477;
}
#areaSearchWrap #areaSearchHead .num {
	font-size: 7.9vw;
}
#areaSearchWrap #areaSearchHead .ylw {
	color: #ff6;
}
#areaSearchWrap #areaSearchHead .kome {
	color: #0d5477;
	font-size: 2.7vw;
    text-shadow: none;
}
#areaSearchWrap #areaSearchHead .kome.now {
	text-align: right;
	line-height: 1.3;
	margin-right: 6vw;
}
#areaSearchWrap #areaSearchHead,
#areaSearchWrap .tabs li {
	height: 11vh;
}
#areaSearchWrap .tabs li,
#areaSearchWrap .areaMenuBlock li,
#areaSearchWrap .areaMenuBlock p a {
	text-align: center;
	width: 30.3%;
	border: 1px solid #898989;
	border-radius: 5px;
	background: #fff;
}
#areaSearchWrap .tabs li,
#areaSearchWrap .areaMenuBlock li {
	font-size: 4.8vw;
	font-weight: bold;
	box-shadow: 0px 5px rgba(60, 167, 220, 1.0);
	-moz-box-shadow: 0px 5px rgba(60, 167, 220, 1.0);
	-webkit-box-shadow: 0px 5px rgba(60, 167, 220, 1.0);
	-o-box-shadow: 0px 5px rgba(60, 167, 220, 1.0);
	-ms-box-shadow: 0px 5px rgba(60, 167, 220, 1.0);
	behavior: url(/PIE.htc);
}
#areaSearchWrap .tabs li div {
	line-height: 10.8vh;
}
#areaSearchWrap .tabs li.w div {
	line-height: 1.3;
	padding: 2vh 0;
}
#areaSearchWrap .areaMenuBlock li div {
	line-height: 7.8vh;
	height: 8vh;
}
#areaSearchWrap .tabs li a,
#areaSearchWrap .areaMenuBlock li a,
#areaSearchWrap .areaMenuBlock p a {
	color: #000;
	display: block;
}
#areaSearchWrap .areaMenuBlock p {
	width: 100%;
	padding: 10px 3%;
	clear: left;
	background: #fff;
	border-bottom: 4px solid #77c6ed;
	position: absolute;
	bottom: 0;
}
#areaSearchWrap .areaMenuBlock p a {
	font-size: 4.3vw;
	line-height: 5.1vh;
	height: 5.1vh;
	position: relative;
}
#areaSearchWrap .areaMenuBlock p a:after {
	width: 11px;
	height: 14px;
	content: '';
	background: url(/houjin/assets_sp/theme/images/icon_008.png) no-repeat 0 0;
	background-size: 100%;
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -7px;
}
#smt_top .navBtn01 {
	width: 96%;
	margin: 0 auto;
}

	/*--- for iPad ---*/
@media screen and (min-width: 768px) {
	#areaSearchWrap #areaSearchHead h2 {
		font-size: 5vw;
	}
	#areaSearchWrap #areaSearchHead h3 {
		font-size: 4vw;
		line-height: 1.3;
	}
	#areaSearchWrap #areaSearchHead .num {
		font-size: 8vw;
	}
	#areaSearchWrap #areaSearchHead .kome {
		font-size: 2.5vw;
	}
	#areaSearchWrap #areaSearchHead .kome.now {
		font-size: 2vw;
		text-align: right;
		margin-right: 8vw;
	}
	#areaSearchWrap .tabs li,
	#areaSearchWrap .areaMenuBlock li {
		font-size: 3.3vw;
	}
	#areaSearchWrap .tabs li.w div {
		padding: 2.15vh 0;
	}
	#areaSearchWrap .areaMenuBlock p a {
		font-size: 3.4vw;
	}
}

/*--- top_bnrArea ---*/
#top_bnrArea {
	margin-bottom: 20px;
}
#top_bnrArea ul {
	width: 100%;
	overflow: hidden;
}
#top_bnrArea li {
	width: 49%;
	float: left;
}
#top_bnrArea li:first-child {
	margin-right: 2%;
}

/*--- searchShop_block ---*/
.searchShop_block {
	margin-bottom: 3vh;
}
.searchShop_block h2 {
	color: #fff;
	font-weight: bold;
	font-size: 4vw;
	text-align: center;
	margin-bottom: 2.25vh;
	padding: 2% 2% 1.5%;
	background: #dd2723;
}
.searchShop_block ul {
	width: 100%;
	padding: 0 3%;
	overflow: hidden;
	box-sizing: border-box;
}
.searchShop_block li {
	width: 32%;
	margin-left: 2%;
	float: left;
}
.searchShop_block li:first-child {
	margin-left: 0;
}
.searchShop_block li img {
	width: 100%;
}
.searchShop_block .search_area {
	margin: 0;
}
.searchShop_block .form {
	width: 100%;
	margin: 2.25vh 0 0 0;
}

/*----------- After
------------------------------------------*/
#after {
	margin-bottom: 20px;
}
#after h2 img {
	margin-bottom: 15px;
}
#after p {
	margin-bottom: 20px;
}
#after .detailBox dl {
	margin: 0 -7px;
	padding: 0 7px 15px;
	border-bottom: 1px solid #e4e4e4;
}
#after .detailBox dt {
	margin-bottom: 10px;
}
#after .detailBox dt span {
	margin: 20px 0 0;
	display: inline-block;
}
#after .detailBox dd {
	text-align: center;
}
#after .detailBox dd p {
	margin-bottom: 0;
}
#after .detailBox dd span {
	color: #666;
	font-size: 1.2rem;
	display: block;
}
#after .navBtn01 {
	margin-top: 20px;
}

/*----------- line wrap ++about, flow++
------------------------------------------*/
#lineWrap h3 {
	font-weight: bold;
}
#lineWrap ul {
	margin-bottom: 10px;
}
#lineLogoWrap h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
#lineWrap .dot li,
#lineLogoWrap .dot li,
#smt_line #mainVisual .dot li {
	font-size: .9em;
}

/*----------- added 201608091517 after for Toppage
------------------------------------------*/
#searchMainFoot {
	margin-bottom: 20px;
}
#searchMainFoot .rNav {
	margin-bottom: 0;
}
#searchMainFoot p {
    margin: 0 0 5px;
}

.container_wrap .sec {
	margin: 10px 0 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.sec:last-child,
.sec.noBD {
	border: 0;
}

	/* featureNav */
#featureNavWrap {
	margin-bottom: 20px;
}
#featureNavWrap h2 {
	width: 72%;
	padding: 5% 3%;
}
#featureNav {
	font-size: 2rem;
	border-top: 1px solid #ddd;
}
#featureNav li {
	line-height: 1.3;
	padding: 3% 12% 3% 4%;
	border-bottom: 1px solid #ddd;
	position: relative;
}
#featureNav li a {
	color: #000;
	text-indent: -2rem;
	margin-left: 2rem;
	display: block;
}
#featureNav li a span {
	color: #999;
	margin-right: 3px;
}
#featureNav li a:after {
	content: '';
	width: 15px;
	height: 9px;
	background: url(/houjin/assets_sp/theme/images/icon_002.png) no-repeat 0 0;
	background-size: 100%;
	position: absolute;
	right: 4%;
	top: 50%;
	margin-top: -4px;
}

	/* kids */
#kidsWrap .alpha {
	width: 55%;
	margin-right: 3%;
	float: left;
}
#kidsWrap .beta {
	width: 42%;
	float: right;
}

	/* about_feature, about_flow */
#top_feature dt,
#top_flow dt {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 10px;
}
#top_feature dt span,
#top_flow dt span {
	color: #999;
	font-size: 1.5rem;
	margin-bottom: 5px;
	display: block;
}
#top_feature .navBtn01,
#top_flow .navBtn01 {
	margin-top: 10px;
	position: relative;
}
#top_feature .navBtn01 .point {
	width: 44%;
	position: absolute;
	top: -10px;
	right: -3px;
}
#top_feature [id*="ft0"] {
	margin-top: -70px;
	padding-top: 70px;
}
#top_feature .lineList,
#top_feature .lineList dt {
	margin-bottom: 0;
}
#top_feature .lineList dd {
	margin-left: 1em;
}
#top_feature .lineList dt {
	font-size: 1.3rem;
	text-align: left;
}

#top_flow .sec {
	position: relative;
	overflow: visible;
}
#top_flow .sec.arw01 {
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#top_flow .sec.arw01:after {
	content: '';
	background: url(/houjin/assetes_sp/static/indexDir/img/arw_blue_L.png) no-repeat 0 0;
	background-size: 100%;
	width: 75px;
	height: 23px;
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -38px;
}
#top_flow .sec li {
	line-height: 1.3;
	margin-bottom: 5px;
}
#top_flow .arw02 {
	line-height: 1;
}
#top_flow .arw02 span{
	margin-bottom: 10px;
}
#top_flow .arw02 img {
	width: 69px;
	margin: 4px 0;
}
#top_flow .step4 li {
	color: #666;
	font-weight: bold;
	text-align: center;
	padding-top: 16px;
	margin-bottom: 10px;
	background: url(/houjin/assetes_sp/static/indexDir/img/arw_blue_M.png) no-repeat center 0;
	background-size: 48px;
}

/*----------- Voice
------------------------------------------*/
#voice {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#voice h3 {
	font-size: 2rem;
	text-align: center;
	line-height: 1.2;
	margin: 10px 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#voice h3 span {
	font-size: 1.3rem;
}
#voice dt {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}
#voice dd {
	font-size: 1.5rem;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#voice dd:last-child {
	margin-bottom: 10px;
}
#voice dd ul li:first-child:before {
	content: '(';
	margin-right: 3px;
}
#voice dd ul li:last-child:after {
	content: ')';
	margin-left: 3px;
}
#voice dd li {
	font-size: 1.1rem;
	line-height: 1;
	padding-right: 6px;
	border-right: 1px solid #333;
	display: inline-block;
}
#voice dd li:last-child {
	border: 0;
}
#voice dd li span {
	color: #c07d00;
}

/*----------- letter
------------------------------------------*/
#letter {
	padding: 0 5px 5px;
	background: #f3f3f3;
}
#letter ul {
	margin-top: 5px;
}
#letter li {
	width: 100%;
	margin-bottom: 5px;
}

/*----------- lineup common
------------------------------------------*/
	/*--- tabMenu, typeNav, riskNav ---*/
#tabLineup .tabNav {
	width: 100%;
	margin-top: 1.5vh;
	overflow: hidden;
	box-sizing: border-box;
}
#tabLineup .tabNav li {
	text-align: center;
    width: 50%;
	float: left;
	background: url(/houjin/assets_sp/theme/images/tab_spacer.png) no-repeat 0 center;
	background-size: 1px 6vh;
}
#tabLineup .tabNav li:first-child {
	background: none;
}
#tabLineup .tabNav li a {
	color: #000;
	font-size: 3.5vw;
	line-height: 1.2;
	height: 11.5vh;
	padding: 4.5vh 0 2.6vh;
	display: block;
	box-sizing: border-box;
}
#tabLineup .tabNav li a strong {
	font-size: 4.8vw;
	font-weight: normal;
}
#tabLineup .tabNav li a span {
	color: #666;
	font-size: 3vw;
	font-weight: normal!important;
}
#tabLineup .tabNav li a.active,
#tabLineup .tabNav li a.active strong {
	font-weight: bold;
}
#tabLineup .tabNav li a.active {
	border-bottom: 2px solid #dd2723;
}
#tabLineup .tabNav li.tabNav_type a {
	padding-top: 5.5vh;
	background: url(/houjin/assets_sp/theme/images/icon/ico_type.png) no-repeat center 0;
	background-size: 9.5vw;
}
#tabLineup .tabNav li.tabNav_risk a {
	background: url(/houjin/assets_sp/theme/images/icon/ico_risk.png) no-repeat center 0;
	background-size: 9.5vw;
}
#tabLineup .tabNav li.tabNav_type a.active {
	background: url(/houjin/assets_sp/theme/images/icon/ico_type_active.png) no-repeat center 0;
	background-size: 9.5vw;
}
#tabLineup .tabNav li.tabNav_risk a.active {
	background: url(/houjin/assets_sp/theme/images/icon/ico_risk_active.png) no-repeat center 0;
	background-size: 9.5vw;
}

/* 3tab after201905 kokokara*/
	/*--- tabMenu, typeNav, riskNav ---*/
#tabLineup.col3 .tabNav {
	border-bottom: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
}
#tabLineup.col3 .tabNav li {
	background: none;
    width: 33%;
}
#tabLineup.col3 .tabNav li a {
	line-height: 1;
	height: 7.5vh;
	padding: 2.6vh 0;
}
#tabLineup.col3 .tabNav li a strong {
	font-size: 4.5vw;
}
#tabLineup.col3 .tabNav li a span {
	font-size: 3.125vw;
}
#tabLineup.col3 .tabNav li.tabNav_type a {
	background: none;
	padding-top: 2.6vh;
}
#tabLineup.col3 .tabNav li.tabNav_risk a,
#tabLineup.col3 .tabNav li.tabNav_type a.active,
#tabLineup.col3 .tabNav li.tabNav_risk a.active {
	background: none;
}
#smt_top #tabLineup #lineWrap section {
    margin-top: 0;
    padding-top: 0;
}
/* 3tab after201905 kokomade */

#typeNav,
#riskNav {
	margin-bottom: 3vh;
}
#typeNav ul,
#riskNav ul {
	overflow: hidden;
}
#typeNav li,
#riskNav li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e2e2e2;
	box-sizing: border-box;
}
#typeNav .list_search_002 .area,
#typeNav ul ul li:last-child,
#riskNav .list_search_002 .area,
#riskNav ul ul li:last-child {
	border-bottom: 0;
}
#typeNav li a .num,
#riskNav dd a .num {
	font-size: 3.2vw;
}

#typeNav h3 {
	font-size: 4vw;
	padding: 2.2vh 4vw 1.5vh;
}
#typeNav li.block_2 {
	width: 50%;
	border-right: 1px solid #e2e2e2;
}
#typeNav li .no_href{
    color: #ccc;
	display: block;
}
#typeNav li a,
#typeNav li .no_href {
	font-size: 4.8vw;
	padding-top: 2vh;
	padding-bottom: 2vh;
	padding-left: 10.7vw;
}
#typeNav li .no_href:after{
	background: none;
}
#typeNav li.block_2 a {
	font-size: 4vw;
	padding-right: 4vw;
	padding-left: 2.7vw;
}

#typeNav .tgl_sw .ico_iryo {
	background: url(/houjin/assets_sp/theme/images/icon/ico_iryo.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .tgl_sw .ico_gan {
	background: url(/houjin/assets_sp/theme/images/icon/ico_gan.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_gakushi {
	background: url(/houjin/assets_sp/theme/images/icon/ico_gakushi.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_shugyo {
	background: url(/houjin/assets_sp/theme/images/icon/ico_shugyo.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .tgl_sw > .ico_shushin {
	background: url(/houjin/assets_sp/theme/images/icon/ico_shushin.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .tgl_sw > .ico_teiki {
	background: url(/houjin/assets_sp/theme/images/icon/ico_teiki.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .tgl_sw > .ico_shunyu {
	background: url(/houjin/assets_sp/theme/images/icon/ico_shunyu.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_kasai {
	background: url(/houjin/assets_sp/theme/images/icon/ico_kasai.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_car {
	background: url(/houjin/assets_sp/theme/images/icon/ico_car.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_income {
	background: url(/houjin/assets_sp/theme/images/icon/ico_income.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_travel {
	background: url(/houjin/assets_sp/theme/images/icon/ico_travel.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_bicycle {
	background: url(/houjin/assets_sp/theme/images/icon/ico_bicycle.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_kaigo {
	background: url(/houjin/assets_sp/theme/images/icon/ico_kaigo.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_kenko {
	background: url(/houjin/assets_sp/theme/images/icon/ico_kenko.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_kojin_baisho {
	background: url(/houjin/assets_sp/theme/images/icon/ico_kojin_baisho.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_shogai {
	background: url(/houjin/assets_sp/theme/images/icon/ico_shogai.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_golf {
	background: url(/houjin/assets_sp/theme/images/icon/ico_golf.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_pet {
	background: url(/houjin/assets_sp/theme/images/icon/ico_pet.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_shussan {
	background: url(/houjin/assets_sp/theme/images/icon/ico_shussan.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_sandai {
	background: url(/houjin/assets_sp/theme/images/icon/ico_sandai.png) 2.7vw center / 6.7vw no-repeat;
}
#typeNav .ico_tokutei {
	background: url(/houjin/assets_sp/theme/images/icon/ico_tokutei.png) 2.7vw center / 6.7vw no-repeat;
}

#riskNav li a,
#riskNav dt {
	font-size: 4.8vw;
	font-weight: normal;
}
#riskNav li a span {
	color: #666;
	font-size: 3vw;
}
#riskNav .tgl_sw.active > a {
    background: #fff;
}
#riskNav .tgl_sw.active > a strong {
	font-weight: bold;
}
#riskNav > ul > li > div > a {
	font-size: 3.2vw;
	margin: 1.5vh 0 1.5vh 2.7vw;
	padding: 0.75vh 5.3vw 0 2.7vw;
	border-left: 1px solid #dd2723;
	box-sizing: border-box;
}
#riskNav > ul > li > div > a strong {
	font-size: 4.8vw;
}
#riskNav ul ul li {
	text-indent: 5.3vw;
}
#riskNav ul ul ul li {
	text-indent: 10.6vw;
}
#riskNav ul li.no_href {
	color: #ccc;
 	font-size: 4.8vw;
    line-height: 1.3;
	display: block;
    padding: 12px 25px 12px 10px;
}
#riskNav ul li.no_href span {
	font-size: 3vw;
}

#companyNav #catNav {
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 2vh;
	overflow: hidden;
	width: 100%;
}
#companyNav #catNav li {
	float: left;
	text-align: center;
	width: 33%;
}
#companyNav #catNav li a {
	background: url(/houjin/assets_sp/theme/images/icon_014_gry.png) no-repeat center 5.2vh;
	background-size: 3.2vw;
	color: #000;
	display: block;
	line-height: 1;
	font-size: 4vw;
	height: 7.5vh;
	padding: 2vh 0;
}

	/*--- anshin_no_wa ---*/
#anshin_no_wa {
	margin-bottom: 3vh;
}
#anshin_no_wa .titleA {
	margin-bottom: 10px;
}
#anshin_no_wa .lead {
	font-size: 4vw;
}

	/*--- for iPad ---*/
@media screen and (min-width: 768px) {
	#tabLineup .tabNav li a {
		height: 14vh;
		padding-top: 5vh;
	}
	#tabLineup .tabNav li.tabNav_type a {
		padding-top: 7vh;
	}
	#companyNav #catNav li a {
		background: url(/houjin/assets_sp/theme/images/icon_014_gry.png) no-repeat center 5.4vh;
		font-size: 3.6vw;
	}
}

/*-------  dlpo banner for Top page
------------------------------------------------------*/
#dlpo_cp_bnrTop {
	width: 100%;
	background: rgba(255,255,255,0.8);
	position: fixed;
	bottom: 0;
	z-index: 9999;
}
#dlpo_cp_bnrTop #bnr_main {
	margin: 2.5% 2%;
	position: relative;
}
#dlpo_cp_bnrTop #bnr_close {
	width: 7%;
	position: absolute;
	top: 0;
	right: 1%;
}

/*-------  others
------------------------------------------------------*/
#after_campaign {
	width: 96%;
	margin: 10px auto;
	border: 1px solid #dd2723;
}
#after_campaign p {
	color: #dd2723;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin: 15px 0;
}

#line_head > p:first-of-type {
	padding: 10px;
}


/*------- Common
------------------------------------------------------*/
*, p, li {
	letter-spacing: 0;
  line-height: 1.5;
}
img {
  width: 100%;
}
#souzokusoudan {
  font-family: "Noto Sans JP", 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}
#souzokusoudan p {
  line-height: 180%;
  color: #2d3436;
}
#souzokusoudan img {
  max-width: 100%;
}
body {
  margin: 0;
  background: #fff;
}
/*------ Head Container -----------------*/
/*--- header ---*/
header .logo h1{
  color: #636e72;
  font-size: 2.7vw;
  text-align: center;
  width: 100%;
  margin: 0 0 1vw 0;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}
header .logo{
	display: block;
  text-align: center;
  height: 10vw;
}
header .logo a{
	display: inline-block;
}

header img {
   max-width: 100%;
}

header {
  padding: 3vw 5vw;
  border-top: 0;
  box-shadow: none;
  border-bottom: 1px solid #DDD;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  background-color: #ffffff;
}

/*mv*/
.mv_inner {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.mv_cv {
  margin: 0 auto 0;
  width: 90%;
  position: absolute;
  bottom: 7vw;
  left: 50%;
  transform: translateX(-50%);
}
#souzokusoudan .mv_cv p{
  font-size:3.4666vw;
  /* color: #fff; */
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.slash{
  font-family: 'VL ゴシック', 'Courier New', Courier, monospace;
}
.cv_area a{
  display: block;
  margin: 0px auto 0;
}


/*content01*/
.content01 {
  margin-top: 50px;
}
.cont-ttl {
  color: #2d3436;
  font-size: 6.6666vw;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 20%;
}
.cont_inner {
  max-width: 90%;
  margin: 0 auto;
}
.cont-ttl:before{
  border-top: 1px solid #2d3436;
  content: "";
  width: 15%;
  position: absolute;
  top: 27%;
  left: -20%;
}
.co01_flex {
  margin-top: 25px;
  display: block;
}
.co01_flex li {
  margin-bottom:15px;
  font-size: 3.7333vw;
  color: #2d3436;
  position: relative;
  text-indent: -1em;
  padding-left: 1em;
  box-sizing: border-box;
}
.co01_flex li:before {
  content: '●';
  color: #b2bec3;
  font-size: 3.2vw;
  margin-right: 5px;
  position: relative;
}
.cont-subttl {
  margin: 30px 0 30px;
  text-align: center;
}
.co01_flex02 {
  display: block;
}
.co01_flex02 li {
  width: 100%;
  text-align: center;
  color: #00b894;
  font-size: 4.2666vw;
  font-weight: bold;
  border:2px solid #00b894;
  padding: 4% 3%;
  position: relative;
  line-height: 140%;
  margin-bottom: 30px;
}
.co01_flex02 li:before {
  content: "";
  position: absolute;
  left: 2%;
  top: -7.5px;
  background: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/6805611/53551323-6f3e-408b-ada9-443353fdbcbe.png") no-repeat scroll 0 0;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;

}

/*content02*/
.content02 {
  margin-top: 40px;
}
.content02 .cont-ttl:before{
  top:20%;
}
.cont02_txt {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 3.7333vw;
}
.point_cont {
  box-sizing: border-box;
  padding: 5% 4%;
  box-shadow: 0px 0px 15px -5px #919191;
  margin: 0 0 30px 0;
}
.point_cont dt {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.point_cont dt img {
  width: 17%;
  display: block;
}
.point_cont dt p{
  width: 77%;
}
.point_cont dd {
  width: 100%;
  padding: 8% 5%;
  box-sizing: border-box;
  position: relative;
  background: #eff2f4;
}
.point_cont dt strong {
  font-size: 4.2666vw;
  font-weight: bold;
  color: #00b894;
  line-height: 140%;
  display: block;
}
.point_cont dt span {
  font-size: 3.7333vw;
  margin-top: 10px;
  line-height: 140%;
  display: block;
}
.point_cont dd .note {
  font-weight: normal;
  font-size: 3.4666vw;
}
.point_cont dd p{
  font-size: 3.7333vw;
  font-weight: bold;
  margin: 0;
}
.point_cont .chart {
  display: block;
  margin-top: 15px;
}
.point_cont dd .label{
  position: absolute;
  top: -15px;
  left: calc(50% - 40px);
  width: 80px;
}
.note_txt {
  font-size: 3vw;
}

/*cv_content*/
.cv_content {
  background: #636e72;
  padding-bottom: 20px;
  margin-top: 70px;
}
.cv_content .cv_area .cv_txt01{
  font-size: 3.4666vw;
  font-weight: bold;
  background: #fff;
  box-shadow: 0px 0px 15px -5px #919191;
  position: relative;
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
  padding: 5px 0;
  top:-15px;
}
.cv_content .cv_area .cv_txt01:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
#souzokusoudan .cv_content .cv_area .cv_txt02{
  color: #ffee73;
  font-size: 3.2vw;
  text-align: center;
  font-weight: bold;
}
.cv_content .cv_area{
  margin: 0 auto 0;
  max-width: 80%;
}

/*content03*/
.content03 {
  margin-top: 60px;
}
.cont_inner_wid {
  max-width: 100%;
  margin: 0 auto;
}
.qa_box01 {
  position: relative;
  min-width: 95%;
  margin: 15px 0;
  margin-left: 5%;
  background-color: #eff2f4;
}
.qa_item01 {
  position: relative;
  width: 90%;
  margin:0 auto;
  box-sizing: border-box;
  padding: 5% 0;
}
.qa_box02 {
  position: relative;
  min-width: 95%;
  margin: 15px 0;
  margin-right: 5%;
  background-color: #eff2f4;
}
.qa_item02 {
  position: relative;
  width: 90%;
  margin:0 auto;
  box-sizing: border-box;
  padding: 5% 0;
}
.qa_c dt span {
  display: block;
  width: 17%;
}
.qa_c dt strong {
  display: block;
  width: 77%;
}
.qa_c dt {
  font-size: 4.2666vw;
  font-weight: bold;
  color: #2d3436;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: space-between;
}
.qa_c dd {
  margin: 0;
}
.qa_c dd p{
  margin: 30px 0;
  font-size: 3.7333vw;
  font-weight: 500;
}
.content03 .note {
  margin: 10px auto 0;
  max-width: 100%;
}
.content03 .note li{
  font-size: 3.4666vw;
  font-weight: 500;
}

#souzokusoudan .note_txt02 {
  font-size: 3.4666vw;
  margin-top: 20px;
}

/*content04*/
.content04 {
  margin-top: 60px;
}
.content04 .cont-ttl:before {
  top:50%;
}
.content04 .cont-ttl{
  margin-bottom: 30px;
}
.about_box {
  margin-bottom: 20px;
  box-shadow: 0px 0px 15px -5px #919191;
}

.ab_fx dl {
  width: 100%;
  box-sizing: border-box;
  padding: 4% 5%;
  margin: 0;
}
.ab_fx .aboutimg {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.about_box dl dt{
  padding: 4% 0 4% 15px;
  font-size: 4.8vw;
  font-weight: bold;
  color: #00b894;
}
.about_box dl dd {
  margin: 0;
}
.about_box dl dd p {
  margin: 15px 0 20px;
  font-size: 3.7333vw;
}
.ab_btn {
  max-width: 100%;
}
.ab_btn a {
  display: block;
  font-size: 3.4666vw;
  font-weight: 500;
  color: #fff!important;
  text-align: center;
  padding: 14px 40px 12px 10px;
  text-decoration: none;
  background-size: 35px auto;
}
.about_box .ab_oneline {
  padding: 3% 5%;
}
.sanplus1 {
  margin-top: 40px;
  border: 2px solid #00b894;
  position: relative;
}
#souzokusoudan .logo_ov {
  position: absolute;
  left: 3%;
  top: -10%;
  width: 25%;
}
#souzokusoudan .logo_ov02 {
  position: absolute;
  left: 3%;
  top: -2%;
  width: 50%;
}
.sanplus1_flex {
  padding: 35px 4% 30px;
  display: block;
}

.sanplus1 h3 {
  font-size: 4.2666vw;
  font-weight: bold;
  margin: 0;
  letter-spacing: 0;
  color: #00b894;
}
.sanplus1_flex .textBlock {
  width: 100%;
  letter-spacing: 0;
}
.sanplus1 .textBlock p{
  font-size: 3.7333vw;
  margin: 10px 0;
}
.sanplus1 .textBlock .note_txt03{
  font-size: 3.2vw;
}
.sanplus1_box {
  padding: 35px 4% 30px;
}
.about_list {
  margin: 20px 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #b2bec3;
}
.about_list li{
  width: 100%;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 3.7333vw;
  text-indent: -1em;
  padding-left: 1em;
  position: relative;
  box-sizing: border-box;
}

.about_list li:before {
  content: '●';
  color: #00b894;
  font-size: 3.2vw;
  margin-right: 5px;
  position: relative;
}

/*content05*/
.content05 {
  margin-top: 60px;
}
.content05 .cont-ttl:before {
  top:50%;
}
.voice_flex {
}
.voice_flex dl {
  box-shadow: 0px 0px 15px -5px #919191;
  width: 100%;
  position: relative;
  margin-top: 50px;
}
#souzokusoudan .voice_flex .vo01 img{
  position: absolute;
  left: 5.5%;
  top: -30px;
  width: 20%;
}
#souzokusoudan .voice_flex .vo02 img{
  position: absolute;
  left: 5.5%;
  top: -30px;
  width: 20%
}
.voice_flex dt {
  font-size: 4.2666vw;
  padding: 14% 5.5% 10px;
  position: relative;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 0;
}
.voice_flex dt:before{
  content: '';
  position: absolute;
  left: 5%;
  bottom: -5px;/*線の上下位置*/
  display: inline-block;
  width: 60px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  background-color: #b2bec3;/*線の色*/
}
.voice_flex dd {
  font-size: 3.7333vw;
  padding: 20px 5.5% 40px;
  line-height: 180%;
  margin: 0;
  letter-spacing: 0;
}
.contents {
  padding: 0;
  border: 0;
}

/*content06*/
.content06 {
  margin-top: 60px;
}


#main .content06 .titleA{
  color: #2d3436;
  font-size: 6.6666vw;
  font-weight: bold;
  position: relative;
  margin: 0;
  background: none;
}
#main .content06 .titleA:before {
  border-top: 1px solid #2d3436;
  content: "";
  width: 15%;
  position: absolute;
  top: 50%;
  left: -20%;

}

#souzokusoudan .content06 .lead p {
  font-size: 3.7333vw;
  margin-top: 20px;
}
#lineWrap .line_note{
  font-size: 3.46666vw;
  margin: 0;
  text-indent: 0;
}
#souzokusoudan .content06 section p {
  line-height: 130%;
}


#line_head {
	margin: 10px 0 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
#line_head h2 {
	font-size: 4.8vw;
	font-weight: bold;
	padding: 10px;
	background: #ebebeb;
}

#line_head p {
	margin: 20px 10px 0;
}

#line_head ul.dot {
	margin: 0 10px 10px;
	font-size: 0.9em;
}

#line_head p.point {
	color: #666;
    font-size: 1.2rem;
    text-align: right;
}
/*modal(colorbox)*/
#cboxContent {
  background: #fff;
  overflow: hidden;
  border: 0;
  /* padding: 25px 12px 30px!important; */
  border-radius: 0;
}
.block_discuss_001 .item_q {
  font-size: 4.8vw;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 30px 0 30px 10px;
  border-bottom: 0;
}
.block_discuss_001 .item_a {
  font-size: 3.4666vw;
  line-height: 1.7;
  padding: 0 0 0 10px;
}
.block_discuss_001 .btn_close {
  text-align: center;
  line-height: 100%;
  width: 260px;
  height: auto;
  margin: 30px auto 0;
  background: none;
}
.block_discuss_001 .btn_close a{
  display: block;
  color: #fff!important;
  background: #000;
  padding: 15px 0;
  font-size: 3.4666vw;
  font-weight: bold;
}
#cboxClose {
  display: none;
}

.top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
}
.top img{
  max-width: 100%;
}

/* #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {
  max-width: 90vw;
  box-sizing: border-box;
   height: auto !important;
  width: auto !important;
}

#colorbox {
  left: 4.5vw !important;
} */

.block_discuss_001 {
  display: block;
  overflow: visible;
  min-height: 1px;
  padding: 20px;
}

#cboxLoadedContent::after {
  content: "";
  display: block;
  clear: both;
}

#cboxWrapper > div[style*="clear: left"] {
  overflow: hidden;
 }

 #cboxWrapper > div[style*="clear: left"]::after {
  content: "";
  display: block;
  clear: both;
 }

 /* パンくずリスト */

 /*パンくずリスト*/
.c-breadcrumb{
  order: 99;
}

.c-breadcrumb{
  background: #f2f2f2;
  width: 100%;
  overflow: auto;
  padding: 0 10px;
}
.c-breadcrumb__lists{
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  align-items: center;
  font-size: 13px;
}
.c-breadcrumb .c-breadcrumb__lists,
.c-breadcrumb .c-breadcrumb__lists a{
  color: #666;
  text-decoration: none;
}

.c-breadcrumb .c-breadcrumb__lists li{
  position: relative;
  padding: 1em 0.75em 0.75em 1.5em;
  overflow: hidden;
  flex-shrink:0;
}
.c-breadcrumb .c-breadcrumb__lists li:before{
  content: "";
  display: block;
  width: 2em;
  height: calc(2em * (1.732/2));
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  transform: rotate(-60deg) skewX(-30deg);
  transform-origin:left top;
  position: absolute;
  top: 50%;
  left: -1em;
}
.c-breadcrumb .c-breadcrumb__lists li:first-child{
  /* padding-top: 0;
  padding-bottom: 0;
  ; */
  padding-left: 0
}
.c-breadcrumb .c-breadcrumb__lists li:first-child:before{
  content: none;
}