@charset "utf-8";

/* ブラウザ別アラート　開始 ------------------------------------------ */
#browser_security {
	border: 2px solid #FF0000;
	background: #FFEEEE;
	margin: 30px 0;
    padding: 20px 30px;
	color: #FF0000;
	display: none;
}
/* ブラウザ別アラート　終了 ------------------------------------------ */


/* お知らせ 別ページ遷移 ------------------------------------------ */
.info_area{
	margin: 12px 0;
}

/* お知らせ・バナー設置エリア ------------------------------------------ */

.top_notice_wrap{
  margin-bottom: 82px}

/*<------▼LP誘導バナー▼------>*/
.lp_bnr{
	text-align: center;
	margin:0 auto 30px;
}
.lp_bnr a:hover img{
	opacity:0.7;
}

.lp_bnr .radius_bnr img{
  border-radius: 10px;
    box-shadow: 0px 0px 16px rgb(0,0,0,.16);
    transition: .3s all;
}

/*<------▼訴求ボックス▼------>*/
#box_appeal {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 20px;
  }
  #box_appeal li img{
    border-radius:15px;
    background: #fff;
  }
  #box_appeal li a{
    display: block;
    border-radius:15px;
    }
  #box_appeal li a:hover img {
    opacity: 0;
    transition: 0.5s;
  }
  #box_appeal li#btn_mypage a {
    background: url("../images/top/appeal/btn_postage0_on.webp") no-repeat 0 0 / contain;
  }
  #box_appeal li#btn_atena a {
    background: url("../images/top/appeal/btn_address_on.webp") no-repeat 0 0 / contain;
  }
  #box_appeal li#btn_atena_print a {
    background: url("../images/top/appeal/btn_address_print_on.webp") no-repeat 0 0 / contain;
  }
  #box_appeal li#btn_delivery a {
    background: url("../images/top/appeal/btn_ddate_long_on.webp") no-repeat 0 0 / contain;
  }
  #box_appeal li#btn_posting a {
    background: url("../images/top/appeal/btn_posting_on.webp") no-repeat 0 0 / contain;
  }
  #box_appeal li#btn_plurality a {
    background: url("../images/top/appeal/btn_plurality_long_on.webp") no-repeat 0 0 / contain;
  }
  #box_appeal li#btn_smr_campaign a {
    background: url("../images/top/appeal/btn_cam_smr_on.webp") no-repeat 0 0 / contain;
  }
  #box_appeal li#btn_win_campaign a {
    background: url("../images/top/appeal/btn_cam_win_on.webp") no-repeat 0 0 / contain;
  }

/*<------▼用紙追加時▼------>*/
#yoshi {
    margin: 0 0 40px 0 !important;
    color: #666;
    font-weight: bold;
    text-align: center;
}

#yoshi a {
    color: #666;
}

#yoshi a:hover {
	color:var(---color-sub);
}



/* top content ------------------------------------*/

/* topのみ適応 */
p,a,span,dt,dd,li,ol{
    font-family:"Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 800;
}
/* ----top調整の為のスタイル */
#contents,#cnt_r{
    width: 100%;
}
#home h2,
#home h3{
background: none;
height: auto;
margin: 0;
padding: 0;
line-height: initial;
}
#home h2{
    text-align: center;
    font-size: 24px;
    font-weight: 800;
}
#home h2 .en{
    display: block;
    font-family: "EB Garamond", serif;
    font-weight:500;
    font-size: 45px;
    letter-spacing: 0.05em;
}
/*-----------------------------------*/
.contants_wrap_inner{
    width: 1200px;
    margin: auto;    
}
.contants_wrap{
    padding: 65px 0 90px;
}
/* 共通 */
#design,
#topics,
#other_service{
    background:#F3EFE6;
}

#main .btn_g{
    width: 432px;
}
#main .btn_g a,
#main .btn_g-arrow::after{
    background: var(--color-main);
}
#main .btn_g-arrow {
    top: initial;
}
#main .btn_g a:hover{
    color: #fff;
}
/* slider-------------------------- */
.swiper_inner img{
    width: 100%;
    height: auto;
}
.swiper-slide {
    transition-timing-function: linear;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
  }
/* slider btn */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    background: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: auto;
    border-bottom: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    transform: rotate(135deg);
    position: absolute;
    top: 14px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    transform: rotate(315deg);  
}
.swiper-button-prev{
    left: 0;
}
.swiper-button-next{
    right: 0;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next,
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev::before, .swiper-rtl .swiper-button-next:before,
.swiper-button-next:before, .swiper-rtl .swiper-button-prev:before{
    content: "";
    display: inline-block;
    width: 45px;
    height: 45px;
    background: var(--color-main);
    border-radius: 50%;
}
.swiper-button-prev::before, .swiper-rtl .swiper-button-next:before,
.swiper-button-next:before, .swiper-rtl .swiper-button-prev:before{
    position: relative;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    left: 16px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    right: 16px;
}
/* KV-------------------------- */
#kv{
    width: 1200px;
    margin:0 auto 30px;
}
#kv .swiper_inner{
  padding: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#kv .kv_item{
    position: relative;
}
#kv .kv_item a{
    display: block;
    position: relative;
    z-index: 0;
}
#kv .kv_item a::before,#kv .kv_item a::after{
    content: "";
    display: block;
    position: absolute;
    left: 5%;
}
#kv .kv_item a::after{
    bottom: 165px;
    background: url(../images/top/kv/img_keyvisu-bottom_1.webp) no-repeat 0 0 / contain;
    width:348px;
    height:27px;
}
#kv .kv_item:nth-child(n+2) a::after{
    bottom: 175px;
}
/*スライダー1番目*/
#kv .kv_item a.first-item::before{
    top: 75px;
    background: url(../images/top/kv/img_keyvisu-ttl_1.webp) no-repeat 0 0 / contain;
    width:480px;
    height: 179px;
}
/*スライダー2番目*/
#kv .kv_item a.second-item::before{
    top: 99px;
    background: url(../images/top/kv/img_keyvisu-ttl_2.webp) no-repeat 0 0 / contain;
    width:395px;
    height: 85px;
}
/*スライダー3番目*/
#kv .kv_item a.third-item::before{
    top: 98px;
    background: url(../images/top/kv/img_keyvisu-ttl_3.webp) no-repeat 0 0 / contain;
    width:393px;
    height: 80px;
}
/*スライダー4番目*/
#kv .kv_item a.fourth-item::before{
    top: 94px;
    background: url(../images/top/kv/img_keyvisu-ttl_4.webp) no-repeat 0 0 / contain;
    width:348px;
    height: 84px;
}

#kv .kv_item img{
    box-shadow: none;
}
#kv .kv_item .kv_btn {
    font-family: "Noto Sans JP", sans-serif;
    position: relative;
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-decoration: none;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--color-sub);
    transition: opacity .3s;
    width: 375px;
    position: absolute;
    bottom: 70px;
    left: 5%;
}
#kv .kv_item .btn_g .btn_g-arrow{
    top: 1px;
}
#kv .kv_item .btn_g .btn_g-arrow::after{
    background-color: var(--color-sub);
}
#kv .kv_item a:hover .kv_btn{
    opacity: 0.8;
}
#kv .swiper-pagination{
    position: static;
    margin-top: 25px;
}
#kv .swiper-pagination span{
    width: 14px;
    height: 14px;
    opacity: 1;
    background: #D9D9D9;
    display: inline-block;
    margin: 0 14px;
}
#kv .swiper-pagination .swiper-pagination-bullet-active{
    background:#E39393;
}

/* デザインカテゴリ-------------------------- */
#design{
    background:#F3EFE6;
}
#design h2{
    margin-bottom: 20px;
}
#design .btn_category-outline--inner dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 229px;
}
#design .btn_category-number {
  background: var(--color-main);
  display: inline-block;
  font-size: 14px;
  font-family: initial;
  height: 23px;
	line-height: 23px;
  margin-bottom: 15px;
  padding:0 12px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 4px;
}
#design .btn_category-number span{
    font-size: 20px;
}

#design .btn_category-sub_title{
    font-size: 18px;
    color:#C9A153;
    padding-left: 5px;
    border-left: 4px solid #D2C296;
    margin-bottom: 7px;
}

/* カテゴリボタン(border外側)
---------------------------------------------- */
.btn_category-outline ul{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 32px;
  justify-content: space-between;
}
.btn_category-outline li {
	position: relative;
  min-width: 360px;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.16));
}
.btn_category-outline--inner{
	overflow: hidden;
  padding-top: 25px;
}
.btn_category-outline--inner::before{
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 265px;
  left: 0;
  border-radius: 10px;
  transition: .2s all linear;
  overflow: hidden;
}
.btn_category-outline--inner:hover::before {
	outline: 4px solid #999;
}
.btn_category-outline--inner a {
	display: block;
	position: relative;
	padding: 24px 0 12px 24px;
	height: 100%;
	border-radius: 10px;
	text-decoration: none;
	background: #fff;
	box-sizing: border-box;
}
.btn_category-outline--inner a::after {
	content: "";
	display: block;
	position: absolute;
  bottom: 0;
  right: 22px;
  top: -16px;
  width: 108px;
  height: 160px;
	box-shadow: 5px 5px 10px rgba(0 0 0 / 16%);
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: .2s all linear;
}
.btn_category-outline--inner a:hover::after {
	transform: scale(1.07);
	-webkit-transform: scale(1.07);
	opacity: 1;
}
.btn_category-outline--inner a:hover {
	color: #333;
}
.btn_category-title{
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.06em;
}
.btn_category-outline li:last-child .btn_category-title {
    margin: 17px 0;
}
.btn_category-desc{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6em;
  letter-spacing: 0.04em;
}
.btn_category-arrow{
  background: var(--color-sub);
  position: relative;
  display: inline-block;
  top: 50%;
  right: -4px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
}
.btn_category-arrow::after{
  left: 56%;
  width: 7px;
  height: 9px;
}
.btn_category-order{
  margin-top: auto;
  margin-bottom: 7px;
  color: var(--color-sub);
  font-family: "Noto Sans JP",sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 18px;
}
/*.btn_category-outline ul{
  justify-content: space-between;
}*/
/*.btn_category-outline--inner{
    padding-top: 70px;
}*/
/*.btn_category-outline--inner::before{
    height: 265px;
}*/
/*.btn_category-outline--inner a::after {
    bottom: 0;
    top: -60px;
    width: 117px;
    height: 173px;
}*/

/* はがき設定 */
.btn_category-outline li.-photo_yofu a::after,
.btn_category-inline li.-photo_yofu a::after {
	background: url("https://nenga.aisatsujo.jp/images/items/W01P201b.jpg") no-repeat center center;
	background-size: contain;
}
.btn_category-outline li.-photo_wafu a::after,
.btn_category-inline li.-photo_wafu a::after {
	background: url("https://nenga.aisatsujo.jp/images/items/W01P401b.jpg") no-repeat center center;
	background-size: contain;
}
.btn_category-outline li.-design a::after,
.btn_category-inline li.-design a::after {
	background: url("https://nenga.aisatsujo.jp/images/items/W01C201b.jpg") no-repeat center center;
	background-size: contain;
}
.btn_category-outline--inner:hover::before {
    outline-color: var(--color-main);
}
/* ランキング-------------------------- */
#ranking .contants_wrap{
    padding-top: 0;
}
#ranking h2{
    text-align: left;
    font-size: 28px;
    line-height: 1.8;
}
/*タブ*/
.popularity_menu-area{
    background: #F3EFE6;
}
.popularity_menu-list{
    display: flex;
    gap: 0 8px;
    width: 1200px;
    margin: auto;
}
.popularity_menu-list li{
    font-size: 18px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    background: #E7D7AA;
    width: 160px;
    height: 57px;
    border-radius: 20px 20px 0 0;
    padding-top: 12px;
    cursor: pointer;
    line-height: 1.1;
    box-sizing: border-box;
}
.popularity_menu-list li.is-active{
    color: #E7D7AA;
    background: #fff;
}
.popularity_list{
    display: none;
}
.popularity_list.is-show {
    display: block;
}
.fadeIn{
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
}
  @keyframes fadeInAnime{
    from {
      opacity: 0;
}
    to {
      opacity: 1;
}
}

/*内容*/

.popularity_slide-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: auto;
}
.popularity_list .swiper_inner{
    padding-bottom: 32px;
}
.popularity_list .swiper-scrollbar-drag{
  background: var(--color-main);
  cursor:pointer;
}
.popularity_list{
    padding: 55px 0;
}
.popularity_list .swiper_inner {
    padding: 0 12px 32px;
}

.popularity_list .swiper_inner li{
    counter-increment: count 1;
    display: block;
}
.popularity_list .swiper_inner li:hover a{
    color: #333;
}
.popularity_list .swiper_inner li img{
    transition: .3s;
}
.popularity_list .swiper_inner li:hover img{
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    opacity: 0.9;
}
.popularity_list .swiper_inner li .rank_num{
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
.popularity_list .swiper_inner li .rank_num::before{
    content: counter(count) "";
    font-size: 24px;
    display: inline-block;
}
.popularity_list .swiper_inner li .rank_num::after{
    content: "位";
    display: inline-block;
    font-size: 19px;
}

/* トピックス-------------------------- */
#topics h2{
    margin-bottom: 61px;
}
/*---　トピックス/その他サービス 共通スタイル ----*/
#main .bnr_list .bnr_list_wrap{
    width: 1000px;
    margin: auto;
}
#main .bnr_list .bnr_list_wrap ul li h3{
    font-size: 20px;
    margin-bottom: 5px;
}
#main .bnr_list .bnr_list_wrap ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 60px;
}
#main .bnr_list .bnr_list_wrap ul li{
    background: #fff;
    border-radius:12px;
    width: 470px;
    height: 132px;
    position: relative;
}
#main .bnr_list .bnr_list_wrap ul li a{
    border-radius:12px;
    padding-left: 150px;
    padding-top: 18px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}
/*豆知識・デザイナー紹介　位置調整*/
#main .bnr_list .bnr_list_wrap :is(.-mame,.-designer) a {
    padding-left: 123px;
}
#main .bnr_list .bnr_list_wrap ul li:hover a{
    color: #666;
    opacity: 0.8;
}

#main .bnr_list .bnr_list_wrap ul li p{
  letter-spacing:-0.01em;
  font-weight: 600;
}
#main .bnr_list .bnr_list_wrap ul li .bnr_link{
    position: absolute;
    right: 0;
    bottom: 0;
}
#main .bnr_list .bnr_list_wrap ul li .bnr_link span{
    display: block;
    background: var(--color-main);
    color: #fff;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    padding:3px 20px 5px;
}
/** topics **/
#topics .bnr_list .bnr_list_wrap ul li h3{
    color: var(--color-main);
}
#topics .bnr_list_wrap ul li.-beginner{
    background: url(../images/top/topics/topics_beginner.png) no-repeat 0 0;
}
#topics .bnr_list_wrap ul li.-mame{
    background: url(../images/top/topics/topics_mame.png) no-repeat 0 0;
}
#topics .bnr_list_wrap ul li.-sample{
    background: url(../images/top/topics/topics_sample.png) no-repeat 0 0;
}
#topics .bnr_list_wrap ul li.-designer{
    background: url(../images/top/topics/topics_designer.png) no-repeat 0 0;
}
/* サービス/宛名印刷 -------------------------- */
#service h2{
    margin-bottom: 50px;
}
/*　宛名印刷 　－－－－－－－－－－*/
#box_address_print {
    width: 1100px;
    margin: 0 auto;
}
#address_head {
position: relative;
/*width: 1000px;*/
margin: 0 auto 60px;
}
#address_head .ttl_atena{
display: flex;
align-items: center;
gap:0 30px;
}
#address_head .ttl_atena h3{
font-size: 28px;
font-weight: bold;
}

#address_head .ttl_atena_lead{
background: none;
font-size: 24px;
letter-spacing: 0.03em;
margin-bottom: 27px;
font-weight: bold;
line-height: 1.6em;
}
#address_head .address_date {
font-size: 19px;
font-weight: bold;
line-height: 1;
color: var(--color-sub);
border: 2px solid var(--color-sub);
border-radius: 5px;
font-family: inherit;
padding: 7px 20px;
}
#address_head .address_head_inner{
display: flex;
justify-content: center;
}
#address_head .address_textarea{
margin-right: 59px;
width: 440px;
}
#address_head .address_head_text {
font-size: 16px;
line-height:1.875;
margin: 28px 0 15px;
font-weight: 600;
letter-spacing: normal;
}
#address_head a {
display: block;
}
/* 宛名基本０円キャンペーンバナー */
.cam_atena_bnr img{
    width: 100%;
    height: auto;
    border-radius: 6px;
}
.cam_atena_bnr a:hover {
    opacity: .7;
}
/* 宛名印刷 3つのポイント */
#box_address h3{
    font-size: 26px;
    letter-spacing: 0.05em;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}
#box_address h3::before,
#box_address h3::after{
    content: "";
    display: block;
    height: 2px;
    width:374px;
    background: var(--color-main);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#box_address h3::before{
    left: 0;
}
#box_address h3::after{
    right: 0;
}
/* 宛名印刷の特徴 */
#feature_box {
    padding: 0 0 100px;
}
#feature_box dl {
    display: flex;
    justify-content: space-between;
}
#feature_box .feature_item {
    width: 340px;
}
#feature_box dt {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    line-height: 150%;
}
#feature_box dt::before {
    background: var(--color-main);
    font-size: 20px;
    font-weight: bold;
    font-family: korolev, sans-serif;
    color: #FFF;
    border-radius: 6px;
    display: block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    padding: 4px 0 0;
    margin: 0 auto 24px;
}
#feature_box dt.point1::before {
content: "POINT 1";
}
#feature_box dt.point2::before {
content: "POINT 2";
}
#feature_box dt.point3::before {
content: "POINT 3";
}
#feature_box dd{
  font-weight: 600;
}
#feature_box dd a, #feature_box dd a:hover {
    font-weight: bold;
    color: inherit;
}
/* 宛名注文の流れ */
#box_flow .box_flow_inner{
    margin-bottom: 60px;
}
#box_flow dl {
    text-align: center;
    margin-bottom: 30px;
}
#box_flow dt {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
#box_flow dt span {
    color: var(--color-sub);
    background: url(../images/top/service/nami_border.svg) repeat-x bottom left;
}
.address_data_flow ul {
    display: flex;
    justify-content: space-between;
}
.address_data_flow li {
    position: relative;
    text-align: center;
    width: 240px;
}
.address_data_flow li .address_ttl {
    font-size: 20px;
    text-align: center;
    margin: 15px 0;
}
.address_data_flow li .address_text {
    text-align: center;
    letter-spacing: normal;
    font-weight: 600;
    }
.address_data_flow li::after {
    content: "";
    display: inline-block;
    width: 26px;
    height: 38px;
    background-color: var(--color-sub-base);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 87px;
    right: -50px;
}
.address_data_flow li:last-child::after {
    content: none;
}
.address_data_flow .link_arrow{
    font-size: 14px;
    font-weight: normal;
    background-position: 15px;
}

/* その他サービス-------------------------- */
#other_service h2{
    margin-bottom: 60px;
}
#main #other_service .bnr_list_wrap ul li a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
#main #other_service .bnr_list_wrap ul li.-post a::after {
    background: url("https://nenga.aisatsujo.jp/group_common/images/icon/ico_posting.webp") no-repeat 0 0 /contain;
    width: 73px;
    height: 107px;
    left: 32px;
    top: 13px;
}
#main #other_service .bnr_list_wrap ul li.-delivery a::after {
    background: url("https://nenga.aisatsujo.jp/group_common/images/icon/ico_delivery.webp") no-repeat 0 0 /contain;
    width: 106px;
    height: 106px;
    left: 24px;
    top: 13px;
}
#main #other_service .bnr_list_wrap ul li.-add a::after {
    background: url("https://nenga.aisatsujo.jp/group_common/images/icon/ico_add.webp") no-repeat 0 0 /contain;
    width: 88px;
    height: 104px;
    left: 30px;
    top: 14px;
}
#main #other_service .bnr_list_wrap ul li.-name a::after {
    background: url("https://nenga.aisatsujo.jp/group_common/images/icon/ico_oldcharacters.webp") no-repeat 0 0 /contain;
    width: 89px;
    height: 104px;
    left: 21px;
    top: 13px;
}
/* お客様の声-------------------------- */
#voice {
    background: url("../images/top/voice/voice_head_img.webp") no-repeat center top;
    padding: 397px 0  20px;
}
#voice h2{
    margin-bottom: 60px;
}
#voice .voice_wrap{
    position: relative;
    margin-bottom: 60px;
}
#voice .swiper_inner{
    padding: 10px 70px;
}
#voice .voice_wrap img{
    border-radius: 25px;
    display: block;
}
/* スタッフコラム
========================================================================== */
#box_column {
    padding-top: 54px;
}
#box_column h2{
	margin-bottom: 60px;
}
#box_column .staff_column .section-title{
	margin-bottom: 36px;
}
#box_column .staff_column{
	margin-bottom: 88px;
	padding: 96px 0;
    background: #F5F5F5;
}
#box_column .staff_column .swiper_container{
    margin: 0 auto;
}
#box_column .staff_column .slide_cover{
	margin: 0 auto 48px;
}
#box_column .column_slider-item{
	padding: 0;
}
#box_column .column_card {
	width: auto;
	height: 320px;
	box-shadow: 0px 0px 15px rgb(0,0,0,.16);
	border-radius: 24px;
	overflow: hidden;
	background: #fff;
}
#box_column .column_card-link {
	display: block;
	text-decoration: none;
	transition: opacity .3s;
}
#box_column .column_card-link:hover {
	color: #333;
	opacity: .7;
}
#box_column .column_card-thumb {
	position: relative;
}
#box_column .column_card-thumb::before {
	content: "";
	display: block;
	padding-top: 59.5%;
}
#box_column .column_card img.column_card-image {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: none;
}
#box_column .column_card-body {
	padding: 10px 24px 32px;
}
#box_column .column_card-data {
	font-size: 12px;
	letter-spacing: 0.02em;
	text-align: right;
}
#box_column .column_card-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 0.025em;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	background: none;
}
#box_column .staff_column .swiper-button-prev {
	left: -64px;
}
#box_column .staff_column .swiper-button-next {
	right: -64px;
}

/* swiper
---------------------------------------------- */
#box_column .swiper_container {
	width:1200px;
	position: relative;
	margin:0 auto 60px;
}
#box_column .swiper_wrap {
	position: relative;
	z-index: 0;
}
#box_column .swiper_inner {
	overflow: hidden;
	padding:10px 70px;
}
#box_column .swiper_inner img{
	width: 100%;
	height: auto;
/*	width: 120px;*/
	box-shadow: 0px 0px 10px rgb(0 0 0 / 16%);
}
/* swiper アイコン設定 */
#box_column .swiper-button-prev,.swiper-rtl .swiper-button-next {
	left:0;
}
#box_column .swiper-button-next,.swiper-rtl .swiper-button-prev {
	right: 0;
}
#box_column .swiper-button-next, .swiper-button-prev {
	width: 45px;
	height: 45px;
}

/* QA-------------------------- */
#qa{
    padding-bottom:74px;
}
#box_faq h2,
#box_faq .faq_list{
    margin-bottom: 50px;
}
#box_faq .faq_question{
    font-size: 20px;
    font-weight:700;
    letter-spacing: 0.05em;
    line-height: 1.4;
}
#box_faq dl{
    gap:30px 0;
    padding: 43px 24px;
    border-bottom: 1px solid #C9C9C9;
}
#box_faq dl:first-child{
    border-top:1px solid #C9C9C9;
}
#box_faq p{
    font-weight: 800;
}
#box_faq p::before{
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    color: var(--color-main);
    padding-right: 20px;
}
#box_faq .faq_answer {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
#box_faq .faq_answer::before{
    color: #FF9600;
}
#box_faq .faq_answer-text{
    padding-left: 39px;
}
#box_faq .faq_answer-text p{
  line-height: 1.75;
  font-weight: 600;
}

/* 挨拶状ドットコムについて-------------------------- */
#about{
    padding-top: 0;
}

#about p,#box_about dt,#box_about dd{
    font-weight: 400;
    margin-bottom:15px;
    letter-spacing: 0;
}
#about .for_message {
    margin-bottom: 80px;
    background: url(../images/top/about/for_message_bg.webp) no-repeat 0 0;
    background-position: right;
    background-size: contain;
    padding: 61px 0;
}
#about .message_ttl{
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 30px;
}
#about .message_text{
    font-size: 16px;
    font-weight: 600;
    line-height: 2em;
}


#box_about h2{
    margin-bottom:73px;
}
#box_about .box_about-list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 124px;
}
#box_about .box_about-item_image{
    margin-bottom: 34px;
}
#box_about .box_about-item{
    width: 352px;
}

#box_about .box_about-item_title{
    font-weight: 600;
    font-size: 24px;
    color: var(--color-main);
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 22px;
}
#box_about .box_about-item_text{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.9em;
  margin-bottom: 0;
}

#box_about .group_misara {
	margin-top: 20px;
	display: flex;
    justify-content: center;
	gap: 12px;
}
#box_about .group_misara-misara {
    font-size: 14px;
    text-align: center;
}

/*--大切な方へ--*/
#box_about .box_about-message{
    display: flex;
    justify-content: space-between;
    margin-bottom: 114px;
}
#box_about .box_about-message_contents{
    width: 594px;
}
#box_about .box_about-message_contents p{
  line-height: 1.9em;
  font-size: 18px;
  font-weight: 600;
}
#box_about .box_about-message_image{
    width: 494px;
}
#box_about .box_about-message_title{
    font-weight: 600;
    color: #C8B171;
    font-size: 36px;
    letter-spacing: 0.05em;
    line-height: 1.66;
    margin-bottom: 16px;
}