@charset "utf-8";
/*remixicon*/
@import url("https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css");

.roboto {
  font-family: 'Roboto', sans-serif;
}

/* ----------------------------------------------------------------header*/
header {
  position: relative;
}

header h1 {
  position: absolute;
  top: -25px;
  text-align: left;
  font-size: 9px;
  font-weight: 500;
  color: #666;
  margin: 5px 0 10px 10px;
}

header .flex_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

header .company_logo img {
  width: 100%;
  height: auto;
  max-width: 215px;
}

@media print,
screen and (min-width:768px) {
  header {}

  header h1 {
    font-size: 10px;
  }

  header .flex_box {
    justify-content: flex-start;
    width: auto;
    box-sizing: border-box;
  }

  header .company_logo {
    margin: 0 40px 0 15px;
  }

  header .company_logo img {
    width: auto;
    height: auto;
    max-width: 380px;
  }
}

/*------------------------------------------------------------toggle*/
.toggle {
  position: fixed;
  right: 15px;
  width: 40px;
  height: 40px;
  background: #225baf;
  border-radius: 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  z-index: 10000;
}

.toggle span {
  display: block;
  background: #fff;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 10px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.toggle span:first-child {
  top: 12px;
}

.toggle span:nth-child(2) {
  margin-top: -1px;
  top: 50%;
}

.toggle span:nth-child(3) {
  bottom: 12px;
}

.toggle.opennav {
  position: fixed;
  z-index: 99999;
}

.toggle.opennav span {}

.toggle.opennav span:first-child {
  -webkit-transform: translateY(7px) rotate(45deg);
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

.toggle.opennav span:nth-child(2) {
  opacity: 0;
}

.toggle.opennav span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

@media print,
screen and (min-width:768px) {
  .toggle {
    display: none;
  }
}

/*------------------------------------------------------------mainnavi*/
#mainnavi {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.95);
}

#mainnavi ul {
  margin-top: 70px;
}

#mainnavi ul li {
  margin: 40px 0;
}

#mainnavi .logo_fix {
  display: none;
}

#mainnavi .phone_fix {
  display: none;
}

#mainnavi .add_fix {
  display: none;
}

#mainnavi ul li a {
  display: block;
  line-height: 1.1;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
}

#mainnavi ul li a:hover {
  color: #225baf;
}

#mainnavi ul li.active a {
  color: #225baf;
}

@media print,
screen and (min-width:576px) {}

@media print,
screen and (min-width:768px) {
  #mainnavi {
    display: block !important;
    position: inherit;
    text-align: center;
    z-index: 998;
    margin-right: 30px;
    background: none;
  }

  #mainnavi ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    width: auto;
    margin: 0 auto;
  }

  #mainnavi ul li {
    position: relative;
    margin: 5px 0;
    border-bottom: none;
    padding: 0 20px;
  }

  #mainnavi ul li:last-of-type {}
}

.add .ri-phone-fill {
  color: #30b363;
  font-size: 28px;
}

.add i.ri-phone-fill {
  margin-right: 0;
  vertical-align: middle;
}

.add .ri-mail-fill {
  color: #fff;
  font-size: 28px;
  vertical-align: middle;
}

.add .pc_none .ri-phone-fill {
  color: #fff;
  font-size: 28px;
}

@media print,
screen and (min-width:768px) {
  .add i.ri-phone-fill {
    margin-right: 3px;
    vertical-align: middle;
    font-size: 38px;
  }
}

/* ----------------------------------------------------------------ul.add */
#mainnavi ul li.recruitment a {
  display: inline-block;
  color: #fff;
  background: #30b363;
  font-weight: 700;
  border-radius: 40px;
  padding: 10px 20px;
}

#mainnavi ul li.recruitment a:hover {
  display: inline-block;
  color: #30b363;
  background: #ffe300;
}

#mainnavi ul li.active.recruitment a {
  /*color: #ffe300;*/
}

/* ----------------------------------------------------------------ul.add */
.add_flex {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: auto;
  margin: 26px 0 10px 10px;
}

ul.add {
  position: relative;
  display: flex;
  justify-content: flex-end;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-right: 60px;
  color: #000;
}

ul.add li.pc_none {
  margin-right: 5px;
}

ul.add li.pc_none p:first-of-type {
  display: inline-block;
  background: #30b363;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
}

[data-tel] {
  color: inherit;
  /* 親要素の色に従う */
  text-decoration: none;
  /* 下線が出ていたら消す */
}

@media print,
screen and (min-width:576px) {}

@media print,
screen and (min-width:768px) {
  .add_flex {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin: 25px 0 10px 0;
  }

  ul.add {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    margin-top: -6px;
    margin-right: 15px;
    color: #000;
    width: 100%;
    max-width: 260px;
  }

  ul.add p {
    /*font-size: 20px;*/
  }

  ul.add li p:first-of-type {
    /*margin: 0 10px 0 0;*/
  }

  ul.add li.job_number {
    width: 100%;
    min-width: 250px;
  }

  ul.add li.job_number p:first-of-type {
    font-size: 16px;
    text-align: center;
    background: #225baf;
    color: #fff;
    border-radius: 45px;
    padding: 3px 15px;
    font-weight: 700;
  }

  ul.add li.job_number p:nth-of-type(2) {
    color: #225baf;
    font-size: 30px;
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;
    margin: 0 0 -5px 0;
  }

  ul.add li.job_number p:nth-child(n+3) {
    text-align: left;
    font-size: 15px;
    line-height: 1.2;
  }
}

/* ----------------------------------------------------------------nav_fix */
@media print,
screen and (min-width:768px) {
  #mainnavi ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    margin: 0 auto;
  }

  #mainnavi.fixed {
    position: fixed;
    top: 0;
    left: 0;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 105px;
    padding: 0;
    text-align: center;
    border-top: none;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9997;
  }

  #mainnavi.fixed::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    content: "";
    z-index: 9999;
  }

  #mainnavi.fixed .logo_fix {
    display: inline-block;
    margin-left: 30px;
  }

  #mainnavi.fixed .logo_fix img {
    width: auto;
    height: 75px;
  }

  #mainnavi.fixed .phone_fix {
    display: inline-block;
    margin-right: 30px;
  }

  #mainnavi.fixed ul {
    justify-content: flex-end;
    width: auto;
    margin-right: 30px;
    /*height: 70px;*/
    padding-top: 0;
  }

  #mainnavi.fixed ul li {
    flex-grow: 0;
    padding: 0 15px;
  }

  #mainnavi.fixed ul.add02 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-size: 14px;
    margin-right: 0;
    color: #000;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
  }

  #mainnavi.fixed ul.add02 li.sp_none p i {
    color: #30b363;
    font-size: 28px;
  }

  #mainnavi.fixed ul.add02 li.sp_none p:first-of-type {
    font-size: 16px;
    background: #225baf;
    color: #fff;
    border-radius: 45px;
    padding: 3px 15px;
    font-weight: 700;
  }

  #mainnavi.fixed ul.add02 li.sp_none p:nth-of-type(2) {
    color: #225baf;
    font-size: 30px;
    line-height: 1.2;
  }

  #mainnavi.fixed ul.add02 li.sp_none p:last-of-type {
    font-size: 15px;
    line-height: 1;
    position: absolute;
    width: 100%;
    right: 0;
    min-width: 520px;
  }

  #mainnavi.fixed .add_fix {
    display: inline-block;
    margin-right: 0;
  }

  #mainnavi.fixed .add_fix img {
    width: auto;
    height: 40px;
  }
}

@keyframes mnavslide {
  0% {
    top: -70px;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes mnavslide {
  0% {
    top: -70px;
  }

  100% {
    top: 0;
  }
}

/*====================================================================
各店舗連絡
=====================================================================*/
#contact_each_store {
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  background: #fff671;
  width: 100%;
  padding: 4px 0;
  font-weight: 700;
  z-index: 9999;
}

#contact_each_store li {
  margin: 10px;
}

#contact_each_store li a {
  text-decoration: none;
  color: #fff;
}

#contact_each_store li p {
  font-weight: 700;
  font-size: clamp(2.2rem, 1.5rem + 1.3vw, 1.5rem);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

#contact_each_store li p .store_phone {
  display: none !important;
}

#contact_each_store li p i {
  display: inline-block !important;
}

#contact_each_store li i {
  font-size: clamp(2.5rem, 1.5rem + 2vw, 4rem);
}

#contact_each_store li:first-of-type {
  background: #225baf;
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
}

#contact_each_store li:last-of-type {
  background: #30b363;
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
}

@media print,
screen and (min-width:768px) {
  #contact_each_store li p .store_phone {
    display: inline-block !important;
  }
}

/*------------------------------------------------------------content*/
.content_bg01 {
  background: #fff;
  padding: 40px 0;
}

.content_bg02 {
  background: #fdffe2;
  padding: 40px 0;
}

.content_bg03 {
  background: repeating-linear-gradient(-45deg, #f5f2da, #f5f2da 5px, #fffdee 5px, #fffdee 10px);
  padding: 40px 0;
}

.section {
  clear: both;
  padding-bottom: 10px;
}

@media print,
screen and (min-width:768px) {
  .content_bg01 {
    padding: 80px 0;
  }

  .content_bg02 {
    padding: 80px 0;
  }

  .content_bg03 {
    padding: 80px 0;
  }

  .section {
    padding-bottom: 30px;
  }
}

/*============================================================
recruit_information
=============================================================*/
#recruit_information {
  background: #c3e3ff;
  padding: 40px 0;
}

#recruit_information ul {
  margin: 40px 0 0 0;
}

#recruit_information li {
  list-style: none;
}

@media print,
screen and (min-width:768px) {
  #recruit_information {
    padding: 80px 0;
  }
}

.ct_info01 {
  font-weight: bold;
  background: #fff;
  border-radius: 10px 10px 0 0;
  padding: 20px;
  margin-bottom: 5px;
  /*width: 100%;*/
}

.ct_info01 h3 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 20px;
}

.ct_info01 h3::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  display: block;
  width: 60px;
  height: 2px;
  border-radius: 20px;
  margin-left: -30px;
  background: #30b363;
}

.ct_info02 {
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 20px 0 40px;
  /*width: 100%;*/
}

.ct_info02 .tel {
  font-family: "Roboto";
  font-weight: 900;
  font-size: 30px;
  margin-bottom: 20px;
  color: #225baf;
}

.ct_info02 .tel i {
  color: #30b363;
}

.ct_info02 .mail a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  padding: 10px 20px;
  background: #225baf;
  border-radius: 30px;
}

.ct_info02 .mail a i {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: bottom;
}

.ct_info02 .mail a:hover {
  text-decoration: none;
  color: #fff;
  background: #30b363;
  transition: 0.3s;
}

@media print,
screen and (min-width:768px) {
  .contact_info {
    padding: 80px 0;
    text-align: center;
  }

  .contact_info .container {
    display: flex;
    flex-wrap: nowrap;
  }

  .ct_info01 {
    border-radius: 10px 0 0 10px;
    padding: 50px;
    margin-bottom: 0;
    height: 100%;
  }

  .ct_info01 h3 {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 25px;
  }

  .ct_info01 h3::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    display: block;
    width: 70px;
    height: 3px;
    border-radius: 20px;
    margin-left: -30px;
    background: #30b363;
  }

  .ct_info02 {
    border-radius: 0 10px 10px 0;
    padding: 25px 0 50px;
    height: 100%;
  }

  .ct_info02 .tel {
    font-size: 50px;
    margin-bottom: 20px;
  }

  .ct_info02 .mail a {
    font-size: 27px;
    padding: 15px 50px 20px 50px;
    border-radius: 50px;
  }
}

/* ----------------------------------------------------------------footer*/
footer {
  color: #fff;
  background: #225baf;
  padding: 45px 0 90px;
}

/*footernavi*/
#footernavi ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  text-align: center;
  justify-content: center;
}

footer h3 {
  font-size: clamp(2rem, -0.500rem + 4.167vw, 2.5rem);
  font-weight: 700;
}

#footernavi ul li {
  margin: 0 10px;
}

#footernavi ul li a {
  padding: 5px 0;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
}

#footernavi ul li a:hover {
  text-decoration: underline;
  opacity: 0.6;
}

@media print,
screen and (min-width:480px) {}

@media print,
screen and (min-width:768px) {
  footer {
    text-align: center;
    padding: 50px 0 100px;
  }

  #footernavi ul {
    display: flex;
    justify-content: center;
    margin: 35px auto 20px;
    text-align: center;
    flex-wrap: wrap;
  }

  #footernavi ul li {
    flex-grow: 0;
    padding: 0 15px;
    margin-bottom: 10px;
  }

  #footernavi ul li:last-of-type {
    flex-grow: 0;
    padding: 0 15px;
    border-right: 0;
  }

  #footernavi ul li a {
    padding: 0;
    line-height: 1em;
  }

  #footernavi p {
    text-align: center;
    font-size: 14px;
  }

  @media print,
  screen and (min-width:768px) {
    #footernavi p {
      text-align: left;
    }
  }
}

@media print,
screen and (min-width:992px) {}

/*footerbanner*/
#footerbanner {
  margin-top: 20px;
}

#footerbanner div {
  margin-bottom: 10px;
}

@media print,
screen and (min-width:992px) {
  #footerbanner {
    margin-top: 0px;
  }
}

address {
  margin-top: 20px;
  font-size: 11px;
}

/*footer_map*/
#footer_map p {
  text-align: center;
  margin-bottom: 20px;
}

@media print,
screen and (min-width:768px) {
  #footer_map p {
    text-align: left;
  }
}

#footer_map img {
  max-width: 400px;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

footer small {
  font-size: 12px;
  text-align: center;
}

@media print,
screen and (min-width:768px) {}

/*------------------------------------------------------------Pankuzu*/
/*pankuzu*/
#pankuzu {
  width: 100%;
  margin: 5px 0;
  clear: both;
  color: #666;
}

#pankuzu ol {
  list-style: none;
}

#pankuzu ol li {
  float: left;
  font-size: 11px;
  padding: 0 7px 0 10px;
}

#pankuzu ol li em {
  font-style: normal;
}

#pankuzu ol li.home {
  padding-left: 0;
  background: none;
}

#pankuzu ol li a:link,
#pankuzu ol li a:visited {
  text-decoration: underline;
}

#pankuzu ol li a:hover,
#pankuzu ol li a:active {
  text-decoration: underline;
}

#pankuzu .arrow {
  position: relative;
}

#pankuzu .arrow::before,
#pankuzu .arrow::after {
  content: "";
  width: 8px;
  /* 線の長さを指定 */
  height: 2px;
  /* 線の幅を指定 */
  display: inline-block;
  border-radius: 2px;
  /* 線を角丸にする */
  background: #666;
  position: absolute;
  left: 95%;
}

#pankuzu .arrow::before {
  top: calc(50% - 3px);
  /* 数値は微調整してください */
  transform: rotate(45deg);
  /* 45度回転させる */
}

#pankuzu .arrow::after {
  bottom: calc(50% - 3px);
  /* 数値は微調整してください */
  transform: rotate(-45deg);
  /* -45度回転させる */
}

/*------------------------------------------------------------table*/
.sheet_basic {
  width: 100%;
  border-collapse: collapse;
}

.sheet_basic {
  border: 1px solid #929292;
}

.sheet_basic tr {
  border: 1px solid #929292;
}

.sheet_basic tr th,
.sheet_basic tr td {
  padding: 10px;
  text-align: left;
  vertical-align: top;
  display: block;
}

.sheet_basic tr th {
  background: #fffdee;
}

@media print,
screen and (min-width:768px) {

  .sheet_basic tr th,
  .sheet_basic tr td {
    display: table-cell;
    padding: 20px 30px;
  }

  .sheet_basic tr th {
    vertical-align: middle;
    width: 25%;
  }
}

/*------------------------------------------------------------Decoration*/
/*Line*/
hr.line_01 {
  height: 1px;
  clear: both;
  margin: 20px 0px;
  border-top: 1px dotted #CCC;
  border-right: 0 dotted #CCC;
  border-bottom: 0 dotted #CCC;
  border-left: 0 dotted #CCC;
}

.space_10 {
  height: 10px;
  clear: both;
}

.space_20 {
  height: 20px;
  clear: both;
}

.space_30 {
  height: 30px;
  clear: both;
}

.space_10 hr,
.space_20 hr,
.space_30 hr {
  display: none;
}

/*------------------------------------------------------------Text*/
/*title*/
.title01 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #202124;
  margin-bottom: 40px;
  line-height: 1.3;
}

.title01 .en_tit {
  font-size: 18px;
  font-weight: 700;
  color: #225baf;
}

.title02 {
  font-size: 20px;
  font-weight: 700;
  color: #225baf;
  margin-bottom: 25px;
  padding-bottom: 10px;
  
}

.title03 {
  font-size: 16px;
  font-weight: bold;
  color: #6D6D6D;
  padding-left: 10px;
  margin-bottom: 10px;
  border-left: 3px solid #6D6D6D;
}

.title03 span {
  font-size: 12px;
}

@media print,
screen and (min-width:768px) {
  .title01 {
    font-size: 36px;
  }

  .title02 {
    font-size: 24px;
  }
}

/*------------------------------------------------------------ClearFix*/
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*------------------------------------------------------------Hoverimg*/
a:hover img.hoverimg {
  opacity: 0.6;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

/*------------------------------------------------------------other*/
/*Pagetop*/
#pagetop {
  position: fixed;
  bottom: 15px;
  right: 12px;
  z-index: 99999;
}

#pagetop img {
  width: 30px;
  height: auto;
}

@media print,
screen and (min-width:768px) {
  #pagetop {
    bottom: 15px;
    right: 20px;
  }

  #pagetop img {
    width: 35px;
    height: auto;
  }
}

/*==========================================================*/
.sp_none {
  display: none;
}

@media print,
screen and (min-width:768px) {
  .pc_none {
    display: none;
  }

  .sp_none {
    display: inline-block;
  }
}

#contact_each_store .tel-link a {
  color: #fff !important;
  text-decoration: none !important;
}

.tel-link a {
  color: #000 !important;
  text-decoration: none !important;
}

.tel-link {
  text-decoration: none;
}

/*===============================
波
================================*/
.wave {
  position: absolute;
  top: calc(100% - 15px);
  left: 0;
  z-index: 9995;

}

/*===============================
画像広さ
================================*/
.img_w {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

/*===============================
ボタン
================================*/
.common_btn a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #ff2b5d;
  font-weight: 700;
  border-radius: 40px;
  padding: 10px 20px;
  margin: 30px 0 0 0;
  transition: all 0.3s ease;
}

.common_btn a:hover {
  color: #ff2b5d;
  background: #ffdbe4;
}

@media print,
screen and (min-width:768px) {
  .wave {
    top: calc(100% - 55px);
  }
}

/*===============================
margin
================================*/
.mb_15 {
  margin-bottom: 15px;
}
.mb_30 {
  margin-bottom: 30px;
}
.mb_40 {
  margin-bottom: 40px;
}

.list_deco_01 li {
  position: relative;
  list-style-type: none;
  counter-increment: cnt;
  margin-bottom: 10px;
  padding-left: 24px;
  line-height: 1.4;
}

.list_deco_01 li::before {
  content: "✨";
  position: absolute;
  left: 0;
  display: inline-block;
}

.list_deco_02 li {
  position: relative;
  list-style-type: none;
  counter-increment: cnt;
  margin-bottom: 10px;
  padding-left: 24px;
  line-height: 1.4;
}

.list_deco_02 li::before {
  content: "🔷";
  position: absolute;
  left: 0;
  display: inline-block;
}

.list_deco_03 {
  counter-reset: step;
  /* カウンターの初期化 */
}

.list_deco_03 li {
  position: relative;
  list-style-type: none;
  counter-increment: cnt;
  margin-bottom: 10px;
  padding-left: 60px;
  line-height: 1.4;
}

.list_deco_03 li::before {
  counter-increment: step;
  /* カウントを進める */
  content: "step:" counter(step);
  /* "step1", "step2"... を表示 */
  position: absolute;
  left: 0;
  display: inline-block;
  font-weight: bold;
  margin-right: 8px;
  color: #30b363;
}

.list_deco_04 {
  counter-reset: none;
  /* カウンターの初期化 */
}

.list_deco_04 li {
  position: relative;
  list-style-type: none;
  counter-increment: cnt;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 1.4;
}

.list_deco_04 li::before {
  counter-increment: step;
  /* カウントを進める */
  content: " ・" ;
  position: absolute;
  left: 0;
  display: inline-block;
  font-weight: bold;
  margin-right: 8px;
  color: #30b363;
}


#mainimage {
  background: url(../img/common_img/mainimage.jpg) center center no-repeat;
  background-size: cover;
  padding: 50px 0;
}

#mainimage h2 {
  font-size: clamp(2.2rem, -0.500rem + 4.167vw, 3.5rem);
  font-weight: 700;
  text-align: center;
  line-height: 1.8em;
  color: #fff;
  text-shadow: 0 0 7px #808080;
}

@media print,
screen and (min-width:768px) {
  #mainimage {
    background: url(../img/common_img/mainimage.jpg) top 75% center no-repeat;
    padding: 70px 0;
  }
}




.privacy_detail {
  text-align: left;
}











/* * {
    outline: 2px solid rgb(3, 1, 121);
}*/