@charset "UTF-8";
/*
  module: m-box-fixed
  - 固定幅・中央揃えのボックス
*/
.m-box-fixed {
  width: 980px;
  margin: 0 auto;
}

/*
	module:　m-opacityHover
	- ホバー時に下の画像を透過させる
-----------------------------------------------------------------*/
.m-box-opacity {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.m-box-opacity:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/*
	module:box-imgTxt
	- 画像とテキストの横並び
*/
.m-box-imgTxt1 {
  *zoom: 1;
}
.m-box-imgTxt1:after {
  content: " ";
  display: table;
  clear: both;
}
.m-box-imgTxt1 .imgBox {
  float: left;
  margin-right: 20px;
}
.m-box-imgTxt1 .textBox {
  overflow: hidden;
}

.m-box-imgTxt2 {
  *zoom: 1;
}
.m-box-imgTxt2:after {
  content: " ";
  display: table;
  clear: both;
}
.m-box-imgTxt2 .imgBox {
  float: right;
  margin-left: 20px;
}
.m-box-imgTxt2 .txtBox {
  overflow: hidden;
}

/*
	module:　m-box-padding
-----------------------------------------------------------------*/
.m-box-padding {
  padding: 20px;
}

.m-box-overWhite:hover {
  cursor: pointer;
      filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
    -moz-opacity: 0.7;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
         opacity: 0.7;
  zoom: 1;
}

.m-box-lineBox {
  margin-top: 50px;
}

.m-box-contactBox {
  *zoom: 1;
  margin-top: 30px;
}
.m-box-contactBox:after {
  content: " ";
  display: table;
  clear: both;
}
.m-box-contactBox img {
  display: block;
  float: left;
}

.m-box-faqBox {
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  padding: 0 19px 0;
}
.m-box-faqBox .faqBox_accordion dt {
  cursor: pointer;
  border-top: solid 1px #e5e5e5;
  padding: 10px 60px 9px 10px;
  position: relative;
}
.m-box-faqBox .faqBox_accordion dt:hover {
  color: #e80000;
}
.m-box-faqBox .faqBox_accordion dt:before {
  content: "";
  background: url(../images/i_faqOpen.png) no-repeat;
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 18px;
  height: 10px;
  margin-top: -9px;
  top: 26px;
}
.m-box-faqBox .faqBox_accordion dt.open:before {
  background: url(../images/i_faqClose.png) no-repeat;
}
.m-box-faqBox .faqBox_accordion dt:first-child {
  border: none;
}
.m-box-faqBox .faqBox_accordion dd {
  margin-bottom: 15px;
  display: none;
  background: url(../images/i_faqA.gif) 10px 20px no-repeat #fffdf0;
  padding-left: 52px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-box-accordion {
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  padding: 0 19px 0;
}
.m-box-accordion .accordion_inner dt {
  cursor: pointer;
  border-top: solid 1px #e5e5e5;
  padding: 10px 60px 9px 10px;
  position: relative;
}
.m-box-accordion .accordion_inner dt:hover {
  color: #e80000;
}
.m-box-accordion .accordion_inner dt:before {
  content: "";
  background: url(../images/i_faqOpen.png) no-repeat;
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 18px;
  height: 10px;
  margin-top: -9px;
  top: 26px;
}
.m-box-accordion .accordion_inner dt.open:before {
  background: url(../images/i_faqClose.png) no-repeat;
}
.m-box-accordion .accordion_inner dt:first-child {
  border: none;
}
.m-box-accordion .accordion_inner dd {
  margin-bottom: 15px;
  display: none;
  background: #fffdf0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.m-box-accordion .accordion_inner dd > *:first-child.m-list-contact {
  margin-top: 0;
}

.m-box-col {
  margin: 0 0;
  letter-spacing: -0.4em;
  box-sizing: border-box;
  margin-top: 0;
}
.m-box-col .col-item {
  display: inline-block;
  width: calc(100% / 1);
  width: calc((100% / 1 ) - 0.1px) \0;
  padding: 0 0;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 20px;
  vertical-align: top;
}
.m-box-col.col-2 {
  margin: 0 -10px;
  letter-spacing: -0.4em;
  box-sizing: border-box;
}
.m-box-col.col-2 .col-item {
  display: inline-block;
  width: calc(100% / 2);
  width: calc((100% / 2 ) - 0.1px) \0;
  padding: 0 10px;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 20px;
}
.m-box-col.col-3 {
  margin: 0 -7.5px;
  letter-spacing: -0.4em;
  box-sizing: border-box;
  margin-top: 5px;
}
.m-box-col.col-3 .col-item {
  display: inline-block;
  width: calc(100% / 3);
  width: calc((100% / 3 ) - 0.1px) \0;
  padding: 0 7.5px;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 15px;
}
.m-box-col.col-4 {
  margin: 0 -10px;
  letter-spacing: -0.4em;
  box-sizing: border-box;
}
.m-box-col.col-4 .col-item {
  display: inline-block;
  width: calc(100% / 4);
  width: calc((100% / 4 ) - 0.1px) \0;
  padding: 0 10px;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 20px;
}
.m-box-col.col-5 {
  margin: 0 -7.5px;
  letter-spacing: -0.4em;
  box-sizing: border-box;
  margin-top: 5px;
}
.m-box-col.col-5 .col-item {
  display: inline-block;
  width: calc(100% / 5);
  width: calc((100% / 5 ) - 0.1px) \0;
  padding: 0 7.5px;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 20px;
}
.m-box-col.col-6 {
  margin: 0 -6px;
  letter-spacing: -0.4em;
  box-sizing: border-box;
}
.m-box-col.col-6 .col-item {
  display: inline-block;
  width: calc(100% / 6);
  width: calc((100% / 6 ) - 0.1px) \0;
  padding: 0 6px;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 20px;
}

/*
	module:　m-icon-arrow
	- アイコン付きテキストリンク
-----------------------------------------------------------------*/
.m-icon-arrow {
  position: relative;
  padding-right: 18px;
}
.m-icon-arrow:before {
  font-family: 'WebHostingHub-Glyphs';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  color: #e90c0c;
  font-size: 10px;
  content: "";
  text-indent: 0;
}

.m-icon-text {
  padding: 1px 5px 0;
  box-sizing: border-box;
  background: #38aee3;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 78.5%;
  font-weight: bold;
  min-width: 80px;
}
.m-icon-text.icon_salmonPink, .m-icon-text.icon_kouza {
  background-color: #e44c65;
}
.m-icon-text.icon_rose, .m-icon-text.icon_kinri_waribiki {
  background-color: #cc006a;
}
.m-icon-text.icon_pink, .m-icon-text.icon_j_direct {
  background-color: #f244a2;
}
.m-icon-text.icon_cherry, .m-icon-text.icon_present {
  background-color: #f33360;
}
.m-icon-text.icon_poppyRed {
  background-color: #e13a56;
}
.m-icon-text.icon_wineRed, .m-icon-text.icon_deepPink {
  background-color: #c01259;
}
.m-icon-text.icon_red {
  background: #de001b;
}
.m-icon-text.icon_turquoise, .m-icon-text.icon_soudan {
  background-color: #02a8cc;
}
.m-icon-text.icon_blue, .m-icon-text.icon_toushi {
  background-color: #4c48ff;
}
.m-icon-text.icon_lightBlue {
  background: #38aee3;
}
.m-icon-text.icon_cobaltBlue, .m-icon-text.icon_n_recruit {
  background-color: #076fab;
}
.m-icon-text.icon_navy, .m-icon-text.icon_tesuryo_yugu {
  background-color: #2d4398;
}
.m-icon-text.icon_marineBlue, .m-icon-text.icon_tameru_huyasu {
  background-color: #1579f1;
}
.m-icon-text.icon_lightgreen, .m-icon-text.icon_sonaeru {
  background-color: #60b314;
}
.m-icon-text.icon_darkGreen, .m-icon-text.icon_nisa, .m-icon-text.icon_hs {
  background-color: #1d7e07;
}
.m-icon-text.icon_olive, .m-icon-text.icon_tokubetsu_kinri {
  background-color: #a5a023;
}
.m-icon-text.icon_yellowGreen {
  background: #0cb431;
}
.m-icon-text.icon_tealGreen, .m-icon-text.icon_retiree {
  background-color: #2e7470;
}
.m-icon-text.icon_yellow, .m-icon-text.icon_benri {
  background-color: #f7be07;
}
.m-icon-text.icon_orange, .m-icon-text.icon_kariru {
  background-color: #fe7c1a;
}
.m-icon-text.icon_orange, .m-icon-text.icon_kariru {
  background: #c06e1d;
}
.m-icon-text.icon_lightPurple {
  background-color: #b03eff;
}
.m-icon-text.icon_purple, .m-icon-text.icon_uni {
  background: #971b9f;
}
.m-icon-text.icon_forestGreen {
  background-color: #087620;
}
.m-icon-text.icon_darkVioret {
  background-color: #8f14d6;
}
.m-icon-text.icon_carrotOrange {
  background-color: #ff7c19;
}
.m-icon-text.icon_skyBlue {
  background-color: #0066ef;
}
.m-icon-text.icon_nakaMoegi, .m-icon-text.icon_gifu {
  background-color: #4aa800;
}
.m-icon-text.icon_cyan, .m-icon-text.icon_aichi {
  background-color: #009fc7;
}
.m-icon-text.icon_karaKurenai, .m-icon-text.icon_mie {
  background-color: #e2415c;
}
.m-icon-text.icon_deepPurple {
  background-color: #66186b;
}

/*
	module:　m-list-inline
	- 横並びリスト
-----------------------------------------------------------------*/
.m-list-inline {
  letter-spacing: -0.40em;
}
.m-list-inline li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 20px;
  vertical-align: top;
  letter-spacing: normal;
}
.m-list-inline li.lastChild {
  margin-right: 0 !important;
}

/*
	module: m-list-indent
	- テキストの頭出し
-----------------------------------------------------------------*/
.m-list-indent li {
  margin-left: 1em !important;
  text-indent: -1em;
  list-style: none !important;
}

.m-list-news > li {
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  line-height: 1.4;
}
.m-list-news > li dl dt {
  float: left;
  width: 9.5em;
}
.m-list-news > li dl dd {
  overflow: hidden;
  *zoom: 1;
}
.m-list-news > li dl dd a {
  color: #962b20;
}

/*
	module: m-list-contact
	- お問い合わせエリア
-----------------------------------------------------------------*/
.m-list-contact {
  border: solid 3px #e5e5e5;
  border-radius: 10px;
  margin: 40px 0 0;
  background-color: #fff;
}
.m-list-contact .contact-ttl {
  font-size: 171.4%;
  font-weight: bold;
  padding: 14px 20px 9px;
  text-align: center;
}
.m-list-contact .contact-ttl + .contact-list .list-item {
  border-top: solid 1px #e5e5e5;
}
.m-list-contact .contact-list {
  margin: 0;
}
.m-list-contact .contact-list .list-item {
  list-style: none;
  margin: 0;
}
.m-list-contact .contact-list .list-item + .list-item {
  border-top: solid 1px #e5e5e5;
}
.m-list-contact .contact-list .list-item .item-wrap {
  margin: 0 0;
  letter-spacing: -0.4em;
  box-sizing: border-box;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head {
  display: inline-block;
  width: calc(100% / 3);
  width: calc((100% / 3 ) - 0.1px) \0;
  padding: 0 0;
  box-sizing: border-box;
  letter-spacing: normal;
  width: 273px;
  vertical-align: top;
  padding-left: 17px;
  padding-top: 15px;
  padding: 15px 20px 15px 17px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl {
  font-size: 128.5%;
  font-weight: bold;
  position: relative;
  line-height: 1.25;
  margin: 0;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl:before {
  content: '';
  position: absolute;
  display: block;
  top: 1px;
  left: 0;
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-abjust {
  margin-top: 16px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-abjust:before {
  top: -10px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-pc {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-pc:before {
  background-image: url("../images/i_contact_pc.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-tel {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-tel:before {
  background-image: url("../images/i_contact_tel.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-store {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-store:before {
  background-image: url("../images/i_contact_store.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-msg {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-msg:before {
  background-image: url("../images/i_contact_msg.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-lounge {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-lounge:before {
  background-image: url("../images/i_contact_lounge.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-person {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-person:before {
  background-image: url("../images/i_contact_person.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-sp {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-sp:before {
  background-image: url("../images/i_contact_sp.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-mail {
  padding-left: 50px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-head .head-ttl.ttl-icon-mail:before {
  background-image: url("../images/i_contact_mail.png");
}
.m-list-contact .contact-list .list-item .item-wrap .item-body {
  display: inline-block;
  width: calc(100% / 1.5);
  width: calc((100% / 1.5 ) - 0.1px) \0;
  padding: 0 0;
  box-sizing: border-box;
  letter-spacing: normal;
  width: 441px;
  padding: 15px 17px 15px 0;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .m-txt-tel + .body-desc {
  margin-top: 0;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-catch {
  letter-spacing: 0.01em;
  font-size: 114.2%;
  line-height: 1.25;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-catch + .m-txt-tel {
  margin-top: 10px !important;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-catch + .body-desc {
  margin-top: 5px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-desc {
  font-size: 92.8%;
  margin-top: 15px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-desc .desc-notes {
  font-size: 85.7%;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-btn {
  margin-top: 5px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-btn:first-child {
  margin-top: 0;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-btn img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body .body-btn + .body-btn {
  margin-top: 10px;
}
.m-list-contact .contact-list .list-item .item-wrap .item-body:first-child {
  padding-left: 17px;
  width: 100%;
}

/*
	module:　m-table-common
	- テーブルの基本スタイル
-----------------------------------------------------------------*/
.m-table-common {
  width: 100%;
  vertical-align: middle;
}
.m-table-common caption {
  font-weight: bold;
  padding-bottom: 5px;
}
.m-table-common thead th {
  padding: 10px;
  border: 1px solid #ccc;
  background: #ffc99d;
  font-size: 114%;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}
.m-table-common thead th:first-child {
  background: #eebc93;
}
.m-table-common tbody th, .m-table-common tbody td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.4;
}
.m-table-common tbody th {
  width: 20%;
  background: #eee;
  font-size: 114%;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.m-table-common tbody td {
  vertical-align: middle;
}

/*
	module:　m-txt-ttlx
	- 見出し
-----------------------------------------------------------------*/
.m-txt-tel {
  font-size: 300%;
  font-weight: bold;
  line-height: 1;
  position: relative;
}
.m-txt-tel.tel-freedial {
  color: #5fb800;
  padding-left: 66px;
}
.m-txt-tel.tel-freedial:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  background: url(../images/i_freedial.png);
  background-size: 59px auto;
  width: 59px;
  height: 33px;
}
.m-txt-tel.tel-ruby.tel-freedial:before {
  top: 21px;
}
.m-txt-tel.tel-ruby .ruby-wrap {
  display: inline-block;
  position: relative;
  padding-top: 20px;
}
.m-txt-tel.tel-ruby .ruby-wrap .ruby-txt {
  font-size: 28.571%;
  line-height: 1;
  position: absolute;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.01em;
  top: 4px;
  left: 0;
  right: 0;
  white-space: nowrap;
}

.m-btn-faq {
  *zoom: 1;
  margin-right: -10px;
}
.m-btn-faq:after {
  content: " ";
  display: table;
  clear: both;
}
.m-btn-faq .faq_item {
  float: left;
  width: 355px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.m-btn-faq .faq_item a {
  border-radius: 5px;
  text-decoration: none;
  background-color: #fff;
  padding: 14px 30px 13px 11px;
  font-weight: bold;
  display: block;
  color: #1f1f1f;
  border: solid 1px #ccc;
  text-decoration: none;
  padding-right: 24px;
  background: url(../images/b_ttl_arrow2.png) right no-repeat;
}
.m-btn-faq .faq_item a:hover {
  color: #e80000;
  text-decoration: underline;
}

.m-btn-large {
  border-radius: 5px;
  text-decoration: none;
  background-color: #e80000;
  padding: 19px 60px 18px 35px;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  font-size: 185%;
  position: relative;
}
.m-btn-large:hover {
  cursor: pointer;
      filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
    -moz-opacity: 0.7;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
         opacity: 0.7;
  zoom: 1;
}
.m-btn-large:before {
  font-family: 'WebHostingHub-Glyphs';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  color: #fff;
  font-size: 18px;
  content: "";
  text-indent: 0;
}
.m-btn-large:hover {
  color: #fff;
  text-decoration: none;
}