/*reset*/

.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}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}
.link-list li:nth-child(4){display:none;}

.close{display:none !important;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input,textarea {
  border:0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-decoration: none;
  font-weight:normal;
  font-style:normal;
  font-size:13px;
}
/*iframe{
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
}*/
.site-link-list02 li:nth-child(2){
  display:none;
}
body{
  -webkit-text-size-adjust:none;
  font-family: "ヒラギノ角ゴ Pro W3","MS PGothic",Meiryo,メイリオ, "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
  line-height:1.4;
  color:#222222;
  }
img{ text-decoration:none; vertical-align:top; font-size:0px;}
table{
  border-collapse:collapse;
  border-spacing: 0;
  }

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}


ol,ul{list-style:none;}


/*サイト全体の文字とリンクカラーのデフォルト設定*/
a{color:#000000; outline:none;}
a:hover{color:#00000; text-decoration:none;}
p{color:#333333;}

.site-link-list02{margin-top:10px;}
/*padding、borderの値をwidth、heightに含める*/
div,ul,ol,li,dl,dt,dd,
header,footer,nav,article,section,
h1,h2,h3,h4,h5,h6,p{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  }
    body {
    -webkit-text-size-adjust: 100%;
    }

  ul.link-list li:nth-child(6){ display:none !important;}

body.is-active ,
html.is-active {
  overflow: hidden;
  height: 100%;
}

/* ------------------------------------------------------------------
  common
------------------------------------------------------------------ */
.inner {
  padding: 0 4%;
}

.asterisk:before {
  content: "※ "
}

.ttl-gray {
  padding: 4px 0;
  text-align: center;
  background: #e0e0e0;
}

.w100 {
  width: 100%;
  height: auto;
}

/*header*/
header {
  background: #f1fbff;
  padding: 7px 2%;
}

header .main-logo {
  float: left;
  width: 75px;
}

header .ana-logo {
  float: right;
}


/*nav*/
.nav-list {
  background-color: #13448f;
  display: flex;
}

.nav-list li {
  width: 25%;
}

.nav-list li + li{
  border-left: 1px solid #fff;
}

.nav-list li a{
  display: block;
  width: 100%;
  text-align: center;
}



/*キャンペーンスライダー*/

.cpn-slider-ttl {
  text-align: center;
  padding-top: 10px;
  z-index: 1;
  position: relative;
}

.cpn-slider {
  margin-top: -15px;
}

.cpn-slider .slides li img {
  width: 100%;
  height: auto;
}


/*カテゴリ*/
.cate-block {
  border-bottom: 0;
}

.cate-block .inner {
  padding: 18px 4%;
}

.cate-list li {
  float: left;
  width: 48%;
  margin-bottom: 10px;
}

.cate-list li:nth-child(odd) {
  margin-right: 4%;
}

.cate-list li img {
  width: 100%;
  height: auto;
}



/*SORAHOについて*/
.about-block {
  padding: 19px 0;
  color: #13448f;
  text-align: center;
  background: #fff;
}

.about-block-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.about-block a img {
  max-width: 100%;
  height: auto;
}


.about-ttl {
    margin-bottom: 19px;
}
.about-ttl img{
  width:100%;
  height:auto;}

.about-beginner {
  text-align: center;
  margin-bottom: 45px;
}


/*お役立ちコンテンツ*/
.useful-list li a {
  padding: 10px 8% 10px 4%;
  display: table;
  position: relative;
  width: 100%;
}

.useful-list li:nth-child(even) { background-color:#f8f8f8;
}

.useful-list li:nth-child(odd) { background-color:#fff;
}

.useful-list li a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -4px;
  border-top: 1px solid #0b318f;
  border-right: 1px solid #0b318f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.useful-list li img {
  display: table-cell;
  margin-right: 10px;
 }

.useful-list .txt {
  display: table-cell;
  vertical-align: top;
}

.useful-list .txt h2 {
  color: #0b318f;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

.useful-list .txt p {
  line-height: 1.6;
  font-size: 11px;
}


/*取扱・引受保険会社*/
.company-block {
  border-bottom: 6px solid #e3e8ef;
}
.company-block .inner {
  padding: 18px 4%;
}

.company-list li {
  float: left;
  margin-bottom: 8px;
  width: 32%;
  margin-right: 2%;
}

.company-list li:nth-child(3n) {
  margin-right: 0;
}

.company-list li img {
  width: 100%;
  height: auto;
}


/*バナースライダー*/
.bnr-slider-block {
  width: 80%;
  margin: 18px auto;
}

.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 right 10px center;
}


/* お知らせ */
.news-slider-wrapper {
  width: 80%;
  margin: 18px auto;
}


.news-slider {
  border: solid 1px #0b318f;
}

.news-slider li a {
  display: block;
  height: 75px;
  padding: 10px 8% 10px 4%;
  background: url(../images/arr-blue-s.png) no-repeat right 4% center/ 7px 13px;
}

/*.news-slider li a:after {
width: 0;
height: 0;
border-style: solid;
border-width: 5.5px 0 5.5px 6px;
border-color: transparent transparent transparent #0b318f;
}*/

.news-slider .date {
  color: #7a7a7a;
  font-size: 11px;
  height: 13px;
  vertical-align: middle;
  display: inline-block;
}

.news-slider .ico {
  font-size: 9px;
  color: #fff;
  display: inline-block;
  background: #ff1b1b;
  padding: 2px 3px;
}

.news-slider .txt {
  display: block;
  font-size: 11px;
  color: #0b318f;
  margin-top: 10px;
}

.news-past {
  margin-bottom: 20px;
  margin-top: 5px;
}

.news-past a {
  color: #0b318f;
  font-size: 11px;
  background: url(../images/arr-blue-s.png) no-repeat right 4% center/ 7px 13px;
  margin-top: 10px;
  padding-right: 14px;
}



/*関連サイト*/
.link-list {
  margin: 18px 0;
}

.link-list li {
  float: left;
  margin-bottom: 8px;
  width: 32%;
  margin-right: 2%;
}

.link-list li:nth-child(3n) {
  margin-right: 0;
}

.link-list li img {
  width: 100%;
  height: auto;
}


/*説明ブロック*/

.description-block {
  padding: 30px 0;
  background-color: #f8f8f8;
}
.description-block + .link-block {
  padding-top: 0;
  background-color: #f8f8f8;
}
.description-block p {
  font-size: 10px;
  color: #676767;
  line-height: 1.4;
  clear:both;
}
.description-block p span{
  font-size: 10px;
  color: #676767;
  line-height: 1.4;
  clear:both;
}
.description-block .hoken-detail-notes-list li {
  color: #ff0000;
  position: relative;
  padding-left: 0.5em;
  margin-left: 1em;
  line-height: 1.4;
  font-size: 10px;
}
.description-block .hoken-detail-notes-list li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1em;
}


.totop {
  background: #fff;
  text-align: center;
  position: relative;
}

.totop a {
  color: #0b318f;
  font-size: 12px;
  display: block;
  padding: 25px 0 12px;
  font-weight: bold;
}

.totop a:before {
  position: absolute;
  top: 11px;
  right: 49%;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #0b318f;
  border-right: 1px solid #0b318f;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

footer .site-link-list01 ,
.hamburgerMenu .site-link-list01 {
  width: 100%;
}

footer .site-link-list01 li ,
.hamburgerMenu .site-link-list01 li {
  background: #0b318f;
  float: left;
  width: 50%;
  border-bottom: 1px solid #fff;
  position: relative;
}

footer .site-link-list01 li:nth-child(odd) ,
.hamburgerMenu .site-link-list01 li:nth-child(odd) {
  border-right: 1px solid #fff;
}

footer .site-link-list01 a ,
.hamburgerMenu .site-link-list01 a {
  color: #fff;
  display: block;
  padding: 0 12% 0 6%;
  height: 44px;
  line-height:1.3;
  padding-top:13px;
}
footer .site-link-list01 a.twoline ,
.hamburgerMenu .site-link-list01 a.twoline {
  padding-top:5px;
}



footer .site-link-list02 li ,
.hamburgerMenu .site-link-list02 li {
  display: inline-block;
  position: relative;
  margin: 5px 0;
}

footer .site-link-list02 li a ,
.hamburgerMenu .site-link-list02 li a {
  font-size: 12px;
  display: inline-block;
  padding: 0 4px 0 10px;
}

footer .site-link-list02 a:before ,
.hamburgerMenu .site-link-list02 a:before {
  position: absolute;
  top: 27%;
  left: 0;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: 1px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .site-link-list03 li ,
.hamburgerMenu .site-link-list03 li {
  border-bottom:1px solid #d8d8d8;
  background:#f8f8f8;
}
footer .site-link-list03 li a ,
.hamburgerMenu .site-link-list03 li a {
  font-size:13px;
  display:block;
  padding:15px 30px 12px 10px;
  position:relative;
}


footer .copyright {
  color: #aaa;
  text-align: center;
  font-size: 9px;
  margin: 20px 0;
}


/* ----- 0311_bc start ------ */
.pt12{
  padding-top:12px !important;
}
.pb0{
  padding-bottom:0 !important;
}
.pb10{
  padding-bottom:10px !important;
}
.mt10{
  margin-top:10px !important;
}
.mt20{
  margin-top:20px !important;
}
.mt0{
  margin-top:0px !important;
}
.mb0{
  margin-bottom:0 !important;
}
.mb12{
  margin-bottom:12px !important;
}
.mb20{
  margin-bottom:20px !important;
}
.hr3{
  border-top:3px solid #e0e0e0;
}
.hr5{
  border-top:5px solid #e0e0e0;
}
.hr7{
  border-top:7px solid #e0e0e0;
}

.nobb{
  border-bottom:0 !important;
}
.aC{
  text-align:center;
}

.font_red{
  color:#df0000;
}
.nocolor{color:#000000 !important;
}
.leadbox{
  padding-top: 25px;
  padding-bottom: 25px;
  background:#f0f9fd;
}
.leadbox_continue{
  padding:0 0 17px;
}
.leadbox h2{
  padding: 0 0 20px;
}
.leadbox .txt{
  margin-bottom: 15px;
  color: #333;
  line-height: 1.5;
  font-size: 16px;
}
.leadbox .txt02{
  color:#000;
  font-size:11px;
  line-height:1.5;
  padding-bottom:10px;
}
.leadbox .txt03{
  color:#000;
  font-size:12px;
  line-height:1.5;
  padding-bottom:10px;
}
.leadbox .img {
  padding-bottom: 6px;
}

.leadbox .lead-small {
  font-size: 9px;
  text-align: right;
}

.mv-img {
  padding: 25px 15px 7px 15px;
}
.hoken-cpnbnr-block {
  padding: 1.5em 0;
  background-color: #fff;
}
.hoken-cpnbnr-block img {
  max-width: 100%;
  height: auto;
}


/* ----- original ohta start ------ */

.waribiki_block{
    background: none repeat scroll 0 0 #9d9d9d;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 10px;
    margin-right: 5px;
    padding: 4px 0;
    text-align: center;
    width: 95px;
}
.waribiki_block2{
    background: none repeat scroll 0 0 #9d9d9d;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-right: 5px;
    padding: 13px 0;
    text-align: center;
    width: 100px;
}
.waribiki_txt{
    color: #ff0000;
    float: left;
    font-size: 14px;
    text-align: left;
    width: 60%;
    font-weight:bold;
}

.txt_list_midashi{
    color:#000000;
    font-size:12px;
    padding-bottom:10px;
    line-height:1.6;
}


/* ----- original ohta end ------ */

.redBox01{
  background:#fff;
  border:1px solid #df0000;
  margin:8px 0 0;
  padding:10px 10px 8px;
}
.redBox01 .txt01{
  font-size:12px;
  line-height:1.5;
  margin-bottom:7px !important;
  padding-left:26px;
  background:url(../images/ico04.png) no-repeat left top;
  background-size:19px 19px;
}
.redBox01 .txt01 a{
  color:#0f3aa4;
  text-decoration:underline;
}
.redBox01 .txt02{
  font-size:12px !important;
  line-height:1.5;
  color:#df0000;
}

.redBox02{
  background:#fff;
  border:1px solid #df0000;
  padding:10px 17px 8px;
  margin-bottom:20px;
}
.redBox02 .txt01{
  font-size:12px;
  line-height:1.5;
  margin-bottom:10px;
  padding-left:26px;
  padding-bottom:0 !important;
  background:url(../images/ico04.png) no-repeat left top;
  background-size:19px 19px;
}
.redBox02 .txt02{
  font-size:12px;
  line-height:1.5;
  margin-bottom:3px;
  padding-left:26px;
  background:url(../images/ico05.png) no-repeat left top;
  background-size:19px 19px;
}

.blueBox01{
  border:1px solid #00a7eb;
  border-radius:5px;
  margin-bottom:20px;
  box-shadow:2px 2px 0px #00a7eb;
  -webkit-box-shadow:2px 2px 0px #00a7eb;
}
.blueBox01 .title01{
  display:table;
  width:100%;
  border-radius:5px 5px 0 0;
}
.blueBox01 .title01 .left{
  display:table-cell;
  background:#00a7eb;
  width:75px;
  text-align:center;
  color:#fff;
  font-size:13px;
  height:35px;
  line-height:35px;
  vertical-align:middle;
  border-bottom:1px solid #00a7eb;
  border-radius:5px 0 0 0;
}
.blueBox01 .title01 .right{
  display:table-cell;
  background:#edf7fe;
  padding:0 0 0 10px;
  vertical-align:middle;
  border-bottom:1px solid #00a7eb;
  border-radius:0 5px 0 0;
}
.blueBox01 .title01 .one_clum{
  display:table-cell;
  background:#edf7fe;
  padding:0 0 0 10px;
  text-align:center;
  height:35px;
  vertical-align:middle;
  border-bottom:1px solid #00a7eb;
  border-radius:5px 5px 0 0;
}
.blueBox01 .title02{
  background:#edf7fe;
  border-bottom:1px solid #00a7eb;
  border-radius:5px 5px 0 0;
  font-size:12px;
  color:#0b318f;
  padding:10px 10px;
}
.blueBox01 .title02 .txt_t{
  font-size:10px;
  color:#0b318f;
  line-height:1.5;
}
.blueBox01 .title02 .txt_b{
  font-size:15px;
  color:#0b318f;
}

.blueBox01 .box{
  padding:8px 10px;
  background:#fff;
  border-radius:0 0 5px 5px;
}
.blueBox01 .box .txt01{
  font-size:12px;
  color:#0f3aa4;
  padding-bottom:5px;
}
.blueBox01 .box .txt02{
  font-size:17px;
  color:#0f3aa4;
  font-weight:bold;
  padding-bottom:5px;
}
.blueBox01 .box .txt03{
  font-size:12px;
  line-height:1.5;
  padding-bottom:10px;
}
.blueBox01 .box .txt04{
  font-size:10px;
  line-height:1.5;
}
.blueBox01 .box .tel{
  padding:0 0 0 15px;
  background:url(../images/ico06.png) no-repeat left 0.1em;
  background-size:13px 15px;
  margin-bottom:8px;
}
.blueBox01 .box .tel .telphone{
  font-size:13px;
  color:#0b318f;
  font-weight:bold;
}
.blueBox01 .box .tel .time{
  font-size:9px;
  color:#0b318f;
}
.blueBox01 .box .email{
  padding:0 0 0 17px;
  background:url(../images/ico07.png) no-repeat left center;
  background-size:13px 15px;
  color:#0b318f;
  font-size:13px;
  margin-bottom:8px;
}
.blueBox01 .box .link{
  border:1px solid #00a7eb;
  border-radius:3px;
  background:#f1fbff;
}
.blueBox01 .box .link a{
  display:block;
  text-align:center;
  font-weight:bold;
  padding:10px 0 13px;
}
.blueBox01 .box .link a span{
  background:url(../images/arr-blue-s02.png) no-repeat right center;
  background-size:5px 8px;
  color:#00a7eb;
  font-size:13px;
  padding:0 12px 0 0;
}

.blueBox01 .box_radius{
  padding:8px 10px;
  background:#fff;
  border-radius:5px;
}



.prolist-block{
  background:#f8f8f8;
  padding-top: 25px;
}
.prolist-block .ttl{
  padding: 4px 0;
  text-align: center;
  background: #e0e0e0;
}
.prolist-block .prolist{
  width:100%;
  padding:13px 0 5px;
}
.prolist-block .prolist li{
  float:left;
  width:32%;
  margin:0 2% 8px 0;
}
.prolist-block .prolist li:nth-child(3n) {
  margin-right: 0;
}

.prolist-block .prolist li img{
  height:auto;
  width:100%;
}
.prolist-block .txt{
  color:#0d38a2;
  font-size:12px;
  line-height:1.5;
  padding-bottom:10px;
}

.prolist-block .btn{
  border:1px solid #00a7eb;
  border-radius:3px;
  background:#fffef4;
  width:213px;
  margin:0 auto 18px;
}
.prolist-block .btn a{
  display:block;
  font-size:15px;
  text-align:center;
  font-weight:bold;
  padding:10px 0 10px;
}
.prolist-block .btn a span{
  background:url(../images/arr-blue-s02.png) no-repeat right center;
  background-size:6px 10px;
  color:#00a7eb;
  padding:0 15px 0 0;
}

.prodetail-block{
  background:#f8f8f8;
}
.prodetail-block .ttl{
  padding: 4px 0;
  text-align: center;
  background: #e0e0e0;
  margin-bottom:20px;
}

.prodetail-block .prodetail-item {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  margin:0 0 30px;
  padding-bottom: 26px;
  background: #fff;
}
.prodetail-block .prodetail-item .ttl {
    padding: 5px 0;
    text-align: center;
    background: #deb21b;
    margin-bottom: 0;
}
.prodetail-block .prodetail-item .ttl-excluded {
    padding: 5px 0;
    text-align: center;
    background: #b8b8b8;
    margin-bottom: 0;
}
.prodetail-item .box01 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 15px;
}
.prodetail-item .box01 .mile{
  width: 100%;
  text-align: right;
}
.prodetail-item .box01 .cpn_label {
  position: absolute;
  top: 1.7em;
  left: .5em;
  display: block;
  width: 4em;
}
.prodetail-item .box01 .cpn_label img {
  max-width: 100%;
  height: auto;
}
.prodetail-item .box01 .cpn_label + a {
  display: inline-block;
  /*margin-left: 3.2em;*/
  margin-left: 4.5em;
  font-size: inherit;
}
.prodetail-item .box01 .cpn_label + img {
  display: inline-block;
  margin-left: 4.5em;
  font-size: inherit;
}


.prodetail-item .box02 {
  padding: 0 15px;
  margin: 0 0 25px;
}
.prodetail-item .box02 .icotb{
  display: table;
  width:100%;
  margin-bottom:10px;
}
.prodetail-item .box02 .icotb .item{
  display:table-cell;
  vertical-align:middle;
}
.prodetail-item .box02 .icotb .item.ico{
  padding-right:5px;
}
.prodetail-item .box02 .icotb .item.wh01{
  width:65px;
}
.prodetail-item .box02 .icotb .item.txt{
  color:#0b318f;
  font-size:10px;
  vertical-align:middle;
}
.prodetail-item .box02 .icotb .item.txt a{
  color:#0b318f;
  font-size:10px;
  vertical-align:middle;
  text-decoration:underline;
}

.prodetail-item .box02 .icotb .item.btn{
  text-align:right;
  vertical-align:middle;
}
.prodetail-item .box02 .txt{
  font-size:12px;
  padding-bottom:8px;
}
.prodetail-item .box02 .blue{
  color:#1f3c9c;
  font-size:16px;
}
.prodetail-item .box02 .black01{
  color:#000000;
  font-size:11px;
  line-height:1.5;
}
.prodetail-item .box02 .black02{
  color:#000000;
  line-height:1.5;
  font-size:12px;
  vertical-align:middle;
}
.prodetail-item .box02 .red{
  color:#ff0000;
  line-height:1.6;
  font-size:13px;
  text-align:left;
}
.prodetail-item .box02 .small{
  font-size:10px;
  text-align:left;
}
.prodetail-item .box02 .gray_txt{
  padding-left:100px;
}
.prodetail-item .box02 .gray_txt .gray_block{
  margin-left:-100px;
}
.prodetail-item .box02 .yellow_block{
  background:#ffe642;
  display:inline-block;
  font-size:14px;
  padding:2px 8px;
  line-height:1.5;
}
.prodetail-item .box02 .gray_block{
  background:#9d9d9d;
  color:#fff;
  display:inline-block;
  font-size:10px;
  padding:4px 0;
  width:95px;
  text-align:center;
  margin-right: 5px;
}
.prodetail-item .box02 .btn_more{
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#00b2eb), to(#0098e5));
  background:-moz-linear-gradient(top, #00b2eb,#0098e5);
  text-align:center;
  padding:13px 0;
  border-radius:5px;
  margin:6px 0 6px;
}
.prodetail-item .box02 .btn_more a{
  display:block;
}
.prodetail-item .box02 .btn_quote{
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff9710), to(#ff740c));
  background:-moz-linear-gradient(top, #ff9710,#ff740c);
  text-align:center;
  padding:13px 0;
  border-radius:5px;
  margin:0 0 15px;
}
.prodetail-item .box02 .btn_quote a{
  display:block;
}
.prodetail-item .box02 .btn_apply{
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#31c206), to(#25ad04));
  background:-moz-linear-gradient(top, #31c206,#25ad04);
  text-align:center;
  padding:13px 0;
  border-radius:5px;
  margin:0 0 15px;
}
.prodetail-item .box02 .btn_apply a{
  display:block;
}
.prodetail-item .box02 .title{
  text-align:center;
  margin-bottom:10px;
}
.prodetail-item .box02 .telbox{
  border-top:1px solid #a5a5a5;
  padding:15px 0 0;
}
.prodetail-item .box02 .telbox .ttl01{
  text-align:center;
  margin-bottom:12px;
}
.prodetail-item .box02 .telbox .txt01{
  color:#000;
  line-height:1.6;
  padding-left:5em;
  text-indent:-5em;
  font-size:12px;
  text-align:left;
  word-break: break-all;
}

.link-block{
  background-color: #fff;
  padding: 20px 0;
}
.link-block .ttl{
  background:#ececec;
  text-align:center;
  padding:7px 0;
}
.link-block .ttl span{
  color:#0b318f;
  font-size:14px;
  font-weight:bold;
  background:url(../images/ico01.png) no-repeat left center;
  background-size:16px 12px;
  padding:0 0 0 20px;
  text-shadow:1px 1px 2px #fff;
}
.link-block ul.linklist{
  padding:16px 0 13px;
  margin:0 auto;
  width:80%;
}
.link-block ul.linklist li{
  border:2px solid #1f3c9c;
  margin-bottom:15px;
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background:-moz-linear-gradient(top, #ffffff,#f2f2f2);
  padding:0 10px 0 22px;
}
.link-block ul.linklist li:last-child{
  margin-bottom:0;
}
.link-block ul.linklist li a{
  font-size:13px;
  color:#0b318f;
  display:block;
  padding:10px 0 10px 35px;
  position:relative;
}
.link-block ul.linklist li a.link01{
  background:url(../images/ico02.png) no-repeat 4px center;
  background-size:22px 21px;
}
.link-block ul.linklist li a.link02{
  background:url(../images/ico03.png) no-repeat left center;
  background-size:27px 23px;
}
.link-block ul.linklist li a:after {
  position: absolute;
  top: 50%;
  right: 0px;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -4px;
  border-top: 1px solid #0b318f;
  border-right: 1px solid #0b318f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.continue-block{
  background:#f0f9fd;
}
.continue-block .inner{
  padding:15px 4%;
}
.continue-block .txt01{
  font-size:12px;
  line-height:1.5;
  padding-bottom:15px;
}
.continue-block .txt02{
  font-size:10px;
  line-height:1.5;
}

.cpnlist_block {
  background: #f8f8f8;
}

.cpnlist_block .inner{
  padding:15px 4%;
}
.cpnlist_block h2{
  padding-bottom:11px;
}
.cpnlist_block .box{
  border:1px solid #b5b5b5;
  padding:10px;
  margin-bottom:25px;
}
.cpnlist_block .box .itembox{
  border-bottom:1px solid #b5b5b5;
  padding-bottom:15px;
  margin-bottom:17px;
}
.cpnlist_block .box .twocol{
  margin-bottom:15px;
  display:table;
  width:100%;
}
.cpnlist_block .box .twocol .colL{
  display:table-cell;
  width:75px;
  vertical-align:top;
  text-align:center;
}
.cpnlist_block .box .twocol .colR{
  display:table-cell;
  padding-left:8px;
  vertical-align:top;
}
.cpnlist_block .box .twocol .colL .logo,
.cpnlist_block .box .twocol .colL .logo02{
  margin-bottom:10px;
}
.cpnlist_block .box .twocol .colR .list{
  margin-bottom:10px;
}
.cpnlist_block .box .twocol .colR .txt01{
  font-size:12px;
  line-height:1.5;
  font-weight:bold;
  margin-bottom:10px;
}
.cpnlist_block .box .twocol .colR .txt02{
  font-size:11px;
  line-height:1.5;
}
.cpnlist_block .box .graytxt{
  font-size:11px;
  background:#e0e0e0;
  padding:8px 5px;
  margin-bottom:10px;
}
.cpnlist_block .box .btn{
  padding:1px;
  border-radius:5px;
  box-shadow:3px 3px 3px #e0e0e0;
  -webkit-box-shadow:0px 0px 5px #e0e0e0;
}
.cpnlist_block .box .btn_more{
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#00b2eb), to(#0098e5));
  background:-moz-linear-gradient(top, #00b2eb,#0098e5);
  text-align:center;
  padding:13px 0;
  border-radius:5px;
}
.cpnlist_block .box .box02 .btn_more a{
  display:block;
}

.contact-block{
  background:#f8f8f8;
  padding: 30px 0 0;
}
.contact-block h2{
  margin-bottom:10px;
}
.contact-block .txt01{
  font-size:12px;
  line-height:1.5;
  padding-bottom:10px;
}

.sitemap-block{
  background:#f7f7f7;
}
.sitemap-block .inner{
  padding:10px 4%;
}
.sitemap-block .box01{
  padding:0 4% 10px;
}
.sitemap-block .box02{
  padding:15px 4% 5px;
  background:#fff;
  margin-bottom:15px;
}
.sitemap-block .box02 h2{
  margin-bottom:15px;
}
.sitemap-block .toppage{
  margin-bottom:15px;
}
.sitemap-block a{
  color:#0d38a2;
  font-size:12px;
}
.sitemap-block ul li{
  margin-bottom:13px;
}
.sitemap-block ul.twocolum li{
  float:left;
  width:48%;
}


.table01{
  width:100%;
  border-top:1px solid #bebebe;
  border-left:1px solid #bebebe;
  background:#fff;
  margin-bottom:15px;
}
.table01 th{
  background:#ececec;
  text-align:center;
  font-size:8px;
  padding:3px 0;
  border-right:1px solid #bebebe;
  border-bottom:1px solid #bebebe;
}
.table01 td{
  border-right:1px solid #bebebe;
  border-bottom:1px solid #bebebe;
  padding:9px 10px;
}
.table01 .txt{
  padding-bottom:5px;
}
.table01 .txt span{
  font-size:9px;
}
.table01 .btn{
  border:1px solid #00a7eb;
  border-radius:3px;
  background:#fffef4;
}
.table01 .btn a{
  display:block;
  text-align:center;
  font-weight:bold;
  padding:6px 0 10px;
}
.table01 .btn a span{
  background:url(../images/arr-blue-s02.png) no-repeat right center;
  background-size:5px 8px;
  color:#00a7eb;
  font-size:11px;
  padding:0 12px 0 0;
}
.table01 .company{
  font-size:10px;
  color:#1f3c9c;
}
.table01 .tel{
  font-size:12px;
  color:#000;
  line-height:1.5;
  margin-bottom:3px;
}
.table01 .time{
  font-size:10px;
  line-height:1.5;
}


/* ----- 0311_bc end ------ */


/* ----- 0318_bc start ------ */

/*SORAHOで初めて保険契約される方へ*/
.mb5 {
  margin-bottom: 5px !important;
}
.pb5{
  padding-bottom:5px !important;
}
.pb20{
  padding-bottom:20px !important;
}
.cl-red {
  color: #df0000 !important;
}
.cl-blue {
  color: #1f3c9c !important;
}

.first_block_lead{
  font-size: 20px;
  font-weight: bold;
  color: #13448f;
  margin-bottom: 20px;
  line-height: 1.2;
  text-align: center;
}

.first_block_lead span{
  font-size: 14px;
  color: #333;
}


.first-block1 {
  background:#e4f6ff url(../images/about-bg.png) repeat-x 0 140px;
  background-size:250px 130px;
  padding: 20px 0 22px;
}
.first-block1 .first-ttl {
  text-align: center;
  padding: 0 4%;
  margin-bottom: 10px;
}
.first-block1 .first-txt {
  color: #0b318f;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 15px;
}

.first-block2 {
  background: #fff;
  padding-bottom: 10px;
}
.first-block2 .first-ttl {
  margin-bottom: 15px;
}

.first-list li {
  float: left;
  width: 48%;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #ccc;
}
.first-list li:nth-child(odd) {
  margin-right: 4%;
}
.first-list li img {
  width: 100%;
  height: auto;
}

.first-block {
  background: #f1fbff;
  padding-bottom: 28px;
}
.first-block .first-ttl {
  padding-bottom: 17px;
}

.first-box01 {
  margin-bottom: 17px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #df0000;
}
.first-txt01 {
  min-height: 19px;
  padding-left: 30px;
  background: url(../first/images/first_bg001.png) no-repeat left center;
  -webkit-background-size: 19px 19px;
  -moz-background-size: 19px 19px;
  background-size: 19px 19px;
  font-size: 12px;
  line-height: 1.5;
}

.first-box02 {
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #00a7eb;
  -webkit-box-shadow: 2px 2px #00a7eb;
  -moz-box-shadow: 2px 2px #00a7eb;
  box-shadow: 2px 2px #00a7eb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.first-box02 h3.first-ttl02 {
  padding: 7px 10px 7px 25px;
  background: #edf7fe;
  border-bottom: 1px solid #00a7eb;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.first-box02 h3.first-ttl03 {
  padding: 10px;
  background: #edf7fe;
  border-bottom: 1px solid #00a7eb;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.first-box02 .first-box02-inner {
  padding: 10px 8px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.first-txt02 {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
}
.first-txt03 {
  font-size: 11px;
  line-height: 1.5;
}

.first-table01 {
  width: 100%;
  border-top: 1px solid #bebebe;
  border-left: 1px solid #bebebe;
}
.first-table01 thead th {
  padding: 5px;
  background: #d1eeff;
  text-align: center;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  vertical-align: middle;
  font-size: 10px;
}
.first-table01 tbody th,
.first-table01 tbody td {
  background: #fff;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.5;
}
.first-table01 tbody th {
  width: 25%;
  padding: 10px 5px;
}
.first-table01 tbody td {
  padding: 10px 12px;
}
.first-table01 tbody td .red {
  font-size: 10px;
  color: #df0000;
}

.first-table02 {
  width: 100%;
  border-top: 1px solid #bebebe;
  border-left: 1px solid #bebebe;
}
.first-table02 thead th {
  padding: 5px;
  background: #d1eeff;
  text-align: center;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  vertical-align: middle;
  font-size: 10px;
}
.first-table02 tbody th,
.first-table02 tbody td {
  background: #fff;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  vertical-align: middle;
  font-size: 8px;
  line-height: 1.5;
  text-align: left;
}
.first-table02 tbody th {
  width: 25%;
  padding: 10px 5px;
}
.first-table02 tbody td {
  padding: 10px 5px;
}
.first-table02 tbody td .red {
  font-size: 10px;
  color: #df0000;
}
.first-table02 tbody tr td.w01 {
  width: 28%;
}
.first-table02 tbody tr td.w01 > span {
  font-size: 8px;
}
.first-table02 tbody tr td.w02 {
  width: 27%;
}
.first-table02 tbody tr td.w03 {
  width: 20%;
}
.first-table02 tbody tr td sup {
  font-size: 8px;
}

.first-box03 {
  padding: 0 4% 25px 4%;
  background: #fff;
  border-bottom: 2px solid #ececec;
  text-align: right;
  font-size: 8px;
}

.first-block3 {
  padding: 19px 0;
}

.link-blank {
  display: block;
  padding: 2px 0 2px 30px;
  background: url(../images/ico-blank.gif) no-repeat left center;
  -webkit-background-size: 25px 19px;
  -moz-background-size: 25px 19px;
  background-size: 25px 19px;
  color: #1f3c9c;
  font-size: 11px;
  font-weight: bold;
}


.list-block {
  background: #fff;
  padding: 9px 0 20px;
}
.list-ttl {
  margin-bottom: 10px;
  border-bottom: 3px solid #e0e0e0;
}
.list-txt{
  font-size:12px;
  line-height:18px;
  font-weight:bold;
  color:#f00;
  padding-left:1em;
  text-indent:-1em;
}

.listTabBox{
  display:none;
}
#listTabA{
  display:block;
}
.list-table01 {
  width: 100%;
  margin-bottom:15px;
  background: #fff;
  border-top:1px solid #b5b5b5;
  border-left:1px solid #b5b5b5;
}
.list-table01 th,
.list-table01 td {
  width: 50%;
  padding: 10px;
  vertical-align: top;
  border-right:1px solid #b5b5b5;
  border-bottom:1px solid #b5b5b5;
}
.list-table01 thead th {
  background: #00a7eb;
  text-align:center;
  padding:5px 0;
}
.list-table01 tbody th {
  background: #ececec;
  color:#575757;
  text-align:center;
  font-size:9px;
}
.list-table01 .txt01{
  font-size:11px;
  color:#000;
  letter-spacing:-0.1em;
  line-height:1.5;
}
.list-table01 .txt02{
  font-size:12px;
  color:#000;
  line-height:14px;
  padding-bottom:5px;
}
.list-table01 .txt03{
  font-size:10px;
  color:#000;
  line-height:13px;
  letter-spacing:-0.1em;
}
.list-table01 .txt04{
  font-size:9px;
  padding-left:1em;
  text-indent:-1em;
  line-height:13px;
}
.list-table01 .gray_txt{
  margin-top:5px;
}
.list-table01 .gray_block{
  background:#ececec;
  font-size:9px;
  padding:1px 2px 3px;
  margin-right:5px;
  line-height:1.5;
}

.list-table02 {
  width: 100%;
  margin-bottom:15px;
  background: #fff;
  border-top:1px solid #b5b5b5;
  border-left:1px solid #b5b5b5;
  position:relative;
}
.list-table02 th,
.list-table02 td {
  width: 33%;
  padding: 10px 5px;
  text-align:center;
  vertical-align: middle;
  border-right:1px solid #b5b5b5;
  border-bottom:1px solid #b5b5b5;
}
.list-table02 thead th {
  background: #00a7eb;
  text-align:center;
  padding:5px 0;
}
.list-table02 thead th .cur{
  position:absolute;
  right:10px;
  top:8px;
}
.list-table02 tbody th {
  background: #ececec;
  color:#575757;
  text-align:center;
  font-size:9px;
  padding:5px 5px;
  line-height:14px;
  vertical-align:middle;
}
.list-table02 tbody th .font_red{
  font-size:9px;
}
.list-table02 .txt01{
  font-size:10px;
  color:#000;
  line-height:1.3;
  padding-bottom:5px;
}
.list-table02 td.logo img{
  margin-bottom:15px;
}
.list-table02 td.logo img:last-child{
  margin-bottom:0;
}


/* 勧誘方針 */
.principle-block {
  background: #f8f8f8;
}
.principle-ttl {
  padding: 15px 4%;
  background: #fff;
  font-size: 14px;
}
.principle-ttl01 {
  margin-top: 10px;
  padding: 0 0 10px 15px;
  background: url(../images/ico08.png) no-repeat left 0.2em;
  -webkit-background-size: 4px 15px;
  -moz-background-size: 4px 15px;
  -o-background-size: 4px 15px;
  background-size: 4px 15px;
  font-size: 13px;
  line-height: 1.5;
  color: #0e39a3;
}
.principle-box {
  padding: 20px 4%;
  background: #fff;
}

.detail-list {
  padding-bottom: 20px;
}
.detail-list dt {
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
}
.detail-list dd {
  margin-left: 7px;
  padding: 0 0 0 8px;
  background: url(../images/ico09.png) no-repeat left 0.6em;
  -webkit-background-size: 2px 3px;
  -moz-background-size: 2px 3px;
  -o-background-size: 2px 3px;
  background-size: 2px 3px;
  font-size: 12px;
  line-height: 1.5;
}

/* ANAマイレージクラブお客様番号のご入力について */
.amc-block {
  background: #f0f0f0;
}
.amc-ttl {
  padding: 10px 0;
  background: #fff;
  text-align: center;
}
.amc-ttl01 {
  padding-bottom: 15px;
  background: #fff;
  text-align: center;
}

.amc-tab-nav {
  padding: 15px 0 0 0;
}
.amc-tab-nav li {
  float: left;
  display: table;
  margin-left: -10px;
  padding-right: 20px;
  background: url(../images/amc-tabnav-bg01.png) no-repeat right bottom;
  -webkit-background-size: 20px 39px;
  -moz-background-size: 20px 39px;
  -o-background-size: 20px 39px;
  background-size: 20px 39px;
  position: relative;
}
.amc-tab-nav li a {
  display: table-cell;
  padding: 0 0 0 8px;
  min-width: 80px;
  height: 39px;
  background: #969696;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
}
.amc-tab-nav li.amc-tab-nav01 {
  margin-left: 0;
  z-index: 3;
}
.amc-tab-nav li.amc-tab-nav02 {
  z-index: 2;
}
.amc-tab-nav li.amc-tab-nav03 {
  z-index: 1;
}
.amc-tab-nav li.current {
  background: url(../images/amc-tabnav-bg01_on.png) no-repeat right bottom;
  z-index: 5;
}
.amc-tab-nav li.current a {
  background: #18afed;
}

.amc-tab-box {
  display: none;
  border: 1px solid #969696;
}
#amc01 {
  display: block;
}

.amc-box {
  padding: 15px 4%;
  background: #fff;
  text-align: center;
}

.faq-block {
  padding: 10px 0;
  background: #fff;
}
.faq-list li {
  float: left;
  width: 48%;
  margin-bottom: 5px;
}
.faq-list li:nth-child(odd) {
  margin-right: 4%;
}
.faq-list li img {
  width: 100%;
  height: auto;
}

.faq-box {
  margin-bottom: 5px;
  border: 1px solid #00a7eb;
  -webkit-box-shadow: 2px 2px #00a7eb;
  -moz-box-shadow: 2px 2px #00a7eb;
  box-shadow: 2px 2px #00a7eb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.faq-box .faq-q-a-box {
  border-bottom: 1px solid #00a7eb;
}
.faq-box .faq-q-a-box:first-child,
.faq-box .faq-q-a-box:first-child .faq-q-box {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.faq-box .faq-q-a-box:last-child,
.faq-box .faq-q-a-box:last-child .faq-q-box {
  border-bottom: none;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.faq-box .faq-q-a-box .faq-q-box {
  padding: 10px 10px 10px 30px;
  background: #edf7fe url(../menu/images/faq_q.png) no-repeat 10px 10px;
  -webkit-background-size: 16px 18px;
  -moz-background-size: 16px 18px;
  -o-background-size: 16px 18px;
  background-size: 16px 18px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.faq-box .faq-q-a-box .faq-q-box span {
  display: block;
  padding-right: 15px;
  background: url(../images/arr-blue-s03.png) no-repeat right center;
  -webkit-background-size: 10px 6px;
  -moz-background-size: 10px 6px;
  -o-background-size: 10px 6px;
  background-size: 10px 6px;
  color: #0c37a1;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}
.faq-box .faq-q-a-box .faq-q-box span.on {
  background: url(../images/arr-blue-s04.png) no-repeat right center;
  -webkit-background-size: 10px 6px;
  -moz-background-size: 10px 6px;
  -o-background-size: 10px 6px;
  background-size: 10px 6px;
}
.faq-box .faq-q-a-box .faq-a-box {
  padding: 10px 25px 10px 30px;
  background: #fff url(../menu/images/faq_a.png) no-repeat 10px 10px;
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  border-top: 1px solid #00a7eb;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.faq-box .faq-q-a-box .faq-a-box-close {
  display: none;
}

.glossary-block {
  padding: 15px 0;
  background: #fff;
}
.glossary-box {
  margin-bottom: 5px;
  border: 1px solid #00a7eb;
  -webkit-box-shadow: 2px 2px #00a7eb;
  -moz-box-shadow: 2px 2px #00a7eb;
  box-shadow: 2px 2px #00a7eb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.glossary-box .glossary-all-box {
  border-bottom: 1px solid #00a7eb;
}
.glossary-box .glossary-all-box:first-child,
.glossary-box .glossary-all-box:first-child .glossary-box-ttl {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.glossary-box .glossary-all-box:last-child,
.glossary-box .glossary-all-box:last-child .glossary-box-ttl {
  border-bottom: none;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.glossary-box .glossary-all-box .glossary-box-ttl {
  padding: 10px;
  background: #edf7fe;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.glossary-box .glossary-all-box .glossary-box-ttl span {
  display: block;
  padding-right: 15px;
  background: url(../images/arr-blue-s03.png) no-repeat right center;
  -webkit-background-size: 10px 6px;
  -moz-background-size: 10px 6px;
  -o-background-size: 10px 6px;
  background-size: 10px 6px;
  color: #0c37a1;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}
.glossary-box .glossary-all-box .glossary-box-ttl span.on {
  background: url(../images/arr-blue-s04.png) no-repeat right center;
  -webkit-background-size: 10px 6px;
  -moz-background-size: 10px 6px;
  -o-background-size: 10px 6px;
  background-size: 10px 6px;
}
.glossary-box .glossary-all-box .glossary-box-info {
  padding: 10px;
  background: #fff;
  border-top: 1px solid #00a7eb;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.glossary-box .glossary-all-box .glossary-box-info-close {
  display: none;
}

.glossary-list {
  font-size: 12px;
  line-height: 1.5;
}
.glossary-list dt {
  padding-bottom: 5px;
  font-weight: bold;
}
.glossary-list dd {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
}
.glossary-list dd:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.notice-block {
  background: #f0f9fd url(../images/notice_bg01.png) repeat-y;
  -webkit-background-size: 80px 50px;
  -moz-background-size: 80px 50px;
  -o-background-size: 80px 50px;
  background-size: 80px 50px;
}
.notice_table01 {
  display: table;
  width: 100%;
}
.notice_table01 .item_img {
  display: table-cell;
  width: 80px;
  padding: 10px 0;
  vertical-align: middle;
  text-align: center;
}
.notice_table01 .item_txt {
  display: table-cell;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btnBox {
  padding: 20px 4%;
  background: #fff;
  text-align: center;
}

.timing-block {
  padding-bottom: 20px;
  background: #f1fafe url(../images/timing_bg001.jpg) repeat-y;
  -webkit-background-size: 41px 20px;
  -moz-background-size: 41px 20px;
  -o-background-size: 41px 20px;
  background-size: 41px 20px;
}
.timing_ttl {
  background: url(../images/timing_h_bg001.jpg) repeat-x;
  -webkit-background-size: 20px 32px;
  -moz-background-size: 20px 32px;
  -o-background-size: 20px 32px;
  background-size: 20px 32px;
  position: relative;
}
.timing_ttl .icon {
  position: absolute;
  left: 12px;
  top: 0;
  margin-top: -10px;
}
.timing_ttl .icon01 {
  margin-top: -24px;
}
.timing_ttl .icon02 {
  margin-top: -20px;
}
.timing_ttl .icon03 {
  margin-top: -17px;
}
.timing_ttl .icon04 {
  margin-top: -15px;
}

.timing_box {
  padding: 10px 15px 10px 78px;
  font-size: 12px;
  line-height: 1.5;
}
.timing_ttl01 {
  margin-bottom: 5px;
  padding: 6px 0 6px 10px;
  background: url(../images/ico08.png) no-repeat left center;
  -webkit-background-size: 4px 15px;
  -moz-background-size: 4px 15px;
  -o-background-size: 4px 15px;
  background-size: 4px 15px;
  font-size: 12px;
  font-weight: bold;
}

.timing_table01 {
  margin: 0 10px;
  padding-bottom: 20px;
}
.timing_table01 a {
  display: table;
  width: 100%;
  background: #edf7fe;
  border: 1px solid #00a7eb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px #00a7eb;
  -moz-box-shadow: 2px 2px #00a7eb;
  box-shadow: 2px 2px #00a7eb;
}
.timing_table01 a .item_img {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #00a7eb;
}
.timing_table01 a .item_txt {
  display: table-cell;
  padding: 10px;
  background: #fff;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.5;
}
.timing_table01 a .item_txt h4 {
  padding-bottom: 5px;
  font-weight: bold;
}
.timing_table01 a .item_txt .note {
  font-size: 10px;
  line-height: 1.4;
}
.timing_table01 a .item_ico {
  display: table-cell;
  width: 20px;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #00a7eb;
}

.timing_txt {
  margin: 0 0 20px 40px;
  padding-left: 10px;
  background: url(../images/arr-blue-s02.png) no-repeat left center;
  -webkit-background-size: 6px 10px;
  -moz-background-size: 6px 10px;
  -o-background-size: 6px 10px;
  background-size: 6px 10px;
  color: #00a7eb;
  font-size: 12px;
}

/* ----- 0318_bc end ------ */






/*150317追記*/
/*faq*/
.faqList{
  padding:10px 10px 10px 15px;
  border-top:2px solid #e0e0e0;
  }
  .faqList li{
    float:left;
    width:49%;
    margin-right:2%;
    margin-bottom:5px;
    }
  .faqList li:nth-child(2n){
    margin-right:0;
    }
  .faqList li a img{
    width:100%;
    height:auto;
    }

.faqArea{
  margin-bottom:25px;
  }
  .faqArea div{
    padding:0 10px;
    }

.faqArea dl{

  }
  .faqArea dl dt{
    background:url(../menu/images/img_accordion01.png) no-repeat #edf7fe;
    background-size:11px 6px;
    background-position:95% center;
    border-bottom:2px solid #00a7eb;
    border-left:2px solid #00a7eb;
    border-right:4px solid #00a7eb;
    min-height:29px;
    font-size:12px;
    color:#0c37a1;
    padding:10px 30px 10px 10px;
    cursor:pointer;
    }
    .faqArea dl dt:first-child{
      border-left:2px solid #00a7eb;
      border-top:2px solid #00a7eb;
      border-bottom:2px solid #00a7eb;
      border-right:4px solid #00a7eb;
      border-radius:10px 10px 0 0;
      }
    .faqArea dl dt:last-of-type{
      border-left:2px solid #00a7eb;
      border-bottom:4px solid #00a7eb;
      border-right:4px solid #00a7eb;
      border-radius:0 0 10px 10px;
      }
  .faqArea dt span{
    background:url(../menu/images/faq/txt_faq01.png) left center no-repeat;
    background-size:16px 18px;
    font-size:12px;
    color:#0c37a1;
    display:inline-block;
    min-height:18px;
    padding:3px 0 0 25px;
    margin:0;
    font-weight:bold;
    }
  .faqArea dd{
    background:#fff;
    border-bottom:2px solid #00a7eb;
    border-left:2px solid #00a7eb;
    border-right:4px solid #00a7eb;
    padding:12px 12px 12px 36px;
    background:url(../menu/images/faq/txt_faq02.png) 10px 12px no-repeat;
    background-size:16px 18px;
    font-size:12px;
    color:#010101;
    display:none;
    line-height:1.4;
    }
    .faqArea dd a{
      font-size:12px;
      }

/*用語集*/
.glossaryArea{
  width:100%;
  margin:0 auto;
  padding:15px 10px 20px 10px;
  text-align:left;
  border-top:2px solid #e0e0e0;
  }

.glossaryArea dl{
  margin-bottom:15px;

  }
  .glossaryArea dl dt{
    background:url(../menu/images/img_accordion01.png) no-repeat #edf7fe;
    background-size:11px 6px;
    background-position:95% center;
    border-bottom:2px solid #00a7eb;
    border-left:2px solid #00a7eb;
    border-right:4px solid #00a7eb;
    min-height:29px;
    font-size:12px;
    color:#0c37a1;
    padding:10px 30px 10px 0px;
    cursor:pointer;
    }
    .glossaryArea dl dt:first-child{
      border-left:2px solid #00a7eb;
      border-top:2px solid #00a7eb;
      border-bottom:2px solid #00a7eb;
      border-right:4px solid #00a7eb;
      border-radius:10px 10px 0 0;
      }
    .glossaryArea dl dt:last-of-type{
      border-left:2px solid #00a7eb;
      border-bottom:4px solid #00a7eb;
      border-right:4px solid #00a7eb;
      border-radius:0 0 10px 10px;
      }
  .glossaryArea dt span{
    font-size:12px;
    color:#0c37a1;
    display:inline-block;
    min-height:18px;
    padding:3px 0 0 12px;
    margin:0;
    font-weight:bold;
    }
  .glossaryArea dd{
    background:#fff;
    border-bottom:2px solid #00a7eb;
    border-left:2px solid #00a7eb;
    border-right:4px solid #00a7eb;
    padding:12px 12px 12px 12px;
    font-size:12px;
    color:#010101;
    display:none;
    line-height:1.4;
    }
    .glossaryArea dd a,
    .glossaryArea dd p{
      font-size:12px;
      }
.glossaryArea dd > .glossaryBox{
  border-bottom:1px solid #e0e0e0;
  padding-bottom:15px;
  margin-bottom:15px;
  }

.glossaryArea dd .glossaryBox:last-child{
  border-bottom:0;
  padding:0;
  margin:0;
  }

.glossaryTitle{
  font-weight:bold;
  margin-bottom:5px;}

/*amc*/
.leadbox .txt span{
  color:#d90000;
  font-size:11px;
}


#amcArea{
  border-top:2px solid #e0e0e0;
  }
  #amcArea h3{
    padding:15px 0;
    text-align:center;
    }
.amcSelect{
  text-align:center;
  background:#0d38a2;
  color:#fff;
  padding:6px 0;
  }

.amcTable{
  padding:15px 7px;
  }
  .amcTable table{
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    width:100%;
    }
  .amcTable table tr td{
    padding:0 3px 5px 3px;
  }
  .amcTable table tr td img{
    width:100%;
    height:auto;
    }

.amcLogo{
  margin-bottom:15px;
  }
.amcLogo img{
  width:100%;
  height:auto;
  }

.tabArea{
  background:#f0f0f0;
  padding:15px 10px;
  margin-bottom:15px;

  }

.amcBtn{
  display:block;
  margin-left:15%;
  width:70%;
  border:2px solid #0d38a2;
  text-align:center;
  padding:15px 0 10px 0;
  border-radius:3px;
  margin-top:20px;
  margin-bottom:15px;
  }

.tabSelect li{ float:left;}
.tabItem li{
  display:none;
  }
.tabItem li:first-child{
  display:block;
  }
.tabItem li img{
  width:100%;
  height:auto;
  }

/*取扱種目*/

#listArea ul,
#listArea02 ul:not(.list) {
  border-top:5px solid #e0e0e0;
  padding:10px 10px 20px 10px;
  }
  #listArea ul li,
  #listArea02 ul:not(.list) li{
    float:left;
    width:49%;
    margin-right:2%;
    margin-bottom:5px;
    }
    #listArea ul li:nth-child(2n),
    #listArea02 ul:not(.list) li:nth-child(2n){
      margin-right:0;
      }

#listArea h3,
#listArea02 h3{
  border-bottom:2px solid #e0e0e0;
  text-align:center;
  background:#ececec;
  margin-bottom:15px;
  }

#listArea .tableWrap,
#listArea02 .tableWrap{
  padding:0 10px;
  }

#listArea table{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:fixed;
  border:1px solid #b5b5b5;
  margin-bottom:15px;
  }

  #listArea table th,
  #listArea table td{
    border:1px solid #b5b5b5;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    }

  #listArea table th {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0;
  }
  #listArea table th a {
    color: #fff;
  }

  #listArea table td{
    padding:10px;
    line-height:1.4;
    }
  #listArea table .coin_img img {
    width: 62px;
    height: auto;
  }
  #listArea table td span{
    font-size:9px;
    }
  #listArea table tr:first-of-type{
    background:#13448f;
    }
  #listArea table tr:nth-of-type(2){
    background:#ececec;
    font-size:9px;
    }
    #listArea table tr:nth-of-type(2) td span{
      color:#F00;
      }
    #listArea table tr:nth-of-type(2) td{
      padding:10px 0;
      }
  #listArea table .cpn{
    background:url(../list/images/bg_campaign.png) 95% center no-repeat;
    background-size:73px 15px;
    }
  #listArea table td a{
    display:inline-block;
    margin-top:15px;
    }
    /*#listArea table td a:nth-child(1){
      margin-top:0;
      }*/

/*02*/
#listArea02 table{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:fixed;
  border:1px solid #b5b5b5;
  margin-bottom:15px;
  }

  #listArea02 table th{
    border:1px solid #b5b5b5;
    text-align:center;
    vertical-align:middle;
    font-weight: normal;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    }

  #listArea02 table th a {
    color: #fff;
    font-size: 12px;
  }
  #listArea02 table td{
    border:1px solid #b5b5b5;
    font-size:12px;
    padding:10px;
    line-height:1.4;
    text-align:left;
    vertical-align:top;
    font-weight:bold;
    }
  #listArea02 table td:first-of-type{
    font-weight:bold;
    font-size:11px;
    }
  #listArea02 table td span{
    font-size:9px;
    }
  #listArea02 table tr:first-of-type{
    background:#13448f;
    }
  #listArea02 table tr:nth-of-type(2){
    background:#ececec;
    font-size:9px;
    }
    #listArea02 table tr:nth-of-type(2) td{
      font-weight:normal;
      text-align:center;
      padding:10px 0;
      font-size:9px;
      vertical-align:middle;
      }
  #listArea02 table .cpn{
    background:url(../list/images/bg_campaign.png) 95% center no-repeat;
    background-size:73px 15px;
    }
  #listArea02 table td img{
    display:inline-block;
    margin-top:15px;
    }
    #listArea02 table td img:nth-child(1){
      margin-top:0;
      }

#listArea02 table tr td .timeZone{
  font-weight:normal;
  font-size:10px;
  padding-top:5px;
  }

#listArea02 table tr td .smallTxt{
  font-weight:normal;
  font-size:10px;
  }
.recNum{
  font-size:12px;
  line-height:1;
  padding-top:5px;
  }
  .recNum span{
    display:inline-block;
    font-size:9px;
    color:#575757;
    background:#ececec;
    padding:3px;
    line-height:1;
    margin-right:5px;
    }


.listAttention{
  font-size:12px;
  color:#f00;
  margin-bottom:15px;
  padding-left: 1em;
    text-indent: -1em;
  }



/*150326*/
.cpnList{
  width:80%;
  margin-left:10%;
  margin-bottom:10px;
  }
.cpnList a{
  display:block;
  width:100%;
  }
  .cpnList a img{
    width:100%;
    height:auto;}

.about-link-list{
  margin-top:20px;}


.bgWhite{
  background:#fff;}

.smallRed{
  font-size:10px;
  color:#f00;}
.txt_left_ss{text-align:left !important;}
.link-block ul.licustum li{padding:8px 10px 8px 22px !important;}
.first_txt_c{margin:0 auto 20px auto; width:265px;}
.f08{font-size:8px !important;}
.f09{font-size:9px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.txt_amc{font-size:13px; color:#333333; padding-bottom:20px; margin-top:15px;}
.txt_amc span{color:#d90000 !important;}
.minu_mt8{margin-top:-8px !important;}
.vmc{vertical-align:middle;}

.telphone {
    color: #0b318f;
    font-size: 13px;
    font-weight: bold;
}
.tel{
  padding:0 0 0 15px;
  background:url(../images/ico06.png) no-repeat left 0.1em;
  background-size:13px 15px;
  margin-bottom:8px;
  }
.tel a{ color: #0b318f !important;}
.email a{ color: #0b318f !important;}

.time {
    color: #0b318f;
    font-size: 9px;
}
.email {
  padding:0 0 0 17px;
  background:url(../images/ico07.png) no-repeat left center;
  background-size:13px 15px;
  color:#0b318f;
  font-size:13px;
  margin-bottom:8px;
}
.txt04 {
    font-size: 10px;
    line-height: 1.5;
}
.continue_btn{font-size:16px !important; font-weight:bold !important;}
.border_line2{border:2px solid #00a7eb !important;}
.about-block_top {
  background:#e4f6ff url(../images/about-bg.png) repeat-x 0 54px;
  background-size:250px 130px;
  padding: 19px 0;
  border-top:7px solid #e0e0e0;
}
.amc_mt15{margin-top:15px !important; font-size:13px !important;}

/*150526*/
.inner02{
  padding:15px 10px;
  }

.companyBox01{
  border:1px solid #e0e0e0;
  background:url(../hoken_company/images/bg01.png) 0 0 repeat;
  background-size:1px 1px;
  padding-bottom:10px;
  }
  .companyBox01 h2{
    padding:0;
    text-align:center;
    background:#16b9f3;
    margin-bottom:8px;
    }
  .companyBox01 .clearfix{
    padding:0 9px;
    margin-bottom:10px;
    }
  .companyBox01 .clearfix div{
    float:left;
    width:110px;
    margin-right:10px;
    border:1px solid #dbdbdb;
    background:#fff;
    padding:10px 5px;
    }
    .companyBox01 .clearfix div img{
      width:100%;
      height:auto;
      }
  .companyBox01 .clearfix h1{
    font-size:14px;
    font-weight:bold;
    color:#0e3aa3;
    }
  .companyBox01 p{
    font-size:12px;
    color:#0e3aa3;
    padding:0 9px;
    }
  .companyBox01 .mt10{
    font-size:12px;
    color:#333;
    padding:0 9px;
    text-align:right;
    }

.pt15{
  padding-top:15px;
  }
.pt10{
  padding-top:10px;
  }

/*150605*/
.ranking-block{
  background:#fff;
  }

.ranking-block .ttl {
  padding: 4px 0;
  text-align: center;
  background: #e0e0e0;
}

.ranking-block .inner{
  padding:15px;
  text-align:right;
  }
.ranking-block p img{
  width:100%;
  height:auto;
  }
.ranking-block p{
    font-size:8px;
    }

.prodetail-item .attention{
  padding:0 10px;
  margin-bottom:10px;
  }

.prodetail-item .attention p{
  font-weight:bold;
  border:1px solid #e70000;
  color:#e70000;
  padding:10px;
  }

/*150813*/
.guide-block{
    background:#f8f8f8;
    padding-bottom:5px;
    }
    .guide-block > p{
        text-align:center;
        padding:10px 0;
        }
     .guide-block ul li{
       margin-bottom:20px;
         }
      .guide-block ul li a{
          display:block;
          }
      .guide-block ul li img{
        width:100%;
        height:auto;
          }
      .guide-block ul li h2{
        font-size:15px;
        color:#1f2b8d;
        margin:10px 0 5px;
          }
      .ttl-leftline {
    background: rgba(0, 0, 0, 0) url("../images/line-gray.png") no-repeat scroll left center;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 12px;
    min-height: 15px;
    padding-left: 10px;
}

.center{
  text-align: center;}

/*151221*/
#bannerArea01{
  padding: 15px 40px;
  border-top:7px solid #e0e0e0;
  }
  #bannerArea01 a{
    display: block;
    }
    #bannerArea01 a img{
      width:100%;
      height:auto;
      }

.guide-block > a{
  display: block;
  width: 80%;
  margin:0 auto;
  text-align:center;
  text-decoration:none;
  margin-bottom: 15px;
  color:#0b318f;
  background:#ececec;
  border: 1px solid #1f3c9c;
  border-radius:5px;
  font-size:14px;
  padding:10px 0;
  }


/*160104*/
/*#snsArea{
  text-align:center;
  padding:15px 0;
  border:1px solid #a6a6a6;
  border-radius:10px;
  background:#fff;
  margin:0 2% 15px;
  }
#snsArea a{
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  }
.pocket-btn{
  display: inline-block;
  }
.hatena-bookmark-button-frame{
  display: inline-block;
  vertical-align:top;
  margin-right: 5px;}*/
/*160726*/
#snsArea{
  padding: 10px;
  background: #f8f8f8;
  }

#snsArea ul li{
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 10px;
}
#snsArea ul li:nth-child(2n){
  margin-right: 0;
}
#snsArea ul li img{
  width: 100%;
  height: auto;
}

#snsArea a{
  }
.pocket-btn{
  height: 20px;
  vertical-align: bottom;
  display: inline-block;
  }
.hatena-bookmark-button-frame{
  display: inline-block;
  vertical-align:bottom;
  margin-right: 5px;}

  /*160404*/
.contentsBtnlist h2{
  text-align: center;
  background: #e1e8f0;
}
.contentsBtnlist h2 img{
  width: 138px;
  height: auto;
}
.contentsBtnlist ul{
  padding: 15px 10px 10px;
}
.contentsBtnlist ul li{
  float: left;
  width: 49%;
  margin-right: 2%;
}
.contentsBtnlist ul li:nth-child(2n){
  margin-right: 0;
  margin-bottom: 5px;
}

.contentsBtnlist ul li img{
  width: 100%;
  height: auto;
}
.topAttention01 {
    border: 3px solid #d3d3d3;
    background: #fffbe7;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    margin: 10px auto;
    width: 96%;
}

.aboutBox01{
  background:#fff;
  border:2px solid #bcbfbe;
  padding:15px 9px;
  text-align:center;
  margin-bottom: 20px;
  }
  .aboutBox01 img{
    width: 100%;
    height:auto;
    }
  .aboutBox01 .txt01{
    color:#0b318f;
    font-size:15px;
    margin-bottom: 15px;
    font-weight: bold;
    }
    .aboutBox01 .txt01 span{
      color:#eb5505;
      font-size:inherit;
      font-weight: bold;
      }
  .aboutBox01 .txt02{
    color:#eb5505;
    font-size:18px;
    margin:15px 0;
    font-weight: bold;
    }
    /*commercial_policy*/

    #commercial_policy{

    }
    #commercial_policy table th,
    #commercial_policy table td,
    #commercial_policy table table{
      border: 1px solid #b5b5b5;
      background: #fff;
      font-size: 11px;
    }
    #commercial_policy table th{
      background: #d2eeff;
      text-align: center;
    }

    #commercial_policy .table01,
    #commercial_policy .table01 th,
    #commercial_policy .table01 tr,
    #commercial_policy .table01 tbody,
    #commercial_policy .table01 td{
      display: block;
      width: 100%;
    }
    #commercial_policy .table01 td{
      vertical-align: top;
      padding: 10px;
      border-top: 0;
    }

    #commercial_policy .table02{
      width: 100%;
    }
    #commercial_policy .table02 th,
    #commercial_policy .table02 td{
      padding: 5px;
    }
    #commercial_policy .table02 .tableTitle{
      width: 30%;
    }
    #commercial_policy .table02 .number{
      width: 8%;
      text-align: center;
    }
    #commercial_policy .principle-list-ttl{
      font-weight: bold;
    }
    .mb15{
      margin-bottom: 15px;
    }
    .mb30{
      margin-bottom: 30px;
    }

    #commercial_policy a{
      text-decoration: underline;
    }
    /*160613*/
    .topNews{
      padding: 25px 15px;
    }
    .topNews_header{
      display: flex;
      justify-content: space-between;
    }
     .topNews dl{
       display: block;
       padding: 10px 0;
     }
     .topNews dl + dl{
       border-top: 1px solid #d8d8d8;
     }

     .topNews dt{
       font-size: 9px;
       margin-bottom: 5px;
     }
     .topNews dt span{
       display: inline-block;
       text-align: center;
       color: #fff;
       margin-right: 10px;
       font-size: 9px;
       width: 60px;
     }

     .topNews dt .important{
       background-color: #8d6f1d;
     }
     .topNews dt .notice{
       background-color: #738fba;
     }

     .topNews dd{
     }
     .topNews dd p{
       font-size: 12px;
     }
     .topNews dd .fb{
       font-weight: bold;
       font-size: 14px;
       margin-bottom: 5px;
     }
/*160822*/
  .topNewsBtn{
    width: 120px;
    text-align: center;
    color: #fff;
    background-color: #2a6ace;
    border-radius: 3px;
    align-self:flex-start;
    padding: 10px 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;
  }
/*170524*/
.red {
  color: #df0000;
}
.bold{
  font-weight:bold;
}


/*******************************************************************
* コインからコインへのリニューアル - start
********************************************************************/
/* common
-------------------------------------------------------------------*/
body{
  position: relative;
}


/* header（上書き設定）
-------------------------------------------------------------------*/
header{
  padding: 10px 12px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .main-logo{
  width: 151px;
  float: none;
  margin-right: 15px;
}

header img{
  width: 100%;
  height: auto;
}

header .ana-logo{
  width: 97px;
  float: none;
  margin-right: 10px;
}

.header-right{
  display: flex;
  align-items: center;
}


.header-right_menu{
  width: 40px;
  height: 28px;
  display: block;
  position: relative;
}

.header-right_menu span,
.header-right_menu:before,
.header-right_menu:after{
  display: block;
  height: 4px;
  width: 100%;
  text-indent: 9999px;
  overflow: hidden;
  position: absolute;
  left: 0;
  background-color: #13448f;
}

.header-right_menu:before,
.header-right_menu:after{
  content: "";
}

.header-right_menu:before{
  top: 0;
}

.header-right_menu span{
  top: 12px;
}

.header-right_menu:after{
  bottom: 0;
}


.header-right_menu.active:before {
  transform: translateY(12px) rotate(-45deg);
}
.header-right_menu.active span {
  opacity: 0;
}
.header-right_menu.active:after {
  transform: translateY(-12px) rotate(45deg);
}

/* hamburgerMenu
-------------------------------------------------------------------*/
.hamburgerMenu{
  position: absolute;
  top: 53px;
  left: 0;
  width: 100%;
  display: none;
  z-index: 9999;
  background: rgba(0,0,0,.5);
  overflow-y: scroll;
}

hamburgerMenu .copyright {
  display: none;
}


/* top
-------------------------------------------------------------------*/
.topSectionTitle{
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #13448f;
  margin-bottom: 25px;
}

.sectionTitle__medium {
  padding-top: 20px;
  font-size: 20px;
}

.topSectionTitle span{
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  padding-left: 5px;
}

.aboutCoin {
  padding: 30px 20px 75px;
  background-image: url(../images/about-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}

.aboutCoin_title {
  text-align: center;
  width: 90%;
  margin: 0 auto 20px;
}

.aboutCoin_text {
  text-align: center;
  font-size: 12px;
  margin-bottom: 20px;
}
.aboutCoin_slideWrapper{
  padding: 0 10px 0;
  margin-bottom: 15px;
}
.aboutCoin_slide .slick-dots{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.aboutCoin_slide .slick-dots li{
  margin: 0 5px;
}

.aboutCoin_slide .slick-dots button{
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background-color: #c8c8c8;
  border-radius: 10px;
  outline: none;
}

.aboutCoin_slide .slick-dots .slick-active button{
  background-color: #13448f;
}

.aboutCoin_btn {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.categoryList{
  padding: 25px 15px;
  background-color: #13448f;
}


.categoryList .topSectionTitle{
  color: #fff;
}

.categoryList ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.categoryList ul li{
  width: 49%;
  margin-bottom: 10px;
}
.categoryList ul li a{
  background-color: #fff;
  display: block;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
}
.categoryList ul li div{
  padding: 10px 15px 10px 15px;
}

.categoryList ul li img{
  max-width: 100%;
  height: auto;
}
.categoryList ul li a > span {
  display: block;
  line-height: 1;
  padding: 8px;
  background-color: #939c00;
  font-size: 12px;
  color: #fff;
}

.categoryList_caption{
  font-size: 10px;
  color: #fff;
}

.companyList{
  padding: 25px 15px;
}

.companyList ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.companyList ul li:nth-child(3n+2):last-child {

    margin-right: 34%;
}
.companyList ul li{
  width: 32%;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0px 0px 3px 0px #333;
  -moz-box-shadow: 0px 0px 3px 0px #333;
  -webkit-box-shadow: 0px 0px 3px 0px #333;
  margin-bottom: 10px;
}

.companyList ul li a {
  display: block;
  padding: 5px;
}
.companyList ul li img{
  width: 100%;
  height: auto;
}

.contentsList{
  padding: 25px 15px;
  background-color: #f2f2f2;
}


.contentsList ul li{
  width: 100%;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
  margin-bottom: 10px;
}

.contentsList ul li a{
  background-color: #fff;
  display: flex;
}

.contentsList_image{
  width: 135px;
  min-height: 125px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.contentsList_data{
  float: left;
  width: calc(100% - 135px);
  box-sizing: border-box;
  padding: 15px;
}
.contentsList_title{
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
}
.contentsList_text{
  font-size: 12px;
}


.contentsList2 {
  padding: 25px 0;
  background-color: #f2f2f2;
}
.contentsList2 .sectionTitle {
  margin-left: 0;
  margin-right: 0;
  letter-spacing: -1px;
}
.contentsList2 .sectionTitle span {
  padding-left: 6px;
  letter-spacing: 0;
}
.contentsList2 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.contentsList2 ul li {
  width: 49%;
  margin-top: .6em;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
}
.contentsList2 ul li:first-child,
.contentsList2 ul li:nth-child(2) {
  margin-top: 0;
}
.contentsList2 ul li a {
  position: relative;
  display: block;
}
.contentsList2 ul li a img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}
.contentsList2 ul li a .contentsList_title {
  position: absolute;
  left: 0;
  bottom: 1.6em;
  width: 100%;
  margin: auto;
  padding: 7px 0;
  background-color: rgba(0,0,0,.65);
  text-align: center;
  font-size: 12px;
  color: #fff;
}


/* 保険詳細
-------------------------------------------------------------------*/

.mv-title {
  margin-bottom: 14px;
  line-height: 1;
  color: #13448f;
  font-size: 30px;
  font-weight: bold;
}

.mv-title.mv-title__medium {
  font-size: 25px;
  line-height: inherit;
}

.mv-title.mv-title-icon {
  position: relative;
  padding-left: 58px;
}

.mv-title.mv-title-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  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);
}

.sectionTitle{
  font-size: 30px;
  vertical-align: bottom;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
  color: #13448f;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "MS PGothic", Meiryo, メイリオ, "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
}
.sectionTitle__medium {
  font-size: 20px;
}

.sectionTitle__iconBorder {
  position: relative;
  padding-left: 25px;
  padding-top: 0;
}

.sectionTitle__iconBorder::before {
  position: absolute;
  top: 50%;
  left: 2px;
  display: block;
  width: 15px;
  height: 3px;
  content: '';
  background: #13448f;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
}
.sectionTitle span{
  font-size: 12px;
  font-weight: inherit;
  color: inherit;
  padding-left: 10px;
}

.sectionTitle__medium span {
  display: block;
  padding-top: 10px;
  padding-left: 0;
  color: #333;
}

.detail-txt01 {
  margin-bottom: 8px;
}

.detail-txt01 a {
  color: #0b318f;
  font-size: 17px;
  font-weight: bold;
}

.detail-txt02 {
  margin-bottom: 15px;
  font-size: 13px;
}

.detail-txt04 {
  margin-bottom: 10px;
  font-size: 11px;
}

.detail-info {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

.detail-info_ttl {
  width: 97px;
  font-size: 10px;
  text-align: center;
  background-color: #eaeaea;
  border-radius: 3px;
  padding: 2px 0;
  font-weight: bold;
  letter-spacing: -0.05em;
}

.detail-info_body {
  width: calc(100% - 97px);
  padding-left: 10px;
  font-size: 12px;
  box-sizing: border-box;
}

.detail-info_body .waribiki {
  font-size: 16px;
  font-weight: bold;
  color: #f10000;
  vertical-align: baseline;
}

.tel-box {
  margin: 0 15px 15px;
  padding: 16px 18px;
  border-radius: 3px;
  background: #eaf0f5;
}
/*
.tel-txt01 {
  margin-bottom: 10px;
  padding-left: 22px;
  color: #000;
  line-height: 24px;
  font-size: 23px;
  font-weight: bold;
  background: url(../images/ico06.png) no-repeat left center;
  background-size: contain;
}*/
.tel-txt01 {
  margin: 0 auto 10px;
  padding-left: 0;
  color: #000;
  background: none;
  line-height: 1;
  font-size: 23px;
  font-weight: bold;
  width: auto;
}
.tel-txt01::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 2px;
  background: url(/sp/images/ico_tel.png) no-repeat left center;
  background-size: contain;
  vertical-align: bottom;
}
.tel-txt01 sup {
  vertical-align: top;
}

.tel-txt02 {
  margin-bottom: 10px;
  font-size: 12px;
}

.tel-info {
  display: flex;
  align-items: center;
}

.tel-info-ttl {
  width: 59px;
  font-size: 10px;
  padding: 5px 0;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  line-height: 1;
}

.tel-info-body {
  width: calc(100% - 59px);
  box-sizing: border-box;
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #e50101;
  vertical-align: middle;
}
.btn-product {
  position: relative;
  margin: 0 15px;
}

.btn-product a {
  display: block;
  padding: 13px 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#D9C20D), to(#CCAA0D));
  background: -moz-linear-gradient(top, #D9C20D,#CCAA0D);
  box-shadow: 0 0 3px rgba(0,0,0,.15);
}

.btn-product a::before {
  position: absolute;
  top: 50%;
  right: 38px;
  display: block;
  width: 7.5px;
  height: 11.5px;
  content: '';
  background: url(../images/arr-white-s.png) no-repeat;
  background-size: contain;
  transform: translate(0.-50%);
  -webkit-transform: translate(0,-50%);
}

.btn-estimate {
  position: relative;
  margin: 0 15px;
}

.btn-estimate a {
  display: block;
  padding: 13px 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9710), to(#ff740c));
  background: -moz-linear-gradient(top, #ff9710,#ff740c);
  box-shadow: 0 0 3px rgba(0,0,0,.15);
}

.btn-estimate a::before {
  position: absolute;
  top: 50%;
  right: 38px;
  display: block;
  width: 7.5px;
  height: 11.5px;
  content: '';
  background: url(../images/arr-white-s.png) no-repeat;
  background-size: contain;
  transform: translate(0.-50%);
  -webkit-transform: translate(0,-50%);
}

/* about */
.hoken-about-btn {
  display: block;
  margin-bottom: 15px;
  padding: 14px 50px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  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: 10px;
  color: #13448f;
  font-size: 30px;
  font-weight: bold;
}

.mv-company-block {
  display: flex;
  /*align-items: flex-start;*/
  align-items: center;/* 2025.3 */
}

.mv-company-img {
  width: 31%;
  padding: 10px 5px;
  background: #fff;
  border-radius: 6px;
  box-sizing: border-box;
}
.mv-company-img img {
  width: 100%;
}
.mv-company-txt {
  width: 69%;
  padding-left: 10px;
  box-sizing: border-box;
}

/* first
-------------------------------------------------------------------*/

.first_block {
  padding: 26px 0;
}

.first_block_title {
  margin-bottom: 25px;
  color: #13448f;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}

.first_block_title.first_block_title__img {
  width: 97%;
  margin: 0 auto 17px;;
}

.first_block_slide {
  margin-bottom: 37px;
}

.first_block_txt {
  margin-bottom: 20px;
  color: #000;
  font-size: 12px;
}

.first_block_btn {
  display: block;
  width: 78%;
  margin: 0 auto;
}

.first_aboutSkycoin {
  position: relative;
  padding-top: 37px;
}

.first_aboutSkycoin::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  height: 1px;
  width: 84%;
  content: '';
  background: #13448f;
  transform: translate(-50%,0)
}

.first_aboutSkycoin_title {
  margin-bottom: 28px;
  padding: 0 4%;
}

.first_aboutSkycoin_title img {
  width: 100%;
}

.first_aboutSkycoin_copy {
  margin-bottom: 26px;
  color: #13448f;
  font-size: 18px;
  font-weight: bold;
}
.first_aboutSkycoin_inner {
  margin-bottom: 23px;
  padding: 19px 4% 11px;
  background: #eaf0f5;
}

.first_aboutSkycoin_text {
  margin-bottom: 21px;
  font-size: 12px;
  font-weight: bold;
}

.first_aboutSkycoin_text strong {
  font-size: 14px;
  color: #13448f;
  font-weight: bold;
}

.first_aboutSkycoin_list {
  display: flex;
  flex-wrap: wrap;
}

.first_aboutSkycoin_list li {
  width: 49%;
  margin-bottom: 8px;
  padding: 19px;
  border-radius: 6px;
  background: #fff;
  font-size: 17px;
  color: #13448f;
  font-weight: bold;
  text-align: center;
}

.first_aboutSkycoin_list li:nth-child(2n+1) {
  margin-right: 2%;
}

.first_aboutSkycoin_attentionText ,
.first_aboutSkycoin_attentionText a {
  font-size: 12px;
}

.first_aboutSkycoin_attentionText {
  color: #333;
}

.first_aboutSkycoin_attentionText a {
  color: #13448f;
  text-decoration: underline;
  font-weight: bold;
}

.bg_aboutCoin {
  padding-bottom: 120px;
  text-align: center;
  background-image: url(../images/about-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}

.first-caategoryList {
  display: flex;
  flex-wrap: wrap;
}

.first-caategoryList li {
  width: 48%;
  margin: 0 4% 9px 0;
}

.first-caategoryList li:nth-child(2n+2) {
  margin-right: 0;
}

.first_processBlock {
  padding-bottom: 50px;
}

.first_processBlock_header {
  margin-bottom: 20px;
  padding: 13px 10px;
  background: #e3e8ef;
}

.first_processBlock_title {
  display: flex;
  align-items: center;
  color: #13448f;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "MS PGothic", Meiryo, メイリオ, "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
}

.first_processBlock_numGroup {
  margin-right: 20px;
}

.first_processBlock_numGroup > * {
  text-align: center;
  display: block;
  font-weight: bold;
}

.first_processBlock_step {
  font-size: 13px;
}

.first_processBlock_num {
  font-size: 27px;
  line-height: 1;
}

.first_processBlock_titleTxt {
  font-size: 17px;
  font-weight: bold;
}

.first_processBlock_txt {
  margin: 0 10px 20px;
  color: #13448f;
  font-size: 13px;
}
.first_processBlock_txt.first_processBlock_txt__small {
  font-size: 8px;
  color: #333;
  text-align: right;
  padding: 2px 0 0;
  margin: 0;
}

.attention_box {
  position: relative;
  margin-bottom: 17px;
  padding: 15px 19px;
  background: #fff;
  border: 1px solid #df0000;
}

.attention_box_title {
  margin: 9px 0 18px;
  padding-left: 40px;
  font-family: 13px;
}

.attention_box_text::before {
  position: absolute;
  top: 19px;
  left: 19px;
  display: block;
  width: 27px;
  height: 27px;
  content: '';
  background: url(../images/icon_attention.png);
  background-size: contain;
}

.attention_box_text {
  font-size: 12px;
}

.attention_box_text.attention_box_text__first {
  padding-left: 34px;
}

.howto_block {
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.howto_block_title {
  padding: 12px 10px;
  text-align: center;
  background: #13448f;
  color: #fff;
  font-weight: bold;
}


.howto_block_title.howto_block_title__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.howto_block_body {
  padding: 20px 15px;
}

.howto_block_text {
  margin-bottom: 20px;
}

.howto_block_btn {
  border-radius: 3px;
}

.howto_block_btn.howto_block_btn__txtCenter {
  text-align: center;
}

.howto_block_btn a {
 display: block;
 padding: 8px 15px;
 font-size: 13px;
}

.howto_block_infoTel {
  position: relative;
  margin-bottom: 12px;
  padding-left: 25px;
}

.howto_block_infoTel:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 20px;
  width: 14px;
  content: '';
  background: url(../images/ico06.png) no-repeat;
  background-size: cover;
  transform: translate(0,-50%);
}

.howto_block_infoTel ,
.howto_block_infoTel a {
  color: #13448f;
  font-size: 18px;
  font-weight: bold;
}


.howto_block_infoTime {
  font-size: 10px;
  font-weight: normal;
  padding-left: 6px;
}

.howto_block_infoEmail {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}
.howto_block_infoEmail a {
  color: #13448f;
  font-size: 18px;
  font-weight: bold;
}


.howto_block_infoEmail:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 23px;
  width: 20px;
  content: '';
  background: url(../images/ico07.png) no-repeat;
  background-size: cover;
  transform: translate(0,-50%);
}


.bg_glay {
  padding-top: 0;
  background: #f8f8f8;
}
.bg_white {
  background: #fff;
}

.icon {
  position: relative;
}

.icon::before {
  display: inline-block;
  content: '';
  margin-right: 6px;
}

.icon.icon__pc::before {
  width: 35px;
  height: 28px;
  background: url(../images/icon_firstInternet.png) no-repeat;
  background-size: contain;
}

.icon.icon__tel::before {
  width: 21px;
  height: 28px;
  background: url(../images/icon_firstTel.png) no-repeat;
  background-size: contain;
}


/* other
-------------------------------------------------------------------*/
.wh100p{
  width: 100%;
  height: auto;
}

.fs10 {
  font-size: 10px;
}
.fs11 {
  font-size: 11px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}

.pt20 {
  padding-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.btn.btn-arr-blue {
  border: 1px solid #13448f;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.15);
}

.btn.btn-arr-blue a {
  position: relative;
  color: #13448f;
}
.btn.btn-arr-blue a::before {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 7.5px;
  height: 11.5px;
  content: '';
  background: url(../images/arr-blue-s05.png) no-repeat;
  background-size: contain;
  transform: translate(0.-50%);
  -webkit-transform: translate(0,-50%);
}

/* mainVisual
-------------------------------------------------------------------*/
.mainVisual {

}

.mainVisual .slick-track {
  background: #f8f8f8;
  /*padding: 31px 0 49px;*/
      border-bottom: 5px solid #F8F8F8;
}

.mainVisual img {
  width: 100%;
}

.mainVisual .slick-dots{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.mainVisual .slick-dots li{
  margin: 0 5px;
}

.mainVisual .slick-dots button{
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background-color: #c8c8c8;
  border-radius: 10px;
  outline: none;
}

.mainVisual .slick-dots .slick-active button{
  background-color: #13448f;
}



/*******************************************************************
* コインからコインへのリニューアル - end
********************************************************************/


/* 2018.10.4 update */
.links_area {
  margin-top: 1em;
  padding: .5em 0;
  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 > li {
  padding: 1em 0;
  border-top: dotted 1px #b0b0b0;
}
.links_area > ol ol li {
  margin-top: .2em;
}
.links_area > ol ol li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* 2019.1.19 update */

.topNews dd b.fb{
 display: block;
}

/* 2019.4.24 update */
.txt_clr_333 {
  color: #333 !important;
}

/* 2019.5.30 update */
.detail-txt02 sup {
  vertical-align: super;
  font-size: smaller;
}

/* 2019.7.2 update */
.btn_about_skycoin {
  padding: 0 2em;
}
.btn_about_skycoin img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}

/* 2019.7.15 update */
.tel-box {
  margin: 15px 15px 0;
}
.prolist-block .prolist {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
}
.prolist-block .prolist li {
  float: none;
}

/* 2019.9.17 update */
.detail-info_body sup {
  vertical-align: super;
  font-size: smaller;
}

/* 2019.10.24 update */
.co_label {
  display: block;
  padding: 15px 15px 0;
}
.co_label img {
  width: 24%;
}
.co_label img + img {
  margin-left: 2%;
}


/* 2019.12.11 */
.prodetail-item .box01 .mile span {
  display: inline-block;
  max-width: 48%;
}
.prodetail-item .box01 .mile span img {
  max-width: 100%;
}


/* 2020.2.17 update */
.redBox01 .company_info {
  border-bottom: solid 1px;
  font-size: 100%;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
.contact_tbl {
  margin: .5em 0;
  overflow: scroll;
}
.contact_tbl table {
  width: 130%;
}
.contact_tbl table th {
  padding: .2em;
  background-color: #ececec;
  vertical-align: middle;
  text-align: center;
}
.contact_tbl table th:nth-child(1) {
  width: 26%;
}
.contact_tbl table th:nth-child(2) {
  width: 24%;
}
.contact_tbl table th:nth-child(3) {
  width: 18%;
}
.contact_tbl table th:nth-child(4) {
  width: 32%;
}
.contact_tbl table th,
.contact_tbl table td {
  border: 1px solid #b5b5b5;
  word-break: break-all;
  font-size: 85%;
}
.contact_tbl table td {
  padding: .5em;
}
.contact_tbl table td:first-child {
  color: #1f3c9c;
}
.contact_tbl table td .tel {
  margin-bottom: 0;
  word-break: break-word;
  font-size: 100%;
}



/* 2020.9.22 update */
.hoken_list_notes {
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
  color: #13448f;
}
.hoken_list_notes small {
  font-size: 10px;
  color: #13448f;
}

.continue_blk .hoken-menu-txt {
  width: 100%;
}
.continue_blk .hoken-menu-guide {
  display: block;
  text-align: left;
  color: #0e39a3;
  font-weight: bold;
}
.continue_blk .hoken-menu-btn-continue {
  display: block;
  width: 32%;
  min-width: 160px;
  margin: 1em auto;
  text-align: left;
}
.continue_blk .btn-continue {
  display: inline-block;
  position: relative;
  padding: 1em 2em 1em 1em;
  width: 100%;
  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: 1em;
  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 .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: 12vw;
  background-color: #a8def4;
  border-top: solid 4px #13448f;
  color: #13448f;
}
.mv_hdr .inner {
  position: relative;
  padding-left: 10vw;
  box-sizing: border-box;
  line-height: 1.4;
  font-size: 22px;
  font-weight: bold;
  color: #13448f;
}
.mv_hdr .inner::before {
  content: "";
  position: absolute;
  left: 3vw;
  top: 0;
  display: block;
  width: 5.78125vw;
  height: 9.375vw;
  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: -12vw;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 7.5vw;
  height: 6.40625vw;
  background: url(/images/pt_continue_mv_arw.png) no-repeat center;
  background-size: contain;
}
.mv_btm {
  margin-bottom: 2em;
}
.mv_btm p {
  font-size: 100%;
}
.continue_mv_bg {
  padding-bottom: 1px;
  background-color: #f0f9fd;
}


/* 2020.10.6 update */
.btn-estimate a.closed_link,
.btn-estimate a.closed_link2 {
  position: relative;
  pointer-events:none;
}
.btn-estimate a.closed_link::after,
.btn-estimate a.closed_link2::after {
  content: "資料請求ページメンテナンス中";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(0,0,0,.6);
  border-radius: 5px;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  padding: 14px 0 0;
  box-sizing: border-box;
  text-align: center;
}
.btn-estimate 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: 1em;
}
.description-block .bobun_list li,
.description-block .bobun_list li span {
  font-size: 10px;
  color: #676767;
}


/* 2021.9.1 update */
.prodetail-item .box01 .lbl-cpn {
  position: absolute;
  left: 0;
  top: 1.7em;
  display: block;
  width: 18vw;
  max-width: 89px;
}
.prodetail-item .box01 .lbl-cpn + a,
.prodetail-item .box01 .lbl-cpn + img {
  margin-left: 18vw;
}


/* 2021.9.15 update */
.prodetail-item .phrase {
  display: block;
  margin-top: .5em;
  font-weight: bold;
  color: #062271;
}
.prodetail-item .fee {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #f97920;
}
.prodetail-item .fee sup,
.prodetail-item .fee small {
  color: inherit;
}
.prodetail-item .fee small {
  display: block;
}
.prodetail-item .notes,
.prodetail-item .notes ul,
.prodetail-item .notes li {
  font-size: 11px;
}
.prodetail-item .list {
  margin-left: 1em;
  text-indent: -1em;
}
.prodetail-item .fee small,
.prodetail-item .notes2 {
  font-size: 11px;
}
.prodetail-item .notes2 li {
  font-size: inherit;
}
.prodetail-item sup {
  vertical-align: super;
  font-size: 10px;
}
.hoken-detail-notes-list2 {
  margin-top: 1em;
}
.hoken-detail-notes-list2 li {
  margin-left: 2.6em;
  text-indent: -2.6em;
  font-size: 10px;
}





/* 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: none !important;
}
.mv-campaign img,
.bnr-anaskycoin img {
  max-width: 100%;
}
.campaign-info_column {
  margin: 2em auto 0;
  text-align: center;
}
.campaign-info_column a {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: auto;
  padding: 11px 0 8px;
  background-color: #13448f;
  border-radius: .3em;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.campaign-info_column a:first-child {
  margin-bottom: 1.5em;
}
.campaign-info_column a span {
  position: relative;
  display: block;
  padding-right: 1.5em;
  margin-bottom: 5px;
  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: 125%;
  font-weight: bold;
  color: inherit;
}
.campaign-info_column a small {
  display: block;
  padding: 0 1.4em;
  font-size: 90%;
  color: #fdf035;
}
.lead-campaign {
  padding: 2em 0 1em;
  text-align: center;
  font-weight: bold;
}
.lead-campaign p {
  font-size: 112.5%;
  font-weight: bold;
}
.em-lead-campaign {
  font-weight: bold;
  color: #ff414a;
}
.line-lead-campaign {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  font-size: 125%;
  font-weight: bold;
  color: inherit;
}
.b-lead-campaign {
  font-size: 150%;
  color: inherit;
}
.notes-lead-campaign {
  margin-top: .5em;
}
.notes-lead-campaign p {
  font-size: 85%;
}
.bnr-anaskycoin {
  margin: .5em 0 1em;
  text-align: center;
}
.bnr-anaskycoin img {
  width: 90%;
}

.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 {
  padding: 20px 10px 10px;
}

.prodetail-item .box01.cpn {
  min-height: 104px;
}
.prodetail-item .box01.cpn .mile {
  position: absolute;
  width: 74px;
  top: .5em;
  right: .5em;
}


/* 2022.1.5 update */
sup {
  vertical-align: super;
  font-size: 85%;
}


/* 2022.1.15 update */
a.nolink {
  pointer-events: none;
}
.btn-product a.closed_link::after {
  content: "メンテナンス中";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(0,0,0,.6);
  border-radius: 5px;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  padding: 14px 0 0;
  box-sizing: border-box;
  text-align: center;
}
.btn-estimate a.closed_link.reason1::after,
.btn-product a.closed_link.reason1::after {
  content: "新商品準備中";
}


/* 2022.2-3 update */
[class|=sec] {
  padding: 2em 0;
}
[class|=sec].bg {
  background-color: #f8f8f8;
}

.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: 1em .5em;
  vertical-align: top;
}
.tbl-aboutus th {
  border-right: solid 1px #bbb;
  text-align: left;
  font-weight: bold;
}
.sec-sorahoweb {
  padding: 4em 0 2em;
  background: url(/images/about/bg_about.png) 25% bottom repeat-x, linear-gradient(to bottom, #eafaff 6%, #fff 40%);
  background-size: auto 24%, auto;
}
.ttl-sorahoweb {
  position: relative;
  padding-top: 16vw;
  margin-bottom: 1em;
}
.ttl-sorahoweb p {
  line-height: 1.4;
}
.ttl-sorahoweb p,
.ttl-sorahoweb p span {
  font-size: 4.6875vw;
  font-weight: bold;
  color: #0b318f;
}
.ttl-sorahoweb p span {
  vertical-align: text-bottom;
}
.img-fukidashi-sorahoweb {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 71.56250vw;
  height: 14.53125vw;
}
.img-logo-sorahoweb {
  width: 33.59375vw;
  height: 8.4375vw;
  vertical-align: text-bottom;
}
.txt-sorahoweb {
  padding: 0 0 32vw;
  background: url(/images/about/img_bird.png) no-repeat bottom right;
  background-size: 49%;
}
.txt-sorahoweb p {
  line-height: 2.2;
  font-size: 13px;
  font-weight: 500;
}
.sec-top-aboutsoraho {
  padding: 2em 0 8em;
  background: url(/images/about/bg_about.png) center bottom repeat-x;
}
.sec-top-aboutsoraho img {
  max-width: 100%;
  height: auto;
}
.subttl-aboutsoraho,
.ttl-aboutsoraho {
  text-align: center;
  font-size: 5.3125vw;
  font-weight: 600;
  color: #073190;
}
.subttl-aboutsoraho {
  margin-bottom: 1em;
}
.subttl-aboutsoraho b {
  display: block;
  font-size: 4.5vw;
  font-weight: bold;
  color: inherit;
}
.ttl-aboutsoraho {
  margin-bottom: 1.2em;
}
.ttl-aboutsoraho span {
  margin-left: .2em;
  font-size: 6.875vw;
  color: inherit;
}
.img-logo-aboutsoraho {
  width: 59.21875vw;
  height: 15.15625vw;
  vertical-align: text-bottom;
}
.txt-aboutsoraho {
  margin-bottom: 2em;
  font-size: 13px;
  font-weight: 500;
}
.txt-aboutsoraho a {
  text-decoration: underline;
  font-size: inherit;
  font-weight: inherit;
  color: #13448f;
}
.flx-aboutsoraho {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 auto 4em;
}
.col-aboutsoraho {
  width: 100%;
  text-align: center;
}
.col-aboutsoraho:not(:last-of-type) {
  margin-bottom: 2em;
}
.blk-btn-aboutsoraho {
  text-align: center;
}

.ttl-first {
  margin-bottom: .5em;
  font-size: 28px;
  font-weight: bold;
  color: #073190;
}
.ttl-first img {
  max-width: 100%;
  width: 75%;
  height: auto;
}
.ttl-first small {
  display: block;
  margin-bottom: .2em;
  font-size: 75%;
  font-weight: inherit;
  color: inherit;
}
.lead-first {
  margin-bottom: 1.5em;
  font-size: 13px;
  font-weight: 500;
}
.lead-first em {
  font-size: 125%;
  font-weight: bold;
}
.tbl-first {
  width: 100vw;
  margin-left: calc( 50% - 50vw );
  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: 13px;
  font-weight: bold;
}
.th-first-member,
.th-first-card {
  padding-bottom: 16vw;
  background-repeat: no-repeat;
  background-size: 15.3125vw 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: 0;
  top: 1vw;
  display: block;
  width: 7vw;
  height: auto;
  margin: auto;
}
.tbl-first tbody tr {
  border-bottom: solid 1px #cdcdcd;
}
.tbl-first tbody th {
  padding: 0 1vw;
  text-align: left;
}
.tbl-first tbody th a {
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
  color: #1e3b9c;
}
.tbl-first tbody th a img {
  display: none;
}
.tbl-first td {
  position: relative;
  padding: 1vw;
}
.cell-first-1 {
  width: 22%;
}
.tbl-first img {
  max-width: 100%;
  height: auto;
}
.cell-first-2 {
  width: 46%;
}
.cell-first-3 {
  width: 32%;
}
.blk-first-coin {
  padding-left: 8vw;
  font-weight: bold;
}
.txt-first-coin {
  line-height: 1.2;
  font-size: 5vw;
  font-weight: inherit;
  color: #f57a20;
}
.txt-first-coin span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.txt-first-coin span > span {
  display: block;
  font-size: 75%;
}
.txt-first-coin p {
  font-size: 13px;
  font-weight: inherit;
  color: inherit;
}
.txt-first-coin .unit,
.txt-first-mile .unit {
  font-size: 75%;
  font-weight: inherit;
  color: inherit;
}
.box-first {
  display: inline-block;
  padding: 0 .5em;
  margin-top: .3em;
  border: solid 1px;
  font-size: 11px;
  font-weight: bold;
}
.box-first small {
  font-size: 10px;
  font-weight: inherit;
}
.txt-first-mile {
  line-height: 1.2;
  font-size: 5vw;
  font-weight: bold;
  color: #1eb9ee;
}
.txt-first-mile {
}
.categoryList ul li a > .blk span {
  color: #fff;
}
.blk-accordion {
  display: none;
}
.btn-first-tbl {
  width: 100vw;
  margin-left: calc( 50% - 50vw );
  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;
  flex-wrap: wrap;
}
.col-sec-first2 {
  position: relative;
  width: 100%;
  padding: 10vw 0 28vw;
  margin-bottom: 2em;
  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: 95%;
  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: 12px;
  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 {
  display: block;
  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: 6vw;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 71%;
}
.box-sec-first3 {
  padding: 1.5em;
  border: dotted 2px #bfbfbf;
  border-radius: .3em;
  color: #0b318f;
}
.ttl-sec-first3 {
  position: relative;
  margin-bottom: 1em;
  padding: 16px 20px 16px 60px;
  border: solid 3px;
  border-radius: 2em;
  line-height: 1;
  font-size: 20px;
  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: 24px;
  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: 13px;
  color: inherit;
}
.lead-sec-first3 {
  margin-bottom: 1em;
  font-size: 16px;
}
.point-sec-first3 {
  position: relative;
  padding: .75em 0;
  margin-bottom: 1em;
  background-color: #305fb8;
  line-height: 1.2;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
.point-sec-first3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 13.9vw;
  height: 7vw;
  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 top left;
  background-size: contain;
}
.img-sec-first3 {
  display: block;
  margin: 3vw auto 6vw;
  max-width: 100%;
}
.fig-sec-first3 {
  width: 90vw;
  margin: 0 0 5em calc( 50% - 45vw );
}
.flxpc-sec-first3 {
  color: inherit;
}
.col-sec-first3 {
  margin-bottom: 2em;
  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 {
  margin-top: 4em;
}
.col-first-contact {
  position: relative;
  display: block;
  padding: 2em 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:not(:last-child) {
  margin-bottom: 1em;
}
.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: 13px;
  color: inherit;
}

/* 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;
  max-width: 407px;
  width: 90%;
  margin: 1em auto 0;
  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;
}

.about-block {
  padding: 3em 0;
  text-align: left;
}

/* 2022.4.8 update */
.blk-contents-author {
  padding: 2em 0;
}
.flxpc-contents-author {
  padding: 20px;
  box-sizing: border-box;
  border: solid 4px #d4d4d4;
  border-radius: .6em;
}
.col-contents-author-ttl {
  padding: 0 0 16px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.col-contents-author-ttl::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  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;
  vertical-align: bottom;
}
.col-contents-author-dtl {
  padding: 16px 0 0;
  box-sizing: border-box;
  border-top: solid 2px #bebebe;
}
.col-contents-author-dtl p {
  font-size: 12px;
}
.col-contents-author-dtl a {
  transition: opacity .3s ease;
  text-decoration: underline;
  color: #13448f;
}

/* 2022.4.18 update */
.col-bnr {
  text-align: center;
}
/*
.col-bnr:first-child {
  margin-bottom: 1.2em;
}*/


/* 2023.3 */
.detail-info.align-top {
  align-items: flex-start;
}
.detail-info.align-top .detail-info_ttl {
 margin-top: 3px;
}
.detail-info_body span.detail-blk {
  display: block;
  padding-left: 1em;
  font-size: 1em;
}
.detail-list-notes li {
  margin-left: 2.3em;
  text-indent: -2.3em;
  font-size: 90%;
}

/* 2023.6 */
footer .site-link-list02 li {
  margin-right: 1.3em;
  min-width: 76px;
}

/* 2025.3 */
.ttl_blk {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ttl_blk .mv-ttl {
  width: calc( 100% - 110px );
}
.ttl_blk .mv-coin {
  width: 100px;
}
.prodetail-item .box01 .hikiuke,
#listArea table td .hikiuke,
#listArea02 table td:first-of-type .hikiuke {
  display: block;
  font-size: 10px;
}
#listArea table td .hikiuke {
  margin-top: 5px;
}
.hikiuke.inline {
  display: inline !important;
}
.hikiuke.nobr br {
  display: none;
}
.hikiuke.kakko::before {
  content: "（";
}
.hikiuke.kakko::after {
  content: "）";
}
#listArea table td a {
  display: block;
  margin: 30px 0;
}
#listArea table td a:first-of-type {
  margin-top: 15px;
}
#listArea table td a:last-of-type {
  margin-bottom: 15px;
}
#listArea02 .list,
#listArea02 .list li {
  font-size: inherit;
  font-weight: inherit;
}
#listArea02 .list li {
  margin-left: 1em;
  text-indent: -1em;
}

.txt-first-coin sup {
  font-size: 11px;
  color: #222;
}

/* 2025.5 update */
.hoken-detail-notes-list2 li.adjust {
  margin-left: 3.1em;
  text-indent: -3.1em;
}


/* 2025.8 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;
}



