nav ul {
list-style: none
}

blockquote, q {
quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}

/*! Lity - v2.4.0 - 2019-08-10
* http://sorgalla.com/lity/
* Copyright (c) 2015-2019 Jan Sorgalla; Licensed MIT */

.lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, 0.9);
outline: none !important;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}

.lity.lity-opened {
opacity: 1
}

.lity.lity-closed {
opacity: 0
}

.lity * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important
}

.lity-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em
}

.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}

.lity-loading .lity-loader {
opacity: 1
}

.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important
}

.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease
}

.lity-loading .lity-content, .lity-closed .lity-content {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8)
}

.lity-content:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 0;
top: 0;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none
}

.lity-close::-moz-focus-inner {
border: 0;
padding: 0
}

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none
}

.lity-close:active {
top: 1px
}

.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
width: 100%;
max-width: 964px
}

.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000
}

.lity-hide {
display: none
}

.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}

.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}

.slick-list:focus {
outline: none
}

.slick-list.dragging {
cursor: pointer;
cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}

.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}

.slick-track:before, .slick-track:after {
content: "";
display: table
}

.slick-track:after {
clear: both
}

.slick-loading .slick-track {
visibility: hidden
}

.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}

[dir="rtl"] .slick-slide {
float: right
}

.slick-slide img {
display: block
}

.slick-slide.slick-loading img {
display: none
}

.slick-slide.dragging img {
pointer-events: none
}

.slick-initialized .slick-slide {
display: block
}

.slick-loading .slick-slide {
visibility: hidden
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}

.slick-arrow.slick-hidden {
display: none
}

.slick-loading .slick-list {
background: #fff url("../img/ajax-loader.gif") center center no-repeat
}

@font-face {
font-family: "slick";
src: url("../fonts/slick.eot");
src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal
}

.slick-prev, .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
outline: none;
background: transparent;
color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25
}

.slick-prev:before, .slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.slick-prev {
left: -25px
}

[dir="rtl"] .slick-prev {
left: auto;
right: -25px
}

.slick-prev:before {
content: "←"
}

[dir="rtl"] .slick-prev:before {
content: "→"
}

.slick-next {
right: -25px
}

[dir="rtl"] .slick-next {
left: -25px;
right: auto
}

.slick-next:before {
content: "→"
}

[dir="rtl"] .slick-next:before {
content: "←"
}

.slick-dotted.slick-slider {
margin-bottom: 30px
}

.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}

.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}

.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1
}

.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}

html {
-webkit-backface-visibility: hidden
}

html.fixed {
overflow: hidden
}

body {
visibility: hidden;
-webkit-backface-visibility: hidden
}

body .showPC {
display: block
}

@media screen and (max-width: 992px) {
body .showPC {
display: none
}
}

body .showSP {
display: none
}

@media screen and (max-width: 992px) {
body .showSP {
display: block
}
}

@media screen and (max-width: 992px) {
body #wrapper img {
width: 100%
}
}

body #wrapper a:hover {
opacity: 0.8
}

body #wrapper header .search {
position: absolute;
top: -45px;
right: 270px;
font-size: 0;
line-height: 0
}

@media screen and (max-width: 992px) {
body #wrapper header .search {
display: none;
top: 64px;
right: auto;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 0 28px 17px 28px;
background-color: #ffffff
}
}

@media screen and (max-width: 992px) {
html.fixed body #wrapper header .search {
display: block
}
}

body #wrapper header .search .text {
width: 124px;
height: 28px;
box-sizing: border-box;
border: 1px solid #b4b4b4
}

@media screen and (max-width: 992px) {
body #wrapper header .search .text {
width: calc(100% - 42px);
height: 42px;
font-size: 16px
}
}

body #wrapper header .search .image {
width: 28px;
height: 28px
}

@media screen and (max-width: 992px) {
body #wrapper header .search .image {
width: 42px;
height: 42px
}
}

body #wrapper header .btn__area .btn__search {
width: 23px;
margin-right: 20px
}

body #wrapper header .btn__area .btn__search a {
display: block
}

html.ie body #wrapper header .btn__area {
margin-left: auto;
margin-right: 32px
}

body #wrapper header {
position: fixed;
z-index: 10000000000;
top: 0;
left: 50%;
min-width: 1200px;
width: 100%;
min-height: 118px;
margin: 0 auto 0 auto;
padding: 68px 0 16px 0;
background-color: #ffffff;
transform: translateX(-50%)
}

@media screen and (max-width: 1200px) {
body #wrapper header {
left: 0;
min-width: auto;
width: 100%;
transform: translateX(0)
}
}

@media screen and (max-width: 992px) {
body #wrapper header {
min-width: auto;
width: 100%;
min-height: 92px;
padding: 0
}
}
@media screen and (max-width: 576px) {
body #wrapper header {
min-width: auto;
width: 100%;
min-height: 76px;
padding: 0
}
}

body #wrapper header .inner {
display: flex;
justify-content: space-between;
position: relative;
width: 100%;
margin: 0 auto 0 auto;
align-items: center;
}

body #wrapper header .group {
position: absolute;
top: -35px;
right: 270px;
font-size: 0;
line-height: 0
}

@media screen and (max-width: 992px) {
body #wrapper header .group {
display:none
}
}


body #wrapper header .inner .logo {
font-size: 0;
line-height: 0
}

@media screen and (max-width: 992px) {
body #wrapper header .inner .logo {
margin: 16px 0 0 0px
}
}

body #wrapper header .inner .logo a {
display: flex
}

body #wrapper header .inner .logo img {
width: 100%
}

body #wrapper header .inner .logo img.logo__img {
width: 283px
}

@media screen and (max-width: 992px) {
body #wrapper header .inner .logo img.logo__img {
width: 353px;
/*max-height: 32px*/
}
}
@media screen and (max-width: 576px) {
body #wrapper header .inner .logo img.logo__img {
width: 253px;
/*max-height: 32px*/
}
}
body #wrapper header .inner .logo img.copy__img {
width: 195px
}

@media screen and (max-width: 992px) {
body #wrapper header .inner .logo img.copy__img {
display: none
}
}

body #wrapper header .inner .btn__area {
display: none
}

@media screen and (max-width: 992px) {
body #wrapper header .inner .btn__area {
display: flex;
margin: 20px 32px 0 0;
align-items: center;
font-size: 0;
line-height: 0
}
}

@media screen and (max-width: 992px) {
body #wrapper header .inner .btn__area .btn {
display: block;
width: 28px;
height: 15px
}
}

body #wrapper header .inner .btn__area .btn a {
display: block;
position: relative;
width: 28px;
height: 16px
}

body #wrapper header .inner .btn__area .btn a span {
display: block;
position: absolute;
width: 100%;
height: 1px;
background-color: #231815;
transition: all 0.4s
}

body #wrapper header .inner .btn__area .btn a span.line1 {
top: 0;
left: 0
}

html.fixed body #wrapper header .inner .btn__area .btn a span.line1 {
-webkit-transform: translateY(7px) rotate(-315deg);
transform: translateY(7px) rotate(-315deg)
}

body #wrapper header .inner .btn__area .btn a span.line2 {
top: 50%;
left: 0
}

html.fixed body #wrapper header .inner .btn__area .btn a span.line2 {
opacity: 0
}

body #wrapper header .inner .btn__area .btn a span.line3 {
bottom: 0;
left: 0
}

html.fixed body #wrapper header .inner .btn__area .btn a span.line3 {
-webkit-transform: translateY(-8px) rotate(315deg);
transform: translateY(-8px) rotate(315deg)
}

body #wrapper header .inner #nav {
display: block
}

@media screen and (min-width: 991px) {
body #wrapper header .inner #nav {
display: block !important;
height: auto !important
}
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav {
display: none;
position: absolute;
top: 92px;
left: 0;
width: 100%;
background-color: #ebebeb
}
}

@media screen and (max-width: 576px) {
body #wrapper header .inner #nav {
display: none;
position: absolute;
top: 76px;
left: 0;
width: 100%;
background-color: #ebebeb
}
}

html.fixed body #wrapper header .inner #nav {
overflow-y: auto
}

body #wrapper header .inner #nav>ul {
display: flex;
background-color: #ffffff
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul {
display: block;
background-color: #ebebeb
}
}

body #wrapper header .inner #nav>ul>li {
border-right: 1px solid #bbbbbb;
font-size: 0;
line-height: 0;
white-space: nowrap;
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li {
border-right: none
}
}

body #wrapper header .inner #nav>ul>li:first-child {
border-left: 1px solid #bbbbbb
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li:first-child {
border-left: none
}
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li+li {
border-top: 1px solid #bbbbbb
}
}

body #wrapper header .inner #nav>ul>li>a {
display: block;
padding: 12px 8px;
font-size: 13px;
color: #000000;
line-height: 1
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li>a {
padding: 18px 30px 16px 30px;
font-size: 14px
}
}

body #wrapper header .inner #nav>ul>li>a:hover {
color: #ffffff;
background-color: #666666;
text-decoration: none;
opacity: 1
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li>a:hover {
color: #000000;
background-color: #ebebeb
}
}

body #wrapper header .inner #nav>ul>li dl {
position: relative;
z-index: 1
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dt {
position: relative
}
}

body #wrapper header .inner #nav>ul>li dl dt a {
display: block;
padding: 12px 10px;
font-size: 13px;
color: #000000;
line-height: 1
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dt a {
position: relative;
padding: 18px 30px 16px 30px;
font-size: 14px
}
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dt a:after {
position: absolute;
content: '';
top: 50%;
right: 30px;
transform: translateY(-50%);
display: block;
width: 10.5px;
height: 12px;
background: url(/common/img/ps_nav_arrow.png) no-repeat center center;
background-size: 100%
}
}

body #wrapper header .inner #nav>ul>li dl dt a:hover {
color: #ffffff;
background-color: #666666;
text-decoration: none;
opacity: 1
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dt a:hover {
color: #000000;
background-color: #ebebeb
}
}

body #wrapper header .inner #nav>ul>li dl dt.active a:after {
transition: 0.2s;
transform: translateY(-50%) rotate(90deg)
}

body #wrapper header .inner #nav>ul>li dl dd {
display: none;
position: absolute;
top: 40px;
left: 50%;
width: 180px;
margin-left: -90px;
box-shadow: 0 2px 4px rgba(102, 102, 102, 0.5)
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dd {
position: static;
top: 0;
left: 0;
width: 100%;
margin-left: 0;
box-shadow: 0 2px 4px rgba(102, 102, 102, 0)
}
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dd ul {
padding-bottom: 13px
}
}

body #wrapper header .inner #nav>ul>li dl dd ul li {
background-color: #ffffff
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dd ul li {
background-color: #ebebeb
}
}

body #wrapper header .inner #nav>ul>li dl dd ul li+li {
border-top: 1px solid #d8d8d8
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dd ul li+li {
border-top: none
}
}

body #wrapper header .inner #nav>ul>li dl dd ul li a {
position: relative;
display: block;
padding: 10px;
font-size: 12px;
line-height: 1
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dd ul li a {
padding: 8px 40px;
font-size: 14px
}
}

body #wrapper header .inner #nav>ul>li dl dd ul li a:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
border-top: 1px solid #3f3f3f;
border-right: 1px solid #3f3f3f;
transform: translateY(-50%) rotate(45deg);
display: block;
content: ''
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li dl dd ul li a:after {
display: none
}
}

body #wrapper header .inner #nav>ul>li dl dd ul li a:hover {
opacity: 1
}

body #wrapper header .inner #nav>ul>li dl dd ul li:hover {
background-color: #ebebeb;
opacity: 1
}

body #wrapper header .inner #nav>ul>li dl dd ul li:hover a {
text-decoration: none
}

body #wrapper header .inner #nav>ul>li.current>a {
color: #ffffff;
background-color: #666666
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li.current>a {
color: #000000;
background-color: #ebebeb
}
}

body #wrapper header .inner #nav>ul>li.current dl dt a {
color: #ffffff;
background-color: #666666
}

@media screen and (max-width: 992px) {
body #wrapper header .inner #nav>ul>li.current dl dt a {
color: #000000;
background-color: #ebebeb
}
}

body #wrapper .contents {
min-width: 1200px;
margin-top: 138px
}

@media screen and (max-width: 992px) {
body #wrapper .contents {
min-width: auto;
margin-top: 64px
}
}

body #wrapper .contents>.inner {
position: relative;
width: 1200px;
margin: 0 auto
}

@media screen and (max-width: 992px) {
body #wrapper .contents>.inner {
width: 100%
}
}

body #wrapper .contents main .breadcrumb {
width: 1200px;
margin: 0 auto;
padding: 22px 125px 0 125px
}

@media screen and (max-width: 992px) {
body #wrapper .contents main .breadcrumb {
width: 100%;
padding: 15px 20px 0 20px
}
}

body #wrapper .contents main .breadcrumb>ul {
display: flex
}

body #wrapper .contents main .breadcrumb>ul>li {
position: relative;
font-size: 13px;
font-weight: normal;
color: #000000;
line-height: 1
}

body #wrapper .contents main .breadcrumb>ul>li+li {
margin-left: 40px
}

@media screen and (max-width: 992px) {
body #wrapper .contents main .breadcrumb>ul>li+li {
margin-left: 30px
}
}

body #wrapper .contents main .breadcrumb>ul>li+li:before {
position: absolute;
top: 50%;
left: -23px;
transform: translateY(-50%);
display: block;
content: '';
width: 7px;
height: 14px;
background: url(/common/img/ps_breadcrumb_arrow.png) no-repeat center center;
background-size: 100%
}

@media screen and (max-width: 992px) {
body #wrapper .contents main .breadcrumb>ul>li+li:before {
width: 4.5px;
height: 10px;
left: -16px
}
}

body #wrapper .contents main .breadcrumb>ul>li>a {
display: block;
font-size: 13px;
font-weight: normal;
color: #000000;
line-height: 1
}

body #wrapper .contents main .breadcrumb>ul>li>a:hover {
opacity: 1
}

body #wrapper .contents aside {
position: absolute;
top: 68px;
/*  top: 128px;*/
right: 35px;
width: 200px;
z-index: 5
}

@media screen and (max-width: 992px) {
body #wrapper .contents aside {
display: none
}
}

body #wrapper .contents aside>ul>li {
font-size: 15px;
color: #000000;
background-color: #ffeb00;
text-align: center
}

body #wrapper .contents aside>ul>li+li {
border-top: 1px solid #ffffff
}

body #wrapper .contents aside>ul>li>span {
position: relative;
display: block;
padding: 12px 0;
font-size: 15px;
text-indent: -4px
}

body #wrapper .contents aside>ul>li>span:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
transform: translateY(-50%) rotate(45deg);
border-top: 1px solid #000000;
border-right: 1px solid #000000;
display: block;
content: ''
}

body #wrapper .contents aside>ul>li>a {
display: block;
width: 100%;
height: 100%;
color: #ffffff;
background-color: #a2a2a2
}

body #wrapper .contents aside>ul>li>a:hover {
opacity: 1;
text-decoration: none;
color: #000000;
background-color: #ffeb00
}

body #wrapper .contents aside>ul>li>a:hover>span:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
transform: translateY(-50%) rotate(45deg);
border-top: 1px solid #000000;
border-right: 1px solid #000000;
display: block;
content: ''
}

body #wrapper .contents aside>ul>li>a>span {
position: relative;
display: block;
padding: 12px 0;
font-size: 15px;
text-indent: -4px
}

body #wrapper .contents aside>ul>li>a>span:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
transform: translateY(-50%) rotate(45deg);
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
display: block;
content: ''
}

body #wrapper footer {
/*min-width: 1200px;*/
margin-top: 150px;
padding: 48px 0 30px 0;
background-color: #f4f4f4
}

@media screen and (max-width: 992px) {
body #wrapper footer {
min-width: 100%;
margin-top: 120px;
padding: 30px 0 20px 0
}
}

body #wrapper footer .pagetop {
position: fixed;
right: 80px;
bottom: 80px;
width: 84px;
z-index: 5;
font-size: 0;
line-height: 0
}

@media screen and (max-width: 992px) {
body #wrapper footer .pagetop {
right: 20px;
bottom: 40px
}
}

body #wrapper footer .pagetop>a {
display: block
}

body #wrapper footer .inner {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0 75px
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner {
width: 100%;
padding: 0
}
}

body #wrapper footer .inner>ul {
position: relative;
display: flex;
flex-wrap: wrap;
padding-bottom: 38px
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul {
display: block;
padding-bottom: 0;
border-bottom: none
}
}

body #wrapper footer .inner>ul>li {
/*width: 198px;*/
width:calc(100%/6);
font-size: 16px;
text-align: left;
line-height: 1;
padding-left: 1.0rem;
}
@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li{
width: 100%;
border-bottom: 1px solid #bbbbbb;
text-align: left;
}
}

body #wrapper footer .inner>ul>li+li {
/*margin-left: 34px*/
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li+li {
margin-left: 0
}
}

body #wrapper footer .inner>ul>li>a {
display: block;
font-size: 16px;
font-weight: bold;
color: #000000;
line-height: 1
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>a {
padding: 15px 30px;
font-size: 14px;
font-weight: normal;
border-bottom: none
}
}

body #wrapper footer .inner>ul>li>a:hover {
opacity: 1
}

body #wrapper footer .inner>ul>li>dl>dt {
position: relative;
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>dl>dt:after {
position: absolute;
top: 50%;
right: 27px;
transform: translateY(-50%);
display: block;
content: '';
width: 10.5px;
height: 12px;
background: url(/common/img/ps_nav_arrow.png) no-repeat center center;
background-size: 100%;
white-space: nowrap;
}
}

body #wrapper footer .inner>ul>li>dl>dt a {
display: block;
font-size: 16px;
font-weight: bold;
color: #000000;
line-height: 1
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>dl>dt a {
position: relative;
display: inline-block;
padding: 15px 30px;
font-size: 14px;
font-weight: normal;
border-bottom: none
}
}

body #wrapper footer .inner>ul>li>dl>dt a:hover {
opacity: 1
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>dl>dt.active:after {
transition: 0.2s;
transform: translateY(-50%) rotate(90deg)
}
}

body #wrapper footer .inner>ul>li>dl>dd {
display: block
}

@media screen and (min-width: 991px) {
body #wrapper footer .inner>ul>li>dl>dd {
display: block !important
}
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>dl>dd {
display: none
}
}

body #wrapper footer .inner>ul>li>dl>dd>ul {
margin-top: 10px
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>dl>dd>ul {
margin-top: 5px;
padding-bottom: 15px
}
}

body #wrapper footer .inner>ul>li>dl>dd>ul>li {
font-size: 14px;
line-height: 1;
white-space: nowrap;
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>dl>dd>ul>li {
font-size: 14px;
font-weight: normal
}
}

body #wrapper footer .inner>ul>li>dl>dd>ul>li>a {
display: block;
padding: 7px 0;
font-size: 14px;
color: #000000;
line-height: 1
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li>dl>dd>ul>li>a {
padding: 7px 40px;
font-size: 14px;
font-weight: normal
}
}

body #wrapper footer .inner>ul>li.recruit {
position: absolute;
top: 100px;
right: 64px
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner>ul>li.recruit {
position: static
}
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner .footer__group {
margin-top: -1px
}
}

body #wrapper footer .inner .footer__group .idea {
position: static !important;
width: 257px;
font-size: 0;
line-height: 0
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner .footer__group .idea {
max-width: 496px;
width: 66.13333333333333%;
/*margin: 30px auto 0 auto*/
}
}

body #wrapper footer .inner .footer__group .idea a {
display: block
}

body #wrapper footer .inner .footer__group .idea a img {
width: 100%
}

body #wrapper footer small {
margin-top: 80px;
display: block;
font-size: 10px;
font-weight: normal;
color: #000000;
text-align: center;
line-height: 1
}


body #wrapper footer .inner .pmark {
position: absolute;
top: 0;
right: 75px;
width: 190px;
font-size: 0;
line-height: 0
}

@media screen and (max-width: 992px) {
body #wrapper footer .inner .pmark {
position:static;
width: 30%;
margin: 20px auto
}
}

body #wrapper footer .inner .pmark img {
width: 100%
}

@media screen and (max-width: 992px) {
body #wrapper footer small {
margin-top: 23px;
text-align: center
}
}

html.ie body #wrapper header .inner {
display: flex;
justify-content: flex-start
}

html.ie body #wrapper header #nav {
margin-left: auto;
margin-right: 0
}

@media print {
html body #wrapper header {
position: relative;
left: 0;
width: 1200px;
transform: translateX(0)
}
html body #wrapper header #nav.isPC {
display: block !important;
height: 34px !important
}
html body #wrapper header #nav>ul>li dl dd ul li:hover {
background-color: #2292c7
}
html body #wrapper header #nav>ul>li dl dd ul li:hover a {
color: #ffffff;
text-decoration: none
}
html body #wrapper header #nav>ul>li dl dd ul li:hover a:after {
background: url(../img/ps_nav_arrow_hover.png) no-repeat center center;
background-size: 100%
}
html body #wrapper .contents {
margin-top: 0
}
html body #wrapper footer {
page-break-before: always
}
html.ie body, html.edge body {
zoom: 90%
}
}