@charset "UTF-8";
@import url("main.css");
/* CSS Document */

.pcOnly {  }
.spOnly { display:none; }

/* base START/////////////////////////////////////////////////////////////////////////////// */
.align_right {
  text-align:right;
}
.align_center {
  text-align: center;
}
.txt10px {
  font-size:10px;
  line-height:120%;
  }
.mb60{ margin-bottom: 60px;}
.mb40{ margin-bottom: 40px;}
.mb20{ margin-bottom: 20px;}
p .fLarge{ font-size: calc(1em + 2px);}

/* base END/////////////////////////////////////////////////////////////////////////////// */
/* トップページSTART/////////////////////////////////////////////////////////////////////////////// */
.cf::after {
  content: "";
  clear: both;
  display: block;
}
.fl{ float: left;}
.fr{ float: right;}
#box1 {margin:20px 0px;  width:68.33%; flex-basis:68.33%; float:left; }


#box1 .inner2{ border: #c7c5c5 solid 1px; padding: 5px;}
#box1 .inner2 .fl{ float: left; width: 37%;}
#box1 .inner2 .fr{ float: right; width: 62%;}
#box1 .inner2 .fl a{ display: block;}
#box1 .inner2 .fl a img{ width: 100%;}
#box1 .inner2 .fl a:hover img{ opacity: 0.8;}
#box1 .inner2 .fr p{ font-size: 13px; font-weight: bold; margin: 0; line-height: 1.9em;}

#box2 { margin:20px 0px 40px; width:245px;  height:240px; text-align:center; float:right;}
#top_sidebar { margin:20px 0px 20px; width:26.66%; flex-basis:26.66%; float:right;  text-align:right;  }
#top_sidebar img{ max-width: 100%;}
.top_sidebar_banner { margin-bottom:10px; }

#mainVisual { }
#mainVisual .loginBox { display: none; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; border: #17a9eb solid 1px; font-size: 18px;}
#mainVisual .loginBox .titleBox { flex-grow: 0; flex-shrink: 1; flex-basis:calc( ( 100% - 20px ) / 3 ); background: #17a9eb; }
#mainVisual .loginBox .titleBox h3 { display: block; width: 100%; text-align: center; padding: 0.25em 0; color: #fff; font-weight: bold; line-height: 1.2em;}
#mainVisual .loginBox .textBox { flex-grow: 0; flex-shrink: 1; flex-basis:calc( ( 100% - 20px ) / 3 ); align-self: center }
#mainVisual .loginBox .textBox p { font-size: 75%; line-height: 1.2em; }
#mainVisual .loginBox .btnBox { flex-grow: 0; flex-shrink: 1; flex-basis:calc( ( 100% - 20px ) / 3 ); }
#mainVisual .loginBox .btnBox a { background: #003d9c; color: #fff; display: block; width: calc(100% - 10px); text-decoration: none; padding: 1em 0; text-align: center; border-radius:5px; margin: 5px;}
#mainVisual .loginBox .btnBox a.btnNet{ background: #17a9eb; color: #fff; border-radius: 0; margin-top: 5px; padding: 3px; font-size: 11px;}


#infoBox { box-sizing:border-box; border:#ccc solid 1px; position:relative; padding:0 0 30px 0; margin:0 auto 20px auto; }
#infoBox h3 { box-sizing:border-box; padding:7px 15px 5px 15px; border-bottom:#ccc solid 1px; background:linear-gradient(#e6e6e6, #f5f5f5); margin:0; }
#infoBox h3 img { display:block; width:55px; }
#infoBox ul { display:block; padding:15px; box-sizing:border-box; }
#infoBox ul li { display:block; padding:0 0 0 120px; position:relative; font-size:12px; text-align:left; margin:0 0 0.5em 0; line-height:1.8em;}
#infoBox ul li time { display:block; left:20px; top:0; position:absolute; width:110px; text-align:left; }
#infoBox ul li a { color:#ff6633; text-decoration:underline; }
#infoBox ul li a:hover { }
#infoBox ul li::before { display:block; content:'■'; color:#0099ff; position:absolute; left:0; top:0; }
#infoBox ul li i { font-size:120%; vertical-align:baseline; margin:0 0 0 0.5em; }
#infoBox::after { display:block; content:''; visibility:hidden; clear:both; height:0px; width:100%; }
#infoBox .moreNews,
#infoBox .moreNews:link { display:inline-block; background:#f90; color:#fff; padding:0.25em 0.5em; text-decoration:none; font-size:12px; vertical-align:baseline; line-height:1; font-weight:bold; border-radius:5px; position:absolute; right:15px; bottom:15px; }
#infoBox .moreNews:hover,
#infoBox .moreNews:active { background:#ccc; color:#fff; text-decoration:none; }
#infoBox .moreNews i { font-size:14px; vertical-align:middle; line-height:1; margin:0 0 0 0.5em }

.productBox { background: #cde9ff; border-radius: 5px; padding: 15px; box-sizing: border-box; margin: 0 0 15px 0;}
.productBox h3 { margin: 0 0 15px 0; }
.productBox .textBox { background: #fff; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 18px; padding: 15px; align-items:  center; margin: 0 0 15px 0;}
.productBox .textBox:last-of-type { margin: 0; }
.productBox .textBox h4 { flex-grow:0; flex-shrink:1; flex-basis:13em; text-align: left; text-indent: 3.5em; font-weight: bold;}
.productBox .textBox ul { flex-grow:0; flex-shrink:1; flex-basis:calc(100% - 13em); }
.productBox .textBox ul li { margin: 0 0 10px 0;}
.productBox .textBox ul li img { width: 100%; height: auto;}
.productBox .textBox ul li p.caption { display: block; position: relative; padding: 0.5em 0 0 1em; font-size: 10px; line-height: 1.5em; }
.productBox .textBox ul li p.caption::before { content: '※'; display: block; position: absolute; left: 0; top:0.5em;}
#product02 .textBox h4 { display: block; flex-basis:100%; flex-grow:0; flex-shrink:1; }
#product02 .textBox h4 a { display: block; color: #000; text-decoration: none; text-align: left;}
#product02 .textBox { margin: 0; }

.colWrap .colL{ display: flex; flex-direction: column; justify-content: flex-start; }
.colWrap .ft_logo{ margin-top: auto;}
.colWrap .ft_logo img{ width: min(100%, 300px);}
@media screen and (max-width:767px){
  .colWrap .ft_logo{ text-align: center; margin-top: 20px;}
}
#box1 .ft_logo{ margin-top: 20px; text-align: left;}
#box1 .ft_logo img{ width: min(100%, 300px);}
@media screen and (max-width:767px){
  #box1 .ft_logo{ text-align: center;}
}

.productBox .textBox .line {
  display: block;
  margin-block: 17px;
  width: 100%;
  height: 1px;
  background-color: #CCCCCC;
}
.productBox .textBox .text {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
}
@media screen and (max-width: 767px) {
  .productBox .textBox.textBox--2 ul {
    flex-direction: column;
    align-items: center;
  }

  .productBox .textBox.textBox--2 ul li{
    width: 50%;
    margin: 0 auto;
  }

  .productBox .textBox .text {
    font-size: 12px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .productBox .textBox.textBox--2 ul li {
    width: 100%;
  }
}
/* トップページEND///////////////////////////////////////////////////////////////////////////////// */
/* プライバシーポリシーSTART/////////////////////////////////////////////////////////////////////// */

.privacybox {
  margin-left:0px;
  border:solid 1px #FF0000;
  padding:10px;
  width:480px;
  }
.privacybox h3 {
  color:#ff0000;
  }
.privacy h3 {
  margin:0px 0px 0px 0px;
  font-size:14px;
  }
.privacy p {
   margin:10px 0px 10px 0px;
   }
.privacy ul {
  margin:0px 0px 0px 20px;
  }
.privacy li {
   margin:5px 0px 10px 0px;
  line-height:160%;
  }
.privacy2 li {
  margin:10px 0px 10px 20px;
  list-style-type: decimal;
  list-style-position:outside;
  }
.privacy2 ol {
   margin:20px 0px 30px 0px;
  }


/* プライバシーポリシーEND///////////////////////////////////////////////////////////////////////// */
/* サイトマップSTART/////////////////////////////////////////////////////////////////////////////// */

.sitebox1 {
  width:233px;
  height:280px;
  background-image:url(../topics/images/sitemap_bg01.gif) no-repeat;
  margin-left:20px;
  margin-top:20px;
  float:left;
  }
.sitebox1 ul{
  text-align:left;
  font-size:12px;
  list-style-image:url(../topics/images/sitemap_mark1.gif);
  line-height:12px;
  }
.sitebox1 li {
  padding-bottom:12px;
  }
/* サイトマップEND///////////////////////////////////////////////////////////////////////////////// */
.price_position {
  margin-right:110px;
  }
.subnavi {
  background-color: #EBE9E9;
  height: 25px;
  width: 880px;
  clip: rect(10px,auto,auto,auto);
  padding-top: 10px;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
}
.subnavi img {
  margin-right: 12px;
  margin-left: 12px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}
/* add '18.11.05 */
.subnavi ul{ padding: 0 10px; margin: 0;}
.subnavi ul li{ display: inline-block; font-size: 14px; font-weight: bold; margin-right: 10px;}
.subnavi ul li a{ color: #333;}
.subnavi ul li.active a{ pointer-events: none;}
.subnavi ul li.active a,
.subnavi ul li a:hover{ color: #ED6941;}

.box2 {
  font-size: 15px;
  color: #F63;
  line-height: 190% !important;
  padding:12px 12px 12px 100px;
  width: 100%;
  box-sizing:border-box;
  max-width:710px;
  background-color: #e5f4fe;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin:0 auto;
  font-weight: bold;
}
.subtit {
  font-size: 14px;
  font-weight: bold;
  color: #006633;
  padding-bottom: 10px;
  text-align: left;
}
.contents_title {
  margin-bottom: 20px;
}
.s_box {
  width: 114px;
  font-size: 11px;
  margin-right: 5px;
  margin-bottom: 6px;
}
.s_box  p {
  padding-top: 3px;
  line-height: 150%;
  text-align: left;
  margin: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.box_yellow {
  background-color: #feeab4 !important;
  padding-top: 20px;
  padding-right: 29px;
  padding-bottom: 20px;
  padding-left: 29px;
}
.supportBox { background:#feeab4; margin:0 auto 40px auto; }
#support { box-sizing:border-box; padding:30px; display:flex; flex-wrap:wrap; justify-content:space-between; }
#support figure { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 60px ) / 5); margin:0 0 20px 0; }
#support figure figcaption { display:block; position:relative; padding:0.5em 0 0 1em; font-size:12px; line-height:1.5em;}
#support figure figcaption b { position:absolute; left:0; top:0.5em; }
#support::after { display:block; content:''; flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 80px ) / 5); height:100%; }
#support figure img { width:100%; height:auto; }
#supply { padding:30px; }
#supply ul { }
#supply ul li { display:block; position:relative; padding:0 0 0 1em; font-size:12px; margin:0.5em 0; }
#supply ul li::before { content:'●'; display:block; left:0; top:0; position:absolute; }
#supply ul li b { }
#supply ul li sub { vertical-align:baseline; font-size:80%; }
#compensation { display:flex; flex-wrap:wrap; justify-content:space-between; padding:30px; box-sizing:border-box; }
#compensation figure { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 60px ) / 5); margin:0 0 0 0; }
#compensation .textBox { flex-grow:0; flex-shrink:1; flex-basis:calc( 60% - 6px); }
#compensation .textBox ul { }
#compensation .textBox ul li { display:block; position:relative; padding:0 0 0 2em; font-size:12px; margin:0 0 10px 0; }
#compensation .textBox ul li:last-of-type { margin:0; }
#compensation .textBox ul li b { position:absolute; left:0; top:0; }
.box4 { max-width:100%; }
.listTable { border:#ccc solid 1px; background:#f1f1f1; box-sizing:border-box; padding:15px; margin:0 0 15px 0; }
.listTable .category { border-bottom:#013c80 dotted 1px; margin:0 0 15px 0; }
.listTable .category h4 { font-size:16px; font-weight:bold; color:#013C80; }
.listTable .category h4 b { display:block; color:#013C80; font-size:12px; }
.listTable .textBox { border-bottom:#013c80 dotted 1px; margin:0 0 15px 0; }
.listTable .textBox b { display:block; color:#013C80; font-size:12px; font-weight:bold;}
.listTable .textBox p { margin:00 0 1em; font-size:12px; }
.listTable .textBox ul { }
.listTable .textBox ul li { display:block; position:relative; padding:0 0 0 2em; font-size:12px;}
.listTable .textBox ul li span { position:absolute; left:0; top:0; text-align:center; width:2em; }
.listTable .noticeBox { }
.listTable .noticeBox b { display:block;  color:#013C80; font-size:12px; font-weight:bold;}
.listTable .noticeBox p { margin:00 0 1em; font-size:12px; }
.listTable .noticeBox ul { }
.listTable .noticeBox ul li { display:block; position:relative; padding:0 0 0 2em; font-size:12px;}
.listTable .noticeBox ul li span { position:absolute; left:0; top:0; text-align:center; width:2em; }
.listTablePrice {}
.listTablePrice p { text-align:right; color:#ff9900; font-size:14px; font-weight:bold; }
.listTablePrice p sub { vertical-align:baseline; font-size:80%; }

.box_3_2 { max-width:100%; }
.box_3_2 td,
.box_3_2 th { border:#333 solid 1px; box-sizing:border-box; }
table.align_center th , table.align_center td {
  text-align:center;
}

table.align_center th.align_left, table.align_center td.align_left {
  text-align:left;
  padding-left:10px;
}

.box_3, .box_3 th, .box_3 td, .box_3_3, .box_3_3 th, .box_3_3 td {
  border:#333333 solid 1px;
  border-collapse: collapse
}

.box_3, .box_3_2, .box_3_3 {
  font-size: 12px;
  line-height: 18px;
}

.box_3 th, .box_3 td, .box_3_2 th, .box_3_2 td, .box_3_3 th, .box_3_3 td {
  padding: 5px 6px;
}

.box_3 th, .box_3_2 th, .box_3_3 th {
  color: #333;
  background-color: #bbd1ed;
}

.box_3 td, .box_3_2 td, .box_3_3 td {
  background-color: #dff2fc;
}

.box_3 tr td p {
  font-size:11px;
  font-weight:normal;
  margin:2px 10px;
  line-height:12px;
  }

.box_3_3 th, .box_3_3 tr.bluebg td{
  background-color:#bbd1ed;
  }

#bbox {
  padding: 5px;
}
#bbox th {
  width: 20%;
  font-weight: normal;
  background-color: #dff2fc;
  color: #333333;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #666;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
#bbox td {
  width: 20%;
  font-weight: normal;
  color: #333333;

}
.orange {
  color: #FF6600;
  }

.box4, .box4 td, .box4 th { border:#666666 solid 1px; border-collapse: collapse }
.box4 td, .box4 th { padding:5px 6px; line-height:18px; }
.box4 { font-size: 12px; line-height: 18px; background-color: #CCCCCC; position:relative; }
.box4 th { color: #FFFFFF; background-color: #013C80; text-align: center; }
.box4 td td { border:none; padding :0;   }

.box5 {
  border-top:#666666 solid 1px;
  border-left:#666666 solid 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.box5 td {
  padding: 6px;
  border-bottom:#666666 solid 1px;
  border-right:#666666 solid 1px;
  line-height:15px;
}

.left_sp2 {
  padding-left: 10px;
}

.colortit {
  font-size: 13px;
  font-weight: bold;
  color: #CC0000;
  padding-bottom: 5px;
}

/* -- add 16.05.18 -- */

.subnavi {
    padding-bottom: 10px;
    height: auto;
}

.subnavi img {
    padding-bottom: 5px;
}

.contents p.mypage{
  margin-bottom: 20px;
}

.contents ul.mypage {
    margin: 0 auto;
    width: 510px;
   max-width:100%;
}

.contents ul.mypage,
.contents ul.mypage li{
  list-style-type: none;
}

.contents ul.mypage li{
  margin: 0 10px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

/* -- add 17.01.16 -- */
.private07 .inner{ text-align: center;}
.private07 .inner a{ display: block; margin: 40px auto;}

.private04 table{ margin-bottom: 20px; border-collapse: collapse; width:100%;}
.private04 h2{ border: none; padding: 0; font-size: 16px;}
.private04 p{ margin: 0;}
.private04 .bld{ font-weight: bold;}
.private04 table tr th,
.private04 table tr td{ padding: 10px; vertical-align: top;}
.private04 table tr th{ font-weight: bold; font-size: 14px; text-align: center; vertical-align: middle;}
.private04 table tr td{ font-size: 13px;}
.private04 table tr td img{ margin: 10px 0; display: block;}
.private04 table tr td .innerTb img{ margin: 5px auto;}
.private04 table tr td ul li{ list-style: disc outside!important; margin-left: 20px;}
.private04 table tr td ol{ padding: 0; margin: 3px 0; font-size: 14px; font-weight: bold}
.private04 .innerFrame{ display: block; width: 139px; height: 97px; background: url( ../private/images/bg_frame.png) no-repeat; background-position: 0 0; padding:0 10px;  margin-top: 5px;}
.private04 .tb3clm{}
.private04 .tb3clm .th1st{ background-color: #efefef; width: 16%;}
.private04 .tb3clm .th2nd{ background-color: #efefef; width: 20%;}
.private04 .tb3clm .th3rd{ background-color: #daf3ff; }
.private04 .tb2clm{}
.private04 .tb2clm .th1st{ background-color: #efefef; width: 18%;}
.private04 .tb2clm .th2nd { background: #ccc;}
.private04 .private04 .tb2clm .th2nd{ background-color: #dcdddd; font-weight: bold;}
.private04 .tb2clm .td2nd{ font-weight: bold; font-size: 13px;}
.private04 .dt1clm li{ width: 100%;}
.private04 .dt2clm li,.dt3clm li{ float: left;}
.private04 .dt2clm li{ width: 47%;}
.private04 .dt3clm li{ width: 29%;}
.private04 .td1st,
.private04 .td2nd{ font-size: 14px; font-weight: bold;}
.private04 .td1st span, .td2nd span{ font-size: 12px; font-weight: normal;line-height: 1.5em;}
/* add '18.04.05 */
.private04 .txt-wrap{ margin-bottom: 20px;}


.pnt > p { position: relative; padding-left: 25px;}
.pnt > p.txt_bu { padding-left: 15px; color: #00a0e9; font-weight: bold;}
.pnt > p span.pnt { position: absolute; left: 0; top: 0; font-weight: inherit;}

.adrs{ color: #00a0e9; border: 1px solid #00a0e9; padding: 3px 10px; margin-top: 10px; display: inline-block;}

.innerTb{ margin-top: 5px;}
.innerTb tr th,
.innerTb tr td{ padding: 5px 10px;}
.innerTb tr td{ vertical-align: middle;}
.innerTb tr .th1st{ background-color: #daf3ff; width: auto;}
.innerTb tr .th2nd{background-color: #dcdddd; width: auto;}


/* add 17-01-17 */
.private05 .colortit { color: #21ADE5; font-size: 18px; padding-bottom: 10px; border-bottom: 2px solid #21ADE5; margin-bottom: 10px;}
.private05 .box{ margin-bottom: 20px;}
.private05 table{ border-collapse: collapse; width:100%; margin: 10px 0; border: 1px solid #ddd;}
.private05 table th,
.private05 table td{ padding: 20px;}
.private05 table th { background: #ddd; width:170px; text-align: center;}
.private05 p{ margin: 0;}
.private05 table  ul li{ font-weight: bold;}

/* add 17-01-18 */
/*お支払いの対象となる事故*/
.private02{ }
.private02 table{ width: 100%; margin-bottom: 20px;}
.private02 table td{ width: 19.5%; padding: 0 10px 0 0; box-sizing: border-box;}
.private02 table td.last{ width:22%;}
.private02 .private02Img td{ text-align: center;}
.private02 .private02Img td img{ width:100%; max-width: 100%;}
.private02 .tit{ background-color: #CEEAFE; padding: 10px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.private02 .subtit{ /*background: url(../private/images/icon_private02.png) no-repeat; background-position: 0 5px; padding-left: 20px;*/ color: #000; font-size: 16px; margin-bottom: 5px;}
.private02 .subtit span{ font-size: 14px; /*font-weight: normal;*/}
.private02 .box{ border: 2px solid #CEEAFE; padding: 20px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 30px;}
.private02 .box .inner{ margin-bottom: 20px;}
.private02 .box .inner img{ margin-right: 20px;}
.private02 .box .innerSub{ background-color: #CEEAFE; padding: 15px 10px;}
.private02 .box .inner.fl { }
.private02 .box .innerSub.fr { width: 45%; padding: 30px 20px; box-sizing:border-box;}
.private02 .box .innerSub ul li{ display: inline-block; width: 30%;}
.private02 .box .innerSub.fr ul li{ width: 100%;}
.private02 .box .innerSub ul li.subtit{ padding-bottom: 0;}
.private02 .box.last{ padding: 20px 40px;}
.private02 .box.last .inner.fl{ width: auto; }
.private02 .box .caseBox { margin:0 auto 20px auto; }
.privateBox#support { background:#fff; padding:0; }
.private02 .innerCase { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 30px 0; }
.private02 .innerCase figure { flex-grow:0; flex-shrink:1; flex-basis:calc( (100% - 20px) / 2 ); }
.private02 .innerCase figure img { /*width:100%;*/ height:auto; }
#case01, #case02, #case04,#case06 { max-width:630px; }
#case05 { max-width:662px;}
#case03 { background:#CEEAFE; border-radius:5px; box-sizing:border-box; padding:15px; ; }
#case03 ul { }
#case03 ul li { display:inline-block; margin:0 20px 0 0;}
#case05 figure { flex-basis:100%; }
#case07 .inner{ float:left; width: 48%;}
#case07 figure { flex-basis:100%;}
#case07 figure img,
.innerCase img{ max-width: 100%; width: auto;}
#case07 .innerSub{ background: #CEEAFE; padding: 20px 30px; width: 50%; box-sizing: border-box;}


tr.pnt td { position: relative; padding-left: 15px; vertical-align: top;}
tr.pnt td span.pnt { position: absolute; left: 0; top: 0; font-weight: inherit;}

ul.pnt li{ position: relative; padding-left: 15px;}
ul.pnt li span.pnt{ position: absolute; left: 0;}


/* お支払いする保険金の種類と保険金額・保険料 */
.private03{}
.private03 table{ border-collapse: collapse; width:100%; margin-top: 30px;}
.private03 table td.vertical{ text-align: center!important;}
.private03 table th{ background-color: #ccc; text-align: center;}
.private03 table th,
.private03 table td{ padding: 10px;}
.private03 table .td2nd{ width: 30%;}
.private03 table .td3rd{ text-align: center;}
.private03 .innerFrame{background: url(../private/images/frame02.jpg) no-repeat; background-position: center 23px;}
.private03 .introBox{ margin-bottom: 20px;}
.private03 .introBox table{ border-collapse: collapse; margin: 10px 0;}
.private03 .introBox table th,
.private03 .introBox table td{ border: 1px solid #000; font-weight: bold; padding: 5px 10px; 
text-align: center;}
.private03 .introBox table th{ background-color: #C7E7F1; text-align: center;}
.private03 .introBox .txt{ font-size: 14px; font-weight: bold;}
.private03 .introBox .txt2{ font-size: 12px;}
.private03 .introBox .cap{ font-size: 10px; margin-top: 10px;}




/* add 17-01-26 */
.topBox .caption{ font-size: 12px; margin: 0; text-align: left; padding-left: 10px;}
.indent{ padding-left: 1em;}
h3 { margin: 8px 0 3px;}
.pnt.fix > p { padding-left: 15px; font-weight: bold;}


/* add 18-12-05 */
.kaiyakulink{ max-width: 500px; margin: 40px auto;}
.kaiyakulink img{ max-width: 100%;}
.kaiyakulink a{ display: block;}
.kaiyakulink a span{ font-size: 20px;}
.kaiyakulink a:hover{ opacity: 0.8;}
.top_sidebar_banner.kaiyakulink{ margin: 0 auto 10px;}
.top_sidebar_banner.kaiyakulink a{ padding: 0; background-color: transparent;}
.top_sidebar_banner a:hover{ opacity: 0.8;}


#top_sidebar { }
#top_sidebar ul { }
#top_sidebar ul li { margin:0 0 10px 0; }

#top_sidebar .btnBox{ text-align: center; border: 1px solid #20AEE5; padding-bottom: 10px;}
#top_sidebar .btnBox .btn_tit{ background: #20AEE5; color: #fff; font-weight: bold; padding: 10px 5px; font-size: 15px;}
#top_sidebar .btnBox .btn_txt{ padding: 10px; font-size: 12px;}
#top_sidebar .btnBox a { display: block; margin: 0 10px; padding: 10px; border-radius: 5px; font-size: 20px;}
#top_sidebar .bnrMypage .btnBox a:not(.btnNet) { background: #003d9c; color: #fff; }
#top_sidebar .bnrMypage .btnBox a:not(.btnNet) i{ font-size: 16px; margin-left: 5px;}
#top_sidebar a.btnNet{ background: #20AEE5; color: #fff; font-size: 13px; font-weight: bold; border-radius: 0; padding: 5px; display: block; text-align: center; margin-top: 10px;}
#top_sidebar .bnrMypage.gr .btnBox{ text-align: center; border: 1px solid #C5E0B4; padding-bottom: 10px;}
#top_sidebar .bnrMypage.gr .btnBox .btn_tit{ background: #C5E0B4; color: #538235; padding: 10px 5px; font-size: 15px;}
#top_sidebar .bnrMypage.gr .btnBox a:not(.btnNet) { background: #538235;}
#top_sidebar .bnrMypage.gr a.btnNet{ background: #C5E0B4; color: #538235;}


#top_sidebar .btnBox .btn_txt{ text-align: left;}
#top_sidebar .bnrSupport .btnBox a{ background: #eee; border: 1px solid #777;}
#top_sidebar .bnrSupport .btnBox a:hover{ color: #ED6941;}
#top_sidebar .bnrSupport .btnBox a i{ color: #20AEE5; margin-right: 5px;}
#top_sidebar .bnrSupport .btnBox a .txt{ color: #003d9c; font-size: 16px; display: block;}
#top_sidebar .movieWrap{ margin: 10px auto 0;}
.ytWrap{ padding: 0 10px;}
.movieWrap { position: relative; width: 100%; padding-top: 56.25%;}
.movieWrap iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

.supportCenterBox {}
.supportCenterBox .tit-cir{ font-size: 16px;}
.supportCenterBox .tit-cir:before{ content: '●'; display: inline-block; font-size: 1.5em; margin-right: 2px;}
.supportCenterBox .telBox { width:100%; max-width:400px; margin:0 auto 20px auto;}
.supportCenterBox .telBox .innerBox{ background: #F1F1F1; border: 1px solid #B5B5B5; padding: 7px; text-align: center;}
.supportCenterBox .telBox .innerBox p{ margin: 0;}
.supportCenterBox .telBox .innerBox .txt{ color: #003d9c; font-size: 12px;}
.supportCenterBox .telBox .innerBox .txt b{ display: inline-block; font-size: 14px;}
.supportCenterBox .telBox .innerBox .txtTel{ color: #FF6633; font-size: 20px;}

.supportCenterBox h4 { background:#3366cc; color:#fff; font-weight:bold; font-size:14px; text-align:center; line-height:1; padding:0.5em 0; margin:0 0 40px auto; }
/*.supportCenterBox p:nth-of-type(2n) { margin:0 auto 60px auto; }*/
.supportCenterBox p { font-size:14px; padding:0; margin:0 auto 20px auto; }
.supportCenterBox p.indent { padding:0 0 0 25px;}
.supportCenterBox p b { display:block;}

.txt{ font-size:14px;}
.txt b{ font-size: inherit;}
.bdBox{ border: 1px solid #000; padding: 15px;}
.bdBoxInner{ border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 7px 0; display: inline-block;}
.bdBoxInner a{ color: inherit; text-decoration: underline;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}

#business-05 .txtR{ position: absolute; right: 15px; width: 337px; top: 15px; }

/* add 19.06.19 */
.supportCenterBox .loginBox{ max-width: 500px; margin: 0 auto 20px;}
.supportCenterBox .loginBox { border: 2px solid #0093e8; border-radius: 10px;}
.supportCenterBox .loginBox .txtWrap{ padding: 10px 150px 10px 10px; position: relative;}
.supportCenterBox .loginBox .titleBox h3,
.supportCenterBox .loginBox .textBox p{ color: #0093e8; font-weight: normal; display: block; text-align: left; margin-bottom: 0}
.supportCenterBox .loginBox .titleBox h3 { margin: 0; font-size: 16px; padding: 0;}
.supportCenterBox .loginBox .textBox p{ border-top: 1px solid #0093e8; padding-top: 2px; margin-top: 2px; padding-left: 0;}
.supportCenterBox .loginBox .btnBox{ position: absolute; top: 50%; right: 10px; margin-top: -25px; text-align: right; min-width: 110px;}
.supportCenterBox .loginBox .btnBox a { padding: 0.5em 0.2em; font-size: 4.5vw; padding: 7px 12px; font-size: 14px; box-sizing: border-box; display: inline-block; margin: 0; background: #003d9c; color: #fff; display: inline-block; text-decoration: none; padding: 1em 2em; text-align: center; border-radius: 5px;}
.supportCenterBox .loginBox .btnBox a span,
.supportCenterBox .loginBox .btnBox a i{ display: inline-block;}
.supportCenterBox .loginBox .btnBox a:hover{ opacity: 0.8;}

.supportCenterBox p.numWrap{ position: relative; padding-left: 25px;}
.supportCenterBox p.numWrap .num{ position: absolute; top: 0; left: 0;}

.contentTitle { color:#999; font-size:18px; font-weight:bold; margin:0 0 1em 0; padding:0 0 0 1em; box-sizing:border-box; line-height:1.2em; position:relative;}
.contentTitle::before { position:absolute; left:0; top:0; width:5px; background:#999; height:100%; content:''; display:block; }
hr.hrLine{margin: 40px 0; border: none; border-bottom: 1px solid #ccc;}
.contents h2.pageTitle{ background: #004099; border-left: none; text-align: center; color: #fff; font-weight: bold; padding: 5px; display: block; margin: 10px 0 30px;}
/*.txtVertical { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }*/

.netentryWrap .colWrap{ display: flex; justify-content: space-between;}
.netentryWrap{ }
.netentryWrap .movieWrap{ flex-basis: 57%;}
.netentryWrap .btnCol{ flex-basis: 40%;}
.netentryWrap .btnCol ul.mypage { width: 100%;}
.netentryWrap .btnCol ul.mypage li{ margin: 0; width: 100%;}
.netentryWrap .btnCol ul.mypage li img{ max-width: 100%;}

.ytInner { position: relative; width: 100%; padding-top: 56.05%;	overflow: hidden;	margin-top: 10px;	/*border: 1px solid #ddd;	box-sizing: border-box;*/}
.ytInner .ytThumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: url("../images/thumb_movie.png") no-repeat; background-size: cover;}
.ytInner .ytThumb:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background: url("../images/thumb_movie.png") center center no-repeat; background-size: 100%; transition: 0.5s;}
.ytInner .ytThumb:hover:after {/* transform: scale(1.05);*/ background: url("../images/thumb_movie_on.png") center center no-repeat; background-size: 100%;}
.ytInner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

ul.circleList{}
ul.circleList li{ position: relative; padding-left: 1em;}
ul.circleList li:before{ content: '●'; position: absolute; top: 0; left: 0;}


.glayBtn{ max-width: 500px; background: #EDEDEC; display: block; color: #143793!important; font-size: 18px; margin: 0 auto; padding: 20px; border-radius: 5px; border: 1px solid #B3B3B3; font-weight: bold;}
.glayBtn:hover{ opacity: 0.7;}
.buBox{ color: #00AEDF; border: 1px solid #00AEDF; display: inline-block; line-height: 1.2em; padding: 5px 15px 5px 10px; font-weight: bold; box-sizing: border-box;}

#top_sidebar .btn_agency a {
  background: #003d9c;
  color: #fff;
  display: block;
  margin: 0;
  padding: 10px;
  border-radius: 5px;
  font-size: 18px;
  text-align: center;
}
#top_sidebar .btn_agency a i {
  font-size: 14px;
  margin-left: 5px;
}
#top_sidebar .btn_harassment a {
  background: #538235;
  color: #fff;
  display: block;
  margin: 0;
  padding: 10px;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
}

ol.numList{
 margin-left: 1.5em;
}
ol.numList li{
  list-style: decimal;
}
ol.numList li:nth-of-type(n+2){
  margin-top: 1em;
}


@media screen and (max-width:980px){
.box5 tr td > div {  }
.box5 tr td > div > div { position:static !important; text-align:right; width:100% !important; margin:10px 0 0 0; }
#business-05 .txtR{ position:static; display: block; width: 100%; text-align: right;}
}

@media screen and (min-width:768px){
	.flexpc{ display: flex; justify-content: space-between;}
	.netentryWrap .movieWrap{ flex-basis: 57%; padding-top: 32.05%;}
}

@media screen and (max-width:767px){
  .spOnly { display:block;}
	.pcOnly { display:none!important; }
	.flexsp{ display: flex; justify-content: space-between;}
  /* トップページ */
  .topcontents { margin:0 auto 0 auto; padding:0; width:100%; }
  #mainVisual { margin:0 auto 0 auto; position: relative; z-index: 100;}
  #mainVisual img{ width: 100%;}
  #mainVisual .loginBox,
  #mainVisual .loginBox .btnBox{ position: absolute; right: 0; display: inline-block;}
  #mainVisual .loginBox { bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.7); z-index: 110; border: none;}
  #mainVisual .loginBox .txtWrap{ padding: 20px 10px; position: relative;}
  #mainVisual .loginBox .titleBox{ top: 10px; left: 10px; background: none;}
  #mainVisual .loginBox .textBox{ bottom: 10px; left: 10px;}
  #mainVisual .loginBox .titleBox h3,
  #mainVisual .loginBox .textBox p{ color: #0093e8; font-weight: normal; display: inline-block; text-align: left;}
  #mainVisual .loginBox .textBox p.pcOnly{ display: none;}
  #mainVisual .loginBox .titleBox h3 { margin: 0; font-size: 16px; padding: 0;}
  #mainVisual .loginBox .titleBox h3 br{ display: none;}
  #mainVisual .loginBox .textBox p{ border-top: 1px solid #0093e8; position: relative; padding-top: 2px; margin-top: 2px;}
  #mainVisual .loginBox .textBox p:before{ content: '＼'; font-size: 11px; line-height: 1em; position: absolute; top: -1em; right: 0;}
  #mainVisual .loginBox .btnBox{ top: 50%; right: 10px; transform: translateY(-50%); text-align: right; left: 300px;}
  #mainVisual .loginBox .btnBox a { /*padding: 0.5em 0.2em; font-size: 4.5vw;*/ padding: 7px 12px; font-size: 14px; box-sizing: border-box; display: inline-block; margin: 0;}
  #mainVisual .loginBox .btnBox a span,
    #mainVisual .loginBox .btnBox a i{ display: inline-block;}

  #box1 { display:flex; flex-wrap:wrap; justify-content:space-between; float:none; width:100%; margin:0 auto 0 auto; box-sizing:border-box; padding:10px; }
  #box1 .inner3 { flex-grow:0; flex-shrink:1; flex-basis:100%; order:1; margin:0 auto 0 auto; }
  .productBox .textBox { font-size: 3vw; }
  .productBox .textBox h4 { flex-basis:100%; text-indent: 0; text-align: center; margin: 0 0 15px 0; font-size: 14px;}
  .productBox .textBox ul { display: flex; flex-wrap:wrap ; justify-content:center; flex-basis:100%; }
  .productBox .textBox ul li { flex-grow: 0; flex-shrink:1; flex-basis:calc( ( 100% - 10px ) / 2 ); align-self: flex-start; margin:0 calc( 5px / 2);}
  #product02 .textBox h4 { margin: 0; }
  #product02 .textBox h4 a { text-align: center;}

  #infoBox ul { padding: 10px;}
  #infoBox ul li { padding: 0; position: relative; margin: 0 0 1em 0; padding-left: 1.2em;}
  #infoBox ul li time { position: static; width: auto;}

  #top_sidebar { width:100%; float:none; box-sizing:border-box; padding:0 20px; }
  #top_sidebar img { display:block; width:100%; height:auto ;}
  #top_sidebar ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
  #top_sidebar ul li { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 20px ) / 3 ) ; margin:0 0 10px 0; }
  #top_sidebar ul li.bnrMypage,
  #top_sidebar ul li.bnrSupport { flex-basis:calc( ( 100% - 10px ) / 2 ); }
/*

  #top_sidebar .btnBox{ text-align: center; border: 1px solid #20AEE5; padding-bottom: 10px;}
  #top_sidebar .btnBox .btn_tit{ background: #20AEE5; color: #fff; padding: 10px; font-size: 16px;}
  #top_sidebar .btnBox .btn_txt{ padding: 10px; font-size: 12px;}
  #top_sidebar .btnBox a { display: block; margin: 0 10px; padding: 10px; border-radius: 5px; font-size: 20px;}
  #top_sidebar .bnrMypage .btnBox a { background: #003d9c; color: #fff; }
  #top_sidebar .bnrMypage .btnBox a i{ font-size: 16px; margin-left: 5px;}
  #top_sidebar .bnrSupport .btnBox .btn_txt{ text-align: left;}
  #top_sidebar .bnrSupport .btnBox a{ background: #eee; border: 1px solid #777;}
  #top_sidebar .bnrSupport .btnBox a:hover{ color: #ED6941;}
  #top_sidebar .bnrSupport .btnBox a i{ color: #20AEE5; margin-right: 5px;}
  #top_sidebar .bnrSupport .btnBox a .txt{ color: #003d9c; font-size: 16px; display: block;}
*/

  #infoBox { margin: 0 auto;}
  .inner3.spOnly{ padding: 20px 10px 0;}
  .productBox { padding: 10px;}
  .productBox h3 { margin: 0 0 10px 0;}
  .productBox .textBox { padding: 10px;}
  .productBox .textBox h4 { margin: 0 0 10px 0;}


  /* CONTENT COMMON */
  .con-foot { display:none; }
  .footerNavi { display:none; }

  .titleVisual { font-size:4vw; display:block; box-sizing:border-box; background:#0093e8; color:#fff; padding:10px 15px; line-height:1; font-weight:bold;}

  /* BUSINEES */
  .box2 { padding:12px; }
  #support  { padding:15px; }
  #support figure { flex-basis:calc( ( 100% - 30px ) / 3 ); }
  #supply { padding:15px; }
  #compensation { padding:15px; }
  #compensation figure { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 20px ) / 2); margin:0 0 20px 0; }
  #compensation .textBox { flex-grow:0; flex-shrink:1; flex-basis:100%; }
  #compensation .textBox ul { }
  .box4 { display:none; }

  .box5 { display:block; width:100%; float:none; padding:0; }
  .box5 tr { display:block; width:100%; box-sizing:border-box; padding:0; float:none; border:none; }
  .box5 td { display:block; width:100%; box-sizing:border-box; padding:15px; float:none; }
  .box5 tr td > div {  }
  .box5 tr td > div > div { position:static !important; text-align:right; width:100% !important; margin:10px 0 0 0; }

  /* PRIVATE */
  #case07 { width:100%; float:none; }
  #case07 img { float:none; }
  #case03 ul li { }
  #case03 ul li br { display:none; }
  #case03 ul li span { font-size:80%; margin:0 0 0 5px); }
  .private02 .box .inner.fl { float:none; width:100%; box-sizing:border-box; }
  .private02 .box .inner img { display:block; width:calc(50% - 10px); float:left; margin:0; }
  .private02 .box .inner img:last-of-type { float:right; }
  .private02 .box .inner::after { display:block; content:''; clear:both; width:100%; height:0px; visibility:hidden; }
  .private02 .box .innerSub ul li { width:45%; }
/*  .private02 .box .innerSub.fr { float:none; width:100%; box-sizing:border-box; }*/
  .private03 .box { margin:0 auto 20px auto;}
  .private04 > table,
  .private04 > table > thead,
  .private04 > table > thead > tr,
  .private04 > table > thead > tr > th,
  .private04 > table > tbody,
  .private04 > table > tbody > tr,
  .private04 > table > tbody > tr > th,
  .private04 > table > tbody > tr > td { display:block; float:none; box-sizing:border-box; width:100% !important; border:none; }
  .private04 > table > tbody > tr { margin:0 0 20px 0; padding:0; border:#ccc solid 1px; }
  #privateCase01 > tbody > tr:nth-of-type(1) { display:none; }
  #privateCase02 > tbody > tr:nth-of-type(1) { display:none; }
  #privateCase03 > tbody > tr:nth-of-type(1) { display:none; }
  #privateCase04 > tbody > tr:nth-of-type(1) { display:none; }
  #privateCase05 > tbody > tr:nth-of-type(1) { display:none; }
  #privateCase06 > tbody > tr:nth-of-type(1) { display:none; }
  .private04 table .td1st br,
  .private04 table .td2nd br { display:none; }
  .private04 table tr th, .private04 table tr td { padding: 15px; box-sizing: border-box;}
  .private04 .dt1clm li,
  .private04 .dt2clm li,
  .private04 table tr td ul li{ width: 95%; float: none;}
  .private04 .innerFrame {  background:none; width:100%; padding:0; height:auto;}
  .private04 .innerFrame::before { content:'（'; display:inline; }
  .private04 .innerFrame::after { content:'）'; display:inline; }
  .pnt > p span.pnt { position: absolute; top:0; left:0; }
  tbody > tr > .pay::before{ display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いする主な場合'; border-bottom:#ccc dotted 1px; margin-bottom: 5px;}
  tbody > tr > .unpay::before{ display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いできない主な場合'; border-bottom:#ccc dotted 1px; }
  #privateCase01 .td1st::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金の種類'; border-bottom:#ccc dotted 1px; }
  #privateCase01 .td2nd::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金額（1回の事故につき）'; border-bottom:#ccc dotted 1px; }
  #privateCase01 > tbody > tr >  .pnt::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いする主な場合'; border-bottom:#ccc dotted 1px; margin-bottom: 5px;}
  #privateCase02 .td1st::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金の種類'; border-bottom:#ccc dotted 1px; }
  #privateCase02 .td2nd::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いできない主な場合'; border-bottom:#ccc dotted 1px; }
  #privateCase03 .td1st::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金の種類'; border-bottom:#ccc dotted 1px; }
  #privateCase03 .td2nd::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金額（1回の事故につき）'; border-bottom:#ccc dotted 1px; }
  #privateCase03 > tbody > tr >  .pnt::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いする主な場合'; border-bottom:#ccc dotted 1px; margin-bottom: 5px;}
  #privateCase04 .td1st::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金の種類'; border-bottom:#ccc dotted 1px; }
  #privateCase04 .td2nd::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いできない主な場合'; border-bottom:#ccc dotted 1px; }
  #privateCase05 .td1st::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金の種類'; border-bottom:#ccc dotted 1px; }
  #privateCase05 .td2nd::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金額（1回の事故につき）'; border-bottom:#ccc dotted 1px; }
  #privateCase05 > tbody > tr >  .pnt::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いする主な場合'; border-bottom:#ccc dotted 1px; margin-bottom: 5px;}
  #privateCase06 .td1st::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'保険金の種類'; border-bottom:#ccc dotted 1px; }
  #privateCase06 .td2nd::before { display:block; font-size:12px; color:#666; font-weight:bold; content:'お支払いできない主な場合'; border-bottom:#ccc dotted 1px; }
  #privateCase06 ul::after { clear:both; content:''; display:block; width:100%; visibility:hidden; }

  .private05 table { display:block; width:100%; }
  .private05 table tr { display:block; width:100%; float:none; }
  .private05 table th { display:block; width:100%; float:none; box-sizing:border-box; font-weight:bold; }
  .private05 table td { display:block; width:100%; float:none; box-sizing:border-box; }
  .contents ul.mypage {  }
  .contents ul.mypage li { width:100%; max-width:250px; margin:0 auto 20px auto; float:none; display:block; text-align:center; }

  #supportCall { width:100%; }

  .listTable .category,
  .listTable .textBox { margin:0 0 10px 0; padding-bottom: 10px;}


  .private04 .dt3clm li{ width: 100%;}
  .listTable .textBox sub { display: block;}
	
	#top_sidebar .bnrMypage .btnBox a.btnNet{ margin-top: 10px;}
	#top_sidebar .bnrMypage a.btnNet{ background: #20AEE5; color: #fff; font-size: 13px; font-weight: bold; border-radius: 0; padding: 5px; display: block; text-align: center;}
	#top_sidebar .movieWrap{ display: none;}
	.movieWrap.spOnly{ text-align: center; margin: 20px auto 0; width: 96%; padding-top: 54.0%;}
 
	.netentryWrap .colWrap{ display: block;}
	.netentryWrap .btnCol ul.mypage{ margin-bottom: 20px;}
	.netentryWrap .btnCol ul.mypage li{ margin: 20px auto 0;}
}

@media screen and (min-width:481px){ .w480v{ display: none;}}

@media screen and (max-width:480px){
  .w480unv{ display: none;}
  #top_sidebar ul li,
  #top_sidebar ul li.bnrMypage,
  #top_sidebar ul li.bnrSupport { flex-basis:100%; }
  #mainVisual .loginBox .textBox p { font-size: 66.66%; white-space: nowrap;}
  .productBox .textBox ul li { flex-basis:100%; margin: 0 0 5px 0;}
  #business-05 .txtR{ position:static; width: 100%; text-align: left;}
  .private02 .subtit{ margin-bottom: 0; padding-bottom: 0;}
  .private02 .innerCase figure{ display: block; width: 100%; text-align: center;}
  .private02 .box .inner img,
  .private02 .innerCase figure img{ display: inline-block; margin-left: auto; margin-right: auto;}
  #case07 .inner{ float:none; width: 100%;}
  #case07 .innerSub{ float: none; padding: 20px; width: 100%; margin-top: 20px;}
/* add 19.06.27 */
/*.supportCenterBox .loginBox{ max-width: 500px; margin: 0 auto 20px;}*/
.supportCenterBox .loginBox { border: 2px solid #0093e8; border-radius: 10px;}
.supportCenterBox .loginBox .txtWrap{ padding: 10px; position: static;}
.supportCenterBox .loginBox .btnBox{ position: static; margin-top: 5px; text-align: center;}
.supportCenterBox .loginBox .btnBox a{ padding: 10px;}
.supportCenterBox .loginBox .btnBox a i { margin-left: 5px;}
  .supportCenterBox .telBox .innerBox { padding: 5px;}
.supportCenterBox .telBox .innerBox p{ padding: 0;}
/*
.supportCenterBox .telBox .innerBox .txt b{ font-size: 14px;}
.supportCenterBox .telBox .innerBox .txt{ font-size: 12px;}
.supportCenterBox .telBox .innerBox .txtTel{ font-size: 22px;}
*/
.supportCenterBox .telBox .innerBox .txtTel { margin-top: 0;}
  #mainVisual .loginBox .textBox p { font-size: 10px; min-width: 170px;}
  #mainVisual .loginBox .btnBox{ left: 10em;}
	
	.movieWrap.spOnly{ max-width: 340px;}
}

@media screen and (max-width:320px){
  #mainVisual .loginBox .txtWrap { padding: 10px 7px;}
  #mainVisual .loginBox .btnBox { min-width: 90px; right: 7px;}
  #mainVisual .loginBox .btnBox a { padding: 7px; font-size: 12px;}
  #mainVisual .loginBox .textBox p { font-size: 10px;}
  .supportCenterBox .loginBox .textBox p { font-size: 12px;}
	.movieWrap.spOnly{ max-width: 300px;}
}

@media print{
  .btnBox.w480v{ display: none!important;}
}