@charset "utf-8";
/* CSS Document */
#main-visual{
width:100%;
overflow:hidden;
background:url(../img/n1.jpg);
background-size:cover;
background-position:center 70%;
width:100%;
height:600px;
position:relative;
}
#main-visual.mainv{
width:100%;
overflow:hidden;
background:url(../img/n2.jpg);
background-size:cover;
background-position:center 70%;
width:100%;
height:600px;
position:relative;
}
#career #main-visual{
width:100%;
overflow:hidden;
background:url(../img/n2.jpg);
background-size:cover;
background-position:center;
width:100%;
height:600px;
position:relative;
}
#main-visual img{
position:absolute;
bottom:0;
width:1700px;
display:inline-block;
height:auto;
left: 50%;
margin-left: -850px; 
z-index:50;
}
#main-visual span{margin-top:96px;}
#main-visual span img:nth-of-type(1){
margin:0.5em auto 0;
display:block;
}
#main-visual span+img{margin-top:10px;}
#global-nav{position:relative;margin-top:0px;}
@media screen and (max-width: 640px) {
#global-nav{;margin-top:-50px;}
#main-visual,
#career #main-visual{
background-size:cover;
background-position:center;
position:relative;
height:450px;
}
#main-visual img{
width:1200px;
left: 50%;
margin-left: -600px; 
z-index:50;
}
#main-visual span+img{
width:1500px;
display:inline-block;
height:auto;
position: relative;
left: 50%;
margin-top:0px;
margin-left: -750px; 
}
#main-visual span{
position:relative;
z-index:10;
display:block;
text-align:center;
font-size:100%;
margin-top:60px;
}
#main-visual span img:nth-of-type(1){display:none;}
#sp_logo2{
position:relative;
display:block;
z-index:10;
margin:0.5em auto 0;
width:150px;
height:auto;
}
}
h2#message{
position:absolute;
top:90px;
left:50%;
margin-left:-140px;
text-align:center;
}
h2#message img{
width:280px;
height:auto;
}
#recruit_info{
font-family: Rounded Mplus\ 1c,Mplus\ 1p,sans-serif;
font-weight:500;
position:absolute;
right:5%;
top:640px;
color:#ff6c83;
background:#fff;
padding:35px 30px 200px;
border-radius:15px;
text-align:center;
}
#recruit_info dt{font-size:150%;}
#recruit_info dd{font-size:100%;}
#recruit_info dd span{font-size:190%;}
#recruit_info dd:nth-of-type(2) a{
display:block;
background:#00c457;
color:#fff;
padding:0.8em;
margin:0.5em 0 0;
border-radius:8px;
font-size:110%;
border:none;
font-weight:bold;
}
#recruit_info dd:nth-of-type(2) a:hover{background-color:#ff278b;}
#recruit_info dd:nth-of-type(3){
position:absolute;
font-weight:bold;
font-size:120%;
bottom:-150px;
left:0%;
padding:0;
margin:0 0 0 -60%;
width:150%;
color:#fff;
}
#recruit_info2 dd{line-height:2;}
#recruit_info3{
position:absolute;
right:8%;
top:540px;
}
#recruit_info3 img{
width:170px;
height:auto;
}
#recruit_info4{
position:absolute;
font-family: Rounded Mplus\ 1c,Mplus\ 1p,sans-serif;
font-weight:bold;
letter-spacing:0.1em;
font-size:160%;
top:400px;
right:8%;
color:#fff;
}
@media screen and (max-width: 640px) {
#recruit_info{
position:relative;
right:0;
top:0;
padding:25px 30px;
border-radius:0;
}
#recruit_info dd:nth-of-type(2) a{
display:block;
position:relative;
z-index:999;
}
h2#message{display:none;}
#recruit_info3{
right:5%;
top:460px;
z-index:99;
}
#recruit_info3 img{
width:110px;
height:auto;
}
#recruit_info4{
font-size:100%;
top:340px;
right:0%;
left:0%;
color:#fff;
text-align:center;
}
}
#top_message{
width:100%;
max-width:590px;
display:block;
position:relative;
left: 50%;
margin:100px 0 70px -295px; 
padding:0;
}
#ukiha{
display:inline-block;
vertical-align:middle;
padding-top:3em;
}
#top_copy{
position:relative;
font-size:260%;
display:inline-block;
vertical-align:middle;
font-weight:500;
line-height:1.2;
padding-left:1em;
padding-bottom:0.5em;
padding-top:0.5em;
z-index:10;
}
#top_copy span{color: #ff2e80;}
#top_copy span:nth-of-type(2){
width: 4em;
height: 4em;
display: block;
border-radius: 50%;
position: absolute;
bottom: -1em;
left: -0.5em;
border: 1px solid #ff2e80;
}
@media screen and (max-width: 900px) {
#top_message{
width:100%;
max-width:500px;
display:block;
margin:100px 0 50px -250px;
 }
#top_copy{font-size:200%;}
#ukiha{padding-top:2em;font-size:85%;}
}
@media screen and (max-width: 640px) {
#top_message{
text-align:center;
width:100%;
left:0;
right:0;
margin:0; 
}
#ukiha{
display:block;
padding:0 0 1em;
font-size:70%;
}
#top_copy{
font-size:160%;
display:inline-block;
vertical-align:middle;
line-height:1.2;
padding-left:0;
margin-left:30px;
}
#top_copy span:nth-of-type(2){
width:3.5em;
height:3.5em;
display:block;
border-radius:50%;
position:absolute;
bottom:-0.6em;
left:-1.2em;
}
}
#contents{
padding-top:3em;
font-size:90%;
}
#recruit_info2{
text-align:center;
margin-bottom:4em;
}
#recruit_info2 dt{
font-size:200%;
line-height:1;
margin-bottom:1em;
font-weight:500;
}
#recruit_info2 dt img{
display:inline-block;
margin-bottom:0.5em;
width:45px;
height:auto;
}
#recruit_info2 dt span{
color:#bbb;
font-size:50%;
}
#recruit_info2 dd span a{
display:inline-block;
color:#fff;
background-color:#00c757;
padding:1em 1.3em;
border-radius:10px;
margin-top:0.5em;
border:none;
}
#recruit_info2 dd span a:hover{background-color:#ff278b;}
table{
line-height:2;
text-align:left;
border-collapse: collapse;
border-top:3px solid #555;
border-bottom:3px solid #555;
border-left:3px solid #555;
border-right:3px solid #555;
font-size:90%;
margin:0 auto 2em;
width:90%;
}
form table{
border-bottom:1px solid #555;
border-left:none;
border-right:none;
}
tr{border-bottom:1px solid #555;}
tr:nth-of-type(1){border-bottom:3px solid #555;}
th{
width:18em;
padding:1.5em 1em 1.5em 8em;
}
td{padding:1.5em 0em 1.5em 2em;}
@media screen and (max-width: 768px) {
th{width:6em;}
th,td{padding:1.5em 1em;}
}
@media screen and (max-width: 640px) {
#contents{
padding-top:1em;
}
#recruit_info2 dd:nth-of-type(1){
text-align:justify;
text-justify: inter-ideograph;
}
#recruit_info2 dd:nth-of-type(1) br{display:none;}
table{width:100%;}
th{width:6em;}
th,td{
padding:1.5em 0.5em;
text-align:justify;
text-justify: inter-ideograph;
}
}
#rec{
position:relative;
z-index:9;
margin-top:4em;
}
#rec h3{
z-index:999;
text-align:center;
font-size:200%;
letter-spacing:0.1em;
line-height:1.2;
color:#fff;
position:absolute;
top:-300px;
left:0;
right:0;
font-weight:500;
}
#rec h3 span{
display:block;
font-size:40%;
letter-spacing:0;
}
#intro p{
text-align:center;
font-weight:500;
line-height:2.5;
}
@media screen and (max-width: 640px) {
#rec{
margin-top:0;
}
#rec h3{
font-size:150%;
top:-170px;
}
#rec h3 span{
display:block;
font-size:40%;
letter-spacing:0;
}
#intro p{
margin-top:2em;
text-align:center;
font-weight:500;
line-height:2.5;
font-size:90%;
padding:0 5%;
text-align:justify;
line-height:2;
}
#intro p br{
display:none;
}
}
.message div{
height:800px;
position:relative;
}
.message:nth-of-type(1)  div{background:url(../img/top40.jpg) top right;background-size:cover;}
.message:nth-of-type(2)  div{background:url(../img/policy1.jpg)  center center;background-size:cover;}
.message:nth-of-type(1) div dl{left:15%;}
.message:nth-of-type(2) div dl{right:15%;}

@media screen and (max-width: 1240px){
.message:nth-of-type(1) div dl{left:8%;}
.message:nth-of-type(2) div dl{right:8%;}
}
@media screen and (max-width: 1000px){
.message:nth-of-type(1)  div{background:url(../img/top40.jpg) top center;background-size:cover;}
}
@media screen and (max-width: 900px){
.message:nth-of-type(1) div dl{left:5%;}
.message:nth-of-type(2) div dl{right:5%;}
}
h3{
text-align:center;
font-size:130%;
margin-bottom:2em;
}
.message h3{font-size:130%;}
.message h3{
background:#b86ad7;
color:#fff;
height:4em;
line-height:4;
margin:0;
font-weight:500;
}
.message dd img{
display:block;
text-align:center;
margin:1em auto;
}
.message:nth-of-type(2) h3{background:#ff6f00;}
.message dl{
position:absolute;
background:#fff;
width:310px;
text-align:center;
padding:1.5em;
top:150px;
}
.message dt{font-size:130%;}
.message dt span{color:#b86ad7;}
.message dt img{
width:30px;
height:auto;
display:block;
margin:1em auto 0;
}
.message dd{
text-align:justify;
text-justify: inter-ideograph;
line-height:2;
font-size:80%;
}
.message dd span{
display:block;
text-align:center;
font-size:140%;
line-height:1.5;
padding:0.8em 0 0.5em;
}
.message dd span span{
display:inline;
text-align:justify;
text-justify: inter-ideograph;
font-size:100%;
padding:0;
}
#message_box p{display:none;}
.message dd span:nth-of-type(2){
padding:0 0 0.5em;
}
.message dd span span:nth-of-type(2){
font-size:100%;
padding:0;
}
.message dd span:nth-of-type(2) span{
color:#555;
}
.slider3{margin:20px 0 70px;}
.slider3 img{
width:300px;
height:auto;
margin-right:20px;
border-radius:8px;
}
.slider3 div{
background:none;
height:auto;
}
#info dt span{color:#b86ad7;}
#policy dt span{color:#ff6f00;}
@media screen and (max-width: 640px){
.message h3{font-size:100%;}
.message div{
height:auto;
background:none;
}
.message div dl{
position:relative;
width:100%;
margin:0;
}
.message dd{
line-height:2;
font-size:80%;
}
.message div:nth-of-type(1) dl{
top:0;
left:0;
}
#message_box p{display:block;}
#message_box p img{
width:100%;
height:auto;
}
.slider3{margin:20px 0 30px;}
.slider3 img{width:150px;margin-right:10px;}
}
#aboutkourin{
margin-top:3em;
font-size:200%;
font-weight:500;
}
#aboutkourin span{
display:block;
font-size:13px;
font-family: 'Open Sans';
}
section h4{
font-weight:500;
font-size:140%;
}
section h4 span{
display:block;
font-size:70%;
}
section h4+p{
font-size:13px;
font-family: 'Open Sans';
font-weight:500;
color:#bbb;
text-align:center;
display:inline;
}
#about{
display: flex;
align-items: center;
max-width:900px;
margin:0 auto 4em;
background:#fff;
text-align:center;
}
#about div{width:50%;}
#about h5 a{
text-align:center;
background:#00c757;
display:inline-block;
color:#fff;
padding:1em 0;
margin-top:1em;
width:250px;
font-size:90%;
}
#about h5 a:hover{background:#6C6;}
#about p:nth-of-type(1){width:50%;}
#about p:nth-of-type(1) img{
width:100%;
height:auto;
}
#data,#data2{
display: flex;
align-items: center;
max-width:900px;
margin:0 auto 4em;
background:#fff;
text-align:center;
}
#data2{display:none;}
#data div{width:50%;}
#data h5 a,#data2 h5 a{
text-align:center;
background:#66C;
display:inline-block;
color:#fff;
padding:1em 0;
margin-top:1em;
width:250px;
font-size:90%;
}
#data h5 a:hover{background:#8d8dd9;}
#data p:nth-of-type(1){width:50%;}
#data p:nth-of-type(1) img{
width:100%;
height:auto;
}
#message2{
display: flex;
align-items: center;
max-width:900px;
margin:0 auto 4em;
background:#fff;
text-align:center;
}
#message2 div{width:50%;}
#message2 h5 a{
text-align:center;
background:#F6C;
display:inline-block;
color:#fff;
padding:1em 0;
margin-top:1em;
width:250px;
font-size:90%;
}
#message2 h5 a:hover{background:#ff9cde;}
#message2 p:nth-of-type(1){width:50%;}
#message2 p:nth-of-type(1) img{
width:100%;
height:auto;
}
@media screen and (max-width:900px){
#about{margin:0 5% 2em;}
#about h5 a{
padding:1em 0;
width:230px;
}
#data2,#data{margin:0 5% 2em;}
#data h5 a{
padding:1em 0;
width:230px;
}
#message2{margin:0 5% 2em;}
#message2 h5 a{
padding:1em 0;
width:230px;
}
}
@media screen and (max-width:800px){section h4{font-size:120%;}}
@media screen and (max-width:640px){
#recruit_info2 dd:nth-of-type(1) br:nth-last-of-type(1){display:inline;}
#aboutkourin{
margin-top:2em;
font-size:130%;
}
#aboutkourin span{font-size:10px;}
#about{
display:block;
text-align:center;
}
#about p:nth-of-type(1){
width:100%;
margin-right:0;
}
#about p:nth-of-type(1) img{
width:100%;
height:auto;
}
#about div{
padding:2em 0;
width:100%;
}
#data{display:none;}
#data2{
display:block;
text-align:center;
}
#data2 p:nth-of-type(1){
width:100%;
margin-right:0;
}
#data2 p:nth-of-type(1) img{
width:100%;
height:auto;
}
#data2 div{
padding:2em 0;
width:100%;
}
#message2{
display:block;
text-align:center;
}
#message2 p:nth-of-type(1){
width:100%;
margin-right:0;
}
#message2 p:nth-of-type(1) img{
width:100%;
height:auto;
}
#message2 div{
padding:2em 0;
width:100%;
}
section h4+p{font-size:10px;}
}
#recruit{margin-top:2em;}
#entry_form{
text-align:center;
margin-bottom:4em;
}
#entry_form dt{
font-size:120%;
line-height:1;
margin-bottom:1em;
}
#entry_form dd{line-height:2;}
#entry_form dt img{
display:inline-block;
margin-bottom:0.5em;
width:45px;
height:auto;
}
#entry_form dt span{
color:#00c757;
font-size:70%;
}
#entry_form table{
line-height:2;
text-align:left;
border-collapse: collapse;
border-top:1px solid #555;
margin:2em auto;
width:90%;
}
#entry_form tr{border-bottom:1px solid #555;}
#entry_form th{
width:18em;
padding:1.5em 1em 1.5em 5em;
vertical-align:top;
}
#entry_form th span{
color:#C00;
font-size:130%;
}
#entry_form td{padding:1.5em 0em 1.5em 2em;}
#entry_form dd span{
display:inline-block;
padding-top:0.5em;
font-size:80%;
line-height:1.7;
}
#entry_form dd th span{
padding-top:0;
font-size:150%;
line-height:1;
}
label, input[type='checkbox'] {
cursor: pointer;
padding-right:2em;
}
select,input[type='submit'] ,input[type='reset'] ,input[type='button'] {cursor: pointer;}
textarea{width:20em;}
input[type='text']{width:24em;}
#era,#gra{width:4em;}
#entry_form td input,#entry_form td option{padding:0.5em;}
input[type='submit'] {
margin-right:1em;
padding:0.5em 1em;
}
input[type='text'].form_text{width:13em;}
.check th,.check td,#pinkback{background:rgba(255,108,130,0.15);}
.kengaku th,.kengaku td{background:rgba(255,255,171,1);}
#entry_form td span{font-size:100%;}
@media screen and (max-width: 640px) {
#recruit{margin-top:1em;}
#entry_form dd {text-align:left;}
#entry_form dd br{display:none;}
#entry_form table{width:100%;}
#entry_form th,#entry_form td{
display:block;
width:100%;
margin:0 auto;
line-height:2;
}
#entry_form td input,
#entry_form textarea{
width:100%;
margin:0 auto;
padding:0.5em 0;
}
#entry_form th{
text-align:center;
padding:1em 0 0.5em;
line-height:1.7;
font-size:115%;
}
#entry_form td{
padding:0 0 2em;
margin-bottom:1em;
text-align:center;
margin:0 auto;
}
#entry_form td input{width:90%;}
#entry_form .text_left{text-align:left;}
#entry_form td .displayblock{
display:block;
line-height:0;
}
.w90{width:90%;}
#entry_form td label input{
width:1em;
text-align:left;
}
#entry_form td label{text-align:left;}
#entry_form td.left{
text-align:left;
padding-left:1em;
}
label, input[type='checkbox'] {padding-right:1em;}
#entry_form td input.minwidth{width:4em;}
#entry_form td input.minwidth2{width:8em;}
#entry_form td input.button{
margin:0 auto;
text-align:center;
padding-bottom:1em;
}
#entry_form td input.submit_button{
width:9em;
margin:1em auto 0;
}
#entry_form td input.submit_button:nth-of-type(1){margin-right:1em;}
input[type="submit"],input[type="reset"]{font-size:90%;}
}
select{
padding:5px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
background-size: 20px, 100%;
}
input[type=checkbox] {display: none;}
label {
display: block;	
float: left;
margin: 5px;
width: 150px;
height: 45px;
text-align: center;	
line-height: 45px;
padding-left: 5px;	
padding-right: 5px;	
cursor: pointer;	
border: 1px solid #ccc;
border-radius: 5px;	
background-color:#fff;
color: #555; 	
}
label:hover {background-color:#bfedbf;}
input[type="checkbox"]:checked + label{
background-color:#090;
color:#fff;
border:none;
}
@media screen and (max-width:480px) {
select{
display:block;
text-align: center !important;	
margin:0 auto;
}
label {
float:none;
margin:10px auto;
width:80%;
text-align: center !important;	
padding-left: 0;	
padding-right: 0;	
}
.tab-content label {
display:block;	
float:left;
margin:5px;
width:150px;
height:45px;
text-align:center;	
line-height:45px;
padding-left:5px;	
padding-right 5px;	
cursor:pointer;	
border:1px solid #ccc;
border-radius 5px;	
background-color:#fff;
color:#555; 	
}
}
.tab-content input + label{
background:#ccc;
color:#fff;
border-radius:0;	
}
.tab-content{margin-top:2em;}
input[type="radio"]{display:none;}
.tab-content > .tab-box > table{display:none;}
#tab1:checked ~ .tab-box > #tabView1{display:table;}
#tab2:checked ~ .tab-box > #tabView2{display:table;}
#tab3:checked ~ .tab-box > #tabView3{display:table;}
input:hover + label{background:#999;}
input:checked + label{
background:#090;
color:#fff;
}
input#tab1:checked + label,
input#tab2:checked + label,
input#tab3:checked + label{
background:#090;
color:#fff;
border-right:3px solid #555;
border-left:3px solid #555;
border-top:3px solid #555;
border-bottom:3px solid #090;
}
.tab-content{text-align:center;}
.tab-content label{
margin:20px 20px 0 50px;
position:relative;
z-index:99;
}
.tab-content label:nth-of-type(2),
.tab-content label:nth-of-type(3){margin:20px 20px 0 0;}
@media screen and (max-width:1000px) {.tab-content label{margin:20px 20px 0 5%;}}
@media screen and (max-width:640px) {
.tab-content label{
margin:20px 10px 0 0;
width:100px;
}
.tab-content label:nth-of-type(2),
.tab-content label:nth-of-type(3){
margin:20px 10px 0 0;
}
}
#privacy #contents,
#thanks #contents{
padding-bottom:3em;
margin-bottom:5em;
border-bottom:1px solid #555;
}
#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%;
}
#thanks #contents p{text-align:center;}
@media screen and (max-width: 640px){
#privacy #contents,
#thanks #contents{
margin-bottom:3em;
border-bottom:1px solid #555;
}
#thanks #contents h3,#thanks section#contents p{text-align:left;}
#thanks section#contents p br{display:none;}
#thanks section#contents p br:nth-last-of-type(1) {display:inline;}
#privacy #contents_box,#thanks section#contents{
margin-top:2em;
padding-top:0;
}
#thanks div#contents_box{
margin:0;
padding-top:0;
}
#privacy div#contents_box{
margin:0;
padding-top:0;
}
#privacy section#contents{
margin-top:0;
padding-top:0;
}
#privacy #contents h3{
margin-top:2em;
}
}
#note{
color:#f00;
font-weight:500;
font-size:140%;
margin-bottom:1rem;
}
#note span{
display:inline-block;
font-size:90%;
}
#recruit_info2 dd#note{
    line-height: 1.5;
}
.red{
    color:#C00;
    }