@charset "UTF-8";
@media only screen and (max-width: 767px) and (orientation:portrait), only screen and (max-width:900px) and (orientation:landscape) {
/*==============================================
top (SP)
==============================================*/
.top__box {
  min-width: 0px;
  padding: 0;
}

/*===============[メインビジュアル]===============*/
.top__mv {
  display: block;
  margin-top: 0;
}

.top__mv-left {
  width: 100%;
  margin-bottom: 40px;
}

.top__mv-right{
  width: 100%;
}


/*===============[スライダー]===============*/
.top__slider {
  margin: 0 auto 40px;
}


/*===============[大切なお知らせ]===============*/
.top__notice {
  margin: 0 15px;
}

.top__notice__tit {
  width: 100%;
  padding: 10px 15px;
}

.top__notice__list {
  padding: 20px 15px 15px 20px;
  border: none;
  width: 100%;
}


/*===============[緊急時のご連絡]===============*/
.top__emergency {
  margin: 0 15px 15px;
}

.top__emergency__btn {
  padding: 1em 1em .5em;
}

.top__emergency__btn a, .top__emergency__btn a:visited {
  padding: .7em 1em;
}

.top__emergency__btn-inner {
  display: block;
}

.top__emergency__btn a,
.top__emergency__btn a:visited {
  display: block;
}

/*===============[商品・サービスのご案内]===============*/
.top__box--service {
  padding: 15px 15px 35px;
}

/*[2021.10改訂版]*/
.top__new__01,
.top__new__02 {
  display: block;
}

.top__new__02 {
  margin-bottom: 25px;
}

.top__new__tit {
  padding: 0 0 .7em 0;
  position: relative;
  width: 100%;
}

.top__new__tit span {
  top: auto;
  left: auto;
  transform: translate(0 , 0);
  position: relative;
}

.top__new__list {
  display: block;
  width: 100%;
}

.top__new__item {
  width: 100%;
  border-radius: 2px;
  margin-bottom: .5em;
}

.top__new__item__link, .top__new__item__link:visited {
  font-size: 1.6rem;
  display: flex;
  flex-direction:row;
  height: auto;
  text-align: left;
  padding: .7em;
}

.top__new__item__img {
  padding: 0;
  width: 40px;
}

.top__new__item__txt {
  margin-top:0;
  justify-content:flex-start;
  padding-left: 1em;
}


/*===============[代理店開設]===============*/
.top__box--agency {
  padding: 15px;
}

.top__agency__list {
  display: block;
}

.top__agency__list__item {
  width: 100%;
  margin: .8em 0;
}

.top__agency__link,
.top__agency__link:visited {
  padding: 20px 15px;
}

.top__agency__list__item__tit {
  font-size: 1.6rem;
}


/*===============[ピックアップコンテンツ]===============*/
.top__box--pickup {
  padding: 25px 15px 5px;
  margin-bottom: 30px;
}

.top__pickup__list__item {
  width: 48%;
  margin: 0 4% 4% 0;
}

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

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


/*===============[ニュースリリース・お知らせ]===============*/
.top__news {
  display: block;
  margin: 0 15px 30px;
}

.top__news__newsrelease {
  width:100%;
  margin-bottom: 30px;
}

.top__news__notice {
  width:100%;
}

.top__news__notice__att {
  padding: 25px 15px 5px;
  margin-top: 40px;
}

}