@charset "UTF-8";
/*
	Theme Name: りゅうせきフロントライン2026
*/
/*---------------------------------------------
	ページタイトル
  ---------------------------------------------*/
.page-header {}
.page-header h1 {
  margin-bottom: 2em;
  border-bottom: 3px solid #e83817;
}
.page-header h1 span {
  padding: 1em;
  display: inline-block;
}
@media screen and (min-width: 520px) {
  .page-header h1 {
    margin-bottom: 3em;
  }
  .page-header h1 span {
    padding: 1em 2em;
  }
}
@media screen and (min-width: 768px) {
  .page-header h1 {
    display: inline-block;
    margin-bottom: 4em;
  }
  .page-header h1 span {
    padding: 1em 5em;
  }
}
.sub-header {
  padding-top: 2em;
  margin-bottom: 0em;
  border-bottom: 3px solid #e83817;
}
.sub-header span {
  padding: 1em;
  display: inline-block;
}
@media screen and (min-width: 520px) {
  .sub-header {
    margin-bottom: 0em;
  }
  .sub-header span {
    padding: 1em 2em;
  }
}
@media screen and (min-width: 768px) {
  .sub-header {
    display: inline-block;
    margin-bottom: 2em;
  }
  .sub-header span {
    padding: 1em 5em;
  }
}
.page_mainimg {
  background: rgba(126, 183, 210, 0.20);
  text-align: center;
}
.page_mainimg img {
  width: 100%;
  max-width: 1280px;
}
/*---------------------------------------------
	会社情報
  ---------------------------------------------*/
.company_nav {
  padding: 2em 2em 6em;
}
.company_nav li {
  position: relative;
  text-align: right;
  display: block;
  margin-bottom: 2em;
}
.company_nav li .label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.company_nav li a.con_thum {
  display: block;
  margin: 16px 0 24px 24px;
}
.company_nav li a img {
  width: 100%;
}
.company_nav li .linkbtn {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .company_nav ul {
    max-width: 500px;
    margin: 2em auto;
  }
  .company_nav li a.con_thum {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .company_nav {
    padding: 4em 2em 6em;
  }
  .company_nav ul {
    display: flex;
    justify-content: space-between;
  }
  .company_nav li {
    width: 49%;
  }
}
/*---------------------------------------------
	ビジョン
  ---------------------------------------------*/
.vision {
  padding: 2em 2em 6em;
}
.vision .catch1 {
  color: #004869;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .5em;
}
.vision .catch2 {
  font-size: 1.1em;
  margin-bottom: 1.5em;
}
.vision dl {
  background: #fff;
  padding: 1em;
  margin-bottom: 1em
}
.vision dt {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  padding: .5em;
  border-bottom: 2px solid #e83817;
}
.vision dd {
  padding: 1em
}
.vision dd .vision2 {
  font-size: clamp(26px, 5vw, 64px);
  text-align: center;
  line-height: 1.5;
}
.vision dd .vision2 span {
  display: inline-block;
  text-align: left;
}
.vision .listdisk {}
.vision .listdisk ul {
  margin-left: 1.1em;
  margin-right: 0;
  list-style: none;
}
.vision .listdisk ul li {
  position: relative;
}
.vision .listdisk ul li:before {
  content: "●";
  position: absolute;
  left: -1.1em;
}
@media screen and (min-width: 768px) {
  .vision {
    padding: 2em 4em 6em;
  }
  .vision .catch1 {
    font-size: 2em;
  }
  .vision .catch2 {
    font-size: 1.3em;
  }
  .vision dl {
    padding: 1em 2em;
    margin-bottom: 2em
  }
  .vision dt {
    font-size: 1.5em;
  }
  .vision dd {
    padding: 2em
  }
  .vision dd .vision1 {
    font-size: 1.2em;
  }
  .vision dd .vision2 {}
  .vision .listdisk {
    text-align: center;
  }
  .vision .listdisk ul {
    font-size: 1.2em;
    text-align: left;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .vision .catch2 br {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .vision dl {
    padding: 2em 3em;
    margin-bottom: 3em
  }
  .vision dt {
    font-size: 2em;
  }
  .vision dd {
    padding: 3em
  }
  .vision .listdisk ul {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 520px) {
  .btn_rinen {
    text-align: right !important;
  }
}
@media screen and (max-width: 519px) {
  .btn_rinen .linkbtn {
    width: 100%;
  }
  .btn_rinen .linkbtn a {
    display: block;
  }
}
/*---------------------------------------------
	メッセージ
  ---------------------------------------------*/
.message {
  padding: 2em 2em 6em;
}
.message .message_text p {
  margin-bottom: 1em;
}
.message .message_text .message_catch {
  color: #004869;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1em;
}
.message .message_img {
  max-width: 323px;
}
.message .message_img p {
  margin-top: 1em;
  color: #004869;
  font-size: .9em;
}
@media screen and (max-width: 767px) {
  .message .message_img {
    margin: 0 auto 2em;
  }
}
@media screen and (max-width: 519px) {
  .message .message_text .message_catch br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .message .message_clm {
    display: flex;
    justify-content: space-between;
  }
  .message .message_img {
    width: 250px;
  }
  .message .message_text {
    flex: 1;
    margin-left: 2em;
  }
}
@media screen and (min-width: 960px) {
  .message .message_text .message_catch {
    font-size: 1.8em;
  }
  .message .message_img {
    width: 323px;
  }
}
@media screen and (min-width: 1260px) {
  .message .message_text .message_catch {
    font-size: 2em;
  }
  .message .message_text {
    margin-left: 4em;
  }
}
/*---------------------------------------------
	会社情報
  ---------------------------------------------*/
@media screen and (max-width: 767px) {
  .company_catch {
    background: #7eb7d2;
    padding: 1em 2em;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .company_catch {
    margin: 4em 0 1em;
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .company_catch p {
    display: table-cell;
    width: 75%;
    background: #7eb7d2;
    padding: .5em 0 .5em 3em;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3;
    background-image: url('img/company/catch_line_w.svg');
    background-size: auto 100%;
    background-position: left top;
    background-repeat: no-repeat;
  }
  .company_catch .before {
    display: table-cell;
    width: 5%;
    margin-right: -1px;
  }
  .company_catch .after {
    display: table-cell;
    width: 20%;
    background: #7eb7d2;
  }
}
@media screen and (min-width: 520px) {
    .company_catch p br{display: none;}
}
@media screen and (min-width: 1260px) {
  .company_catch p {
    width: 1100px;
  }
  .company_catch .before, .company_catch .after {
    width: auto;
  }
}
.company_read {
  padding: 2em;
}
.company_read p {
  margin-bottom: 1em;
}
.company_read p.read_catch {
  color: #004869;
  font-size: 1.5em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .company_read p.read_catch {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 767px) {
  .company_read p.read_catch br {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .company_read p.read_catch {
    font-size: 2em;
  }
}
/*---------------------------------------------
	会社概要
  ---------------------------------------------*/
.outline {
  padding: 2em 2em 6em;
}
.outline h2.section_title {
  color: #004869;
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em 0;
  line-height: 1.3;
  margin: 1em 0;
}
.outline table {
  width: 100%;
}
.outline th {
  font-weight: bold;
}
.outline td ol {
  margin-left: 1.5em;
}
@media screen and (max-width: 767px) {
  .outline th {
    padding: 1em 0;
    border-top: 2px solid #fff;
    display: block;
    width: 100%;
  }
  .outline td {
    padding: 0 0 1em;
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .outline th {
    padding: 1em 2em;
    border-top: 2px solid #fff;
    text-align: justify;
    text-align-last: justify;
    width: 12em;
    vertical-align: top;
  }
  .outline td {
    padding: 1em;
    border-top: 2px solid #fff;
    vertical-align: top;
  }
}
.outline table.officer {
  width: auto;
}
.outline table.officer th {
  border: none;
  padding: 0;
  font-weight: normal;
  width: 8em;
  display: table-cell;
}
.outline table.officer td {
  border: none;
  padding: 0 0 0 2em;
  text-align: justify;
  text-align-last: justify;
  display: table-cell;
  width: auto;
}
/*---------------------------------------------
	組織図
  ---------------------------------------------*/
.chart {
  padding: 2em 2em 6em;
}
.chart h2.section_title {
  color: #004869;
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em 0;
  line-height: 1.3;
  margin: 1em 0;
}
.chart .chartimage {}
.chart .chartimage img {
  width: 100%;
}
/*---------------------------------------------
	沿革
  ---------------------------------------------*/
.history {
  padding: 2em 2em 6em;
}
.history h2.section_title {
  color: #004869;
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em 0;
  line-height: 1.3;
  margin: 1em 0;
}
.history .history_block {
  border-top: 2px solid #fff;
}
.history .year strong {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 2em;
}
.history .year span {
  display: block;
  font-weight: bold;
  margin-left: .2em;
}
.history .history_block th {
  font-weight: bold;
  width: 2.5em;
  vertical-align: top;
  padding: 1em 0;
  text-align: right;
  border-top: 1px solid #fff;
}
.history .history_block td {
  vertical-align: top;
  padding: 1em 0 0 2em;
  border-top: 1px solid #fff;
}
.history .history_block td p {
  margin-bottom: 1em;
}
.history .history_block tr:first-child th, .history .history_block tr:first-child td {
  border-top: none;
}
a.btn_toggle {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 1em;
  text-align: center;
  padding: .7em 3em;
  background: #f5cd27;
  font-weight: bold;
  position: relative;
  border-radius: 2em;
  line-height: 1.3;
}
a.btn_toggle:after {
  content: "";
  background-image: url("img/top/arrow.svg");
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -8px;
}
@media screen and (max-width: 767px) {
  .history .year {
    padding: 1em 0;
    display: flex;
    align-items: center;
  }
  .history .year strong {
    margin-right: .5em;
  }
  .history .history_block table {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .history .year {
    padding: 1em 1.5em;
    line-height: 1.3;
  }
  .history .history_block {
    display: flex;
  }
  .history .history_block .year {
    width: 150px;
  }
  .history .history_block table {
    flex: 1;
  }
}
@media (hover:hover) {
  a.btn_toggle:hover {
    background: #000;
    color: #f5cd27;
  }
}
/*アコーディオン*/
.company-history-content {
  display: none;
  padding: 1em 0 4em;
  /*padding:1em 2em 2em;margin-bottom:1em;border-radius: 1em;*/
}
.company-history-content h3 {
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 1em;
}
/*.company-history-content .history_block {
  border-top: 2px solid #000;
}
.company-history-content .history_block th {
  border-top: 1px solid #000;
}
.company-history-contenty .history_block td {
  border-top: 1px solid #000;
}*/
/*---------------------------------------------
	事業紹介
  ---------------------------------------------*/
.service_title {}
.service_title h2 {
  line-height: 1.3;
}
.service_title h2 strong {
  color: #004869;
  font-size: 2em;
  display: block;
  font-weight: bold;
}
.service_title h2 span {
  display: block;
  font-weight: bold;
  margin-left: .2em;
}
.service_title_img ul {
  display: flex;
}
.service_title_img li {}
.service_title_img li:nth-child(1) {
  animation: slideDown 2s ease 0s 1 normal;
  margin-right: 1em;
  margin-top: -1em;
}
.service_title_img.img2 li:nth-child(1) {}
.service_title_img li:nth-child(2) {
  animation: slideUp 2.5s ease 0s 1 normal;
  margin-right: 1em;
}
.service_title_img.img2 li:nth-child(2) {
  margin-top: 1em;
}
.service_title_img li:nth-child(3) {
  animation: slideDown 3.5s ease 0s 1 normal;
  margin-top: -1em;
}
@media screen and (max-width: 767px) {
  .service_title_text {}
  .service_title h2 {
    padding: 0 0 2em 3em;
  }
  .service_title_img {
    margin: 0 auto;
    text-align: center;
    padding: 1em;
  }
  #works .service_title_img ul {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .service_title {
    display: flex;
    justify-content: space-between;
  }
  .service_title_text {
    margin-right: 2em;
  }
  .service_title_img {
    flex: 1;
    margin-top: -2em;
    margin-right: 1em;
  }
  .service_title h2 {
    padding: 0 0 0 3em;
  }
}
@media screen and (min-width: 960px) {
  .service_title_text {}
  .service_title_img {
    margin-top: -3em;
    margin-right: 2em;
  }
  .service_title_img ul {
    justify-content: flex-end;
  }
  .service_title h2 {
    padding: 2em 0 0 6em;
  }
}
@media screen and (min-width: 1260px) {
  .service_title_img {
    margin-right: 10%;
  }
  .service_title h2 {}
}
/*私たちの想い*/
.our_message {
  background: url(img/service/our_message_bg.webp) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 2em;
}
.our_message p {
  color: #004869;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.1em;
}
.our_message p.our_message_catch {
  color: #e83817;
  font-size: 2em;
  margin: 1em 0 .5em
}
.our_message p.our_message_end {
  font-size: 1.5em;
  line-height: 1.3;
  margin: 2em 0;
}
@media screen and (min-width: 768px) {
  .our_message {
    padding: 2em 4em;
  }
}
/*私たちの想い2*/
.our_message2 {
  padding: 2em;
}
.our_message2 p {
  color: #004869;
  margin-bottom: 1em;
}
.our_message2 p.our_message_catch2 {
  border-top: 2px solid #7eb7d2;
  border-bottom: 2px solid #7eb7d2;
  padding: 1em 0;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.3;
  margin: 1em 0;
}
@media screen and (max-width: 767px) {
  .our_message2 .img_shisa {
    width: 32%;
    float: right;
    margin: 0 0 1em 3%;
  }
}
@media screen and (min-width: 768px) {
  .our_message2 {
    padding: 3em 4em 6em;
  }
  .our_message2 .width_m {
    position: relative;
    padding-right: 300px;
  }
  .our_message2 .img_shisa {
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
  }
}
@media screen and (min-width: 960px) {
  .our_message2 .width_m {
    padding-right: 340px;
  }
  .our_message2 .img_shisa {
    width: 271px;
  }
}
/*事業部*/
h3.jigyobu_name {
  background: #7eb7d2;
  color: #fff;
  padding: .5em 1.5em;
  font-size: 1.5em;
  font-weight: bold;
}
.jigyobu {
  padding: 2em 2em 4em;
}
.jigyobu .catch1 {
  color: #e83817;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: .5em;
  line-height: 1.3;
}
.jigyobu .catch2 {
  color: #004869;
  margin-bottom: 1em;
}
.jigyobu .linkbtn {
  text-align: right;
}
.jigyobu .jigyobu_imgs {
  margin: 2em 0;
}
.jigyobu .jigyobu_imgs ul {
  display: flex;
  justify-content: space-between;
}
.jigyobu .jigyobu_imgs li {
  width: 49%;
}
.jigyobu .jigyobu_imgs li img {
  width: 100%;
}
@media screen and (max-width: 519px) {
  .jigyobu .catch1 br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  h3.jigyobu_name {
    padding: .5em 3em;
  }
  .jigyobu {
    padding: 3em 4em 6em;
  }
  .jigyobu .catch1 {
    font-size: 1.8em;
  }
  .jigyobu .jigyobu_imgs {
    margin: 3em 0 2em;
  }
}
/*---------------------------------------------
	事業各ページ
  ---------------------------------------------*/
.jigyo_catch_bg {
  background: rgba(126, 183, 210, 0.40);
  padding: 4em 2em;
  margin-top: -4em;
}
.jigyo_catch_bg .jigyo_catch {
  color: #004869;
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: .5em;
  font-weight: bold;
}
.jigyo_catch_bg .jigyo_catch strong {
  color: #e83817;
  font-weight: bold;
}
@media screen and (max-width: 519px) {
  .jigyo_catch_bg .jigyo_catch br {
    display: none;
  }
}
/*事業内容*/
.jigyo_contents {
  padding: 4em 2em;
}
.jigyo_contents .jigyo_block {
  color: #004869;
  margin-bottom: 4em;
  overflow: hidden;
}
.jigyo_contents .jigyo_block:after {
  display: block;
  content: '';
  clear: both;
}
#solution .jigyo_contents .jigyo_block_wide {
  color: #004869;
  margin-bottom: 4em;
}
.jigyo_contents .jigyo_block p {
  margin-bottom: 1em;
}
.jigyo_contents .jigyo_block h3 {
  font-size: 1.5em;
  border-top: 1px solid #7eb7d2;
  border-bottom: 1px solid #7eb7d2;
  padding: .5em 0;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: bold;
}
#solution .jigyo_contents .jigyo_block h3 {
  border-top: 1px solid #e83817;
  border-bottom: 1px solid #e83817;
}
#solution .jigyo_contents .jigyo_block_wide h3 {
  font-size: 1.5em;
  border-top: 1px solid #e83817;
  border-bottom: 1px solid #e83817;
  padding: .5em 0;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: bold;
}
.jigyo_contents .jigyo_block .h3title {
  font-size: 1.5em;
  padding: .5em 0;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 0;
}
#solution .jigyo_contents .jigyo_block hr {
  border-top: 1px solid #e83817;
}
.jigyo_contents .jigyo_block_s {
  color: #004869;
  margin-bottom: 4em;
  overflow: hidden;
}
.jigyo_contents .jigyo_block_s p {
  margin-bottom: 1em;
}
.jigyo_contents .jigyo_block_s:after {
  display: block;
  content: '';
  clear: both;
}
.jigyo_contents .jigyo_block_s h4 {
  font-size: 1.3em;
  padding-bottom: .5em;
  border-bottom: 2px solid #7eb7d2;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .jigyo_contents {
    padding: 6em 4em;
  }
}
@media screen and (max-width: 959px) {
  .jigyo_contents .jigyo_block .jigyo_b_img {
    float: left;
    width: 40%;
    max-width: 274px;
    margin: 0 2em 1em 0;
  }
  .jigyo_contents .jigyo_block.reversed .jigyo_b_img {
    float: right;
    margin: 0 0 1em 2em;
  }
  .jigyo_contents .jigyo_block_s .jigyo_s_img {
    float: left;
    width: 180px;
    padding-bottom: 1em;
    background: #fff;
  }
  .jigyo_contents .jigyo_block_s .jigyo_s_img img {
    width: 160px;
  }
}
@media screen and (max-width: 519px) {
  .jigyo_contents .jigyo_block_s .jigyo_s_img {
    width: 140px
  }
  .jigyo_contents .jigyo_block_s .jigyo_s_img img {
    width: 120px;
  }
}
@media screen and (min-width: 960px) {
  .jigyo_contents .jigyo_block {
    position: relative;
    padding-left: 310px;
    min-height: 274px;
  }
  .jigyo_contents .jigyo_block .jigyo_b_img {
    width: 274px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
  .jigyo_contents .jigyo_block.reversed {
    padding-left: 0;
    padding-right: 310px;
  }
  .jigyo_contents .jigyo_block.reversed .jigyo_b_img {
    left: auto;
    top: 0;
    right: 0;
  }
  .jigyo_contents .jigyo_block_s {
    position: relative;
    padding-left: 240px;
    min-height: 200px;
  }
  .jigyo_contents .jigyo_block_s .jigyo_s_img {
    width: 200px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
}
/*事業内容その他*/
.solution_tool_disk {}
.solution_tool_disk ul {
  margin-left: 1.1em;
  margin-right: 0;
  list-style: none;
  display: inline-block;
}
.solution_tool_disk ul li {
  position: relative;
}
.solution_tool_disk ul li:before {
  content: "●";
  position: absolute;
  left: -1.1em;
}
.s_tag {
  display: flex;
  flex-wrap: wrap;
}
.s_tag span {
  border: 1px solid #004869;
  padding: .2em 1em;
  margin-right: .5em;
  font-size: .9em;
  margin-bottom: .5em;
}
.maker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.maker span {
  margin-right: 1em;
  margin-bottom: .5em;
}
.maker span img {
  margin: auto;
  display: block;
}
/*業務改善ツールと提案事例*/
.solution_tool_lightblue {
  background: #deecf3;
}
.inq_solution_tool {
  padding: 2em;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
.inq_solution_tool h5 {
  margin-top: 2em;
  border-bottom: 1px solid #9fa0a0;
  padding: .5em;
  text-align: center;
  margin-bottom: 1em;
}
.inq_solution_tool .tel {
  color: #7eb7d2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inq_solution_tool .tel span {
  margin: 0 .5em;
}
.inq_solution_tool .tel strong {
  font-size: 2em;
  font-weight: bold;
}
@media screen and (max-width: 519px) {
  .inq_solution_tool .tel strong {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 959px) {
  .solution_tool_lightblue .jigyo_contents .jigyo_block_s .jigyo_s_img {
    background: #deecf3;
  }
}
.tool_title {
  margin: 2em 0 1em;
}
.tool_title dd {
  font-size: .8em;padding-bottom:.5em;
}
.donyujirei{margin-bottom:2em;}
.donyujirei dl{margin-bottom:1em;}
.donyujirei p{font-size: .85em;}
@media screen and (max-width: 767px) {
  .tool_title dt {
    margin-bottom: 1em;
  }
.donyujirei dt span{font-size: .8em;display: inline-block;border:1px solid #004869;border-bottom:none;padding:.3em 1em;}
.donyujirei dd{ font-size: .9em;padding:.3em 1em;border:1px solid #004869;display: inline-block;}
}
@media screen and (min-width: 768px) {
  .tool_title dl {
    display: flex;
    align-items: flex-end;
  }
  .tool_title dt {
    margin-right: 1em;
  }
    .donyujirei dl{display: flex;}
    .donyujirei dt{font-size: .9em;border:1px solid #004869;border-right:none;padding:.3em 1em;}
.donyujirei dd{ font-size: .9em;padding:.3em 1em;border:1px solid #004869;}
}
/* リンクボタン */
.linkbtn_recruit {
  margin: 1em auto;
  width: 260px;
}
.linkbtn_recruit a {
  background: #e83817;
  color: #fff;
  border-radius: 2em;
  padding: .2em 3em;
  font-weight: bold;
  font-size: 1.5em;
  position: relative;
  display: block;
}
.linkbtn_recruit a:after {
  content: "";
  background-image: url("img/service/solution/arrow.svg");
  display: inline-block;
  height: 20px;
  width: 20px;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -10px;
}
.linkbtn_cyber {
  margin-top: 1em;
  display: inline-block;
}
.linkbtn_cyber a {
  background: #e83817;
  color: #fff;
  border-radius: 2em;
  padding: .4em 5em .4em 2em;
  font-weight: bold;
  font-size: .9em;
  position: relative;
  display: block;
  line-height: 1.3;
}
.linkbtn_cyber a:after {
  content: "";
  background-image: url("img/service/solution/arrow.svg");
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -8px;
}
.linkbtn_au {
  text-align: center;
  margin-top: 1em;
}
.linkbtn_au ul {
  display: inline-block;
}
.linkbtn_au ul li {
  margin-bottom: 1em;
}
.linkbtn_au ul li a {
  display: inline-block;
  width: 100%;
  padding: .7em 3em;
  background: #f5cd27;
  font-weight: bold;
  position: relative;
  border-radius: 2em;
  line-height: 1.3;
}
.linkbtn_au ul li a span {
  display: block;
  font-size: 13px;
}
.linkbtn_au ul li a:after {
  content: "";
  background-image: url("img/top/arrow.svg");
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -8px;
}
.recruit_text {
  color: #004869;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  /*.linkbtn {
    margin: 2em 0;
  }*/
  .recruit_text {
    text-align: center;
  }
}
@media (hover:hover) {
  .linkbtn_recruit a:hover {
    background:
      rgba(232, 56, 23, 0.5);
  }
  .linkbtn_cyber a:hover {
    background:
      rgba(232, 56, 23, 0.5);
  }
  .linkbtn_au ul li a:hover {
    background: #000;
    color: #f5cd27;
  }
}
/*---------------------------------------------
	お問い合わせ
  ---------------------------------------------*/
.contact_logo_j {
  text-align: center;
  padding: 2em;
  max-width: 700px;
  margin: 0 auto 2em;
}
.contact_logo_j img {
  width: 100%;
}
.contact_form {
  padding: 2em;
}
.contact_form h2 {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin: 1em 0;
}
.contact_form p {
  text-align: center;
}
.contact_form .link_form {
  margin: 2em auto;
  max-width: 400px;
}
.contact_form .link_form a {
  display: block;
  text-align: center;
  background: #7eb7d2;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em;
  border-radius: 3em;
}
.contact_tel {
  padding: 2em 2em 6em;
}
.contact_tel h2 {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin: 1em 0;
}
.contact_tel h3 {
  border: 2px solid #7eb7d2;
  background: rgba(126, 183, 210, 0.20);
  color: #7eb7d2;
  font-weight: bold;
  font-size: 1.5em;
  padding: .5em;
  line-height: 1.3;
  text-align: center;
  margin: 2em 0 1em;
}
.contact_tel .tel {
  color: #7eb7d2;
  display: flex;
  align-items: center;
}
.contact_tel .tel span {
  margin: 0 .5em;
}
.contact_tel .tel strong {
  font-size: 2em;
  font-weight: bold;
}
.shoplist {
  color: #7eb7d2;
  display: flex;
  align-items: center;
  margin: 1em 0 3em;
}
.shoplist a {
  color: #7eb7d2;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #7eb7d2;
  line-height: 1.3;
  margin-left: .5em;
}
.contact_tel h4 {
  font-size: 1.3em;
  font-weight: bold;
  padding: .5em 0;
  border-bottom: 1px solid #000;
  margin: 1em 0;
}
.contact_tel h5 {
  background: rgba(126, 183, 210, 0.20);
  font-weight: bold;
  margin: 1em 0 .5em;
  padding: .3em 1em;
}
@media screen and (max-width: 519px) {
  .contact_tel i img {
    width: 24px;
    height: 24px;
  }
  .contact_tel .tel strong {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .pc_clm {
    display: flex;
  }
  .pc_clm div:first-child {
    margin-right: 3em;
  }
}
/*---------------------------------------------
	個人情報保護方針
  ---------------------------------------------*/
.pp {
  padding: 2em 2em 6em;
}
.pp h2.section_title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: .5em 0;
  line-height: 1.3;
  margin: 1em 0;
  border-bottom: 1px solid #fff;
}
.pp dl {
  margin-top: 3em;
}
.pp dt {
  color: #004869;
  font-size: 1.3em;
  font-weight: bold;
  padding: .5em 0;
  margin-left: 1.5em;
  line-height: 1.3;
  position: relative;
}
.pp dt span {
  position: absolute;
  left: -1.5em;
}
.pp dd {}
.pp .shomei {
  text-align: right;
  margin-top: 1em;
}
@media screen and (min-width: 960px) {
  .pp {
    padding: 3em 2em 8em;
  }
  .pp h2.section_title {
    font-size: 2em;
  }
}
/*---------------------------------------------
	当社における個人情報の取扱いに関する事項
  ---------------------------------------------*/
.deal {
  padding: 2em 2em 6em;
}
.deal h2.section_title {
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em 0;
  line-height: 1.3;
  margin: 1em 0;
  border-bottom: 1px solid #e83817;
}
.deal dl {
  margin-top: 3em;
}
.deal dt {
  color: #004869;
  font-size: 1.3em;
  font-weight: bold;
  padding: .5em 0;
  margin-left: 1.5em;
  line-height: 1.3;
  position: relative;
}
.deal dt span {
  position: absolute;
  left: -1.5em;
}
.deal dd {}
.deal dd ol.num {
  padding: 0;
  margin: 1em 0 0 1em;
}
.deal dd ol.num li {
  list-style-type: none;
  counter-increment: number;
  position: relative;
  margin-left: 1.5em;
}
.deal dd ol.num li::before {
  content: "("counter(number) ") ";
  position: absolute;
  left: -1.5em;
}
.deal dd ol.num li p.disc {
  position: relative;
  margin-left: 1em;
}
.deal dd ol.num li p.disc:before {
  content: "・";
  position: absolute;
  left: -1em;
}
.deal .madoguchi {
  text-align: center;
  margin-top: 3em;
}
.deal .madoguchi .inner {
  border: 1px solid #ddd;
  padding: 2em;
  display: inline-block;
  text-align: left;
}
.deal .madoguchi .inner h3 {
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .deal h2.section_title {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .deal {
    padding: 3em 2em 8em;
  }
  .deal h2.section_title {
    font-size: 1.8em
  }
}
/*---------------------------------------------
	カスタマーハラスメント基本方針
  ---------------------------------------------*/
.cushara {
  padding: 2em 2em 6em;
}
.cushara h2.section_title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: .5em 0;
  line-height: 1.3;
  margin: 1em 0;
  border-bottom: 1px solid #fff;
}
.cushara .shomei {
  text-align: right;
  margin-top: 1em;
}
.cushara dl {
  margin-top: 3em;
}
.cushara dt {
  color: #e83817;
  font-size: 1.3em;
  font-weight: bold;
  padding: .5em 0;
  line-height: 1.3;
}
.cushara dd {}
.cushara dd ul {}
.cushara dd ul li {
  list-style: disc;
  margin-left: 1.2em;
}
.cushara dd ol {}
.cushara dd ol li {
  position: relative;
  margin-left: 1.1em;
  list-style: none;
}
.cushara dd ol li span {
  position: absolute;
  left: -1.1em;
}
@media screen and (min-width: 520px) {
  .cushara h2.section_title br {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .cushara h2.section_title {
    font-size: 1.8em
  }
}
/*---------------------------------------------
	サイトマップ
  ---------------------------------------------*/
.sitemap {
  padding: 2em 2em 6em;
}
.sitemap a {
  display: flex;
  padding: .5em 1em;
  align-items: center;
}
.sitemap a img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.sitemap .link1 a {
  background: #7eb7d2;
  color: #fff;
}
.sitemap .link2 a {
  border: 1px solid #7eb7d2;
  background: rgba(126, 183, 210, 0.20);
  color: #7eb7d2;
}
.sitemap .link3 a {
  border: 1px solid #7eb7d2;
  color: #7eb7d2;
}
.sitemap .sublink {
  border: 1px solid #7eb7d2;
  border-top: none;
  margin-bottom: 1em;
}
.sitemap .sublink a {
  color: #7eb7d2;
}
@media screen and (max-width: 767px) {
  .sitemap .clm2 li {
    margin-bottom: 1em;
  }
  .sitemap .sublink ul {
    padding: 1em 0;
  }
}
@media screen and (min-width: 768px) {
  .sitemap .sublink ul {
    display: flex;
  }
  .sitemap .clm2 {
    display: flex;
    justify-content: space-between;
  }
  .sitemap .clm2 li {
    width: 49%;
  }
}
/*---------------------------------------------
	デフォルト　page.php
  ---------------------------------------------*/
.page_main {
  padding: 2em 2em 6em;
}
.page_main h2.page_title {
  font-size: 2em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .page_main {
    padding: 2em 4em 8em;
    max-width: 760px;
    margin: 0 auto;
  }
}