@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cnt, header .inner, article .ct, footer .f_inner, .btmarea .inner, .mainimg .img_inner, .top .faq .inner {
  width: 1040px;
}

/* ========================================================= */
/* フォントカラー */
/* ========================================================= */
.red {
  color: red;
}

.blue {
  color: #1ea5cd;
}

.orange {
  color: #fa6233;
}

/* ========================================================= */
/* フォントタイプ */
/* ========================================================= */
.f_g1, article .ct .smlb_wrap .smlb, article .ct .smlb_orange, article .ct .smlb2, article p, article table.tb1, article ul,
article ol, article dl, footer .f_inner ul.f_menu li a, footer .f_inner .copyright, .register .forminput .formbox dl dt, .register .forminput .formbox dl dt .notnull, .register .forminput .formbox dl dd .caution {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}

.f_g1_n {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 300;
}

.f_g2, .btmarea .contactinfo ul li .phone, .top .flow .flowbox dl dt::before, .register .forminput .formbox p:nth-of-type(2) {
  font-family: "メイリオ", Meiryo, sans-serif;
}

.f_m1 {
  font-family: "游明朝", YuMincho, serif;
  font-weight: 500;
}

.f_m1_n {
  font-family: "游明朝", YuMincho, serif;
  font-weight: 300;
}

.f_arb {
  font-family: "Arial Black", Gadget, sans-serif;
}

.f_org1, header .inner .telinfo dt, .top .flow .flowbox dl dt {
  /* 400,700,900 */
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.f_org2, header .inner h1, article .ct .sublb, .btmarea .contactinfo .ct_lb, .btmarea .contactinfo ul li .contact_btn, .top .target .tbox .lb, .top .faq .faqdt .lb, .top .faq .faqdt .answer_wrap::before, .register .forminput .formbox .btnarea input {
  /* 400,800 */
  font-family: heisei-maru-gothic-std, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ========================================================= */
/* 装飾 */
/* ========================================================= */
.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.imgborder {
  border: 1px solid #b4b4b4;
}

.imgborder_dash {
  border: 1px dashed #999;
}

.imgshadow {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.photoframe {
  margin: 2px;
  border: 10px solid #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}

.underborder {
  border-bottom: 1px solid #ccc;
}

.under_border_da {
  border-bottom: 1px dashed #ccc;
}

.noborder,
article .norborder {
  border: none;
}

/* ========================================================= */
/* 表示 */
/* ========================================================= */
.nodisp {
  text-indent: -9999px;
}

.disp_none {
  display: none;
}

/* ========================================================= */
/* レイアウト調整 */
/* ========================================================= */
.al_right {
  text-align: right;
}

.al_left {
  text-align: left;
}

.al_center {
  text-align: center;
}

.valign-t {
  vertical-align: top;
}

.valign-b {
  vertical-align: bottom;
}

.valign-m {
  vertical-align: middle;
}

.mauto, header .inner, article .ct, article .ct .sublb, footer .f_inner, .btmarea .inner, .mainimg .img_inner, .top .target .tbox img, .top .faq .inner,
article .mauto,
article header .inner,
header article .inner,
article .ct,
article .ct .sublb,
article footer .f_inner,
footer article .f_inner,
article .btmarea .inner,
.btmarea article .inner,
article .mainimg .img_inner,
.mainimg article .img_inner,
article .top .target .tbox img,
.top .target .tbox article img,
article .top .faq .inner,
.top .faq article .inner {
  margin-left: auto;
  margin-right: auto;
}

.dis-b {
  display: block;
}

.dis-ib {
  display: inline-block;
}

.pos-rl {
  position: relative;
}

.pos-fix {
  position: fixed;
  z-index: 500;
}

.of {
  overflow: hidden;
}

.br-pc,
.dn-sp {
  display: block;
}

.br-sp,
.dn-pc {
  display: none;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ========================================================= */
/* Width調整 */
/* ========================================================= */
.w5 {
  width: 5%;
}

.w6 {
  width: 6%;
}

.w8 {
  width: 8%;
}

.w10 {
  width: 10%;
}

.w12 {
  width: 12%;
}

.w15 {
  width: 15%;
}

.w18 {
  width: 18%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w33 {
  width: 33.3%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w48 {
  width: 48%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w92 {
  width: 92%;
}

.w93 {
  width: 93%;
}

.w94 {
  width: 94%;
}

.w95 {
  width: 95%;
}

.w96 {
  width: 96%;
}

.w97 {
  width: 97%;
}

.w98 {
  width: 98%;
}

.w99 {
  width: 99%;
}

.w100 {
  width: 100%;
}

.scrollbox {
  position: relative;
  width: 100%;
  overflow: auto;
  scrollbar-base-color: #fff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-face-color: #f1f1f1;
  scrollbar-highlight-color: #f1f1f1;
  scrollbar-shadow-color: #f1f1f1;
  scrollbar-track-color: #ffffff;
}

/*スクロールバー全体*/
.scrollbox::-webkit-scrollbar {
  width: 10px;
}

/*横スクロールバー全体*/
.scrollbox::-webkit-scrollbar:horizontal {
  height: 10px;
}

/*スクロールバー上下左右末端のボタン*/
.scrollbox::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
}

/*ドラッグするツマミ部分*/
.scrollbox::-webkit-scrollbar-thumb {
  background: #f1f1f1;
}

/*右下角部分*/
.scrollbox::-webkit-scrollbar-corner {
  background-color: transparent;
}

html {
  font-size: 62.5%;
}

body {
  text-align: center;
  color: #323232;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", メイリオ, Meiryo, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.6rem;
  overflow-x: hidden;
  background-color: white;
  position: relative;
  min-width: 1040px;
  -webkit-text-size-adjust: 100%;
  animation: fadeIn 1s ease 0s 1 normal;
}

p,
li,
dt,
dd,
table,
th,
td {
  line-height: 1.6;
}

img {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
}

a {
  color: #464646;
  text-decoration: none;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a:visited {
  color: #464646;
}
a.noborder {
  text-decoration: none;
}
a.noborder:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}

a:hover,
a:hover img,
input[type="submit"]:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}

/* ====================================================================== */
/* Bg */
/* ====================================================================== */
/* ====================================================================== */
/* HEADER */
/* ====================================================================== */
header {
  width: 100%;
  position: relative;
}
header .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 10px;
}
header .inner h1 {
  padding-left: 50px;
  text-align: left;
  position: relative;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 1.5;
}
header .inner h1::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../img/common/logo.svg) no-repeat center;
  background-size: 26px auto;
  border: 2px solid #fa6233;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
}
header .inner h1 small {
  font-size: 2.4rem;
  font-weight: 400;
}
header .inner .telinfo {
  text-align: right;
}
/* header .inner .telinfo dt {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ff1b56;
  position: relative;
} */
header .inner .telinfo dt a {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ff1b56;
  position: relative;
}
header .inner .telinfo dt::before {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  width: 42px;
  height: 42px;
  background: url(../img/phone.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 4px;
}
header .inner .telinfo dd {
  font-size: 1.2rem;
  line-height: 1.3;
}

/* ====================================================================== */
/* CONTENT */
/* ====================================================================== */
article {
  text-align: left;
  position: relative;
  padding-bottom: 250px;
}
article.confirm {
  padding-bottom: 100px;
}
article.thanks {
  padding-bottom: 180px;
}
article .ct {
  margin-top: 100px;
}
article .ct:nth-of-type(1) {
  margin-top: 0;
}
article .ct .sublb {
  display: table;
  padding: 60px 2em 0.15em;
  font-weight: 800;
  font-size: 3.6rem;
  text-align: center;
  font-feature-settings: "palt";
  position: relative;
}
article .ct .sublb span {
  position: relative;
  z-index: 10;
}
article .ct .sublb::before {
  content: "";
  display: table;
  width: 42px;
  height: 42px;
  background: url(../img/dekionline_fabi.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  /*        -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);*/
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: -1;
}
article .ct .sublb::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #FFD25C;
  position: absolute;
  bottom: 0;
  left: 0;
}
article .ct .smlb_wrap {
  margin-top: 50px;
  text-align: center;
  position: relative;
}
article .ct .smlb_wrap .smlb {
  position: relative;
  line-height: 1.4;
  padding: 0.5em 2em;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
}
article .ct .smlb_wrap .smlb::before, article .ct .smlb_wrap .smlb::after {
  position: absolute;
  top: 0;
  content: "";
  width: 8px;
  height: 100%;
  display: inline-block;
}
article .ct .smlb_wrap .smlb::before {
  border-left: solid 1px #adadad;
  border-top: solid 1px #adadad;
  border-bottom: solid 1px #adadad;
  left: 0;
}
article .ct .smlb_wrap .smlb::after {
  content: "";
  border-top: solid 1px #adadad;
  border-right: solid 1px #adadad;
  border-bottom: solid 1px #adadad;
  right: 0;
}
article .ct .smlb_orange {
  margin-top: 50px;
  line-height: 1.4;
  padding: 0.5em 0;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #FFD25C;
  color: white;
  text-align: center;
}
article .ct .smlb2 {
  margin-top: 50px;
  padding-left: 1.5em;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
article .ct .smlb2::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #FFD25C;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
article .ct .smlb2 + p {
  margin-top: 20px;
}

/* --------------------------------------------------- */
/* パラグラフ */
/* --------------------------------------------------- */
article p {
  margin-top: 50px;
}

/* --------------------------------------------------- */
/* Table */
/* --------------------------------------------------- */
article table.tb1 {
  width: 100%;
  margin-top: 50px;
  border-collapse: collapse;
}
article table.tb1 th,
article table.tb1 td {
  padding: 0.75em 1.5em;
  border: 1px solid #b4b4b4;
  vertical-align: middle;
  text-align: left;
}
article table.tb1 th {
  font-weight: bold;
  background-color: rgba(239, 239, 239, 0.3);
}

/* --------------------------------------------------- */
/* UL OL */
/* --------------------------------------------------- */
article ul,
article ol {
  margin-top: 50px;
}
article ul li,
article ol li {
  margin-bottom: 1em;
}
article ul li:last-child,
article ol li:last-child {
  margin-bottom: auto;
}
article ul.list_disc li,
article ol.list_disc li {
  margin-left: 1em;
  list-style-type: disc;
}
article ul.list_none li,
article ol.list_none li {
  margin-left: 1em;
  list-style-type: none;
}
article ul.list_num li,
article ol.list_num li {
  margin-left: 1em;
  list-style-type: decimal;
}

/* --------------------------------------------------- */
/* DL */
/* --------------------------------------------------- */
article dl {
  margin-top: 50px;
}

/* --------------------------------------------------- */
/* Bgbox */
/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* Form_Parts */
/* --------------------------------------------------- */
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  box-sizing: border-box;
  outline: none;
}

select::-ms-expand {
  display: none;
}

.select {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical-align: middle;
}

/* --------------------------------------------------- */
/* Other */
/* --------------------------------------------------- */
/* ====================================================================== */
/* Footer */
/* ====================================================================== */
footer {
  background-color: #333;
  text-align: center;
}
footer .f_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5em 0;
}
footer .f_inner ul.f_menu {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
footer .f_inner ul.f_menu li {
  padding: 0 1em;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
footer .f_inner ul.f_menu li:last-child {
  border-right: none;
}
footer .f_inner ul.f_menu li a {
  font-size: 1.2rem;
  color: white;
}
footer .f_inner .copyright {
  display: block;
  margin-top: 1em;
  font-size: 1rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  color: white;
}

#pagetop {
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 200;
}
#pagetop a {
  display: block;
  padding: 35px 20px 20px 20px;
  font-size: 1.4rem;
  background-color: #1ea5cd;
  color: white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#pagetop a::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/icon/up-arrow_w.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

/* ================================================================== */
/* COMMON */
/* ================================================================== */
#btm.c_disp {
  display: block;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.btmarea {
  opacity: 0;
  width: 100%;
  padding: 0;
  /*background: url(../img/common/btmarea.png) no-repeat;*/
  background-size: cover;
  background-position: center;
  /*  background-color: rgba($c_orange, 0.9);*/
  position: fixed;
  bottom: 0;
  overflow: hidden;
  text-align: center;
  /*display: none;*/
  z-index: 1000;
}
.btmarea .inner {
  margin: 0 auto;
  padding: 20px;
  background-color: white;
}
.btmarea .contactinfo {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 1em 0;
}
.btmarea .contactinfo .ct_lb {
  display: table;
  font-weight: 800;
  margin-right: 3em;
  padding: 0.75em;
  border: 1px solid #999;
  position: relative;
}
.btmarea .contactinfo .ct_lb::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../img/dekionline_fabi.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btmarea .contactinfo ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.btmarea .contactinfo ul li {
  margin: 0 .25em;
  line-height: 1.3;
  text-align: left;
}
.btmarea .contactinfo ul li:last-child {
  margin-right: 0;
}
.btmarea .contactinfo ul li .phone {
  position: relative;
  font-size: 3.2rem;
  font-weight: bold;
  color: #ff1b56;
}
.btmarea .contactinfo ul li .phone::before {
  content: "";
  display: inline-block;
  margin-right: 0.25em;
  width: 30px;
  height: 30px;
  background: url(../img/phone.png) no-repeat;
  background-size: contain;
}
.btmarea .contactinfo ul li small {
  margin-top: 0.25em;
  font-size: 1.2rem;
  font-weight: normal;
  vertical-align: middle;
}
.btmarea .contactinfo ul li .contact_btn {
  padding: 1em;
  padding-left: 3em;
  background-color: #134383;
  color: white;
  font-size: 1.8rem;
  font-weight: 800;
  position: relative;
  line-height: 1.1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.btmarea .contactinfo ul li .contact_btn .dn-sp {
  display: inline-block;
}
.btmarea .contactinfo ul li .contact_btn small {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
}
.btmarea .contactinfo ul li .contact_btn::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../img/mail.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.i_right {
  margin: 50px 0 50px 50px;
  float: right;
}

.i_left {
  margin: 50px 50px 50px 0;
  float: left;
}

.i_center {
  display: block;
  margin: 50px auto 0;
}

/* ================================================================== */
/* TOP */
/* ================================================================== */
.mainimg {
  margin: 10px auto 0;
  /* background: url(../img/top/town.svg) repeat-x bottom; */
  /* background-color: rgba(245, 245, 245, 0.7); */
  border-top: 1px solid #ccc; 
  border-bottom: 1px solid #ccc;
}
.mainimg .img_inner {
  display: -webkit-flex;
  display: flex;
  /* -webkit-align-items: center; */
  /* align-items: center; */
  height: 417px;
  /* background: url(../img/top/mainimg.png) no-repeat right bottom; */
}

.top {
  /*flow*/
  /*faq*/
}
.top-cv-area {
  display: none;
}
.top .target {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0;
}
.top .target .tbox {
  width: 30%;
  margin-top: 50px;
  text-align: center;
  /*      background-color: #f5f5f5;*/
}
.top .target .tbox .lb {
  display: block;
  margin: 0 0.5em;
  padding: 0.5em 0.5em;
  font-size: 2rem;
  font-weight: 800;
  border: 2px solid #FFD25C;
  background-color: #fffef0;
  color: #FFD25C;
  box-sizing: border-box;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  box-sizing: border-box;
  line-height: 1.2;
}
.top .target .tbox img {
  display: block;
  width: 70%;
  height: 160px;
  margin-top: 1.5em;
  object-fit: cover;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.top .target .tbox p {
  margin: 1em;
}
.top .flow {
  text-align: center;
}
.top .flow .flowbox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1em;
  border: 2px solid #FFD25C;
  box-sizing: border-box;
  position: relative;
}
.top .flow .flowbox:nth-of-type(1) {
  margin-top: 50px;
}
.top .flow .flowbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 30;
  border-top: 100px solid rgba(255, 210, 92, 0.9);
  border-right: 100px solid transparent;
}
.top .flow .flowbox .stepno {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index: 50;
  font-size: 1.8rem;
  color: white;
  text-align: center;
}
.top .flow .flowbox dl {
  width: 640px;
  margin: 0 0 0 100px;
  text-align: left;
}
.top .flow .flowbox dl dt {
  padding-bottom: 0.25em;
  font-size: 2.1rem;
  font-weight: 700;
  color: #fa6233;
  position: relative;
  border-bottom: 1px dashed #fa6233;
}
.top .flow .flowbox dl dt::before {
  margin-right: 1em;
  content: "引越前";
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: #2db7ff;
  color: white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.top .flow #after-moving dl dt::before {
  margin-right: 1em;
  content: "引越後";
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: #FF000C;
  color: white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.top .flow .flowbox dl dd {
  padding-top: 2em;
  line-height: 1.3;
}
.top .flow .flowbox img {
  width: 100px;
  height: 200px;
  margin-right: 20px;
}
.top .flow #after-moving img {
  width: 120px;
  height: 85px;
  margin-top: 32px;
  margin-right: 20px;
  margin-bottom: 50px;
}
.top .flow .arrow {
  display: block;
  margin: 10px auto;
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.top .faq {
  width: auto;
  margin-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(245, 245, 245, 0.7);
  overflow: hidden;
}
.top .faq .sublb {
  margin-top: 50px;
}
.top .faq .sublb::before {
  background: url(../img/dekionline_fabi.png) no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.top .faq .sublb::after {
  background-color: #999;
}
.top .faq .faqdt {
  margin-top: 20px;
  padding: 1.5em;
  background-color: white;
  /*      border: 1px solid #999;*/
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 2px 3px rgba(51, 51, 51, 0.2);
  -webkit-box-shadow: 0 2px 3px rgba(51, 51, 51, 0.2);
  box-shadow: 0 2px 3px rgba(51, 51, 51, 0.2);
}
.top .faq .faqdt:nth-of-type(1) {
  margin-top: 50px;
}
.top .faq .faqdt .lb {
  padding: 0.5em 2.5em;
  font-size: 1.8rem;
  font-weight: 800;
  position: relative;
}
.top .faq .faqdt .lb::before {
  content: "Q";
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #717171;
  color: white;
  font-size: 1.6rem;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.top .faq .faqdt .answer_wrap {
  margin-top: 15px;
  margin-left: 30px;
  padding-left: 50px;
  position: relative;
}
.top .faq .faqdt .answer_wrap::before {
  content: "A";
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #FFD25C;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.6rem;
  font-weight: 400;
}
.top .faq .faqdt .answer_wrap p,
.top .faq .faqdt .answer_wrap ul {
  margin-top: 15px;
}
.top .faq .faqdt .answer_wrap p:nth-of-type(1),
.top .faq .faqdt .answer_wrap ul:nth-of-type(1) {
  margin-top: 0;
}

/* ================================================================== */
/* Company */
/* ================================================================== */
.company .gaiyo {
  text-align: center;
}
.company .gaiyo .sublb {
  margin-top: 50px;
}

/* ================================================================== */
/* Privacy */
/* ================================================================== */
.privacy .policy .sublb {
  margin-top: 50px;
}

/* ================================================================== */
/* Register */
/* ================================================================== */
.register {
  padding-top: 50px;
}
.register .cautiontxt {
  display: table;
  margin: 2em auto 0;
  padding: .5em 1em;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  background-color: #fffeeb;
  color: #d5140a;
  border: 1px solid rgba(213, 20, 10, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.register .forminput {
  text-align: center;
}
.register .forminput .reg_flow {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.register .forminput .reg_flow li {
  margin-right: 50px;
  display: -webkit-flex;
  display: flex;
  padding: 1em 2em;
  background-color: #ebebeb;
  position: relative;
  font-weight: bold;
}
.register .forminput .reg_flow li.active {
  background-color: #ff1b56;
  color: white;
}
.register .forminput .reg_flow li.active::after {
  border-color: transparent transparent transparent #ff1b56;
}
.register .forminput .reg_flow li:last-child::after {
  display: none;
}
.register .forminput .reg_flow li::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent transparent #ebebeb;
  border-width: 15px 0 15px 25px;
}
.register .forminput .caution_list li {
  padding-left: 1.5em;
  position: relative;
}
.register .forminput .caution_list li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.register .forminput .formbox {
  margin-top: 30px;
  text-align: left;
  overflow: hidden;
}
.register .forminput .formbox p {
  text-align: center;
}
.register .forminput .formbox p:nth-of-type(1) {
  margin-top: 20px;
}
.register .forminput .formbox p:nth-of-type(2) {
  color: red;
  font-weight: bold;
  font-size: 1.8rem;
}
.register .forminput .formbox .smlb_orange + dl {
  margin-top: 30px;
}
.register .forminput .formbox dl {
  width: 100%;
  display: table;
  margin-top: 0;
  padding: 1.5em 0;
  border: 1px solid #b4b4b4;
  box-sizing: border-box;
}
.register .forminput .formbox dl:not(:nth-of-type(1)) {
  border-top: none;
}
.register .forminput .formbox dl.sub {
  border: none;
  margin-bottom: 1.5em;
  padding: 0;
}
.register .forminput .formbox dl.sub.sub_end {
  margin-bottom: 0;
}
.register .forminput .formbox dl.sub dt {
  width: 20%;
  font-weight: normal;
}
.register .forminput .formbox dl dt,
.register .forminput .formbox dl dd {
  display: table-cell;
  padding: 0 1em;
  vertical-align: top;
}
.register .forminput .formbox dl dt {
  width: 25%;
  font-weight: bold;
}
.register .forminput .formbox dl dt small {
  display: block;
  font-size: 1.3rem;
}
.register .forminput .formbox dl dt .notnull {
  display: inline-block;
  margin-left: 1em;
  padding: 0 0.5em;
  background-color: red;
  color: white;
  font-size: 1.1rem;
  font-weight: normal;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
.register .forminput .formbox dl dd {
  width: 75%;
}
.register .forminput .formbox dl dd input[type="text"],
.register .forminput .formbox dl dd input[type="email"],
.register .forminput .formbox dl dd input[type="url"],
.register .forminput .formbox dl dd select,
.register .forminput .formbox dl dd textarea {
  font-size: 1.5rem;
  padding: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
}
.register .forminput .formbox dl dd input[type="text"]::placeholder,
.register .forminput .formbox dl dd input[type="email"]::placeholder,
.register .forminput .formbox dl dd input[type="url"]::placeholder,
.register .forminput .formbox dl dd select::placeholder,
.register .forminput .formbox dl dd textarea::placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.register .forminput .formbox dl dd input[type="radio"],
.register .forminput .formbox dl dd input[type="checkbox"] {
  width: 16px;
  height: 16px;
  vertical-align: -0.2em;
}
.register .forminput .formbox dl dd input[type="radio"] + label,
.register .forminput .formbox dl dd input[type="checkbox"] + label {
  margin-right: 1em;
}
.register .forminput .formbox dl dd select {
  width: auto;
  padding-right: 20px;
  font-size: 100%;
  font-size: 1.5rem;
}
/*.register .forminput .formbox dl dd select[name="moving_month"] {
  margin-right: 10px;
}*/
.register .forminput .formbox dl dd textarea {
  font-family: sans-serif;
}
.register .forminput .formbox dl dd .form-text {
  margin: 2em 0 1em;
}
.register .forminput .formbox dl dd .caution {
  display: block;
  margin: 0;
  padding-left: 1.5em;
  font-size: 1.2rem;
  margin-top: 0.5em;
  position: relative;
}
.register .forminput .formbox dl dd .caution::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.register .forminput .formbox .btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  justify-content: center;
  margin-top: 50px;
  text-align: center;
}
.register .forminput .formbox .btnarea input {
  margin-top: 0;
  font-weight: 800;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1.8rem;
  padding: 1em 5em;
  border: none;
  cursor: pointer;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.register .forminput .formbox .btnarea input.send_btn {
  background-color: #2fd47a;
  color: white;
}
.register .forminput .formbox .btnarea input.upd_btn {
  background-color: rgba(245, 245, 245, 0.1);
  border: 1px solid rgba(180, 180, 180, 0.5);
}
a.goto-toppage {
  cursor: pointer;
  display: block;
  text-decoration: underline;
  margin-top: 100px;
  text-align: center;
}
/* ================================================================== */
/* SMP */
/* ================================================================== */
@media screen and (max-width: 767px) {
  .cnt, header .inner, article .ct, footer .f_inner, .btmarea .inner, .mainimg .img_inner, .top .faq .inner {
    width: 95%;
  }

  .br-pc,
  .dn-sp {
    display: none;
  }

  .br-sp,
  .dn-pc {
    display: block;
  }

  body {
    font-family: sans-serif;
    min-width: initial;
    font-size: 1.4rem;
  }

  /* ====================================================================== */
  /* HEADER */
  /* ====================================================================== */
  header .inner {
    padding: 1em 2em;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
  }
  header .inner img {
    max-width: 100%;
  }
  header .inner h1 {
    padding-left: 40px;
    font-size: 2.4rem;
  }
  header .inner h1::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../img/common/logo.svg) no-repeat center;
    background-size: 18px auto;
    border: 2px solid #fa6233;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
  }
  header .inner h1 small {
    font-size: 1.8rem;
  }
  header .inner .telinfo {
    display: none;
  }

  /* ====================================================================== */
  /* CONTENT */
  /* ====================================================================== */
  article {
    padding-bottom: 220px;
  }
  article.confirm,
  article.thanks, {
    padding-bottom: 80px;
  }
  #front article {
    padding-top: 0;
  }
  article .ct {
    margin-top: 50px;
  }
  article .ct .sublb {
    display: block;
    padding: 50px 0 0.15em;
    font-size: 2.1rem;
  }
  article .ct .smlb_wrap .smlb {
    font-size: 1.6rem;
  }
  article .ct .smlb_orange {
    margin-top: 30px;
    font-size: 1.5rem;
  }
  article .ct .smlb2 {
    font-size: 1.6rem;
  }
  article .ct .smlb2::before {
    width: 14px;
    height: 14px;
  }

  article p {
    margin-top: 30px;
  }

  article ul,
  article ol {
    margin-top: 30px;
  }

  article table.tb1 {
    display: block;
  }
  article table.tb1 th,
  article table.tb1 td {
    display: block;
  }
  article table.tb1 th {
    border-bottom: none;
  }
  article table.tb1 tr:not(:first-child) th {
    border-top: none;
  }

  footer .f_inner {
    padding: 0.25em 0;
    display: block;
  }
  footer .f_inner ul.f_menu li {
    padding: 0 1em;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 1;
  }
  footer .f_inner ul.f_menu li a {
    font-size: 1rem;
  }
  footer .f_inner .copyright {
    margin-top: 0.25em;
  }

  #pagetop {
    position: fixed;
    bottom: 25px;
    right: 10px;
    z-index: 200;
  }
  #pagetop a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 1.1rem;
  }
  #pagetop a::before {
    width: 7px;
    height: 7px;
    background-size: contain;
    top: 5px;
  }

  /* ================================================================== */
  /* COMMON */
  /* ================================================================== */
  .btmarea .inner {
    padding: 10px 0;
    /*margin: 10px auto;*/
  }
  .btmarea .contactinfo {
    padding: 0.5em;
    display: block;
  }
  .btmarea .contactinfo .ct_lb {
    display: block;
    font-size: 1.2rem;
    margin-right: 0;
    padding: 0.5em 0;
  }
  .btmarea .contactinfo .ct_lb::before {
    width: 16px;
    height: 16px;
    margin-right: 0.5em;
  }
  .btmarea .contactinfo ul {
    margin-top: 0.5em;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .btmarea .contactinfo ul li {
    margin: 0 0.25em;
    line-height: 1.3;
    text-align: left;
  }
  .btmarea .contactinfo ul li:last-child {
    margin-right: 0;
  }
  .btmarea .contactinfo ul li .phone {
    font-size: 1.6rem;
  }
  .btmarea .contactinfo ul li .phone::before {
    margin-right: 0.25em;
    width: 16px;
    height: 16px;
  }
  .btmarea .contactinfo ul li small {
    margin-top: 0.25em;
    font-size: 1rem;
    line-height: 1;
  }
  .btmarea .contactinfo ul li .contact_btn {
    padding: 1.5em 0.5em;
    padding-left: 2.5em;
    font-size: 1.2rem;
    line-height: 1.1;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .btmarea .contactinfo ul li .contact_btn small {
    display: none;
  }
  .btmarea .contactinfo ul li .contact_btn::before {
    width: 14px;
    height: 14px;
  }

  .contact_menu {
    display: block;
  }
  .contact_menu li {
    margin: 0 20px 20px;
  }
  .contact_menu li a {
    font-size: 1.8rem;
  }

  /* ================================================================== */
  /* TOP */
  /* ================================================================== */
  .mainimg {
    margin-top: 0;
  }
  .mainimg .img_inner {
    display: block;
    width: 100%;
    height: auto;
    /*width: auto;*/
    /*height: 340px;*/
    /*background: url(../img/top/smp_mainimg.png) no-repeat;*/
    /*background-size: 300px auto;*/
    /*background-position: 120px bottom;*/
  }
  .mainimg .img_inner img {
    width: 100%;
    margin: 0;
    /*margin-top: 30px;*/
    /*margin-left: 15px;*/
  }

  .top {
    /*flow*/
    /*faq*/
  }
  .top-cv-area {
    display: block;
    margin-top: 10px;
    text-align: center;
  }
  .top-cv-area .telinfo a {
    display: block;
    font-size: 24px;
    font-weight: 900;
    color: #ff0050;
    position: relative;
    text-decoration: none;
  }
  .top-cv-area .telinfo a::before {
    content: "";
    display: inline-block;
    margin-right: 0;
    width: 38px;
    height: 38px;
    background: url(../img/phone.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  .top-cv-area .telinfo p {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
  }
  .top .target {
    display: block;
  }
  .top .target .tbox {
    width: auto;
    margin-top: 50px;
  }
  .top .target .tbox .lb {
    font-size: 1.8rem;
  }
  .top .target .tbox img {
    display: block;
    width: 60%;
    height: 140px;
    margin-top: 1.5em;
  }
  .top .target .tbox p {
    margin: 1em;
  }
  .top .flow {
    text-align: center;
  }
  .top .flow .flowbox {
    padding: 1em;
    border: 1px solid #FFD25C;
    display: block;
  }
  .top .flow .flowbox:nth-of-type(1) {
    margin-top: 50px;
  }
  .top .flow .flowbox::before {
    border-top: 60px solid rgba(250, 98, 51, 0.9);
    border-right: 60px solid transparent;
  }
  .top .flow .flowbox .stepno {
    font-size: 1.1rem;
  }
  .top .flow .flowbox dl {
    width: 85%;
    margin: 0 auto;
  }
  .top .flow .flowbox dl dt {
    padding-top: 30px;
    font-size: 1.6rem;
    position: relative;
    line-height: 1.3;
  }
  .top .flow .flowbox dl dt::before,
  .top .flow #after-moving dl dt::before {
    padding: 0.15em 0.5em;
    font-size: 1.3rem;
    position: absolute;
    top: 0;
    left: 20px;
  }
  .top .flow .flowbox dl dd {
    padding-top: 1em;
  }
  .top .flow .flowbox img {
    margin-top: 1em;
    width: 90px;
    height: 174px;
    margin-right: 0;
  }
  .top .flow #after-moving img {
    width: 120px;
    height: auto;
    margin-right: 0;
  }
  .top .flow .arrow {
    width: 30px;
    height: 30px;
  }
  .top .faq .sublb {
    width: 95%;
    margin-top: 30px;
  }
  .top .faq .faqdt {
    margin-top: 20px;
    padding: 1em;
  }
  .top .faq .faqdt:nth-of-type(1) {
    margin-top: 30px;
  }
  .top .faq .faqdt .lb {
    padding: 0.5em 0 0.5em 50px;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .top .faq .faqdt .answer_wrap {
    margin-top: 15px;
    margin-left: 0;
    padding-left: 50px;
  }
  .top .faq .faqdt .answer_wrap p,
  .top .faq .faqdt .answer_wrap ul {
    margin-top: 15px;
  }
  .top .faq .faqdt .answer_wrap p:nth-of-type(1),
  .top .faq .faqdt .answer_wrap ul:nth-of-type(1) {
    margin-top: 0;
  }

  /* ================================================================== */
  /* Company */
  /* ================================================================== */
  .company .gaiyo .sublb {
    margin-top: 30px;
  }

  /* ================================================================== */
  /* Privacy */
  /* ================================================================== */
  .privacy .policy .sublb {
    margin-top: 30px;
  }

  /* ================================================================== */
  /* Register */
  /* ================================================================== */
  .register {
    padding-top: 30px;
  }
  .register .forminput .reg_flow {
    margin-top: 0;
  }
  .register .forminput .reg_flow li {
    margin-right: 20px;
    padding: 1em 0.5em;
    font-size: 1.1rem;
  }
  .register .forminput .reg_flow li:last-child {
    margin-right: 0;
  }
  .register .forminput .reg_flow li::after {
    right: -12px;
    border-width: 7px 0 7px 12px;
  }
  .register .forminput .formbox p:nth-of-type(2) {
    font-size: 1.4rem;
  }
  .register .forminput .formbox dl {
    display: block;
  }
  .register .forminput .formbox dl.sub {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1.5em;
    padding: 0;
    display: block;
  }
  .register .forminput .formbox dl.sub dt,
  .register .forminput .formbox dl.sub dd {
    display: block;
  }
  .register .forminput .formbox dl.sub.sub_end {
    margin-bottom: 0;
  }
  .register .forminput .formbox dl.sub dt {
    width: auto;
    font-weight: normal;
  }
  .register .forminput .formbox dl.sub dd {
    width: auto;
    padding-top: 0;
  }
  .register .forminput .formbox dl dt,
  .register .forminput .formbox dl dd {
    display: block;
  }
  .register .forminput .formbox dl dt {
    width: auto;
  }
  .register .forminput .formbox dl dt small {
    margin-left: 0.5em;
    display: inline-block;
  }
  .register .forminput .formbox dl dd {
    width: auto;
    padding-top: 1em;
  }
  .register .forminput .formbox dl dd input[type="text"],
  .register .forminput .formbox dl dd input[type="email"],
  .register .forminput .formbox dl dd input[type="url"],
  /*.register .forminput .formbox dl dd select,*/
  .register .forminput .formbox dl dd textarea {
    width: 90%;
  }
  .register .forminput .formbox dl dd input.username_sei,
  .register .forminput .formbox dl dd input.username_mei,
  .register .forminput .formbox dl dd input.userkana_sei,
  .register .forminput .formbox dl dd input.userkana_mei {
    width: 30%;
  }
  .register .forminput .formbox dl dd input.origin_zipcode {
    width: auto;
  }
  .register .forminput .formbox .btnarea input {
    font-size: 1.6rem;
    padding: 1em 1.5em;
  }

  a[href^="tel:"] {
    pointer-events: visible;
  }
}