@charset "utf-8";
/* CSS Document */

/*
body {
  font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1px;
}

h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 64px;
  padding-bottom: 50px;
}
@media screen and (max-width:767px) { 
  h2 {
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 50px;
  }
}

a {
  color: #fff;
}
a:hover {
  color: #fff;
}
*/


/*ボタンのスライドアニメーション*/

/*
.btn-animation {
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .7s;
}
.btn-animation:hover {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}
.btn-animation::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #fff;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .7s;
}
.btn-animation:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
*/

/*ボタンのスライドアニメーション白背景用*/

/*
.btn-animation-w {
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .7s;
}
.btn-animation-w:hover {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.btn-animation-w::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #000;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .7s;
}
.btn-animation-w:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
*/

main{
    padding: 100px 0 0 0;
    background-color: #F9F3EE;
}
@media screen and (max-width: 767px) {
    main{
        padding: 90px 0 0 0;
    }
}
/*追跡バナー PC*/
.follow {
	position: fixed;
	z-index: 10;
  display: block;
  width: auto;
  left: auto;
  right: 10px;
  bottom: 30px;
	background-color: transparent;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
}

a.btn-taiken {
  text-align: center;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #E95312;
  color: #fff;
  height: 60px;
  border-radius: 30px;
  text-decoration: none;
  width: 250px;
  font-size: 16px;
	margin-bottom: 20px;
}

a.btn-yoyaku {
  text-align: center;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #57453C;
  color: #fff;
  height: 60px;
  border-radius: 30px;
  text-decoration: none;
  width: 250px;
  font-weight: 600;
  font-size: 16px;
    margin-bottom: 20px;
}

a.btn-tell {
  text-align: center;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #12A73B;
  color: #fff;
  height: 60px;
  border-radius: 30px;
  text-decoration: none;
  width: 250px;
  font-weight: 400;
  font-size: 16px;
}

.btn-cam {
  display: flex;
  flex-direction: column;
  width: 250px;
  margin-top: 20px;
}


/*追跡バナー SP*/

.follow2 {
	position: fixed;
	z-index: 10;
	right: 0px;
	bottom: 0px;
	width: 100%;
	display: flex;
	justify-content: center;
    gap: 3%;
	align-items: center;
	padding: 10px;
	background:rgba(0,0,0,0.8);
}

.btn-taiken2 {
  text-align: center;
  display: inline-block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  text-decoration: none;
  width: calc(33% - 10px);
}
.btn-taiken2 img {
	width: 100%;
}

.btn-yoyaku2 {
  text-align: center;
  padding: 5px 0;
  display: inline-block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  width: calc(33% - 10px);
}
.btn-yoyaku2 img {
	width: 100%;
}

.btn-tell2 {
  text-align: center;
  padding: 5px 0;
  display: inline-block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  width: calc(33% - 10px);
}
.btn-tell2 img {
	width: 100%;
}

.btn-cam2 {
  justify-content: center;
  flex-direction: column;
    width: calc(33% - 5px);
}
.btn-cam2 img {
	width: 100%;
}


/*追跡バナーSP top用*/

.follow3 {
	position: fixed;
	z-index: 10;
	right: 0px;
	bottom: 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	background:rgba(0,0,0,0.8);
}

.btn-taiken3 {
  text-align: center;
  display: inline-block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  text-decoration: none;
  width: 160px;
}
.btn-taiken3 img {
	width: 100%;
}

.btn-yoyaku3 {
  text-align: center;
  padding: 5px 0;
  display: inline-block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  width: 160px;
}
.btn-yoyaku3 img {
	width: 100%;
}

.btn-tell3 {
  text-align: center;
  padding: 5px 0;
  display: inline-block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  width: 160px;
}
.btn-tell3 img {
	width: 100%;
}

.btn-cam3 {
  justify-content: center;
  flex-direction: column;
    width: 160px;
}
.btn-cam3 img {
	width: 100%;
}



/*追跡バナーの表示・非表示*/

.follow-pc {
	display: block;
}
@media screen and (max-width: 960px) {
  .follow-pc {
    display: none;
  }
}

.follow-sp {
	display: none;
}
@media screen and (max-width: 960px) {
  .follow-sp {
    display: block;
  }
}
@media screen and (max-width: 480px) {
    .btn-taiken3,.btn-yoyaku3,.btn-tell3,.btn-cam3{
        width: calc(32% - 5px);
    }
}

/*パンくずリスト(新)*/
.breadcrumbs-w{
    margin-left: 30px;
}
.breadcrumbs-w__inner ol{
    display: flex;
    flex-wrap: wrap;
    gap: 0 5px;
}
.breadcrumbs-w__inner ol li a{
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.breadcrumbs-w__inner ol li a:hover{
    opacity: 0.8;
    color: #57453C;
}
@media screen and (max-width: 480px) {
    .breadcrumbs-w__inner ol li a{
        font-size: 12px;
    }
}


/*パンくずリスト（背景黒）*/
/*

.breadcrumbs {
  background-color: #000;
  position: relative;
  display: block;
  left: -20px;
}

.breadcrumbs__inner {
  content: '';
  position: absolute;
  display: block;
  top: 10px;
}

.breadcrumbs ol {
  list-style: none;
	font-size: 10px;
  line-height: 14px;
}
@media screen and (min-width: 767px) {
  .breadcrumbs ol {
    font-size: 12px;
    line-height: 18px;
  }
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs li {
  text-align: center;
  float: left;
}

.breadcrumbs li::after {
  content: '>';
  color: #fff;
  display: inline-block;
  padding: 0 5px; 左右に余白
}

.breadcrumbs li:last-child::after{
  display: none;
}

.breadcrumbs-bg {
  background: #000;
}
*/

/*パンくずリスト（背景白）*/
/*

.breadcrumbs-w {
  position: relative;
  display: block;
  left: -20px;
}

.breadcrumbs-w__inner {
  content: '';
  position: absolute;
  display: block;
  top: 10px;
  z-index: 2;
}

.breadcrumbs-w ol {
	list-style: none;
	font-size: 10px;
  line-height: 14px;
}
@media screen and (min-width: 767px) {
  .breadcrumbs-w ol {
    font-size: 12px;
    line-height: 18px;
  }
}

.breadcrumbs-w a {
  color: #000;
}

.breadcrumbs-w a:hover {
  text-decoration: underline;
}

.breadcrumbs-w li {
  text-align: center;
  float: left;
}

.breadcrumbs-w li::after {
  content: '>';
  display: inline-block;
  padding: 0 5px; 
}

.breadcrumbs-w li:last-child::after{
  display: none;
}
*/