@charset "UTF-8";


input:placeholder-shown,textarea:placeholder-shown{ color: silver; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: silver; }
input:-moz-placeholder,textarea:-moz-placeholder{ color: silver; }
input::-moz-placeholder,textarea::-moz-placeholder{ color: silver; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: silver; }
input[type="text"],input[type="password"],textarea{ box-sizing: border-box; padding: 15px; border: 1px solid #dddddd; font-size: 1.14rem; }




#main-content .page-ttl-body{ padding: 70px 0; text-align: center; }
#main-content .page-ttl-body .ja{ font-size: 16px; line-height: 1.5; }
#main-content .page-ttl-body .ttl{ color: #000000; font-size: 36px; line-height: 1.5; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-weight: normal; padding: 0 0 15px 0.2em; margin-bottom: 0; text-align: center; letter-spacing: 0.2em; position: relative; }
#main-content .page-ttl-body .ttl::before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100px; height: 1px; background-color: #cccccc; }
#main-content .login-form{ text-align: center; }
#main-content .login-form .copy{ font-size: 18px; line-height: 1.5; font-weight: normal; color: #000000; }
#main-content .login-form .login-list{ max-width: 510px; margin: 80px auto 0; }
#main-content .login-form .login-list .item{ display: table; width: 100%; }
#main-content .login-form .login-list .item+.item{ margin-top: 10px; }
#main-content .login-form .login-list .item .head{ background-color: #000000; color: #ffffff; font-size: 16px; line-height: 1.5; width: 23.53%; display: table-cell; }
#main-content .login-form .login-list .item .txt{ width: 76.47%; text-align: left; display: table-cell; }
#main-content .login-form .login-list .item .txt input{ width: 98.46%; }
#main-content .login-form .submit-btn{ border: 1px solid #ffffff; width: 200px; margin: 30px auto 0; background-color: #a79239; padding: 15px 0; vertical-align: middle; color: #ffffff; font-size: 16px; line-height: 1.5; cursor: pointer; transition: opacity 0.25s ease; }
#main-content .login-form .submit-btn:hover{ opacity: 0.7; }
#main-content .login-form .submit-btn img{ margin-right: 0.5em; }
#main-content .login-form .error-txt{ color: #dd0000; opacity: 0; transition: opacity 0.25s; margin-top: 20px; }
#main-content .login-form .error-txt.show{ opacity: 1; }
#main-content .login-form .caption{ position: absolute; right: 5px; bottom: 5px; }
#main-content .flow{ background-color: #f6f6f6; padding: 50px 0 100px; text-align: center; }
#main-content .flow .head{ display: inline-block; background-color: #000000; color: #ffffff; font-size: 20px; line-height: 1.5; border-radius: 20px; padding: 5px 50px; }
#main-content .flow .copy{ font-size: 24px; line-height: 1.5; margin-top: 20px; color: #000000; }
#main-content .flow .flow-list{ display: flex; display: -ms-flex; justify-content: center; margin-top: 50px; }
#main-content .flow .flow-list .item{ position: relative; }
#main-content .flow .flow-list .item:nth-child(n+2){ margin-left: 80px; }
#main-content .flow .flow-list .item:nth-child(n+2)::before,
#main-content .flow .flow-list .item:nth-child(n+2)::after{ content: ""; position: absolute; top: 50%; left: 0; margin-left: -20px; width: 1px; height: 80px; background-color: #b2a370; transform-origin: 100% 0 ; }
#main-content .flow .flow-list .item:nth-child(n+2)::before{ transform: rotate(25deg); }
#main-content .flow .flow-list .item:nth-child(n+2)::after{ transform: rotate(155deg); }
#main-content .flow .flow-list .item .step{ font-size: 14px; line-height: 1.5; color: #b2a370; font-family: 'EB Garamond', 'Cormorant Garamond', serif; }
#main-content .flow .flow-list .item .step .num{ font-size: 242%; line-height: 1; }
#main-content .flow .flow-list .item .ttl{ font-size: 21px; line-height: 1.5; color: #000000; margin-top: 20px; }
#main-content .flow .flow-list .item .txt{ font-size: 16px; line-height: 1.5; color: #000000; margin-top: 10px; }
#main-content .entry-box{ max-width: 900px; border: 1px solid #b2a370; padding: 40px 0; background-color: #ffffff; margin: 80px auto 0; text-align: center; }
#main-content .entry-box~.entry-box{ margin-top: 50px; }
#main-content .entry-box01{ background-color: #f6f6f6; }
#main-content .entry-box .copy{ font-size: 24px; line-height: 1.5; }
#main-content .entry-box .copy .marker{ font-size: 150%; line-height: 1.2; }
#main-content .entry-box .navi{ margin: 20px auto 0; max-width: 450px; }
#main-content .entry-box .navi a{ display: block; padding: 20px 0; font-size: 20px; line-height: 1.5; color: #8b733d; background-color: #d5c485; text-decoration: none; border-radius: 38px; }





/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .page-ttl-body{ padding: 5% 0; }
	#main-content .page-ttl-body .ja{ font-size: 14px; }
	#main-content .page-ttl-body .ttl{ font-size: 28px; padding: 0 0 10px 0.1em; letter-spacing: 0.1em; }
	#main-content .page-ttl-body .ttl::before{ width: 60px; }
	#main-content .login-form{ padding: 0 5%; margin-top: 5%; }
	#main-content .entry-box{ max-width: none; padding: 7% 5%; margin: 10% 5% 0; }
	#main-content .entry-box .copy{ font-size: 20px; }
	#main-content .entry-box .copy .marker{ font-size: 120%; }
	#main-content .entry-box .navi{ margin: 3% auto 0; }
	#main-content .entry-box .navi a{ padding: 15px 0; font-size: 20px; border-radius: 27px; }
	#main-content .flow{ padding: 15% 5%; text-align: center; }
	#main-content .flow .head{ font-size: 16px; border-radius: 16px; padding: 5px 50px; }
	#main-content .flow .copy{ font-size: 20px; margin-top: 5%; }
	#main-content .flow .flow-list{ display: block; margin-top: 10%; }
	#main-content .flow .flow-list .item:nth-child(n+2){ margin: 80px 0 0; }
	#main-content .flow .flow-list .item:nth-child(n+2)::before,
	#main-content .flow .flow-list .item:nth-child(n+2)::after{ top: 0; left: 50%; margin: -20px 0 0; width: 80px; height: 1px; transform-origin: 0 100%; }
	#main-content .flow .flow-list .item:nth-child(n+2)::before{ transform: rotate(205deg); }
	#main-content .flow .flow-list .item:nth-child(n+2)::after{ transform: rotate(335deg); }
	#main-content .flow .flow-list .item .ttl{ font-size: 18px; }
	#main-content .flow .flow-list .item .txt{ font-size: 14px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .login-form{ padding: 80px 5%; }
	#main-content .login-form .ttl-body .en{ letter-spacing: 0.5em; padding-left: 0.5em; }
	#main-content .login-form .ttl-body .ja{ font-size: 24px; letter-spacing: 0.1em; padding-left: 0.1em; }
	#main-content .login-form .copy{ font-size: 16px; }
	#main-content .login-form .login-list{ margin-top: 50px; }
	#main-content .login-form .login-list .item .head{ font-size: 14px; width: 30%; }
	#main-content .login-form .login-list .item .txt{ width: 70%; }
	#main-content .login-form .submit-btn{ font-size: 14px; }
	#main-content .entry-box .copy{ font-size: 16px; }
	#main-content .entry-box .navi a{ font-size: 16px; }
}