@charset "utf-8";




/*  catch
--------------------------------------------------*/
.catch{
  position: relative;
  padding: 60px 0 60px;
}
  .catch:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: min(90%,1200px);
    height: 1px;
    background: #999;
    margin-left: auto;
    margin-right: auto;
  }
  .catch__txt{
    position: relative;
    font-size: max(20px,min(3.33vw,40px));
    color: #666;
    letter-spacing: .15em;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 35px;
    z-index: 1;
  }
  .catch__btn{
  	width: min(90%,420px);
    margin-right: auto;
    margin-left: auto;
  }
  	.catch__btn a:before {
		background: linear-gradient(135deg, rgb(182 98 71) 0%,rgb(195 170 59) 100%);
	}
/*@keyframes bgcolor { 
  0% { background-position: 0% 0%;}
  100% { background-position: -200% 0%;}
}*/
@media screen and (max-width: 768px){
  .catch{
    padding: 30px 0 50px;
  }
    .catch__txt{
      /*font-size: max(13px,min(6.842105263157895vw,26px));*/
      font-size: max(12px,min(6.315789473684211vw,24px));
      margin-bottom: 20px;
    }
}




/*  intro
--------------------------------------------------*/
.intro{
	position: relative;
	padding: 60px 0 70px;
}
	.intro p{
		font-size: 16px;
		line-height: 2.25;
		letter-spacing: .15em;
		text-align: center;
	}
@media screen and (max-width: 768px){
	.intro{
		padding: 40px 0 50px;
	}
		.intro p{
			font-size: 14px;
			line-height: 2;
			text-align: justify;
		}
}




/*  login__wrap
--------------------------------------------------*/
.login__wrap{
	padding: 120px 0 150px;
	background : linear-gradient(45deg, rgba(24, 142, 153, .05) 0%, rgba(0, 106, 153, .05) 100%);
}
	.login__contents{
		max-width: 1000px;
		padding: 75px 0 80px;
		box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);
		box-sizing: border-box;
		background: #fff;
	}
		.login__contents__headLine{
			font-size: 24px;
			letter-spacing: .15em;
			text-align: center;
			margin-bottom: 30px;
		}
		.login__form{
			width: min(90%,600px);
			margin: 0 auto 20px;
		}
			.login__form__contents{
				width: 100%;
			}
				.login__form__contents input{
					width: calc(100% - 120px);
					height: 60px;
					font-size: 24px;
					font-family: inherit;
					letter-spacing: .15em;
					color: #999999;
					box-sizing: border-box;
					padding: 0 20px;
					border: 1px solid #cccccc;
					border-right-width: 0;
					border-radius: 0;
					appearance: none;
					outline: none;
				}
				.login__form__contents input::placeholder{
					color: #999999;
				}
				.login__form__contents input:-ms-input-placeholder{
					color: #999999;
				}
				.login__form__contents input::-ms-input-placeholder{
					color: #999999;
				}
				.login__form__btn{
					width: 120px;
				}
					.login__form__btn button{
						width: 100%;
						height: 60px;
						background : linear-gradient(135deg, rgba(184, 152, 83, 1) 0%, rgba(207, 185, 139, 1) 50%, rgba(184, 152, 83, 1) 100%);
						font-size: 24px;
						color: #fff;
						font-weight: 300;
						letter-spacing: .05em;
						text-align: center;
						cursor: pointer;
						border: none;
						border-right-width: 0;
						border-radius: 0;
						appearance: none;
						outline: none;
					}
		.login__contents__cap{
			width: min(90%,600px);
			font-size: 12px;
			letter-spacing: .05em;
			margin: 0 auto;
		}
		.login__contents__tips{
			width: min(90%,800px);
			margin: 40px auto 0;
			padding-top: 40px;
			border-top: solid 1px #cccccc;
		}
			.login__contents__tips__desc{
				font-size: 24px;
				letter-spacing: .15em;
				text-align: center;
				margin-bottom: 30px;
			}
			.login__contents__tips__btn{
				width: min(100%,420px);
				margin: 0 auto;
			}
@media screen and (max-width: 768px){
	.login__wrap{
		padding: 60px 0;
	}
		.login__contents{
			max-width: 560px;
			padding: 32px 0 40px;
			box-shadow: 5px 5px 10px rgba(0, 0, 0, .05);
		}
			.login__contents__headLine{
				font-size: 17px;
				letter-spacing: .1em;
				line-height: 1.555555555555556;
				margin-bottom: 15px;
			}
			.login__form{
				width: calc(300 / 340 * 100%);
				margin-bottom: 10px;
			}
				.login__form__contents{
				}
					.login__form__contents input{
						width: calc(100% - 90px);
						height: 50px;
						font-size: 16px;
						padding: 0 10px;
					}
					.login__form__btn{
						width: 90px;
					}
						.login__form__btn button{
							height: 50px;
							font-size: 20px;
						}
			.login__contents__cap{
				width: calc(300 / 340 * 100%);
				font-size: 10px;
			}
			.login__contents__tips{
				width: calc(300 / 340 * 100%);
				margin-top: 30px;
    			padding-top: 24px;
			}
				.login__contents__tips__desc{
					font-size: 17px;
					letter-spacing: .1em;
					line-height: 1.555555555555556;
					margin-bottom: 15px;
				}
				.login__contents__tips__btn{
				}
					.login__contents__tips__btn a{
						font-size: max(12px,min(4.736842105263158vw,18px));
					}
}









/*  limited__contents
--------------------------------------------------*/
.limited__contents{
	padding: 115px 0 150px;
	background : linear-gradient(45deg, rgba(24, 142, 153, .05) 0%, rgba(0, 106, 153, .05) 100%);
}
	.limited__contents__inner{
		max-width: 1000px;
	}
		.limited__contents .sec__gradation__txt span{
			background : linear-gradient(-45deg, rgba(24, 142, 153, 1) 0%, rgba(0, 106, 153, 1) 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		.limited__contents .sec__gradation__txt:after{
			background : linear-gradient(-45deg, rgba(24, 142, 153, 1) 0%, rgba(0, 106, 153, 1) 100%);
		}
		.limited__contents__wrap{
			margin-top: 40px;
		}
			.limited__contents__box{
				position: relative;
				box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);
				background: #fff;
			}
			.limited__contents__box + .limited__contents__box{
				margin-top: 60px;
			}
				.limited__contents__box__photo{
					position: absolute;
					top: 0;
					width: calc(500 / 1000 * 100%);
					height: 100%;
				}
				.limited__contents__box:nth-of-type(odd) .limited__contents__box__photo{
					left: 0;
				}
				.limited__contents__box:nth-of-type(even) .limited__contents__box__photo{
					right: 0;
				}
				.limited__contents__box__txt{
					width: calc(500 / 1000 * 100%);
					padding: calc(37 / 1000 * 100%) 0 calc(40 / 1000 * 100%);
				}
				.limited__contents__box:nth-of-type(odd) .limited__contents__box__txt{
					margin-left: auto;
				}
				.limited__contents__box:nth-of-type(even) .limited__contents__box__txt{
					margin-right: auto;
				}
					.limited__contents__box__subttl{
						font-size: max(12px,min(1.8vw, 18px));
						letter-spacing: .05em;
						text-align: center;
						margin-bottom: calc(15 / 500 * 100%);
					}
						.limited__contents__box__subttl em{
							position: relative;
					        display: inline-block;
					        color: #208e9f;
					        background : linear-gradient(225deg, rgba(24, 142, 153, 1) 0%, rgba(0, 106, 153, 1) 100%);
					        -webkit-background-clip: text;
					        -webkit-text-fill-color: transparent;
					        z-index: 1;
						}
					.limited__contents__box__ttl{
						font-size: max(21px,min(3.2vw, 32px));
						letter-spacing: .15em;
						text-align: center;
						margin-bottom: calc(18 / 500 * 100%);
					}
					.limited__contents__box__desc{
						font-size: max(12px,min(1.6vw, 16px));
						letter-spacing: .15em;
						line-height: 1.75;
						text-align: center;
						margin-bottom: calc(25 / 500 * 100%);
					}
					.limited__contents__box__btn{
						width: calc(240 / 500 * 100%);
						margin: 0 auto;
					}
						.limited__contents__box__btn a{
	    					font-size: max(12px,min(1.8vw,18px));
	    					font-weight: 300;
	    					padding: 12px 0 13px;
						}
							.limited__contents__box__btn a:before{
								background : linear-gradient(-45deg, rgba(24, 142, 153, 1) 0%, rgba(0, 106, 153, 1) 100%);
							}
							.limited__contents__box__btn .default__btn__arrow{
								width: max(17px,min(2.5vw,25px));
	    						margin-left: max(6px,min(1.0vw,10px));
							}
@media screen and (max-width: 768px){
	.limited__contents{
		padding: 55px 0 60px;
	}
		.limited__contents__inner{
			max-width: 560px;
		}
			.limited__contents__wrap{
				margin-top: 22px;
			}
				.limited__contents__box{
					position: relative;
					box-shadow: 5px 5px 10px rgba(0, 0, 0, .05);
					background: #fff;
				}
				.limited__contents__box + .limited__contents__box{
					margin-top: 40px;
				}
					.limited__contents__box__photo{
						position: relative;
						width: 100%;
						height: auto;
					}
					.limited__contents__box__txt{
						width: 100%;
						padding: 30px 0 30px;
					}
						.limited__contents__box__subttl{
							font-size: max(14px,min(4.736842105263158vw,18px));
							margin-bottom: 13px;
						}
						.limited__contents__box__ttl{
							font-size: max(18px,min(6.315789473684211vw,24px));
							margin-bottom: 13px;
						}
						.limited__contents__box__desc{
							font-size: max(10px,min(3.684210526315789vw,14px));
							margin-bottom: 18px;
						}
						.limited__contents__box__btn{
							width: calc(240 / 340 * 100%);
						}
							.limited__contents__box__btn a{
								font-size: max(14px,min(4.736842105263158vw,18px));
		    					padding: 12px 0 13px;
							}
								.limited__contents__box__btn .default__btn__arrow{
		    						width: max(20px,min(6.578947368421052vw,25px));
    								margin-left: max(6px,min(2.368421052631579vw,9px));
								}
}