@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, form, figure {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  empty-cells: show;
}

th, td {
  text-align: left;
  vertical-align: top;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=submit],
textarea,
select {
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

[disabled] {
  cursor: not-allowed;
}

html,
:root {
  font-size: 100px;
}
@media screen and (max-width: 1280px) and (min-width: 751px) {
  html,
  :root {
    font-size: 7.8125vw;
  }
}
@media screen and (max-width: 750px) {
  html,
  :root {
    font-size: 26.6666666667vw;
  }
}

body {
  color: #000;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: .14rem;
  line-height: 1.5;
}

.serif {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.en {
  font-family: 'Viga', sans-serif;
}

#wrap {
  overflow: hidden;
}

.wrap {
  max-width: 12rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  .wrap {
    padding-right: 0.24rem;
    padding-left: 0.24rem;
  }
}

img,
video {
  max-width: 100%;
}

img[src$="_sp.jpg"], img[src$="_sp.png"], img[src$="_sp.svg"] {
  display: none;
}
@media screen and (max-width: 750px) {
  img[src$="_sp.jpg"], img[src$="_sp.png"], img[src$="_sp.svg"] {
    display: inline-block;
  }
  img[src$="_sp.jpg"] + img, img[src$="_sp.png"] + img, img[src$="_sp.svg"] + img {
    display: none;
  }
}

.sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }

  br.sp {
    display: inline;
  }
}
body:not(.mobile) a[href^="tel:"] {
  pointer-events: none;
}

body:not(.mobile) .hov {
  display: inline-block;
  transition: opacity .3s;
}
body:not(.mobile) .hov:hover {
  opacity: .8;
}

body:not(.mobile) .hovZoom {
  overflow: hidden;
}
body:not(.mobile) .hovZoom .zoom {
  display: block;
  transition: transform .5s;
}
body:not(.mobile) .hovZoom:hover .zoom {
  transform: scale(1.2);
}

@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes updown {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 25%, 0);
  }
}
@keyframes mv {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
#header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
#header .siteTitle {
  box-sizing: border-box;
  width: 2.3rem;
  height: 1.18rem;
  padding: .4rem 0 0 .4rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  #header .siteTitle {
    width: 1.32rem;
    height: .73rem;
    padding: .24rem 0 0 .16rem;
  }
}
#header .siteTitle img {
  width: 1.6rem;
}
@media screen and (max-width: 750px) {
  #header .siteTitle img {
    width: 1rem;
  }
}

#gNav .btMenu {
  display: none;
}
@media screen and (max-width: 750px) {
  #gNav .btMenu {
    display: block;
    box-sizing: border-box;
    width: 0.72rem;
    height: 0.72rem;
    padding: .24rem;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9001;
  }
  #gNav .btMenu .bar {
    width: .24rem;
    height: .24rem;
    position: relative;
  }
  #gNav .btMenu .bar::before, #gNav .btMenu .bar::after {
    content: '';
    display: block;
    height: .04rem;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    border-radius: .02rem;
    transition: .4s;
    transition-property: transform,width,background-color;
  }
  #gNav .btMenu .bar::before {
    width: 100%;
    transform: translate3D(0, -0.12rem, 0);
  }
  #gNav .btMenu .bar::after {
    width: .16rem;
    transform: translate3D(0.08rem, 0, 0);
  }
}
#gNav.active .btMenu .bar::before, #gNav.active .btMenu .bar::after {
  background-color: #f07f0e;
}
#gNav.active .btMenu .bar::before {
  transform: translate3D(0, -50%, 0) rotate(135deg);
}
#gNav.active .btMenu .bar::after {
  width: 100%;
  transform: translate3D(0, -50%, 0) rotate(45deg);
}
#gNav.active nav {
  transform: translate3d(0, 0, 0);
}
body.sitemap #gNav .btMenu .bar::before, body.sitemap #gNav .btMenu .bar::after, #gNav.changeColor .btMenu .bar::before, #gNav.changeColor .btMenu .bar::after {
  background-color: #f07f0e;
}
#gNav nav {
  position: absolute;
  top: .4rem;
  right: .4rem;
}
@media screen and (max-width: 750px) {
  #gNav nav {
    width: 100%;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff url("../imgs/logo.svg") 0.16rem 0.24rem/1rem auto no-repeat;
    z-index: 9000;
    transform: translate3d(100%, 0, 0);
    transition: transform .4s;
  }
}
#gNav nav .line01 {
  display: flex;
}
@media screen and (max-width: 750px) {
  #gNav nav .line01 {
    height: calc(100vh - 3.28rem);
    margin: 1.28rem .2rem 0;
    flex-wrap: wrap;
    align-content: space-between;
  }
}
#gNav nav .line01 li {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #gNav nav .line01 li {
    width: 50%;
  }
}
#gNav nav .line01 li + li {
  margin: 0 0 0 .3rem;
}
@media screen and (max-width: 750px) {
  #gNav nav .line01 li + li {
    margin: 0;
  }
}
#gNav nav .line01 li a .en {
  display: block;
  color: #fff;
  font-size: .16rem;
  line-height: 1.3125;
  /*body.sitemap & {
  	color: $colorA;
  }*/
}
@media screen and (max-width: 750px) {
  #gNav nav .line01 li a .en {
    color: #f07f0e;
    font-size: .18rem;
    line-height: 1.3333333333;
  }
}
#gNav nav .line01 li a .ja {
  display: block;
  color: #fff;
  font-size: .1rem;
  font-weight: bold;
  line-height: 1.4;
  /*body.sitemap & {
  	color: $colorG;
  }*/
}
@media screen and (max-width: 750px) {
  #gNav nav .line01 li a .ja {
    color: #a9a9a9;
    font-size: .12rem;
    line-height: 1.3333333333;
  }
}
#gNav nav .sns {
  display: none;
}
@media screen and (max-width: 750px) {
  #gNav nav .sns {
    display: flex;
    width: calc(100% - .4rem);
    border-top: 1px solid #FCEDDB;
    padding: .28rem 0;
    position: absolute;
    right: .2rem;
    bottom: 0;
    justify-content: center;
    line-height: 1px;
  }
  #gNav nav .sns li {
    margin: 0 .16rem;
  }
  #gNav nav .sns li img {
    width: auto;
    height: .24rem;
  }
  #gNav nav .sns li.tw img {
    height: .2rem;
  }
}

#main .pageTitle {
  box-sizing: border-box;
  height: 4.8rem;
  padding: 2.06rem 0 0;
  color: #fff;
  background: 50% 50% / cover no-repeat;
}
@media screen and (max-width: 750px) {
  #main .pageTitle {
    height: 3.2rem;
    padding: 1.4rem 0 0;
    background-size: auto 100%;
  }
}
body.corporate #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporate@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate #main .pageTitle {
    background-position: 78% 50%;
  }
}
body.corporate.about #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateAbout@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.about #main .pageTitle {
    background-position: 50% 50%;
  }
}
body.corporate.message #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateMessage@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.message #main .pageTitle {
    background-position: 90% 50%;
  }
}
body.corporate.officer #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateOfficer@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.officer #main .pageTitle {
    background-position: 50% 50%;
  }
}
body.corporate.vision #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateVision@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.vision #main .pageTitle {
    background-position: 87% 50%;
  }
}
body.corporate.history #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateHistory@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.history #main .pageTitle {
    background-position: 50% 50%;
  }
}
body.corporate.awards #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateAwards@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.awards #main .pageTitle {
    background-position: 50% 50%;
  }
}
body.corporate.csr #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateCsr@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.csr #main .pageTitle {
    background-position: 50% 50%;
  }
}
body.corporate.access #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-corporateAccess@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.corporate.access #main .pageTitle {
    background-position: 93% 50%;
  }
}
body.inquiry #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-inquiry@2x.jpg");
}
body.news #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-news@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.news #main .pageTitle {
    background-position: 79% 50%;
  }
}
@media screen and (max-width: 750px) {
  body.news #main .pageTitle .current {
    display: inline-block;
    margin: .2rem 0 0;
    padding: 0 .25rem;
    background: #f07f0e;
    color: #fff;
    line-height: .4rem;
    text-align: center;
  }
  body.news #main .pageTitle .current .en,
  body.news #main .pageTitle .current .ja {
    display: inline-block;
    vertical-align: middle;
  }
  body.news #main .pageTitle .current .en {
    font-size: .18rem;
    text-transform: uppercase;
  }
  body.news #main .pageTitle .current .ja {
    margin: 0 0 0 .06rem;
    font-size: .12rem;
  }
}
body.news.detail #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-newsDetail@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.news.detail #main .pageTitle {
    background-position: 50% 50%;
  }
}
body.privacypolicy #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-privacy@2x.jpg");
}
body.recruit #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-recruit@2x.jpg");
}
body.sales #main .pageTitle, body.service #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-service@2x.jpg");
}
body.sitemap #main .pageTitle {
  background-image: url("../imgs/bg-pageTitle-sitemap@2x.jpg");
  /*height: 3.82rem;
  padding: 1.66rem 0 0;
  color: $colorGd;
  
  @include sp {
  	height: 3.2rem;
  	padding: 1.4rem 0 0;
  }*/
}
body.publicnotice #main .pageTitle {
  padding-top: 1.76rem;
  background-image: url("../imgs/bg-pageTitle-publicnotice@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.publicnotice #main .pageTitle {
    padding-top: 1.4rem;
  }
}
body.publicnotice #main .pageTitle .en {
  padding: 0 0 .1rem;
  line-height: 1.1666666667;
}
#main .pageTitle .title {
  max-width: 10.4rem;
  margin: 0 auto;
}
#main .pageTitle .title .en {
  display: block;
  font-size: .6rem;
  line-height: 1.6666666667;
}
@media screen and (max-width: 750px) {
  #main .pageTitle .title .en {
    font-size: .5rem;
    line-height: 2;
  }
}
#main .pageTitle .title .ja {
  display: block;
  font-size: .16rem;
  font-weight: bold;
  line-height: 1.3125;
}
#main .title01 {
  line-height: 1.8181818182;
  font-size: .22rem;
}
#main .title01::before, #main .title01::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}
#main .title01::before {
  margin-bottom: -0.4090909091em;
}
#main .title01::after {
  margin-top: -0.4090909091em;
}
#main p {
  line-height: 2.1428571429;
}
#main p::before, #main p::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}
#main p::before {
  margin-bottom: -0.5714285714em;
}
#main p::after {
  margin-top: -0.5714285714em;
}
#main a.ext::after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 0.8571428571em;
  margin: 0 0 0 .5em;
  background: url("../imgs/ico-ext.svg") 0 0/contain no-repeat;
}
#main .btn01 {
  background: #fff;
  color: #f07f0e;
  transition: .3s;
  transition-property: background-color,color;
}
#main .btn01.active, body:not(.mobile) #main .btn01:hover {
  background-color: #f07f0e;
  color: #fff;
}
#main .btn02 {
  background: #f07f0e;
  color: #fff;
  transition: .3s;
  transition-property: background-color,color;
}
#main .btn02.active, body:not(.mobile) #main .btn02:hover {
  background-color: #fff;
  color: #f07f0e;
}
#main .list01 {
  padding: 1rem 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .list01 {
    margin: .4rem 0;
    padding: 0;
  }
}
#main .list01::before {
  content: '';
  display: block;
  width: calc(50% - 2.8rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f8f8f8;
}
@media screen and (max-width: 750px) {
  #main .list01::before {
    content: none;
  }
}
#main .list01 .wrap {
  position: relative;
}
#main .list01 dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 2.1428571429;
}
@media screen and (max-width: 750px) {
  #main .list01 dl {
    display: block;
  }
}
#main .list01 dl dt,
#main .list01 dl dd {
  box-sizing: border-box;
  padding: .15rem 0;
}
#main .list01 dl dt {
  width: 3.2rem;
  padding-left: .8rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #main .list01 dl dt {
    width: auto;
    background: #f8f8f8;
    padding: .15rem .1rem;
  }
}
#main .list01 dl dd {
  width: calc(100% - 3.2rem);
  padding-left: 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .list01 dl dd {
    width: auto;
    padding: .15rem .1rem;
  }
}
#main .list02 .item {
  position: relative;
}
#main .list02 .item::before {
  content: '';
  display: block;
  width: calc(50% - 2.8rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f8f8f8;
}
@media screen and (max-width: 750px) {
  #main .list02 .item::before {
    content: none;
  }
}
#main .list02 .item + .item {
  margin: .02rem 0 0;
}
#main .list02 .item:last-child dl {
  padding-bottom: 1.12rem;
}
@media screen and (max-width: 750px) {
  #main .list02 .item:last-child dl {
    padding-bottom: 0;
  }
}
#main .list02 .wrap {
  position: relative;
}
#main .list02 .inner {
  display: flex;
}
@media screen and (max-width: 750px) {
  #main .list02 .inner {
    display: block;
  }
}
#main .list02 .inner .year {
  box-sizing: border-box;
  width: 1.8rem;
  padding: .32rem 0 0 .8rem;
  color: #a9a9a9;
  font-size: .22rem;
  line-height: 1.3636363636;
}
@media screen and (max-width: 750px) {
  #main .list02 .inner .year {
    width: auto;
    padding: .2rem 0;
    background: #f8f8f8;
    text-align: center;
  }
}
#main .list02 .inner dl {
  display: flex;
  width: calc(100% - 1.8rem);
  padding: .32rem 0;
  line-height: 2.1428571429;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #main .list02 .inner dl {
    display: block;
    width: auto;
    padding-top: 0;
  }
}
#main .list02 .inner dl dt {
  width: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #main .list02 .inner dl dt {
    display: inline-block;
    width: auto;
    margin: .3rem 0 0;
    padding: .05rem .1rem;
    background: #f8f8f8;
  }
}
#main .list02 .inner dl dd {
  box-sizing: border-box;
  width: calc(100% - 1.4rem);
  padding: 0 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .list02 .inner dl dd {
    width: auto;
    padding: 0 .1rem;
  }
}
#main .sNav {
  margin: -.4rem 0 .8rem;
}
@media screen and (max-width: 750px) {
  #main .sNav.sp {
    display: block;
    margin: .4rem 0 0;
  }
  body.news #main .sNav.sp {
    margin: 0;
  }
}
#main .sNav ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .sNav ul {
    border-top: 1px solid #FCEDDB;
  }
}
body.sales #main .sNav ul, body.service #main .sNav ul {
  width: 5.96rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  body.sales #main .sNav ul, body.service #main .sNav ul {
    width: auto;
  }
}
body.sales #main .sNav ul li, body.service #main .sNav ul li {
  width: calc((100% - 0.08rem) / 2);
}
@media screen and (max-width: 750px) {
  body.sales #main .sNav ul li:nth-last-child(-n +2), body.service #main .sNav ul li:nth-last-child(-n +2) {
    border-bottom: none;
  }
}
@media screen and (max-width: 750px) {
  #main .sNav ul {
    flex-wrap: wrap;
  }
}
body.corporate #main .sNav ul li {
  width: calc((100% - 0.56rem) / 8);
}
@media screen and (max-width: 750px) {
  body.corporate #main .sNav ul li:nth-last-child(-n +2) {
    border-bottom: none;
  }
}
body.news #main .sNav ul li {
  width: calc((100% - 0.32rem) / 5);
}
@media screen and (max-width: 750px) {
  body.news #main .sNav ul li:nth-last-child(1) {
    border-bottom: none;
  }
}
@media screen and (max-width: 750px) {
  #main .sNav ul li {
    box-sizing: border-box;
    width: 50% !important;
    border-bottom: 1px solid #FCEDDB;
  }
  #main .sNav ul li:nth-child(odd) {
    border-right: 1px solid #FCEDDB;
  }
  #main .sNav ul li:first-child:nth-last-child(odd) {
    width: 100% !important;
    border-right: none;
  }
  #main .sNav ul li:first-child:nth-last-child(odd) ~ li:nth-child(odd) {
    border-right: none;
  }
  #main .sNav ul li:first-child:nth-last-child(odd) ~ li:nth-child(even) {
    border-right: 1px solid #FCEDDB;
  }
}
#main .sNav ul li a {
  display: block;
  box-sizing: border-box;
  height: .8rem;
  padding: .22rem 0 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sNav ul li a {
    color: #f07f0e;
  }
  #main .sNav ul li a.active {
    background: #f07f0e;
    color: #fff;
  }
}
#main .sNav ul li a .en {
  display: block;
  font-size: .16rem;
  line-height: 1.4375;
}
#main .sNav ul li a .ja {
  display: block;
  margin: .02rem 0 0;
  font-size: .10rem;
  font-weight: bold;
  line-height: 2;
}
#main .companyMenu {
  margin: 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .companyMenu {
    margin: .24rem 0 .6rem;
  }
}
#main .companyMenu .wrap {
  max-width: 12.8rem;
}
#main .companyMenu .line {
  display: flex;
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .companyMenu .line {
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  #main .companyMenu .line .item {
    margin: .24rem 0 0;
  }
}
#main .companyMenu .line .item a {
  display: block;
}
#main .companyMenu .line .item a .image {
  overflow: hidden;
}
#main .companyMenu .line .item a .image img {
  transition: transform .3s;
}
@supports (object-fit: cover) {
  #main .companyMenu .line .item a .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
#main .companyMenu .line .item a .text {
  box-sizing: border-box;
  height: 1.51rem;
  margin: -.76rem 0 0;
  padding: .38rem .9rem 0 .4rem;
  position: relative;
  background: #fff;
  font-size: .12rem;
  line-height: 1.6666666667;
}
#main .companyMenu .line .item a .text::after {
  content: '';
  display: block;
  box-sizing: border-box;
  width: .7rem;
  height: 100%;
  border-bottom: 1px solid #f07f0e;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff url("../imgs/arrow_o.svg") 50% 50%/0.22rem auto no-repeat;
  transition: background-color .3s;
}
#main .companyMenu .line .item a .text .label {
  margin: 0 0 .12rem;
  color: #f07f0e;
}
#main .companyMenu .line .item a .text .label .en {
  display: block;
  font-size: .2rem;
  line-height: 1.15;
}
#main .companyMenu .line .item a .text .label .ja {
  display: block;
  margin: .04rem 0 0;
  font-size: .12rem;
  font-weight: bold;
  line-height: 1.6666666667;
}
body:not(.mobile) #main .companyMenu .line .item:hover .image img {
  transform: scale(1.1);
}
body:not(.mobile) #main .companyMenu .line .item:hover .text:after {
  background-color: #f07f0e;
  background-image: url("../imgs/arrow_w.svg");
}
#main .companyMenu .line01,
#main .companyMenu .line02 {
  padding: 0 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .companyMenu .line01,
  #main .companyMenu .line02 {
    padding: 0;
  }
}
#main .companyMenu .line01 .item,
#main .companyMenu .line02 .item {
  width: calc(100% / 3);
}
@media screen and (max-width: 750px) {
  #main .companyMenu .line01 .item,
  #main .companyMenu .line02 .item {
    width: auto;
  }
}
#main .companyMenu .line01 .item a .image,
#main .companyMenu .line02 .item a .image {
  height: 3.87rem;
}
#main .companyMenu .line01 .item a .text,
#main .companyMenu .line02 .item a .text {
  margin-left: .4rem;
}
#main .companyMenu .line03 {
  padding: 0 .8rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .companyMenu .line03 {
    padding: 0;
  }
}
#main .companyMenu .line03 .item {
  width: calc(100% / 2);
}
@media screen and (max-width: 750px) {
  #main .companyMenu .line03 .item {
    width: auto;
  }
}
#main .companyMenu .line03 .item a .image {
  height: 3rem;
}
#main .companyMenu .line03 .item a .text {
  margin-right: .4rem;
}
@media screen and (max-width: 750px) {
  #main .companyMenu .line03 .item a .text {
    margin-right: 0;
    margin-left: .4rem;
  }
}
#main .message {
  margin: 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .message {
    margin: .48rem 0 0;
  }
}
#main .message .inner {
  box-sizing: border-box;
  max-width: 10.4rem;
  margin: 0 auto;
  padding: 0 0 0 3.6rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .message .inner {
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  #main .message .inner .title {
    text-align: center;
  }
}
#main .message .inner .image {
  width: 2.8rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  #main .message .inner .image {
    width: auto;
    margin: .36rem 0 0;
    position: static;
  }
  #main .message .inner .image img {
    width: 100%;
  }
}
#main .message .inner p {
  margin: .38rem 0 0;
  text-indent: 1em;
}
#main .message .inner p::before {
  content: none;
}
#main .message .inner p:nth-of-type(n + 2) {
  margin: .3rem 0 0;
}
#main .message .inner p:nth-last-of-type(n + 2)::after {
  content: none;
}
@media screen and (max-width: 750px) {
  #main .message .inner p {
    margin: .36rem 0 0;
  }
}
#main .message .inner .signature {
  width: 1.51rem;
  margin: 0.98rem 0 0 calc(100% - 1.51rem);
}
@media screen and (max-width: 750px) {
  #main .message .inner .signature {
    margin-top: .4rem;
  }
  #main .message .inner .signature img {
    width: 100%;
  }
}
#main .officer {
  margin: 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .officer {
    margin: .48rem 0 0;
  }
}
#main .officer .item {
  max-width: 9.6rem;
  min-height: 2.4rem;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 2.6rem 0 .4rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .officer .item {
    padding: 0;
  }
}
#main .officer .item + .item {
  margin-top: .8rem;
}
#main .officer .item .name {
  font-size: .16rem;
  line-height: 1;
}
#main .officer .item .name .eng {
  color: #a9a9a9;
  font-size: .12rem;
}
@media screen and (max-width: 750px) {
  #main .officer .item .name .eng {
    display: block;
    margin: .04rem 0 0;
  }
}
#main .officer .item .image {
  width: 2.4rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  #main .officer .item .image {
    width: auto;
    margin: .34rem 0 0;
    position: static;
  }
  #main .officer .item .image img {
    width: 100%;
  }
}
#main .officer .item .list {
  line-height: 2.1428571429;
  display: flex;
  margin: .34rem 0 0;
  flex-wrap: wrap;
}
#main .officer .item .list::before, #main .officer .item .list::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}
#main .officer .item .list::before {
  margin-bottom: -0.5714285714em;
}
#main .officer .item .list::after {
  margin-top: -0.5714285714em;
}
#main .officer .item .list dt {
  width: 1.2rem;
  color: #a9a9a9;
  font-weight: bold;
}
#main .officer .item .list dd {
  width: calc(100% - 1.2rem);
}
#main .vision {
  margin: 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .vision {
    margin: .48rem 0 0;
  }
}
#main .vision .inner {
  max-width: 9.2rem;
  margin: 0 auto;
}
#main .vision .inner .image {
  width: 4.98rem;
  padding-left: 1.78rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .image {
    width: auto;
    max-width: 4.98rem;
    padding-left: 0;
  }
}
#main .vision .inner .item {
  margin: .56rem 0 0;
  border-top: 1px solid #EFEFEF;
}
#main .vision .inner .item + .item {
  margin: .78rem 0 0;
}
#main .vision .inner .item .title .en {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: calc(.78rem - 1px);
  padding: .44rem 0 0;
  color: #a9a9a9;
  font-size: .16rem;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
}
#main .vision .inner .item .title .ja {
  font-weight: bold;
  line-height: .3rem;
}
#main .vision .inner .item .title .ja .text01,
#main .vision .inner .item .title .ja .text02 {
  display: block;
  box-sizing: border-box;
  padding: .25rem 0;
}
#main .vision .inner .item .title .ja .text01 {
  padding-left: .5rem;
  background: #f8f8f8;
  font-size: .18rem;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .item .title .ja .text01 {
    padding-right: .24rem;
    padding-left: .24rem;
  }
}
#main .vision .inner .item .title .ja .text02 {
  width: calc(100% - 3.2rem);
  padding-left: .7rem;
  background: #313131;
  color: #fff;
  font-size: .22rem;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .item .title .ja .text02 {
    width: auto;
    padding-right: .24rem;
    padding-left: .24rem;
  }
}
#main .vision .inner .item .title .ja.col01 {
  display: block;
}
#main .vision .inner .item .title .ja.col02 {
  display: flex;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .item .title .ja.col02 {
    display: block;
  }
}
#main .vision .inner .item .title .ja.col02 .text01 {
  width: 3.2rem;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .item .title .ja.col02 .text01 {
    width: auto;
  }
}
#main .vision .inner .item p {
  margin: .5rem 0 0;
}
#main .vision .inner .item .inner {
  display: flex;
  max-width: none;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .item .inner {
    display: block;
  }
}
#main .vision .inner .item .inner p {
  width: 5.9rem;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .item .inner p {
    width: auto;
  }
}
#main .vision .inner .item .inner .box {
  width: 3rem;
  margin: .5rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .vision .inner .item .inner .box {
    width: auto;
  }
}
#main .vision .inner .item .inner .box .label {
  color: #f07f0e;
  font-weight: bold;
  line-height: 1;
}
#main .vision .inner .item .inner .box .list {
  display: flex;
  height: 1.5rem;
  margin: .16rem 0 -.08rem;
  line-height: .3rem;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .history {
    margin: .48rem 0 0;
  }
}
#main .history .title {
  text-align: center;
}
#main .history p {
  margin: .4rem 0 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .history p {
    text-align: left;
  }
  #main .history p br {
    display: none;
  }
}
#main .history .list {
  margin: .8rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .awards {
    margin: .48rem 0 0;
  }
}
#main .csr {
  margin: 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  #main .csr {
    margin: .48rem 0 0;
  }
}
#main .csr p {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .csr p {
    text-align: left;
  }
}
#main .csr .task {
  display: flex;
  width: 10.24rem;
  margin: .68rem auto .4rem;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .csr .task {
    display: block;
    width: auto;
  }
}
#main .csr .task li {
  width: 3.36rem;
  padding: .52rem 0;
  background: #f8f8f8;
  font-size: .16rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .csr .task li {
    width: auto;
    margin: .16rem 0 0;
  }
}
#main .csr .inner {
  display: flex;
  width: 10.4rem;
  margin: .8rem auto 0;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .csr .inner {
    display: block;
    width: auto;
  }
}
#main .csr .inner .item {
  width: 5rem;
}
@media screen and (max-width: 750px) {
  #main .csr .inner .item {
    width: auto;
    margin: .4rem 0 0;
  }
}
#main .csr .inner .item .label {
  font-size: .18rem;
  font-weight: bold;
  line-height: 1.6666666667;
  text-align: center;
}
#main .csr .inner .item .image {
  box-sizing: border-box;
  margin: 0 auto;
  height: 1.66rem;
}
#main .csr .inner .item p {
  text-align: left;
}
#main .csr .inner .item.item01 .image {
  width: 1.3885rem;
  padding: .32rem 0 0;
}
#main .csr .inner .item.item02 .image {
  width: 2.2rem;
  padding: .3rem 0 0;
}
#main .access {
  margin: 0 0 .4rem;
}
@media screen and (max-width: 750px) {
  #main .access {
    margin: .48rem 0 0;
  }
}
#main .access p {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .access p {
    text-align: left;
  }
}
#main .access .map {
  display: block;
  width: 100%;
  height: 4.8rem;
  margin: .7rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .access .map {
    max-height: 50vh;
  }
}
#main .service {
  margin: 1.2rem 0;
}
@media screen and (max-width: 750px) {
  #main .service {
    margin: .48rem 0 .6rem;
  }
}
#main .service .inner {
  max-width: 10.4rem;
  margin: 0 auto;
}
#main .service .inner .block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .service .inner .block {
    display: block;
  }
}
#main .service .inner .block .item {
  width: 4.8rem;
  margin: .88rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .service .inner .block .item {
    width: auto;
  }
}
#main .service .inner .block .item .title {
  line-height: 1;
}
#main .service .inner .block .item .title .en {
  display: block;
  color: #f07f0e;
  font-size: .32rem;
  text-transform: uppercase;
}
#main .service .inner .block .item .title .ja {
  display: block;
  margin: .14rem 0 0;
  color: #a9a9a9;
  font-weight: bold;
}

/* 2020/04/28 */
#main .service .inner .block .item .text {
  margin: .44rem 0 0;
  min-height: 2rem;
}

@media screen and (max-width: 750px) {
  #main .service .inner .block .item .text {
    min-height: 0;
  }
}

/* 2020/04/28 */
#main .service .inner .block .item .text .list {
  display: flex;
  margin: .1rem 0 -.06rem;
  color: #f07f0e;
  line-height: 2;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #main .service .inner .block .item .text .list {
    line-height: 2.1428571429;  }
}

#main .service .inner .block .item .text .list li::after {
  content: '│';
  margin: 0 1em;
}

/* 2020/04/28 */
#main .service .inner .block .item .text .list li:nth-child(6)::after {
  content: none;
}
@media screen and (max-width: 750px) {
  #main .service .inner .block .item .text .list li:nth-child(6)::after {
    content: '│';
  }
}

@media screen and (max-width: 750px) {
  #main .service .inner .block .item .image {
    margin: .44rem 0 0;
  }
  #main .service .inner .block .item .image img {
    width: 100%;
  }
}
#main .recruit {
  margin: 1.2rem 0;
}
@media screen and (max-width: 750px) {
  #main .recruit {
    margin: .48rem 0 .6rem;
  }
}
#main .recruit .inner {
  max-width: 10.4rem;
  margin: 0 auto;
}
#main .recruit .inner p {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .recruit .inner p {
    text-align: left;
  }
}
#main .recruit .inner p + .item {
  margin: 1.5rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .recruit .inner p + .item {
    margin: .6rem 0 0;
  }
}
#main .recruit .inner .itemArea {
  display: flex;
  margin: 1.5rem 0 0;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .recruit .inner .itemArea {
    display: block;
  }
}
#main .recruit .inner .itemArea .item {
  width: calc(50% - .1rem);
}
@media screen and (max-width: 750px) {
  #main .recruit .inner .itemArea .item {
    width: auto;
    margin: .5rem 0 0;
  }
}
#main .recruit .inner .itemArea .item .label {
  line-height: 1;
}
#main .recruit .inner .itemArea .item .label .en {
  color: #f07f0e;
  font-size: .32rem;
}
#main .recruit .inner .itemArea .item .label .ja {
  margin: .15rem 0 0;
  color: #a9a9a9;
  font-weight: bold;
  line-height: 1;
}
#main .recruit .inner .itemArea .item .text .notice {
  margin: .3rem 0 0;
  font-size: .16rem;
  line-height: 2.25;
}
#main .recruit .inner .itemArea .item .text .list {
  margin: .4rem 0 0;
  line-height: 2.1428571429;
}
#main .news {
  position: relative;
}
#main .news::before {
  content: '';
  display: block;
  width: calc(50% - 2.9rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f8f8f8;
}
@media screen and (max-width: 750px) {
  #main .news::before {
    content: none;
  }
}
#main .news .wrap {
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .news .yearSelect {
    display: block;
    box-sizing: border-box;
    width: 100vw;
    margin: 0 -.24rem;
    background: #f8f8f8;
  }
  #main .news .yearSelect select {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: .27rem .24rem;
    background: #f8f8f8;
    border: none;
  }
  #main .news .yearSelect .selectWrapper {
    width: 100%;
    position: relative;
  }
  #main .news .yearSelect .selectWrapper::after {
    content: '▼';
    position: absolute;
    top: 50%;
    right: .23rem;
    color: #a9a9a9;
    font-size: .1rem;
    pointer-events: none;
    transform: translate(0, -50%);
  }
}
#main .news .inner {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  #main .news .inner {
    display: block;
  }
}
#main .news .inner .main {
  box-sizing: border-box;
  width: 7.65rem;
  padding: .8rem .8rem 1.3rem 0;
}
@media screen and (max-width: 750px) {
  #main .news .inner .main {
    width: auto;
    margin: .48rem 0 0;
    padding: 0;
  }
}
#main .news .inner .side {
  width: 3.15rem;
  box-sizing: border-box;
  padding: .8rem 0 1.3rem .75rem;
  background: #f8f8f8;
}
@media screen and (max-width: 750px) {
  #main .news .inner .side {
    box-sizing: border-box;
    width: 100vw;
    margin: 0 -.24rem;
    padding: .2rem .24rem .3rem;
  }
}
#main .news .inner .side .listSlider {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#main .news .inner .side .listSlider .slider .list {
  width: 100%;
  vertical-align: top;
}
#main .news .inner .side .listSlider .btn {
  display: flex;
  margin: .4rem 0 0;
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  #main .news .inner .side .listSlider .btn {
    margin: 0;
    justify-content: space-between;
  }
}
#main .news .inner .side .listSlider .btn .slick-arrow {
  width: .56rem;
  height: .56rem;
  margin: 0 0 0 .02rem;
  background: #fff url("../imgs/arrow_o.svg") 50% 50%/0.22rem auto no-repeat;
  transition: background-color .3s;
}
@media screen and (max-width: 750px) {
  #main .news .inner .side .listSlider .btn .slick-arrow {
    margin-right: 0;
  }
}
#main .news .inner .side .listSlider .btn .slick-arrow.prev {
  transform: scale(-1, 1);
}
#main .news .inner .side .listSlider .btn .slick-arrow.slick-disabled {
  display: none !important;
}
@media screen and (max-width: 750px) {
  #main .news .inner .side .listSlider .btn .slick-arrow.slick-disabled {
    display: block !important;
    visibility: hidden;
  }
}
body:not(.mobile) #main .news .inner .side .listSlider .btn .slick-arrow:hover {
  background-color: #f07f0e;
  background-image: url("../imgs/arrow_w.svg");
}
#main .news .inner .side .list {
  font-size: .16rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .news .inner .side .list {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 750px) {
  #main .news .inner .side .list li {
    width: 25%;
    margin: .1rem 0 0;
  }
}
#main .news .inner .side .list li + li {
  margin: .34rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .news .inner .side .list li + li {
    margin: .1rem 0 0;
  }
}
#main .news .inner .side .list a {
  color: #a9a9a9;
  transition: color .3s;
}
@media screen and (max-width: 750px) {
  #main .news .inner .side .list a {
    display: block;
    padding: .1rem 0;
    text-align: center;
  }
}
#main .news .inner .side .list a.active, body:not(.mobile) #main .news .inner .side .list a:hover {
  color: #000;
}
#main .newsIndex .main .index .list li {
  border-bottom: 1px solid #EFEFEF;
}
#main .newsIndex .main .index .list li + li {
  padding-top: .3rem;
}
#main .newsIndex .main .index .list a {
  display: block;
  padding: 0 .42rem .3rem 0;
  background: url("../imgs/arrow_o.svg") 100% 0.34rem/0.22rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .index .list a {
    padding: 0 .58rem .3rem 0;
    background-position: calc(100% - .18rem) 0.34rem;
  }
}
#main .newsIndex .main .index .list .data {
  display: flex;
  line-height: .14rem;
}
#main .newsIndex .main .index .list .data .date {
  color: #a9a9a9;
}
#main .newsIndex .main .index .list .data .category {
  font-size: .12rem;
  color: #f07f0e;
}
#main .newsIndex .main .index .list .title {
  margin: .13rem 0 0;
  line-height: 1.3571428571;
}
#main .newsIndex .main .pager {
  display: flex;
  margin: .32rem 0 0;
  line-height: 1;
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager {
    margin: .22rem 0;
    justify-content: space-between;
  }
}
#main .newsIndex .main .pager .pagination .screen-reader-text {
  display: none;
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager .pagination {
    width: calc(100% - 5em);
  }
  #main .newsIndex .main .pager .pagination .nav-links {
    display: flex;
    justify-content: space-around;
  }
}
#main .newsIndex .main .pager a,
#main .newsIndex .main .pager span {
  display: inline-block;
  margin: 0 .02rem;
  padding: 0 .05rem;
  vertical-align: top;
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager a,
  #main .newsIndex .main .pager span {
    margin: 0;
  }
}
body:not(.mobile) #main .newsIndex .main .pager a:hover,
body:not(.mobile) #main .newsIndex .main .pager span:hover {
  color: #000;
  text-decoration: none;
}
#main .newsIndex .main .pager a {
  color: #a9a9a9;
  text-decoration: underline;
  transition: color .3s;
}
body:not(.mobile) #main .newsIndex .main .pager a:hover {
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager a {
    padding: .1rem .5em;
  }
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager a.first {
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager a.last {
    text-align: right;
  }
}
#main .newsIndex .main .pager a.first, #main .newsIndex .main .pager a.last {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager a.first, #main .newsIndex .main .pager a.last {
    width: 2.5em;
    padding: .1rem 0;
  }
}
#main .newsIndex .main .pager a.prev {
  margin: 0 .13rem 0 .2rem;
}
#main .newsIndex .main .pager a.next {
  margin: 0 .2rem 0 .13rem;
  transform: scale(-1, 1);
}
#main .newsIndex .main .pager a.prev, #main .newsIndex .main .pager a.next {
  width: .06rem;
  height: .14rem;
  background: url("../imgs/arrow_right_g.svg") 50% 50%/0.06rem auto no-repeat;
  color: transparent;
  overflow: hidden;
  text-decoration: none;
}
#main .newsIndex .main .pager a.prev:hover, #main .newsIndex .main .pager a.next:hover {
  color: transparent !important;
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager a.prev, #main .newsIndex .main .pager a.next {
    margin: 0;
  }
}
#main .newsIndex .main .pager a.prev:hover, #main .newsIndex .main .pager a.next:hover {
  background-image: url("../imgs/arrow_right_b.svg");
}
@media screen and (max-width: 750px) {
  #main .newsIndex .main .pager span {
    padding: .1rem 0;
  }
}
#main .newsDetail .main .article .headline {
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: .3rem;
}
#main .newsDetail .main .article .headline .data {
  display: flex;
  line-height: .14rem;
}
#main .newsDetail .main .article .headline .data .date {
  color: #a9a9a9;
}
#main .newsDetail .main .article .headline .data .category {
  font-size: .12rem;
  color: #f07f0e;
}
#main .newsDetail .main .article .headline .title {
  margin: .13rem 0 0;
  font-weight: bold;
  line-height: 1.3571428571;
}
#main .newsDetail .main .article .content {
  margin: .5rem 0 0;
  line-height: 2.1428571429;
}
#main .newsDetail .main .article .content a {
  color: #f07f0e;
}
#main .newsDetail .main .pager {
  margin: .8rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .newsDetail .main .pager {
    margin: .4rem 0;
  }
}
#main .newsDetail .main .pager .list {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  #main .newsDetail .main .pager .list {
    display: block;
    height: .56rem;
    position: relative;
  }
}
#main .newsDetail .main .pager .list li {
  width: .56rem;
}
@media screen and (max-width: 750px) {
  #main .newsDetail .main .pager .list li {
    position: absolute;
    top: 0;
  }
}
#main .newsDetail .main .pager .list li a {
  display: block;
  height: .52rem;
  border: 0.02rem solid #f07f0e;
  background-image: url("../imgs/arrow_w.svg");
  background-position: 50% 50%;
  background-size: .22rem auto;
  background-repeat: no-repeat;
}
body:not(.mobile) #main .newsDetail .main .pager .list li a:hover {
  background-image: url("../imgs/arrow_o.svg");
}
@media screen and (max-width: 750px) {
  #main .newsDetail .main .pager .list .prev {
    left: 0;
  }
}
#main .newsDetail .main .pager .list .prev a {
  transform: scale(-1, 1);
}
#main .newsDetail .main .pager .list .next {
  margin: 0 0 0 .02rem;
}
@media screen and (max-width: 750px) {
  #main .newsDetail .main .pager .list .next {
    margin: 0;
    right: 0;
  }
}
#main .contact {
  margin: 1.2rem 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .contact {
    margin: .48rem 0 .6rem;
  }
}
#main .contact .inner {
  max-width: 5.6rem;
  margin: 0 auto;
}
#main .contact .inner dl {
  margin: .56rem 0;
  text-align: left;
}
#main .contact .inner dl dt {
  margin: .24rem 0 0;
  font-weight: bold;
  line-height: .18rem;
}
#main .contact .inner dl dt.required::before {
  content: '必須';
  display: inline-block;
  width: .34rem;
  margin: 0 .16rem 0 0;
  background: #606060;
  color: #fff;
  font-size: .1rem;
  text-align: center;
  vertical-align: text-top;
}
#main .contact .inner dl dd {
  margin: .13rem 0 0;
}
#main .contact .inner input[type=text],
#main .contact .inner input[type=email],
#main .contact .inner input[type=tel],
#main .contact .inner select,
#main .contact .inner textarea {
  display: block;
  box-sizing: border-box;
  width: 3.6rem;
  max-width: 100%;
  padding: .15rem .24rem;
  background: #f8f8f8;
  border: 1px solid #EFEFEF;
}
#main .contact .inner input.company,
#main .contact .inner textarea {
  width: 100%;
}
#main .contact .inner option.placeholder {
  display: none;
}
#main .contact .inner .selectWrapper {
  width: 3.6rem;
  max-width: 100%;
  position: relative;
}
#main .contact .inner .selectWrapper::after {
  content: '▼';
  position: absolute;
  top: 50%;
  right: .23rem;
  color: #a9a9a9;
  font-size: .1rem;
  pointer-events: none;
  transform: translate(0, -50%);
}
#main .contact .inner textarea {
  height: 1.6rem;
}
#main .contact .inner label {
  display: inline-block;
  margin: .16rem 0 0;
  line-height: 1;
}
#main .contact .inner label input {
  vertical-align: top;
  margin: 0 .5em 0 0;
}
#main .contact .inner input[type=submit] {
  display: block;
  box-sizing: border-box;
  width: 2.4rem;
  margin: .56rem auto 0;
  border: 0.02rem solid #f07f0e;
  padding: .18rem 0;
  text-align: center;
}
#main .privacypolicy {
  margin: 1.2rem 0;
}
@media screen and (max-width: 750px) {
  #main .privacypolicy {
    margin: .48rem 0 .6rem;
  }
}
#main .privacypolicy .inner {
  max-width: 10.4rem;
  margin: 0 auto;
}
#main .privacypolicy .inner .block01,
#main .privacypolicy .inner .block02 {
  line-height: 2.1428571429;
}
#main .privacypolicy .inner .block01::before, #main .privacypolicy .inner .block01::after,
#main .privacypolicy .inner .block02::before,
#main .privacypolicy .inner .block02::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}
#main .privacypolicy .inner .block01::before,
#main .privacypolicy .inner .block02::before {
  margin-bottom: -0.5714285714em;
}
#main .privacypolicy .inner .block01::after,
#main .privacypolicy .inner .block02::after {
  margin-top: -0.5714285714em;
}
#main .privacypolicy .inner .block01 {
  padding: 0 0 .85rem;
  border-bottom: 1px solid #EFEFEF;
}
#main .privacypolicy .inner .block01 .signature {
  line-height: 1.8571428571;
  margin: .34rem 0 .54rem;
  text-align: right;
}
#main .privacypolicy .inner .block01 .signature::before, #main .privacypolicy .inner .block01 .signature::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}
#main .privacypolicy .inner .block01 .signature::before {
  margin-bottom: -0.4285714286em;
}
#main .privacypolicy .inner .block01 .signature::after {
  margin-top: -0.4285714286em;
}
#main .privacypolicy .inner .block02 {
  margin: .8rem 0 0;
}
#main .privacypolicy .inner a {
  color: #f07f0e;
}
#main .publicnotice {
  margin: 1.2rem 0 1.8rem;
}
@media screen and (max-width: 750px) {
  #main .publicnotice {
    margin: .48rem 0 .6rem;
  }
}
#main .publicnotice section {
  display: flex;
  justify-content: space-between;
  max-width: 10.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #main .publicnotice section {
    display: block;
  }
}
#main .publicnotice section + section {
  margin-top: .76rem;
}
@media screen and (max-width: 750px) {
  #main .publicnotice section + section {
    margin-top: .4rem;
  }
}
#main .publicnotice section .header {
  width: 4.8rem;
}
@media screen and (max-width: 750px) {
  #main .publicnotice section .header {
    width: auto;
  }
}
#main .publicnotice section .header .title .en {
  display: block;
  margin: -.1rem 0;
  color: #f07f0e;
  font-size: .32rem;
  line-height: 1.3125;
  text-transform: uppercase;
}
#main .publicnotice section .header .title .ja {
  display: block;
  margin: .14rem 0 0;
  color: #a9a9a9;
  font-weight: bold;
}
#main .publicnotice section .header p {
  margin: .34rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .publicnotice section .header p {
    margin: .3rem 0 0;
  }
}
#main .publicnotice section .main {
  width: 4.8rem;
}
@media screen and (max-width: 750px) {
  #main .publicnotice section .main {
    width: auto;
    margin: .3rem 0 0;
  }
}
#main .publicnotice section .main .list li + li {
  margin: .16rem 0 0;
}
#main .publicnotice section .main .list li a {
  display: block;
  padding: .21rem 1.24rem .21rem .26rem;
  position: relative;
  background: #f8f8f8;
  line-height: 1.5714285714;
}
@media screen and (max-width: 750px) {
  #main .publicnotice section .main .list li a {
    padding: .2rem .2rem .54rem;
  }
}
#main .publicnotice section .main .list li a.pdf {
  background-image: url("../imgs/ico-pdf.svg");
  background-position: calc(100% - .24rem) 50%;
  background-size: .14rem;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  #main .publicnotice section .main .list li a.pdf {
    background-position: calc(100% - .2rem) calc(100% - .2rem);
  }
}
#main .publicnotice section .main .list li a.pdf::after {
  content: 'ダウンロード';
  position: absolute;
  top: 50%;
  right: .54rem;
  color: #f07f0e;
  transform: translate(0, -50%);
}
@media screen and (max-width: 750px) {
  #main .publicnotice section .main .list li a.pdf::after {
    top: auto;
    right: .44rem;
    bottom: .16rem;
    transform: none;
  }
}
#main .sitemap {
  margin: 1.2rem 0;
}
@media screen and (max-width: 750px) {
  #main .sitemap {
    margin: .48rem 0 .6rem;
  }
}
#main .sitemap .inner {
  max-width: 10.4rem;
  margin: 0 auto;
  line-height: 1.8571428571;
}
#main .sitemap .inner .block02 {
  display: flex;
  margin: .6rem 0 0;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 {
    display: block;
    margin: .4rem 0 0;
  }
}
#main .sitemap .inner .block02 .item {
  display: flex;
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 .item {
    margin: .4rem 0 0;
  }
}
#main .sitemap .inner .block02 .item .name {
  color: #f07f0e;
  font-size: .22rem;
  line-height: 1.1818181818;
}
#main .sitemap .inner .block02 .item .list li + li {
  margin: .14rem 0 0;
}
#main .sitemap .inner .block02 .item + .item {
  margin: .72rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 .item + .item {
    margin: .4rem 0 0;
  }
}
#main .sitemap .inner .block02 .col01 .item {
  width: calc(1.34rem + 7em);
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 .col01 .item {
    width: auto;
  }
}
#main .sitemap .inner .block02 .col01 .item .name {
  width: 1.34rem;
}
#main .sitemap .inner .block02 .col02 .item {
  width: calc(1.34rem + 5em);
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 .col02 .item {
    width: auto;
  }
}
#main .sitemap .inner .block02 .col02 .item .name {
  width: 1.34rem;
}
#main .sitemap .inner .block02 .col03 .item {
  width: calc(.94rem + 4em);
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 .col03 .item {
    width: auto;
  }
}
#main .sitemap .inner .block02 .col03 .item .name {
  width: .94rem;
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 .col03 .item .name {
    width: 1.34rem;
  }
}
@media screen and (max-width: 750px) {
  #main .sitemap .inner .block02 .col04 {
    padding: 0 0 0 1.34rem;
  }
}

body.top #main {
  margin: 0 0 1.2rem;
}
@media screen and (max-width: 750px) {
  body.top #main {
    margin: 0;
  }
}
body.top #main .mainVisual {
  height: 10rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual {
    height: 5.53rem;
  }
}
body.top #main .mainVisual .slide .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: 50% 50% / cover no-repeat;
  transform: scale(1.1);
  transition: opacity 1.4s ease;
}
body.top #main .mainVisual .slide .image.active {
  opacity: 1;
  z-index: +1;
  animation: mv 7s linear;
}
body.top #main .mainVisual .slide .image.image01 {
  background-image: url("../imgs/mainVisual01@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .slide .image.image01 {
    background-image: url("../imgs/mainVisual01_sp.jpg");
  }
}
body.top #main .mainVisual .slide .image.image02 {
  background-image: url("../imgs/mainVisual02@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .slide .image.image02 {
    background-image: url("../imgs/mainVisual02_sp.jpg");
  }
}
body.top #main .mainVisual .slide .image.image03 {
  background-image: url("../imgs/mainVisual03@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .slide .image.image03 {
    background-image: url("../imgs/mainVisual03_sp.jpg");
  }
}
body.top #main .mainVisual .slide .image.image04 {
  background-image: url("../imgs/mainVisual04@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .slide .image.image04 {
    background-image: url("../imgs/mainVisual04_sp.jpg");
  }
}
body.top #main .mainVisual .slide .image.image05 {
  background-image: url("../imgs/mainVisual05@2x.jpg");
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .slide .image.image05 {
    background-image: url("../imgs/mainVisual05_sp.jpg");
  }
}
body.top #main .mainVisual .text {
  width: 100%;
  position: absolute;
  top: 3.2rem;
  left: 0;
  z-index: +1;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .text {
    top: 2.14rem;
  }
}
body.top #main .mainVisual .text .line01,
body.top #main .mainVisual .text .line02 {
  font-size: .7rem;
  line-height: 1.4285714286;
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .text .line01,
  body.top #main .mainVisual .text .line02 {
    font-size: .4rem;
    line-height: 1.375;
  }
}
body.top #main .mainVisual .text .globe {
  width: .5rem;
  margin: .2rem 0 0;
  vertical-align: text-top;
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .text .globe {
    width: .27rem;
    margin: .14rem 0 0;
  }
}
body.top #main .mainVisual .text .line03 {
  font-size: .16rem;
  font-weight: bold;
  line-height: 1.3125;
}
@media screen and (max-width: 750px) {
  body.top #main .mainVisual .text .line03 {
    font-size: .12rem;
    line-height: 1.3333333333;
  }
}
body.top #main .mainVisual .text span {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 0.7rem, 0);
  transition: 1s ease;
  transition-property: opacity,transform;
}
body.top #main .mainVisual.ready .text span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
body.top #main .topCompany {
  margin: -1.6rem 0 0;
  position: relative;
  z-index: +1;
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany {
    margin: 0;
  }
}
body.top #main .topCompany .wrap {
  padding: 0;
}
body.top #main .topCompany .box {
  display: flex;
  height: 3.62rem;
  background: url("../imgs/bg-top01.jpg") 0 0/auto 100% no-repeat;
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany .box {
    display: block;
    height: auto;
    background: none;
  }
}
body.top #main .topCompany .box .text {
  box-sizing: border-box;
  width: 9.6rem;
  padding: .96rem 0 0 1.5rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany .box .text {
    box-sizing: border-box;
    width: auto;
    height: 6rem;
    padding: .44rem .4rem 0;
    background: url("../imgs/bg-top01_sp.jpg") 0 0/cover no-repeat;
  }
}
body.top #main .topCompany .box .text .title {
  position: absolute;
  color: #f07f0e;
  font-size: .18rem;
  line-height: 1;
  top: .96rem;
  left: 1.18rem;
  transform-origin: top left;
  transform: rotate(90deg);
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany .box .text .title {
    display: none;
  }
}
body.top #main .topCompany .box .text p {
  line-height: 2.1428571429;
}
body.top #main .topCompany .box .text p .line {
  display: block;
  opacity: 0;
  transform: translate3d(0, -1em, 0);
  transition: 1s ease;
  transition-property: opacity,transform;
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany .box .text p .line {
    display: inline;
  }
}
body.top #main .topCompany .box .text p .line:nth-child(2) {
  transition-delay: 1s;
}
body.top #main .topCompany .box .text p .line:nth-child(3) {
  transition-delay: 2s;
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany .box .text p .line br {
    display: none;
  }
}
body.top #main .topCompany .box .text p.aos-animate .line {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
body.top #main .topCompany .box .link {
  width: 2.4rem;
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany .box .link {
    width: auto;
  }
}
body.top #main .topCompany .box .link a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 1.36rem 0 0;
  background: #f07f0e url("../imgs/arrow_w.svg") 50% 2.22rem/0.22rem auto no-repeat;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.top #main .topCompany .box .link a {
    height: 1.2rem;
    padding: .36rem 0 0;
    background-position: calc(100% - .24rem) 50%;
  }
}
body.top #main .topCompany .box .link a .en {
  display: block;
  font-size: .24rem;
  line-height: 1.3333333333;
}
body.top #main .topCompany .box .link a .ja {
  display: block;
  font-size: .14rem;
  line-height: 1.3571428571;
}
body.top #main .topNews {
  margin: 1.28rem 0 0;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews {
    margin: .46rem 0 0;
  }
}
body.top #main .topNews .box {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box {
    display: block;
    height: auto;
  }
}
body.top #main .topNews .box .text {
  display: flex;
  width: 9.6rem;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .text {
    display: block;
    width: auto;
  }
}
body.top #main .topNews .box .text .title {
  box-sizing: border-box;
  width: 2rem;
  padding: 0 0 0 .4rem;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .text .title {
    display: flex;
    width: auto;
    padding: 0;
    align-items: center;
  }
}
body.top #main .topNews .box .text .title .en {
  display: block;
  color: #f07f0e;
  font-size: .32rem;
  line-height: 1;
}
body.top #main .topNews .box .text .title .ja {
  display: block;
  margin: .1rem 0 0;
  color: #a9a9a9;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .text .title .ja {
    margin: 0 0 0 .2rem;
  }
}
body.top #main .topNews .box .text .list {
  width: 6.9rem;
  padding: 0 .15rem 0 0;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .text .list {
    width: auto;
    margin: .28rem 0 0;
    padding: 0;
  }
}
body.top #main .topNews .box .text .list li {
  border-bottom: 1px solid #EFEFEF;
}
body.top #main .topNews .box .text .list li + li {
  padding-top: .3rem;
}
body.top #main .topNews .box .text .list li:last-child {
  border-bottom: none;
}
body.top #main .topNews .box .text .list li:last-child a {
  padding-bottom: 0;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .text .list li:last-child a {
    padding-bottom: .3rem;
  }
}
body.top #main .topNews .box .text .list a {
  display: block;
  padding: 0 .42rem .3rem 0;
  background: url("../imgs/arrow_o.svg") 100% 0.34rem/0.22rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .text .list a {
    padding: 0 .58rem .3rem 0;
    background-position: calc(100% - .18rem) 0.34rem;
  }
}
body.top #main .topNews .box .text .list .data {
  display: flex;
  line-height: .14rem;
}
body.top #main .topNews .box .text .list .data .date {
  color: #a9a9a9;
}
body.top #main .topNews .box .text .list .data .category {
  font-size: .12rem;
  color: #f07f0e;
}
body.top #main .topNews .box .text .list .summary {
  margin: .13rem 0 0;
  line-height: 1.3571428571;
}
body.top #main .topNews .box .link {
  width: 2.4rem;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .link {
    width: 100vw;
    margin: .16rem -.24rem 0;
  }
}
body.top #main .topNews .box .link a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 3.62rem;
  padding: 1.36rem 0 0;
  background: #000 no-repeat;
  background-image: url("../imgs/arrow_w.svg"), url("../imgs/bg-top02.jpg");
  background-position: 50% 2.22rem, 50% 100%;
  background-size: .22rem auto, 100% auto;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.top #main .topNews .box .link a {
    height: 1.28rem;
    padding: .36rem 0 0;
    background-image: url("../imgs/arrow_w.svg"), url("../imgs/bg-top02_sp.jpg");
    background-position: calc(100% - .24rem) 50%, 50% 100%;
  }
}
body.top #main .topNews .box .link a .en {
  display: block;
  font-size: .24rem;
  line-height: 1.3333333333;
}
body.top #main .topNews .box .link a .ja {
  display: block;
  font-size: .14rem;
  line-height: 1.3571428571;
}

#footer {
  box-sizing: border-box;
  height: 2.9rem;
  position: relative;
  padding: .8rem 0 0;
  background: #313131;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #footer {
    height: 2.34rem;
    margin: 0;
    padding: .32rem 0 0;
  }
}
#footer .fNav {
  padding: 0 0 0 .4rem;
}
@media screen and (max-width: 750px) {
  #footer .fNav {
    padding: 0;
  }
}
#footer .fNav .line01 {
  display: flex;
}
@media screen and (max-width: 750px) {
  #footer .fNav .line01 {
    display: none;
  }
}
#footer .fNav .line01 li {
  text-align: center;
}
#footer .fNav .line01 li + li {
  margin: 0 0 0 .2rem;
}
#footer .fNav .line01 li .en {
  display: block;
  font-size: .16rem;
  line-height: 1.3125;
}
#footer .fNav .line01 li .ja {
  display: block;
  color: #606060;
  font-size: .1rem;
  font-weight: bold;
  line-height: 1.4;
}
#footer .fNav .line02 {
  display: flex;
  margin: .22rem 0 0;
}
@media screen and (max-width: 750px) {
  #footer .fNav .line02 {
    display: block;
    margin: 0;
  }
}
#footer .fNav .line02 li {
  font-size: .12rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #footer .fNav .line02 li {
    line-height: 2.5;
  }
}
#footer .fNav .line02 li + li {
  margin: 0 0 0 .2rem;
  border-left: 1px solid #fff;
  padding: 0 0 0 .2rem;
}
@media screen and (max-width: 750px) {
  #footer .fNav .line02 li + li {
    margin: 0;
    border-left: none;
    padding: 0;
  }
}
#footer .fNav .sns {
  display: flex;
  margin: .22rem 0 0;
}
@media screen and (max-width: 750px) {
  #footer .fNav .sns {
    margin: .32rem 0 0;
  }
}
#footer .fNav .sns li + li {
  margin: 0 0 0 .16rem;
}
@media screen and (max-width: 750px) {
  #footer .fNav .sns li + li {
    margin: 0 0 0 .32rem;
  }
}
#footer .fNav .sns li img {
  height: .14rem;
}
@media screen and (max-width: 750px) {
  #footer .fNav .sns li img {
    height: .22rem;
  }
}
#footer .fNav .sns li.tw img {
  width: .22rem;
  height: auto;
}
#footer .copyright {
  margin: .48rem 0 0;
  padding: 0 0 0 .4rem;
  color: #606060;
  font-size: .12rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #footer .copyright {
    margin: .32rem 0 0;
    padding: 0;
  }
}
#footer .pageTop {
  width: .88rem;
  position: absolute;
  top: 0;
  right: 0;
}
#footer .pageTop a {
  display: block;
  box-sizing: border-box;
  height: 2.9rem;
  padding: 1.52rem 0 0;
  background: #f07f0e url("../imgs/arrow_up.svg") 50% 1.22rem/0.16rem auto no-repeat;
  font-size: .10rem;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #footer .pageTop a {
    height: 2.34rem;
    padding: 1.28rem 0 0;
    background-position: 50% .94rem;
    background-size: .19rem auto;
  }
}

/*# sourceMappingURL=common.css.map */
