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

.container{ width: 100%; height: 100%; margin-top: 0; text-align: left; background: url(/images/2nd_bg.png) repeat-y 50% 0%;}
.notshow{display: none;}

.errbox{color: #ff0000;}
#otws h2{padding: .5em .8em;}
#otws .otwsbox{
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
}
#otws .otwsbox h3{ width: 30%; margin: 0; font-size: 1.8rem; border: 0;}
#otws .otwsbox h3 span{ margin-left: .3em; font-size: 1.2rem; color: #e70012;}
#otws .otwsbox > div{ width: 70%;}
#otws .otwsbox li{ margin: 0 15px 15px 0;}
#otws .otwsbox li a{ display: block; padding: 1em; font-size: 1.6rem; line-height: 1.2em; font-weight: bold; text-align: center; color: #000000; border: 1px solid #d8d8d8; background: #ffffff; cursor: pointer;}
#otws .otwsbox li a:hover{ color: #ffffff; background: #000000; text-decoration:none;}
#otws .otwsbox li .slct{ color: #ffffff; background: #f49e00;}
#otws .otwsbox li .slct:hover{ color: #ffffff; background: #f49e00;}
#otws .otwsbox textarea{ width: 90%; height: 100px; padding: .5em 1em; font-size: 1.8rem;}
#otws .otwsbox input{ width: 90%; padding: .5em 1em; font-size: 1.8rem;}
#otws .agrbox{ font-size: 1.8rem; text-align: center;} 
#otws .agrbox input{ margin-right: 10px; font-size: 3rem; transform: scale(1.5);} 

.btnbox{margin: 50px auto 70px; text-align: center;}
.btnbox .sndbtn{display: inline-block; padding: 1.1em 5em 2em; font-size: 2.4rem !important; line-height: 1em; text-align: center; color: #ffffff; border-radius: 10px; background: #000000 url(/images/btn_arw.png) 90% 50% no-repeat; cursor: pointer;}
.btnbox .sndbtn:hover{background: #e70012 url(/images/btn_arw.png) 91% 50% no-repeat;}
.btnbox .sndbtn2{display: inline-block; padding: 1.1em 4em 2em; font-size: 2.4rem !important; line-height: 1em; text-align: center; color: #ffffff; border-radius: 10px;  background: #000000 url(/images/btn_arw.png) 90% 50% no-repeat; cursor: pointer;}
.btnbox .sndbtn2:hover{background: #e70012 url(/images/btn_arw.png) 91% 50% no-repeat;}
.btnbox .offbtn, .btnbox .offbtn:hover{display: inline-block; padding: 1.1em 4em 2em; font-size: 2.4rem !important; line-height: 1em; text-align: center; color: #ffffff; border-radius: 10px;  background: #cccccc url(/images/btn_arw.png) 90% 50% no-repeat; cursor: default;}
.btnbox .backbtn{display: inline-block; padding: 1.1em 5em 2em; font-size: 2.4rem !important; line-height: 1em; text-align: center; color: #ffffff; border-radius: 10px; background: #666666 url(/images/back_arw.png) 11% 50% no-repeat; cursor: pointer;}
.btnbox .backbtn:hover{background: #e70012 url(/images/back_arw.png) 10% 50% no-repeat;}

#otws .atbox{ padding: 2em; border: 1px solid #cccccc; background: #e3e3e3;}
#otws .atbox p{ margin-bottom: 2rem; font-size: 1.4rem;}
#otws .atbox p:nth-of-type(1){ padding: .8em 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#otws .atbox p span{ display: block;}
.thnks h1{margin-bottom: -20px; text-align: center;}
.thnks .box{max-width: 900px; margin: 0 auto; padding: 2em 1em; font-size: 1.6rem; line-height: 1.4em; font-weight: bold; text-align: center; background: #e4e4e4;}
.thnks .box h2{margin: 0 auto 1em; font-size: 2.4rem; font-weight: bold; letter-spacing: .15em; text-align: center; color: #000000; background: 0;}
.thnks .box h2 + p{line-height: 2em;}


@media screen and (max-width: 767px) {
	#otws .otwsbox h3{ width: 100%; margin: 0 auto 15px; font-size: 1.6rem; border-bottom: 1px dotted #cccccc;}
	#otws .otwsbox > div{ width: 100%; padding: 0 .5em;}
	#otws .otwsbox li{ margin: 0 10px 10px 0;}
	#otws .otwsbox li a{ padding: .8em .5em; font-size: 1.4rem;}
	#otws .otwsbox textarea{ width: 100%; height: 100px; padding: .5em; font-size: 1.6rem;}
	#otws .otwsbox input{ width: 100%; padding: .5em; font-size: 1.6rem;}
	.btnbox .sndbtn{padding: .7em 2em .8em;}
	.btnbox .sndbtn2{padding: .7em 2em .8em;}
	.btnbox .backbtn{padding: .7em 2em .8em;}
	.thnks h1{width: 60%; margin: 0 auto -20px; text-align: center;}
	.thnks .box h2{margin: 0 auto 1em; font-size: 2rem; font-weight: bold; letter-spacing: .15em; text-align: center; color: #000000; background: 0;}
	.thnks .box h2 + p{line-height: 2em;}
}