@charset "UTF-8";
/* CSS Document */

section.second_page_title{background: url('./img/title_bg.jpg') no-repeat center #000;}

section#regist{position: relative; padding-bottom: 100px;}

p#before{text-align: center; margin: 0;}
ul.link_btn{width: 100%; justify-content: center; margin: 5px 0 100px;}

.en{font-size: 80%;}
.red{color: #ff0000;}
.text_small{font-size: 12px;}

p#read{font-size: 18px; font-weight: bold; text-align: center; line-height: 1.2;}
p#kiyaku{font-size: 24px; font-weight: bold; text-align: center; line-height: 1.2;}


#kiyaku_jp_btn,#kiyaku_en_btn{cursor: pointer; width: 100px; line-height: 2.0; background: #000; color: #fff; margin: 10px 0; font-size: 14px; text-align: center;}
#kiyaku_jp_btn{display: none;}

#kiyaku_jp,#kiyaku_en{width: 100%; height: 250px; overflow-y: scroll; border: 2px solid #eaeaea; font-size: 12px; padding: 20px;}
#kiyaku_en{display: none;}

p#kiyaku_check{font-size: 24px; font-weight: bold; text-align: center; line-height: 1.2;}

p#required{text-align: right; width: 600px; margin: auto; display: block;}

dl{width: 550px; position: relative; left: 50%; margin-left: -170px;}
dl dt{padding: 0 0 5px; line-height: 1.0;}
dl dd{padding: 0 0 30px;}



section#regist input[type="text"]{border-left:1px solid #000; border-bottom:1px solid #000; border-top:none; border-right:none; font-size:14px; padding:5px; width:350px;}

section#regist p#submit{text-align: center;}
section#regist p#submit input{width:250px; color:#fff; padding:10px 20px; background: #000; font-size:16px; border: none;}

.err_bg{background:pink;}

#finish{text-align: center; font-size: 24px;}



@media screen and (max-width: 640px) {
	#kiyaku_jp,#kiyaku_en{width: 90%; margin: auto; padding: 5px;}
	p#required{width: auto;}
	dl{width: auto; position: relative; left: auto; margin-left: auto;}
	section#regist input[type="text"]{width:95%;}
	#finish{text-align: center; font-size: 18px; padding-bottom: 100px;}
}