@charset "UTF-8";
/* TOP CSS */
/* --------------------------------------
Base settings
---------------------------------------*/
.pc-hyde {
  display: block;
}

.sp-hyde {
  display: none;
}

.wrapper {
  max-width: 100%;
  padding: 0 20px;
}

.bottom30 {
  margin-bottom: 15px;
}

.bottom40 {
  margin-bottom: 20px;
}

.bottom50 {
  margin-bottom: 25px;
}

.bottom60 {
  margin-bottom: 30px;
}

.bottom70 {
  margin-bottom: 35px;
}

.bottom80 {
  margin-bottom: 40px;
}

.conts-padding {
  padding: 30px 0;
}

body {
  padding-top: 154px;
}

/*===================================
common Heading
===================================*/
.heading-top {
  margin-bottom: 20px;
}
.heading-top img {
  height: 44px;
  padding-left: 52px;
}
.heading-top::before {
  width: 40px;
  height: 40px;
  top: calc(50% - 24px);
  background-size: contain !important;
}

.heading-bottom-shadow {
  font-size: 24px;
  margin-bottom: 20px;
}

.heading-bottom-double {
  border-bottom: 4px solid #004af1;
  padding-bottom: 15px;
  box-shadow: 0 2px 0 #b4c7ed;
  margin-bottom: 20px;
}

.heading-left-double {
  margin-bottom: 20px;
}

.whitebox-shadow {
  padding: 20px;
}

.cat-style {
  font-size: 13px;
}

/*===================================
common conversion
===================================*/
.conversion {
  margin-bottom: 70px;
  padding: 0;
}
.conversion::before {
  display: none;
}
.conversion::after {
  bottom: -50px;
  right: calc(50% - 100px);
}
.conversion .title {
  border-radius: 5px 5px 0 0;
  padding: 20px;
  text-align: center;
  background: rgb(246, 105, 87);
  background: linear-gradient(180deg, rgb(246, 105, 87) 0%, rgb(209, 0, 0) 100%);
}
.conversion .title img {
  width: auto;
  max-width: 100%;
}
.conversion .inner {
  padding: 20px 20px 130px 20px;
  width: 100%;
}
.conversion .inner .flexbox {
  display: block;
  margin-bottom: 15px;
}
.conversion .inner .flexbox .btn-wrap {
  width: 100%;
}
.conversion .inner .flexbox .btn-wrap:not(:last-child) {
  margin-bottom: 10px;
}
.conversion .inner .flexbox .btn-wrap .btn {
  padding: 12px 15px 12px 10px;
}
.conversion .inner .btn-wrap.tel .btn .flexbox span {
  margin-right: 0;
}
.conversion .inner .btn-wrap.tel .btn .flexbox .detail {
  margin-right: 0;
  letter-spacing: 0px;
  font-size: 38px;
}
.conversion .inner .btn-wrap.tel .btn .flexbox .font-gray {
  text-align: center;
}

/*===================================
MV
===================================*/
.mainvisual {
  padding-bottom: 40px;
}
.mainvisual .mv-point {
  padding-bottom: 30px;
  background-size: 200%;
}
.mainvisual .mv-point .catch {
  padding: 40px 0 40px;
  max-width: 500px;
}
.mainvisual .mv-point .flexbox {
  display: block;
}
.mainvisual .mv-point .flexbox .item {
  width: 100%;
  background: #fff;
  font-size: 18px;
}
.mainvisual .mv-point .flexbox .item:not(:last-child) {
  margin-bottom: 35px;
}
.mainvisual .mv-point .flexbox .item::after {
  width: 60px;
  height: 60px;
  right: -15px;
  background-size: contain !important;
}
.mainvisual .mv-point .flexbox .item .photo {
  margin-bottom: 15px;
}
.mainvisual .mv-point .flexbox .item .inner .heading {
  margin-bottom: 15px;
}
.mainvisual .mv-point .flexbox .item .inner .text {
  display: none;
}
.mainvisual .mv-flow {
  background: #d4ddec;
  padding: 30px 0;
}
.mainvisual .mv-flow .heading {
  text-align: center;
  margin-bottom: 20px;
}
.mainvisual .mv-flow .heading img {
  width: 400px;
  max-width: 100%;
  height: auto;
}
.mainvisual .mv-flow table {
  border-left: 2px solid #0000bc;
  border-top: 2px solid #0000bc;
  border-bottom: 2px solid #0000bc;
  border-right: none;
}
.mainvisual .mv-flow table th,
.mainvisual .mv-flow table td {
  width: 33.3333333333%;
}
.mainvisual .mv-flow table tbody tr th {
  font-family: "Bahnschrift", sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  background: #0000bc;
  color: #fff;
  border-right: 2px solid #fff;
}
.mainvisual .mv-flow table tbody tr th:last-child {
  border-right: 2px solid #0000bc;
}
.mainvisual .mv-flow table tbody tr td {
  text-align: center;
  color: #0000bc;
  font-size: 13px;
  border-right: 2px solid #0000bc;
  line-height: 1.3;
  padding: 15px 10px;
  vertical-align: top;
}
.mainvisual .mv-flow table tbody tr td .icon {
  margin: auto;
  width: auto;
  height: auto;
  max-height: 60px;
  max-width: 60px;
}

/*===================================
NEWS
===================================*/
.news-conts.flexbox {
  display: block;
}
.news-conts.flexbox .item {
  width: 100%;
  padding: 15px 30px 20px 15px;
  margin-bottom: 10px;
}
.news-conts.flexbox .item .photo {
  display: none;
}
.news-conts.flexbox .item .text {
  width: 100%;
}
.news-conts.flexbox .item .text .flexbox {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
}
.news-conts.flexbox .item .text .heading {
  font-size: 16px;
}

/*===================================
SERVICE
===================================*/
.top-service .bottom40 {
  margin-bottom: 30px;
}
.top-service .flexbox {
  display: block;
}
.top-service .flexbox .item {
  width: 100%;
}
.top-service .flexbox .item:before {
  width: 60px;
  height: 60px;
  left: -15px;
  top: -15px;
  background-size: contain;
  background-size: contain !important;
}
.top-service .flexbox .item:not(:last-child) {
  margin-bottom: 25px;
}
.top-service .flexbox .item .popup-open img {
  width: 30px;
  height: auto;
}
.top-service .flexbox .item .show {
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-service .flexbox .item .popup-close img {
  width: 30px;
  height: auto;
}

/*===================================
CASE
===================================*/
.top-case .flexbox {
  display: block;
}
.top-case .flexbox .item {
  width: 100%;
  margin-bottom: 15px;
}
.top-case .flexbox .item .text {
  padding: 20px;
  font-size: 18px;
}
.top-case .flexbox .item .text .cat-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-case .flexbox .item .text .cat-area .cat-style {
  width: 49.5%;
  margin-bottom: 1%;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-case .case-slide {
  position: relative;
}
.top-case .case-slide .slick-arrow:before {
  content: "" !important;
  width: 50px !important;
  height: 50px !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
.top-case .case-slide .slick-next,
.top-case .case-slide .slick-prev {
  width: 50px !important;
  height: 50px !important;
  z-index: 1;
  transition: 0.5s;
}
.top-case .case-slide .slick-next:hover,
.top-case .case-slide .slick-prev:hover {
  opacity: 0.8;
}
.top-case .case-slide .slick-prev {
  left: -10px;
}
.top-case .case-slide .slick-next {
  right: -10px;
}
.top-case .case-slide .slick-next:before {
  background: url(../img/arrow/slide_arrow.png) no-repeat !important;
  background-size: contain !important;
  z-index: 1;
  transform: scale(-1, 1);
}
.top-case .case-slide .slick-prev:before {
  z-index: 1;
  background: url(../img/arrow/slide_arrow.png) no-repeat !important;
  background-size: contain !important;
}
.top-case .case-slide .slick-track {
  display: flex;
}
.top-case .case-slide .slick-slide {
  height: auto !important;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 4px solid #000;
  margin-bottom: 20px;
  margin: 10px;
}
.top-case .case-slide .slick-slide .photo {
  position: relative;
}
.top-case .case-slide .slick-slide .photo .heading {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  font-size: 20px;
}
.top-case .case-slide .slick-slide .text {
  padding: 20px;
  font-size: 18px;
}
.top-case .case-slide .slick-slide .text .cat-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-case .case-slide .slick-slide .text .cat-area .cat-style {
  width: 49.5%;
  margin-bottom: 1%;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*===================================
ACCESS
===================================*/
.map {
  padding-top: 65%;
}

/*===================================
SUB
===================================*/
#sub {
  /* 記事共通*/
}
#sub .conts-padding {
  padding: 30px 0;
}
#sub .sub-common-heading {
  padding: 40px 0;
}
#sub .sub-common-heading .heading img {
  width: auto;
  max-width: 100%;
  height: 50px;
}
#sub .sidebar {
  width: 100%;
}
#sub .sub-introduction-text .merit-demerit .flexbox:not(:last-child) {
  margin-bottom: 15px;
}
#sub .sub-introduction-text .merit-demerit .flexbox .title {
  margin-bottom: 10px;
}
#sub .sub-introduction-text .merit-demerit .flexbox .text {
  width: 100%;
}
#sub .sub-page-contents .heading-bottom-double {
  font-size: 24px;
}
#sub .heading-search {
  font-size: 18px;
  margin-bottom: 30px;
}
#sub .heading-search span {
  font-size: 24px;
}
#sub .estimate_kind .heading {
  margin-bottom: 20px;
  text-align: center;
}
#sub .estimate_kind .heading img {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: auto;
}
#sub .estimate_kind .text-center {
  text-align: left;
}
#sub .estimate_kind .flexbox {
  display: block;
}
#sub .estimate_kind .flexbox .item.box-border {
  width: 100%;
}
#sub .estimate_kind .flexbox .item.box-border:not(:last-child) {
  margin-bottom: 15px;
}
#sub .estimate_kind .flexbox .item.box-border .title {
  font-size: 22px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 15px;
}
#sub .estimate_kind .flexbox .item.box-border .title span {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #fde801 60%);
}
#sub .estimate_kind .flexbox .item.box-border .text {
  margin-bottom: 15px;
}
#sub .estimate_kind .flexbox .item.box-border .text span {
  font-size: 14px;
}
#sub .flexbox.column-2-wrap {
  display: block;
}
#sub .flexbox.column-2-wrap .sub-page-contents {
  width: 100%;
  margin-bottom: 30px;
}
#sub .article-style .article-title {
  padding: 20px;
}
#sub .article-style .article-title h1 {
  font-size: 24px;
}
#sub .article-style .box-border .inner {
  padding: 20px;
}
#sub .article-style table th {
  width: 50%;
}
#sub .article-style table td {
  width: 50%;
}
#sub .service .difference {
  padding-top: 30px;
}
#sub .service .difference .box-border {
  padding: 20px;
}
#sub .service .difference .box-border .inner .text {
  text-align: center;
  margin-bottom: 15px;
  font-size: 16px;
}
#sub .service .difference .box-border .detail {
  text-align: center;
}
#sub .service .difference .box-border .detail img {
  height: 60px;
  width: auto;
  margin: auto;
}
#sub .service .difference .box-border .flexbox {
  display: block;
}
#sub .service .difference .box-border .flexbox .item {
  width: 100%;
}
#sub .service .difference .box-border .flexbox .item:not(:last-child) {
  margin-bottom: 25px;
}
#sub .service .difference .box-border .flexbox .item .btn-wrap .btn {
  width: 320px;
}
#sub .service .difference .box-border .flexbox .item .heading {
  min-height: auto;
}
#sub .service .difference .box-border .flexbox .item .text {
  min-height: auto;
}
#sub .service .service-contents .inner .heading-bottom-shadow::before {
  width: 40px;
  height: 40px;
  top: 5px;
}
#sub .service .service-contents .inner .flexbox {
  display: block;
}
#sub .service .service-contents .inner .flexbox .item {
  width: 100%;
}
#sub .service .service-contents .inner .flexbox .item.photo {
  margin-bottom: 40px;
  height: auto;
  overflow: hidden;
}
#sub .service .service-contents .inner .box-border {
  padding: 30px 20px 20px 20px;
  position: relative;
}
#sub .service .service-contents .inner .box-border .heading {
  padding: 0 10px;
  text-align: center;
  top: -25px;
  left: 0px;
}
#sub .service .service-contents .inner .box-border .heading img {
  width: auto;
  max-width: calc(100% - 40px);
}
#sub .service .service-contents .inner .box-border ul li {
  position: relative;
  padding-left: 60px;
  font-size: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}
#sub .service .service-contents .inner .box-border ul li:last-child {
  margin-bottom: 0;
}
#sub .service .service-contents .inner .box-border ul li::before {
  width: 40px;
  height: 36.5px;
  top: 4px;
}
#sub .service .service-contents .inner .links {
  margin: auto;
  text-align: center;
}
#sub .service .service-contents .inner .links .btn-wrap {
  display: inline-block;
  width: 320px;
  max-width: 100%;
}
#sub .service .service-contents .inner .links .btn-wrap .btn.bg-blue {
  margin-bottom: 10px;
}
#sub .service .service-contents #quick .heading-bottom-shadow {
  margin-bottom: 30px;
}
#sub .service .service-contents #quick .bg-gray {
  padding: 20px;
}
#sub .service .service-contents #quick .bg-gray .heading-bottom-double img,
#sub .service .service-contents #quick .bg-gray .heading-left-double img {
  width: auto;
  max-width: 100%;
  height: auto;
}
#sub .service .service-contents #quick .bg-gray .heading-bottom-double {
  text-align: center;
}
#sub .service .service-contents #quick .bg-gray .heading-bottom-double img {
  margin: auto;
  max-width: 240px;
}
#sub .service .service-contents #quick .bg-gray .flexbox {
  display: block;
}
#sub .service .service-contents #quick .bg-gray .flexbox .item.box-border {
  width: 100%;
}
#sub .service .service-contents #quick .bg-gray .flexbox .item.box-border:not(:last-child) {
  margin-bottom: 15px;
}
#sub .service .service-contents #quick .bg-gray .flexbox .item.box-border .heading {
  font-size: 18px;
  padding: 10px 20px 14px;
}
#sub .service .service-contents #quick .bg-gray .flexbox .item.box-border .inner {
  padding: 20px;
}
#sub .service .service-contents #quick .bg-gray .bg-white {
  padding: 20px;
}
#sub .service .service-contents #quick .bg-gray table {
  font-size: 16px;
}
#sub .service .service-contents #quick .bg-gray table img {
  max-width: 26px;
}
#sub .service .service-contents #quick .bg-gray table thead th {
  padding: 15px 10px;
  font-weight: normal;
  background: #e7eeff;
  border-right: none;
  color: #000;
}
#sub .service .service-contents #quick .bg-gray table tbody tr th {
  color: #fff;
  background: #0000bc;
  padding: 10px;
  font-weight: bold;
}
#sub .service .service-contents #quick .bg-gray table tbody tr th:first-child {
  width: 120px;
}
#sub .service .service-contents #quick .bg-gray table tbody tr th:last-child {
  width: calc(100% - 60px);
  border-right: none;
}
#sub .service .service-contents #quick .bg-gray table tbody tr td {
  background: #fff;
  text-align: center;
  padding: 15px 10px;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
#sub .service .service-contents #quick .bg-gray table tbody tr td.font-red {
  font-size: 14px;
}
#sub .service .service-contents #quick .bg-gray table tbody tr td.font-red span {
  font-size: 24px;
}
#sub .service .service-contents #quick .bg-gray table tbody tr td:first-child {
  width: 125px;
  padding: 15px 0;
}
#sub .service .service-contents #quick .bg-gray table tbody tr td:last-child {
  width: calc(100% - 125px);
}
#sub .service .flow .heading-bottom-shadow {
  margin-bottom: 30px;
}
#sub .service .flow .flexbox {
  display: block;
}
#sub .service .flow .flexbox .item {
  width: 100%;
  padding: 20px;
}
#sub .service .flow .flexbox .item:not(:last-child) {
  margin-bottom: 50px;
}
#sub .service .flow .flexbox .item:before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc(50% - 15px);
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #004af1;
  transform: rotate(90deg);
}
#sub .service .flow .flexbox .item .photo,
#sub .service .flow .flexbox .item .text {
  margin-bottom: 10px;
}
#sub .service .flow .flexbox .item .heading {
  font-size: 20px;
}
#sub .case .conts-padding {
  padding-top: 30px;
}
#sub .case .article-style .article-title h1 {
  margin-bottom: 15px;
}
#sub .case .article-style .article-title .cat-area .cat-style {
  display: inline-block;
  padding: 0;
  margin-bottom: 1%;
  margin-right: 2px;
}
#sub .case .article-style .article-title .cat-area .cat-style a {
  padding: 4px 15px;
  font-size: 13px;
}
#sub .case .article-style .article-title .cat-area .cat-style a:hover {
  opacity: 0.8;
}
#sub .case .box-border.flexbox {
  display: block;
}
#sub .case .single-reccomend .bg-black.heading {
  font-size: 24px;
  padding: 15px 20px;
  margin-bottom: 20px;
}
#sub .case .single-reccomend .bg-white {
  padding: 20px;
}
#sub .case .single-reccomend .bg-white .heading-bottom-shadow {
  font-size: 22px;
}
#sub .case .single-reccomend .bg-white ul li a {
  font-size: 16px;
}
#sub .case .heading-bottom-double {
  padding-left: 50px;
}
#sub .case .heading-bottom-double:before {
  width: 40px;
  height: 40px;
  top: 0px;
}
#sub .case .box-border.flexbox {
  padding: 0;
}
#sub .case .box-border.flexbox:last-of-type {
  margin-bottom: 20px;
}
#sub .case .box-border.flexbox .photo {
  width: 100%;
  margin-right: 0;
}
#sub .case .box-border.flexbox .text {
  width: 100%;
  font-size: 18px;
}
#sub .case .box-border.flexbox .text .heading {
  background: #333;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  margin-bottom: 0;
}
#sub .case .box-border.flexbox .text .bottom15 {
  padding: 15px 20px;
  margin-bottom: 0;
  font-size: 16px;
}
#sub .case .box-border.flexbox .text .cat-area {
  padding: 0 20px 20px;
}
#sub .case .box-border .inner table th,
#sub .case .box-border .inner table td {
  display: block;
  width: 100%;
}
#sub .case .box-border.voice .inner .flexbox {
  display: block;
}
#sub .case .box-border.voice .inner .flexbox .photo {
  margin: auto auto 25px;
}
#sub .case .box-border.voice .inner .flexbox .fukidashi {
  width: 100%;
}
#sub .case .box-border.voice .inner .flexbox.user .fukidashi::before {
  position: absolute;
  top: -12px;
  left: calc(50% - 12px);
  transform: rotate(90deg);
}
#sub .case .box-border.voice .inner .flexbox.fixer {
  flex-flow: column;
  display: flex;
}
#sub .case .box-border.voice .inner .flexbox.fixer .fukidashi {
  display: flex;
  order: 2;
  flex-flow: column;
}
#sub .case .box-border.voice .inner .flexbox.fixer .fukidashi::before {
  position: absolute;
  top: -12px;
  left: calc(50% - 12px);
  transform: rotate(-90deg);
}
#sub .case .box-border.voice .inner .flexbox.fixer .photo {
  display: flex;
  order: 1;
}
#sub .faq .conts-padding,
#sub .news .conts-padding {
  padding-top: 30px;
}
#sub .faq .conts-padding .wrapper .flexbox.column-2-wrap,
#sub .news .conts-padding .wrapper .flexbox.column-2-wrap {
  display: flex;
  flex-flow: column;
}
#sub .faq .conts-padding .wrapper .flexbox.column-2-wrap .sidebar,
#sub .news .conts-padding .wrapper .flexbox.column-2-wrap .sidebar {
  width: 100%;
  display: flex;
  flex-flow: column;
  order: 2;
}
#sub .faq .conts-padding .wrapper .flexbox.column-2-wrap .sub-page-contents,
#sub .news .conts-padding .wrapper .flexbox.column-2-wrap .sub-page-contents {
  width: 100%;
  display: flex;
  flex-flow: column;
  order: 1;
}
#sub .faq .sub-page-contents .box {
  margin-bottom: 30px;
}
#sub .faq .sub-page-contents .box .heading-bottom-shadow {
  font-size: 22px;
}
#sub .faq .sub-page-contents .box .box-border .accordion_header {
  padding: 20px 30px 20px 30px;
}
#sub .faq .sub-page-contents .box .box-border .accordion_header::before {
  content: "Q";
  font-size: 36px;
  top: 12px;
  left: -5px;
}
#sub .faq .sub-page-contents .box .box-border .accordion_header::after {
  width: 30px;
  height: 30px;
  right: -5px;
}
#sub .faq .sub-page-contents .box .box-border .accordion_header.open::after {
  width: 30px;
  height: 30px;
  right: -5px;
}
#sub .faq .sub-page-contents .box .box-border .accordion_inner {
  padding: 20px 0px 20px 30px;
}
#sub .faq .sub-page-contents .box .box-border .accordion_inner::before {
  font-size: 36px;
  top: 12px;
  left: -5px;
}
#sub .faq .sub-page-contents .box .box-border .accordion_inner.open {
  display: block;
}
#sub .news .sub-page-contents .article-style .inner div,
#sub .news .sub-page-contents .article-style .inner p,
#sub .news .sub-page-contents .article-style .inner figure,
#sub .news .sub-page-contents .article-style .inner ul,
#sub .news .sub-page-contents .article-style .inner ol,
#sub .privacy .sub-page-contents .article-style .inner div,
#sub .privacy .sub-page-contents .article-style .inner p,
#sub .privacy .sub-page-contents .article-style .inner figure,
#sub .privacy .sub-page-contents .article-style .inner ul,
#sub .privacy .sub-page-contents .article-style .inner ol {
  margin-bottom: 20px;
}
#sub .company table th,
#sub .company table td {
  display: block;
  border: none;
}
#sub .company table tbody td {
  padding: 15px 25px;
}
#sub .company table tbody td ul li {
  padding-left: 15px;
  position: relative;
  margin-bottom: 5px;
}
#sub .company table tbody td ul li:last-child {
  margin-bottom: 0;
}
#sub .company table tbody td ul li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 100px;
  background: #111;
  left: 0;
  top: 8px;
  position: absolute;
}
#sub .company table tbody td .flexbox {
  justify-content: flex-start;
}
#sub .company table tbody td .flexbox p:first-child {
  width: 80px;
}
#sub .company table tbody td .flexbox p:last-child {
  width: calc(100% - 100px);
}
#sub .contactform {
  padding-top: 0px;
  padding-bottom: 0;
}
#sub .contactform .wrapper {
  padding: 0;
}
#sub .contactform .box-border {
  padding: 20px;
  border: 0;
}
#sub .contactform .box-border .formarea .bg-gray.font-red {
  padding: 20px;
}
#sub .contactform .box-border .formarea .attention a {
  display: initial;
}
#sub .contactform .box-border .formarea form .flexbox {
  display: block;
}
#sub .contactform .box-border .formarea form .flexbox .text {
  width: 100%;
  max-width: 100%;
  padding: 15px;
}
#sub .contactform .box-border .formarea form .flexbox .content {
  border-left: 1px solid #e2e8f3;
  padding: 10px 15px;
  width: 100%;
  max-width: 100%;
}
#sub .contactform .box-border .formarea form .flexbox .content.checkbox input[type=checkbox], #sub .contactform .box-border .formarea form .flexbox .content.checkbox-block input[type=checkbox] {
  margin-top: 5px;
}
#sub .contactform .box-border .formarea form .flexbox .content.checkbox .detail .wpcf7-list-item, #sub .contactform .box-border .formarea form .flexbox .content.checkbox-block .detail .wpcf7-list-item {
  display: flex;
  margin: 0;
  align-items: flex-start;
  justify-content: flex-start;
}
#sub .contact .pdf-link {
  padding: 30px 0;
}
#sub .contact .pdf-link .sub-page-contents .btn-wrap .btn {
  font-size: 16px;
  line-height: 1.5;
}
#sub .contact .pdf-link .sub-page-contents .btn-wrap .btn img {
  width: 36px;
  height: 36px;
}
#sub .reservation .reservation_attention .box-border {
  padding: 20px;
}
#sub .reservation .reservation_attention .box-border .text-center {
  text-align: left;
}
#sub .single-pager .prev-next-wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}
#sub .single-pager .prev-next-wrap .prev-post,
#sub .single-pager .prev-next-wrap .next-post {
  display: block;
}
#sub .single-pager .prev-next-wrap .prev-post .post-info {
  padding-left: 0;
}
#sub .single-pager .prev-next-wrap .next-post {
  flex-flow: column;
  display: flex;
}
#sub .single-pager .prev-next-wrap .next-post .post-info {
  padding-right: 0;
}
#sub .single-pager .prev-next-wrap .post-info {
  display: flex;
  order: 2;
  width: 100%;
  max-width: 100%;
}
#sub .single-pager .prev-next-wrap .post-info .heading {
  font-weight: bold;
  font-size: 14px;
}
#sub .single-pager .prev-next-wrap .post-thum {
  display: flex;
  order: 1;
  margin-bottom: 10px;
  line-height: 0;
  width: 100%;
  max-width: 100%;
}/*# sourceMappingURL=sp-layout.css.map */