@charset "utf-8";

/* 共通設定
========================================================================== */
#contents{
  margin:0 auto !important;
  width: 100%;
  padding-top: 0;
  min-width: max-content;
}
#cnt_r {
  width: 100%;
  float: none;
}
#list{
  overflow: initial;
}
.bg_gray{
  background: #EEEEEE;
}

section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

/* h2要素リセット */
#main h2 {
  font-size: 24px;
  color: #484848;
  background: none;
  margin-bottom: initial;
  padding: 0;
  line-height: 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main h2::before{margin-right:21px;}
#main h2::after{margin-left: 21px;}
#main h2::before,#main h2::after{
  content: "";
  display: inline-block;
  width:20px;
  height: 2px;
  background: #484848;
}
/* h3要素リセット */
#main h3{
  padding:0;
  margin: 0;
  height: auto;
  line-height:1;
  font-size: 100%;
}
/* ブラウザ別アラート */
#browser_security {
  border: 2px solid #FF0000;
  background: #FFEEEE;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 30px;
  color: #FF0000;
  display: none;
}

/* グローバルナビ
========================================================================== */
#gnavi li.home a,
#gnavi li.home a:hover  {
  color:#fff;
}

#gnavi li.home a {
  background:#61A028;
}
#gnavi li.home a:hover {
  background:#8AC653;
}


/* 納期表示
========================================================================== */
#box_delivery {
  margin-top: 14px;
}
.delivery_inner {
  width: 1000px;
  padding: 0;
  margin: 20px auto;
}
.delivery_today-box{
  font-weight: 700;
}
.delivery_today-box span{
  display: inline-block;
}
.delivery_today{
  width: 100%;
  margin: auto;
  background: #fff;
  display: flex;
  align-items: center;
  column-gap: 26px;
  border: 2px solid #70B92E;
}
.delivery_today dt{
  background: #70B92E;
  color: #fff;
  position: relative;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: 700;
  height: 46px;
  line-height:47px;
  width: 300px;
  text-align: center;
  clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
}
.delivery_today-box{
  display: flex;
  align-items: center;
}
.delivery_today-box .category{
  background: #D70C18;
  width: 88px;
  height: 28px;
  color: #fff;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-right: 10px;
}
.delivery_today-data {
  margin-inline: auto;
  display: flex;
  gap: 36px;
}
.delivery_today-box .data {
  letter-spacing: 0.1em;
  font-size: 20px;
}
.delivery_today-box .num{
  font-size:24px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
.delivery_caution {
  margin-top: 6px;
	font-size: 15px;
	letter-spacing: 0.025em;
  text-align: right;
}



/* mv
========================================================================== */
.scroll_bg-contain .top_ttl-area{
  position: absolute;
  top:60.5px;
  left:56px;
}
.scroll_bg-contain .top_ttl-area h2{
  margin-bottom: 17.5px;
}
.scroll_bg-contain .top_btn{
  width: 374px;
  margin: inherit;
  background: #ff9600;
  border-radius: 60px;
}
.scroll_bg-contain .top_btn a{
  font-family: "BIZ UDPGothic","Noto Sans JP", sans-serif;
  font-size: 26px;
  letter-spacing: 0.02em;
}
.scroll_bg-contain .top_btn a,
.scroll_bg-contain .top_btn .btn_g-arrow::after{
  background:#FF9600;
}
/*無限スクロール*/
.scroll_bg-contain{
	background: url("/hikkoshi/images/top/img_top_bg.webp") no-repeat center/ cover;
	height:420px;
  max-width: 1290px;
  margin:0 auto;
	overflow: hidden;
	position: relative;
}
.scroll_box img {
    max-width: 100%;
    display: block;
	box-shadow: 0 0 14px rgb(0 0 0 / 25%);
}
/*カラムの並びセット-------------*/
.scroll-flex_column {
    display: flex;
    flex-direction: column;
	gap: 9px;
}
.scroll-flex{
	display: flex;
	gap: 9px;
}
.scroll-fl-box{
	float:left;
}
.scroll-fr-box{
	float: right;
}
.scroll_list .margin_left{
	margin-left: 9px;
}
/*カラムの並びセット //-------------*/

.scroll-vertical{
	width: 682px;
	height:1328px;
	position: absolute;
	right:33px;
	top: 0;
}
.scroll_box li{
	height: 100%;
	margin-bottom: 9px;
}
.scroll_box li.first_list,
.scroll_box li:last-child{
	margin-bottom: 0;
	font-size: 0;
}
.scroll_box .scroll_list{
	overflow: hidden;
  padding: 0 20px;
}
.scroll_box ul li:last-of-type:after{
	content: "";
	display: block;
	clear: both;
}
.scroll_box li a {
    display: block;
    font-size: 0;
	transition: .3s all;
}
/*hoverしたら動きを止める*/
.scroll_bg-contain .scroll_box:hover{
	animation-play-state: paused;
}

.scroll_list a:hover{
	opacity: .8;
	
}

/*無限スクロール　アニメーション
------------------------------------*/
@keyframes scroll-vertical{
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.scroll_bg-contain .scroll_box{
	animation:scroll-vertical 80s infinite linear;
	animation-fill-mode: forwards;
	will-change: transform;
	height:100%;
	transition-timing-function: linear;
}


/* バナーエリア
========================================================================== */
#main .bnr_box a {
  margin: auto;
}
#main .bnr_box ul {
  width: 800px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 106px;
}
#main .bnr_box img{height: auto;}
#main .bnr_box p {
  margin-top: 16px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.01em;
}

/* KV下バナー（年賀バナー） */
#bnr_top {
  margin-top: 24px;
}

/* 季節バナー */
/* #bnr_season {
  margin-bottom: 100px;
} */

/* 宛名CPバナー */
#service .bnr_address {
	width: 450px;
	height: auto;
}

/* 引越しはがきの豆知識 */
#bnr_mame h2 {
  margin-bottom: 36px;
}
#bnr_mame .mame_container {
  /* margin-bottom: 36px; */
  padding:100px 0 65px;
}

/* 挨拶状ドットコムは新生活を応援します */
/* #bnr_newlife .newlife_container {
  margin-bottom: 120px;
  padding-bottom: 72px;
}
#bnr_newlife h2 {
  margin-bottom: 36px;
}
#bnr_newlife .link_outlink {
  justify-content: center;
} */


/* 訴求BOX
========================================================================== */
#box_appeal {
  margin: 48px auto;
}
#box_appeal ul {
  width: 1200px;
  display:flex;
  justify-content: center;
  gap: 20px;
}
#box_appeal li {
  height: auto;
}
#box_appeal li a {
  display: block;
  border-radius: 16px;
}
#box_appeal li a img {
  background-color: #FFF;
  border-radius: 16px;
}
#box_appeal li a:hover img {
  opacity: 0;
  transition: 0.4s;
}
#box_appeal li#btn_mypage a {
  background: url("../images/common/appeal/btn_free_shipping-on.webp") no-repeat 0 0 / contain;
}
#box_appeal li#btn_atena a {
  background: url("../images/common/appeal/btn_address-on.webp") no-repeat 0 0 / contain;
}
#box_appeal li#btn_delivery a {
  background: url("../images/common/appeal/btn_ddate-on.webp") no-repeat 0 0 / contain;
}
#box_appeal li#btn_atena_print a {
  background: url("../images/common/appeal/btn_address_print-on.webp") no-repeat 0 0 / contain;
}
#box_appeal li#btn_posting a {
  background: url("../images/common/appeal/btn_posting-on.webp") no-repeat 0 0 / contain;
}
#box_appeal li#btn_campaign-smr a {
  background: url("../images/common/appeal/btn_cam_smr-on.webp") no-repeat 0 0 / contain;
}
#box_appeal li#btn_campaign-win a {
  background: url("../images/common/appeal/btn_cam_win-on.webp") no-repeat 0 0 / contain;
}
#box_appeal li#btn_plurality a {
  background: url("../images/common/appeal/btn_plurality-on.webp") no-repeat 0 0 / contain;
}


/* 人気デザインランキング
========================================================================== */
#popularity .popularity_container {
  margin:0 0 90px;
  padding: 62px 0;
}
#popularity h2 {
  margin-bottom: 42px;
}
#popularity .popularity_wrap {
  padding: 60px 0;
  padding: 48px 0 44px;
}

/* タブメニュー */
#popularity .popularity_menu-list {
  width: 744px;
  display: flex;
  justify-content: center;
  margin: auto;
  background: #fff;
  border-radius: 60px;
  overflow: hidden;
}
#popularity .popularity_menu-item {
  width:50%;
  padding: 12px 0;
  border-radius:60px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  transition: all .3s;
}
#popularity .popularity_menu-item:hover {
  opacity: .7;
}
#popularity .popularity_menu-item.is-active {
  background: #70B92E;
  color: #fff;
}

/* タブメニュー アニメーション */
#popularity .popularity_list {
  display: none;
}
#popularity .popularity_list.is-show {
  display: block;
}
#popularity .fadeIn{
  animation-name:fadeInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeInAnime{
  from {
  opacity: 0;
}
  to {
  opacity: 1;
}
}

/* swiper設定 
--------------------------------------------------------- */
#popularity .swiper_container {
	width:1100px;
  margin: auto;
	position: relative;
}
#popularity .swiper-slide {
  position: relative;
  counter-increment: count 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
#popularity .swiper-slide::before{
  font-family: korolev,sans-serif;
  font-weight: bold;
  content: counter(count) "";
  z-index: 10;
}
#popularity .swiper-slide::after{
  content: '';
  width: 48px;
  height: 33px;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#popularity .swiper-slide.-first::after{
  background: url("https://nenga.aisatsujo.jp/group_common/images/icon/ico_ranking_1th.webp") no-repeat 0 0;
  background-size: contain;
}
#popularity .swiper-slide.-second::after{
  background: url("https://nenga.aisatsujo.jp/group_common/images/icon/ico_ranking_2th.webp") no-repeat 0 0;
  background-size: contain;
}
#popularity .swiper-slide.-third::after{
  background: url("https://nenga.aisatsujo.jp/group_common/images/icon/ico_ranking_3th.webp") no-repeat 0 0;
  background-size: contain;
}
#popularity .swiper_inner {
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding: 12px 16px 36px;
	}
#popularity .swiper_inner img{
	width: 120px;
  transition: .3s;
  box-shadow: none;
}
#popularity .swiper-slide:hover img {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
}
#popularity .swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, #fff);
}
#popularity .swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #858484);
  cursor: pointer;
}

/* swiper 横はがき設定 */
#popularity .swiper-slide.-width { 
  gap: 0;
}
#popularity .swiper-slide.-width a{
  transform: translateY(50%);
}
#popularity .swiper-slide.-width img{
  width: 100%;
}
/* カテゴリからデザインを選ぶ
========================================================================== */
#choice .choice_container{
  margin-bottom: 70px;
}

/* カテゴリボタン設定 */
.choice_container .btn_category-outline ul {
  gap:59px 0;
  margin-bottom: initial;
  justify-content: space-between;
}
.choice_container .btn_category-outline li {
  width: calc(100% / 2 - 40px);
}
.choice_container .btn_category-outline li.-local{
  width: 100%;
}
.choice_container .btn_category-outline li.-local .hagaki_bnr{
  gap: 0 80px;
}
.choice_container .btn_category-outline li.-local .hagaki_bnr-item{
  width: 488px;  
}
.choice_container .btn_category-outline--inner dl {
  width: 264px;
  min-height: 156px;
  display: grid;
  justify-items: start;
  align-items: baseline;
  grid-auto-rows:46px 62px 18px;
}
.choice_container .btn_category-title{
  display: flex;
  align-items: center;
  letter-spacing: 0;
}
.choice_container .btn_category-number,
.choice_container .btn_category-arrow {
  background: #70B92E;
  top: 0;
}
.btn_category-order {
  color: #70B92E;
}
.choice_container .btn_category-number{
  font-size: 13px;
  margin: 0;
  padding:0 7px;
  margin-left: 15px;
  height: 28px;
  line-height: 30px;
}
.choice_container .btn_category-number span {
  font-size: 19px;
  vertical-align: middle;
}
.choice_container .btn_category-outline--inner{
	padding-top: 80px;
	overflow: hidden;
}
.choice_container .btn_category-outline--inner::before {
	height: 180px;
}
.choice_container .btn_category-outline--inner:hover::before {
	outline: 4px solid #70B92E;
}
.choice_container .btn_category-outline--inner a {
  padding: 24px 0 0 40px;
}
.choice_container .btn_category-outline--inner a::after,
.choice_container .btn_category-outline--inner a::before {
	width: 95px;
	height: 142px;
  top: 19px;
}
.choice_container .btn_category-outline--inner a::after{
	right: 40px;
}
.choice_container .btn_category-outline--inner a::before{
  content: "";
  display: block;
  position: absolute;
	right: 144px;
  box-shadow: 5px 5px 10px rgba(0 0 0 / 16%);
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: .2s all linear;
}
.choice_container .btn_category-outline--inner a:hover::before {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  opacity: 1;
}
.choice_container .btn_category-outline li.-design a::after{
  right: 144px;
}
/* カテゴリボタンはがき設定 2枚目
============================================================ */
.choice_container .btn_category-outline li.-design a::before{
  background: url("https://nenga.aisatsujo.jp/images/items/H02C202b.jpg") no-repeat center center;
	background-size: contain;
  right: 40px;
}

.choice_container .btn_category-outline li.-photo a::before{
  background: url("https://nenga.aisatsujo.jp/images/items/H02P204b.jpg") no-repeat center center;
	background-size: contain;
}

/*ご当地はがきバナー*/
.choice_container .localcard_bnr-item {
  width: 460px;
}
.localcard_bnr-item a::after {
  width: 95px;
  height: 143px;
}

/* box_beginner
========================================================================== */
#beginner  h2{
  margin-bottom: 40px;
}
#beginner .beginner_container{
  margin-bottom: 100px;
}
#beginner .beginner_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 60px;
}
#beginner .beginner_list li{
  width: 345px;
}
#beginner .beginner_list li a{
	height: 120px;
	padding:22px 30px 0;
	border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.16);
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	text-decoration: none;
	transition: opacity .3s;
}
#beginner .beginner_list li a.beginner{
	background: url("/hikkoshi/images/top/bnr_beginner.webp") 0 0 no-repeat;
  background-size: contain;
}
#beginner .beginner_list li a.mame{
	background: url("/hikkoshi/images/top/bnr_mame.webp") 0 0 no-repeat;
  background-size: contain;
}
#beginner .beginner_list li a:hover {
	color: #484848;
	opacity: 0.7;
}
#beginner .beginner_list li dt {
	margin-bottom: 14px;
	color: #70B92E;
	font-size: 24px;
	font-weight: bold;
}
#beginner .beginner_list li dd {
  font-size: 16px;
  line-height: 1.4;
}


/* service
========================================================================== */
/*サービスヘッダー*/
#service_head {
  padding:96px 0 70px;
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
}
#service_head::before{
  content: "";
  display: block;
  width: 100%;
  height: 250px;
  background: url(/hikkoshi/images/top/service_head_bg.webp) no-repeat center / cover;
  position: absolute;
  top: 0;
  z-index: -1;
}
#service_head .service_h_ttl{
  margin-bottom: 56px;
  color: #fff;
}
#service_head .service_h_ttl::before,
#service_head .service_h_ttl::after{background: #fff;}
#service_head .service_h-list{
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
  gap: 0 32px;
  margin-bottom: 40px;
}
#service_head .service_h-list li{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 10px;
}
#service_head .service_h-pic{
  height: 170px;
  margin-bottom: 20px;
  overflow: hidden;
}
#service_head .service_h-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#service_head .service_h-sub-ttl{
  font-size: 22px;
  letter-spacing: 0;
  text-align: center;
}
#service_head .service_h-list p{
  letter-spacing: 0;
}

/*宛名印刷*/
#service .service_container{
  width: 1056px;
  margin: 0 auto 100px;
}
#service h2 {
  margin-bottom: 36px;
}
#service .service_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-top: none;
  border-bottom: 4px solid #70B92E;
  display: flex;
  align-items: center;
  background: none;
  height: auto;
}
#service .service_title::before {
  font-family: korolev, sans-serif;
  font-size: 60px;
  font-weight: normal;
  color: #70B92E;
  margin-right: 16px;
}
#service .address_date {
  margin-left: 48px;
  font-size: 20px;
  font-weight: bold;
  color: #D70C18;
  border: 2px solid #D70C18;
  position: relative;
  padding:6px 11px 4px;
  top: -2px;
}

/* address_head
---------------------------------------------- */
#address_head {
  margin-bottom: 56px;
  margin: 0 auto 104px;
  display: flex;
  gap: 0 79px;
}
#address_head .ttl_atena_lead{
  background: none;
  font-size: 22px;
  letter-spacing: 0.03em;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.6em;
}
#address_head::after {
  content: "";
  display: block;
  background: url("https://nenga.aisatsujo.jp/group_common/images/img_address_postal.webp") no-repeat center / cover;
  width: 528px;
  height: 335px;
}
#address_head .address_head-container{
  width:449px;
}
#address_head .address_head_text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 34px;
  letter-spacing: 0.03em;
}
#address_head img {
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* address_feature
---------------------------------------------- */
#address_feature {
  margin-bottom: 72px;
}
#address_feature .feature_list {
  margin-bottom: 48px;
  display: flex;
  gap: 0 36px;
}
#address_feature .feature_item {
  min-height: 312px;
  width: calc((100% - 70px) / 3);
  background: #F5F5F5;
  padding: 56px 28px 0;
  box-sizing: border-box;
  position: relative;
}
#address_feature h4 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 28px;
  padding: 0;
  line-height: 160%;
  letter-spacing: 0;
  border: none;
}
#address_feature h4 span {
  color: #D70C18;
}
#address_feature .poin_icon{
  width: 72px;
  height: 72px;
  background: #70B92E;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: 28px;
  top: -36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 34px;
}
#address_feature .poin_icon span{
  font-size: 16px;
  margin: 4px 0 2px;
}
#address_feature dd{
  letter-spacing: 0;
}
#address_feature dd a {
  font-weight: bold;
}



/* voice
========================================================================== */
#voice .voice_container {
  margin-bottom: 80px;
  padding: 80px 0 100px;
}
#voice h2{
  margin-bottom: 36px;
}
/* swiper設定 */
#voice .swiper_container {
  width: 1000px;
  margin: auto;
}

#voice .swiper_inner img {
  width: 284px;
  height: auto;
  background: #fff;
  border-radius: 20px;
	box-shadow: 0px 0px 20px rgb(0,0,0,.16);
}

/* swiper_button設定 */
#voice .swiper-button-next, #voice .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 45%);
  width: 44px;
  height: 44px;
}
#voice .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, -64px);
}
#voice .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, -64px);
}
#voice .swiper-button-next:after, #voice .swiper-rtl  .swiper-button-prev:after {
  background: url("../images/common/slider/ico_next.webp") 0 0 no-repeat;
  background-size: contain;
}
#voice .swiper-button-prev:after, #voice .swiper-rtl  .swiper-button-next:after {
  background: url("../images/common/slider/ico_prev.webp") 0 0 no-repeat;
  background-size: contain;
}

/* column 
========================================================================== */
#column .column_container {
  margin: 0 auto 80px;
  padding-bottom: 100px;
}
#column h2 {
  margin-bottom: 36px;
}
#column .column_inner {
  width: 1200px;
  margin: auto;
  position: relative;
  z-index: 0;
}
#column .column_card {
  width: 368px;
  min-height: 399px;
  box-shadow: 0px 0px 15px rgb(0, 0, 0, .16);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  margin: auto;
}
#column .column_card-link {
  display: block;
  text-decoration: none;
  transition: opacity .3s;
  min-height: 399px;
  height: 100%;
}
#column .column_card-link:hover {
	color: #484848;
	opacity: .7;
}
#column .column_card-thumb {
	position: relative;
  overflow: hidden;
  height: 237px;
}
/* #column .column_card-thumb::before {
	content: "";
	display: block;
	padding-top: 55%;
} */
#column .column_card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#column .column_card-body {
	padding: 24px;
}
#column .column_card-data {
  font-size: 12px;
  letter-spacing: 0.02em;
  text-align: right;
  line-height: 1;
  margin-bottom: 4px;
}
#column .column_card-title {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 0.025em;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
  font-family: "Noto Sans JP", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "Lucida Grande", sans-serif;
}
#column .column_btn {
	margin-top: 40px;
}

/* swiper設定 */
#column .swiper_container {
  width: 1200px;
  margin: auto;
}
#column .swiper_inner{
  padding: 20px 0 88px;
}
#column .swiper-pagination{
  bottom:48px;
}
#column .swiper-pagination-clickable .swiper-pagination-bullet {
  opacity: 1;
  background: #fff;
}
#column .swiper-pagination-clickable .swiper-pagination-bullet-active {
  background: #999;
}
#main .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 12px);
}
#main .swiper-pagination-clickable .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
/* faq
========================================================================== */
#faq .faq_container {
  margin-bottom: 77px;
}
#faq h2 {
  font-size: 28px;
  margin-bottom: 22px;
  color: #484848;
  text-align: center;
}
.faq_item:not(:first-child) {
  border-top: 1px solid #ddd;
}
.faq_header {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 36px 0;
}
.faq_question {
  font-size: 20px;
  font-weight: bold;
}
.faq_wrap {
  display: none;
}
.faq_answer {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 3px;
}
.faq_answer-text {
  margin-top: 12px;
  padding-bottom: 36px;
}
.faq_answer-text p + p{
  margin-top: 12px;
}

.faq_link {
  margin-top: 10px;
}

/* faqアイコン設定 */
.faq_header::before,
.faq_answer::before {
  font-family: korolev,sans-serif;
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
  padding-right: 12px;
}
.faq_header::before {
  content: "Q";
  color: #70B92E;
}
.faq_answer::before {
  content: "A";
	color: #FFB400;
}
.faq_header::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: auto;
  margin-right: 15px;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}
.faq_header.is-open::after {
  transform: rotate(225deg);
}

/* about
========================================================================== */
#about h2 {
  margin-bottom: 36px;
}
#about .about_container {
  padding: 84px 0 104px;
}
.about_list {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}
.about_item {
	width: calc((100% - 100px) / 3);
}
.about_item_title {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 28px;
}
.about_item_text {
	line-height: 1.75;
	letter-spacing: -0.01em;
	margin-top: 16px;
}
.about_feature {
	margin-top: 72px;
	text-align: center;
}
.about_feature a img {
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgb(0,0,0,.16);
	transition: opacity .3s;
}
.about_feature a:hover img {
	opacity: .6;
}
.about_message {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 96px auto 0;
  gap: 0 64px;
}
.about_message_title {
	font-size: 24px;
	font-weight: bold;
  line-height: 1.6;
	letter-spacing: 0.05em;
}
.about_message_text {
	line-height: 1.75;
	letter-spacing: 0.04em;
	margin-top: 18px;
}

/* group
========================================================================== */
.group_container {
	margin-bottom: 112px;
}
#group h2 {
  margin-bottom: 48px;
}
.group_list {
	display: flex;
	flex-wrap: wrap;
	width: 796px;
	margin: auto;
  gap: 24px 40px;
}
.group_item a img {
	box-shadow: 0px 0px 10px rgb(0,0,0,.16);
	transition: opacity .3s;
  border-radius: 8px;
}
.group_item a:hover img {
	opacity: .7;
}

/*みさらサイトロゴ*/
.group_misara {
  margin-top: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-size: 14px;
}
/* スタッフコラムメンテナンス 
========================================================================== */
#column .column_mente {
	text-align: center;
}
#column .column_mente-title {
	font-size: 28px;
	font-weight:bold;
	margin-bottom:20px;
  color: #D70C18;
}