@charset "utf-8";



/*=============================================
	
	タイトル枠
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.top_title_wrap {
		padding: 3.6em 0 2.8em;
		text-align: center;
		background: #EAEAEA;
	}
	.top_title_wrap .name {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 1.1em;
		margin: 0 0 0;
		line-height: 1.0em;
	}
}

@media print, screen and (min-width: 769px) {
	.top_title_wrap {
		padding: 70px 0 60px;
		text-align: center;
		background: #EAEAEA;
	}
	.top_title_wrap .name {
		font-size: 42px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 16px;
		margin: 0 0 0;
		line-height: 1.0em;
	}
	.top_title_wrap p.lead {
		font-size: 18px;
		margin: 0 0 0;
	}
}

/*=============================================
	
	特典バナー レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.tokuten_wrap {
		width: 90%;
		margin: 0 auto 2.4em;
		padding: 2.4em 0 0;
	}

}

@media print, screen and (min-width: 769px) {
	.tokuten_wrap {
		width: 480px;
		margin: 0 auto 40px;
		padding: 40px 0 0;
	}
}


/*=============================================
	
	特典バナー レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.tokuten_banner_wrap {
		width: 90%;
		margin: 0 auto 2.4em;
		padding: 1em 0 0;
	}

}

@media print, screen and (min-width: 769px) {
	.tokuten_banner_wrap {
		width: 800px;
		margin: 0 auto 40px;
		padding: 10px 0 0;
	}
}

/*=============================================
	
	プランリスト レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#planlist_wrap {
		padding-top: 3em;
	}
	#planlist_wrap .plan_detail {
		margin: 0 0 2.8em;
		padding: 2em 0 2em;
		background: #EEEFE5;
	}
	#planlist_wrap .plan_detail .title {
		background: #009387;
		padding: 1.6em 5% 0.6em;
		text-align: center;
		margin: 0 0 1.6em;
	}
	#planlist_wrap .plan_detail .title h3 {
		font-size: 1.6em;
		color: #FFF;
		margin: 0 0 0;
	}
	#planlist_wrap .plan_detail .inner {
		background: #FFF;
		width: 90%;
		margin: 0 auto;
		padding: 1.6em 0 1.6em;
	}
	
	#planlist_wrap .plan_detail .price_wrap {
		text-align: center;
		margin: 0 0 1.8em;
	}
	#planlist_wrap .plan_detail .price_wrap li {
		display: inline-block;
	}
	#planlist_wrap .plan_detail .price_wrap li.icon {
		color: #FFF;
		background: #eb4455;
		padding: 0.5em 3%;
		margin: 0 2% 0 0;
		font-size: 1.1em;
	}
	#planlist_wrap .plan_detail .price_wrap li.amount {
		color: #777777;
		padding: 0.5em 0 0;
		font-size: 1.1em;
	}
	#planlist_wrap .plan_detail .price_wrap li.price {
		font-size: 2.8em;
		color: #eb4455;
		border-bottom: 1px solid #eb4455;
		padding: 0.7em 0 0.5em;
		font-weight: bolder;
	}
	#planlist_wrap .plan_detail .price_wrap li.price span {
		font-size: 0.6em;
		vertical-align: baseline;
	}
	
	#planlist_wrap .plan_detail .pic_tokuten {
		margin: 0 5% 1.6em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dt {
		margin: 0 0 1.2em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dt .pic {
		margin: 0 0 1.0em;
		position: relative;
	}
	#planlist_wrap .plan_detail .pic_tokuten dt .pic img {
	}
	#planlist_wrap .plan_detail .pic_tokuten dt .pic.pos_top img {
	}
	#planlist_wrap .plan_detail .pic_tokuten dt .joken {
		margin: 0 0;
		font-size: 1.0em;
		line-height: 1.6em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd {

	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap {
		background: #FFF;
		padding: 0 0;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h3 {
		font-size: 1.4em;
		line-height: 1.6em;
		color: #EB4455;
		margin: 0 0 0.8em;
		position: relative;
		font-weight: bolder;	
		display: inline;
		padding: 5px;
		background: linear-gradient(transparent 0%, #F9F9F9 0%);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
  	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h4:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -12px;
		border: 12px solid transparent;
		border-top: 12px solid #EB4455;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h5 {
		font-size: 1.3em;
		color: #c2a032;
		padding: 0.8em 0.6em 0;
		text-decoration: underline;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h5 span {
		font-size: 0.8em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap .sub {
		color: #9b996d;
		padding-top: 1.5em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list {
		padding-top: 1.2em;
		margin-bottom: 1em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list li {
		font-size: 1.1em;
		padding: 0.7em 1.0em;
		background: #fdfdfa;
		color: #5a533e;
		font-weight: bolder;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list li:nth-child(2n) {
		background: #f9f9f0;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list li.feature {
		margin-top: 1em;
		background: #faf0f1;
		color: #EB4455;
		border: 1px solid #EB4455;
	}
	
	/** ボタン **/
	#planlist_wrap .plan_detail .btn01 {
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}
	#planlist_wrap .plan_detail .btn01 a {
		background-color: #009387;
		display: block;
		color: #FFF;
		position: relative;
		padding: 0.8em 0;
	}
	#planlist_wrap .plan_detail .btn01 a.arrow_right::after {
		border-color: #FFF;
		right: 5%;
	}
}

@media print, screen and (min-width: 769px) {
	#planlist_wrap {
		padding-top: 50px;
	}
	#planlist_wrap .plan_detail {
		margin: 0 0 50px;
		padding: 20px 0 20px;
		background: #EEEFE5;
	}
	#planlist_wrap .plan_detail .title {
		background: #009387;
		padding: 16px 24px;
		margin: 0 0 15px;
	}
	#planlist_wrap .plan_detail .title h3 {
		float: left;
		width: 70%;
		font-size: 20px;
		color: #FFF;
	}
	#planlist_wrap .plan_detail .inner {
		background: #FFF;
		width: 96%;
		margin: 0 auto;
		padding: 15px 0 15px;
	}

	#planlist_wrap .plan_detail .price_wrap {
		text-align: center;
		margin: 0 auto 15px;
		padding: 0 0 10px;
		position: relative;
	}
	#planlist_wrap .plan_detail .price_wrap:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		border-bottom: 1px solid #eb4455;
		width: 480px;
		margin-left: -240px;
	}

	#planlist_wrap .plan_detail .price_wrap li {
		display: inline-block;
		vertical-align: baseline;
	}
	#planlist_wrap .plan_detail .price_wrap li.icon {
		color: #FFF;
		background: #eb4455;
		padding: 0.5em 3%;
		margin: 0 15px 0 0;
		font-size: 1.1em;
	}
	#planlist_wrap .plan_detail .price_wrap li.amount {
		color: #777777;
		padding: 0.5em 0 0;
		font-size: 1.1em;
		margin: 0 20px 0 0;
	}
	#planlist_wrap .plan_detail .price_wrap li.price {
		font-size: 2.6em;
		color: #eb4455;
		padding: 0.7em 0 0.5em;
		font-weight: bolder;
	}
	#planlist_wrap .plan_detail .price_wrap li.price span {
		font-size: 0.6em;
		vertical-align: baseline;
	}

	#planlist_wrap .plan_detail .pic_tokuten {
		margin: 30px 30px 40px;
	}
	#planlist_wrap .plan_detail .pic_tokuten dt {
		float: left;
		width: 360px;
	}
	#planlist_wrap .plan_detail .pic_tokuten dt .pic {
		margin: 0 0 12px;
	}
	#planlist_wrap .plan_detail .pic_tokuten dt .joken {
		margin: 0 0;
		font-size: 13px;
		line-height: 2.2em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd {
		float: right;
		width: 480px;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap {
		background: #FFF;
		padding: 0 20px 20px;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h3 {
		font-size: 22px;
		line-height: 1.6em;
		color: #EB4455;
		margin: 0 0 25px;
		position: relative;
		font-weight: bolder;	
		display: inline;
		padding: 5px;
		background: linear-gradient(transparent 0%, #F9F9F9 0%);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
  	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h4:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -12px;
		border: 12px solid transparent;
		border-top: 12px solid #EB4455;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h5 {
		font-size: 20px;
		color: #c2a032;
		padding: 0.8em 0.3em 0;
		text-decoration: underline;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap h5 span {
		font-size: 0.8em;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap .sub {
		color: #9b996d;
		padding-top: 20px;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list {
		margin-bottom: 15px;
		padding-top: 20px;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list li {
		font-size: 13px;
		padding: 10px 12px;
		background: #fdfdfa;
		color: #5a533e;
		font-weight: bolder;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list li:nth-child(2n) {
		background: #f9f9f0;
	}
	#planlist_wrap .plan_detail .pic_tokuten dd .tokuten_list_wrap ul.list li.feature {
		margin-top: 10px;
		background: #faf0f1;
		color: #EB4455;
		border: 1px solid #EB4455;
	}

	/** ボタン **/
	#planlist_wrap .plan_detail .btn01 {
		width: 320px;
		margin: 0 auto;
		text-align: center;
	}
	#planlist_wrap .plan_detail .btn01 a {
		background-color: #009387;
		display: block;
		color: #FFF;
		position: relative;
		padding: 12px 0;
	}
	#planlist_wrap .plan_detail .btn01 a.arrow_right::after {
		border-color: #FFF;
		right: 5%;
	}

}





/*=============================================
	
	アコーディオン
	
==============================================*/

.accordion_wrap {
	width: 800px;
	margin: 0 auto 30px;
	border-bottom: 1px solid #009387;
	border-top: 1px solid #009387;
}
.accordion-title {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 16px 32px 16px 32px;
  font-size: 1.0em;
  font-weight: bolder;
  cursor: pointer;
  color: #009387;
}

.accordion-title:hover,
.accordion-title:active,
.content-entry.open .accordion-title {
}

.accordion-title:hover i:before,
.accordion-title:hover i:active,
.content-entry.open i {
  color: white;
}

.accordion-title{
  position: relative;
}

.accordion-title:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 40%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #009387;
  border-right: solid 2px #009387;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
  position: relative;
  margin: 0 auto;
  padding: 30px 32px 30px 32px;
  background: #FFF;
}
.accordion-content table.detail_list {
	margin: 0;
	padding: 0;
}
.accordion-content table.detail_list tr {
	border-bottom: 1px dotted #CCC;
	margin: 0;
	padding: 0;
}

@media print, screen and (max-width: 768px) {
	.accordion_wrap {
		width: 90%;
		margin: 0 auto;
	}
	.accordion-title {
		padding: 1.2em 1.2em 1.2em 3.2em;
	}
	
	.accordion-content {
		margin: 0 auto;
		width: 90%;
		padding: 0.8em 1.2em 0.8em;
	}
	.accordion-content table.detail_list tr th {
		padding: 1.0em 0;
		text-align: center;
		vertical-align: middle;
		display: block;
		background: #E9E9DF;
	}
	.accordion-content table.detail_list tr td {
		padding: 1.0em 0;
		text-align: left;
		line-height: 2.2em;
		vertical-align: middle;
		display: block;
	}


}

@media print, screen and (min-width: 769px) {
	.accordion-content table.detail_list tr th {
		padding: 16px 0;
		text-align: center;
		width: 20%;
		background: #E9E9DF;
		vertical-align: middle;
	}
	.accordion-content table.detail_list tr td {
		padding: 16px 24px;
		text-align: left;
		width: 75%;
		vertical-align: middle;
		line-height: 2.2em;
	}

}