@charset "utf-8";

/* -----------------------------------------------------------
共通パーツ
------------------------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
p{
	line-height:1.6!important;
}
@media(max-width:767px){
	.sp_none {
		display: none !important;
	}
}
@media(min-width:768px){
	.pc_none {
		display: none !important;
	}
}

.txtC { text-align: center; }
.txtR{	text-align: right;}
.txtL{	text-align: left;}
.bold{	font-weight: bold;}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {    clear: both; }
.cf {    *zoom: 1; }

.w100{width:100%;}
.w30{width:28%;}
.w40{width:38%;}
.w50{width:48%;}
.w60{width:58%;}
.w70{width:68%;}
@media(max-width:767px){
	.w30,.w40,.w50,.w60,.w70{width:100%;}
}

/*_____フレックス_____*/
.flex{
	display: -ms-flexbox;
	display: flex;
}
.justC{justify-content: center;}
.justB{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.justA{
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flexW{
	flex-wrap: wrap;
}
.alignS{align-items: start; }
.alignC{align-items: center;}
.alignB{align-items: baseline;}
@media (max-width: 767px) {
	.sp_flclear{
		display: block;
	}
}

/*_____余白_____*/
.m0auto{margin: 0 auto}

.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.mt0{margin-top: 0;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

.mar10{margin:10px;}
.mar15{margin:15px;}
.mar20{margin:20px;}
.mar30{margin:30px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

@media (max-width: 767px){
  .sp_mb0{margin-bottom: 0;}
  .sp_mb10{margin-bottom: 10px;}
  .sp_mb15{margin-bottom: 15px;}
  .sp_mb20{margin-bottom: 20px;}
  .sp_mb30{margin-bottom: 30px;}
  .sp_mt0{margin-top: 0;}
  .sp_mt10{margin-top: 10px;}
  .sp_mt15{margin-top: 15px;}
  .sp_mt20{margin-top: 20px;}
  .sp_mt30{margin-top: 30px;}

  .sp_pt10{padding-top:10px;}
  .sp_pt20{padding-top:20px;}
  .sp_pt30{padding-top:30px;}
}

/*_____テキスト_____*/
.tx7 {	font-size: 7px; }
.tx9 {	font-size: 9px;  line-height: 170%; }
.tx10 {	font-size: 10px; line-height: 170%; }
.tx11 {	font-size: 11px; line-height: 170%; }
.tx12 {	font-size: 12px; line-height: 170%; }
.tx13 {	font-size: 13px; line-height: 170%; }
.tx14 {	font-size: 14px; line-height: 170%; }
.tx15 {	font-size: 15px; line-height: 150%; }
.tx16 {	font-size: 16px; line-height: 170%; }
.tx17 {	font-size: 17px; line-height: 170%; }
.tx18 {	font-size: 18px; line-height: 130%; }
.tx19 {	font-size: 19px; line-height: 130%; }
.tx20 {	font-size: 20px; line-height: 130%; }
.tx22 {	font-size: 22px; line-height: 130%; }
.tx24 {	font-size: 24px; line-height: 130%; }
.tx36 {	font-size: 36px; line-height: 130%; }
.tx10h {font-size: 10px; line-height: 200%; }
.tx11h {font-size: 11px; line-height: 200%; }
.tx12h {font-size: 12px; line-height: 200%; }
.tx13h {font-size: 13px; line-height: 200%; }
.tx14h {font-size: 14px; line-height: 190%; }
.tx15h {font-size: 15px; line-height: 180%; }
.tx17h {font-size: 17px; line-height: 200%; }
.tx22h {font-size: 22px; line-height: 180%; }
.tx24h {font-size: 24px; line-height: 200%; }
@media (max-width: 767px){
	.tx20 {	font-size: 18px; }
	.tx36 {	font-size: 24px; }
}

.indent{
	padding-left: 1em;
  	text-indent: -1em;
}
/* -----------------------------------------------------------
ランク別サービス内容
------------------------------------------------------------- */
.btn{
	width: 32%;
    height: 60px;
    font-size: 18px;
    font-size: calc(18 / 16) rem;
    color: #fff!important;
    font-weight: 500;
    background: #007f8e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin:30px auto!important;
}
.btn span{
	display: block;
    line-height: 1.4;
    padding-left: 1.3em;
    position: relative;
}
.btn span::before{
	content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
}

.service_btnwrap{
	margin-bottom:120px;
}
.service_green{ color:#005e66;}
.service_gold{ color:#7f744a;}
.service_platinum{ color:#4a6d78;}

.service_tab{
	max-width:1120px;
	margin:auto;
}
.service_tab:after{
	content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #231815;
    position: absolute;
    top: 199px;
    left: 0;
}
.service_tab_label {
	width: 30%;
	height: 110px;
	border-top:4px solid #eeeeef;
	background-color: #eeeeef;
	cursor:pointer;
	position: relative;
}
.service_tab_label img{
	max-width:60px;
	margin:0 16px;
}
.service_tab_label p{
	line-height: 1.5;
}
input[name="service_tab_label"] {
	display: none;
}
.service_tab_content {
	display: none;
	padding-top: 80px;
	clear: both;
	overflow: hidden;
	width: 100%!important;
	z-index: 2;
}
#tabGreen:checked ~ #tabGreen_content,
#tabGold:checked ~ #tabGold_content,
#tabPlatinum:checked ~ #tabPlatinum_content {
	display: block;
}
.service_tab input:checked + .service_tab_label{
	border:1px solid #231815;
	border-bottom:none;
	z-index: 1;
}
.service_tab input:checked + .service_tab_label:after{
	position: absolute;
    content: '';
    top: 106px;
    bottom: 0;
	left: -9999px;
    width: 4000%;
    height: 280px;
}
#tabGreen:checked + .service_tab_label {
	background-color: #afd2c9;
	border-top:4px solid #005e66;
}
#tabGreen:checked + .service_tab_label:after{
    background: linear-gradient(rgba(175, 210, 201, 1),rgba(175, 210, 201, 0));
}
#tabGold:checked + .service_tab_label {
	background-color: #dbd8ca;
	border-top:4px solid #7f744a;
}
#tabGold:checked + .service_tab_label:after{
    background: linear-gradient(rgba(219, 216, 202, 1),rgba(219, 216, 202, 0));
}
#tabPlatinum:checked + .service_tab_label {
	background-color: #c4d1d4;
	border-top:4px solid #4a6d78;
}
#tabPlatinum:checked + .service_tab_label:after{
    background: linear-gradient(rgba(196, 209, 212, 1),rgba(196, 209, 212, 0));
}


.service_txt{
	border-bottom:1px solid #9e9e9f;
}
@media (max-width: 767px){
	.btn{
		width: 100%;
		height: 40px;
		font-size: 15px;
		font-size: calc(15 / 16) rem;
		margin-bottom: 1.3em;
	}
	.service_btnwrap{
		margin-bottom:60px;
	}
	.service_tab_label img{
		max-width:40px;
	}
	.service_tab:after{
		content:none;
	}
	.service_tab_content {
		width:95%!important;
		margin:auto;
	}
	.service_tab_label{
		width:90%;
		margin:10px auto 0;
		border:none;
		border-left:4px solid #eeeeef;
		height:80px;
		position:relative;
	}
	.service_tab_label::before{
		content: "";
		position: absolute;
		top: 48%;
		right: 20px;
		border: 6px solid transparent;
		border-top: 10px solid #000;
	}
	.service_tab input:checked + .service_tab_label {
		border:none;
	}
	#tabGreen:checked + .service_tab_label {
		border-left:4px solid #005e66;
		border-top:none;
	}
	#tabGreen:checked + .service_tab_label:after{
		top:280px;
	}
	#tabGold:checked + .service_tab_label {
		border-left:4px solid #7f744a;
		border-top:none;
	}
	#tabGold:checked + .service_tab_label:after{
		top:190px;
	}
	#tabPlatinum:checked + .service_tab_label {
		border-left:4px solid #4a6d78;
		border-top:none;
	}
	#tabPlatinum:checked + .service_tab_label:after{
		top:100px;
	}
	.service_tab_label img{
		margin:0 30px;
	}
}