@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Ovo");
@import url("https://fonts.googleapis.com/css?family=Abel");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
html {
  font-size: 10px;
}

body,
td,
th,
input,
textarea {
  color: #000000;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 1.3rem;
  line-height: 1.5;
}

body {
  overflow-wrap: break-word;
}

a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
  color: #000000;
  text-decoration: underline;
  /*
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: .80;
*/
}

a:hover {
  text-decoration: none;
}

a:hover,
a:hover img,
.img_hover:hover {
  /*
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: .80;
*/
}

img {
  vertical-align: bottom;
}

.img_ck {
  font-size: 0.1rem;
  line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}

div,
p {
  /*word-break: break-all;*/
}

h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
figure,
img,
nav {
  margin: 0;
  padding: 0;
}

ul,
ol,
li {
  list-style: none;
}

* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  word-break: break-word;
}

html[data-size="large"] {
  font-size: 11px;
}

html[data-size="medium"] {
  font-size: 10px;
}

html[data-size="small"] {
  font-size: 9px;
}

.file {
  border-top: 1px dotted #cccccc;
  margin: 15px 0;
  padding: 10px 0 0;
  text-align: left;
}

.file .pdf {
  background: url(../images/cms/pdf.png) left center no-repeat;
  line-height: 37px;
  padding: 4px 0 0 40px;
}

.file .ppt {
  background: url(../images/cms/ppt.png) left center no-repeat;
  line-height: 37px;
  padding: 4px 0 0 40px;
}

.file .xls,
.file .xlsx {
  background: url(../images/cms/xls.png) left center no-repeat;
  line-height: 37px;
  padding: 4px 0 0 40px;
}

.file .doc,
.file .docx {
  background: url(../images/cms/doc.png) left center no-repeat;
  line-height: 37px;
  padding: 4px 0 0 40px;
}

.top-right {
  float: right;
  margin: 0px 0px 30px 30px;
}

.top-left {
  float: left;
  margin: 0px 30px 30px 0px;
}

.top-center {
  margin: 0px 0px 30px 0px;
  text-align: center;
}

.bottom-right {
  float: right;
  margin: 30px 0px 0px 30px;
}

.bottom-left {
  float: left;
  margin: 30px 30px 0px 0px;
}

.bottom-center {
  margin: 30px 0px 0px 0px;
  text-align: center;
}

.entry-container b {
  font-weight: bold;
}

.entry-container i {
  font-style: italic;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

@-webkit-keyframes trigger {
  0% {
    background: transparent;
  }
  50% {
    background: #2661da;
  }
  100% {
    background: #2661da;
  }
}

@-moz-keyframes trigger {
  0% {
    background: transparent;
  }
  50% {
    background: #2661da;
  }
  100% {
    background: #2661da;
  }
}

@keyframes trigger {
  0% {
    background: transparent;
  }
  50% {
    background: #2661da;
  }
  100% {
    background: #2661da;
  }
}

@-webkit-keyframes trigger_01 {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
            transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-moz-keyframes trigger_01 {
  0% {
    -moz-transform: translateY(8px) rotate(45deg);
         transform: translateY(8px) rotate(45deg);
  }
  50% {
    -moz-transform: translateY(8px) rotate(0);
         transform: translateY(8px) rotate(0);
  }
  100% {
    -moz-transform: translateY(0) rotate(0);
         transform: translateY(0) rotate(0);
  }
}

@keyframes trigger_01 {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
       -moz-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
       -moz-transform: translateY(8px) rotate(0);
            transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
       -moz-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes trigger_02 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-moz-keyframes trigger_02 {
  0% {
    -moz-transform: translateY(-8px) rotate(-45deg);
         transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -moz-transform: translateY(-8px) rotate(0);
         transform: translateY(-8px) rotate(0);
  }
  100% {
    -moz-transform: translateY(0) rotate(0);
         transform: translateY(0) rotate(0);
  }
}

@keyframes trigger_02 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
       -moz-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
       -moz-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
       -moz-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes at_trigger {
  0% {
    background: #2661da;
  }
  50% {
    background: transparent;
  }
  100% {
    background: transparent;
  }
}

@-moz-keyframes at_trigger {
  0% {
    background: #2661da;
  }
  50% {
    background: transparent;
  }
  100% {
    background: transparent;
  }
}

@keyframes at_trigger {
  0% {
    background: #2661da;
  }
  50% {
    background: transparent;
  }
  100% {
    background: transparent;
  }
}

@-webkit-keyframes at_trigger_01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
            transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
}

@-moz-keyframes at_trigger_01 {
  0% {
    -moz-transform: translateY(0) rotate(0);
         transform: translateY(0) rotate(0);
  }
  50% {
    -moz-transform: translateY(8px) rotate(0);
         transform: translateY(8px) rotate(0);
  }
  100% {
    -moz-transform: translateY(8px) rotate(45deg);
         transform: translateY(8px) rotate(45deg);
  }
}

@keyframes at_trigger_01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
       -moz-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
       -moz-transform: translateY(8px) rotate(0);
            transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(45deg);
       -moz-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
}

@-webkit-keyframes at_trigger_02 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
}

@-moz-keyframes at_trigger_02 {
  0% {
    -moz-transform: translateY(0) rotate(0);
         transform: translateY(0) rotate(0);
  }
  50% {
    -moz-transform: translateY(-8px) rotate(0);
         transform: translateY(-8px) rotate(0);
  }
  100% {
    -moz-transform: translateY(-8px) rotate(-45deg);
         transform: translateY(-8px) rotate(-45deg);
  }
}

@keyframes at_trigger_02 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
       -moz-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
       -moz-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
       -moz-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
}

@-webkit-keyframes _main {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    background: #2756c2;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes _main {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    background: #2756c2;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
}

@keyframes _main {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    background: #2756c2;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes _sizeList {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes _sizeList {
  0% {
    -moz-transform: scale(0);
         transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@keyframes _sizeList {
  0% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes _sizeLarge {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    top: 9px;
    left: 8px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-moz-keyframes _sizeLarge {
  0% {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
  100% {
    top: 9px;
    left: 8px;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}

@keyframes _sizeLarge {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    top: 9px;
    left: 8px;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes _sizeMedium {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    top: 9px;
    right: 7px;
    left: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-moz-keyframes _sizeMedium {
  0% {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
  100% {
    top: 9px;
    right: 7px;
    left: auto;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}

@keyframes _sizeMedium {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    top: 9px;
    right: 7px;
    left: auto;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes _sizeSmall {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    top: auto;
    left: 8px;
    bottom: 9px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-moz-keyframes _sizeSmall {
  0% {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
  100% {
    top: auto;
    left: 8px;
    bottom: 9px;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}

@keyframes _sizeSmall {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    top: auto;
    left: 8px;
    bottom: 9px;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes _mainOut {
  0% {
    background: #2756c2;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
  100% {
    background: #fff;
    opacity: 0;
    visibility: hidden;
  }
}

@-moz-keyframes _mainOut {
  0% {
    background: #2756c2;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
  100% {
    background: #fff;
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes _mainOut {
  0% {
    background: #2756c2;
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
  100% {
    background: #fff;
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes _sizeListOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-moz-keyframes _sizeListOut {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
  }
}

@keyframes _sizeListOut {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes _sizeLargeOut {
  0% {
    top: 9px;
    left: 8px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-moz-keyframes _sizeLargeOut {
  0% {
    top: 9px;
    left: 8px;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
}

@keyframes _sizeLargeOut {
  0% {
    top: 9px;
    left: 8px;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes _sizeMediumOut {
  0% {
    top: 9px;
    right: 7px;
    left: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-moz-keyframes _sizeMediumOut {
  0% {
    top: 9px;
    right: 7px;
    left: auto;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
}

@keyframes _sizeMediumOut {
  0% {
    top: 9px;
    right: 7px;
    left: auto;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes _sizeSmallOut {
  0% {
    top: auto;
    left: 8px;
    bottom: 9px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-moz-keyframes _sizeSmallOut {
  0% {
    top: auto;
    left: 8px;
    bottom: 9px;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
}

@keyframes _sizeSmallOut {
  0% {
    top: auto;
    left: 8px;
    bottom: 9px;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 769px), print {
  .show_sp {
    display: none !important;
  }
  .container {
    min-width: 1200px;
    overflow: hidden;
  }
  .row {
    max-width: 1200px;
    margin: 0 auto;
  }
  .content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content .lf {
    width: 902px;
  }
  .content .rg {
    width: 267px;
  }
  .tel {
    pointer-events: none;
  }
  .sns_area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 40px;
  }
  .sns_area .sns_item {
    line-height: 1;
  }
  .sns_area .sns_item + .sns_item {
    margin-left: 20px;
  }
  .header {
    width: 100%;
    min-width: 1200px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 2px solid #2661da;
    padding: 19px 173px 12px 32px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .header .logo {
    width: 66px;
    padding: 0;
    margin: 0;
  }
  .header .logo a {
    display: block;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .header .logo a:hover {
    opacity: 0.8;
  }
  .header .rg {
    width: -webkit-calc(100% - 66px);
    width: -moz-calc(100% - 66px);
    width: calc(100% - 66px);
  }
  .header .rg .menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 20px;
  }
  .header .rg .menu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 4px;
  }
  .header .rg .menu ul li {
    position: relative;
    margin-right: 40px;
    border-bottom: 2px solid transparent;
  }
  .header .rg .menu ul li:nth-of-type(1) {
    margin-right: 37px;
  }
  .header .rg .menu ul li:nth-of-type(1)::after {
    right: -17px;
  }
  .header .rg .menu ul li:nth-of-type(2) {
    margin-right: 42px;
  }
  .header .rg .menu ul li:nth-of-type(2)::after {
    right: -24px;
  }
  .header .rg .menu ul li:nth-of-type(3) a {
    letter-spacing: 3px;
  }
  .header .rg .menu ul li:nth-of-type(5) a {
    letter-spacing: 2.7px;
  }
  .header .rg .menu ul li:nth-of-type(9) {
    margin-right: 0;
  }
  .header .rg .menu ul li:nth-of-type(9)::after {
    display: none;
  }
  .header .rg .menu ul li:nth-of-type(9) a {
    letter-spacing: 3px;
  }
  .header .rg .menu ul li::after {
    content: "";
    display: block;
    width: 3px;
    height: 33px;
    background: url("../../common/images/dot.png") no-repeat;
    position: absolute;
    top: 0;
    right: -22px;
  }
  .header .rg .menu ul li a {
    display: block;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 33px;
    color: #000;
    letter-spacing: 1.7px;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .header .rg .menu ul li a::after {
    position: absolute;
    bottom: -28px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #c5cfff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, transform 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
  }
  .header .rg .menu ul li a.active, .header .rg .menu ul li a:hover {
    opacity: 0.8;
  }
  .header .rg .menu ul li a.active::after, .header .rg .menu ul li a:hover::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .header .rg .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    position: absolute;
    top: 14px;
    right: 7px;
  }
  .header .rg .top .parts_area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .rg .top .size {
    width: 38px;
    height: 38px;
    position: relative;
  }
  .header .rg .top .size .target {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #2756c2;
    text-indent: -9999px;
    cursor: pointer;
    background: #fff url("../../common/images/size_bg.png") no-repeat center;
    -moz-background-size: auto 70%;
         background-size: auto 70%;
    -webkit-transition: background .3s, -webkit-transform .3s;
    transition: background .3s, -webkit-transform .3s;
    -moz-transition: background .3s, transform .3s, -moz-transform .3s;
    transition: background .3s, transform .3s;
    transition: background .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s;
    position: relative;
    z-index: 1;
  }
  .header .rg .top .size .target:hover {
    background: #2756c2 url("../../common/images/size_bg_hv.png") no-repeat center;
    -moz-background-size: auto 70%;
         background-size: auto 70%;
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
  .header .rg .top .size .size_lst {
    width: 38px;
    height: 81px;
    position: absolute;
    top: -7px;
    left: -38px;
    opacity: 0;
    visibility: hidden;
  }
  .header .rg .top .size .size_lst.in {
    -webkit-animation: _main .3s forwards;
       -moz-animation: _main .3s forwards;
            animation: _main .3s forwards;
  }
  .header .rg .top .size .size_lst.in ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-animation: _sizeList .5s forwards;
       -moz-animation: _sizeList .5s forwards;
            animation: _sizeList .5s forwards;
  }
  .header .rg .top .size .size_lst.in ul li.large {
    -webkit-animation: _sizeLarge .5s forwards;
       -moz-animation: _sizeLarge .5s forwards;
            animation: _sizeLarge .5s forwards;
  }
  .header .rg .top .size .size_lst.in ul li.medium {
    -webkit-animation: _sizeMedium .5s forwards;
       -moz-animation: _sizeMedium .5s forwards;
            animation: _sizeMedium .5s forwards;
  }
  .header .rg .top .size .size_lst.in ul li.small {
    -webkit-animation: _sizeSmall .5s forwards;
       -moz-animation: _sizeSmall .5s forwards;
            animation: _sizeSmall .5s forwards;
  }
  .header .rg .top .size .size_lst.out {
    -webkit-animation: _mainOut 1s forwards;
       -moz-animation: _mainOut 1s forwards;
            animation: _mainOut 1s forwards;
  }
  .header .rg .top .size .size_lst.out ul {
    -webkit-animation: _sizeListOut .8s forwards;
       -moz-animation: _sizeListOut .8s forwards;
            animation: _sizeListOut .8s forwards;
  }
  .header .rg .top .size .size_lst.out ul li.large {
    -webkit-animation: _sizeLargeOut .5s forwards;
       -moz-animation: _sizeLargeOut .5s forwards;
            animation: _sizeLargeOut .5s forwards;
  }
  .header .rg .top .size .size_lst.out ul li.medium {
    -webkit-animation: _sizeMediumOut .5s forwards;
       -moz-animation: _sizeMediumOut .5s forwards;
            animation: _sizeMediumOut .5s forwards;
  }
  .header .rg .top .size .size_lst.out ul li.small {
    -webkit-animation: _sizeSmallOut .5s forwards;
       -moz-animation: _sizeSmallOut .5s forwards;
            animation: _sizeSmallOut .5s forwards;
  }
  .header .rg .top .size .size_lst ul {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
  }
  .header .rg .top .size .size_lst ul li {
    width: 24px;
    height: 24px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: background .3s, color .3s;
    -moz-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
  }
  .header .rg .top .size .size_lst ul li + li {
    margin-top: 3px;
  }
  .header .rg .top .size .size_lst ul li:hover, .header .rg .top .size .size_lst ul li.active {
    background: #fff;
    color: #2756c2;
  }
}

@media screen and (min-width: 769px) and (-ms-high-contrast: active), screen and (min-width: 769px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none) {
  .header .rg .top .size .size_lst ul li {
    padding-top: 2px;
  }
}

@media screen and (min-width: 769px), print {
  .header .rg .top .size .size_lst ul li span {
    display: inline-block;
    line-height: 28px;
  }
  .header .rg .top .lang {
    width: 107px;
    height: 38px;
    border: 1px solid #2756c2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #2756c2;
    text-decoration: none;
    letter-spacing: 0.7px;
    -webkit-transition: background .3s, color .3s, -webkit-transform .3s;
    transition: background .3s, color .3s, -webkit-transform .3s;
    -moz-transition: background .3s, transform .3s, color .3s, -moz-transform .3s;
    transition: background .3s, transform .3s, color .3s;
    transition: background .3s, transform .3s, color .3s, -webkit-transform .3s, -moz-transform .3s;
    margin-left: 5px;
  }
  .header .rg .top .lang:hover {
    background: #2756c2;
    color: #fff;
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
  .header .rg .top #google_translate_element {
    margin-top: 5px;
  }
  .header .rg .top #google_translate_element .goog-te-gadget-simple {
    border: 1px solid #2756c2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 150px;
  }
  main {
    padding-top: 118px;
  }
  .footer {
    padding-top: 21px;
  }
  .footer .row {
    padding-left: 114px;
  }
  .footer .credit {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 0 30px;
    position: relative;
  }
  .footer .credit:after {
    content: "";
    width: 106px;
    height: 170px;
    background: url("../../common/images/top_bg_3.png") no-repeat;
    position: absolute;
    bottom: -157px;
    left: -75px;
  }
  .footer .credit .lf {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    height: auto;
    background: #f2f2f2;
    padding: 0 25px;
  }
  .footer .credit .lf::before {
    content: "";
    display: block;
    width: 49px;
    height: 30px;
    background: url("../../common/images/credit.png") no-repeat;
    margin-bottom: 15px;
  }
  .footer .credit .lf::after {
    content: "";
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-top: 20px solid #e4e4e4;
    position: absolute;
    top: 0;
    left: 0;
  }
  .footer .credit .lf p {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 18.4px;
  }
  .footer .credit .rg {
    width: -webkit-calc(100% - 227px);
    width: -moz-calc(100% - 227px);
    width: calc(100% - 227px);
    padding-left: 32px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer .credit .rg .box {
    width: 450px;
  }
  .footer .credit .rg .box:nth-of-type(2) {
    width: 450px;
  }
  .footer .credit .rg .box:nth-of-type(2) .fig figure {
    width: 165px;
  }
  .footer .credit .rg .box:nth-of-type(2) .fig p {
    width: -webkit-calc(100% - 165px);
    width: -moz-calc(100% - 165px);
    width: calc(100% - 165px);
    padding-left: 21px;
    letter-spacing: 0;
  }
  .footer .credit .rg .box h3 {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 27px;
    letter-spacing: 1.3px;
    border-bottom: 1px solid #cdcdcd;
    margin-left: 2px;
    padding-bottom: 3px;
    margin-bottom: 12px;
  }
  .footer .credit .rg .box .fig {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer .credit .rg .box .fig figure {
    width: 100px;
  }
  .footer .credit .rg .box .fig p {
    width: auto;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 400;
    font-size: 1.198rem;
    line-height: 18.4px;
    letter-spacing: 1.2px;
    margin-top: -2px;
    padding-left: 18px;
    word-break: break-all;
  }
  .footer .credit .rg .box ul.caution_txt {
    width: auto;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 400;
    font-size: 1.198rem;
    line-height: 18.4px;
    letter-spacing: 1.2px;
    padding: 10px;
    margin-top: 50px;
    word-break: break-all;
    border: 1px solid #ed5757;
  }
  .footer .credit .rg .box ul.caution_txt li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .footer .credit .rg .box .box:nth-of-type(2) {
    margin-top: 20px;
  }
  .footer .top {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
  }
  .footer .top .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 27px;
    padding-bottom: 21px;
  }
  .footer .top .lf {
    width: 344px;
  }
  .footer .top .lf a.logo_ft {
    display: inline-block;
    margin-bottom: 22px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .footer .top .lf a.logo_ft:hover {
    opacity: 0.8;
  }
  .footer .top .lf p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.468rem;
    line-height: 18px;
    letter-spacing: 1px;
    padding-left: 24px;
    position: relative;
    left: -8px;
  }
  .footer .top .lf p.time {
    margin-bottom: 10px;
  }
  .footer .top .lf p.time::before {
    background-image: url("../../common/images/icon_time.png");
  }
  .footer .top .lf p.phone::before {
    background-image: url("../../common/images/icon_phone.png");
  }
  .footer .top .lf p::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -moz-background-size: contain;
         background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 0;
  }
  .footer .top .lf p strong {
    margin-right: 8px;
  }
  .footer .top .lf p a.link {
    display: block;
    width: 100%;
    font-size: 1.202rem;
    letter-spacing: 0;
    margin-top: 7px;
  }
  .footer .top .lf p a.tel {
    text-decoration: none;
    pointer-events: none;
  }
  .footer .top .menu_ft {
    width: -webkit-calc(100% - 344px);
    width: -moz-calc(100% - 344px);
    width: calc(100% - 344px);
    padding-top: 12px;
  }
  .footer .top .menu_ft ul {
    overflow: hidden;
  }
  .footer .top .menu_ft ul li {
    float: left;
    width: 33.3%;
  }
  .footer .top .menu_ft ul li a {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 30px;
    text-decoration: none;
    padding-left: 24px;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s;
  }
  .footer .top .menu_ft ul li a::before {
    content: "";
    display: block;
    width: 5px;
    height: 9px;
    background: url("../../common/images/arrow_ft.png") no-repeat;
    position: absolute;
    top: 11px;
    left: 0;
  }
  .footer .top .menu_ft ul li a:hover {
    -webkit-transform: translateX(7px);
       -moz-transform: translateX(7px);
        -ms-transform: translateX(7px);
            transform: translateX(7px);
  }
  .footer .bot {
    border-bottom: 1px solid #efefef;
  }
  .footer .bot .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    font-size: 1.402rem;
    line-height: 18px;
    padding: 18px 101px 18px 99px;
  }
  .footer .bot p {
    letter-spacing: 1.3px;
  }
  .footer .bot p span {
    margin-right: 15px;
  }
  .footer .bot .copy {
    font-family: "Abel", sans-serif;
    letter-spacing: 0.6px;
  }
  .footer .bot .backtop {
    display: block;
    width: 38px;
    height: 38px;
    text-indent: -9999px;
    background: url("../../common/images/backtop_pc.png") no-repeat;
    position: absolute;
    top: -51px;
    right: 1px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s;
  }
  .footer .bot .backtop:hover {
    -webkit-transform: translateY(-7px);
       -moz-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  .footer .partner {
    background: #2756c2;
    padding: 35px 0 62px 34px;
  }
  .footer .partner ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer .partner ul li {
    margin-right: 60px;
  }
  .footer .partner ul li:nth-of-type(1) {
    margin-right: 64px;
  }
  .footer .partner ul li:nth-of-type(2) {
    margin-right: 61px;
  }
  .footer .partner ul li:last-child {
    margin-right: 0;
  }
  .footer .partner ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 33px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .footer .partner ul li a:hover {
    opacity: 0.8;
  }
  .basic_hv {
    -webkit-transform: perspective(1px) translateZ(0);
       -moz-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s;
  }
  .basic_hv:hover {
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
  .sweep_hv {
    -webkit-transform: perspective(1px) translateZ(0);
       -moz-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
    position: relative;
  }
  .sweep_hv.org_rg::before {
    -webkit-transform-origin: 100% 50%;
       -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  .sweep_hv::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleX(0);
       -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
       -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  }
  .sweep_hv:hover::before {
    -webkit-transform: scaleX(1);
       -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
  .sweep_hv.active::before {
    -webkit-transform: scaleX(1);
       -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
  aside .topside > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  aside .topside > ul li {
    width: 128px;
  }
  aside .topside > ul li a {
    display: block;
    width: 100%;
    height: 119px;
    text-decoration: none;
    text-align: center;
    font-size: 1.6rem;
    line-height: 19px;
    font-weight: 500;
    border: 1px solid #cdcdcd;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  aside .topside > ul li a::before {
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  aside .topside > ul li:nth-child(1) a {
    letter-spacing: -1px;
    text-indent: 12px;
    padding-top: 67px;
  }
  aside .topside > ul li:nth-child(1) a::before {
    background: url("../../common/images/res.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 60px;
    height: 38px;
    top: 20px;
    margin-left: -1px;
  }
  aside .topside > ul li:nth-child(2) a {
    padding-top: 75px;
  }
  aside .topside > ul li:nth-child(2) a::before {
    background: url("../../common/images/gift.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 36px;
    height: 43px;
    top: 15px;
    margin-left: 3px;
  }
  aside .topside .search {
    margin-top: 11px;
    border: 1px solid #cdcdcd;
    padding: 32px 9px 30px 7px;
  }
  aside .topside .search h3 {
    font-size: 2.4rem;
    line-height: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
    margin-bottom: 26px;
    text-transform: uppercase;
  }
  aside .topside .search h3::before {
    position: absolute;
    content: "";
    width: 49px;
    height: 1px;
    background: #2756c2;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  aside .topside .search h3 span {
    display: block;
    font-size: 1.4rem;
    line-height: 14px;
    font-weight: 400;
    color: #a1a2a6;
    text-align: center;
    margin-top: 9px;
  }
  aside .topside .search form .group {
    padding: 0 16px 0 14px;
  }
  aside .topside .search form .group:not(:last-child) {
    padding-bottom: 24px;
  }
  aside .topside .search form .group:nth-child(1) .wrap_select {
    z-index: 3;
  }
  aside .topside .search form .group:nth-child(2) > label {
    margin-bottom: 5px;
  }
  aside .topside .search form .group:nth-child(2) .wrap_select {
    z-index: 2;
  }
  aside .topside .search form .group:nth-child(3) .wrap_select {
    z-index: 1;
  }
  aside .topside .search form .group label {
    font-size: 1.6rem;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 7px;
    display: block;
    font-family: "Yu Gothic", YuGothic, sans-serif;
  }
  aside .topside .search form .group label span {
    display: inline-block;
    padding: 0 20px 0 0;
    position: relative;
  }
  aside .topside .search form .group label span::before {
    position: absolute;
    content: "\2215";
    font-size: 1.6rem;
    line-height: 20px;
    top: 0;
    right: 5px;
  }
  aside .topside .search form .group .wrap_select {
    border: 1px solid #d0d0d0;
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: calc(100% - 35px);
    height: 37px;
    position: relative;
  }
  aside .topside .search form .group .wrap_select::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    background: url("../../common/images/arrow.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: -34px;
    top: 1px;
    z-index: -1;
  }
  aside .topside .search form .group .wrap_select {
    position: relative;
    /*height: 37px;*/
    border: none;
  }
  aside .topside .search form .group .wrap_select::after {
    z-index: 11;
    top: 1px;
  }
  aside .topside .search form .group .wrap_select.active ul {
    position: relative;
    height: 160px;
    z-index: 10;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
  }
  aside .topside .search form .group .wrap_select.active ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  aside .topside .search form .group .wrap_select.active ul li:not(:last-child) {
    border-bottom: 1px solid #d0d0d0;
  }
  aside .topside .search form .group .wrap_select.active ul li.active {
    background: #44464d;
  }
  aside .topside .search form .group .wrap_select.active ul li.active a {
    color: #fff;
  }
  aside .topside .search form .group .wrap_select.active ul li:first-child {
    background: #fff;
  }
  aside .topside .search form .group .wrap_select.active ul li:first-child a {
    color: #000;
  }
  aside .topside .search form .group .wrap_select ul {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: -webkit-calc(100% + 35px);
    width: -moz-calc(100% + 35px);
    width: calc(100% + 35px);
    background: #fff;
    border: 1px solid #d0d0d0;
  }
  aside .topside .search form .group .wrap_select ul li {
    background: #fff;
    display: none;
    /*height: 37px;*/
  }
  aside .topside .search form .group .wrap_select ul li:not(:first-child) {
    background: #44464d;
  }
  aside .topside .search form .group .wrap_select ul li:not(:first-child) a {
    color: #fff;
    display: block;
  }
  aside .topside .search form .group .wrap_select ul li:hover {
    background: dodgerblue;
  }
  aside .topside .search form .group .wrap_select ul li.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
  }
  aside .topside .search form .group .wrap_select ul li.active a {
    display: block;
  }
  aside .topside .search form .group .wrap_select ul li a {
    padding: 0 0 0 11px;
    line-height: 36px;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    text-decoration: none;
    cursor: default;
  }
  aside .topside .search form .group .wrap_select ul li a::after {
    content: "";
    clear: both;
    display: table;
  }
  aside .topside .search form .group .wrap_select ul li a img {
    float: left;
    margin-right: 10px;
  }
  aside .topside .search form .group .wrap_select ul li a span {
    float: left;
    display: block;
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: calc(100% - 35px);
  }
  aside .topside .search form .group .wrap_select ul li a:hover {
    opacity: 1;
  }
  .worktime {
    padding: 50px 24px 4px;
    background: #c7d1ff;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    position: relative;
    margin-bottom: 12px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    display: block;
    text-decoration: none;
  }
  .worktime:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background: url("../../common/images/time_icon.png") no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 17px;
  }
  .worktime h3 {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    white-space: nowrap;
  }
  .worktime span {
    display: block;
    font-weight: normal;
    font-size: 1.6rem;
    margin-left: 3px;
    letter-spacing: 2px;
  }
  .worktime > p {
    font-size: 1.2rem;
    padding-left: 1.2rem;
    text-indent: -1.2rem;
  }
  .worktime .btn {
    text-align: center;
    margin: 10px 0;
    min-height: 37px;
    width: 100%;
    background: #2756c2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .worktime .btn span {
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
    font-size: 1.4rem;
    line-height: 20px;
    color: #fff;
    letter-spacing: 0;
    margin-left: 0;
    padding: 8px 5px;
  }
  .banner {
    margin-top: 13px;
  }
  .banner a {
    display: block;
  }
  .banner a img {
    display: block;
    width: 100%;
  }
  .pdf_sec {
    margin-top: 12px;
    padding: 17px 20px 0;
    border: 1px solid #cdcdcd;
  }
  .pdf_sec h3 {
    text-align: center;
    font-size: 1.6rem;
  }
  .pdf_sec p {
    text-align: center;
    font-size: 1.6rem;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    margin-top: 2px;
  }
  .pdf_sec figure {
    margin-top: 10px;
    text-align: center;
  }
  .pdf_sec figure img {
    max-width: 100%;
    margin: 0 auto;
  }
  .pdf_sec .btn {
    text-align: center;
    margin: 13px 0 12px -5px;
    height: 42px;
    width: 237px;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    /*transform: translateZ(0);*/
  }
  .pdf_sec .btn:after {
    position: absolute;
    content: "";
    width: 100%;
    z-index: -1;
    height: 100%;
    top: 0;
    left: 0;
  }
  .pdf_sec .btn a {
    background: #c7d1ff;
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    color: #000;
    position: relative;
  }
  .pdf_sec .btn a:after {
    position: absolute;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
    content: "";
    width: 5px;
    height: 9px;
    background: url(../../common/images/arrow_pdf.png) no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .pdf_sec .btn a:hover {
    text-decoration: none;
  }
  .pdf_sec .btn a:hover:after {
    right: 10px;
  }
  .right_btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 12px auto;
  }
  .right_btn a {
    display: block;
    width: 100%;
    height: 118px;
    background: #c7d1ff;
    position: relative;
    text-decoration: none;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 13px;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 77px;
  }
  .right_btn a::after {
    content: "";
    display: block;
    width: 5px;
    height: 9px;
    background: url("../../common/images/right_access_ar.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .right_btn a::before {
    content: "";
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
  }
  .right_access a::before {
    height: 42px;
    background-image: url("../../common/images/build2.png");
    -moz-background-size: 52px;
         background-size: 52px;
    top: 19px;
  }
  .right_recruit a::before {
    height: 48px;
    background-image: url("../../common/images/hand2.png");
    -moz-background-size: 73px;
         background-size: 73px;
    top: 19px;
  }
  .right_recruit a#recruit_shop {
    padding-top: 77px;
  }
  .right_schedule a::before {
    height: 43px;
    background-image: url("../../common/images/schedule.png");
    -moz-background-size: 44px;
         background-size: 44px;
    top: 19px;
  }
  .right_schedule a#recruit_shop {
    padding-top: 77px;
  }
  .right_social {
    margin-top: 11px;
    padding: 20px 23px 23px 24px;
    background: #f7f7f7;
  }
  .right_social a {
    display: block;
    margin-bottom: 11px;
  }
  .right_social a img {
    max-height: 100%;
    max-width: 100%;
  }
  .right_social a:first-of-type {
    margin-bottom: 9px;
  }
  .right_social a:last-of-type {
    margin-bottom: 0;
  }
  .ttl {
    height: 93px;
    margin-bottom: 31px;
    background: url(../images/ttl_bg.png) 0 0 repeat;
  }
  .ttl .row {
    height: 93px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ttl h2 span:nth-of-type(1) {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    color: #2661da;
    letter-spacing: 1.5px;
    position: relative;
  }
  .ttl h2 span:nth-of-type(1)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -moz-background-size: contain;
         background-size: contain;
    background-repeat: no-repeat;
    display: block;
  }
  .ttl h2 span:nth-of-type(2) {
    margin-left: 42px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 2rem;
    color: #b9caee;
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 1439px) and (min-width: 769px) {
  .container .header {
    padding: 19px 170px 12px 32px;
  }
  .container .header .rg {
    width: -webkit-calc(100% - 66px);
    width: -moz-calc(100% - 66px);
    width: calc(100% - 66px);
  }
  .container .header .rg .menu ul li {
    margin-right: 32px;
  }
  .container .header .rg .menu ul li:nth-of-type(8) {
    margin-right: 0;
  }
  .container .header .rg .menu ul li::after {
    right: -17px;
  }
  .container .header .rg .menu ul li a {
    font-size: 1.5rem;
    letter-spacing: 1.5px;
  }
}

@media screen and (max-width: 768px) {
  .show_pc {
    display: none !important;
  }
  .container {
    min-width: 320px;
    overflow: hidden;
  }
  img {
    width: 100%;
  }
  .sns_area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 7.8125vw;
  }
  .sns_area .sns_item {
    line-height: 1;
  }
  .sns_area .sns_item + .sns_item {
    margin-left: 3.90625vw;
  }
  .header {
    width: 100%;
    background: #fff;
    border-bottom: 2px solid #2661da;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .header .logo {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2.86458vw 4.16667vw 2.86458vw 2.34375vw;
    margin: 0;
  }
  .header .logo a {
    display: block;
    width: 10.28646vw;
  }
  .header .logo a img {
    display: block;
  }
  .header .logo .trigger {
    display: block;
    width: 25px;
    height: 18px;
    position: relative;
    top: -0.26042vw;
  }
  .header .logo .trigger.active span {
    -webkit-animation: at_trigger .65s forwards;
       -moz-animation: at_trigger .65s forwards;
            animation: at_trigger .65s forwards;
  }
  .header .logo .trigger.active span::before {
    -webkit-animation: at_trigger_01 .65s forwards;
       -moz-animation: at_trigger_01 .65s forwards;
            animation: at_trigger_01 .65s forwards;
  }
  .header .logo .trigger.active span::after {
    -webkit-animation: at_trigger_02 .65s forwards;
       -moz-animation: at_trigger_02 .65s forwards;
            animation: at_trigger_02 .65s forwards;
  }
  .header .logo .trigger span, .header .logo .trigger span::before, .header .logo .trigger span::after {
    display: block;
    width: 100%;
    height: 2px;
    background: #2661da;
    -moz-border-radius: 4px;
         border-radius: 4px;
    position: absolute;
    left: 0;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s;
  }
  .header .logo .trigger span {
    top: 8px;
    -webkit-animation: trigger .45s forwards;
       -moz-animation: trigger .45s forwards;
            animation: trigger .45s forwards;
  }
  .header .logo .trigger span::before {
    content: "";
    top: -8px;
    -webkit-animation: trigger_01 .65s forwards;
       -moz-animation: trigger_01 .65s forwards;
            animation: trigger_01 .65s forwards;
  }
  .header .logo .trigger span::after {
    content: "";
    top: 8px;
    -webkit-animation: trigger_02 .65s forwards;
       -moz-animation: trigger_02 .65s forwards;
            animation: trigger_02 .65s forwards;
  }
  .header .rg {
    width: 100%;
    height: 0;
    background: #fff;
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    top: 13.41146vw;
    left: 0;
    z-index: 100;
    -webkit-transition: height .8s ease-in-out;
    -moz-transition: height .8s ease-in-out;
    transition: height .8s ease-in-out;
    margin-top: 2px;
  }
  .header .rg.active {
    height: -webkit-calc(100vh - 13.41146vw);
    height: -moz-calc(100vh - 13.41146vw);
    height: calc(100vh - 13.41146vw);
  }
  .header .rg .menu {
    border-bottom: 1px solid #b2b2b2;
  }
  .header .rg .menu ul li:first-of-type a {
    border-top: none;
  }
  .header .rg .menu ul li a {
    display: block;
    border-top: 1px solid #b2b2b2;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 4.16667vw;
    line-height: 5.20833vw;
    text-decoration: none;
    padding: 5.46875vw 3.77604vw 4.29688vw;
  }
  .header .rg .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4.16667vw 3.90625vw;
  }
  .header .rg .top a.lang {
    display: block;
    width: 29.81771vw;
    height: 10.54688vw;
    background: #2756c2;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 4.16667vw;
    line-height: 10.54688vw;
    color: #fff;
    letter-spacing: 0.29948vw;
    text-align: center;
    text-decoration: none;
  }
  .header .rg .top #google_translate_element {
    margin-left: 10px;
  }
  .header .rg .top #google_translate_element img {
    width: auto;
  }
  .header .rg .bot {
    padding-bottom: 9.11458vw;
  }
  .header .rg .bot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header .rg .bot ul.link {
    padding: 2.73438vw 3.90625vw 0.26042vw;
  }
  .header .rg .bot ul.link li {
    margin-bottom: 4.94792vw;
  }
  .header .rg .bot ul.link li:nth-of-type(2n+1) {
    margin-right: 15.625vw;
  }
  .header .rg .bot ul.link li a {
    display: block;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 4.16667vw;
    line-height: 5.20833vw;
    letter-spacing: 0.29948vw;
    position: relative;
    text-decoration: none;
    padding-left: 4.6875vw;
  }
  .header .rg .bot ul.link li a::before {
    content: "";
    display: block;
    width: 1.82292vw;
    height: 2.86458vw;
    background: url("../../common/images/icon_row_lk.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    position: absolute;
    top: 0.65104vw;
    left: 0.65104vw;
  }
  .header .rg .bot ul.img {
    border-top: 1px solid #b2b2b2;
  }
  .header .rg .bot ul.img li {
    width: 50vw;
    height: 24.08854vw;
    border-bottom: 1px solid #b2b2b2;
  }
  .header .rg .bot ul.img li:nth-of-type(2n + 1) {
    border-right: 1px solid #b2b2b2;
  }
  .header .rg .bot ul.img li.item_01 a img {
    width: 29.6875vw;
  }
  .header .rg .bot ul.img li.item_02 a img {
    width: 30.59896vw;
  }
  .header .rg .bot ul.img li.item_03 a img {
    width: 29.6875vw;
  }
  .header .rg .bot ul.img li.item_04 a img {
    width: 30.59896vw;
  }
  .header .rg .bot ul.img li.item_05 a img {
    width: 29.81771vw;
  }
  .header .rg .bot ul.img li.item_06 a img {
    width: 30.59896vw;
  }
  .header .rg .bot ul.img li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  main {
    padding-top: 15.625vw;
  }
  main > .row {
    padding-left: 3.90625vw;
    padding-right: 3.90625vw;
  }
  .footer {
    padding-bottom: 4.03646vw;
  }
  .footer .credit {
    padding: 6.51042vw 0 5.46875vw;
    position: relative;
  }
  .footer .credit::after {
    content: "";
    display: block;
    width: 16.92708vw;
    height: 33.07292vw;
    background: url("../../common/images/top_bg_3_sp.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    position: absolute;
    bottom: -30.07812vw;
    right: 0;
    z-index: -1;
  }
  .footer .credit .lf {
    width: 100%;
    height: auto;
    background: #f2f2f2;
    padding: 5.07812vw 0 5.07812vw 33.46354vw;
    position: relative;
  }
  .footer .credit .lf::before {
    content: "";
    display: block;
    width: 12.23958vw;
    height: 7.55208vw;
    background: url("../../common/images/credit_sp.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    position: absolute;
    top: 6.38021vw;
    left: 15.625vw;
  }
  .footer .credit .lf::after {
    content: "";
    width: 0;
    height: 0;
    border-right: 5.07812vw solid transparent;
    border-top: 5.07812vw solid #e4e4e4;
    position: absolute;
    top: 0;
    left: 0;
  }
  .footer .credit .lf p {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 3.63151vw;
    line-height: 4.92839vw;
  }
  .footer .credit .rg {
    padding: 5.33854vw 3.90625vw 0;
  }
  .footer .credit .rg .box {
    margin-bottom: 5.72917vw;
  }
  .footer .credit .rg .box:nth-of-type(1) .fig figure {
    width: 23.4375vw;
  }
  .footer .credit .rg .box:nth-of-type(2) {
    margin-bottom: 0;
  }
  .footer .credit .rg .box:nth-of-type(2) h3 {
    margin-bottom: 2.34375vw;
  }
  .footer .credit .rg .box:nth-of-type(2) .fig figure {
    width: 33.46354vw;
  }
  .footer .credit .rg .box h3 {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 3.38542vw;
    line-height: 3.59375vw;
    letter-spacing: 0.13021vw;
    border-bottom: 2px solid #cdcdcd;
    padding-bottom: 1.5625vw;
    margin-bottom: 2.60417vw;
  }
  .footer .credit .rg .box .fig figure {
    width: 26.04167vw;
    margin-bottom: 2.08333vw;
  }
  .footer .credit .rg .box .fig p {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 400;
    font-size: 3.125vw;
    line-height: 4.16667vw;
    letter-spacing: 0.28646vw;
  }
  .footer .credit .rg .box ul.caution_txt {
    padding: 2.60417vw;
    border: 1px solid #ed5757;
  }
  .footer .credit .rg .box ul.caution_txt li {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 400;
    font-size: 3.125vw;
    line-height: 4.16667vw;
    letter-spacing: 0.28646vw;
    padding-left: 1em;
    text-indent: -1em;
  }
  .footer .top {
    border-top: 2px solid #e2e2e2;
    padding: 8.59375vw 0 7.03125vw 0.26042vw;
  }
  .footer .top a.logo_ft {
    display: block;
    width: 15.49479vw;
    margin: 0 auto 6.38021vw;
  }
  .footer .top a.logo_ft img {
    display: block;
  }
  .footer .top p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 3.82292vw;
    line-height: 4.42708vw;
    letter-spacing: 0.39062vw;
    position: relative;
    margin-left: 24.60938vw;
  }
  .footer .top p.time {
    margin-bottom: 4.42708vw;
  }
  .footer .top p.time::before {
    background-image: url("../../common/images/icon_time.png");
  }
  .footer .top p.phone::before {
    background-image: url("../../common/images/icon_phone.png");
  }
  .footer .top p::before {
    content: "";
    display: block;
    width: 4.16667vw;
    height: 4.16667vw;
    -moz-background-size: contain;
         background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.26042vw;
    left: -6.25vw;
  }
  .footer .top p strong {
    margin-right: 1.30208vw;
  }
  .footer .top p a.link {
    display: block;
    width: 100%;
    font-size: 3.13021vw;
    letter-spacing: 0;
    margin-top: 1.04167vw;
  }
  .footer .top p a.tel {
    text-decoration: none;
  }
  .footer .bot {
    text-align: center;
  }
  .footer .bot p {
    font-size: 3.65234vw;
    line-height: 4.79948vw;
    letter-spacing: 0.35156vw;
  }
  .footer .bot p span {
    margin-right: 3.90625vw;
  }
  .footer .bot .backtop {
    width: 100%;
    height: 11.06771vw;
    background: #2756c2 url("../../common/images/backtop_sp.png") no-repeat center;
    -moz-background-size: 4.94792vw 2.86458vw;
         background-size: 4.94792vw 2.86458vw;
    text-indent: -9999px;
    margin: 6.11979vw 0 4.29688vw;
  }
  .footer .bot .copy {
    display: block;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 3.125vw;
    line-height: 1;
    color: #939393;
    letter-spacing: 0.8px;
  }
  .topside {
    margin-top: 9.89583vw;
  }
  .topside > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .topside > ul li {
    width: 44.92188vw;
  }
  .topside > ul li a {
    display: block;
    width: 100%;
    height: 19.27083vw;
    text-align: left;
    text-decoration: none;
    font-size: 4.16667vw;
    line-height: 4.03125vw;
    font-weight: 500;
    border: 1px solid #b2b2b2;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -moz-border-radius: 0vw;
         border-radius: 0vw;
  }
  .topside > ul li a::before {
    position: absolute;
    content: "";
  }
  .topside > ul li:nth-child(1) a {
    padding-top: 6.11979vw;
    padding-left: 14.71354vw;
    text-align: center;
    letter-spacing: -3px;
  }
  .topside > ul li:nth-child(1) a::before {
    background: url("../../common/images/res_sp.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 10.28646vw;
    height: 6.51042vw;
    top: 6.38021vw;
    left: 4.81771vw;
  }
  .topside > ul li:nth-child(2) a {
    padding-top: 7.68229vw;
    padding-left: 20.70312vw;
    letter-spacing: 0.26042vw;
  }
  .topside > ul li:nth-child(2) a::before {
    background: url("../../common/images/gift_sp.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 6.64062vw;
    height: 7.8125vw;
    top: 5.59896vw;
    left: 8.20312vw;
  }
  .topside .search_wrap {
    margin: 3.125vw -3.90625vw;
    padding: 3.25521vw 3.90625vw 4.03646vw;
    background: url(/t-montres/common/images/search_bg.png) top left repeat;
  }
  .topside .search_wrap .search {
    background: #fff;
    border: 1px solid #b2b2b2;
    padding: 5.85938vw 0 8.85417vw;
    -moz-border-radius: 0vw;
         border-radius: 0vw;
  }
  .topside .search_wrap .search h3 {
    font-size: 5.46875vw;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    letter-spacing: 0.26042vw;
    text-indent: 1.30208vw;
    text-align: center;
    padding: 0 0 2.21354vw;
    position: relative;
    margin-bottom: 3.90625vw;
    line-height: 1;
    text-transform: uppercase;
  }
  .topside .search_wrap .search h3::before {
    position: absolute;
    content: "";
    width: 10.54688vw;
    height: 2px;
    background: #2756c2;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .topside .search_wrap .search form .group {
    padding: 0 6.51042vw 0 5.98958vw;
  }
  .topside .search_wrap .search form .group:not(:last-child) {
    padding-bottom: 5.20833vw;
  }
  .topside .search_wrap .search form .group:nth-child(1) .wrap_select {
    z-index: 3;
  }
  .topside .search_wrap .search form .group:nth-child(2) .wrap_select {
    z-index: 2;
  }
  .topside .search_wrap .search form .group:nth-child(3) .wrap_select {
    z-index: 3;
  }
  .topside .search_wrap .search form .group label {
    display: block;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-size: 3.64583vw;
    font-weight: 500;
    margin-left: -0.52083vw;
    margin-bottom: 2.21354vw;
  }
  .topside .search_wrap .search form .group .wrap_select {
    border: 1px solid #c2c2c2;
    width: -webkit-calc(100% - 13.80208vw);
    width: -moz-calc(100% - 13.80208vw);
    width: calc(100% - 13.80208vw);
    height: 13.80208vw;
    position: relative;
  }
  .topside .search_wrap .search form .group .wrap_select::after {
    position: absolute;
    content: "";
    width: 13.80208vw;
    height: 13.80208vw;
    background: url("/t-montres/common/images/arrow_sp.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: -13.80208vw;
    top: 0;
    z-index: -1;
  }
  .topside .search_wrap .search form .group .wrap_select {
    position: relative;
    border: none;
  }
  .topside .search_wrap .search form .group .wrap_select::after {
    z-index: 11;
    top: 1px;
  }
  .topside .search_wrap .search form .group .wrap_select.active ul {
    position: relative;
    height: 160px;
    z-index: 10;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
  }
  .topside .search_wrap .search form .group .wrap_select.active ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .topside .search_wrap .search form .group .wrap_select.active ul li:not(:last-child) {
    border-bottom: 1px solid #c2c2c2;
  }
  .topside .search_wrap .search form .group .wrap_select.active ul li.active {
    background: #44464d;
  }
  .topside .search_wrap .search form .group .wrap_select.active ul li.active a {
    color: #fff;
  }
  .topside .search_wrap .search form .group .wrap_select.active ul li:first-child {
    background: #fff;
  }
  .topside .search_wrap .search form .group .wrap_select.active ul li:first-child a {
    color: #232327;
  }
  .topside .search_wrap .search form .group .wrap_select ul {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: -webkit-calc(100% + 13.80208vw);
    width: -moz-calc(100% + 13.80208vw);
    width: calc(100% + 13.80208vw);
    background: #fff;
    border: 1px solid #c2c2c2;
  }
  .topside .search_wrap .search form .group .wrap_select ul li {
    background: #fff;
    display: none;
    /*height: 37px;*/
  }
  .topside .search_wrap .search form .group .wrap_select ul li:not(:first-child) {
    background: #44464d;
  }
  .topside .search_wrap .search form .group .wrap_select ul li:not(:first-child) a {
    color: #fff;
    display: block;
  }
  .topside .search_wrap .search form .group .wrap_select ul li:hover {
    background: dodgerblue;
  }
  .topside .search_wrap .search form .group .wrap_select ul li.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
  }
  .topside .search_wrap .search form .group .wrap_select ul li.active a {
    display: block;
  }
  .topside .search_wrap .search form .group .wrap_select ul li a {
    padding: 0 0 0 3.38542vw;
    display: block;
    width: 100%;
    font-size: 3.64583vw;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    line-height: 14.0625vw;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.16927vw;
  }
  .topside .search_wrap .search form .group .wrap_select ul li a::after {
    content: "";
    clear: both;
    display: table;
  }
  .topside .search_wrap .search form .group .wrap_select ul li a img {
    float: left;
    margin-right: 10px;
  }
  .topside .search_wrap .search form .group .wrap_select ul li a span {
    float: left;
    display: block;
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: calc(100% - 35px);
  }
  .topside .search_wrap .search form .group .wrap_select ul li a:hover {
    opacity: 1;
  }
  .worktime {
    padding: 14.97396vw 7.8125vw 6.25vw;
    background: #c7d1ff;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    position: relative;
    -moz-border-radius: 0vw;
         border-radius: 0vw;
    margin-bottom: 2.86458vw;
    display: block;
    text-decoration: none;
  }
  .worktime:before {
    position: absolute;
    content: "";
    width: 8.59375vw;
    height: 8.59375vw;
    background: url("../../common/images/time_icon_sp.png") no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    left: -0.65104vw;
    right: 0;
    margin: 0 auto;
    top: 5.07812vw;
  }
  .worktime h3 {
    font-size: 3.90625vw;
    font-weight: bold;
    letter-spacing: 0.39062vw;
    text-align: center;
  }
  .worktime h3 span {
    font-weight: normal;
    font-size: 4.6875vw;
    margin-left: 1.95312vw;
    letter-spacing: 3px;
  }
  .worktime > p {
    font-size: 3.38542vw;
    display: block;
    text-align: center;
  }
  .worktime .btn {
    text-align: center;
    margin: 4.81771vw auto 0;
    min-height: 11.19792vw;
    width: 100%;
    background: #2756c2;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-border-radius: 0vw;
         border-radius: 0vw;
    padding: 8px 5px;
  }
  .worktime .btn span {
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
    font-size: 3.90625vw;
    color: #fff;
  }
  .banner {
    margin: 6.90104vw 0 0.39062vw;
  }
  .pdf_sec {
    margin: 0 -3.90625vw;
    padding: 5.85938vw 3.90625vw 5.46875vw;
    position: relative;
    border-bottom: 1px solid #d1d1d1;
  }
  .pdf_sec h3 {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 4.42708vw;
    padding-right: 2.34375vw;
    text-align: center;
  }
  .pdf_sec p {
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 4.16667vw;
    line-height: 7.03125vw;
    text-align: center;
  }
  .pdf_sec figure {
    margin-top: 2.60417vw;
    text-align: center;
  }
  .pdf_sec figure img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
  }
  .pdf_sec .btn {
    text-align: center;
    margin: 2.34375vw 0 0;
  }
  .pdf_sec .btn a {
    background: #c7d1ff;
    width: 62.10938vw;
    height: 16.01562vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-size: 3.64583vw;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
    text-decoration: none;
    border: 1px solid #c2c2c2;
    -moz-border-radius: 0vw;
         border-radius: 0vw;
    position: relative;
    left: -0.26042vw;
    margin: 0 auto;
  }
  .pdf_sec .btn a:after {
    position: absolute;
    content: "";
    width: 1.30208vw;
    height: 2.34375vw;
    background: url("../../common/images/arrow_pdf_sp.png") no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    right: 3.64583vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .right_btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 4.6875vw auto;
  }
  .right_btn a {
    display: block;
    width: 100%;
    height: 27.47396vw;
    background: #c7d1ff url("../../common/images/right_access_ar_sp.png") no-repeat 85.54688vw 12.10938vw;
    -moz-background-size: 1.43229vw 2.60417vw;
         background-size: 1.43229vw 2.60417vw;
    position: relative;
    text-decoration: none;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 4.16667vw;
    line-height: 5.46875vw;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 16.66667vw;
    -moz-border-radius: 0vw;
         border-radius: 0vw;
  }
  .right_btn a::before {
    content: "";
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .right_access a::before {
    width: 10.28646vw;
    height: 8.20312vw;
    background-image: url("../../common/images/build2.png");
    top: 5.20833vw;
  }
  .right_recruit a::before {
    width: 14.19271vw;
    height: 9.24479vw;
    background-image: url("../../common/images/hand2.png");
    top: 4.16667vw;
  }
  .right_recruit a#recruit_shop {
    padding-top: 16.66667vw;
  }
  .right_schedule a::before {
    width: 7.55208vw;
    height: 7.68229vw;
    background-image: url("../../common/images/schedule_sp.png");
    top: 5.20833vw;
  }
  .right_schedule a#recruit_shop {
    padding-top: 16.66667vw;
  }
  .right_social {
    margin: 4.55729vw -3.90625vw 0;
    padding: 2.99479vw 3.90625vw 3.77604vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #f7f7f7;
  }
  .right_social a {
    width: 45.3125vw;
    text-decoration: none;
  }
  .right_social a:not(:nth-of-type(-n + 2)) {
    margin-top: 1.5625vw;
  }
  .right_social a img {
    max-height: 100%;
    max-width: 100%;
  }
  .ttl {
    height: 23.95833vw;
    margin-bottom: 3.90625vw;
    background: url(../images/ttl_bg.png) 0 0 repeat;
  }
  .ttl .row {
    padding-left: 3.90625vw;
    padding-right: 3.90625vw;
    height: 23.95833vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ttl h2 span:nth-of-type(1) {
    display: block;
    font-family: "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 5.98958vw;
    color: #2661da;
    letter-spacing: 0.26042vw;
    position: relative;
  }
  .ttl h2 span:nth-of-type(1)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -moz-background-size: contain;
         background-size: contain;
    background-repeat: no-repeat;
    display: block;
  }
  .ttl h2 span:nth-of-type(2) {
    display: block;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 5.46875vw;
    color: #b9caee;
    line-height: 1;
    letter-spacing: 0.26042vw;
  }
}