@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i");

/*
	Story by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

.plan img {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.inner img {
    padding-bottom: 5px;
}

/*header p {
		margin: 0 !important;
	}*/

.fancyArea_b {
  width: 250px;
  margin: 0 auto;  
}
.fancyArea_b a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.2em .4em;
  color: #222222;
  font-size: 16px;
  text-decoration: none;
  border: 1px solid #222222;
  background: linear-gradient(to right, #ffffff 50%, #222222 50%);
  background-size: 200% auto;
  transition: .3s;
  position: relative;
  margin-bottom: 30px; 
}
.fancyArea_b a:after {
  content: "";
  width: 100%;
  height: 100%;
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
  right: -5px;
  bottom: -5px;
  position: absolute;
}
.fancyArea_b a:hover {
  color: #ffffff;
  background-position: -100% 0;
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, 
.fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content  {
	height: 600px !important;
	background: none !important;
}

/*renewal style.css 2026.1.30*/

.img-info{margin: 0 auto;
max-width: 600px;}

@media (max-width: 1100px) and (min-width: 700px) {
.alt {
	display: block;
	margin-left: auto;
	margin-right: auto;
    max-width: 600px;
}
	
#add{	width: 60%;
		margin: 0 auto;}
}

address dl>dt{
	padding-left: 12px;
	background-color: #F2F7F8;
}

address dl>dt,address dl{
	

	text-align: left;}



table {

   
}
.p1 th {

	white-space: nowrap;
    font-weight: normal;
    padding-top: 0.9em;
}
.p1 td {

	padding-top: 0.9em;
}

@media (max-width: 576px) {
  th, td {
    display: inline-block;
    width: 100%;
/*border-bottom-color: #ccc;*/
  }
	
.p1	th{	font-size: 1.1rem;
		
		text-align: center;
		background-color: #F1E9EB;
	}
	
			table tbody tr {
			border: none;
			border-left: 0;
			border-right: 0;
		}
}




/* ● メールボタン（中央下） */
.mail-button {
   position: fixed;
  bottom: 20px;
right: 20px;
padding: 0;
  border: none;
  cursor: pointer;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
	
transition: transform .25s ease, background .25s ease;
  z-index: 999;
}

/* ● hover時のゆるっと */
.mail-button:hover {
 
  transform: translateY(-3px) scale(1);
}


/*  ● トップに戻るボタン */
.back-to-top {
  position: fixed;
  bottom: 80px;
right: 20px;
padding: 0;
  border: none;
  cursor: pointer;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;

  /* 初期状態：非表示（ふわっと感のため） */
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .4s ease, transform .4s ease;
}

.back-to-top:hover {
  
  transform: translateY(-10%) scale(1.06);
}

/*  表示されるとき */
.back-to-top.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/*  hover時のゆるっと */
.back-to-top:hover {
  background: var(--top-btn-hover-bg);
  transform: translateY(-3px);
  transition: transform .2s ease;
}

/*  カスタム変数（色・サイズ）● */



.tal{
	text-align: left;
}


.red{
	color: #E4176A;
	font-weight: bold;
}

.bold{font-weight: bold;}