/* CSS Document */

@charset "utf-8";

#logo{
	width:18%;
	margin:0 auto;
}
#logo img{width:100%;}

#sns-follow{
	width:1000px;
	margin:6rem auto 4rem;
}
#sns-follow #link{
	display:flex;
	justify-content: center;
}
#sns-follow #link a{
	width:40%;
}

#manabi{
	width:1000px;
	margin:0 auto;
}

#manabi a{
	width:60%;
	line-height:1.8;
}
#manabi a span{
	line-height:1.8;
    transform: translateY(-3%);
	-webkit transform: translateY(-3%);
}

#pre-form{
	min-height:76.5vh;
	text-align:center;
	padding:0 5%;
}

#pre-form .title{
	font-size:2rem;
	color:#504132;
}

#pre-form .txt{
	font-size:1.8rem;
	color:#504132;
	line-height:1.5;
}


#pre-form .txt_error{
	font-size:2rem;
	color:#ff1700;
	line-height:1.7;
}

#pre-form .thanks-txt{
	margin:3rem 0 0 0;
	font-size:1.8rem;
	color:#504132;
	line-height:1.5;
}

#pre-form .attention{
	color:#504132;
}

form{
	margin:5rem 0;
}

input[type="password"]{
	margin:0.5rem 0 0 0;
	padding:2rem;
	border-radius:5px;
	border:2px solid #402f20;
	background:#ffffb6;
	transition:all 0.3s;
}

input[type="text"]{
	margin:0.5rem 0 0 0;
	padding:2rem;
	border-radius:5px;
	border:2px solid #402f20;
	background:#ffffb6;
	transition:all 0.3s;
}

input[type="tel"]{
	margin:0.5rem 0 0 0;
	padding:2rem;
	border-radius:5px;
	border:2px solid #402f20;
	background:#ffffb6;
	transition:all 0.3s;
}


input[type="password"]:focus{
	border: 2px solid #0d56c9;
	outline: none;
}

input[type="text"]:focus{
	border: 2px solid #0d56c9;
	outline: none;
}

input[type="submit"]{
	position:relative;
	width:100%;
	padding:1rem;
	font-size:2rem;
	color:#fff;
	font-family:kan415typos-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	background:transparent;
	border:none;
	cursor:pointer;
    transform: translateY(-8%);
	-webkit transform: translateY(-8%);
	outline: none;
}
.form-btn{
	/*width:30%;*/
	    width: 100%;
    max-width: 300px;}

.tyui_log{margin-top: 0.8rem;line-height: 2.2rem;}

.log_news {
    list-style: none;
    margin: 0.5rem 0;
}

.news_title{ background-color: #46260a; font-size: 2rem; padding: 1% 0; color: #ffffff; max-width:1200px; margin: 3% auto 0 auto; }
.news_txt{ background-color: #ffffff; padding: 30px; text-align: left; color: #ffffff; max-width:1140px; margin: 0 auto; }

#pre-form {
    margin-top: -10px;
}

.link-left{ margin: 0 0 2% 0; line-height: 240%; }

.btn-dkred03{
	position:relative;
	margin:3rem auto;
	background:#9f291e;
	background-position:bottom -10px left -20px;
	background-repeat:no-repeat;
	background-size:100px;
	border:4px solid #b45f56;
	border-radius:10px;
	color: #ffffff;
	padding: 0.6% 0 1.2% 0;
  font-size: 1.8rem;
}

.btn-dkred03::before{
	content:"";
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:1.5rem;
	width: 2rem;
	height: 2rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}
.btn-dkred03::after{
	content: "";
    position: absolute;
    box-sizing: border-box;
    width: 0.5rem;
    height: 0.5rem;
    border: 5px solid transparent;
    border-left: 9px solid #9f291e;
    top: 50%;
    transform: translateY(-50%);
    right: 1.4rem;
}

@media screen and (max-width:1400px){
/*.form-btn{
	width:50%;
}	*/
}

@media screen and (max-width:1200px){
#logo{
	width:20%;
	margin:0 auto;
}
/*.form-btn{
	width:80%;
}*/

input[type="password"] {
    width: 85%;
}

input[type="text"]{
	width:85%;
}
/*.form-btn{
	width:80%;
}*/


}

@media screen and (max-width:1000px){
#sns-follow,
#manabi{
	width:98%;
}

#sns-follow #link a{width:44%;}
#manabi a{width:80%;}
}

@media screen and (max-width:560px){
	.form-btn{
		left: 0px;}}

@media screen and (max-width:560px){
#logo{
	width:50%;
	margin:0 auto;
}

#sns-follow #link{
	display:block;
}
#sns-follow #link a{
	width:auto;
	margin:2rem 0 0 0;
}

#manabi a{
	width:auto;
	padding-right:4rem;
}

input[type="password"]{
	width:86%;
}

input[type="text"]{
	width:86%;
}

input[type="submit"]{
	width:100%;
}

/*.form-btn{width:90%;}*/

#pre-form .attention{
	text-align:left;
}

#pre-form {
    margin-top: 20px;
}

.btn-dkred03 {
    padding: 2% 0 4% 0;
}

.sub-title01{ font-size: 2.2rem; }

}