@charset "UTF-8";
/* CSS Document */
main {
	min-width: 1280px;
	margin-top: 0px;
}

#practice {
display: block;
padding-top: 150px;
margin-top: -150px;
}

#staff {
display: block;
padding-top: 150px;
margin-top: -150px;
}

article {
width: 985px;
height: auto;
display: block;
margin: 0px auto;
background-color: hsla(0,100%,99%,0.00);
box-shadow: -2px 0 30px 0px rgba(0, 0, 0, .2);
padding-bottom: 80px;
position: relative;
top: 0px;
}

.header {
background-image: url("../image2020/pc/01_1_01/header_bgimg.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 1280px;
height: 362px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:120px;
z-index: 5;
}

.header h3 {
background-image: url("../image2020/pc/06_03/juku_1.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 985px;
height: 317px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:40px;
}

.contact,
.training,
.recruit_info {
width: 985px;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 100px;
}

.contact h4 {
background-image: url("../image2020/pc/06_03/juku_2.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto -80px auto;
width: 464px;
height: 167px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 280px;
}

.contact h5 {
background-image: url("../image2020/pc/06_03/juku_3.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 40px auto;
width: 464px;
height: 82px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}


.contact p,
.training p{
width: 706px;
height: auto;
display: block;
margin: 0px auto 0px auto;
font-size: 17px;
line-height : 33px;
letter-spacing : -0.5px;
text-align: justify;
text-justify: inter-ideograph;
}

.adress {
width: 440px;
height: auto;
display: block;
margin: 25px auto;
}


.adress p {
font-size: 20px;
line-height : 40px;
letter-spacing : -0.5px;
text-align: left;
}

.adress .yel{
font-size: 20px;
line-height : 33px;
color: #FFE000;
padding-right: 2px;
}



.contact .requests {
background-image: url("../image2020/pc/06_01/contact_etc_pc_3.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 0px auto;
width: 341px;
height: 52px;
display: block;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.contact .requests a {
margin: 0px auto 0px auto;
width: 341px;
height: 52px;
display: block;
}


.training h4 {
background-image: url("../image2020/pc/06_01/contact_etc_pc_4.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 0px auto;
width: 411px;
height: 76px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra01 {
background-image: url("../image2020/pc/06_01/contact_etc_pc_5.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 20px auto;
width: 166px;
height: 61px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra02 {
background-image: url("../image2020/pc/06_01/contact_etc_pc_6.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 20px auto;
width: 228px;
height: 58px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra03 {
background-image: url("../image2020/pc/06_01/contact_etc_pc_7.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 20px auto;
width: 228px;
height: 58px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra04 {
font-size: 20px;
line-height : 40px;
text-align: center;
margin: 0px auto 40px auto;
display: block;
}

.training .tra05 {
background-image: url("../image2020/pc/06_01/contact_etc_pc_8.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 20px auto;
width: 228px;
height: 60px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra06 {
font-size: 17px;
line-height : 40px;
text-align: center;
margin: 0px auto 40px auto;
display: block;
}

.training .blu {
font-size: 17px;
line-height : 33px;
color: #0080BC;
}

.training ul {
width: 706px;
height: auto;
display: block;
margin: 0px auto 0px auto;
font-size: 17px;
list-style: none;
}

.training li {
text-indent: -17px;
margin-left: 17px;
}

.recruit_info h4 {
background-image: url("../image2020/pc/06_01/contact_etc_pc_9.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 20px auto;
width: 253px;
height: 43px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.recruit_info table {
width: 706px;
margin: 0px auto -30px auto;
  border-collapse: collapse;
  background-color: #ffffff;
}
.recruit_info table, td, th {
  border: solid 1px #999999;
}
.recruit_info th {
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  font-size: 1em;
  padding: 6px;
  background-color: #007BC8;
}
.recruit_info td {
  padding: 4px;
  color: #333333;
  font-size: 0.9em;
  text-align: left;
  vertical-align: middle;
}

.recruit_info .recruiting {
width: 706px;
margin: 50px auto 20px auto;
display: block;
}

.recruit_info .recruiting p {
text-indent: -17px;
margin-left: 17px;
}

.recruit_info .recruiting h6 {
font-size: 17px;
font-weight: 400;
margin: 5px auto;
}

.recruit_info .recruiting h6 .yel {
font-size: 17px;
line-height : 33px;
color: #FFE000;
padding-right: 2px;
}

.recruit_info a {
color: #000000;
}

/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:800px){
main {
	min-width: 100%;
	margin-top: 0px;
}

article {
width: 100%;
height: auto;
display: block;
	margin: 0px auto;
	background-color: hsla(0,100%,99%,0.00);
	box-shadow: none;
	padding-bottom: 60px;
}

.header {
background-image: none;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 100%;
height: 189px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
z-index: 5;
}

.header h3 {
background-image:url("../image2020/sp/06_03/juku_sp_1.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 100%;
height: 0px;
padding-top: 46%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
}
	
.contact,
.training,
.recruit_info {
width: 100%;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 35px;
}

.contact h4 {
background-image:url("../image2020/sp/06_03/juku_sp_2.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 10px auto 80px auto;
width: 100%;
height: 0px;
padding-top: 33%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.contact h5 {
background-image:url("../image2020/sp/06_03/juku_sp_3.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 10px auto 20px auto;
width: 100%;
height: 0px;
padding-top: 18%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}


.training p {
width: 90%;
height: auto;
display: block;
margin: 20px auto 0px auto;
font-size: 16px;
line-height : 27px;
letter-spacing : -0.5px;
text-align: justify;
text-justify: inter-ideograph;;
}

.adress {
width: 320px;
height: auto;
display: block;
margin: 25px auto;
}
.adress p {
font-size: 16px;
line-height : 40px;
letter-spacing : -0.5px;
text-align: left;
}

.adress .yel{
font-size: 16px;
line-height : 33px;
color: #FFE000;
padding-right: 2px;
}


.adress {
display: block;
width: 320px;
height: auto;
margin: 25px auto;
}

.adress dt {
display: inline-block;
display: block;
float: left;
clear: both;
margin-top: -7px;
}

.adress dd{
margin-left: 90px;
}



.contact .requests {
background-image:url("../image2020/pc/06_01/contact_etc_pc_3.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 0px auto;
width: 341px;
height: 52px;
display: block;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.contact .requests a {
margin: 0px auto 0px auto;
width: 341px;
height: 52px;
display: block;
}


.training h4 {
background-image:url("../image2020/sp/06_01/contact_etc_sp_4.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 30px auto 0px auto;
width: 324px;
height: 60px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra01 {
background-image:url("../image2020/sp/06_01/contact_etc_sp_5.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 70px auto 20px auto;
width: 120px;
height: 37px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra02 {
background-image:url("../image2020/sp/06_01/contact_etc_sp_6.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 20px auto;
width: 160px;
height: 36px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra03 {
background-image:url("../image2020/sp/06_01/contact_etc_sp_7.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 20px auto;
width: 160px;
height: 41px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra04 {
font-size: 16px;
line-height : 33px;
text-align: center;
margin: 0px auto 40px auto;
display: block;
}

.training .tra05 {
background-image:url("../image2020/sp/06_01/contact_etc_sp_8.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 20px auto;
width: 160px;
height: 37px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.training .tra06 {
font-size: 16px;
line-height : 33px;
text-align: left;
letter-spacing: -0.8px;
margin: 0px auto 40px auto;
display: block;
}

.training .blu {
font-size: 16px;
line-height : 33px;
color: #0080BC;
}

.training ul {
width: 360px;
height: auto;
display: block;
margin: 0px auto 0px auto;
font-size: 16px;
list-style: none;
}

.training li {
text-indent: -16px;
margin-left: 16px;
}

.recruit_info h4 {
background-image:url("../image2020/sp/06_01/contact_etc_sp_9.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 20px auto;
width: 185px;
height: 33px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.recruit_info table {
width:90% !important;
border-collapse: collapse;
background-color: #ffffff;
margin: 0px auto -20px auto;
}

.recruit_info table, td, th {
  border: solid 1px #999999;
}
.recruit_info th {
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  font-size: 1em;
  padding: 6px;
  background-color: #007BC8;
}
.recruit_info td {
  padding: 4px;
  color: #333333;
  font-size: 0.9em;
  text-align: left;
  vertical-align: middle;
}

.recruit_info .recruiting {
width: 360px;
margin: 40px auto 20px auto;
display: block;
}

.recruit_info .recruiting p {
text-indent: -16px;
margin-left: 16px;
}

.recruit_info .recruiting h6 {
font-size: 16px;
font-weight: 400;
margin: 5px auto;
}

.recruit_info .recruiting h6 .yel {
font-size: 16px;
line-height : 33px;
color: #FFE000;
padding-right: 2px;
}


}