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


/* ------------------------------------------------------------------
  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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;color:#333;font-size:13px;}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;text-align:justify;text-justify:distribute;background-color:#fff}a{text-decoration:none}a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )"}button{border:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent none;font-size:inherit}

.close{display:none !important;}
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}
.link-list li:nth-child(4){display:none;}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.web {
    padding-right: 9px !important;
}
img{vertical-align:bottom;}
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
.header-link .arr:first-child {
}
ul.link-list li:nth-child(6){ display:none !important;}
/* ------------------------------------------------------------------
  common
------------------------------------------------------------------ */

html {
  line-height: 1.6;
}

.inner {
  width: 980px;
  margin: 0 auto;
}
.headerImage {
    float: left;
}
.asterisk:before {
  content: "※ "
}

.ttl-gray {
  padding: 10px 0;
  text-align: center;
  background: #e3e8ef;
  width: 100%;
  min-width: 980px;
}
.ttl-gray02 {
  padding: 10px 0;
  text-align: center;
  background: #ececec;
  width: 100%;
  min-width: 980px;
}

.ttl-gray02 {
  padding: 14px 0;
  text-align: center;
  background: #ececec;
  border-bottom: 3px solid #e0e0e0;
  width: 100%;
  min-width: 980px;
}

.ttl-blue-gray {
  position: relative;
  margin-bottom: 40px;
}

.ttl-blue-gray h3,
.ttl-blue-gray h1 {
  background: url(../images/ttl-bg-gray.png) repeat-x;
  width: 980px;
  margin: 0 auto;
  position: relative;
  height: 63px;
  z-index: 1;
}

.ttl-blue-gray h3 img,
.ttl-blue-gray h1 img {
  position: absolute;
  top: -17px;
}

.ttl-blue-gray .blue,
.ttl-blue-gray .gray {
    position: absolute;
    width: 50%;
    height: 63px;
    top:  0;
}

.ttl-blue-gray .blue {
  background: url(../images/ttl-bg-blue.png) repeat-x;
  left: 0%;
}

.ttl-blue-gray .gray {
  background: url(../images/ttl-bg-gray.png) repeat-x;
  left: 50%;
}

.ttl-leftline {
  background: url(../images/line-gray.png) no-repeat left center;
  min-height: 30px;
  line-height: 30px;
  padding-left: 25px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}

.ttl-leftline img {
  vertical-align: middle;
}

.ttl-transparent {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 20px;
}
.pb2  { padding-bottom: 2px !important;}

.mt0  { margin-top: 0 !important;}
.mr0  { margin-right: 0 !important;}
.mr5  { margin-right: 5px !important;}
.mr20 { margin-right: 20px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.ml0  { margin-left: 0 !important;}
.mb0  { margin-bottom: 0 !important;}
.mb5  { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.f11  { font-size: 11px !important;}
.f12  { font-size: 12px !important;}
.f16  { font-size: 16px !important;}
.lh1  { line-height: 1 !important;}
.ta-l { text-align: left !important; }
.ta-c { text-align: center !important; }

.line0{line-height: 1;}
/* ------------------------------------------------------------------
  header
------------------------------------------------------------------ */

header {
  background: #f1fbff;
  padding: 20px 0 10px;
  width: 100%;
  min-width: 980px;
}

.header-left-block {
  padding-top: 15px;
  float: left;
}

.main-logo,
.header-catch {
  display: inline-block;
  margin-right: 10px;
}

.header-right-block {
  padding-top: 15px;
  float: right;
}

.header-link li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.header-link .arr {
  background: url(../images/arr-bk01.png) no-repeat left 40%;
  padding-left: 8px;
}

.header-link .arr a {
  font-size: 12px;
  color: #525252;
}

.header-link .arr a:hover {
  text-decoration: underline;
}

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

nav {
  background: url(../images/nav-bg.png) repeat-x #f1fbff;
  height: 71px;
}

.nav-list {
  padding-top: 9px;
}

.nav-list li {
  float: left;
}

.bnr-navy {
  background: url(../images/bnr-navy-bg.png) repeat-x;
  height: 72px;
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 980px;
}

.bnr-navy p {
  text-align: center;
  padding-top: 7px;
}

/*160801*/
nav#twoLines {
  background: url(../images/header/nav-bg.png) repeat-x #f1fbff;
  height: 90px;
}

nav#twoLines .nav-list {
  padding-top: 7px;
}

nav#twoLines .nav-list li {
  float: left;
}

nav#twoLines .bnr-navy {
  background: url(../images/bnr-navy-bg.png) repeat-x;
  height: 72px;
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 980px;
}

nav#twoLines .bnr-navy p {
  text-align: center;
  padding-top: 7px;
}


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

footer .site-link01 {
  background: #13448f;
  padding: 40px 0 25px;
  width: 100%;
  min-width: 980px;
}

footer .site-link01 a {
  color: #fff;
}

footer a:hover {
  text-decoration: underline;
}

footer .site-link-list01 li {
  float: left;
  margin-bottom: 15px;
  border-left: 1px solid #fff;
  line-height:1;
}

footer .site-link-list01 li:nth-child(n+2){
  padding-left: 10px;
  margin-left: 10px;
}

footer .site-link-list01:after{
  content: "";
  clear: both;
  display: block;
}

footer .site-link-list01 li:first-child,
footer .site-link-list01 li:nth-child(12),
/*footer .site-link-list01 li:nth-child(19), 2024.12.20*/
footer .site-link-list01 li:nth-child(18) {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
/* 2024.12.20 update */
footer .site-link-list01 li:nth-child(17) {
  margin-right: 10px;
}
footer .site-link-list01 li a:hover {
  text-decoration: underline;
}

footer .site-link-list02 li {
  display: inline-block;
  padding: 0 6px ;
  line-height:1;
}

footer .site-link-list02 li a {
  font-size: 12px;
}

footer .site-link02 {
  padding: 20px 0;
}

footer .site-link-list03 {
  display: inline-block;
}

footer .site-link-list03 li {
  display: inline-block;
  padding: 0 6px;
}

footer .site-link-list03 li a {
  color: #333;
  font-size: 12px;
}

footer .copyright {
  float: right;
  color: #333;
  font-size: 12px;
}

.auto_original{
  paddimg:13px 10px 14px 22px;
}
/* ------------------------------------------------------------------
  TOP page
------------------------------------------------------------------ */

.cpn-slider-block {
  background: url(../images/cpn-slider-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 610px;
  border-bottom: 5px solid #e0e0e0;
  margin-top: -5px;
  width: 100%;
  min-width: 980px;
}

.cpn-slider-ttl {
  text-align: center;
  padding-top: 20px;
  z-index: 10;
  position: relative;
  z-index:9999;
}

.cpn-slider-wrapper {
  border: 3px solid #b3b3b3;
  border-radius: 4px;
  background: #fff;
  margin-top: -36px;
  overflow: hidden;
  position: relative;
}

#nocampaign{
  background: url(../images/cpn-slider-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 435px;
  border-bottom: 5px solid #e0e0e0;
  margin-top: -5px;
  width: 100%;
  min-width: 980px;
  padding-top: 102px;
}
#nocampaign .boxWrap{
  position: relative;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
#nocampaign .boxWrap > p{
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 9999;
}

#nocampaign .box01{
  border: 3px solid #b3b3b3;
  border-radius: 5px;
  background: #f7feff;
}

#nocampaign .box01 .leftPh{
  width: 484px;
  float: left;
}
#nocampaign .box01 .leftPh ul{
  padding:5px 20px 0;
}
#nocampaign .box01 .leftPh ul li{
  width: 50%;
  margin-top: 8px;
  float: left;
}
#nocampaign .box01 .leftPh ul li a{
  font-weight: bold;
  font-size: 12px;
  color: #1f3c9c;
  padding-left: 15px;
  background: url(../images/bg_yaji.png) left center no-repeat;
}
#nocampaign .box01 .rightPh{
  width: 490px;
  float: left;
}
#nocampaign .box01 .rightPh ul li{
  float: left;
}
/*スライダー*/
.cpn-slider {
  overflow: hidden;
  width: 974px;
  height: 304px;
}

.cpn-slider li {
  display: block;
  float: left;
}

.cpn-thumbs {
  height: 96px;
  overflow: hidden;
  /*margin-left: -1px !important;*/
  letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.cpn-thumbs span {
  letter-spacing: normal; /* 文字間を通常に戻す */
  width: 210px;
  height: 91px;
  display: inline-block;
  margin: 5px 4px 0 4px;
  margin-top: 5px;
  cursor: pointer;
  overflow: hidden;
}

.thumb01{background-image: url(../images/cpn-slider-thumb01_off.jpg);}
.thumb01:hover,
.thumb01.selected{background-image: url(../images/cpn-slider-thumb01_on.jpg);}

.thumb02{background-image: url(../images/cpn-slider-thumb02_off.jpg);}
.thumb02:hover,
.thumb02.selected{background-image: url(../images/cpn-slider-thumb02_on.jpg);}

.thumb03{background-image: url(../images/cpn-slider-thumb03_off.png);}
.thumb03:hover,
.thumb03.selected{background-image: url(../images/cpn-slider-thumb03_on.png);}

.thumb04{background-image: url(../images/cpn-slider-thumb04_off.png);}
.thumb04:hover,
.thumb04.selected{background-image: url(../images/cpn-slider-thumb04_on.png);}

.thumb05{background-image: url("http://placehold.it/210x91&text=5");}
.thumb05:hover,
.thumb05.selected{background-image: url("http://placehold.it/210x91/0b318f/ffffff&text=5");}

.thumb06{background-image: url("http://placehold.it/210x91&text=6");}
.thumb06:hover,
.thumb06.selected{background-image: url("http://placehold.it/210x91/0b318f/ffffff&text=6");}

.thumb07{background-image: url("http://placehold.it/210x91/&text=7");}
.thumb07:hover,
.thumb07.selected{background-image: url("http://placehold.it/210x91/0b318f/ffffff&text=7");}
.thumb08{background-image: url(../images/cpn-slider-thumb08_off.png);}
.thumb08:hover,
.thumb08.selected{background-image: url(../images/cpn-slider-thumb08_on.png);}

.thumb09{background-image: url(../images/cpn-slider-thumb09_off.jpg);}
.thumb09:hover,
.thumb09.selected{background-image: url(../images/cpn-slider-thumb09_on.jpg);}

.thumb10{background-image: url(../images/cpn-slider-thumb10_off.jpg);}
.thumb10:hover,
.thumb10.selected{background-image: url(../images/cpn-slider-thumb10_on.jpg);}

.thumb11{background-image: url(../images/cpn-slider-thumb11_off.jpg);}
.thumb11:hover,
.thumb11.selected{background-image: url(../images/cpn-slider-thumb11_on.jpg);}

.thumb12{background-image: url(../images/cpn-slider-thumb12_off.jpg);}
.thumb12:hover,
.thumb12.selected{background-image: url(../images/cpn-slider-thumb12_on.jpg);}

.thumb_aflac{background-image: url(../images/cpn-slider-thumb_aflac_off.jpg);}
.thumb_aflac:hover,
.thumb_aflac.selected{background-image: url(../images/cpn-slider-thumb_aflac_on.jpg);}
.thumb_saison2016{background-image: url(../images/cpn-slider-thumb_saizon2016_off.jpg);}
.thumb_saison2016:hover,
.thumb_saison2016.selected{background-image: url(../images/cpn-slider-thumb_saizon2016_on.jpg);}
.thumb_aiu2016_2{background-image: url(../images/cpn-slider-thumb_aiu2016_2_off.jpg);}
.thumb_aiu2016_2:hover,
.thumb_aiu2016_2.selected{background-image: url(../images/cpn-slider-thumb_aiu2016_2_on.jpg);}

.thumb_auto2016_3{background-image: url(../images/cpn-slider-thumb_auto2016_3_off.jpg);}
.thumb_auto2016_3:hover,
.thumb_auto2016_3.selected{background-image: url(../images/cpn-slider-thumb_auto2016_3_on.jpg);}


.cpn-arr {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: 80px;
  cursor: pointer;
}

.cpn-prev {
  background: url(../images/cpn-slider-arr-prev.png) no-repeat;
  left: 16px;
}

.cpn-next {
  background: url(../images/cpn-slider-arr-next.png) no-repeat;
  right: 15px;
}
/*スライダーここまで*/


.pastcpn {
  text-align: center;
  margin: 10px 0;
}

.about-block {
  width: 100%;
  padding: 30px 0 45px;
  text-align: center;
  background: #fff;
}
.aboutBox01{
	background:#fff;
	border:2px solid #bcbfbe;
	padding:30px 53px;
	text-align:center;
	margin-bottom: 60px;
	}
	.aboutBox01 .txt01{
		color:#0b318f;
		font-size:24px;
		margin-bottom: 35px;
		font-weight: bold;
		}
		.aboutBox01 .txt01 span{
			color:#eb5505;
			font-size:inherit;
			font-weight: bold;
			}
	.aboutBox01 .txt02{
		color:#eb5505;
		font-size:26px;
		margin:25px 0;
		font-weight: bold;
		}

.about-block02 {
  background: url(../images/about-bg.png) repeat-x 0 bottom #e4f6ff;
  padding: 70px 0 120px;
  width: 100%;
  min-width: 980px;
  margin-top:-5px;
}

.about-ttl {
  text-align: center;
  margin-bottom: 28px;
}

.about-beginner {
  float: right;
  margin-right: 15px;
}

.about-lead {
  color: #0b318f;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 40px;
}

.about-block img {
  vertical-align: bottom;
}

.about-contents {
  margin-bottom: 30px;
}

.about-contents-title {
  margin-bottom: 20px;
  color: #13448f;
  font-size: 30px;
  font-weight: bold;
}

.about-contents .asterisk {
  font-size: 10px;
  color: #838383;
  margin-top: 5px;
  text-align: right;
}

.about-link-list {
  display: table;
  width: 100%;
  border: 2px solid #838383;
  border-collapse: collapse;
}

.about-link-list li {
  display: table-cell;
  background: #fff;
  padding: 10px;
  width: 33.3%;
  text-align: center;
  border: 2px solid #838383;
}

.about-link-list li a {
  display: block;
}

.cate-block .inner {
  padding: 30px 0;
}

.cate-list li {
  float: left;
  margin-bottom: 10px;
  margin-left: 13.7px;
  width: 151px;
}
.cate-list li img {
    width: 100%;
    height: auto;
}
.cate-list li.ml0 {
  margin-left: 0;
}

.cate-block .asterisk {
  font-size: 11px;
  color: #333333;
  text-align: right;
}

.useful-block {
  background: #e4f6ff;
  width: 100%;
  min-width: 980px;
}

.useful-block .inner {
  padding-top: 30px;
}

.useful-list li {
  float: left;
  width: 470px;
  margin-bottom: 35px;
}

.useful-list li.mr40 {
  margin-right: 40px;
}

.useful-list li img {
  float: left;
  margin-right: 20px;
 }

.useful-list .txt h3 a {
  color: #0b318f;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
  background: url(../images/arr-blue01.png) no-repeat right center;
  padding-right: 20px;
}

.useful-list .txt h3 a:hover {
  text-decoration: underline;
}

.useful-list .txt p {
  line-height: 1.6;
}

.bnr-slider-block {
  background: url(../images/bnr-slider-bg-sky.jpg) no-repeat center center;
  background-size: cover;
  padding: 40px 0;
  width: 100%;
  min-width: 980px;
}

.bnr-slider-wrapper {
  background: url(../images/bnr-slider-bg-stripe.png) repeat;
  height: 124px;
  border-radius: 4px;
  border: 2px solid #0b318f;
  padding: 10px 0;
}

.news-block .inner {
  padding: 30px 0;
}

.news-list li {
  width: 470px;
  border: solid 2px #0b318f;
  float: left;
  margin-bottom: 20px;
  background: url(../images/arr-blue01.png) no-repeat 440px center;
}

.news-list li.mr40 {
  margin-right: 40px;
}

.news-list li a {
  display: block;
  height: 100px;
  padding: 16px 30px 16px 20px;
  color: #0b318f;
}

.news-list li a:hover {
  text-decoration: underline;
}

.news-list .date {
  color: #7a7a7a;
  height: 20px;
  line-height: 22px;
  display: inline-block;
  padding-right: 90px;
}

.news-list .cpn {
  background: url(../images/news-ico-cpn.png) no-repeat right center;
}

.news-list .news {
  background: url(../images/news-ico-news.png) no-repeat right center;
}

.news-list .txt {
  display: block;
  font-size: 14px;
  color: #0b318f;
  margin-top: 10px;
}

.news-past {
  background: url(../images/arr-blue02.png) no-repeat right 40%;
  padding-right: 14px;
  text-align: right;
}

.news-past a {
  color: #0b318f;
  font-size: 14px;
}

.news-past a:hover {
  text-decoration: underline;
}

.company-list {
  padding: 30px 0 20px;
}

.company-list li {
  float: left;
  margin-bottom: 10px;
  margin-left: 20px;
}

.company-list li.ml0 {
  margin-left: 0;
}

.link-block {
  width: 100%;
  min-width: 980px;
}

.link-list {
  margin: 0 auto;
   display: table;
   table-layout: fixed;
  width: 830px;
}

.link-list li {
 display: table-cell;
}

.description-block .inner {
  padding: 20px 0;
}

.description-block p {
  font-size: 11px;
  color: #676767;
  line-height: 1.4;
}

.description-block p span{
	font-size: 11px;
	color: #676767;
	line-height: 1.4;
}
/* ------------------------------------------------------------------
  各種保険
------------------------------------------------------------------ */

.mv-block {
  width: 100%;
  min-width: 980px;
  padding: 30px 0;
  background-color: #eaf0f5;
}


.mv-txt-area {
  display: table;
  width: 980px;
}

.mv-ttl {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.mv-lead {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.mv-img {
  margin-top: 30px;
}
.hoken-menu-block{
  background-color: #f8f8f8;
}
.hoken-menu-block .inner {
  padding: 40px 0 0;
}

.hoken-menu-list li {
  float: left;
  margin-left: 20px;
  margin-bottom: 16px;
  box-shadow: 0 0 1px rgba(0,0,0,.15)
}

.hoken-menu-txt {
  display: table;
  width: 980px;
}

.hoken-menu-guide {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: #0e39a3;
  font-size: 14px;
  font-weight: bold;
}

.hoken-menu-btn-continue {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.btn-continue {
  display: inline-block;
  position: relative;
  padding: 9px 48px 9px 30px;
	color: #13448f;
  border: 1px solid #13448f;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.15);
}

.btn-continue::before {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
	width: 7px;
	height: 9px;
	content: '';
	background: url(../images/arr-blue-s05.png) no-repeat;
  background-size: contain;
	transform: translate(0.-50%);
	-webkit-transform: translate(0,-50%);
}


.hoken-detail-block{
  background-color: #f8f8f8;
}

.hoken-detail-block .inner {
  padding: 40px 0;
}

.hoken-detail-table,
.hoken-detail-table  th,
.hoken-detail-table  td {
  border: 1px solid #b5b5b5;
  border-collapse: collapse;
  line-height: 1.4;
}

.hoken-detail-table  {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 100%;
  margin-bottom: 40px;
}

.hoken-detail-table  th,
.hoken-detail-table  td {
  vertical-align: middle;
}

.hoken-detail-table  th {
  background: #13448f;
  text-align: center;
  color: #fff;
  padding: 11px 20px;
  box-sizing: border-box;
}

.hoken-detail-table  th:nth-child(1){
  width: 200px;
}

.hoken-detail-table  th:nth-child(2){
  width: 515px;
}

.hoken-detail-table  th:nth-child(3){
  width: calc(100% - 717px);
}

.hoken-detail-table td {
  background: #fff;
  padding: 21px 0;
  box-sizing: border-box;
}

.hoken-detail-table td.company {
  background: #fff;
  text-align: center;
}
.hoken-detail-table  td.company p{
	font-size: 16px;
	font-weight: bold;
	color: #13448f;
}
/*.hoken-detail-table  td.cpn {
  background: url(../images/ico-balloon-cpn.png) no-repeat center 80% #fff;
}*/
.hoken-detail-table td.company .cpn_label {
  position: relative;
  /*top: -4em;*/
  left: 1em;
  display: block;
  width: 86px;
  height: 84px;
}
.hoken-detail-table td.company .cpn_label + p,
.hoken-detail-table td.company .cpn_label + a {
  display: block;
  /*margin-top: -3em;*/
}

.hoken-detail-table .detail {
  padding: 16px 14px 14px 22px;
  box-sizing: border-box;
	/*max-width: 545px;*/
	max-width: 515px;
}

.hoken-detail-table .tel,
.hoken-detail-table .web {
  padding: 20px 25px;
	max-width: 215px;
}

.hoken-detail-table .tel .col-wrap a img,
.hoken-detail-table .web .col-wrap a img {
  width: 214px;
  height: auto;
}

.hoken-detail-table .tel-ful {
  padding-right: 17px;
}

.hoken-detail-table  .col-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hoken-detail-table  .col1 {
  width: calc(100% - 104px);
}
.hoken-detail-table .colmedal {
  width: 100px;
}
.hoken-detail-table .detail p {
  margin-bottom: 6px;
  color: #333;
  font-weight: bold;
}

.hoken-detail-table p.detail-txt01 {
  color: #0b318f;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.hoken-detail-table p.detail-txt02 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

.hoken-detail-table p.detail-txt03 {
  font-size: 13px;
  position: relative;
  padding-left: 100px;
  padding-bottom:7px;
  }
.hoken-detail-table .waribiki{
  font-size: 18px;
  font-weight: bold;
  color: #f10000;
  vertical-align: baseline;
}
.hoken-detail-table p.detail-txt03 .waribiki2{
  font-size: 16px;
  font-weight: bold;
  color: #f10000;
  vertical-align:top;
}
.hoken-detail-table p.detail-txt03 .gray-box {
  display: inline-block;
  text-align: center;
  width: 90px;
  background: #acacac;
  color: #fff;
  font-size: 11px;
  margin-right: 10px;
  padding: 2px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2;
}
.hoken-detail-table p.detail-txt03 .f12 {
  color: #f10000;
  vertical-align:top;
}
.hoken-detail-table p.detail-txt03 .gray-box2 {
  display: inline-block;
  text-align: center;
  width: 90px;
  background: #acacac;
  color: #fff;
  font-size: 11px;
  margin-right: 10px;
  padding: 8px 2px 8px 2px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.hoken-detail-table p.detail-txt03 .notes {
  font-size: 13px;
  color: #333;
  vertical-align: middle;
}

.hoken-detail-table p.detail-txt04 {
  font-size: 10px;
}

.hoken-detail-table p.detail-txt00 {
  font-size: 12px;
  position: relative;
  padding-left: 93px;
}

.hoken-detail-table p.detail-txt00 .gray-box {
  display: inline-block;
  text-align: center;
  width: 80px;
  background: #acacac;
  color: #fff;
  font-size: 11px;
  margin-right: 10px;
  padding: 2px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2;
}

.hoken-detail-table p.detail-txt00.w50 {
  width: 48%;
  display: inline-block;
}

.hoken-detail-table p.detail-ico a {
  font-size: 13px;
  color: #0b318f;
  text-decoration: underline;
}

.hoken-detail-table p.detail-medal {
  text-align: right;
}
.hoken-detail-table p.detail-medal img {
  width: 99px;
  height: auto;
}

.hoken-detail-table p.detail-btn {
  margin-top: 5px;
  margin-bottom: 0;
  height: 58px;
}

.hoken-detail-table .ico {
  width: 100px;
  text-align: center;
}

.hoken-detail-table .tel-txt01 {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  line-height: 30px;
  padding-left: 30px;
  background-image: url(../images/ico-tel.png);
  background-repeat: no-repeat;
}

.hoken-detail-table .tel-txt02 {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.hoken-detail-table .tel-txt02 .title{
  width: 58px;
  font-size: 10px;
  padding: 5px 0;
  text-align: center;
  background-color: #eaeaea;
  border-radius: 3px;
  line-height: 1;
}

.hoken-detail-table .tel-txt02 .number {
  width: calc(100% - 58px);
  box-sizing: border-box;
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #e50101;
  vertical-align: middle;
}

.hoken-detail-table .tel-txt03 {
  margin: 10px 0;
  font-size: 12px;
  color: #000;
}

.hoken-detail-table .tel-txt04 {
  margin: 0 0 10px;
  font-size: 13px;
  color: #000;
}

.hoken-detail-table .tel-txt03-full {
  width: 100%;
}

.hoken-detail-notes-list li {
  color: #df0000;
  position: relative;
  padding-left: 0.5em;
  margin-left: 1em;
  line-height: 1.8;
  font-size: 13px;
}

.hoken-detail-notes-list li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1em;
}

.hoken-about-block {
  background: #fff;
}

.hoken-about-block__glay {
  background: #f8f8f8;
  padding-top: 10px;
}

.hoken-about-block__wihte {
  background: #fff;
}

.hoken-about-block .inner {
  padding: 30px 0;
}

.hoken-about-block .btn-glossary {
  float: left;
}

.hoken-about-block .btn-faq {
  float: right;
}

.hoken-bnr-block {
  background: #fff;
  padding: 40px 0;
  width: 100%;
}

.hoken-bnr-block .inner {
  text-align: center;
}

.hoken-bnr-block .bnr-wrapper {
  background: url(../images/bnr-slider-bg-stripe.png) repeat;
  height: 124px;
  border-radius: 4px;
  border: 2px solid #0b318f;
  padding: 20px 30px 0px 30px;
  display: inline-block;
}

.hoken-bnr-block .bnr-list li {
  display: inline-block;
  padding: 0 10px;
}
.hoken-cpnbnr-block {
  padding: 22px 0;
  background-color: #fff;
}


.kasai .mv-block,
.kokunai .mv-block,
.kairyo .mv-block,
.golf .mv-block,
.nenkin .mv-block,
.pet .mv-block {
  background-image:none;
}

.kasai .hoken-detail-notes-list + p {
  margin-top: 2em;
}
.kasai .hoken-detail-table .tel-txt01,
#kasai01.hoken-detail-table .tel-txt01 {
  line-height: 1.4;
}
.hoken-detail-table .tel-txt01 span.tel-txt03 {
  display: block;
  margin: 0;
}
.kasai .hoken-detail-table .tel-txt03 > .tel-txt03 {
  margin-bottom: 0;
}


/* ------------------------------------------------------------------
  継続ページ
------------------------------------------------------------------ */

.continue {
  background: #f1fbff;
}

.continue .mv-ttl {
  padding-bottom: 30px;
}
.continue-attention-box {
  border: 2px solid #df0000;
  padding: 4px 28px 24px;
  background: #fff;
  line-height: 1.6;
}

.continue-attention-box .extra01 {
  background: url(../images/c-ico-extra01.png) no-repeat left center;
  padding-left: 50px;
  font-size: 16px;
  height: 58px;
  line-height: 1.4;
  display: table-cell;
  vertical-align: middle;
}

.continue-attention-box .extra01 a {
  font-size: 16px;
  color: #0f3aa4;
  text-decoration: underline;
}

.continue-attention-box .extra02 {
  background: url(../images/c-ico-extra02.png) no-repeat left center;
  padding-left: 40px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  color: #df0000;
}

.continue-attention-box .f16 {
  font-size: 16px;
}

.red {
  color: #df0000;
}

.continue-block {
  line-height: 1.6;
  padding-bottom: 40px;
}

.continue-block.last {
  border-bottom: 10px solid #ececec;
}

.continue-block .c-txt {
  font-size: 16px;
  margin-bottom: 20px;
}

.continue-block .c-txt .red {
  font-size: 16px;
}

.continue-block .c-asterisk-list li {
  padding-left:2em;
  text-indent:-2em;
}

.continue-howto-box {
  margin-top: 30px;
  display: table;
  width: 100%;
  border: 2px solid #00a7eb;
  border-radius: 10px;
  box-shadow: 2px 3px 0 #00a7eb;
  background: #F1FBFF;
}

.continue-howto-box .ttl-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 210px;
  border-right: 2px solid #00a7eb;
  position: relative;
}

.continue-howto-box .ttl-box .line {
  background: #00a7eb;
  color: #fff;
  position: absolute;
  top: 0;
  width: 100%;
}

.continue-howto-box .ttl-box .ttl {
  padding: 30px 0;
}

.continue-howto-box.second .ttl-box {
  width: 290px;
  padding: 24px;
  text-align: left;
}

.continue-howto-box .contents-box {
  display: table-cell;
  vertical-align: middle;
  background: #fff;
  padding: 24px;
  border-radius: 0 10px 10px 0;
}

.continue-howto-box .contents-box h2 {
  color: #0f3aa4;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.continue-howto-box .contents-box h3 {
  color: #0f3aa4;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.continue-howto-box .contents-box p {
  font-size: 14px;
}

.continue-howto-box .arr-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-left: 2px solid #00a7eb;
  width: 54px;
  font-size: 20px;
  color:#00a7eb;
}

.continue-howto-box .arr-box a {
  display: block;
  padding: 38px 15px;
  font-size: 22px;
  color: #17B8F3;
}

.continue02-table,
.continue02-table th,
.continue02-table td {
  border: 1px solid #bebebe;
  border-collapse: collapse;
}

.continue02-table {
  width: 100%;
  margin: 20px 0;
}

.continue02-table img {
  vertical-align: middle;
}

.continue02-table th,
.continue02-table td {
  padding: 8px 20px;
  text-align: center;
  vertical-align: middle;
}

.continue02-table th {
  background: #ececec;
  font-size: 13px;
  color: #575757;
  font-weight: bold;
}

.continue02-table td.company img {
  max-width: 120px;
  width: auto;
  height: auto;
}

.continue02-table td.off {
  color: #df0000;
  font-size: 16px;
  text-align: left;
}

.continue03-table,
.continue03-table th,
.continue03-table td {
  border: 1px solid #bebebe;
  border-collapse: collapse;
}

.continue03-table {
  width: 100%;
  margin: 20px 0;
}

.continue03-table img {
  vertical-align: middle;
}

.continue03-table th,
.continue03-table td {
  padding: 8px 20px;
  vertical-align: middle;
}

.continue03-table th {
  background: #d1eeff;
  font-size: 13px;
  color: #575757;
  text-align: center;
  font-weight: bold;
}

.continue03-table td {
  background: #fff;
}

.continue03-table td.company {
  color: #0f3aa4;
  font-size: 16px;

}

.continue03-table td.tel {
  text-align: center;
  font-size: 16px;
}


/* ------------------------------------------------------------------
  お得なキャンペーン
------------------------------------------------------------------ */


.cpnlist .mv-block p {
  font-size: 16px;
  margin-top: 30px;
}

/* ------------------------------------------------------------------共通スタイル------------------------------------------------------------------ */
.cpnlist-block,
.contact-block,
.notice-btn-block,
.amc-block {
  padding: 40px 0;
  border-top: 10px solid #ececec;
}
.principle-block,
.sitemap-block
 {
  padding: 40px 0;
  border-top: 10px solid #ececec;
}

.sitemap-block {
  background: #f8f8f8;
}

.cpnlist-list {
  border: 1px solid #b5b5b5;
  padding: 0 30px;
}

.cpnlist-list li {
  border-top: 1px solid #b5b5b5;
  padding: 30px 0;

}

.cpnlist-list li:first-child {
  border-top: none;
}

.cpnlist-list li p {
  font-size: 14px;
}

.cpnlist-list li h3 {
  margin-bottom: 20px;
}

.cpnlist-list li h3 img {
  display: inline-block;
  padding-right: 10px;
}

.cpnlist-list li .left-block {
  float: left;
  width: 680px;
}

.cpnlist-list li .thumb-box {
  float: left;
  width: 150px;
  margin-right: 30px;
}

.cpnlist-list li .txt-box {
  float: left;
  width: 500px;
}

.cpnlist-list li .txt-box h4 {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.cpnlist-list li .txt-box .date {
  background:#e0e0e0;
  display: inline-block;
  padding: 4px 10px;
  margin-top: 10px;
}


.cpnlist-list li .right-block {
  float: right;
  text-align: center;
}

.cpnlist-list li .company img {
  max-width: 120px;
  max-height: 50px;
  width: auto;
  height: auto;
}

.cpnlist-list li .medal {
  margin: 10px 0;
}


/* ------------------------------------------------------------------
  お問い合わせ
------------------------------------------------------------------ */

.contact-btn-list {
  margin-top: 30px;
}

.contact-btn-list li {
  float: left;
  margin-left: 26.5px;
}

.contact-btn-list li:first-child {
  margin-left: 0;
}


/* ------------------------------------------------------------------
  初めての方へ
------------------------------------------------------------------ */

.first .about-contents {
  margin-bottom: 0;
}

.first-about-lead {
  text-align: center;
  color: #0b318f;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  padding: 20px 0 40px;
}

.first-category-list {
  /*padding: 30px 0 20px;*/
  padding:28px 0 32px;
}

.first-category-list li {
  float: left;
  margin-bottom: 2px;
  /*margin-left: 15px;
  margin-bottom: 10px;*/
}

.first-flow-block {
  border-top: 3px solid #00a7eb;
  padding: 20px 0 59px;
  background: #f1fbff;
}

.first-flow-list-wrapper {
  background: url(../images/first-flow-bg.png) repeat-x;
}

.first-flow-list {
  width: 980px;
  margin: 0 auto;
}

.first-flow-list li {
  float: left;
}

.first-step-block {
  background: #f1fbff;
}

.first-step-block .ttl-blue-gray {
  margin-bottom: 0;
}

.first-step-block .inner {
  position: relative;
  padding: 50px 0;
}


.first-step-bg {
  position: absolute;
  width: 197px;
  height: 100%;
  top: 0;
  left: -42px;
  background: #dbf5ff;
}

.first-step-contents {
  position: relative;
}

.extra01.mb0 {
  border-bottom: 0;
}

.first-step-block .ttl-box {
  text-align: center !important;
}

.first-step-block .contents-box p,
.first-step-block .contents-box span {
  font-size: 16px;
}

.first-step-block .continue03-table td, .first-step-block .continue03-table td span {
  font-size: 15px;
}

.first-contact-block {
  border-top: 10px solid #ececec;
  padding: 40px 0;
}

.first-contact-block .attention-txt {
  padding-left: 50px;
  font-size: 14px;
}

/*160914*/
.first-category-block .first-category-list li{
	width:163px;
}
.first-category-block .first-category-list li img{
	width:100%;
	height:auto;
}


/* ------------------------------------------------------------------
  勧誘方針
------------------------------------------------------------------ */

.principle-first-txt {
  font-size: 16px;
}

.principle-box {
  border: 1px solid #b5b5b5;
  padding: 30px;
  margin: 20px 0;
}

.principle-list-ttl {
  padding-left: 20px;
  margin-bottom: 5px;
  font-size: 16px;
}

.principle-list {
  padding-left: 20px;
  margin-bottom: 40px;
}

.principle-list li {
  list-style: inside;
  margin-left: 1em;
  text-indent: -1em;
  font-size: 14px;
}

.principle-last-txt {
  font-size: 14px;
  text-align:right;
}


/* ------------------------------------------------------------------
  注意点
------------------------------------------------------------------ */

.notice .mv-block p {
  font-size: 16px;
  margin-top: 30px;
}

.notice-block {
  background: #f1fbff;
}

.notice-block .ttl-blue-gray {
  margin-bottom: 0;
}

.notice-block .inner {
  position: relative;
  padding: 50px 0;
}


.notice-bg {
  position: absolute;
  width: 156px;
  height: 100%;
  top: 0;
  left: 0;
  background: #dbf5ff;
}

.notice-contents {
  position: relative;
  display: table;
}

.notice-contents p {
  display: table-cell;
  vertical-align: middle;
}

.notice-contents .img {
  width: 156px;
  text-align: center;
}

.notice-contents .txt {
  padding: 0 40px;
  font-size: 16px;
}

.notice-btn-block .btn-timing {
  text-align: center;
}

/* ------------------------------------------------------------------
  FAQ
------------------------------------------------------------------ */

.faq-menu-block {
  padding: 30px 0 15px;
  border-top:  10px solid #ececec;
}

.faq-menu-list li {
  float: left;
  margin-left: 13.3px;
  margin-bottom: 15px;
}

.faq-block .inner {
  padding: 40px 0;
}

.faq-list {
  border: 2px solid #00a7eb;
  border-radius: 10px;
  box-shadow: 2px 3px 0 #00a7eb;
  background: #F1FBFF;
}

.faq-list dt {
  background: url(../images/faq-ico-q-down.png) no-repeat 30px 14px;
  cursor: pointer;
  font-size: 16px;
  color: #0c37a1;
}

.faq-list dt.answer-close {
  background: url(../images/faq-ico-q-up.png) no-repeat 30px 14px;
}

.faq-list dd {
  background: url(../images/faq-ico-a.png) no-repeat 30px 14px #fff;
  display: none;
  font-size: 16px;
  color:#000;
}

.faq-list dd a {
  color:#000;
  font-size: 16px;
  text-decoration:underline;
}

.faq-list dt, .faq-list dd {
  padding: 14px 60px 14px 65px;
  border-bottom: 2px solid #00a7eb;
}


/* ------------------------------------------------------------------
  サイトマップ
------------------------------------------------------------------ */

.sitemap-wrapper {
  background: #f7f7f7;
  padding: 16px 36px;
}

.sitemap-box01 {
  padding: 20px;
}

.sitemap-box02 {
  background: #fff;
  padding: 20px 0;
  margin-bottom: 20px;
}

.sitemap-box02 .ttl-leftline {
  margin-left: 20px;
}

.sitemap-block ul li {
  margin-top: 16px;
}

.sitemap-block ul li a {
  color: #0e39a3;
  font-size: 13px;
}

.sitemap-block ul li a:hover {
  text-decoration: underline;
}

.sitemap-block ul li a:before {
  content: '>';
  margin-right: 3px;
}

.sitemap-list01 li {
  float: left;
  width: 217px;
}

.sitemap-list01 li:first-child {
  float: none;
  margin-top: 0;
}

.sitemap-list02 {
  float: left;
  width: 206px;
  border-left: 1px solid #d4d4d4;
  padding-left: 20px;
}

.sitemap-box02 .first{
  border-left: none;
}

.sitemap-list02 li:first-child,
.sitemap-list03 li:first-child {
  margin-top: 0;
}

.sitemap-list03 {
  float: left;
  width: 302.6px;
  border-left: 1px solid #d4d4d4;
  padding-left: 20px;
}

.sitemap-list04 li {
  float: left;
  width: 274px;
  border-left: 1px solid #d4d4d4;
  padding-left: 28px;
  margin-top: 0 !important;
}

.sitemap-list04 li:first-child {
  border: none;
}

.sitemap-list05 li {
  float: left;
  width: 289.3px;
}

.sitemap-list05.first li {
  margin-top: 0 !important;
}



/* ------------------------------------------------------------------
  AMC
------------------------------------------------------------------ */
.amc-mv-ttl {
  margin-bottom: 30px;
}

.amc-block h1 {
  margin-bottom: 30px;
}

.panel {display:none;}
.show {display:block;}

.amc-box {
  background: url(../images/amc-block-bg.png) no-repeat;
  width: 980px;
  height: 767px;
  padding: 40px 30px 0;
  position: relative;
}

.amc-thumb-ttl {
  color: #0d38a2;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

.amc-thumb-list {
  width: 388px;
}

.amc-thumb-list li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  border: 2px solid #18afed;
  cursor: pointer;
}

.amc-thumb-list li:hover,
.amc-thumb-list li.active {
    border: 3px solid #0f3aa4;
}

.amc-thumb-list li:hover img,
.amc-thumb-list li.active img {
    margin: -1px;
}

.amc-con-box {
  position: absolute;
  top: 40px;
  right: 95px;
}

.amc-con-ttl {
  color: #3b3b3b;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

.amc-con-tab-list {
  margin-left: 15px;
}

.amc-con-tab-list li {
  display: inline-block;
  margin-left: -15px;
  position: relative;
  cursor: pointer;
}

.amc-con-tab-list li.first {
  z-index: 3;
}

.amc-con-tab-list li.second {
  z-index: 2;
}

.amc-con-tab-list li.third {
  z-index: 1;
}



/* ------------------------------------------------------------------
  タイミング
------------------------------------------------------------------ */

.timing .mv-block p {
  font-size: 16px;
  margin-top: 30px;
}

.timing-menu-block {
  background: url(../images/timing-menu-bg.png) repeat-x center bottom #f1fbff;
  margin-bottom: 70px;
}

.timing-menu-list {
  width: 980px;
  margin: 0 auto;
}

.timing-menu-list li {
  float: left;
}

.timing-menu-list li a:hover img {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-filter:"alpha( opacity=100 )"
}

.timing-block {
  position: relative;
}

.timing-left-bg,
.timing-right-bg {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
}

.timing-left-bg {
  background: #dbf5ff;
  left: 0%;
}

.timing-right-bg {
  background: #f1fbff;
  left: 50%;
}

.timing-block .ttl-blue-gray {
  margin-bottom: 0;
}

.timing-block .ttl-blue-gray h3 img,
.timing-block .ttl-blue-gray h1 img{
  position: absolute;
  top: -39px;
}

.timing-block .inner {
  background: #f1fbff;
  position: relative;
  padding: 50px 0 70px;
}

.timing-bg {
  position: absolute;
  width: 80px;
  height: 100%;
  top: 0;
  left: 0;
  background: #dbf5ff;
  border-right:  3px solid #00a7eb;
}

.timing-contents {
  position: relative;
}

.timing-contents-lead {
  padding-left: 146px;
}

.timing-contents-lead .ttl-leftline {
  color: #5d5d5d;
}

.timing-contents-lead p {
  font-size: 16px;
}

.timing .continue-howto-box .ttl-box,
.timing .continue-howto-box .contents-box {
  padding: 20px;
}

.timing .continue-howto-box .contents-box h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333333;
}

.timing .continue-howto-box .contents-box p {
  font-size: 16px;
}

.timing .continue-howto-box .contents-box .note {
  margin-top: 5px;
  font-size: 14px;
}

.timing-06-txt {
  padding-left: 80px;
  margin-top: 50px;
}

.timing-block.last {
  border-bottom: 10px solid #ececec;
}

.timing-block.last .inner {
  padding-bottom: 20px;
}

/* ------------------------------------------------------------------
  用語集
------------------------------------------------------------------ */

.glossary-menu-block {
  padding: 30px 0 15px;
  border-top:  10px solid #ececec;
}

.glossary-menu-list li {
  float: left;
  margin-left: 13.3px;
  margin-bottom: 15px;
}

.glossary-block .inner {
  padding: 40px 0;
}


.glossary-table {
  border-collapse: separate;
  width: 100%;
  border: 2px solid #00a7eb;
  border-radius: 10px;
  box-shadow: 2px 3px 0 #00a7eb;
}

.glossary-table  th,
.glossary-table  td {
  border-bottom: 2px solid #00a7eb;
  padding: 10px;
  vertical-align: middle;
  font-size: 14px;
}

.glossary-table  th {
  border-right: 2px solid #00a7eb;
  width: 230px;
  background: #F1FBFF;
  color: #0b318f;
}

.glossary-table  th.first {
  border-radius: 10px 0 0 0;
}

.glossary-table  th.last {
  border-radius: 0 0 0 10px;
}

.glossary-notes-list {
  margin-top: 40px;
}

.glossary-notes-list li {
  color: #df0000;
  position: relative;
  padding-left: 0.5em;
  margin-left: 1em;
  line-height: 1.8;
  font-size: 13px;
}

.glossary-notes-list li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1em;
}

.glossary-block.last {
  border-bottom: 10px solid #ececec;
}


/* ------------------------------------------------------------------
  保険取扱種目・各保険会社連絡先一覧
------------------------------------------------------------------ */

.list .mv-block p {
  font-size: 16px;
  margin-top: 30px;
}

.list-menu-block {
  padding: 30px 0 15px;
  border-top:  10px solid #ececec;
}

.list-menu-list li {
  float: left;
  margin-left: 13.3px;
  margin-bottom: 15px;
}

.list-block .inner {
  padding: 40px 0;
}

.list .hoken-detail-table {
  box-shadow: none;
}

.list .hoken-detail-table th,
.list .hoken-detail-table td {
  padding: 10px;
}
.list .hoken-detail-table .coin_img img {
  width: 73px;
  height: auto;
}

.list .hoken-detail-table .th-category,
.list .hoken-detail-table .th-mail,
.list .hoken-detail-table .th-condition {
  width: 18%;
}

.list .hoken-detail-table .th-company {
  width: 46%;
}

.list .hoken-detail-table td {
  background-color: #fff;
  text-align: center;
}

.list .hoken-detail-table td.cpn {
  padding: 20px 0 60px;
}

.list .hoken-detail-table td.td-condition {
  font-size: 16px;
}

.list .hoken-detail-table td.td-company {
  text-align: left;
}

.list .hoken-detail-table td.td-company img {

  padding-right: 20px;
  margin-left:14px;
}

.list-notes {
  color: #ff0000;
  position: relative;
  padding-left: 0.5em;
  margin-left: 1em;
  line-height: 1.8;
  font-size: 13px;
  margin-top: -20px;
}

.list-notes:before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1em;
}

.list .hoken-detail-table02 .th-category02 {
  width: 18%;
}

.list .hoken-detail-table02 .th-company02,
.list .hoken-detail-table02 .th-time02 {
  width: 33%;
}

.list .hoken-detail-table02 .th-category03 {
  width: 18%;
}

.list .hoken-detail-table02 .th-company03 {
  width: 25%;
}

.list .hoken-detail-table02 .th-tel03 {
  width: 16%;
}

.list .hoken-detail-table02 .th-number03 {
  width: 10%;
}

.list .hoken-detail-table02 .th-time03 {
  width: 30%;
}

.list .hoken-detail-table02 td {
  text-align: left;
  font-size: 12px;
}

.list .hoken-detail-table02 td.td-category02 {
  text-align: center;
}

.list .hoken-detail-table02 td.td-company02 {
  font-weight: bold;
}

.list-block.last {
  border-bottom: 10px solid #ececec;
}

/* ------------------------------------------------------------------
  追記
------------------------------------------------------------------ */

.background-white{
  background-color:#FFFFFF !important
}



/*150313追記*/
/*top*/
#bannerArea01{
	background: url('../images/pr_sky.png') no-repeat center top;
    border-bottom: 10px solid #e0e0e0;
    height: 277px;
    min-width: 980px;
    width: 100%;
	padding-top:10px;
	}
	#bannerArea01 .bannerAreaIn{
		width:980px;
		margin:0 auto;
		border:3px solid #b3b3b3;
		background:#fff;
		padding:15px 0 15px 57px;
		}
		#bannerArea01 .bannerAreaIn ul li{
			margin-right:11px;
			}

#bannerArea02{
	border-top: 5px solid #e0e0e0;
	padding-top: 15px;
	padding-bottom: 5px;
	}
	#bannerArea02 .bannerAreaIn{
		width:980px;
		margin:0 auto;
		text-align:center;
		}
		#bannerArea02 .bannerAreaIn a{
			display: inline-block;
			margin:0 10px 15px;
			}
#bannerArea03{
	border-top: 5px solid #e0e0e0;
	border-bottom: 10px solid #e0e0e0;
	padding-top: 20px;
	padding-bottom: 5px;
	}
		#bannerArea03 {
    border-bottom: 10px solid #e0e0e0;
    border-top: 5px solid #e0e0e0;
    padding-bottom: 5px;
    padding-top: 20px;
}
#bannerArea03 .bannerAreaIn {
    margin: 0 auto;
    width: 972px;
}
#bannerArea03 .bannerAreaIn ul {
    padding-left: 24px;
}
#bannerArea03 .bannerAreaIn li {
    float: left;
    margin-bottom: 15px;
    margin-right: 24px;
}
.mb13{
	margin-bottom:13px;
	}
.ul{display:block;}.ul li{display:inline; float:left;}.ul li a{ display:block;}

.asterisk2{
	font-size:11px;
	text-align:right;}

/*other*/
.pt15{
	padding-top:15px;}


.hoken-detail-table p.detail-txt03b {
  background: url(../images/ico-web-off.png) no-repeat left 13px;
  padding-left: 80px;
  font-size: 18px;
  font-weight: bold;
  color: #f10000;
}
.hoken-detail-table p.detail-txt03b span{
	color:#f10000;
	}

.pd_first{padding:29px 13px 29px 21px !important;}
.pd_first2{padding:10px 28px 13px !important;}
.pd_first3{padding:10px 28px 14px !important;}
.mb18{margin-bottom:18px !important;}
.mt10{margin-top:10px !important;}
.f10{font-size:10px !important;}
.f16{font-size:16px !important;}
.f20{font-size:20px !important;}
.line0{line-height:1 !important;}
.pb0{padding-bottom:0px !important;}
.mb24{margin-bottom:24px !important;}
.p0_auto{padding-left:0px !important;}
.pt0_auto{padding-top:0px !important;}
.p90_auto{padding-left:90px !important;}
.pb00_auto{padding-bottom:0px !important; margin-bottom:0px !important;}
.kairyo_size{float:left; width:100px;}
.w80{width:80px !important;}
.w205{width:205px !important;}
.w226{width:226px !important;}
.th-mail{width:16% !important;}
.th-condition{width:20% !important;}

.w398{width:398px !important;}
.w401{width:401px !important;}
.list_margin img{ margin-left: 6px !important; padding-right: 11px !important;}
.list_mp{ margin-left: 4px !important; padding-right: 10px !important;}
.pr0{padding-right:0px !important;}


/*150602*/
header .inner > h1{
	font-size:9px;
	margin-bottom:8px;
	color:#868686;
	}

header{
	padding-top:15px;
	}

.mv-ttl p{
	font-size:18px;
	margin-top:25px;
	}

/*150604*/

.hoken-ranking-block{
	background:#fff;
	}

.hoken-ranking-block .inner{
	padding:30px 0 25px;
	}

.hoken-ranking-block dl{
	border:2px solid #a18b0b;
	width:976px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	margin-bottom:10px;
	}
	.hoken-ranking-block dl dt,
	.hoken-ranking-block dl dd{
		float:left;
		}
.hoken-ranking-block p{
	font-size:11px;
	text-align:right;}


.hoken-detail-table .detail .attention{
	color:#e70000;
	border:1px solid #e70000;
	font-weight:bold;
	padding:10px;
	margin-bottom:15px;}

/*150811*/
.guideList{
width: 980px;
margin:0 auto;
padding:0 0 30px 0;
}
.guideList li {
float:left;
width:223px;
margin:0 29px 30px 0;
}

.guideList li:nth-child(4n+4) {
  margin-right: 0;
}
.guideList li a{
display:block;
}
.guideList li a:hover{
opacity:0.8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
filter:alpha(opacity=80)
}
.guideList li img{
display:block;
margin-bottom:15px;
}
.guideList li h2{
font-size:16px;
color:#0b318f;
margin-bottom:10px;
font-weight: bold;
}

.guideList02{
  width:1030px;
  margin:0 auto;
  padding-top:35px;
    }
    .guideList02 li{
      	float:left;
        width:465px;
        margin:0 25px 35px 25px;
        }
        .guideList02 li a{
            display:block;
            }
        .guideList02 li a:hover{
          opacity:0.8;
          -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
          filter:alpha(opacity=80)
            }
        .guideList02 li img{
            float:left;
            }
        .guideList02 li .rightman{
            float:right;
            width:255px;
            }
        .guideList02 li h2{
          font-size:19px;
          color:#0b318f;
          margin-bottom:15px;
            }
/*150826*/
/* Necessary CSS */
#campaignBanner    { overflow:hidden; position:relative; height:100px;}
#campaignBanner ul { margin:0; padding:0; }
#campaignBanner li { float:left; list-style:none; }

/*150907*/
.hoken-detail-table td.renewal{
	background:url(../images/txt_renewal.gif) center 18% no-repeat;
	}
/*150909*/
.bgNone{
	background-image:none !important;
	}
/*151023*/
.pt03{
	padding-top: 3px;}

.f15{
	font-size:15px !important;
	}
/*151116*/
.center{
	text-align:center;
	}

.pb40{
	padding-bottom: 40px;}


/*160104*/
/*#snsArea{
	text-align:center;
	margin-bottom: 50px;
	padding-top: 22px;
	box-sizing:border-box;
	background:url(../images/bg_snsarea.gif) center top no-repeat;
	height:108px;
	}

#snsArea a{
	display: inline-block;
	vertical-align: top;
	margin:0 5px;
	}
	#snsArea a.mailBtn{
		margin-left: 45px;
		}*/
/*160801*/

#snsArea {
  background: #f8f8f8;
}

#snsArea ul{
  width: 980px;
  margin: 0 auto 0;
  padding-bottom: 40px;
  }

  #snsArea ul li{
    float: left;
    margin: 0 5px;
  }

.pocket-btn{
	display: inline-block;
	}
.hatena-bookmark-button-frame{
	display: inline-block;
	vertical-align:top;
	margin-right: 10px;}

  .contentsBtnlist h2{
    text-align: center;
    background: #e1e8f0;
    margin-bottom: 34px;
  }
  .contentsBtnlist ul{
    width: 1010px;
    margin: 0 auto;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .contentsBtnlist ul li{
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .bb01 {
    border-bottom: 10px solid #ececec;
}
.pt20 {
    padding-top: 20px;
}
.topAttention01 {
    border: 3px solid #d3d3d3;
    background: #fffbe7;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    width: 980px;
    margin: 15px auto;
    box-sizing: border-box;
  }

.f10p{
  font-size: 10px;
}
  /*commercial_policy*/

  #commercial_policy{

  }
  #commercial_policy table th,
  #commercial_policy table td,
  #commercial_policy table table{
    border: 1px solid #b5b5b5;
  }
  #commercial_policy table th{
    background: #d2eeff;
    text-align: center;
  }

  #commercial_policy .table01{
    width: 100%;
  }
  #commercial_policy .table01 td{
    vertical-align: top;
    padding: 10px;
    width: 33.33%;
  }

  #commercial_policy .table02{
    width: 100%;
  }
  #commercial_policy .table02 th,
  #commercial_policy .table02 td{
    padding: 10px;
  }
  #commercial_policy .table02 .tableTitle{
    width: 150px;
  }
  #commercial_policy .table02 .number{
    width: 30px;
    text-align: center;
  }

  #commercial_policy .policyTitle ,
  .principle-block .principle-block-title {
    border-left: 5px solid #e3e3e3;
    padding-left: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #0d38a2;
    margin-bottom: 20px;
  }
  #commercial_policy .principle-list-ttl{
    padding-left: 0;
  }
  .mb15{
    margin-bottom: 15px;
  }
  .mb50{
    margin-bottom: 50px;
  }

  #commercial_policy a{
    text-decoration: underline;
  }
  /*160613*/
  .topNews{
    padding: 70px 0;
  }
  .topNews .inner{
  }
  .topNews dl{
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #d8d8d8;
  }
  .topNews dl + dl{
  }

  .topNews dt{
    float: left;
    width: 190px;
  }
  .topNews dt span{
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 80px;
    margin-right: 10px;
  }

  .topNews dt .important{
    background-color: #8d6f1d;
  }
  .topNews dt .notice{
    background-color: #738fba;
  }

  .topNews dd{
    float: left;
    width: 790px;
    box-sizing: border-box;
    padding-right: 50px;
  }
  .topNews dd p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .topNews dd .fb{
    font-weight: bold;
  }
  .topNews dl a:hover{
    text-decoration: underline;

  }
  .topNews_header .sectionTitle{
    float: left;
  }
  .topNews_link{
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    background-image: url(../images/arr-blue01.png);
    background-repeat: no-repeat;
    background-position: right 20px top 50%;
  }
  .topNews_link:hover{
    background-color: #d4d9e2;
  }
/*160822*/
.topNewsBtn{
  float: right;
  display: block;
  width: 175px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #2c6dd0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  line-height: 1;
  box-shadow: 0px 0px 3px 0px #333;
  -moz-box-shadow: 0px 0px 3px 0px #333;
  -webkit-box-shadow: 0px 0px 3px 0px #333;
}
.topNewsBtn a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*170524*/
.description-block02 p {
  font-size: 16px;
 line-height: 3;
}

.bold{
  font-weight:bold;
}


/*******************************************************************
* マイルからコインへのリニューアル - start
********************************************************************/

/* general
-------------------------------------------------------------------*/
body{
  position: relative;
}

/* header（上書き設定）
-------------------------------------------------------------------*/
header{
  background-color: #fff;
  padding: 10px 0 20px;
}

header .inner > h1{
  margin-bottom: 15px;
}

.header-left-block{
  padding-top: 0;
}

.header-right-block{
  padding-top: 0;
}
.header-link li{
  line-height: 1;
}
.header-link .arr{
  padding-left: 0;
  margin-left: 5px;
  background: none;
}

/* global navi（一部上書き）
-------------------------------------------------------------------*/
nav{
  height: auto;
  background: none;
}

.globalNavi{
  background-color: #13448f;
}

.globalNavi.active{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5000;
}
.globalNavi.active div{
	display: none;
}
.globalNavi ul{
  width: 980px;
  margin: 0 auto;
}

.globalNavi ul:after{
  content: "";
  display: block;
  clear: both;
}

.globalNavi ul li{
  float: left;
}
.globalNavi ul li:hover{
  background-color: #002154;
}

/* footer
-------------------------------------------------------------------*/
.description-block{
  background-color: #f8f8f8;
}

.description-block .inner{
  padding: 50px 0 30px;
}

.link-block{
  padding: 30px 0;
  background-color: #f8f8f8;
}

/* top
-------------------------------------------------------------------*/
.mainVisual{
  background-color: #eaf0f5;
  padding: 40px 0;
}

.mainVisual_inner {
  width: 980px;
  margin: 0 auto;
}

.mainVisual_slide {
  margin-bottom: 20px;
  box-shadow: 0 7px 7px 0 rgba(0,0,0,0.15);
}

.mainVisual_nav_wrapper {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

.mainVisual_nav {
  display: flex;
	justify-content: center;
}

.mainVisual_nav_wrapper .topSlide_btn {
  position: absolute;
  top: 18px;
  width: 11px;
  height: 18px;
  font-size: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  outline: none;
  cursor: pointer;
}

.mainVisual_nav_wrapper .topSlide_btn.topSlide_btn__prev {
  left: -49px;
}

.mainVisual_nav_wrapper .topSlide_btn.topSlide_btn__next {
  right: -49px;
}


.mainVisual_nav li {
  width: 166px;
  box-shadow: 0 7px 7px 0 rgba(0,0,0,0.15);
  outline: none;
  cursor: pointer;
}
.mainVisual_nav li + li{
  margin-left: 20px;

}
.mainVisual_nav li img{
  width: 100%;
  height: auto;
}
.aboutCoin{
  padding: 60px 0 160px;
  text-align: center;
  background: url(../images/about-bg.png) center bottom repeat-x;
}

.aboutCoin_text{
  font-size: 16px;
  line-height: 2;
  margin: 30px 0 40px;
}

.sectionTitle{
  font-size: 48px;
  vertical-align: bottom;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 40px;
  color: #13448f;
  font-family: "游ゴシック", YuGothic;
}

.sectionTitle__medium {
  font-size: 30px;
}

.sectionTitle__2row {
  font-size: 35px;
}

.sectionTitle__iconBorder {
  position: relative;
  padding-left: 50px;
}

.sectionTitle__iconBorder::before {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 30px;
  height: 6px;
  content: '';
  background: #13448f;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
}

.sectionTitle span{
  font-size: 16px;
  font-weight: inherit;
  color: inherit;
  padding-left: 10px;
}

.sectionTitle__2row span {
  display: block;
  padding-top: 20px;
  padding-left: 0;
  font-size: 19px;
  color: #333;
}

.categoryList .sectionTitle{
  color: #fff;
}

.categoryList{
  background-color: #13448f;
  padding: 50px 0 40px;
}

.categoryList ul{
  margin-bottom: 20px;
}

.categoryList ul:after{
  content: "";
  display: block;
  clear: both;
}

.categoryList ul li{
  width: 150px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow:0px 0px 3px 0px #333;
  -moz-box-shadow:0px 0px 3px 0px #333;
  -webkit-box-shadow:0px 0px 3px 0px #333;
  float: left;
  margin-right: 16px;
  margin-bottom: 15px;
}

.categoryList ul li:nth-child(6n){
  margin-right: 0;
}

.categoryList ul li a{
  position: relative;
}

.categoryList ul li a > .blk {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  font-size: 17px;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}

.categoryList ul li a > .blk > span {
  color: #fff;
}
.categoryList ul li a > .blk > .coin {
  font-size: 10px;
  font-weight: inherit;
  color: inherit;
}

.categoryList_caption{
  font-size: 11px;
  color: #fff;
}

.companyList{
  padding: 50px 0;
}

.companyList ul:after{
  content: "";
  display: block;
  clear: both;
}

.companyList ul li{
  float: left;
  width: 176px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow:0px 0px 3px 0px #333;
  -moz-box-shadow:0px 0px 3px 0px #333;
  -webkit-box-shadow:0px 0px 3px 0px #333;
  margin-right: 23px;
  margin-bottom: 10px;
}

.companyList ul li:nth-child(5n){
  margin-right: 0;
}

.companyList ul li a {
  display: block;
  padding: 5px;
  box-sizing: border-box;
}

.companyList ul li img{
  width: 100%;
  height: auto;
}

.contentsList{
  padding: 50px 0;
  background-color: #f2f2f2;
}
.contentsList ul:after{
  content: "";
  display: block;
  clear: both;
}

.contentsList ul li{
  width: 480px;
  float: left;
  border-radius: 6px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.contentsList ul li:nth-child(2n){
  margin-right: 0;
}

.contentsList ul li a{
  background-color: #fff;
  display: block;
}

.contentsList ul li a:hover{
  background-color: #d3dcea;
}
.contentsList ul li a:after{
  content: "";
  display: block;
  clear: both;
}

.contentsList ul li a img{
  float: left;
  border-right: 1px solid #d1d1d1;
}

.contentsList_data{
  float: left;
  width: calc(100% - 189px);
  box-sizing: border-box;
  padding: 15px;
}
.contentsList_title{
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
.contentsList_text{
  font-size: 13px;
}

.contentsList2 {
  padding: 50px 0;
  background-color: #f2f2f2;
}
.contentsList2 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentsList2 ul li {
  width: 190px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #d1d1d1;
}
.contentsList2 ul li a {
  position: relative;
  display: block;
}
.contentsList2 ul li a img {
  display: block;
  border-radius: 6px;
}
.contentsList2 ul li a .contentsList_title {
  position: absolute;
  left: 0;
  bottom: 2.4em;
  width: 100%;
  margin: auto;
  padding: 8px 0;
  background-color: rgba(0,0,0,.65);
  text-align: center;
  color: #fff;
}

/*保険詳細
------------------------------------------------------------------*/
.detail-info{
  display: flex;
  align-items: center;
  width: 100%;
}

.detail-info_ttl{
  width: 90px;
  font-size: 10px;
  text-align: center;
  background-color: #eaeaea;
  border-radius: 3px;
  padding: 3px 0;
  font-weight: bold;
}

.detail-info_txt{
  width: calc(100% - 90px);
  padding-left: 5px;
  box-sizing: border-box;
}

.detail-info__2column .detail-info_txt{
  width: calc((100% - 175px)/2);
}


/*保険商品
------------------------------------------------------------------*/

.mv-title {
  line-height: 1;
  color: #13448f;
  font-size: 50px;
  font-weight: bold;
}

.mv-title.mv-title__medium {
  font-size: 40px;
}

.mv-title.mv-title-icon {
  position: relative;
  padding-left: 106px;
}

.mv-title.mv-title-icon::before {
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  width: 77px;
  height: 77px;
  content: '';
  background-size: contain;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
}

.mv-title-icon__auto::before {
  background: url(../images/icon_auto.png);
}

.mv-title-icon__cycle::before {
  background: url(../images/icon_cycle.png);
}

.mv-title-icon__cancer::before {
  background: url(../images/icon_cancer.png);
}

.mv-title-icon__bicycle::before {
  background: url(../images/icon_bicycle.png);
}

.mv-title-icon__golf::before {
  background: url(../images/icon_golf.png);
}

.mv-title-icon__kairyo::before {
  background: url(../images/icon_kairyo.png);
}

.mv-title-icon__kasai::before {
  background: url(../images/icon_kasai.png);
}

.mv-title-icon__kokunai::before {
  background: url(../images/icon_kokunai.png);
}

.mv-title-icon__seiho::before {
  background: url(../images/icon_life.png);
}

.mv-title-icon__medical::before {
  background: url(../images/icon_medical.png);
}

.mv-title-icon__pet::before {
  background: url(../images/icon_pet.png);
}

.mv-title-icon__kaigo::before {
  background: url(../images/icon_kaigo.png);
}


.mv-coin {
  display: flex;
  align-items: center;
  justify-content: flex-end;
	text-align: left;
}

.mv-coin .mv-coin-icon {
  width: 131px;
  padding-right: 12px;
}

.mv-coin .mv-coin-txt {
  width: 190px;
  color: #13448f;
  line-height: 0.7;
  font-size: 26px;
  font-weight: bold;
}

.mv-coin .mv-coin-txt span {
  font-size: 10px;
  font-weight: normal;
}

/* about */
.hoken-about-btn {
  display: inline-block;
  padding: 14px 50px;
  color: #fff;
  border-radius: 6px;
  font-size: 16px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, rgba(49,124,214,1) 1%, rgba(37,93,200,1) 100%);
  background: -webkit-linear-gradient(top, rgba(49,124,214,1) 1%,rgba(37,93,200,1) 100%);
  background: linear-gradient(to bottom, rgba(49,124,214,1) 1%,rgba(37,93,200,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#317cd6', endColorstr='#255dc8',GradientType=0 );
}


/*保険会社
------------------------------------------------------------------*/
.mv-company-name {
  margin-bottom: 30px;
  color: #13448f;
  font-size: 40px;
  font-weight: bold;
}

.mv-company-block {
  display: flex;
  align-items: center;
}

.mv-company-img {
  width: 193px;
  padding: 8px 18px;
  background: #fff;
  border-radius: 6px;
  box-sizing: border-box;
}
.mv-company-img img {
  width: 100%;
}

.mv-company-txt {
  width: 798px;
  padding-left: 26px;
  box-sizing: border-box;
}

/*first
------------------------------------------------------------------*/

.first_block {
  padding: 50px 0;
}


.first_block_lead{
	font-size: 30px;
	font-weight: bold;
	color: #13448f;
	margin-bottom: 40px;
	line-height: 1.2;
	text-align: center;
}

.first_block_lead span{
	font-size: 20px;
	font-weight: bold;
}

.first_block_title {
  margin-bottom: 32px;
  color: #13448f;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}

.first_block_txt {
  margin-bottom: 45px;
  font-size: 16px;
}

/* first_aboutSkycoin */

.first_aboutSkycoin {
  border-top: 1px solid #13448f;
  padding-top: 78px;
}

.first_aboutSkycoin_title {
  margin-bottom: 22px;
}

.first_aboutSkycoin_copy {
  margin-bottom: 38px;
  color: #13448f;
  font-size: 30px;
  font-weight: bold;
}

.first_aboutSkycoin_inner {
  width: 100%;
  margin-bottom: 26px;
  padding: 20px;
  background: #eaf0f5;
}

.first_aboutSkycoin_text {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.first_aboutSkycoin_text strong {
  color: #13448f;
  font-size: 20px;
}

.first_aboutSkycoin_list {
  display: flex;
  text-align: center;
  justify-content: center;
}

.first_aboutSkycoin_list li {
  margin: 0 8px;
  padding: 22px 30px;
  border-radius: 6px;
  background: #fff;
  font-size: 19px;
  color: #13448f;
  font-weight: bold;
}

.first_aboutSkycoin_attentionText ,
.first_aboutSkycoin_attentionText a {
  font-size: 16px;
}

.first_aboutSkycoin_attentionText {
  color: #333;
}

.first_aboutSkycoin_attentionText a {
  color: #13448f;
  text-decoration: underline;
  font-weight: bold;
}

/* first_categoryList */

.first_categoryList {
  width: 980px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.first_categoryList li {
  margin: 0 11px 11px 0;
}

.first_categoryList li:nth-child(6n+6) {
  margin-right: 0;
}

/* first_processList */
.first_processList {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
  background: #13448f;
}

/* first_processBlock */

.first_processBlock {
  padding-bottom: 70px;
}

.first_processBlock_header {
  padding: 2px 0;
  text-align: center;
  background: #e3e8ef;
}

.first_processBlock_title {
  display: flex;
  align-items: center;
  width: 980px;
  margin: 0 auto;
  font-weight: bold;
  font-family: "游ゴシック", YuGothic;
}

.first_processBlock_step ,
.first_processBlock_num ,
.first_processBlock_txt {
  color: #13448f;
}

.first_processBlock_step {
  padding-right: 10px;
  font-size: 24px;
}

.first_processBlock_num {
  padding-right: 20px;
  font-size: 51px;
}

.first_processBlock_txt {
  font-size: 30px;
}

.first_processBlock_bodyTxt {
  margin-bottom: 35px;
  font-size: 16px;
}

.first_processBlock .inner {
  padding-top: 50px;
}

/* attention_block */

.attention_block {
  margin-bottom: 27px;
  padding: 24px 28px 24px 78px;
  border: 1px solid #df0000;
  line-height: 1.6;
  background: #fff url(../images/c-ico-extra01.png) no-repeat 28px 25px;
}

.attention_block_title {
  margin-bottom: 12px;
  font-size: 16px;
}

.attention_block_txt {
  font-size: 14px;
  line-height: 1.4;
}

/* howto_block */

.howto_block {
  display: table;
  overflow: hidden;
  width: 100%;
  margin-bottom: 27px;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  vertical-align: middle;
  background: #fff;
}

.howto_block > * {
  display: table-cell;
  vertical-align: middle;
  padding: 24px;
}

.howto_block_title {
  width: 27%;
  border-right: 1px solid #d1d1d1;
  text-align: center;
  background: #13448f;
}

.howto_block_title.howto_block_title__alignLeft {
  text-align: left;
}

.howto_block_title.howto_block_title__small {
  width: 22%;
}

.howto_block_title.howto_block_title__large {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 32%;
}

.howto_block_title p {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.howto_block_title p span {
  color: #fff;
  display: block;
  padding-top: 12px;
  font-size: 12px;
}

.howto_block_body p {
  font-size: 16px;
}

.howto_block_body.howto_block_body__arrowRight {
  position: relative;
}

.howto_block_body.howto_block_body__arrowRight::before {
  position: absolute;
  top: 50%;
  right: 26px;
  display: block;
  width: 10px;
  height: 15px;
  content: '';
  background: url(../images/arr-blue01.png) no-repeat;
  background-size: contain;
  transform: translate(0,-50%);
}


.howto_block_txt {
  margin-bottom: 22px;
  font-size: 16px;
}

.howto_block_txt.howto_block_txt__medium {
  font-size: 15px;
}

.howto_block_txt span {
  font-size: 16px;
}

.howto_block_tel ,
.howto_block_email a {
  font-size: 16px;
  font-weight: bold;
  color: #0b318f;
}

.howto_block_tel ,
.howto_block_email {
  position: relative;
  margin-bottom: 16px;
}

.howto_block_tel {
  padding-left: 36px;
}
.howto_block_tel::before {
  position: absolute;
  top: 45%;
  left:0;
  display: block;
  width: 18px;
  height: 29px;
  content: '';
  background: url(../images/ico-tel.png) no-repeat;
  background-size: contain;
  transform: translate(0,-50%);
}

.howto_block_tel span {
  padding-left: 20px;
  font-weight: normal;
  font-size: 12px;
  color: #0b318f;
}

.howto_block_email {
  padding-left: 45px;
}

.howto_block_email::before {
  position: absolute;
  top: 50%;
  left:0;
  display: block;
  width: 26px;
  height: 18px;
  content: '';
  background: url(../images/icon_email.png) no-repeat;
  background-size: contain;
  transform: translate(0,-50%);
}



.bg_aboutCoin {
  padding-bottom: 180px;
  text-align: center;
  background: url(../images/about-bg.png) center bottom repeat-x;
}

.bg_glay {
  background: #f8f8f8;
}

.bg_white {
  background: #fff;
}

/*******************************************************************
* マイルからコインへのリニューアル - end
********************************************************************/


/* 2018.10.4 update */
.links_area {
  margin-top: 1em;
  padding: .5em 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-top: dotted 1px #b0b0b0;
  border-bottom: dotted 1px #b0b0b0;
}
.links_area a {
  font-size: 11px;
  color: #13448f;
}
.links_area b {
  font-weight: bold;
}
.links_area b::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 11px;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2070%20100%22%3e%3cpath%20stroke%3d%22%2313448f%22%20stroke%2dwidth%3d%2210%22%20fill%3d%22none%22%20d%3d%22M%205%205%20L%2060%2050%20L%205%2095%22%2f%3e%3c%2fsvg%3e') no-repeat center;
  vertical-align: middle;
  margin-right: .2em;
}
.links_area b a {
  vertical-align: middle;
  font-size: 12px;
}
.links_area > ol {
  width: 26%;
}
.links_area > ol > li {
  padding: 1em 0;
  border-top: dotted 1px #b0b0b0;
}
.links_area > ol > li:first-child {
  border-top: none;
}
.links_area > ol ol li {
  margin-top: .2em;
}
.links_area > ol ol li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 2019.4.24 update */
.txt_clr_red {
  color: #f10000 !important;
}

/* 2019.6.12 update */
.mv_pet2019 {
  background: url(/images/bg_pet2019.jpg) no-repeat center bottom;
  background-size: cover;
}
.mv_pet2019 img {
  display: block;
  margin: auto;
}


/* 2019.7.14 update */
.amc-con-tab-list {
  line-height: 1;
}
.amc-con-tab-list li:hover img {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* 2019.7.15 update */
.hoken-menu-list-flx {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.hoken-menu-list-flx li {
  margin-left: 20px;
  margin-bottom: 16px;
  width: 180px;
  text-align: center;
}
.hoken-menu-list li:first-child,
.hoken-menu-list-flx li:first-child {
  margin-left: 0;
}
.hoken-menu-list-flx li a {
  display: block;
  box-shadow: 0 0 1px rgba(0,0,0,.15);
}

/* 2019.8.14 update */
/*
img {
  -webkit-backface-visibility: hidden;
}
*/
/* 2019.10.21 update */
.hoken-detail-table td.company {
  position: relative;
}
.co_label {
  position: absolute;
  top: 16px;
  left: 1em;
  display: block;
}
.co_label img {
  width: 4.231em;
  height: 4.231em;
}
.co_label img + img {
  margin-left: .5em;
}


/* 2019.12.11 */
.hoken-detail-table p.detail-medal img + img {
  margin-top: .2em;
}



/* 2020.2.17 update */
.continue-attention-box .company_info {
  border-bottom: solid 1px;
  font-size: 100%;
  color: inherit;
  cursor: pointer;
}
.contact_tbl {
  margin: 1em 0;
}
.contact_tbl table {
  width: 100%;
}
.contact_tbl table th {
  /*width: 25%;*/
  width: 28%;/* 2024.10.1 */
  background-color: #d1eeff;
  text-align: center;
  font-weight: bold;
}
.contact_tbl table th:nth-child(2) {
  width: 22%;
}
.contact_tbl table th:nth-child(3) {
  width: 16%;
}
.contact_tbl table th:nth-child(4) {
  width: auto;
}
.contact_tbl table th,
.contact_tbl table td {
  padding: .5em 1em;
  border: 1px solid #b5b5b5;
  word-break: break-all;
}
.contact_tbl table td:first-child {
  font-size: 16px;
  color: #0f3aa4;
}
.contact_tbl table td:nth-child(2) {
  text-align: center;
  font-size: 16px;
}
.contact_tbl table td:nth-child(3) {
  font-size: 16px;
}
.contact_tbl table td div {
  font-size: 100%;
}


.globalNavi > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  border-right: solid 1px rgba(255,255,255,.6);
}
.globalNavi > ul > li {
  float: none;
  width: 163.3px;
  box-sizing: border-box;
  border-left: solid 1px rgba(255,255,255,.6);
  border-top: solid 1px rgba(255,255,255,.6);
  text-align: center;
  font-family: 'Noto Sans JP';
}
.globalNavi > ul > li:first-child,
.globalNavi > ul > li:nth-child(2),
.globalNavi > ul > li:nth-child(3),
.globalNavi > ul > li:nth-child(4),
.globalNavi > ul > li:nth-child(5),
.globalNavi > ul > li:nth-child(6) {
  border-top: none;
}
.globalNavi .navi_link {
  display: block;
  padding: .752em 1em;
  cursor: pointer;
}
.globalNavi .navi_icon {
  margin-right: .5em;
  width: 21px;
  height: 21px;
  vertical-align: middle;
}
.globalNavi .home .navi_icon {
  height: 19px;
}
.globalNavi .ryoko .navi_icon {
  height: 17px;
}
.globalNavi .auto .navi_icon {
  width: 29px;
  height: 14px;
}
.globalNavi .bike .navi_icon {
  width: 29px;
  height: 18px;
}
.globalNavi .kaigo .navi_icon {
  width: 23px;
  height: 20px;
}
.globalNavi .medical .navi_icon {
  width: 17px;
  height: 17px;
}
.globalNavi .gan .navi_icon {
  width: 17px;
  height: 18px;
}
.globalNavi .seiho .navi_icon {
  width: 21px;
  height: 17px;
}
.globalNavi .kasai .navi_icon {
  width: 19px;
  height: 18px;
}
.globalNavi .bicycle .navi_icon {
  width: 30px;
  height: 19px;
}
.globalNavi .golf .navi_icon {
  width: 21px;
  height: 22px;
}
.globalNavi .pet .navi_icon {
  width: 26px;
  height: 22px;
}
.globalNavi .navi_txt {
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
}
.globalNavi .ryoko .global_subnavi {
  position: absolute;
  top: 50%;
  opacity: 0;
}
.globalNavi .ryoko {
  position: relative;
  overflow: hidden;
}
.globalNavi .ryoko .global_subnavi {
  position: absolute;
  top: 50%;
  display: block;
  width: 163px;
  visibility: hidden;
  opacity: 0;
}
.globalNavi .ryoko .global_subnavi li {
  position: relative;
  width: 100%;
  border: none;
}
.globalNavi .ryoko .global_subnavi li a {
  padding: .5em 1em;
  background-color: #6198eb;
}
.globalNavi .ryoko .global_subnavi li:first-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  height: 1px;
  background-color: rgba(255,255,255,.6);
}
.globalNavi .ryoko .global_subnavi li a:hover {
  background-color: #3261b6;
}
.globalNavi .ryoko:hover {
  overflow: visible;
}
.globalNavi .ryoko:hover .global_subnavi {
  top: 42px;
  transition: all .3s ease;
  opacity: 1;
  visibility: visible;
}



/* 2020.9.22 update */
.hoken_list_notes {
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  color: #13448f;
}
.hoken_list_notes small {
  font-size: 10px;
  color: #13448f;
}
.continue_blk .hoken-menu-txt {
  width: 100%;
}
.continue_blk .hoken-menu-guide {
  display: table-cell;
  width: 76%;
  padding-right: 7%;
  text-align: left;
  color: #0e39a3;
  font-weight: bold;
}
.continue_blk .hoken-menu-btn-continue {
  display: table-cell;
  min-width: inherit;
  width: 24%;
  margin: 1em auto;
  text-align: left;
}
.continue_blk .btn-continue {
  display: inline-block;
  position: relative;
  padding: 9px 48px 9px 30px;
  width: auto;
  color: #13448f;
  border: 1px solid #13448f;
  border-radius: 6px;
  font-weight: bold;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.15);
}
.continue_blk .btn-continue::before {
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 7px;
  height: 9px;
  content: '';
  background: url(../images/arr-blue-s05.png) no-repeat;
  background-size: contain;
  transform: translate(0.-50%);
  -webkit-transform: translate(0,-50%);
}
.continue_blk .btn-continue::before {
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2064%20100%22%3e%3cpath%20stroke%3d%22%2313448f%22%20stroke%2dwidth%3d%2222%22%20fill%3d%22none%22%20d%3d%22M%2010%2010%20L%2048%2050%20L%2010%2090%22%2f%3e%3c%2fsvg%3e') no-repeat center;
  background-size: contain;
}
.continue_blk .btn-continue:hover {
  background-color: #13448f;
  color: #fff;
}
.continue_blk .btn-continue:hover::before {
  background-image: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2064%20100%22%3e%3cpath%20stroke%3d%22%23fff%22%20stroke%2dwidth%3d%2222%22%20fill%3d%22none%22%20d%3d%22M%2010%2010%20L%2048%2050%20L%2010%2090%22%2f%3e%3c%2fsvg%3e');
}
.continue_blk .hoken-menu-guide em {
  background: linear-gradient(transparent 50%, #f8fd65 0%);
  font-size: 100%;
  font-weight: bold;
  color: #13448f;
}
.continue_blk .hoken-menu-guide p {
  font-size: 100%;
  color: #13448f;
}
.continue_blk .hoken-menu-guide small {
  font-size: 10px;
  color: #13448f;
}
.continue_blk {
    padding: 1.3em 0;
}
.continue_blk + .hoken-cpnbnr-block {
    padding-top: 0;
}

.mv_hdr {
  padding: 1em 0;
  margin-bottom: 6em;
  background-color: #a8def4;
  border-top: solid 4px #13448f;
  color: #13448f;
}
.mv_hdr .inner {
  position: relative;
  padding-left: 3em;
  box-sizing: border-box;
  line-height: 1.4;
  font-size: 28px;
  font-weight: bold;
  color: #13448f;
}
.mv_hdr .inner::before {
  content: "";
  position: absolute;
  left: .5em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 37px;
  height: 60px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026.08%2044.76%22%3E%3Ccircle%20cx%3D%2213.04%22%20cy%3D%2210.6%22%20r%3D%2210.6%22%20style%3D%22fill%3A%230c4187%22%2F%3E%3Cpath%20d%3D%22M23.3%2C44.76H2.78A2.78%2C2.78%2C0%2C0%2C1%2C0%2C42v-9.7a13%2C13%2C0%2C0%2C1%2C13-13h0a13%2C13%2C0%2C0%2C1%2C13%2C13V42A2.77%2C2.77%2C0%2C0%2C1%2C23.3%2C44.76Z%22%20style%3D%22fill%3A%230c4187%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.mv_hdr .inner::after {
  content: "";
  position: absolute;
  bottom: -2.75em;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 48px;
  height: 41px;
  background: url(/images/pt_continue_mv_arw.png) no-repeat center;
}
.mv_btm {
  margin-bottom: 2em;
}
.mv_btm p {
  font-size: 16px;
}
.continue_mv_bg {
  padding-bottom: 1em;
  background-color: #eaf0f5;
}



/* 2020.10.6 update */
.hoken-detail-table .col-wrap a.closed_link,
.hoken-detail-table .col-wrap a.closed_link2 {
  position: relative;
  pointer-events:none;
}
.hoken-detail-table .col-wrap a.closed_link::after,
.hoken-detail-table .col-wrap a.closed_link2::after {
  content: "資料請求ページメンテナンス中";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 0;
  bottom: 0;
  display: block;
  width: 206px;
  height: 50px;
  background-color: rgba(0,0,0,.6);
  border-radius: 0.3em;
  color: #fff;
  font-size: 125%;
  font-weight: bold;
  padding: 6px 2.7em 0;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.2;
}
.hoken-detail-table .col-wrap a.closed_link2::after {
  content: "お見積りページメンテナンス中";
}



/* 2020.10.22 */
.description-block .bobun_list_blk {
  margin-top: 1em;
}
.description-block .bobun_list::after {
  content: "";
  display: block;
  clear: both;
}
.description-block .bobun_list li {
  float: left;
  margin-right: 1.5em;
}
.description-block .bobun_list li,
.description-block .bobun_list li span {
  font-size: 11px;
  color: #676767;
}

/* 2021.6.18 */
.list .hoken-detail-table td.td-company img {
  padding-right: 0;
  margin: .75em 1em;
  vertical-align: middle;
}
.list .hoken-detail-table td.td-company {
  padding: 1em;
}
.hoken-menu-list li {
  margin-bottom: 10px;
}
.hoken-menu-list li img {
  width: 180px;
  height: auto;
}


/* 2021.9.1 update */
.hoken-detail-table td.company .lbl-cpn {
  display: block;
  width: 89px;
  margin-bottom: 2em;
}
.hoken-detail-table td.company .lbl-cpn img {
  width: 89px;
  height: 51px;
}
img {
  image-rendering: -webkit-optimize-contrast;
}


/* 2021.9.15 update */
.hoken-detail-table .phrase {
  display: block;
  margin-top: .5em;
  font-weight: bold;
  color: #062271;
}
.hoken-detail-table .fee {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #f97920;
}
.hoken-detail-table .fee sup,
.hoken-detail-table .fee small {
  color: inherit;
}
.hoken-detail-table .fee small {
  display: block;
}
.hoken-detail-table .notes,
.hoken-detail-table .notes li {
  font-size: 10px;
}
.hoken-detail-table .list {
  margin-left: 1em;
  text-indent: -1em;
}
.hoken-detail-table .fee small,
.hoken-detail-table .notes2 {
  font-size: 11px;
}
.hoken-detail-table .notes2 li {
  line-height: 1.6;
  font-size: inherit;
}
.hoken-detail-table sup {
  font-size: 10px;
  font-weight: normal;
}
.hoken-detail-notes-list2 {
  margin-top: 1em;
}
.hoken-detail-notes-list2 li {
  margin-left: 3.4em;
  text-indent: -3.4em;
  font-size: 11px;
}


/* 2021.12.15 update */
a.nolink {
  pointer-events: none;
}


/* 2022.1.4 update */
.pc {
  display: none !important;
}
@media screen and (min-width: 768px), print {
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
}
/* campaign ------------------------------- */
.mv-campaign {
  background-repeat: no-repeat;
  background-size: cover;
}
.mv-campaign img {
  display: block;
  margin: auto;
}
.campaign-info_column {
  display: flex;
  width: 714px;
  align-items: stretch;
  justify-content: space-between;
  margin: 3.5em auto 0;
}
.campaign-info_column a {
  display: block;
  width: 49.02%;
  padding: 11px 0 8px;
  background-color: #13448f;
  border-radius: .3em;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.campaign-info_column a span {
  position: relative;
  display: block;
  padding-right: 1.5em;
  margin-bottom: 5px;
  font-size: 18px;
  color: #fff;
}
.campaign-info_column a span::before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}
.campaign-info_column a span.auto::before {
  width: 52px;
  height: 25px;
  background-image: url(/images/cpn/pt_auto.svg);
}
.campaign-info_column a span.bike::before {
  width: 48px;
  height: 30px;
  background-image: url(/images/cpn/pt_bike.svg);
}
.campaign-info_column a span::after {
  content: "";
  position: absolute;
  right: 1.6em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 19px;
  height: 12px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2095.15%2061.15%22%3E%3Cpath%20d%3D%22M87.58%2C8l-40%2C38L7.58%2C8%22%20style%3D%22fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A22px%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.campaign-info_column a b {
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
}
.campaign-info_column a small {
  display: block;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic;
  font-size: 12px;
  color: #fdf035;
}
.lead-campaign {
  padding: 2em 0 1em;
  text-align: center;
  font-weight: bold;
}
.lead-campaign p {
  font-size: 14px;
}
.em-lead-campaign {
  font-size: 14px;
  font-weight: bold;
  color: #ff414a;
}
.line-lead-campaign {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  font-size: 18px;
  color: inherit;
}
.b-lead-campaign {
  font-size: 22px;
  color: inherit;
}
.notes-lead-campaign {
  margin-top: .5em;
}
.notes-lead-campaign p {
  font-size: 10px;
}
.bnr-anaskycoin {
  margin: 1em 0 2em;
  text-align: center;
}

.campaign-notice {
  padding: 3em 0;
}
.ttl-campaign-notice {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-weight: bold;
}
.list-campaign-notice {
  margin-bottom: 2.5em;
}
.list-campaign-notice li {
  margin-left: 1.4em;
  text-indent: -1.4em;
}
.campaign-notice a {
  text-decoration: underline;
  color: #0039bb;
}
#snsArea ul {
  padding-top: 40px;
}

.hoken-detail-table .detail.cpn {
  position: relative;
}
.hoken-detail-table .detail.cpn .detail-medal {
  position: absolute;
  top: 1.5em;
  right: 1em;
}
.hoken-detail-table .detail.cpn .detail-medal img + img {
  margin: 0 0 0 .5em;
}

/* 2022.1.15 update */
.hoken-detail-table .col-wrap a.closed_link,
.hoken-detail-table .col-wrap a.closed_link2 {
  display: block;
}
.hoken-detail-table .col-wrap a.closed_link.reason1::after {
  content: "新商品準備中";
  padding-top: 1em;
}

/* 2022.2-3 update */
[class|=sec] {
  padding: 4em 0;
}
[class|=sec].bg {
  background-color: #f8f8f8;
}
.hr5 {
  border-top: 5px solid #e0e0e0;
}

.tbl-aboutus {
  width: 100%;
}
.tbl-aboutus tr:nth-child(odd) {
  background-color: #e5e5e5;
}
.tbl-aboutus tr:nth-child(even) {
  background-color: #fff;
}
.tbl-aboutus th,
.tbl-aboutus td {
  padding: 1.5em 2.5em;
  vertical-align: top;
}
.tbl-aboutus th {
  border-right: solid 1px #bbb;
  font-weight: bold;
}
.sec-sorahoweb {
  padding: 8em 0 16em;
  background: url(/images/about/bg_about.png) center bottom repeat-x, linear-gradient(to bottom, #eafaff 6%, #fff 40%);
}
.ttl-sorahoweb {
  position: relative;
  margin-bottom: 1em;
}
.ttl-sorahoweb p {
  line-height: 1.6;
}
.ttl-sorahoweb p,
.ttl-sorahoweb p span {
  font-size: 30px;
  font-weight: bold;
  color: #0b318f;
}
.ttl-sorahoweb p span {
  vertical-align: text-bottom;
}
.img-fukidashi-sorahoweb {
  position: absolute;
  top: -2em;
  right: 2em;
  display: block;
  width: 382px;
  height: 78px;
}
.img-logo-sorahoweb {
  vertical-align: text-bottom;
}
.txt-sorahoweb {
  padding: 2em 24em 0 0;
  background: url(/images/about/img_bird.png) no-repeat bottom right;
}
.txt-sorahoweb p {
  line-height: 2.2;
  font-size: 16px;
  font-weight: 500;
}
.sec-top-aboutsoraho {
  padding: 6em 0 12em;
  background: url(/images/about/bg_about.png) center bottom repeat-x;
  text-align: center;
}
.subttl-aboutsoraho,
.ttl-aboutsoraho {
  font-size: 32px;
  font-weight: 600;
  color: #073190;
}
.subttl-aboutsoraho {
  margin-bottom: 1em;
  line-height: 1.5;
}
.subttl-aboutsoraho b {
  display: block;
  font-size: 82.5%;
  font-weight: bold;
  color: inherit;
}
.ttl-aboutsoraho {
  margin-bottom: 1.2em;
}
.ttl-aboutsoraho span {
  font-size: 38px;
  color: inherit;
}
.img-logo-aboutsoraho {
  margin-right: 1em;
  width: 360px;
  height: auto;
  vertical-align: text-bottom;
}
.txt-aboutsoraho {
  margin-bottom: 4em;
  font-size: 18px;
  font-weight: 500;
}
.txt-aboutsoraho a {
  text-decoration: underline;
  font-size: inherit;
  font-weight: inherit;
  color: #13448f;
  transition: opacity .3s ease;
}
.txt-aboutsoraho a:hover {
  opacity: .7;
}
.flx-aboutsoraho {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  max-width: 966px;
  margin: 0 auto 4em;
}
.col-aboutsoraho {
  width: 33.1%;
  max-width: 319px;
  text-align: center;
}
.blk-btn-aboutsoraho {
  text-align: center;
}
.ttl-first {
  margin-bottom: .5em;
  font-size: 30px;
  font-weight: bold;
  color: #073190;
}
.ttl-first small {
  display: block;
  font-size: 22px;
  font-weight: inherit;
  color: inherit;
}
.lead-first {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-weight: 500;
}
.lead-first em {
  font-size: 20px;
  font-weight: bold;
}
.tbl-first {
  width: 100%;
  border-right: solid 5px #cdcdcd;
  border-left: solid 5px #cdcdcd;
}
.tbl-first1 {
  border-top: solid 5px #cdcdcd;
}
.tbl-first thead {
  border-bottom: solid 5px #cdcdcd;
}
[class|="th-first"] {
  padding: .2em;
  background-color: #eee;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.th-first-member,
.th-first-card {
  padding-bottom: 6em;
  background-repeat: no-repeat;
  background-size: 98px auto;
  border-left: solid 2px #fff;
}
.th-first-member {
  background-image: url(/images/about/img_first_tbl01.png);
  background-position: center 75%;
}
.th-first-card {
  background-image: url(/images/about/img_first_tbl02.png);
  background-position: center 70%;
}
.img-coin-firsttbl {
  position: absolute;
  left: 2em;
  top: 0;
  bottom: 0;
  display: block;
  width: 41px;
  height: 41px;
  margin: auto;
}
.tbl-first tbody tr {
  border-bottom: solid 1px #cdcdcd;
}
.tbl-first tbody th {
  padding: 0 1em 0 1.5em;
}
.tbl-first tbody th a {
  text-decoration: underline;
  font-size: 18px;
  font-weight: bold;
  color: #1e3b9c;
}
.tbl-first td {
  position: relative;
  padding: 1em 1em 1em 2em;
}
.cell-first-1 {
  width: 26%;
}
.cell-first-2 {
  width: 42%;
}
.cell-first-3 {
  width: 32%;
}
.blk-first-coin {
  padding-left: 4em;
  font-weight: bold;
}
.txt-first-coin {
  line-height: 1.2;
  font-size: 26px;
  font-weight: inherit;
  color: #f57a20;
}
.txt-first-coin span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.txt-first-coin span > span {
  font-size: 17px;
}
.txt-first-coin p {
  font-size: 14px;
  font-weight: inherit;
  color: inherit;
}
.txt-first-coin .unit,
.txt-first-mile .unit {
  font-size: 17px;
  color: inherit;
}
.box-first {
  display: inline-block;
  padding: 0 .5em;
  margin-top: .3em;
  border: solid 1px;
  font-size: 12px;
  font-weight: bold;
}
.box-first small {
  font-size: 10px;
  font-weight: inherit;
}
.txt-first-mile {
  line-height: 1.2;
  font-size: 26px;
  font-weight: bold;
  color: #1eb9ee;
}
.txt-first-mile {
}
.categoryList ul li a > .blk span {
  color: #fff;
}
.blk-accordion {
  display: none;
}
.btn-first-tbl {
  border-top: solid 5px #cdcdcd;
  text-align: right;
}
.txt-btn-first {
  display: inline-block;
  padding: .5em 4em;
  background-color: #a0a0a0;
  border-radius: 0 0 .5em .5em;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  transition: opacity .3s ease;
}
.txt-btn-first:hover {
  opacity: .8;
}
.txt-btn-first::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 17px;
  margin-right: 1em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.1%2018.06%22%3E%3Cpath%20d%3D%22M1.06%2C10.05l8-7.94%2C8%2C7.94%22%20style%3D%22fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A3px%22%2F%3E%3Cpath%20d%3D%22M1.06%2C17l8-7.94%2C8%2C7.94%22%20style%3D%22fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A3px%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  vertical-align: text-bottom;
  transform: rotate(180deg);
}
.txt-btn-first.open::before {
  transform: rotate(0deg);
}
.notes-sec-first1 {
  margin-top: 2em;
}
.notes-sec-first1 li {
  margin-left: 2.5em;
  text-indent: -2.5em;
  font-size: 10px;
}
.flx-sec-first2 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.col-sec-first2 {
  position: relative;
  width: 30%;
  padding: 3em 0 10em;
  box-sizing: border-box;
  background-color: #eaf0f5;
  border-radius: .3em;
  text-align: center;
  color: #13448f;
}
.col-sec-first2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 90%;
  height: 93%;
  margin: auto;
  border: dotted 2px #bfbfbf;
  border-radius: .3em;
}
.ttl-col-sec-first2 {
  margin-bottom: 2em;
  line-height: 1.2;
  font-weight: bold;
  color: inherit;
}
.ttl-col-sec-first2 small {
  display: block;
  font-size: 14px;
  font-weight: inherit;
  color: inherit;
}
.ttl-col-sec-first2 em {
  background: linear-gradient(rgba(255,255,255,0) 50%, #fff100 0%);
  font-weight: inherit;
  color: inherit;
}
.ttl-col-sec-first2 span {
  vertical-align: text-bottom;
  font-size: 28px;
  color: inherit;
}
.ttl-col-sec-first2 b {
  vertical-align: text-bottom;
  line-height: 1;
  font-size: 38px;
  font-weight: inherit;
  color: inherit;
}
.phrase-col-sec-first2 {
  padding: 0 1.1em;
  margin-bottom: 1em;
  line-height: 1.2;
  font-size: 24px;
  font-weight: bold;
  color: inherit;
}
.phrase-col-sec-first2 b {
  font-size: 30px;
  font-weight: inherit;
}
.phrase-col-sec-first2 em {
  font-size: inherit;
  font-weight: inherit;
  color: #f87b03;
}
.col-sec-first2 p {
  padding: 0 2.5em;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: inherit;
}
.img-col-sec-first2 {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 254px;
}
.box-sec-first3 {
  padding: 4em;
  border: dotted 2px #bfbfbf;
  border-radius: .3em;
  color: #0b318f;
}
.ttl-sec-first3 {
  position: relative;
  margin-bottom: 1em;
  padding: 16px 30px 16px 74px;
  border: solid 3px;
  border-radius: 2em;
  line-height: 1;
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  color: inherit;
}
.ttl-sec-first3 span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  padding: 0 .5em 0 .75em;
  margin: auto;
  border-right: solid 1px;
  font-size: 28px;
  font-weight: bold;
  color: inherit;
}
.ttl-sec-first3 em {
  background: linear-gradient(rgba(255,255,255,0) 65%, #fff100 0%);
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.ttl-sec-first3-2 {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 22px;
}
.box-sec-first3 p {
  font-size: 14px;
  color: inherit;
}
.lead-sec-first3 {
  margin-bottom: 1em;
  font-size: 16px;
}
.point-sec-first3 {
  position: relative;
  padding: .54em;
  margin-bottom: 1em;
  background-color: #305fb8;
  line-height: 1.2;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.point-sec-first3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 89px;
  height: 45px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2089%2044.99%22%3E%3Cpath%20d%3D%22M3%2C0H89L0%2C45V4C0%2C1.36.34%2C0%2C3%2C0Z%22%20style%3D%22fill%3A%23f87b03%3Bfill-rule%3Aevenodd%22%2F%3E%3Cpath%20d%3D%22M45.79%2C13.72a1.1%2C1.1%2C0%2C0%2C1-1.62-.6c-.32-.64.5-1.34.51-1.64.61-.29%2C1.32-.05%2C1.64%2C1.24C46.63%2C12.7%2C46.4%2C13.42%2C45.79%2C13.72Zm-4.5-7-.86-1.59%2C1.74-.85.74%2C1.65%2C1.9%2C4.41-1.13.55Zm-.07%2C7.55a2%2C2%2C0%2C0%2C0%2C.57-.46l.91%2C1.11a3.66%2C3.66%2C0%2C0%2C1-1.26.92c-1.57.77-2.66.07-2.92-1.38l-1.91-2.88-.93.8-.2-1.62.82-.58-.95-1.85%2C1.43-.7.88%2C1.75%2C1.62-.79L40%2C10l-1.62.79%2C1.44%2C2.88C40.15%2C14.37%2C40.63%2C14.57%2C41.22%2C14.28Zm-6.38%2C4.6-1.92-3.61c-.51-1.11-1-1.46-1.61-1.15a2.09%2C2.09%2C0%2C0%2C0-1%2C1.4L32.55%2C20l-1.73.84-3.25-6.51L29%2C13.64l.56.8%2C0%2C0a3.39%2C3.39%2C0%2C0%2C1%2C1.63-2.07c1.42-.69%2C2.52%2C0%2C3.34%2C1.62l2%2C4.33Zm-8.18%2C4-3.25-6.51%2C1.73-.85%2C3.25%2C6.81Zm-2.91-8c-.59.29-1.19.29-1.48-.45a.77.77%2C0%2C0%2C1%2C.55-1.2c.59-.51%2C1.58-.34%2C1.46.22C24.57%2C14.35%2C24.34%2C14.61%2C23.75%2C14.9Zm-2.2%2C10.68a3.59%2C3.59%2C0%2C0%2C1-4.87-1.87%2C3.52%2C3.52%2C0%2C0%2C1%2C1.45-5c1.65-.81%2C3.79-.29%2C5.17%2C1.87C24.84%2C22.78%2C23.2%2C24.78%2C21.55%2C25.58Zm-.31-4.1c-.61-1.22-1.52-1.77-2.41-1.34s-1%2C1.49-.39%2C2.71c1.16%2C2%2C1.52%2C1.78%2C2.41%2C1.34S21.86%2C22.71%2C21.24%2C21.48ZM14%2C29.31a2.81%2C2.81%2C0%2C0%2C1-2%2C.09l.59%2C1%2C1%2C2-1.73.85-4.5-9%2C1.41-.69.47.61%2C0%2C0a6.13%2C6.13%2C0%2C0%2C1%2C1.52-1.78c1.62-.8%2C3.24.05%2C4.24%2C2.05C17%2C26.65%2C15.39%2C28.6%2C14%2C29.31Zm-.73-4c-.62-.68-1.36-1.74-2.27-1.16-.44.08-.73.5-.95%2C1.17l1.43%2C2.86c.75.16%2C1.07.08%2C1.43.71A3.11%2C3.11%2C0%2C0%2C0%2C13.22%2C25.31Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.img-sec-first3 {
  display: block;
  margin: 1em auto 2em;
}
.fig-sec-first3 {
  width: 581px;
  margin: 0 auto 5em;
}
.flxpc-sec-first3 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  color: inherit;
}
.col-sec-first3 {
  width: 46%;
  color: inherit;
}
.first_block_title {
  text-align: left;
}
.flx-first-step {
  display: flex;
  align-items: stretch;
  justify-content: center;
  background-color: #13448f;
}
.flx-first-step li {
  position: relative;
  min-width: 196px;
  background-color: inherit;
}
.flx-first-step li:not(:last-of-type)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 100%;
  margin: auto;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%20135.51%22%3E%3Cpath%20d%3D%22M2%2C2%2C20%2C70%2C2%2C137%22%20transform%3D%22translate%28-1.03%20-1.74%29%22%20style%3D%22fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A2px%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
}
.link-first-step {
  display: block;
  padding: 1em 3em 1em 1.5em;
  background-color: #13448f;
  line-height: 1.2;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.link-first-step span {
  display: block;
  margin: auto;
  font-size: inherit;
  color: inherit;
}
.link-first-step img {
  display: block;
  margin: 0 auto 1em;
}
.link-txt {
  text-decoration: underline;
  font-size: inherit;
  font-weight: inherit;
  color: #13448f;
  transition: opacity .3s ease;
}
.link-txt:hover {
  opacity: .7;
}
#step2 .notes-step-first {
  margin-top: 2em;
}
.notes-step-first li {
  position: relative;
  padding: 0 0 0 2em;
  font-size: 14px;
  color: #e42e2e;
}
.notes-step-first li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  background: url(/images/c-ico-extra01.png) no-repeat center;
  background-size: contain;
}
.notes-step-first li:not(:last-of-type) {
  margin-bottom: 1em;
}
.notes-step-first li p {
  font-size: 12px;
  color: inherit;
}
.link-notes-step {
  display: block;
  margin-top: 1em;
}
.flxpc-first-contact {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 4em;
}
.col-first-contact {
  position: relative;
  width: 32%;
  padding: 2.5em 0;
  box-sizing: border-box;
  background-color: #13448f;
  border-radius: .3em;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  transition: opacity .3s ease;
}
.col-first-contact:hover {
  opacity: .8;
}
.col-first-contact::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  display: block;
  width: 13px;
  height: 26px;
  margin: auto;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.5%2030.5%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20%20stroke%3D%22rgb%28255%2C%20255%2C%20255%29%22%20stroke-width%3D%223px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M4.500%2C1.771%20L17.227%2C14.500%20L4.500%2C27.227%20%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.col-first-contact span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80%;
  transform: translate(-50%,-50%);
  line-height: 1.2;
  font-size: inherit;
  color: inherit;
}
.col-first-contact small {
  display: block;
  font-size: 18px;
  color: inherit;
}

.header-aboutcoin {
  background-color: #e9faff;
  border-bottom: solid 1px #c3c8cc;
  text-align: center;
}
.link-header-aboutcoin {
  display: flex;
  width: 980px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  padding: 9px 0;
}
.link-header-aboutcoin img {
  max-width: 100%;
  height: auto;
}
.col-img-header-aboutcoin {
  width: 23%;
  margin-right: 1%;
}
.col-txt-header-aboutcoin {
  width: 73%;
}


/* 2022.2 auto continue */
.txt-continue_blk {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #13448f;
}
.txt-continue_blk b {
  font-size: inherit;
  font-weight: bold;
  color: inherit;
}
.btn-continue2 {
  display: block;
  width: 407px;
  margin: 1em auto;
  padding: .5em 1em;
  background-color: #13448f;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #f2f938;
}
.btn-continue2::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 13px;
  margin-left: 1em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.3%2012.63%22%3E%3Cpath%20d%3D%22M.68.74%2C6.82%2C6.26.68%2C11.89%22%20style%3D%22fill%3Anone%3Bstroke%3A%23f2f938%3Bstroke-width%3A2px%22%2F%3E%3Cpath%20d%3D%22M7.67.74l6.15%2C5.52L7.67%2C11.89%22%20style%3D%22fill%3Anone%3Bstroke%3A%23f2f938%3Bstroke-width%3A2px%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.btn-continue2 b {
  font-size: 128%;
  font-weight: inherit;
  color: inherit;
}
.btn-continue2:hover {
  opacity: .8;
}

.about-block {
  padding: 6em 0;
  text-align: left;
}

/* 2022.4.8 update */
.blk-contents-author {
  padding: 2em 0;
}
.flxpc-contents-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  box-sizing: border-box;
  border: solid 4px #d4d4d4;
  border-radius: .6em;
}
.col-contents-author-ttl {
  position: relative;
  width: 288px;
  padding: 0 30px;
  box-sizing: border-box;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
}
.col-contents-author-ttl::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 45px;
  height: 43px;
  background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160.15%20157.04%22%3E%3Cpath%20d%3D%22M116.84%2C149.69h-7.36v-52.56c0-2.03-1.65-3.68-3.68-3.68H54.35c-2.03%2C0-3.68%2C1.65-3.68%2C3.68v52.56h-7.36v-52.56c0-6.09%2C4.95-11.04%2C11.04-11.04h51.46c6.08%2C0%2C11.04%2C4.95%2C11.04%2C11.04v52.56Z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M98.98%2C68.67c0%2C10.44-8.46%2C18.9-18.9%2C18.9s-18.9-8.46-18.9-18.9%2C8.46-18.9%2C18.9-18.9%2C18.9%2C8.46%2C18.9%2C18.9Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpath%20d%3D%22M80.07%2C91.25c-12.45%2C0-22.58-10.13-22.58-22.58s10.13-22.58%2C22.58-22.58%2C22.58%2C10.13%2C22.58%2C22.58-10.13%2C22.58-22.58%2C22.58Zm0-37.8c-8.39%2C0-15.22%2C6.83-15.22%2C15.22s6.83%2C15.22%2C15.22%2C15.22%2C15.22-6.83%2C15.22-15.22-6.83-15.22-15.22-15.22Z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M137.44%2C157.04H23.56c-4.06%2C0-7.36-3.29-7.36-7.36V44.34c0-4.06%2C3.29-7.36%2C7.36-7.36s7.36%2C3.29%2C7.36%2C7.36v97.99h99.17V44.34c0-4.06%2C3.29-7.36%2C7.36-7.36s7.36%2C3.29%2C7.36%2C7.36v105.34c0%2C4.06-3.29%2C7.36-7.36%2C7.36Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpolyline%20points%3D%2223.56%2044.34%2023.56%20149.69%20137.44%20149.69%20137.44%2044.34%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23231815%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A8px%3B%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M152.79%2C60.38c-1.34%2C0-2.69-.36-3.91-1.13L80.08%2C16.04%2C11.27%2C59.25c-3.44%2C2.16-7.98%2C1.12-10.14-2.32C-1.03%2C53.49%2C0%2C48.95%2C3.45%2C46.79L76.16%2C1.13c2.39-1.5%2C5.43-1.5%2C7.83%2C0l72.72%2C45.67c3.44%2C2.16%2C4.48%2C6.7%2C2.32%2C10.14-1.4%2C2.22-3.79%2C3.45-6.24%2C3.45Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpolyline%20points%3D%22152.79%2053.02%2080.08%207.36%207.36%2053.02%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23231815%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A8px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.col-contents-author-dtl {
  width: calc(100% - 288px);
  padding: 5px 30px;
  box-sizing: border-box;
  border-left: solid 2px #bebebe;
  font-weight: bold;
}
.col-contents-author-dtl a {
  transition: opacity .3s ease;
  text-decoration: underline;
  color: #13448f;
}
.col-contents-author-dtl a:hover {
  text-decoration: none;
  opacity: .7;
}

/* 2022.4.18 update */
.flxpc-bnr {
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  justify-content: center;
}
.col-bnr {
  width: 480px;
}
.col-bnr a {
  display: block;
}


/* 2023.3 */
.detail-info.align-top {
  align-items: flex-start;
}
.detail-info_txt span.detail-blk {
  display: block;
  padding-left: 1em;
}
.detail-list-notes li {
  margin-left: 2.7em;
  text-indent: -2.7em;
  font-size: 10px;
  font-weight: bold;
}

/* 2025.3 update */
.list .hoken-detail-table td.td-company a {
  display: inline-block;
  margin: .75em 1em;
}
.list .hoken-detail-table td.td-company img {
  margin: 0;
}
.list .hikiuke {
  display: block;
  font-size: 10px;
}
.list .hoken-detail-table td.td-company .hikiuke {
  margin-top: 5px;
}
.list .hoken-detail-table02 td ul,
.list .hoken-detail-table02 td li {
  font-size: inherit;
}
.hoken-detail-table td.company .hikiuke {
  display: block;
  font-size: 10px;
}
.hikiuke.inline {
  display: inline;
}
.hikiuke.nobr br {
  display: none;
}
.hikiuke.kakko::before {
  content: "（";
}
.hikiuke.kakko::after {
  content: "）";
}
.list .hoken-detail-table td.td-company a {
  margin-left: 1.6em;
  margin-right: 1.6em;
}

.categoryList ul li a {
  display: block;
  overflow: hidden;
  height: 112px;
}
.tbl-first tbody th a {
  text-decoration: none;
}
.tbl-first tbody th a:hover {
  opacity: .8;
}
.tbl-first tbody th a:hover img {
  opacity: 1;
}

/* 2025.5 update */
.hoken-detail-notes-list2 li.adjust {
  margin-left: 4em;
  text-indent: -4em;
}

/* 2025.9 update */
.list .hoken-detail-table td.td-company a {
  vertical-align: middle;
}

/* 2025.9 update - privacy agree modal */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    animation: fadeInBackground 0.3s ease-out forwards;
}
@keyframes fadeInBackground {
    from {
        background-color: transparent;
    }
    to {
        background-color: rgba(0, 0, 0, 0.5);
    }
}
@keyframes fadeInModal {
    from {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
@keyframes fadeOutBackground {
    from {
        background-color: rgba(0, 0, 0, 0.5);
    }
    to {
        background-color: transparent;
    }
}
@keyframes fadeOutModal {
    from {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
}
.modal.fade-out {
    animation: fadeOutBackground 0.3s ease-out forwards;
}
.modal.fade-out .modal-content {
    animation: fadeOutModal 0.3s ease-out forwards;
}
.modal-content {
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 610px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    opacity: 0;
    animation: fadeInModal 0.3s ease-out forwards;
    animation-delay: 0.3s;
}
.inner-box-privacy {
  padding: 2em 0;
  width: 84%;
  margin: auto;
  border-radius: 0;
}
.box-privacy .btn-close {
  padding: 1.5em;
  text-align: right;
  cursor: pointer;
}
.box-privacy .btn-close .modal-close {
  position: static;
  display: inline-block;
  padding: .5em;
  margin: auto;
  width: 140px;
  height: auto;
  background: #fff;
  border: solid 2px #00aeff;
  border-radius: .5em;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #00aeff;
}
.ttl-box-privacy {
  margin-bottom: 1em;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #00aeff;
}
.inner-box-privacy p {
  line-height: 2;
  font-size: 12px;
}
.inner-box-privacy p a {
  text-decoration: underline;
  color: #00aeff;
}
.box-privacy .btn-agree {
  padding: 1em 1em 2em;
}
.link-agree {
  display: block;
  width: 206px;
  margin: auto;
  padding: .5em;
  box-sizing: border-box;
  background-color: #00aeff;
  border-radius: 2em;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}


/* 2026.2.20 contents index */
.guideList img.bdr {
  box-sizing: border-box;
  border: 1px solid #0b318f;
}