@charset "UTF-8";

/*--------------------------------
1.Foundation
2.Layout
3.Object
3-1.Component
3-2.Project
4.Print
--------------------------------

Pj1.Header
Pj2.Nav
Pj3.Footer
Pj4.Content
Pj5.Aside

--------------------------------

C1.Main Container
C2.BreadCrumb
C3.Page Image
C3.Page Nation
C4.Content Foot

F1.Footer
F2.Footer Navigation
F3.Office Information
F4.CopyRight

Page
P1.Index
P2.Homepage
P2.Server

Archives

Single
--------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

a:active,
a:hover {
  outline: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .7;

}

a img:hover {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .7;
}

a:link {
  color: #009aff;
}

a:visited {
  color: #0073bf;
}

a:hover {
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

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

figure {
  margin: 0;
}

caption {
  display: none;
}

address {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
dl,
dt,
dd,
th,
td,
pre {
  margin: 0;
  padding: 0;
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  transform: rotate(0.001deg);
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

td,
th {
  padding: 0;
}

/* reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style-type: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  line-height: 1.6;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;  -webkit-font-smoothing: subpixel-antialiased;
  color: #333;
  counter-reset: operate sort;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  margin: 0;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

a img {
  border: 0;
}

a img:hover {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .7;
}

a:link {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover {
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

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

caption {
  display: none;
}

address {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
th,
td,
pre {
  margin: 0;
  padding: 0;
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

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

.fwb {
  font-weight: bold;
}

.fsi {
  font-style: italic;
}

.center {
  text-align: center;
}

.block {
  display: inline;
}

.spblock {
  display: block;
}

.v-pc {
  display: none;
}
.v-pc2 {
  display: none;
}
.v-pc3 {
  display: none !important;
}
@media only screen and (min-width: 769px) {
  .block {
    display: block;
  }

  .spblock {
    display: inline;
  }

  .v-pc {
    display: inline-block;
  }

  .v-pc2 {
    display: block;
  }

  .v-pc3 {
    display: flex !important;
  }

  .v-sp {
    display: none;
  }
  .v-sp2 {
    display: none !important;
  }
}

.c-horizontal--rowreverse {
  flex-direction: row-reverse;
}

.c-horizontal--column {
  flex-direction: column;
}

.c-horizontal--columnreverse {
  flex-direction: column-reverse;
}

.c-justify--start {
  justify-content: flex-start;
}

.c-justify--end {
  justify-content: flex-end;
}

.c-justify--center {
  justify-content: center;
}

.c-justify--between {
  justify-content: space-between;
}

.c-justify--around {
  justify-content: space-around;
}

.c-alignitem--start {
  align-items: flex-start;
}

.c-alignitem--end {
  align-items: flex-end;
}

.c-alignitem--center {
  align-items: center;
}

.c-horizontal_spc {
  display: flex;
  flex-wrap: nowrap;
}

@media only screen and (min-width: 769px) {

  .c-horizontal,
  .c-horizontal--rowreverse {
    display: flex;
    flex-wrap: wrap;
  }
}

.main-wrapper {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.wrapper {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.f20 {
  font-size: 20px;
}

.f30 {
  font-size: 18px;
}

.red-purple {
  color: #811b1b;
}

.bred {
  color: #f04848;
}

.hred {
  color: #e60012;
}

.dred {
  color: #a40000;
}

.blue {
  color: #056d9b;
}

.yeline {
  background: linear-gradient(transparent 50%, #bcb79f 50%);
}

.yeline-l {
  background: #fff100;
}

.unline {
  border-bottom: 3px solid #333;
}

.heading-radius {
  background: #1b1b1b;
  border-radius: 16px;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.radius-a {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 4px 6px -1px rgba(102, 102, 102, 0.6);
}

.radius-b {
  background: #0274a7;
  border-radius: 12px;
  box-shadow: 0px 4px 6px -1px rgba(102, 102, 102, 0.6);
}
.btn-arrow a,
.btn-arrow input {
  position: relative;
}

.btn-arrow a::after,
.btn-arrow input::after {
  content: '';
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.g-btn a,.g-btn input {
  background: #1b1b1b;
  /*border-radius: 12px;
  box-shadow: 0px 6px 0 -2px rgba(3, 62, 36, 1.0);*/
  color: #fff;
  display: block;
  text-align: center;
  padding: 20px 30px;
}

.g-btn.btn-arrow a::after,
.g-btn.btn-arrow input::after {
border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.w-btn a {
  background: #fff;
  color: #1b1b1b;
  display: block;
  text-align: center;
  padding: 20px 30px;
  border:2px solid #1b1b1b;
}

.w-btn.btn-arrow a::after {
  border-right: 2px solid #1b1b1b;
  border-bottom: 2px solid #1b1b1b;
}

.y-btn a {
  /*background: #f6df3f;
  border-radius: 12px;*/
  background: #1b1b1b;
  display: block;
  text-align: center;
  padding: 15px 0;
  position: relative;
  color:#fff;
}

@media only screen and (min-width: 769px) {
  .f30 {
    font-size: 30px!important;
  }
  .g-btn a,.w-btn a {
    padding: 35px 60px;
  }

}

.header-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.headerTop-left {
  padding: 10px 0;
  margin: 0 auto;
}

.headerTop-left .headerlogo{
  height: 64px;
  padding: 16px;
}

.headerTop-right {
  line-height: 1.0;
  margin: 0 auto;
  width: 80%;
  text-align: center;
}

.headerTop-right .header-phone {
  margin:10px auto;
  /*width: 60%;*/
}
.headerTop-right .header-contact{
  margin:10px auto;
  /*width: 40%;*/
}

.headerTop-right .header-phone a {
  font-size: 23px;
  color: #1b1b1b;
  display: block;
}

.headerTop-right .header-phone a::before {
  content: url(../img/lp/icon-tel.png);
  padding-right: 5px;
}

.headerTop-right .header-phone p {
  color: #1b1b1b;
  font-size: 11px;
  margin-left: 21px;
}

.headerTop-right .header-contact a {
  background: #1b1b1b;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}
.headerTop-right .header-contact a::before {
  content: url(../img/lp/icon-mail.png);
  padding-right: 5px;
}

.headerTop-right2 {
  line-height: 1.0;
  margin: 0 auto;
  width: auto;
  text-align: center;
}
.headerTop-right2 .header-phone {
  margin:10px auto;
  /*width: 60%;*/
}
.headerTop-right2 .header-contact{
  margin:10px auto;
  /*width: 40%;*/
}

.headerTop-right2 .header-phone a {
  font-size: 23px;
  color: #1b1b1b;
  display: block;
}

.headerTop-right2 .header-phone a::before {
  content: url(../img/lp/icon-tel.png);
  padding-right: 5px;
}

.headerTop-right2 .header-phone p {
  color: #1b1b1b;
  font-size: 11px;
  margin-left: 21px;
}
.headerTop-right2 .header-contact a {
  background: #1b1b1b;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}
.headerTop-right2 .header-contact a::before {
  content: url(../img/lp/icon-mail.png);
  padding-right: 5px;
}



.headerTop-sp{
  margin: 0 auto;
  width: 55%;
  text-align: center;
}
.headerTop-sp .header-contact2 a {
  background: #1b1b1b;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}
.headerTop-sp .header-contact2 a::before {
  content: url(../img/lp/icon-mail.png);
  padding-right: 5px;
}

@media only screen and (min-width: 769px) {
  .headerTop-left {
    padding: 0;
    margin: 0;
	  width: 161px;
  }
  .headerTop-right {
    margin: 0;
    width: auto;
	  display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .headerTop-right .header-phone {
    padding: 0 30px 0 0;
    width: auto;
  }
  .headerTop-right .header-contact{
  	width: auto;
  }
  .headerTop-right .header-phone a {
    font-size: 31px;
    font-weight: bold;
  }

  .headerTop-right .header-contact a {
    padding: 34px 40px;
    font-size: 16px;

  }
  .headerTop-right .header-phone p {
    font-size: 14px;
  }
  
  .headerTop-right2 {
    margin: 0;
    width: auto;
	  display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .headerTop-right2 .header-phone {
    padding: 0 30px 0 0;
    width: auto;
  }
  .headerTop-right2 .header-contact{
  	width: auto;
  }
  .headerTop-right2 .header-phone a {
    font-size: 31px;
    font-weight: bold;
  }

  .headerTop-right2 .header-contact a {
    padding: 34px 40px;
    font-size: 16px;

  }
  .headerTop-right2 .header-phone p {
    font-size: 14px;
  }
}


.header-mv{
	text-align: center;
}
.header-mv h2{
	font-size: 2.3rem;
	line-height: 1.2;
	padding: 20px 0;
}
@media only screen and (min-width: 769px) {
.header-mv h2{
	font-size: 5.0rem;
	padding: 40px 0;
}
}


.header-navigation .navi-menu {
  align-items: center;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 20px 0 0;
}

.header-navigation .navi-menu li {
  text-align: center;
  margin-bottom: 10px;
  width: calc(100%/4);
  position: relative;
}


.header-navigation .navi-menu li:before{
  content: "";
  background-color: #777;
  position: absolute;
  width: 1px;
  height: 24px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.header-navigation .navi-menu li:nth-child(4n):before{
  content: none;
}
.header-navigation .navi-menu li a {
  display: block;
  font-size: 12px;
  line-height: 1.3;
}
.top-comment{
	text-align: center;
	background-color: #e9e9e7;
	padding: 40px 20px;
}
@media only screen and (min-width: 769px) {
  .header-navigation .navi-menu {
    padding: 17px 0;
  }

  .header-navigation .navi-menu li {
    width: calc(100%/8);
    margin: 0;
  }
  .header-navigation .navi-menu li:nth-child(4n):before{
    content: "";
    background-color: #777;
    position: absolute;
    width: 1px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .header-navigation .navi-menu li:first-child:after {
    content: "";
    background-color: #777;
    position: absolute;
    width: 1px;
    height: 24px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .header-navigation .navi-menu li a {
    font-size: 14px;
  }
}
.header-navigation .navi-menu2 {
  align-items: center;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-bottom: 1px solid #333;
}
.header-navigation .navi-menu2 a {
  font-size: 12px;
  line-height: 1.3;
  width: calc(100%/4);
}

.header-navigation .navi-menu2 a li {
  text-align: center;
  height: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

.header-navigation .navi-menu2 a li:nth-child(4n){
  border-right: none;
}



.sectionCarea-head {
  background: #0274a7;
  padding: 42px 10px 152px;
}

.section-contactArea {
  /*margin-bottom: 50px;*/
  background-image: url("../img/lp/lpcontact-back.jpg");
  padding:40px 0px;
}
.section-contactArea .contactback{
	margin:0px auto;
	padding: 30px 10px;
	background-color: #fff;
}
.section-contactArea .contactback .c-horizontal{
	justify-content: center;
}



.section-contactArea .radius-a {
  padding: 30px 10px;
}

.Carea-text {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}

.Carea-text .blue {
  font-size: 21px;
}

.contact-phone {
  margin: 0 0 15px;
}

.contact-phone .heading-radius {
  margin-bottom: 15px;
}

.contact-phone .c-horizontal {
  text-align: center;
}
.contact-phone .time {
  font-size: 14px;
  line-height: 1.4;
}
.contact-phone .caption {
  font-size: 14px;
  margin-left: auto;
}
@media only screen and (min-width: 769px) {
  .contactback {
    padding: 30px 56px 48px;
  }

  .Carea-text {
    font-size: 20px;
    margin-bottom: 38px;
  }

  .Carea-text .blue {
    font-size: 28px;
  }

  .contact-phone {
    max-width: 405px;
    margin: 0 57px 0 0;
  }

  .contact-phone .c-horizonal {
    text-align: left;
  }

  .contact-phone .caption {
    
  }

}


 .contact-mail a::before {
  content: url(../img/lp/icon-mail.png);
  padding-right: 33px;
  vertical-align: middle;
}

@media only screen and (min-width: 769px) {
  .contact-mail a {
    font-size: 20px;
  }

 .contact-mail {
    width: 406px;
  }

}

.section-primary {
  background: #e9e9e7;
  padding: 30px 10px 30px;
}

.primary-article {
  margin: 44px 0;
  text-align: center;
}
.primary-article p{
  margin:30px auto;
}
.primary-article .article-text p {
  font-size: 14px;
  margin-bottom: 20px;
}

.primary-article .article-text span {
  font-size: 18px;
  font-weight: bold;
}


.sectionPrimary-produce {
  padding: 35px 8px;
  margin-bottom: 46px;
  background-color: #fff;
}

.sectionPrimary-produce .heading-radius {
  font-size: 20px;
  border-radius: 28px;
  margin-bottom: 20px;
}
.produce-text{
  font-size: 14px;
}
@media only screen and (min-width: 769px) {
  .section-primary {
    padding: 95px 0;
  }
  .primary-article {
    margin: 84px 0 66px;
  }
  .primary-article p{
	margin:50px auto;
  }
  .primary-article .article-text {
    width: 58.58%
  }
  .primary-article .article-thum {
    padding-left: 33px;
    width: 41.42%
  }
  .primary-article .article-text p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .primary-article .article-text span {
    font-size: 25px;
  }
  .sectionPrimary-produce {
    padding: 50px 62px 5px;
    margin-bottom: 66px;
  }

  .sectionPrimary-produce .heading-radius {
    font-size: 36px;
  }
  .produce-text{
    font-size: 18px;
  }
}

.produce-list {
  margin: 20px 0;
}

.produce-list .produce-item {
  text-align: center;
  margin: 0 0 50px;
}

.produce-list .produce-item .item-head {
  /*color: #056d9b;*/
  font-size: 20px;
  margin: 5px auto 0 ;
  text-align: center;
  font-weight: bold;
}

.produce-list .produce-item .y-btn a {
  margin: 5px 0 0;
  font-size: 14px;
}

.section-primary .w-btn a {
  max-width: 660px;
  margin: 0 auto;
}

@media only screen and (min-width: 769px) {
  .produce-list {
    margin: 30px 0;
  }

  .produce-list .produce-item {
    width: 30%;
  }

  .produce-list .produce-item:nth-child(2) {
    margin: 0 20px;
  }

  .produce-list .produce-item .item-head {
    font-size: 24px;
  }

  .section-primary .w-btn a {
    font-size: 24px;
    font-weight: bold;
  }
  .produce-list .produce-item .y-btn a {
    margin: 10px 0 0;
    font-size: 18px;
  }
}

.section-reason {
  padding-bottom: 50px;
}

.sectionReason-head {
  padding: 30px 20px;
}

.sectionReason-list li {
  background: #e9e9e7;
  padding: 30px 15px;
}
.sectionReason-list h3{
  border-top:6px solid #1b1b1b;
  border-bottom: 2px solid #1b1b1b;
  padding:20px 0;
}
.sectionReason-list .reason-article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.sectionReason-list .reason-article p {
  font-size: 14px;
  margin-bottom: 15px;
}

.sectionReason-list .reason-article span {
  font-size: 18px;
  font-weight: bold;
}
.reason6-list ul li{
	padding:20px;
	background-color: #fff;
	margin:20px 0;
}
.reason6-list ul li p{
	margin-top:30px;
}
@media only screen and (min-width: 769px) {

  .section-reason {
    padding-bottom: 105px;
  }

  .sectionReason-head {
    margin-bottom: 40px;
    padding: 45px 10px;
  }

  .sectionReason-list li {
    padding: 64px 50px 40px 60px;
     margin-bottom: 30px;
  }

  .sectionReason-list .reason-article {
    margin-top: 50px;
  }

  .sectionReason-list .reason-article div:first-child {
    max-width: 400px;
    margin: 0 50px 0 0;

  }
	.sectionReason-list .reason-article div img{
		max-width: 420px;
	}
  .sectionReason-list .reason-article p {
    margin-bottom: 33px;
    font-size: 18px;
  }
  .sectionReason-list .reason-article span{
  	font-size: 24px;
  }
  .reason6-list ul li{
	width:30%;
  }
}

.section-case {
  margin-bottom: 74px;
}

.sectionCase-head {
  padding: 30px 20px;
  margin-bottom: 30px;
}

.sectionCase-group {
  margin-bottom: 70px;
}

.sectionCase-group .group-head {
  color: #1b1b1b;
  font-size: 18px;
  margin-bottom: 25px;
  padding:10px 0;
  border-top:6px solid #1b1b1b;
  border-bottom: 2px solid #1b1b1b;
}

.sectionCase-group ul {
  justify-content: center;
  text-align: center;
}
.sectionCase-group li{
  border: 2px solid #1b1b1b;
  width: 304px;
  margin: 20px auto;
}

.sectionCase-group .client {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: bold;
}

.sectionCase-group .y-btn a {
  font-size: 14px;
  margin: 34px auto 0;
  max-width: 480px;
  padding: 20px 0;
}

@media only screen and (min-width: 769px) {

  .section-case {
    margin-bottom: 134px;
  }

  .sectionCase-head {
    /*margin-bottom: 74px;*/
    padding: 73px 10px 30px;;
  }

  .sectionCase-group .group-head {
    font-size: 32px;
    /*margin-bottom: 30px;*/
  }
	
  .sectionCase-group li{
	margin: 0px auto;
  }

  .sectionCase-group ul li:nth-child(2) {
    margin: 0 25px;
  }

  .sectionCase-group .client {
    margin: 20px 0;
    font-size: 18px;
  }

  .sectionCase-group .y-btn a {
    font-size: 20px;
    margin: 54px auto 0;
    padding: 28px 0;
  }
}

.section-proposal {
  margin-bottom: 30px;
  background-color:#e9e9e7;
  padding:30px 0;
}

.sectionProposal-head {
  padding-bottom: 30px;

}

.proposal-summary {
  background-color: #fff;
  /*border: dotted 6px #c34378;
  border-radius: 12px;*/
  margin-top: 30px;
  padding: 20px;
}

.propSummary-head {
  border-top:6px solid #1b1b1b;
  border-bottom: 2px solid #1b1b1b;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto 20px;
  padding: 15px 0;
}

.propSummary-desc {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  text-align: center;
}

.propSummary-desc div:last-child {
  margin: 0 0 0 10px;
}

@media only screen and (min-width: 769px) {

  .section-proposal {
    margin-bottom: 105px;
  }
  .proposal-summary {
    margin-top: 60px;
    padding:40px;
  }

  .propSummary-head {
    font-size: 36px;
    margin: 0px auto 40px;
  }
  .sectionProposal-head {
    padding: 50px 0px;
  }
  .propSummary-desc {
    margin: 50px 0 0;
  }
  .propSummary-desc div:last-child {
    margin: 0 0 0 40px;
  }
}

.section-secondary {
  /*background: #d6e9f1;*/
  padding: 10px;
}

.section-secondary .content-desc {
  margin-bottom: 45px;
}
.section-secondary .content-desc h4{
	background-color:#1b1b1b;
	padding:10px;
	color:#fff;
	font-size: 2.0rem;
}
.secondary-contents{
	padding-top:50px;
}
.secondary-no{
	margin-top:0px;
	text-align: center;
}
.secondary-ttl{
	font-size: 2.5rem;
}


.secondary-article {
  margin: 20px 0;
  justify-content: space-between;
}

.secondary-article div:last-child {
  margin: 20px 0 0;
  text-align: justify;
}

.secondary-article p {
  margin-bottom: 20px;
  font-size: 14px;
}
.secondary-article p span{
  font-size: 16px;
}
.section-secondary .content-desc .arrow {
  margin: 0 0 -25px;
}

.section-secondary .content-desc .secondary-box {
  padding: 40px 20px 33px 20px;
  border:2px solid #1b1b1b;
  background-color: #fff;
}

.section-secondary .content-desc .secondary-box p:last-child {
  margin: 20px 0 0;
  font-size: 14px;
}
.section-secondary .content-desc .secondary-box p span{
  font-size: 16px;
}


@media only screen and (min-width: 769px) {
  .section-secondary {
    padding: 70px 10px;
  }
.section-secondary .content-desc {
  padding-bottom: 40px;
}
.secondary-no{
	margin-top:-70px;
}
.secondary-ttl{
	font-size: 2.5rem;
	padding-left: 20px;
}

  .secondary-article {
    margin: 40px 0;
  }
  .secondary-article div:last-child {
    width: 44%;
    margin: 0 50px 0 0;
  }
  .secondary-article p {
    margin-bottom: 40px;
    font-size: 18px;
  }
  .secondary-article p span{
    font-size: 24px;
  }
  .section-secondary .content-desc .secondary-box {
    padding: 52px 42px 33px 34px;
  }
  .section-secondary .content-desc .secondary-box p:last-child {
    width: 69%;
    margin: 0;
    font-size: 18px;
  }
  .section-secondary .content-desc .secondary-box p span{
    font-size: 21px;
  }
}

.section-catch {
  padding: 48px 10px 74px;
}

.sectionCatch-head {
  margin-bottom: 33px;
}

.section-catch .sub-head {
	border-top: 6px solid #1b1b1b;
	border-bottom: 2px solid #1b1b1b;
	font-size:2.5rem;
	font-weight: bold;
	padding:20px;
	margin-bottom: 20px;
}
.section-catch .seko-box {
  font-size: 14px;
  padding: 20px 10px;
  margin: 20px 0 28px;
  line-height: 1.2;
  background-color: #e9e9e7;
}
.section-catch .catch-check{
	padding: 0px 20px;
}
.section-catch .catch-check li {
  text-indent: -2.5em;
  padding: 5px 0 5px 2em;
}

.section-catch .catch-check li::before {
  content: url(../img/lp/icon-check.png);
  padding-right: 1em;
  vertical-align: middle;
}

.section-catch .catch-text {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 25px;
}

.section-catch .catch-list {
  margin-top: 10px;
  line-height: 2.0;
}
.section-catch .catch-list li {
  text-indent: -1em;
  padding-left: 1em;
}
.section-catch .g-btn a {
  margin: 20px auto 0;
  padding: 20px 0;
  font-weight: bold;
}
.catch-box{
  font-size: 14px;
  border: 2px solid #1b1b1b;
  padding:30px;
  margin-top:-30px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 769px) {
  .sectionCatch-head {
    margin-bottom: 53px;
  }

  .section-catch {
    padding: 78px 0 124px;
  }
.section-catch .sub-head {
	font-size:32px;
}
.section-catch .catch-check{
	padding: 10px 40px;
}
  .section-catch .seko-box {
    font-size: 20px;
    padding: 40px;
    margin: 20px 0 58px;
  }
  .section-catch .g-btn a {
    font-size: 30px;
    max-width: 660px;
    margin: 30px auto 0;
    padding: 20px 0;
  }
  .section-catch .catch-text {
    font-size: 36px;
  }
  .section-catch .catch-list {
    /*margin-top: 40px;*/
  }
.catch-box{
  font-size: 20px;
  padding:30px 50px;
}

}

.section-faq {
  margin: 45px 0 56px;
}

.sectionFaq-head {
  /*background: #f4d80f;*/
  padding: 30px 20px;
  margin-bottom: 36px;
}

.sectionFaq-content .th {
  background: #e1e1df;
  padding: 10px 10px 10px 3em;
  text-indent: -2.5em;
}

.sectionFaq-content .th::before {
  content: url(../img/lp/icon-q.png);
  color: #056d9b;
  padding-right: 0.5em;
  vertical-align: middle;

}

.sectionFaq-content .td {
  padding: 15px 15px 15px 4em;
  font-size: 14px;
  text-indent: -3.4em;
}

.sectionFaq-content .td::before {
  content: url(../img/lp/icon-a.png);
  color: #056d9b;
  font-size: 14px;
  padding-right: 0.5em;
  vertical-align: middle;
}

.sectionFaq-content .td a {
  color: #056d9b;
  text-decoration-line: underline;
}
.sectionFaq-content .g-btn a {
  margin: 20px auto 0;
  padding: 20px 0;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {

  .section-faq {
    margin: 75px 0 106px;
  }
  .sectionFaq-head {
    margin-bottom: 56px;
    padding: 55px 10px;
  }
  .sectionFaq-content .th {
    font-size: 24px;
    padding: 5px 30px;
    text-indent: 0;
  }

  .sectionFaq-content .th::before {
    font-size: 30px;
    padding-right: 1em;
  }

  .sectionFaq-content .td {
    padding: 20px 20px 20px 110px;
    font-size: 18px;
    text-indent: -3.4em;
  }

  .sectionFaq-content .td::before {
    font-size: 30px;
    padding-right: 1em;
  }
  .sectionFaq-content .g-btn a {
    font-size: 30px;
    max-width: 660px;
    margin: 30px auto 0;
    padding: 20px 0;
  }

}

.section-flow {
  margin-bottom: 50px;
  background-color: #e1e1df;
}

.sectionFlow-head {
  /*background: #02577d;*/
  padding: 30px 20px;
  margin-bottom: 10px;
}
.sectionFlow-body {
  padding: 0 10px;
}
.sectionFlow-body .body-item {
  /*border-bottom: solid 1px #666;
  display: flex;*/
  padding: 20px 0;
}
.flowBody-ttlbox{
	display: flex;
	padding:20px;
	border-top: 6px solid #1b1b1b;
	border-bottom: 2px solid #1b1b1b;
	margin-bottom:20px;
}
.flowBody-step {
  width: 17%;
  min-width: 100px;
}
.flowBody-step img{
	max-width: 100px;
}
.about-head {
  font-size: 24px;
  padding-left: 15px;
  width: 83%;
}
.flowBody-about {
  /*width: 83%;*/
}


.flowBody-about .about-text {
  margin-bottom: 20px;
  font-size: 14px;
}

.flowBody-about .about-contact {
  background-color: #fff;
  margin: 22px 0 32px;
  padding: 25px 10px;
}

.flowBody-about .about-contact .contact-phone {
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
}

.flowBody-about .about-contact .contact-phone .heading-radius {
  padding: 0 5px;
}

.flowBody-about .about-contact .contact-mail a {
  font-size: 14px;
  margin: 20px 0 auto;
  padding: 10px 0;
}
.flowBody-text{
  font-size: 14px;
}
.flowBody-text span{
  font-size: 16px;
}
.flowAbout-box {
  justify-content: space-between;
}
.flowAbout-box li {
  font-size: 14px;
  margin-bottom: 30px;
}
.flowAbout-box li .box-inner {
  background: #fff;
  line-height: 1.8;
  padding: 20px 10px;
}

.flowAbout-box li .box-inner .center {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
}

.flowAbout-box li .box-inner .yeline {
  font-size: 16px;
}
.flowAbout-block {
  margin: 0 0 15px 0;
}

.flowAbout-thum {
  margin: 0 15px 0 0;
}
.flowAbout-text{
  font-size: 14px;
}
.flowAbout-box .flowAbout-ttl{
	font-size: 20px;
	padding-left:20px;
	border-left:8px solid #1b1b1b;
	font-weight: bold;
	margin-bottom:30px;
}

@media only screen and (min-width: 769px) {
  .section-flow {
    margin-bottom: 120px;
  }
.about-head {
  font-size: 32px;
}

  .sectionFlow-head {
    padding: 75px 0 0;
  }
  .sectionFlow-body{
  	padding: 0;
  }
  .sectionFlow-body .body-item {
    padding: 60px 0;
  }
  .flowBody-step {
    margin: 0;
  }
  .flowBody-about .about-head {
    font-size: 30px;
    margin-bottom: 25px;
  }

.flowBody-about .about-contact {
    margin: 42px 0 52px;
    padding: 35px 10px;
  }

  .flowBody-about .about-contact .contact-phone .heading-radius {
    padding: 0 70px;
  }

  .flowBody-about .about-contact .contact-mail a {
    font-size: 20px;
    max-width: 340px;
    margin: 0 0 0 20px;
    padding: 30px 0;
  }

  .flowAbout-box li {
    font-size: 16px;
    margin: 0;
    width: 49%;
  }

  .flowAbout-box li .box-inner {
    padding: 40px;
    height: 400px;
  }
  .flowAbout-box li .box-inner .center {
    font-size: 21px;
    margin-bottom: 25px;
  }

  .flowAbout-box li .box-inner .yeline {
    font-size: 30px;
  }
  .flowAbout-block {
    max-width: 450px;
    margin: 0 15px 0 0;
  }
  .flowBody-text{
    font-size: 18px;
  }
  .flowBody-text span{
    font-size: 24px;
  }
  .flowAbout-text{
  	font-size: 18px;
  }
  .flowBody-about .about-text {
    margin-bottom: 50px;
    font-size: 18px;
  }
}

.section-company {
  background: #cce3ed;
  padding: 0 0 50px;
}

.sectionCompany-head {
  background: #02577d;
  padding: 30px 0;
  margin-bottom: 30px;
}

.company-article {
  margin-bottom: 40px;
  padding: 0 10px;
}

.company-article .article-text {
  font-size: 14px;
  line-height: 2;
}

.company-article .article-text .blue {
  margin-bottom: 20px;
  padding: 25px 0 0;
  line-height: 1.6;
}


@media only screen and (min-width: 769px) {
  .section-company {
    padding: 0 0 120px;
  }

  .sectionCompany-head {
    padding: 68px 0;
    margin-bottom: 50px;
  }
  .company-article {
  	padding: 0;
    margin-bottom: 70px;
  }

  .company-article .article-text {
    font-size: 18px;
    width: 50%;
  }

  .company-article .article-text .blue {
    font-size: 24px;
    margin-bottom: 40px;
    padding: 25px 0 0;
  }
}

.company-desc {
  background: #fff;
  padding: 30px 15px;
}

.company-desc .block-head {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

.company-desc .block-head::before {
  content: url(../img/lp/icon-sqare.png);
  padding-right: 0.5em;
  vertical-align: middle;
}
.conpanyDesc-block {
  margin: 0 0 40px;
}

.conpanyDesc-block .tr {
  display: flex;
  flex-wrap: wrap;
}

.conpanyDesc-block .th {
  border-bottom: 1px solid;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0;
  margin: 0 0 15px 0;
  width: 100%;
}

.conpanyDesc-block .fst .th {
  border-top: 1px solid;
  border-bottom: none;
  font-weight: bold;
  font-size: 14px;
}

.conpanyDesc-block .fst .td {
  border-top: 1px solid #666;
}

.conpanyDesc-block .td {
  border-bottom: 1px solid #666;
  color: #666;
  font-size: 14px;
  padding: 8px 0;
  margin: 0 0 15px 0;
  width: 100%;
}

.conpanyDesc-block .td a {
  color: #02577d;
  text-decoration-line: underline;
}

.conpanyDesc-block .block-works {
  margin-left: 40px;
}
.conpanyDesc-block .block-works .work-list{
  font-size: 14px;
}
.conpanyDesc-block .block-works .work-list li {
  list-style: disc;
}
.conpanyDesc-block .block-persons ul{
  font-size: 14px;
}

@media only screen and (min-width: 769px) {
  .company-desc {
    padding: 62px 115px 92px 107px;
  }
  .conpanyDesc-block {
    margin: 0 0 60px;
  }

  .conpanyDesc-block .th {
    font-size: 18px;
    padding: 18px 0;
    margin: 0 27px 0 0;
    width: 20%;
  }

  .conpanyDesc-block .fst .th {
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-size: 18px;
  }

  .conpanyDesc-block .td {
    font-size: 18px;
    padding: 18px 0;
    margin: 0 27px 0 0;
    width: 70%;
  }
  .conpanyDesc-block .block-works .work-list {
    width: 33%;
    font-size: 18px;
  }

  .conpanyDesc-block .block-persons ul {
    width: 50%;
    font-size: 18px;
  }
}

.section-form {
  /*background: #e3e1cf;*/
  padding-bottom: 50px;
}

.sectionForm-head {
  /*background: #0c6d54;*/
  padding: 30px 20px;
  margin-bottom: 35px;
}

.form-phone {
  margin: 0 auto 56px;
  padding: 30px;
	background-color: #fff;
	text-align: center;
}

.form-phone .heading-radius {
  font-size: 18px;
}

.form-phone a {
  display: block;
  margin: 10px 0;

}

.form-phone .reception {
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (min-width: 769px) {

  .section-form {
    padding-bottom: 200px;
  }
  .sectionForm-head {
    padding: 0;
    margin-bottom: 55px;
  }
  .form-phone {
    margin: 0 auto 56px;
    max-width: 472px;
  }

  .form-phone .heading-radius {
    font-size: 24px;
    max-width: 400px;
	margin:0 auto;
  }

  .form-phone a {
    margin: 30px 0 10px;

  }

  .form-phone .reception {
    font-size: 28px;
    text-align: right;
  }


}

.section-form .form-outer {
  background: #e1e1df;
  padding: 30px 10px 33px;
}

.section-form .contact-formtable {
  margin-bottom: 40px;
}

.section-form .contact-formtable .tr {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.section-form .contact-formtable .th {
  border-bottom: 1px solid;
  padding: 15px 0;
  position: relative;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}

.section-form .contact-formtable .fst .th {
  border-top: 1px solid;
  border-bottom: none;
  font-size: 14px;
  font-weight: bold;
}

.section-form .contact-formtable .fst .td {
  border-top: 1px solid #666;
}

.section-form .contact-formtable .td {
  border-bottom: 1px solid #666;
  color: #666;
  padding: 18px 0;
  margin: 0 0 15px 0;
  width: 100%;
}
.section-form .contact-formtable .td p{
  font-size: 14px;
}
.contact-formtable .error{
  color: #cc0000;
  font-size: 14px;
}
.required {
  background: #b41457;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 0 3px;
  position: absolute;
  right: 0;
}

.contact-formtable .td input[type=text] {
  padding: 12px 10px;
  width: 100%;
}

.wpforms-field-text input[type=text] {
  border: none;
  padding: 12px 10px;
  width: 100%;
}

.contact-formtable .td .textarea {
  width: 100%;
}

.contact-formtable .td .horizontal-item{
  padding-right: 10px;
  line-height: 2.0;
}


@media only screen and (min-width: 769px) {


  .section-form .form-outer {
    padding: 67px 80px 73px;
  }
  .section-form .contact-formtable {
    margin-bottom: 70px;
  }

  .section-form .contact-formtable .th {
    border-bottom: 1px solid;
    margin: 0 27px 0 0;
    padding: 18px 0;
    position: relative;
    width: 20%;
  }

  .section-form .contact-formtable .fst .th {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  .section-form .contact-formtable .fst .td {
    border-top: 1px solid #666;
  }

  .section-form .contact-formtable .td {
    font-size: 18px;
    padding: 18px 0;
    margin: 0 27px 0 0;
    width: 73%;
  }

}

.privacy-guidance {
  margin-bottom: 20px;
  line-height: 1.7;
}
.privacy-guidance .error{
  color: #cc0000;
  font-size: 14px;
}
.guidane-text {
  color: #666;
}

.guidance-check .required {
  background: #fff;
  border: solid 1px #ef1c00;
  border-radius: 3px;
  color: #ef1c00;
  margin-right: 5px;
  position: inherit;
  padding: 0 3px;

}

.privacy-guidance a {
  color: #0068b7;
  text-decoration-line: underline;
}

.form-outer .g-btn input {
  font-size: 18px;
  padding: 15px 0;
  width: 100%;
}


@media only screen and (min-width: 769px) {

  .privacy-guidance {
    margin-bottom: 50px;
    line-height: 2.0;
  }

  .privacy-guidance .agree {
    font-size: 20px;
  }
  .form-outer .g-btn input {
    border: none;
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto;
    padding: 22px 0;
    max-width: 660px;
    
  }
  .form-outer .g-btn.btn-arrow input::after {
    width: 15px;
    height: 15px;
  }

}

/*近藤追加ここから*/
.gallery-main{
  padding: 0 10px;
}
.gallery-main .mainimg,
.gallery-main .saleimg,
.gallery-main .foodimg,
.gallery-main .amuseimg,
.gallery-main .officeimg,
.gallery-main .eduimg,
.gallery-main .pubimg{
  height: 230px;
  overflow: hidden;
  margin-top: 20px;
}

.gallery-main .mainimg img,
.gallery-main .saleimg img,
.gallery-main .foodimg img,
.gallery-main .amuseimg img,
.gallery-main .officeimg img,
.gallery-main .eduimg img,
.gallery-main .pubimg img{
  width: 100%;
  /*margin-top: 30px;*/
}

.gallery-about,
.sale-about,
.food-about,
.amuse-about,
.office-about,
.edu-about,
.pub-about{
  background-color: #fff;
  padding: 10px;
  margin-top: 15px;
  font-size: 14px;
  border: 2px solid #1b1b1b;
}

.gallery-grid,
.sale-grid,
.food-grid,
.amuse-grid,
.office-grid,
.edu-grid,
.pub-grid{
  /*border: 1px solid #d9d9d9;*/
  box-sizing: border-box;
  padding: 10px 10px 4px;
  margin-bottom: 15px;
  background-color: #fff;
}

.gallery-list,
.sale-list,
.food-list,
.amuse-list,
.office-list,
.edu-list,
.pub-list{
  display: flex;
  flex-wrap: wrap;
}

.gallery-list li,
.sale-list li,
.food-list li,
.amuse-list li,
.office-list li,
.edu-list li,
.pub-list li {
  width: 32%;
  height: 100%;
  overflow: hidden;
  margin-right: 0.3%;
  margin-bottom: 6px;
  border:0;
}

.gallery-list li:nth-child(4n),
.sale-list li:nth-child(4n),
.food-list li:nth-child(4n),
.amuse-list li:nth-child(4n),
.office-list li:nth-child(4n),
.edu-list li:nth-child(4n),
.pub-list li:nth-child(4n) {
  margin-right: 0;
}

.gallery-text,
.sale-text,
.food-text,
.amuse-text,
.office-text,
.edu-text,
.pub-text{
  margin-left: 10px;
  font-size: 12px;
}

@media only screen and (min-width: 769px) {
  .gallery-main{
    padding: 0;
  }
.gallery-main .mainimg ,
.gallery-main .saleimg,
.gallery-main .foodimg,
.gallery-main .amuseimg,
.gallery-main .officeimg,
.gallery-main .eduimg,
.gallery-main .pubimg{
    height: 600px;
    margin-top: 50px;
  }

  .gallery-main .mainimg img,
.gallery-main .saleimg img,
.gallery-main .foodimg img,
.gallery-main .amuseimg img,
.gallery-main .officeimg img,
.gallery-main .eduimg img,
.gallery-main .pubimg img{
    height: 100%;
  }

  .gallery-about,
.sale-about,
.food-about,
.amuse-about,
.office-about,
.edu-about,
.pub-about {
    padding: 10px 35px;
    margin-top: 20px;
    font-size: 20px;
  }

  .gallery-grid,
.sale-grid,
.food-grid,
.amuse-grid,
.office-grid,
.edu-grid,
.pub-grid {
    padding: 20px 20px 14px;
  }

  .gallery-list li{
    width: 112px;
    height: 100%;
    overflow: hidden;
    margin-right: 6px;
    margin-bottom: 6px;
  }
.sale-list li,
.food-list li,
.amuse-list li,
.office-list li,
.edu-list li,
.pub-list li {
    width: 112px;
    height: 100%;
    overflow: hidden;
    margin-right: auto!important;
  }

  .gallery-list li:nth-child(4n){
    margin-right: 6px;
  }

.sale-list li:nth-child(4n),
.food-list li:nth-child(4n),
.amuse-list li:nth-child(4n),
.office-list li:nth-child(4n),
.edu-list li:nth-child(4n),
.pub-list li:nth-child(4n){
    margin-right: auto!important;
}
	
  .gallery-list li:nth-child(8n) {
    margin-right: 0;
  }

  .gallery-text,
.sale-text,
.food-text,
.amuse-text,
.office-text,
.edu-text,
.pub-text {
    margin-left: 35px;
    font-size: 14px;
  }
}
/*近藤追加ここまで*/

/*協力業者*/
.support-comment{
  background-image: url("../img/lp/sup_img01.jpg");
	padding:3rem 0;
	background-size: cover;
}
.sup-box{
	padding: 5rem 2rem;
	margin: 5rem auto;
	background: #fff;
	width:90%;
	max-width: 840px;
}
.sup-box h3{
	text-align: center;
	font-size: 3rem;
}
.sup-box p{
	margin: 1.5rem auto;
	max-width: 680px;
}

#area p{
	margin:3rem auto;
}
.sup-list{
	max-width: 400px;
	margin:0 auto;
}
.sup-list li{
	margin:1.5rem 0;
	font-size: 2.0rem;
}


/*フッター固定*/

.contact-fix {
	display: block;
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 100%;
}
.contact-fix a {
	width: 50%;
}
.contact-fix a div {
	padding: 20px 0;
	font-weight: bold;
	background-color: #02577d;
	color: #fff;
	text-align: center;
}
.contact-fix a.tel-fix div {
	background-color: #811b1b;
	color: #fff;
}
.contact-fix a div p {
	line-height: 1.3rem;
}
@media only screen and (min-width: 769px) {
.contact-fix {
	width: 400px;
	right: 10px;
	bottom: 10px;
}
.contact-fix a {
	width: 100%;
}

.contact-fix a div {
	/*padding: 30px 0;*/
	padding: 30px;
	border-radius: 100px;
}
.contact-fix a.tel-fix {
	display: none;
}

	
}
/*ヘッダー固定*/
@media only screen and (min-width: 769px) {
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: #fff;
	padding-top: 3px;
	-webkit-box-shadow: 0px 0px 6px #1b1b1b;
	box-shadow: 0px 0px 6px #1b1b1b;
	border: none !important;
	margin-left: 0;
}
}

.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #000;
  width: 100%;
  height: 100%;
  text-align: center;
  /*line-height: 600px;*/
}

.swiper-slide:nth-child(3n + 1) {
}

.swiper-slide:nth-child(3n + 2) {
}

.swiper-slide:nth-child(3n + 3) {
}


.mySwiper2 {
  width: 100%;
}
.mySwiper {
  box-sizing: border-box;
  padding: 10px 0;
}
.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
@media only screen and (min-width: 769px) {
.mySwiper2 {
  height: 700px;
}
.mySwiper {
  height: 120px;
}
.mySwiper .swiper-slide {
  line-height: 80px;
}
}


.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-button-next, .swiper-button-prev{
	color:#000;
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2 + 30px));
}
/*サイト内リンクのずれ調整*/
.sitelink-header{
  display: block;
  height: 200px;
  margin-top: -200px;
}

/*スクロールで要素の表示・非表示切替*/
  .hidden {
      opacity: 0;
      transition: opacity 1s;
  }
  .visible {
      opacity: 1;
  }


/*店舗LP修正*/
.btn-event{
  /* サイズ感はここで調整 */
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  position: relative;
  padding: 0 50px 0 30px; /* 右の丸アイコン分 */
  border-radius: 999px;

  /* 色・立体感（画像の雰囲気） */
  background: #02577d;
  box-shadow:
    0 10px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.18);

  color: #fff;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .02em;

  /* クリックしやすさ */
  -webkit-tap-highlight-color: transparent;
}

.btn-event__text{
  font-size: 16px;
  line-height: 1;
  color: #fff;
}

/* 右端の丸アイコン */
.btn-event__icon{
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);

  width: 32px;
  height: 32px;
  border-radius: 50%;

  background: rgba(255,255,255,.92);
  box-shadow:
    0 6px 12px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.9);

  display: grid;
  place-items: center;
}

/* 矢印 */
.btn-event__arrow{
  width: 16px;
  height: 16px;
  color: #02577d; /* ボタン色に合わせる */
}

/* hover / focus */
.btn-event:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
  transition: .18s ease;
}

.btn-event:hover .btn-event__icon{
  transform: translateY(-50%) translateX(2px);
  transition: .18s ease;
}

.btn-event:focus-visible{
  outline: 3px solid rgba(255,255,255,.75);
  outline-offset: 3px;
}
@media only screen and (max-width: 768px) {
.contact-fix a.btn-event {
	width: 98%;
	margin: 5px auto;
}
}