/*
  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: #1E4EA6;
}

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
------------------------------------------*/