/* =============================================================
 ALPS Website
 Home
 localcommon.css
 =============================================================== */
@import url(/common/css/header.css);
@import url(/common/css/footer.css);
@import url(/common/css/common.css);
@import url(/common/css/base.css);

a#resultTopics {
  position: relative;
  width: 320px;
  height: 110px;
  display: block;
  background-color: #002f70;
  border-radius: 3px;
  top: 100px;
  display: flex;
  /*  justify-content: center;*/
  align-items: center;
  padding-left: 30px;
  box-sizing: border-box;
}

#resultTopics::before {
  right: -85%;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
}

#resultTopics::after {
  right: -84.5%;
  width: 3px;
  height: 3px;
  border-top: 1px solid #002f70;
  border-right: 1px solid #002f70;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

a#resultTopics p {
  color: #ffffff;
  font-weight: bold;
}

a#resultTopics p span.title {
  font-size: 22px;
  line-height: 1.2em;
  display: block;
}

a:hover#resultTopics {
  opacity: 0.5;
}

#mainTopicsArea {
  width: 100%;
  /*  background-color: #FFAABB;*/
  /*  padding: 80px 0px; */
}

#mainTopicsArea ul {
  width: 92%;
  max-width: 1600px;
  margin: 0px auto;
  box-orient: horizontal;
  box-direction: normal;
  flex-direction: row;
  box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#mainTopicsArea li {
  width: 50%;
  max-width: 800px;
  /*  height: 300px;*/
  overflow: hidden;
  background-color: #a1a1a1;
  /*  border: 1px solid #E3E3E3;*/
  /*  margin-bottom: 16px;*/
  position: relative;
}

#mainTopicsArea li a {
  width: 100%;
  background-color: #ffaabb;
}

#mainTopicsArea li a img {
  display: block;
  /*  transition-duration: 0.3s;*/
  max-width: 100%;
}

#mainTopicsArea li a:hover img {
  opacity: 0.5;
  /*
  text-decoration: none;
  transform: scale(1.1);
  transition-duration: 0.3s;
*/
}

#mainTopicsArea li a p {
  width: 40%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: #ffffff;
  font-size: 16px;
}
#mainTopicsArea li:nth-child(2n + 1) a p {
  right: 6%;
}
#mainTopicsArea li:nth-child(2n) a p {
  left: 6%;
}

#mainTopicsArea li a p span.title {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

#newsArea {
  background-color: #ffffff;
  padding: 50px 0px 80px;
}

#newsArea .block {
  width: 92%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#newsArea a:hover {
  opacity: 0.5;
}

#newsArea p.title {
  width: 100%;
  font-size: 30px;
  color: #4a4a4a;
  /*  font-weight: bold;*/
  /*  text-align: center;*/
  border-bottom: 3px solid #c7c7c7;
  margin: 0px 0 20px 0px;
  padding: 0px 0 0px 0px;
}

#newsArea p.title a {
  font-size: 14px;
  float: right;
  border-left: 1px solid #c7c7c7;
  margin-top: 15px;
  padding-left: 10px;
}

#newsArea p.title a:after {
  content: url('/common/images/header_yajirushi_blue.png');
  margin: 10px;
  position: relative;
  top: 3px;
}

#newsArea .block-index {
  text-align: left;
  overflow: hidden;
  padding: 4px 0 4px;
}
* html #main .block-index {
  height: 0.1em;
  overflow: visible;
}

#newsArea .block-index p {
  float: left;
  font-size: 14px;
}

.block-index p.inddate {
  width: 95px;
  margin: 0;
  color: #002f70;
}

#newsArea .block-index p.indcate {
  width: 95px;
  display: none;
}

#newsArea .block-index p.indtit {
  width: 80%;
  max-width: 750px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#newsArea .block-index p.indtit a {
  color: #393939;
  text-decoration: none;
}

#newsBox {
  /*  float: left;*/
  width: 100%;
}

#topicsArea {
  width: 100%;
  background-color: #e8ebf1;
  padding: 80px 0px;
}

#topicsArea ul {
  /*  padding: 80px 0px; */
  width: 92%;
  max-width: 960px;
  padding: 0px 0px 0px;
  margin: 0px auto;
  box-orient: horizontal;
  box-direction: normal;
  flex-direction: row;
  box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*  justify-content: center;*/
}
#topicsArea ul::after {
  content: '';
  display: block;
  width: 32.3%;
  max-width: 300px;
}

#topicsArea li {
  width: 32.3%;
  max-width: 300px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  margin-bottom: 16px;
}

/*
#topicsArea li:first-child {margin-right: 2%}
*/

#topicsArea li.spacer {
  background-color: transparent;
  border: none;
}

#topicsArea li p {
  text-align: center;
  padding: 5px 10px 10px;
}

#topicsArea li a {
  color: #000000;
  text-decoration: none;
}

#topicsArea li a img {
  display: block;
  transition-duration: 0.3s;
  max-width: 100%;
}

#topicsArea li a:hover img {
  text-decoration: none;
  transform: scale(1.1);
  transition-duration: 0.3s;
}

#topicsArea li a p.title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
}

#topicsArea .ArrowList {
  padding: 0px 0px;
  margin: 7px 0 0 18px;
}

#topicsArea ul.ArrowList {
  display: block;
}

#topicsArea .ArrowList li {
  width: auto;
  height: auto;
  overflow: hidden;
  background: url('/common/images/arrow_blue.png') no-repeat left 5px;
  float: left;
  margin-right: 20px;
  text-indent: 10px;
  font-size: 12px;
  margin-bottom: 0px;
  border: none;
}

#topicsArea .ArrowList li a {
  color: #000000;
  text-decoration: none;
}

#companyLinkArea {
  width: 100%;
  max-width: 960px;
  padding: 20px 0px 0px;
  margin: 0px auto;
  box-orient: horizontal;
  box-direction: normal;
  flex-direction: row;
  box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#companyLinkArea .companyLink {
  /*
  position: absolute;
  bottom: 10%;
*/

  width: 47%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #002f70;
  border-radius: 3px;
  color: #ffffff;
  font-weight: bold;
  /*
  margin-right: 10px;
  margin-bottom: 3px;
*/
}

#companyLinkArea .companyLink::before {
  right: -85%;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
}

#companyLinkArea .companyLink::after {
  right: -84.5%;
  width: 3px;
  height: 3px;
  border-top: 1px solid #002f70;
  border-right: 1px solid #002f70;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

li#companyLinkArea:nth-child(2n + 1) .companyLink {
  right: 6%;
}
li#companyLinkArea:nth-child(2n) .companyLink {
  left: 6%;
}

/* 3rd コンテンツ */

.messagePhotoBox {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: right;
  font-size: 14px;
  width: 100%;
  max-width: 300px;
}

.data #box1,
.memo #box1,
.memo #box2 {
  border-top: 1px solid #e5e5e5;
}

.data #box1 .box,
.memo #box1 .box,
.memo #box2 .box {
  border-bottom: 1px solid #e5e5e5;
}

.memo #box2 .box {
  width: 46%;
  margin-right: 4%;
  float: left;
}

.memo #box2 .box:nth-child(2n) {
  margin-right: 0%;
  margin-left: 4%;
}

.inside {
  padding: 10px 0px 7px 0px;
  font-size: 14px;
  color: #4c4d4c;
}

.memo .inside img {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
.memo .inside .job {
  float: left;
  width: 140px;
  font-weight: bold;
}

.memo .inside .title {
  float: left;
  width: 150px;
  color: #656465;
}

.data .inside .title {
  color: #656465;
}

.memo .inside .item {
  float: left;
  width: 330px;
  /*  width: 480px;*/
}
.memo .inside .item span {
  font-weight: bold;
}

.memo .yakuin_box,
.memo .yakuin_box2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.memo .yakuin_box2 {
  border-bottom: 1px solid #e5e5e5;
}

.memo .yakuin_box .box {
  width: 25%;
}

.memo .yakuin_box .inside .job {
  float: none;
  width: 120px;
  font-weight: bold;
}

.memo .yakuin_box .inside .title {
  float: none;
  width: 170px;
  color: #656465;
}

.memo .yakuin_box2 .box {
  border-top: 1px solid #e5e5e5;
  width: 50%;
  box-sizing: border-box;
  padding: 10px 0 10px;
}

.memo .yakuin_box2 .box img {
  float: left;
  margin-right: 20px;
}

.memo .yakuin_box2 .inside .job {
  float: none;
  width: auto;
  margin-bottom: 7px;
}

.memo .yakuin_box2 .inside .title {
  float: none;
  font-size: 16px;
  width: auto;
  color: #656465;
  margin-bottom: 10px;
}

.memo .yakuin_box2 .inside .item {
  float: none;
  width: auto;
  font-size: 12px;
}

.group #tabs li {
  width: 30%;
  font-size: 14px;
  text-align: center;
}

#groupbox1,
.groupbox1 {
  border-top: 1px solid #e5e5e5;
}

#groupbox1 .box,
.groupbox1 .box {
  border-bottom: 1px solid #e5e5e5;
}

.inside {
  padding: 10px 0px 7px 0px;
  font-size: 14px;
  color: #4c4d4c;
}

#groupbox1 .inside,
.groupbox1 .inside {
  padding: 12px 0px 10px 0px;
}

.group .inside a:hover {
  opacity: 0.5;
}

p.disclosure_ttl {
  display: block;
  color: #002f70;
  font-weight: bold;
  /*  padding-bottom: 8px;*/
  margin-top: 27px;
  font-size: 18px;
}

.memo p.disclosure_ttl {
  font-weight: normal;
}

ul#yakuinPhoto {
  width: 100%;
  max-width: 960px;
  padding: 0px 0px 20px;
  margin: 0px auto;
  box-orient: horizontal;
  box-direction: normal;
  flex-direction: row;
  box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

ul#yakuinPhoto li {
  width: 30%;
  text-align: center;
}

ul#yakuinPhoto li img {
  width: 100%;
  border: 1px solid #e5e5e5;
}

ul#yakuinPhoto li p {
  font-size: 12px;
}
ul#yakuinPhoto li p span {
  font-size: 16px;
}

.stair1 .accordion .stair1 a,
.stair2 .accordion .stair2 a,
.stair3 .accordion .stair3 a,
.stair4 .accordion .stair4 a,
.stair5 .accordion .stair5 a,
.stair6 .accordion .stair6 a,
.stair7 .accordion .stair7 a,
.stair8 .accordion .stair8 a,
.stair9 .accordion .stair9 a,
.stair10 .accordion .stair10 a,
.stair10_1 .accordion .stair10_1 a,
.stair10_2 .accordion .stair10_2 a,
.stair10_3 .accordion .stair10_3 a,
.stair10_4 .accordion .stair10_4 a,
.stair10_5 .accordion .stair10_5 a,
.stair11 .accordion .stair11 a,
.stair12 .accordion .stair12 a,
.stair13 .accordion .stair13 a,
.stair14 .accordion .stair14 a,
.stair99 .accordion .stair99 a {
  background-color: #002f70;
  color: #ffffff;
}

.stair1 .accordion .stair1 a.arrow::after,
.stair2 .accordion .stair2 a.arrow::after,
.stair3 .accordion .stair3 a.arrow::after,
.stair4 .accordion .stair4 a.arrow::after,
.stair5 .accordion .stair5 a.arrow::after,
.stair6 .accordion .stair6 a.arrow::after,
.stair7 .accordion .stair7 a.arrow::after,
.stair8 .accordion .stair8 a.arrow::after,
.stair9 .accordion .stair9 a.arrow::after,
.stair10 .accordion .stair10 a.arrow::after,
.stair11 .accordion .stair11 a.arrow::after,
.stair12 .accordion .stair12 a.arrow::after,
.stair13 .accordion .stair13 a.arrow::after,
.stair14 .accordion .stair14 a.arrow::after,
.stair99 .accordion .stair99 a.arrow::after {
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
}

.stair10_1 ul.accordion li.stair10 ul,
.stair10_2 ul.accordion li.stair10 ul,
.stair10_3 ul.accordion li.stair10 ul,
.stair10_4 ul.accordion li.stair10 ul,
.stair10_5 ul.accordion li.stair10 ul {
  display: block;
}

.videoList {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.videoList li {
  float: left;
  width: 47%;
  height: 350px;
}

.videoList li iframe {
  width: 100%;
}

.videoList li h2 {
  color: #002f70;
  font-weight: normal;
  margin-top: 10px;
}

.videoList li span {
  color: #002f70;
  font-weight: normal;
  margin-top: 10px;
}

.videoList li .video {
  border: 1px solid #ccc;
}

.vision .approachBox {
  width: 100%;
  display: flex;
  /*  justify-content: center;*/
  align-items: center;
  margin-bottom: 25px;
}

.vision .approachBox .num {
  width: 30px;
  font-size: 18px;
  color: #0049a0;
  font-weight: bold;
  display: block;
  float: left;
}
.vision .approachBox .title {
  width: 130px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  display: block;
  float: left;
}
.vision .approachBox .border {
  width: 40px;
  display: block;
  float: left;
  border-top: 1px solid #979797;
  height: 1px;
  font-size: 1px;
  margin-right: 20px;
}
.vision .approachBox .textBox {
  width: calc(100% - 160px);
  font-size: 14px;
}

.vision #visiontabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.vision #visiontabs li {
  width: 30%;
}

.vision #visiontabs li a {
  width: 100%;
  height: 60px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  background-color: #0049a0;
  color: #ffffff;
}

.vision #visiontabs li a:hover {
  opacity: 0.7;
}

.vision #visiontabsText {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 10px;
  padding-bottom: 50px;
}

.vision #visiontabsText li {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
}

.vision #rightbox,
.vision #uniquebox,
.vision #greenbox {
  padding: 50px 0 100px;
}

.vision #rightbox .resultBox,
.vision #uniquebox .resultBox,
.vision #greenbox .resultBox {
  box-sizing: border-box;
  width: 100%;
  padding: 50px 40px;
  background-color: #d9ebff;
}

.vision .mainBox p.title {
  font-size: 36px;
  color: #333333;
  margin-bottom: 8px;
  text-align: center;
}

.vision .mainBox p.subTitle {
  font-size: 20px;
  color: #0049a0;
  margin-bottom: 20px;
  text-align: center;
}

.vision .mainBox .verticalBar {
  font-size: 1px;
  width: 1px;
  height: 30px;
  border-right: 1px solid #0049a0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 14px;
}

.vision .resultBox p.title {
  font-size: 36px;
  color: #333333;
  margin-bottom: 20px;
}

.vision .resultBox p.subTitle {
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
}

.vision .resultBox .caption {
  color: #999999;
}

.network .countryLink {
  margin-top: 30px;
  margin-bottom: 20px;
  box-orient: horizontal;
  box-direction: normal;
  flex-direction: row;
  box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.network .countryLink li {
  margin-bottom: 10px;
  width: 32%;
  height: 48px;
  /*
  margin-left: 15px;
  margin-top: 15px;*/
  border-radius: 3px;
  border: 1px solid #e2dfdf;
}

.network .countryLink li.spacer {
  background-color: transparent;
  border: none;
}

.network .countryLink li a,
.network .countryLink li span {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.network .countryLink li a:hover,
.network .countryLink li span.here {
  background-color: #0049a0;
  color: #ffffff;
}

.network .officeBox {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 29px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.network .officeBox .leftbox {
  width: 200px;
  float: left;
}
.network .officeBox .leftbox img {
  width: 100%;
}

.network .officeBox .rightbox {
  width: calc(100% - 200px);
  float: right;
  padding-left: 40px;
  box-sizing: border-box;
  color: #333333;
}

.network .officeBox .rightbox .nameBox {
  font-size: 22px;
}

.network .officeBox .rightbox .website {
  background: #ffffff url('/common/images/company/icn_web.png') no-repeat 0px
    0px;
  display: block;
  width: 65px;
  height: 20px;
  border-left: 1px solid #e5e5e5;
  margin: 4px 0 8px;
  float: right;
}

.network .officeBox .rightbox .subnameBox {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  font-size: 14px;
  font-weight: bold;
  margin-top: 3px;
  padding-top: 7px;
  box-sizing: border-box;
  clear: both;
}

.network .officeBox .rightbox .addressBox {
  font-size: 14px;
  position: relative;
  clear: both;
}

.network .officeBox .rightbox .mapIcon {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0;
  appearance: none;
}

.network .officeBox .rightbox .mapIcon img {
  vertical-align: middle;
}

.network .officeBox .isobox {
  width: 100%;
  padding-top: 16px;
  clear: both;
}

.network .salesofficeBox {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding-bottom: 20px;
  box-sizing: border-box;
  color: #333333;
}

.network .salesofficeBox .leftbox {
  width: 135;
  float: left;
}

.network .salesofficeBox .leftbox .nameBox {
  font-size: 16px;
  font-weight: bold;
}

.network .salesofficeBox .rightbox {
  width: calc(100% - 135px);
  float: right;
  box-sizing: border-box;
}

.network .salesofficeBox .rightbox .addressBox {
  font-size: 14px;
}

#popmap_head,
#popmap_shinagawa,
#popmap_sendai_sw,
#popmap_sendai,
#popmap_hurukawa,
#popmap_kitahara,
#popmap_wakuya,
#popmap_kakuda,
#popmap_onahama,
#popmap_taira,
#popmap_nagaoka {
  width: 70%;
  height: 70%;
  background-color: #ffffff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  z-index: 35;
  display: none;
  padding: 20px;
}

#popmap_head iframe,
#popmap_shinagawa iframe,
#popmap_sendai_sw iframe,
#popmap_sendai iframe,
#popmap_hurukawa iframe,
#popmap_kitahara iframe,
#popmap_wakuya iframe,
#popmap_kakuda iframe,
#popmap_onahama iframe,
#popmap_taira iframe,
#popmap_nagaoka iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
  height: 95%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* business page */
.businessPage .topAnchorList {
  margin-top: 30px;
}
.businessPage .topAnchorList .anchorTitle {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
.businessPage .topAnchorList ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.businessPage .topAnchorList ul li {
  width: 31.25%;
}
.businessPage .topAnchorList ul li a {
  display: block;
}
.businessPage .topAnchorList ul li a img {
  max-width: 100%;
}
.businessPage .sectionArea {
  margin-top: 80px;
}
.businessPage .sectionTitle {
  margin-bottom: 30px;
}
.businessPage .sectionArea .text + .text {
  margin-top: 20px;
}
.businessPage .sectionArea .note {
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.8;
}
.businessPage .sectionTitle .lead {
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
}
.businessPage .movieArea {
  margin-bottom: 30px;
}
.businessPage .movieArea .movie {
  position: relative;
  width: 100%;
  padding: 56.3% 0 0;
}
.businessPage .movieArea .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.businessPage .movieArea p {
  text-align: center;
  margin-top: 5px;
}
.businessPage .strengthArea {
  position: relative;
  background: #e8ebf1;
  padding: 10px 30px;
  margin: 50px 0;
}
.businessPage .strengthArea .title {
  position: absolute;
  left: 0;
  top: 0;
}
.businessPage .strengthArea ul {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
.businessPage .strengthArea ul li {
  width: 180px;
  text-align: center;
  margin: 10px 5px;
}
.businessPage .strengthArea ul li .lead {
  font-size: 13px;
  line-height: 1.42;
  font-weight: bold;
  margin-top: 16px;
}

.dscPage .anchorArea {
  display: flex;
  gap: 0 40px;
  justify-content: center;
  position: relative;
}
.dscPage .anchorArea .arrow {
  position: absolute;
  width: 180px;
  height: 92px;
  top: 70px;
  left: 50%;
  margin-left: -90px;
}
.dscPage .anchorBox {
  width: 280px;
}
.dscPage .anchorBox .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 10px;
  background: #002f70;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.dscPage .anchorBox .body {
  padding: 0 10px 20px;
  background: #e8ebf1;
}
.dscPage .anchorBox .btnList a {
  border: 1px solid #002f70;
  color: #002f70;
  background: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  text-align: left;
  min-height: 40px;
  padding: 4px 34px 4px 15px;
  position: relative;
}
.dscPage .anchorBox .btnList a:after {
  content: '';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
  background: url(/j/company/images/dsc_link_arrow.png) no-repeat center center;
  width: 12px;
  height: 8px;
}
.dscPage .anchorBox .btnList .second li {
  margin-top: 10px;
  background: url(/j/company/images/dsc_anchor_line.png) no-repeat 8px top;
  padding-left: 28px;
}
.dscPage .featureBox {
  padding: 20px 25px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 20px 30px;
  background: #e8ebf1;
}
.dscPage .featureBox .item {
  width: 280px;
  display: flex;
  gap: 0 20px;
  align-items: center;
}
.dscPage .featureBox .icon {
  width: 80px;
}
.dscPage .featureBox .detail {
  flex: 1;
}
.dscPage .featureBox .detail .title {
  font-size: 16px;
  font-weight: bold;
}
.dscPage .featureBox .detail p {
  font-size: 14px;
  line-height: 1.6;
}
.dscPage .caseBox {
  border: 2px solid #002f70;
  padding: 0 0 30px;
}
.dscPage .caseBox .title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 36px;
  background: #002f70;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.dscPage .caseBox .lead {
  text-align: center;
  font-size: 16px;
  padding: 0 12px;
}
.dscPage .caseBox .btn {
  margin-top: 20px;
  text-align: center;
}
.dscPage .caseBox .btn a {
  display: inline-flex;
  height: 45px;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  background: #000;
  color: #fff;
  font-size: 16px;
  padding: 0 25px;
}
.dscPage .caseBox .btn a::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 5px;
  background: url(/common/images/arrow01-white.svg) no-repeat center center;
  margin-left: 4px;
}
.dscPage .col2Box {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  gap: 0 40px;
}
.dscPage .col2Box .textArea {
  flex: 1;
}
.dscPage .col2Box .textArea .title {
  font-size: 18px;
  font-weight: bold;
  color: #002f70;
  margin-bottom: 10px;
}
.dscPage .col2Box .imageArea {
  width: 240px;
  text-align: center;
}
.dscPage .col2Box .imageArea .caption {
  margin-top: 10px;
}
.dscPage .col2Box.imgLeft .textArea {
  order: 2;
}
.dscPage .col2Box.imgLeft .imageArea {
  order: 1;
}
.contactWrapper {
  margin: 80px auto 0;
  padding: 0 0 45px;
  text-align: center;
  background-color: #fff;
}

.contactWrapper h2 {
  color: #444;
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 4px;
  font-weight: normal;
}

.contactWrapper p {
  color: #444;
  font-size: 14px;
  line-height: 26px;
}

.contactWrapper .btnWrapper {
  margin-top: 40px;
}

.contactWrapper .btnWrapper a {
  display: inline-block;
  margin: 0 10px;
  color: #444;
  font-size: 16px;
  line-height: 56px;
  text-align: left;
  transition: opacity 0.4s;
  border: 1px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contactWrapper .btnWrapper a:hover {
  opacity: 0.6;
}

.contactWrapper .btnWrapper a img {
  vertical-align: middle;
}

.contactWrapper .btnWrapper .icon {
  display: inline-block;
  width: 56px;
  text-align: center;
  border-right: 1px solid #ccc;
}

.contactWrapper .btnWrapper .text {
  padding: 0 15px;
}

.dscBnrArea {
  width: 92%;
  max-width: 960px;
  margin: 0px auto;
}

.dscBnrArea a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 0px 5.2%;
  height: 160px;
  background: url(/common/images/company/dsc_bnr_bg.jpg) no-repeat center center;
  background-size: cover;
  margin-top: 40px;
}
.dscBnrArea a .title {
  display: block;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.dscBnrArea a .txt {
  display: block;
  font-size: 14px;
  color: #fff;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 1001px) {
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-------------------------------▼▼1000px以下▼▼-------------------------------*/
@media screen and (max-width: 1000px) {
  #mainTopicsArea ul {
    width: 100%;
    justify-content: center;
  }

  #mainTopicsArea li {
    width: 100%;
  }

  #mainTopicsArea li a p {
    left: 6%;
    font-size: 12px;
  }
  #mainTopicsArea li:nth-child(2n + 1) a p {
    right: 6%;
    left: auto;
  }
  #mainTopicsArea li a p span.title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
  }

  #newsBox {
    float: none;
    width: 100%;
  }

  #topicsArea ul {
    justify-content: center;
  }
  #topicsArea ul::after {
    display: none;
  }
  #topicsArea li {
    width: 47%;
    margin: 0 5px 10px;
  }

  .memo #box2 .box,
  .memo #box2 .box:nth-child(2n) {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }

  .memo .inside .job {
    width: 100%;
  }
  .data .inside .title,
  .memo .inside .title {
    margin-left: 0px;
    width: 100%;
  }
  .data .inside .item,
  .memo .inside .item {
    width: 100%;
  }
  .memo .inside .noitem {
    display: none;
  }
} /*------------------------------▲▲1000px以下▲▲-------------------------------*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-------------------------------▼▼660px以下▼▼-------------------------------*/
@media screen and (max-width: 660px) {
  .dscPage .anchorArea {
    display: block;
  }
  .dscPage .anchorArea .arrow {
    display: none;
  }
  .dscPage .anchorBox {
    width: auto;
    margin-bottom: 20px;
  }
  .dscPage .anchorBox .body {
    padding: 10px;
  }
  .dscPage .anchorBox .body .img {
    display: none;
  }
  .dscPage .anchorBox .body a br {
    display: none;
  }
} /*------------------------------▲▲660px以下▲▲-------------------------------*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-------------------------------▼▼600px以下▼▼-------------------------------*/
@media screen and (max-width: 600px) {
  #newsArea .block-index p.indtit {
    width: 100%;
  }
  .messagePhotoBox {
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
  }

  /*
.messagePhotoBox{width: 40%;}
.messagePhotoBox img{width: 100%;}
*/

  .data .inside .item,
  .memo .inside .item {
    padding-left: 0px;
    width: 100%;
    box-sizing: border-box;
  }

  ul#yakuinPhoto li {
    width: 45%;
  }
  ul#yakuinPhoto li.spacer {
    display: none;
  }

  .vision .approachBox .border {
    display: none;
  }

  .vision .halfbox_l,
  .vision .halfbox_r {
    width: 50%;
  }

  .network .officeBox .leftbox {
    width: 130px;
  }

  .network .officeBox.large .leftbox {
    width: 100%;
    float: none;
  }

  .network .officeBox .rightbox.nonPhoto,
  .network .officeBox.large .rightbox {
    width: 100%;
    float: none;
    margin-top: 25px;
    padding-left: 0px;
  }

  .network .officeBox .rightbox {
    width: calc(100% - 130px);
    padding-left: 20px;
  }

  #popmap_head,
  #popmap_shinagawa,
  #popmap_sendai_sw,
  #popmap_sendai,
  #popmap_hurukawa,
  #popmap_kitahara,
  #popmap_wakuya,
  #popmap_kakuda,
  #popmap_onahama,
  #popmap_taira,
  #popmap_nagaoka {
    width: 92%;
    height: 70%;
  }

  .dscPage .col2Box {
    display: block;
  }
  .dscPage .col2Box .textArea {
    margin-bottom: 20px;
  }
  .dscPage .col2Box .imageArea {
    width: auto;
  }

  .dscBnrArea a .title {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .dscBnrArea a .txt {
    display: block;
    font-size: 13px;
    color: #fff;
  }
} /*------------------------------▲▲600px以下▲▲-------------------------------*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-------------------------------▼▼480px以下▼▼-------------------------------*/
@media screen and (max-width: 480px) {
  #mainTopicsArea li a p {
    top: 30%;
    left: 6%;
    font-size: 10px;
  }
  #mainTopicsArea li a p span.title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
  }

  #topicsArea ul::after {
    display: none;
  }
  #topicsArea li {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px;
  }
  #topicsArea ul li a img {
    width: 100%;
  }

  #topicsArea li:first-child {
    margin-right: 0px;
  }
  #topicsArea li.spacer {
    display: none;
  }
} /*------------------------------▲▲480px以下▲▲-------------------------------*/

#newsArea .block-index .indtit .pdfIcon {
  width: 26px;
  height: 14px;
  position: relative;
  top: -2px;
  margin-left: 4px;
}