@charset "UTF-8";

/* ------------------------------------------------------------------
areasche
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.area-sche-ttl{
		margin: 40px 0;
		text-align: center;
	}
	.area-sche-ttl .icon{
    width: 200px;
		margin: 0 auto 15px;
	}
	.area-sche-ttl h1{
		font-size: 3.2rem;
		font-weight: 200;
		letter-spacing: 0.06em;
	}
	.area-sche-ttl p{
		letter-spacing: 0.06em;
    margin: 0.8em 0 0;
	}
	.area-sche-nav{
    margin: 0 0 50px;
	}
	.area-sche-nav ul{
		letter-spacing: -.4em;
		text-align: center;
	}
	.area-sche-nav ul li{
		display: inline-block;
		letter-spacing: normal;
		width: 23.5%;
		margin: 0 2% 30px 0;
	}
	.area-sche-nav ul li:nth-of-type(4n){
		margin: 0 0 30px;
	}
  .area-sche-nav ul li a:hover{
    opacity: 0.75;
  }
}
@media screen and (max-width:979px) {
	.area-sche-ttl{
		margin: 20px 0;
		text-align: center;
	}
	.area-sche-ttl .icon{
    width: 140px;
		margin: 0 auto 5px;
	}
	.area-sche-ttl h1{
		font-size: 1.8rem;
		font-weight: 200;
		letter-spacing: 0.06em;
	}
	.area-sche-ttl p{
		letter-spacing: 0.06em;
    margin: 0.8em 0 0;
	}
	.area-sche-nav{
    margin: 0 0 15px;
	}
	.area-sche-nav ul{
		letter-spacing: -.4em;
		text-align: center;
	}
	.area-sche-nav ul li{
		display: inline-block;
		letter-spacing: normal;
		width: 49%;
		margin: 0 2% 15px 0;
	}
	.area-sche-nav ul li:nth-of-type(2n){
		margin: 0 0 15px;
	}
  .area-sche-nav ul li a.hover{
    opacity: 0.75;
  }
}
/* ------------------------------------------------------------------
area-top
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.area-top{
	}
	.area-top .subnav{
		margin: 10px 0 40px;
	}
	.area-kv{
		margin: 0 0 60px;
		text-align: center;
	}
	.area-kv .ribbon{
		margin: 0 0 20px;
	}
	.area-kv h1{
		font-size: 3.2rem;
		font-weight: 200;
		letter-spacing: 0.06em;
		margin: 0 0 30px;
	}
	.area-kv .pic{
		border-radius: 10px;
		margin: 0 0 20px;
		overflow: hidden;
	}
	.area-kv .ad{
		font-size: 2.0rem;
		line-height: 1.8;
	}
	.area-kv .lead{
		font-size: 1.8rem;
		line-height: 1.6;
		text-align: left;
	}
	.area-nav{
		margin: 0 0 80px;
	}
	.area-nav ul{
		letter-spacing: -.4em;
		text-align: center;
	}
	.area-nav ul li{
		display: inline-block;
		letter-spacing: normal;
		width: 48%;
		margin: 0 4% 0 0;
	}
	.area-nav ul li:last-of-type{
		margin: 0;
	}
	.area-nav ul li a{
		display: block;
		padding: 20px 0 22px;
		font-size: 2.2rem;
    font-weight: 400;
		text-align: center;
		color: #e37c6d;
		text-decoration: none;
		border-radius: 5px;
		border: 2px solid #e37c6d;
		box-sizing: border-box;
		margin: 0 2% 0 0;
	}
	.area-nav ul li a:hover{
		opacity: 0.75;
	}
	.area-list {
		margin: 0 0 70px;
	}
	.area-list .ttl{
		margin: 0 0 40px;
		text-align: center;
	}
	.area-list .ttl .area{
		font-size: 1.8rem;
		margin: 0 0 15px;
	}
	.area-list ol {
		overflow: hidden;
	}
	.area-list ol li {
		width: 47%;
		float: left;
		margin: 0 6% 30px 0;
		background: #cfc2be;
		border-radius: 5px;
		overflow: hidden;
	}
	.area-list ol li:nth-of-type(2n){
		margin: 0 0 20px;
	}
	.area-list ol li a {
		display: block;
  	transition: all 0.3s ease;
  	-webkit-transition: all 0.3s ease;
		text-decoration: none;
	}
	.area-list ol li a:hover{
		opacity: 0.75;
	}
	.area-list ol li .pic {
	}
	.area-list ol li .txt{
		padding: 15px;
		text-align: center;
		color: #fff;
		height: 7.0em;
	}
	.area-list ol li .txt .area {
		display: block;
		font-size: 1.8rem;
		margin: 0 0 10px;
	}
	.area-list ol li .txt .name {
		display: block;
		font-size: 2.8rem;
		padding: 0 0 15px;
		margin: 0 0 13px;
		border-bottom: 1px solid #fff;
	}
	.area-list ol li .txt .address{
		display: block;
		font-size: 14px;
		line-height: 1.6;
	}
	.area-list ol li .txt .building{
		display: block;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.area-report{
		background: url("../images/common/bg_yellow2.png");
		text-align: center;
		margin: 0 0 60px;
	}
	.area-report .ttl{
		position: relative;
		display: inline-block;
		z-index: 2;
	}
	.area-report .ttl-in{
		position: relative;
		display: inline-block;
		padding: 15px 40px 15px;
		background: url("../images/area/report_ttl.png");
		z-index: 2;
	}
	.area-report .ttl .leaf-left{
		position: absolute;
		top: -40px;
		left: -80px;
		width: 126px;
		z-index: 1;
	}
	.area-report .ttl .leaf-right{
		position: absolute;
		top: -40px;
		right: -80px;
		width: 126px;
	}
	.area-report .ttl p.area{
		font-size: 1.8rem;
		margin: 10px 0 0;
	}
	.area-report .ttl p.sub{
		font-size: 3.0rem;
	}
	.area-report .lead{
		margin: 40px 0;
		font-size: 1.8rem;
		line-height: 1.8;
	}
	.area-event{
		margin: 0 0 40px;
	}
	.area-event:before{
		display: block;
		content: "";
		width: 100%;
		height: 5px;
		background: url("../images/area/report_line.png") 50% 50% no-repeat;
		margin: 0 0 40px;
	}
	.area-event .data{
		font-size: 2.8rem;
		font-weight: 600;
		color: #de7674;
		line-height: 1.4;
		margin: 0 0 10px;
	}
	.area-event .name{
		font-size: 2.6rem;
		font-weight: 200;
		line-height: 1.4;
		margin: 0 0 40px;
	}
	.area-event .pic{
		letter-spacing: -.4em;
		margin: 0 0 40px;
	}
	.area-event .pic li{
		display: inline-block;
		letter-spacing: normal;
		margin: 0 20px;
	}
	.area-event .num{
		display: inline-block;
		font-size: 2.8rem;
		padding: 0 30px 30px;
		margin: 0 0 30px;
		background: url("../images/area/report_line.png") 50% 100% no-repeat;
	}
	.area-event .num span{
		font-size: 5.0rem;
		color: #ec928c;
		margin: 0 0.05em;
	}
	.area-event .note{
		margin: 0 80px 40px;
		text-align: left;
		font-size: 1.8rem;
		line-height: 1.8;
	}
	.area-event .note a{
		color: #ec928c;
		text-decoration: none;
	}
	.area-event .note a:hover{
		text-decoration: underline;
	}
	.area-event .event-btn a{
		display: inline-block;
		border: 1px solid #000;
		background: #fff;
		border-radius: 10px;
		padding: 15px 30px 19px;
		font-size: 2.4rem;
		text-decoration: none;
	}
	.area-event .event-btn a:hover{
		opacity: 0.75;
	}
	.area-voice{
	}
	.area-voice:before{
		display: block;
		content: "";
		width: 100%;
		height: 5px;
		background: url("../images/area/report_line.png") 50% 50% no-repeat;
		margin: 0 0 40px;
	}
	.area-voice .item{
		position: relative;
		text-align: left;
		min-height: 300px;
	}
	.area-voice .item .illust{
		position: absolute;
		bottom: 0;
		left: 40px;
	}
	.area-voice .content{
		padding: 0 80px 0 240px;
	}
	.area-voice .sub{
		font-size: 2.6rem;
		color: #ec928c;
		margin: 0 0 15px;
	}
	.area-voice .ribbon{
		background: url("../images/area/voice_ribbon.png") no-repeat;
		height: 44px;
		line-height: 44px;
		color: #fff;
		font-size: 2.2rem;
		padding: 0 0 0 1em;
		margin: 0 0 30px;
	}
	.area-voice .ttl{
		font-size: 2.2rem;
		color: #86b19d;
		margin: 0 0 30px;
	}
	.area-voice .txt{
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.area-movie{
		width: 780px;
		margin: 0 auto 80px;
	}
	.area-movie .ttl{
		margin: 0 0 40px;
		text-align: center;
	}
	.area-movie .ttl .area{
		font-size: 1.8rem;
		margin: 0 0 15px;
	}
	.area-movie .lead{
		font-size: 1.8rem;
		line-height: 1.6;
		margin: 0 0 20px;
		text-align: center;
	}
	.area-movie .video{
  	position:relative;
  	width:100%;
  	padding-top:56.25%;
	}
	.area-movie .video iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}
	.area-schedule{
	}
	.area-schedule .ttl{
		margin: 0 0 40px;
		text-align: center;
	}
	.area-schedule .ttl .area{
		font-size: 1.8rem;
		margin: 0 0 15px;
	}
	.area-schedule .search{
		background: url("../images/area/search_bg.png");
		margin: 0 0 60px;
		padding: 15px 30px;
		letter-spacing: -.4em;
	}
	.area-schedule .search *{
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
	}
	.area-schedule .search .head{
		font-size: 2.4rem;
		margin: 0 10px 0 0;
	}
	.area-schedule .search .head i{
		margin: -0.3em 0.5em 0 0;
	}
	.area-schedule .search .cal{
	}
	.area-schedule .search .cal input[type="text"]{
		width: 230px;
		height: 60px;
		line-height: 60px;
		border: none;
		padding: 15px;
		font-size: 2.0rem;
		border-radius: 10px;
		box-sizing: border-box;
		background: #fff url("../images/area/icon_calender_red.png") 90% 50% no-repeat;
	}
	.area-schedule .search .while{
		font-size: 2.6rem;
		margin: 0 0.5em;
	}
	.area-schedule .search .btn{
		margin: 0 0 0 1em;
	}
	.area-schedule .search .btn button{
		border: none;
		background: #e37c6d;
		font-size: 2.4rem;
		color: #fff;
		width: 160px;
		height: 60px;
		line-height: 60px;
		border-radius: 10px;
		cursor: pointer;
	}
	.area-schedule .search .btn button:hover{
		opacity: 0.75;
	}
	.area-schedule .search .btn i{
		margin: -0.3em 0.5em 0 0;
	}
}
@media screen and (max-width:979px) {
	.area-top{
	}
	.area-top .subnav{
		padding: 5px 0 0;
	}
	.area-kv{
		margin: 0 0 40px;
		text-align: center;
	}
	.area-kv .ribbon{
		width: 200px;
		margin: 0 auto 10px;
	}
	.area-kv h1{
		font-size: 2.4rem;
		font-weight: 200;
		letter-spacing: 0.06em;
		margin: 0 0 20px;
	}
	.area-kv .pic{
		border-radius: 10px;
		margin: 0 0 20px;
		overflow: hidden;
	}
	.area-kv .ad{
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.area-kv .lead{
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: left;
	}
	.area-nav{
		margin: 0 0 40px;
	}
	.area-nav ul{
		overflow: hidden;
	}
	.area-nav ul li{
		margin: 0 0 10px;
	}
	.area-nav ul li:last-of-type{
		margin: 0;
	}
	.area-nav ul li a{
		display: block;
		padding: 14px 0 16px;
		font-size: 1.8rem;
    font-weight: 400;
		text-align: center;
		color: #e37c6d;
		text-decoration: none;
		border-radius: 5px;
		border: 2px solid #e37c6d;
		box-sizing: border-box;
		margin: 0 2% 0 0;
	}
	.area-nav ul li a.hover{
		opacity: 0.75;
	}
	.area-list {
		margin: 0 0 70px;
	}
	.area-list .ttl{
		margin: 0 0 20px;
		text-align: center;
	}
	.area-list .ttl .area{
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	.area-list ol {
		overflow: hidden;
	}
	.area-list ol li {
		width: 48%;
		float: left;
		margin: 0 4% 20px 0;
		background: #cfc2be;
		border-radius: 5px;
		overflow: hidden;
	}
	.area-list ol li:nth-of-type(2n){
		margin: 0 0 20px;
	}
	.area-list ol li a {
		display: block;
  	transition: all 0.3s ease;
  	-webkit-transition: all 0.3s ease;
		text-decoration: none;
	}
	.area-list ol li a.hover{
		opacity: 0.75;
	}
	.area-list ol li .pic {
	}
	.area-list ol li .txt{
		padding: 15px;
		text-align: center;
		color: #fff;
		height: 7.6em;
	}
	.area-list ol li .txt .area {
		display: block;
		font-size: 1.4rem;
		margin: 0 0 5px;
	}
	.area-list ol li .txt .name {
		display: block;
		font-size: 2.0rem;
		padding: 0 0 10px;
		margin: 0 0 8px;
		border-bottom: 1px solid #fff;
	}
	.area-list ol li .txt .building{
		display: block;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.area-report{
		background: url("../images/common/bg_yellow2.png");
		text-align: center;
		margin: 0 0 40px;
	}
	.area-report .ttl{
		position: relative;
		display: inline-block;
		z-index: 2;
	}
	.area-report .ttl-in{
		position: relative;
		display: inline-block;
		padding: 10px 20px 10px;
		background: url("../images/area/report_ttl.png");
		z-index: 2;
	}
	.area-report .ttl .leaf-left{
		position: absolute;
		top: -30px;
		left: -60px;
		width: 80px;
		z-index: 1;
	}
	.area-report .ttl .leaf-right{
		position: absolute;
		top: -30px;
		right: -60px;
		width: 80px;
	}
	.area-report .ttl p.area{
		font-size: 1.4rem;
		margin: 6px 0 0;
	}
	.area-report .ttl p.sub{
		font-size: 2.4rem;
	}
	.area-report .lead{
		margin: 20px 10px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
  @media screen and (max-width:320px) {
    .area-report .lead{
      font-size: 1.2rem;
    }
  }
	.area-event{
		margin: 0 0 20px;
	}
	.area-event:before{
		display: block;
		content: "";
		width: 100%;
		height: 5px;
		background: url("../images/area/report_line.png") 50% 50% no-repeat;
		margin: 0 0 20px;
	}
	.area-event .data{
		font-size: 1.4rem;
		font-weight: 600;
		color: #de7674;
		line-height: 1.4;
		margin: 0 0 10px;
	}
	.area-event .name{
		font-size: 1.4rem;
		font-weight: 200;
		line-height: 1.4;
		margin: 0 0 20px;
	}
	.area-event .pic{
		margin: 0 20px 10px;
	}
	.area-event .pic li{
		margin: 0 0 20px;
	}
	.area-event .pic li:last-of-type{
		margin: 0;
	}
	.area-event .num{
		display: inline-block;
		font-size: 1.8rem;
		padding: 0 15px 20px;
		margin: 0 0 20px;
		background: url("../images/area/report_line.png") 50% 100% no-repeat;
		line-height: 1.4;
	}
	.area-event .num span{
		font-size: 3.6rem;
		color: #ec928c;
		margin: 0 0.05em;
	}
	.area-event .note{
		margin: 0 15px;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.area-event .note a{
		display: inline-block;
		float: right;
		color: #ec928c;
		text-decoration: none;
		margin: 0 0 10px;
	}
	.area-event .note a.hover{
		text-decoration: underline;
	}
	.area-event .event-btn a{
		display: inline-block;
		border: 1px solid #000;
		background: #fff;
		border-radius: 10px;
		padding: 15px 20px 19px;
		font-size: 1.8rem;
		text-decoration: none;
	}
	.area-event .event-btn a:hover{
		opacity: 0.75;
	}
	.area-voice{
	}
	.area-voice:before{
		display: block;
		content: "";
		width: 100%;
		height: 5px;
		background: url("../images/area/report_line.png") 50% 50% no-repeat;
		margin: 0 0 20px;
	}
	.area-voice .item{
		position: relative;
		text-align: left;
	}
	.area-voice .item .illust{
		position: absolute;
		top: 0px;
		right: 20px;
		width: 50px;
	}
	.area-voice .content{
		padding: 0 20px 20px;
	}
	.area-voice .sub{
		font-size: 2.2rem;
		color: #ec928c;
		margin: 0 0 15px;
	}
	.area-voice .ribbon{
		background: url("../images/area/voice_ribbon.png") no-repeat;
		background-size: auto 30px;
		height: 30px;
		line-height: 28px;
		color: #fff;
		font-size: 1.6rem;
		padding: 0 0 0 0.7em;
		margin: 0 0 10px;
	}
	.area-voice .ttl{
		font-size: 1.8rem;
		color: #86b19d;
		margin: 0 0 20px;
		line-height: 1.4;
	}
	.area-voice .txt{
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.area-movie{
		margin: 0 0 40px;
	}
	.area-movie .ttl{
		margin: 0 0 20px;
		text-align: center;
	}
	.area-movie .ttl .area{
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	.area-movie .ttl .sub{
		width: 200px;
		margin: auto;
	}
	.area-movie .lead{
		font-size: 1.6rem;
		line-height: 1.6;
		margin: 0 0 20px;
		text-align: center;
	}
	.area-movie .video{
  	position:relative;
  	width:100%;
  	padding-top:56.25%;
	}
	.area-movie .video iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}
	.area-schedule{
	}
	.area-schedule .ttl{
		margin: 0 0 20px;
		text-align: center;
	}
	.area-schedule .ttl .area{
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	.area-schedule .ttl .sub{
		width: 200px;
		margin: auto;
	}
	.area-schedule .search{
		background: url("../images/area/search_bg.png");
		margin: 0 0 30px;
		padding: 15px 10px;
		text-align: center;
	}
	.area-schedule .search *{
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
	}
	.area-schedule .search .head{
		display: block;
		font-size: 1.8rem;
		margin: 0 0 15px;
	}
	.area-schedule .search .head i{
		margin: -0.4em 0.5em 0 0;
	}
	.area-schedule .search .cal{
		width: 115px;
	}
	.area-schedule .search .cal input[type="text"]{
		width: 115px;
		height: 45px;
		line-height: 45px;
		background: #fff url("../images/area/icon_calender_red.png") 90% 50% no-repeat;
		background-size: 14px auto;
		border: none;
		padding: 10px;
		font-size: 100%;
		border-radius: 5px;
		box-sizing: border-box;
		text-align: left;
	}
	.area-schedule .search .while{
		width: 1.4rem;
		font-size: 1.4rem;
		margin: 0 0.1em;
		text-align: center;
	}
	.area-schedule .search .btn{
		margin: 0 0 0 5px;
	}
	.area-schedule .search .btn button{
		border: none;
		background: #e37c6d;
		font-size: 1.2rem;
		color: #fff;
		width: 50px;
		height: 45px;
		border-radius: 5px;
		cursor: pointer;
		text-align: center;
	}
	.area-schedule .search .btn button i{
		display: block;
		margin: 5px 0 1px;
	}
	.area-schedule .search .btn button.hover{
		opacity: 0.75;
	}
	.area-schedule .search .btn i{
		margin: -0.3em 0.5em 0 0;
	}
	.ui-datepicker-calendar, .ui-datepicker {
		width: 260px !important;
		font-size: 1.6rem !important;
	}
}

/* ------------------------------------------------------------------
grad
------------------------------------------------------------------ */
.grad-wrap {
  position: relative;
	margin: 0 80px 80px;
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.8;
}
@media screen and (max-width:979px) {
	.grad-wrap {
		margin: 0 15px 60px;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.6;
	}
}
.grad-trigger {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -40px;
  left: 0;
  width: 148px;
  margin: auto;
  padding: .5em 0;
  border-radius: 10px;
  background: #e37c6d;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
}
.grad-trigger::after {
  content: "続きを読む"
}
.grad-trigger:hover,
.grad-trigger.hover{
  background: #fff;
  color: #e37c6d;
}
.grad-trigger .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide {
  height: 100px;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px;
  background: -webkit-linear-gradient(top, rgba(254,246,224,0) 0%, rgba(254,246,224,0.9) 50%, rgba(254,246,224,0.9) 50%, #fef6e0 100%);
  background: linear-gradient(top, rgba(254,246,224,0) 0%, rgba(254,246,224,0.9) 50%, rgba(254,246,224,0.9) 50%, #fef6e0 100%);
}
.grad-trigger.is-show {
  bottom: -3em;
}
.grad-trigger.is-show::after {
  content: "閉じる"
}
.grad-trigger.is-show .fa {
  transform: rotate(180deg);
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}

/* ------------------------------------------------------------------
kv
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.kv{
		margin: 0 0 40px;
		text-align: center;
	}
  .kv .pic{
		height: 0;
		padding: 18vh;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		border-radius: 10px;
  }
	.kv .icon{
		width: 220px;
		margin: -30px auto 10px;
	}
	.kv h1{
		font-size: 2.4rem;
		font-weight: 400;
	}
}
@media screen and (max-width:979px) {
	.kv{
		margin: 0 0 20px;
		text-align: center;
	}
  .kv .pic{
		height: 0;
		padding: 10vh;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		border-radius: 5px;
  }
	.kv .icon{
		width: 140px;
		margin: -20px auto 5px;
	}
	.kv h1{
		font-size: 1.8rem;
		font-weight: 400;
	}
}

/* ------------------------------------------------------------------
subnav
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.subnav{
		margin: 0 0 60px;
	}
	.subnav ul{
		letter-spacing: -.4em;
		line-height: 1;
	}
	.subnav ul li{
		display: inline-block;
		letter-spacing: normal;
    width: 10%;
		margin: 0 1.25% 10px 0;
	}
	.subnav ul li:last-of-type{
		margin: 0 0 10px;
	}
	.subnav ul li a{
		display: block;
		font-size: 1.6rem;
		text-decoration: none;
		background: #f3f3f3;
		padding: 6px 0 8px;
		border-radius: 5px;
    text-align: center;
	}
	.subnav ul li a:hover,
	.subnav ul li a.active{
		background: #f8bdb5;
		color: #fff;
	}
}
@media screen and (max-width:979px) {
	.subnav{
		margin: 0 0 20px;
	}
	.subnav ul{
		letter-spacing: -.4em;
	}
	.subnav ul li{
		display: inline-block;
		letter-spacing: normal;
    width: 32%;
		margin: 0 2% 8px 0;
	}
  .subnav ul li:nth-of-type(3n){
    margin: 0 0 8px;
  }
	.subnav ul li a{
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 1.6rem;
		text-decoration: none;
		background: #f3f3f3;
		border-radius: 5px;
    text-align: center;
	}
	.subnav ul li a.hover,
	.subnav ul li a.active{
		background: #f8bdb5;
		color: #fff;
	}
}

/* ------------------------------------------------------------------
schedule-detail
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.schedule-detail{
	}
	.schedule-detail .bar{
		letter-spacing: -.4em;
		margin: 0 0 15px;
	}
	.schedule-detail .bar .area{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 2.0rem;
		font-weight: 400;
		color: #fff;
		background: #f8bdb5;
		width: 120px;
		padding: 5px 0px;
		border-radius: 5px;
		margin: 0 15px 0 0;
		text-align: center;
	}
	.schedule-detail .bar p{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 2.4rem;
		font-weight: 600;
		color: #3d1508;
		vertical-align: middle;
	}
	.schedule-detail .name{
		font-size: 2.2rem;
		font-weight: 400;
		color: #3d1508;
		line-height: 1.4;
		padding: 0 0 15px;
	}
	.schedule-detail .overview-wrap{
		overflow: hidden;
	}
	.schedule-detail .overview-wrap .pic{
		width: 46%;
		float: left;
		border-radius: 15px;
		overflow: hidden;
		background: #f3f3f3;
	}
	.schedule-detail .overview-wrap .pic img{
		display: block;
		height: 300.53px;
		width: auto;
		margin: auto;
		overflow: hidden;
	}
	.schedule-detail .overview-wrap .txt{
		width: 52%;
		float: right;
	}
	.schedule-detail .overview-wrap .txt .tokki{
		padding: 6px 6px 4px;
		background: #fff5d7;
		font-size: 1.8rem;
		color: #ed6463;
		line-height: 1.4;
		text-align: center;
		margin: 0 0 10px;
	}
	.schedule-detail .overview-wrap .txt .overview{
		overflow: hidden;
		border: 1px solid #a3a4a4;
	}
	.schedule-detail .overview-wrap .txt .overview table{
		width: 50%;
		float: left;
		text-align: left;
	}
	.schedule-detail .overview-wrap .txt .overview table:last-of-type{
		border-left: 1px solid #a3a4a4;
	}
	.schedule-detail .overview-wrap .txt .overview table th{
		width: 50%;
		padding: 8px 5px;
		border-bottom: 1px dotted #a3a4a4;
		vertical-align: middle;
		font-size: 1.6rem;
		font-weight: 400;
	}
	.schedule-detail .overview-wrap .txt .overview table tr:last-of-type th{
		border-bottom: none;
	}
	.schedule-detail .overview-wrap .txt .overview table.man th{
		color: #88a5c1;
	}
	.schedule-detail .overview-wrap .txt .overview table.man tr:first-of-type th{
		background: #88a5c1;
		color: #fff;
		text-align: center;
	}
	.schedule-detail .overview-wrap .txt .overview table.woman th{
		color: #dd8a80;
	}
	.schedule-detail .overview-wrap .txt .overview table.woman tr:first-of-type th{
		background: #dd8a80;
		color: #fff;
		text-align: center;
	}
	.schedule-detail .overview-wrap .txt .overview table th .s{
		display: inline-block;
		margin: 0 0 0 5px;
		font-size: 1.4rem;
		color: #231815;
	}
	.schedule-detail .overview-wrap .txt .overview table td{
		padding: 10px;
		border-bottom: 1px dotted #a3a4a4;
		vertical-align: middle;
		font-size: 1.6rem;
	}
	.schedule-detail .overview-wrap .txt .overview table tr:first-of-type td{
		text-align: center;
	}	
	.schedule-detail .overview-wrap .txt .overview table tr:last-of-type td{
		border-bottom: none;
	}
	.schedule-detail .overview-wrap .txt .overview table td span.status{
		display: inline-block;
		width: 6em;
		padding: 2px 0 4px;
		text-align: center;
	}
	.schedule-detail .overview-wrap .txt .bring{
		letter-spacing: -.4em;
		margin: 10px 0 0;
	}
	.schedule-detail .overview-wrap .txt .bring .icon{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		width: 60px;
		height: 60px;
		line-height: 60px;
		background: #ec9f8c;
		font-size: 1.4rem;
		color: #fff;
		text-align: center;
		border-radius: 50%;
		margin: 0 15px 0 0;
	}
	.schedule-detail .overview-wrap .txt .bring ul{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		line-height: 1.6;
		font-size: 1.6rem;
	}
	.schedule-detail .line{
		margin: 30px 0;
		height: 10px;
		background: url("../images/common/line.png") repeat-x;
		background-size: 400px auto;
	}
	.schedule-detail .lead-wrap{
		overflow: hidden;
		margin: 0 0 50px;
	}
	.schedule-detail .lead-wrap .lead{
		width: 48%;
		float: left;
	}
	.schedule-detail .lead-wrap .lead p{
		font-size: 1.6rem;
		line-height: 1.6;
		margin: 0 0 20px;
	}
	.schedule-detail .lead-wrap .lead p:last-of-type{
		margin: 0;
	}
	.schedule-detail .lead-wrap .links{
		width: 48%;
		float: right;
	}
	.schedule-detail .lead-wrap .links ul li{
		margin: 0 0 15px;
	}
	.schedule-detail .lead-wrap .links ul li:last-of-type{
		margin: 0;
	}
	.schedule-detail .lead-wrap .links ul li a{
		display: block;
		border: 2px solid #f8c4a3;
		border-radius: 10px;
		padding: 15px;
		font-size: 1.8rem;
		color: #e37c6d;
		text-decoration: none;
		box-sizing: border-box;
	}
	.schedule-detail .access-wrap{
		overflow: hidden;
		margin: 0 0 50px;
	}
	.schedule-detail .access-wrap .map{
		width: 48%;
		height: 420px;
		float: left;
	}
	.schedule-detail .access-wrap .access{
		width: 48%;
		float: right;
	}
	.schedule-detail .access-wrap .access p.ttl{
		letter-spacing: -.4em;
		margin: 0 0 20px;
	}
	.schedule-detail .access-wrap .access p.ttl .icon{
		display: inline-block;
		letter-spacing: normal;
		width: 28px;
		vertical-align: middle;
		margin: 0 15px 0 0;
	}
	.schedule-detail .access-wrap .access p.ttl .eng{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 3.0rem;
	}
	.schedule-detail .access-wrap .access dl{
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.schedule-detail .access-wrap .access dl dt{
		color: #e37c6d;
	}
	.schedule-detail .btns{
		width: 720px;
		margin: 0 auto;
		overflow: hidden;
	}
	.schedule-detail .btns a{
		padding: 20px 0;
		font-size: 2.8rem;
		text-align: center;
		text-decoration: none;
		border-radius: 10px;
		box-sizing: border-box;
		border: 2px solid transparent;
	}
	.schedule-detail .btns a.back{
		width: 28%;
		float: left;
		color: #e37c6d;
		border: 2px solid #e37c6d;
	}
	.schedule-detail .btns a.reserve{
		width: 70%;
		float: right;
		background: #e37c6d;
		color: #fff;
	}
	.schedule-detail .btns a:hover{
		opacity: 0.75;
	}
	.schedule-detail .btns span.reserve{
		padding: 20px 0;
		font-size: 2.8rem;
		text-align: center;
		text-decoration: none;
		border-radius: 10px;
		box-sizing: border-box;
		border: 2px solid transparent;
		width: 70%;
		float: right;
		background: #ccc;
		color: #fff;
	}
}
@media screen and (max-width:979px) {
	.schedule-detail{
	}
	.schedule-detail .bar{
		letter-spacing: -.4em;
		margin: 0 0 10px;
	}
	.schedule-detail .bar .area{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 1.4rem;
		font-weight: 400;
		color: #fff;
		background: #f8bdb5;
		width: 80px;
		padding: 5px 0px;
		border-radius: 5px;
		margin: 0 10px 0 0;
		text-align: center;
	}
	.schedule-detail .bar p{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 1.6rem;
		font-weight: 600;
		color: #3d1508;
		vertical-align: middle;
	}
	.schedule-detail .name{
		font-size: 1.6rem;
		font-weight: 400;
		color: #3d1508;
		line-height: 1.4;
		padding: 0 0 10px;
	}
	.schedule-detail .overview-wrap{
		overflow: hidden;
	}
	.schedule-detail .overview-wrap .pic{
		overflow: hidden;
    margin: 0 0 10px;
	}
	.schedule-detail .overview-wrap .pic img{
		overflow: hidden;
		border-radius: 10px;
	}
	.schedule-detail .overview-wrap .txt{
	}
	.schedule-detail .overview-wrap .txt .tokki{
		padding: 6px 6px 4px;
		background: #fff5d7;
		font-size: 1.6rem;
		color: #ed6463;
		line-height: 1.4;
		text-align: center;
		margin: 0 0 10px;
	}
	.schedule-detail .overview-wrap .txt .overview{
		overflow: hidden;
		border: 1px solid #a3a4a4;
	}
	.schedule-detail .overview-wrap .txt .overview table{
		width: 50%;
		float: left;
		text-align: center;
	}
	.schedule-detail .overview-wrap .txt .overview table:last-of-type{
		border-left: 1px solid #a3a4a4;
	}
	.schedule-detail .overview-wrap .txt .overview table th{
		width: 45%;
		padding: 6px;
		border-bottom: 1px dotted #a3a4a4;
		vertical-align: middle;
		font-size: 1.2rem;
	}
	.schedule-detail .overview-wrap .txt .overview table tr:last-of-type th{
		border-bottom: none;
	}
	.schedule-detail .overview-wrap .txt .overview table.man th{
		color: #88a5c1;
	}
	.schedule-detail .overview-wrap .txt .overview table.man tr:first-of-type th{
		background: #88a5c1;
		color: #fff;
		text-align: center;
	}
	.schedule-detail .overview-wrap .txt .overview table.woman th{
		color: #dd8a80;
	}
	.schedule-detail .overview-wrap .txt .overview table.woman tr:first-of-type th{
		background: #dd8a80;
		color: #fff;
		text-align: center;
	}
	.schedule-detail .overview-wrap .txt .overview table th .s{
		display: block;
		margin: 5px 0 0;
		font-size: 1.0rem;
		color: #231815;
	}
	.schedule-detail .overview-wrap .txt .overview table td{
		padding: 6px;
		border-bottom: 1px dotted #a3a4a4;
		vertical-align: middle;
		font-size: 1.2rem;a
	}
	.schedule-detail .overview-wrap .txt .overview table tr:first-of-type td{
		text-align: center;
	}	
	.schedule-detail .overview-wrap .txt .overview table tr:last-of-type td{
		border-bottom: none;
	}
	.schedule-detail .overview-wrap .txt .overview table tr:nth-of-type(4) td,
	.schedule-detail .overview-wrap .txt .overview table tr:nth-of-type(5) td{
		height: 30px;
	}
	.schedule-detail .overview-wrap .txt .overview table td span.status{
		display: inline-block;
		width: 6em;
		padding: 2px 0 4px;
		text-align: center;
	}
	.schedule-detail .overview-wrap .txt .bring{
		display: table;
    width: 100%;
		margin: 15px 0 0;
	}
	.schedule-detail .overview-wrap .txt .bring .icon{
		display: table-cell;
		vertical-align: middle;
		width: 60px;
		height: 60px;
		line-height: 60px;
		background: #ec9f8c;
		font-size: 1.4rem;
		color: #fff;
		text-align: center;
		border-radius: 50%;
		margin: 0 10px 0 0;
	}
	.schedule-detail .overview-wrap .txt .bring ul{
		display: table-cell;
		vertical-align: middle;
		line-height: 1.4;
		font-size: 1.4rem;
    padding: 0 0 0 10px;
	}
	.schedule-detail .line{
		margin: 15px 0;
		height: 5px;
		background: url("../images/common/line.png") repeat-x;
    background-size: 300px auto;
	}
	.schedule-detail .lead-wrap{
		overflow: hidden;
		margin: 0 0 25px;
	}
	.schedule-detail .lead-wrap .lead{
	}
	.schedule-detail .lead-wrap .lead p{
		font-size: 1.2rem;
		line-height: 1.6;
		margin: 0 0 20px;
	}
	.schedule-detail .lead-wrap .links{
    overflow: hidden;
	}
	.schedule-detail .lead-wrap .links ul li{
		margin: 0 0 10px;
	}
	.schedule-detail .lead-wrap .links ul li:last-of-type{
		margin: 0;
	}
	.schedule-detail .lead-wrap .links ul li a{
		display: block;
		border: 2px solid #f8c4a3;
		border-radius: 5px;
		padding: 10px;
		font-size: 1.4rem;
		color: #e37c6d;
		text-decoration: none;
		box-sizing: border-box;
	}
	.schedule-detail .access-wrap{
		overflow: hidden;
		margin: 0 0 25px;
	}
	.schedule-detail .access-wrap .map{
		height: 320px;
	}
	.schedule-detail .access-wrap .access{
    margin: 0 0 10px;
	}
	.schedule-detail .access-wrap .access p.ttl{
		letter-spacing: -.4em;
		margin: 0 0 10px;
	}
	.schedule-detail .access-wrap .access p.ttl .icon{
		display: inline-block;
		letter-spacing: normal;
		width: 20px;
		vertical-align: middle;
		margin: 0 10px 0 0;
	}
	.schedule-detail .access-wrap .access p.ttl .eng{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 2.4rem;
	}
	.schedule-detail .access-wrap .access dl{
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.schedule-detail .access-wrap .access dl dt{
		color: #e37c6d;
	}
	.schedule-detail .btns{
		overflow: hidden;
	}
	.schedule-detail .btns a{
		padding: 15px 0;
		font-size: 1.8rem;
		text-align: center;
		text-decoration: none;
		border-radius: 5px;
		box-sizing: border-box;
		border: 1px solid transparent;
	}
	.schedule-detail .btns a.back{
		width: 28%;
		float: left;
		color: #e37c6d;
		border: 1px solid #e37c6d;
	}
	.schedule-detail .btns a.reserve{
		width: 70%;
		float: right;
		background: #e37c6d;
		color: #fff;
	}
	.schedule-detail .btns a:hover{
		opacity: 0.75;
	}
	.schedule-detail .btns span.reserve{
		padding: 15px 0;
		font-size: 1.8rem;
		text-align: center;
		text-decoration: none;
		border-radius: 5px;
		box-sizing: border-box;
		border: 1px solid transparent;
		width: 70%;
		float: right;
		background: #ccc;
		color: #fff;
	}
}

span.status.full {
  background: #ff0000;
  color: #fff;
}
span.status.almost {
  background: #fff54f;
}
span.status.now {
  background: #62f8fe;
}
span.status.end {
  background: #ddd;
  color: #999;
}


/* ------------------------------------------------------------------
report-list
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.report-list{
	}
	.report-list .item{
		margin: 50px 0 0;
		padding: 50px 0 0;
		border-top: 4px solid #ddd;
	}
	.report-list .item:first-of-type{
		margin: 0;
		padding: 0;
		border: none;
	}
	.report-list .item .bar{
		background: url("../images/common/bg_pink3.png");
		letter-spacing: -.4em;
		padding: 15px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin: 0 0 20px;
	}
	.report-list .item .bar .area{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 1.6rem;
		font-weight: 600;
		color: #796a56;
		background: #fff;
		padding: 10px;
		margin: 0 15px 0 0;
	}
	.report-list .item .bar p{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 2.4rem;
		font-weight: 600;
		color: #fff;
	}
	.report-list .item .name{
		font-size: 2.4rem;
		font-weight: 600;
		color: #796a56;
		line-height: 1.4;
		margin: 0 0 30px;
	}
	.report-list .item .txt-wrap{
		overflow: hidden;
	}
	.report-list .item .txt-wrap .pic{
		width: 24%;
		float: left;
		border-radius: 10px;
		overflow: hidden;
	}
	.report-list .item .txt-wrap .txt{
		width: 74%;
		float: right;
	}
	.report-list .item .txt-wrap .txt p{
		font-size: 1.6rem;
		line-height: 1.8;
		margin: 0 0 20px;
	}
	.report-list .item .txt-wrap .txt p:last-of-type{
		margin: 0;
	}
	.report-list .more{
		margin: 100px 0 0;
		text-align: center;
	}
	.report-list .more a{
		display: inline-block;
		text-decoration: none;
		padding: 20px 120px;
		font-size: 2.0rem;
		border: 4px solid #231815;
	}
}
@media screen and (max-width:979px) {
	.report-list{
	}
	.report-list .item{
		margin: 25px 0 0;
		padding: 25px 0 0;
		border-top: 2px solid #ddd;
	}
	.report-list .item:first-of-type{
		margin: 0;
		padding: 0;
		border: none;
	}
	.report-list .item .bar{
		background: url("../images/common/bg_pink3.png");
		letter-spacing: -.4em;
		padding: 10px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		margin: 0 0 10px;
	}
	.report-list .item .bar .area{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 1.2rem;
		font-weight: 400;
		color: #796a56;
		background: #fff;
		padding: 5px;
		margin: 0 10px 0 0;
	}
	.report-list .item .bar p{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		font-size: 1.5rem;
		font-weight: 400;
		color: #fff;
	}
	.report-list .item .name{
		font-size: 1.6rem;
		font-weight: 600;
		color: #796a56;
		line-height: 1.4;
		margin: 0 0 10px;
	}
	.report-list .item .txt-wrap{
		overflow: hidden;
	}
	.report-list .item .txt-wrap .pic{
		border-radius: 5px;
		overflow: hidden;
    margin: 0 0 10px;
	}
	.report-list .item .txt-wrap .txt{
	}
	.report-list .item .txt-wrap .txt p{
		font-size: 1.2rem;
		line-height: 1.6;
		margin: 0 0 10px;
	}
	.report-list .item .txt-wrap .txt p:last-of-type{
		margin: 0;
	}
	.report-list .more{
		margin: 40px 0 0;
		text-align: center;
	}
	.report-list .more a{
		display: block;
		text-decoration: none;
		padding: 15px 0px;
		font-size: 1.6rem;
		border: 4px solid #231815;
	}
}

/* ------------------------------------------------------------------
faq
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.faq{
	}
	.faq h1.ttl{
		background: url("../images/common/bg_pink2.png");
		font-size: 2.4rem;
		padding: 20px;
		border-radius: 10px;
		margin: 0 0 40px;
	}
	.faq .faq-list{
		margin: 0 0 50px;
	}
	.faq .faq-list:last-of-type{
		margin: 0;
	}
	.faq .faq-list h2{
		position: relative;
		font-size: 2.0rem;
		padding: 15px 15px 15px 80px;
		background: url("../images/common/bg_brown.png");
	}
	.faq .faq-list .icon{
		position: absolute;
		bottom: 5px;
		left: 15px;
	}
	.faq .faq-list dl{
		padding: 40px 0;
		background: url("../images/faq/line_red.png") 0 100% repeat-x;
	}
	.faq .faq-list dl dt{
		position: relative;
		background: url("../images/faq/q.png") 20px 0 no-repeat;
		background-size: 32px auto;
		font-size: 2.0rem;
		font-weight: 600;
		line-height: 32px;
		padding: 0 0 0 80px;
		color: #8eb4a5;
		cursor: pointer;
	}
	.faq .faq-list dl dd{
		display: none;
		margin: 20px 0 0;
		background: url("../images/faq/a.png") 20px 0 no-repeat;
		background-size: 32px auto;
		font-size: 1.6rem;
		font-weight: 200;
		line-height: 1.6;
		padding: 5px 0 5px 80px;
	}
	.faq .faq-list dl dd a{
		color: #e37c6d;
	}
	.accordion_icon,
	.accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon {
		position: absolute;
    top: 0;
    right: 20px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: #8eb4a5;
	}
	.accordion_icon span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}
}
@media screen and (max-width:979px) {
	.faq{
	}
	.faq h1.ttl{
		background: url("../images/common/bg_pink2.png");
		font-size: 2.0rem;
		padding: 15px;
		border-radius: 5px;
		margin: 0 0 20px;
	}
	.faq .faq-list{
		margin: 0 0 30px;
	}
	.faq .faq-list:last-of-type{
		margin: 0;
	}
	.faq .faq-list h2{
		position: relative;
		font-size: 1.8rem;
		padding: 15px 15px 15px 45px;
		background: url("../images/common/bg_brown.png");
	}
	.faq .faq-list .icon{
		position: absolute;
		bottom: 8px;
		left: 8px;
    width: 30px;
	}
	.faq .faq-list dl{
		padding: 10px 0;
		background: url("../images/faq/line_red.png") 0 100% repeat-x;
	}
	.faq .faq-list dl dt{
		position: relative;
		background: url("../images/faq/q.png") 0 6px no-repeat;
		background-size: 24px auto;
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1.4;
		padding: 10px 55px 10px 35px;
		color: #8eb4a5;
		cursor: pointer;
	}
	.faq .faq-list dl dd{
		display: none;
		background: url("../images/faq/a.png") 0 10px no-repeat;
		background-size: 24px auto;
		font-size: 1.4rem;
		font-weight: 200;
		line-height: 1.6;
		padding: 10px 55px 10px 35px;
	}
	.faq .faq-list dl dd a{
		color: #e37c6d;
	}
	.accordion_icon,
	.accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.accordion_icon {
		position: absolute;
    top: 6px;
    right: 20px;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: #8eb4a5;
	}
	.accordion_icon span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		height: 2px;
		background-color: #fff;
		border-radius: 2px;
		-webkit-border-radius: 2px;
	}
}

	.accordion_icon span:nth-of-type(1) {
		transform: translate(-50%, -50%) rotate(0deg);
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
	}
	.accordion_icon span:nth-of-type(2) {
		transform: translate(-50%, -50%) rotate(90deg);
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
	}
	.active .accordion_icon span:nth-of-type(1) {
		display:none;
	}
	.active .accordion_icon span:nth-of-type(2) {
		transform: translate(-50%, -50%) rotate(180deg);
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
	}

/* ------------------------------------------------------------------
policy
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.policy{
	}
	.policy section{
		margin: 0 0 50px;
	}
	.policy section:last-of-type{
		margin: 0;
	}
	.policy h1.ttl{
		border-bottom: 6px solid #edb2a1;
		background: url("../images/common/icon_leaf.png") 0 0 no-repeat;
		background-size: 26px auto;
		padding: 0 0 10px 40px;
		margin: 0 0 40px;
		font-size: 2.4rem;
	}
	.policy h2{
		font-size: 1.8rem;
		margin: 0 0 20px;
	}
	.policy p.lead{
		line-height: 1.8;
	}
	.policy dl{
		margin: 0 0 40px;
	}
	.policy dl:last-of-type{
		margin: 0;
	}
	.policy dl dt{
		font-size: 1.8rem;
		font-weight: 600;
		margin: 0 0 10px
	}
	.policy dl dd{
		line-height: 1.8;
	}
	.policy dl dd p{
	}
	.policy dl dd ul{
		list-style: disc;
		margin: 0 0 0 30px;
	}
	.policy dl dd div.contactbox{
		display: inline-block;
		margin: 40px 0 0;
		padding: 30px 80px;
		border: 2px solid #ddd;
		font-size: 1.8rem;
		line-height: 1.6;
	}
}
@media screen and (max-width:979px) {
	.policy{
	}
	.policy section{
		margin: 0 0 30px;
	}
	.policy section:last-of-type{
		margin: 0;
	}
	.policy h1.ttl{
		border-bottom: 4px solid #edb2a1;
		background: url("../images/common/icon_leaf.png") 0 3px no-repeat;
		background-size: 22px auto;
		padding: 0 0 10px 30px;
		margin: 0 0 20px;
		font-size: 1.8rem;
    line-height: 1.2;
	}
	.policy h2{
		font-size: 1.6rem;
    line-height: 1.4;
		margin: 0 0 10px;
	}
	.policy p.lead{
		line-height: 1.6;
	}
	.policy dl{
		margin: 0 0 20px;
	}
	.policy dl:last-of-type{
		margin: 0;
	}
	.policy dl dt{
		font-size: 1.6rem;
		font-weight: 600;
		margin: 0 0 10px;
	}
	.policy dl dd{
		line-height: 1.6;
	}
	.policy dl dd p{
	}
	.policy dl dd ul{
		list-style: disc;
		margin: 0 0 0 30px;
	}
	.policy dl dd div.contactbox{
		display: block;
		margin: 20px 0 0;
		padding: 15px;
		border: 2px solid #ddd;
		line-height: 1.6;
	}
}

/* ------------------------------------------------------------------
aboutus
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.aboutus{
	}
	.aboutus section{
		margin: 0 0 50px;
	}
	.aboutus section:last-of-type{
		margin: 0;
	}
	.aboutus h1.ttl{
		border-bottom: 6px solid #edb2a1;
		background: url("../images/common/icon_leaf.png") 0 0 no-repeat;
		background-size: 26px auto;
		padding: 0 0 10px 40px;
		margin: 0 0 30px;
		font-size: 2.4rem;
	}
	.aboutus .about dl{
		border-bottom: 1px solid #ddd;
		padding: 20px;
		overflow: hidden;
	}
	.aboutus .about dl dt{
		width: 15%;
		float: left;
	}
	.aboutus .about dl dd{
		width: 85%;
		float: left;
	}
	.aboutus .law dl{
		display: table;
		width: 100%;
		border: 1px solid #ddd;
		border-bottom: none;
		line-height: 1.6;
		box-sizing: border-box;
	}
	.aboutus .law dl:last-of-type{
		border: 1px solid #ddd;
	}
	.aboutus .law dl dt{
		display: table-cell;
		vertical-align: top;
		padding: 20px;
		width: 25%;
		border-right: 1px solid #ddd;
		background: #f9f9f9;
	}
	.aboutus .law dl dd{
		display: table-cell;
		vertical-align: top;
		padding: 20px;
		width: 75%;
	}
}
@media screen and (max-width:979px) {
	.aboutus{
	}
	.aboutus section{
		margin: 0 0 30px;
	}
	.aboutus section:last-of-type{
		margin: 0;
	}
	.aboutus h1.ttl{
		border-bottom: 4px solid #edb2a1;
		background: url("../images/common/icon_leaf.png") 0 3px no-repeat;
		background-size: 22px auto;
		padding: 0 0 10px 30px;
		margin: 0 0 20px;
		font-size: 1.8rem;
    line-height: 1.2;
	}
	.aboutus .about dl{
		border-bottom: 1px solid #ddd;
		padding: 10px;
		overflow: hidden;
	}
	.aboutus .about dl dt{
		font-size: 1.0rem;
		margin: 0 0 5px;
	}
	.aboutus .about dl dd{
	}
	.aboutus .law dl{
		border: 1px solid #ddd;
		border-bottom: none;
		line-height: 1.6;
		box-sizing: border-box;
	}
	.aboutus .law dl:last-of-type{
		border: 1px solid #ddd;
	}
	.aboutus .law dl dt{
		padding: 10px;
		background: #f9f9f9;
		border-bottom: 1px solid #ddd;
	}
	.aboutus .law dl dd{
		padding: 10px;
	}
}

/* ------------------------------------------------------------------
404
------------------------------------------------------------------ */
@media print,screen and (min-width:980px) {
	.page-404{
	}
	.page-404 .ttl{
		border-bottom: 6px solid #edb2a1;
		background: url("../images/common/icon_leaf.png") 0 0 no-repeat;
		background-size: 26px auto;
		padding: 0 0 10px 40px;
		margin: 0 0 30px;
		font-size: 2.4rem;
	}
	.page-404 .txt{
		line-height: 1.8;
		margin: 0 0 20px;
	}
	.page-404 ul{
		overflow: hidden;
	}
	.page-404 ul li{
		width: 49%;
		float: left;
		margin: 20px 0 0;
	}
	.page-404 ul li:nth-of-type(2n){
		float: right;
	}
	.page-404 ul li a{
		display: block;
		padding: 15px;
		border: 1px solid #ddd;
		text-decoration: none;
	}
	.page-404 ul li a:hover{
		background: #f3f3f3;
	}
}
@media screen and (max-width:979px) {
	.page-404{
	}
	.page-404 .ttl{
		border-bottom: 5px solid #edb2a1;
		background: url("../images/common/icon_leaf.png") 0 3px no-repeat;
		background-size: 22px auto;
		padding: 0 0 10px 30px;
		margin: 0 0 20px;
		font-size: 2.0rem;
    line-height: 1.2;
	}
	.page-404 .txt{
		line-height: 1.6;
		margin: 0 0 10px;
	}
	.page-404 ul{
		overflow: hidden;
	}
	.page-404 ul li{
		margin: 10px 0 0;
	}
	.page-404 ul li a{
		display: block;
		padding: 10px;
		border: 1px solid #ddd;
		text-decoration: none;
	}
	.page-404 ul li a.hover{
		background: #f3f3f3;
	}
}








