@charset "UTF-8";
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 {    margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;/* 追加 */box-sizing: border-box;}/* 削除body{  line-height: 1;}*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}/* 改造 */ul,ol{list-style:none;}blockquote,q {quotes:none;}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;/* 追加 */text-decoration: none;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs *//*hr {display:block;height:1px;border:0;  border-top:1px solid #cccccc;margin:1em 0;padding:0;}*/input,select {vertical-align:middle;}


body{
  margin: 0px auto;
}
#base{width: 1220px;}
.c3_ll{order: 0;}
.contentWrapper{order:1;}
.l_right__sideNav {
  order: 2;
  width: 200px;
}
#wrapper {
  color: #333;
  letter-spacing: .1em;
  font: 500 15px / 1.6 YuGothic,游ゴシック,hiragino kaku gothic pron,ヒラギノ角ゴ pron,Meiryo,メイリオ,sans-serif;
}
@media screen and (max-width: 768px) {
  #base{width: 100%;}
  .contentWrapper{width: 100%;}
  .l_right__sideNav{display: none;}
  #wrapper {width:100%;}
}
/* ===========
layout
=========== */
/* wrapper */
.l_wrapper{
  width: 730px;
  margin: 0 auto;
}
.l_right__sideNav>.sidebar-themeTag:first-child {
  margin-top: 0;
}
.l_right__sideNav>.sidebar-themeTag:first-child>.m_sideNav__theme:first-child {
  margin-top: 0;
}
/* 節 */
.l_section{}
.l_section__item{}
ul.l_section__item{}
dl.l_section__item{}
.l_section__item-underline {text-decoration: underline;}
.l_section--primary{}
.l_section--primary > .l_section__item + .l_section__item{
  margin-top: 60px;
}
.l_section--secondary > .l_section__item + .l_section__item{
  margin-top: 64px;
}
.l_section--tertiary > .l_section__item + .l_section__item{
  margin-top: 38px;
}
.l_section--quaternary > .l_section__item + .l_section__item{
  margin-top: 15px;
}
.l_section--quaternary > .l_section__item + .l_section--quinary.l_section__item{
  margin-top: 24px;
}
.l_section--quinary > .l_section__item + .l_section__item{
  margin-top: 15px;
}
.l_section--quinary {
  padding-left: 1em;
}

.l_section__item__numList > dt {font-weight: bold;}
.l_section__item__numList > dt + dd {margin-bottom: 1em;}

.aside_ttl {font-size:12px; color:#999;}
.aside_list > dd {padding-left: 1em;}
.aside_list dd + dt {margin-top: 8px;}
/* ===========
module
=========== */
/* アイコン */
.m_hasIco{
  position: relative;
}
.m_hasIco::before,
.m_hasIco::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.m_hasIco::before{
  left: 0;
}
.m_hasIco::after{
  right: 0;
}
.m_hasIco--center::before,
.m_hasIco--center::after{
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.m_hasIco--volume{
  padding-left: 52px;
}
.m_hasIco--volume1::before{
  content: url(/resource/img/contents/claim/vol1_complaint-correspondence.png);
  width: 40px;
  height: 40px;
}
.m_hasIco--volume2::before{
  content: url(/resource/img/contents/claim/vol2_complaint-correspondence.png);
  width: 40px;
  height: 40px;
}
.m_hasIco--volume3::before{
  content: url(/resource/img/contents/claim/vol3_complaint-correspondence.png);
  width: 40px;
  height: 40px;
}
.m_hasIco--volume4::before{
  content: url(/resource/img/contents/claim/vol4_complaint-correspondence.png);
  width: 40px;
  height: 40px;
}
.m_hasIco--toggle{
  padding-right: 24px;
}
.m_hasIco--toggle::after{
  content: url(/resource/img/contents/claim/plus_complaint-correspondence.png);
  width: 23px;
  height: 23px;
}
.m_hasIco--outerLink{
  padding-left: 52px;
}
.m_hasIco--outerLink::before{
  content: url(/resource/img/contents/claim/link_complaint-correspondence.png);
  width: 35px;
  height: 35px;
}
/* 見出し */
.m_heading{}
.m_heading__ttl{
  line-height: 1;
  font-weight: bold;
}
.m_heading__img{
  line-height: 0;
  position:relative;
}
.m_heading__img:after{
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  background-color: #F8862A;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  padding: 5px;
}
.m_heading__img--1:after{  content: "vol.1";}
.m_heading__img--2:after{  content: "vol.2";}
.m_heading__img--3:after{  content: "vol.3";}
.m_heading__img--4:after{  content: "vol.4";}
.m_heading__img > img{
  max-width: 100%;
  height: auto;
}
.m_heading--primary{
  margin-bottom: 30px;
}
.m_heading--secondary{
  margin-bottom: 38px;
}
.m_heading--secondary > .m_heading__ttl{
  font-size: 20px;
}
.m_heading--tertiary{
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 5px solid #F8862A;
}
.m_heading--tertiary > .m_heading__ttl{
  font-size: 18px;
}
.m_heading--quaternary{
  margin-bottom: 22px;
}
.m_heading--quaternary > .m_heading__ttl{
  font-size: 16px;
}
.m_heading--quinary{
  margin-bottom: 10px;
}
.m_heading--quinary > .m_heading__ttl{
  font-size: 16px;
}
.m_section_leading {
  margin-bottom: 16px;
  font-size: 16px;
  color: #F8862A;
}
.m_heading--tertiary + .m_section_leading {margin-top:-15px;}
@media screen and (max-width: 768px){
  .m_heading__ttl{
    line-height: 1.3;
  }
  .m_heading--secondary{
    padding: 24px 8px;
    background: #F8F0E1;
  }
  .m_heading--secondary > .m_heading__ttl{
    font-size: 16px;
  }
  .m_heading--tertiary{
    padding: 12px;
    border: none;
    background: #F8862A;
  }
  .m_heading--tertiary > .m_heading__ttl{
    color: #fff;
  }
  .m_heading--quaternary {
    padding-bottom: 10px;
    border-bottom: 1px solid #f8862a;
  }
  .m_heading--quinary{
    padding-bottom: 10px;
  }
}

/* リンクボックス */
.m_linkBox{
  padding: 26px 19px;
  border: solid 8px;
}
.m_linkBox__ttl{
  margin-bottom: 27px;
  font-size: 18px;
  font-weight: bold;
}
.m_linkBox__list{}
.m_linkBox__listItem{
  border-bottom: 1px solid #B2B2B2;
}
.m_linkBox__link{
  display: flex;
  align-items: center;
  min-height: 48px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1;
  color: inherit;
  font-weight: bold;
  font-size: 20px;
  transition: .2s color;
}
.m_linkBox__toggleBody{
  padding: 16px 0 16px 60px;
}
.m_linkBox__toggleItem{}
.m_linkBox__toggleItem + .m_linkBox__toggleItem{
  margin-top: 16px;
}
.m_linkBox__toggleTarget{
  color: inherit;
  font-size: 16px;
}
.m_linkBox--colorTheme{
  border-color: #F8862A;
}
.m_linkBox--colorTheme .m_linkBox__ttl{
  color: #F8862A;
}
.m_linkBox--colorTheme .m_linkBox__link:hover{
  color: #F8862A;
}
.m_linkBox--colorTheme .m_linkBox__toggleTarget:hover{
  color: #F8862A;
}
.m_linkBox--colorAccent{
  border-color: #00C9E1;
}
.m_linkBox--colorAccent .m_linkBox__ttl{
  color: #00C9E1;
}
.m_linkBox--colorAccent .m_linkBox__link:hover{
  color: #00C9E1;
}
.m_linkBox__current {
  background: #F8F0E1; 
}
@media screen and (max-width: 768px){
  .m_linkBox__link{
    line-height: 1.3;
    font-size: 16px;
  }
}
@media screen and (max-width: 599px){
  .m_hasIco {
    padding-left: 44px;
  }
  .m_linkBox {
    padding: 14px 10px;
    border-width: 4px;
    letter-spacing: 0;
  }
  .m_linkBox__ttl {
    margin-bottom: 14px;
    text-align: center;
  }
  .m_linkBox__toggleBody {
    padding: 7px 14px 14px 44px;
  }
  .m_linkBox__toggleTarget {
    font-size: 14px;
  }
  .m_linkBox__toggleItem + .m_linkBox__toggleItem {
    margin-top: 10px;
  }
}
/* 会話 */
.m_talk{
  padding: 12px 0 12px 35px;
}
.m_talk__item{}
.m_talk__item + .m_talk__item{
  margin-top: 16px;
}
.m_talk--colorTheme{
  background: #F8F0E1;
}
/* 強調 */
.m_accent{
  font-weight: bold;
}
.m_accent--colorTheme{
  color: #F8862A;
}
/* トップへ戻る */
.m_toPagetop{
  position: fixed;
  right: 0;
  bottom: 16px;
  z-index: 9999;
}
.m_toPagetop__target{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 87px;
  height: 87px;
  margin-left: auto;
  border-radius: 50%;
  color: inherit;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  transition: .3s opacity;
}
.m_toPagetop__target:hover{
  opacity: .7;
}
.m_toPagetop__target--colorTheme{
  background: #F8862A;
  color: #fff;
}
/* よく使う○○語 */
.m_words {
  margin: 0 auto;
  padding: 1em 1.5em;
  width: 100%;
  max-width: 400px;
  border: 2px solid #f8862a;
}
.m_words_box > ul {
  padding: 0 1em;
}
.m_words_box + .m_words_box {
  margin-top: 1em;
}
.m_words_ttl {
  margin-bottom: 4px;
  font-weight: bold;
}
/* ===========
state
=========== */
.is_open.m_hasIco--toggle::after{
  content: url(/resource/img/contents/claim/minus_complaint-correspondence.png);
}
/* ===========
utility
=========== */
/* 間隙 */
.u_mb0{
  margin-bottom: 0;
}
.u_pl1m {padding-left: 1em;}
/* 文字間 */
.u_ls0{
  letter-spacing: 0;
}
/* 要素を消す */
.u_hide{
  display: none;
}
/* float */
.u_fl-n { float: none !important; }
.u_fl-l { float: left !important; }
.u_fl-r { float: right; }
@media screen and (max-width: 768px){ 
  .u_fl-r {float:none;}
}
#mainContainer {
  margin-top: 30px;
  overflow: hidden;
  display: flex;
  justify-content:space-between;
}
div#cont {
  margin: 0;
}