@charset "UTF-8";
/* ---------------------------------------------------------
config
--------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lora&display=swap");
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap");
@import url("https://fonts.googleapis.com/css?family=Baskervville&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap");
@media screen and (max-width: 750px) {
  [data-sc-pc] {
    display: none !important; } }

@media print, screen and (min-width: 751px) {
  [data-sc-sp] {
    display: none !important; } }

/* ---------------------------------------------------------
reset
--------------------------------------------------------- */
html {
  font-family: Roboto,"Noto Sans JP","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 100px; }
  @media screen and (min-width: 410px) and (max-width: 750px) {
    html {
      font-size: 110px; } }
  @media print, screen and (min-width: 751px) {
    html {
      font-feature-settings: "palt"; } }
  @media screen and (max-width: 750px) {
    html {
      line-height: 1.5; } }

body {
  line-height: 1;
  color: #003366;
  font-size: .15rem;
  letter-spacing: .05em;
  word-break: break-all; }
  @media screen and (max-width: 750px) {
    body {
      font-size: .12rem; } }

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, td, th, figure, input, select, button, optgroup, textarea {
  margin: 0;
  padding: 0; }

article, aside, footer, header, main, nav, section, figcaption, figure {
  display: block; }

img {
  -ms-interpolation-mode: bicubic;
  border-style: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

svg:not(:root) {
  overflow: hidden; }

hr {
  height: 0;
  overflow: visible;
  box-sizing: border-box; }

b, strong {
  font-weight: inherit;
  font-weight: bolder; }

a, button {
  outline: 0;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: opacity 0.3s; }
  a:hover, button:hover {
    cursor: pointer;
    opacity: 0.7; }
  a img, button img {
    transition: 0.3s; }
    a img:hover, button img:hover {
      opacity: 0.7; }

li {
  list-style: none; }

sub, sup {
  position: relative;
  vertical-align: baseline;
  line-height: 0; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

audio, video, canvas {
  display: inline-block; }

summary {
  display: list-item; }

audio:not([controls]) {
  display: none;
  height: 0; }

input, select, button, optgroup, textarea {
  margin: 0;
  padding: .1rem .2rem;
  border: 0.01rem solid #707070;
  border-radius: 0;
  box-sizing: border-box;
  vertical-align: bottom;
  appearance: none;
  outline: 0;
  font-family: Roboto,"Noto Sans JP","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,sans-serif;
  font-size: .16rem;
  letter-spacing: .05em; }

button, input {
  overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText; }

button, select {
  cursor: pointer;
  text-transform: none; }

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
  border: none; }

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

iframe {
  border: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  vertical-align: bottom; }

/* ---------------------------------------------------------
modules
--------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 750px) {
    .row {
      display: block; } }
  .row .l, .row .r {
    width: 50%; }
    @media screen and (max-width: 750px) {
      .row .l, .row .r {
        width: 100%; } }

.w1000 {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px; }

img {
  width: 100%;
  max-width: 100%;
  height: auto; }

/* ---------------------------------------------------------
header
--------------------------------------------------------- */
header {
  width: 100%; }
  @media screen and (max-width: 750px) {
    header .logo {
      max-width: 150px; } }
  @media print, screen and (min-width: 751px) {
    header nav {
      display: inherit !important; } }
  @media screen and (max-width: 750px) {
    header nav {
      box-sizing: border-box;
      position: absolute;
      z-index: 1000;
      padding: 20px;
      display: none;
      top: 50px;
      right: 0;
      width: 100%;
      height: 100vh;
      background: linear-gradient(135deg, #00b5e6, #187eb9); } }
  @media print, screen and (min-width: 751px) {
    header nav ul {
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 750px) {
    header nav ul li {
      margin: 0 0 .4rem 0;
      font-weight: bold;
      font-size: .18rem;
      text-align: center; } }
  header nav ul li a {
    display: inline-block; }
  header .toggle {
    position: absolute;
    top: 0;
    right: .2rem;
    z-index: 1000;
    width: .25rem;
    height: .5rem;
    cursor: pointer; }
    header .toggle span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 2px;
      background: #003366;
      transition: .3s; }
      header .toggle span.bar01 {
        top: 32%; }
      header .toggle span.bar03 {
        top: 68%; }
    header .toggle.active .bar01 {
      top: 50%;
      transform: translate(-50%, -50%) rotate(45deg); }
    header .toggle.active .bar02 {
      opacity: 0; }
    header .toggle.active .bar03 {
      top: 50%;
      transform: translate(-50%, -50%) rotate(135deg); }

/* ---------------------------------------------------------
共通パーツ
--------------------------------------------------------- */
body {
  background-image: url(../images/bg.jpg);
  background-size: cover; }
  @media screen and (min-width: 769px) and (max-width: 1000px) {
    body {
      width: 1000px; } }
  @media screen and (max-width: 750px) {
    body {
      background-position-x: 41%; } }

.w1200 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px; }

.w1100 {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px; }

.w870 {
  max-width: 890px;
  margin: 0 auto;
  padding: 0 20px; }

.w800 {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px; }

.w600 {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 20px; }

main {
  padding: 30px 0; }

/* ---------------------------------------------------------
header
--------------------------------------------------------- */
header {
  background-color: rgba(255, 255, 255, 0.8); }

header .h_right {
  text-align: right; }
  @media screen and (max-width: 750px) {
    header .h_right {
      background: #fff;
      border-radius: 8px;
      padding: 2em;
      margin-bottom: 3em; } }

header .login_menu .lm_item {
  display: inline-block; }
  @media screen and (max-width: 750px) {
    header .login_menu .lm_item {
      margin-bottom: .8em; } }

header .login_menu {
  font-size: 90%;
  margin-bottom: 15px;
  line-height: 1; }
  @media screen and (max-width: 750px) {
    header .login_menu {
      display: flex; } }

header .login_menu .lm_item .lm_btn {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 6.5px;
  background-color: #0F8FC0;
  color: #fff;
  border: 1px solid #0F8FC0;
  transition: 0.2s; }
  @media screen and (max-width: 750px) {
    header .login_menu .lm_item .lm_btn {
      width: 94%; } }

header .login_menu .lm_item.account .lm_btn {
  margin-left: 5px; }

header .site_addr a {
  line-height: 1;
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
  padding-left: 60px;
  background-image: url(../images/freedial.png);
  background-repeat: no-repeat;
  background-size: 46px;
  background-position: left center;
  padding-top: 5px; }

header .opening_hours {
  letter-spacing: -0.5px;
  font-size: 77%; }

.navA {
  display: flex;
  padding: 2em 0;
  justify-content: space-between; }
  @media screen and (max-width: 750px) {
    .navA {
      padding: .65em 0; } }

.logo {
  max-width: 330px; }

.h_menu {
  padding-bottom: 8px; }
  @media screen and (max-width: 750px) {
    .h_menu .hm_items {
      display: flex;
      flex-wrap: wrap; } }
  .h_menu li {
    padding: .5em 0;
    width: 14.28%;
    text-align: center; }
    @media print, screen and (min-width: 751px) {
      .h_menu li:not(:first-child) {
        border-left: 1px solid; } }
    @media screen and (max-width: 750px) {
      .h_menu li {
        width: 50%;
        color: #fff;
        padding: 0; } }

#breadcrumbs {
  margin-bottom: 10px; }
  #breadcrumbs li {
    display: inline-block;
    margin: 0 0.5em; }
    #breadcrumbs li:first-child {
      margin-left: 0; }

@media screen and (max-width: 750px) {
  .sp_nav {
    display: flex;
    flex-direction: column-reverse; } }
/* ---------------------------------------------------------
footer
--------------------------------------------------------- */
#footer > .f_main {
  background-color: #003366;
  color: #fff; }

#footer > .f_main > .f_menu {
  max-width: 1018.4px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding: 40px 0 60px;
  font-size: 90%; }
  @media screen and (max-width: 750px) {
    #footer > .f_main > .f_menu {
      padding: 40px 20px 60px; } }

#footer > .f_main > .f_menu > .fm_list:first-child {
  width: 30%;
  box-sizing: border-box;
  margin-right: 30px; }

#footer > .f_main > .f_menu > .fm_list > .fml_item {
  margin-bottom: 1em; }

#footer > .f_main > .f_menu > .fm_list:first-child > .fml_item:first-child {
  margin-bottom: 30px; }

#footer > .f_main a {
  color: #fff; }

#footer > .f_foot {
  text-align: center;
  padding: 20px 0 40px;
  color: #003366;
  background-color: #fff; }

.pagetop_link {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 10px 5px;
  box-sizing: border-box;
  text-align: center;
  position: relative; }

.pagetop_link #pagetop {
  font-size: 85%;
  display: inline-block;
  position: relative;
  transition: .3s;
  top: 0; }
  .pagetop_link #pagetop img {
    max-width: 70px;
    margin-bottom: 10px; }

.pagetop_link #pagetop:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #003366 transparent;
  margin: 0 auto 10px; }

@media screen and (max-width: 750px) {
  #footer > .f_main > .f_menu > .fm_list:first-child {
    width: 45%;
    margin-right: 0; }

  ul.fm_list {
    width: 45%;
    margin-bottom: 4em;
    line-height: 1.5; }

  #footer > .f_main > .f_menu {
    flex-wrap: wrap;
    font-size: 13px; } }
/* ---------------------------------------------------------
ページトップへもどる
--------------------------------------------------------- */
#to_top_btn {
  position: fixed;
  bottom: 80px;
  right: 80px;
  width: 55px;
  z-index: 1000; }

@media screen and (max-width: 767px) {
  #to_top_btn {
    right: 20px;
    bottom: 20px; } }
/* ---------------------------------------------------------


top.css


--------------------------------------------------------- */
.header_truck_illust {
  position: absolute;
  height: 80px;
  overflow-x: hidden;
  top: 105px;
  width: 100%;
  min-width: 1121.6px; }

.header_truck_illust > .image {
  -webkit-user-drag: none;
  user-drag: none;
  position: absolute;
  width: 200px;
  height: auto;
  right: calc(50% - 755.8px);
  top: 0;
  z-index: 100; }

#breadcrumbs {
  margin-bottom: 10px; }

#breadcrumbs > li {
  display: inline-block;
  margin: 0 0.5em; }

#breadcrumbs > li:first-child {
  margin-left: 0; }

#breadcrumbs > li > a:hover {
  text-decoration: underline; }

#to_top_btn {
  display: none; }

.page_box {
  background-color: rgba(255, 255, 255, 0.7);
  margin: 60px auto;
  padding: 30px 55.2px 70px;
  box-sizing: border-box; }

#about_page > .mv_wrap {
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 25px; }

#about_page > .mv_wrap > .mv {
  background-image: url("/assets/about/mv_bg-93a0c14442ed6b4fde2956391ab2716497e586d1ff31557ae23600dd17de6bbf.png");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat; }

#about_page > .mv_wrap > .mv > .content {
  background-image: url("/assets/about/about_truck-9b5dc0f616c8f43a88268c089363194fd7c219c9e5c91f0383fdd1ddcdbc8805.png");
  background-position: 1% 50%;
  background-size: 20%;
  background-repeat: no-repeat;
  padding: 20px 15% 30px 23%; }

#about_page > .mv_wrap > .mv > .content > .title {
  width: 85%;
  margin-bottom: 20px; }

#about_page > .mv_wrap > .mv > .content > .text {
  font-size: 95%;
  overflow-wrap: break-word;
  text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; }

#about_page .flow_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }

#about_page .flow_list > .flow {
  position: relative;
  width: 22%;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #FF7300;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FF7300;
  padding: 10px; }

#about_page .flow_list > .flow:after {
  position: absolute;
  right: -12%;
  content: '';
  display: block;
  width: 0.8em;
  height: 0.8em;
  border: 4px solid #FF7300;
  transform: rotate(45deg);
  border-left-color: transparent;
  border-bottom-color: transparent; }

#about_page .flow_list > .flow:last-child:after {
  border: none; }

#about_page .about_list > .item {
  background-color: #fff;
  padding: 40px;
  border: 3px solid #003366;
  border-radius: 8px;
  margin-bottom: 40px; }

#about_page .about_list > .item:last-child {
  margin-bottom: 0; }

#about_page .about_list > .item > .title {
  text-align: center;
  margin-bottom: 15px; }

#about_page .about_list > .item > .title > img {
  width: 50%; }

#about_page .about_list > .item > .summary {
  text-align: center;
  margin-bottom: 30px; }

#about_page .about_list > .item > .about_list_illust {
  width: 100%;
  display: block;
  margin-bottom: 30px; }

#about_page .about_list > .item > .text {
  overflow-wrap: break-word;
  width: 80%;
  margin: auto; }

#search_box {
  display: flex;
  justify-content: space-between; }

#sidebar {
  width: 200px;
  box-sizing: border-box;
  margin-left: 25px;
  padding-bottom: 225px;
  background-image: url("../../topimg/top_img12.png");
  background-size: auto 225px;
  background-position: bottom center;
  background-repeat: no-repeat; }

#sidebar .sb_box {
  background-color: #FF7300;
  color: #fff;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 15px 15px 10px; }

#sidebar .sb_box .sb_title {
  text-align: center;
  font-weight: normal;
  font-size: 120%;
  line-height: 1;
  margin-bottom: 10px; }

#sidebar .sb_box .sb_title .hr {
  display: block;
  background: #fff;
  height: 2px;
  margin-top: 8px; }

#sidebar .sb_box .sb_text {
  font-size: 85%;
  margin-bottom: 20px;
  overflow-wrap: break-word; }

#sidebar .sb_box .sb_link {
  text-align: center; }

#sidebar .sb_box .sb_link .sb_btn {
  display: block;
  background-color: #fff;
  color: #FF7300;
  padding: 8px 0;
  border-radius: 5px;
  line-height: 1;
  font-weight: bold;
  transition: 0.2s; }

@media (max-width: 768px) {
  #sidebar {
    width: auto;
    margin-left: 0;
    margin-top: 40px;
    padding: 0 5%; } }
#search_main_box {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  border: 2px solid #003366; }

#search_main_box .sm_title {
  text-align: center;
  background-color: #003366;
  color: #fff;
  font-weight: normal;
  font-size: 90%;
  padding: 8px 0;
  border-radius: 5px 5px 0 0; }

#search_main_box .sm_box {
  padding: 12px; }

#search_main_box .sm_main {
  margin-bottom: 20px;
  background-image: url("../../topimg/top_img13.png");
  background-position: left bottom;
  background-size: 20%;
  background-repeat: no-repeat; }

#search_main_box .sm_main:after {
  content: "";
  display: table;
  clear: both; }

#search_main_box .sm_main #sm_menu,
#search_main_box .sm_main #sm_canvas {
  float: left; }

#search_main_box #s_keyword {
  margin-bottom: 20px; }

#search_main_box #s_keyword .sk_title {
  background-color: #003870;
  text-align: center;
  font-weight: normal;
  color: #fff;
  font-size: 90%;
  padding: 4px 0;
  margin-bottom: 8px; }

#search_main_box #s_keyword .sk_list {
  font-size: 90%; }

#search_main_box #s_keyword .sk_list .skl_item {
  display: inline-block;
  margin: 0 4px 8px; }

#search_main_box #s_keyword .sk_list .skl_item a {
  color: #000; }

#search_main_box #s_keyword .sk_list .skl_item a:hover {
  text-decoration: underline; }

#search_main_box .s_submit {
  margin-bottom: 20px;
  text-align: center; }

#search_main_box .s_submit input[type="submit"] {
  padding: 10px 50px;
  color: #fff;
  border: none;
  border-radius: 5px;
  line-height: 1;
  background-color: #FF7300;
  transition: 0.3s; }

#search_main_box .s_submit input[type="submit"]:hover {
  cursor: pointer;
  background-color: #fb9038; }

@media (max-width: 768px) {
  #search_main_box {
    width: auto; }

  #search_main_box .sm_box {
    padding: 8px; }

  #search_main_box .sm_main #sm_menu,
  #search_main_box .sm_main #sm_canvas {
    float: none; }

  #search_main_box .search_person {
    bottom: 0;
    right: 0;
    width: 21%; } }
#sm_menu {
  width: 23%; }

#sm_menu > .smm_list {
  margin-right: 15px; }

#sm_menu > .smm_list > .smm_item {
  margin-bottom: 10px; }

#sm_menu > .smm_list > .smm_item.arbeit {
  display: none; }

#sm_menu > .smm_list > .smm_item.arbeit a {
  padding: 15px 0 15px 20px; }

#sm_menu > .smm_list > .smm_item a {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: block;
  padding: 20px 0 20px 20px;
  border: 2px solid #FF7300;
  background-color: #FF7300;
  box-sizing: border-box;
  color: #fff;
  font-size: 90%;
  transition: 0.3s; }

#sm_menu > .smm_list > .smm_item a .smm_name {
  font-size: 140%;
  font-weight: bold; }

#sm_menu > .smm_list > .smm_item a .smm_name.line {
  display: block;
  line-height: 1; }

#sm_menu > .smm_list > .smm_item a .br {
  display: block; }

#sm_menu > .smm_list > .smm_item a.active {
  background-color: #fff;
  color: #FF7300; }

#sm_menu > .smm_list > .smm_item a.active:hover {
  cursor: default; }

#sm_menu > .smm_list > .smm_item a:hover {
  cursor: pointer;
  background-color: #fff;
  color: #FF7300; }

#sm_menu > .smm_list > .smm_item.feature a {
  padding: 15.5px 0 15.5px 23px; }

@media (max-width: 768px) {
  #sm_menu {
    width: 100%;
    margin-bottom: 15px; }

  #sm_menu > .smm_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 0; }

  #sm_menu > .smm_list > .smm_item {
    width: 49.5%;
    margin-bottom: 1%; }

  #sm_menu > .smm_list > .smm_item a {
    height: 100%;
    padding: 15px;
    font-size: 90%; }

  #sm_menu > .smm_list > .smm_item a .smm_name {
    font-size: 150%;
    font-weight: bold; }

  #sm_menu > .smm_list > .smm_item a .smm_name.line {
    display: inline; }

  #sm_menu > .smm_list > .smm_item a .br {
    display: inline; }

  #sm_menu > .smm_list > .smm_item.arbeit {
    display: none;
    width: 100%; }

  #sm_menu > .smm_list > .smm_item.arbeit a {
    padding: 15px; }

  #sm_menu > .smm_list > .smm_item.feature a {
    padding: 15px; } }
#sm_canvas {
  width: 77%; }

#sm_canvas .canvas_box {
  display: none; }

#sm_canvas .canvas_box.active {
  display: block; }

#sm_canvas .smc_list_title {
  background-color: #EEE;
  padding: 4px 8px;
  margin-bottom: 10px;
  font-size: 90%;
  line-height: 1; }

#sm_canvas .smc_list {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
  margin-bottom: 15px; }

#sm_canvas .smc_list .smc_list_item {
  width: 33.33%;
  padding: 0 4px 4px;
  box-sizing: border-box; }

@media (max-width: 768px) {
  #sm_canvas {
    width: 100%; }

  #sm_canvas .smc_list {
    display: flex;
    flex-wrap: wrap;
    font-size: 90%;
    margin-bottom: 15px; }

  #sm_canvas .smc_list .smc_list_item {
    width: 50%;
    padding: 0 4px 8px; } }
#s_part_cond_links {
  margin-bottom: 20px; }

#s_part_cond_links > .link_list {
  display: flex;
  justify-content: space-between; }

#s_part_cond_links > .link_list > .list_item {
  width: 32.5%;
  box-sizing: border-box; }

#s_part_cond_links > .link_list > .list_item > .link {
  display: block;
  text-align: center;
  padding: 4px 0;
  border: 1px solid #aaa; }

#s_part_cond_links > .link_list > .list_item > .link:hover {
  cursor: pointer;
  background-color: #f3f3f3; }

#s_mcond {
  margin-bottom: 30px; }

#s_mcond .s_mcond_title {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  position: relative;
  text-align: center;
  color: #003466;
  background-color: #CCD6E0;
  font-size: 90%;
  padding: 6px 0; }

#s_mcond .s_mcond_title:hover {
  cursor: pointer; }

#s_mcond .s_mcond_title .icon_box {
  position: absolute;
  left: 6px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.65); }

#s_mcond .s_mcond_title .icon_box .icon {
  display: block;
  position: relative;
  width: 8px;
  height: 8px;
  top: 3px;
  left: 6px;
  transform: rotate(45deg);
  border-style: solid;
  border-width: 2px;
  border-color: transparent #003366 #003366 transparent; }

#s_mcond .s_mcond_title.open .icon {
  top: 8px;
  border-color: #003366 transparent transparent #003366; }

#s_mcond .s_mcond_main {
  display: none;
  padding: 12px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-top: none;
  box-sizing: border-box; }

#s_mcond .s_mcond_main .s_mcond_list_title {
  padding: 4px;
  margin-bottom: 5px;
  font-size: 90%;
  line-height: 1; }

#s_mcond .s_mcond_main .s_mcond_list {
  font-size: 90%;
  margin-bottom: 15px; }

#s_mcond .s_mcond_main .s_mcond_item {
  display: inline-block;
  padding: 0 4px 4px; }

#sm_canvas > .canvas_box.area {
  position: relative;
  padding-top: 70.98765432098765%;
  width: 100%;
  height: 0;
  overflow: hidden; }

#s_map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain; }

#s_map > .area {
  position: absolute;
  width: 22.5%; }

#s_map > .area:after {
  content: "";
  display: table;
  clear: both; }

#s_map > .area > .title {
  line-height: 1;
  font-size: 90%;
  font-weight: normal;
  margin-bottom: 5px;
  margin-left: 2px; }

#s_map > .area > .pref {
  position: relative;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-bottom: 2px; }

#s_map > .area > .pref:nth-of-type(odd) {
  padding-right: 1px; }

#s_map > .area > .pref:nth-of-type(even) {
  padding-left: 1px; }

#s_map > .area > .pref > label {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  border-radius: 5px;
  font-size: 90%;
  color: #777;
  text-align: center;
  line-height: 1;
  padding: 4px 0; }

#s_map > .area > .pref > label:hover {
  cursor: pointer; }

#s_map > .area > input[type='checkbox'] {
  display: none; }

#s_map > .area.hokkaido {
  top: 3.86%;
  right: 0; }

#s_map > .area.hokkaido > .title {
  color: #72B6F6; }

#s_map > .area.hokkaido > .pref > label {
  border-color: #72B6F6; }

#s_map > .area.hokkaido > input#pref_hokkaido:checked ~ .pref.hokkaido > label {
  background-color: #72B6F6;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.touhoku {
  top: 20.7%;
  right: 0; }

#s_map > .area.touhoku > .title {
  color: #37A5C2; }

#s_map > .area.touhoku > .pref > label {
  border-color: #37A5C2; }

#s_map > .area.touhoku > input#pref_aomori:checked ~ .pref.aomori > label,
#s_map > .area.touhoku > input#pref_iwate:checked ~ .pref.iwate > label,
#s_map > .area.touhoku > input#pref_akita:checked ~ .pref.akita > label,
#s_map > .area.touhoku > input#pref_miyagi:checked ~ .pref.miyagi > label,
#s_map > .area.touhoku > input#pref_yamagata:checked ~ .pref.yamagata > label,
#s_map > .area.touhoku > input#pref_fukushima:checked ~ .pref.fukushima > label {
  background-color: #37A5C2;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.kantou {
  top: 52.58%;
  right: 0; }

#s_map > .area.kantou > .title {
  color: #94C529; }

#s_map > .area.kantou > .pref > label {
  border-color: #94C529; }

#s_map > .area.kantou > input#pref_gunma:checked ~ .pref.gunma > label,
#s_map > .area.kantou > input#pref_tochigi:checked ~ .pref.tochigi > label,
#s_map > .area.kantou > input#pref_saitama:checked ~ .pref.saitama > label,
#s_map > .area.kantou > input#pref_ibaraki:checked ~ .pref.ibaraki > label,
#s_map > .area.kantou > input#pref_tokyo:checked ~ .pref.tokyo > label,
#s_map > .area.kantou > input#pref_chiba:checked ~ .pref.chiba > label,
#s_map > .area.kantou > input#pref_kanagawa:checked ~ .pref.kanagawa > label {
  background-color: #94C529;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.hokusinetu {
  top: 3.86%;
  left: 37.2%; }

#s_map > .area.hokusinetu > .title {
  color: #2D9C47; }

#s_map > .area.hokusinetu > .pref > label {
  border-color: #2D9C47; }

#s_map > .area.hokusinetu > input#pref_toyama:checked ~ .pref.toyama > label,
#s_map > .area.hokusinetu > input#pref_niigata:checked ~ .pref.niigata > label,
#s_map > .area.hokusinetu > input#pref_ishikawa:checked ~ .pref.ishikawa > label,
#s_map > .area.hokusinetu > input#pref_nagano:checked ~ .pref.nagano > label,
#s_map > .area.hokusinetu > input#pref_fukui:checked ~ .pref.fukui > label,
#s_map > .area.hokusinetu > input#pref_yamanashi:checked ~ .pref.yamanashi > label {
  background-color: #2D9C47;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.kinki {
  top: 3.86%;
  left: 9.5%; }

#s_map > .area.kinki > .title {
  color: #F8A003; }

#s_map > .area.kinki > .pref > label {
  border-color: #F8A003; }

#s_map > .area.kinki > input#pref_hyogo:checked ~ .pref.hyogo > label,
#s_map > .area.kinki > input#pref_shiga:checked ~ .pref.shiga > label,
#s_map > .area.kinki > input#pref_osaka:checked ~ .pref.osaka > label,
#s_map > .area.kinki > input#pref_kyoto:checked ~ .pref.kyoto > label,
#s_map > .area.kinki > input#pref_wakayama:checked ~ .pref.wakayama > label,
#s_map > .area.kinki > input#pref_nara:checked ~ .pref.nara > label {
  background-color: #F8A003;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.toukai {
  top: 75.4%;
  left: 52.9%; }

#s_map > .area.toukai > .title {
  color: #F2B652; }

#s_map > .area.toukai > .pref > label {
  border-color: #F2B652; }

#s_map > .area.toukai > input#pref_aichi:checked ~ .pref.aichi > label,
#s_map > .area.toukai > input#pref_gifu:checked ~ .pref.gifu > label,
#s_map > .area.toukai > input#pref_mie:checked ~ .pref.mie > label,
#s_map > .area.toukai > input#pref_shizuoka:checked ~ .pref.shizuoka > label {
  background-color: #F2B652;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.sikoku {
  top: 75.4%;
  left: 28.7%; }

#s_map > .area.sikoku > .title {
  color: #CE99DA; }

#s_map > .area.sikoku > .pref > label {
  border-color: #CE99DA; }

#s_map > .area.sikoku > input#pref_ehime:checked ~ .pref.ehime > label,
#s_map > .area.sikoku > input#pref_kagawa:checked ~ .pref.kagawa > label,
#s_map > .area.sikoku > input#pref_kochi:checked ~ .pref.kochi > label,
#s_map > .area.sikoku > input#pref_tokushima:checked ~ .pref.tokushima > label {
  background-color: #CE99DA;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.tyuugoku {
  top: 32.8%;
  left: 0; }

#s_map > .area.tyuugoku > .title {
  color: #F66B3B; }

#s_map > .area.tyuugoku > .pref > label {
  border-color: #F66B3B; }

#s_map > .area.tyuugoku > input#pref_shimane:checked ~ .pref.shimane > label,
#s_map > .area.tyuugoku > input#pref_tottori:checked ~ .pref.tottori > label,
#s_map > .area.tyuugoku > input#pref_hiroshima:checked ~ .pref.hiroshima > label,
#s_map > .area.tyuugoku > input#pref_okayama:checked ~ .pref.okayama > label,
#s_map > .area.tyuugoku > input#pref_yamaguchi:checked ~ .pref.yamaguchi > label {
  background-color: #F66B3B;
  color: #fff;
  transition: 0.3s; }

#s_map > .area.kyuusyuu_okinawa {
  top: 65.7%;
  left: 0; }

#s_map > .area.kyuusyuu_okinawa > .title {
  color: #7D86CB; }

#s_map > .area.kyuusyuu_okinawa > .pref > label {
  border-color: #7D86CB; }

#s_map > .area.kyuusyuu_okinawa > input#pref_saga:checked ~ .pref.saga > label,
#s_map > .area.kyuusyuu_okinawa > input#pref_fukuoka:checked ~ .pref.fukuoka > label,
#s_map > .area.kyuusyuu_okinawa > input#pref_miyazaki:checked ~ .pref.miyazaki > label,
#s_map > .area.kyuusyuu_okinawa > input#pref_nagasaki:checked ~ .pref.nagasaki > label,
#s_map > .area.kyuusyuu_okinawa > input#pref_kumamoto:checked ~ .pref.kumamoto > label,
#s_map > .area.kyuusyuu_okinawa > input#pref_oita:checked ~ .pref.oita > label,
#s_map > .area.kyuusyuu_okinawa > input#pref_okinawa:checked ~ .pref.okinawa > label,
#s_map > .area.kyuusyuu_okinawa > input#pref_kagoshima:checked ~ .pref.kagoshima > label {
  background-color: #7D86CB;
  color: #fff;
  transition: 0.3s; }

#s_map > .picture > .pref {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat; }

#s_map > .picture > .pref > img {
  width: 100%;
  height: auto; }

#s_map > .picture > .pref:hover > img {
  visibility: hidden; }

#s_map > .picture > .pref:hover {
  cursor: pointer; }

#s_map > .picture > .pref.hokkaido {
  width: 11.6%;
  height: 16%;
  top: 10.9%;
  left: 62.9%;
  background-image: url("../../topimg/map/ic_hokkaido_on-7c2335d4e8b2e818ca368b27dc885053a803fb9b04fe6eeac91ccc6c49210944.png"); }

#s_map > .picture > .pref.touhoku {
  width: 9.3%;
  height: 16.3%;
  top: 28.6%;
  left: 64.31%;
  background-image: url("../../topimg/map/ic_tohoku_on-a1383856e5e34f016689ec2c3ce2ffb454f04286957b968b2752ffaad3deefe6.png"); }

#s_map > .picture > .pref.kantou {
  width: 9.3%;
  height: 18.85%;
  top: 45.7%;
  left: 64.31%;
  background-image: url("../../topimg/map/ic_kanto_on-eec3c85d66a9b1505af20a5e0d57faad75f2ebbb844fe57679a598a249835b26.png"); }

#s_map > .picture > .pref.hokusinetu {
  width: 8.4%;
  height: 14.87%;
  top: 37.75%;
  left: 55.1%;
  background-image: url("../../topimg/map/ic_kitashinetsu_on-7c14cdbebff4c373b2d5f0ce10e86fb11b8ba13f5e719d9322039f41350b0c0c.png"); }

#s_map > .picture > .pref.toukai {
  width: 8.4%;
  height: 11.2%;
  top: 53.5%;
  left: 55.1%;
  background-image: url("../../topimg/map/ic_tokai_on-4347d61e18aec77d847ad7f93c4f03db85eff8499d60d693eaa96fa8582c25ef.png"); }

#s_map > .picture > .pref.kinki {
  width: 8.1%;
  height: 26.25%;
  top: 37.75%;
  left: 46.3%;
  background-image: url("../../topimg/map/ic_kinki_on-9187022fa73affc8ebbfb91850ef3ef1ef2e11f77f358f26d748b74445a056cd.png"); }

#s_map > .picture > .pref.tyuugoku {
  width: 9.9%;
  height: 15.3%;
  top: 37.75%;
  left: 35.8%;
  background-image: url("../../topimg/map/ic_chugoku_on-c885c483341cab8e9d6569afed823f761babcc0f687c4f54788438d5e464fb5d.png"); }

#s_map > .picture > .pref.sikoku {
  width: 8.6%;
  height: 10.2%;
  top: 54.2%;
  left: 35.8%;
  background-image: url("../../topimg/map/ic_shikoku_on-f5ebd444a136660bf6c4630b2eaa3ccdb257aa77b65b033967446c1942681328.png"); }

#s_map > .picture > .pref.kyuusyuu_okinawa {
  width: 10%;
  height: 32.9%;
  top: 37.75%;
  left: 25.1%;
  background-image: url("../../topimg/map/ic_kyuoki_on-ae5ce12d9db602f96edc486a985b99a3ae097cb788f8c732cf406fb29d4edc6f.png"); }

@media (max-width: 768px) {
  #sm_canvas > .canvas_box.area {
    position: relative;
    padding-top: 0;
    overflow: visible; }

  #s_map {
    position: relative; }

  #s_map > .area {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 8px; }

  #s_map > .area > .pref {
    position: relative;
    float: left;
    width: 16.666666%;
    padding-bottom: 4px;
    padding-right: 2px; }

  #s_map > .area > .pref:nth-of-type(odd) {
    padding-right: 2px; }

  #s_map > .area > .pref:nth-of-type(even) {
    padding-left: 0; }

  #s_map > .area.hokkaido,
  #s_map > .area.touhoku,
  #s_map > .area.kantou,
  #s_map > .area.hokusinetu,
  #s_map > .area.kinki,
  #s_map > .area.toukai,
  #s_map > .area.sikoku,
  #s_map > .area.tyuugoku,
  #s_map > .area.kyuusyuu_okinawa {
    top: 0;
    left: 0; }

  #s_map > .picture {
    display: none; } }
#mv {
  position: relative;
  width: 681.36px;
  margin: 50px auto 120px;
  text-align: center; }

#mv > .home_title_logo {
  -webkit-user-drag: none;
  user-drag: none;
  display: block;
  width: 66%;
  margin: auto; }

#mv > .copy {
  position: relative;
  top: -13px; }

#mv > .copy > .copy_image {
  -webkit-user-drag: none;
  user-drag: none; }

#mv > .balloon_link {
  position: absolute;
  background-color: #FF7300;
  color: #fff;
  transition: 0.3s;
  border-radius: 50%;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  width: 150px;
  height: 150px;
  top: -25px;
  right: -80px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center; }

#mv > .balloon_link .exm {
  font-style: oblique; }

#mv > .balloon_link > .copy2 {
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  margin-top: 5px; }

#mv > .balloon_link > .copy2 > .text {
  display: block; }

#mv > .balloon_link > .copy2 > .text.small {
  font-size: 10px;
  line-height: 2; }

#mv > .balloon_link > .copy2 > .text.main {
  color: #ffff00;
  font-size: 24px;
  font-weight: bold;
  line-height: 1; }

#mv > .balloon_link > .link {
  display: block;
  margin: 5px auto 0;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 1.1px;
  font-size: 14px;
  font-weight: bold; }

#mv > .balloon_link:hover {
  background-color: #fb9038; }

#latest_news {
  margin: auto auto 80px;
  display: flex; }

#latest_news > .title {
  font-size: 18px;
  background-color: #003366;
  color: #fff;
  font-weight: normal;
  width: 18%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

#latest_news > .news_list {
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px;
  box-sizing: border-box; }

#latest_news > .news_list > .item {
  display: flex; }

#latest_news > .news_list > .item > .date {
  width: 18%; }

#latest_news > .news_list > .item > .content {
  width: 57%; }

#latest_news > .news_list > .item > .link {
  width: 25%;
  text-align: right; }

#latest_news > .news_list > .item > .link > a {
  display: inline-block;
  background-color: #FF7300;
  color: #fff;
  font-size: 85%;
  padding: 0.5em 1.5em;
  line-height: 1;
  border-radius: 5px;
  transition: 0.3s; }

#latest_news > .news_list > .item > .link > a:hover {
  background-color: #fb9038; }

#to_orders_btn {
  display: block;
  background-image: url("../../topimg/top_img15.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  margin: auto auto 120px;
  transition: 0.3s;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

#to_orders_btn:hover {
  cursor: pointer;
  transform: scale(1.1); }

#about {
  background-color: rgba(255, 255, 255, 0.7);
  margin: auto auto 140px;
  border-radius: 10px;
  padding: 20px;
  padding: 20px;
  background-image: url("../../topimg/top_img14.png");
  background-position: left center;
  background-position: 2% 50%;
  background-size: 18%;
  background-repeat: no-repeat; }

#about > .title {
  width: 55%;
  margin: auto auto 15px; }

#about > .content {
  overflow-wrap: break-word;
  padding: 0 13% 0 20%;
  margin-bottom: 15px; }

#about > .link {
  text-align: center; }

#about > .link > a {
  display: inline-block;
  background-color: #FF7300;
  color: #fff;
  font-size: 85%;
  padding: 0.5em 2.5em;
  line-height: 1;
  border-radius: 5px;
  transition: 0.3s; }

#about > .link > a:hover {
  background-color: #fb9038; }

#order_box {
  background-color: rgba(255, 255, 255, 0.7);
  margin: auto auto 100px;
  padding: 30px 55.2px;
  padding: 30px 55.2px;
  border-radius: 10px; }

#order_box > .orders_heder {
  position: relative;
  text-align: center;
  color: #003366;
  margin-bottom: 10px; }

#order_box > .orders_heder > .title > .logo {
  -webkit-user-drag: none;
  user-drag: none;
  width: 13em; }

#order_box > .orders_heder > .title > .orders_title_image {
  -webkit-user-drag: none;
  user-drag: none;
  width: 10em;
  vertical-align: super; }

#order_box > .orders_heder > .updated {
  position: absolute;
  right: 0;
  top: calc(50% - 1em);
  font-weight: bold; }

#order_box > #new_order_box {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  border: 2px solid #003366;
  padding: 15px 40px 30px;
  margin-bottom: 40px; }

#order_box > #new_order_box > .title {
  text-align: center;
  margin-bottom: 15px;
  font-size: 150%;
  letter-spacing: 0.2em;
  font-weight: normal; }

#order_box > #new_order_box > .orders_illust {
  position: absolute;
  top: -40px;
  right: 32px;
  width: 26%; }

#order_box > #new_order_box > .menu {
  width: 865.6px;
  margin: auto;
  display: flex;
  justify-content: space-between; }

#order_box > #new_order_box > .menu > .item {
  width: 32%;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 90%; }

#order_box > #new_order_box > .menu.summary > .item {
  background-color: #003366;
  color: #fff;
  display: flex;
  justify-content: space-between; }

#order_box > #new_order_box > .menu.summary > .item:last-child {
  visibility: hidden; }

#order_box > #new_order_box > .menu.links > .item {
  border: 1px solid #003366; }

#order_box > #new_order_box > .menu.links > .item > a {
  display: flex;
  justify-content: space-between; }

#order_box > #new_order_box .result_count {
  margin-bottom: 2px;
  font-size: 90%; }

#order_box > #new_order_box .result_count > .number {
  color: red;
  font-weight: bold; }

#order_box > #new_order_box .order_tbl {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #003366; }

#order_box > #new_order_box .order_tbl tr {
  border: 1px solid #003366; }

#order_box > #new_order_box .order_tbl tr:nth-child(odd) {
  background-color: #cdd7e1; }

#order_box > #new_order_box .order_tbl tr:nth-child(odd) td.deadline {
  background-color: #a4b4c6; }

#order_box > #new_order_box .order_tbl tr:nth-child(even) td.deadline {
  background-color: #ccd6e0; }

#order_box > #new_order_box .order_tbl tr.head {
  background-color: #003366;
  color: #fff; }

#order_box > #new_order_box .order_tbl th {
  font-weight: normal;
  font-size: 85%;
  padding: 0.3em; }

#order_box > #new_order_box .order_tbl th:last-child {
  width: 18%; }

#order_box > #new_order_box .order_tbl td {
  font-size: 85%; }

#order_box > #new_order_box .order_tbl td.title {
  padding: 0.5em 1em 0.5em 2.5em; }

#order_box > #new_order_box .order_tbl td.deadline {
  padding: 0.5em;
  text-align: center; }

#order_box > #new_order_box .order_tbl td .emphasis {
  color: red;
  font-weight: bold; }

#order_box > #new_order_box .order_tbl td a:hover {
  text-decoration: underline; }

#order_box > #new_order_box .order_tbl_foot {
  text-align: right;
  margin-top: 5px; }

#order_box > #new_order_box .order_tbl_foot .more_link:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  border-style: solid;
  border-width: 0.4em;
  border-color: transparent transparent transparent #003366; }

#order_box > #new_order_box .order_tbl_foot .more_link:hover {
  text-decoration: underline; }

#merit {
  background-color: rgba(255, 255, 255, 0.7);
  margin: auto auto 40px;
  border-radius: 10px;
  padding: 25px 55.2px 29.6px;
  padding: 25px 55.2px 29.6px; }

#merit .m_head {
  position: relative; }

#merit .m_head .m_title {
  text-align: center;
  margin-bottom: 20px; }

#merit .m_head .m_title img {
  width: 50%;
  -webkit-user-drag: none;
  user-drag: none; }

#merit .m_head .mhl_wrapper {
  position: relative;
  margin-bottom: 60px;
  background-color: #fff; }

#merit .m_head .mhl_wrapper img {
  position: absolute;
  width: 168px; }

#merit .m_head .mhl_wrapper img.person_1 {
  left: -21px;
  bottom: -20px; }

#merit .m_head .mhl_wrapper img.person_2 {
  right: -33px;
  bottom: -27px; }

#merit .m_head .mh_title {
  width: 750px;
  margin: auto;
  display: flex;
  justify-content: center; }

#merit .m_head .mh_title .mhl_title {
  color: #FF7300;
  font-size: 150%;
  margin: 0.5em; }

#merit .m_head .mh_list .mhl_item .mhl_text {
  color: #9b9b9b;
  font-size: 120%;
  font-weight: bold; }

#merit .m_main .m_list {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#merit .m_main .m_list .m_box {
  width: 31%;
  background-color: #fff;
  border: 3px solid #FF7300;
  padding: 10px 20px 20px;
  box-sizing: border-box;
  border-radius: 10px;
  height: 315px; }

#merit .m_main .m_list .mb_title {
  color: #FF7300;
  text-align: center;
  font-size: 150%;
  border-bottom: 2px solid #FF7300;
  margin-bottom: 15px;
  padding-bottom: 0.5em; }

#merit .m_main .m_list .mb_copy {
  text-align: center;
  font-weight: normal;
  margin-bottom: 15px; }

#merit .m_main .m_list .mb_illust {
  margin-bottom: 30px;
  text-align: center; }

#merit .m_main .m_list .mb_illust img {
  height: auto;
  width: 60%;
  max-width: 200px; }

#merit .m_main .m_list .mb_text {
  font-size: 90%;
  overflow-wrap: break-word;
  line-height: 1.5; }

@media (max-width: 768px) {
  main {
    padding: 30px 12px; }

  #latest_news {
    margin: auto auto 40px;
    flex-direction: column; }

  #latest_news > .title {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0;
    width: 100%;
    padding: .5em; }

  #latest_news > .news_list {
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }

  #latest_news > .news_list > .item {
    flex-direction: column; }

  #latest_news > .news_list > .item > .date,
  #latest_news > .news_list > .item > .content {
    width: 100%; }

  #latest_news > .news_list > .item > .link {
    width: 100%;
    margin-top: 1em; }

  #to_orders_btn {
    margin: auto auto 40px; }

  #mv {
    width: 90%;
    margin: 10px auto 200px; }

  #about {
    background-position: 7% 95%;
    margin-bottom: 2em; }

  #about > .content {
    padding: 0;
    margin-bottom: 2em; }

  #about > .title {
    width: 77vw; }

  #order_box {
    padding: 30px 10px; }

  #order_box > #new_order_box {
    padding: 15px 10px 30px; }

  #order_box > #new_order_box > .menu {
    width: auto; }

  #order_box > #new_order_box > .menu.summary > .item {
    flex-direction: column; }

  #order_box > #new_order_box > .menu.links > .item > a {
    flex-direction: column; }

  #order_box > .orders_heder > .updated {
    top: -2em; }

  #order_box > .orders_heder > .title > .logo {
    width: 80%; }

  #order_box > #new_order_box > .orders_illust {
    display: none; }

  #merit {
    padding: 25px 10px 29.6px; }

  #merit .m_head .mh_list {
    width: auto; }

  #merit .m_head .m_title img {
    width: 100%; }

  #merit .m_main .m_list {
    display: block; }

  #merit .m_main .m_list .m_box {
    width: 100%;
    margin-top: 3em;
    height: 280px; }

  #mv > .balloon_link {
    top: 130px;
    right: calc(50% - 75px); } }
.txt01 {
  line-height: 1.5; }

.arrow {
  width: 25px; }

@media (max-width: 768px) {
  .arrow {
    transform: rotateZ(90deg);
    margin: auto;
    margin-top: 36px; } }

/*# sourceMappingURL=top.css.map */