/*-------------------------------------------------------------------------------------------*/
/* Mobile   0px - 750px
---------------------------------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------------------------------*/
.houjin #footer {
  margin-top: 30px;
  padding-top: 0;
  background: none;
}

#footer .wrapper {
  padding-top: 20px;
  background-color: #e0e0e0;
}

#footer .nav_footer li a {
  display: block;
  padding: 8px 8px 10px 8px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  background-color: #aeb7bc;
  color: #fff;
  font-family: "NSJP";
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
}

#footer .nav_footer li a:hover {
  background-color: #a3abaf;
}

#footer .company {
  margin-top: 20px;
  margin: 20px 12px 0 12px;
}

#footer .company dd:nth-of-type(1) {
  margin-top: 3px;
}

#footer .approval_num {
  margin: 10px 12px 0 12px;
  text-align: right;
}

#footer .siteseal {
  margin-top: 6px;
}

#footer .copyright {
  margin-top: 10px;
  padding: 6px 12px 4px 12px;
  background-color: #070A47;
  color: #fff;
  font-size: 12px;
  text-align: center;
}




/* Index
---------------------------------------------------------------------------------------------*/

/* main header
------------------------------------------*/
.index main header {
  padding: 0 0 60px 0;
  background: url(/slink/assets/img/photo/img_office_desk.jpg) right bottom no-repeat;
  background-size: cover;
}

.index main header .block_txt {
  padding: 18px 24px;
  width: 100%;
  background-color: rgba(7, 10, 71, 0.9);
  text-align: center;
  color: #fff;
  font-family: "NSJP";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.index main header .block_txt h1 {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2;
}

.index main header .block_txt p {
  margin-top: 14px;
  color: #fff;
} 

.index main header .block_txt span {
  display: inline-block;
}

.index main header .block_btn {
  margin-top: 60px;
  padding: 0 24px;
}


/* point
------------------------------------------*/
.index #point {
  padding: 0;
  background: url(/slink/assets/img/common/bg_lbl.jpg) center center repeat-y;
  background-size: 100%;
}

.index #point .wrapper {
  background: url(/slink/assets/img/photo/img_pc_salesman_01.jpg) center bottom no-repeat;
  background-size: 100%;
  padding: 60px 36px 60% 36px;
}

.index #point h2 {
  text-align: center;
  color: #111221;
  font-family: "NSJP";
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.index #point .flex_wrap {
  position: relative;
  flex-flow: column nowrap;
  padding-top: 20px;
}

.index #point .flex_item {
  margin-top: 20px;
  /*
  box-shadow: rgba(80, 80, 80, 0.2) 0px 6px 10px 0px;
  border:1px solid #fff;
  background-color: rgba(255, 255, 255, 0.7);
*/
}

.index #point .flex_item img {
  width: 100%;
  min-width: 300px;
}

/* list
------------------------------------------*/
.index #list {
  padding: 60px 0;
  background-color: rgb(230, 230, 236);
  color: #111221;
}

.index #list h2 {
  text-align: center;
  font-family: "NSJP";
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.index #list .flex_wrap {
  padding: 20px 5px 0 5px;
}

.index #list .flex_item {
  margin-top: 20px;
  -webkit-flex-basis: calc( (100% - 20px) / 2 );
  -ms-flex-basis    : calc( (100% - 20px) / 2 );
  flex-basis        : calc( (100% - 20px) / 2 );
  box-shadow: rgba(80, 80, 80, 0.2) 0px 6px 10px 0px;
  background-color: #fff;
}

.index #list .flex_item div {
  position: relative;
  display: flex;
  height: 100%;
  background: 10% 50% no-repeat;
  background-size: 20%;
}

.index #list .item_01 div {
  background-image: url(/slink/assets/img/icon/icon_compensation_bk.png);
}

.index #list .item_02 div {
  background-image: url(/slink/assets/img/icon/icon_damage_bk.png);
}

.index #list .item_03 div {
  background-image: url(/slink/assets/img/icon/icon_closed_bk.png);
}

.index #list .item_04 div {
  background-image: url(/slink/assets/img/icon/icon_car_bk.png);
}

.index #list .item_05 div {
  background-image: url(/slink/assets/img/icon/icon_shipping_bk.png);
}

.index #list .item_06 div {
  background-image: url(/slink/assets/img/icon/icon_management_bk.png);
}

.index #list .item_07 div {
  background-image: url(/slink/assets/img/icon/icon_accident_bk.png);
}

.index #list .item_08 div {
  background-image: url(/slink/assets/img/icon/icon_employee_bk.png);
}

.index #list .flex_item .item_link {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 30px 10px 30px 30%;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "NSJP";
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.02em;
}


.index #list .flex_item a {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 30px 10px 30px 30%;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "NSJP";
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.index #list .flex_item a:hover {
  background-color: rgba(119, 125, 158, 0.9);
  color: #fff;
}

.index #list .flex_item a span {
  display: inline-block;
}


/* address
------------------------------------------*/
.index address {
  padding: 60px 0;
  background-color: rgb(249, 249, 249);
  color: #111221;
}

.index address .flex_item {
  flex-direction: column;
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

.index address .flex_item:nth-of-type(1) img {
  width: 50%;
  max-width: 300px;
} 

.index address .flex_item:nth-of-type(2) dt {
  margin-top: 12px;
}

.index address .flex_item:nth-of-type(2) dd:nth-of-type(1) {
  margin-top: 16px;
  color: #070A47;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.index address .flex_item:nth-of-type(2) dd:nth-of-type(1):before {
  margin-right: 12px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 26px;
  content: "\f095";
}

.index address .flex_item:nth-of-type(2) dd:nth-of-type(2) {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 400;
}

.index address .flex_item span {
  display: block;
}


/* consultation
------------------------------------------*/
.index #consultation {
  padding: 42.5% 0 30px 0;
  min-height: 300px;
  background: url(/slink/assets/img/photo/img_employee.jpg) right top no-repeat;
  background-size: contain;
}

.index #consultation .block_txt {
  padding: 20px 24px;
  width: 100%;
  background-color: rgb(7, 10, 71);
  text-align: center;
  color: #fff;
  font-family: "NSJP";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.index #consultation .block_txt strong {
  font-size: 18px;
}

.index #consultation .block_txt span {
  display: inline-block;
}

.index #consultation .block_txt dd {
  margin-top: 12px;
}

.index #consultation .block_btn {
  margin-top: 20px;
  padding: 0 24px;
}

/*-------------------------------------------------------------------------------------------*/
/* PC   751px - 1024px */ @media (min-width: 751px) {
/*-------------------------------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------------------------------*/
.houjin #footer {
  margin-top: 0;
  font-size: 13px;
}

.houjin #footer .nav_footer li a {
  padding: 6px 8px 8px 8px;
}

.houjin #footer .copyright {
  margin-top: 20px;
  background-color: transparent;
  color: #333;
}


/* Index
---------------------------------------------------------------------------------------------*/

/* main header
------------------------------------------*/
.index main header {
  position: relative;
  padding: 80px 0 80px 0;
}

.index main header .container {
  padding: 0;
}

.index main header .block_txt {
  margin: 0 auto;
  padding: 40px 36px 40px 36px;
  width: 60%;
  max-width: 750px;
  min-width: 460px;
  /* box-shadow: rgba(80, 80, 80, 0.8) 0px 0px 6px 0px; */
  /* border: 6px solid #fff; */
}

.index main header .block_txt h1 {
  text-align: center;
  font-size: 40px;
}

.index main header .block_txt p {
  margin-top: 14px;
  font-size: 20px;
  line-height: 1.4;
} 

.index main header .block_btn {
  margin-top: 60px;
  padding: 0 72px;
}

.index .block_btn .btn {
  font-size: 22px;
}

/* point
------------------------------------------*/
.index #point {
  background: url(/slink/assets/img/photo/img_pc_salesman_02.jpg) 80% 0px no-repeat;
  background-size: cover;
  padding: 60px 36px 100px 36px;
}

.index #point .wrapper {
  padding: 0;
  background: none;
}

.index #point h2 {
  display:none;
}

.index #point .flex_wrap {
  flex-flow: row nowrap;
  padding: 0;
  width: 70%;
}

.index #point .flex_item {
  -webkit-flex-basis: calc( (100% - 20px * 2) / 3 );
  -ms-flex-basis    : calc( (100% - 20px * 2) / 3 );
  flex-basis        : calc( (100% - 20px * 2) / 3 );
}

.index #point .flex_item img {
  min-width: auto;
}

.index #point .for_p img {
  width: 100%;
}


/* list
------------------------------------------*/
.index #list {
  padding: 120px 0;
}

.index #list h2 {
  font-size: 40px;
}

.index #list .flex_wrap {
  padding: 20px 5px 0 5px;
}

.index #list .flex_item {
  margin-top: 20px;
  -webkit-flex-basis: calc( (100% - 20px) / 4 );
  -ms-flex-basis    : calc( (100% - 20px) / 4 );
  flex-basis        : calc( (100% - 20px) / 4 );
}

.index #list .flex_item div {
  background-position: 50% 30%;
  background-size: 30%;
}

.index #list .flex_item .item_link {
  padding: 110px 10px 30px 10px;
  font-size: 18px;
}

.index #list .flex_item a {
  padding: 110px 10px 30px 10px;
  font-size: 18px;
}


/* address
------------------------------------------*/
.index address {
  padding: 120px 0;
}

.index address .container {
  width: 700px;
}

.index address .flex_item {
  flex-direction: row;
  margin-top: 0;
  width: auto;
}

.index address .flex_item div {
  display: flex;
  height: 100%;
}

.index address .flex_item:nth-of-type(1) figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.index address .flex_item:nth-of-type(1) img {
  width: 100%;
} 

.index address .flex_item:nth-of-type(1) {
  width: 50%;
}

.index address .flex_item:nth-of-type(2) {
  width: 50%;
}

.index address .flex_item:nth-of-type(2) dt {
  margin-top: 0;
}


/* consultation
------------------------------------------*/
.index #consultation {
  padding: 25% 0 60px 0;
  background-position: center top;
}

.index #consultation .container {
  padding: 0 36px;
}

.index #consultation .block_txt {
  padding: 40px 36px;
  width: 60%;
  max-width: 600px;
  background-color: rgba(7, 10, 71, 0.9);
  color: #fff;
  font-family: "NSJP";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.index #consultation .block_txt strong {
  font-size: 24px;
}

.index #consultation .block_txt dd {
  margin-top: 16px;
}

.index #consultation .block_txt {
  margin-top: 60px;
}

.index #consultation .block_btn {
  margin-top: 60px;
}


/*-------------------------------------------------------------------------------------------*/
}
/*-------------------------------------------------------------------------------------------*/