@charset "UTF-8";
html{
  font-size: 10px;
}
body{
  color: #363636;
  font-size: 1.4rem;
}
.f-size64{
  font-weight: bold;
  font-size: 5.5rem;
}
.f-size55{
  font-size: 5.5rem;
}
.f-size28{
  font-size: 2.4rem;
}
.f-size40{
  font-size: 4.0rem;
}
.f-size45{
  font-size: 4.5rem;
}
.f-size15{
  font-size: 1.5rem;
}
.f-size20{
  font-size: 1.6rem;
}
.f-size22{
  font-size: 2.2rem;
}
.f-size24{
  font-size: 2.4rem;
}
.f-gill{

}
/*リンクのいろ*/
.news_category{ color: white; }






nav h1 a{
  padding: 30px;
  display: block;
}
.wide1300{
  padding: 0 10px;
  min-width: 1000px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wide1000{
  padding: 0 10px;
  width: 1000px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.min-w1000{
  min-width: 1000px;
}
.mainimage{
  position: relative;
}
.mainimage{
  background-image: url(../img/top-mainimage-bg-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.mainimage:after{
  position: absolute;
  content: " ";
  bottom: -4px;
  right: 0px;
  display: block;
  width: 120px;
  height: 120px;
  background-image: url(../img/top-mainimage-symbol.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.mainimage-text{
  padding-top: 230px;
  padding-bottom: 320px;
  text-align: center;
}

.mainimage-text{
  color: white;
  text-shadow: 0px 0px 8px #000979cf;
}
.nav{
  border-bottom: 1px solid white;
}
.nav-btn{
  position: relative;
  line-height: 1;
  float: left;
  text-align: center;
  margin: 10px auto;
  margin-right: 20px;
  font-weight: bold;
}
.nav-btn .nav-btn-first,
.nav-btn a{
  color: white;
}
.nav-btn .nav-btn-first,
.nav-btn a{
  display: inline-block;
    padding-top: 30px;
    padding-bottom: 25px;
    padding-right: 35px;
    padding-left: 35px;
}
.nav-btn.under-ber{
  padding-bottom: 13px;
}
.under-ber a{
  padding-bottom: 12px;
}
.under-ber a:hover{
  padding-bottom: 10px;
  border-bottom: 2px solid white;
}
.nav-btn:hover .nav-btn-inner{
  display: block;
}
.nav-btn-inner{
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: none;
  z-index: 1;
}
.nav-btn-inner li{

}
.nav-btn-inner li:first-of-type a{
  border-top: 1px solid #001B72;
}
.nav-btn-inner li a{
  color: white;
  padding: 15px 10px;
  width: 100px;
  line-height: 1.5;
  border-top: 1px solid white;
  background-color: #001B72;
}
.nav-btn-inner li:hover + li a{
  border-color: #001B72;
}

.nav-btn-inner li:hover a{
  background-color: white;
  border: 1px solid #001B72;
  padding: 15px 9px;
}
.nav-btn-inner li:hover a{
  color: #001B72;
}
.nav-btn-inner.w120{
  left: -10px;
}
.nav-btn-inner.w120 li a{
  width: 130px;
}
.nav-btn-inner.w185 li a{
  width: 185px;
}

.about-nav{
  border: none;
  background-color: white;
}
.about-nav-btn{
  position: relative;
  line-height: 1;
  float: left;
  text-align: center;
  margin: 10px auto;
  margin-right: 20px;
  font-weight: bold;
}
.about-nav-btn a{
  color: #243E91;
}
.nav-btn-first{
  color: #243E91;
}
.nav-btn-first,
.about-nav-btn a{
  display: inline-block;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-right: 35px;
  padding-left: 35px;
}
.about-nav-btn.under-ber{
  padding-bottom: 13px;
}
.about-nav-btn.under-ber a:hover{
  padding-bottom: 10px;
  border-bottom: 2px solid #243E91;
}
.about-nav-btn:hover .nav-btn-inner{
  display: block;
}

.recruit-btn{
  background-image: url(../img/recruit-btn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.recruit-btn{
  width: 205px;
  margin-right: 60px;
}
.recruit-btn span{
  color: white;
}
.recruit-btn::after{
  border-bottom: none;
}
/* .recruit-btn:hover{
  opacity: 0.6;
} */

.about-mainimage{
  background-image: url(../img/about-mainimage.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.mainimage-pp {
  background-image: url(../img/pp-mainimage.jpg);
}

.mainimage-notice {
  background-image: url(../img/notice-mainimage.jpg);
}
.mainimage-recruit {
  background-image: url(../img/recruit-mainimage.jpg);
}

.mainimage-service {
  background-image: url(../img/service-mainimage.jpg);
}

.mainimage-message {
  background-image: url(../img/message-mainimage.jpg);
}

.mainimage-contact {
  background-image: url(../img/contact-mainimage.jpg);
}
.mainimage-vision {
  background-image: url(../img/vision-mainimage.jpg);
}
.mainimage-vision {
  background-image: url(../img/vision-mainimage.jpg);
}
.mainimage-site-map{
  background-image: url(../img/site-map-mainimage.jpg);
}
.mainimage-new-graduate{
  background-image: url(../img/newgraduate-mainimage.jpg);
}
.mainimage-mid-career{
  background-image: url(../img/midcareer-mainimage.jpg);
}
.mainimage-interview{
  background-image: url(../img/interview-mainimage.jpg);
}
.about-mainimage{
  position: relative;
}
.about-mainimage-text{
  color: white;
}
.about-mainimage-text{
  text-align: center;
  padding: 110px 0;
}
.about-mainimage-text h2,
.about-mainimage-text .f-size64{
  letter-spacing: 0.2em;
  text-shadow:0px 0px 8px rgba(0,0,0,0.55);
}
.about-mainimage-text p,
.about-mainimage-text .f-size28{
  letter-spacing: 0.5em;
text-shadow:0px 0px 8px rgba(0,0,0,0.55);
}

.about-mainimage-text p:nth-of-type(2){
  padding-top: 40px;
}
.about-mainimage:after{
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0;
  content: url(../img/mainimage-after.png);
}
.cumbs{
  padding: 10px 0;
  margin-bottom: 100px;
  font-size: 1.6rem;
}
.cumbs a:hover{
  opacity: 0.6;
}
.cumbs.no-margin{
  margin-bottom: auto;
}
.doc-table{
  width: 100%;
  border-spacing: 0;
}
.doc-table th{
  font-weight: normal;
  background-image: url(../img/bg_doc-table.png);
  background-repeat: no-repeat;
  background-position: center right;
}
.doc-table th,
.doc-table td{
  padding: 40px 0;
  border-bottom: 1px solid #C5D0F2;
}
.doc-table th{
  padding-left: 50px;
  padding-right: 50px;
  font-weight: bold;
  text-align: left;
  color: #243E91;
  vertical-align: middle;
  width: 6em;
}
.doc-table td{
  padding-left: 70px;
}
.sec-title{
  padding: 70px 0;
}
.sec-title h2{
  padding-bottom: 30px;
}

.link-workers-box{
  position: relative;
  padding-top: 700px;
  margin-bottom: 100px;
}
.link-workers-box .workers-img:hover {
    opacity: 0.6;
}
.workers-img{
  position: absolute;
}
.workers-img:nth-of-type(1){
  top: 0;
  left: 0;
}
.workers-img:nth-of-type(2){
  bottom: -8px;
  left: 215px;
}
.workers-img:nth-of-type(3){
  top: -27px;
  left: 525px;
}
.workers-img:nth-of-type(4){
  bottom: 0;
  left: 750px;
}
.new-graduate-entry-wrapper{
  background-image: url(../img/title_entry.png),url(../img/bg_link_entry.jpg);
}
.mid-career-entry-wrapper{
  background-image: url(../img/title_entry.png),url(../img/bg_link_entry02.jpg);
}
.worker-entry-wrapper{
  background-image: url(../img/title_entry.png),url(../img/bg_link_entry03.jpg);
}
.entry-wrapper{
  background-repeat: no-repeat;
  background-position: center 100px,top center;
  background-size: auto,cover;
}
.entry-wrapper{
  text-align: center;
  padding: 150px 0;
}
.entry-title{
  color: white;
  text-align: center;
  margin-bottom: 150px;
  letter-spacing: 0.5rem;
}
.entry-box{
  padding: 75px 100px;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;

}
.entry-box div:hover {
    opacity: 0.6;
}
.btn-left,
.btn-right{
  width: 45%;
}
.btn-left{
  float: left;
}
.btn-right{
  float: right;
}
.btn-left img,
.btn-right img{
  width: 100%;
}
.icon-mail{
  margin-right: 24px;
  display: inline-block;
  content: " ";
  width: 64px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../img/icon_mail.png);
  float: left;
}
.mail-txt{
  display: block;
  line-height: 48px;
  float: left;
}
.doc-title{
  line-height: 54px;
  color: #243E91;
  padding-left: 30px;
  margin-bottom: 25px;
  background-image: url(../img/doc-title.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 80%;
}
.doc-title.border-b{
  border-bottom: 1px solid #C1C1C1;
}
/*-----------------

toppage

------------------*/
section:nth-of-type(odd) .top-title-box{
  text-align: right;
}
section:nth-of-type(even) .top-title-box{
  text-align: left;
}
.top-title-box h2{
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.top-title-box p{
  margin: 40px auto;
}
.top-more-btn{
  color: red;
  font-weight: bold;
  width: 280px;
  border: 3px solid red;
  text-align: center;
}
.top-more-btn a{
  display: block;
  padding: 30px 0;
}
section:nth-of-type(even) .top-more-btn{
  margin-left: 60px;
  margin-right: auto;
}
section:nth-of-type(odd) .top-more-btn{
  margin-right: 60px;
  margin-left: auto;
}
.top-more-btn a{
  color: red;
}

.top-news-wrapper{
  background-image:
  url(../img/top-news-bg-text.png),
  url(../img/top-news-bg-symble.png);
  background-repeat: no-repeat;
  background-position: -110px -40px,top left;
  padding: 150px 0;

}
.top-news-title{
  display: inline-block;
  letter-spacing: 0.2em;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  margin-bottom: 10px;
}
.top-news-inner li{
  padding: 10px;
  border-bottom: 1px solid #ADADAD;
  font-size: 1.8rem;
}
.news_category{
  display: inline-block;
  width: 7em;
  text-align: center;
  margin: 0 0.5em;
}
.news-more-btn{
  margin: 60px auto 0;
  width: 470px;
  text-align: center;
  border: 1px solid #243E91;
}
.news-more-btn a{
  color: #243E91;
  display: block;
  padding: 30px 0;
  width: 100%;
}
.top-company-wrapper{
  padding: 150px 0;
  background-image:
  url(../img/top-company-bg-text.png),
  url(../img/top-company-bg-img.png);
  background-repeat: no-repeat;
  background-position: -110px -40px,top right;
}
.top-vision-wrapper{
  padding: 150px 0;
  padding-top: 350px;
  background-image:
  url(../img/top-vision-bg-text.png),
  url(../img/top-vision-bg-img.png);
  background-repeat: no-repeat;
  background-position: calc(100% + 110px) -40px,top left;
}
.top-service-wrapper{
  padding: 150px 0 400px;
  background-image:
  url(../img/top-service-bg-img.png),
  url(../img/top-service-bg-text.png);
  background-repeat: no-repeat;
  background-position: right top,-40px -40px ;
  background-size: auto 100%, auto;
}
.top-recruit-wrapper{
  position: relative;
  padding: 150px 0;
  background-image:
  url(../img/top-recruit-bg-text.png);
  background-repeat: no-repeat;
  background-position: calc(100% + 110px) -40px;
}
.top-recruit-wrapper::after{
  position: absolute;
  content: " ";
  display: block;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/top-recruit-bg-img.png);
  background-repeat: no-repeat;
  background-position: top left;
}
.top-contact-wrapper{
  text-align: center;
  padding: 300px 0 120px;
  background-image:
  url(../img/top-contact-bg-text.png),
  url(../img/top-contact-bg-img.png);
  background-repeat: no-repeat;
  background-position: center 160px,right top;
  background-size: auto,auto 100%;
}
.top-contact-title{
  color: white;
  text-align: center;
  margin-bottom: 90px;
}
/*-----------------

Site map

------------------*/
.site-doc-wrapper{
  margin-bottom: 220px;
}
.site-doc-inner{
  margin-top: 25px;
  padding-left: 30px;
  margin-bottom: 50px;
}
.site-map-list li{
  line-height: 2em;
}
.site-map-list li:hover a {
    opacity: 0.6;
}
.site-map-list a {
    color: #243e91;
}
/*-----------------

Worker

------------------*/
.worker-profile{
  padding-top: 270px;
  margin-bottom: 150px;
  background-position: top center;
  background-repeat: no-repeat;
}
.worker-profile.worker01{
  background-image: url(../img/bg_face-worker01.png);
}
.worker-profile.worker02{
  background-image: url(../img/bg_face-worker02.png);
}
.worker-profile.worker03{
  background-image: url(../img/bg_face-worker03.png);
}
.worker-profile.worker04{
  background-image: url(../img/bg_face-worker04.png);
}

.worker-name-eiji{
  line-height: 1.1;
  letter-spacing: 0.25em;
  font-weight: bold;
  color: #C9DE26;
}
.worker-name{
  line-height: 85px;
  color: #243E91;
}
.worker-left .worker-profile-inner{
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../img/bg_worker-name-left.png);
}
.worker-right .worker-profile-inner{
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(../img/bg_worker-name-right.png);

}
.worker-profile.worker-right{
  text-align: right;
}
.worker-profile-inner p{
  padding-bottom: 10px;
  font-weight: bold;
}
.worker-doc-inner{
  font-weight: bold;
  margin-top: 60px;
  padding-left: 9.5em;
  margin-bottom: 50px;
}
/*-----------------

採用情報

-----------------*/
.recruit-catch{
  text-align: center;
  margin: 80px auto 150px auto;
  color: #646464;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.recruit-message-wrapper{
  background-image: url(../img/bg_recruit-message.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 100% ;
}
.recruit-message-wrapper{
  padding-top: 230px;
  padding-bottom: 170px;;
}
.recruit-title {
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
.recruit-title-eiji {
  margin-bottom: 100px;
  letter-spacing: 0.3em;
}
.btn_recruit{
  background-image: url(../img/recruit-more-btn.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.btn_recruit p{
  padding: 45px 180px;
  width: 145px;
  text-align: center;
  display: inline-block;
}
.btn_recruit a{
  color: red;
}
.btn_recruit_message {
  background-position: left;
  text-align: left;
}
.btn_recruit_vision{
  background-position: center;
  text-align: center;
}
.recruit-vision-title{
  text-align: center;
}
.recruit-vision-title-eiji{
  text-align: center;
}
.recruit-vision-wrapper{
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: #001B72;
  color: white;
}
.btn_recruit_vision{
  margin: 0 auto;
}
.recruit-interview-wrapper{
  padding-bottom: 60px;
}
.recruit-point-wrapper{
  padding-top: 140px;
  padding-bottom: 90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../img/bg_link_entry04.jpg);
}
.recruit-point-title{
  text-align: center;
  margin-bottom: 35px;
}
.recruit-point-title-eiji{
  text-align: center;
  margin-bottom: 40px;
}
.recruit-point-text{
  margin-bottom: 90px;
}
.recruit-interview-link{
  margin: 0 auto;
}
.recruit-interview-link img{
  width: 100%;
}
/*-----------------

プライバシーポリシー

-----------------*/
.p-p-note{
  margin-bottom: 35px;
}
.p-p-doc-inner{

}
.p-p-doc-inner li {
  text-indent: -1em;
  padding-left: 1em;
  margin: 20px auto;
}
.p-p-doc-inner p{
  margin: 40px auto 60px auto;
  line-height: 1.8em;
}

/*-----------------

企業理念

------------------*/
.vision-wrapper{
  padding-bottom: 600px;
  margin-bottom: 150px;
}
.vision-wrapper{
  background-position: bottom left;
  background-repeat: no-repeat;
  background-image: url(../img/bg-vision.jpg);
}
.vision-name{
  font-weight: bold;
  text-align: right;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.vision-text{
  padding-left: 1em;
  margin-bottom: 70px;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.vision-text p{
  line-height: 2.3em;
  letter-spacing: 3px;
}
.vision-name p{
  padding-bottom: 40px;
}
/*-----------------

代表からのメッセージ

------------------*/
.message_wrapper{
  padding-top: 1000px;
  background-image: url(../img/bg_message.jpg);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
  margin-bottom: 200px;
}
.message_wrapper .wide1000{
  position: relative;

}
.message-name{
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: -130px;
  float: right;
}
.message-text{
  position: absolute;
  bottom: -100px;
  width: 80%;
  background-image: url(../img/bg_message-text.png);
  background-size: 100%;
  line-height: 2em;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*-----------------

お知らせ

-----------------*/

.addition {
  background-color: #18C3EB;
}
.release {
  background-color: #700EC4;
}
.infomation  {
  background-color: #1849EB;
}
.uncategorized{
  background-color: #dddddd;
}

#notice {
  font-size: 1.6rem;
}

#notice .notice-category02 {
  width: 100%;
  padding: 5px 30px;
  border-radius: 0px;
  text-align: center;
  color: white;
  font-size: 0.7em;
}
#notice .sec01 {
  margin-bottom: 100px;
}

#notice .sec01_left-inner{
  float: left;
  width: 75%;
}
#notice .sec01_right-inner{
  float: right;
  width: 17%;
  line-height: 2em;
}
#notice .sec01_right-inner h3{
  font-size: 1.2em;
  font-weight: bold;
  color:#001c72;
  border-bottom: 1px solid #cecece;
  padding: 2px 0;
}
#notice .category-group,
#notice .month-group{
  padding-left: 20px;
  padding-bottom: 5px;
}
#notice .month-title{
  border-bottom: 1px solid #cecece;
}
#notice .page-num{
  text-align: center;
  margin: 50px 0;
}
#notice .notice-date,
#notice .notice-category,
#notice .notice-subject,
#notice .notice-detail{
  display: inline-block;
}
#notice .notice-date{
  width: 12.5%;
}
#notice .notice-category{
  width: 15%;
  padding: 5px 10px;
  margin-right: 10px;
  text-align: center;
  color: white;
  font-size: 0.7em;
}
#notice .notice-subject{
  width: 50%;
}
#notice .notice-detail{
  border: 1px solid #111;
  border-radius: 0px;
  width: 14%;
  float: right;
  text-align: center;
}
#notice .notice-detail a{
  padding: 4px;
  display: block;
  font-size: 0.7em;
}
#notice .sec01_left-inner li {
  position: relative;
  border-bottom: 1px solid #cecece;
  padding: 8px 0;
}
#notice .sec01_left-inner .title-space_left li {
  border-bottom: none;
}
.press-release{
  background-color: #ff2e00;
}
.notice{
  background-color: #00b3ff;
}
.update{
  background-color: #ffb800;
}
#notice .current-page{
  font-weight: bold;
}
/*notice details*/
#notice .title{
  font-size: 1.4em;
}
#notice .title-space{
  padding-bottom: 20px;
  border-bottom: solid 1px #cecece;
}
#notice .title-space_left{
  float: left;
}
#notice .title-space_right{
  width: 78%;
  float: right;
  padding-right: 20px;
  font-weight: bold;
  line-height: 1.8em
}
#notice .date{
  font-size: 1.3em;
}
#notice .category{
  font-size: 0.6em;
  padding: 5px;
  border-radius: 20px;
  background: red;
  text-align: center;
  display: inline-block;
  line-height: 1em;
  color: white;
}
#notice .content{
  padding: 20px 0;
}
#notice .pager{
  margin: 50px 0;
  border: 1px solid #cecece;
  padding: 10px 0;
  font-size: 1.5rem;
  border-radius: 10px;
}
#notice .prev-page{
  padding: 10px;
  padding-left: 30px;
  float: left;
  width: 38%;
  border-right: 1px solid #cecece;
}
#notice .next-page{
  float: right;
  width: 38%;
  text-align: right;
  padding: 10px;
  padding-right: 30px;
}

#notice li .category-list{
  padding: 4px 0;
}
#notice li .month-list{
  padding: 4px 0;
}

/*----------------
notice background
------------------*/
/*-----------------
notice color
------------------*/

/*-------------------

会社概要

--------------------*/
.about-us-title{
  color: #243E91;
  padding: 150px 0 160px;
}
.about-us-title h3{
  letter-spacing: 0.1em;
}
.about-us-title p{
  letter-spacing: 0.3em;
}
.about-us-access-title{
  padding-bottom: 100px;
}
.about-us-table{
  width: 75%;
  margin-right: 0;
  margin-left: auto;
  border-top: 1px solid #AAAAAA;
}
.about-us-table th,
.about-us-table td{
  border-bottom: 1px solid #AAAAAA;
}
.about-us-table li{
  padding-left: 1em;
  text-indent: -1em;
}
.about-us-table-wrapper{
  background-image: url(../img/bg_about-us-table.jpg);
  background-repeat: no-repeat;
  background-position: left 100px ;
}
.about-us-table-wrapper02{
  background-image: url(../img/bg_about-us-table02.jpg);
  background-repeat: no-repeat;
  background-position: right 100px ;
}
.map-niigata-wrapper,
.map-tokyo-wrapper{
  margin-bottom: 150px;
  clear: both;
  height: 450px;
}
.map-niigata-text,
.map-tokyo-text{
  line-height: 1.8em;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.map-niigata-text h4,
.map-tokyo-text h4{
  margin-bottom: 40px;
}
.train-box{
  margin-top: 100px;
}
.map-niigata-text{
  text-align: right;
  position: absolute;
    top: 0;
    right: 0;
}
.map-tokyo-text{
  text-align: left;
  position: absolute;
    top: 0;
    left: 0;
}
.map-wrapper{
  position: relative;
  width: 70%;
  overflow: hidden;
  height: 450px;
}
.map-wrapper::after{
  position: absolute;
  top: 0;
  content: " ";
  font-size: 0;
  display: block;
  height: 450px;
  width: 350px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.map-right::after{
  background-image: url(../img/map-right.png);
  right: -1px;
}
.map-left::after{
  background-image: url(../img/map-left.png);
  left: -1px;
}
.map-right{
  margin-left: 0;
  margin-right: auto;
  float: left;
}
.map-left{
  margin-right: 0;
  margin-left: auto;
  float: right;
}
.marunouti{
  color: #BA0000;
}
.sinjuku{
  color: #99C731;
}
.ginza{
  color: #9DB10A;
}
.tiyoda{
  color: #008B5B;
}
.business-text {
  line-height: 2em;
}
/*-----------------

  沿革

------------------*/
.history-wrapper{
  background-image: url(../img/bg_history-line.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.bg_company-history{
  text-align: center;
  width: 48%;
  float: left;
  height: 100%;
}
.bg_company-history{
  background-image: url(../img/bg_company-history.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.bg_company-history h3{
  padding: 50px 0;
}
.history-wrapper h3{
  letter-spacing: 0.3em;
}
.bg_product-history{
  text-align: center;
  width: 48%;
  float: right;
  height: 100%;
}
.bg_product-history{
  background-image: url(../img/bg_product-history.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.bg_product-history h3{
  padding: 50px 0;
}
.history-wrapper{
  position: relative;
  height: 1750px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.history_inner{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 110px;
}
.history-wrapper h4{
  background-image: url(../img/bg_history-since.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.history-wrapper h4{
  letter-spacing: 0.1em;
  font-size: 2.0rem;
  text-align: center;
  color: white;
  width: 180px;
  padding: 20px 0;
  margin: 0 auto;
  clear: both;
}
.history-wrapper h4+p{
  margin-top: 12px;
}
.history-wrapper p {
  font-size: 1.8rem;
    width: calc(50% - 61px);
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px;
    background-color: white;
    margin: 20px 10px;
    clear: both;
}
p.history-company{
  float: left;
  position: relative;
  text-align: right;
}
p.history-company:before{
  position: absolute;
  top: 0;
  bottom: 0;
  right: -39px;
  margin-top: auto;
  margin-bottom: auto;
  content: " ";
  display: block;
  width: 39px;
  height: 19px;
  background-image: url(../img/icon_company-history.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
p.history-product{
  position: relative;
  float: right;
  margin-top: auto;
}
p.history-product:before{
  position: absolute;
  top: 0;
  bottom: 0;
  left: -39px;
  margin-top: auto;
  margin-bottom: auto;
  content: " ";
  display: block;
  width: 39px;
  height: 19px;
  background-image: url(../img/icon_product-history.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

p.history-company+.history-product{
  clear: none;
  margin-top: 40px;
}
p.history-product:last-of-type {
    margin-bottom: 45px;
}
.after-clips,
.after-neppan-plus{
  position: relative;
}
.after-clips:after{
  position: absolute;
  left: 10px;
  bottom: -75px;
  width: 75%;
  height: 60px;
  content: " ";
  background-image: url(../img/clips_logo_02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.after-neppan-plus:after{
  position: absolute;
  right: 10px;
  bottom: -100px;
  width: 60%;
  height: 90px;
  background-image: url(../img/neppan_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}
/*-----------------

サービス

------------------*/
.service01,
.service02,
.service03{
  padding-bottom: 120px;
}
.service02{
  padding-top: 100px;
  margin-bottom: 0px;
}
.service03{
  padding-top: 100px;
  margin-bottom: 60px;
}
.service01{
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(../img/bg_service01.png);
}
.bg-c-gray{
  background-color: #F8F8F8;
}
.service02{

  background-position: center left;
  background-repeat: no-repeat;
  background-size: 65%;
  background-image: url(../img/bg_service02.png);
}
.service03{
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(../img/bg_service03.png);
}
.service-text{
  padding-top: 65px;
  padding-bottom: 40px;
  line-height: 1.8em;
}
.service01_inner{
  float: left;
  width: 44%;
}
.service02_inner{
  float: right;
  width: 44%;
}
.service03_inner{
  float: left;
  width: 44%;
}

.service-btn{
  width: calc(95%);
  margin: 0 auto;
  border: 3px solid red;
  color: red;
  text-align: center;
}
.service-btn a{
  display: block;
  padding: 30px;
  color: red;
}
.service-btn:hover a {
    background-color: red;
    color: white;
}
.history-wrapper img{
  width: 100%;
}
.history-wrapper{
  margin-bottom: 100px;
}
/*-----------------

footer

------------------*/
footer {
  background-color: #001B72;
  color: white;
}
footer a{
  color: white;
}
footer a:hover{
  opacity: 0.6;
}
.symbol{
  position: relative;
  background-image: url(../img/footer-symble.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 8%;
}
/* footer.symbol::after{
content: " ";
display: block;

background-image: url(../img/footer-symble.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
top: 0;
left: 0;
font-size: 0;
width: 214px;
height: 214px;
} */
.footer-logo{
  padding-top: 55px;
  padding-bottom: 45px;
  width: 420px;
  padding-right: 50px;
  border-bottom: 1px solid white;
  margin-bottom: 45px;
}
.footer-nav{
  padding: 0 10px;
}
.footer-nav-title{
  margin-bottom: 20px;
}
.fotter-nav-box li{
  margin: 15px auto;
}
.fotter-nav-box{
  float: left;
  padding-right: 50px;
}
li:last-of-type .fotter-nav-box{
  padding-right: 0;
}
.footer_wrapper01{
  margin-bottom: 145px;
}
.footer_wrapper02{
  padding: 0 10px;
  clear: both;
  margin-bottom: 75px;
}
.footer-access-niigata{
  float: left;
  width: 429px;
  border-right: 1px solid white;
  padding-right: 50px;
}
.footer-access-tokyo{
  float: left;
  width: 430px;
  padding-left: 50px;
}
.footer-access_box{
  padding-top: 20px;
  float: left;
  width: 50%;
  line-height: 2;
}
.footer-access_title{
  padding-bottom: 35px;
}
.footer-access_map-icon{
  padding-right: 60px;
  text-align: right;
}
.footer-access_map-icon:hover {
    opacity: 0.6;
}
.footer_wrapper03{
  margin-left: 25px;
  border-top: 1px solid white;
}
.footer_wrapper03 p{
  float: left;
  padding: 40px;
}
.footer_facebook-icon{
  float: right;
  padding: 20px;
}
/*ついてくるナビゲーション*/
.scroll-menu{
  position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.scroll-menu.fixed{
  background-color: white;
height: 100px;
}
.scroll-menu .nav{
  position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    width: 100%;
    border: none;
    width: 100%;
}
.scroll-menu.fixed .nav{
  background-color: white;
}
.scroll-toplogo{
  padding: 30px;
  padding-top: 40px;
}
.scroll-menu .nav-btn-first,
.scroll-menu .nav-btn a{
  color: #243E91;
}
.scroll-menu .recruit-btn span{
  color: white;
}
.scroll-menu .nav-btn-inner li a{
  color: white;
}
.scroll-menu .nav-btn-inner li a:hover{
  color: #001B72;
}
/*sp-nav*/
.scroll-menu h1{
  display: none;
}
.scroll-menu.active h1,
.scroll-menu.fixed h1{
  display: block;
}

/*ハンバーガーナビゲーション*/
@media (max-width:1000px){
  .wide1300{
    min-width: 1000px;
  }
  /* .footer-nav{
  padding: 0 15px;
}
.footer-logo{
padding-left: 15px;
}
.footer-access-niigata,
.footer-access-tokyo{
float: none;
border: none;
padding: 0 15px;
width: auto;
}
.footer-access-niigata{
padding-bottom: 45px;
border-bottom: 1px solid white;
} */
}
html#sp-view{
  font-size: 15px;
}
#sp-view .wide1000{
  width: 100%;
}
#sp-view .wide1300,
#sp-view .min-w1000{
  min-width: 100%;
}
#sp-view .about-mainimage{
  background-size: cover;
}
#sp-view .cumbs{
  padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.6rem;
}
/*トップページ*/
#sp-view .top-main-text01{
  font-size: 3rem;
  font-weight: normal;
}
#sp-view .top-main-text02{
  font-size: 1.5rem;
  margin-top: 1rem;
}

#sp-view .top-news-wrapper{
  background: none;
  background-image:
  url(../img/top-news-bg-symble.png);
  background-repeat: no-repeat;
  background-position: top left;
}
#sp-view .top-news-inner{
  font-size: 1.8em;
}
#sp-view .top-news-inner li{
  font-size: 1em;
}
#sp-view .top-news-title{
  border-bottom: none;
}
#sp-view .news_subject {
  display: block;
  margin-top: 1rem;
}
#sp-view .news_category{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#sp-view .top-sec-box{
  padding: 80px 0;
  background-color: white;
  width: 95%;
  text-align: center;
  box-shadow: 0px 6px 10px rgba(0,0,0,0.3);

}
#sp-view .top-title-box{
  text-align: center;
}
#sp-view .f-futura {
  font-size: 2em;
}
#sp-view .top-more-btn{
  margin:auto;
}
#sp-view .top-company-wrapper {
  background: none;
  background-image: url(../img/top-company-bg-img.png);
  background-repeat: no-repeat;
  background-position: top right;
}
#sp-view .top-company-wrapper{
  padding-top: 550px;
}
#sp-view .top-vision-wrapper{
  background: none;
  background-image:
  url(../img/top-vision-bg-img.png);
  background-repeat: no-repeat;
  background-position: top left;
}
#sp-view .top-service-wrapper{
  background: none;
  background-image:
  url(../img/top-service-bg-img.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% auto;
  padding-top: 560px;
  padding-bottom: 150px;
}
#sp-view .top-recruit-wrapper{
  background: none;
  background-image: url(../img/top-recruit-bg-img.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-top: 580px;
}
#sp-view .top-contact-wrapper{
  background: none;
  background-image:
  url(../img/top-contact-bg-img.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}
#sp-view  .entry-box{
  width: 95%;
  padding: 60px 40px;
}
#sp-view .entry-box-down{
  margin-top: 300px;
  box-shadow: 0px 6px 10px rgba(0,0,0,0.3);
}
#sp-view .btn-left,
#sp-view  .btn-right{
  width: 100%;
  float: none;
}
#sp-view .btn-left{
  margin-bottom: 60px;
}

#sp-view .footer-access-niigata {
  position: relative;
  float: none;
  width: auto;
  padding-right: 0px;
  padding-bottom: 60px;
  border: none;
  border-bottom: 1px solid white;
}
#sp-view .footer-access-tokyo{
  position: relative;
  float: none;
  width: auto;
  padding-left: 0px;
  padding-top: 60px;
  padding-bottom: 60px;
}
#sp-view .footer-access_box {
  padding-top: 0px;
  float: none;
  width: auto;
  line-height: 2;
}
#sp-view .footer-access_title {
  padding-bottom: 0px;
  font-size: 1.8em;
}
#sp-view .footer-access_map-icon {
  padding-right: 30px;
  padding-bottom: 60px;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 75px;
}
#sp-view .footer-access_map-icon img{
  width: 100%;
}
#sp-view .footer-access_box {
  padding-top: 0px;
  float: none;
  width: auto;
  line-height: 2;
  font-size: 1.4em;
}
#sp-view .footer_wrapper02{
  margin-bottom: auto;
}
#sp-view .footer_wrapper03 p{
  padding: 20px;
  padding-left: 0px;
}
#sp-view .footer-logo{
  border: none;
  padding-bottom: 0;
}
#sp-view .nav{
  width: 100%;
  border: none;
}
#sp-view .footer_wrapper01{
  margin-bottom: 60px;
}
#sp-view .footer_wrapper03{
  font-size: 1.2em;
  letter-spacing: .1em;
}
#sp-view .about-us-table{
  width: 95%;
    margin: 0 auto;
}
#sp-view .map-niigata-wrapper,
#sp-view .map-tokyo-wrapper{
  height: auto;
}
#sp-view .map-niigata-text p,
#sp-view .map-tokyo-text p{
    font-size: 1.7rem;
    font-weight: bold;
}
#sp-view .map-niigata-text,
#sp-view .map-tokyo-text{
  position: relative;
  width: 90%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 200px;
    position: relative;
    text-align: left;
    z-index:
}
#sp-view .map-wrapper{
  width: auto;
  float: none;
}
#sp-view .map-wrapper::after{
  background: none;
}
#sp-view .about-us-title h3{
  text-align: center;
}
#sp-view .about-us-title p{
  text-align: center;
}
#sp-view .sec-title {
  padding: 210px 0;
}
#sp-view .about-us-table-wrapper{
  background-position: top center;
}
#sp-view .about-us-table-wrapper02{
  background-position: top center;
}
#sp-view .business-text{
  width: 95%;
    margin: 0 auto;
}
#sp-view .about-us-access-title{
  padding-bottom: 60px;
}
#sp-view .vision-text {
  padding: 0;
  font-size: 2rem;
}
#sp-view .vision-wrapper{
  padding-bottom: 750px;
}
#sp-view .vision-wrapper{
  background-position: bottom right;
}
/*サービス*/
#sp-view .service01{
  padding-top: 600px;
    background-position: 50px 50px;
    background-size: 100%;
}
#sp-view .service01_inner{
  width: auto;
}
#sp-view .service02{
  padding-top: 400px;
    background-position: 50px 50px;
    background-size: 100%;
}
#sp-view .service02_inner{
  width: auto;
}
#sp-view .service03{
  padding-top: 600px;
    background-position: 50px 50px;
    background-size: 100%;
}
#sp-view .service03_inner{
  width: auto;
}
/*採用情報トップページ*/
#sp-view .recruit-catch{
  font-size: 3rem;
}
#sp-view .recruit-message-wrapper{
  background-image: url(../img/bg_recruit-message_sp.jpg);
  background-size: contain;
  text-align: center;
}
#sp-view .recruit-message-wrapper{
  padding-top: 500px;
}
#sp-view .recruit-message-text{
  padding: 80px 0;
    background-color: white;
    width: 95%;
    text-align: center;
    box-shadow: 0px 6px 10px rgba(0,0,0,0.3);
}
#sp-view .btn_recruit{
  width: 95%;
    margin: 0 auto;
}
#sp-view .btn_recruit a{
  display: block;
}
#sp-view .btn_recruit p{
  width: 100%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#sp-view .sec-interview-title h2,
#sp-view .sec-interview-title p{
  text-align: center;
}
/*新卒募集要項*/
#sp-view .new-graduate-entry-wrapper{
  background-size: auto;
}
#sp-view .new-graduate-entry-wrapper{
  padding-bottom: 100px;
}
/*中途採用要項*/
#sp-view .mid-career-entry-wrapper{
  background-size: auto;
  background-position: center 100px,top center;
    }
#sp-view .mid-career-entry-wrapper{
      padding-bottom: 100px;
    }
/*代表からのメッセージ*/
#sp-view .message_wrapper{
  background-position: center bottom;
    background-size: 150%;
    padding-top: 0;
    padding-bottom: 700px;
}
#sp-view .message-text{
  padding: 0;
    position: relative;
    width: 95%;
    margin: auto;
}
#sp-view .message-name{
  position: relative;
}
/*新卒・中卒募集　リンク*/
#sp-view .sec-title-worker{
  padding: 70px 0;
}
#sp-view .link-workers-box{
  padding-top: 0;
}
#sp-view .workers-img{
  position: relative;
  top: 0;
  left: 0;
}
#sp-view .workers-img img{
  width: 90%;
  margin: 30px auto;
}
/*ねっぱんで働く人たち*/
#sp-view #worker01{
  background-image: url(../img/bg_face-worker01_sp.jpg);
}
#sp-view #worker02{
  background-image: url(../img/bg_face-worker02_sp.jpg);
}
#sp-view #worker03{
  background-image: url(../img/bg_face-worker03_sp.jpg);
}
#sp-view #worker04{
  background-image: url(../img/bg_face-worker04_sp.jpg);
}
#sp-view .worker-profile{
  background-size: 100%;
    margin-bottom: 60px;
}
#sp-view .worker-profile-inner {
    text-align: left;
    padding-left: 60px;
}
#sp-view .worker-profile-inner h3{
  font-size: 2.4rem;
}
#sp-view .worker-profile-inner p{
  font-size: 2rem;
  padding-left: 3em;
    text-indent: -3em;
}
#sp-view .doc-title{
  padding-left: 60px;
  margin-top: 30px;
    background-size: auto;
    background-position: 20px top;
}
#sp-view .worker-doc-inner{
  padding-left: 60px;
    margin-top: 0px;
}
#sp-view .worker-name-eiji{
  display: none;
}
#sp-view .worker-entry-wrapper{
  background-size: auto;
}
#sp-view .worker-entry-wrapper{
  padding-bottom: 100px;
}
/*お知らせ*/
/*----------------
notice-detail
------------------*/
#sp-view #notice .title-space_left{
  float: none;
  width: auto;
  margin-bottom: 30px;
  margin-top: 90px;
}
#sp-view #notice .date{
  float: left;
  line-height: 1em;
  margin-right: 10px;
}
#sp-view #notice .category{
  font-size: 1em;
  float: left;
}
#sp-view #notice .title-space_right{
  clear: both;
  width: auto;
  float: none;
}
#sp-view #notice .title-space,
#sp-view #notice .content{
  margin: 3%;
}
#sp-view #notice .pager{
  font-size: 1em;
  border-radius: 0;
  border-right: none;
  border-left: none;
}
#sp-view #notice .prev-page{
  padding-left: 60px;
  position: relative;
}
#sp-view #notice .next-page{
  padding-right: 60px;
  position: relative;
}
#sp-view #notice .next-page::after{
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../img/sp_arrow_b.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: 15px;
  top: calc(50% - 15px);
}
#sp-view #notice .prev-page::after{
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../img/sp_arrow_b.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: 15px;
  top: calc(50% - 15px);
  transform: rotateZ(180deg);
}
#sp-view #notice li .month-list-group{
  padding-left: 40px;
}
/*----------------
notice-list
------------------*/

#sp-view #notice .sec01_left-inner {
  width: auto;
  float: none;
}

#sp-view #notice .sec01_right-inner{
  margin: 3%;
  width: auto;
  line-height: 2em;
  float: none;
}
#sp-view #notice .notice-detail{
  display: none;
}
#sp-view #notice .notice-date{
  width: auto;
}
#sp-view #notice .notice-category{
  width: auto;
}
#sp-view #notice .notice-subject{
  width: auto;
}
#sp-view #notice .notice-list{
  margin: 3%;
}
/*沿革*/
#sp-view .history-wrapper{
  background-image: url(../img/bg_history_sp.png),url(../img/bg_history-line_sp.png);
  background-position: 20px top, 50px top;
  height: 2650px;
}
#sp-view .history-wrapper h3{
  letter-spacing: 0;
}
#sp-view .bg_product-history h3{
  padding: 0;
}
#sp-view .bg_company-history h3{
  padding: 0;
}
#sp-view .history-wrapper h4{
  width: 250px;
  margin-left: 30px;
}
#sp-view .history-wrapper p {
  width: 496px;
  margin-right: 20px;
}
#sp-view .history-company {
float: right;
}
#sp-view .history-company:before {
  transform: rotatez(180deg);
  right: auto;
  left: -60px;
  width: 60px;
  height: 30px;
}
#sp-view p.history-product:before{
  width: 60px;
  height: 30px;
  left: -60px;
}
#sp-view .history-company+.history-product{
  clear: both;
}
#sp-view p.history-company{
  text-align: left;
}
#sp-view p.history-product:last-of-type{
  margin-bottom: 30px;
}
#sp-view p.history-company+.history-product{
  margin-top: 0px;
}
#sp-view p.after-clips+.history-product{
  margin-top: 60px;
}
#sp-view p.after-clips:after{
  left: auto;
  right: 0;
}
#sp-view .bg_company-history{
  background: none;
}
#sp-view .bg_product-history{
  background: none;
}
#sp-view .company-circle{
  color: #233f91;
  display: inline-block;
  padding-right: 15px;
}
#sp-view .product-circle{
  color: #bb0001;
  display: inline-block;
  padding-right: 15px;
}

/*スクロールナビゲーション*/
#sp-view .scroll-menu .nav{
  background-color: transparent;
}
#sp-view .scroll-menu .nav{
  background-color: transparent;
}
#sp-view .scroll-menu h1 .nav-open{
  display: none;
}
#sp-view .scroll-menu h1 .nav-close{
  display: block;
}
#sp-view .scroll-menu.active h1 .nav-open{
  display: block;
}
#sp-view .scroll-menu.active h1 .nav-close{
  display: none;
}


#sp-view .sp-menu-btn {
    position: absolute;
    top: 15px;
    right: 50px;
    z-index: 10;
    padding: 30px;
    padding-top: 40px;
}
#sp-view .sp-menu-btn span{
  display: block;
    height: 3px;
    background-color: white;
    width: 50px;
    margin-bottom: 15px;
}
#sp-view .sp-menu-btn.about span{
  background-color: #001B72;

}
#sp-view .fixed .sp-menu-btn span{
  background-color: #001B72;

}
#sp-view .active .sp-menu-btn span{
  background-color: white;
}
#sp-view .sp-menu-btn span{
transition: all 0.3s;
transform: rotate(0deg);
position: absolute;
}
#sp-view .sp-menu-btn span:last-of-type{
  margin-bottom: auto;
}
#sp-view .sp-menu-btn .top {
  transform: translateY(-17px);
}
#sp-view .sp-menu-btn .middle {
}
#sp-view .sp-menu-btn .bottom {
  transform: translateY(17px);
}
#sp-view .active .sp-menu-btn .middle {
  background: rgba(255, 255, 255, 0);
}
#sp-view .active .sp-menu-btn .top {
  transform: rotate(-45deg) translateY(0px);
}
#sp-view .active .sp-menu-btn .bottom {
  transform: rotate(45deg) translateY(0px);
}

#sp-view .scroll-menu.active .sp-menu-inner{
  display: block;
}
#sp-view .active .sp-menu-inner{
  background-color: #243E91;
  /* transition: 0.5s; */
  /* display: block; */
}
#sp-view .sp-menu-inner{
  position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 150px;
    background-color: #243E91;
    display: none;
}
#sp-view .sp-nav-btn{
  text-align: center;
  font-size: 2.4rem;
  color: white;
  border-bottom: 1px solid #5572D3;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#sp-view .sp-nav-btn span{
  display: block;
  padding: 20px;

}
#sp-view .sp-nav-btn a{
  display: block;
  padding: 20px;
  color: white;
}
#sp-view .toggle-btn{
  position: relative;
}
#sp-view .toggle-btn:after{
  position: absolute;
  content: " ";
  width: 40px;
  height: 40px;
  margin: 25px 30px;
  background-image: url(../img/icon-nav.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
}

#sp-view .open+.toggle-inner{
  display: block;
}
#sp-view .toggle-inner{
  background-color: #8292c6;
  display: none;
}
#sp-view .sp-menu-tel{
  text-align: center;
    padding: 60px;
}
#sp-view .sp-menu-tel img{
  width: 100%;
}
#sp-view .sp-menu-under{
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  color: white;
  font-weight: bold;
}
#sp-view .sp-menu-under a{
  color: white;
}
#sp-view .sp-menu-under p{
  display: inline-block;
}




/* goto travel */
.mainimage-text {
  position: relative;
}
.goto-travel-pc {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 5px;
}
.goto-travel-sp {
  display: none;
} 
.goto-travel-pc img{
  top: 3px;
  right: 2px;
  width: 100%;
  max-width: 370px;
}
@media (max-width:760px){
  .goto-travel-pc{
    display: none;
  }
  .goto-travel-sp{
    position: relative;
    top: -80px;
    display: block;
    text-align: center;
  }
  .goto-travel-sp img{
    max-width: 90%;
    min-width: 280px;
  }
}
/* goto travel */