@charset "UTF-8";

/*
---------------------------------------------
共通設定
---------------------------------------------
*/

* {
  box-sizing: border-box;
}

a {
  transition-duration: .5s;
}

a:hover {
  opacity: .8;
}

/*
---------------------------------------------
ヘルパー
---------------------------------------------
*/

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-nowrap {
	display: flex;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-between {
	display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
}

.flex-start {
	display: flex;
  justify-content: flex-start;
	flex-wrap: wrap;
}

.flex-reverse {
	display: flex;
  flex-direction: row-reverse;
	flex-wrap: wrap;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-stretch {
	display: flex;
	justify-content: stretch;
}

.flex-column {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.flex-col-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-col-end {
	display: flex;
	align-items: flex-end;
}

.bold {
  font-weight: bold;
}

.text-center {
	text-align:center;
}

.text-right {
	text-align: right;
}

.font-normal {
	font-weight: normal;
}

.font-bold {
	font-weight: bold;
}

.pc {
	display:block;
}

.sp {
	display:none;
}

br.sp,
img.sp,
span.sp {
	display:none;
}

br.pc,
img.pc,
span.pc {
	display:inline;
}

.transition {
  transition-duration: .5s;
}
.pointer{
	cursor:pointer;
}

.pointer:hover{
	opacity:0.8;
}
@media screen and (max-width: 767px) {
  .scroll-table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

	.sp-block {
		display: block;
	}

	.pc {
		display:none;
	}
	.sp {
		display:block;
	}

  br.sp,
  img.sp,
  span.sp {
		display:inline;
	}

  br.pc,
  img.pc,
  span.pc {
		display:none;
	}
}


/*
---------------------------------------------
コンテンツ
---------------------------------------------
*/

.wrapper {
  min-width: 942px;
}

.contents-inner {
  margin: auto;
  width: 942px;
}

.main {
  display: block;
}

@media screen and (max-width: 767px) {
  .wrapper {
    min-width: 100%;
    width: 100%;
  }

  .contents-inner {
    width: 100%;
    padding: 0 15px;
  }
}

/*
---------------------------------------------
72boshi
---------------------------------------------
*/

#nanatsu_ca .main {
  background: url("./images/bg.jpg") center;
  padding: 120px 0 70px;
  min-width: 970px;
}

#nanatsu_ca ._about .bg {
  position: relative;
}

#nanatsu_ca ._about .bg .banner {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
#nanatsu_ca ._about .bg .banner a{
	display:block;
}

#nanatsu_ca ._about .bg .banner a:first-child{
	margin-bottom:30px;
}
#nanatsu_ca ._about .bg .banner .link{
	text-align:center;
	margin-top:5px;
}
#nanatsu_ca ._about .bg .banner .link a{
 color:#fff;
 font-size:12px;
}
#nanatsu_ca ._about .bg .banner .link a:hover{
	text-decoration:underline;
}
#nanatsu_ca ._about .img {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #nanatsu_ca .main {
    padding: 71px 0 0;
    min-width: 100%;
  }

  #nanatsu_ca ._about .bg .banner {
    bottom: 2vw;
    left: 0;
    transform: translateX(0);
  }
#nanatsu_ca ._about .bg .banner a:first-child{
	margin-bottom:10px;
}
  #nanatsu_ca ._about .bg .banner a {
    display: block;
    padding: 0 5vw;
  }
	#nanatsu_ca ._about .bg .banner .link a{
	 color:#333;
	}

  #nanatsu_ca img {
    max-width: 100%;
  }
}