@charset "utf-8";

/*------------------------------------------------------------
	inquiry/index.html
------------------------------------------------------------*/

.comDl dd>ul>li a.act {
  color: #f04d22;
}

#inquiry .mainVisual .subBox .photo {
  width: 38%;
  right: -55px !important;
  bottom: -18vmin;
}

#inquiry .mainVisual .subBox .img03 {
  top: inherit;
  bottom: -48px;
}

#inquiry .noriceBox {
  margin: 0 auto 50px;
  padding: 10px 20px;
  border: solid 3px #f04d22;
  width: 900px;
}

#inquiry .noriceBox h3 {
  color: #f04d22;
  font-size: 20px;
  text-align: center;
}

#inquiry .noriceBox .noricetxt {
  text-align: left;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#inquiry .innerBox {
  width: 950px;
  margin: 0 auto 66px;
}

#inquiry .innerBox .lBox {
  width: 457px;
  float: left;
}

#inquiry .innerBox .rBox {
  width: 457px;
  float: right;
}

#inquiry .innerBox h3 {
  margin-bottom: 20px;
}

#inquiry .innerBox .imgBox {
  margin-right: 25px;
}

#inquiry .innerBox .imgBox .textBox {
  padding: 17px 21px 17px;
  margin: 20px 0 0;
  width: 225px;
  float: left;
  position: relative;
  background-color: #F7F3E7;
  border-radius: 10px;
  box-sizing: border-box;
}

#inquiry .innerBox .rBox .imgBox {
  margin-right: 34px;
}

#inquiry .innerBox .rBox .imgBox .textBox {
  background-color: #FBEDEA;
}

#inquiry .innerBox .imgBox .textBox:before {
  width: 14px;
  height: 12px;
  background: url(../img/index_icon01.png) no-repeat left top;
  background-size: 14px 12px;
  position: absolute;
  top: 32%;
  right: -14px;
  content: "";
}

#inquiry .innerBox .rBox .imgBox .textBox:before {
  width: 14px;
  height: 12px;
  background: url(../img/index_icon02.png) no-repeat left top;
  background-size: 14px 12px;
  position: absolute;
  top: 32%;
  right: -14px;
  content: "";
}

#inquiry .innerBox .imgBox .textBox p {
  font-size: 15px;
  color: #444;
  line-height: 1.73;
  font-weight: bold;
}

#inquiry .innerBox .photoBox {
  float: right;
}

#inquiry .innerBox ul {
  margin: 0 0 25px;
}

#inquiry .innerBox ul li {
  width: 222px;
  margin: 0 13px 14px 0;
  float: left;
  position: relative;
  text-align: center;
  border-radius: 20px;
  box-shadow: 3px 3px 5px #DAD8D9, -1px -1px 2px #f3f3f3;
}

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

#inquiry .innerBox ul li a {
  padding: 38px 0 23px;
  display: block;
}

#inquiry .innerBox ul li a:before {
  border: 1px solid transparent;
  border-radius: 20px;
  position: absolute;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  -webkit-transition: all .5s;
  transition: all .5s;
}

#inquiry .innerBox ul li a:hover:before {
  border-color: #F75232;
}

#inquiry .innerBox .lBox ul.firstblock li img {
  margin-bottom: 25px;
}

#inquiry .innerBox ul li img {
  margin-bottom: 20px;
}

#inquiry .innerBox ul li p {
  font-size: 16px;
  color: #f04d22;
}

#inquiry .h3Ttl {
  margin-bottom: 25px;
}

#inquiry .imgList {
  margin: -20px auto 50px;
}

#inquiry .qaLink {
  margin-bottom: 30px;
}

#inquiry .qaLink a img {
  transition: 0.3s;
}

#inquiry .qaLink a:hover img {
  opacity: 0.7;
}

#inquiry .imgList li {
  width: 300px;
  margin: 20px 25px 0 0;
  float: left;
  position: relative;
  box-shadow: 3px 3px 5px #DAD8D9;
  background-color: #fff;
  border-radius: 20px;
}

#inquiry .imgList li a {
  display: block;
}

#inquiry .imgList li a:before {
  border: 1px solid transparent;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  -webkit-transition: all .5s;
  transition: all .5s;
}

#inquiry .imgList li a:hover:before {
  border-color: #F75232;
}

#inquiry .imgList li:nth-child(3n) {
  margin-right: 0;
}

#inquiry .imgList li img {
  width: 100%;
}

#inquiry .imgList li p {
  width: 100%;
  display: table;
  font-size: 14px;
  color: #333;
  line-height: 1.71;
  text-align: center;
  box-sizing: border-box;
}

#inquiry .imgList li p span {
  padding: 20px 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}

#inquiry .contactBox {
  padding: 20px 20px 14px;
  border: 2px solid #DDD;
  box-sizing: border-box;
}

#inquiry .contactBox .lBox {
  width: 552px;
  float: left;
}

#inquiry .contactBox .rBox {
  width: 324px;
  float: right;
}

#inquiry .contactBox h4 {
  margin-bottom: 18px;
  padding: 7px 12px 3px;
  color: #f26641;
  font-size: 15px;
  background-color: #FBF2D5;
}

#inquiry .contactBox h4 img {
  margin-right: 14px;
}

#inquiry .contactBox .tel {
  margin-bottom: 8px;
  font-size: 40px;
  color: #333;
  font-weight: bold;
}

#inquiry .contactBox .tel img {
  margin: 12px 10px 0 0;
}

#inquiry .contactBox .text {
  margin-bottom: 23px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

#inquiry .contactBox .text span {
  margin-top: 2px;
  display: block;
  font-size: 14px;
}

#inquiry .contactBox .txt {
  font-size: 12px;
  color: #333;
  line-height: 1.67;
  padding-left: 12px;
  text-indent: -12px;
}

#inquiry .contactBox .rBox h4 img {
  margin: 3px 14px 0 0;
}

#inquiry .contactBox .rBox .link {
  margin: 0 0 10px 10px;
}

#inquiry .contactBox .rBox .link a {
  padding-left: 14px;
  /* text-decoration: underline; */
  font-size: 15px;
  color: #333;
  background: url(../img/index_icon06.png) no-repeat left center;
}

#inquiry .contactBox .rBox .link a:hover {
  color: #f26641;
}

#inquiry .contactBox .rBox .link01 {
  margin-bottom: 10px;
}

#inquiry .contactBox .rBox p {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 10px;
}

#inquiry .contactBox .rBox p.txt {
  font-size: 12px;
  color: #333;
  line-height: 1.67;
  margin-bottom: 10px;
}

#inquiry .contactBox .rBox .h4Ttl img {
  margin: -2px 11px 0 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .comDl dd>ul>li:last-child a {
    color: #333;
  }

  #inquiry .innerBox {
    width: auto;
    margin: 0 auto 20px;
  }

  #inquiry .mainVisual .subBox .photo {
    width: 32%;
    right: 25px !important;
  }

  #inquiry .innerBox .comLink {
    width: 90%;
  }

  #inquiry h3 {
    margin: 0 20px;
    font-size: 18px;
  }

  #inquiry .h3Ttl {
    margin-bottom: 10px;
  }

  #inquiry .innerBox .lBox {
    margin-bottom: 20px;
    width: auto;
    float: none;
  }

  #inquiry .innerBox .rBox {
    width: auto;
    float: none;
  }

  #inquiry .innerBox h3 {
    margin-bottom: 10px;
  }

  #inquiry .innerBox .imgBox {
    margin: 0 20px;
  }

  #inquiry .qaLink {
    margin: 0 20px 20px;
  }

  #inquiry .qaLink img {
    width: 100%;
  }

  #inquiry .innerBox .imgBox .textBox {
    padding: 15px;
    margin: 5% 0 0;
    width: 50%;
  }

  #inquiry .innerBox .imgBox .photoBox {
    width: 45%;
  }

  #inquiry .innerBox .imgBox .photoBox img {
    width: 100%;
  }

  #inquiry .innerBox .imgBox .textBox p {
    font-size: 14px;
    line-height: 1.5;
  }

  #inquiry .innerBox ul {
    margin: 0 21px 27px;
    position: relative;
    z-index: 1;
  }

  #inquiry .innerBox ul li {
    width: 100%;
    margin: 0 0 10px;
    float: none;
    position: relative;
    border-radius: 20px;
    box-shadow: 3px 3px 4px #DAD8D9, 0px 0px 4px #DAD8D9;
    background-color: #fff;
  }

  #inquiry .innerBox ul li:last-child {
    margin-bottom: 0;
  }

  #inquiry .innerBox ul li a {
    padding: 14px 0 !important;
    width: 100%;
    display: table;
    box-sizing: border-box;
  }

  #inquiry .innerBox ul li img,
  #inquiry .innerBox ul li p {
    display: table-cell;
    vertical-align: middle;
  }

  #inquiry .innerBox ul li img {
    padding: 0 10px 0 35px;
    margin-bottom: 0 !important;
    height: 40px;
  }

  #inquiry .innerBox ul li p {
    width: 70%;
    font-size: 14px;
    text-align: left;
  }

  #inquiry .innerBox ul li a:hover:before {
    border: none;
  }

  #inquiry .imgList {
    margin: -15px 20px 20px;
  }

  #inquiry .imgList li {
    width: 48%;
    margin: 15px 4% 0 0;
  }

  #inquiry .imgList li:nth-child(3n) {
    margin-right: 4%;
  }

  #inquiry .imgList li a:hover:before {
    border: none;
  }

  #inquiry .imgList li img {
    width: 100%;
  }

  #inquiry .imgList li:nth-child(2n) {
    margin-right: 0;
  }

  #inquiry .imgList li p {
    line-height: 1.65;
  }

  #inquiry .imgList li p span {
    padding: 10px;
  }

  #inquiry .contactBox {
    margin: 0 20px 20px;
    padding: 10px;
  }

  #inquiry .contactBox .lBox {
    margin-bottom: 10px;
    width: auto;
    float: none;
  }

  #inquiry .contactBox h4 {
    margin-bottom: 10px;
    padding: 2px;
    font-size: 14px;
  }

  #inquiry .contactBox .tel {
    margin-bottom: 8px;
    font-size: 27px;
  }

  #inquiry .contactBox .tel img {
    width: 35px;
    margin: 7px 2px 0 0;
  }

  #inquiry .contactBox .text {
    margin-bottom: 10px;
    font-size: 16px;
  }

  #inquiry .contactBox .text span {
    margin-top: 0;
    font-size: 13px;
  }

  #inquiry .contactBox .rBox {
    width: auto;
    float: none;
  }

  #inquiry .contactBox .rBox p {
    font-size: 14px;
    line-height: 1.5;
  }

  #inquiry .noriceBox {
    width: 90%;
    box-sizing: border-box;
  }


}


/*------------------------------------------------------------
	よくお寄せいただく質問
------------------------------------------------------------*/

.qa .comDl {
  margin-bottom: 53px;
}

.qa h2 {
  margin-bottom: 22px;
  padding-bottom: 5px;
  font-size: 42px;
  color: #f04d22;
  letter-spacing: -3px;
  font-weight: normal;
  border-bottom: 2px solid #f04d22;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.qa .text {
  margin-bottom: 62px;
  font-size: 14px;
  color: #333;
}

.qa .tabPanel .tabUl {
  margin-bottom: 40px;
  padding: 10px 30px;
  background-color: #FAEFD9;
  border-radius: 50px;
}

.qa .tabPanel .tabUl li {
  border-right: 1px solid #E4D9C3;
  float: left;
}

.qa .tabPanel .tabUl li:last-child {
  border: none;
}

.qa .tabPanel .tabUl li a {
  padding: 6px 55px 2px 69px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #f04d22;
  background: url(../img/qa_reishoku_icon01.gif) no-repeat left 49px top 13px;
}

.qa .tabPanel .tabUl li a:hover {
  opacity: 0.7;
}

.qa .tabPanel .tabBox h3 {
  margin-bottom: 0;
}

.qa .tabPanel .tabBox dl {
  margin-bottom: 40px;
}

.qa .tabPanel .tabBox dl dt {
  margin: 21px 0 14px;
  width: 100%;
  display: table;
  background: url(../img/qa_reishoku_icon02.gif) no-repeat #F5F5F5;
  background-position: right 19px center;
  border-radius: 10px;
}

.qa .tabPanel .tabBox dl dt:hover {
  cursor: pointer;
}

.qa .tabPanel .tabBox dl dt.on {
  background: url(../img/qa_reishoku_icon03.gif) no-repeat #F5F5F5;
  background-position: right 19px center;
}

.qa .tabPanel .tabBox dl dt span {
  padding: 6px 0 4px;
  display: table-cell;
  vertical-align: middle;
  color: #333;
  box-sizing: border-box;
}

.qa .tabPanel .tabBox dl dt .ttl {
  width: 36px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  background-color: #FD997F;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.qa .tabPanel .tabBox dl dt .txt {
  padding: 6px 12px 4px;
  font-size: 15px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.qa .tabPanel .tabBox dl dd {
  margin-left: 49px;
  padding-right: 30px;
  display: none;
  font-size: 15px;
  color: #333;
  position: relative;
  line-height: 1.86;
  letter-spacing: -0.4px;
}

.qa .tabPanel .tabBox dl dd a {
  color: #333;
  text-decoration: underline;
}

.qa .tabPanel .tabBox dl dd p {
  margin-left: 16px;
}

.qa .tabPanel .tabBox dl dd a:hover {
  text-decoration: none;
}

.qa .tabPanel .tabBox dl dd::before {
  top: 6px;
  bottom: 8px;
  width: 2px;
  border-left: 2px solid #D7D6D4;
  position: absolute;
  left: -30px;
  content: "";
}

.qa .tabPanel .tabBox dl .important {
  display: inline-block;
  color: #f04d22;
  font-weight: bold;
  vertical-align: top;
  padding: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .qa h2 {
    margin: 10px 20px 15px;
    padding-bottom: 1px;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -1.5px;
  }

  .qa .text {
    margin: 0 20px 20px;
  }

  .qa .tabPanel {
    margin: 0 20px;
  }

  .qa .tabPanel .tabUl {
    margin: 0 0 20px;
    padding: 0;
    border-radius: 10px;
  }

  .qa .tabPanel .tabUl li {
    border-bottom: 1px solid #E4D9C3;
    border-right: none;
    float: none;
  }

  .qa .tabPanel .tabUl li a {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    background: url(../img/qa_reishoku_icon01.gif) no-repeat left 10px center;
  }

  .qa .tabPanel .tabBox dl {
    margin-bottom: 30px;
  }

  .qa .tabPanel .tabBox dl dt {
    margin: 17px 0 13px;
    background: url(../img/qa_reishoku_icon02.gif) no-repeat right 7px center #F5F5F5;
  }

  .qa .tabPanel .tabBox dl dt.on {
    background: url(../img/qa_reishoku_icon03.gif) no-repeat right 7px center #F5F5F5;
  }

  .qa .tabPanel .tabBox dl dt .ttl {
    width: 36px;
    font-size: 15px;
  }

  .qa .tabPanel .tabBox dl dt span {
    padding: 6px 0 4px;
  }

  .qa .tabPanel .tabBox dl dt .txt {
    padding: 6px 30px 4px 10px;
    font-size: 14px;
  }

  .qa .tabPanel .tabBox dl dd {
    margin-left: 35px;
    font-size: 14px;
    line-height: 1.5;
  }

  .qa .tabPanel .tabBox dl dd::before {
    border-left: 2px solid #D7D6D4;
    position: absolute;
    left: -20px;
    content: "";
  }
}


/*------------------------------------------------------------
	community.html
------------------------------------------------------------*/

#community .comDl {
  margin-bottom: 53px;
}

#community h2 {
  margin-bottom: 22px;
  padding-bottom: 5px;
  font-size: 42px;
  color: #f04d22;
  letter-spacing: -7px;
  font-weight: normal;
  border-bottom: 2px solid #f04d22;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#community .text {
  margin-bottom: 61px;
  font-size: 14px;
  color: #333;
}

#community .comLinkUl {
  margin: -20px 1px 60px;
}

#community .comLinkUl li {
  margin: 20px 20px 0 0;
  width: 222px;
}

#community .comLinkUl li a {
  padding: 22px 15px 53px;
}

#community .comLinkUl li a span {
  margin-top: 19px;
  display: block;
  font-size: 14px;
  text-align: left;
  line-height: 1.72;
  text-align: center;
  color: #f04d22;
}

#community .faqBox dt {
  margin-bottom: 20px;
}

#community .faqBox dt,
#community .faqBox dd {
  overflow: hidden;
  box-sizing: border-box;
}

#community .faqBox dd {
  margin-bottom: 40px;
}

#community .faqBox dt .img {
  float: left;
}

#community .faqBox dt .txt {
  padding: 24px 0 0 112px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  box-sizing: border-box;
}

#community .faqBox dt .txt>span {
  padding: 27px 54px 26px;
  display: block;
  position: relative;
  background: url(../img/community_icon03.png) no-repeat left 20px top 22px #FDEEF5;
  border-radius: 10px;
}

#community .faqBox dt .txt>span:before {
  width: 18px;
  height: 22px;
  background: url(../img/community_icon01.png) no-repeat left top;
  background-size: 18px 22px;
  position: absolute;
  top: 17px;
  left: -18px;
  content: "";
}

#community .faqBox dd .img {
  float: left;
}

#community .faqBox dd .txt {
  padding: 24px 0 0 112px;
  position: relative;
  color: #333;
  font-size: 15px;
  line-height: 1.86;
  box-sizing: border-box;
}

#community .faqBox dd .txt>span {
  padding: 25px 54px 23px;
  position: relative;
  display: block;
  background: url(../img/community_icon04.png) no-repeat left 22px top 22px #F7F3E7;
  border-radius: 10px;
}

#community .faqBox dd .txt>span span {
  margin-bottom: 5px;
  display: block;
  font-size: 16px;
}

#community .faqBox dd .txt>span a {
  text-decoration: underline;
  color: #333;
}

#community .faqBox dd .txt>span a::before {
  content: none;
}

#community .faqBox dd .txt>span a:hover {
  text-decoration: none;
}

#community .faqBox dd .txt>span:before {
  width: 18px;
  height: 22px;
  background: url(../img/community_icon02.png) no-repeat right top;
  background-size: 18px 22px;
  position: absolute;
  top: 17px;
  left: -18px;
  content: "";
}

@media all and (min-width: 768px) {
  #community .comLinkUl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
  }

  #community .comLinkUl li {
    float: none;
  }
}

@media all and (min-width: 0) and (max-width: 767px) {
  #community .comSubBox {
    margin: 0 20px;
  }

  #community h2 {
    margin: 0 0 15px;
    padding-bottom: 1px;
    font-size: 20px;
    letter-spacing: 0;
  }

  #community .text {
    margin: 0 0 20px;
  }

  #community .comLinkUl {
    margin: 0 0 20px;
  }

  #community .comLinkUl li a img {
    height: 60px;
    width: auto;
  }

  #community .faqBox dd {
    margin-bottom: 30px;
  }

  #community .faqBox dt .img img,
  #community .faqBox dd .img img {
    width: 60px;
  }

  #community .faqBox dt .txt {
    padding: 15px 0 0 75px;
    font-size: 15px;
  }

  #community .faqBox dt .txt>span {
    padding: 12px 10px 10px 35px;
    background: url(../img/community_icon03.png) no-repeat left 12px top 12px #FDEEF5;
    background-size: 15px 17px;
  }

  #community .faqBox dt .txt>span:before {
    width: 14px;
    height: 18px;
    background: url(../img/community_icon01.png) no-repeat left top;
    background-size: 14px 18px;
    position: absolute;
    top: 17px;
    left: -14px;
    content: "";
  }

  #community .faqBox dd .txt {
    padding: 15px 0 0 75px;
    font-size: 14px;
    line-height: 1.6;
  }

  #community .faqBox dd .txt>span {
    padding: 10px 10px 10px 35px;
    background: url(../img/community_icon04.png) no-repeat left 12px top 12px #F7F3E7;
    background-size: 15px 17px;
  }

  #community .faqBox dd .txt>span span {
    margin-top: 2px;
    font-size: 15px;
  }

  #community .faqBox dd .txt>span:before {
    width: 14px;
    height: 18px;
    background: url(../img/community_icon02.png) no-repeat right top;
    background-size: 14px 18px;
    position: absolute;
    top: 17px;
    left: -14px;
    content: "";
  }
}


/*------------------------------------------------------------
	jirei.html
------------------------------------------------------------*/

#jirei .comDl {
  margin-bottom: 55px;
}

#jirei h2 {
  margin-bottom: 22px;
  padding-bottom: 3px;
  color: #f04d22;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 42px;
  font-weight: normal;
  letter-spacing: -1px;
  border-bottom: 2px solid #f04d22;
}

#jirei .text {
  margin-bottom: 65px;
  font-size: 14px;
}

#jirei .comLinkUl {
  width: 1000px;
  margin: 0 auto 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content:flex-start;
}

#jirei .clefomLinkUl li {
  float: none;
}

#jirei h3 {
  padding: 9px 0;
  width: 100%;
  display: table;
  position: relative;
  border-bottom: 2px solid #F04D22;
}

#jirei h3 span {
  display: table-cell;
  vertical-align: middle;
}

#jirei h3>img {
  position: absolute;
  right: 10px;
  bottom: 2px;
}

#jirei h3 .img {
  padding-left: 30px;
  width: 160px;
}

#jirei h3 .txt {
  padding-right: 200px;
  font-size: 18px;
  letter-spacing: 1px;
}

#jirei .colorBox {
  margin-bottom: 70px;
  padding: 10px 30px 0;
  position: relative;
  background: #FCF6EA;
  border-radius: 0 0 10px 10px;
}

#jirei .colorBox dl {
  margin-bottom: 31px;
}

#jirei .colorBox dt {
  float: left;
}

#jirei .colorBox dt span {
  display: block;
  color: #333;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

#jirei .colorBox dd {
  margin-top: 10px;
  padding: 18px 21px 13px;
  width: 760px;
  float: right;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  position: relative;
  -webkit-box-shadow: 3px 3px 5px rgba(13, 1, 4, 0.2);
  box-shadow: 3px 3px 5px rgba(13, 1, 4, 0.2);
}

#jirei .colorBox dd:before {
  width: 16px;
  height: 13px;
  background: url(../img/jirei_icon01.png) no-repeat;
  background-size: 16px 13px;
  position: absolute;
  top: 20px;
  left: -16px;
  content: "";
}

#jirei .colorBox dd li {
  padding: 0 0 9px 1em;
  font-size: 15px;
  font-weight: bold;
  text-indent: -1em;
  letter-spacing: 0.5px;
  line-height: 1.75;
}

#jirei .colorBox dd p {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 1.75;
}

#jirei .colorBox dd li:last-child {
  padding-bottom: 0;
}

#jirei .colorBox .inner {
  margin-bottom: 6px;
  padding-bottom: 30px;
}

#jirei .colorBox .inner p {
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.6px;
}

#jirei .colorBox .inner p span {
  margin-bottom: 12px;
  padding: 4px 14px 0 15px;
  display: inline-block;
  color: #FFF;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 1px;
  border-radius: 3px;
}

#jirei .colorBox .inner p .color {
  background-color: #ED4F22 !important;
}

#jirei .colorBox .inner .lBox {
  width: 415px;
  float: left;
}

#jirei .colorBox .inner .lBox p span {
  background-color: #676767;
}

#jirei .colorBox .inner .rBox {
  width: 415px;
  float: right;
}

#jirei .colorBox .inner .rBox p span {
  background-color: #ED4F22;
}

#jirei .colorBox .inner .photo {
  text-align: center;
}

#jirei .colorBox>p {
  margin-right: -2px;
  font-size: 14px;
  line-height: 1.75;
  overflow: hidden;
}

#jirei .colorBox>p span {
  padding-top: 20px;
  width: 725px;
  float: left;
}

#jirei .colorBox>p img {
  float: right;
}

#jirei .comLinkUl li a span {
  text-align: center;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .comDl dd>ul>li:last-child a {
    color: #333;
  }

  #jirei .comSubBox {
    margin: 0 20px;
  }

  #jirei h2 {
    margin-bottom: 10px;
    padding-bottom: 2px;
    font-size: 28px;
    letter-spacing: 0;
  }

  #jirei .text {
    margin-bottom: 15px;
  }

  #jirei h3 .img {
    padding-left: 0;
    width: 60px;
  }

  #jirei h3 .img img {
    width: 100%;
  }

  #jirei h3>img {
    display: none;
  }

  #jirei h3 .txt {
    padding: 0 0 0 5px;
    font-size: 14px;
    letter-spacing: 0;
  }

  #jirei .comLinkUl {
    margin-bottom: 20px;
  }

  #jirei .comLinkUl li {
    float: left;
  }

  #jirei .colorBox {
    margin-bottom: 30px;
    padding: 10px 10px 0;
  }

  #jirei .colorBox dl {
    margin-bottom: 15px;
  }

  #jirei .colorBox dt {
    float: none;
    text-align: center;
  }

  #jirei .colorBox dt img {
    width: 80px;
  }

  #jirei .colorBox dd {
    padding: 10px;
    width: auto;
  }

  #jirei .colorBox dd:before {
    display: none;
  }

  #jirei .colorBox dd li {
    font-size: 14px;
    line-height: 1.5;
  }

  #jirei .colorBox .inner {
    margin-bottom: 0;
  }

  #jirei .colorBox .inner .lBox,
  #jirei .colorBox .inner .rBox {
    width: auto;
    float: none;
  }

  #jirei .colorBox .inner .lBox {
    margin-bottom: 20px;
  }

  #jirei .colorBox .inner p {
    margin-bottom: 15px;
    line-height: 1.5;
  }

  #jirei .colorBox .inner p span {
    margin-bottom: 5px;
    padding: 2px 10px;
  }

  #jirei .colorBox .inner .photo img {
    width: 90%;
  }

  #jirei .colorBox>p {
    margin-right: 0;
    line-height: 1.5;
  }

  #jirei .colorBox>p span {
    padding-top: 15px;
    width: auto;
  }

  #jirei .colorBox>p img {
    width: 60px;
  }
}

/*よくあるお問い合わせ修正2022.06.07*/
.faq-first {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}

.faq-first .clearfix.margi.example {
  float: none;
}

.faq-first .comLink {
  margin: 0 0 0 auto;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .faq-first {
    display: block;
  }

  .faq-first .comLink {
    margin: 27px auto 0;
  }
}

.u-mt20 {
  margin-top: 20px;
}