@charset "UTF-8";
/*==============================================
top
==============================================*/
.top__box {
  min-width: 1000px;
  max-width: 1300px;
  margin: 0 auto 30px;
}



/*top__kv*/
.top__box--kv {
  border:5px solid #EFEFEF;
  padding: 30px 30px 40px;
  text-align: center;
  margin-top:30px;
}

.top__kv__tit {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: .5em;
}

.top__kv__copy {
  font-size: 2rem;
  margin-bottom: 2em;

}

._btn--topkv {
  font-size:1.8rem;
  padding: 20px 100px;
}

._btn--topkv::after {
  position: absolute;
  top:50%;
  right:20px;
  top:50%;
  transform: translateY(-50%);
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
}

.top__box--kvimg__link:hover {
  opacity: 0.8;
}



/*top__notice*/
.top__notice {
  display: flex;
  background:#FFF8EA;
}

.top__notice__tit {
  width: 30%;
  background:#F4A100;
  position: relative;
}

.top__notice__tit::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #F4A100;
}

.top__notice__tit__copy {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  top:50%;
  transform: translateY(-50%);
}

.top__notice__list {
  padding: 20px 20px 20px 30px;
}

.top__notice__list__item {
  position: relative;
  font-size: 1.8rem;
  margin-bottom: .25em;
  line-height: 1.6;
}

.top__notice__link,
.top__notice__link:visited {
  color: #000;
  text-decoration: none;
}

.top__notice__link:hover {
  color:#F4A100;
}

.top__notice__link::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  color:#F4A100;
  padding-right: .3em;
}



/*top__emergency*/
.top__emergency {
  display: flex;
  background:#FFF2F2;
}

.top__emergency__tit {
  width: 31.5%;
  background:#E43737;
  position: relative;
  text-align: center;
  color: #fff;
}

.top__emergency__tit::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #E43737;
}

.top__emergency__tit__inner {
  position: relative;
  top:50%;
  transform: translateY(-50%);
}

.top__emergency__tit__copy {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.2em;
}

.top__emergency__tit__copy::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f0f3';
  font-weight: 900;
  padding-right: .25em;
}

.top__emergency__tit__tel {
  font-size: 2.6rem;
  line-height: 1.4;
  font-weight: bold;
}

.top__emergency__tit__tel__link {
  text-decoration: none;
  color:#fff;
  border-bottom: 1px dotted #fff;
}

.top__emergency__tit__teltime {
  font-size: 1.6rem;
  font-weight: normal;
}

.top__emergency__list {
  padding: 20px 20px 20px 30px;
  width: 50%;
}

.top__emergency__list__item {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.6;
}

.top__emergency__link,
.top__emergency__link:visited {
  color: #000;
  text-decoration: none;
}

.top__emergency__link:hover {
  color:#E43737;
}


.top__emergency__link::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  color:#E43737;
  padding-right: .25em;
}

.top__emergency__flow {
  width: 23%;
  padding: 10px;
}

.top__emergency__flow__link:hover {
  opacity: 0.7;
}


/*top__box--service*/
.top__box--service {
  background: #EFFAFF;
  padding: 30px;
}

.top__service__tit {
  font-size: 2.2rem;
  font-weight:bold;
  margin-bottom: .5em;
}


.top__service__slider__item {
  margin: 15px;
  box-shadow: 0 3px 6px #ccc;
}

.top__service__slider__link:hover {
  opacity: 0.7!important;
}

.top__service__genre {
  display: flex;
  padding-top: 20px;
  margin-bottom: 20px;
}

.top__service__genre__personal {
  width: 78.5%;
}

.top__service__genre__personal__tit {
  background:#fff;
  color: #009C84;
  border:1px solid #009C84;
  margin-bottom: 15px;
  text-align: center;
  padding: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}

.top__service__genre__personal__list {
  display: flex;
  justify-content: space-between;
}

.top__service__genre__personal__list__item {
  width: 23%;
  box-shadow: 0 3px 6px #ccc;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
  border-radius: 2px;
}

.top__service__genre__personal__list__item__img {
  width: 70%;
}

.top__service__genre__personal__list__item__txt::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  padding-right: .3em;
  color: #009C84;
}

.top__service__genre__personal__link,
.top__service__genre__personal__link:visited {
  color:#000;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}

.top__service__genre__personal__link:hover {
  opacity: 0.7;
}


.top__service__genre__corp {
  width: 18%;
  margin-left: 3.5%;
}

.top__service__genre__corp__tit {
  background:#fff;
  color: #005BAC;
  border:1px solid #005BAC;
  margin-bottom: 15px;
  text-align: center;
  padding: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}

.top__service__genre__corp__item {
  box-shadow: 0 3px 6px #ccc;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
}

.top__service__genre__corp__link,
.top__service__genre__corp__link:visited {
  color:#000;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}

.top__service__genre__corp__link:hover {
  opacity: 0.7;
}

.top__service__genre__corp__list__item__img {
  width: 70%;
}

.top__service__genre__corp__list__item__txt::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  padding-right: .25em;
  color: #005BAC;
}


.top__service__pamph__link,
.top__service__pamph__link:visited {
  box-shadow: 0 3px 6px #ccc;
  text-align: center;
  font-size: 1.6rem;
  padding: .5em 1em;
  display: block;
  background: #fff;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.top__service__genre__pamph__list__item__txt::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  padding-right: .25em;
  color: #3C96DE;
}

.top__service__pamph__link:hover {
  opacity: 0.7;
}

.top__service__genre__pamph__list__item__img {
  width: 12.5%;
}



/*top__box--contractor*/
.top__box--contractor {
  background: #EAF8F7;
  padding: 30px;
}

.top__contractor {
  display: flex;
  justify-content: space-between;
}

.top__contractor__info {
  width: 65%;
}

.top__contractor__info__tit {
  font-size: 2.2rem;
  font-weight:bold;
  margin-bottom: 1em;
}

.top__contractor__info__callcenter__link,
.top__contractor__info__callcenter__link:visited {
  background:#3C96DE url(/_assets/img/top/top_contractor_info_callcenter.jpg) no-repeat right top;
  background-size: cover;
  color:#fff;
  display: block;
  box-shadow: 0 3px 6px #ccc;
  padding: 2em 1em;
  text-decoration: none;
  text-align: center;
  margin-bottom: 25px;
  border-radius: 2px;
}

.top__contractor__info__callcenter__link:hover {
  opacity: 0.8;
}

.top__contractor__info__callcenter__copy {
  display: inline-block;
  border-bottom: 1px solid #fff;
  margin-bottom: .3em;
}

.top__contractor__info__callcenter__tit {
  font-size: 2.6rem;
  font-weight: bold;
}

.top__contractor__info__callcenter__time {
  font-size: 2rem;
}

.top__contractor__info__list {
  display: flex;
  justify-content: space-between;
}

.top__contractor__info__list__item {
  width: 31%;
}

.top__contractor__info__link,
.top__contractor__info__link:visited {
 background: #009C84;
 text-align: center;
 display: block;
 color:#fff;
 padding: 50px 10px;
 text-decoration: none;
 font-weight: bold;
 font-size: 1.6rem;
 box-shadow: 0 3px 6px #ccc;
 border-radius: 2px;
}

.top__contractor__info__link:hover {
  opacity: 0.8;
}

.top__contractor__info__link::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  padding-right: .25em;
  color: #fff;
}

.top__contractor__mynisshin {
  width: 30%;
  background: #ffffff;
  border:3px solid #F4A100;
  padding: 20px;
  text-align: center;
}

.top__contractor__mynisshin__tit {
  font-size: 1.8rem;
  font-weight: bold;
}

.top__contractor__mynisshin__img {
  width: 60%;
  margin: 10px auto 0;
}

.top__contractor__mynisshin__link,
.top__contractor__mynisshin__link:visited {
  background: #F4A100;
  color:#fff;
  font-weight: bold;
  display: block;
  text-align: center;
  padding: .9em 1em;
  font-size: 1.6rem;
  text-decoration: none;
  box-shadow: 0 3px 6px #ccc;
  margin-top: 20px;
  border-radius: 2px;
}

.top__contractor__mynisshin__link:hover {
  opacity: 0.8;
}

.top__contractor__mynisshin__link::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  padding-right: .25em;
  color: #fff;
}



/*top__box--agency*/
.top__box--agency {
  background:rgba(60,150,222,0.5);
  padding: 40px;
}

.top__agency__list {
  display: flex;
  justify-content: space-between;
}

.top__agency__list__item {
  width: 48.5%;
}

.top__agency__link,
.top__agency__link:visited {
  color:#fff;
  padding: 30px 10px;
  text-decoration: none;
  text-align: center;
  display: block;
  background:#3C96DE url(/_assets/img/top/top_agency.jpg) no-repeat center top;
  background-size: cover;
  border-radius: 2px;
  box-shadow: 0 3px 6px #3076af;
}

.top__agency__link--dokuritsu {
  background:#3C96DE url(/_assets/img/top/top_agency_dokuritsu.jpg) no-repeat center top;
  background-size: cover;
}


.top__agency__link:hover {
  opacity: 0.8;
}


.top__agency__list__item__tit {
  font-size: 2.3rem;
  font-weight: bold;
}

.top__agency__list__item__tit::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  padding-right: .25em;
  color: #fff;
}

.top__agency__list__item__copy {
  line-height: 1.5;
  margin: .75em 0;
}

.top__agency__list__item__copy--dokuritsu {
  margin:0;
}

/*top__box--pickup*/
.top__box--pickup {
  background:#EFFAFF;
  padding: 40px 40px 5px;
  margin-bottom: 50px;
}

.top__pickup__tit {
  font-size: 2.2rem;
  font-weight:bold;
  margin-bottom: 1em;
}

.top__pickup__list {
  display: flex;
  flex-wrap: wrap;
}

.top__pickup__list__item {
  width: 22.75%;
  margin: 0 3% 3% 0;
  box-shadow: 0 3px 6px #ccc;
}

.top__pickup__list__item:nth-of-type(4n) {
  margin-right: 0;
}

.top__pickup__link:hover {
  opacity: 0.8;
}



/*top__box--news*/
.top__news {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 60px;
}

.top__news__newsrelease {
  width:48.5%;
}

.top__news__notice {
  width:48.5%;
}

.top__news__newsrelease__tit,
.top__news__notice__tit {
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px dotted #707070;
  padding-bottom: .5em;
  margin-bottom: 1em;
}

.top__news__newsrelease__list__item,
.top__news__notice__list__item
{
  border-bottom: 1px dotted #707070;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.top__news__newsrelease__list__date,
.top__news__notice__list__date {
  font-weight: bold;
  font-size: 1.4rem;
}

.top__news__genre {
  display: inline-block;
  border-radius: 3px;
  background: #000;
  color:#fff;
  padding: .3em .5em;
  line-height: 1;
  font-size: 1.3rem;
  margin-left: .5em;
  font-weight: normal;
}

.top__news__genre--service {
  background:#3C96DE;
}

.top__news__genre--others {
  background:#009C84;
}

.top__news__link,
.top__news__link:visited
{
  color: #005BAC;
  text-decoration: none;
}

.top__news__link:hover {
  color:#3C96DE;
}

.top__news__link::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f054';
  font-weight: 900;
  padding-right: .25em;
}

.top__news__more {
  text-align: right;
  margin-top: 30px;
}

.top__news__notice__att {
  background: #E5EFFA;
  padding: 25px 25px 15px;
  margin-top: 60px;
}

.top__news__notice__att__tit {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em;
}

.top__news__notice__att__link,
.top__news__notice__att__link:visited {
  background:#fff;
  box-shadow: 0 3px 6px #ccc;
  padding: 1em;
  margin-bottom: 1em;
  display: block;
  color: #005BAC;
  text-decoration: none;
  border-radius: 3px;
}

.top__news__notice__att__link:hover {
  background:#ffffe5;
}

.top__news__notice__att__link::before {
  font-family: 'Font Awesome 5 Free';
  content:'\f138';
  font-weight: 900;
  padding-right: .25em;
  color: #3C96DE;
}