@charset "utf-8";
/* CSS Document */
#main{
position:relative;
width:100%;
overflow:hidden;
}
#main img{
width:100%;
height:auto;
padding-top:30px;
}
#main img:nth-of-type(2){display:none;}
#contents{
max-width:100%;
margin:0 auto;
padding:0;
padding-top:5em;
}
#privacy #contents{
width:90%;
max-width:960px;
margin:0 auto;
}
@media screen and (max-width: 768px) {
#main-visual span img{
width:1500px;
margin-top:10px;
margin-left: -750px; 
}
}
@media screen and (max-width: 640px) {
#main img:nth-of-type(1){display:none;}
#main img:nth-of-type(2){display:inline;}
#main-visual span img{
width:1000px;
margin-top:10px;
margin-left: -480px; 
}
}
#top_message{
position:absolute;
width:100%;
display:block;
top:100px;
left:8%;
margin:0; 
padding:0;
}
#top_copy{
color:#fff;
font-size:200%;
display:inline-block;
vertical-align:middle;
font-weight:500;
line-height:1.2;
padding-left:2em;
padding-bottom:0.5em;
}
#top_copy span{color:#f44779;}
#top_copy span:nth-of-type(2){
border:1px solid #f44779;
width:5em;
height:5em;
display:block;
border-radius:50%;
position:absolute;
bottom:-1em;
left:0;
}
#main p{
position:relative;
margin:0;
padding:0;
top:0;
left:0;
}
#top_message p{
color:#fff;
padding:0 0 0 4.7em;
font-size:90%;
font-family: 'Open Sans';
font-weight:600;
}
@media screen and (min-width:1200px) {
#top_message{
top:180px;
left:12%;
}
#top_copy{
font-size:250%;
padding-left:2em;
padding-bottom:0.5em;
}
#top_message p{padding:0 0 0 6em;}
}
@media screen and (max-width:768px) {
#top_message{
top:80px;
left:8%;
}
#top_copy{
font-size:150%;
padding-left:2em;
padding-bottom:0.2em;
}
#top_message p{
padding:0 0 0 4.5em;
font-size:70%;
}
}
#about1{
text-align:center;
margin-bottom:3em;
}
#about1 dl{margin-top:3em;}
#about1 dt{
font-size:170%;
padding-bottom:0.8em;
line-height:1.3;
font-weight:500;
}
#about1 dt span{
font-size:45%;
letter-spacing:0.2em;
}
#about1 dd{
font-size:90%;
line-height:2;
}
@media screen and (max-width:768px) {
#contents{
padding-top:1em;
width:100%;
}
#about1 dl{
width:90%;
margin:1em auto 0;
}
#about1 dd{
text-align:justify;
font-size:80%;
width:90%;
margin:0 auto;
}
#about1 dd br{
display:none;
}
}
h3{
font-weight:normal;
text-align:center;
font-size:120%;
padding-bottom:2em;
}
#recruiteform a{
color:#fff;
font-weight:bold;
display:inline-block;
background:#f44779;
padding:0.3em 0.7em;
margin:0 0.5em;
border-radius:5px;
border:none;
}
#recruiteform a:hover{background:#00b457;}
form{
max-width:620px;
width:100%;
margin:3em auto 0;
text-align:center;
}
table{
width:100%;
border-collapse:collapse;
border-bottom:1px solid #5480ff;
}
tr{border-top:1px solid #5480ff;}
th{
padding:2em 2em 2em 0;
white-space: nowrap;
}
th{
vertical-align:middle;
white-space: nowrap;
}
th span{
font-size:120%;
color:#C00;
}
td{padding:2em 0;}
td span.cap{
font-size:80%;
line-height:1.5;
display:block;
padding-top:0.5em;
}
th,td{
text-align:left;
line-height:2.5;
}
td input,
textarea{
padding:0.8em;
width:30em;
}
textarea{width:100%;}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:nth-of-type(1){margin-right:1em;}
.submit_button2{
width:12em;
margin:0;
text-align:left;
display:block;
}
select{
font-size:90%;
height:30px;
}
option{height:30px;}
input.submit_button:hover,input.submit_button2:hover{cursor:pointer;}
@media screen and (max-width: 640px) {
table{
width:90%;
margin:0 auto;
}
th,td{
display:block;
width:100%;
margin:0 auto;
line-height:2;
}
td input,
textarea{
width:100%;
margin:0 auto;
padding:0.5em 0;
}
th{
text-align:center;
padding:1em 0 0.5em;
line-height:1.7;
}
td{
padding:0 0 0.5em;
margin-bottom:1em;
}
.button{
margin:0 auto;
text-align:center;
padding-bottom:1em;
}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:nth-of-type(1){margin-right:1em;}
.submit_button2{
width:12em;
margin:1em auto 0;
text-align:center;
display:block;
}
caption{padding:0.5em 0;}
input[type="submit"],
input[type="reset"]
{font-size:90%;}
}
@media screen and (max-width: 360px) {.submit_button:nth-of-type(1){margin-right:0;}
}
#privacy_list{font-size:90%;}
#privacy_list dt{
padding-top:2em;
text-align:left;
color:#555;
font-size:110%;
}
#privacy_list dd{
background:none;
border:none;
padding:0;
text-align:justify;
}
#privacy_list ul{
padding-top:1em;
font-size:95%;
}
#pr_link{padding-top:2em;font-size:90%;}
#privacy dl:nth-of-type(1) dt br:nth-of-type(2){display:none;}
@media screen and (max-width:768px) {
#about1 dl{
width:100%;
margin:1em auto 0;
}
#thanksbr br:nth-of-type(4){
display:inline;
}
}
@media screen and (max-width: 640px) {
#privacy dl:nth-of-type(1) dt br:nth-of-type(2){
display:inline;
}
}
@media screen and (max-width: 480px) {
#pr_link{font-size:70%;}
}
input[type="submit"],
input[type="button"] { 
border-radius: 0;  
}