@charset "UTF-8";

*,
::after,
::before {
  box-sizing: border-box
}

::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit
}

html {
  cursor: default;
  line-height: 1.5;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word
}

body {
  margin: 0
}

h1 {
  font-size: 2em
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0
}

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

hr {
  height: 0;
  overflow: visible
}

main {
  display: block
}

nav ol,
nav ul {
  list-style: none;
  padding: 0
}

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

a {
  background-color: transparent
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

audio,
video {
  display: inline-block
}

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

iframe {
  border-style: none
}

img {
  border-style: none
}

svg:not([fill]) {
  fill: currentColor
}

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

table {
  border-collapse: collapse
}

button,
input,
select {
  margin: 0
}

button {
  overflow: visible;
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: .35em .75em .625em
}

input {
  overflow: visible
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical
}

[type=checkbox],
[type=radio] {
  padding: 0
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
  box-shadow: none
}

details {
  display: block
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  display: block;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: fit-content
}

dialog:not([open]) {
  display: none
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  touch-action: manipulation
}

[hidden] {
  display: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed
}

[aria-hidden=false][hidden] {
  display: inline;
  display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype")
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype")
}

body,
button,
input,
textarea {
  font-family: "Noto Sans JP", sans-serif
}

* {
  margin: 0;
  padding: 0
}

:after,
:before {
  display: block
}

::selection {
  background-color: #778011;
  color: #fff
}

html {
  font-size: 62.5%
}

body {
  font-size: calc(1.265rem + .135vw);
  line-height: 1.6;
  overflow-x: hidden
}

body,
button,
textarea {
  color: #444
}

input[type=checkbox],
input[type=radio],
label,
select {
  cursor: pointer
}

a {
  color: #778011
}

a:hover {
  text-decoration: none
}

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

p {
  line-height: 1.6
}

li {
  list-style-type: none
}

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

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 25px
}

.mb35 {
  margin-bottom: 30px
}

.mb40 {
  margin-bottom: 30px
}

.mb50 {
  margin-bottom: 30px
}

.mb60 {
  margin-bottom: 30px
}

.mb70 {
  margin-bottom: 35px
}

.mb75 {
  margin-bottom: 35px
}

.mb80 {
  margin-bottom: 40px
}

.mb90 {
  margin-bottom: 45px
}

.mb100 {
  margin-bottom: 50px
}

.mb110 {
  margin-bottom: 55px
}

.mb120 {
  margin-bottom: 60px
}

.mb130 {
  margin-bottom: 60px
}

.mb140 {
  margin-bottom: 60px
}

.mb150 {
  margin-bottom: 60px
}

.pcOnly {
  display: none
}

.pcNone {
  display: block
}

.spNone {
  display: none
}

.telLink {
  color: inherit;
  text-decoration: none
}

.blockCenter {
  margin-right: auto;
  margin-left: auto
}

.centerBox {
  max-width: 1230px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.centerBox--1060 {
  max-width: 1090px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.centerBox--1160 {
  max-width: 1190px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.l-header-search__submit {
  cursor: pointer
}

.header {
  padding: 98px 0 0
}

.headerTouch {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 1
}

.headerBg {
  background: url(../images/header-bg.png) repeat;
  position: relative;
  margin: 0 0 10px
}

.headerIcon {
  text-align: center
}

.headerLink {
  display: block;
  transition: .3s;
  max-width: 700px;
  margin: 0 auto
}

.headerLink img.objImg {
  width: 100%;
  height: 200px;
  object-fit: cover;
  font-family: "object-fit: cover;"
}

.headerLink:hover {
  opacity: .8
}

.pcNone img {
  max-width: 700px;
  margin: 0 auto;
  width: 100%
}

.headBtnWrap {
  background: #e84566;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10
}

.headBtnMenuWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px
}

.snsList {
  display: flex;
  align-items: center
}

.snsItem:nth-of-type(1) {
  margin: 0 10px 0 0
}

.snsItem:nth-of-type(2) {
  position: fixed;
  top: 6px
}

.snsItem:nth-of-type(2) img {
  width: 70px;
  padding: 3px 0 0
}

.snsLink {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%
}

.snsLink svg {
  fill: #e84566
}

.snsLink svg #line-o {
  fill: #e84566
}

.snsLink svg #line-i {
  fill: #fff
}

.headBtnList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -15px 0 0
}

.headBtnItem {
  padding: 0 10px
}

.headBtnItem:nth-of-type(1) {
  border-right: solid 1px #fff
}

.headBtnLink {
  width: 30px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center
}

.headBtn {
  display: block;
  width: 30px;
  height: 27px;
  position: relative
}

.headBtn span {
  transition: .3s;
  background-color: #fff
}

.headBtn span:nth-of-type(1) {
  position: absolute;
  height: 3px;
  width: 15px;
  margin: 0 auto;
  top: calc(50% - 8px);
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  transition: .3s
}

.headBtn span:nth-of-type(2) {
  position: absolute;
  height: 3px;
  width: 15px;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
  opacity: 1
}

.headBtn span:nth-of-type(3) {
  position: absolute;
  height: 3px;
  width: 15px;
  margin: 0 auto;
  top: calc(50% + 8px);
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  transition: .3s
}

.headBtn.on span:nth-of-type(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.headBtn.on span:nth-of-type(2) {
  opacity: 0
}

.headBtn.on span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg)
}

.navWrap {
  position: fixed;
  top: 98px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  overflow-y: auto;
  background: #fff;
  border: solid 1px #e84566;
  transform: translateX(100%);
  transition: .3s
}

.navWrap.on {
  top: 98px;
  transform: translateX(0)
}

.searchNavWrap {
  position: fixed;
  top: 98px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  overflow-y: auto;
  background: #fff;
  border: solid 1px #e84566;
  transform: translateX(100%);
  transition: .3s
}

.searchCloseBtn {
  width: 50px;
  height: 50px;
  margin: 0 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center
}

.searchClose {
  position: relative
}

.searchClose span:nth-of-type(1) {
  background: #444;
  position: absolute;
  height: 3px;
  width: 15px;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: .3s
}

.searchClose span:nth-of-type(2) {
  background: #444;
  position: absolute;
  height: 3px;
  width: 15px;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: .3s
}

.searchNavWrap.on {
  transform: translateX(0)
}

.myLinkWrap {
  display: flex;
  justify-content: flex-end;
  padding: 15px 15px 0 10px
}

.myLink {
  background: #fff;
  color: #e84566;
  display: block;
  text-decoration: none;
  font-weight: 500;
  border-radius: 15px;
  padding: 5px 15px;
  margin: 0 10px 0 0;
  font-size: 1.2rem;
  min-width: 130px
}

.headSearchBtn {
  cursor: pointer
}

.headSearchBtnText {
  display: flex;
  align-items: center;
  background: #fff;
  color: #e84566;
  font-weight: 500;
  border-radius: 15px;
  padding: 5px 15px;
  font-size: 1.2rem
}

.headSearchBtnText img {
  margin: 0 0 0 10px
}

.nav {
  height: 100%
}

.searchNav {
  height: 100%
}

.navList {
  padding: 35px 35px
}

.navItem {
  border-top: solid 1px #f8dada
}

.navItem:last-of-type {
  border-bottom: solid 1px #f8dada
}

.navLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #444;
  text-decoration: none;
  transition: .3s;
  font-size: 1.5rem;
  padding: 10px 40px 10px 0;
  position: relative
}

.navLink:hover {
  opacity: .8
}

.navMinList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.navBtn {
  padding: 10px 0
}

.navMinItem {
  width: calc(50% - 10px);
  border-bottom: solid 1px #f8dada
}

.navMinLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #444;
  text-decoration: none;
  transition: .3s;
  font-size: 1.5rem;
  padding: 10px 10px 10px 15px;
  position: relative
}

.navMinLink:hover {
  opacity: .8
}

.headLinkList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto 35px
}

.headLinkItem {
  display: block;
  margin: 0 0 5px;
}

.headLinkItem:nth-of-type(1){
  width: 140px;
}
.headLinkItem:nth-of-type(3){
  width: 150px;
}
.headLinkItem:nth-of-type(6) {
  width: 170px;
}
.headLinkItem:nth-of-type(2){
  width: 210px;
}
.headLinkItem:nth-of-type(4){
  width: 210px;
}
.headLinkItem:nth-of-type(5) {
  width: 210px;
}
@media(max-width:435px){
  .headLinkItem:nth-of-type(1){
    width: 120px;
  }
  .headLinkItem:nth-of-type(3){
    width: 130px;
  }
  .headLinkItem:nth-of-type(6) {
    width: 150px;
  }
  .headLinkItem:nth-of-type(2){
    width: 190px;
  }
  .headLinkItem:nth-of-type(4){
    width: 190px;
  }
  .headLinkItem:nth-of-type(5) {
    width: 180px;
  }
}

.headLink {
  display: block;
  transition: .3s;
  text-decoration: none;
  color: #fff;
  font-weight: 700
}

.headLink:hover {
  opacity: .8
}

.headLinkPic {
  position: relative
}

.headLinkText {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  font-size: 1.3rem
}

.headSearchItem {
  cursor: pointer
}

.freeSearch {
  margin: 0 0 10px
}

.freeSearch form {
  display: flex
}

.freeSearch form input {
  padding: 10px;
  border: solid 1px #ddd;
  width: 100%
}

.freeSearch button {
  background: 0 0;
  border: solid 0;
  width: 50px
}

.freeSearch button p {
  padding: 2px 10px;
  border: solid 0;
  color: #fff;
  background: #e37c7c;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.l-header-search__input {
  width: calc(100% - 50px)
}

.freeWord {
  margin: 0 0 10px
}

.searchNavCat {
  padding: 0 35px 35px
}

.headSearchSelectWrap {
  background: url(../images/common-menu-search-bg.png) repeat;
  padding: 35px 35px
}

.headSearchCity {
  background: #e37c7c;
  padding: 8px 8px 8px 18px;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.headSearchTitle {
  color: #fff;
  font-size: 1.5rem;
  min-width: 105px
}

.headSearchSelect {
  background: #fff;
  border: solid 0;
  margin: 0 0 0 30px;
  width: 100%;
  max-width: 300px;
  padding: 7px 10px;
  font-size: 1.5rem
}

.spOnly img {
  margin: 0 auto
}

main {
  margin: 0 0 200px
}

.bread {
  max-width: 1000px;
  margin: 0 auto 60px;
  display: flex
}

.breadItem {
  display: flex;
  align-items: center
}

.breadItem:not(:last-of-type):after {
  content: "";
  width: 8px;
  height: 12px;
  background-image: url(../images/bread-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 20px
}

.breadLink {
  display: block;
  text-decoration: none;
  color: #444;
  font-size: calc(1.255rem + .045vw)
}

.breadText {
  display: block;
  font-size: calc(1.255rem + .045vw)
}

.sideBar {
  display: none
}

.sideCity {
  margin: 0 0 15px
}

.sideTitle {
  background: #e84566;
  font-size: 1.8rem;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px 5px 0 0
}

.sideCityLink {
  display: block;
  border: solid 1px #eaeaea;
  text-decoration: none;
  color: #444;
  padding: 13px 20px;
  font-weight: 500
}

#sideCitySelect,
#sideFeeSelect {
  display: block;
  border: solid 1px #eaeaea;
  text-decoration: none;
  color: #444;
  padding: 13px 20px;
  font-weight: 500;
  width: 100%;
  background: #fff
}

.sideCat {
  margin: 0 0 30px
}

.sideCatList {
  border-right: solid 1px #eaeaea;
  border-bottom: solid 1px #eaeaea;
  border-left: solid 1px #eaeaea;
  padding: 6px 0
}

.sideCatPic {
  margin: 0 8px 0 0
}

.sideCatLink {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  text-decoration: none;
  color: #444;
  font-size: 1.8rem;
  font-weight: 500;
  transition: .3s
}

.sideCatLink:hover {
  background: #f7f7f7
}

.sideBannerItem:not(:last-of-type) {
  margin: 0 0 10px
}

.sideBanerLink {
  display: block;
  transition: .3s
}

.sideBanerLink:hover {
  opacity: .8
}

.sideFee {
  margin: 0 0 45px
}

.footerTop {
  margin: 0 0 20px
}

.footerName {
  margin: 0 0 30px
}

.footerIcon {
  margin: 0 10px 7px 0
}

.footerText {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 0 5px
}

.footerCompnay {
  font-size: 1.9rem;
  font-weight: 500
}

.footerInfo {
  font-weight: 500
}

.footerAddress {
  font-size: 1.4rem
}

.footerInquiry {
  display: flex
}

.footerInquiry span {
  margin: 0 10px 0 5px
}

.footerSns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px
}

.footerSnsItem+.footerSnsItem {
  margin: 0 0 0 35px
}

.footerSnsLink {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.footerBottom {
  background: #e84566;
  color: #fff;
  padding: 20px 0
}

.footerLinkList {
  margin: 0 0 40px
}

.footerLinkItem:not(:last-of-type) {
  margin: 0 0 10px
}

.footerLink {
  color: #fff;
  text-decoration: none;
  transition: .3s;
  font-size: 1.4rem;
  font-weight: 500
}

.footerLink:hover {
  opacity: .8
}

small {
  font-size: 1.2rem;
  font-weight: 500
}

.footerOther {
  background: #efefef;
  padding: 45px 0 75px
}

.footerOtherRowItem+.footerOtherRowItem {
  margin: 20px 0 0
}

.footerOtherBox {
  border-bottom: solid 1px #bcbcbc;
  padding: 0 0 20px
}

.footerOtherBox+.footerOtherBox {
  margin: 20px 0 0
}

.footerOtherInner+.footerOtherInner {
  margin: 20px 0 0
}

.footerOtherInnerRow {
  position: relative;
  padding: 0 120px 0 0;
  max-width: 480px
}

.footerOtherInnerRow span {
  position: absolute;
  right: 0;
  top: 0
}

.footerOtherTitle {
  font-size: 1.6rem;
  margin: 0 0 10px;
  font-weight: 700
}

.footerOtherSubTitle {
  font-size: 1.4rem;
  font-weight: 400
}

.footerOtherTextRed {
  color: #ff1919;
  font-weight: 700
}

.footerOtherLink {
  text-decoration: none;
  display: inline-block
}

.pageHead {
  border-top: solid 1px #e84566;
  border-bottom: solid 1px #e84566;
  margin: 0 0 65px
}

.pageTitle {
  font-size: calc(1.425rem + 1.575vw);
  font-weight: 700;
  padding: 15px 15px;
  text-align: center
}

.pageSubTitle {
  background: url(../images/page-subtitle.png) repeat-x;
  display: flex;
  align-items: center;
  font-size: calc(1.375rem + 1.125vw);
  font-weight: 400
}

.pageSubTitle span {
  margin: 0 10px 0 0
}

.headLinkList {
  margin: 0 auto 30px
}

@media print,
screen and (min-width:315px) {
  .headBtnMenuWrap {
    max-width: 307px;
    margin: 0 0 0 auto;
    padding: 15px 15px 15px 0
  }
}

@media (min-width:768px) {
  body {
    font-size: calc(1.285rem + .315vw)
  }

  .mb30 {
    margin-bottom: 30px
  }

  .mb35 {
    margin-bottom: 35px
  }

  .mb40 {
    margin-bottom: 40px
  }

  .mb50 {
    margin-bottom: 50px
  }

  .mb60 {
    margin-bottom: 60px
  }

  .mb70 {
    margin-bottom: 70px
  }

  .mb75 {
    margin-bottom: 75px
  }

  .mb80 {
    margin-bottom: 80px
  }

  .mb90 {
    margin-bottom: 90px
  }

  .mb100 {
    margin-bottom: 100px
  }

  .mb110 {
    margin-bottom: 110px
  }

  .mb120 {
    margin-bottom: 120px
  }

  .mb130 {
    margin-bottom: 130px
  }

  .mb140 {
    margin-bottom: 140px
  }

  .mb150 {
    margin-bottom: 150px
  }

  .spOnly {
    display: none
  }

  .spNone {
    display: block
  }

  .header {
    padding: 0
  }

  .headerBg {
    margin: 0 0 15px
  }

  .headerLink {
    max-width: 1600px
  }

  .headBtnWrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    left: calc(100% - 330px);
    right: 0;
    border-radius: 0 0 0 10px
  }

  .snsWrap {
    position: fixed;
    left: calc(100% - 390px);
    margin: 0 70px 0 0
  }

  .snsList {
    flex-direction: row-reverse
  }

  .snsItem:nth-of-type(1) {
    margin: 0 0 0 10px
  }

  .snsItem:nth-of-type(2) {
    position: static
  }

  .snsLink {
    background: #e84566
  }

  .snsLink svg {
    fill: #fff
  }

  .snsLink svg #line-o {
    fill: #fff
  }

  .snsLink svg #line-i {
    fill: #e84566
  }

  .headBtnList {
    padding: 8px 15px 15px;
    padding: 0
  }

  .navWrap {
    max-width: 455px;
    max-height: 548px;
    margin: 0 0 0 auto;
    top: 56px
  }

  .navWrap.on {
    top: 56px
  }

  .searchNavWrap {
    top: 56px;
    max-width: 600px;
    max-height: 863px;
    margin: 0 0 0 auto
  }

  .myLinkWrap {
    padding: 5px 0 0 10px;
    width: auto
  }

  .nav {
    height: auto
  }

  .searchNav {
    height: auto
  }

  .navList {
    padding: 70px 70px
  }
/*
  .headLinkList {
    justify-content: space-between;
    max-width: 920px;
    margin: 0 auto 30px
  }
*/
  .headLinkItem {
    max-width: 255px;
    margin: 0
  }

  .headLinkItem:nth-of-type(2n+1) {
    width: auto
  }

  .headLinkItem:nth-of-type(2n) {
    width: auto
  }

  .headLinkText {
    font-size: 1.8rem;
    padding: 0 15px
  }

  .searchNavCat {
    padding: 10px 70px 25px
  }

  .headSearchSelectWrap {
    padding: 55px 55px
  }

  .headLinkList {
    margin: 0 auto 15px
  }
}

@media (min-width:960px) {
  .pcOnly {
    display: block
  }

  .pcNone {
    display: none
  }

  .layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
  }

  .sideBar {
    display: block;
    width: 280px
  }

  .main {
    width: calc(100% - 320px)
  }

  .footerTopRow {
    display: flex;
    align-items: flex-end
  }

  .footerName {
    margin: 0 30px 0 0;
    display: flex;
    align-items: center
  }

  .footerIcon {
    margin: 0 10px 0 0
  }

  .footerBottomRow {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .footerLinkList {
    margin: 0;
    display: flex;
    align-items: center
  }

  .footerLinkItem:not(:last-of-type) {
    margin: 0 85px 0 0
  }

  .footerOtherRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
  }

  .footerOtherRowItem {
    width: calc(33.33333% - 26.6666666px)
  }

  .footerOtherRowItem+.footerOtherRowItem {
    margin: 0
  }
}

@media (min-width:1000px) {
  body {
    font-size: 1.4rem
  }

  .breadLink {
    font-size: 1.3rem
  }

  .breadText {
    font-size: 1.3rem
  }

  .pageTitle {
    font-size: 3rem
  }

  .pageSubTitle {
    font-size: 2.5rem
  }
}

@media (min-width:768px) and (min-width:1000px) {
  body {
    font-size: 1.6rem
  }
}

@media print {
  body {
    width: 960px;
    margin: 0 auto
  }
}

@media(max-width:545px){
  .centerBox{
    max-width: 420px;
  }
}
@media(max-width:435px){
  .centerBox{
    max-width: 370px;
  }
}