@charset "utf-8";

/* CSS Document */
/* 初めての方へ・マイページ登録について バナー　--------*/
.box_bnr{
  width: 786px;
  margin:40px auto 55px;
  display: flex;
  justify-content: space-between;
}
.box_bnr a img{
  border-radius: 8px;
  transition-duration: .3s;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.box_bnr a img:hover{
  box-shadow: 0 6px 12px rgb(0 0 0 / 20%);
  transform: translateY(-0.3em);
  -webkit-transform: translateY(-0.3em);
}
/* 初めての方へ・マイページ登録について バナー　ここまで--------*/

/* #guide #main #mame_area {
  width: 920px;
  overflow: hidden;
  margin-bottom: 30px;
} */
#guide .box_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#guide .box_list dl {
  width:calc(100% / 3 - 20px);
}
#guide .box_list dl {
  margin-bottom: 30px;
}

#guide .box_list .box_list-ttl h2{
  padding-left: 0;
}
/* 結婚報告はがきのマナー */
#guide #box_contents h2{
  text-align: center;
  padding: 0;
}
#guide #box_contents h2 a{
  padding-left: 0;
}
#guide #box_contents dd{
  height: auto;
  padding: 30px 0 25px 40px;
}
#guide #box_contents {
  width: 100%;
  margin-bottom: 30px;
}
#guide #box_contents ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#guide #box_contents ul li {
  width: 220px;
}
/* 
#guide #main dl#box_item li.ssentence ul {
  margin-bottom: 5px;
  padding-left: 20px;
}
#guide #main dl#box_item li.ssentence li {
  padding: 0;
  background: none;
  list-style: outside disc;
  color: #0085DC;
}
#guide #main dl#box_item li.ssentence li a {
  color: #333;
}
#guide #main dl#box_item li.ssentence li a:hover {
  color: #F60;
} */
/* #guide #main dt a:hover {
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  opacity: 0.7;
} */

/*　投函希望申込み　*/
/* .toukan {
  margin: 7px 0 0 0;
  font-size: 22px;
}
.toukan span {
  color: #F30;
  font-size: 22px;
}
#timing li{
	list-style: disc;
} */

/* お困りのときはこちら */
#guide .box_trouble {
  clear: both;
  background: var(--color-info-bg);
  text-align: center;
  padding: 30px 70px;
  font-size: 20px;
  width: 100%;
}

#guide .box_trouble h2{
  text-align: center;
  padding-left: 0;
  background: none;
  color: inherit;
  font-family:inherit;
  font-size: 125%;
}

#guide #box_stab {
  display: flex;
  justify-content: space-between;
}

#guide #box_stab li{
  width: 47%;
  position: relative;
}

#guide #box_stab li a {
  background: #FFF;
  display: block;
  border: var(--color-sub) solid 2px;
  box-sizing: border-box;
  color: var(--color-sub);
  cursor: pointer;
  font-weight: bold;
  border-radius: 40px;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  transition-duration: .3s;
  width: 100%;
}
#guide #box_stab li:hover a{
  background: var(--color-hover-bg);
}

/*三角丸アイコン*/
#guide #box_stab .ico_arrow {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-sub);
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
}
#guide #box_stab .ico_arrow::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 53%;
  transform: translate(-50%,-50%);
  width: 8px;
  height: 10px;
  background-color: #fff;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}