@charset "UTF-8";
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

body { margin: 0; }

main { display: block; }

p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }

body { font-family: 'arial', 'YakuHanJP','Noto Sans', 'Noto Sans CJK JP', 'Noto Sans JP Subset' , sans-serif; -webkit-font-smoothing: antialiased; line-height: 1.5; overflow-wrap: break-word; text-align: justify; }

.renewal-header { display: block; width: 100%; height: 100px; max-width: 980px; margin: auto; }
@media screen and (max-width: 767px) { .renewal-header { width: 185px; height: 50px; margin: 0 auto; } }
.renewal-header__wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; background-color: #FFF; }
@media screen and (max-width: 767px) { .renewal-header__wrap { justify-content: space-between; } }
.renewal-header__logo { width: 133px; height: 32px; }
@media screen and (max-width: 767px) { .renewal-header__logo { width: 66px; height: 16px; margin-left: 17px; } }
@media screen and (max-width: 767px) { .renewal-header__logo a { display: block; } }
.renewal-header__right { text-align: right; line-height: 1.0; }
@media screen and (max-width: 767px) { .renewal-header__right { margin-right: 17px; } }
.renewal-header__right__logo { width: 150px; margin: 0 0 0 auto; }
@media screen and (max-width: 767px) { .renewal-header__right__logo { width: 75px; } }
@media screen and (max-width: 767px) { .renewal-header__right__logo a { display: block; } }

.renewal-inner { width: 980px; margin-right: auto; margin-left: auto; }
@media screen and (max-width: 767px) { .renewal-inner { width: 100%; } }

/* ---------------------------------------- footer---------------------------------------- */
#footer { background-color: #eee; border-top: 10px solid #b61018; width: 100%; padding: 0; font-size: 14px; }

#footer * { font-family: "ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, Arial, Helvetica, sans-serif; box-sizing: content-box; line-height: 1.75; }

#footer a { color: #005699; text-decoration: underline; }

#footer a:hover { opacity: 1; }

#footer .contents_inner { max-width: 1000px; margin: 0 auto; }

#footer .cover2 { background: #505050; }

#footer_bg { background: #DDDDDD; padding: 15px 0 5px; height: 40px; }

#footer_bg dl { max-width: 960px; margin: 0 auto; padding-left: 20px; background: url(/other/renewal/images/footer_txt.gif) no-repeat 0 0; height: 29px; overflow: hidden; text-indent: 100%; white-space: nowrap; }

span.blank { display: inline-block; background: url(/other/renewal/images/icon_blank.png) no-repeat left 0px; padding: 0px 0px 0px 18px; margin: 3px 0px -5px 3px; min-height: 16px; height: auto !important; }

span.pdf { background: transparent url(/other/renewal/images/icon_pdf_s.gif) no-repeat left center; display: inline-block; height: auto !important; margin: 0 0 0 3px; min-height: 16px; padding: 0 0 0 30px; }

#pagetop_btn a { display: block; float: right; background: url(/other/renewal/images/btn_pagetop.png) no-repeat left top; width: 130px; height: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; margin-top: -33px; position: relative; }

#pagetop_btn { margin: 0 !important; }

#footer_bana { clear: both; padding: 15px 0 0 10px; overflow: hidden; margin: 0 auto 20px; }

#footer_bana li { float: left; margin-right: 30px; }

#footer_bana li.btn04 { margin-right: 0; }

#footer_bana li a { display: block; height: 54px; width: 217px; text-indent: -9999px; background-image: url(/other/renewal/images/footer_bana.png); }

#footer_bana li.btn01 a { background-position: 0 0; }

#footer_bana li.btn01 a:hover { background-position: 217px 0; }

#footer_bana li.btn02 a { background-position: 0 164px; }

#footer_bana li.btn02 a:hover { background-position: 217px 164px; }

#footer_bana li.btn03 a { background-position: 0 109px; }

#footer_bana li.btn03 a:hover { background-position: 217px 109px; }

#footer_bana li.btn04 a { background-position: 0 54px; }

#footer_bana li.btn04 a:hover { background-position: 217px 54px; }

#footer_textlink { font-size: 100%; max-width: 1000px; margin: 0 auto; padding-top: 15px; }

#footer_textlink ul { padding: 0 0 10px 0; text-align: center; }

#footer_textlink ul:first-child { margin-top: 20px; }

#footer_textlink li { display: inline-block; padding: 0 5px 0 5px; overflow: hidden; line-height: 2; }

#footer_textlink li a { padding-left: 15px; background: url(/other/renewal/images/arrow_footer.png) no-repeat left center; }

#footer_textlink li img { vertical-align: middle; margin-left: 5px; margin-bottom: 5px; }

#footer_textlink hr { max-width: 980px; border-top: 1px #c5c2c2 solid; border-bottom: 1px #fff solid; height: 0; }

#footer_inner2 { padding: 20px 0 20px 0; text-align: center; font-size: 15.2px; border-top: 10px solid #eee; background: #eee; }

#footer_inner2 li { display: inline; padding-right: 20px; margin-right: 20px; border-right: 1px solid #222; }

#footer_inner2 li.last { display: inline; border-right: none; padding-right: 0; margin-right: 0; }

#footer_inner2 li a { background: url(/other/renewal/images/arrow_news.png) no-repeat left center; padding-left: 20px; }

#footer_inner3 { background: #505050; color: #fff; font-size: 86%; padding: 20px 0; max-width: 980px; margin: 0 auto; }

#footer_inner3 img { width: auto; }

#footer_inner3 img:last-child, #copyright { display: none; }

#page-top { display: none; width: 50px; height: 50px; background: rgba(80, 80, 80, 0.6); border-radius: 100px; position: fixed; bottom: 7%; right: 100px; z-index: 100; transition: all 0s; text-decoration: none; color: #fff; text-align: center; padding-top: 5px; font-size: 2rem; }

@media screen and (max-width: 767px) { #footer { border-top: 1px solid #cecece; margin-top: 0; padding-bottom: 62px; position: relative; }
  #footer_bg { background: none; height: auto; }
  #footer_bg dl { background: none; padding: 20px 10px; height: auto; overflow: visible; text-indent: 0; white-space: normal; }
  #footer_bg dd { margin: 0; }
  footer .inquiryBox { border-top: 1px solid #cecece; }
  footer .inquiry { padding: 20px 10px; text-align: center; }
  .inquiry_inner { background: #fff; margin-top: 10px; padding: 20px 10px 5px; line-height: 1 !important; }
  .inquiry_tel { color: #e60000; font-weight: bold; line-height: 1 !important; }
  .inquiry_telnum { font-size: 32px; font-weight: bold; line-height: 1 !important; }
  .inquiry_telnum a { color: #e60000 !important; text-decoration: none !important; }
  .inquiry_telnum a::before { content: ""; display: inline-block; background: url(/other/renewal/images/icon_inquiry_tel.png) no-repeat 0 0; background-size: 24px; width: 24px; height: 24px; margin-right: 5px; }
  .inquiry_time { margin-top: 15px; line-height: 0.8 !important; }
  .inquiry_time > span { font-weight: bold; display: block; }
  #footer_textlink { width: auto; }
  #footer_textlink li { display: block; overflow: visible; padding: 0; }
  #footer_inner2 li { display: block; margin: 0 !important; padding: 0 !important; border-right: none !important; }
  #footer_textlink ul, #footer .contents_inner { background-color: #fff; margin: 0 !important; padding: 0 !important; }
  #footer_inner2 { padding: 0; border-top: none; background: none; }
  #footer_textlink li a, #footer_inner2 li a { background: none; color: #595857; border-bottom: 1px solid #eeeeee; display: block; font-size: 12px; line-height: 1.7; padding: 11px 35px 11px 9px; position: relative; text-align: left; text-decoration: none; }
  #footer_textlink li a:after, #footer_inner2 li a:after { background-image: url(/other/renewal/images/bg_nav_fnavi_01.png); background-size: 6px 12px; content: ""; width: 6px; height: 12px; display: block; position: absolute; top: 50%; right: 15px; margin-top: -6px; }
  #footer_textlink li a[href$=".pdf"]:after, #footer_inner2 li a[href$=".pdf"]:after { background-image: url(/other/renewal/images/icon_footer_pdf.png); background-size: 28px 15px; width: 28px; height: 15px; right: 6px; margin-top: -8px; }
  span.pdf { background: none; min-height: 0; padding: 0; }
  #copyright { background-color: #fff; display: block; text-align: center; padding: 4px 0 5px; margin: 0; }
  #copyright img { width: 280px; vertical-align: baseline; }
  #footer_inner3 { border-bottom: 2px #E60000 solid; padding: 15px 5px 15px 15px; }
  #footer_inner3 img:last-child { display: block; width: 260px; }
  #pagetop_btn { background: #f0f0f0 url(/other/renewal/images/btn_scroll_top.png) no-repeat center center; position: absolute; left: 0; bottom: 0; width: 100%; height: 42px; }
  #pagetop_btn a { background: none; float: none; margin-top: 0; position: static; width: 100%; height: 42px; }
  #page-top { width: 40px; height: 40px; right: 25px; font-size: 1.6rem; }
  #footer_bana, #footer_textlink hr, #footer_textlink li span:not(.pdf), #footer_inner2 li span:not(.pdf), #footer_textlink li.spNone:not(.pdf), #footer_inner3 img:first-child { display: none; } }
/* スマホ対応 */
/* ランドスケープ時(横向き表示時)の表示調整 */
@media only screen and (max-width: 823px) and (max-height: 414px) and (orientation: landscape) { #footer { border-top: 1px solid #cecece; margin-top: 0; padding-bottom: 42px; position: relative; }
  #footer_bg { background: none; height: auto; }
  #footer_bg dl { background: none; padding: 20px 10px; height: auto; overflow: visible; text-indent: 0; white-space: normal; }
  #footer_bg dd { margin: 0; }
  footer .inquiryBox { border-top: 1px solid #cecece; }
  footer .inquiry { padding: 20px 10px; text-align: center; }
  .inquiry_inner { background: #fff; margin-top: 15px; padding: 20px 10px; }
  .inquiry_tel { color: #e60000; font-weight: bold; }
  .inquiry_telnum { font-size: 32px; font-weight: bold; margin-top: 10px; }
  .inquiry_telnum a { color: #e60000 !important; text-decoration: none !important; }
  .inquiry_telnum a::before { content: ""; display: inline-block; background: url(/other/renewal/images/icon_inquiry_tel.png) no-repeat 0 0; background-size: 24px; width: 24px; height: 24px; margin-right: 5px; }
  .inquiry_time { margin-top: 15px; line-height: 1.4 !important; }
  .inquiry_time > span { font-weight: bold; display: block; }
  #footer_textlink { width: auto; }
  #footer_textlink li { display: block; overflow: visible; padding: 0; }
  #footer_inner2 li { display: block; margin: 0 !important; padding: 0 !important; border-right: none !important; }
  #footer_textlink ul, #footer .contents_inner { background-color: #fff; margin: 0 !important; padding: 0 !important; }
  #footer_inner2 { padding: 0; border-top: none; background: none; }
  #footer_textlink li a, #footer_inner2 li a { background: none; color: #595857; border-bottom: 1px solid #eeeeee; display: block; font-size: 1.2rem; line-height: 1.7; padding: 11px 35px 11px 9px; position: relative; text-align: left; text-decoration: none; }
  #footer_textlink li a:after, #footer_inner2 li a:after { background-image: url(/other/renewal/images/images/bg_nav_fnavi_01.png); background-size: 6px 12px; content: ""; width: 6px; height: 12px; display: block; position: absolute; top: 50%; right: 15px; margin-top: -6px; }
  #footer_textlink li a[href$=".pdf"]:after, #footer_inner2 li a[href$=".pdf"]:after { background-image: url(/other/renewal/images/images/icon_footer_pdf.png); background-size: 28px 15px; width: 28px; height: 15px; right: 6px; margin-top: -8px; }
  span.pdf { background: none; min-height: 0; padding: 0; }
  #copyright { background-color: #fff; display: block; text-align: center; padding: 4px 0 5px; margin: 0; }
  #copyright img { width: 280px; vertical-align: baseline; }
  #footer_inner3 { border-bottom: 2px #E60000 solid; padding: 15px 5px 15px 15px; }
  #footer_inner3 img:last-child { display: block; width: 260px; }
  #pagetop_btn { background: #f0f0f0 url(bg_nav_fnavi_01btn_scroll_top.png) no-repeat center center; position: absolute; left: 0; bottom: 0; width: 100%; height: 42px; }
  #pagetop_btn a { background: none; float: none; margin-top: 0; position: static; width: 100%; height: 42px; }
  #page-top { width: 40px; height: 40px; bottom: 3%; right: 25px; font-size: 1.6rem; }
  #footer_bana, #footer_textlink hr, #footer_textlink li span:not(.pdf), #footer_inner2 li span:not(.pdf), #footer_textlink li.spNone:not(.pdf), #footer_inner3 img:first-child { display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 1023px) { #pagetop_btn a { left: -10vw; }
  #footer_bana { max-width: 60%; display: flex; flex-wrap: wrap; }
  #footer_bana li { margin-top: 20px; margin-right: 0; flex: 1 1 auto; } }

@media screen and (max-width: 767px) { .pc { display: none !important; } }

@media screen and (min-width: 768px) { .sp { display: none !important; } }

html, body { min-width: 1080px; }
@media screen and (max-width: 767px) { html, body { min-width: 100%; } }

.renewal-img { width: 100%; }

.renewal-main{
  max-width: 980px;
  margin: auto;
}

.term{
  margin-bottom: 40px;
}

.change{
  margin-bottom: 100px;
}

.change h2{
  font-weight: 600;
  font-size: 1.3rem;
}

.title{
  background-color:#E60000;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 15px;
  margin-bottom: 20px;
}

.txt-red{
  color: #E60000;
}

.txt-red2{
  color: #f33e3e;
  text-decoration: underline;
  font-size: 0.9rem;
}

.txt-center{
  text-align: center;
}

.txt-wg600{
  font-weight: 600;
}

.mgn-auto{
  margin: auto;
}

.pdg-20-0{
  padding: 20px 0;
}

.pb{
  padding-bottom: 10px;
}

.attention{
  border: 2px solid #E60000;
  padding: 10px;
  margin: 10px 0;
}

.disc{
  text-align: right;
  color: #f33e3e;
  text-decoration: underline;
  padding: 15px 0;
  font-size: 0.9rem;
}

@media screen and (max-width: 767px){
  .renewal-main{
    margin: 0 10px;
    font-size: 0.8rem;
  }
  .renewal-main h1{
    font-size: 1.26rem;
  }
  .change h2{
    font-size: 1.1rem;
    padding-bottom: 15px;
  }
  .title{
    margin-bottom: 0;
  }
  .txt-red2{
    font-size: 0.69rem;
  }
  .disc{
    font-size: 0.69rem;
  }
}

/* ---------- mlc override ---------- */

.renewal-main {
  margin-top: 40px;
  font-size: 1.6rem;
}

.title > h1 {
  font-size: 2.56rem;
}

.change h2 {
  font-size: 2.08rem;
}

.txt-red2,
.disc {
  font-size: 1.44rem;
}

@media screen and (max-width: 767px){
  .renewal-main {
    font-size: 1.28rem;
  }

  .title > h1 {
    font-size: 2.02rem;
  }

  .change h2 {
    font-size: 1.76rem;
  }

  .txt-red2,
  .disc {
    font-size: 1.1rem;
  }
}